body {
    margin: 0;
    padding: 0;
    font-family: 'Kamerik 105', Trebuchet MS;
    overflow: hidden;
}

.FullScreenToggle {
    position: absolute;
    top: 0;
    left: 0;
}

.ShowMenuToggle {
    display: inline-block;
}

    .ShowMenuToggle a {
        margin: 0;
    }

    .ShowMenuToggle img {
        height: 58px;
    }

    .ShowMenuToggle .openmenu {
        display: none;
    }

.SiteLogo {
    display: inline-block;
}

    .SiteLogo img {
        height: 42px;
        width: 130px;
        margin: 8px 10px 8px 10px;
    }

.NavMain {
    font-size: 0; /* Fix gaps between inline elements */
    height: 58px;
    position: absolute;
    left: 0;
    top: 1px;
    overflow: hidden;
}

.navmain-content {
    display: inline-block;
    background: url('../images/white-bg-transparent.png') repeat;
}

.NavMain ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.NavMain li {
    border-right: 1px solid #000000;
    display: inline-block;
    padding: 0 12px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}

    .NavMain li:first-child {
        border-left: 1px solid #000000;
    }

.NavMain ul a {
    text-decoration: none;
    color: #000000;
    display: table-cell;
    height: 58px;
    width: 80px;
    vertical-align: middle;
    font-size: 14px;
}

    .NavMain ul a:hover {
        text-decoration: none;
        color: #930075;
    }

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 46%;
    width: 35px;
    height: 35px;
    cursor: pointer;
}

.jcarousel-control-prev {
    left: 5px;
    background: url('../images/arrow-left.png') no-repeat;
    background-size: 100% auto;
}

.jcarousel-control-next {
    right: 5px;
    background: url('../images/arrow-right.png') no-repeat;
    background-size: 100% auto;
}

#BottomNav {
    position: fixed;
    left: 0px;
    top: 61px;
}

#BottomNavLinkContainer {
    background: url("../images/BackSlideImage.png") repeat-x;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    height: 44px;
    float: left;
}

    #BottomNavLinkContainer a img {
        margin-top: 3px;
        width: 35px;
        height: 35px;
    }

#BottomNavOpenCloseButtons {
    float: left;
}

.tgpopup-button-container {
}

    .tgpopup-button-container .tgpopup-button {
        display: inline-block;
        background: #930075;
        cursor: pointer;
    }

        .tgpopup-button-container .tgpopup-button:hover {
            background: #B50090;
        }

    .tgpopup-button-container div:first-child {
        margin-right: 8px;
    }

    .tgpopup-button-container .tgpopup-button a {
        display: inline-block;
        color: #fff;
        text-decoration: none;
        padding: 4px 8px 4px 8px;
    }

        .tgpopup-button-container .tgpopup-button a:hover {
            text-decoration: none;
        }
.tgpopup-content {
    margin-bottom: 12px;
}

    .tgpopup-content p {
        margin-bottom: 4px;
    }

.popup-dialog h2 {
    margin-top: 8px;
    color: #930075;
}

.popup-dialog-buttons {
    text-align: center;
    margin-top: 24px;
}

.link-button {
    background: #930075;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    padding: 4px 8px 4px 8px;
    display: inline-block; /*Required for height calcs*/
    margin-right: 8px;
}

    .link-button:hover {
        background: #B50090;
        color: #fff;
        text-decoration: none;
    }

.gallery-list {
    list-style-type: none;
    margin: 0 0 0 8px;
    padding: 0;
    float: left;
}

    .gallery-list li {
        list-style-type: none;
        margin: 15px 15px 0 0;
        padding: 0;
        display: inline-block;
        float: left;
    }

        .gallery-list li img {
            width: 280px;
        }

#loading-spinner {
    background: #000;
    border-radius: 4px;
    opacity: 0.8;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

    #loading-spinner p {
        color: #fff;
        padding: 0 32px 12px 32px;
        max-width: 280px;
    }

    #loading-spinner .spinner-div {
        margin-top: 12px;
        display: inline-block;
        width: 44px;
        height: 44px;
        background: url('../library/fancybox/source/fancybox_loading.gif') center center no-repeat;
    }

.tile-browse-button {
    background: url('../images/button-browse.png') no-repeat;
    background-size: contain;
}

.tile-browse-button-selected {
    background: url('../images/button-browse-selected.png') no-repeat;
    background-size: contain;
}

.tile-filter-button {
    background: url('../images/button-filter.png') no-repeat;
    background-size: contain;
}

.tile-filter-button-selected {
    background: url('../images/button-filter-selected.png') no-repeat;
    background-size: contain;
}

.tile-recent-button {
    background: url('../images/button-recent.png') no-repeat;
    background-size: contain;
}

.tile-recent-button-selected {
    background: url('../images/button-recent-selected.png') no-repeat;
    background-size: contain;
}

.tile-fave-button {
    background: url('../images/button-fave.png') no-repeat;
    background-size: contain;
}

.tile-fave-button-selected {
    background: url('../images/button-fave-selected.png') no-repeat;
    background-size: contain;
}

.tile-search-button {
    background: url('../images/icon-search.png') no-repeat;
    background-size: contain;
}

.tile-search-button-selected {
    background: url('../images/icon-search-selected.png') no-repeat;
    background-size: contain;
}

.border-browse-button {
    background: url('../images/button-browse.png') no-repeat;
    background-size: contain;
}

.border-browse-button-selected {
    background: url('../images/button-browse-selected.png') no-repeat;
    background-size: contain;
}

.border-filter-button {
    background: url('../images/button-filter.png') no-repeat;
    background-size: contain;
}

.border-filter-button-selected {
    background: url('../images/button-filter-selected.png') no-repeat;
    background-size: contain;
}

.border-recent-button {
    background: url('../images/button-recent.png') no-repeat;
    background-size: contain;
}

.border-recent-button-selected {
    background: url('../images/button-recent-selected.png') no-repeat;
    background-size: contain;
}

.border-fave-button {
    background: url('../images/button-fave.png') no-repeat;
    background-size: contain;
}

.border-fave-button-selected {
    background: url('../images/button-fave-selected.png') no-repeat;
    background-size: contain;
}

.border-search-button {
    background: url('../images/icon-search.png') no-repeat;
    background-size: contain;
}

.border-search-button-selected {
    background: url('../images/icon-search-selected.png') no-repeat;
    background-size: contain;
}

#accordion .paint-thumbnail {
    display: table-cell;
    padding: 4px;
    width: 70px;
    text-align: center;
}

    #accordion .paint-thumbnail img {
        width: 70px;
        height: 70px;
    }

    #accordion .paint-thumbnail span {
        font-size: smaller;
    }

#accordion .grout-thumbnail {
    display: table-cell;
    padding: 4px;
    width: 70px;
    text-align: center;
}

    #accordion .grout-thumbnail img {
        width: 70px;
        height: 70px;
    }

    #accordion .grout-thumbnail span {
        font-size: smaller;
    }

#toolbar-noselection-prompt {
    background: url('../images/white-bg-transparent.png') repeat;
}

.panel-group .toolbar-panel {
    background: initial;
}

.panel-default > .panel-heading {
    background: url('../images/white-bg-transparent.png') repeat;
}

.panel-body {
    background: url('../images/white-bg-transparent.png') repeat;
}

.panel-group .toolbar-panel {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: solid 1px #444;
}

    .panel-group .toolbar-panel .panel-heading {
        padding: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border: none;
        cursor: pointer;
        position: relative;
    }

.panel-group .panel-heading + .panel-collapse > .panel-body {
    border: none;
    border-top: solid 1px #444;
}

.panel-group .toolbar-panel + .toolbar-panel {
    margin-top: 0;
    border-top: none;
}

.panel-group .toolbar-panel .panel-title {
    margin: 0;
}

.panel-group .toolbar-panel .panel-title-selection {
    margin: 4px 0 0 0;
    display: none;
    font-size: 0.8em;
    width: 202px;
}

.panel-group .toolbar-panel .panel-title-wrapper {
    display: table-cell;
    vertical-align: middle;
    padding-left: 12px;
}

#accordion .panel-thumb-img {
    width: 60px;
    height: 60px;
    top: 4px;
    right: 4px;
    position: absolute;
    display: none;
}

#accordion .panel-tile-thumb-img {
    top: 4px;
    right: 4px;
    position: absolute;
    display: none;
}

#accordion .panel-border-thumb-img {
    top: 4px;
    right: 4px;
    position: absolute;
    display: none;
}

#accordionPanelTilePattern,
#accordionPanelBorderSelection label {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.15em;
}

.panel-group .toolbar-panel .panel-title {
    text-transform: uppercase;
    font-size: 1.2em;
}

.toolbar-panel {
    font-family: 'Kamerik 105','Trebuchet MS';
}

.panel-openclose {
    display: table-cell;
    width: 68px;
    height: 68px;
}

.panel-openclose-paint {
    background: url('../images/toolbar-paint-expand.png') no-repeat;
}

.panel-openclose-paint-showclose {
    background: url('../images/toolbar-paint-collapse.png') no-repeat;
}

.panel-openclose-tile {
    background: url('../images/toolbar-tile-expand.png') no-repeat;
}

.panel-openclose-tile-showclose {
    background: url('../images/toolbar-tile-collapse.png') no-repeat;
}

.panel-openclose-pattern {
    background: url('../images/toolbar-pattern-expand.png') no-repeat;
}

.panel-openclose-pattern-showclose {
    background: url('../images/toolbar-pattern-collapse.png') no-repeat;
}

.panel-openclose-border {
    background: url('../images/toolbar-border-expand.png') no-repeat;
}

.panel-openclose-border-showclose {
    background: url('../images/toolbar-border-collapse.png') no-repeat;
}

.panel-openclose-grout {
    background: url('../images/toolbar-grout-expand.png') no-repeat;
}

.panel-openclose-grout-showclose {
    background: url('../images/toolbar-grout-collapse.png') no-repeat;
}


.toolbar-open {
    background: url('../images/toolbar-open.png') no-repeat;
    background-size: 100% auto;
    cursor: pointer;
    height: 70px;
    width: 40px;
    position: absolute;
    top: 0px;
    left: -40px;
}

.toolbar-close {
    background: url('../images/toolbar-close.png') no-repeat;
    background-size: 100% auto;
    cursor: pointer;
    height: 70px;
    width: 40px;
    position: absolute;
    top: 0px;
    left: -40px;
}

.icon-zoom {
    background: url('../images/icon-zoom.png') no-repeat center center;
    background-size: contain;
}

    .icon-zoom:hover {
        background: url('../images/icon-zoom-hover.png') no-repeat center center;
        background-size: contain;
    }

.icon-fave, .icon-fave-selected, .icon-multiselect, .icon-multiselect-selected {
    display: inline-block;
    width: 17px;
    height: 17px;
    cursor: pointer;
}

.icon-fave {
    background: url('../images/icon-fave.png') no-repeat center left;
    background-size: contain;
    vertical-align: middle;
}

.icon-fave-selected {
    background: url('../images/icon-fave-selected.png') no-repeat center center;
    background-size: contain;
}

.icon-fave:not(.icon-fave-selected):hover {
    background: url('../images/icon-fave-hover.png') no-repeat center center;
    background-size: contain;
}

.icon-multiselect {
    background: url('../images/multiselect-off.png') no-repeat center center;
    background-size: contain;
    vertical-align: middle;
}

.icon-multiselect-selected {
    background: url('../images/multiselect-on.png') no-repeat center center;
    background-size: contain;
}

.icon-multiselect:not(.icon-multiselect-selected):hover {
    background: url('../images/multiselect-hover.png') no-repeat center center;
    background-size: contain;
}

.textgrey .icon-multiselect:hover {
    background: url('../images/multiselect-off.png') no-repeat center center;
    background-size: contain;
}

.icon-delete {
    background: url('../images/icon-delete.jpg') no-repeat;
    background-size: contain;
}

.gallery-thumb {
    display: table-cell;
    padding: 6px;
    position: relative;
}

    .gallery-thumb a {
        display: block;
    }

        .gallery-thumb a img {
            width: 280px;
            height: 157px;
        }

    .gallery-thumb span {
        display: inline-block;
        margin-top: 6px;
        margin-bottom: 10px;
        width: 280px;
        text-align: center;
        font-weight: normal;
        font-size: 0.9em;
    }

.benchmarx-block, .wickes-block {
    width: 15%;
    min-width: 250px;
    padding: 20px;
    color: white;
    position: absolute;
    right: 0px;
    bottom: 0;
    text-align: center;
}

    .benchmarx-block img {
        width: 60%;
        margin-bottom: 5%;
    }

    .wickes-block img {
        width: 30%;
        margin-bottom: 5%;
    }



@media(max-width : 1900px) {
    .tips-container {
        font-size: 19px !important;
    }

    .benchmarx-block, .wickes-block {
        font-size: 15px !important;
    }
}

@media(max-width : 1400px) {
    .tips-container {
        font-size: 11px !important;
    }

    .benchmarx-block, .wickes-block {
        font-size: 13px !important;
    }
}

@media(max-width : 1200px) {
    .tips-container {
        font-size: 17px !important;
    }

    .benchmarx-block, .wickes-block {
        font-size: 12px !important;
    }
}

@media(max-width : 900px) {
    .tips-container {
        font-size: 14px !important;
    }

    .benchmarx-block, .wickes-block {
        font-size: 11px !important;
    }
}

@media(max-width : 660px) {
    .tips-container {
        font-size: 12px !important;
    }

    .benchmarx-block, .wickes-block {
        font-size: 9px !important;
    }
}

@media(max-width : 400px) {
    .tips-container {
        font-size: 10px !important;
    }

    .benchmarx-block, .wickes-block {
        font-size: 8px !important;
    }
    
}

.img-arrow {
    width: 15%;
    margin-top: -10%;
}

.rotate-right {
    float: right;
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}

    .rotate-right:after {
        clear: both;
    }

.rotate-left {
    float: left;
    transform: rotate(220deg);
    -o-transform: rotate(220deg);
    -webkit-transform: rotate(220deg);
    -moz-transform: rotate(220deg);
}

.rotate-down {
    float: left;
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.rotate-left:after {
    clear: both;
}

.rotate-down:after {
    clear: both;
}

.tips-container {
    width: 10%;
    text-align: center;
    font-size: 25px;
    color: #fff;
    position: absolute;
    font-family: iransans;
}
 @font-face {
    font-family: Blackjar; /* Гарнитура шрифта */
    src: url(../fonts/Blackjar.ttf) format('truetype'); /* Путь к файлу со шрифтом */
   }

 @font-face {
 font-family: "Kamerik 105";
 src: url('../fonts/Talbot%20Type%20-%20Kamerik105-Book.eot') format('embedded-opentype'),
      url('../fonts/Talbot%20Type%20-%20Kamerik105-Book.otf') format('otf'),
      url('../fonts/Talbot%20Type%20-%20Kamerik105-Book.ttf') format('truetype'),
      url('../fonts/Talbot%20Type%20-%20Kamerik105-Book.woff') format('woff'),
      url('../fonts/Talbot%20Type%20-%20Kamerik105-Book.html') format('woff2');
}

.cobe{
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -o-perspective: 600px;
    perspective: 600px;
    position: relative;
}
.mainback img {
    display: block;
    background-size: cover;
    width: 1366px;
    position: relative;
}



.cube-face {
  width: inherit;
  height: inherit;
  position: absolute;
  background: #c1c1c1;
  opacity: 0.7;
  overflow: hidden;
}

.mainback {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 1366px;
    height: 765px;
}
/*room one */

#room-one .cube-face-front {
  background: #c1c1c1;
  transform: translate3d(0, 0, 75px);
}

#room-one .cube-face-back {
  background: #c1c1c1;
  transform: rotateY(00deg) translate3d(0, 0, 75px);
  width: 674px;
  height: 536px;
  left: 341px;
}

#room-one .cube-face-back2 {
  background: ##c1c1c1;
  transform: rotateY(140deg) translate3d(0, 0, 75px);
  width: 231px;
  height: 649px;
  left: 1068px;
}

#room-one .cube-face-back3 {
  background: ##c1c1c1;
  transform: rotateY(180deg) translate3d(0, 0, 75px);
  width: 54px;
  height: 559px;
  left: 1057px;
}

#room-one .cube-face-left {
  background: #c1c1c1;
transform: rotateY(47deg);
    width: 400px;
    height: 666px;
    left: -75px;
}

#room-one .cube-face-right {
  background: #c1c1c1;
  transform: rotateY(-42deg);
  width: 37px;
  height: 547px;
  left: 1018px;
}

#room-one .cube-face-top {
  background: #c1c1c1;
  transform: rotateX(90deg) translate3d(0, 0, 75px);
}

#room-one .cube-face-bottom {
  background: #c1c1c1;
    transform: rotateX(119.5deg);
    width: 944px;
    height: 436px;
    left: 240px;
    top: 378px;
}


/* room two */

#room-two .cube-face-front {
  background: #c1c1c1;
  transform: translate3d(0, 0, 75px);
}

#room-two .cube-face-back {
  background: #c1c1c1;
  transform: rotateY(180deg) translate3d(0, 0, 75px);
  width: 677px;
  height: 574px;
  left: 344px;
}

#room-two .cube-face-left {
  background: #c1c1c1;
  transform: rotateY(45.5deg);
  width: 683px;
  height: 817px;
  left: -102px;
  top: -142px;
}

#room-two .cube-face-right {
  background: #c1c1c1;
  transform: rotateY(-45deg);
  width: 706px;
  height: 822px;
  right: -112px;
  top: -144px;
}

#room-two .cube-face-top {
  background: #c1c1c1;
  transform: rotateX(90deg) translate3d(0, 0, 75px);
}

#room-two .cube-face-bottom {
  background: #c1c1c1;
  transform: rotateX(111.5deg);
  width: 904px;
  height: 436px;
  left: 229px;
  top: 469px;
}


/* room three */

#room-three .cube-face-front {
  background: #c1c1c1;
  transform: translate3d(0, 0, 75px);
}

#room-three .cube-face-back {
  background: #c1c1c1;
  transform: rotateY(180deg) translate3d(0, 0, 75px);
  width: 889px;
  height: 563px;
  left: 269px;
}

#room-three .cube-face-left {
  background: #c1c1c1;
  transform: rotateY(40.5deg);
  width: 436px;
  height: 618px;
  left: -53px;
}

#room-three .cube-face-right {
  background: #c1c1c1;
  transform: rotateY(-38deg);
  width: 325px;
  height: 593px;
  right: -49px;
  top: 16px;
}

#room-three .cube-face-top {
  background: #c1c1c1;
  transform: rotateX(90deg) translate3d(0, 0, 75px);
}

#room-three .cube-face-bottom {
  background: #c1c1c1;
  -webkit-transform: rotateX(122.5deg);
  -moz-transform: rotateX(122.5deg);
  -o-transform: rotateX(122.5deg);
  transform: rotateX(122.5deg);
  width: 613px;
  height: 545px;
  left: 111px;
  top: 360px;
  display: inline-block;
}

#room-three .cube-face-bottom2 {
    background: #c1c1c1;
    -webkit-transform: rotateX(122.5deg);
    -moz-transform: rotateX(122.5deg);
    -o-transform: rotateX(122.5deg);
    transform: rotateX(122.5deg);
    width: 613px;
    height: 545px;
    right: 57px;
    top: 360px;
    display: inline-block;
}

/* room four */

#room-four .cube-face-front {
  background: #c1c1c1;
  transform: translate3d(0, 0, 75px);
}

#room-four .cube-face-back {
  background: #c1c1c1;
  transform: rotateY(180deg) translate3d(0, 0, 75px);
  width: 917px;
  height: 576px;
  left: 224px;
}

#room-four .cube-face-back2 {
  background: #c1c1c1;
  transform: rotateY(141deg) translate3d(0, 0, 75px);
  width: 44px;
  height: 567px;
  right: 363px;
}

#room-four .cube-face-back3 {
  background: #c1c1c1;
  transform: rotateY(180deg) translate3d(0, 0, 75px);
  width: 121px;
  height: 567px;
  right: 221px;
}

#room-four .cube-face-left {
  background: #c1c1c1;
  transform: rotateY(38.5deg);
  width: 337px;
  height: 771px;
  left: -39px;
  top: -143px;
}

#room-four .cube-face-right {
  background: #c1c1c1;
  transform: rotateY(-35deg);
  width: 357px;
  height: 701px;
  right: -65px;
  top: -55px;
}

#room-four .cube-face-top {
  background: #c1c1c1;
  transform: rotateX(90deg) translate3d(0, 0, 75px);
}

#room-four .cube-face-bottom {
  background: #c5c5c5;
  -webkit-transform: rotateX(94deg) translatez(0px);
  width: 684px;
  height: 600px;
  left: 2px;
  top: 375px;
}


/* room five */

#room-five .cube-face-front {
  background: #c1c1c1;
  transform: translate3d(0, 0, 75px);
}

#room-five .cube-face-back {
  background: #c1c1c1;
  transform: rotateY(180deg) translate3d(0, 0, 75px);
  width: 1061px;
  height: 383px;
  left: 244px;
  top: -65px;
}

#room-five .cube-face-back2 {
  background: ##c1c1c1;
  transform: rotateY(73deg);
  width: 26px;
  height: 567px;
  right: 123px;
  display: none;
}

#room-five .cube-face-back3 {
  background: ##c1c1c1;
  transform: rotateY(180deg) translate3d(0, 0, 75px);
  width: 65px;
  height: 567px;
  right: 59px;
  display: none;
}

#room-five .cube-face-left {
  background: #c1c1c1;
  transform: rotateY(51.5deg);
  width: 525px;
  height: 680px;
  left: -100px;
  top: -173px;
}

#room-five .cube-face-right {
  background: #c1c1c1;
  transform: rotateY(-34deg);
  width: 39px;
  height: 617px;
  right: 10px;
}

#room-five .cube-face-top {
  background: #c1c1c1;
  transform: rotateX(90deg) translate3d(0, 0, 75px);
}

#room-five .cube-face-bottom {
  background: #c1c1c1;
  transform: rotateX(104.5deg);
  width: 1139px;
  height: 627px;
  left: 40px;
  top: 217px;
}



li.tilepo {
    float: left;
    /* width: 10%; */
    display: inline-block;
}


.cube-face-back li.tilepo a img {
    height: 80px;
    width: 160px;
    border: 1px solid #e6e7e7;
}
.sidebarFurtherRoomScene a {
    display: block;
}
#rooms:before {
    position: absolute;
    width: 89%;
    height: 90%;
    content: "";
    cursor: pointer;
}

div#rooms {
    position: relative;
}

.sidebarFurtherRoomScene {
    width: 338px;
    height: 187px;
}
div#sidebarFurtherRoomSceneScrollers {
    position: relative;
    overflow-y: auto;
    bottom: 0;
    width: 100%;
    height: 573px;
}
div#sidebarFurtherRoomSceneScroller{display:none;}

div#room-three {
    display: none;
}

div#room-two {
    display: none;
}

div#room-five {
    display: none;
}
.box.red {
    width: 1366px;
    height: 100px;
    margin: 0 auto;
    background: #23001c;
    margin-top: -154px;
    position: relative;
}

#errorAlert{display:none;}
div#paintResults {
    display: none !important;
}


.cube-face-back .tilepo {
    width: 16.6%;
}

.cube-face-left .tilepo {
    width: 33.33%;
}

.cube-face-left .tilepo a img {
    height: 91px;
    width: 100% !important;
    border: 1px solid #e6e7e7;
}

.cube-face-right .tilepo {
    width: 50%;
}

.cube-face-right .tilepo a img {
    height: 93px;
    width: 179px !important;
    border: 1px solid #e6e7e7;
}

.cube-face-bottom .tilepo {
    width: 97.41px;
    position: relative;
}

.cube-face-bottom .tilepo a img {
    width: 100px;
    height: 100px;
    border: 1px solid #d5d6d6;
}
#room-three .cube-face-back li.tilepo a img {
    height: 65px;
    width: 130px;
    border: 1px solid #e6e7e7;
}

#room-three .cube-face-back li.tilepo {
    width: 14.25%;
}

#room-three .cube-face-left .tilepo {
    width: 33.33%;
}

#room-three .cube-face-left .tilepo a img {
    height: 80px;
    width: 100% !important;
    border: 1px solid #e6e7e7;
}
#room-three .cube-face-right .tilepo {
    width: 33%;
}

#room-three .cube-face-right .tilepo a img {
    height: 77px;
    width: 179px !important;
    border: 1px solid #e6e7e7;
}

#room-three .cube-face-right .tilepo {
    width: 33%;
}

#room-three .cube-face-right .tilepo a img {
    height: 77px;
    width: 179px !important;
    border: 1px solid #e6e7e7;
}

#room-two .cube-face-back .tilepo {
    height: 65px;
    border: 1px solid #e6e7e7;
    width: 16.6%;
}

#room-two .cube-face-back .tilepo a img {
    height: 65px;
    width: 130px;
    border: 1px solid #e6e7e7;
}

#room-two .cube-face-left .tilepo {
    width: 25%;
}

#room-two .cube-face-left .tilepo a img {
    height: 92px;
    width: 100% !important;
    border: 1px solid #e6e7e7;
}

#room-two .cube-face-right .tilepo {
    width: 25%;
}


#room-five .cube-face-back .tilepo {
    width: 12.5%;
}

#room-five .cube-face-back .tilepo a img {
    height: 65px;
    width: 137px;
    border: 1px solid #e6e7e7;
}
canvas#mainCanvas {
    display: none !important;
}
.sidebarFurtherProduct.floors .sidebarFurtherProductInner {
    margin: 0;
}
div#sidebarProductResults1 {
    margin-top: 28px;
    overflow-y: scroll;
    height: 500px;
}

div#hiddenTips {
    display: none !important;
}
div#sidebarProductResults1 h3 {
    font-size: 16px;
    padding: 10px 17px;
    background: #930075;
    margin: 0 10px;
    color: #fff;
}
#tileLayoutPanel  h3 {
    font-size: 16px;
    padding: 10px 17px;
    background: #930075;
    margin: 0 10px;
    color: #fff;
}
.sidebarFurtherProductFavourite {
    display: none;
}
#room-four .cube-face-bottom2 {
    background: #c5c5c5;
    -webkit-transform: rotateX(94deg) translatez(0px);
    width: 684px;
    height: 600px;
    right: -26px;
    top: 375px;
}
.cube-face-bottom2 .tilepo a img {
    width: 100px;
    height: 100px;
    border: 1px solid #d5d6d6;
}

.cube-face-bottom2 .tilepo {
    width: 97.41px;
    position: relative;
}
#room-two .cube-face-bottom .tilepo {
    width: 100.3px;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Kamerik 105', Trebuchet MS;
    overflow: hidden;
}

.FullScreenToggle {
    position: absolute;
    top: 0;
    left: 0;
}

.ShowMenuToggle {
    display: inline-block;
}

    .ShowMenuToggle a {
        margin: 0;
    }

    .ShowMenuToggle img {
        height: 58px;
    }

    .ShowMenuToggle .openmenu {
        display: none;
    }

.SiteLogo {
    display: inline-block;
}

    .SiteLogo img {
        height: 42px;
        width: 130px;
        margin: 8px 10px 8px 10px;
    }

.NavMain {
    font-size: 0; /* Fix gaps between inline elements */
    height: 58px;
    position: absolute;
    left: 0;
    top: 1px;
    overflow: hidden;
}

.navmain-content {
    display: inline-block;
    background: url('../images/white-bg-transparent.png') repeat;
}

.NavMain ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.NavMain li {
    border-right: 1px solid #000000;
    display: inline-block;
    padding: 0 12px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}

    .NavMain li:first-child {
        border-left: 1px solid #000000;
    }

.NavMain ul a {
    text-decoration: none;
    color: #000000;
    display: table-cell;
    height: 58px;
    width: 80px;
    vertical-align: middle;
    font-size: 14px;
}

    .NavMain ul a:hover {
        text-decoration: none;
        color: #930075;
    }

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 46%;
    width: 35px;
    height: 35px;
    cursor: pointer;
}

.jcarousel-control-prev {
    left: 5px;
    background: url('../images/arrow-left.png') no-repeat;
    background-size: 100% auto;
}

.jcarousel-control-next {
    right: 5px;
    background: url('../images/arrow-right.png') no-repeat;
    background-size: 100% auto;
}

#BottomNav {
    position: fixed;
    left: 0px;
    top: 61px;
}

#BottomNavLinkContainer {
    background: url("../images/BackSlideImage.png") repeat-x;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    height: 44px;
    float: left;
}

    #BottomNavLinkContainer a img {
        margin-top: 3px;
        width: 35px;
        height: 35px;
    }

#BottomNavOpenCloseButtons {
    float: left;
}

.tgpopup-button-container {
}

    .tgpopup-button-container .tgpopup-button {
        display: inline-block;
        background: #930075;
        cursor: pointer;
    }

        .tgpopup-button-container .tgpopup-button:hover {
            background: #B50090;
        }

    .tgpopup-button-container div:first-child {
        margin-right: 8px;
    }

    .tgpopup-button-container .tgpopup-button a {
        display: inline-block;
        color: #fff;
        text-decoration: none;
        padding: 4px 8px 4px 8px;
    }

        .tgpopup-button-container .tgpopup-button a:hover {
            text-decoration: none;
        }
.tgpopup-content {
    margin-bottom: 12px;
}

    .tgpopup-content p {
        margin-bottom: 4px;
    }

.popup-dialog h2 {
    margin-top: 8px;
    color: #930075;
}

.popup-dialog-buttons {
    text-align: center;
    margin-top: 24px;
}

.link-button {
    background: #930075;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    padding: 4px 8px 4px 8px;
    display: inline-block; /*Required for height calcs*/
    margin-right: 8px;
}

    .link-button:hover {
        background: #B50090;
        color: #fff;
        text-decoration: none;
    }

.gallery-list {
    list-style-type: none;
    margin: 0 0 0 8px;
    padding: 0;
    float: left;
}

    .gallery-list li {
        list-style-type: none;
        margin: 15px 15px 0 0;
        padding: 0;
        display: inline-block;
        float: left;
    }

        .gallery-list li img {
            width: 280px;
        }

#loading-spinner {
    background: #000;
    border-radius: 4px;
    opacity: 0.8;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

    #loading-spinner p {
        color: #fff;
        padding: 0 32px 12px 32px;
        max-width: 280px;
    }

    #loading-spinner .spinner-div {
        margin-top: 12px;
        display: inline-block;
        width: 44px;
        height: 44px;
        background: url('../library/fancybox/source/fancybox_loading.gif') center center no-repeat;
    }

.tile-browse-button {
    background: url('../images/button-browse.png') no-repeat;
    background-size: contain;
}

.tile-browse-button-selected {
    background: url('../images/button-browse-selected.png') no-repeat;
    background-size: contain;
}

.tile-filter-button {
    background: url('../images/button-filter.png') no-repeat;
    background-size: contain;
}

.tile-filter-button-selected {
    background: url('../images/button-filter-selected.png') no-repeat;
    background-size: contain;
}

.tile-recent-button {
    background: url('../images/button-recent.png') no-repeat;
    background-size: contain;
}

.tile-recent-button-selected {
    background: url('../images/button-recent-selected.png') no-repeat;
    background-size: contain;
}

.tile-fave-button {
    background: url('../images/button-fave.png') no-repeat;
    background-size: contain;
}

.tile-fave-button-selected {
    background: url('../images/button-fave-selected.png') no-repeat;
    background-size: contain;
}

.tile-search-button {
    background: url('../images/icon-search.png') no-repeat;
    background-size: contain;
}

.tile-search-button-selected {
    background: url('../images/icon-search-selected.png') no-repeat;
    background-size: contain;
}

.border-browse-button {
    background: url('../images/button-browse.png') no-repeat;
    background-size: contain;
}

.border-browse-button-selected {
    background: url('../images/button-browse-selected.png') no-repeat;
    background-size: contain;
}

.border-filter-button {
    background: url('../images/button-filter.png') no-repeat;
    background-size: contain;
}

.border-filter-button-selected {
    background: url('../images/button-filter-selected.png') no-repeat;
    background-size: contain;
}

.border-recent-button {
    background: url('../images/button-recent.png') no-repeat;
    background-size: contain;
}

.border-recent-button-selected {
    background: url('../images/button-recent-selected.png') no-repeat;
    background-size: contain;
}

.border-fave-button {
    background: url('../images/button-fave.png') no-repeat;
    background-size: contain;
}

.border-fave-button-selected {
    background: url('../images/button-fave-selected.png') no-repeat;
    background-size: contain;
}

.border-search-button {
    background: url('../images/icon-search.png') no-repeat;
    background-size: contain;
}

.border-search-button-selected {
    background: url('../images/icon-search-selected.png') no-repeat;
    background-size: contain;
}

#accordion .paint-thumbnail {
    display: table-cell;
    padding: 4px;
    width: 70px;
    text-align: center;
}

    #accordion .paint-thumbnail img {
        width: 70px;
        height: 70px;
    }

    #accordion .paint-thumbnail span {
        font-size: smaller;
    }

#accordion .grout-thumbnail {
    display: table-cell;
    padding: 4px;
    width: 70px;
    text-align: center;
}

    #accordion .grout-thumbnail img {
        width: 70px;
        height: 70px;
    }

    #accordion .grout-thumbnail span {
        font-size: smaller;
    }

#toolbar-noselection-prompt {
    background: url('../images/white-bg-transparent.png') repeat;
}

.panel-group .toolbar-panel {
    background: initial;
}

.panel-default > .panel-heading {
    background: url('../images/white-bg-transparent.png') repeat;
}

.panel-body {
    background: url('../images/white-bg-transparent.png') repeat;
}

.panel-group .toolbar-panel {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: solid 1px #444;
}

    .panel-group .toolbar-panel .panel-heading {
        padding: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border: none;
        cursor: pointer;
        position: relative;
    }

.panel-group .panel-heading + .panel-collapse > .panel-body {
    border: none;
    border-top: solid 1px #444;
}

.panel-group .toolbar-panel + .toolbar-panel {
    margin-top: 0;
    border-top: none;
}

.panel-group .toolbar-panel .panel-title {
    margin: 0;
}

.panel-group .toolbar-panel .panel-title-selection {
    margin: 4px 0 0 0;
    display: none;
    font-size: 0.8em;
    width: 202px;
}

.panel-group .toolbar-panel .panel-title-wrapper {
    display: table-cell;
    vertical-align: middle;
    padding-left: 12px;
}

#accordion .panel-thumb-img {
    width: 60px;
    height: 60px;
    top: 4px;
    right: 4px;
    position: absolute;
    display: none;
}

#accordion .panel-tile-thumb-img {
    top: 4px;
    right: 4px;
    position: absolute;
    display: none;
}

#accordion .panel-border-thumb-img {
    top: 4px;
    right: 4px;
    position: absolute;
    display: none;
}

#accordionPanelTilePattern,
#accordionPanelBorderSelection label {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.15em;
}

.panel-group .toolbar-panel .panel-title {
    text-transform: uppercase;
    font-size: 1.2em;
}

.toolbar-panel {
    font-family: 'Kamerik 105','Trebuchet MS';
}

.panel-openclose {
    display: table-cell;
    width: 68px;
    height: 68px;
}

.panel-openclose-paint {
    background: url('../images/toolbar-paint-expand.png') no-repeat;
}

.panel-openclose-paint-showclose {
    background: url('../images/toolbar-paint-collapse.png') no-repeat;
}

.panel-openclose-tile {
    background: url('../images/toolbar-tile-expand.png') no-repeat;
}

.panel-openclose-tile-showclose {
    background: url('../images/toolbar-tile-collapse.png') no-repeat;
}

.panel-openclose-pattern {
    background: url('../images/toolbar-pattern-expand.png') no-repeat;
}

.panel-openclose-pattern-showclose {
    background: url('../images/toolbar-pattern-collapse.png') no-repeat;
}

.panel-openclose-border {
    background: url('../images/toolbar-border-expand.png') no-repeat;
}

.panel-openclose-border-showclose {
    background: url('../images/toolbar-border-collapse.png') no-repeat;
}

.panel-openclose-grout {
    background: url('../images/toolbar-grout-expand.png') no-repeat;
}

.panel-openclose-grout-showclose {
    background: url('../images/toolbar-grout-collapse.png') no-repeat;
}


.toolbar-open {
    background: url('../images/toolbar-open.png') no-repeat;
    background-size: 100% auto;
    cursor: pointer;
    height: 70px;
    width: 40px;
    position: absolute;
    top: 0px;
    left: -40px;
}

.toolbar-close {
    background: url('../images/toolbar-close.png') no-repeat;
    background-size: 100% auto;
    cursor: pointer;
    height: 70px;
    width: 40px;
    position: absolute;
    top: 0px;
    left: -40px;
}

.icon-zoom {
    background: url('../images/icon-zoom.png') no-repeat center center;
    background-size: contain;
}

    .icon-zoom:hover {
        background: url('../images/icon-zoom-hover.png') no-repeat center center;
        background-size: contain;
    }

.icon-fave, .icon-fave-selected, .icon-multiselect, .icon-multiselect-selected {
    display: inline-block;
    width: 17px;
    height: 17px;
    cursor: pointer;
}

.icon-fave {
    background: url('../images/icon-fave.png') no-repeat center left;
    background-size: contain;
    vertical-align: middle;
}

.icon-fave-selected {
    background: url('../images/icon-fave-selected.png') no-repeat center center;
    background-size: contain;
}

.icon-fave:not(.icon-fave-selected):hover {
    background: url('../images/icon-fave-hover.png') no-repeat center center;
    background-size: contain;
}

.icon-multiselect {
    background: url('../images/multiselect-off.png') no-repeat center center;
    background-size: contain;
    vertical-align: middle;
}

.icon-multiselect-selected {
    background: url('../images/multiselect-on.png') no-repeat center center;
    background-size: contain;
}

.icon-multiselect:not(.icon-multiselect-selected):hover {
    background: url('../images/multiselect-hover.png') no-repeat center center;
    background-size: contain;
}

.textgrey .icon-multiselect:hover {
    background: url('../images/multiselect-off.png') no-repeat center center;
    background-size: contain;
}

.icon-delete {
    background: url('../images/icon-delete.jpg') no-repeat;
    background-size: contain;
}

.gallery-thumb {
    display: table-cell;
    padding: 6px;
    position: relative;
}

    .gallery-thumb a {
        display: block;
    }

        .gallery-thumb a img {
            width: 280px;
            height: 157px;
        }

    .gallery-thumb span {
        display: inline-block;
        margin-top: 6px;
        margin-bottom: 10px;
        width: 280px;
        text-align: center;
        font-weight: normal;
        font-size: 0.9em;
    }

.benchmarx-block, .wickes-block {
    width: 15%;
    min-width: 250px;
    padding: 20px;
    color: white;
    position: absolute;
    right: 0px;
    bottom: 0;
    text-align: center;
}

    .benchmarx-block img {
        width: 60%;
        margin-bottom: 5%;
    }

    .wickes-block img {
        width: 30%;
        margin-bottom: 5%;
    }



@media(max-width : 1900px) {
    .tips-container {
        font-size: 19px !important;
    }

    .benchmarx-block, .wickes-block {
        font-size: 15px !important;
    }
}

@media(max-width : 1400px) {
    .tips-container {
        font-size: 11px !important;
    }

    .benchmarx-block, .wickes-block {
        font-size: 13px !important;
    }
}

@media(max-width : 1200px) {
    .tips-container {
        font-size: 17px !important;
    }

    .benchmarx-block, .wickes-block {
        font-size: 12px !important;
    }
}

@media(max-width : 900px) {
    .tips-container {
        font-size: 14px !important;
    }

    .benchmarx-block, .wickes-block {
        font-size: 11px !important;
    }
}

@media(max-width : 660px) {
    .tips-container {
        font-size: 12px !important;
    }

    .benchmarx-block, .wickes-block {
        font-size: 9px !important;
    }
}

@media(max-width : 400px) {
    .tips-container {
        font-size: 10px !important;
    }

    .benchmarx-block, .wickes-block {
        font-size: 8px !important;
    }
    
}

.img-arrow {
    width: 15%;
    margin-top: -10%;
}

.rotate-right {
    float: right;
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}

    .rotate-right:after {
        clear: both;
    }

.rotate-left {
    float: left;
    transform: rotate(220deg);
    -o-transform: rotate(220deg);
    -webkit-transform: rotate(220deg);
    -moz-transform: rotate(220deg);
}

.rotate-down {
    float: left;
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.rotate-left:after {
    clear: both;
}

.rotate-down:after {
    clear: both;
}

.tips-container {
    width: 10%;
    text-align: center;
    font-size: 25px;
    color: #fff;
    position: absolute;
    font-family: iransans;
}
 @font-face {
    font-family: Blackjar; /* Гарнитура шрифта */
    src: url(../fonts/Blackjar.ttf) format('truetype'); /* Путь к файлу со шрифтом */
   }

 @font-face {
 font-family: "Kamerik 105";
 src: url('../fonts/Talbot%20Type%20-%20Kamerik105-Book.eot') format('embedded-opentype'),
      url('../fonts/Talbot%20Type%20-%20Kamerik105-Book.otf') format('otf'),
      url('../fonts/Talbot%20Type%20-%20Kamerik105-Book.ttf') format('truetype'),
      url('../fonts/Talbot%20Type%20-%20Kamerik105-Book.woff') format('woff'),
      url('../fonts/Talbot%20Type%20-%20Kamerik105-Book.html') format('woff2');
}

.cobe{
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -o-perspective: 600px;
    perspective: 600px;
    position: relative;
}
.mainback img {
    display: block;
    background-size: cover;
    width: 1366px;
    position: relative;
}



.cube-face {
  width: inherit;
  height: inherit;
  position: absolute;
  background: #c1c1c1;
  opacity: 0.88;
  overflow: hidden;
}

.mainback {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 1366px;
    height: 765px;
}
/*room one */

#room-one .cube-face-front {
  background: #c1c1c1;
  transform: translate3d(0, 0, 75px);
}

#room-one .cube-face-back {
  background: #c1c1c1;
  transform: rotateY(00deg) translate3d(0, 0, 75px);
  width: 674px;
  height: 536px;
  left: 341px;
}

#room-one .cube-face-back2 {
  background: ##c1c1c1;
  transform: rotateY(140deg) translate3d(0, 0, 75px);
  width: 231px;
  height: 649px;
  left: 1068px;
}

#room-one .cube-face-back3 {
  background: ##c1c1c1;
  transform: rotateY(180deg) translate3d(0, 0, 75px);
  width: 54px;
  height: 559px;
  left: 1057px;
}

#room-one .cube-face-left {
  background: #c1c1c1;
transform: rotateY(47deg);
    width: 400px;
    height: 666px;
    left: -75px;
}

#room-one .cube-face-right {
  background: #c1c1c1;
  transform: rotateY(-42deg);
  width: 37px;
  height: 547px;
  left: 1018px;
}

#room-one .cube-face-top {
  background: #c1c1c1;
  transform: rotateX(90deg) translate3d(0, 0, 75px);
}

#room-one .cube-face-bottom {
  background: #c1c1c1;
    transform: rotateX(119.5deg);
    width: 944px;
    height: 436px;
    left: 240px;
    top: 378px;
}


/* room two */

#room-two .cube-face-front {
  background: #c1c1c1;
  transform: translate3d(0, 0, 75px);
}

#room-two .cube-face-back {
  background: #c1c1c1;
  transform: rotateY(180deg) translate3d(0, 0, 75px);
  width: 677px;
  height: 574px;
  left: 344px;
}

#room-two .cube-face-left {
  background: #c1c1c1;
  transform: rotateY(45.5deg);
  width: 683px;
  height: 817px;
  left: -102px;
  top: -142px;
}

#room-two .cube-face-right {
  background: #c1c1c1;
  transform: rotateY(-45deg);
  width: 706px;
  height: 822px;
  right: -112px;
  top: -144px;
}

#room-two .cube-face-top {
  background: #c1c1c1;
  transform: rotateX(90deg) translate3d(0, 0, 75px);
}

#room-two .cube-face-bottom {
  background: #c1c1c1;
  transform: rotateX(111.5deg);
  width: 904px;
  height: 436px;
  left: 229px;
  top: 469px;
}


/* room three */

#room-three .cube-face-front {
  background: #c1c1c1;
  transform: translate3d(0, 0, 75px);
}

#room-three .cube-face-back {
  background: #c1c1c1;
  transform: rotateY(180deg) translate3d(0, 0, 75px);
  width: 889px;
  height: 563px;
  left: 269px;
}

#room-three .cube-face-left {
  background: #c1c1c1;
  transform: rotateY(40.5deg);
  width: 436px;
  height: 618px;
  left: -53px;
}

#room-three .cube-face-right {
  background: #c1c1c1;
  transform: rotateY(-38deg);
  width: 325px;
  height: 593px;
  right: -49px;
  top: 16px;
}

#room-three .cube-face-top {
  background: #c1c1c1;
  transform: rotateX(90deg) translate3d(0, 0, 75px);
}

#room-three .cube-face-bottom {
  background: #c1c1c1;
  -webkit-transform: rotateX(122.5deg);
  -moz-transform: rotateX(122.5deg);
  -o-transform: rotateX(122.5deg);
  transform: rotateX(122.5deg);
  width: 613px;
  height: 545px;
  left: 111px;
  top: 360px;
  display: inline-block;
}

#room-three .cube-face-bottom2 {
    background: #c1c1c1;
    -webkit-transform: rotateX(122.5deg);
    -moz-transform: rotateX(122.5deg);
    -o-transform: rotateX(122.5deg);
    transform: rotateX(122.5deg);
    width: 613px;
    height: 545px;
    right: 30px;
    top: 360px;
    display: inline-block;
}

/* room four */

#room-four .cube-face-front {
  background: #c1c1c1;
  transform: translate3d(0, 0, 75px);
}

#room-four .cube-face-back {
  background: #c1c1c1;
  transform: rotateY(180deg) translate3d(0, 0, 75px);
  width: 917px;
  height: 576px;
  left: 224px;
}

#room-four .cube-face-back2 {
  background: #c1c1c1;
  transform: rotateY(141deg) translate3d(0, 0, 75px);
  width: 44px;
  height: 567px;
  right: 363px;
}

#room-four .cube-face-back3 {
  background: #c1c1c1;
  transform: rotateY(180deg) translate3d(0, 0, 75px);
  width: 121px;
  height: 567px;
  right: 221px;
}

#room-four .cube-face-left {
  background: #c1c1c1;
  transform: rotateY(38.5deg);
  width: 337px;
  height: 771px;
  left: -39px;
  top: -148px;
}

#room-four .cube-face-right {
  background: #c1c1c1;
  transform: rotateY(-35deg);
  width: 357px;
  height: 701px;
  right: -65px;
  top: -55px;
}

#room-four .cube-face-top {
  background: #c1c1c1;
  transform: rotateX(90deg) translate3d(0, 0, 75px);
}

#room-four .cube-face-bottom {
  background: #c5c5c5;
  -webkit-transform: rotateX(94deg) translatez(0px);
  width: 700px;
  height: 600px;
  left: 2px;
  top: 375px;
}


/* room five */

#room-five .cube-face-front {
  background: #c1c1c1;
  transform: translate3d(0, 0, 75px);
}

#room-five .cube-face-back {
  background: #c1c1c1;
  transform: rotateY(180deg) translate3d(0, 0, 75px);
  width: 1061px;
  height: 383px;
  left: 244px;
  top: -65px;
}

#room-five .cube-face-back2 {
  background: ##c1c1c1;
  transform: rotateY(73deg);
  width: 26px;
  height: 567px;
  right: 123px;
  display: none;
}

#room-five .cube-face-back3 {
  background: ##c1c1c1;
  transform: rotateY(180deg) translate3d(0, 0, 75px);
  width: 65px;
  height: 567px;
  right: 59px;
  display: none;
}

#room-five .cube-face-left {
  background: #c1c1c1;
  transform: rotateY(51.5deg);
  width: 525px;
  height: 680px;
  left: -100px;
  top: -158px;
}

#room-five .cube-face-right {
  background: #c1c1c1;
  transform: rotateY(-34deg);
  width: 39px;
  height: 617px;
  right: 10px;
}

#room-five .cube-face-top {
  background: #c1c1c1;
  transform: rotateX(90deg) translate3d(0, 0, 75px);
}

#room-five .cube-face-bottom {
  background: #c1c1c1;
  transform: rotateX(104.5deg);
  width: 640.5px;
  height: 627px;
  left: 40px;
  top: 217px;
}



li.tilepo {
    float: left;
    /* width: 10%; */
    display: inline-block;
}


.cube-face-back li.tilepo a img {
    height: 80px;
    width: 160px;
    border: 1px solid #e6e7e7;
}
.sidebarFurtherRoomScene a {
    display: block;
}
#rooms:before {
    position: absolute;
    width: 89%;
    height: 90%;
    content: "";
    cursor: pointer;
}

div#rooms {
    position: relative;
}

.sidebarFurtherRoomScene {
    width: 338px;
    height: 187px;
}
div#sidebarFurtherRoomSceneScrollers {
    position: relative;
    overflow-y: auto;
    bottom: 0;
    width: 100%;
    height: 390px;
}
div#sidebarFurtherRoomSceneScroller{display:none;}

div#room-three {
    display: none;
}

div#room-two {
    display: none;
}

div#room-five {
    display: none;
}
.box.red {
    width: 1366px;
    height: 100px;
    margin: 0 auto;
    background: #23001c;
    margin-top: -154px;
    position: relative;
    display: none;
}

#errorAlert{display:none;}
div#paintResults {
    display: none !important;
}


.cube-face-back .tilepo {
    width: 16.6%;
}

.cube-face-left .tilepo {
    width: 33.33%;
}

.cube-face-left .tilepo a img {
    height: 93px;
    width: 100% !important;
    border: 1px solid #e6e7e7;
}

.cube-face-right .tilepo {
    width: 50%;
}

.cube-face-right .tilepo a img {
    height: 93px;
    width: 179px !important;
    border: 1px solid #e6e7e7;
}

.cube-face-bottom .tilepo {
    width: 99px;
    position: relative;
    /* height: 97px; */
}
#room-five .cube-face-bottom2 {
    background: #c1c1c1;
    transform: rotateX(104.5deg);
    width: 644.5px;
    height: 627px;
    right: 42px;
    top: 217px;
}

#room-five .cube-face-bottom .tilepo {
    width: 90px;
    height: 90px;
}

#room-five .cube-face-bottom2 .tilepo {
    width: 90px;
    height: 90px;
}

.cube-face-bottom .tilepo a img {
    width: 100px;
    height: 100px;
    border: 1px solid #d5d6d6;
}
#room-three .cube-face-back li.tilepo a img {
    height: 65px;
    width: 130px;
    border: 1px solid #e6e7e7;
}

#room-three .cube-face-back li.tilepo {
    width: 14.25%;
}

#room-three .cube-face-left .tilepo {
    width: 33.33%;
}

#room-three .cube-face-left .tilepo a img {
    height: 80px;
    width: 100% !important;
    border: 1px solid #e6e7e7;
}
#room-three .cube-face-right .tilepo {
    width: 33%;
}

#room-three .cube-face-right .tilepo a img {
    height: 77px;
    width: 179px !important;
    border: 1px solid #e6e7e7;
}

#room-three .cube-face-right .tilepo {
    width: 33%;
}

#room-three .cube-face-right .tilepo a img {
    height: 77px;
    width: 179px !important;
    border: 1px solid #e6e7e7;
}

#room-two .cube-face-back .tilepo {
    height: 65px;
    border: 1px solid #e6e7e7;
    width: 16.6%;
}

#room-two .cube-face-back .tilepo a img {
    height: 65px;
    width: 130px;
    border: 1px solid #e6e7e7;
}

#room-two .cube-face-left .tilepo {
    width: 25%;
}

#room-two .cube-face-left .tilepo a img {
    height: 92px;
    width: 100% !important;
    border: 1px solid #e6e7e7;
}

#room-two .cube-face-right .tilepo {
    width: 25%;
}


#room-five .cube-face-back .tilepo {
    width: 12.5%;
}

#room-five .cube-face-back .tilepo a img {
    height: 65px;
    width: 137px;
    border: 1px solid #e6e7e7;
}
canvas#mainCanvas {
    display: none !important;
}
.sidebarFurtherProduct.floors .sidebarFurtherProductInner {
    margin: 0;
}
div#sidebarProductResults1 {
    margin-top: 28px;
    overflow-y: scroll;
    height: 375px;
}

div#hiddenTips {
    display: none !important;
}
div#sidebarProductResults1 h3 {
    font-size: 16px;
    padding: 10px 17px;
    background: #930075;
    margin: 0 10px;
    color: #fff;
}
#tileLayoutPanel  h3 {
    font-size: 16px;
    padding: 10px 17px;
    background: #930075;
    margin: 0 10px;
    color: #fff;
}
.sidebarFurtherProductFavourite {
    display: none;
}
#room-four .cube-face-bottom2 {
    background: #c5c5c5;
    -webkit-transform: rotateX(94deg) translatez(0px);
    width: 684px;
    height: 600px;
    right: -26px;
    top: 375px;
}
.cube-face-bottom2 .tilepo a img {
    width: 100px;
    height: 100px;
    border: 1px solid #d5d6d6;
}

.cube-face-bottom2 .tilepo {
    width: 97.41px;
    position: relative;
}
#room-two .cube-face-bottom .tilepo {
    width: 100.3px;
}
#room-three .cube-face-bottom li.tilepo {
    width: 102px !important;
    height: 102px;
}

#room-three .cube-face-bottom2 li.tilepo {
    width: 102px !important;
    height: 102px;
}

#room-three .cube-face-bottom li.tilepo img {
    width: 102px !important;
    height: 102px;
}

#room-three .cube-face-bottom2 li.tilepo img {
    width: 102px !important;
    height: 102px;
}
.sidebarFurtherProductImageZoom {
    display: none;
}
#room-five .cube-face-left .tilepo a img {
    height: 86px !important;
}