/* Minification failed. Returning unminified contents.
(1025,1): run-time error CSS1019: Unexpected token, found '}'
 */
body{
    overflow:hidden;
   overflow-y:auto;
}
section.productSection {
	padding: 0px 0 8px;
    float: left;
    width: 100%;
}
.productSectionWrapper {
    margin: 0 auto;
    max-width: 1500px;
    width: auto;
    opacity:0;
    text-align:center;
}
.productContainer {
    font-size: 0;
    margin: auto;
    padding: 0 10px;
}
.productArea {    
    margin-right:50px;
    position:relative;
    overflow:hidden;
    vertical-align:top;
    display:inline-block;
    font-size:0;
}
.productImageMobile {
    display:none;
    width:100%;
    position:relative;
}
.productImageMobile a.bx-prev,
.productImageMobile a.bx-next {
    width:15px;
    height:100%;
    position:absolute;
    top:0;
    display:inline-block;
    color:#fff;
    z-index:99999;  
    background-image:url(/Content/Public/images/pdp/leftArrow.svg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;     
}
.productImageMobile a.bx-prev.disabled,
.productImageMobile a.bx-next.disabled {
    display:none;
} 
.productImageMobile a.bx-prev {
    left:5px;   
}
.productImageMobile a.bx-next {
    right:0;
    background-image:url(/Content/Public/images/pdp/rightArrow.svg);
}

.productImage {
    /*float: left;*/
    /*width:100%;
    max-width:680px;*/
    overflow:hidden;
    text-align:center;
    /*height:100%;*/
    display:inline-block;
    vertical-align:top;
    max-width:843px;

}
.productImage img {
    height: 100%;
    max-width: 100%;
    width: auto;
    cursor:pointer;

    /*height: 100%;
    max-width: 420px;
    width: auto;
    cursor:pointer;*/
}

.productArea img {
    transition:all 0.2s ease-in-out;
    display:block;
}

.productArea img:hover {
    opacity:0.7;
}

.productArea .productThumbnails {           
    display:inline-block;
    vertical-align:top;
    text-align:left;
    /*max-width:285px;*/
    font-size:0;
    position:relative;
}

.productArea .productThumbnails .bx-viewport {
    height:100% !important;
}

.productArea .productThumbnails li {
    /*width:100%;*/    
    margin-bottom:10px;
    overflow:hidden;    
    text-align:left;
    margin-left:10px;
}
.productDescription {
    width:300px;
    /*float:right;*/
    display:inline-block;
}

.productDescription pre.prestyled_block {
   display:inline;
   font-family:Edmondsans Regular;
   white-space:pre-wrap;
   word-wrap:break-word;
}

.productThumbnails li img {
    height:100%;
    width:auto;
    
}

.productDescriptionContent {
    text-align:left;
    font-size:0;    
}
.productTitle{
    font-family: 'Edmondsans Medium';
    font-size:40px;
    letter-spacing:0.5px;
    color:#6E7C7C;
    line-height:48px;
    text-transform:capitalize;
    font-weight:normal;
    margin-bottom:7px;
}
.productTitleMobile {    
    display:none;
    padding :17px 25px 14px;
    position:relative;
}
.productTitleMobile #backButton {
    width:20px;
    height:20px;
    position:absolute;
    top:18px;
    left:10px;
    display:block;
    text-align:center;
}
.productTitleMobile #backButton img {
    width:9px;
    height:13px;
    margin-top:2px;
}
.productTitleMobile #openMobileNav {
    width:20px;
    height:20px;
    position:absolute;
    top:18px;
    left:10px;
    display:block;
    text-align:center;
}
.productTitleMobile #openMobileNav img {
   max-width:15px;
    margin-top:2px;
}
.productTitleMobile .productTitle {
    font-size:18px;
    line-height:23px;
    letter-spacing:1.5px;
    margin-bottom:0px;
    color:#231F20;
}
.productColor{
    font-family: 'AGaramondPro Italic';
    font-size:24px;
    letter-spacing:0px;
    line-height:25px;
    margin-bottom:16px;
    text-transform: lowercase;
}
.productDetails {
    font-family: 'Edmondsans Regular';
    font-size:14px;
    letter-spacing:0.5px;
    color:#231F20;
    line-height:20px;
    margin-bottom:27px;
}

.productDetails .productCode span.content {
    text-transform:uppercase;
}

.requestSample,
.requestSampleMobile {
    font-size:14px;
    letter-spacing:1.5px;    
    line-height:18px;
    font-family: 'Edmondsans Bold';
}
.requestSample a,
.requestSampleMobile a {
    display:block;
    text-align:center;
    text-decoration:none;
    color:#fff;
    padding:17px 0px 15px;
    text-transform:uppercase;
    background:#6e7c7c;
    /*-webkit-box-shadow:0px 2px 4px transparent;
    -moz-box-shadow:0px 2px 4px transparent;
    box-shadow:0px 2px 4px transparent;*/
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;    
}
.requestSample a:hover,
.requestSampleMobile a:hover {
    background:#00B7BF;
    /*-webkit-box-shadow:0px 2px 4px rgba(0,0,0,0.5);
    -moz-box-shadow:0px 2px 4px rgba(0,0,0,0.5);
    box-shadow:0px 2px 4px rgba(0,0,0,0.5);*/
}
.requestSampleMobile {
    display:none;
}
.productQuickLinks,
.moreColorHeader{
    font-family: 'Edmondsans Medium';
    font-size:13px;
    letter-spacing:1.5px;
    line-height:16px;
    text-align:center;
    text-transform:uppercase;
    border-top:2px solid #e8e8e8;
}

.productQuickLinks h3 {
    font-weight:normal;
}
.productQuickLinks li {
    display:block;
    border-bottom:2px solid #e8e8e8;
}
.productQuickLinks li a {
    color:#6E7C7C;
    text-decoration:none;
    padding:16px 10px;
    display:block;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;    
}

.productQuickLinks li a:hover {
    color:#00B7BF;
}

.productSocialShare {
    padding:20px 0 10px; 
    text-align:center;
}
.productSocialShare a {
    width:30px;
    height:30px;
    display:inline-block;
    margin:0 5px;
    text-indent:-9999px;
    background: url('/Content/Public/images/social_icons.svg') no-repeat center center;
    background-size: 95px 63px;
}

.productSocialShare a.productSocialShareFacebook {
    background-position: 0 0;
}

.productSocialShare a.productSocialShareFacebook:hover {
    background-position: 0 -33px;
}

.productSocialShare a.productSocialSharePintrest{
    background-position: -65px 0;
}
.productSocialShare a.productSocialSharePintrest:hover {
    background-position: -65px -33px;
}
section.moreColorSection{
    clear:both;
    position:relative;
    left:10px;
    width:calc(100% - 20px);
}
.moreColorHeader {    
    padding:26px 0px 25px;
    border-top:2px solid #e8e8e8;
    /*border-bottom:2px solid #e8e8e8;*/
    position:relative;
}

.moreColorHeader .commonWrapper a {
    font-size:13px;  
    transition:all 0.3s ease-in-out;
}

    .moreColorHeader .commonWrapper:hover > a {
        color:#000;
    }

    .moreColorHeader .commonWrapper a.active {
        color:#000;
    }
.expandButton, .collapseButton {
    position:absolute;
    width:10px;
    height:10px;
    top:19px;
    right:20px;
    background:url(/Content/Public/images/Plus.svg) no-repeat center center;
    cursor:pointer;
    padding:10px;
}
.collapseButton {
    background:url(/Content/Public/images/Minus.svg) no-repeat center center;
    display:none;   
}
.moreColorContainer{
    display:none;
    padding:10px 0px;
    text-align:center;
}

.thumbnail_code {
    line-height: 2;
    font-family: 'AGaramondPro Italic';
    font-size: 13px;
    letter-spacing: 0px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #231f20;
}

.colorThumbnailsItems{
    width:100px;
    display:inline-block;
    margin: 5px 5px 0 5px;    
}
.cordinatesSection {
     clear:both;
     display:none;    
}

.cordinatesHeader{
    font-family: 'Edmondsans Regular';
    font-size:14px;
    letter-spacing:1.5px;
    line-height:18px;
    text-align:center;
    padding:26px 0px 25px;
    text-transform:uppercase;
}
.cordinatesGrids {
     font-family: 'Edmondsans Regular';
    font-size:14px;
    letter-spacing:1.5px;
    line-height:18px;
    text-align:center;
    padding:0px 0px 11px;
}
.cordinatesGrids li {
    display:inline-block;
    width:262px; 
    margin:0 10px;   
}

.cordinatesGrids li .cordinatesGridsImage {
    width:100%;
    display:block;
    max-height:353px;        
}
.cordinatesGrids li .cordinatesGridsImageDesc{
    padding:22px 0 25px;
}
.cordinatesGrids li .cordinatesGridsImageDesc .cordinatesName {
    font-family: 'Edmondsans Medium';
    font-size:18px;
    padding-bottom:8px;
    color:#6e7c7c;
}
.cordinatesGrids li .cordinatesGridsImageDesc .cordinatesCode {
     font-family: 'AGaramondPro Italic';
    font-size:18px;
    letter-spacing:0px; 
    color:#322e2f;   
}

.cordinatesGrids .bx-wrapper {
    max-width:846px!important;
    margin:0 auto;
}
#productBigImageOverlay{
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:99;
    background:rgba(253,253,253,0.7);
    display:none;
}
img#preview {
    position:relative;    
    z-index:100;
    top:5%;
    height:90%;
    margin: auto;
    width:auto;
    display:none;
}

#diagramImageClose {
    position:absolute;
    right:25px;
    width:15px;
    height:15px;
    top:10px;
    cursor:pointer;
}
.productArea #insetThumbHorzSlider {
    display:none;
}

#insetThumbHorzSlider .bx-viewport {
    overflow: initial !important;
}

.productDescription p.breadcrumbArea {
    margin:10px 0 12px 0;
}

.productDescription p.breadcrumbArea a.breadcrumbNode {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.5px;
  font-family: 'Edmondsans Regular';
  text-transform:capitalize;
  color:#231F20;
  transition:color 0.3s linear;
}

.productDescription p.breadcrumbArea a.breadcrumbNode span {
    transition:color 0.3s linear;
}

.productDescription p.breadcrumbArea a.breadcrumbNode:hover > span {
    color:#b4b8ba;
} 

@media screen and (max-width : 1024px) {

    .productArea #insetThumbVerSlider {
        display:none;
    }
    
    .productArea #insetThumbHorzSlider {
        display:block;
    }


    .productTitle{        
        font-size:36px;
        letter-spacing:1px;        
        line-height:43px;
        text-transform:capitalize;
    }
    .productSectionWrapper,
    .productContainer {        
        max-width: 980px;
        text-align:center;
    }
    .productArea .productThumbnails {        
        width: 100%;
        height:auto!important;
        float:left;
        position:absolute;
        bottom:0px;
        left:0px;
    }
    .productArea .productThumbnails ul.insetThumbHorzSlider {
        display:block;
    }
    .productThumbnails .bx-wrapper {
        max-width:100% !important;
    }

    .productArea .productThumbnails li {
        display: inline-block;
        height: 100px !important; 
        width: auto !important;
        margin-right:10px;
    }

    #insetThumbHorzSlider .bx-wrapper {
        margin-bottom:30px;
    }

    #insetThumbHorzSlider .bx-wrapper ul li {
        width:auto !important;
        margin-bottom:10px;
    }

    .productImage {
        margin-right:0px;
    }
    .productArea { 
      margin-right: 20px;
    }
    .productColor {
      font-size: 20px;      
      line-height: 27px;      
    }
    .productDetails {
      font-size: 14px;
      line-height: 18px;      
    }
    .cordinatesGrids li {
        width:220px;
    }
}
@media screen and (max-width : 767px) {
    .productDescription {
        width: 230px;
    }
    .productImage img {
        height:auto!important;
        width: 100%;
    }
    .productArea { 
      margin-right: 30px;
    }
}

@media screen and (max-width : 580px) {
    
    header {
        width:100% !important;
        left:0 !important;
        right:0 !important;
    }

    header,
    .requestSample,
    .productArea .productThumbnails,
    .productDescriptionContent h2.productTitle,
    .productImage {
        display:none;
    }     
    .productTitleMobile,
    .productImageMobile{
        display:block;
    }    
    .relpos {
        margin-top:0px;
    }
    section.productSection {
        padding-top:0px;
    }
    .productSectionWrapper,
    .productContainer{
        width:100%!important;        
    }
    .productContainer {
        padding: 0px;
    }
    .productArea {
        margin-right:0px;
        width:100%;
    }
    .productImageMobile{
        max-width: initial!important;
        width:100%;
        text-align:center;
        max-height: initial!important;
        height:auto!important;
    }

    .productDescription {
        padding:0 10px;
        width:auto;
        display:block;
    }
    
    .requestSampleMobile{
        display:block;
        margin-top:11px;
        margin-bottom:14px;
    }

    #insetThumbHorzSlider {
        display:none !important;
    }

    .productImageMobile .bx-controls {
        height:0 !important;    
    }

}
@media screen and (max-width : 320px) {
}


a.bx-prev {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 1%;
  left:50%;
  display: inline-block;
  color: #fff;
  z-index: 99999;
  background-image: url(/Content/Public/images/pdp/topArrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

a.bx-next {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 96%;
  left: 50%;
  display: inline-block;
  color: #fff;
  z-index: 99999;
  background-image: url(/Content/Public/images/pdp/bottomArrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}



@media all and (max-width:1024px) {

a.bx-prev {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 40%;
  left:0%;
  display: inline-block;
  color: #fff;
  z-index: 99999;
  background-image: url(../images/pdp/leftArrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

a.bx-next {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 40%;
  left: 95%;
  display: inline-block;
  color: #fff;
  z-index: 99999;
  background-image: url(../images/pdp/rightArrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

}

.bx-prev.disabled, .bx-next.disabled {
    display:none;
}
.lightboxOverlay {
    background: rgba(253,253,253,1) !important;
}

.lb-dataContainer {
    position: relative;
}

.lb-close {
    position: fixed;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background-size: contain;
    background: url() !important;
    cursor: pointer;
    z-index: 1001;
}

    .lb-close:before,
    .lb-close:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2px;
        height: 20px;
        background-color: #333;
    }

    .lb-close:before {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .lb-close:after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .lb-close:hover:before,
    .lb-close:hover:after {
        background-color: #000 !important;
    }
.lightbox .lb-image {
    border: 0px solid #fff !important;
}
.lb-number {
    display: none !important;
}
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
}

#swipebox-overlay img {
  border: none !important;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
   background: rgba(253,253,253,0.8);
}

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%;
}

#swipebox-slider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer;
}
#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}
#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container {
  display: inline-block;
  max-height: 87.5%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
#swipebox-slider .slide-loading {
  background: url('/Content/Public/images/ring-int.gif') no-repeat center center;
  background-size:20px;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}

#swipebox-bottom-bar {
  bottom: 49%;  
}
/*#swipebox-bottom-bar.visible-bars {
  -webkit-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);
}*/

#swipebox-top-bar {
  top: -50px;
}
/*#swipebox-top-bar.visible-bars {
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
}*/

#swipebox-title {
  display: block;
  width: 100%;
  text-align: center;
}

#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-image: url(/Content/Public/images/mobileMenuClose.svg);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 30px;
  height: 30px;
  top: 0;
  background-size: contain;
  background-position:center center;
}

#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px;
}

#swipebox-prev,
#swipebox-next {
    position:absolute;
}
#swipebox-prev {
  background-image: url("/Content/Public/images/pdp/productImgBigPrev.png") !important;  
  left:0px;
}

#swipebox-next {
  background-image: url("/Content/Public/images/pdp/productImgBigNext.png") !important;
  right:17px;
}


#swipebox-close { 
  top: 0;
  right: 20px !important;
  position: absolute;
  z-index: 9999;
  background-size:initial;
}

.swipebox-no-close-button #swipebox-close {
  display: none;
}

#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0;
  cursor:default;
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring 0.3s;
  animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring 0.3s;
  animation: leftSpring 0.3s;
}

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0;
}
.swipebox-touch #swipebox-container:before {
  left: 0;
  -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
  box-shadow: inset 10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after {
  right: 0;
  -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
  box-shadow: inset -10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1;
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1;
}

@-webkit-keyframes rightSpring {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}

@keyframes rightSpring {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}
@-webkit-keyframes leftSpring {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}
@keyframes leftSpring {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}

  #swipebox-arrows {
    width: 92%;
    max-width: 800px;
  }
}
/* Skin 
--------------------------*/
#swipebox-overlay {
  background: rgba(253,253,253,0.8);
}

#swipebox-bottom-bar,
#swipebox-top-bar {  
  opacity: 0.95;
}

#swipebox-top-bar {
  color: white !important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif;
}