#topBannerBlock { width: 100%; margin: 0; padding: 0; height: auto; background: #fff; position: relative; z-index: 40; }
#homeBanner { height: 530px; position: relative; width: 100%; overflow-x: hidden; }
#homeBanner .homeBannerBox { width: 100%; height: 530px; background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative; }
#homeBanner .homeBannerBox .bannerTxt { position: absolute; right: 2%; width: 40%; padding: 100px 2% 0 2%; font: 400 20px/1.7em 'Open Sans', sans-serif; color: #000; text-align: center; background: rgba(255,255,255,0.5); }
#homeBanner .homeBannerBox .bannerTxt h2 { font: 300 50px/50px 'Open Sans', sans-serif; color: #444; margin: 0 0 10px 0; }
#homeBanner .homeBannerBox .bannerTxt h3 { font: 400 30px/30px 'Open Sans', sans-serif; color: #000; margin: 0 0 2em 0; }
#homeBanner .cycle-prev,
#homeBanner .cycle-next { color: #ccc; text-shadow: 1px 1px 1px #000; font-size: 40px; line-height: 40px; position: absolute; top: 40%; display: block; width: 40px; padding: 5px 0px 3px 0px; height: auto; z-index: 112; text-decoration: none; text-align: center; }
#homeBanner .cycle-prev { left: -40px; border-radius: 0px 4px 4px 0px; transition: left 0.2s linear; }
#homeBanner .cycle-next { right: -40px; border-radius: 4px 0px 0px 4px; transition: right 0.2s linear; }
#homeBanner:hover .cycle-prev { left: 0px; }
#homeBanner:hover .cycle-next { right: 0px; }
#homeBanner .cycle-prev.disabled,
#homeBanner .cycle-next.disabled { color: #cccccc; }


 #content-lhs {float:left;width:100%;overflow:hidden;padding-bottom:20px;min-height:530px;font-size:13px;line-height:15px;}
        #content-lhs h3 {color:#ffffff;background-color:#d3aa98;font-size:13px;line-height:16px;padding:10px 18px;font-weight:400;margin:0 0 7px;}
        #content-lhs h4 {margin-bottom:7px;}

        #content-lhs .shopMenu {padding:15px 18px;background-color:#efefef;border-radius:4px;font-size:13px;}
          #content-lhs .shopMenu ul {list-style-type:none;padding:0;margin:0;}
          #content-lhs > .shopMenu ul {margin:15px 0 0 5px;display:block;}
              #content-lhs .shopMenu li {padding:0;margin:0;display:block;}
              #content-lhs .shopMenu li + li {margin-top:15px;}
                #content-lhs .shopMenu li ul {display:none;margin:5px 0;}
                #content-lhs .shopMenu li.active > ul {display:block;}
                  #content-lhs .shopMenu a {font-weight:400;color:#4c4c4c;line-height:15px;transition:color .3s ease-in;}
                  #content-lhs .shopMenu a:before {content:'\f0da';font-family:FontAwesome;margin-right:5px;}
                  #content-lhs .shopMenu ul ul {margin-left:10px;font-size:12px;}
                    #content-lhs .shopMenu li li {padding:7px 0 0;}
                    #content-lhs .shopMenu li ul li + li {margin-top:5px;}
                      #content-lhs .shopMenu ul ul a:before {content:'\f105';}
                      #content-lhs .shopMenu a:hover {text-decoration:none;}
                            #content-lhs .shopMenu li li a {font-weight:400;color:#808080;text-transform:none;}
                            #content-lhs .shopMenu li.active > a {font-weight:700;color:#cc9c87;}
                            #content-lhs .shopMenu li li.active > a {font-weight:400;color:#cc9c87;}
                            #content-lhs .shopMenu a:hover {color:#cc9c87;}

    @media (max-width: 991px) {
       #content-lhs {float:none;}
    }


  
  .attributesMenuWrapper, .includeContent {padding-top:15px;margin-top:15px;border-top:1px dotted #cccccc;}
    .attributesMenuWrapper input[type="text"], .attributesMenuWrapper select {margin:0 0 7px;width:100%;height:30px;}
    .attributesMenuWrapper input[type="text"] {padding:0 6px;}
    .attributesMenuWrapper .buttonWrapper {text-align:right;}
      .attributesMenuWrapper button, .attributesMenuWrapper input[type="submit"] {cursor:pointer;padding:7px 15px;font-size:12px;border-radius:4px;background-color:rgb(23,76,107);color:#ffffff;font-weight:700;border:0;}
    .attributesMenuWrapper, .includeContent img {display:inline-block;max-width:100%;height:auto;}


    .attributesMenuWrapper {}
      .attributesMenuWrapper .attributeSet {margin-left:18px;color:#4c4c4c;}
      .attributesMenuWrapper .attributeSet + .attributeSet {margin-top:15px;}
      .attributesMenuWrapper h5 {background-color:#174c6b;font-size:12px;line-height:15px;font-weight:700;text-transform:uppercase;display:inline-block;padding:4px 8px;border-radius:2px;color:#ffffff;margin:7px 0 0;}
      .attributesMenuWrapper ul {list-style-type:none;display:block;margin:0;padding:0;}
        .attributesMenuWrapper li {display:block;margin:5px 0;padding:0;}
          .attributesMenuWrapper a {color:#4c4c4c;text-decoration:none;}
          .attributesMenuWrapper a:hover {text-decoration:none;}
            .attributesMenuWrapper a:before {content:'\f0c8';font-family:FontAwesome;margin-right:10px;}
            .attributesMenuWrapper li.active > a:before {content:'\f14a';}
          .attributesMenuWrapper li.disabled > span {color:#cdcdcd;}
            .attributesMenuWrapper li.disabled > span:before {content:'\f096';font-family:FontAwesome;margin-right:10px;}
      
      .attributesMenuWrapper .resetWrapper {text-align:right;}
        .attributesMenuWrapper .resetWrapper a {color:rgb(215, 20, 0);}
          .attributesMenuWrapper .resetWrapper a:before {content:'\f00d';font-family:FontAwesome;margin-right:10px;}



.discountTable {margin-bottom:2em;font-size:14px;max-width:600px;}
  .discountTable .tableHeader {font-weight:700;background-color:#333333;color:#ffffff;}
    .discountTable .tableHeader span {display:inline-block;padding:2px;width:48%;}
  .discountTable .tableRow:nth-child(even) {background-color:#efefef;}
  .discountTable .tableRow:nth-child(odd) {background-color:#ffffff;}
    .discountTable .tableRow span {display:inline-block;padding:2px;width:48%;}

.ss-product-options {font-size:14px;}
  .ss-product-options label {width:auto;display:inline;}
  .ss-product-options select {width:300px;margin:0 0 10px;max-width:100%;}

.ss-product-detail .ss-qty {font-size:14px;}
  .ss-product-detail .ss-qty label {font-weight:700;}
  .ss-product-detail .ss-qty input[type="number"], .ss-product-detail .ss-qty input[type="text"] {width:154px;}



.gridX3Wrapper {margin-top:32px;text-align:center;}
  .gridX3Wrapper .item-container {display:inline-block;/*width:30%;margin:0 1% 30px;padding:10px;*/vertical-align:top;}
    .gridX3Wrapper .item-container .image {text-align:center;}
      .gridX3Wrapper .item-container .image img {display:inline-block;max-width:100%;height:auto;border-radius:8px;}
    .gridX3Wrapper .item-container .text {margin:10px 0 0;}
      .gridX3Wrapper .item-container .text p {margin:0;}
  


.item-container { 
  width: 220px;
  height: 260px;
  margin: 0 15px 30px;
  position: relative;
  perspective: 800px;
}
.deck {
  top:0;
  left:0;
  right:0;
  bottom:0;
  position: absolute;
  transform-style: preserve-3d;
  transition: transform .9s;
  box-shadow:0 5px 15px rgba(0,0,0,.4);;
}
.deck > div {
  margin: 0;
  display: block;
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  padding:5px;
  backface-visibility: hidden;
}
.deck .front {
  background: #d3aa98;
}
.deck .back {
  background: #d3aa98;
  transform: rotateY( 180deg );
  text-align:left;
}
.deck.flipped {
  transform: rotateY( 180deg );
}

.deck .flip-card {
  display: block;
  position: absolute;
  top:5px;
  left:5px;
  right:5px;
  bottom:5px;
}

.front .flip-card-trigger {position:absolute;top:-5px;right:-5px;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer;color:#d3aa98;text-shadow:0px 0px 6px white;transition:text-shadow .5s ease-in;}
.front:hover .flip-card-trigger {text-shadow: 0px 0px 6px white, 0px 0px 6px white;}
.back .flip-card-trigger {position:absolute;top:-5px;right:-5px;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer;background:#d3aa98;color:#ffffff;}
.back .description {padding:20px;color:#ffffff;}
.deck .title a {color:#ffffff;}
.deck .title a:hover {text-decoration:none;}

.deck .title h3 {text-align:center;font-size:14px;line-height:18px;padding:10px;text-align:center;font-weight:700;color:#ffffff;margin:4px 0 0;text-transform:uppercase;}

  @media (max-width:900px) {
    .gridX3Wrapper .item {width:46%;}
  }

  @media (max-width:500px) {
    .gridX3Wrapper .item {display:block;margin-left:0;margin-right:0;width:auto;}
      .gridX3Wrapper .item .image {text-align:left;}
  }

  @media (max-width:700px) {
    .tableWrapper {overflow-x:auto;}
  }

@media (max-width: 1000px) {
  .stackedTableAt1000 {display:table;}
  .stackedTableAt1000Original {display:none;}
  .table1000 {width:100% !important;min-width:0 !important;max-width:none !important;float:none !important;display:block;margin-left:0 !important;margin-right:0 !important;}
  .table1000, .table1000 * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
  .table1000:after {clear:both;content:' ';display:table;}
    .table1000 tr, .table1000 tbody, .table1000 td {float:left;width:100% !important;display:block;clear:both;}
    .table1000 td.empty {display:none;}
      .table1000 img  {display:inline-block;max-width:100%;height:auto !important;}
  .table1000.center td, .table1000 td.center {text-align:center !important;}
  .table1000.center img {float:none !important;}
}

@media (max-width: 950px) {
  .stackedTableAt950 {display:table;}
  .stackedTableAt950Original {display:none;}
  .table950 {width:100% !important;min-width:0 !important;max-width:none !important;float:none !important;display:block;margin-left:0 !important;margin-right:0 !important;}
  .table950, .table950 * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
  .table950:after {clear:both;content:' ';display:table;}
    .table950 tr, .table950 tbody, .table950 td {float:left;width:100% !important;display:block;clear:both;}
    .table950 td.empty {display:none;}
      .table950 img  {display:inline-block;max-width:100%;height:auto !important;width:auto !important;}
  .table950.center td, .table950 td.center {text-align:center !important;}
  .table950.center img {float:none !important;}
}

@media (max-width: 900px) {
  .stackedTableAt900 {display:table;}
  .stackedTableAt900Original {display:none;}
  .table900 {width:100% !important;min-width:0 !important;max-width:none !important;float:none !important;display:block;margin-left:0 !important;margin-right:0 !important;}
  .table900, .table900 * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
  .table900:after {clear:both;content:' ';display:table;}
    .table900 tr, .table900 tbody, .table900 td {float:left;width:100% !important;display:block;clear:both;}
    .table900 td.empty {display:none;}
      .table900 img  {display:inline-block;max-width:100%;height:auto !important;}
  .table900.center td, .table900 td.center {text-align:center !important;}
  .table900.center img {float:none !important;}
}

@media (max-width: 800px) {
  .stackedTableAt800 {display:table;}
  .stackedTableAt800Original {display:none;}
  .table800 {width:100% !important;min-width:0 !important;max-width:none !important;float:none !important;display:block;margin-left:0 !important;margin-right:0 !important;}
  .table800, .table800 * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
  .table800:after {clear:both;content:' ';display:table;}
    .table800 tr, .table800 tbody, .table800 td {float:left;width:100% !important;display:block;clear:both;}
    .table800 td.empty {display:none;}
      .table800 img {display:inline-block;max-width:100%;height:auto !important;}
  .table800.center td, .table800 td.center {text-align:center !important;}
  .table800.center img {float:none !important;}
}

@media (max-width: 700px) {
  .stackedTableAt700 {display:table;}
  .stackedTableAt700Original {display:none;}

  .table700 {width:100% !important;min-width:0 !important;max-width:none !important;float:none !important;display:block;margin-left:0 !important;margin-right:0 !important;}
  .table700, .table700 * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
  .table700:after {clear:both;content:' ';display:table;}
    .table700 tr, .table700 tbody, .table700 td {float:left;width:100% !important;display:block;clear:both;}
    .table700 td.empty {display:none;}
      .table700 img {display:inline-block;max-width:100%;height:auto !important;}
  .table700.center td, .table700 td.center {text-align:center !important;}
  .table700.center img {float:none !important;}
}

@media (max-width: 600px) {
  .stackedTableAt600 {display:table;}
  .stackedTableAt600Original {display:none;}

  .table600 {width:100% !important;min-width:0 !important;max-width:none !important;float:none !important;display:block;margin-left:0 !important;margin-right:0 !important;}
  .table600, .table600 * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
  .table600:after {clear:both;content:' ';display:table;}
    .table600 tr, .table600 tbody, .table600 td {float:left;width:100% !important;display:block;clear:both;}
    .table600 td.empty {display:none;}
      .table600 img {display:inline-block;max-width:100%;height:auto !important;}
  .table600.center td, .table600 td.center {text-align:center !important;}
  .table600.center img {float:none !important;}
}

@media (max-width: 500px) {
  .stackedTableAt500 {display:table;}
  .stackedTableAt500Original {display:none;}

  .table500 {width:100% !important;min-width:0 !important;max-width:none !important;float:none !important;display:block;margin-left:0 !important;margin-right:0 !important;}
  .table500, .table500 * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
  .table500:after {clear:both;content:' ';display:table;}
    .table500 tr, .table500 tbody, .table500 td {float:left;width:100% !important;display:block;clear:both;}
    .table500 td.empty {display:none;}
      .table500 img {display:inline-block;max-width:100%;height:auto !important;}
  .table500.center td, .table500 td.center {text-align:center !important;}
  .table500.center img {float:none !important;}
}

@media (max-width: 400px) {
  .stackedTableAt400 {display:table;}
  .stackedTableAt400Original {display:none;}

  .table400 {width:100% !important;min-width:0 !important;max-width:none !important;float:none !important;display:block;margin-left:0 !important;margin-right:0 !important;}
  .table400, .table400 * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
  .table400:after {clear:both;content:' ';display:table;}
    .table400 tr, .table400 tbody, .table400 td {float:left;width:100% !important;display:block;clear:both;}
    .table400 td.empty {display:none;}
      .table400 img {display:inline-block;max-width:100%;height:auto !important;}
  .table400.center td, .table400 td.center  {text-align:center !important;}
  .table400.center img {float:none !important;}
}

#contactBlock { 
  z-index: 100;
  position: fixed;
  top: 35%;
  right: -236px;
  width: 236px;
  background: none;
  font: 400 13px/1.1em 'Open Sans', sans-serif; }
    
  #contactBlock input[type="text"], #contactBlock input[type="email"], #contactBlock textarea {width:100%;margin:0 0 5px;}
  #contactBlock textarea {height:100px;}

#contactBlock span.showTab { 
  width: 40px;
  padding-left: 10px;
  font-size: 32px;
  line-height: 60px;
  text-align: center;
  background: rgba(23, 76, 107, 1);
  color: #fff;
  border-radius: 10px 0 0 10px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 100%;
  transition: background-color .3s ease-in; }
#contactBlock.hidden span.showTab {background:rgb(23, 76, 107);background:rgba(23, 76, 107, 0.7);} 
#contactBlock.hidden span.showTab:hover {background:rgba(23, 76, 107, 1);}
#contactBlock span.showTab i.fa-phone { display: none; }
#contactBlock span.showTab i.fa-exclamation { display: inline-block; }
#contactBlock form { 
  display: block;
  margin: 0;
  padding: 10px;
  width: 236px;
  background: #efefef;
  border: 2px solid #dfdfdf; }
#contactBlock form label.error { display: block; }
          
.discountTable .tableRow span {
    display: inline-block;
    padding: 2px;
    width: 48%;
    color: #000 !important;
}

@media (max-width: 640px) {
#contactBlock { top: 100px; line-height: 14px; }
#contactBlock h3 { font-size: 14px; }
#contactBlock .green-button { padding: 5px; }
}