.load-more-btn { background-color: #373737; color: #9A9A9A; display: inline-block; padding-left: 30px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px; text-transform: uppercase; margin-top: 15px; margin-bottom: 15px; font-size: 16px; font-weight: bold; transition: .3s; } .load-more-btn:hover { background-color: #9A9A9A; color: #373737; } .filters-col li > a.active{ color: #880000; } .results-block{ background: #F5F5F5; padding: 22px; font-size: 19px; } .results-block a{ color: #800; font-family: verdana; font-weight: bold; display: inline-block; width: 20px; height: 20px; line-height: 10px; text-align: center; vertical-align: center; border: 3px solid #800; margin-left: 8px; } .product-main__slider .slick-slide{ background: #E9E9E9; } /* */ .checks_item {margin-bottom: 1rem; line-height: .3rem; font-size: 1rem; /*display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;*/ } .checks_item label {position: relative; cursor: pointer; display: inline-flex;} .checks_item input { position: absolute; opacity: 0; } .checks_item_txt { min-height: 15px; display: block; position: relative; padding: 0px 0px 0px 22px; line-height: 15px; } .checks_item_txt:before {background: #fff; position: absolute; left: 0px; content: ''; top: 0px; width: 15px; height: 15px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #878787; } .checks_item_txt span {display: inline-block; color: #b5b2b2; font-size: 90%;} .checks_item input:checked + .checks_item_txt:before { background: url(../img/check.svg) no-repeat center #fff; -webkit-background-size: 11px 11px; background-size: 11px; } .filt_item_drop .checks_item_txt span {display: inline-block;} .checks-colors {display: flex; align-items: center;} .checks-colors .checks_item {margin-right: 0.5rem;} .checks-colors .checks_item_txt {border-radius: 50%;padding-left: 20px; height: 20px;} .checks-colors .checks_item_txt:before {border-radius: 50%; background-color: transparent; border-color: transparent; height: 20px;width: 20px;} .checks-colors input:checked + .checks_item_txt:before { border-color: #4F4F4F; background-color: transparent;} /* jstree */ .jstree-node, .jstree-children, .jstree-container-ul {display: block;margin: 0;padding: 0;list-style-type: none;list-style-image: none;}.jstree-node {white-space: nowrap;} .jstree-anchor {display: inline-block;color: black;white-space: nowrap;padding: 0 4px 0 1px;margin: 0;vertical-align: top;}.jstree-anchor:focus {outline: 0;}.jstree-anchor, .jstree-anchor:link, .jstree-anchor:visited, .jstree-anchor:hover, .jstree-anchor:active {text-decoration: none;color: inherit;}.jstree-icon {display: inline-block;text-decoration: none;margin: 0;padding: 0;vertical-align: top;text-align: center;}.jstree-icon:empty {display: inline-block;text-decoration: none;margin: 0;padding: 0;vertical-align: top;text-align: center;}.jstree-ocl {cursor: pointer;}.jstree-leaf > .jstree-ocl {cursor: default;}.jstree .jstree-open > .jstree-children {display: block;}.jstree .jstree-closed > .jstree-children, .jstree .jstree-leaf > .jstree-children {display: none;}.jstree-anchor > .jstree-themeicon {margin-right: 2px;}.jstree-no-icons .jstree-themeicon, .jstree-anchor > .jstree-themeicon-hidden {display: none;}.jstree-hidden, .jstree-node.jstree-hidden {display: none;}.jstree-rtl .jstree-anchor {padding: 0 1px 0 4px;}.jstree-rtl .jstree-anchor > .jstree-themeicon {margin-left: 2px;margin-right: 0;}.jstree-rtl .jstree-node {margin-left: 0;}.jstree-rtl .jstree-container-ul > .jstree-node {margin-right: 0;}.jstree-wholerow-ul {position: relative;display: inline-block;min-width: 100%;}.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {cursor: pointer;}.jstree-wholerow-ul .jstree-anchor, .jstree-wholerow-ul .jstree-icon {position: relative;}.jstree-wholerow-ul .jstree-wholerow {width: 100%;cursor: pointer;position: absolute;left: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.jstree-contextmenu .jstree-anchor {-webkit-user-select: none;-webkit-touch-callout: none;;}.vakata-context {display: none;}.vakata-context, .vakata-context ul {margin: 0;padding: 2px;position: absolute;background: #f5f5f5;border: 1px solid #979797;box-shadow: 2px 2px 2px #999999;}.vakata-context ul {list-style: none;left: 100%;margin-top: -2.7em;margin-left: -4px;}.vakata-context .vakata-context-right ul {left: auto;right: 100%;margin-left: auto;margin-right: -4px;}.vakata-context li {list-style: none;}.vakata-context li > a {display: block;padding: 0 2em 0 2em;text-decoration: none;width: auto;color: black;white-space: nowrap;line-height: 2.4em;text-shadow: 1px 1px 0 white;border-radius: 1px;}.vakata-context li > a:hover {position: relative;background-color: #e8eff7;box-shadow: 0 0 2px #0a6aa1;}.vakata-context li > a.vakata-context-parent {background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");background-position: right center;background-repeat: no-repeat;}.vakata-context li > a:focus {outline: 0;}.vakata-context .vakata-context-hover > a {position: relative;background-color: #e8eff7;box-shadow: 0 0 2px #0a6aa1;}.vakata-context .vakata-context-separator > a, .vakata-context .vakata-context-separator > a:hover {background: white;border: 0;border-top: 1px solid #e2e3e3;height: 1px;min-height: 1px;max-height: 1px;padding: 0;margin: 0 0 0 2.4em;border-left: 1px solid #e0e0e0;text-shadow: 0 0 0 transparent;box-shadow: 0 0 0 transparent;border-radius: 0;}.vakata-context .vakata-contextmenu-disabled a, .vakata-context .vakata-contextmenu-disabled a:hover {color: silver;background-color: transparent;border: 0;box-shadow: 0 0 0;}.vakata-context .vakata-contextmenu-disabled > a > i {filter: grayscale(100%);}.vakata-context li > a > i {text-decoration: none;display: inline-block;width: 2.4em;height: 2.4em;background: transparent;margin: 0 0 0 -2em;vertical-align: top;text-align: center;line-height: 2.4em;}.vakata-context li > a > i:empty {width: 2.4em;line-height: 2.4em;}.vakata-context li > a .vakata-contextmenu-sep {display: inline-block;width: 1px;height: 2.4em;background: white;margin: 0 0.5em 0 0;border-left: 1px solid #e2e3e3;}.vakata-context .vakata-contextmenu-shortcut {font-size: 0.8em;color: silver;opacity: 0.5;display: none;}.vakata-context-rtl ul {left: auto;right: 100%;margin-left: auto;margin-right: -4px;}.vakata-context-rtl li > a.vakata-context-parent {background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");background-position: left center;background-repeat: no-repeat;}.vakata-context-rtl .vakata-context-separator > a {margin: 0 2.4em 0 0;border-left: 0;border-right: 1px solid #e2e3e3;}.vakata-context-rtl .vakata-context-left ul {right: auto;left: 100%;margin-left: -4px;margin-right: auto;}.vakata-context-rtl li > a > i {margin: 0 -2em 0 0;}.vakata-context-rtl li > a .vakata-contextmenu-sep {margin: 0 0 0 0.5em;border-left-color: white;background: #e2e3e3;}#jstree-marker {position: absolute;top: 0;left: 0;margin: -5px 0 0 0;padding: 0;border-right: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid;width: 0;height: 0;font-size: 0;line-height: 0;}#jstree-dnd {line-height: 16px;margin: 0;padding: 4px;}#jstree-dnd .jstree-icon, #jstree-dnd .jstree-copy {display: inline-block;text-decoration: none;margin: 0 2px 0 0;padding: 0;width: 16px;height: 16px;}#jstree-dnd .jstree-ok {background: green;}#jstree-dnd .jstree-er {background: red;}#jstree-dnd .jstree-copy {margin: 0 2px 0 2px;}.jstree-default .jstree-node, .jstree-default .jstree-icon {background-repeat: no-repeat;background-color: transparent;}.jstree-default .jstree-anchor, .jstree-default .jstree-animated, .jstree-default .jstree-wholerow {transition: background-color 0.15s, box-shadow 0.15s;}.jstree-default .jstree-hovered {background: #e7f4f9;border-radius: 2px;box-shadow: inset 0 0 1px #cccccc;}.jstree-default .jstree-context {background: #e7f4f9;border-radius: 2px;box-shadow: inset 0 0 1px #cccccc;}.jstree-default .jstree-clicked {background: #beebff;border-radius: 2px;box-shadow: inset 0 0 1px #999999;}.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {display: none;}.jstree-default .jstree-disabled {background: transparent;color: #666666;}.jstree-default .jstree-disabled.jstree-hovered {background: transparent;box-shadow: none;}.jstree-default .jstree-disabled.jstree-clicked {background: #efefef;}.jstree-default .jstree-disabled > .jstree-icon {opacity: 0.8;filter: url("data:image/svg+xml;utf8,#jstree-grayscale");filter: gray;-webkit-filter: grayscale(100%);;}.jstree-default .jstree-search {font-style: italic;color: #0a0a0a;font-weight: bold;}.jstree-default .jstree-no-checkboxes .jstree-checkbox {display: none !important;}.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {background: transparent;box-shadow: none;}.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {background: #e7f4f9;}.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {background: transparent;}.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {background: #e7f4f9;}.jstree-default > .jstree-striped {min-width: 100%;display: inline-block;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;}.jstree-default > .jstree-wholerow-ul .jstree-hovered, .jstree-default > .jstree-wholerow-ul .jstree-clicked {background: transparent;box-shadow: none;border-radius: 0;}.jstree-default .jstree-wholerow {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}.jstree-default .jstree-wholerow-hovered {background: #e7f4f9;}.jstree-default .jstree-wholerow-clicked {background: #beebff;background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);} .jstree-default .jstree-node {margin-bottom: 0;min-height: 24px;line-height: 24px;margin-left: 24px;min-width: 24px;}.jstree-default .jstree-anchor {line-height: 25px;height: 26px;}.jstree-default .jstree-icon {position: static; width: 24px;height: 24px;line-height: 24px;}.jstree-default .jstree-icon:empty {width: 24px;height: 24px;line-height: 24px;}.jstree-default.jstree-rtl .jstree-node {margin-right: 24px;}.jstree-default .jstree-wholerow {height: 24px;}.jstree-default .jstree-node, .jstree-default .jstree-icon {background-image: url("../img/tree32px.png");}.jstree-default .jstree-node {background-position: -292px -4px;background-repeat: repeat-y;} .jstree-default .jstree-last {background: transparent;overflow:hidden;}.jstree-default .jstree-open > .jstree-ocl {background-position: -132px -4px;}.jstree-default .jstree-closed > .jstree-ocl {background-position: -100px -4px;}.jstree-default .jstree-leaf > .jstree-ocl {background-position: -68px -4px;}.jstree-default .jstree-themeicon {background-position: -260px -4px;}.jstree-default > .jstree-no-dots .jstree-node, .jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {background: transparent;}.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {background-position: -36px -4px;}.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {background-position: -4px -4px;}.jstree-default .jstree-disabled {background: transparent;}.jstree-default .jstree-disabled.jstree-hovered {background: transparent;}.jstree-default .jstree-disabled.jstree-clicked {background: #efefef;}.jstree-default .jstree-checkbox {background-position: -164px -4px;}.jstree-default .jstree-checkbox:hover {background-position: -164px -36px;}.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default .jstree-checked > .jstree-checkbox {background-position: -228px -4px;}.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default .jstree-checked > .jstree-checkbox:hover {background-position: -228px -36px;}.jstree-default .jstree-anchor > .jstree-undetermined {background-position: -196px -4px;}.jstree-default .jstree-anchor > .jstree-undetermined:hover {background-position: -196px -36px;}.jstree-default .jstree-checkbox-disabled {opacity: 0.8;filter: url("data:image/svg+xml;utf8,#jstree-grayscale");filter: gray;-webkit-filter: grayscale(100%);;}.jstree-default > .jstree-striped {background-size: auto 48px;}.jstree-default.jstree-rtl .jstree-node {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");background-position: 100% 1px;background-repeat: repeat-y;}.jstree-default.jstree-rtl .jstree-last {background: transparent;}.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {background-position: -132px -36px;}.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {background-position: -100px -36px;}.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {background-position: -68px -36px;}.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {background: transparent;}.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {background-position: -36px -36px;}.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {background-position: -4px -36px;}.jstree-default .jstree-themeicon-custom {background-color: transparent;background-image: none;background-position: 0 0;}.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {background: url("throbber.gif") center center no-repeat;}.jstree-default .jstree-file {background: url("../img/tree32px.png") -100px -68px no-repeat;}.jstree-default .jstree-folder {background: url("../img/tree32px.png") -260px -4px no-repeat;}.jstree-default > .jstree-container-ul > .jstree-node {margin-left: 0;margin-right: 0;}#jstree-dnd.jstree-default {line-height: 24px;padding: 0 4px;}#jstree-dnd.jstree-default .jstree-ok, #jstree-dnd.jstree-default .jstree-er {background-image: url("../img/tree32px.png");background-repeat: no-repeat;background-color: transparent;}#jstree-dnd.jstree-default i {background: transparent;width: 24px;height: 24px;line-height: 24px;}#jstree-dnd.jstree-default .jstree-ok {background-position: -4px -68px;}#jstree-dnd.jstree-default .jstree-er {background-position: -36px -68px;}.jstree-default .jstree-ellipsis {overflow: hidden;}.jstree-default .jstree-ellipsis .jstree-anchor {width: calc(100% - 29px);text-overflow: ellipsis;overflow: hidden;}.jstree-default.jstree-rtl .jstree-node {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");}.jstree-default.jstree-rtl .jstree-last {background: transparent;}.jstree-default-small .jstree-node {min-height: 18px;line-height: 18px;margin-left: 18px;min-width: 18px;}.jstree-default-small .jstree-anchor {line-height: 18px;height: 18px;}.jstree-default-small .jstree-icon {width: 18px;height: 18px;line-height: 18px;}.jstree-default-small .jstree-icon:empty {width: 18px;height: 18px;line-height: 18px;}.jstree-default-small.jstree-rtl .jstree-node {margin-right: 18px;}.jstree-default-small .jstree-wholerow {height: 18px;}.jstree-default-small .jstree-node, .jstree-default-small .jstree-icon {background-image: url("../img/tree32px.png");}.jstree-default-small .jstree-node {background-position: -295px -7px;background-repeat: repeat-y;}.jstree-default-small .jstree-last {background: transparent;}.jstree-default-small .jstree-open > .jstree-ocl {background-position: -135px -7px;}.jstree-default-small .jstree-closed > .jstree-ocl {background-position: -103px -7px;}.jstree-default-small .jstree-leaf > .jstree-ocl {background-position: -71px -7px;}.jstree-default-small .jstree-themeicon {background-position: -263px -7px;}.jstree-default-small > .jstree-no-dots .jstree-node, .jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {background: transparent;}.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {background-position: -39px -7px;}.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {background-position: -7px -7px;}.jstree-default-small .jstree-disabled {background: transparent;}.jstree-default-small .jstree-disabled.jstree-hovered {background: transparent;}.jstree-default-small .jstree-disabled.jstree-clicked {background: #efefef;}.jstree-default-small .jstree-checkbox {background-position: -167px -7px;}.jstree-default-small .jstree-checkbox:hover {background-position: -167px -39px;}.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-small .jstree-checked > .jstree-checkbox {background-position: -231px -7px;}.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-small .jstree-checked > .jstree-checkbox:hover {background-position: -231px -39px;}.jstree-default-small .jstree-anchor > .jstree-undetermined {background-position: -199px -7px;}.jstree-default-small .jstree-anchor > .jstree-undetermined:hover {background-position: -199px -39px;}.jstree-default-small .jstree-checkbox-disabled {opacity: 0.8;filter: url("data:image/svg+xml;utf8,#jstree-grayscale");filter: gray;-webkit-filter: grayscale(100%);;}.jstree-default-small > .jstree-striped {background-size: auto 36px;}.jstree-default-small.jstree-rtl .jstree-node {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");background-position: 100% 1px;background-repeat: repeat-y;}.jstree-default-small.jstree-rtl .jstree-last {background: transparent;}.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {background-position: -135px -39px;}.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {background-position: -103px -39px;}.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {background-position: -71px -39px;}.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {background: transparent;}.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {background-position: -39px -39px;}.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {background-position: -7px -39px;}.jstree-default-small .jstree-themeicon-custom {background-color: transparent;background-image: none;background-position: 0 0;}.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {background: url("throbber.gif") center center no-repeat;}.jstree-default-small .jstree-file {background: url("../img/tree32px.png") -103px -71px no-repeat;}.jstree-default-small .jstree-folder {background: url("../img/tree32px.png") -263px -7px no-repeat;}.jstree-default-small > .jstree-container-ul > .jstree-node {margin-left: 0;margin-right: 0;}#jstree-dnd.jstree-default-small {line-height: 18px;padding: 0 4px;}#jstree-dnd.jstree-default-small .jstree-ok, #jstree-dnd.jstree-default-small .jstree-er {background-image: url("../img/tree32px.png");background-repeat: no-repeat;background-color: transparent;}#jstree-dnd.jstree-default-small i {background: transparent;width: 18px;height: 18px;line-height: 18px;}#jstree-dnd.jstree-default-small .jstree-ok {background-position: -7px -71px;}#jstree-dnd.jstree-default-small .jstree-er {background-position: -39px -71px;}.jstree-default-small .jstree-ellipsis {overflow: hidden;}.jstree-default-small .jstree-ellipsis .jstree-anchor {width: calc(100% - 23px);text-overflow: ellipsis;overflow: hidden;}.jstree-default-small.jstree-rtl .jstree-node {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");}.jstree-default-small.jstree-rtl .jstree-last {background: transparent;}.jstree-default-large .jstree-node {min-height: 32px;line-height: 32px;margin-left: 32px;min-width: 32px;}.jstree-default-large .jstree-anchor {line-height: 32px;height: 32px;}.jstree-default-large .jstree-icon {width: 32px;height: 32px;line-height: 32px;}.jstree-default-large .jstree-icon:empty {width: 32px;height: 32px;line-height: 32px;}.jstree-default-large.jstree-rtl .jstree-node {margin-right: 32px;}.jstree-default-large .jstree-wholerow {height: 32px;}.jstree-default-large .jstree-node, .jstree-default-large .jstree-icon {background-image: url("../img/tree32px.png");}.jstree-default-large .jstree-node {background-position: -288px 0px;background-repeat: repeat-y;}.jstree-default-large .jstree-last {background: transparent;}.jstree-default-large .jstree-open > .jstree-ocl {background-position: -128px 0px;}.jstree-default-large .jstree-closed > .jstree-ocl {background-position: -96px 0px;}.jstree-default-large .jstree-leaf > .jstree-ocl {background-position: -64px 0px;}.jstree-default-large .jstree-themeicon {background-position: -256px 0px;}.jstree-default-large > .jstree-no-dots .jstree-node, .jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {background: transparent;}.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {background-position: -32px 0px;}.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {background-position: 0px 0px;}.jstree-default-large .jstree-disabled {background: transparent;}.jstree-default-large .jstree-disabled.jstree-hovered {background: transparent;}.jstree-default-large .jstree-disabled.jstree-clicked {background: #efefef;}.jstree-default-large .jstree-checkbox {background-position: -160px 0px;}.jstree-default-large .jstree-checkbox:hover {background-position: -160px -32px;}.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-large .jstree-checked > .jstree-checkbox {background-position: -224px 0px;}.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-large .jstree-checked > .jstree-checkbox:hover {background-position: -224px -32px;}.jstree-default-large .jstree-anchor > .jstree-undetermined {background-position: -192px 0px;}.jstree-default-large .jstree-anchor > .jstree-undetermined:hover {background-position: -192px -32px;}.jstree-default-large .jstree-checkbox-disabled {opacity: 0.8;filter: url("data:image/svg+xml;utf8,#jstree-grayscale");filter: gray;-webkit-filter: grayscale(100%);;}.jstree-default-large > .jstree-striped {background-size: auto 64px;}.jstree-default-large.jstree-rtl .jstree-node {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");background-position: 100% 1px;background-repeat: repeat-y;}.jstree-default-large.jstree-rtl .jstree-last {background: transparent;}.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {background-position: -128px -32px;}.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {background-position: -96px -32px;}.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {background-position: -64px -32px;}.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {background: transparent;}.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {background-position: -32px -32px;}.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {background-position: 0px -32px;}.jstree-default-large .jstree-themeicon-custom {background-color: transparent;background-image: none;background-position: 0 0;}.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {background: url("throbber.gif") center center no-repeat;}.jstree-default-large .jstree-file {background: url("../img/tree32px.png") -96px -64px no-repeat;}.jstree-default-large .jstree-folder {background: url("../img/tree32px.png") -256px 0px no-repeat;}.jstree-default-large > .jstree-container-ul > .jstree-node {margin-left: 0;margin-right: 0;}#jstree-dnd.jstree-default-large {line-height: 32px;padding: 0 4px;}#jstree-dnd.jstree-default-large .jstree-ok, #jstree-dnd.jstree-default-large .jstree-er {background-image: url("../img/tree32px.png");background-repeat: no-repeat;background-color: transparent;}#jstree-dnd.jstree-default-large i {background: transparent;width: 32px;height: 32px;line-height: 32px;}#jstree-dnd.jstree-default-large .jstree-ok {background-position: 0px -64px;}#jstree-dnd.jstree-default-large .jstree-er {background-position: -32px -64px;}.jstree-default-large .jstree-ellipsis {overflow: hidden;}.jstree-default-large .jstree-ellipsis .jstree-anchor {width: calc(100% - 37px);text-overflow: ellipsis;overflow: hidden;}.jstree-default-large.jstree-rtl .jstree-node {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");}.jstree-default-large.jstree-rtl .jstree-last {background: transparent;}@media (max-width: 768px) {#jstree-dnd.jstree-dnd-responsive {line-height: 40px;font-weight: bold;font-size: 1.1em;text-shadow: 1px 1px white;}#jstree-dnd.jstree-dnd-responsive > i {background: transparent;width: 40px;height: 40px;}#jstree-dnd.jstree-dnd-responsive > .jstree-ok {background-image: url("40px.png");background-position: 0 -200px;background-size: 120px 240px;}#jstree-dnd.jstree-dnd-responsive > .jstree-er {background-image: url("40px.png");background-position: -40px -200px;background-size: 120px 240px;}#jstree-marker.jstree-dnd-responsive {border-left-width: 10px;border-top-width: 10px;border-bottom-width: 10px;margin-top: -10px;}}@media (max-width: 768px) {.jstree-default-responsive {;}.jstree-default-responsive .jstree-icon {background-image: url("40px.png");}.jstree-default-responsive .jstree-node, .jstree-default-responsive .jstree-leaf > .jstree-ocl {background: transparent;}.jstree-default-responsive .jstree-node {min-height: 40px;line-height: 40px;margin-left: 40px;min-width: 40px;white-space: nowrap;}.jstree-default-responsive .jstree-anchor {line-height: 40px;height: 40px;}.jstree-default-responsive .jstree-icon, .jstree-default-responsive .jstree-icon:empty {width: 40px;height: 40px;line-height: 40px;}.jstree-default-responsive > .jstree-container-ul > .jstree-node {margin-left: 0;}.jstree-default-responsive.jstree-rtl .jstree-node {margin-left: 0;margin-right: 40px;background: transparent;}.jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {margin-right: 0;}.jstree-default-responsive .jstree-ocl, .jstree-default-responsive .jstree-themeicon, .jstree-default-responsive .jstree-checkbox {background-size: 120px 240px;}.jstree-default-responsive .jstree-leaf > .jstree-ocl, .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {background: transparent;}.jstree-default-responsive .jstree-open > .jstree-ocl {background-position: 0 0 !important;}.jstree-default-responsive .jstree-closed > .jstree-ocl {background-position: 0 -40px !important;}.jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {background-position: -40px 0 !important;}.jstree-default-responsive .jstree-themeicon {background-position: -40px -40px;}.jstree-default-responsive .jstree-checkbox, .jstree-default-responsive .jstree-checkbox:hover {background-position: -40px -80px;}.jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-responsive .jstree-checked > .jstree-checkbox, .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {background-position: 0 -80px;}.jstree-default-responsive .jstree-anchor > .jstree-undetermined, .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {background-position: 0 -120px;}.jstree-default-responsive .jstree-anchor {font-weight: bold;font-size: 1.1em;text-shadow: 1px 1px white;}.jstree-default-responsive > .jstree-striped {background: transparent;}.jstree-default-responsive .jstree-wholerow {border-top: 1px solid rgba(255, 255, 255, 0.7);border-bottom: 1px solid rgba(64, 64, 64, 0.2);background: #ebebeb;height: 40px;}.jstree-default-responsive .jstree-wholerow-hovered {background: #e7f4f9;}.jstree-default-responsive .jstree-wholerow-clicked {background: #beebff;}.jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {box-shadow: inset 0 -6px 3px -5px #666666;}.jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {box-shadow: inset 0 6px 3px -5px #666666;border-top: 0;}.jstree-default-responsive .jstree-children .jstree-open + .jstree-open {box-shadow: none;}.jstree-default-responsive .jstree-node, .jstree-default-responsive .jstree-icon, .jstree-default-responsive .jstree-node > .jstree-ocl, .jstree-default-responsive .jstree-themeicon, .jstree-default-responsive .jstree-checkbox {background-image: url("40px.png");background-size: 120px 240px;}.jstree-default-responsive .jstree-node {background-position: -80px 0;background-repeat: repeat-y;}.jstree-default-responsive .jstree-last {background: transparent;}.jstree-default-responsive .jstree-leaf > .jstree-ocl {background-position: -40px -120px;}.jstree-default-responsive .jstree-last > .jstree-ocl {background-position: -40px -160px;}.jstree-default-responsive .jstree-themeicon-custom {background-color: transparent;background-image: none;background-position: 0 0;}.jstree-default-responsive .jstree-file {background: url("40px.png") 0 -160px no-repeat;background-size: 120px 240px;}.jstree-default-responsive .jstree-folder {background: url("40px.png") -40px -40px no-repeat;background-size: 120px 240px;}.jstree-default-responsive > .jstree-container-ul > .jstree-node {margin-left: 0;margin-right: 0;}} /* */ .filters-block1, .filters-block {background: #fff;} .filters-block .jstree ul {padding: 0;} .filt-selected {display: flex; align-items: center; flex-wrap: wrap; justify-content: center;margin-right: auto;margin-left: 5px;} .btn-selected, .filters-col .btn-selected {white-space: nowrap; margin: 0 0.25rem; color: #fff; padding: 0 0.5rem; line-height: 1.7;border-radius: 0.5rem; display: inline-block; background: #80c138;} .btn-selected i { margin: -2px 0 0 3px; font-size: 0.5rem;} .filters-col-wide {width: 50%;} @media screen and (max-width: 767px){ .filters-col { width: 100%;} } .filters_title {font-size: 1.5rem; color: #4F4F4F; margin-bottom: 1.9rem;} .filt {} .filt_item {margin-bottom: 0.7rem;} .filt_item_opener {font-size: 1.2rem; padding-left: 1.1rem; color: #4F4F4F; cursor: pointer; position: relative;} .filt_item_opener i {position: absolute; left: 0rem; top: 0.3rem; font-size: .5rem;} .filt_item_drop {padding-left: 0.5rem;padding-top: 1rem;padding-bottom: 0.1rem;} .filt_item:not(.open) .filt_item_drop { /*height: 0; padding: 0; margin: 0; overflow: hidden;*/ } .filt_item.open .filt_item_opener [class^="icon-"], .filters_item.open .filters_item_opener [class*=" icon-"] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .range {margin-top: 3px; max-width: 204px;} .range_inp {justify-content: space-between; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .range_inp .form-control {color: #000; width: 4.5rem; height: 2.2rem; padding: 0; text-align: center; border-radius: 0.25rem; border: 1px solid #e9e9e9; background: #F5F5F5;} .range_beet { text-align: center; width: 0.7rem; height: 1px; background: #878787; } .range_slider { margin: 2rem 10px 1.7rem 10px; } .range_btn {background: transparent;border: 1px solid #e9e9e9; width: 4rem; height: 2.2rem; curser: pointer; margin-left: 0.5rem; border-radius: 0.25rem;} @media screen and (max-width: 1200px) and (min-width: 768px) { .filters-block {padding: 2.2rem 0.9rem 2.2rem 0rem;} .filters-block__list {padding-left: 1.1rem;} } .product-item__title{ opacity: 0; transition: 0.3s; } .product-item:hover > .product-item__title{ opacity: 1; } .product-item:nth-child(8n+1){ background: #FFFFFF; } .product-item:nth-child(8n+2){ background: #F3F3F3; } .product-item:nth-child(8n+3){ background: #D3D2D2; } .product-item:nth-child(8n+4){ background: #B7978C; } .product-item:nth-child(8n+5){ background: #D2E0E9; } .product-item:nth-child(8n+6){ background: #D9D0AD; } .product-item:nth-child(8n+7){ background: #F6F6F6; } .product-item:nth-child(8n+8){ background: #DDC2AF; } .fancybox-inner{ /* height: 100% !important;*/ } .fancybox-opened{ margin-top: 5%; } .tridi-viewer-image{max-height: 100%; max-width: 100%; mix-blend-mode: darken;cursor: grab;} .product-main__3d {height: 100%;z-index: -1;position: absolute;left: 0;top: 0;width: 100%; opacity: 0;} .product-main__3d.active {z-index: 1;opacity: 1;} .product-main__slider.hid {opacity: 0;} .product-main__wr {position: relative;} .product-main__wr .d_viewer {height: 100%;} .product-main__wr .tridi-viewer {height: 100%; text-align: center;display: flex;align-items: center;justify-content: center;background: #E9E9E9;} .popup-close {z-index: 1;} .jstree-default .jstree-anchor{ white-space: break-spaces; height: auto; } .jstree-default .jstree-node{ margin-left: 7px; } .filt_item_drop span{ display: block; } .filt_item_drop select{ margin-bottom: 15px; border: 0!important; } .filt_item_drop input, .filt_item_drop select{ width: 100%; padding: 0.5rem 1.2rem; border: 1px solid #e9e9e9; border-radius: .1rem; } .apply-btn{ width:100%; margin-top: 15px; margin-left: 0; } @media screen and (min-width: 768px) { .main-wrapper {overflow: visible;} .filters { position: sticky; top: 0; z-index: 11;} } .link-favadd {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; color: #3F3F3F;} .link-favadd.active .icon-like:before, .link-favadd:hover .icon-like:before {color: #000;} .product-item .link-favadd {position: absolute; bottom: 35px;right: 0;z-index: 5; background: #fff; padding: 20px; opacity: 0;} .product-item:hover .link-favadd {opacity: 1;} .fancybox-opened{margin-top: 0%;} #popup-product {box-sizing: content-box!important;} #popup-product .product-detail{ max-height: 560px; overflow: auto; } .scroll-off .main-wrapper {position: fixed; height: 100%;} .product-related__links ul {flex-wrap: wrap;} .container .card{ margin-top: 50px; } .product-item__img img { mix-blend-mode: normal!important; } .product-item .link-favadd { background: transparent!important; } .product-main { background: white!important; } .product-main__item img { mix-blend-mode: normal!important; } .tridi-viewer-image { mix-blend-mode: normal!important; } .product-main__slider .slick-slide { background: transparent!important; } .product-main__wr .tridi-viewer{ background: transparent!important; } .product-crumbs { padding: 2.2rem 2rem; } .filters-block__list{ margin-top: 30px; } .goBackUrl{ color: black; font-size: 14px; font-weight: bold; position: absolute; top: 15px; left: 15px; z-index: 999999; } .constructor-widget .wrapper{ min-height: 674px!important; } .product-item__plus { position: absolute; bottom: 1rem; right: 1.2rem; width: 1.8rem; height: 1.8rem; cursor: pointer; fill: #8f8f8f; transition: all .15s linear; } .product-item__plus:hover { fill: #3f3f3f; } .constructor-page .product-item:hover .link-favadd { opacity: 1; } .constructor-page .product-item .link-favadd { position: absolute; bottom: 3.5rem; right: 1.1rem; padding: 5px; transition: all .3s linear; opacity: 0; } /*.сatalog-page .product-item__plus{ display: none!important; }*/ .main-wrapper{ background: white!important; } .colorpicker{ width: 108%!important; background: url(../img/colorpicker_background_v2.png)!important; } .colorpicker_alpha{ display: none!important; } .colorpicker_new_color{ position: absolute; width: 30px!important; height: 30px!important; left: unset!important; top: unset!important; bottom: 0!important; border-radius: 50%; right: 33%; } .selectedColorFilter{ position: absolute; bottom: 19px; width: 50% !important; left: 11px; } .colorpicker_field, .colorpicker_hex, .colorpicker_current_color{ display: none!important; } .add_color_filter{ display: inline-block; width: auto!important; padding-left: 6px!important; padding-right: 6px!important; padding-top: 6px!important; padding-bottom: 6px!important; border: 1px solid rgba(0,0,0,0.3); margin-left: 11px; border-radius: 10px; color: black; } .colorFilters{ margin-left: 11px; margin-top: 6px; } .colorFilters a{ width: 30px; height: 30px; display: inline-block; margin-right: 6px; border-radius: 50% !important; } .colorFilters b{ display: block; margin-bottom: 4px; } .submitColorFilter{ display: inline-block; margin-top: 5px; background: black; padding: 6px!important; color: white; border-radius: 10px; } .colorFilters input{ display: none!important; } .loginRegisterpopup{ width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; position: fixed; z-index: 9999999; background: linear-gradient(180deg, rgba(165, 166, 150, 0.5) 3.12%, rgba(255, 255, 255, 0) 68.23%), linear-gradient(180deg, rgba(253, 249, 240, 0.5) 54.69%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, rgba(253, 249, 240, 0) 25%, rgba(175, 118, 99, 0.5) 99.48%); } .loginRegisterpopup > .popup-container{ width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; } .loginRegisterpopup .loginRegisterpopup_inner{ width: 1249px; height: 874px; background: #FFFFFF; } .loginRegisterpopup .loginRegisterpopup_inner .leftSide{ width: 427px; height: 100%; background: url('../img/Intersect.png'); background-size: cover; background-repeat: no-repeat; vertical-align: top; display: inline-block; } .loginRegisterpopup .loginRegisterpopup_inner .leftSide h3{ font-family: 'Roboto'; font-style: normal; font-weight: 900; font-size: 30px; line-height: 35px; letter-spacing: 0.03em; color: #5E5E5E; padding-top: 35px; padding-left: 44px; } .loginRegisterpopup .loginRegisterpopup_inner .leftSide img{ width: 408px; height: 654px; object-fit: cover; object-position: right; } .loginRegisterpopup .loginRegisterpopup_inner .leftSide img.square{ object-position: center!important; object-fit: contain; } .loginRegisterpopup .loginRegisterpopup_inner .leftSide span{ display: block; padding-left: 27px; padding-top: 37px; } .loginRegisterpopup .loginRegisterpopup_inner .rightSide{ width: 810px; height: 100%; display: inline-block; vertical-align: top; } .loginRegisterpopup .loginRegisterpopup_inner .rightSide .rightSide_inner{ width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative; } .regStory{ font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; /* identical to box height */ color: #616161; position: absolute; top: 60px; right: 55px; } .regStory a{ font-family: 'Manrope'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: #137ECB; text-decoration: none; } .regStory a:hover{ color: #137ECB; } .rightSide h3{ font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 28px; color: #000000; } .rightSide .g-button{ display: inline-block; background: #3F96D4; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 16px; color: #FFFFFF; padding-top: 15px; padding-bottom: 17px; padding-left: 86px; padding-right: 88px; vertical-align: top; } .rightSide .fb-button{ width: 48px; height: 48px; background: #E8E8E8; margin-left: 20px; display: inline-block; vertical-align: top; } .rightSide .social-buttons{ margin-top: 21px; } .rightSide fieldset{ margin-top: 35px; border-top: 1px solid #CFCFCF; margin-bottom: 36px; } .rightSide fieldset legend{ font-family: 'Manrope'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: #878888; padding-left: 23px; padding-right: 23px; } .rightSide .loginForm{ width: 432px; } .rightSide .loginform-field label{ font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 16px; letter-spacing: 0.03em; color: #000000; display: block; margin-bottom: 9px; } .rightSide .loginform-field input[type="email"], .rightSide .loginform-field input[type="password"], .rightSide .loginform-field input[type="text"]{ width: 100%; height: 48px; background: #EEEDED; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; /* 800 */ color: #2D3748; padding-left: 13px; border: 0; border-left: 3px solid transparent; transition: 0.3s; } .rightSide .loginform-field input[type="email"]:focus, .rightSide .loginform-field input[type="password"]:focus, .rightSide .loginform-field input[type="text"]:focus{ border-left: 3px solid #A6C0D7; } .rightSide .loginform-field input::placeholder{ font-family: 'Roboto'; font-style: italic; font-weight: 100; font-size: 14px; line-height: 16px; color: #878888; } .mt-25{ margin-top: 25px; } /* Hide the browser's default checkbox */ .loginfrom-field-cbbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark{ width: 23px; height: 23px; display: inline-block; } .loginfrom-field-cbbox .checkmark { background: url('../img/checkbox.png'); background-position: 0; } .loginfrom-field-cbbox input:checked ~ .checkmark { background: url('../img/checkbox.png'); background-position: 23px; } .checkmark{ cursor: pointer; } .loginfrom-field-cbbox{ margin-top: 25px; } .loginfrom-field-cbbox label{ font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px; color: #878888; display: inline-block; vertical-align: top; line-height: 24px; margin-left: 6px; } .loginfrom-field-cbbox{ width: 40%; display: inline-block; } .loginform-link{ width: 59%; display: inline-block; vertical-align: top; text-align: right; margin-top: 25px; } .loginform-link a{ font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #3F96D4; text-decoration: none; } .rightSide button{ margin-top: 36px; background: #B7978C; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 16px; color: #FFFFFF; padding-top: 15px; padding-bottom: 17px; padding-left: 59px; padding-right: 59px; border:0; } .rightSide p{ font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; color: #878888; width: 327px; display: block; position: absolute; bottom: 40px; } .rightSide p a{ color: #3F96D4; text-decoration: none; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; } .loginform-field.two-columns .column-loginform{ display: inline-block; width: 42.8%; } .loginform-field.two-columns .column-loginform:first-child{ margin-right: 13.4%; } .register-popup .loginfrom-field-cbbox { width: 100%; display: block; } .register-popup .loginfrom-field-cbbox label{ display: inline-block; width: 91%; font-size: 14px; line-height: 16px; } .cabinet-sidebar{ background: #E7E7E7; border-radius: 5px; width: 18%; min-height: 723px; margin-right: 11px; margin-bottom: 20px; max-height: 740px; } .cabinet-sidebar .sidebar-menu{ padding-top: 75px; padding-left: 15px; } .cabinet-sidebar h3{ font-family: 'Roboto'; font-style: normal; font-weight: 600; font-size: 13px; line-height: 128.19%; /* or 17px */ letter-spacing: 0.025em; text-indent: 1px; color: #000000; margin-bottom: 15px; } .cabinet-sidebar ul{ padding-left: 5px; } .cabinet-sidebar ul li a{ font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 10px; line-height: 17px!important; /* identical to box height, or 13px */ letter-spacing: 0.065em; text-indent: 1px; color: #000000; transition: 0.3s; text-decoration: none; } .cabinet-sidebar ul li a:after{ content: " "; position: absolute; left: -20px; width: 4px; height: 17px; background: #27318A; display: none; transition: 0.3s; top: 2px; } .cabinet-sidebar ul li a svg{ margin-right: 8px; } .cabinet-sidebar ul{ margin-top: 0!important; margin-bottom: 53px!important; } .cabinet-sidebar ul:last-child{ margin-bottom: 0!important; } .cabinet-sidebar ul li{ position: relative; /*height: 17px;*/ margin-top: 15px; } .cabinet-sidebar ul li.active a:after{ display: block!important; } .cabinet-sidebar ul li a:hover:after{ display: block!important; } .cabinet-sidebar ul li.active a, .cabinet-sidebar ul li a:hover, .cabinet-sidebar ul li a:focus{ color: #27318A!important; } .cabinet-container{ margin-top: 16px!important; } .cabinet-sidebar ul li a:hover svg{ color: #27318A!important; } .cabinet-sidebar .upgrade-block{ margin-top: 53px!important; background: url(../img/upgradeblock.png); width: 166px; height: 148px; } .cabinet-sidebar .upgrade-block a{ background: #653DF2; border-radius: 5px; font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 10px; line-height: 18px; /* or 180% */ letter-spacing: 0.05em; text-indent: 1px; color: #FFFFFF; display: inline-block; margin: 8px auto!important; width: 57px; height: 20px; text-align: center; text-decoration: none; } .upgrade-block{ padding: 19px; margin: 0 auto!important; } .upgrade-block h2{ font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 10px; line-height: 12px; /* or 120% */ color: #FFFFFF; margin-top: 0!important; margin-bottom: 0!important; } .upgrade-block p{ font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 7px; line-height: 9px; /* or 129% */ color: #FFFFFF; display: block; margin: 0; margin-top: 8px!important; } .cabinet-content{ width: 80%; } .cabinet-content > img{ width: 100%; } .cabinet-content h1{ font-family: 'Roboto'; font-style: normal; font-weight: 600; font-size: 22px; line-height: 53.69%; /* or 12px */ letter-spacing: 0.045em; text-indent: 1px; color: #000000; margin-bottom: 9px; } .cabinet-content .products .wrapper{ padding: 0!important; } .cabinet-content .filters .wrapper{ padding: 0!important; } .cabinet-content{ position: relative; } .cabinet-content.pt-35{ margin-top: 35px; } .cabinet-content .add-product{ position:absolute; top: 8px; right: 0; background: #73AF7C; border-radius: 5px; font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 11px; line-height: 9px; /* or 82% */ letter-spacing: 0.05em; text-indent: 1px; color: #FFFFFF; padding: 12px; text-decoration: none; } .cabinet-content > p{ font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 11px; line-height: 13px; letter-spacing: 0.01em; text-indent: 1px; color: #5E5E5E; margin-top: 13px; } .loginRegisterpopup .error-message{ font-family: 'Roboto'; font-style: normal; font-weight: bold; color: white; width: 100%; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; background-color: #E65F76; border-left: 4px solid #FF0000; margin-bottom: 10px; } .search-field{ position: absolute; top: -35px; right: 0; } .search-field input{ width: 91px; padding: 5px; color: black; border: 0; border-bottom: 1px solid black; margin-right: 14px; font-style: italic; } .cabinet-content .product-item{ width: 33.3%; } .cabinet-content .filters-col { width: 33.3% !important; } .cabinet-content .filters-col-wide { width: 33.3% !important; } .cabinet-content .filters-block { left: 0!important; width: 33.3%!important; } .product-related__links{ background: white!important; } .cabinet-content .product-work{ background: #F9FBFC; padding-top: 8px; padding-left: 9px; padding-right: 17px; width: 100%; padding-bottom: 8px; } .cabinet-content .product-work .product-work-sub{ min-height: 90px; background: url(../img/editaddproduct-backs/mid.png) no-repeat; padding-left: 30px; background-position: left center; } .cabinet-content .product-work .product-work-sub:first-child{ padding-top: 19px; background: url(../img/editaddproduct-backs/1.png) no-repeat; background-position: left top; } .cabinet-content .product-work .product-work-sub.active:first-child{ padding-top: 19px; background: url(../img/editaddproduct-backs/1.png) no-repeat; background-position: left top; } .cabinet-content .product-work .product-work-sub.active{ background: url(../img/editaddproduct-backs/mid_ok.png) no-repeat; background-position: left center; } .cabinet-content .product-work .product-work-sub.on-focus{ background: url(../img/editaddproduct-backs/mid_active.png) no-repeat; background-position: left center; } .cabinet-content .product-work .product-work-sub.finish{ background: url(../img/editaddproduct-backs/mid-finish-not-active.png) no-repeat; background-position: left center; } .cabinet-content .product-work .product-work-sub.finish.active{ background: url(../img/editaddproduct-backs/mid-finish-ok.png) no-repeat; background-position: left center; } .cabinet-content .product-work .product-work-sub.finish.on-focus{ background: url(../img/editaddproduct-backs/mid-finish-active.png) no-repeat; background-position: left center; } .cabinet-content .product-work h3{ /* Form / Light / Label */ font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 16px; /* identical to box height */ /* Colors / Light / Description Color */ color: #2C2C2C; } .product-work-sub .row-text-field{ margin-top: 10px; } .product-work-sub .row-text-field label{ /* Form / Light / Label */ font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 16px; /* identical to box height */ /* Colors / Light / Description Color */ color: #2C2C2C; margin-bottom: 7px; } .product-work-sub .row-text-field label > img{ margin-top: -4px; margin-left: 2px; } .product-work-sub .row-text-field input{ /* Gray 1 */ border: 1px solid #333333; border-radius: 1px; padding: 10px 12px; width: 100%; /* Form / Light / Placeholder */ font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; /* identical to box height */ /* Colors / Light / Description Color */ color: #2C2C2C; background: transparent; transition: 0.3s; } .product-work-sub .row-text-field input:focus{ background: white; } .rightSide .fb-button{ text-align: center!important; line-height: 56px!important; } .rightSide .g-button{ position: relative; } .rightSide .g-button > img{ position: absolute; left: 17px; } .row-checkbox-field input{ width: 16px; height: 16px; -webkit-appearance: auto!important; margin-right: 8px; position: relative; top: 1px; } .row-checkbox-field{ opacity: 1!important; /* Form / Light / Placeholder */ font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; /* identical to box height */ /* Colors / Light / Description Color */ color: #2C2C2C; display: inline-block; margin-right: 14px; margin-top: 20px; } .row-checkbox-field.disabled{ opacity: 0.5!important; } .row-checkbox-field img{ margin-left: 4px; } .product-work-sub .row-file-field label{ /* Form / Light / Label */ font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 16px; /* identical to box height */ /* Colors / Light / Description Color */ color: #2C2C2C; margin-bottom: 7px; } .product-work-sub .row-file-field label > img{ margin-top: -4px; margin-left: 2px; } .product-work-sub .row-file-field input{ /* Gray 1 */ border: 1px solid #333333; border-radius: 1px; padding: 7px 12px; width: 100%; /* Form / Light / Placeholder */ font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; /* identical to box height */ /* Colors / Light / Description Color */ color: #2C2C2C; background: transparent; transition: 0.3s; } .product-work-sub .row-file-field{ margin-top: 23px; } .product-work-sub .row-select-field label{ /* Form / Light / Label */ font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 16px; /* identical to box height */ /* Colors / Light / Description Color */ color: #2C2C2C; margin-bottom: 7px; } .product-work-sub .row-select-field label > img{ margin-top: -4px; margin-left: 2px; } .product-work-sub .row-select-field select{ /* Gray 1 */ border: 1px solid #333333; border-radius: 1px; padding: 7px 12px; width: 100%; /* Form / Light / Placeholder */ font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; /* identical to box height */ /* Colors / Light / Description Color */ color: #2C2C2C; background: transparent; transition: 0.3s; } .product-work-sub .row-select-field{ margin-top: 10px; } .product-work-sub .select2-container .select2-selection--single{ height: 38px!important; border-radius: 0; border: 1px solid #333; background: transparent; } .product-work-sub .select2-container .select2-selection--single .select2-selection__rendered{ padding-left: 12px!important; } .product-work-sub .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 36px!important; font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 13px; } .product-work-sub .select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px!important; } .product-work-sub .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #2C2C2C transparent transparent transparent; } .product-work-sub .row-dropzone-field label{ /* Form / Light / Label */ font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 16px; /* identical to box height */ /* Colors / Light / Description Color */ color: #2C2C2C; margin-bottom: 7px; } .product-work-sub .row-dropzone-field label > img{ margin-top: -4px; margin-left: 2px; } .product-work-sub .row-dropzone-field{ margin-top: 10px; } .product-work-sub .row-dropzone-field .dropzone { min-height: 50px!important; border: 1px solid #333!important; background: transparent!important; padding: 20px 20px; } .product-work{ margin-bottom: 99px; } .loginfrom-field-cbbox a{ font-family: 'Manrope'; font-style: normal; font-weight: 400; color: #137ECB; text-decoration: none; } .w-25{ width: 25%!important; display: inline-block; margin-right: 12px; } .w-50{ width: 45%!important; display: inline-block; } .row-number-field label{ /* Form / Light / Label */ font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 16px; /* identical to box height */ /* Colors / Light / Description Color */ color: #2C2C2C; margin-bottom: 7px; } .product-work-sub .row-number-field{ margin-top: 10px; } .product-work-sub .row-number-field label > img{ margin-top: -4px; margin-left: 2px; } .product-work-sub .row-number-field input{ /* Gray 1 */ border: 1px solid #333333; border-radius: 1px; padding: 10px 12px; width: 100%; /* Form / Light / Placeholder */ font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; /* identical to box height */ /* Colors / Light / Description Color */ color: #2C2C2C; background: transparent; transition: 0.3s; } .product-work-sub .row-number-field input:focus{ background: white; } .posrel-top2{ position: relative; top: 2px; } .posrel-topminus2{ position: relative; top: -2px; } .mt-84{ margin-top: 84px; } .mt-67{ margin-top: 67px; } .w-15{ width: 15%; display: inline-block; } .w-60{ width: 55%; display: inline-block; } .ml-12{ margin-left: 12px; } .mr-12{ margin-right: 12px; } .w-10{ width: 13%; display: inline-block; } .left-label label{ /* Form / Light / Label */ font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 16px; /* identical to box height */ /* Colors / Light / Description Color */ color: #2C2C2C; margin-bottom: 0!important; display: inline-block; margin-right: 5px; vertical-align: middle; width: 10px; } .left-label input{ width: 73%!important; display: inline-block!important; } .w-30{ width: 30%; display: inline-block; } .mr-7{ margin-right: 4px!important; } .row-textarea-field label{ /* Form / Light / Label */ font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 16px; /* identical to box height */ /* Colors / Light / Description Color */ color: #2C2C2C; margin-bottom: 7px; } .row-textarea-field textarea{ /* Gray 1 */ border: 1px solid #333333; border-radius: 1px; padding: 10px 12px; width: 100%; /* Form / Light / Placeholder */ font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; height: 97px; /* identical to box height */ /* Colors / Light / Description Color */ color: #2C2C2C; background: transparent; transition: 0.3s; } .mt-7{ margin-top: 7px; } .w-50-spec{ width: 48.3%!important; display: inline-block; } .row-checkbox-field span{ display: inline-block; width: 83%; vertical-align: middle; } .product-work-sub > button{ margin-top: 40px; background: #B7978C; color: white; border: 0; padding: 8px; padding-top: 5px; padding-bottom: 5px; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 13px; line-height: 25px; } .prepublication-block{ width: 28%; height: auto!important; margin-left: 34px; display: inline-block; } .prepublication-block > .cont{ background: #F9FBFC; width: 100%; position:sticky; position: -webkit-sticky; top: 0; /* required */ /*overflow: auto;*/ } .cabinet-content.product-add-block{ width: 50%; display: inline-block; } .mt-84{ margin-top: 84px; } .prepub-buttns a{ display: inline-block; width: 50%; color: #424242; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 13px; line-height: 25px; border-top: 1px solid #A9A9A9; border-bottom: 1px solid #A9A9A9; text-align: center; padding-top: 8px; padding-bottom: 8px; transition: 0.3s; text-decoration: none!important; } .prepub-buttns a.active, .prepub-buttns a:hover{ background: #A9A9A9; color: white; } .prepublication-block h4{ /* Form / Light / Label */ font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 16px; /* identical to box height */ /* Colors / Light / Description Color */ color: #2C2C2C; padding-left: 9px; padding-top: 14px; margin-bottom: 15px; } .pd-row{ text-align: center; margin-top: 3px; } .pd-row > .subblock-img{ display: inline-block; margin-right: 8px; } .pd-row > .subblock-img img{ width: 13px; height: 13px; } .pd-row > .subblock{ display: inline-block; background-color: #E0E0E0!important; padding: 6px 10px; border: 1px solid #E0E0E0; border-radius: 2px; margin-right: 8px; font-size: 15px; line-height: 15px; } .pd-row > .subblock-icon{ display: inline-block; width: 10%; } .pd-row > .subblock-item{ display: inline-block; width: 88%; text-align: center; } .pd-row > .subblock-item span{ display: inline-block; background-color: #E0E0E0!important; padding: 6px 10px; border: 1px solid #E0E0E0; border-radius: 2px; margin-right: 3px; font-size: 15px; line-height: 15px; } .pd-row .tag{ display: inline-block; background-color: #E0E0E0!important; padding: 6px 10px; border: 1px solid #E0E0E0; border-radius: 2px; margin-right: 3px; font-size: 15px; line-height: 15px; margin-top:3px; color:#171717; } .pd-row .subcolor{ width: 10px; height: 10px; display: inline-block; border-radius: 50% !important;margin-right: 3px; } .previewcase > .product-item { width:100%; } .previewcase .link-favadd{ display: none!important; } .previewcase .product-item__plus{ display: none!important; } .add-color-btn{ font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 15px; text-indent: 1px; color: #1F1F1F; padding-left: 10px; padding-right: 10px; padding-bottom: 8px; padding-top: 8px; background: #C0C0C0; display: inline-block; margin-right: 12px; text-decoration: none!important; } .add-color-btn2{ font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 15px; text-indent: 1px; color: #1F1F1F; padding-left: 10px; padding-right: 10px; padding-bottom: 8px; padding-top: 8px; background: #C0C0C0; display: inline-block; margin-right: 12px; text-decoration: none!important; } .colors-field img{ display: inline-block; vertical-align: middle; } .colors-field{ margin-top: 18px; } .color-round{ display: inline-block; vertical-align: middle; width: 20px; height: 20px; border-radius: 50%; } .edit-colors-block{ width: 100%; margin-top: 12px; } .color-block{ display: inline-block; margin-right: 8px; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; border: 1px solid grey; } .color-block > .color-round{ margin-right: 5px; } .color-block a{ color: black; font-family: Roboto; font-size: 12px; text-decoration: none; display: inline-block; vertical-align: middle; } .color-block2{ padding-top: 6px; padding-bottom: 6px; padding-left: 10px; padding-right: 10px; /* Gray 6 */ background: #F2F2F2; /* Gray 1 */ border: 1px solid #333333; border-radius: 1px; color: #2C2C2C; display: inline-block; vertical-align: middle; } .color-block2 > a{ color: #2C2C2C; text-decoration: none; } .images-block > div{ position: relative; background: #F2F2F2; border-radius: 15px; box-shadow: 1px 1px 10px rgba(0,0,0,0.5); } .images-block a{ color: #2C2C2C; text-decoration: none!important; position: absolute; top: 2px; right: 15px; font-size:20px; } .images-block{ margin-bottom: 15px; } .product-special-buttons{ position: absolute; right: 50px; top: 20px; } .product-special-buttons a{ font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 13px; line-height: 25px; width: 78px; display: inline-block; padding-top: 8px; padding-bottom: 8px; background: #ECECEC; border-radius: 1px; text-decoration: none!important; text-align: center; } .product-special-buttons .cancel-btn{ color: #424242; } .product-special-buttons .save-draft-btn{ color: #FFFFFF; background: #B5B6AD!important; } .product-work-sub{ position:relative; } .product-work-sub:before{ content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.4); z-index: 99; display:block; } .product-work-sub.on-focus:before, .product-work-sub.active:before{ display: none!important; } span.select2-selection--multiple{ padding: 0 7px; width: 100%; } .with-search-icon span.select2-selection--multiple, .select-with-add span.select2-selection--multiple{ padding: 0 20px; background: url(../img/lupa.png); background-repeat: no-repeat; background-position: 7px 10px; } .cabinet-content.cabinet-settings .product-work .product-work-sub{ background: unset!important; padding-left: 10px!important; padding-top: 10px!important; } .cabinet-content.cabinet-settings .w-50-spec { width: 49.7% !important; display: inline-block; } .cabinet-content.cabinet-settings .username-field{ position: relative; } .cabinet-content.cabinet-settings .username-field::after{ content: 'https://gs3d.whitewebstudio.com/user/'; display: block; position: absolute; left: 0; top: 0; height: 100%; line-height: 39px; padding-left: 12px; } .cabinet-content.cabinet-settings .username-field input{ padding-left: 235px; } .cabinet-settings-blc-heading{ border-bottom: 1px solid #B5B6AD; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; } .settings-container .cabinet-settings-blc-heading h3 { font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 16px; color: #2C2C2C; } .cabinet-settings-blc-heading h3{ font-size: 16px; } @media(max-width: 1550px){ .loginRegisterpopup > .popup-container{ transform: scale(0.8); } } .prepublication-block .product-work { background: #F9FBFC; padding-top: 8px; padding-left: 9px; padding-right: 17px; width: 100%; padding-bottom: 8px; } .settings-container .prepublication-block { height: unset!important; } .settings-container .profile-picture{ margin-top: 15px; padding-left: 10px; padding-right: 10px; } .settings-container .profile-picture img{ border-radius: 50%; height: 60px; } .settings-container .profile-picture a{ margin-right: 8px; } .profile-picture .delete-pic{ color: #B5B6AD !important } .mt-15{ margin-top: 15px; } .settings-container .prepublication-block > .cont{ position: relative; } .settings-container .prepublication-block > .cont{ margin-bottom: 0!important; } .settings-container .social-connect{ margin-top: 15px; padding-left: 10px; padding-right: 10px; } .project-items .product-item__title{ opacity: 1!important; } .project-items .product-item{ position: relative; } .project-items .product-item:hover > .grey-back{ transition: 0.3s; display: block; } .grey-back{ display: none; background: rgba(233,233,233,0.6); position: absolute; top:0; left: 0; width: 100%; height: 100%; transition: 0.3s; } .grey-back a{ display: flex; width: 100%; height: 100%; flex-direction: column; align-items:center; justify-content: center; } #projectName{ display: block; width: 100%; height: 100%; padding: 11px 12px; color: #333; font-size: 14px; line-height: 1.4; border: 1px solid #d1cdcd; border-radius: 1px; background-color: #fff; transition: all .15s linear; font-family: Roboto,sans-serif; } #folderName{ display: block; width: 100%; height: 100%; padding: 11px 12px; color: #333; font-size: 14px; line-height: 1.4; border: 1px solid #d1cdcd; border-radius: 1px; background-color: #fff; transition: all .15s linear; font-family: Roboto,sans-serif; } .popup-addtoconstructor{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 99999999; background: rgba(0,0,0,0.5); } .popup-addtoconstructor .popup-inner-const{ width: 400px; padding: 30px; background: white; margin: 10% auto!important; } .popup-addtoconstructor .popup-inner-const h3{ font-size: 16px; font-weight: 700; margin: 0 0 20px; color: #333; } .addProjectWithProduct{ appearance: none; border: none; box-shadow: none; background-color: #373737; color: #9a9a9a; display: inline-block; padding: 11px 30px; text-transform: uppercase; font-size: 14px; font-weight: 700; transition: .2s; cursor: pointer; margin-top: 15px; font-family: Roboto,sans-serif; width: 100%; text-align: center; } .addProjectWithProduct:hover{ text-decoration: none!important; background-color: #9a9a9a!important; color: #373737!important; } .projects-popup-list{ margin-top: 10px; margin-bottom: 10px; } .projects-popup-list span{ font-family: Roboto,sans-serif; font-weight: 700; } .popup-addtoconstructor .projectElement{ appearance: none; border: none; box-shadow: none; background-color: #9a9a9a; color: #373737; display: inline-block; padding: 6px 14px; font-size: 14px; font-weight: 700; transition: .2s; cursor: pointer; margin-bottom:6px; font-family: Roboto,sans-serif; width: 100%; } .popup-addtoconstructor .projectElement:hover{ opacity: 0.8; } .product-special-buttons .save-draft-btn:hover{ background: #27318A !important; color: #B5B6AD!important; } .product-special-buttons .save-draft-btn{ transition: 0.3s; } .upload-picture-form{ margin-top: 10px; } .upload-picture-form input{ width: 100%; padding-top: 7px; margin-right:10px; } .upload-picture-form button{ margin-top: 0; appearance: none; border: none; box-shadow: none; background-color: #373737; color: #9a9a9a; display: inline-block; padding: 6px 15px; text-transform: uppercase; font-size: 14px; font-weight: 700; transition: .2s; cursor: pointer; font-family: Roboto,sans-serif; text-align: center; } .upload-picture-form button:hover{ text-decoration: none!important; background-color: #9a9a9a!important; color: #373737!important; } .connect-button{ margin-top: 0; appearance: none; border: none; box-shadow: none; background-color: #373737; color: #9a9a9a; display: inline-block; padding: 6px 15px; text-transform: uppercase; font-size: 14px; font-weight: 700; transition: .2s; cursor: pointer; font-family: Roboto,sans-serif; text-align: center; } .connect-button:hover{ text-decoration: none!important; background-color: #9a9a9a!important; color: #373737!important; } .delete-project{ position: absolute; top: 1rem; z-index: 9999999; font-size: 20px; color: #CFCFCF; right: 2.6rem; transition: 0.3s; } .menu-project{ position: absolute; top: 1rem; z-index: 9999999; font-size: 20px; color: #CFCFCF; right: 1.6rem; transition: 0.3s; text-shadow: 1px 1px 1px black; } .delete-project:hover, .menu-project:hover{ color: black; text-shadow: 0 0 0 black; } .menu-project-menu{ border: 1px solid black; width: 250px; padding: 10px; box-shadow: 1px 1px 1px rgba(0,0,0,0.5); position: absolute; top: 3.3rem; right: 1.6rem; background: white; z-index: 999999; } .menu-project-menu ul{ margin-left: 0; padding-left: 0; margin-bottom: 0; } .menu-project-menu ul > li{ margin-left: 0; padding-left: 0; border-bottom: 1px solid black; } .menu-project-menu ul > li:last-child{ border: 0; } .menu-project-menu ul > li a{ line-height: 20px; width: 100%; display: block; color: black; font-family: Roboto; transition: 0.3s; text-decoration: none!important; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; } .menu-project-menu ul > li a:hover{ background: #27318A !important; color: white!important; text-decoration: none!important; } .folder-breadcrumbs{ list-style-type: none; } .folder-breadcrumbs li{ list-style-type: none; display: inline-block; } .folder-breadcrumbs li:after{ content: ' > '; } .folder-breadcrumbs li:last-child:after{ content: ''; } .folder-breadcrumbs li a{ color: black; font-family: Roboto; } .closeDeletePopup{ appearance: none; border: none; box-shadow: none; background-color: #9a9a9a; color: #373737; display: inline-block; padding: 11px 30px; text-transform: uppercase; font-size: 14px; font-weight: 700; transition: .2s; cursor: pointer; margin-top: 15px; font-family: Roboto,sans-serif; text-align: center; text-decoration: none!important; } .closeDeletePopup:hover{ background-color: #373737!important; color: #9a9a9a!important; } .closeDeletePopup, .deleteFolderBtn{ width: 150px; } .deleteFolderVars > div{ margin-right: 10px; } .popup-inner-const input{ display: block; width: 100%; height: 100%; padding: 11px 12px; color: #333; font-size: 14px; line-height: 1.4; border: 1px solid #d1cdcd; border-radius: 1px; background-color: #fff; transition: all .15s linear; font-family: Roboto,sans-serif; } .no-btn{ appearance: none; border: none; box-shadow: none; background-color: #9a9a9a; color: #373737; display: inline-block; padding: 11px 30px; text-transform: uppercase; font-size: 14px; font-weight: 700; transition: .2s; cursor: pointer; margin-top: 15px; font-family: Roboto,sans-serif; text-align: center; text-decoration: none!important; } .no-btn:hover{ background-color: #373737!important; color: #9a9a9a!important; } .no-btn, .yes-btn{ width: 150px!important; } .cabinet-sidebar ul li.active .submenu-sidebar{ display: block; } .cabinet-sidebar ul li .submenu-sidebar{ padding-left: 3rem; display: none; } .cabinet-sidebar ul li .submenu-sidebar a{ display: block; color: #000000!important; transition: 0.3s; font-size: 8px; } .cabinet-sidebar ul li .submenu-sidebar a.active,.cabinet-sidebar ul li .submenu-sidebar a:hover{ color: #27318A!important; } .folder-item{ position: relative; border: 1px solid #000000; border-radius: 5px; margin-right: 5px; display: inline-block; padding: 5px 12px; vertical-align: top; color: black; text-decoration: none; transition: 0.3s; cursor: pointer; } .folder-item:hover{ background: black; text-decoration: none!important; color:white!important; } .folder-item a{ color: black; text-decoration: none; transition: 0.3s; } .folder-item a:hover{ text-decoration: none!important; color:white!important; } .folder-item:hover > a{ color:white; } .folder-item .menu-project{ position: absolute; display: inline-block; top: -1px; right: 9px; cursor: pointer; } .folder-item:hover .menu-project i{ color: white; } .folder-item.it-folder{ padding-right: 30px; } .folder-item .menu-project-menu{ top: 2rem; right: 0.6rem; } .folders-list{ width: 100%; margin-bottom: 10px; } .product-item .link-favadd.active{ opacity: 1; } address, dl, ol, ul { margin-bottom: unset!important; } .header-info a:hover{ text-decoration: none!important; color: white!important; } .header-nav a:hover{ text-decoration: none!important; } .filters-col a:hover{ color: #000000!important; text-decoration: none!important; } .filters-col a:hover { color: #000000!important; opacity: .7; } .menu-project { z-index: 9; } .project-filters .filters-block{ height: 60vh; } .product-related__slider .slick-track{ background: rgb(246, 246, 246); } .gototop{ position: fixed; right: 25px; bottom: 25px; display: block; width: 50px; height: 50px; z-index: 10; text-align: center; background: #E3E3E3; color: black; border-radius: 10px; transition: 0.3s; } .gototop i{ font-size: 35px !important; line-height: 45px; } .gototop:hover{ color: #E3E3E3; background: black; } .product-main .product-item__plus{ right: 3rem; bottom: 7rem; } .w-22{ width: 24.3%!important; display: inline-block; } .tabs-selector{ width: 100%; margin-bottom: 0!important; } .tabs-selector .tab-btn{ display: inline-block; padding: 15px 33px; width: 162px; text-align: left; position: relative; } .tabs-selector .tab-btn{ background: #E7E7E7; transition: 0.3s; text-decoration: none; color: #1F1F1F; } .tabs-selector .tab-btn.active{ background: #FFF1F1; } .tabs-selector .tab-btn:hover{ background: #FFF1F1; text-decoration: none; } .tabs-selector .tab-btn .delete-color{ position: absolute; top: 15px; right: 33px; cursor: pointer; } .tabs-selector .add-color-btn{ padding: 13px 13px; margin-left: 10px; } .tabs-selector .add-color-btn2{ padding: 13px 13px; margin-left: 10px; } .tabs-selector .color-tab-btn{ margin-left: -4px; } .tabs-selector .add-color-btn2:hover{ color: #1F1F1F; opacity: 0.7; } .tabs-selector .add-color-btn:hover{ color: #1F1F1F; opacity: 0.7; } .cabinet-container .tab{ background: white; padding: 8px; } .notifyjs-corner { z-index: 99999999999!important; } .prepublication-block .product-item__balance{ display: none!important; } .inspirations-board-wrap .product-item__img img { width: 100%!important; height: 100%!important; object-fit: cover!important; } .inspirations-board-wrap .product-item { padding: 0!important; } .inspirations-board-wrap .product-item__img { width: 100%!important; height: 100%!important; } .inspirations-board-wrap .product-item__title{ position: absolute; bottom: 1.6rem; left: 1.6rem; } .profile-country{ font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 8px; line-height: 8px; /* or 100% */ text-indent: 1px; color: #8C8585; margin-top: 3px; } .widget-modal__inner .icon-close{ color: black!important; } .widget-modal__inner .icon-close::before{ color: black!important; }