/*****
* header
******/
.work  header.luxarity {

  background-image: url("../img/lux-hero.jpg"/*tpa=http://www.creativeworks.com.hk/img/lux-hero.jpg*/);
}

.work  header.luxarity .luxarity-logo {
  margin: 120px auto;
  width: 80%;
  max-width: 650px;
  text-align: center;
}

.work  header.luxarity .luxarity-logo img {
  width: 100%;
}

.work  header.luxarity ul.color-square {
    display: none;
}

/** header end **/

.luxarity #sliderbar-1 {
  background-image: url("../img/lux-paperbag.jpg"/*tpa=http://www.creativeworks.com.hk/img/lux-paperbag.jpg*/);
}
.luxarity #sliderbar-2 {
  background-image: url("../img/lux-stationary.jpg"/*tpa=http://www.creativeworks.com.hk/img/lux-stationary.jpg*/);
}

.luxarity .siteshow {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-height: 1300px;
  background: #333;
  background-size: cover;
  background-image: url("../img/lux-shoes.jpg"/*tpa=http://www.creativeworks.com.hk/img/lux-shoes.jpg*/);
  background-position: center center;
}

.luxarity .siteshow p {
  color: white;
}

.luxarity .slider {
  position: relative;
  overflow: hidden;
  height: 200px;
}

.work footer.luxarity {
     background-image: url("../img/ana-hero-dark.jpg"/*tpa=http://www.creativeworks.com.hk/img/ana-hero-dark.jpg*/);
}

.flexslider .slides div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
	text-indent: -99999px;
}
.flexslider .slides div#lux-slider-1 {
  background-image: url("../img/lux-slider-1.jpg"/*tpa=http://www.creativeworks.com.hk/img/lux-slider-1.jpg*/);
}
.flexslider .slides div#lux-slider-2 {
  background-image: url("../img/lux-slider-2.jpg"/*tpa=http://www.creativeworks.com.hk/img/lux-slider-2.jpg*/);
}
.flexslider .slides div#lux-slider-3 {
  background-image: url("../img/lux-slider-3.jpg"/*tpa=http://www.creativeworks.com.hk/img/lux-slider-3.jpg*/);
}
.flexslider .slides div#lux-slider-4 {
  background-image: url("../img/lux-slider-4.jpg"/*tpa=http://www.creativeworks.com.hk/img/lux-slider-4.jpg*/);
}
.flexslider .slides div#lux-slider-5 {
  background-image: url("../img/lux-slider-5.jpg"/*tpa=http://www.creativeworks.com.hk/img/lux-slider-5.jpg*/);
}
.flexslider .slides div#lux-slider-6 {
  background-image: url("../img/lux-slider-6.jpg"/*tpa=http://www.creativeworks.com.hk/img/lux-slider-6.jpg*/);
}

@media (min-width: 771px) {
        
        .work header.luxarity  .luxarity-logo {

          margin: 210px auto 160px;
        }

        .work header.luxarity  ul.color-square {
          display: block;
          width: 400px;  
          float: right;
          list-style: none;
          margin-top: -150px;
          margin-right: 8px;
          position: relative;
        }

        .work header.luxarity  ul.color-square li {
          width: 80px;
          height: 80px;
          float: right;

        }

        .work header.luxarity  ul.color-square li:nth-child(1){
          background: #F5D533;
        }
        .work header.luxarity  ul.color-square li:nth-child(2){
          background: #FFBF48;
        }
        .work header.luxarity  ul.color-square li:nth-child(3){
          background: #F79329;
        }
        .work header.luxarity  ul.color-square li:nth-child(4){
          background: #F46E50;
        }
        .work header.luxarity  ul.color-square li:nth-child(5){
          background: #F74648;
        }
        .work header.luxarity  ul.color-square li:nth-child(6){
          background: #EEEEEE;
        }
        .work header.luxarity  ul.color-square li:nth-child(7){
          background: #B5B4B0;
        }
        .work header.luxarity  ul.color-square li:nth-child(8){
          background: #9C9B97;
        }
        .work header.luxarity  ul.color-square li:nth-child(9){
          background: #252525;
        }

        .work .luxarity .slider {
          height: 660px;
        }

}