@charset "UTF-8";
/* CSS Document */

.kb-mobile-only {
 display:none
}
.routeOneKitBuilderWrapper .kb-wrapper {
 color:#000!important;
 background:none!important;
 overflow:hidden!important;
 text-align:left!important;
 line-height:normal!important;
 font-family: 'Montserrat', sans-serif!important;
}
.kb-wrapper * {
 text-transform:none!important;
 line-height:normal!important;
 background:none
}
.kb-wrapper *:before,
.kb-wrapper *:after {
 content:none
}
.kb-wrapper .kb-hide-contents-from-view {
 width:0!important;
 height:0!important;
 overflow:hidden!important
}
.kb-wrapper .kb-svg-editor-wrapper svg {
 max-width:none!important;
 max-height:none!important
}
.routeOneKitBuilderWrapper .kb-wrapper h1,
.routeOneKitBuilderWrapper .kb-wrapper h2,
.routeOneKitBuilderWrapper .kb-wrapper h3,
.routeOneKitBuilderWrapper .kb-wrapper h4,
.routeOneKitBuilderWrapper .kb-wrapper h5,
.routeOneKitBuilderWrapper .kb-wrapper h6,
.routeOneKitBuilderWrapper .kb-wrapper input,
.routeOneKitBuilderWrapper .kb-wrapper p,
.routeOneKitBuilderWrapper .kb-wrapper li,
.routeOneKitBuilderWrapper .kb-wrapper div,
.routeOneKitBuilderWrapper .kb-wrapper q,
.routeOneKitBuilderWrapper .kb-wrapper cite,
.routeOneKitBuilderWrapper .kb-wrapper blockquote,
.routeOneKitBuilderWrapper .kb-wrapper span {
font-family: 'Montserrat', sans-serif!important;
 color:#000!important;
 font-style:normal!important;
 min-height:0!important
}

.routeOneKitBuilderWrapper .kb-wrapper div{ 
}

.kb-wrapper ul {
 display:block
}
.routeOneKitBuilderWrapper .kb-wrapper label {
    font-family: 'Orbitron', sans-serif!important;
    color:#204264!important;
    font-weight: normal!important;
    font-size:18px!important;
 display:inline!important;
}

.routeOneKitBuilderWrapper .kb-custom-form-label-wrap{
    height:30px!important;
    padding-top:20px!important;
}


.kb-wrapper *,
.kb-wrapper *:before,
.kb-wrapper *:after {
 -webkit-box-sizing:content-box!important;
 -moz-box-sizing:content-box!important;
 box-sizing:content-box!important
}
.kb-wrapper input,
.kb-wrapper select,
.kb-wrapper textarea {
 background:none!important;
 width:auto!important;
 height:auto!important;
 max-width:100%!important
}
.kb-wrapper a,
.kb-wrapper a:link {
 color:#333!important;
 text-decoration:none!important;
}
.routeOneKitBuilderWrapper .kb-wrapper a:hover {
 color:#FF6C00!important;
}
.kb-wrapper .kb-group:before,
.kb-wrapper .kb-group:after {
 content:""!important;
 display:table!important
}
.kb-wrapper .kb-group:after {
 clear:both!important
}
.kb-wrapper .kb-group {
 zoom:1!important
}
.kb-wrapper .ng-cloak {
 display:none!important
}
.kb-wrapper .kb-clear {
 clear:both!important
}
.kb-wrapper .kb-debug {
 background:#000!important;
 color:#efefef!important;
 font-family:monospace!important;
 font-size:9px;
 padding:5px!important;
 position:fixed!important;
 right:0!important;
 text-align:right!important;
 top:0!important;
 max-width:40%;
 opacity:.8
}
.kb-wrapper .kb-debug * {
 color:#efefef!important
}
.kb-wrapper .kb-debug td div {
 max-height:40px;
 overflow:auto
}
.kb-wrapper .kb-notifications {
 display:block;
 position:fixed;
 right:10px;
 top:50px;
 max-width:40%;
 z-index:9999
}
.kb-wrapper .kb-notifications .kb-alert {
 padding:10px!important;
 margin-bottom:10px!important
}
.kb-wrapper .kb-notifications .kb-alert a,
.kb-wrapper .kb-notifications .kb-alert a:link,
.kb-wrapper .kb-notifications .kb-alert a:hover,
.kb-wrapper .kb-notifications .kb-alert a:visited {
 text-decoration:underline!important
}
.kb-wrapper .kb-notifications .kb-alert.kb-alert-success {
 background-color:#dff0d8!important;
 border-color:#d6e9c6!important
}
.kb-wrapper .kb-notifications .kb-alert.kb-alert-warning {
 border:#faebcc solid 1px!important;
 background-color:#fcf8e3!important
}
.kb-wrapper .kb-notifications .kb-alert.kb-alert-error {
 border:#953b39 solid 1px!important;
 background-color:#f2dede!important
}
.kb-wrapper .kb-strong {
 color:#000!important;
 font-weight:bold!important;
 text-decoration:underline!important
}
.kb-wrapper .kb-icon {
 display:inline!important;
 line-height:14px!important;
 margin-right:5px!important;
 position:relative!important;
 top:1px!important
}
.kb-wrapper .kb-disabled-plain {
 pointer-events:none
}
.kb-wrapper .kb-disabled {
 cursor:default!important;
 opacity:.6!important;
 pointer-events:none
}
.kb-wrapper[class*=kb-saving] * {
 cursor:wait!important
}
.kb-wrapper .kb-icon-cash:before {
 content:url(/client/css/skin/icon-cash.png)!important
}
.kb-wrapper .kb-icon-trash:before {
 content:url(/client/css/skin/icon-trash.png)!important
}
.kb-wrapper .kb-icon-mail:before {
 content:url(/client/css/skin/icon-mail.png)!important
}
.kb-wrapper .kb-icon-print:before {
 content:url(/client/css/skin/icon-print.png)!important
}
.kb-wrapper .kb-icon-pdf:before {
 content:url(/client/css/skin/icon-pdf.png)!important
}
.kb-wrapper .kb-icon-warning:before {
 content:url(/client/css/skin/icon-warning.png)!important
}
.kb-wrapper .kb-icon-pencil:before {
 content:url(/client/css/skin/icon-pencil.png)!important
}
.kb-wrapper .kb-icon-basket:before {
 content:url(/client/css/skin/icon-basket.png)!important
}
.kb-wrapper .kb-icon-locker-room:before {
 content:url(/client/css/skin/icon-hanger.png)!important
}
.kb-wrapper .kb-icon-buy:before {
 content:url(/client/css/skin/icon-cart.png)!important
}
.kb-wrapper .kb-icon-link:before {
 content:url(/client/css/skin/icon-link.png)!important;
 top:2px;
 position:relative
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-button {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c5987+1,1f4061+100 */
background-color: #2c5987!important; /* Old browsers */
background: -moz-linear-gradient(top,  #2c5987 1%, #1f4061 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2c5987 1%,#1f4061 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2c5987 1%,#1f4061 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c5987', endColorstr='#1f4061',GradientType=0 )!important; /* IE6-9 */
 float:left!important;
 font-size:12px!important;
 font-weight:bold!important;
 padding:6px 0!important;
 text-align:center!important;
 text-decoration:none!important;
 cursor:pointer!important;
    margin-left:10px!important;
}
.kb-wrapper .kb-button-inline {
 float:none!important;
 display:inline-block;
 padding-left:5px!important;
 padding-right:5px!important
}
.kb-wrapper .kb-button-small {
 height:8px!important;
 line-height:8px!important
}
.kb-wrapper .kb-button[disabled] {
 opacity:.5;
 cursor:default!important
}
.kb-wrapper .kb-button-padding {
 padding-left:5px!important;
 padding-right:5px!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-button:hover:not([disabled]) {
 background: #FF6C00!important;
}
.kb-wrapper .kb-button:visited,
.kb-wrapper .kb-button:link {
 color:#fff!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-button-light {
background-color: #2c5987!important; /* Old browsers */
background: -moz-linear-gradient(top,  #2c5987 1%, #1f4061 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2c5987 1%,#1f4061 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2c5987 1%,#1f4061 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c5987', endColorstr='#1f4061',GradientType=0 )!important; /* IE6-9 */
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-button-light:hover {
background: #FF6C00!important;
}
.kb-wrapper .kb-button:active {
 position:relative!important;
 top:1px!important
}
.kb-wrapper .kb-text-box {
 background-color:#fff!important;
 border:1px solid #aaa!important;
 color:#555!important;
 font-size:inherit!important;
 margin:0!important;
 overflow:hidden!important;
 padding-bottom:2px!important;
 padding-top:2px!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important;
 width:100%!important;
 box-sizing:border-box!important
}
.kb-wrapper .kb-text-box.kb-integer {
 width:45px!important
}
.kb-wrapper .kb-text-area {
 overflow-y:scroll!important;
 height:65px!important;
 white-space:normal!important
}
.kb-wrapper .kb-select,
.kb-wrapper .kb-select-color {
 width:100%!important
}
.kb-wrapper .select2-container .select2-choice .select2-arrow {
 width:27px!important;
 border:none!important
}
.kb-wrapper .select2-container .select2-choice .select2-arrow b {
 background:url(/client/css/skin/dropdown.png)!important
}
.kb-wrapper .select2-container .select2-choice,
.kb-wrapper .select2-dropdown-open .select2-choice {
 background:#fff!important;
 filter:none!important;
 -ms-filter:none!important
}
.kb-wrapper .select2-container .select2-choice,
.kb-wrapper .select2-dropdown-open .select2-choice,
.kb-wrapper .select2-container .select2-choice div {
 -webkit-border-radius:0!important;
 -moz-border-radius:0!important;
 border-radius:0!important
}
.select2-container .select2-choice>.select2-chosen {
 line-height:2.2em!important
}
.kb-select2 *:before,
.kb-select2 *:after {
 content:none
}
.kb-select2 .select2-results,
.kb-select2 .select2-no-results {
 font-family:sans-serif!important;
 font-size:12px!important
}
.kb-select2 {
 text-align:left!important
}
.kb-select2 li {
 margin:0;
 padding:0
}
.kb-wrapper .kb-wizard-form-field-type-dropdown .select2-container {
 display:block!important
}
.kb-wrapper .select2-container .select2-choice .select2-arrow {
 width:27px!important;
 border:none!important
}
.ui-select-container *:before,
.ui-select-container *:after {
 content:none
}
.select2-dropdown-open .select2-choice,
.ui-select-container .select2-results,
.ui-select-container .select2-no-results {
 font-family:sans-serif!important;
 font-size:12px!important
}
.ui-select-search-hidden {
 display:none
}
.kb-wrapper .kb-radio-buttons .kb-radio-input {
 vertical-align:middle!important;
 cursor:pointer!important
}
.kb-wrapper .kb-radio-buttons .kb-radio-label {
 cursor:pointer!important;
 vertical-align:middle!important
}
.kb-wrapper .kb-tile-picker-base {
 position:relative!important;
 margin-left:-4px!important
}
.kb-wrapper .kb-tile-picker-list-item {
 float:left!important
}
.kb-wrapper .kb-tile-picker-label {
 overflow:hidden!important
}
.kb-wrapper .kb-tile-picker-radio {
 position:absolute!important;
 left:-9999px!important;
 top:-9999px!important;
 width:0!important;
 height:0!important
}
.kb-wrapper .kb-tile-picker-tile {
 cursor:pointer!important;
 width:20px!important;
 height:20px!important;
 float:left!important;
 margin:0 0 4px 4px!important;
 position:relative!important;
 border:solid 1px #ccc!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-tile-picker-tile img {
 width:35px;
 height:35px
}
.kb-wrapper .kb-tile-picker-tile.kb-tile-picker-tile-images {
 cursor:pointer!important;
 width:64px!important;
 height:64px!important;
 float:left!important;
 margin:0 0 4px 4px!important;
 position:relative!important;
 border:solid 1px #ccc!important
}
.kb-wrapper .kb-tile-picker-tile.kb-tile-picker-tile-images img {
 width:100%;
 height:100%
}
.kb-wrapper .kb-tile-picker-radio:checked+.kb-tile-picker-tile {
 border-color:#000!important
}
.kb-wrapper .kb-tile-picker-radio-selected:after,
.kb-wrapper .kb-tile-picker-radio:checked+.kb-tile-picker-tile:after {
 content:url(/client/css/skin/tick.png);
 position:absolute!important;
 right:-6px!important;
 top:-8px!important
}
.kb-wrapper .kb-tile-picker-selected {
 margin-left:4px!important
}
.kb-wrapper .kb-dsi-desc {
 margin-left:4px!important
}
.kb-wrapper .kb-tile-zoom-picker-image {
 position:absolute!important;
 right:5px!important;
 top:27px!important;
 pointer-events:none!important;
 border:solid 1px #333!important;
 background:#fff!important;
 z-index:100!important
}
.kb-wrapper .kb-tile-zoom-picker-image img {
 display:block!important
}
.kb-wrapper .kb-html-tile-picker-base {
 position:relative!important
}
.kb-wrapper .kb-html-tile-picker {
 display:flex!important;
 flex-wrap:nowrap;
 flex-direction:column!important;
 padding:0!important
}
.kb-wrapper .kb-html-tile-picker-list-item {
 border:solid 1px #ccc!important;
 position:relative!important;
 padding:5px!important;
 margin:0!important;
 margin:0 0 5px!important
}
.kb-wrapper .kb-html-tile-picker-list-item,
.kb-wrapper .kb-html-tile-picker-list-item * {
 cursor:pointer!important
}
.kb-wrapper .kb-html-tile-picker-radio {
 position:absolute!important;
 left:-9999px!important;
 top:-9999px!important;
 width:0!important;
 height:0!important
}
.kb-wrapper .kb-html-tile-picker-tile p:first-child {
 margin-top:0!important
}
.kb-wrapper .kb-html-tile-picker-tile p:last-child {
 margin-bottom:0!important
}
.kb-wrapper .kb-html-tile-picker-radio:checked+.kb-html-tile-picker-tile {
 border-color:#000!important
}
.kb-wrapper .kb-html-tile-picker-radio-selected:after,
.kb-wrapper .kb-html-tile-picker-radio:checked+.kb-html-tile-picker-tile:after {
 content:url(/client/css/skin/tick.png);
 position:absolute!important;
 right:-6px!important;
 top:-8px!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-tile-picker .kb-tile-picker-tile {
 width:35px!important;
 height:35px!important
}
.kb-wrapper .kb-pattern-transform {
 margin-left:-20px!important
}
.kb-wrapper .kb-pattern-transform-slider {
 height:60px!important;
 width:43%!important;
 width:calc((50%) - 20px)!important;
 float:left!important;
 margin-left:20px!important
}
.kb-wrapper .kb-pattern-transform-slider .kb-wizard-form-label-full-width {
 font-size:93%!important
}
.kb-wrapper .kb-pattern-transform-slider-control {
 margin-top:10px!important
}
.kb-wrapper .kb-transform-reset {
 float:right!important;
 font-weight:bold!important
}
.kb-wrapper .kb-overlay-wrapper {
 position:relative!important
}
.kb-wrapper .kb-svg-editor-wrapper {
 position:absolute!important;
 left:0!important;
 top:0!important;
 overflow:hidden!important
}
.kb-wrapper .kb-all-svg-wrapper #canvasBackground rect {
 display:none
}
.kb-wrapper .kb-2d .kb-all-svg-wrapper-view-0 [kb-editor-item-view=Back] {
 display:none
}
.kb-wrapper .kb-2d .kb-all-svg-wrapper-view-1 [kb-editor-item-view=Front] {
 display:none
}
.kb-wrapper .kb-print-view-visible .kb-all-svg-wrapper {
 position:absolute!important;
 left:0!important;
 top:0!important;
 background:#fff!important
}
.kb-wrapper .kb-print-view-visible .kb-all-svg-wrapper .kb-hide-from-clientside-2d-view {
 display:none
}
.kb-wrapper .kb-print-view-visible .kb-svg-wrapper {
 position:absolute!important;
 left:0!important;
 top:0!important;
 overflow:hidden!important
}
.kb-wrapper .kb-software-render-mode {
 position:absolute!important;
 right:10px!important;
 bottom:40px!important
}
.kb-wrapper .kb-select-color-preview,
.kb-select2 .kb-select-color-preview,
.kb-select-color .kb-select-color-preview {
 display:inline-block!important;
 margin-bottom:0!important;
 width:1em!important;
 height:1em!important;
 margin-right:5px!important;
 bottom:-2px!important;
 position:relative!important;
 border:1px solid #aaa!important
}
.kb-wrapper .kb-select-color-wrapper {
 height:70px;
 width:180px
}
.kb-wrapper .kb-select-color-wrapper .kb-select-color-picker-preview {
 display:inline-block!important;
 width:70px!important;
 height:70px!important;
 float:left!important;
 border:1px solid #aaa!important;
 box-sizing:border-box!important
}
.kb-wrapper .kb-separator {
 background-color:#ccc!important;
 border:0!important;
 clear:both!important;
 height:1px!important;
 margin:10px 0!important;
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-partial-wrap {
    display:block;
    align:center!important;
    float:none;
    margin:0 auto;
    max-width:100%!important;
}
.routeOneKitBuilderWrapper .kb-wrapper div{
    align:center!important; 
    margin:0 auto!important;
    padding:20px;
}

.routeOneKitBuilderWrapper  .kb-wrapper {
    /*border:1px solid red !important;*/
}

.kb-final-page ng-scope
.kb-wrapper .kb-slider {
 padding-top:9px!important
}
.kb-wrapper .kb-editor {
    
}
.kb-wrapper .kb-wizard-form-row.kb-field-editor {
 padding-top:0!important;
 padding-bottom:0!important
}
.kb-wrapper .kb-editor-images {
 padding-top:10px!important;
 position:relative!important;
 margin-left:-10px!important;
 overflow:hidden!important
}
.kb-wrapper .kb-editor-images .kb-editor-image,
.kb-wrapper .kb-editor-images .kb-editor-folder {
 cursor:pointer!important;
 margin:0 0 9px 9px!important;
 float:left!important;
 position:relative!important
}
.kb-wrapper .kb-editor-images .kb-editor-image-uploading {
 width:64px!important;
 height:64px!important;
 background:url(/client/css/skin/spinner.svg) no-repeat center center
}
.kb-wrapper .kb-editor-images .kb-editor-image-thumb,
.kb-wrapper .kb-editor-images .kb-editor-folder {
 width:64px!important;
 height:64px!important;
 border:2px solid #ccc!important;
 border-radius:9px!important;
 background:#fff!important
}
.kb-wrapper .kb-editor-images .kb-editor-image-thumb-text-overlay {
 position:absolute;
 top:0;
 left:0;
 padding:2px;
 width:100%;
 text-align:center;
 font-size:10px!important;
 background:rgba(255,255,255,.7)
}
.kb-wrapper .kb-editor-images .kb-editor-open-folder-link {
 position:absolute;
 top:0;
 left:0;
 padding:2px;
 width:100%;
 height:100%
}
.kb-wrapper .kb-editor-images .kb-editor-placement-new-image-label {
 width:64px!important;
 height:64px!important;
 display:block!important;
 background:url(/client/css/skin/add.png) no-repeat center center;
 cursor:pointer!important
}
.kb-wrapper .kb-editor-images .kb-editor-placement-new-image-label input {
 width:.1px!important;
 height:.1px!important;
 opacity:0!important;
 overflow:hidden!important;
 position:absolute!important;
 z-index:-1!important
}
.kb-wrapper .kb-editor-placed-images-heading,
.kb-wrapper .kb-unapproved-images-heading,
.kb-wrapper .kb-approved-images-heading {
 border-top:solid 1px #ccc!important;
 background:rgba(51,51,51,.4)!important;
 color:#fff!important;
 padding:8px 10px!important;
 font-weight:bold!important;
 cursor:pointer!important;
 margin-top:5px!important
}
.kb-wrapper .kb-editor-placed-image-selected:after {
 content:url(/client/css/skin/tick.png);
 position:absolute!important;
 right:-6px!important;
 top:-8px!important
}
.kb-wrapper .kb-editor-custom-font-color-field-name {
 margin:5px 0!important
}
.kb-wrapper .kb-remove-image-from-library,
.kb-wrapper .kb-remove-image-item,
.kb-wrapper .kb-remove-text-item {
 position:absolute;
 right:-6px;
 bottom:-4px;
 width:25px!important;
 height:25px!important;
 background:url(/client/css/skin/icon-bin.svg) no-repeat;
 background-size:contain
}
.kb-wrapper .kb-remove-text-item {
 right:-5px!important;
 bottom:3px!important
}
.kb-wrapper .kb-add-text-help {
 text-align:right!important;
 margin-top:10px!important
}
.kb-wrapper .kb-editor-placed-texts {
 padding-top:10px!important;
 padding-bottom:10px!important
}
.kb-wrapper .kb-editor-text {
 display:inline-block;
 border:solid 1px #ccc!important;
 padding:7px 2px!important;
 margin:0!important;
 width:calc((100%) - 20px)!important;
 box-sizing:border-box!important;
 background-color:#fff!important;
 color:#555!important
}
.kb-wrapper .kb-with-font-sizes .kb-editor-text {
 width:calc((100%) - 120px)!important
}
.kb-wrapper .kb-editor-font-size {
 display:inline-block;
 width:90px!important;
 position:relative!important;
 padding:6px 0;
 margin-left:3px!important;
 vertical-align:bottom!important;
 box-sizing:border-box!important;
 border:solid 1px #ccc!important
}
.kb-wrapper .kb-editor-placed-text {
 position:relative!important;
 margin-top:5px!important
}
.kb-wrapper .kb-editor-text:first-child {
 margin-top:0!important
}
.kb-wrapper .kb-editor-placed-text-selected {
}
.kb-wrapper .kb-editor-placed-text-selected:after {
 content:url(/client/css/skin/tick.png);
 position:absolute!important;
 right:-5px!important;
 top:-8px!important
}
.kb-wrapper .kb-editor-placement-new-text {
 float:right!important;
 width:42px!important;
 height:42px!important;
 background:url(/client/css/skin/add.png) no-repeat center center
}
.kb-wrapper .kb-editor-text-controls {
 clear:both!important;
 opacity:.3!important;
 pointer-events:none;
 padding-top:10px!important
}
.kb-wrapper .kb-editor-text-controls-text-selected {
 opacity:1!important;
 pointer-events:all
}
.kb-wrapper .kb-editor .kb-tile-picker-base {
 clear:both!important;
 padding-top:8px!important
}
.kb-wrapper .kb-editor-font-button {
 float:left!important;
 width:26px!important;
 height:26px!important;
 line-height:26px!important;
 text-align:center!important;
 font-size:15px!important;
 border:solid 1px #ccc!important;
 margin-right:3px!important;
 background-color:#ccc!important
}
.kb-wrapper .kb-editor-font-button-selected {
 background-color:#ccc!important
}
.kb-wrapper .kb-editor-bold {
 font-weight:bold!important
}
.kb-wrapper .kb-editor-italic {
 font-style:italic!important
}
.kb-wrapper .kb-editor-italic-selected {
}
.kb-wrapper .kb-editor-font-family {
 width:calc((100%) - 26px - 26px - 5px - 5px)!important;
 float:left!important;
 position:relative!important
}
.kb-wrapper .kb-editor .kb-editor-tabs {
 overflow:hidden!important
}
.kb-wrapper .kb-editor .kb-editor-tabs.kb-editor-tabs-length {
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between
}
.kb-wrapper .kb-editor .kb-editor-tabs.kb-editor-tabs-length li {
 flex:1 0 25%;
 margin:1%!important;
 margin-bottom:2%!important;
 margin-top:0!important
}
.kb-wrapper .kb-editor .kb-editor-tabs.kb-editor-tabs-length a {
 width:100%!important
}
.kb-wrapper .kb-editor .kb-editor-tabs .kb-button {
 width:50%!important;
 box-sizing:border-box!important;
 opacity:.6!important;
 cursor:default!important
}
.kb-wrapper .kb-editor .kb-editor-tabs .kb-editor-tab-selected {
 opacity:1!important;
 cursor:pointer!important
}
.kb-wrapper .kb-editor-info {
 position:relative!important;
 min-height:20px!important;
 overflow:hidden!important
}
.kb-wrapper .kb-editor-info .kb-button {
 opacity:.8!important;
 padding-left:5px!important;
 padding-right:5px!important;
 margin-right:5px!important;
 margin-top:5px!important
}
.kb-wrapper .kb-editor-file-upload-error {
 color:#900!important;
 font-weight:bold!important
}
.kb-wrapper .kb-editor-buttons {
 width:280px!important;
 margin:0 auto!important;
 position:relative!important;
 text-align:center
}
.kb-wrapper .kb-loading .kb-editor-buttons {
 display:none!important
}
.kb-wrapper .kb-editor-buttons:before {
 background:#ebebeb!important;
 border-radius:5px!important;
 height:27px!important;
 width:100%!important;
 border:solid 1px #000!important;
 position:absolute!important;
 content:""!important;
 left:0!important;
 top:7px!important
}
.kb-wrapper .kb-editor-buttons a.kb-editor-button {
 width:42px!important;
 height:42px!important;
 display:inline-block!important;
 background:#fff no-repeat;
 background-size:65%;
 background-position:50%!important;
 position:relative;
 border-radius:7px!important;
 border:solid 1px #999!important;
 padding:0!important;
 margin:0 1px
}
.kb-wrapper .kb-editor-buttons a.kb-editor-button:active {
 background-color:#f2f2f2
}
.kb-wrapper .kb-editor-buttons a.kb-editor-scale-down {
 background-image:url(/client/css/skin/editor-svg/scale-down.svg)!important
}
.kb-wrapper .kb-editor-buttons a.kb-editor-scale-up {
 background-image:url(/client/css/skin/editor-svg/scale-up.svg)!important
}
.kb-wrapper .kb-editor-buttons a.kb-editor-rotate-left {
 background-image:url(/client/css/skin/editor-svg/rotate.svg)!important;
 transform:rotate(-90deg)!important;
 background-position:50% 91%!important
}
.kb-wrapper .kb-editor-buttons a.kb-editor-rotate-right {
 background-image:url(/client/css/skin/editor-svg/rotate.svg)!important;
 transform:rotate(90deg) scaleX(-1)!important;
 background-position:50% 91%!important
}
.kb-wrapper .kb-editor-buttons a.kb-editor-remove {
 background-image:url(/client/css/skin/editor-svg/trash.svg)!important
}
.kb-wrapper .kb-editor-buttons a.kb-editor-hide {
 background-image:url(/client/css/skin/editor-svg/red-x.svg)!important;
 border-radius:100%!important;
 width:15px!important;
 height:15px!important;
 right:-11px!important;
 top:13px!important;
 position:absolute;
 background-size:58%
}
.kb-wrapper .kb-editor-slider-wrapper {
 width:100%!important;
 display:flex;
 flex-wrap:wrap!important;
 margin:10px 0!important
}
.kb-wrapper .kb-editor-slider {
 flex:1 0 100%!important;
 display:flex;
 justify-content:flex-start!important;
 align-items:center!important;
 margin-bottom:5px!important
}
.kb-wrapper .kb-editor-slider-value {
 margin-right:5px!important
}
.kb-wrapper .kb-editor-slider-label {
 margin-right:5px!important
}
.kb-wrapper .kb-editor-slider-input {
 margin-left:5px!important
}
.kb-wrapper .kb-upload-clipart {
 width:42px!important;
 height:42px!important;
 background:url(/client/css/skin/add.png) no-repeat center center;
 font-size:0;
 display:inline-block!important
}
.kb-wrapper .kb-upload-clipart input[type="file"] {
 display:inline-block!important;
 width:100%!important;
 height:100%!important;
 opacity:0;
 cursor:pointer!important
}
.kb-wrapper .kb-upload-clipart span {
 display:none
}
.kb-wrapper .kb-editor-clipart-button.kb-button {
 opacity:.8!important;
 padding-left:5px!important;
 padding-right:5px!important;
 margin-right:5px!important;
 margin-top:5px!important
}
.kb-wrapper .kb-upload-clipart.ng-hide {
 display:none!important
}
.kb-wrapper .kb-addons-images {
 padding-top:10px!important;
 position:relative!important;
 margin-left:-10px!important;
 overflow:hidden!important
}
.kb-wrapper .kb-addons-images .kb-addons-image {
 cursor:pointer!important;
 margin:0 0 9px 9px!important;
 float:left!important;
 position:relative!important
}
.kb-wrapper .kb-addons-images .kb-addons-image-thumb {
 width:64px!important;
 height:64px!important;
 border:2px solid #ccc!important;
 border-radius:9px!important;
 background:#fff!important
}
.kb-wrapper .kb-library-file-output-type {
 position:absolute;
 bottom:0;
 left:0;
 padding:2px;
 width:100%;
 text-align:center;
 font-size:10px!important;
 background:rgba(255,255,255,.7)
}
.kb-wrapper .kb-colorlist .kb-color-preview {
 display:inline-block!important;
 height:20px!important;
 width:20px!important
}
.kb-wrapper .kb-editor-toggle-stroke {
 padding-top:10px!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-nav-panel-inner {
	display:none;
 padding:20px 10px 10px!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-nav-title {
	display:none;
 font-size:18px!important;
 font-weight:normal!important;
 margin:0!important;
 padding:0 0 5px 0!important
}
.kb-wrapper .kb-nav-mobile-menu {
 display:none!important
}
.kb-wrapper .kb-nav-panel {
 float:left!important;
 max-width:160px!important
}
.kb-wrapper .kb-nav {
 margin:0!important;
 padding:0!important
}
.kb-wrapper .kb-nav .kb-nav-item-inactive {
 opacity:.4!important
}
.kb-wrapper .kb-nav .kb-nav-item-1:first-child {
 border-top:dotted 1px #ccc!important
}
.kb-wrapper .kb-nav .kb-nav-item-1 {
 border-bottom:dotted 1px #ccc!important;
 font-size:12px!important;
 list-style:none!important;
 margin:0!important;
 padding:8px 0!important
}
.kb-wrapper .kb-nav .kb-nav-item-1 .kb-nav-item {
 margin:10px 0 10px 10px!important;
 display:none
}
.kb-wrapper .kb-nav .kb-nav-item-1 .kb-nav-item:last-child {
 margin-bottom:0!important;
 margin-left:10px!important
}
.kb-wrapper .kb-nav .kb-nav-item-parent-selected>ul>.kb-nav-item {
 display:block
}
.kb-wrapper .kb-nav .kb-nav-item-selected>a {
 font-weight:bold!important
}
.kb-wrapper .kb-nav .kb-nav-link {
 padding:0 8px!important
}
.kb-wrapper .kb-button.kb-basket-button {
 margin-top:5px!important;
 padding:6px 5px!important;
 padding-right:12px!important
}
.kb-wrapper .kb-button.kb-locker-room-button {
 margin-top:5px!important;
 padding:6px 5px!important
}
.kb-wrapper .kb-content h1 {
 font-size:123.1%!important;
 margin:0 0 5px 0!important
}
.kb-wrapper .kb-content h2 {
 font-size:108%!important;
 margin:0 0 5px 0!important
}
.kb-wrapper .kb-content h3 {
 font-size:100%!important;
 margin:0 0 5px 0!important
}
.kb-wrapper .kb-content p {
 margin:10px 0!important
}
.kb-wrapper .kb-content em {
 font-style:italic!important
}
.kb-wrapper .kb-content strong {
 font-weight:bold!important
}
.kb-wrapper .kb-content em strong,
.kb-wrapper .kb-content strong em {
 font-style:italic!important;
 font-weight:bold!important
}
.kb-wrapper .kb-content code {
 font-family:monospace!important
}
.kb-wrapper .kb-content a {
 text-decoration:underline!important
}
.kb-wrapper .kb-content ul {
 margin:10px 0!important
}
.kb-wrapper .kb-content ul li {
 margin:2px 20px!important;
 list-style:disc!important;
 list-style-image:none!important;
 list-style-position:outside!important
}
.kb-wrapper .kb-content ol {
 margin:10px 0!important
}
.kb-wrapper .kb-content ol li {
 margin:2px 20px!important;
 list-style:decimal!important;
 list-style-image:none!important;
 list-style-position:outside!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-breadcrumbs {
 font-size:12px!important;
 margin:0!important;
 margin:20px 0px 30px 0px!important;
 padding:0!important
}
.kb-wrapper .kb-breadcrumb,
.kb-wrapper .kb-breadcrumb-selected {
 font-size:12px!important;
 display:inline;
}
.kb-wrapper .kb-breadcrumb a {
 color:#666!important;
}
.kb-wrapper .kb-breadcrumb:after {
 content:" »"!important;
 position:relative!important;
 top:-1px!important
}
.kb-wrapper .kb-category-page {
}
.kb-wrapper .kb-category-page {
 clear:both!important
}
.kb-wrapper .kb-category-page .kb-catalog-product-heading {
 font-size:18px!important;
 font-weight:normal!important;
 margin:0!important;
 padding:0 0 5px 0!important
}
.kb-wrapper .kb-categories {
 clear:both!important;
 padding:0!important;
 margin:0 0 0 -10px!important;
 position:relative!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-categories .kb-category {
    border: 1px solid #bbb!important;
    background-color:#ffffff!important;
    display:inline;
    align:center;
    margin-left:3%!important;
    margin-bottom:45px!important;
    overflow:hidden!important;
    position:relative!important;
    height:290px;
    width:290px;
}

.kb-wrapper .kb-categories .kb-category-link {
background-color: #fff;
 color:#fff!important;
 display:block!important;
 text-decoration:none!important;
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-categories .kb-category-active:hover {
 border-color:#FF6C00!important;
}

.routeOneKitBuilderWrapper .kb-wrapper .kb-categories .kb-category-name {
 background:#1F4163!important;
    margin-top:30px;
 display:block!important;
 font-size:16px!important;
 height:40px!important;
 line-height:40px!important;
	overflow:hidden!important;
	text-align:center!important;
	text-wrap:none!important;
	width:290px!important;
	color:#fff!important;
	font-weight:600!important;
	text-transform:uppercase!important;
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-categories .kb-category-img {
    display:block!important;
    margin:20px auto 0;
    align:center;
    height:200px!important;
    width:238px!important;
}
.kb-wrapper .kb-categories .kb-category-inactive {
 opacity:.2!important
}
.kb-wrapper .kb-designs {
 clear:both!important;
 padding:0!important;
 margin:0 0 0 -10px!important;
 position:relative!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-designs .kb-design {
 border: 1px solid #bbb!important;
    background-color:#ffffff!important;
    display:inline;
    align:center;
    margin-left:4%!important;
    margin-bottom:50px!important;
    overflow:hidden!important;
    position:relative!important;
    height:290px;
    width:290px;
}
.kb-wrapper .kb-designs .kb-design-link {
 color:#fff!important;
 display:block!important;
 text-decoration:none!important;
 padding-bottom:20px!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-designs .kb-design-active:hover {
 border-color:#FF6C00!important;
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-designs .kb-design-name {
  background:#1F4163!important;
    margin-top:30px;
 display:block!important;
 font-size:16px!important;
 height:40px!important;
 line-height:40px!important;
 overflow:hidden!important;
 text-align:center!important;
 text-wrap:none!important;
 width:290px!important;
 color:#fff!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-designs .kb-design-img {
 display:block!important;
    margin:20px auto 0;
    align:center;
    height:240px!important;
    width:238px!important;
}
.kb-wrapper .kb-designs .kb-design-inactive {
 opacity:.3!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-customise-page .kb-preview-panel {
    display:inline;
    float:left!important;
    width:397px!important;
    border:1px solid #bbb;
        background-color:#ffffff!important;
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-customise-page .kb-preview-image {
 border:none!important;
 position:relative!important;
 width:397px!important
}
.kb-wrapper .kb-3d-wrapper {
 width:397px;
 height:565px
}
.kb-wrapper .kb-3d-wrapper:fullscreen {
 background:#fff
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-3d-wrapper:after {
 content:url(/client/css/skin/spin.png)!important;
 position:absolute!important;
 bottom:32px!important;
 left:10px!important;
 pointer-events:none
}
.kb-wrapper .kb-hide-3d-spin-logo .kb-3d-wrapper:after {
 content:none!important
}
.kb-wrapper .kb-error-graphics-load {
 color:#900!important;
 font-weight:bold!important;
 height:595px!important;
 line-height:595px!important;
 text-align:center!important
}
.kb-wrapper .kb-debug-panel {
 position:absolute;
 right:0!important;
 bottom:0!important;
 background:rgba(255,255,255,.9);
 padding:5px!important;
 z-index:999999
}
.kb-wrapper .kb-debug-panel * {
 color:#000!important;
 font-size:11px
}
.kb-uvs-debug {
 max-width:100%!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-customise-page .kb-overlay-button {
 z-index:10!important;
          /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c5987+1,1f4061+100 */
background: #2c5987!important; /* Old browsers */
background: -moz-linear-gradient(top,  #2c5987 1%, #1f4061 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2c5987 1%,#1f4061 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2c5987 1%,#1f4061 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c5987', endColorstr='#1f4061',GradientType=0 )!important; /* IE6-9 */
}
.kb-wrapper .kb-preview-overlay {
 background-repeat:no-repeat!important;
 height:100%!important;
 left:0!important;
 position:absolute!important;
 top:0!important;
 width:100%!important;
 pointer-events:none!important
}
.kb-wrapper .kb-loading {
 position:relative!important
}
.kb-wrapper .kb-loading:before {
 content:url(/client/css/skin/spinner.svg);
 background:#fff;
 position:absolute!important;
 top:33%!important;
 left:0!important;
 right:0!important;
 text-align:center!important;
 line-height:30px
}
.kb-wrapper .kb-loading-background {
 min-width:64px!important;
 min-height:64px!important;
 background:url(/client/css/skin/spinner.svg) no-repeat center center!important
}
.kb-wrapper .kb-image-loading {
 background:url(/client/css/skin/spinner.gif) center center no-repeat
}
.kb-wrapper .kb-customise-page .kb-print-view-button,
.kb-wrapper .kb-customise-page .kb-change-design-button,
.kb-wrapper .kb-customise-page .kb-change-view-button {
 /*background:#1F4163!important;*/
 color:#fff!important;
 font-size:11px!important;
 font-weight:bold!important;
 left:0!important;
 padding:5px 10px!important;
 position:absolute!important;
 text-decoration:none!important;
 top:0!important
}
.kb-wrapper .kb-customise-page .kb-change-design-button.kb-additional-overlay-buttons {
 left:auto!important;
 right:50%!important;
 transform:translate(50px,0)!important
}
.kb-wrapper .kb-customise-page .kb-change-view-button.kb-back-view-button {
 right:0!important;
 top:30px!important;
 width:77px!important;
 text-align:center!important;
 box-sizing:border-box!important
}
.kb-wrapper .kb-customise-page .kb-change-view-button.kb-front-view-button {
 right:0!important;
 top:0!important;
 width:77px!important;
 text-align:center!important;
 box-sizing:border-box!important
}
.kb-wrapper .kb-customise-page .kb-change-view-buttons {
}
.kb-wrapper .kb-customise-page .kb-print-view-button {
 left:auto!important;
 right:50%!important;
 transform:translate(45px,0)!important;
 width:90px!important;
 text-align:center!important;
 box-sizing:border-box!important
}
.kb-wrapper .kb-customise-page .kb-additional-view-buttons .kb-print-view-button {
 width:77px!important;
 right:unset!important;
 left:0!important;
 top:30px!important;
 transform:unset!important
}
.kb-wrapper .kb-customise-page .kb-additional-view-buttons .kb-3d-view-button {
 width:77px!important;
 right:unset!important;
 left:0!important;
 text-align:center!important;
 box-sizing:border-box!important;
 background:#333!important;
 color:#fff!important;
 font-size:11px!important;
 font-weight:bold!important;
 padding:5px 10px!important;
 position:absolute!important;
 text-decoration:none!important;
 top:0!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-customise-page .kb-change-view-button {
 left:auto!important;
 right:0!important;
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c5987+1,1f4061+100 */
background: #2c5987!important; /* Old browsers */
background: -moz-linear-gradient(top,  #2c5987 1%, #1f4061 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2c5987 1%,#1f4061 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2c5987 1%,#1f4061 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c5987', endColorstr='#1f4061',GradientType=0 )!important; /* IE6-9 */
}
.kb-wrapper .kb-customise-page .kb-print-view-button-disabled,
.kb-wrapper .kb-customise-page .kb-change-view-button-disabled {
 display:none
}
.kb-wrapper .kb-customise-page .kb-vector-wrapper {
 padding-bottom:10px!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-customise-page .kb-preview-design-name {
 background:#1F4163!important;
 color:#fff!important;
 display:block!important;
 font-weight:bold!important;
 height:40px!important;
 line-height:40px!important;
 overflow:hidden!important;
 text-align:center!important;
 text-wrap:none!important
}

.routeOneKitBuilderWrapper .kb-wrapper .kb-customise-page .kb-customise-edit-panel {
    display:inline!important;
    float:left!important;
    width:500px!important;
    min-height:585px!important;
    background-color: #eee;
    border: solid 1px #bbb !important;
    padding:10px 30px 20px 30px !important;
     margin-left:-1px !important;
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-customise-page .kb-customise-product-heading {
 float:left!important;
 width:98%!important;
 font-size:28px!important;
 padding:15px 0px 25px 15px!important;
}
.kb-wrapper .kb-customise-page .kb-customise-product-name {
    font-family: 'Orbitron', sans-serif!important;
    color:#204264!important;
    font-weight: 600;
    float:left!important;
    width:70%!important
}
.kb-wrapper .kb-customise-page .kb-customise-product-unit-price {
 float:left!important;
 width:30%!important;
 text-align:right!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-customise-page .kb-customise-edit-panel-inner {
 float:left!important;
 width:100%!important;	
	
}
.kb-wrapper .kb-customise-page .kb-wizard-breadcrumbs {
 border-bottom:1px solid #ccc!important;
 font-size:12px!important;
 margin:0!important;
 padding:5px!important;
 text-align:center!important
}
.kb-wrapper .kb-customise-page .kb-wizard-breadcrumb {
 color:#6c6c6c!important;
 display:inline!important;
 font-size:12px!important
}
.kb-wrapper .kb-customise-page .kb-wizard-breadcrumb:after {
 content:" »"!important;
 position:relative!important;
 top:-1px!important
}
.kb-wrapper .kb-customise-page .kb-wizard-breadcrumb:last-child:after {
 content:"  "!important
}
.kb-wrapper .kb-customise-page .kb-wizard-breadcrumb-active {
 color:#333!important;
 list-style-type:none!important
}
.kb-wrapper .kb-customise-page .kb-wizard-breadcrumb-active .kb-wizard-breadcrumb-inner {
 content:" [ "!important
}
.kb-wrapper .kb-customise-page .kb-wizard-breadcrumb-active .kb-wizard-breadcrumb-inner:before {
 content:" [ "!important
}
.kb-wrapper .kb-customise-page .kb-wizard-breadcrumb-active .kb-wizard-breadcrumb-inner:after {
 content:" ] "!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-customise-page .kb-customise-wizard {
 border:solid 1px #bbb!important;
 padding:15px 35px!important;
 background-color:#fff!important;
}
.kb-wrapper .kb-progress-wrapper {
 clear:both;
 padding:15px 0!important
}
.kb-wrapper .kb-progress {
 height:20px!important;
 position:relative!important;
 background:#ccc!important;
 margin-top:5px!important
}
.kb-wrapper .kb-progress-bar {
 display:block;
 height:100%;
 background-color:#aaa!important;
 position:relative!important;
 overflow:hidden!important
}
@keyframes progress {
 0% {
  width:0
 }
 100% {
  width:100%
 }
}
.kb-wrapper .kb-progress-bar {
 animation:progress 30s linear infinite
}
.kb-wrapper .kb-wizard-form {
 padding:5px!important
}
.kb-wrapper .kb-wizard {
 list-style:none!important;
 margin:0!important;
 padding:0!important;
	 min-height:300px!important;	
}
.kb-wrapper .kb-wizard-step {
 list-style:none!important;
 margin:0!important;
 padding:0 5px 0!important;
		
}
.kb-wrapper .kb-wizard-form-row {
 clear:both!important;
 padding:5px 0!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-wizard-group-header {
 background:#1F4163!important;
 color:#fff!important;
 padding:8px 10px!important;
 font-weight:bold!important;
 cursor:pointer!important;
 margin-top:5px!important
}
.kb-wrapper .kb-wizard-group-header:after {
 content:url(/client/css/skin/down-arrow.png)!important;
 float:right!important
}
.kb-wrapper .kb-wizard-group-header-selected {
 margin-bottom:0!important
}
.kb-wrapper .kb-wizard-group-header-selected:after {
 content:url(/client/css/skin/up-arrow.png)!important
}
.kb-wrapper .kb-wizard-form-label {
 display:inline;
 float:left!important;
 font-weight:bold!important;
 line-height:2em!important;
 min-height:2em!important;
 width:40%!important
}
.kb-wrapper .kb-wizard-form-label-full-width {
 display:block;
 float:none!important;
 width:100%!important
}
.kb-wrapper .kb-form-label-info {
 display:block!important;
 font-weight:normal!important;
 font-size:93%
}
.kb-wrapper .kb-wizard-form-field {
 display:inline;
 float:left!important;
 width:60%!important
}
.kb-wrapper .kb-wizard-form-field-full-width {
 display:block;
 float:none!important;
 width:100%!important
}
.kb-wrapper .kb-wizard-form-row.kb-disabled-field {
 pointer-events:none;
 opacity:.4
}
.kb-wrapper .kb-form-intro {
 margin:10px 0!important
}
.kb-wrapper .kb-wizard-form-file-preview {
 display:block!important;
 margin-top:6px!important
}
.kb-wrapper .kb-file-upload-error {
 float:left!important;
 color:#900!important;
 font-weight:bold!important
}
.kb-wrapper .kb-file-upload-success {
 float:left!important;
 color:#468847!important;
 font-weight:bold!important;
 margin-right:5px
}
.kb-wrapper .kb-file-upload-clear {
 float:left!important
}
.kb-wrapper .kb-wizard-form-file-preview-image {
 max-width:100px!important;
 max-height:100px!important;
 margin:5px 10px 5px 0!important;
 float:left!important
}
.kb-wrapper .kb-file-upload-file-info {
}
.kb-wrapper .kb-file-upload-file-info dt {
 float:left!important;
 font-weight:bold!important;
 clear:both!important;
 overflow:hidden!important
}
.kb-wrapper .kb-file-upload-file-info dt:after {
 content:": "!important
}
.kb-wrapper .kb-file-upload-file-info dd {
 float:left!important
}
.kb-wrapper .kb-wizard-form-field-type-image .kb-wizard-form-field {
 width:100%
}
.kb-wrapper .kb-form-field-image-library {
 float:left;
 width:100%
}
.kb-wrapper .kb-form-field-image-library-images {
 padding-top:10px!important;
 position:relative!important;
 margin-left:-10px!important;
 overflow:hidden!important
}
.kb-wrapper .kb-form-field-image-library-images .kb-form-field-image-library-image {
 cursor:pointer!important;
 margin:0 0 9px 9px!important;
 float:left!important;
 position:relative!important
}
.kb-wrapper .kb-form-field-image-library-images .kb-form-field-image-library-image-thumb {
 width:64px!important;
 height:64px!important;
 border:2px solid #ccc!important;
 border-radius:9px!important;
 background:#fff!important
}
.kb-wrapper .kb-form-field-image-library-heading {
 border-top:solid 1px #ccc!important;
 background:rgba(51,51,51,.4)!important;
 color:#fff!important;
 padding:8px 10px!important;
 font-weight:bold!important;
 margin-top:5px!important
}
.kb-wrapper .kb-checkbox {
 position:relative!important;
 top:6px!important
}
.kb-wrapper .kb-navigation-buttons {
 overflow:hidden!important;
 padding:10px 0!important
}
.kb-wrapper .kb-button-prev {
 float:left!important;
 width:120px!important
}
.kb-wrapper .kb-button-next,
.kb-wrapper .kb-button-finish {
 float:right!important;
 width:120px!important
}
.kb-wrapper .kb-button-form {
 float:right!important;
 min-width:110px!important;
 padding-left:5px!important;
 padding-right:5px!important
}
.kb-wrapper .kb-notes {
 padding-top:10px!important
}
.kb-wrapper .kb-read-only-custom-design [class*=kb-wizard-form-field-type]:not(.kb-wizard-form-field-type-teamdetails) {
 opacity:.5;
 pointer-events:none
}
.kb-wrapper .kb-validation.kb-invalid,
.kb-wrapper .kb-validation.kb-warning {
 padding:5px!important;
 margin-top:5px!important;
 margin-bottom:5px!important;
 overflow:hidden!important
}
.kb-wrapper .kb-validation.kb-invalid:empty,
.kb-wrapper .kb-validation.kb-warning:empty {
 display:none
}
.kb-wrapper .kb-validation.kb-invalid {
 border:#953b39 solid 1px;
 background-color:#f2dede!important
}
.kb-wrapper .kb-validation.kb-invalid .kb-validation-actions .kb-button {
 background:#953b39!important;
 color:#fff!important
}
.kb-wrapper .kb-validation.kb-warning {
 border:#faebcc solid 1px!important;
 background-color:#fcf8e3!important
}
.kb-wrapper .kb-validation-actions {
 padding-top:5px!important
}
.kb-wrapper ul.kb-validation-actions {
 padding-left:20px!important;
 list-style-type:disc!important
}
.kb-wrapper .kb-validation .kb-validation-request-exception {
 background:#953b39!important;
 color:#fff!important;
 display:inline-block;
 padding:5px 10px!important;
 margin:3px 0!important
}
.kb-wrapper .kb-table {
 width:100%!important
}
.kb-wrapper .kb-table .kb-table-header-row {
}
.kb-wrapper .kb-table .kb-table-header-cell {
 padding:10px 5px!important;
 border-bottom:solid 1px #000!important;
 font-weight:bold!important
}
.kb-wrapper .kb-table .kb-table-row {
}
.kb-wrapper .kb-table .kb-table-row.kb-row-success>td {
 background-color:#dff0d8!important
}
.kb-wrapper .kb-table .kb-table-row.kb-row-error>td {
 background-color:#f2dede!important
}
.kb-wrapper .kb-table .kb-table-row.kb-row-warning>td {
 background-color:#fcf8e3!important
}
.kb-wrapper .kb-table .kb-table-cell {
 padding:5px!important
}
.kb-wrapper .kb-table .kb-table-cell-expanded {
 vertical-align:top!important
}
.kb-wrapper .kb-table .kb-table-cell-number {
 text-align:right!important
}
.kb-wrapper .kb-table-fields-that-modify-price-list-cell li {
 font-size:123.1%!important
}
.kb-wrapper .kb-table .kb-table-highlight .kb-table-cell {
 font-weight:bold!important
}
.kb-cost-breakdown {
 table-layout:fixed!important
}
.kb-wrapper .kb-table-total-row {
 font-weight:bold!important
}
.kb-wrapper .kb-table-total-row .kb-table-cell {
 border-top:solid 1px #000!important;
 border-bottom:solid 1px #000!important;
 padding-top:8px!important;
 padding-bottom:8px!important
}
.kb-wrapper .kb-form-desc {
 clear:both!important
}
.kb-wrapper .kb-form-desc h1,
h2,
.kb-wrapper .kb-form-desc h3,
.kb-wrapper .kb-form-desc h4,
.kb-wrapper .kb-form-desc h5,
.kb-wrapper .kb-form-desc h6 {
 margin:0 0 5px 0!important
}
.kb-wrapper .kb-form-desc h1 {
 font-weight:bold!important;
 font-size:131%!important
}
.kb-wrapper .kb-form-desc h2 {
 font-weight:bold!important;
 font-size:123.1%!important
}
.kb-wrapper .kb-form-desc h3 {
 font-weight:bold!important;
 font-size:116%!important
}
.kb-wrapper .kb-form-desc h4 {
 font-weight:bold!important;
 font-size:108%!important
}
.kb-wrapper .kb-form-desc h5 {
 font-weight:bold!important;
 font-size:100%!important
}
.kb-wrapper .kb-form-desc h6 {
 text-decoration:underline!important;
 font-size:100%!important
}
.kb-wrapper .kb-form-desc strong {
 font-weight:bold!important
}
.kb-wrapper .kb-form-desc em {
 font-style:italic!important
}
.kb-wrapper .kb-form-desc em strong,
.kb-wrapper .kb-form-desc strong em {
 font-style:italic!important;
 font-weight:bold!important
}
.kb-wrapper .kb-form-desc p,
.kb-wrapper .kb-form-desc ul,
.kb-wrapper .kb-form-desc ol {
 margin:10px 0!important;
 font-size:100%!important
}
.kb-wrapper .kb-form-desc ul {
 list-style-type:disc!important
}
.kb-wrapper .kb-form-desc ol {
 list-style-type:decimal!important
}
.kb-wrapper .kb-form-desc li {
 margin-left:25px!important;
 font-size:100%!important
}
.kb-wrapper .kb-form-desc pre {
 white-space:pre
}
.kb-wrapper .kb-form-desc blockquote {
 padding:10px 10px 10px 20px!important;
 background:#e6e6e6;
 font-size:100%!important
}
.kb-wrapper .kb-form-desc a:link,
.kb-wrapper .kb-form-desc a:hover,
.kb-wrapper .kb-form-desc a:visited {
 text-decoration:underline!important
}
.kb-wrapper .colorpicker {
 width:214px!important
}
.kb-wrapper .colorpicker .colorpicker_new_color,
.kb-wrapper .colorpicker .colorpicker_current_color,
.kb-wrapper .colorpicker .colorpicker_hex,
.kb-wrapper .colorpicker .colorpicker_field,
.kb-wrapper .colorpicker .colorpicker_submit {
 display:none!important
}
.kb-modal-overlay {
 background-color:#eee!important
}
.kb-modal-content {
 display:none
}
.kb-wrapper .kb-modal-container {
 height:140px!important;
 width:420px!important;
 font:16px/22px Arial!important;
 text-align:left!important;
 background:#fff!important;
 border:2px solid #369!important
}
.kb-wrapper .kb-modal-container .kb-message {
 margin:0!important;
 padding:12px 4px 12px 8px!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-final-category-header-wrapper {
 border:none!important;
 margin:10px 0!important;
 padding:0px!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-final-cta-header {
    font-family: 'Orbitron', sans-serif!important;
    color:#204264!important;
    font-weight: 600!important;
    font-size:38px!important;
 border-bottom:solid 1px #ccc!important;
 margin:0!important;
 padding:7px 0!important;
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-final-cta-list {
 margin:0!important;
 padding:15px 0px 20px 0px!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-final-cta-list li {
 display:inline;
 font-size:16px!important;
 color:#204264!important;
    font-weight: 600!important;
 list-style:none!important;
 margin-right:20px!important
}
.kb-wrapper .kb-final-remove-all {
 float:right!important;
 margin-top:4px!important
}
.kb-wrapper .kb-addthis {
 display:inline-block;
 position:relative;
 top:3px
}
.kb-wrapper .kb-final-category-preview {
    border:solid 1px #bbb!important;
    background-color:#fff!important;
    margin:10px 0!important;
    overflow:hidden!important;
    position:relative!important
}
.kb-wrapper .kb-add-buttons {
 margin:10px 0 0 10px!important;
 overflow:hidden!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-add-buttons .kb-final-button {
 margin:0px!important
}
.kb-wrapper .kb-waiting {
 color:inherit!important;
 width:10px!important;
 text-align:left!important;
 display:inline-block
}
.kb-wrapper .kb-button-icon:before {
 margin-right:5px!important;
 vertical-align:-32%!important
}
.kb-wrapper .kb-button-icon-buy:before {
 content:url(/client/css/skin/icon-cart.png)!important
}
.kb-wrapper .kb-button-icon-pdf:before {
 content:url(/client/css/skin/icon-pdf.png)!important
}
.kb-wrapper .kb-final-category-preview .kb-final-category-preview-inner {
 overflow:hidden!important;
 padding-top:10px!important;
 padding-bottom:20px!important;
 width:760px!important;
 min-height:410px!important
}
.kb-wrapper .kb-final-category-preview .kb-image-loading {
 width:0!important;
 height:0!important;
 padding:40px!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-final-category-preview .kb-category-final-names {
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c5987+1,1f4061+100 */
background-color: #2c5987!important; /* Old browsers */
background: -moz-linear-gradient(top,  #2c5987 1%, #1f4061 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2c5987 1%,#1f4061 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2c5987 1%,#1f4061 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c5987', endColorstr='#1f4061',GradientType=0 )!important; /* IE6-9 */
 color:#fff!important;
 margin-top:10px!important;
 overflow:hidden!important;
 text-align:center!important;
 text-wrap:none!important;
 font-size:15px!important;
 padding:10px!important
}
.kb-wrapper .kb-final-category-preview .kb-category-final-names * {
 color:#fff!important
}
.kb-wrapper .kb-basket-item {
 overflow:hidden!important;
 display:inline-block;
 padding-bottom:20px!important;
 text-align:center
}
.kb-wrapper .kb-basket-item-single-col {
 width:25%!important
}
.kb-wrapper .kb-basket-item-double-col {
 width:50%!important
}
.kb-wrapper .kb-final-overlay-wrap {
 position:relative!important
}
.kb-wrapper .kb-final-preview-image {
}
.kb-wrapper .kb-final-button:link,
.kb-wrapper .kb-final-button:visited {
 color:#fff!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-final-button {
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c5987+1,1f4061+100 */
background-color: #2c5987!important; /* Old browsers */
background: -moz-linear-gradient(top,  #2c5987 1%, #1f4061 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2c5987 1%,#1f4061 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2c5987 1%,#1f4061 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c5987', endColorstr='#1f4061',GradientType=0 )!important; /* IE6-9 */
 color:#fff!important;
 display:inline-block;
 font-size:12px!important;
 margin:5px 0px!important;
 padding:10px 5px!important;
     border-right:1px solid #ccc!important;
}
.kb-wrapper .kb-final-preview-sock .kb-final-button {
 margin-left:0!important;
 margin-right:0!important
}
.routeOneKitBuilderWrapper .kb-wrapper .kb-final-button:hover {
 background:#FF6C00!important;
 color:#fff!important
}
.kb-wrapper .kb-final-buttons-wrapper {
 text-align:center!important;
     width:100%!important;
}
.kb-wrapper .kb-final-buttons {
 float:left!important
}
.kb-wrapper .kb-final-has-accessories {
 background:#555!important
}
.kb-wrapper .kb-custom-form {
 width:400px
}
.kb-wrapper .kb-custom-form-heading {
 font-weight:bold!important;
 font-size:131%!important;
 margin-top:10px!important;
 width:100%!important
}
.kb-wrapper .kb-custom-form-heading {
 clear:both!important
}
.kb-wrapper .kb-ff-quarter .kb-custom-form-field-outer-wrapper {
 float:left!important;
 width:25%!important
}
.kb-wrapper .kb-ff-third .kb-custom-form-field-outer-wrapper {
 float:left!important;
 width:33.3%!important
}
.kb-wrapper .kb-ff-half .kb-custom-form-field-outer-wrapper {
 float:left!important;
 width:50%!important
}
.kb-wrapper .kb-ff-new-row .kb-custom-form-field-outer-wrapper {
 clear:both!important
}
.kb-wrapper .kb-single-item-checkout {
}
.kb-wrapper .kb-single-item-checkout-total-wrapper {
 border-top:1px solid #000!important;
 border-bottom:1px solid #000!important;
 overflow:hidden!important;
 padding:15px 0!important;
 margin-bottom:10px!important
}
.kb-wrapper .kb-single-item-checkout-item-cost {
 float:left!important;
 text-align:left!important;
 width:39%!important
}
.kb-wrapper .kb-single-item-checkout-total-quantity {
 float:right!important;
 text-align:right!important;
 width:100%!important;
 margin-bottom:5px!important
}
.kb-wrapper .kb-single-item-checkout-total-quantity-value {
 padding-right:8px!important
}
.kb-wrapper .kb-single-item-checkout-item-cost-label {
 padding-left:5px!important
}
.kb-wrapper .kb-single-item-checkout-total-cost-value {
 padding-right:5px!important
}
.kb-wrapper .kb-single-item-checkout-total-cost {
 float:left!important;
 text-align:right!important;
 font-weight:bold!important;
 width:60%!important
}
.kb-wrapper .kb-button-single-item-checkout-prev {
 width:50px!important
}
.kb-wrapper .kb-button-single-item-checkout-final-page {
 width:80px!important;
 margin-left:10px!important
}
.kb-wrapper .kb-locker-room-buttons .kb-button {
 padding:6px!important;
 margin-left:10px!important
}
.kb-wrapper .kb-button-single-item-checkout-add-to-cart {
 width:90px!important;
 margin-left:10px!important
}
.kb-wrapper .kb-button-single-item-checkout-buy-now {
 width:80px!important;
 float:right!important
}
.kb-wrapper .kb-button-single-item-checkout-request-quote {
 width:115px!important;
 float:right!important
}
.kb-wrapper .kb-table .kb-single-item-checkout-min-qty-cell {
 border-right:1px solid #000!important
}
.kb-wrapper .kb-form-links {
 padding:5px!important
}
.kb-wrapper .kb-form-links li {
 display:inline-block;
 padding:5px!important
}
.kb-wrapper .kb-form-links-download-button {
 display:inline-block;
 padding:5px!important;
 position:relative!important
}
.kb-wrapper .kb-form-links-download-button:hover {
 text-decoration:underline!important
}
.kb-wrapper .kb-form-links-download-button.kb-disabled:after {
 display:inline-block!important;
 content:url(/client/css/skin/spinner.gif)!important;
 transform:scale(.4)!important;
 position:absolute!important;
 right:-44px!important;
 top:-25px!important
}
.kb-wrapper .kb-accessories-table-heading {
 font-size:17px!important;
 font-weight:normal!important;
 padding:0!important
}
.kb-wrapper .kb-accessories-table .kb-accessory-item-not-in-basket .kb-button-single-item-checkout-add,
.kb-wrapper .kb-accessories-table .kb-accessory-item-in-basket .kb-button-single-item-checkout-add {
 width:100%!important
}
.kb-wrapper .kb-unit-name {
 width:38%
}
.kb-wrapper .kb-add-unit {
 padding-left:5px!important;
 padding-right:5px!important;
 margin-top:5px!important;
 float:right!important
}
.kb-wrapper .team-units .kb-add-team {
 padding-left:5px!important;
 padding-right:5px!important;
 margin-top:5px!important;
 float:right!important;
 clear:both!important
}
.kb-wrapper .kb-team-details .kb-team-details-tabs {
 overflow:hidden!important
}
.kb-wrapper .kb-team-details .kb-team-details-tabs .kb-button {
 width:50%!important;
 box-sizing:border-box!important;
 opacity:.6!important;
 cursor:default!important
}
.kb-wrapper .kb-team-details .kb-team-details-tabs .kb-team-details-tab-selected {
 opacity:1!important;
 cursor:pointer!important
}
.kb-wrapper .kb-team-details .kb-team-table thead,
.kb-wrapper .kb-team-details .kb-units-table thead {
 display:none
}
.kb-wrapper .kb-aggregate-size-quantity-input {
 width:52px!important
}
.kb-wrapper .kb-unit-number input {
 width:30px!important
}
.kb-wrapper .kb-team-details .kb-add-team {
 padding-left:5px!important;
 padding-right:5px!important;
 margin-top:5px!important;
 float:right!important
}
.kb-wrapper .kb-team-details .kb-document-upload-input {
 width:100%!important
}
.kb-wrapper .kb-team-details .kb-upload-status {
 float:left!important;
 margin-top:4px!important;
 width:50%!important
}
.kb-wrapper .kb-team-details .kb-document-upload-clear {
 float:right!important;
 margin-top:4px!important;
 width:50%!important;
 text-align:right!important
}
.kb-wrapper .kb-tdi {
 margin-bottom:10px!important
}
.kb-wrapper .kb-tdi-description-top {
 margin-top:5px!important
}
.kb-wrapper .kb-tdi .kb-tdi-buttons,
.kb-wrapper .kb-tdi .kb-tdi-buttons {
 overflow:hidden!important;
 padding:5px 0!important
}
.kb-wrapper .kb-tdi .kb-button {
 padding-left:10px!important;
 padding-right:10px!important
}
.kb-wrapper .kb-tdi .kb-tdi-upload-button {
 margin-left:5px!important
}
.kb-wrapper .kb-tdi .kb-tdi-upload-button input {
 width:.1px!important;
 height:.1px!important;
 opacity:0!important;
 overflow:hidden!important;
 position:absolute!important;
 z-index:-1!important
}
.kb-wrapper .kb-tdi .kb-tdi-validation-messages {
 max-height:200px!important;
 overflow-y:auto!important
}
.kb-wrapper .kb-team-details .kb-team-details-selector {
 display:flex;
 justify-content:space-between;
 width:100%
}
.kb-wrapper .kb-team-details .kb-team-details-selector-player-details-wrapper,
.kb-wrapper .kb-team-details .kb-team-details-selector-enter-quantities-wrapper {
 flex:0 0 48%;
 display:flex;
 flex-direction:row;
 flex-wrap:wrap
}
.kb-wrapper .kb-team-details .kb-team-details-selector-description {
 flex:1 0 100%;
 margin:5px 0!important
}
.kb-wrapper .kb-team-details .kb-button.kb-team-details-selector-player-details,
.kb-wrapper .kb-team-details .kb-button.kb-team-details-selector-enter-quantities {
 flex:1 0 100%
}
.kb-wrapper .kb-simple-tired-pricing-table {
 margin-bottom:10px!important
}
.kb-wrapper .kb-simple-tired-pricing-table .kb-total-quantity-cell {
 text-align:right!important;
 white-space:nowrap!important
}
.kb-wrapper .kb-add-accessories {
 clear:both!important
}
.kb-wrapper .kb-accessories-heading {
 font-size:17px!important;
 font-weight:normal!important;
 padding:10px 0 5px 0!important
}
.kb-wrapper .kb-accessories {
 clear:both!important;
 padding:0!important;
 margin:0 0 0 -10px!important;
 position:relative!important
}
.kb-wrapper .kb-accessories .kb-accessory {
 border:solid 1px #ccc!important;
 display:inline;
 float:left!important;
 margin-left:10px!important;
 margin-bottom:10px!important;
 overflow:hidden!important;
 position:relative!important
}
.kb-wrapper .kb-accessories .kb-accessory-link {
 color:#fff!important;
 display:block!important;
 text-decoration:none!important;
 padding-bottom:20px!important
}
.kb-wrapper .kb-accessories .kb-accessory-active:hover {
 border-color:#FF6C00!important
}
.kb-wrapper .kb-accessories .kb-accessory-name {
 width:100%!important;
 position:absolute!important;
 bottom:0!important;
 padding:3px 0!important;
 background:#333!important;
 display:block!important;
 font-size:11px!important;
 overflow:hidden!important;
 text-align:center!important;
 white-space:nowrap!important;
 color:#fff!important
}
.kb-wrapper .kb-accessories .kb-accessory-img {
 display:block!important;
 height:150px!important;
 width:150px!important
}
.kb-wrapper .kb-add-related-products {
 clear:both!important
}
.kb-wrapper .kb-related-products-heading {
 font-size:17px!important;
 font-weight:normal!important;
 padding:10px 0 5px 0!important
}
.kb-wrapper .kb-related-products {
 clear:both!important;
 padding:0!important;
 margin:0 0 0 -10px!important;
 position:relative!important
}
.kb-wrapper .kb-related-products .kb-related-product {
 border:solid 1px #ccc!important;
 display:inline;
 float:left!important;
 margin-left:10px!important;
 margin-bottom:10px!important;
 overflow:hidden!important;
 position:relative!important
}
.kb-wrapper .kb-related-products .kb-related-product-link {
 color:#fff!important;
 display:block!important;
 text-decoration:none!important;
 padding-bottom:20px!important
}
.kb-wrapper .kb-related-products .kb-related-product-active:hover {
 border-color:#000!important
}
.kb-wrapper .kb-related-products .kb-related-product-name {
 width:100%!important;
 position:absolute!important;
 bottom:0!important;
 padding:3px 0!important;
 background:#333!important;
 display:block!important;
 font-size:11px!important;
 overflow:hidden!important;
 text-align:center!important;
 white-space:nowrap!important;
 color:#fff!important
}
.kb-wrapper .kb-related-products .kb-related-product-img {
 display:block!important;
 width:150px!important
}
.kb-wrapper .kb-add-cross-sells {
 clear:both!important
}
.kb-wrapper .kb-cross-sells-heading {
 font-size:17px!important;
 font-weight:normal!important;
 padding:10px 0 5px 0!important
}
.kb-wrapper .kb-cross-sells-description {
 margin:5px!important
}
.kb-wrapper .kb-cross-sells {
 clear:both!important;
 padding:0!important;
 margin:0 0 0 -10px!important;
 position:relative!important
}
.kb-wrapper .kb-cross-sells .kb-cross-sell {
 border:solid 1px #ccc!important;
 display:inline;
 float:left!important;
 margin-left:10px!important;
 margin-bottom:10px!important;
 position:relative!important;
 margin-top:10px!important
}
.kb-wrapper .kb-cross-sells .kb-cross-sell-link {
 color:#fff!important;
 display:block!important;
 text-decoration:none!important;
 padding-bottom:20px!important
}
.kb-wrapper .kb-cross-sells .kb-cross-sell-active:hover {
 border-color:#000!important
}
.kb-wrapper .kb-cross-sells .kb-cross-sell .kb-cross-sell-checkbox,
.kb-wrapper .kb-cross-sells .kb-cross-sell .kb-cross-sell-checkbox-checked {
 width:28px!important;
 height:28px!important;
 background:url(/client/css/skin/check-box.png) no-repeat!important;
 background-size:contain!important;
 position:absolute!important;
 right:-15px!important;
 top:-15px!important
}
.kb-wrapper .kb-cross-sells .kb-cross-sell-selected .kb-cross-sell-checkbox-checked {
 background-image:url(/client/css/skin/check-box-checked.png)!important
}
.kb-wrapper .kb-cross-sells .kb-cross-sell-name {
 width:100%!important;
 position:absolute!important;
 bottom:0!important;
 padding:3px 0!important;
 background:#333!important;
 display:block!important;
 font-size:11px!important;
 overflow:hidden!important;
 text-align:center!important;
 white-space:nowrap!important;
 color:#fff!important
}
.kb-wrapper .kb-cross-sells .kb-cross-sell-img {
 display:block!important;
 width:150px!important
}
.kb-wrapper .kb-design-selector {
 clear:both!important
}
.kb-wrapper .kb-design-selector-heading {
 font-size:17px!important;
 font-weight:normal!important;
 padding:10px 0 5px 0!important
}
.kb-wrapper .kb-design-selector-description {
 margin:5px!important
}
.kb-wrapper .kb-design-selector-designs {
 clear:both!important;
 padding:0!important;
 margin:0 0 0 -10px!important;
 position:relative!important
}
.kb-wrapper .kb-design-selector .kb-design-selector-design {
 border:solid 1px #ccc!important;
 display:inline;
 float:left!important;
 margin-left:10px!important;
 margin-bottom:10px!important;
 position:relative!important
}
.kb-wrapper .kb-design-selector .kb-design-selector-design-link {
 color:#fff!important;
 display:block!important;
 text-decoration:none!important;
 padding-bottom:20px!important
}
.kb-wrapper .kb-design-selector .kb-design-selector-design-name {
 width:100%!important;
 position:absolute!important;
 bottom:0!important;
 padding:3px 0!important;
 background:#333!important;
 display:block!important;
 font-size:11px!important;
 overflow:hidden!important;
 text-align:center!important;
 white-space:nowrap!important;
 color:#fff!important
}
.kb-wrapper .kb-design-selector .kb-design-selector-design-img {
 display:block!important;
 width:150px!important
}
.kb-wrapper .kb-customise-design-selector .kb-customise-design-selector-heading {
 margin-bottom:5px!important
}
.kb-wrapper .kb-customise-design-selector .kb-customise-design-selector-designs {
 display:flex;
 flex-wrap:wrap
}
.kb-wrapper .kb-customise-design-selector .kb-customise-design-selector-design {
 flex:0 0 140px;
 border:solid 1px #ccc!important;
 box-sizing:border-box!important;
 margin-bottom:10px!important;
 margin-right:10px!important;
 position:relative!important
}
.kb-wrapper .kb-customise-design-selector .kb-customise-design-selector-design-link {
 width:100%!important;
 height:auto!important
}
.kb-wrapper .kb-customise-design-selector .kb-customise-design-selector-design-name {
 width:100%!important;
 color:#fff!important;
 padding:3px 0!important;
 background:#333!important;
 font-size:11px!important;
 text-align:center;
 position:absolute!important;
 bottom:0!important;
 left:0!important
}
.kb-wrapper .kb-customise-design-selector .kb-customise-design-selector-design-img {
 width:100%;
 height:auto
}
.kb-wrapper .kb-customise-design-selector .kb-customise-design-selector-selected {
 border:1px solid #000!important
}
.kb-wrapper .kb-popup {
 position:absolute!important;
 left:0!important;
 top:0!important;
 width:100%!important;
 height:100%!important;
 z-index:100!important
}
.kb-wrapper .kb-popup,
.kb-wrapper .kb-popup * {
 color:#000!important
}
.kb-wrapper .kb-popup .kb-popup-inner {
 border:solid 2px #ccc!important;
 margin:30px 367px 30px 30px!important;
 background:#fff!important;
 box-shadow:5px 5px 10px 0 rgba(20,20,20,.15)!important;
 max-height:85%!important;
 overflow:auto!important;
 position:relative!important
}
.kb-wrapper .kb-button-close {
 position:absolute!important;
 top:5px!important;
 right:5px!important;
 padding:3px 7px!important
}
.kb-wrapper .kb-button-close:active {
 position:absolute!important;
 top:6px!important
}
.kb-popup .kb-popup-inner-inner {
 padding:10px!important
}
.kb-wrapper .kb-popup .kb-text-box {
 width:185px!important
}
.kb-wrapper .kb-popup .kb-text-box-share-link {
 width:100%!important;
 margin-top:15px!important
}
.kb-wrapper .kb-required:after {
 color:#953b39!important;
 content:"*"!important
}
.kb-wrapper .kb-quote-heading {
 clear:both!important;
 margin:0!important;
 padding-top:10px!important
}
.kb-wrapper .ng-valid:not(form):not([ng-form]):not(div) {
 border-color:#468847!important;
 box-shadow:0 1px 1px rgba(0,0,0,.075) inset!important
}
.kb-wrapper .ng-valid:not(form):not([ng-form]):not(div):focus {
 border-color:#356635!important;
 box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 6px #7aba7b!important
}
.kb-wrapper input.ng-invalid,
.kb-wrapper textarea.ng-invalid {
 border-color:#b94a48!important;
 box-shadow:0 1px 1px rgba(0,0,0,.075) inset!important
}
.kb-wrapper .kb-popup .ng-invalid:focus {
 border-color:#953b39!important;
 box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 6px #d59392!important
}
.kb-wrapper .kb-form-footer-content {
 text-align:right!important
}
.kb-wrapper .kb-button-popup-form-submit {
 margin-top:5px!important
}
.kb-wrapper .kb-sizes-form {
 clear:both!important
}
.kb-wrapper .kb-form-button-panel {
 clear:both!important;
 overflow:hidden!important
}
.kb-wrapper .kb-sizes-form .kb-form-category-wrapper {
 padding-bottom:10px!important
}
.kb-wrapper .kb-sizes-form .kb-size-basket-item {
 clear:both!important;
 overflow:auto!important;
 border-bottom:dotted 1px #ccc!important;
 padding-bottom:5px!important;
 padding-left:10px!important
}
.kb-wrapper .kb-sizes-form .kb-size-basket-item:last-child {
 border-bottom:none!important
}
.kb-wrapper .kb-sizes-form .kb-category-name {
 border-bottom:1px solid #000!important;
 font-size:116%!important;
 font-weight:bold!important;
 padding:5px 0!important
}
.kb-wrapper .kb-sizes-form .kb-design-heading {
 font-weight:bold!important;
 margin:5px 0!important
}
.kb-wrapper .kb-sizes-form .kb-design-image {
 float:left!important;
 margin-right:5px!important;
 max-width:80px!important
}
.kb-wrapper .kb-sizes-form .kb-size-quantities {
 float:left!important
}
.kb-wrapper .kb-form-button-sizes-quantities {
 float:left!important;
 margin-right:5px!important
}
.kb-wrapper .kb-form-button-prev {
 float:left!important;
 margin-right:5px!important
}
.kb-wrapper .kb-sizes-form .kb-size-quantities th {
 font-weight:bold!important;
 padding:3px!important
}
.kb-wrapper .kb-sizes-form .kb-size-quantities td {
 padding:3px!important
}
.kb-wrapper .kb-sizes-form .kb-size-heading {
 min-width:170px!important
}
.kb-wrapper .kb-sizes-form .kb-quantity {
 width:70px!important
}
.kb-wrapper .kb-success {
 padding:10px!important;
 font-size:15px!important
}
.kb-wrapper .kb-tooltip {
 position:relative!important;
 display:inline-block!important;
 margin-left:3px!important
}
.kb-wrapper .kb-tooltip.kb-tooltip-hidden {
 display:none!important
}
.kb-wrapper .kb-tooltip .kb-tooltip-icon {
 border-bottom:1px dotted #000!important;
 display:inline-block!important;
 cursor:help!important
}
.kb-wrapper .kb-tooltip .kb-tooltip-text * {
 color:unset!important;
 font-size:unset!important;
 font-weight:unset!important;
 font-style:unset!important
}
.kb-wrapper .kb-tooltip .kb-tooltip-text {
 visibility:hidden!important;
 background-color:#333!important;
 color:#fff!important;
 text-align:center!important;
 padding:5px 0!important;
 position:absolute!important;
 z-index:1!important;
 width:180px!important;
 margin-left:-90px!important;
 bottom:100%!important;
 left:50%!important;
 opacity:0!important;
 transition:opacity .2s!important
}
.kb-wrapper .kb-tooltip:hover .kb-tooltip-text {
 visibility:visible!important;
 opacity:1!important;
 z-index:9999999!important
}
.kb-wrapper .kb-page-locker-room .kb-partial-wrap,
.kb-wrapper .kb-page-folder .kb-partial-wrap {
 width:820px!important
}
.kb-wrapper .kb-window-titled {
 border:solid 1px #000!important;
 margin:5px 0!important
}
.kb-wrapper .kb-window-titled-title-bar {
 background:#ccc!important;
 padding:5px!important;
 overflow:auto!important
}
.kb-wrapper .kb-window-titled-title {
 font-size:21px!important;
 float:left!important;
 line-height:44.78px!important
}
.kb-wrapper .kb-info-dialog.kb-view-info {
 text-indent:-99999px!important;
 background:url(/client/css/skin/locker-room-info.png)!important;
 background-repeat:no-repeat!important;
 background-position:center!important;
 float:right!important;
 width:37px!important
}
.kb-wrapper .kb-window-titled-buttons {
 float:right!important
}
.kb-wrapper .kb-new-folder {
 text-indent:-99999px!important;
 background:url(/client/css/skin/locker-room-add-folder.png)!important;
 background-repeat:no-repeat!important;
 background-position:center!important;
 float:left!important;
 width:45px!important;
 height:45px!important
}
.kb-wrapper .kb-new-design {
 text-indent:-99999px!important;
 background:url(/client/css/skin/locker-room-add-design.png)!important;
 background-repeat:no-repeat!important;
 background-position:center!important;
 float:left!important;
 width:45px!important;
 height:45px!important
}
.kb-wrapper .kb-window-titled-contents {
 padding:5px!important;
 overflow:auto!important
}
.kb-wrapper .kb-locker-room-folder .kb-window-titled-contents {
 min-height:270px!important
}
.kb-wrapper .kb-locker-room-folder.kb-folder-empty .kb-window-titled-contents {
 background:url(/client/css/skin/locker-room-folder-empty.png)!important;
 background-position:center!important;
 background-repeat:no-repeat!important
}
.kb-wrapper .kb-locker-room-intro {
 border:solid 1px #000!important;
 padding:5px!important;
 overflow:auto!important
}
.kb-wrapper .kb-locker-room-back-button {
 float:left!important;
 width:5%!important;
 cursor:pointer!important
}
.kb-wrapper .kb-locker-room-intro-content {
 width:60%!important;
 margin-right:5%!important;
 float:left!important;
 font-size:16px!important
}
.kb-wrapper .kb-locker-room-intro-content h2 {
 font-size:21px!important
}
.kb-wrapper .kb-locker-room-sign-in {
 float:right!important;
 width:30%!important
}
.kb-wrapper .kb-locker-room-sign-in .kb-button {
 float:right!important;
 padding-left:10px!important;
 padding-right:10px!important
}
.kb-wrapper .kb-folder-contents.kb-folder-show-less {
 height:200px!important;
 overflow:hidden!important
}
.kb-wrapper .kb-window-titled-contents {
 position:relative!important
}
.kb-wrapper .kb-toggle-show-minimal-folders {
 position:absolute!important;
 right:5px!important;
 bottom:5px!important;
 text-indent:-99999px!important;
 background:url(/client/css/skin/locker-room-show-less.png)!important;
 background-repeat:no-repeat!important;
 background-position:center!important;
 width:35px!important;
 height:21px!important
}
.kb-wrapper .kb-toggle-show-minimal-folders-show-more {
 background:url(/client/css/skin/locker-room-show-more.png)!important
}
.kb-wrapper .kb-dragover {
 border:2px dashed #000!important
}
.kb-wrapper .kb-dragover * {
 pointer-events:none
}
.kb-wrapper .kb-drag-target {
 background-color:#ddd;
 opacity:.5
}
.kb-wrapper .kb-folder-path {
 border-bottom:solid 1px #000!important;
 font-size:16px!important;
 margin-bottom:10px!important;
 padding-bottom:5px!important
}
.kb-wrapper .kb-folder-path .kb-folder-path-item {
 display:inline-block
}
.kb-wrapper .kb-folder-path .kb-folder-path-item:after {
 content:"/"!important
}
.kb-wrapper .kb-folder-path .kb-folder-path-item:last-child:after {
 content:""!important
}
.kb-wrapper .kb-custom-design-icon-name {
 font-size:16px!important;
 margin-bottom:5px!important;
 border-bottom:1px solid #333;
 width:100%!important;
 float:left;
 padding-bottom:5px!important
}
.kb-wrapper .kb-custom-design-icon-status {
 display:block;
 padding-top:5px!important
}
.kb-wrapper .kb-custom-design-icon-status:hover {
 font-weight:bold!important;
 text-decoration:underline!important
}
.kb-wrapper .kb-custom-design-accessories {
 display:block
}
.kb-wrapper .kb-folder-icon {
 background:url(/client/css/skin/locker-room-folder.png)!important;
 background-repeat:no-repeat!important;
 background-position:center bottom!important
}
.kb-wrapper .kb-folder-view-icon {
 float:left!important;
 width:200px!important;
 height:200px!important;
 position:relative!important;
 margin-right:2.6px!important;
 margin-bottom:10px!important;
 box-sizing:border-box!important
}
.kb-wrapper .kb-folder-view-icon:nth-child(4n) {
 margin-right:0!important
}
.kb-wrapper .kb-folder-view-icon img {
 width:100%!important
}
.kb-wrapper .kb-custom-design-icon {
 width:200px!important;
 height:260px!important
}
.kb-wrapper .kb-custom-design-accessory-icon {
 opacity:.2;
 pointer-events:none
}
.kb-wrapper .kb-folder-view-icon {
 text-align:center!important
}
.kb-wrapper .kb-folder-view-icon {
 text-align:center!important
}
.kb-wrapper .kb-folder-icon-name {
 position:absolute!important;
 left:26px!important;
 width:150px!important;
 line-height:18px!important;
 top:115px!important
}
.kb-wrapper .kb-folder-icon-buttons {
 display:none;
 position:absolute!important;
 background:rgba(255,255,255,.8)!important;
 top:22px!important;
 width:100%!important;
 padding-top:20px!important;
 border:1px solid #333!important
}
.kb-wrapper .kb-folder-icon-open-menu {
 position:absolute!important;
 top:26px!important;
 left:0!important;
 text-indent:-99999px!important;
 background:url(/client/css/skin/locker-room-menu.png)!important;
 width:27px!important;
 height:10px!important;
 overflow:hidden!important;
 background-repeat:no-repeat!important;
 background-position:center!important
}
.kb-wrapper .kb-folder-icon-open-menu-hidden {
 display:none
}
.kb-wrapper .kb-folder-icon-buttons-close {
 position:absolute!important;
 top:7px!important;
 right:7px!important;
 cursor:pointer!important;
 text-indent:-99999px!important;
 background:url(/client/css/skin/icon-close.png)!important;
 background-repeat:no-repeat!important;
 background-position:center!important;
 width:11px!important;
 height:11px!important
}
.kb-wrapper .kb-folder-icon-buttons.kb-folder-icon-buttons-open {
 display:block
}
.kb-wrapper .kb-folder-icon-buttons .kb-icon-button {
 font-size:0!important;
 background-repeat:no-repeat!important;
 background-position:center!important;
 width:50px!important;
 height:50px!important;
 float:left!important
}
.kb-wrapper .kb-folder-icon-buttons .kb-icon-button:hover {
 opacity:.9!important
}
.kb-wrapper .kb-folder-icon-buttons .kb-copy-custom-design-button {
 background-image:url(/client/css/skin/locker-room-copy.png)!important
}
.kb-wrapper .kb-folder-icon-buttons .kb-delete-custom-design-button,
.kb-wrapper .kb-folder-icon-buttons .kb-delete-subfolder-button {
 background-image:url(/client/css/skin/locker-room-delete.png)!important
}
.kb-wrapper .kb-folder-icon-buttons .kb-share-custom-design-button,
.kb-wrapper .kb-folder-icon-buttons .kb-share-subfolder-button {
 background-image:url(/client/css/skin/locker-room-share.png)!important
}
.kb-wrapper .kb-folder-icon-buttons .kb-edit-custom-design-button {
 background-image:url(/client/css/skin/locker-room-edit.png)!important
}
.kb-wrapper .kb-folder-icon-buttons .kb-rename-button {
 background-image:url(/client/css/skin/locker-room-rename.png)!important
}
.kb-wrapper .kb-folder-icon-buttons .kb-form-button-code-quoterequest {
 background-image:url(/client/css/skin/locker-room-get-a-quote.png)!important
}
.kb-wrapper .kb-folder-icon-buttons .kb-buy-custom-design-button {
 background-image:url(/client/css/skin/locker-room-buy.png)!important
}
.kb-wrapper .kb-folder-icon-buttons .kb-pdf-button {
 background-image:url(/client/css/skin/locker-room-pdf.png)!important
}
.kb-wrapper .kb-dialog-backdrop {
 position:fixed!important;
 z-index:1!important;
 left:0!important;
 top:0!important;
 width:100%!important;
 height:100%!important;
 overflow:auto!important;
 background-color:#000!important;
 background-color:rgba(0,0,0,.4)!important
}
.kb-wrapper .kb-dialog {
 border:solid 1px #000!important;
 background:#fff!important;
 position:fixed!important;
 top:10%!important;
 left:50%!important;
 z-index:1050!important;
 width:560px!important;
 margin-left:-280px!important
}
.kb-wrapper .kb-dialog-content {
 padding:5px!important
}
.kb-wrapper .kb-button-panel {
 border-top:solid 1px #000!important;
 background:#ccc!important;
 clear:both
}
.kb-wrapper .kb-dialog-button {
 border:solid 1px #000!important;
 padding:5px!important;
 margin:5px!important;
 display:inline-block;
 cursor:pointer!important
}
.kb-wrapper .kb-info-dialog {
 padding:10px!important;
 width:300px!important
}
.kb-wrapper .kb-info-dialog-heading {
 font-size:123.1%!important;
 border-bottom:1px solid #000!important
}
.kb-wrapper .kb-info-dialog .kb-info-dialog-close {
 position:absolute!important;
 top:7px!important;
 right:7px!important;
 cursor:pointer!important;
 text-indent:-99999px!important;
 background:url(/client/css/skin/icon-close.png)!important;
 background-repeat:no-repeat!important;
 background-position:center!important;
 width:11px!important;
 height:11px!important
}
.kb-wrapper .kb-send-folder-to-form-dialog {
}
.kb-wrapper .kb-send-folder-to-form-dialog .kb-sftf-image {
 width:40px!important
}
.kb-wrapper .kb-info-dialog-content {
 padding:10px 0!important
}
.kb-wrapper .kb-folder-selector {
}
.kb-wrapper .kb-folder-selector ul {
 display:none
}
.kb-wrapper .kb-folder-selector li {
 list-style:none;
 padding-left:10px!important
}
.kb-wrapper .kb-folder-selector a {
 cursor:pointer
}
.kb-wrapper .kb-folder-selector .open>ul {
 display:block!important
}
.kb-wrapper .kb-folder-selector .kb-selected-folder {
 background:#ccc!important;
 font-weight:bold
}
.kb-wrapper .kb-create-subfolder {
 padding-top:10px!important
}
.kb-wrapper .kb-dialog.kb-deposit-photos-dialog {
 max-width:100%!important
}
@media all and (max-width:560px) {
 .kb-wrapper .kb-dialog.kb-deposit-photos-dialog {
  margin:0 auto!important;
  left:0!important
 }
}
.kb-wrapper .kb-dialog.kb-deposit-photos-dialog .kb-dialog-info {
 margin-top:5px!important
}
.kb-wrapper .kb-dialog.kb-deposit-photos-dialog .kb-deposit-photos-images {
 width:100%;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 max-height:40vh;
 overflow-y:auto;
 min-height:40vh
}
.kb-wrapper .kb-dialog.kb-deposit-photos-dialog .kb-deposit-photos-images>.kb-deposit-photos-image {
 flex:0 0 150px!important;
 width:150px!important;
 height:150px!important;
 margin:10px 0!important;
 display:inline-block;
 object-fit:contain!important;
 cursor:pointer!important
}
.kb-approval-page {
}
.kb-approval-page .kb-approval-page-messages {
 float:left!important;
 width:50%!important
}
.kb-approval-page .kb-approval-page-approval {
 float:left!important;
 width:50%!important
}
.kb-approval-page .kb-approval-page-custom-design-name {
 font-weight:bold!important;
 font-size:123.1%!important;
 margin:5px 0!important
}
.kb-approval-page .kb-approval-page-message-heading,
.kb-approval-page .kb-approval-page-custom-design-status-heading {
 font-size:116%!important;
 padding-bottom:5px!important
}
.kb-approval-page .kb-approval-page-custom-design-status {
 overflow:auto!important;
 margin:2px 0 10px 0!important
}
.kb-approval-page .kb-approval-page-custom-design-company-status:after,
.kb-approval-page .kb-approval-page-custom-design-customer-status:after {
 content:":"
}
.kb-approval-page .kb-button {
 padding-left:10px!important;
 padding-right:10px!important
}
.kb-approval-page .kb-customer-conversation {
 overflow:auto!important
}
.kb-approval-page .kb-cc-messages {
 clear:both!important
}
.kb-approval-page .kb-cc-messages {
 clear:both!important
}
.kb-approval-page .kb-customer-conversation .kb-cc-message {
 padding:5px 0!important;
 border-bottom:solid 1px #eee!important
}
.kb-approval-page .kb-customer-conversation .kb-cc-message-content {
 word-break:break-all;
 white-space:pre-line!important
}
.kb-approval-page .kb-customer-conversation .kb-cc-message-content a {
 text-decoration:underline!important
}
.kb-approval-page .kb-customer-conversation .kb-cc-your-message {
 text-align:right!important
}
.kb-approval-page .kb-customer-conversation .kb-cc-message-details {
 font-size:10px!important
}
.kb-wrapper .kb-editor-images .kb-editor-open-folder-link {
 display:flex!important;
 align-items:flex-end!important;
 justify-content:center!important;
 text-align:center!important;
 background-image:url(/client/css/skin/locker-room-folder.png)!important;
 background-size:45px!important;
 background-position:center 25%!important;
 background-repeat:no-repeat!important
}
.kb-wrapper .kb-cc-catalog-creator {
 width:820px!important;
 display:grid;
 grid-template-columns:1fr 40px;
 grid-gap:20px;
 grid-template-areas:"header header" "pages toolbar" "pagination toolbar" "footer footer"
}
.kb-wrapper .kb-cc-header {
 grid-area:header
}
.kb-wrapper .kb-cc-pages {
 grid-area:pages
}
.kb-wrapper .kb-cc-toolbar {
 grid-area:toolbar
}
.kb-wrapper .kb-cc-pagination {
 grid-area:pagination
}
.kb-wrapper .kb-cc-footer {
 grid-area:footer;
 overflow:hidden
}
.kb-wrapper .kb-cc-catalog-creator {
 user-select:none
}
.kb-wrapper .kb-cc-pages.kb-cc-view-4-page .kb-cc-page *:not(.kb-cc-dont-disable-pointer-events) {
 pointer-events:none
}
.kb-wrapper .kb-cc-pages {
 position:relative;
 overflow:hidden
}
.kb-wrapper .kb-cc-page-container,
.kb-wrapper .kb-cc-page-wrapper {
 overflow:hidden!important;
 position:relative!important
}
.kb-wrapper .kb-cc-pages.kb-cc-view-1-page .kb-cc-page-container {
 height:100%!important
}
.kb-wrapper .kb-cc-page-wrapper {
 width:100%!important;
 height:100%!important
}
.kb-wrapper .kb-cc-background-svg {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.kb-wrapper .kb-cc-placeholder {
 position:absolute;
 background:#eee
}
.kb-wrapper .kb-cc-page-item {
 position:absolute
}
.kb-wrapper .kb-locker-room-page .kb-new-catalog {
 display:none
}
.kb-wrapper .kb-cc-pages {
 height:580px!important
}
.kb-wrapper .kb-cc-pages.kb-cc-view-1-page {
}
.kb-wrapper .kb-cc-pages.kb-cc-view-4-page {
 display:grid;
 grid-template-columns:repeat(2,1fr);
 grid-template-rows:repeat(2,1fr);
 grid-gap:5px
}
.kb-wrapper .kb-cc-page {
 border:solid 1px #ccc;
 box-sizing:content-box!important;
 overflow:hidden!important;
 background:#fff!important
}
.kb-wrapper .kb-cc-page .kb-cc-background-svg svg {
 height:100%;
 width:100%
}
.kb-wrapper .kb-item-selected {
 outline:2px #ccc solid
}
.kb-wrapper .kb-page-selected {
 outline:2px #ccc dotted
}
.kb-wrapper .kb-cc-page-mini-footer {
 position:absolute!important;
 bottom:0
}
.kb-wrapper [class*=kb-resizable-grip] {
 width:10px;
 height:10px;
 background-color:#fff;
 border:1px solid #666;
 box-sizing:border-box!important
}
.kb-wrapper .kb-resizable-grip-nw {
 left:-5px;
 top:-5px
}
.kb-wrapper .kb-resizable-grip-ne {
 top:-5px;
 right:-5px
}
.kb-wrapper .kb-resizable-grip-sw {
 bottom:-5px;
 left:-5px
}
.kb-wrapper .kb-resizable-grip-se {
 bottom:-5px;
 right:-5px
}
.kb-wrapper .kb-resizable-grip-n {
 top:-5px;
 left:calc(50% - 5px)
}
.kb-wrapper .kb-resizable-grip-s {
 bottom:-5px;
 left:calc(50% - 5px)
}
.kb-wrapper .kb-resizable-grip-w {
 left:-5px;
 top:calc(50% - 5px)
}
.kb-wrapper .kb-resizable-grip-e {
 right:-5px;
 top:calc(50% - 5px)
}
.kb-wrapper .kb-resizable-grip-n,
.kb-wrapper .kb-resizable-grip-s,
.kb-wrapper .kb-resizable-grip-w,
.kb-wrapper .kb-resizable-grip-e {
 border-radius:100%
}
.kb-wrapper .kb-cc-toolbar {
 display:flex;
 flex-direction:column
}
.kb-wrapper .kb-cc-toolbar .kb-cc-toolbar-button {
 flex:1;
 font-size:17px!important
}
.kb-wrapper .kb-cc-toolbar .kb-cc-toolbar-button[disabled] {
 opacity:.2
}
.kb-wrapper .kb-cc-pagination {
 display:flex;
 justify-content:center
}
.kb-wrapper .kb-cc-navigation-button {
 display:block;
 padding:10px!important
}
.kb-wrapper .kb-tabs a:after {
 content:" |"
}
.kb-wrapper .kb-template-icon img {
 width:100px
}
.kb-wrapper .kb-tabs {
}
.kb-wrapper .kb-tabs .kb-tab-selected {
 font-weight:bold!important;
 text-decoration:underline!important
}
.kb-wrapper .kb-tab-content {
}
.kb-wrapper .kb-tab-content .kb-cc-image-list li {
 width:80px;
 height:60px;
 overflow:hidden
}
.kb-wrapper .kb-tab-content .kb-cc-image-list img {
 display:block;
 width:100%!important;
 height:100%!important;
 object-fit:contain
}
.kb-wrapper .kb-cc-delete-item {
 position:absolute;
 bottom:3px;
 right:3px
}
.kb-wrapper .kb-catalog-creator-carousel-wrapper {
 position:relative
}
.kb-wrapper .kb-catalog-creator-carousel {
 display:flex;
 margin:0 40px!important;
 overflow-x:hidden;
 position:relative
}
.kb-wrapper .kb-catalog-creator-carousel>* {
 min-width:80px
}
.kb-wrapper .kb-catalog-creator-carousel-backward,
.kb-wrapper .kb-catalog-creator-carousel-forward {
 position:absolute!important;
 top:0!important;
 height:100%!important;
 width:40px!important;
 background:#fff!important;
 z-index:100!important;
 text-align:center
}
.kb-wrapper .kb-catalog-creator-carousel-backward {
 left:0
}
.kb-wrapper .kb-catalog-creator-carousel-forward {
 right:0
}
.kb-wrapper .kb-catalog-creator-preview-dialog {
 position:fixed!important;
 height:calc(100vh - 10vw)!important;
 visibility:visible;
 width:100%!important;
 left:0!important;
 top:5vw!important;
 margin:0!important;
 background:none!important;
 border:none!important
}
.kb-wrapper .kb-cc-preview-previous {
 position:absolute;
 top:300px!important;
 left:10px!important
}
.kb-wrapper .kb-cc-preview-next {
 position:absolute;
 top:300px!important;
 right:10px!important
}
.kb-wrapper .kb-cc-preview-close {
 position:absolute;
 top:10px!important;
 right:10px!important
}
.kb-wrapper .kb-request-redraw-dialog {
 width:320px!important;
 padding:20px 20px!important;
 box-sizing:border-box!important
}
.kb-wrapper .kb-request-redraw-dialog .kb-content {
 clear:both;
 padding:10px 0!important
}
.kb-wrapper .kb-request-redraw-dialog .kb-image-dimensions {
 display:grid;
 grid-template-areas:". width" "height image";
 align-items:center
}
.kb-wrapper .kb-request-redraw-dialog .kb-image-dimensions-width {
 justify-self:center;
 grid-area:width;
 width:50px!important
}
.kb-wrapper .kb-request-redraw-dialog .kb-image-dimensions-height {
 justify-self:end;
 grid-area:height;
 width:50px!important
}
.kb-wrapper .kb-request-redraw-dialog .kb-image-dimensions-image {
 grid-area:image;
 margin:5px!important
}
.kb-wrapper .kb-request-redraw-dialog .kb-image-dimensions-lock-ratio {
 margin-top:10px!important;
 display:block!important
}
.kb-wrapper .kb-request-redraw-dialog .kb-request-redraw-swatch {
 border:solid #000 1px!important;
 display:inline-block;
 width:16px!important;
 height:16px!important
}
.kb-wrapper .kb-request-redraw-dialog .kb-request-redraw-rgb-input {
 width:70px!important
}
.kb-wrapper .kb-request-redraw-dialog .kb-request-redraw-rgb-color-input {
 width:20px!important;
 height:20px!important
}
.kb-wrapper .kb-request-redraw-dialog .kb-request-redraw-rgb-color-input-cell {
 display:none!important
}
.kb-wrapper .kb-request-redraw-dialog .kb-request-redraw-color-desc {
 width:100px!important
}
.kb-wrapper .kb-request-redraw-dialog .kb-request-redraw-regenerate-palette-button {
 margin-top:5px!important;
 padding-left:10px!important;
 padding-right:10px!important;
 float:right!important
}
.kb-wrapper .kb-request-redraw-dialog .kb-wizard-form {
 overflow:auto!important
}
.kb-wrapper .kb-rmqe-dialog {
 width:320px!important;
 padding:20px 20px!important;
 box-sizing:border-box!important
}
.kb-wrapper .kb-rmqe-dialog .kb-content {
 clear:both;
 padding:10px 0!important
}
.kb-wrapper .kb-rmqe-dialog {
 width:400px!important;
 padding:20px 20px!important;
 box-sizing:border-box!important
}
.kb-wrapper .kb-exception-requests-table-wrapper {
 max-height:200px!important;
 overflow-y:auto
}
.kb-wrapper .kb-er-used {
 display:block;
 font-weight:bold
}
.kb-wrapper .kb-er-response-date {
 font-style:italic!important
}
.kb-wrapper .kb-er-response-message {
 white-space:pre-line!important;
 padding:5px 0!important
}
.kb-wrapper .kb-er-response-message:empty {
 display:none!important
}
.kb-wrapper .kb-er-response-info strong {
 font-weight:bold!important
}
.kb-wrapper .kb-er-response-info strong:after {
 content:': '
}
.kb-wrapper .kb-fov-zoom {
 width:70px!important;
 display:flex!important;
 justify-content:center!important;
 margin:0 auto!important;
 flex-direction:row!important;
 flex-wrap:wrap!important;
 position:absolute!important;
 bottom:125px!important;
 right:5px!important
}
.kb-wrapper .kb-fov-zoom button {
 width:23px!important;
 height:23px!important;
 box-sizing:border-box!important;
 margin:5px!important;
 background:#333!important;
 color:#fff!important;
 border:none!important
}
.kb-wrapper .kb-fov-zoom .kb-preview-zoom-out {
 order:1!important
}
.kb-wrapper .kb-fov-zoom .kb-preview-zoom-in {
 order:2!important
}
.kb-wrapper .kb-fov-zoom .kb-preview-zoom-out,
.kb-wrapper .kb-fov-zoom .kb-preview-zoom-in {
 border:1px solid #000!important;
 margin:0 3px!important;
 height:20px!important;
 width:20px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important
}
.kb-wrapper .kb-fov-zoom .kb-preview-zoom-out.kb-disabled,
.kb-wrapper .kb-fov-zoom .kb-preview-zoom-in.kb-disabled {
 border:1px solid #ccc!important
}
.kb-wrapper .kb-fov-zoom .kb-fov-zoom-number {
 order:3!important;
 flex:2 0 100%!important;
 text-align:center!important;
 margin:5px 0!important
}
.kb-wrapper .kb-fov-zoom .kb-fov-zoom-slider {
 order:4!important;
 flex:2 0 100%!important;
 margin:5px 0!important
}
.kb-wrapper .kb-history-controls {
 position:absolute!important;
 bottom:90px!important;
 right:0!important;
 z-index:3
}
.kb-wrapper .kb-history-controls .kb-history-controls-undo-button,
.kb-wrapper .kb-history-controls .kb-history-controls-redo-button {
 background:#333!important;
 color:#fff!important;
 border:none!important;
 display:inline-flex!important;
 height:22px!important;
 box-sizing:border-box!important;
 align-items:center!important;
 justify-content:center!important;
 margin-bottom:2px!important;
 cursor:pointer!important;
 padding:3px!important
}
.kb-wrapper .kb-inline .kb-partial-wrap {
 max-width:calc(100% - 160px)!important
}
.kb-hosted-spaces-page .kb-container {
 width:80%!important;
 margin:0 auto!important
}
@media all and (max-width:1400px) {
 .kb-hosted-spaces-page .kb-container {
  width:100%!important
 }
}
.kb-hosted-spaces-page .kb-distributor-name {
 position:absolute!important;
 top:2.6vw!important;
 left:12vw!important;
 margin:0!important;
 font-size:3vw!important;
 font-family:'Poiret One',cursive
}
.kb-hosted-spaces-page .kb-header-image {
 width:100%!important
}
.kb-hosted-spaces-page .kb-wrapper .kb-partial-wrap {
 width:calc(100% - 160px)!important;
 max-width:calc(100% - 160px)!important
}
.kb-hosted-spaces-page .kb-wrapper .kb-customise-page .kb-preview-panel {
 width:65%!important;
 display:inline-block!important
}
.kb-hosted-spaces-page .kb-wrapper .kb-customise-page .kb-preview-image,
.kb-hosted-spaces-page .kb-wrapper .kb-customise-page .kb-3d-wrapper {
 width:100%!important;
 height:calc(100vh - 350px)!important
}
.kb-hosted-spaces-page .kb-wrapper .kb-customise-page .kb-customise-edit-panel {
 width:34%!important;
 display:inline-block!important;
 float:right!important
}
@media all and (max-width:1200px) {
 .kb-hosted-spaces-page .kb-wrapper .kb-nav-panel {
  display:none!important
 }
 .kb-hosted-spaces-page .kb-wrapper .kb-partial-wrap {
  width:100%!important;
  max-width:100%!important
 }
}
@media all and (max-width:980px) {
 .kb-hosted-spaces-page .kb-wrapper .kb-customise-page .kb-preview-panel {
  width:100%!important;
  display:block!important;
  float:left!important
 }
 .kb-hosted-spaces-page .kb-wrapper .kb-customise-page .kb-customise-edit-panel {
  width:100%!important;
  display:block!important;
  float:left!important
 }
 .kb-hosted-spaces-page .kb-wrapper .kb-customise-page .kb-preview-design-name {
  display:none!important
 }
}
@media all and (max-width:600px) {
 .kb-hosted-spaces-page .kb-header-image,
 .kb-hosted-spaces-page .kb-distributor-name {
  display:none!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-nav-panel {
  display:none!important
 }
 body .kb-wrapper .kb-general-mobile-styles .kb-partial-wrap {
  width:100%!important;
  max-width:100%!important;
  height:100vh!important;
  position:relative!important;
  overflow-y:auto!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-customise-page .kb-preview-panel {
  width:100%!important;
  display:block!important;
  float:left!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-customise-page .kb-customise-edit-panel {
  width:100%!important;
  display:block!important;
  float:left!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-customise-page .kb-preview-design-name {
  display:none!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-customise-page .kb-breadcrumbs {
  display:none!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-customise-page .kb-preview-image,
 .kb-wrapper .kb-general-mobile-styles .kb-customise-page .kb-3d-wrapper {
  height:calc(100vh - 100px)!important;
  width:100%!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-customise-page .kb-preview-panel.kb-mobile-menu-panel-active .kb-preview-image,
 .kb-wrapper .kb-general-mobile-styles .kb-customise-page .kb-preview-panel.kb-mobile-menu-panel-active .kb-3d-wrapper {
  height:calc(100vh - 100px - 40vh)!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-customize-mobile-nav.kb-mobile-only {
  display:block!important;
  position:absolute!important;
  bottom:0!important;
  left:0!important;
  width:100%!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-customize-mobile-nav .kb-customize-mobile-nav-inner {
  display:flex!important;
  justify-content:center!important;
  align-items:center!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-customize-mobile-nav .kb-customize-mobile-nav-inner>li {
  display:flex!important;
  flex:1 0 1%!important;
  justify-content:center!important;
  align-items:center!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-customize-mobile-nav .kb-customize-mobile-nav-inner>li>a {
  display:flex!important;
  flex:1 0 1%!important;
  justify-content:center!important;
  align-items:center!important;
  height:100px!important;
  border:1px solid #000!important;
  border-bottom:none!important;
  background:#333!important;
  color:#fff!important;
  text-align:center
 }
 .kb-wrapper .kb-general-mobile-styles .kb-customize-mobile-nav .kb-customize-mobile-nav-inner>li.kb-customize-mobile-nav-item-active>a {
  background:#262626!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-customize-mobile-nav .kb-customize-mobile-nav-inner>li:first-child>a {
  border-left:none!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-customize-mobile-nav .kb-customize-mobile-nav-inner>li:last-child>a {
  border-right:none!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-preview-image {
  border:none!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-customise-page .kb-customise-edit-panel {
  display:none!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-customise-page .kb-customise-edit-panel.kb-active-panel {
  display:block!important;
  position:absolute!important;
  bottom:101px!important;
  height:40vh!important;
  background:#efefef!important;
  left:0!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-navigation-buttons {
  display:none!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-step-last .kb-navigation-buttons {
  display:block!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-design-selector,
 .kb-wrapper .kb-general-mobile-styles .kb-add-related-products,
 .kb-wrapper .kb-general-mobile-styles .kb-add-accessories,
 .kb-wrapper .kb-general-mobile-styles .kb-add-cross-sells {
  display:none!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-customise-page .kb-wizard-breadcrumbs {
  display:none!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-customise-page .kb-customise-wizard {
  border:none!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-wizard {
  max-height:calc(40vh - 60px)!important;
  overflow-y:auto!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-customise-page .kb-customise-product-heading {
  padding:5px 15px!important;
  box-sizing:border-box!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-2d .kb-svg-wrapper svg {
  width:100%!important;
  height:auto!important;
  max-height:calc(100vh - 100px)!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-2d .kb-preview-overlay {
  background-size:cover!important;
  background-position:center!important;
  left:unset!important
 }
 .kb-wrapper .kb-general-mobile-styles .kb-2d .kb-preview-panel.kb-mobile-menu-panel-active .kb-svg-wrapper svg {
  max-height:calc(100vh - 100px - 40vh)!important
 }
}
.kb-wrapper .kb-request-redraw-dialog .kb-image-dimensions-width .kb-input-message,
.kb-wrapper .kb-request-redraw-dialog .kb-image-dimensions-height .kb-input-message {
 margin-top:5px!important
}
.kb-presentation .kb-pres-default .page {
 color:#000;
 background:#fff;
 overflow:hidden;
 text-align:left;
 line-height:normal
}
.kb-presentation .kb-pres-default .image {
 background-size:contain;
 background-repeat:no-repeat;
 background-position:center center
}
.kb-presentation .kb-pres-default .footer {
 position:absolute;
 text-align:center;
 bottom:0;
 left:0;
 right:0;
 height:20mm!important;
 white-space:pre-line;
 font-size:8pt;
 background:#ccc!important
}
.kb-presentation .kb-pres-default .page-front {
}
.kb-presentation .kb-pres-default .page-middle {
}
.kb-presentation .kb-pres-default .page-middle .header {
 background:#000;
 color:#fff;
 height:27mm;
 padding:0 12mm!important;
 box-sizing:border-box
}
.kb-presentation .kb-pres-default .page-middle .header>div {
 float:left;
 height:23mm;
 margin-top:2mm!important
}
.kb-presentation .kb-pres-default .page-middle .logo {
 width:30mm
}
.kb-presentation .kb-pres-default .page-middle .form-image {
 width:30mm;
 margin-left:10mm!important
}
.kb-presentation .kb-pres-default .page-middle .form-name {
 line-height:27mm;
 margin-left:10mm!important;
 font-size:18pt
}
.kb-presentation .kb-pres-default .page-middle .strap-line {
 width:60mm;
 float:right!important
}
.kb-presentation .kb-pres-default .page-middle .design-wrapper {
 padding:10mm!important;
 display:table;
 width:100%;
 height:166mm;
 box-sizing:border-box
}
.kb-presentation .kb-pres-default .page-middle .design {
 display:table-row;
 width:100%
}
.kb-presentation .kb-pres-default .page-middle .design>div {
 display:table-cell
}
.kb-presentation .kb-pres-default .page-middle .design-image {
 text-align:center;
 vertical-align:middle
}
.kb-presentation .kb-pres-default .page-middle .design-image img {
 max-width:80mm;
 max-height:100mm
}
.kb-presentation .kb-pres-default .page-middle .design-info {
 width:100mm;
 vertical-align:middle
}
.kb-presentation .kb-pres-default .page-middle .design-heading {
 font-size:16pt!important;
 font-weight:bold!important
}
.kb-presentation .kb-pres-default .kb-pres-basket-item-values {
 width:100%;
 margin-top:5mm!important
}
.kb-presentation .page:not(.page-portrait) {
 height:209.55mm;
 overflow:hidden;
 width:296.7mm
}
.kb-presentation .kb-pres-basket-item-values .field-name {
 vertical-align:top
}
.kb-presentation .kb-pres-basket-item-values td {
}
.kb-presentation .kb-pres-basket-item-values .field-spacer td {
 visibility:hidden;
 height:10px
}
.kb-presentation .kb-pres-basket-item-values .field-value-text {
 white-space:pre-line
}
.kb-presentation .kb-pres-basket-item-values .field-description {
 padding-top:3mm!important;
 padding-bottom:3mm!important
}
.kb-presentation .kb-pres-basket-item-values .field-value-color {
 display:inline-block;
 width:2.9mm;
 height:2.9mm;
 outline:solid .5mm #ccc!important
}
.kb-presentation .kb-pres-basket-item-values .field-value-image {
 max-width:40mm;
 max-height:40mm
}
@font-face {
 font-family:'Oswald';
 font-style:normal;
 font-weight:400;
 src:url(/client/css/fonts/oswald-v14-latin-regular.eot);
 src:local('Oswald Regular'),
 local('Oswald-Regular'),
 url(/client/css/fonts/oswald-v14-latin-regular.eot?#iefix) format('embedded-opentype'),
 url(/client/css/fonts/oswald-v14-latin-regular.woff2) format('woff2'),
 url(/client/css/fonts/oswald-v14-latin-regular.woff) format('woff'),
 url(/client/css/fonts/oswald-v14-latin-regular.ttf) format('truetype'),
 url(/client/css/fonts/oswald-v14-latin-regular.svg#Oswald) format('svg')
}
.pps.kb-pps-default {
 font-family:'Oswald',sans-serif;
 color:#231f20;
 font-style:normal!important;
 font-size:14px
}
.pps.kb-pps-default .page {
 background:#fff
}
.pps.kb-pps-default .page .page-header {
 background:#231f20;
 color:#fff;
 font-size:20px;
 float:left;
 width:100%;
 height:30px;
 padding:5px 0!important
}
.pps.kb-pps-default .page .page-header .production-logo {
 background:url(/client/css/skin/kb-production-logo.png) no-repeat;
 height:30px;
 width:100px;
 background-position:right center;
 background-size:cover;
 margin-right:10px!important;
 margin-top:2px!important;
 float:right!important
}
.pps.kb-pps-default .page .page-header div {
 float:left;
 line-height:30px;
 overflow:hidden
}
.pps.kb-pps-default .page .page-header .order-ref {
 padding-left:10px!important;
 width:6.6cm
}
.pps.kb-pps-default .page .page-header .product-name {
 width:11.2cm;
 text-align:center
}
.pps.kb-pps-default .page .product-images {
 width:97.4%!important;
 float:left;
 padding:5px 10px!important;
 height:4.7cm!important
}
.pps.kb-pps-default .page .product-images .image-wrap {
 float:left;
 width:100%;
 border-left:1px solid #cdcfcf;
 border-right:1px solid #cdcfcf;
 height:100%;
 position:relative;
 text-align:center
}
.pps.kb-pps-default .page .product-image {
 float:left;
 border-right:1px solid #cdcfcf;
 text-align:center;
 position:relative;
 height:100%;
 box-sizing:border-box
}
.pps.kb-pps-default .page .product-image-front,
.pps.kb-pps-default .page .product-image-back {
 width:25%
}
.pps.kb-pps-default .page .product-image-right,
.pps.kb-pps-default .page .product-image-left {
 width:25%
}
.pps.kb-pps-default .page .product-image-2d .caption,
.pps.kb-pps-default .page .product-image .caption {
 text-transform:lowercase;
 color:#525252;
 font-size:12px;
 display:block;
 margin:0;
 position:absolute;
 bottom:0;
 width:100%
}
.pps.kb-pps-default .page .product-image:last-child {
 border-right:none
}
.pps.kb-pps-default .page .product-images img {
 float:left;
 width:100%;
 height:auto;
 margin-top:-17px
}
.pps.kb-pps-default .page .product-image-front img,
.pps.kb-pps-default .page .product-image-back img {
 margin-left:0!important
}
.pps.kb-pps-default .page .product-image-right img,
.pps.kb-pps-default .page .product-image-left img {
 margin-left:0!important
}
.pps.kb-pps-default .page .product-image-2d {
 height:8.1cm!important;
 width:49.5%!important;
 background:none no-repeat center center;
 background-size:contain;
 display:inline-block;
 position:relative
}
.pps.kb-pps-default .page .title {
 background:#231f20!important;
 color:#fff!important;
 font-size:16px;
 padding:5px 0!important;
 line-height:20px;
 float:left;
 width:100%
}
.pps.kb-pps-default .page .title {
 padding-left:10px!important
}
.pps.kb-pps-default .page .section {
 min-height:100px;
 float:left;
 width:100%
}
.pps.kb-pps-default .page .svg-link {
 float:right;
 background:#d2232a;
 width:25.56%;
 text-align:center;
 border-left:1px solid #fff!important;
 padding:5px 0!important;
 color:#fff!important;
 text-decoration:none
}
.pps.kb-pps-default .page .logo-options {
 float:left;
 width:100%
}
.pps.kb-pps-default .page .logo-options .title {
 padding:0!important
}
.pps.kb-pps-default .page .logo-options .title .heading {
 float:left;
 width:73%;
 line-height:30px;
 padding-left:10px!important
}
.pps.kb-pps-default .page .logo-options .logos-wrap {
 float:left;
 padding:5px 10px!important
}
.pps.kb-pps-default .page .logo-options .logos-wrap .logo-container {
 border-left:1px solid #cdcfcf!important;
 border-right:1px solid #cdcfcf!important;
 float:left;
 width:771.7px
}
.pps.kb-pps-default .page .logo-options .logos-wrap .logo-container .logo {
 width:12.37%;
 float:left;
 border-right:1px solid #cdcfcf
}
.pps.kb-pps-default .page .logo-options .logos-wrap .logo-container .logo:nth-child(8n) {
 border-right:none
}
.pps.kb-pps-default .page .logo-options .logos-wrap .logo-container .logo .logo-wrap {
}
.pps.kb-pps-default .page .logo-options .logos-wrap .logo-container .logo .logo-image {
 height:75px;
 -webkit-transform:scale(.9);
transform:scale(.9);
 background-size:contain!important;
 background:no-repeat center center;
 position:relative
}
.pps.kb-pps-default .page .logo-options .logos-wrap img {
 width:100%;
 height:auto
}
.pps.kb-pps-default .page .logo-options .logos-wrap a {
 color:#525252;
 text-decoration:none
}
.pps.kb-pps-default .page .logo-options .logos-wrap span {
 text-align:center;
 float:left;
 width:100%
}
.pps.kb-pps-default .page .size-options {
 min-height:107px
}
.pps.kb-pps-default .page .size-options .size-wrap {
 float:left;
 width:97.4%;
 height:67px;
 padding:5px 10px!important
}
.pps.kb-pps-default .page .size-options .size-wrap-three-rows {
 height:94px
}
.pps.kb-pps-default .page .size-options .sizes {
 border-right:1px solid #cdcfcf;
 border-left:1px solid #cdcfcf;
 height:100%;
 padding-top:5px!important;
 padding-left:10px!important
}
.pps.kb-pps-default .page .size-options .sizes a {
 color:#525252;
 text-decoration:none
}
.pps.kb-pps-default .page .size-options .sizes .size-col,
.pps.kb-pps-default .page .size-options .sizes .quantity-col {
 text-align:center
}
.pps.kb-pps-default .page .size-options .size-wrap table th,
.pps.kb-pps-default .page .size-options .size-wrap table td {
 padding:5px 10px!important;
 border-width:1px;
 border-style:solid;
 border-color:#e3e3e3;
 border-color:#cdcfcf;
 border-left:0;
 border-right:0;
 color:#231f20!important
}
.pps.kb-pps-default .page .options .options-wrap {
 float:left;
 width:97.2%;
 padding:5px 10px!important;
 height:478px
}
.pps.kb-pps-default .page .options .options-container {
 border-left:1px solid #cdcfcf;
 float:left;
 width:100%;
 border-right:1px solid #cdcfcf;
 height:100%
}
.pps.kb-pps-default .page .options .options-wrap .design-wrap,
.pps.kb-pps-default .page .options .options-wrap .text-options {
 float:left;
 overflow:hidden;
 padding:0 10px!important
}
.pps.kb-pps-default .page .options .options-wrap .text-options {
 width:44%!important
}
.pps.kb-pps-default .page .options .options-wrap .design-wrap .design-options,
.pps.kb-pps-default .page .options .options-wrap .design-wrap .color-options {
 float:left;
 width:50%;
 font-size:9pt
}
.pps.kb-pps-default .page .options .options-wrap .design-wrap .design-options td,
.pps.kb-pps-default .page .options .options-wrap .design-wrap .color-options .color {
 padding:0!important
}
.pps.kb-pps-default .page .options .options-wrap .design-wrap .design-color {
 width:2.9mm;
 height:2.9mm;
 outline:solid .5mm #cdcfcf!important;
 display:inline-block
}
.pps.kb-pps-default .page .options .options-wrap .design-wrap .color-wrap {
 border-bottom:1px solid #cdcfcf
}
.pps.kb-pps-default .page .options .options-wrap .design-wrap .color-wrap .label {
 width:50%;
 float:left;
 color:#525252
}
.pps.kb-pps-default .page .options .field-name {
 width:50%;
 color:#525252
}
.pps.kb-pps-default .page .options .field-value {
 width:50%;
 color:#525252
}
.pps.kb-pps-default .page .options .options-wrap .design-wrap {
 border-right:1px solid #cdcfcf
}
.pps.kb-pps-default .page .options .options-wrap .design-options .kb-pres-field-color {
 display:none!important
}
.pps.kb-pps-default .page .options .options-wrap .design-options table,
.pps.kb-pps-default .page .options .options-wrap .design-options tbody,
.pps.kb-pps-default .page .options .options-wrap .design-options tr,
.pps.kb-pps-default .page .options .options-wrap .design-options td {
 float:left;
 display:block
}
.pps.kb-pps-default .page .options .options-wrap .design-options table,
.pps.kb-pps-default .page .options .options-wrap .design-options tbody {
 width:100%
}
.pps.kb-pps-default .page .options .options-wrap .design-options tr {
 width:97%;
 border-bottom:1px solid #cdcfcf
}
.pps.kb-pps-default .page .options .options-wrap .design-options tr:nth-child(2n) {
}
.pps.kb-pps-default .page .options .options-wrap .design-options .field-name {
 color:#525252
}
.pps.kb-pps-default .page .options .options-wrap .text-options .label,
.pps.kb-pps-default .page .options .options-wrap .text-options .value {
 float:left;
 width:50%
}
.pps.kb-pps-default .page .options .options-wrap .text-options .label {
 color:#525252
}
.pps.kb-pps-default .page .options .options-wrap .text-options .text-addition {
 padding:10px 5px!important;
 border-bottom:1px solid #cdcfcf;
 float:left;
 width:97.4%
}
.pps.kb-pps-default .page .options .options-wrap .text-options .text-addition:last-child {
 border-bottom:none
}
.pps.kb-pps-default .page .options .options-wrap .text-options .text-addition>div {
 float:left;
 width:100%;
 padding-bottom:5px!important
}
.pps.kb-pps-default .page .options .options-wrap .text-options .text-addition .text-value-color {
 width:2.9mm;
 height:2.9mm;
 outline:solid .5mm #cdcfcf!important;
 display:inline-block
}
.pps.kb-pps-default .page .options {
 min-height:508px
}
.pps.kb-pps-default .page .sign-off {
 float:left;
 width:100%;
 border-top:1px solid #231f20;
 position:absolute;
 bottom:32px
}
.pps.kb-pps-default .page .sign-off .sign-off-wrap {
 float:left;
 width:100%;
 background:#fff
}
.pps.kb-pps-default .page .sign-off .title {
 float:left;
 width:100px;
 line-height:40px
}
.pps.kb-pps-default .page .sign-off .fields>div {
 width:44.7%;
 float:left;
 border-bottom:1px solid #cdcfcf
}
.pps.kb-pps-default .page .sign-off .fields>div:nth-child(2n) {
 width:55%
}
.pps.kb-pps-default .page .sign-off .fields {
 float:left;
 width:668px;
 padding:5px!important;
 padding-right:10px!important;
 line-height:19px
}
.pps.kb-pps-default .page .footer {
 width:97.4%;
 float:left;
 background:#231f20;
 color:#fff;
 position:absolute;
 bottom:0;
 padding:0 10px!important;
 height:31px;
 line-height:31px
}
.pps.kb-pps-default .page .footer div {
 float:left;
 width:50%
}
.pps.kb-pps-default .page .footer a {
 color:#fff!important;
 text-decoration:none
}
.pps.kb-pps-default .page .footer .web-address {
 float:left;
 width:50%
}
.pps.kb-pps-default .page .footer .contact-details {
 text-align:right;
 float:right;
 width:50%
}