.slider { display: inline-block; vertical-align: middle; position: relative }
.slider.slider-horizontal { width: 210px; height: 20px }
.slider.slider-horizontal .slider-track { height: 10px; width: 100%; margin-top: -5px; top: 50%; left: 0 }
.slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-high, .slider.slider-horizontal .slider-track-low { height: 100%; top: 0; bottom: 0 }
.slider.slider-horizontal .slider-handle, .slider.slider-horizontal .slider-tick { margin-left: -10px }
.slider.slider-horizontal .slider-handle.triangle, .slider.slider-horizontal .slider-tick.triangle { position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); border-width: 0 10px 10px; width: 0; height: 0; border-bottom-color: #2e6da4; margin-top: 0 }
.slider.slider-horizontal .slider-tick-container { white-space: nowrap; position: absolute; top: 0; left: 0; width: 100% }
.slider.slider-horizontal .slider-tick-label-container { white-space: nowrap; margin-top: 20px }
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label { padding-top: 4px; display: inline-block; text-align: center }
.slider.slider-horizontal .tooltip { -ms-transform: translateX(-50%); transform: translateX(-50%) }
.slider.slider-horizontal.slider-rtl .slider-track { left: auto; right: 0 }
.slider.slider-horizontal.slider-rtl .slider-handle, .slider.slider-horizontal.slider-rtl .slider-tick { margin-left: 0; margin-right: -10px }
.slider.slider-horizontal.slider-rtl .slider-tick-container { left: auto; right: 0 }
.slider.slider-horizontal.slider-rtl .tooltip { -ms-transform: translateX(50%); transform: translateX(50%) }
.slider.slider-vertical { height: 210px; width: 20px }
.slider.slider-vertical .slider-track { width: 10px; height: 100%; left: 25%; top: 0 }
.slider.slider-vertical .slider-selection { width: 100%; left: 0; top: 0; bottom: 0 }
.slider.slider-vertical .slider-track-high, .slider.slider-vertical .slider-track-low { width: 100%; left: 0; right: 0 }
.slider.slider-vertical .slider-handle, .slider.slider-vertical .slider-tick { margin-top: -10px }
.slider.slider-vertical .slider-handle.triangle, .slider.slider-vertical .slider-tick.triangle { border-width: 10px 0 10px 10px; width: 1px; height: 1px; border-left-color: #2e6da4; border-right-color: #2e6da4; margin-left: 0; margin-right: 0 }
.slider.slider-vertical .slider-tick-label-container { white-space: nowrap }
.slider.slider-vertical .slider-tick-label-container .slider-tick-label { padding-left: 4px }
.slider.slider-vertical .tooltip { -ms-transform: translateY(-50%); transform: translateY(-50%) }
.slider.slider-vertical.slider-rtl .slider-track { left: auto; right: 25% }
.slider.slider-vertical.slider-rtl .slider-selection { left: auto; right: 0 }
.slider.slider-vertical.slider-rtl .slider-handle.triangle, .slider.slider-vertical.slider-rtl .slider-tick.triangle { border-width: 10px 10px 10px 0 }
.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label { padding-left: 0; padding-right: 4px }
.slider.slider-disabled .slider-handle { background-image: -webkit-linear-gradient(top, #dfdfdf, #bebebe); background-image: -o-linear-gradient(top, #dfdfdf 0, #bebebe 100%); background-image: linear-gradient(180deg, #dfdfdf 0, #bebebe); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffdfdfdf", endColorstr="#ffbebebe", GradientType=0)
}
.slider.slider-disabled .slider-track { background-image: -webkit-linear-gradient(top, #e5e5e5, #e9e9e9); background-image: -o-linear-gradient(top, #e5e5e5 0, #e9e9e9 100%); background-image: linear-gradient(180deg, #e5e5e5 0, #e9e9e9); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe5e5e5", endColorstr="#ffe9e9e9", GradientType=0);
cursor: not-allowed }
.slider input { display: none }
.slider .tooltip { pointer-events: none }
.slider .tooltip.top { margin-top: -36px }
.slider .tooltip-inner { white-space: nowrap; max-width: none }
.slider .hide { display: none }
.slider-track { cursor: pointer; background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5 0, #f9f9f9 100%); background-image: linear-gradient(180deg, #f5f5f5 0, #f9f9f9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff5f5f5", endColorstr="#fff9f9f9", GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1) }
.slider-selection, .slider-track { position: absolute; background-repeat: repeat-x; border-radius: 4px }
.slider-selection { background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5); background-image: -o-linear-gradient(top, #f9f9f9 0, #f5f5f5 100%); background-image: linear-gradient(180deg, #f9f9f9 0, #f5f5f5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff9f9f9", endColorstr="#fff5f5f5", GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.slider-selection.tick-slider-selection { background-image: -webkit-linear-gradient(top, #8ac1ef, #82b3de); background-image: -o-linear-gradient(top, #8ac1ef 0, #82b3de 100%); background-image: linear-gradient(180deg, #8ac1ef 0, #82b3de); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8ac1ef", endColorstr="#ff82b3de", GradientType=0)
}
.slider-track-high, .slider-track-low { position: absolute; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px }
.slider-handle { position: absolute; top: 0; width: 20px; height: 20px; background-color: #337ab7; background-image: -webkit-linear-gradient(top, #337ab7, #2e6da4); background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%); background-image: linear-gradient(180deg, #337ab7 0, #2e6da4); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff337ab7", endColorstr="#ff2e6da4", GradientType=0);
filter: none; -webkit-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 hsla(0,0%,100%,.2), 0 1px 2px rgba(0,0,0,.05); border: 0 solid transparent }
.slider-handle:hover { cursor: pointer }
.slider-handle.round { border-radius: 50% }
.slider-handle.custom, .slider-handle.triangle { background: transparent none }
.slider-handle.custom:before { line-height: 20px; font-size: 20px; content: "\2605"; color: #726204 }
.slider-tick { position: absolute; cursor: pointer; width: 20px; height: 20px; background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5); background-image: -o-linear-gradient(top, #f9f9f9 0, #f5f5f5 100%); background-image: linear-gradient(180deg, #f9f9f9 0, #f5f5f5); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff9f9f9", endColorstr="#fff5f5f5", GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; filter: none; opacity: .8; border: 0 solid transparent }
.slider-tick.round { border-radius: 50% }
.slider-tick.custom, .slider-tick.triangle { background: transparent none }
.slider-tick.custom:before { line-height: 20px; font-size: 20px; content: "\2605"; color: #726204 }
.slider-tick.in-selection { background-image: -webkit-linear-gradient(top, #8ac1ef, #82b3de); background-image: -o-linear-gradient(top, #8ac1ef 0, #82b3de 100%); background-image: linear-gradient(180deg, #8ac1ef 0, #82b3de); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8ac1ef", endColorstr="#ff82b3de", GradientType=0);
opacity: 1 }
.bootstrap-select>select.bs-select-hidden, select.bs-select-hidden, select.selectpicker { display: none!important }
.bootstrap-select { width: 220px\0 }
.bootstrap-select>.dropdown-toggle { position: relative; width: 100%; z-index: 1; text-align: right; white-space: nowrap }
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover { color: #999 }
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover { color: hsla(0,0%,100%,.5) }
.bootstrap-select>select { position: absolute!important; bottom: 0; left: 50%; display: block!important; width: .5px!important; height: 100%!important; padding: 0!important; opacity: 0!important; border: none }
.bootstrap-select>select.mobile-device { top: 0; left: 0; display: block!important; width: 100%!important; z-index: 2 }
.bootstrap-select.is-invalid .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle, .was-validated .bootstrap-select .selectpicker:invalid+.dropdown-toggle {
border-color:#b94a48
}
.bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select .selectpicker:valid+.dropdown-toggle {
border-color:#28a745
}
.bootstrap-select.fit-width { width: auto!important }
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 220px }
.bootstrap-select .dropdown-toggle:focus { outline: thin dotted #333!important; outline: 5px auto -webkit-focus-ring-color!important; outline-offset: -2px }
.bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none }
:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) { width: 100% }
.bootstrap-select.form-control.input-group-btn { z-index: auto }
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn { border-radius: 0 }
.bootstrap-select:not(.input-group-btn), .bootstrap-select[class*=col-] { float: none; display: inline-block; margin-left: 0 }
.bootstrap-select.dropdown-menu-right, .bootstrap-select[class*=col-].dropdown-menu-right, .row .bootstrap-select[class*=col-].dropdown-menu-right { float: right }
.form-group .bootstrap-select, .form-horizontal .bootstrap-select, .form-inline .bootstrap-select { margin-bottom: 0 }
.form-group-lg .bootstrap-select.form-control, .form-group-sm .bootstrap-select.form-control { padding: 0 }
.form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle { height: 100%; font-size: inherit; line-height: inherit; border-radius: inherit }
.bootstrap-select.form-control-lg .dropdown-toggle, .bootstrap-select.form-control-sm .dropdown-toggle { font-size: inherit; line-height: inherit; border-radius: inherit }
.bootstrap-select.form-control-sm .dropdown-toggle { padding:.25rem .5rem
}
.bootstrap-select.form-control-lg .dropdown-toggle { padding:.5rem 1rem
}
.form-inline .bootstrap-select .form-control { width: 100% }
.bootstrap-select.disabled, .bootstrap-select>.disabled { cursor: not-allowed }
.bootstrap-select.disabled:focus, .bootstrap-select>.disabled:focus { outline: 0!important }
.bootstrap-select.bs-container { position: absolute; top: 0; left: 0; height: 0!important; padding: 0!important }
.bootstrap-select.bs-container .dropdown-menu { z-index: 1060 }
.bootstrap-select .dropdown-toggle:before { content: ""; display: inline-block }
.bootstrap-select .dropdown-toggle .filter-option { position: absolute; top: 0; left: 0; padding: inherit; height: 100%; width: 100%; text-align: left }
.bootstrap-select .dropdown-toggle .filter-option-inner { padding-right: inherit }
.bootstrap-select .dropdown-toggle .filter-option-inner-inner { overflow: hidden }
.bootstrap-select .dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle }
.input-group .bootstrap-select.form-control .dropdown-toggle { border-radius: inherit }
.bootstrap-select[class*=col-] .dropdown-toggle { width: 100% }
.bootstrap-select .dropdown-menu { min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.bootstrap-select .dropdown-menu>.inner:focus { outline: 0!important }
.bootstrap-select .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0; margin: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none }
.bootstrap-select .dropdown-menu li { position: relative }
.bootstrap-select .dropdown-menu li.active small { color: hsla(0,0%,100%,.5)!important }
.bootstrap-select .dropdown-menu li.disabled a { cursor: not-allowed }
.bootstrap-select .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.bootstrap-select .dropdown-menu li a.opt { position: relative; padding-left: 2.25em }
.bootstrap-select .dropdown-menu li a span.check-mark { display: none }
.bootstrap-select .dropdown-menu li a span.text { display: inline-block }
.bootstrap-select .dropdown-menu li small { padding-left: .5em }
.bootstrap-select .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); pointer-events: none; opacity: .9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.bootstrap-select .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap }
.bootstrap-select.fit-width .dropdown-toggle .filter-option { position: static; display: inline; padding: 0 }
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner, .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner { display: inline }
.bootstrap-select.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px }
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { position: absolute; display: inline-block; right: 15px; top: 5px }
.bootstrap-select.show-tick .dropdown-menu li a span.text { margin-right: 34px }
.bootstrap-select .bs-ok-default:after { content: ""; display: block; width: .5em; height: 1em; border-style: solid; border-width: 0 .26em .26em 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle, .bootstrap-select.show-menu-arrow.show>.dropdown-toggle { z-index: 1061 }
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before { content: ""; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid hsla(0,0%,80%,.2); position: absolute; bottom: -4px; left: 9px; display: none }
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after { content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; bottom: -4px; left: 10px; display: none }
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before { bottom: auto; top: -4px; border-top: 7px solid hsla(0,0%,80%,.2); border-bottom: 0 }
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after { bottom: auto; top: -4px; border-top: 6px solid #fff; border-bottom: 0 }
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before { right: 12px; left: auto }
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after { right: 13px; left: auto }
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before { display: block }
.bs-actionsbox, .bs-donebutton, .bs-searchbox { padding: 4px 8px }
.bs-actionsbox { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.bs-actionsbox .btn-group button { width: 50% }
.bs-donebutton { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.bs-donebutton .btn-group button { width: 100% }
.bs-searchbox+.bs-actionsbox { padding: 0 8px 4px }
.bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none }
.bootstrap-tagsinput { background-color: #fff; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); display: inline-block; padding: 4px 6px; color: #555; vertical-align: middle; border-radius: 4px; max-width: 100%; line-height: 22px; cursor: text }
.bootstrap-tagsinput input { border: none; box-shadow: none; outline: none; background-color: transparent; padding: 0 6px; margin: 0; width: auto; max-width: inherit }
.bootstrap-tagsinput.form-control input::-moz-placeholder {
color:#777;
opacity:1
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
color:#777
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
color:#777
}
.bootstrap-tagsinput input:focus { border: none; box-shadow: none }
.bootstrap-tagsinput .tag { margin-right: 2px; color: #fff }
.bootstrap-tagsinput .tag [data-role=remove] { margin-left: 8px; cursor: pointer }
.bootstrap-tagsinput .tag [data-role=remove]:after { content: "x"; padding: 0 2px }
.bootstrap-tagsinput .tag [data-role=remove]:hover { box-shadow: inset 0 1px 0 hsla(0,0%,100%,.2), 0 1px 2px rgba(0,0,0,.05) }
.bootstrap-tagsinput .tag [data-role=remove]:hover:active { box-shadow: inset 0 3px 5px rgba(0,0,0,.125) }
.artist-container { overflow-x: auto; overflow-y: hidden; position: relative; height: 330px; padding-top: 25px; padding-bottom: 15px }
.artist-container.ls-5 { height: 330px }
@media (max-width:991px) {
.artist-container, .artist-container.ls-5 { height: 310px }
}
@media (max-width:767px) {
.artist-container, .artist-container.ls-5 { height: auto }
.artist-container figure[data-id].a3to9:nth-child(n+5) { display: block }
.artist-container figure[data-id].a3to9:nth-child(n+10), .artist-container figure[data-id]:nth-child(n+5) { display: none }
.artist-container figure[data-id].min3:nth-child(n+5) { display: block }
}
.artist-container figure[data-id] { text-align: center; position: relative; margin-right: 20px; max-width: 100%; float: none; display: inline-block; vertical-align: top; height: 310px }
.artist-container figure[data-id]:nth-child(2) { max-width: 80% }
@media (max-width:767px) {
.artist-container figure[data-id]:nth-child(2) { max-width: 100% }
}
@media (max-width:767px) {
.artist-container figure[data-id] { margin: 30px 10px 35px }
}
.artist-container figure[data-id] img { background: #f3f3f3; margin: 0 auto; padding: 4px; z-index: 2; position: relative; border: 4px solid #161616; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: var(--wd); height: 230px }
@media (max-width:767px) {
.artist-container figure[data-id] img { margin-bottom: 10px; width: 266px!important; height: var(--hm) }
}
.artist-container figure[data-id] figcaption { display: none }
@media (max-width:991px) {
.artist-container figure[data-id] figcaption { display: block }
}
@media (max-width:767px) {
.artist-container figure[data-id] figcaption { display: block }
}
.artist-container figure[data-id] .title { font-size: 17px; margin-top: 10px; line-height: 22px; height: 110px }
@media (max-width:767px) {
.artist-container figure[data-id] .title { height: auto; text-align: left; display: none }
}
.artist-container figure[data-id] .price-discount { color: #c29866; font-size: 12px; font-weight: 400 }
@media (max-width:767px) {
.artist-container figure[data-id] .price-discount { font-size: 14px }
}
.artist-container figure[data-id] .price-initial { color: #747474; font-size: 10px; font-weight: 400; text-decoration: line-through }
@media (max-width:767px) {
.artist-container figure[data-id] .price-initial { font-size: 12px }
}
.artist-container figure[data-id] .cat, .artist-container figure[data-id] .featured, .artist-container figure[data-id] .price, .artist-container figure[data-id] .sold, .artist-container figure[data-id] .style { position: absolute; top: 20px; z-index: 10; right: 10px; padding: 5px 10px; color: #fff; font-size: 10px }
@media (max-width:767px) {
.artist-container figure[data-id] .cat, .artist-container figure[data-id] .featured, .artist-container figure[data-id] .price, .artist-container figure[data-id] .sold, .artist-container figure[data-id] .style { position: absolute; bottom: -67px; top: inherit; right: 0; color: #202020; font-size: 14px; text-align: right; width: 65% }
}
.artist-container figure[data-id] .sold { background-color: #202020; color: #fff; text-transform: uppercase }
@media (max-width:767px) {
.artist-container figure[data-id] .sold { background-color: transparent }
}
.artist-container figure[data-id] .featured { background-color: #c29866 }
.artist-container figure[data-id] .price { display: none; background-color: #878787 }
@media (max-width:991px) {
.artist-container figure[data-id] .price { background-color: transparent }
}
@media (max-width:1024px) {
.artist-container figure[data-id] .price { display: block; background-color: #878787 }
}
@media (max-width:767px) {
.artist-container figure[data-id] .price { background-color: transparent }
}
.artist-container figure[data-id]:hover .cat, .artist-container figure[data-id]:hover .price, .artist-container figure[data-id]:hover .style { display: block }
@media (max-width:991px) {
.artist-container figure[data-id] { height: 300px }
}
@media (max-width:767px) {
.artist-container figure[data-id] { display: block; float: none; height: inherit }
}
.artist-container figure[data-id] a { display: block }
@media (max-width:991px) {
.artist-container figure[data-id] a { margin: 0 5px }
}
.artist-container figure[data-id] .art-actions { opacity: 0; -webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s }
@media (max-width:991px) {
.artist-container figure[data-id] .art-actions { opacity: 1 }
}
.artist-container figure[data-id]:hover .art-actions { opacity: 1 }
.artist-container .mobile { display: none }
@media (max-width:767px) {
.artist-container .mobile { display: none }
}
.artist-container .mobile .meta { font-size: 12px; text-align: right; font-weight: 300 }
.artist-container .desktop { display: block }
@media (max-width:768px) {
.artist-container .desktop { display: none!important }
}
.artist-container .material { display: block; font-size: 10px; line-height: 16px; text-transform: uppercase; color: #9c9c9c; text-align: right; margin-top: 10px }
.artist-container .material .meta { color: #000 }
@media (max-width:991px) {
.artist-container .material { font-size: 9px }
}
@media (max-width:767px) {
.artist-container .material { text-align: right; padding-right: 20px }
}
.artist-container .art-actions { margin-top: 0; text-align: right; position: absolute; right: -15px; top: -15px; z-index: 50 }
@media (max-width:991px) {
.artist-container .art-actions { display: none }
}
@media (max-width:767px) {
.artist-container .art-actions { text-align: right; display: block; margin-top: 0; top: inherit; left: 20px; right: inherit; bottom: 0 }
}
.artist-container .art-actions a { color: #000; display: block; border-radius: 35px; height: 35px; margin: 0; line-height: 40px; text-align: center; width: 35px; background-color: #d2d1d2 }
.artist-container .art-actions a.rm-favorite.active { background-color: #c29866 }
.artist-container .art-actions a.rm-favorite.active i { color: #fff }
.artist-container .art-actions a:hover { color: #fff; background-color: #c29866 }
.artist-container .art-actions i { font-size: 16px }
.odd { background-color: #efefef }
.odd .masq { background-color: rgba(237,236,237,.95); cursor: pointer; position: absolute; width: 100%; height: 100%; top: 300px; z-index: 100; left: 0 }
@media (max-width:767px) {
.odd .masq { display: none }
}
.odd .cta-more { background-color: #969696 }
@media (max-width:767px) {
.odd .cta-more a { background-color: #6c6c6c; color: #fff }
}
.odd .cta-more-c { background-color: #fff }
@media (max-width:767px) {
.odd .cta-more-c a { background-color: #fff }
}
.even { background-color: #fff }
.even .masq { background-color: hsla(0,0%,100%,.95); cursor: pointer; position: absolute; width: 100%; height: 100%; z-index: 100; top: 300px; left: 0 }
@media (max-width:767px) {
.even .masq { display: none }
}
.even .cta-more { background-color: #969696 }
@media (max-width:767px) {
.even .cta-more a { background-color: #6c6c6c; color: #fff }
}
.even .cta-more-c { background-color: #efefef }
.cta-more-c { display: block; border-radius: 50px; padding: 10px 15px; font-size: 12px; color: #000; position: absolute; bottom: 150px; right: 10px; z-index: 100 }
.cta-more-c:hover { background-color: #c29866 }
.cta-more-c:hover a { color: #fff }
.cta-more-c a { display: block; color: #000; padding: 10px 15px }
.cta-more-c a:hover { color: #fff }
.cta-more { height: 41px; width: 41px; color: #000; font-size: 20px; line-height: 45px; border-radius: 100px; font-weight: 300; position: absolute; z-index: 2; text-align: center; right: inherit; top: inherit; z-index: 120; bottom: -20.5px; left: 50%; margin-left: -30px; display: block }
.cta-more a { display: block; color: #fff }
.cta-more a i { font-size: 16px }
@media (max-width:767px) {
.cta-more { position: relative; background-color: inherit; padding: 0; right: inherit; top: inherit; bottom: inherit; left: inherit; margin-left: inherit; margin-top: -20px; margin-bottom: 40px }
.cta-more, .cta-more a { display: block; width: 100% }
.cta-more a { border-radius: 5px; color: #000; padding: 15px 0; font-size: 16px; background-color: #efefef; text-align: center; line-height: 20px }
.cta-more a i { margin-left: 10px; font-size: 12px }
}
section.search { padding-top: 25px }
@media (max-width:991px) {
section.search { padding-top: 50px }
}
section.search .tags { padding: 24px 0 }
section.search .tags input { border-width: 0 0 1px; width: 210px; margin: 10px 0 0 5px }
section.search .tags .bootstrap-tagsinput { display: inline-block }
section.search .tags .bootstrap-tagsinput input { border-width: 0 0 1px; width: 210px; margin: 10px 0 0 5px }
section.search .tags .bootstrap-tagsinput span.label { display: none!important }
section.search .tags .ico-search { background-image: url(https://cdn-assets.xinyiparis.cn/assets/build-cn/images/ico_search.eb36ae3f.svg); background-size: 14px auto; background-repeat: no-repeat; background-position: 0; width: 15px; height: 50px; display: inline-block }
section.search .bootstrap-tagsinput span.tag { background-color: #c29866; display: inline-block; margin-right: 3px; padding: 10px 20px; font-size: 12px; color: #fff; font-weight: 500; border-radius: 5px; position: relative; margin-bottom: 10px }
section.search .bootstrap-tagsinput span.tag span[data-role=remove]:after { cursor: pointer; content: "X"; margin-left: 13px; font-size: 12px }
section.search .search-results { background-color: #efefef; padding: 0 0 30px }
@media (max-width:991px) {
section.search .search-results { padding-top: 0 }
}
section.search .search-results h1 { font-size: 30px }
@media (max-width:1199px) {
section.search .search-results h1 { font-size: 26px }
}
section.search .search-results .results-filter, section.search .search-results .results-numbers { font-size: 20px; font-weight: 500 }
@media (max-width:767px) {
section.search .search-results .results-filter, section.search .search-results .results-numbers { font-size: 16px; line-height: 26px }
}
@media (max-width:991px) {
section.search .search-results .results-filter, section.search .search-results .results-number, section.search .search-results .results-numbers { text-align: center }
}
section.search .search-results .results-filter { text-align: right }
@media (max-width:991px) {
section.search .search-results .results-filter { margin-top: 20px; text-align: center }
}
section.search .search-results .list-keywords { height: 88px; width: 100% }
@media (max-width:991px) {
section.search .search-results .list-keywords { height: auto }
}
section.search .search-results .list-keywords ul { padding-top: 17px }
@media (max-width:991px) {
section.search .search-results .list-keywords ul { padding-bottom: 17px }
}
section.search .search-results .list-keywords ul li { display: inline-block }
section.search .search-results .list-keywords ul li h2 { background-color: #c29866; display: inline-block; margin-right: 3px; padding: 15px 50px 15px 30px; font-size: 16px; color: #fff; font-weight: 500; border-radius: 5px; position: relative }
@media (max-width:991px) {
section.search .search-results .list-keywords ul li { margin-bottom: 5px; padding: 8px 40px 8px 18px; font-size: 14px }
}
section.search .search-results .list-keywords ul li i { font-size: 14px; position: absolute; right: 20px; top: 17px; cursor: pointer }
@media (max-width:991px) {
section.search .search-results .list-keywords ul li i { top: 14px; right: 15px; font-size: 11px }
}
section.search .search-themes { background-color: #efefef; padding: 125px 0 }
@media (max-width:991px) {
section.search .search-themes { padding: 40px 0 }
}
section.search .search-themes h3 { font-size: 26px; font-weight: 500; margin-top: 30px }
section.search .search-themes h3 { margin-top: 30px }
section.search .search-themes .search-category { margin: 15px 0 }
section.search .search-themes .search-category a:hover .cat-title { -webkit-transition: all .2s ease-in; -webkit-transform: scale(1.1); -ms-transition: all .2s ease-in; -ms-transform: scale(1.1); -moz-transition: all .2s ease-in; -moz-transform: scale(1.1); transition: all .2s ease-in; transform: scale(1.1); z-index: 2 }
section.search .search-themes .search-category a:hover .icon-link { background-color: #c29866; border: 2px solid #c29866 }
@media (max-width:991px) {
section.search .search-themes .search-category a:hover .masq { background: inherit }
section.search .search-themes .search-category a:hover .cat-resume { opacity: 0; height: 0 }
section.search .search-themes .search-category a:hover figcaption { bottom: 50px }
}
section.search .search-themes .search-category figure { text-align: center; margin: auto; left: 0; right: 0; top: 0; position: relative; bottom: 0; display: inline-block }
@media (max-width:468px) {
section.search .search-themes .search-category figure { margin: 0 }
}
section.search .search-themes .search-category .masq { position: absolute; width: auto; height: auto; background: rgba(0,0,0,.3); top: 26px; left: 26px; bottom: 26px; right: 26px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; z-index: 2 }
@media (max-width:468px) {
section.search .search-themes .search-category .masq { display: none }
}
section.search .search-themes .search-category .cat-thumb { margin: 0 30px; position: relative; height: 100%; display: table-cell; text-align: center; vertical-align: bottom }
@media (max-width:767px) {
section.search .search-themes .search-category .cat-thumb { min-height: 150px; margin: 0 10px; height: 200px }
}
@media (max-width:468px) {
section.search .search-themes .search-category .cat-thumb { height: auto }
}
section.search .search-themes .search-category .cat-thumb img { background: #f3f3f3; padding: 16px; border: 10px solid #161616; width: 100%; position: relative; bottom: 0; height: auto; vertical-align: bottom; -moz-box-shadow: inset -5px -5px 30px 0 #656565; -webkit-box-shadow: inset -5px -5px 30px 0 #656565; -o-box-shadow: inset -5px -5px 30px 0 #656565; box-shadow: inset -5px -5px 30px 0 #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=315, Strength=30)
}
@media (max-width:468px) {
section.search .search-themes .search-category .cat-thumb img { border: 4px solid #161616; padding: 5px }
}
section.search .search-themes .search-category figcaption { z-index: 3; position: absolute; width: 100%; bottom: 100px; text-align: center; color: #fff; padding: 0 30px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
@media (max-width:468px) {
section.search .search-themes .search-category figcaption { bottom: 84px; padding: 0 15px }
}
section.search .search-themes .search-category .cat-title { font-size: 24px; line-height: 28px; text-shadow: 3px 3px 3px rgba(0,0,0,.5); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
@media (max-width:1199px) {
section.search .search-themes .search-category .cat-title { font-size: 22px }
}
@media (max-width:468px) {
section.search .search-themes .search-category .cat-title { font-size: 16px }
}
section.search .search-themes .search-category .cat-resume { font-size: 12px; font-weight: 300; line-height: 16px; padding: 5px 20px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 0; height: 0 }
section.search .search-themes .search-category .cat-desc { font-size: 8px; text-transform: uppercase; letter-spacing: 1px; color: #fff; margin-bottom: 5px }
@media (max-width:468px) {
section.search .search-themes .search-category .cat-desc { font-size: 6px }
}
section.search .search-themes .search-category .icon-link { color: #fff; border-radius: 40px; width: 40px; height: 40px; background-color: rgba(194,152,102,0); border: 2px solid #fff; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; position: absolute; left: 50%; margin: 15px auto 0 -25px }
section.search .search-themes .search-category .icon-link i { position: absolute; width: 100%; height: 100%; line-height: 45px; left: 0; font-size: 16px; top: 0; padding: 0 }
section.search .search-results .search-artist-result { padding: 20px 0 0; position: relative }
@media (max-width:767px) {
section.search .search-results .search-artist-result { padding-top: 20px }
}
section.search .search-results .search-artist-result .button { position: absolute; right: 50px; bottom: 70px }
@media (max-width:767px) {
section.search .search-results .search-artist-result .button { display: block; position: relative; right: inherit; left: inherit; bottom: inherit }
section.search .search-results .search-artist-result .button a { display: block; width: 100% }
}
section.search .search-results .search-artist-result .button a.black i { color: #fff; font-size: 16px; padding-left: 0; line-height: 22px; margin-right: 5px; vertical-align: top; display: inline-block }
section.search .search-results .search-artist-result .button a.black:hover { background-color: transparent; border: 3px solid #000; color: #000 }
section.search .search-results .search-artist-result .button a.black:hover i { color: #000 }
section.search .search-results .search-artist-result .button.button-artist { position: relative; text-align: center; right: inherit; bottom: inherit }
section.search .search-results .search-artist-result a.full-page { font-size: 20px; line-height: 260px }
section.search .search-results .search-artist-result a.add-to-favorite { color: #202020 }
section.search .search-results .search-artist-result .pic-artist { padding-top: 50px; text-align: left; float: left; width: 175px; margin-bottom: 0; margin-left: -15px }
@media (max-width:767px) {
section.search .search-results .search-artist-result .pic-artist { text-align: left; margin: 0 0 15px; float: none; width: auto; padding-top: 0 }
}
section.search .search-results .search-artist-result .pic-artist .thumb { width: 120px; height: 120px; border-radius: 120px; overflow: hidden; display: block; margin: 0 auto; vertical-align: middle }
@media (max-width:767px) {
section.search .search-results .search-artist-result .pic-artist .thumb { display: inline-block; vertical-align: middle; width: 100px; height: 100px }
}
section.search .search-results .search-artist-result .pic-artist .thumb img { height: 120px; width: auto; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%) }
@media (max-width:767px) {
section.search .search-results .search-artist-result .pic-artist .thumb img { height: 100px }
}
section.search .search-results .search-artist-result .pic-artist figcaption { text-align: center; margin-left: 0; display: block; vertical-align: middle }
@media (max-width:767px) {
section.search .search-results .search-artist-result .pic-artist figcaption { display: inline-block; text-align: left; margin-left: 20px; margin-bottom: inherit; vertical-align: middle }
}
section.search .search-results .search-artist-result .pic-artist figcaption .numbers { font-size: 11px; font-weight: 300; color: #9d9d9d }
section.search .search-results .search-artist-result .pic-artist figcaption h2 { font-size: 16px; margin-top: 10px }
section.search .search-results .search-artist-result .pic-artist figcaption h2 a:hover { color: #c29866 }
section.search .search-results .search-artist-result .pic-artist figcaption .button { width: 100%; margin-top: 15px }
section.search .search-results .search-artist-result .pic-artist figcaption .button a { width: 100%; padding: 10px 20px; font-size: 12px }
section.search .search-results .search-artist-result .cta-ap { display: none; position: relative; background-color: inherit; padding: 0; width: auto; bottom: 0; z-index: 110; height: 70px; margin: 0 auto }
@media (max-width:767px) {
section.search .search-results .search-artist-result .cta-ap { width: 100%; position: relative; top: inherit; bottom: inherit; right: inherit }
}
section.search .search-results .search-artist-result .cta-ap a i { margin-left: 10px }
section.search .search-ctx { background-color: #232323; padding-bottom: 10px; padding-top: 20px }
section.search .search-ctx .ctx { font-weight: 300; font-size: 16px; margin: 0 auto; width: 50%; text-align: justify; color: #9d9d9d }
@media (max-width:767px) {
section.search .search-ctx .ctx { width: 85% }
}
section.search .search-ctx .ctx h2 { font-size: 22px; margin: 30px 20px 20px; text-align: center }
section.search .search-ctx .ctx strong { font-weight: 400 }
section.search .search-ctx .ctx a { text-decoration: underline; color: #9d9d9d; font-weight: 400 }
section.search .search-ctx .ctx hr { margin-top: 60px; background-color: #fff; opacity: .1 }
.search-overlay { background: hsla(0,0%,100%,.6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50 }
.pagerfanta { position: relative; margin: 80px auto 30px; width: 100%; text-align: center }
@media (max-width:1199px) {
.pagerfanta { margin-top: 50px }
}
@media (max-width:767px) {
.pagerfanta { margin-bottom: 10px; margin-top: 30px }
}
.pagerfanta a, .pagerfanta span { color: grey; background-color: #fff; font-weight: 300; border: 1px solid #dedede; border-radius: 5px; padding: 5px 10px; font-size: 16px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
@media (max-width:1199px) {
.pagerfanta a, .pagerfanta span { font-size: 20px; padding: 8px 18px }
}
@media (max-width:767px) {
.pagerfanta a, .pagerfanta span { padding: 5px 10px; margin: 0; font-size: 14px }
}
.pagerfanta a[rel=next], .pagerfanta a[rel=prev] { display: inline-block; position: absolute; margin-top: -10px; opacity: 1; background-color: transparent!important }
.pagerfanta a[rel=next]:focus, .pagerfanta a[rel=prev]:focus { outline: 0 }
.pagerfanta a[rel=next]:hover, .pagerfanta a[rel=prev]:hover { opacity: 1 }
.pagerfanta a[rel=prev] { z-index: 30; left: 10px; border: 0; font-family: sing; background-color: #fff; text-indent: -9999px }
.pagerfanta a[rel=prev]:before { text-indent: 0; position: absolute; left: 0; content: "e"; font-family: singulart; color: #000; font-size: 32px; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.pagerfanta a[rel=prev]:hover { border: none }
.pagerfanta a[rel=prev]:hover:before { color: #c29866 }
.pagerfanta a[rel=next] { z-index: 30; right: 22px; background-color: #fff; border: 0; text-indent: -9999px }
.pagerfanta a[rel=next]:before { text-indent: 0; position: absolute; left: 0; content: "h"; font-family: singulart; color: #000; font-size: 32px; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.pagerfanta a[rel=next]:hover { border: none }
.pagerfanta a[rel=next]:hover:before { color: #c29866 }
.pagerfanta a { text-decoration: none; margin: 0 5px }
@media (max-width:1199px) {
.pagerfanta a { margin: 0 3px }
}
@media (max-width:767px) {
.pagerfanta a { margin: 0 5px }
}
.pagerfanta select{ padding:5px 8px; border:1px solid #ccc;margin-right:5px;margin-bottom:5px; }
.pagerfanta a:hover { color: #ffffff; border: 1px solid #c29866; cursor: pointer;background-color: #c29866; }
.pagerfanta span { margin: 0 5px }
.pagerfanta .dots { border-width: 0 }
.pagerfanta .thisclass,.pagerfanta .current { font-weight: 500; background-color: #c29866; color: #fff }
.pagerfanta .disabled { display: none }
body { background-color: #a09fa0 }
.filters-scroll-mobile { width: 54px; height: 60px; position: fixed; bottom: 210px; right: -18px; z-index: 120; cursor: pointer; opacity: 0 }
.filters-scroll-mobile.active { opacity: 1 }
.filters-scroll-mobile a { display: block; width: 42px; height: 52px; margin-top: 0; background-color: #2b2b2b; border-radius: 10px; text-align: center; line-height: 62px }
.filters-scroll-mobile a i { color: #fff; font-size: 24px }
.searchV2 { margin-top: -30px }
@media (max-width:767px) {
.searchV2 { margin-top: -10px }
}
.searchV2 .filter-ruler { margin-top: 10px; position: relative; width: 180px; display: inline-block }
.searchV2 .filter-ruler .input-ruler-values { font-size: 10px; right: 0; position: absolute; top: -30px; color: #8b8b8b }
@media (max-width:767px) {
.searchV2 .filter-ruler .input-ruler-values { top: -15px }
}
.searchV2 .filter-ruler .title { font-size: 11px; text-transform: uppercase; font-weight: 600; position: absolute; top: -30px; left: 0; margin-right: 20px }
@media (max-width:767px) {
.searchV2 .filter-ruler .title { top: -15px }
}
@media (max-width:1199px) {
.searchV2 .filter-ruler { width: 130px }
}
@media (max-width:767px) {
.searchV2 .filter-ruler { width: 100% }
}
.searchV2 .filter-ruler .slider.slider-horizontal { width: 180px }
@media (max-width:1199px) {
.searchV2 .filter-ruler .slider.slider-horizontal { width: 130px }
}
@media (max-width:767px) {
.searchV2 .filter-ruler .slider.slider-horizontal { width: 100% }
}
.searchV2 .filter-ruler .slider-handle { top: 0; width: 20px; border: 0 solid #999!important; height: 20px; background-color: #c29866; background-image: -webkit-linear-gradient(top, #c29866, #c29866); background-image: -o-linear-gradient(top, #c29866 0, #c29866 100%); background-image: linear-gradient(180deg, #c29866 0, #c29866); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="@or", endColorstr="@or", GradientType=0);
filter: none }
.searchV2 .filter-ruler .slider-handle, .searchV2 .filter-ruler .slider-track { position: absolute; background-repeat: repeat-x; -webkit-box-shadow: inherit; box-shadow: inherit }
.searchV2 .filter-ruler .slider-track { cursor: pointer; background-image: -webkit-linear-gradient(top, #fff, #fff); background-image: -o-linear-gradient(top, #fff 0, #fff 100%); background-image: linear-gradient(180deg, #fff 0, #fff); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff", endColorstr="#fff", GradientType=0);
border-radius: 4px }
@media (max-width:767px) {
.searchV2 .filter-ruler .slider-track { background-image: inherit; background-color: #cfcecf }
}
.searchV2 .filter-ruler .slider .tooltip.top { display: none }
.searchV2 .filter-ruler .slider-selection { background-color: #c29866; background-image: none; box-shadow: inherit }
.searchV2 .filter-ruler .slider.slider-horizontal .slider-track { height: 6px; margin-top: -2px }
.searchV2 .filter-size { display: inline-block; position: relative; text-align: left }
.searchV2 .filter-size a { position: relative; display: block }
.searchV2 .filter-size a.active, .searchV2 .filter-size a:hover { background-color: #c29866 }
.searchV2 .filter-size a.active .icon, .searchV2 .filter-size a:hover .icon { color: #fff }
.searchV2 .filter-size .icon { color: #bcbbbc; text-align: center; position: absolute; width: 100%; top: 60%; transform: translateY(-50%) }
@media (max-width:767px) {
.searchV2 .filter-size .icon { color: #fff }
}
.searchV2 .filter-size .small .icon { font-size: 9px; text-align: center }
.searchV2 .filter-size .medium .icon { font-size: 16px }
.searchV2 .filter-size .large .icon { font-size: 25px }
.searchV2 .filter-size .title { font-size: 11px; text-transform: uppercase; font-weight: 600; display: inline-block; margin-right: 20px }
.searchV2 .filter-orientation, .searchV2 .filter-size { position: relative }
.searchV2 .filter-orientation .title, .searchV2 .filter-size .title { font-size: 11px; text-transform: uppercase; font-weight: 600; position: absolute; top: -20px }
.searchV2 .filter-orientation ul li, .searchV2 .filter-size ul li { display: inline-block; margin-right: 2px }
.searchV2 .filter-orientation ul li a, .searchV2 .filter-size ul li a { display: block; background-color: #fff; width: 32px; height: 32px; border-radius: 5px }
@media (max-width:767px) {
.searchV2 .filter-orientation ul li a, .searchV2 .filter-size ul li a { background-color: #bcbbbc }
}
.searchV2 .filter-orientation ul li a.active, .searchV2 .filter-orientation ul li a.landscape:hover, .searchV2 .filter-orientation ul li a.portrait:hover, .searchV2 .filter-orientation ul li a.square:hover, .searchV2 .filter-orientation ul li a:hover, .searchV2 .filter-size ul li a.active, .searchV2 .filter-size ul li a.landscape:hover, .searchV2 .filter-size ul li a.portrait:hover, .searchV2 .filter-size ul li a.square:hover, .searchV2 .filter-size ul li a:hover { background-color: #c29866 }
.searchV2 .filter-orientation ul li a.active span, .searchV2 .filter-orientation ul li a.landscape:hover span, .searchV2 .filter-orientation ul li a.portrait:hover span, .searchV2 .filter-orientation ul li a.square:hover span, .searchV2 .filter-size ul li a.active span, .searchV2 .filter-size ul li a.landscape:hover span, .searchV2 .filter-size ul li a.portrait:hover span, .searchV2 .filter-size ul li a.square:hover span { background-color: #fff }
.searchV2 .filter-orientation ul li a.landscape, .searchV2 .filter-size ul li a.landscape { position: relative }
.searchV2 .filter-orientation ul li a.landscape.active span, .searchV2 .filter-orientation ul li a.landscape:hover span, .searchV2 .filter-size ul li a.landscape.active span, .searchV2 .filter-size ul li a.landscape:hover span { background-color: #fff }
.searchV2 .filter-orientation ul li a.landscape span, .searchV2 .filter-size ul li a.landscape span { width: 22px; height: 12px; display: block; left: 50%; margin-left: -11px; top: 50%; margin-top: -6px; position: absolute; background-color: #bcbbbc }
@media (max-width:767px) {
.searchV2 .filter-orientation ul li a.landscape span, .searchV2 .filter-size ul li a.landscape span { background-color: #fff }
}
.searchV2 .filter-orientation ul li a.portrait, .searchV2 .filter-size ul li a.portrait { position: relative }
.searchV2 .filter-orientation ul li a.portrait.active span, .searchV2 .filter-orientation ul li a.portrait:hover span, .searchV2 .filter-size ul li a.portrait.active span, .searchV2 .filter-size ul li a.portrait:hover span { background-color: #fff }
.searchV2 .filter-orientation ul li a.portrait span, .searchV2 .filter-size ul li a.portrait span { width: 12px; height: 22px; display: block; left: 50%; margin-left: -6px; top: 50%; margin-top: -11px; position: absolute; background-color: #bcbbbc }
@media (max-width:767px) {
.searchV2 .filter-orientation ul li a.portrait span, .searchV2 .filter-size ul li a.portrait span { background-color: #fff }
}
.searchV2 .filter-orientation ul li a.square, .searchV2 .filter-size ul li a.square { position: relative }
.searchV2 .filter-orientation ul li a.square.active span, .searchV2 .filter-orientation ul li a.square:hover span, .searchV2 .filter-size ul li a.square.active span, .searchV2 .filter-size ul li a.square:hover span { background-color: #fff }
.searchV2 .filter-orientation ul li a.square span, .searchV2 .filter-size ul li a.square span { width: 22px; height: 22px; display: block; left: 50%; margin-left: -11px; top: 50%; margin-top: -11px; position: absolute; background-color: #bcbbbc }
@media (max-width:767px) {
.searchV2 .filter-orientation ul li a.square span, .searchV2 .filter-size ul li a.square span { background-color: #fff }
}
.searchV2 .filter-colors { position: relative }
.searchV2 .filter-colors .color-selected { position: absolute; top: -20px; right: 0; text-align: right; font-size: 10px }
.searchV2 .filter-colors .color-selected span { width: 15px; height: 15px; display: inline-block; border-radius: 15px; vertical-align: bottom; margin-left: 5px }
.searchV2 .filter-colors .color-selected a { font-size: 10px; text-align: right; display: inline-block; color: #000; text-transform: none; text-decoration: underline }
.searchV2 .filter-colors .title { width: 85px; font-size: 11px; text-transform: uppercase; font-weight: 600; position: absolute; top: -20px }
@media (max-width:767px) {
.searchV2 .filter-colors { margin-top: 20px }
}
.searchV2 .filter-colors .icon { display: inline-block; margin-left: 5px; cursor: pointer }
.searchV2 .tt-menu { min-width: 220px; margin: 6px 0 0; font-size: 14px; border: 0; border-radius: 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 0; padding: 0 }
.searchV2 .tt-menu .tt-suggestion { padding: 13px 20px; font-size: 16px }
.searchV2 .tt-menu .tt-suggestion:hover { color: #000; background-color: #f3f2f3 }
.searchV2.cover { height: 190px; background-color: #000; margin-top: 100px; background-size: cover; background-position: 50%; background-repeat: no-repeat; position: relative; background-image: url(https://cdn-assets.xinyiparis.cn/assets/build-cn/images/banner_desk_search.27a67bab.jpg) }
@media (max-width:991px) {
.searchV2.cover { margin-top: 60px }
}
@media (max-width:767px) {
.searchV2.cover { background-image: inherit; background-color: #fff; height: auto; margin-top: 100px; padding-bottom: 10px }
}
.searchV2.cover .content { position: absolute; top: 50%; transform: translateY(-50%); width: 90%; left: 50%; margin-left: -45%; text-align: center }
@media (max-width:767px) {
.searchV2.cover .content { position: relative; margin-left: inherit; left: inherit; width: 100%; top: inherit; transform: inherit; padding-top: 25px }
}
.searchV2.cover .content h1 { text-align: center; color: #fff; font-size: 32px; font-weight: 500; line-height: 40px }
@media (max-width:767px) {
.searchV2.cover .content h1 { color: #000; font-size: 18px; text-align: center; padding: 0 15px; line-height: 20px }
}
.searchV2.cover .content .subtitle { color: #cacaca; font-size: 16px; font-weight: 300; margin-top: 10px }
@media (max-width:767px) {
.searchV2.cover .content .subtitle { color: #6c6c6c; text-align: center; padding: 0 15px; font-size: 11px }
}
.searchV2 header { width: 230px; margin: 0 auto; background-color: #fff; height: 30px; padding-top: 15px; text-align: center }
@media (max-width:767px) {
.searchV2 header { display: none }
}
.searchV2 .filters-primary { width: 100%; background-color: #fff; padding-top: 25px; position: relative; padding-bottom: 25px; }
@media (max-width:767px) {
.searchV2 .filters-primary { display: none }
}
.searchV2 .colorPicker .track { height: 150px; width: 150px; padding: 0; position: absolute; cursor: crosshair; float: left; left: -57px; top: -57px; display: none; border: none; z-index: 10; -webkit-border-radius: 150px; -moz-border-radius: 150px; border-radius: 150px }
@media (max-width:767px) {
.searchV2 .colorPicker .track { display: block!important; position: static; background-color: transparent; margin-bottom: 50px }
}
.searchV2 .colorPicker .color { cursor: pointer; display: inline-block; padding: 1px; position: relative; z-index: 11 }
.searchV2 .colorPicker .colorInner { border: 1px dashed #000; width: 35px; height: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: inline-block }
.searchV2 .colorPicker .dropdown { list-style: none; display: none; width: 27px; position: absolute; top: 28px; border: 1px solid #ccc; left: 0; z-index: 1000 }
.searchV2 .colorPicker .dropdown li { height: 25px; cursor: pointer }
@media (min-width:992px) {
.searchV2 .colorPicker { width: 30px; height: 30px; position: relative; clear: both; margin: 0 }
}
@media (max-width:767px) {
.searchV2 .colorPicker { margin: 0 auto }
}
.searchV2 .colorPicker a { display: inline-block; width: 75px; border: none; background-color: transparent }
.searchV2 .colorPicker .color-x { position: absolute; left: 36px; font-size: 12px }
.searchV2 .filters-primary-categories { height: 60px }
@media (max-width:1199px) {
.searchV2 .filters-primary-categories .col-md-3 { padding-left: 3px; padding-right: 3px }
}
@media (max-width:991px) {
.searchV2 .filters-primary-categories { height: inherit }
}
@media (max-width:991px) {
.searchV2 .filters-primary-categories .select-primary { margin-bottom: 10px }
}
.searchV2 .filters-primary-categories .select-primary span.title { text-transform: uppercase; color: #c29866; font-size: 11px; position: absolute; top: 10px; left: 30px; z-index: 5 }
.searchV2 .filters-primary-categories .select-primary.selected .bootstrap-select>.dropdown-toggle { padding-left: 45px }
.searchV2 .filters-primary-categories .select-primary.selected span.title { left: 62px; cursor: pointer }
@media (max-width:1199px) {
.searchV2 .filters-primary-categories .select-primary.selected span.title { left: 50px }
}
.searchV2 .filters-primary-categories .select-primary.not-selected .filter-option-inner-inner { display: none }
.searchV2 .filters-primary-categories .select-primary.not-selected span.title { color: #000; font-size: 16px; margin-top: 10px; text-transform: none; cursor: pointer }
@media (max-width:1199px) {
.searchV2 .filters-primary-categories .select-primary.not-selected span.title { font-size: 14px; top: 14px }
}
.searchV2 .filters-primary-categories .select-primary.not-selected span.title.active { color: #fff }
.searchV2 .filters-primary-categories .select-primary div.dropdown-menu.open { max-height: 300px!important; overflow: hidden }
.searchV2 .filters-primary-categories .select-primary ul.dropdown-menu.inner { max-height: 300px!important; overflow-y: auto }
.searchV2 .filters-primary-categories .bootstrap-select .dropdown-toggle { height: 60px; color: #000; font-size: 16px; width: 99.5%; padding-top: 25px; padding-left: 15px }
@media (max-width:1199px) {
.searchV2 .filters-primary-categories .bootstrap-select .dropdown-toggle { font-size: 14px }
}
.searchV2 .filters-primary-categories .bootstrap-select .dropdown-toggle .caret { background-repeat: no-repeat; background-position: 50%; background-size: 12px auto; background-image: url(../images/ico_arrow_simple_bottom_black.64abde34.svg); height: 24px; width: 24px; position: absolute; top: 24px; right: 10px; border: 0 }
.searchV2 .filters-primary-categories .bootstrap-select .dropdown-toggle:focus, .searchV2 .filters-primary-categories .bootstrap-select .dropdown-toggle:hover { outline: 0!important }
.searchV2 .filters-primary-categories .bootstrap-select .dropdown-menu { background-color: #000; color: #fff; border-radius: 0; margin-top: -3px; left: -1px; width: 100%; min-width: inherit!important }
.searchV2 .filters-primary-categories .bootstrap-select .dropdown-menu .inner ::-webkit-scrollbar {
width:6px
}
.searchV2 .filters-primary-categories .bootstrap-select .dropdown-menu .inner ::-moz-scrollbar {
width:6px
}
.searchV2 .filters-primary-categories .bootstrap-select .dropdown-menu .inner ::-webkit-scrollbar-track {
background:#000
}
.searchV2 .filters-primary-categories .bootstrap-select .dropdown-menu .inner ::-moz-scrollbar-track {
background:#000
}
.searchV2 .filters-primary-categories .bootstrap-select .dropdown-menu .inner ::-webkit-scrollbar-thumb {
background:#c29866
}
.searchV2 .filters-primary-categories .bootstrap-select .dropdown-menu .inner ::-moz-scrollbar-thumb {
background:#c29866
}
.searchV2 .filters-primary-categories .bootstrap-select .dropdown-menu .inner ::-webkit-scrollbar-thumb:hover {
background:#fff
}
.searchV2 .filters-primary-categories .bootstrap-select .dropdown-menu .inner ::-moz-scrollbar-thumb:hover {
background:#fff
}
.searchV2 .filters-primary-categories .bootstrap-select .dropdown-menu>.active>a { background-color: inherit }
.searchV2 .filters-primary-categories .bootstrap-select .dropdown-menu>.active>a:hover { background-color: #c29866 }
.searchV2 .filters-primary-categories .bootstrap-select .dropdown-menu>.active>button { background-color: inherit }
.searchV2 .filters-primary-categories .bootstrap-select .dropdown-menu>.active>button:hover { background-color: #c29866 }
.searchV2 .filters-primary-categories .bootstrap-select .dropdown-menu li a, .searchV2 .filters-primary-categories .bootstrap-select .dropdown-menu li button { color: #fff; font-size: 16px; padding: 10px 20px }
.searchV2 .filters-primary-categories .bootstrap-select .dropdown-menu li a:hover, .searchV2 .filters-primary-categories .bootstrap-select .dropdown-menu li button:hover { background-color: #c29866 }
.searchV2 .filters-primary-categories .bootstrap-select .dropdown-menu li button { display: block; clear: both; white-space: nowrap; border: 0; background: none; box-shadow: none; border-radius: 0; width: 100%; text-align: left }
.searchV2 .filters-primary-categories .bootstrap-select.open>.dropdown-toggle { background-color: #000; outline: 0!important; color: #fff; border: 0 }
.searchV2 .filters-primary-categories .bootstrap-select.open>.dropdown-toggle .caret { background-image: url(../images/ico_arrow_simple_bottom.5da965c8.svg) }
.searchV2 .filters-primary-categories .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100% }
.searchV2 .filters-primary-categories span.checked { position: absolute; z-index: 50; left: 25px; top: 20px; display: block; width: 25px; height: 25px; border-radius: 25px; line-height: 28px; background-color: #c29866; text-align: center }
.searchV2 .filters-primary-categories span.checked i { color: #fff; font-size: 10px }
@media (max-width:1199px) {
.searchV2 .filters-primary-categories span.checked { left: 15px }
}
.searchV2 .filters-primary-my-search { margin-top: 20px }
.searchV2 .filters-primary-my-search .row { border-top: 1px solid #ddd; padding-top: 20px }
.searchV2 .filters-primary-my-search .title { float: left; width: 130px; color: #737373; font-size: 11px; text-transform: uppercase; font-weight: 500; line-height: 30px }
.searchV2 .filters-primary-my-search .search-bar { margin-left: 150px; position: relative }
@media (max-width:991px) {
.searchV2 .filters-primary-my-search .search-bar { margin-left: 0 }
}
.searchV2 .filters-primary-my-search .search-bar button.submit-search { position: absolute; top: 0; right: 0; height: 53px; border: 0; background-color: #6c6c6c; padding-top: 10px; width: 81px; border-top-right-radius: 5px; border-bottom-right-radius: 5px }
@media (max-width:991px) {
.searchV2 .filters-primary-my-search .search-bar button.submit-search { top: inherit; bottom: 0 }
}
.searchV2 .filters-primary-my-search .search-bar button.submit-search:hover { background-color: #000 }
.searchV2 .filters-primary-my-search .search-bar button.submit-search i { color: #fff; font-size: 20px }
.searchV2 .filters-primary-my-search .bootstrap-tagsinput { height: 53px; line-height: 53px; width: 100%; background-color: #edeced; border-radius: 5px; border: 0; box-shadow: inherit; padding: 0 0 0 20px }
@media (max-width:767px) {
.searchV2 .filters-primary-my-search .bootstrap-tagsinput { height: auto; padding-top: 10px; padding-bottom: 10px; line-height: 29px }
}
.searchV2 .filters-primary-my-search .bootstrap-tagsinput .label-info { border-radius: 50px; background-color: #c29866; font-size: 13px; font-weight: 300; color: #fff; padding: 5px 17px }
.searchV2 .filters-primary-my-search .bootstrap-tagsinput .label-info [data-role=remove] { margin-left: 8px; font-size: 12px; cursor: pointer }
.searchV2 .filters-primary-my-search .bootstrap-tagsinput .label-info [data-role=remove]:hover { box-shadow: inherit }
.searchV2 .filters-primary-my-search .bootstrap-tagsinput.focus ul.dropdown-menu { display: block!important }
.searchV2 .filters-primary-search-associated { margin-top: 20px }
.searchV2 .filters-primary-search-associated .row { border-top: 1px solid #ddd; padding-top: 20px }
@media (max-width:767px) {
.searchV2 .filters-primary-search-associated .row { border-top: 0 }
}
.searchV2 .filters-primary-search-associated .title { float: left; width: 180px; color: #737373; font-size: 11px; text-transform: uppercase; font-weight: 500; line-height: 30px }
.searchV2 .filters-primary-search-associated ul { margin-left: 200px }
@media (max-width:767px) {
.searchV2 .filters-primary-search-associated ul { margin: 0; text-align: center }
}
.searchV2 .filters-primary-search-associated ul li.tag { display: inline-block; margin-bottom: 10px; margin-right: 10px }
@media (max-width:767px) {
.searchV2 .filters-primary-search-associated ul li.tag { margin-right: 3px }
}
.searchV2 .filters-primary-search-associated ul li.tag a { display: block; background-color: #6c6c6c; border-radius: 50px; padding: 5px 20px; color: #fff; font-size: 12px }
@media (max-width:767px) {
.searchV2 .filters-primary-search-associated ul li.tag a { font-size: 10px }
}
.searchV2 .filters-primary-search-associated ul li.tag.active a, .searchV2 .filters-primary-search-associated ul li.tag a:hover { background-color: #c29866 }
.searchV2 .filters-primary-affinate { position: relative; text-align: center }
.searchV2 .filters-primary-affinate .subtitle { color: #737373; font-size: 11px; text-transform: uppercase; font-weight: 500; line-height: 30px }
.searchV2 .filters-primary-affinate .button-affinate { cursor: pointer; background-color: #c29866; border-top-left-radius: 10px; border-top-right-radius: 10px; height: 50px; line-height: 50px; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: 500 }
.searchV2 .filters-primary-affinate .button-affinate.open { background-color: #edeced; color: #1e1e1e }
.searchV2 .filter-artists { width: 200px }
.searchV2 .filter-artists .dropdown .icon { position: absolute; top: 12px; font-size: 12px; right: 15px; display: inherit }
.searchV2 .filter-artists .dropdown button.btn.dropdown-toggle { color: #000; text-transform: uppercase; background-color: #fff; border: 0; text-align: left; width: 100%; font-size: 11px; padding: 10px 22px }
.searchV2 .filter-artists .dropdown .dropdown-menu { background-color: #fff; border-radius: 0; width: 100%; text-align: left; max-height: 370px; overflow-y: auto; font-size: 11px; text-transform: uppercase }
.searchV2 .filter-artists .dropdown .dropdown-menu li>a { padding: 8px 20px }
.searchV2 .filters-secondary { background-color: #edeced; padding: 50px 0 0 }
@media (max-width:767px) {
.searchV2 .filters-secondary { display: none }
}
.searchV2 .filters-secondary .filters-secondary-close { text-align: center; width: 41px; height: 41px; left: 50%; position: absolute; margin-left: -20.5px; bottom: -20.5px; background-color: #fff; border-radius: 41px; color: #000; line-height: 48px; z-index: 1; cursor: pointer }
.searchV2 .filters-secondary .filters-secondary-close:hover { color: #fff; background-color: #c29866 }
.searchV2 .filters-secondary.open { display: block }
.searchV2 .filters-secondary .filters-secondary-elt { display: inline-block; margin-right: 40px; vertical-align: top; margin-bottom: 30px }
@media (max-width:1199px) {
.searchV2 .filters-secondary .filters-secondary-elt { margin-right: 40px }
}
.searchV2 .filters-secondary .filters-secondary-elt.marginsmall { margin-right: 10px }
.searchV2 .filters-secondary .filters-secondary-elt ::-webkit-scrollbar {
width:3px
}
.searchV2 .filters-secondary .filters-secondary-elt ::-webkit-scrollbar-track {
background:#fff
}
.searchV2 .filters-secondary .filters-secondary-elt ::-webkit-scrollbar-thumb {
background:#ccc
}
.searchV2 .filters-secondary .filters-secondary-elt ::-webkit-scrollbar-thumb:hover {
background:#fff
}
.searchV2 .filters-secondary .filters-secondary-elt .filter-artists { width: 210px }
.searchV2 .filters-secondary .filters-secondary-elt .filter-new { width: 217px }
.searchV2 .filters-secondary .filters-secondary-elt .filter-new .container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #737373; font-size: 11px; text-transform: uppercase; font-weight: 500; line-height: 30px }
.searchV2 .filters-secondary .filters-secondary-elt .filter-new .container input { position: absolute; opacity: 0; cursor: pointer }
.searchV2 .filters-secondary .filters-secondary-elt .filter-new .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff; border-radius: 5px }
.searchV2 .filters-secondary .filters-secondary-elt .filter-new .container:hover input~.checkmark { background-color: #fff }
.searchV2 .filters-secondary .filters-secondary-elt .filter-new .container input:checked~.checkmark { background-color: #c29866 }
.searchV2 .filters-secondary .filters-secondary-elt .filter-new .checkmark:after { content: ""; position: absolute; display: none }
.searchV2 .filters-secondary .filters-secondary-elt .filter-new .container input:checked~.checkmark:after { display: block }
.searchV2 .filters-secondary .filters-secondary-elt .filter-new .container .checkmark:after { left: 9px; top: 5px; width: 7px; height: 14px; border: solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.searchV2 .filters-primary-mobile { display: none }
@media (max-width:767px) {
.searchV2 .filters-primary-mobile { display: block; width: 100%; background-color: #fff; padding-top: 20px; position: relative }
/* .searchV2 .filters-primary-mobile .col-xs-6 { padding: 0 6px } */
.searchV2 .filters-primary-mobile span { top: 12px; left: 28px; z-index: 20; position: absolute; font-size: 9px; color: #c29866; text-transform: uppercase }
.searchV2 .filters-primary-mobile .button { display: block; text-align: center; margin-top: 20px; margin-bottom: 30px }
.searchV2 .filters-primary-mobile select { border-radius: 0; clear: both; margin-bottom: 10px; display: inline-block; width: 100%; padding: 20px 10px 12px 20px; outline: 0; font-weight: 400; line-height: 1.3em; height: 50px; -webkit-appearance: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: #fff; border: 1px solid #ccc; border-radius: 5px; color: #000; font-size: 12px; position: relative; background-image: url(../images/ico_arrow_simple_bottom_black.64abde34.svg); background-size: 12px auto; background-position: 90%; background-repeat: no-repeat }
.searchV2 .filters-primary-mobile select#fsm-order { padding-top: 16px }
.searchV2 .filters-primary-mobile select:focus { background-image: url(../images/ico_arrow_simple_bottom_black.64abde34.svg); background-size: 18px auto; background-position: 90%; background-repeat: no-repeat; background-color: #fff; color: #000; border-color: #e3e3e3 }

.searchV2 .filters-primary-mobile li { border-radius: 0; margin-bottom: 10px; margin-right: 10px; display: inline-block; outline: 0; font-weight: 400; line-height: 1.3em; -webkit-appearance: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: #fff; border: 1px solid #ccc; border-radius: 5px; color: #000; font-size: 14px; position: relative;  background-size: 14px auto; background-position: 90%; background-repeat: no-repeat;width: calc(50% - 10px); }
.searchV2 .filters-primary-mobile li:nth-child(2n){margin-right: 0px !important;}
.searchV2 .filters-primary-mobile a { padding: 15px 12px;display: inline-block; }
}

.searchV2 #mColorPicker { display: none; width: 150px; height: 150px; position: absolute; top: 0; top: -9px; left: -48px }
.searchV2 #mColorPicker .colorwheel-wrapper { display: block; width: 100%; height: 100%; position: relative }
.searchV2 #mColorPicker .colorwheel-wrapper .colorwheel-selector { display: block; width: 100%; height: 100% }
.searchV2 #mColorPicker .colorwheel-wrapper .segment, .searchV2 #mColorPicker .colorwheel-wrapper .segment:hover { -webkit-transition: transform .5s; -moz-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s }
.searchV2 #mColorPicker .colorwheel-wrapper .segment.highlight, .searchV2 #mColorPicker .colorwheel-wrapper .segment.selected { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.searchV2 #mColorPicker circle { fill: #edeced; r: .3 }
.searchV2 #mColorPicker input { display: none }
.searchV2 #mColorPicker.active { display: block }
@media (max-width:767px) {
.searchV2 #mColorPicker { display: block; position: relative; width: 250px; height: 250px; margin: 0 auto 50px; top: inherit; left: inherit }
}
.searchV2 #mColorPicker .segment path { stroke: inherit }
.searchV2 .more-filters { text-align: center; font-size: 14px; margin-top: 0; margin-bottom: 20px }
.searchV2 .more-filters a { display: inline-block; padding: 15px 30px; background-color: #1d1d1d; border-radius: 5px; text-transform: uppercase; color: #fff }
.searchV2 .more-filters a i { margin-right: 15px; font-size: 20px; line-height: 20px; display: inline-block; vertical-align: middle; margin-left: 10px }
.searchV2 .more-filters a:focus, .searchV2 .more-filters a:hover { color: #c29866 }
.searchV2.filter-mobile { z-index: 9999 }
.searchV2.filter-mobile.modal.left .modal-dialog, .searchV2.filter-mobile.modal.right .modal-dialog { position: fixed; margin: auto; width: 100%; height: 100%; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0) }
.searchV2.filter-mobile.modal.left .modal-content, .searchV2.filter-mobile.modal.right .modal-content { height: 100%; overflow-y: auto }
.searchV2.filter-mobile.modal.left .modal-body, .searchV2.filter-mobile.modal.right .modal-body { padding: 15px 15px 80px }
.searchV2.filter-mobile.modal.left.fade .modal-dialog { left: 100%; -webkit-transition: left .2s ease-out; -moz-transition: left .2s ease-out; -o-transition: left .2s ease-out; transition: left .2s ease-out }
.searchV2.filter-mobile.modal.left.fade.in .modal-dialog { left: 0 }
.searchV2.filter-mobile .clear { clear: both }
.searchV2.filter-mobile .more-filters { margin: 40px 0 }
.searchV2.filter-mobile .modal-dialog { width: 100%; margin: 0; padding: 0 }
.searchV2.filter-mobile .modal-dialog .filters-primary-mobile { padding-top: 0 }
.searchV2.filter-mobile .modal-dialog .modal-content { background: #fff; padding: 0; margin: 0; width: 100%; height: 100%; min-height: 100vh; border-radius: 0 }
.searchV2.filter-mobile .modal-dialog .modal-content .modal-header { border-bottom: 0; padding-top: 40px }
.searchV2.filter-mobile .modal-dialog .modal-content .modal-header .delete { position: absolute; color: #c29866; font-size: 12px; float: none; left: 30px; margin-left: 0; top: 35px; text-align: center }
.searchV2.filter-mobile .modal-dialog .modal-content .modal-header .title { text-align: center }
.searchV2.filter-mobile .modal-dialog .modal-content .modal-header .close { right: 0; margin-left: 0; top: 12px; text-align: right; height: 70px; z-index: 9999; opacity: 1; position: absolute; text-shadow: none }
.searchV2.filter-mobile .modal-dialog .modal-content .modal-header .close i { font-size: 16px; color: #c29866; padding-right: 20px; line-height: 76px }
.searchV2.filter-mobile .modal-dialog .modal-content .modal-body .title-filter { font-weight: 500; text-align: center; float: none; width: 100%; font-size: 14px; text-transform: none; color: #000; margin-bottom: 20px }
.searchV2.filter-mobile .modal-dialog .modal-content .modal-body .filters-secondary-elt { margin-top: 20px }
.searchV2.filter-mobile .modal-dialog .modal-content .modal-body .filters-secondary-elt .title { font-size: 11px; text-transform: uppercase; font-weight: 500; position: relative; left: 0; top: inherit; margin-bottom: 10px }
.searchV2.filter-mobile .modal-dialog .modal-content .modal-body .filters-secondary-elt .filter-size { float: right }
.searchV2.filter-mobile .modal-dialog .modal-content .modal-body .filters-secondary-elt .filter-orientation { float: left }
.searchV2.filter-mobile .modal-dialog .modal-content .modal-body .filters-tertiary .filter-ruler { margin-bottom: 20px }
.searchV2.filter-mobile .modal-dialog .modal-content .modal-body form { width: 100% }
.searchV2.filter-mobile .modal-dialog .modal-content .modal-body form .input-element, .searchV2.filter-mobile .modal-dialog .modal-content .modal-body form p { margin-bottom: 10px }
@media (min-width:768px) {
.searchV2.filter-mobile .modal-dialog .modal-content .modal-body form .input-element.inline { display: inline-block }
.searchV2.filter-mobile .modal-dialog .modal-content .modal-body form .input-element.inline input[type=text], .searchV2.filter-mobile .modal-dialog .modal-content .modal-body form .input-element.inline select { width: 210px }
}
.searchV2.filter-mobile .modal-dialog .modal-content .modal-body form select { border-radius: 0; clear: both; margin-bottom: 10px; display: inline-block; width: 100%; padding: 20px 10px 12px 20px; outline: 0; font-weight: 400; line-height: 1.3em; height: 50px; -webkit-appearance: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: #fff; border: 1px solid #ccc; border-radius: 5px; color: #000; position: relative; background-image: url(../images/ico_arrow_simple_bottom_black.64abde34.svg); background-size: 12px auto; background-position: 90%; background-repeat: no-repeat }
.searchV2.filter-mobile .modal-dialog .modal-content .modal-body form select#fsm-order { padding-top: 16px }
.searchV2.filter-mobile .modal-dialog .modal-content .modal-body form select:focus { background-image: url(../images/ico_arrow_simple_bottom_black.64abde34.svg); background-size: 18px auto; background-position: 90%; background-repeat: no-repeat; background-color: #fff; color: #000; border-color: #e3e3e3 }
.searchV2.filter-mobile .modal-dialog .modal-content .modal-body form button.cta { padding: 14px 15px }
.searchV2.filter-mobile .modal-dialog .modal-content .modal-body form button.cta.fixed { position: fixed; bottom: -10px; width: 100%; left: 0 }
.searchV2.filter-mobile .modal-dialog .modal-content .modal-body form button.cta.fixed:hover { background-color: #c29866; color: #fff }
.searchV2.filter-mobile .modal-dialog .modal-content .modal-body form button.cta.fixed:hover i { color: #fff }
.searchV2 .filters-tertiary { display: none; margin-top: 20px }
.searchV2 .filters-tertiary.open { display: block }
.searchV2 .filters-tertiary select { margin-bottom: 10px }


/* 添加 */
.relative{position: relative;}
.absolute{position: absolute;}
.flex{display: flex;flex-wrap: wrap;}
.width-100 { width: 100%;}
.bottom-0 { bottom: 0; }
.flex-center{display: flex; align-items: center; justify-content: center;}
.text-white{color: #fff;}
.background-primary{background-color: #333f50;}
.aspect-ratio-1x1 { position: relative; overflow: hidden; width: 100%;height: 0;padding-bottom: 100%;}
.product-thumbnail .thumbnail-hover-image { opacity:0; transition:opacity .35s ease-out }
.thumbnail-image-link { height:100%!important;width: 100%; }
.thumbnail-image-link:after { content:""; display:block; position:absolute; background:rgba(0,0,0,.025); top:0; left:0; width:100%; height:100%; pointer-events:none;mix-blend-mode:multiply }
img[src] { transition: opacity .25s ease-out; opacity: 1;}
.product-thumbnail .thumbnail-hover-image { opacity: 0; transition: opacity .35s ease-out;}
.fit-cover{object-fit: cover;}
.aspect-ratio-fill{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.hover-parent:not(:hover) .hover-child {opacity: 0;}
.text-uppercase { text-transform: uppercase;padding-top: 1rem; padding-bottom: 1rem;}
.padding-top-4 {padding-top: 1rem;}
.medium--font-size-3{ font-size:16px; font-weight: 600;}
.justify-between { justify-content: space-between;}
.flex-item-auto { flex: 0 1 auto;}
.thumbnail-color-list .color-swatch-item { width: 20px; height: 20px;}
.color-swatch-item { border-radius: 200px; border: 2px solid #fff; margin: 5px; background-size: 100% 100%; background-repeat: no-repeat;}
.background-center, .color-swatch-item { background-position: 50%;}
.color-swatch-item.active { box-shadow: 0 0 0 1px;}
.color-swatch-item { border-radius: 200px; border: 2px solid #fff; margin: 5px; background-size: 100% 100%; background-repeat: no-repeat; background-position: 50%;}
.color-swatch-item.color-swatch-white {border: 2px solid #ddd;}
.product-thumbnail{margin-bottom: 20px;}
@media (hover:hover) {.product-thumbnail .thumbnail-image-link:hover .thumbnail-hover-image {opacity:1;}}
.grid{display: grid;}
.grid-gap-6 { grid-gap: 1.5rem;}
.large--columns-4 { grid-template-columns:repeat(4,minmax(0,1fr)) }


/* 添加内页banner */
.page.generic.cover { height: 300px; background-color: #000; margin-top: 100px; background-size: cover; background-position: 50%; background-repeat: no-repeat; position: relative }
.page.generic.cover h1 { font-size: 30px; line-height: 36px }
@media (max-width:767px) {
.page.generic.cover h1 { font-size: 24px; line-height: 30px }
.columns-2{grid-template-columns: repeat(2,minmax(0,1fr));}
}
.page.generic.cover .subtitle { color: #c29866; font-size: 20px; text-transform: uppercase; font-weight: 500 }
.page.generic.cover .content { position: absolute; top: 60%; transform: translateY(-50%); width: 60%; left: 50%; margin-left: -30%; text-align: center }
@media (max-width:991px) {
.page.generic.cover .content { top: 60% }
}
.page.generic.text .button { margin-top: 50px }
@media (max-width:991px) {
.page.generic.text .button { text-align: center; margin-bottom: 50px }
.page.generic.text .button a.black { padding: 20px }
}
.page.generic.text h2 { font-size: 28px; line-height: 34px; font-weight: 500; margin-bottom: 30px; color: #000 }
@media (max-width:767px) {
.page.generic.text h2 { font-size: 22px; line-height: 31px; padding: 0 30px }
}
.page.generic.text h2.white { color: #fff }
.page.generic.text h2.center { text-align: center }
.page.generic.text h2 span { color: #c29866 }
.page.generic.text p { font-weight: 300; font-size: 16px; line-height: 26px }
@media (max-width:767px) {
.page.generic.text p { padding: 0 30px }
}
.page.grey { background-color: #f8f8f8 }
.page.generic.text.dark { background-color: #232323 }
.page.generic.text.dark h2, .page.generic.text.dark h3 { color: #fff }
.page.generic.text.dark p, .page.generic.text.dark ul li { color: #b6b6b6 }
.page.center, .page.center h2, .page.center h3, .page.center p { text-align: center }
.page.images { padding-bottom: 0 }
.page.generic.cover { background-image: url(../images/banner_desk_about.9103eed2.jpg) }
@media (max-width:767px) {
.page.generic.cover { background-image: url(../images/banner_mob_about.0ba1b7be.jpg) }
}