/** header **/
.header_top {
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    text-align: center;
}
.scrolled-past-header .header_top {
   display:none;
}
.header_top a {
   display:inline-block;
   padding:10px 10px 0px 10px;
   color:#000;
   text-decoration:none;
}
.header_top a:hover {
   color: #0e1b4d;
   font-weight: bold
}
.header_top .phone_num:before {
   content: "\f095";
   display:inline-block;
   font-size: 18px;
   font-family: FontAwesome;
   line-height: normal;
}
.header_top .life_text:before {
   content: "\f132";
   display:inline-block;
   font-size: 18px;
   font-family: FontAwesome;
   line-height: normal;
}

/** Home page **/
.section-blocks__text {
  height: 450px;
  overflow: hidden;
}
.section-blocks__text.auto_height {
  height: auto;
}
.show_more.hide ,
.show_less.hide {
   display: none;
}


/** product page **/
.template-product .btn.btn--primary,.template-product .product-form__cart-submit {
  background:#C00000;
}
.product__policies.rte {
  display:none;
}
.bcpo-image-parent {
  line-height:normal !important;
}
.bcpo-front-image-title {
  text-align:center;
  width:100%;
  display:block;
  font-size: 12px;
  padding: 4px 5px;
}
#calculator-modal {
  /* position:inherit !important; */
}
#calculator-modal .modal-content {
    width: 100%;
    max-width: 600px;
    max-height: 90%;
    margin: 0px auto;
}
.content-container {
    position:initial;
}
.related-products {
    position: inherit;
}
.product__variants-wrapper .dynamic-variant-button {
  overflow:hidden;
  display:block;
}
.product__variants-wrapper .dynamic-variant-button {
  width:100%;
  float:left;
  padding:0px;
}
.product__variants-wrapper .dynamic-variant-button img {
  width:95px;
  height:95px;
}
.product__variants-wrapper .dynamic-variant-button .variant_title {
  padding:5px 8px;
  display:block;
}


/** sample page **/
.samples-page {
  scroll-behavior: smooth;
    /* height: 400px;
    overflow-x: hidden;
    overflow-y: scroll; */
}
.samples-page h2 {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin: 0px;
  font-size: 25px;
  line-height: normal;
  overflow: hidden;
  clear: both;
}
.samples-page h2 img {
  max-width: 115px;
  height: auto;
  margin: 10px 10px 10px 0px  !important;
}
.samples-page::-webkit-scrollbar {
    width: 12px;
}
.samples-page::-webkit-scrollbar-thumb {
    background: rgba(20, 102, 120, 1);
    border-width: 4px;
    border-style: solid;
    border-color: rgba(240, 242, 245, 1);
    border-radius: 10px;
}
.samples-page::-webkit-scrollbar-track {
    background: rgba(240, 242, 245, 1);
}
.samples-page img {
  margin-bottom:0px;
  border-radius:0px !important;
  max-width:100%;
}
.optimage_cover {
   height: 0px;
  margin: 0px !important;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.optimage_cover.active {
  height: auto;
  margin: 0px !important;
}
.go_to_top {
    padding: 0 12px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
}
.go_to_sample {
  position: fixed;
  top: 50%;
  right: 0px;
  z-index: 99999;
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  padding: 10px 12px;
  cursor: pointer;
  margin: 30px 0px !important;
  font-weight: bold;
}
.optImage {
  width: 10%;
  float: left;
  padding-bottom: 10px;
  margin: 0px !important;
}
.optImage img {
  border-radius:0px !important;
  max-width:100%;
  margin: 0px auto !important;
  padding-bottom: 8px;
  height: auto;
}
.optImage .samples_img  {
  padding:5px;
  display:block;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
}
.optImage.active .samples_img {
  border: 1px solid #000;
}
.optImage .samples_img p {
  display:block;
  padding:0px;
  text-align:center;
  color:#000;
  font-size:13px;
  margin:0px;
  min-height: 35px;
}
.samples_img .free_btn {
  display: block;
  width: 100%;
  border: 0px;
  padding: 4px;
  background: #000;
  color: #fff;
  font-weight: bold;
}
.optImage.form  {
   width: 20%;
   position:relative;
   margin-bottom:20px;
  max-width: 140px;
  padding:4px;
}
.optImage.form a {
    display: block;
    margin: 5px;
    background-color: #fff;
    border: 1px solid #f2f4f3;
    box-shadow: 0 2px 4px #0000000d;
    color: #222;
    text-decoration: none;
    position: relative;
}
.optImage.form p {
  color:#000;
  text-align:center;
}
.sample_requested {
  /* display:none; */
}
div._formFieldContainer_1ydxd_5 {
  display:block 
}
div._formFieldContainer_1ydxd_5 input ,
div._formFieldContainer_1ydxd_5 textarea {
  width:90%;
}
.optImage.form i {
  position: absolute;
  top: 8px;
  right: 10px;
  color: white;
  cursor: pointer;
  font-size: 20px;
  z-index: 99;
  font-weight: bold;
  font-style: inherit;
  line-height: normal;
}
.optimage_error {
   color:red;
   font-weight:bold;
}
select option[disabled] {
    /* display:none !important; */
}
.disabled ,.hidden {
  display:none !important;
}
[hidden] { display: none !important; }

.select_option_color {
  min-width:350px;
  display:block;
  padding:6px 10px;
  margin:0px;
  border: 1px solid #ccc;
  overflow: hidden;
  position:relative;
  cursor:pointer;
}
.select_option_color .color_left {
  float:left;
  margin-right: 10px;
  max-width:100px;
}
.select_option_color .color_right {
  float:left;
  padding-top: 25px;
}
.select_option_color .click_here {
  cursor:pointer;
}
.select_option_color .color_arrow {
  position: absolute;
  top: 50%;
  right: 8px;
  font-size: 25px;
  margin-top: -24px;
}
.tpo_option_colour .popup_close ,
.tpo_option_frame_colour .popup_close {
    position: fixed;
    top: 0px;
    z-index: 99999999;
    right: 0px;
    font-size: 25px;
    display:none;
    cursor:pointer;
    padding: 4px 12px;
    background:#fff;
}
.tpo_option_colour .confr_color ,
.tpo_option_frame_colour .confr_color {
    position: fixed;
    top: 0px;
    z-index: 9999999 ! important;
    right: 0px;
    font-size: 18px;
    display:none;
    cursor:pointer;
    background: #C00000;
    width: 100%;
    padding: 8px 15px;
    border: 1px solid #fff;
    cursor: pointer;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
.tpo_option_colour .tpo_option-label ,
.tpo_option_frame_colour .tpo_option-label {
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 9999998 !important;
    background: #fff;
    padding: 12px 8px;
    width: auto;
    overflow-y: scroll;
    height: 100%;
    border: 1px solid #ccc;
    padding-bottom: 45px;
    min-width:250px;
}

@media screen and (max-width:767px)  {
.template-product.hide {
  overflow-y:hidden !important;
   overflow: hidden !important;
  -webkit-overflow-scrolling: none !important;
  touch-action: none !important;
  scroll-snap-stop: always;
}
.template-product {
    position:inherit;
}
.template-product.hide .shopify-section.header__outer-wrapper {
  z-index:1;
  position:fixed !important;
  opacity:0;
    -webkit-transition: opacity 0s;
    transition: opacity 0s;
    visibility:hidden;
    
}
}

.template-product.hide  .header__outer-wrapper {
  position: relative !important;
}

@media screen and (max-width:1200px) {
  .optImage {
    width: 16%;
    text-align:center;
  }
  .optImage .samples_img p {
    min-height: 35px;
  }
}
@media screen and (max-width:991px) {
  .optImage {
    width: 20%;
  }
}
@media screen and (max-width:767px) {
  .header_top a {
      padding:5px 10px 0px 10px;
   }
  .optImage {
    width: 33%;
    float: left;
    padding-bottom: 10px;
  }
  .optImage.form  {
    width: 30%;
}
.samples-page h2 {
    font-size: 20px;
}
}
@media screen and (max-width:480px) {
  .optImage {
    width: 49%;
  }
  .optImage.form  {
    width: 45%;
}
}
.tpo_option-label .tpo_option-type-image-swatches-wrapper {
   grid-template-columns: repeat(5, 1fr);
   display:block;
}
.tpo_swatches-label_position.under .tpo_option_type_label_and_price .tpo_option_type_label, .tpo_color-swatches-label_position.under .tpo_option_type_label_and_price .tpo_option_type_label {
   min-height:auto;
}
.tpo_option-type-image-swatches-wrapper {
   //height:315px;
}
.tpo_swatches-label_position.hide ,.dynamic-variant-button.hide {
   display:none !important;
}
.tpo_swatches-label_position.active {
   display:flex !important;
}
.dynamic-variant-button.active {
  display:block !important;
}
.tpo_swatches-label_position.under, .tpo_color-swatches-label_position.under {
    width: 105px !important;
    float: left;
}
.tpo_option-type-image-swatches-wrapper.active {
  height:auto;
}
.read-more , .read-less ,.load-more , .load-less {
    display: none;
    margin: 12px 12px 12px 0px;
    cursor: pointer;
    background-color: #000;
    color: white;
    padding: 10px;
    text-align: center;
    width: 130px;
}
.read-more.active , .read-less.active ,.load-more.active , .load-less.active  {
    display: block;
}
.dynamic-variant-input-wrap {
  display:block !important;
  width:auto;
  overflow:hidden;
}
.dynamic-variant-input-wrap .dynamic-variant-button {
  width:95px;
  float: left;
  margin: 0px 3px 10px;
  min-height: 100%;
}
 .tpo_option-type-image-swatches-wrapper .tpo_image-swatch-img { 
    object-fit: contain !important; 
    width: 100% !important;
    height: 100% !important;
}
.tpo_option-type-image-swatches-wrapper label.tpo_is_checked_swatches,
.tpo_option-type-image-swatches-wrapper article.tpo_is_checked_swatches {
    width:100% !important;
}
.tpo_swatches-label_position > label, .tpo_swatches-label_position > article {
   padding: 4px !important;
}

@media screen and (min-width:310px) and (max-width:350px)  {
  .tpo_swatches-label_position.under, .tpo_color-swatches-label_position.under {
      width: 70px !important;
  }
  .tpo_swatches-label_position:nth-child(3n+1) {
    clear:left;
  }
  .tpo_swatches-label_position > label, .tpo_swatches-label_position > article {
    width:auto !important;
    height:auto !important;
  }
}

@media screen and (min-width:391px) and (max-width:476px)  {
  .tpo_swatches-label_position.under, .tpo_color-swatches-label_position.under {
      width: 72px !important;
  }
  .tpo_swatches-label_position:nth-child(5n+1) {
    clear:left;
  }
  .tpo_swatches-label_position > label, .tpo_swatches-label_position > article {
    width:auto !important;
    height:auto !important;
  }
}
@media screen and (max-width:390px)  {
   .tpo_swatches-label_position.under, .tpo_color-swatches-label_position.under {
      width: 64px !important;
  }
  .tpo_swatches-label_position > label, .tpo_swatches-label_position > article {
    width:auto !important;
    height:auto !important;
  }
}

@media screen and (max-width:590px)  {
  .tpo_option_colour .tpo_option-label ,
.tpo_option_frame_colour .tpo_option-label {
    width: 100%;
    text-align:center;
}
.tpo_swatches-label_position.under, .tpo_color-swatches-label_position.under {
    float: none;
    display: inline-block !important;
}

}

@media screen and (max-width:580px)  {
    .tpo_swatches-label_position > label, .tpo_swatches-label_position > article {
      padding: 0px !important;
    }
}

@media screen and (min-width:475px) and (max-width:580px)  {
  .tpo_swatches-label_position.under, .tpo_color-swatches-label_position.under {
      width: 85px !important;
  }
  .tpo_swatches-label_position:nth-child(5n+1) {
    clear:left;
  }
  .tpo_swatches-label_position > label, .tpo_swatches-label_position > article {
    width:auto !important;
    height:auto !important;
  }
}

@media screen and (min-width:580px) {
  .tpo_swatches-label_position.under, .tpo_color-swatches-label_position.under {
      width: 95px !important;
  }
  .tpo_swatches-label_position:nth-child(5n+1) {
    clear:left;
  }
}


@media screen and (min-width:767px) {
   .tpo_swatches-label_position:nth-child(5n+1) {
    clear:initial;
  }
  .tpo_swatches-label_position:nth-child(7n+1) {
    clear:left;
  }
}

@media screen and (min-width:960px) {
  .tpo_swatches-label_position:nth-child(5n+1) {
    clear:initial;
  }
  .tpo_swatches-label_position:nth-child(7n+1) {
    clear:initial;
  }
  .tpo_swatches-label_position:nth-child(4n+1) {
    clear:left;
  }
}

@media screen and (min-width:1150px) {
  .tpo_swatches-label_position:nth-child(7n+1) {
    clear:initial;
  }
  .tpo_swatches-label_position:nth-child(4n+1) {
    clear:initial;
  }
  .tpo_swatches-label_position:nth-child(5n+1) {
    clear:left;
  }
  .dynamic-variant-input-wrap .dynamic-variant-button:nth-child(5n+1) {
    /* clear:initial; */
  }
}

@media screen and (min-width:1300px) {
  .tpo_swatches-label_position:nth-child(7n+1) {
    clear:initial;
  }
  .tpo_swatches-label_position:nth-child(4n+1) {
    clear:initial;
  }
  .tpo_swatches-label_position:nth-child(5n+1) {
    clear:initial;
  }
  .tpo_swatches-label_position:nth-child(6n+1) {
    clear:left;
  }
  .dynamic-variant-input-wrap .dynamic-variant-button:nth-child(5n+1) {
   /* clear:initial; */
  }
   .dynamic-variant-input-wrap .dynamic-variant-button:nth-child(6n+1) {
    /* clear:initial; */
  }
}
@media screen and (min-width:1600px) {
  .dynamic-variant-input-wrap .dynamic-variant-button:nth-child(5n+1) {
    /* clear:initial; */
  }
  .dynamic-variant-input-wrap .dynamic-variant-button:nth-child(7n+1) {
    /* clear:initial; */
  }
}
@media screen and (min-width:1800px) {
  .tpo_swatches-label_position:nth-child(6n+1) {
    clear:initial;
  }
  .tpo_swatches-label_position:nth-child(7n+1) {
    clear:initial;
  }
  .tpo_swatches-label_position:nth-child(4n+1) {
    clear:initial;
  }
  .tpo_swatches-label_position:nth-child(5n+1) {
    clear:initial;
  }
  .tpo_swatches-label_position:nth-child(8n+1) {
    clear:left;
  }

}
/*hide quantity on product page */
.product-form .product-form__quantity{display: none;}
.product-form[data-has-quantity-selector] .quantity-input-wrapper__labels {
    display: none;
}
.quantity-input-wrapper.quantity-input-wrapper--product-form {
    display: none;
}
.collection-banner__description {
  max-width:100% !important;
}

/* sample page fontawesome icon fix */
.optImage.form i.fas {
    font-family: 'FontAwesome' !important;
}

/* Default (Desktop) */
.globo-formbuilder {
  min-height: 1622px !important;
  height: 1622px !important;
}

/* Mobile (Up to 767px wide) */
@media only screen and (max-width: 767px) {
  .globo-formbuilder {
    min-height: 2350px !important;
    height: 2350px !important;
  }
}

.optimage_cover{
    height: auto !important;
    margin: 0 !important;
}
 .samples-page .optImage {
  float: none;
    padding-bottom: 10px;
    margin: 0 !important;
    display: inline-flex;
    width: 150px !important;
  }
  .samples-page .optImage a:empty {
    display: none;
} 

@media only screen and (min-width: 1640px) { 
  .samples-page .optImage {
   /* width: 8% !important; */
}
}