/** Shopify CDN: Minification failed

Line 20:0 Unexpected "{"
Line 20:1 Expected identifier but found "%"
Line 21:0 Unexpected "{"
Line 21:1 Expected identifier but found "%"
Line 41:12 Expected identifier but found "{"
Line 41:13 Unexpected "{"
Line 41:20 Expected ":"
Line 41:24 Expected identifier but found "!"
Line 42:9 Expected identifier but found "{"
Line 42:10 Unexpected "{"
... and 9 more hidden warnings

**/
/* 
   Swatches Styles
*/

{% assign width = '50px' %}
{% assign height = '35px' %}
.swatch { 
  margin:1em 0; 
}
/* Label */
.swatch .header {
  margin: 0.5em 0;
}
/* Hide radio buttons.*/
.swatch input { 
  display:none;
}
.swatch label {
  /* Rounded corners */
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  /* To give width and height */
  float:left;
  /* Color swatches contain no text so they need to have a width. */
  min-width:{{ width }} !important; 
  height:{{ height }} !important;
  /* No extra spacing between them */
  margin:0;
  /* The border when the button is not selected */
  border:#ccc 1px solid;
  /* Background color */
  background-color:#ddd;
  /* Styling text */
  font-size:13px;
  text-align:center;
  line-height:{{ height }};
  white-space:nowrap;
  text-transform:uppercase;
}
.swatch-element label { padding:0 10px;  }
.color.swatch-element label { padding:0; }
/* Styling selected swatch */
/* Slightly raised */
.swatch input:checked + label {
  -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.8);
  -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.8);
  box-shadow:0px 1px 2px rgba(0,0,0,0.8);
  border-color:transparent;
} 
.swatch .swatch-element {
  float:left;
  -webkit-transform:translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing:antialiased; /* webkit text rendering fix */
  /* Spacing between buttons */
  margin:0px 10px 10px 0;
  /* To position the sold out graphic and tooltip */
  position:relative;
}
/* Image with the cross in it */
.crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; }
.swatch .swatch-element .crossed-out { display:none; }
.swatch .swatch-element.soldout .crossed-out { display:block; }
.swatch .swatch-element.soldout label {
  filter: alpha(opacity=60); /* internet explorer */
  -khtml-opacity: 0.6;      /* khtml, old safari */
  -moz-opacity: 0.6;       /* mozilla, netscape */
  opacity: 0.6;           /* fx, safari, opera */
}
/* Tooltips */
.swatch .tooltip {
  text-align:center;
  background:gray;
  color:#fff;
  bottom:100%;
  padding: 10px;
  display:block;
  position:absolute;
  width:100px;
  left:{{ width | remove: 'px' | to_number | divided_by: 2 | minus: 50 | plus: 2 }}px;
  margin-bottom:15px;
  /* Make it invisible by default */
  filter:alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity:0;
  visibility:hidden;
  /* Animations */
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 10000;
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  box-sizing:border-box;
}
.swatch .tooltip:before {
  bottom:-20px;
  content:" ";
  display:block;
  height:20px;
  left:0;
  position:absolute;
  width:100%;
}
/* CSS triangle */
.swatch .tooltip:after {
  border-left:solid transparent 10px;
  border-right:solid transparent 10px;
  border-top:solid gray 10px;
  bottom:-10px;
  content:" ";
  height:0;
  left:50%;
  margin-left:-50px;
  position:absolute;
  width:0;
}
.swatch .swatch-element:hover .tooltip {
  filter:alpha(opacity=100);
  -khtml-opacity:1;
  -moz-opacity:1;
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0px);
     -moz-transform:translateY(0px);
      -ms-transform:translateY(0px);
       -o-transform:translateY(0px);
          transform:translateY(0px);
}
.swatch.error {
  background-color:#E8D2D2!important;
  color:#333!important;
  padding:1em;
  border-radius:5px;
}
.swatch.error p {
  margin:0.7em 0;
}
.swatch.error p:first-child {
  margin-top:0;
}
.swatch.error p:last-child {
  margin-bottom:0;
}
.swatch.error code {
  font-family:monospace;
}
/* css from masken */

@font-face {
    font-family: 'SofiaProRegular';
    src: url("SofiaProRegular.eot?#iefix") format("embedded-opentype"), url("SofiaProRegular.otf") format("opentype"), url("SofiaProRegular.woff") format("woff"), url("SofiaProRegular.ttf") format("truetype"), url("SofiaProRegular.svg#SofiaProRegular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'SofiaProSemiBold';
    src: url("SofiaProSemiBold.eot?#iefix") format("embedded-opentype"), url("SofiaProSemiBold.otf") format("opentype"), url("SofiaProSemiBold.woff") format("woff"), url("SofiaProSemiBold.ttf") format("truetype"), url("SofiaProSemiBold.svg#SofiaProSemiBold") format("svg");
    font-weight: normal;
    font-style: normal
}

body {
    font-family: 'SofiaProRegular' !important
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'SofiaProRegular' !important
}

button[disabled],
input[disabled] {
    background: #999 !important;
    color: #fff !important
}

.imagePart.flexBox.eight.columns.alpha {
    margin-bottom: 10px
}

.cart_container2 {
    position: absolute;
    right: 0;
    height: 100%;
    line-height: 40px;
    z-index: 99999
}

.collection_description {
    clear: both
}

@media (min-width: 1200px) {
    .product-curtains .container.main.content,
    .product-shades .container.main.content {
        width: 100%
    }
    .product-curtains .sixteen.columns,
    .product-shades .sixteen.columns {
        display: block;
        margin: 0 auto;
        float: none
    }
    .product-curtains .breadcrumb-collection,
    .product-shades .breadcrumb-collection {
        padding: 0 15px
    }
}

.related-products--grid a.swatch span {
    border-radius: 50%;
    height: 20px;
    width: 20px;
    min-width: 20px
}

.posRel {
    position: relative
}

.cart_content_info h3 {
    margin: 0
}

.text-left {
    text-align: left
}

.proImgClrGroup:not(.current) {
    display: none
}

.cart_container a:before {
    font-size: 18px
}

p.warning {
    font-size: 13px;
    margin-top: 10px;
    line-height: 1.5;
    color: #bd3d16
}

.imagePart {
    position: relative
}

.autoAppendMsg {
    color: green
}

span.current_price {
    font-weight: bold
}

.optionHelper.Showing {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #999;
    z-index: 9999
}

@media (max-height: 700px) {
    .optionHelper.Showing {
        overflow-y: scroll
    }
    .optionHelper.Showing .helperPopCon {
        margin: 50px auto
    }
}

.sizeGuide {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff
}

.sizeGuide img {
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: block
}

.displayTable {
    display: table;
    width: 100%
}

.displayTable .displaycell {
    display: table-cell
}

.wallColor {
    display: none
}

.description.bottom {
    border-top: 1px solid;
    padding-top: 20px
}

.proDescPart {
    position: relative
}

.product-curtains .product_name,
.product-shades .product_name {
    text-align: center
}

.product-curtains p.modal_price,
.product-shades p.modal_price {
    text-align: left
}

.product-curtains .product_section .product_form,
.product-shades .product_section .product_form {
    max-width: 100%;
    text-align: left
}

.product-curtains .product_section .product_form .description,
.product-shades .product_section .product_form .description {
    text-align: left
}

.product-curtains .social_buttons,
.product-shades .social_buttons {
    margin-top: 15px
}

.product-curtains .social_buttons a,
.product-shades .social_buttons a {
    background: #fff
}

.product-curtains .social_buttons a:hover,
.product-shades .social_buttons a:hover {
    background: #999
}

.product-curtains .rightWrapper,
.product-shades .rightWrapper {
    max-width: 600px;
    margin: 0 auto
}

.wallColor ul {
    padding: 0;
    list-style: none;
    background: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block
}

.wallColor ul li {
    display: inline-block;
    margin: 5px 5px 0 0;
    position: relative
}

.wallColor ul li:hover span {
    opacity: 1;
    visibility: visible
}

.wallColor ul li.selected s {
    border: 1px solid #ccc
}

.wallColor s {
    height: 30px;
    width: 30px;
    display: block;
    border-radius: 5px;
    cursor: pointer
}

.wallColor span {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    bottom: -30px;
    background: #000;
    color: #fff;
    font-size: 12px;
    padding: 0 8px;
    border-radius: 3px;
    width: 100px;
    text-align: center
}

.hideDefault {
    display: none
}

.moreColors {
    display: inline-block;
    vertical-align: middle
}

.collection_swatches .swatch {
    vertical-align: middle
}

.related-products--grid .js-product-title {
    margin: 0
}

.related-products--grid .collection_swatches {
    margin-top: 0
}

.related-products--grid .product-list .thumbnail {
    text-align: left
}

.collectiondetails .info>h3.js-product-title {
    display: none
}

.selectedOptions ul {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin-top: 0
}

.selectedOptions ul li {
    display: inline-block;
    vertical-align: top;
    padding: 5px 10px;
    margin: 0;
    width: calc(100% / 6);
    text-align: center
}

.selectedOptions ul li span {
    line-height: 1;
    display: block;
    font-size: 13px
}

.selectedOptions.shadesoption ul li {
    width: calc(100% / 5)
}

.selectedOptions h5 {
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    letter-spacing: 0;
    text-transform: none;
    word-wrap: break-word
}

.selectedOptions .selectedColor {
    height: 30px;
    width: 30px;
    border: 1px solid;
    display: inline-block;
    border-radius: 50%
}

.inputBoxMeas {
    display: flex;
    align-items: center;
    padding-bottom: 15px
}

.inputBoxMeas>div {
    padding: 0;
    position: relative;
    margin: 0 10px;
    border-radius: 4px;
    overflow: hidden;
    min-width: auto
}

.inputBoxMeas>div.customerInput {
    margin-left: 0
}

.inputBoxMeas>div .measurement-Box {
    border: 2px solid #FFB5A0;
    padding: 15px;
    min-height: 160px;
    max-width: 210px;
    text-align: center
}

.inputBoxMeas>div .flexitem {
    display: flex;
    align-items: center
}

.inputBoxMeas>div p {
    line-height: 1.2;
    color: #000;
    margin-bottom: 0;
    padding: 10px 0;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle
}

.inputBoxMeas span {
    font-weight: bold
}

.inputBoxMeas input {
    width: 100px;
    margin: 0 auto;
    text-align: center;
    min-height: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle
}

.inputBoxMeas .staticOnly {
    height: 42px;
    display: block
}

.inputBoxMeas .customerHelp {
    cursor: pointer
}

.selectedOptions li div {
    display: flex;
    align-items: center
}

.selectedOptions li div i {
    padding: 0 5px
}

.product-shades .selected div.measurement-Box {
    background: #FFB5A0
}

.product-shades .optionsLists {
    margin: 0 -10px
}

.product-shades .optionsLists .col50 {
    padding: 0 10px
}

.product-shades .optionsLists ul {
    padding: 0
}

.widthZoptions {
    padding: 0
}

.widthZoptions li {
    display: inline-block;
    padding: 0 10px
}

.widthZoptions li input[type="radio"] {
    position: absolute;
    opacity: 0
}

.widthZoptions li input[type="radio"]+.radio-label:before {
    content: '';
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #f4f4f4;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: -0.2em;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease
}

.widthZoptions li input[type="radio"]:checked+.radio-label:before {
    background-color: #03a196;
    box-shadow: inset 0 0 0 4px #f4f4f4
}

.widthZoptions li input[type="radio"]:focus+.radio-label:before {
    outline: none;
    border-color: #03a196
}

.widthZoptions li input[type="radio"]:disabled+.radio-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #f4f4f4;
    background: #f4f4f4
}

.widthZoptions li input[type="radio"]+.radio-label:empty:before {
    margin-right: 0
}

.widthZoptions li .radio-label {
    line-height: 1.2 !important
}

.text-right {
    text-align: right
}

.closeHelper {
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    width: 30px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    background: #000
}

.warning {
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9;
    width: 100%;
    height: 100%
}

.warning .warningInsode {
    margin: 0 30px;
    background: #fff;
    padding: 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.warning .warningInsode p {
    text-align: left
}

.warning .warningInsode ul {
    text-align: left
}

.warning a.closeWarning {
    background: #000;
    padding: 4px 10px;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff
}

.helperPopCon {
    max-width: 1000px;
    margin: 150px auto 0;
    display: flex;
    background: #000;
    padding: 2px;
    position: relative
}

@media (max-width: 767px) {
    .helperPopCon {
        display: block
    }
}

.helperImgPart img {
    display: block;
    margin: 0 auto
}

.optionHelper {
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
    overflow: hidden;
    transform: scale(0);
    -webkit-transform: scale(0);
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 9;
    width: 100%;
    height: 100%
}

.optionHelper.Showing {
    transform: scale(1);
    -webkit-transform: scale(1)
}

.optionHelper h3 {
    font-weight: 600
}

.optionHelper p {
    margin: 0 0 5px;
    line-height: 1.5
}

.optionHelper ul {
    margin-bottom: 0px
}

.optionHelper .helperOptionWrap {
    margin: 0 0 0 2px;
    background: #fff;
    padding: 15px;
    width: 50%
}

.optionHelper .helperOptionWrap ul {
    padding: 0 0 0 15px;
    margin: 0
}

.optionHelper input[type="text"] {
    width: auto;
    text-align: left;
    margin: 0px;
    display: inline-block;
    margin-bottom: 12px
}

.optionHelper .product-quantity-box {
    overflow: hidden
}

.optionHelper .product-quantity-box input {
    width: 50px;
    margin: 0;
    display: inline-block;
    float: left;
    text-align: center
}

.optionHelper .action_button {
    width: 100%;
    margin-top: 15px
}

.optionHelper label {
    display: inline-block
}

.onelineMargin {
    margin-bottom: 20px
}

.point {
    font-weight: bold
}

.linerWrapper {
    display: flex
}

.linerWrapper>div {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    margin-bottom: 15px;
    border: solid 1px #ccc;
    margin-right: 15px
}

.linerWrapper>div.col3 {
    width: 100%;
    max-width: 300px
}

.linerWrapper>div.col2 {
    width: 25%
}

.linerWrapper>div h4 {
    font-size: 14px;
    margin-bottom: 0;
    letter-spacing: 0
}

.linerWrapper>div p {
    font-size: 14px;
    margin: 00 00 5px
}

.linerWrapper>div span {
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid;
    border-radius: 5px
}

.linerWrapper>div.selected {
    box-shadow: 0 0 4px #ccc
}

.linerWrapper>div.selected h4 {
    font-weight: bold
}

div[data-prop="linerOptions"] .col3 h4 {
    border: 1px solid;
    margin-bottom: 15px;
    padding: 10px;
    display: inline-block;
    line-height: 1;
    cursor: pointer
}

div[data-prop="linerOptions"] .col3.selected h4 {
    background: #FFB5A0;
    color: #fff;
    border-color: #000
}

.linerWrapper>div:last-child {
    margin-right: 0px
}

.hangingWrapper {
    padding-bottom: 15px;
    margin: 0 -5px;
    overflow: hidden
}

.hangingWrapper>div {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    padding: 0 7px;
    margin-bottom: 5px;
    float: left
}

.hangingWrapper>div.col3 {
    width: 33.33%
}

.hangingWrapper>div.col2 {
    width: 50%
}

.hangingWrapper>div h4 {
    font-size: 14px;
    margin-bottom: 0;
    padding-bottom: 0;
    letter-spacing: 0
}

.hangingWrapper>div p {
    font-size: 14px;
    line-height: 1.2;
    margin: 00 00 5px
}

.hangingWrapper>div.selected .inner-box {
    background: #FFB5A0;
    border-color: #FFB5A0
}

.hangingWrapper>div.selected h4 {
    font-weight: bold;
    color: #fff
}

.inner-box {
    border: solid 1px #ccc;
    padding: 8px 8px 8px;
    position: relative
}

.inner-box span {
    display: inline-block
}

.infoOuter {
    position: absolute;
    top: 1px;
    right: 1px
}

.infoOuter .popupinfo {
    padding: 1px 10px;
    background: #fff;
    color: #000;
    cursor: pointer
}

.steps.step-6 .finalorderReview ul {
    list-style-type: none;
    padding: 0;
    text-align: left
}

.proDescPart .steps .buttons .action_button {
    margin: 0 10px 0 0
}

#shopify-section-1535541917364 {
    background: #eee
}

.reviewPanels,
.reviewShades {
    display: inline-block
}

.reviewPanels .product-quantity-box,
.reviewShades .product-quantity-box {
    width: 100px
}

.reviewPanels .product-quantity-box input,
.reviewShades .product-quantity-box input {
    width: 40px;
    margin: 0;
    display: inline-block;
    text-align: center
}

.reviewPanels .product-quantity-box .product-plus,
.reviewShades .product-quantity-box .product-plus {
    float: right
}

.reviewPanels .product-quantity-box span,
.reviewShades .product-quantity-box span {
    width: 30px
}

.showPrice {
    vertical-align: middle;
    display: inline-block;
    line-height: 40px;
    padding: 0 15px;
    border: 1px solid #ccc;
    border-bottom-color: #000;
    border-right-color: #000;
    margin: 0 5px
}

.openHelper.selected img {
    border-color: #000
}

.openHelper.selected p {
    font-weight: bold
}

.col50 {
    width: 50%;
    float: left
}

.clearboth:after,
.clearboth:before {
    display: block;
    content: ' ';
    clear: both
}

.optionsLists input[type="radio"] {
    display: none !important
}

.optionsLists ul,
.optionsLists .shadeAddOnPrice {
    list-style: none
}

.optionsLists ul li,
.optionsLists ul .div,
.optionsLists .shadeAddOnPrice li,
.optionsLists .shadeAddOnPrice .div {
    text-align: left
}

.optionsLists ul li label,
.optionsLists ul .div label,
.optionsLists .shadeAddOnPrice li label,
.optionsLists .shadeAddOnPrice .div label {
    padding: 10px;
    border: 1px solid #000;
    margin: 0;
    cursor: pointer;
    line-height: 1
}

.optionsLists ul li label span:first-child,
.optionsLists ul .div label span:first-child,
.optionsLists .shadeAddOnPrice li label span:first-child,
.optionsLists .shadeAddOnPrice .div label span:first-child {
    min-width: 60px
}

.optionsLists ul li label h4,
.optionsLists ul .div label h4,
.optionsLists .shadeAddOnPrice li label h4,
.optionsLists .shadeAddOnPrice .div label h4 {
    line-height: 1
}

.optionsLists ul li span,
.optionsLists ul .div span,
.optionsLists .shadeAddOnPrice li span,
.optionsLists .shadeAddOnPrice .div span {
    font-size: 21px;
    text-transform: capitalize;
    letter-spacing: 2px
}

.optionsLists ul li span.smallfont,
.optionsLists ul .div span.smallfont,
.optionsLists .shadeAddOnPrice li span.smallfont,
.optionsLists .shadeAddOnPrice .div span.smallfont {
    font-size: 15px
}

.optionsLists ul li input:checked+label,
.optionsLists ul .div input:checked+label,
.optionsLists .shadeAddOnPrice li input:checked+label,
.optionsLists .shadeAddOnPrice .div input:checked+label {
    background: #FFB5A0
}

.optionsLists ul li input:checked+label span,
.optionsLists ul li input:checked+label h4,
.optionsLists ul .div input:checked+label span,
.optionsLists ul .div input:checked+label h4,
.optionsLists .shadeAddOnPrice li input:checked+label span,
.optionsLists .shadeAddOnPrice li input:checked+label h4,
.optionsLists .shadeAddOnPrice .div input:checked+label span,
.optionsLists .shadeAddOnPrice .div input:checked+label h4 {
    color: #fff
}

.optionsLists ul li h4,
.optionsLists ul .div h4,
.optionsLists .shadeAddOnPrice li h4,
.optionsLists .shadeAddOnPrice .div h4 {
    margin: 0;
    padding: 0
}

.optionsLists .casingBox .div.casing {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative
}

.optionsLists .casingBox .div.casing .smallfont {
    height: 15px;
    display: block;
    margin-top: 7px;
    font-weight: 100;
    font-size: 13px
}

.optionsLists .casingBox .div.casing img {
    margin-bottom: 5px
}

.optionsLists .casingBox .div.casing label {
    text-align: center
}

.optionsLists li *,
.optionsLists .div:not(.casing) * {
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

.div {
    margin-bottom: 15px
}

.div label {
    min-width: 100px
}

.index-sections .under-menu:nth-child(1) {
    margin-top: 0
}

.search_container .cart_container {
    line-height: 1.6
}

.search_container .cart_container a.mini_cart {
    height: inherit;
    background: none;
    border-bottom: 0;
    color: #000 !important;
    z-index: 99999
}

.search_container .cart_container .cart_count {
    padding: 0;
    background: none !important;
    color: #000 !important
}

.search_container .cart_container.active_link .mini_cart span {
    color: #000 !important
}

.search_container .menu {
    padding: 0 !important
}

.search_container .menu a {
    padding: 10px 0
}

.mainBanner .displaycell {
    width: 50%;
    position: relative
}

.mainBanner .bannerImage {
    background-repeat: no-repeat;
    background-size: cover
}

.mainBanner .bannerImage .seprator {
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.mainBanner .bannerContent {
    font-size: 55px;
    line-height: 1.2;
    padding: 160px 50px
}

.mainBanner .bannerContent .bannerContentOuter {
    max-width: 550px;
    margin: 0 auto;
    text-align: center
}

.homepage_content .featured_text {
    padding: 0 10px 30px
}

.footer {
    padding: 0
}

.footer .footer-menu-wrap {
    padding: 0
}

.mainBanner {
    height: calc(100vh - 90px)
}

.header-section {
    z-index: 9
}

.sqBox li {
    display: inline-block;
    margin-right: 10px
}

.sqBox li label {
    text-align: center
}

.progressBar {
    position: relative;
}

.progressBar ul {
    padding-left: 0;
    margin-top: 0;
    text-align: center;
    margin-bottom: 0
}

.progressBar ul li {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 6);
    margin-bottom: 0;
    position: relative;
}

.progressBar ul li span {
    /* display:inline-block; */
    /* border:1px solid #ccc; */
    /* height:18px; */
    /* width:18px; */
    /* background:#fff; */
    /* position:relative; */
    padding: 0;
    border-radius: 50%;
}

.progressBar ul li span img {
    display: none;
    height: 90%;
    width: 90%;
    position: relative;
    top: -2px
}

.progressBar ul li:before {
    /* position:absolute; */
    /* content:''; */
    height: 1px;
    width: calc(50% - 9px);
    background: #ccc;
    left: 0;
    top: 9px;
}

.progressBar ul li:after {
    position: absolute;
    content: '';
    height: 1px;
    width: calc(50% - 9px);
    background: #ccc;
    right: 0;
    top: 9px
}

.progressBar.shadesbar ul li {
    width: calc(100% / 5)
}

.progressBar ul.step1 li.step1:before {
    background: #000
}

.progressBar ul.step1 li.step1 span {
    border: 1px solid #000
}

.progressBar ul.step1 li.step1 span img {
    display: inline-block
}

.progressBar ul.step2 li.step1:after {
    background: #000
}

.progressBar ul.step2 li.step1:before,
.progressBar ul.step2 li.step2:before {
    background: #000
}

.progressBar ul.step2 li.step1 span,
.progressBar ul.step2 li.step2 span {
    border: 1px solid #000
}

.progressBar ul.step2 li.step1 span img,
.progressBar ul.step2 li.step2 span img {
    display: inline-block
}

.progressBar ul.step3 li.step1:after,
.progressBar ul.step3 li.step2:after {
    background: #000
}

.progressBar ul.step3 li.step1:before,
.progressBar ul.step3 li.step2:before,
.progressBar ul.step3 li.step3:before {
    background: #000
}

.progressBar ul.step3 li.step1 span,
.progressBar ul.step3 li.step2 span,
.progressBar ul.step3 li.step3 span {
    border: 1px solid #000
}

.progressBar ul.step3 li.step1 span img,
.progressBar ul.step3 li.step2 span img,
.progressBar ul.step3 li.step3 span img {
    display: inline-block
}

.progressBar ul.step4 li.step1:after,
.progressBar ul.step4 li.step2:after,
.progressBar ul.step4 li.step3:after {
    background: #000
}

.progressBar ul.step4 li.step1:before,
.progressBar ul.step4 li.step2:before,
.progressBar ul.step4 li.step3:before,
.progressBar ul.step4 li.step4:before {
    background: #000
}

.progressBar ul.step4 li.step1 span,
.progressBar ul.step4 li.step2 span,
.progressBar ul.step4 li.step3 span,
.progressBar ul.step4 li.step4 span {
    border: 1px solid #000
}

.progressBar ul.step4 li.step1 span img,
.progressBar ul.step4 li.step2 span img,
.progressBar ul.step4 li.step3 span img,
.progressBar ul.step4 li.step4 span img {
    display: inline-block
}

.progressBar ul.step5 li.step1:after,
.progressBar ul.step5 li.step2:after,
.progressBar ul.step5 li.step3:after,
.progressBar ul.step5 li.step4:after {
    background: #000
}

.progressBar ul.step5 li.step1:before,
.progressBar ul.step5 li.step2:before,
.progressBar ul.step5 li.step3:before,
.progressBar ul.step5 li.step4:before,
.progressBar ul.step5 li.step5:before {
    background: #000
}

.progressBar ul.step5 li.step1 span,
.progressBar ul.step5 li.step2 span,
.progressBar ul.step5 li.step3 span,
.progressBar ul.step5 li.step4 span,
.progressBar ul.step5 li.step5 span {
    border: 1px solid #000
}

.progressBar ul.step5 li.step1 span img,
.progressBar ul.step5 li.step2 span img,
.progressBar ul.step5 li.step3 span img,
.progressBar ul.step5 li.step4 span img,
.progressBar ul.step5 li.step5 span img {
    display: inline-block
}

.progressBar ul.step6 li.step1:after,
.progressBar ul.step6 li.step2:after,
.progressBar ul.step6 li.step3:after,
.progressBar ul.step6 li.step4:after,
.progressBar ul.step6 li.step5:after {
    background: #000
}

.progressBar ul.step6 li.step1:before,
.progressBar ul.step6 li.step2:before,
.progressBar ul.step6 li.step3:before,
.progressBar ul.step6 li.step4:before,
.progressBar ul.step6 li.step5:before,
.progressBar ul.step6 li.step6:before {
    background: #000
}

.progressBar ul.step6 li.step1 span,
.progressBar ul.step6 li.step2 span,
.progressBar ul.step6 li.step3 span,
.progressBar ul.step6 li.step4 span,
.progressBar ul.step6 li.step5 span,
.progressBar ul.step6 li.step6 span {
    border: 1px solid #000
}

.progressBar ul.step6 li.step1 span img,
.progressBar ul.step6 li.step2 span img,
.progressBar ul.step6 li.step3 span img,
.progressBar ul.step6 li.step4 span img,
.progressBar ul.step6 li.step5 span img,
.progressBar ul.step6 li.step6 span img {
    display: inline-block
}

.clearboth:after,
.clearboth:before {
    clear: both;
    width: 100%;
    display: block;
    content: ''
}

section.how-it-work {
    background: #FFB5A0
}

section.how-it-work div.container {
    padding-bottom: 40px
}

.how-cols img {
    max-width: 100%
}

.mian-how-its {
    overflow: hidden
}

.how-its-cols {
    margin: 0 -60px
}

.how-its-cols .how-cols {
    width: 33.33%;
    float: left;
    padding: 0 60px
}

.how-its-conent {
    padding: 0 25px
}

.main-title {
    text-align: center;
    margin-bottom: 40px
}

.how-its-conent h3 {
    padding: 30px 0 10px;
    text-transform: capitalize
}

.product-wrap-left,
.product-wrap-right {
    width: 100%;
    float: none
}

.collectiondetails .product-details {
    padding: 0
}

.product-details h3.js-product-title {
    float: left;
    margin-bottom: 0;
    padding-right: 10px
}

.collectiondetails .product-details .price {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px
}

.collectiondetails .product-details .price span.money {
    display: block;
    text-align: right;
    font-size: 25px;
    color: #ffb5a0
}

.collectiondetails a.action_button {
    display: none
}

.collectiondetails .collection_swatches {
    text-align: left;
    opacity: 1;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    transform: translateY(-33px);
    -webkit-transform: translateY(-33px);
    margin-top: 0
}

.collectiondetails .collection_swatches a {
    color: #000;
    display: inline-block;
    vertical-align: middle
}

.collection-matrix .thumbnail {
    transition: 0.5s all;
    -webkit-transition: 0.5s all
}

.collection-matrix .thumbnail .productexcert {
    opacity: 1;
    transition: 0.5s all;
    -webkit-transition: 0.5s all
}

.collectiondetails .collection_swatches a span {
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%
}

.steps {
    text-align: left
}

.proDescPart .steps .buttons .action_button.gotoBack {
    background: #fff;
    color: #db785c
}

.proDescPart .steps .buttons .action_button.gotoBack:hover {
    background: #db785c;
    color: #fff
}

.popupOverlay {
    display: none
}

.popupOverlay {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999
}

.popupBox {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    box-shadow: 0 0 20px #000;
    padding: 20px;
    z-index: 9999;
    margin: 100px auto 0;
    max-width: 800px;
    position: relative;
    max-height: 80vh;
    overflow: auto
}

.cls_popup {
    color: #999;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    right: 9px;
    top: 5px
}

.popupinfo {
    cursor: pointer
}

.inner-box .popupOverlay .popupBox img {
    width: 100%
}

.inner-box .popupOverlay .popupBox h3 {
    width: 100%;
    margin-bottom: 15px;
    display: block;
    border-bottom: 1px solid #aaaaaa;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 5px
}

.product-list .thumbnail {
    margin: 0;
    padding: 0 10px
}

.product-list .one-third.column {
    width: 33.333333%;
    box-sizing: border-box
}

.product-list {
    margin: 0 -10px !important
}

.product-list div.thumbnail:nth-child(3n+1) {
    clear: left
}

.steps>h3 {
    text-align: center;
    border-bottom: 1px solid #999;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.hangingWrapper .inner-box img {
    display: block
}

.reviewPanels .product-quantity-box {
    position: relative
}

.hidetitle h1.product_name,
.hidetitle h1.product_name+.feature_divider {
    display: none
}

.product-quantity-box {
    position: relative
}

.qtyInfo {
    position: absolute;
    right: -14px;
    top: -12px
}

.qtyInfo span.mark {
    width: 20px;
    text-align: center;
    background: #000;
    color: #fff;
    line-height: 20px;
    cursor: pointer;
    border-radius: 50%;
    display: inline-block;
    font-size: 15px
}

.qtyInfo .qtyinfodetails {
    position: absolute;
    bottom: 31px;
    width: 200px;
    left: -88px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 12px;
    line-height: 1.3;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all;
    -webkit-transition: 0.3s all
}

.qtyInfo .qtyinfodetails:before {
    position: absolute;
    border-top: 7px solid #ccc;
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%)
}

.qtyInfo .qtyinfodetails.openQty {
    opacity: 1;
    visibility: visible
}

#cart_form .additional-cost,
#cart_form .customize {
    display: none
}

.warningMsg {
    margin-top: 15px;
    color: #cc1515;
    font-size: 16px
}

.hangingWrapper>div.col3:nth-child(2n+1) {
    clear: both
}

.helperImgPart {
    width: 50%;
    background: #fff;
    padding: 15px
}

.sliderfor img {
    max-height: 500px;
    margin: 0 auto
}

.slidernav img {
    margin: 0 auto;
    padding: 0 3px
}

.helperImgPart .slick-slide h3 {
    text-align: center
}

.slick-initialized * {
    outline: none !important
}

.slidernav .slick-track {
    margin: 0 auto !important;
    transform: translate(0) !important
}

.slidernav .slick-slide img {
    border: 1px solid transparent;
    padding: 5px
}

.slidernav .slick-current img {
    border: 1px solid #ccc;
    padding: 5px
}

body.fixed {
    overflow: hidden
}

.homepage_content.section.center {
    max-width: 700px;
    margin: 0 auto
}

button.orderSample.btn.button {
    background: transparent;
    color: #FFB5A0
}

button.orderSample.btn.button:hover {
    background: #db785c;
    color: #fff
}

.footer .footer_navigation {
    text-align: center;
    display: block !important;
    padding-left: 0 !important
}

.footer .footer_navigation li {
    display: inline-block;
    padding: 0 20px
}

.productprice_outer {
    position: relative;
    text-align: left;
    display: inline-block
}

.productprice_outer p.modal_price {
    display: inline-block
}

.collection_desc {
    background: rgba(242, 242, 242, 0.9)
}

.collection_desc .coll_desc_outer {
    display: flex;
    align-items: center
}

.collection_desc .coll_desc_outer>div {
    flex-grow: 1
}

.collection_desc .coll_desc_outer .imagesection {
    max-width: 50%
}

.collection_desc .coll_desc_outer .titlesection {
    max-width: 50%;
    padding: 0 50px 0 50px
}

@media (min-width: 800px) {
    .collection_desc .coll_desc_outer .titlesection h2 {
        font-size: 40px;
        line-height: 1.3
    }
}

.collection_desc .coll_desc_outer img {
    max-width: 100%
}

.collection_desc .coll_desc_outer .subtitlecol {
    color: #ffb5a0
}

.collection_bottomDesc {
    max-width: 700px;
    margin: 0 auto
}

@media (min-width: 800px) {
    .collection_bottomDesc {
        font-size: 22px
    }
}

@media (max-width: 1200px) {
    .nav a.mini_cart {
        margin-left: 10px;
        padding: 12px 0
    }
    .mainBanner .bannerContent {
        font-size: 35px
    }
    #header a.mobile_logo img {
        max-height: 35px
    }
}

@media (min-width: 992px) {
    .showOnMob {
        display: none !important
    }
}

@media (max-width: 991px) {
    .hideOnMob {
        display: none !important
    }
    .mainBanner .bannerContent {
        font-size: 28px
    }
    .how-its-cols .how-cols {
        padding: 0 20px
    }
    .how-its-cols {
        margin: 0 -20px;
        padding: 0 10px
    }
    .inputBoxMeas>div p {
        font-size: 16px
    }
    .collection-matrix .thumbnail .productexcert {
        margin-bottom: 30px;
        margin-top: 5px
    }
    .product-list .one-third.column {
        width: 50% !important;
        margin: 0px !important
    }
    .product-list div.thumbnail:nth-child(3n+1) {
        clear: none
    }
}

@media (max-width: 959px) {
    .product-details h3.js-product-title,
    .collectiondetails .product-details .price {
        float: none;
        margin-bottom: 0;
        padding-right: 0;
        padding-bottom: 0;
        text-align: left
    }
    .collectiondetails .product-details .price span.money {
        display: inline-block;
        padding-left: 3px;
        font-size: 18px
    }
    .inputBoxMeas>div .measurement-Box {
        min-height: 180px
    }
    .optionHelper.Showing .helperPopCon {
        display: block
    }
    .helperImgPart,
    .optionHelper .helperOptionWrap {
        width: 100%
    }
    .optionHelper .helperOptionWrap {
        max-width: 100%;
        margin: 10px 0 0 0
    }
    .collectiondetails .collection_swatches {
        transform: none;
        -webkit-transform: none;
        margin-top: 10px
    }
}

@media (max-width: 768px) {
    .product-list .columns.thumbnail {
        width: 100% !important;
        clear: both;
        margin: 0 0 15px 0 !important
    }
    .how-its-cols .how-cols {
        width: 100%;
        margin-bottom: 20px
    }
    .how-its-cols .how-cols {
        padding: 0 10px
    }
    .how-its-cols {
        margin: 0 -10px
    }
    .how-it-work {
        text-align: center
    }
    .how-its-conent {
        padding: 0 15px
    }
    .how-its-conent h3 {
        padding: 5px 0 0;
        margin: 0 0 5px
    }
    .main-title {
        margin-bottom: 20px
    }
    .product-list .product_clear {
        display: none !important
    }
    .product-list div.thumbnail.even,
    .product-list div.thumbnail:nth-child(3n+1) {
        clear: initial !important
    }
    .product-list div.thumbnail:nth-child(odd) {
        clear: left !important
    }
    .collection_desc .coll_desc_outer .titlesection {
        padding: 0 15px 0 15px
    }
}

@media (max-width: 767px) {
    .mainBanner {
        height: inherit;
        display: block
    }
    .mainBanner .bannerContent {
        padding: 30px 30px 35px;
        font-size: 20px
    }
    .mainBanner .displaycell {
        width: 100%;
        display: block
    }
    .mainBanner .bannerImage {
        height: 300px
    }
    .mainBanner .bannerImage .seprator {
        position: absolute;
        left: 50%;
        top: -87px;
        transform: translateX(-50%) rotate(90deg);
        -webkit-transform: translateX(-50%) rotate(90deg)
    }
    .homepage_content .featured_text {
        padding: 0 10px 0
    }
    .main_nav,
    .dropdown {
        background: rgba(255, 255, 255, 0.9)
    }
    section.how-it-work div.container {
        padding-bottom: 0px
    }
    .container.customerReview {
        width: 100%;
        max-width: 260px
    }
    .container.customerReview .sixteen.columns {
        width: 100%
    }
    .slick-prev {
        left: 0 !important
    }
    .slick-next {
        right: 0 !important
    }
    .product-list .one-third.column,
    .product-list .one-fifth.column {
        width: 100% !important
    }
    .product-list .one-fifth.column {
        padding-left: 0;
        margin-left: 0 !important
    }
    .collection_swatches .swatch {
        padding: 1px
    }
}

.cart .six.columns.offset-by-five {
    text-align: center
}

.swatch input:checked+label {
    border-color: #000;
    box-shadow: 0 0 3px #000
}

@media (max-width: 600px) {
    .inputBoxMeas {
        display: block
    }
    .inputBoxMeas>div {
        margin: 0px
    }
    .inputBoxMeas>div .measurement-Box {
        min-height: inherit;
        max-width: 100%
    }
    .inputBoxMeas span {
        font-weight: bold;
        display: block;
        text-align: center;
        padding: 5px 0
    }
    .product-quantity-box {
        width: 50%
    }
    .optionHelper .helperOptionWrap ul {
        padding: 0px
    }
    .widthZoptions li {
        padding: 0 10px 0 0
    }
    .progressBar ul {
        margin-bottom: 0px
    }
    .hangingWrapper>div.col3 {
        width: 50%;
        margin-bottom: 12px
    }
    .qtyInfo .qtyinfodetails {
        right: 0;
        left: inherit
    }
    .qtyInfo .qtyinfodetails:before {
        left: 96%
    }
    button {
        padding: 0 10px !important
    }
    .selectedOptions h5 {
        font-size: 13px
    }
    .selectedOptions ul li {
        padding: 5px
    }
    .selectedOptions ul li span {
        font-size: 12px
    }
    .optionsLists ul li span {
        font-size: 14px;
        margin-bottom: 5px
    }
    .optionsLists ul li label {
        padding: 5px 10px
    }
    .selectedOptions li div {
        display: block
    }
    .selectedOptions li div i {
        display: none
    }
    h3.js-product-title {
        font-size: 22px
    }
}

.cart_container2 {
    width: 25%;
    float: right;
    position: relative !important
}
/* HIDE RADIO */
.bold_option_radio [type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}