svg#color_wheel {
  width: 100%;
  max-width: 300px;
  height: auto;
  overflow: unset !important;
}
svg#color_wheel .black-white, svg#color_wheel g {
  cursor: pointer;
  transition: .3s ease-in-out;
  z-index: 1000;
  position: relative
}
svg#color_wheel .darkblue.selected, svg#color_wheel .darkblue:hover {
  transform: translateY(4.5%)
}
svg#color_wheel .steelblue.selected, svg#color_wheel .steelblue:hover {
  transform: translate(3%, 4.5%)
}
svg#color_wheel .dodgerblue.selected, svg#color_wheel .dodgerblue:hover {
  transform: translate(4.5%, 3%)
}
svg#color_wheel .cadetblue.selected, svg#color_wheel .cadetblue:hover {
  transform: translateX(4.5%)
}
svg#color_wheel .green.selected, svg#color_wheel .green:hover {
  transform: translate(4.5%, -3%)
}
svg#color_wheel .yellowgreen.selected, svg#color_wheel .yellowgreen:hover {
  transform: translate(3%, -4.5%)
}
svg#color_wheel .yellow.selected, svg#color_wheel .yellow:hover {
  transform: translateY(-4.5%)
}
svg#color_wheel .orange.selected, svg#color_wheel .orange:hover {
  transform: translate(-3%, -4.5%)
}
svg#color_wheel .orangered.selected, svg#color_wheel .orangered:hover {
  transform: translate(-4.5%, -3%)
}
svg#color_wheel .red.selected, svg#color_wheel .red:hover {
  transform: translateX(-4.5%)
}
svg#color_wheel .pink.selected, svg#color_wheel .pink:hover {
  transform: translate(-4.5%, 3%)
}
svg#color_wheel .purple.selected, svg#color_wheel .purple:hover {
  transform: translate(-3%, 4.5%)
}
svg#color_wheel .blackwhite.selected, svg#color_wheel .blackwhite:hover {
  transform: scale(1.2) translate(-8.5%, -7.9%)
}.framing-artwork {height:60%;display:flex;padding-top:40px;}
.framing-artwork img {max-width:80%;max-height:82%;width:auto;background:transparent;margin:auto;border-style:solid;box-shadow:inset 0 0 20px 0 rgba(0,0,0,.4),0 0 76px 0 rgba(0,0,0,.2);border-width:0;border-image-repeat:stretch stretch}
@media (max-width:991px) {.framing-artwork img {max-width:85%;max-height:45vh}}
.framing-artwork .painting-dark_wood {border-image-source:url(/assets/images/pattern-paint-wood-dark.39cb959b.png)}
.framing-artwork .painting-simple_black_wood {border-image-source:url(/assets/images/pattern-paint-wood-black-no-patterns.5eb9b3ea.jpg)}
.framing-artwork .painting-light_wood {border-image-source:url(/assets/images/pattern-paint-wood-light.7cac61ff.png)}
.framing-artwork .painting-white_wood {border-image-source:url(/assets/images/pattern-paint-wood-white.6316f517.png)}
.framing-artwork .painting-simple_white_wood {border-image-source:url(/assets/images/pattern-paint-wood-white-no-patterns.9a1a3c47.jpg)}
.framing-artwork .painting-golden_wood {border-image-source:url(/assets/images/pattern-paint-wood-gold.66daf2c8.png)}
.framing-artwork .painting-black_wood {border-image-source:url(/assets/images/pattern-paint-wood-black.af35da30.png)}
.framing-artwork .photography-dark_wood {border-image-source:url(/assets/images/pattern-paint-wood-dark.39cb959b.png)}
.framing-artwork .photography-light_wood {border-image-source:url(/assets/images/pattern-paint-wood-light.7cac61ff.png)}
.framing-artwork .photography-white_wood {border-image-source:url(/assets/images/pattern-paint-wood-white.6316f517.png)}
.framing-artwork .photography-black_wood {border-image-source:url(/assets/images/pattern-paint-wood-black.af35da30.png)}
.framing-artwork .photography-small {border-width:1px;border-image-slice:6;border-image-width:6px;border-image-outset:5px}
.framing-artwork .photography-medium {border-width:1px;border-image-slice:12;border-image-width:12px;border-image-outset:11px}
.framing-artwork .photography-large {border-width:1px;border-image-slice:24;border-image-width:24px;border-image-outset:23px}
.framing-artwork .painting-small {border-width:1px;border-image-slice:40;border-image-width:15px;border-image-outset:14px}
.framing-artwork .painting-medium {border-width:1px;border-image-slice:35;border-image-width:25px;border-image-outset:24px}
.framing-artwork .painting-large {border-width:1px;border-image-slice:30;border-image-width:35px;border-image-outset:34px}
.input-group.selector-black {background-image:url(/assets/images/fr-black.f5a20e13.jpg)}
.input-group.selector-simple_black_wood {background-image:url(/assets/images/fr-wood-black-no.57c93f96.jpg)}
.input-group.selector-white_wood {background-image:url(/assets/images/fr-white.feb23d81.jpg)}
.input-group.selector-simple_white_wood {background-image:url(/assets/images/fr-wood-white-no.b0d3bf93.jpg)}
.input-group.selector-dark_wood {background-image:url(/assets/images/fr-wood-dark.2da0c72a.jpg)}
.input-group.selector-light_wood {background-image:url(/assets/images/fr-wood-light.cbf5502e.jpg)}
.input-group.selector-golden_wood {background-image:url(/assets/images/fr-wood-gold.9507ac21.jpg)}
.input-group.selector-custom {background-image:url(/assets/images/fr-custom.acbeb038.png);background-size:45px auto !important}
#framing-options {width:1200px;margin:50vh auto 0; margin-top: 50vh!important; transform:translateY(-50%);overflow:hidden}
@media (max-width:1200px) {#framing-options {width:100%}
}
@media (max-width:991px) {#framing-options {transform:translateY(0);margin:0}
}
#framing-options .close {float:none;opacity:1;text-align:center;position:absolute;left:inherit;top:30px;z-index:100;right:30px;margin-left:inherit;text-shadow:none}
@media (max-width:767px) {#framing-options .close i {font-size:20px}
}
#framing-options .close:before {font-size:18px}
#framing-options .modal-content {margin-top:0;box-shadow:inherit !important}
#framing-options .modal-body {padding:0}
.framing {position:relative;display:flex;justify-content:space-between}
.close {position:fixed;top:30px;right:30px;text-align:right;z-index:200;left:inherit;opacity:.7;margin-left:inherit}
@media (max-width:991px) {.close {position:absolute}
}
.close i {color:#000;font-size:18px;text-align:center;width:100%}
@media (max-width:991px) {.framing {display:block}
}
.framing a.disable,.framing button.disable {cursor:not-allowed;opacity:.3;pointer-events:none}
@media (max-width:350px) {.framing-ending .ending {width:80%;margin-left:-40%}
}
.framing form {width:100%}
.framing .confirm {margin-top:50px;margin-bottom: 25px;}
.framing-preview {width:60%;height:100%;float:left;background-color:#fff;}
.framing-preview.custom-active {overflow:auto}
.framing-preview.custom-active .framing-artwork {display:none}
.framing-preview .indicate {margin:20px 0;font-size:15px;color:#aaa;text-align:center}
@media (max-width:991px) {.framing-preview {right:inherit;position:relative;width:100%;height:auto;padding:0}
}
.framing-preview .choose {position:absolute;width:100%;height:20%;padding:40px;background-color:#f6f6f6;}
@media (max-width:991px) {.framing-preview .choose {position:relative;width:100%;right:inherit;bottom:inherit;height:auto}
}
.framing-preview .choose .no-option {font-size:17px;font-weight:500;color:#000;text-align:center;width:100%;margin-top:10px;margin-bottom:20px}
.framing-preview .choose .result {padding-bottom:20px;}
.framing-preview .choose .result .title {font-size: 15px; margin-bottom:14px; color: #999;}
.framing-preview .choose .result .option-frame { display: flex; justify-content: space-between; align-items: center;font-size: 15px; line-height: 22px;}
.framing-preview .choose .result .name { font-size: 17px; font-weight:600;}
.framing-preview .choose .result .price strong { font-size: 22px; }
.framing-form {float:right;width:40%;height:100%;padding:40px 30px;background-color:#ececec;}
@media (max-width:767px) {.framing-form {padding:20px 0 0}
}
@media (max-width:991px) {.framing-form {width:100%}
}
.framing-form .title {color:#000;font-weight:500;font-size:38px;line-height:1; margin-bottom: 20px;}
@media (max-width:767px) {.framing-form .title {font-size:24px;}
}
.framing-form .subtitle {font-weight:500;font-size:18px;display:block;margin-bottom:20px;text-align:center}
.framing-form .desc {margin-top:30px}
@media (max-width:767px) {.framing-form .desc {padding:0 30px}
}
.framing-form .desc p {font-size:14px;line-height:18px;color:#3c3c3c}

.form-slider {position:relative;width:210px;margin:0 auto}
.form-slider .slider-horizontal {width:210px !important}
.form-slider .l,.form-slider .m,.form-slider .s {position:absolute;bottom:-10px;font-weight:700;color:#000;font-size:10px}
.form-slider span {display:block;width:12px;height:12px;border-radius:12px;position:absolute;top:-25px;background-color:#fff}
.form-slider .tooltip {display:none}
.form-slider .s {left:0}
.form-slider .l {right:0}
.form-slider .m {left:50%;margin-left:-5px}
.form-group-select {display:flex}
@media (max-width:991px) {.form-group-select {display:block}
}
.form-group-select .check {position:absolute;left:-5px;top:25px;width:18px;height:18px}
.form-group-select .input-group {border-radius:5px;background-color:#f8f8f8;height:70px;border:1px solid #e1e1e1;line-height:70px;padding-left:20px;z-index:10;display:inline-block;width:100%;margin:5px;position:relative;font-weight:500}
.form-group-select .input-group img {margin-right:5px}
.form-group-select.form-group-rectangle {text-align:center;display:block}
.form-group-select.form-group-rectangle .check {position:absolute;left:83px;top:23px;display:block;background-color:#bbb;border-radius:20px}
.form-group-select.form-group-rectangle .active .check {display:block;background-image:url(/assets/images/ico-check@2x.e0a49f3b.png);background-size:20px auto;background-repeat:no-repeat;border-radius:0;background-color:transparent;background-position:50%}
.form-group-select.form-group-rectangle .off .check {background-color:#bbb;border-radius:20px}
.form-group-select.form-group-rectangle .input-group.active {border:4px solid #d5a770}
.form-group-select.form-group-rectangle .input-group {height:80px;display:block;width:350px;position:relative;padding:0;display:flex;margin:0 auto 10px;align-items:center}
.form-group-select.form-group-rectangle .input-group label {width:220px;left:80px;position:absolute}
.form-group-select.form-group-rectangle .input-group .radio-inline {padding:0;line-height:15px;height:100%;z-index:100;left:0;text-align:left;width:100%}
.form-group-select.form-group-rectangle .input-group .radio-inline input[type=radio] {position:absolute;margin-right:40px;margin-left:2px;padding-right:20px;display:none;left:90px;top:21px}
.form-group-select.form-group-rectangle .input-group .icon {margin-left:10px}
.form-group-select.form-group-rectangle .input-group .desc {line-height:16px;margin-top:0;font-size:12px;position:absolute;left:115px;top:23px;text-align:left}
@media (max-width:767px) {.form-group-select.form-group-rectangle .input-group .desc {padding-left:0}
}
.form-group-select.form-group-rectangle .input-group .desc .price {color:#a8a8a8}
.form-group-select.form-group-rectangle .input-group:nth-child(2) .desc {top:15px}
.form-group-select.form-group-rectangle.de .desc {top:18px}
.form-group-select.form-group-rectangle.de .input-group:nth-child(2) .desc {top:8px}
.form-group-select.form-group-sqr {text-align:center;flex-wrap:wrap;justify-content:center}
@media (max-width:767px) {.form-group-select.form-group-sqr {flex-wrap:nowrap;white-space:nowrap;overflow-x:scroll;padding:0 20px 20px}
}
.form-group-select.form-group-sqr .check {position:absolute;left:5px;top:5px;display:none}
.form-group-select.form-group-sqr .active .check {background-image:url(/assets/images/ico-check@2x.e0a49f3b.png);background-size:18px auto;background-repeat:no-repeat;display:block}
.form-group-select.form-group-sqr .input-group {height:80px;margin-bottom:70px;width:80px;padding:0;background-size:cover;background-repeat:no-repeat;background-position:50%}
@media (max-width:1023px) {.form-group-select.form-group-sqr .input-group {display:inline-block;vertical-align:top}
}
@media (max-width:767px) {.form-group-select.form-group-sqr .input-group {width:20vw;height:20vw}
}
@media (max-width:468px) {.form-group-select.form-group-sqr .input-group {width:25vw;height:25vw}
}
.form-group-select.form-group-sqr .input-group label {width:80px}
@media (max-width:767px) {.form-group-select.form-group-sqr .input-group label {width:100%;height:100%}
}
.form-group-select.form-group-sqr .input-group .radio-inline {padding:0;overflow-x:hidden;overflow-y:visible}
.form-group-select.form-group-sqr .input-group .radio-inline input[type=radio] {position:relative;margin-right:20px;margin-left:-150px}
.form-group-select.form-group-sqr .input-group .desc {line-height:16px;margin-top:15px;width:80px;font-size:10px}
@media (max-width:767px) {.form-group-select.form-group-sqr .input-group .desc {padding:0;text-align:left}
}
.form-group-select.form-group-sqr .input-group .desc .lbl {white-space:normal}
.form-group-select.form-group-sqr .input-group .desc .price {color:#666}
.form-group-select .input-group.active {border:4px solid #d5a770}
.form-group-select .input-group.off {opacity:.4}
.form-group-select .input-group .radio-inline {position:relative;display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:500;cursor:pointer;padding-top:0}
.form-group-select .input-group label {width:100%}
.form-group-select .input-group .radio-inline input[type=radio] {position:relative;margin-right:20px;margin-left:-20px}
.slider {display:inline-block;vertical-align:middle;position:relative;margin-bottom:10px}
.slider[class*=span] {float:none;margin-left:0}
.slider-horizontal {width:210px;height:20px}
.slider-horizontal .slider-handle-container,.slider-horizontal .slider-track {height:5px;margin-top:-5px;top:50%}
.slider-horizontal .slider-track {left:0;right:0}
.slider-horizontal .slider-handle-container {left:10px;right:10px}
.slider-horizontal .slider-selection {height:100%;top:0;bottom:0}
.slider-horizontal .slider-handle {margin-left:-10px;margin-top:-8px}
.slider-vertical {height:210px;width:20px}
.slider-vertical .slider-handle-container,.slider-vertical .slider-track {width:10px;margin-left:-5px;left:50%}
.slider-vertical .slider-track {top:0;bottom:0}
.slider-vertical .slider-handle-container {top:10px;bottom:10px}
.slider-vertical .slider-selection {width:100%;left:0;top:0;bottom:0}
.slider-vertical .slider-handle {margin-left:-5px;margin-top:-10px}
.slider input,.slider input[class*=span] {display:none}
.slider .tooltip-inner {white-space:nowrap}
.slider-handle-container {position:absolute}
.slider-track {position:absolute;cursor:pointer;background-color:#fff;background-image:none;background-repeat:repeat-x;box-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.slider-selection {display:none;position:absolute;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.slider-handle {position:absolute;width:22px;height:22px;border:0 solid #ccc;cursor:pointer;background-color:#d5a770;border-radius:25px;-webkit-box-shadow:0 0 80px -1px rgba(0,0,0,.13);-moz-box-shadow:0 0 80px -1px rgba(0,0,0,.13);margin-top:-5px !important;box-shadow:0 0 80px -1px rgba(0,0,0,.13)}
.slider-handle:before {display:none}
.slider-knob {width:20px;height:20px;background-color:#fff;background-image:-moz-linear-gradient(top,#e6e6e6,#fff);background-image:-webkit-gradient(linear,0 0,0 100%,from(#e6e6e6),to(#fff));background-image:-webkit-linear-gradient(top,#e6e6e6,#fff);background-image:-o-linear-gradient(top,#e6e6e6,#fff);background-image:linear-gradient(180deg,#e6e6e6,#fff);background-repeat:repeat-x;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.slider-handle:active .slider-knob,.slider-handle:hover .slider-knob {background-color:#fff;background-position:0 5px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}