@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-BlackItalic.eot');
    src: url('../fonts/SFProDisplay-BlackItalicd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-BlackItalic.woff') format('woff'),
        url('../fonts/SFProDisplay-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-LightItalic.eot');
    src: url('../fonts/SFProDisplay-LightItalicd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-LightItalic.woff') format('woff'),
        url('../fonts/SFProDisplay-LightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-HeavyItalic.eot');
    src: url('../fonts/SFProDisplay-HeavyItalicd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-HeavyItalic.woff') format('woff'),
        url('../fonts/SFProDisplay-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Medium.eot');
    src: url('../fonts/SFProDisplay-Mediumd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Medium.woff') format('woff'),
        url('../fonts/SFProDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Regular.eot');
    src: url('../fonts/SFProDisplay-Regulard41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Regular.woff') format('woff'),
        url('../fonts/SFProDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Bold.eot');
    src: url('../fonts/SFProDisplay-Boldd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Bold.woff') format('woff'),
        url('../fonts/SFProDisplay-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-UltralightItalic.eot');
    src: url('../fonts/SFProDisplay-UltralightItalicd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-UltralightItalic.woff') format('woff'),
        url('../fonts/SFProDisplay-UltralightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-SemiboldItalic.eot');
    src: url('../fonts/SFProDisplay-SemiboldItalicd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-SemiboldItalic.woff') format('woff'),
        url('../fonts/SFProDisplay-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-ThinItalic.eot');
    src: url('../fonts/SFProDisplay-ThinItalicd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-ThinItalic.woff') format('woff'),
        url('../fonts/SFProDisplay-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}


@font-face {
  font-family: 'Amatic';
  src: url('../fonts/Amatic-Bold.eot');
  src: url('../fonts/Amatic-Boldd41d.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Amatic-Bold.woff') format('woff'),
      url('../fonts/Amatic-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Amatic SC';
  src: url('../fonts/AmaticSC-Regular.eot');
  src: url('../fonts/AmaticSC-Regulard41d.eot?#iefix') format('embedded-opentype'),
      url('../fonts/AmaticSC-Regular.woff') format('woff'),
      url('../fonts/AmaticSC-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Berkshire Swash';
  src: url('../fonts/BerkshireSwash-Regular.eot');
  src: url('../fonts/BerkshireSwash-Regulard41d.eot?#iefix') format('embedded-opentype'),
      url('../fonts/BerkshireSwash-Regular.woff') format('woff'),
      url('../fonts/BerkshireSwash-Regular.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Delaras';
  src: url('../fonts/Delaras-Regular.eot');
  src: url('../fonts/Delaras-Regulard41d.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Delaras-Regular.woff') format('woff'),
      url('../fonts/Delaras-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'De Valencia';
  src: url('../fonts/DeValencia-Regular.eot');
  src: url('../fonts/DeValencia-Regulard41d.eot?#iefix') format('embedded-opentype'),
      url('../fonts/DeValencia-Regular.woff') format('woff'),
      url('../fonts/DeValencia-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GRIFON';
  src: url('../fonts/GRIFON-Regular.eot');
  src: url('../fonts/GRIFON-Regulard41d.eot?#iefix') format('embedded-opentype'),
      url('../fonts/GRIFON-Regular.woff') format('woff'),
      url('../fonts/GRIFON-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* @font-face {
  font-family: 'GRIFON';
  src: url('../fonts/GRIFON-Bold.eot');
  src: url('../fonts/GRIFON-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/GRIFON-Bold.woff') format('woff'),
      url('../fonts/GRIFON-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
} */


@font-face {
  font-family: 'Modesfa';
  src: url('../fonts/Modesfa.eot');
  src: url('../fonts/Modesfad41d.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Modesfa.woff') format('woff'),
      url('../fonts/Modesfa.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Molot';
  src: url('../fonts/Molot.eot');
  src: url('../fonts/Molotd41d.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Molot.woff') format('woff'),
      url('../fonts/Molot.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



@font-face {
  font-family: 'MONDERA';
  src: url('../fonts/MONDERA-Bold.eot');
  src: url('../fonts/MONDERA-Boldd41d.eot?#iefix') format('embedded-opentype'),
      url('../fonts/MONDERA-Bold.woff') format('woff'),
      url('../fonts/MONDERA-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Monoton';
  src: url('../fonts/Monoton-Regular.eot');
  src: url('../fonts/Monoton-Regulard41d.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Monoton-Regular.woff') format('woff'),
      url('../fonts/Monoton-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Thin.eot');
  src: url('../fonts/Montserrat-Thind41d.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Montserrat-Thin.woff') format('woff'),
      url('../fonts/Montserrat-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Oleo Script';
  src: url('../fonts/OleoScript-Regular.eot');
  src: url('../fonts/OleoScript-Regulard41d.eot?#iefix') format('embedded-opentype'),
      url('../fonts/OleoScript-Regular.woff') format('woff'),
      url('../fonts/OleoScript-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* @font-face {
  font-family: 'Oleo Script';
  src: url('../fonts/OleoScript-Bold.eot');
  src: url('../fonts/OleoScript-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/OleoScript-Bold.woff') format('woff'),
      url('../fonts/OleoScript-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
} */


@font-face {
  font-family: 'Therok';
  src: url('../fonts/Therok-Regular.eot');
  src: url('../fonts/Therok-Regulard41d.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Therok-Regular.woff') format('woff'),
      url('../fonts/Therok-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* 
@font-face {
  font-family: 'Therok';
  src: url('../fonts/Therok-Bold.eot');
  src: url('../fonts/Therok-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Therok-Bold.woff') format('woff'),
      url('../fonts/Therok-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
} */



body { padding: 0; margin: 0; font-family: 'SF Pro Display'; font-weight: normal; }

.Amatic{ font-family: 'Amatic';     font-weight: bold;}
.Berkshire{ font-family: 'Berkshire Swash';     font-weight: bold;}
.Delaras{font-family: 'Delaras';     font-weight: normal;}
.DeValencia{ font-family: 'De Valencia';    font-weight: normal;}
.GRIFON{  font-family: 'GRIFON';   font-weight: normal;}
.Modesfa{font-family: 'Modesfa';   font-weight: normal;}
.Molot{  font-family: 'Molot';   font-weight: normal;}
.MONDERA{font-family: 'MONDERA';   font-weight: normal;}
.Monoton{  font-family: 'Monoton';     font-weight: bold;}
.Montserrat{font-family: 'Montserrat';     font-weight: normal;}
.Oleo{ font-family: 'Oleo Script'; font-weight: normal;}
.Therok{font-family: 'Therok';     font-weight: normal;}




ul{padding: 0; margin: 0; list-style: none;}
a:hover{text-decoration: none; }
button:focus{outline: none;}
.border-label-btn{border: 1px solid #000000; border-radius: 8px; font-size: 16px; line-height: normal; text-align: center;font-weight: 400; padding: 10px 15px; cursor: pointer; display: inline-flex; align-items: center; text-decoration: none;  color:#000000; transition: all .2s ease; background: #fff;}
.border-label-btn .img-icon{display: inline-block; margin-right: 5px;}
.border-label-btn:hover{border-color: #CA4707; color:#CA4707; background: #FFF4EE;}
.value-list .border-label-btn{font-size: 14px; font-weight: 500; padding: 7px 11px; margin: 0 6px 6px 0; background: #fff;}
.value-list .border-label-btn:first-child{margin-left: 0;}
.value-list .border-label-btn:focus{border-color: #CA4707; color:#CA4707; background: #FFF4EE;}
.border-label-btn.active{border-color: #CA4707; color:#CA4707; background: #FFF4EE;}

.btn-primaryx{background: #CC6D00; border-radius: 5px; display: inline-flex; align-items: center; font-size: 16px; font-weight: 400; color:#fff;  padding: 12px 24px;    line-height: normal; transition: all .2s ease; justify-content: center; text-align: center;}
.btn-primaryx .img-icon { display: inline-flex; filter: invert(1) brightness(14.5); transition: all .2s ease; margin-right: 7px;}
.btn-primaryx:hover{background: #a15702; color: #fff; border-color: #a15702;}

.btn-success{background: #2D6809; border:solid 1px #2D6809 ; border-radius: 5px; display: inline-flex; align-items: center; font-size: 16px; font-weight: 500; color:#fff;  padding: 12px 24px;    line-height: normal; transition: all .2s ease; justify-content: center; text-align: center;}
.btn-success .img-icon { display:inline-flex; filter: invert(1) brightness(14.5); transition: all .2s ease; margin-right: 5px;}
.btn-success:hover{background: #163702; color: #fff; border-color: #163702;}

.btn-blue{background: #23233E; border:solid 1px #23233E ; border-radius: 5px; display: inline-flex; align-items: center; font-size: 16px; font-weight: 500; color:#fff;  padding: 12px 24px;    line-height: normal; transition: all .2s ease; justify-content: center; text-align: center;}
.btn-blue .img-icon { display:inline-flex; filter: invert(1) brightness(14.5); transition: all .2s ease; margin-right: 5px;}
.btn-blue:hover{background: #131323; color: #fff; border-color: #131323;}

.decor-header { padding: 30px 0px; text-align: center; background: #F8F8F8; }
.decor-header .site-logo { width: 100%; max-width: 150px; display: inline-block; }
.quinn-stories-wrpper {padding: 20px 0; width: 100%; overflow: hidden; }
.quinn-stories-wrpper .container-fluid{padding: 0; width: 100%; max-width: 100%; overflow-y: hidden; overflow-x: auto;}
.quinn-stories-wrpper .stories-list { display: flex; align-items: center; justify-content: center; width: -webkit-fill-available;
  max-width: -webkit-fill-available;}
.quinn-stories-wrpper .stories-list::-webkit-scrollbar { width: 0px; height: 0px; background: transparent;}
.quinn-stories-wrpper .stories-list li { padding:10px; }
.quinn-stories-wrpper .stories-list li .stories-card-video { position: relative; background:#CC6D00; border-radius: 50px; padding: 0px 0px 0px 0px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 0px; width: 100px; height: 100px; cursor: pointer;}
.quinn-stories-wrpper .stories-list li .stories-card-video img { position: relative; border: 3px SOLID#fff; height: 94px; width: 94px; flex-shrink: 0; border-radius: 50%; object-fit: cover; }

.video-modal .modal-body{padding: 0;}
.video-modal .modal-content {background:transparent; border: 0;}
.video-modal .modal-lg {max-width: 90%; margin: auto;}
.video-modal .close { position: absolute; width: 40px; height: 40px; z-index: 1; opacity: 1; text-align: center; line-height: 0; right: 15px; top:-30px; font-size: 14px; border-radius: 50%; background: #CC6D00; transition: all 0.2s ease 0s; outline: none !important; color: #fff; padding: 0 !important; display: flex; align-items: center; justify-content: center; }
.video-modal .close svg { fill: #fff; width: 16px; }
.video-modal .video-sec{position: relative; height: 70vh; overflow: hidden; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 400px; margin: 0 auto; border-radius: 5px; overflow: hidden;}
.video-modal .video-sec .thumbnail-video-img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 5px; margin: auto;}
.video-modal .video-sec video{border-radius: 5px; overflow: hidden;}
.video-modal .video-sec .overlay_mute_button{position: absolute; background: rgba(4.000000236555934, 4.000000236555934, 4.000000236555934, 0.8999999761581421); gap: 8px; border-radius: 22px; padding:8px; border: 1px SOLID rgba(255, 255, 255, 0.23999999463558197); top: auto; left: auto; right: 15px; bottom: 80px; height: 44px; width: 44px;    visibility: hidden; opacity: 0; cursor: pointer;}
.video-modal .video-sec .overlay_mute_button .volume-mute-icon{display: none;} 
.video-modal .video-sec .overlay_mute_button.mute .volume-icon{display:none ;} 
.video-modal .video-sec .overlay_mute_button.mute .volume-mute-icon{display: block ;} 
.video-modal .slick-slide.slick-center .overlay_mute_button{    visibility: visible; opacity: 1;} 
.video-modal .video-sec .overlay_mute_button svg { fill: #fff; color: #fff; }
.video-modal .video-sec video{ border-radius: 0px; width: 100%; height: 100%;  object-fit: cover;}
.video-modal .customize-btn{ background: #CC6D00; border: solid 1px #CC6D00; border-radius: 5px; font-weight: 500; font-size: 16px; color: #FFFFFF; text-align: center; cursor: pointer; padding: 9px 30px; transition: all .2s ease; display: none; width: 100%; transition: all .2s ease; text-decoration: none; position: absolute; bottom: 15px; left: 0; right: 0; margin: 0 auto; width: 100%; max-width: 90%; }
.video-modal .slick-slide{ transform: scale(0.6); margin-bottom: 20px;     pointer-events: none;}
.video-modal .slick-slide.slick-center{ transform: scale(0.9);pointer-events: auto;}
.video-modal .slick-slide.slick-center .customize-btn{display: block;}
.video-modal .slick-arrow {width: 40px; height: 40px; background: #CC6D00; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 99;}
.video-modal .slick-arrow.slick-next::before {     background: url(../images/right-new-arrow.png) no-repeat; content: ""; display: block; filter: invert(1) brightness(17); width: 20px; height: 19px; background-size: 100%;}
.video-modal .slick-arrow.slick-next{right: 50%; margin-right: -240px;}
.video-modal .slick-arrow.slick-prev{left: 50%; margin-left: -240px;}
.video-modal .slick-arrow.slick-prev::before { background: url(../images/left-new-arrow.png) no-repeat; content: ""; display: block;   filter: invert(1) brightness(17); width: 20px; height: 19px; background-size: 100%;}


.customize-wrapper{padding: 30px 0 50px; }
.customize-wrapper  .fabric-canvas-wrapper{background: url(../images/canvas-bg-cover.jpg)center top/cover; margin-bottom: 15px; padding: 20px 50px; position: relative;}
.customize-wrapper .fabric-canvas-wrapper .canvas-container{margin: auto; display: none;}
.customize-wrapper .canvas-preview.canvasShow .fabric-canvas-wrapper .canvas-container{display: block;}

.customize-wrapper .canvas-preview  p{font-size: 14px;font-weight: 400; color: #000000; text-align: center; line-height: normal;}
.customize-wrapper h2{font-weight: 700; font-size: 30px;color: #23233E; line-height: normal; text-align: center; margin-bottom: 40px; }
.customize-wrapper .customize-content h3{font-weight: 600; font-size: 16px;color: #000000; line-height: normal;}
.customize-wrapper .customize-content .imgquality{font-weight: 400; font-size: 14px;color: #000000; line-height: normal; margin: 10px 0;}
.customize-wrapper .customize-content .imgquality .imgsize-inch{font-weight: 700; }
.customize-wrapper .customize-content .imgquality span{margin: 0 3px; display: inline-block;}
.customize-wrapper .customize-content .customize-btn .border-label-btn .img-icon{filter: brightness(0%);}
.customize-wrapper .customize-content .customize-btn .border-label-btn:hover .img-icon{filter:inherit;}

.customize-wrapper .customize-content .customize-btn  .border-label-btn{margin-right: 10px;}
.customize-wrapper .customize-content :is(.value-list,.size-inch-bx,.customize-btn){margin-bottom: 10px;}
.customize-wrapper .customize-content .add-to-cart-button{margin: 15px 0;}

.selected-items-detail .item-price{font-size: 30px; color: #000; font-weight: 700; line-height: normal;}
.customize-section-bx :is(.color-picker-bx, .customize-bg-img){background: #fff;box-shadow: 0px 0px 6px rgb(0 0 0 / 17%); padding: 7px 15px 15px; margin: 15px 0;}
.customize-section-bx .color-picker-bx #font-control {min-width: 110px; margin: 0 3px; font-size: 14px; color: #000; }

.customize-section-bx h4{font-weight: 500; font-size: 16px; color: #000000;text-align: center; line-height: normal; margin-bottom: 15px;}
.color-picker-bx .input-group .form-control{    background: #FFFFFF; border: 1px solid #9B9B9B; border-radius: 8px;  height: 45px; font-size: 14px; color: #000;}
.color-picker-bx .input-group .form-control::placeholder{color: #969696;}
.color-picker-bx .input-group #color_picker { background: #FFFFFF; border: 1px solid #9B9B9B; border-radius: 8px; width: 45px; height: 45px; padding: 4px;}

.customize-bg-img .bg-img-list{display: flex; align-items: center; flex-wrap: wrap; padding: 0; margin: 0; list-style: none;}
.customize-bg-img .bg-img-list li{padding: 5px;}
.customize-bg-img .bg-img-list li .bgimg{width: 60px; height: 60px;overflow: hidden; position: relative;}
.customize-bg-img .bg-img-list li .bgimg:before{position: absolute; left: 4px; right: 4px; bottom: 4px; top: 4px; border: solid 3px #fff; content: ''; }
.customize-bg-img .bg-img-list li .bgimg img{object-fit: cover; width: 100%; height: 100%; }
.customize-bg-img .bg-img-list li .bgimg .forgroundimg { width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 10px; }


.footer-cart-items{background: #F0EEEE; box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.1); padding: 18px 15px; position: fixed; left: 0; right: 0; bottom: 0; }
.footer-cart-items .item-price{font-size: 22px; color: #CA4707; font-weight: 700; line-height: normal; margin-top: 5px;} 
.footer-cart-items .btn-blue{font-size: 20px;}
.customize-wrapper .zoomboxcp {padding-top: 15px; text-align: right;}
.customize-wrapper .zoomboxcp .zoom-slider-bx{text-align: center;}
.customize-wrapper .zoomboxcp .zoom-slider-bx p{font-size: 16px; color: #000; font-weight: 400; margin: 10px 0; }
.customize-wrapper .zoomboxcp .zoom-slider-bx #zoomslider:before { content: '-'; position: relative; left: -20px; top: -10px; font-size: 24px; color: #000; }
.customize-wrapper .zoomboxcp .zoom-slider-bx #zoomslider:after { content: '+'; position: relative; right: -20px; top: -10px; font-size: 24px; color: #000; }
.customize-wrapper .zoomboxcp .zoom-slider-bx .sliderx { -webkit-appearance: none; width: 100%; height: 15px; background: #b2b2b2 !Important; outline: none; opacity: 1; -webkit-transition: .2s; transition: opacity .2s; border-radius: 20px; max-width: 200px; }
.customize-wrapper .zoomboxcp .zoom-slider-bx .sliderx::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 19px; background: #CC6D00; cursor: pointer; border-radius: 20%; }
.customize-wrapper .zoomboxcp .zoom-slider-bx .sliderx::-moz-range-thumb { width: 15px; height: 15px; background: #CC6D00; cursor: pointer; }

.customize-wrapper .cnvcnt :is(.cnaf,.cnbf)  { max-width: 180px; margin: 10px auto;  }
.customize-wrapper .cnvcnt :is(.cnaf span,.cnbf span) { font-size: 16px; display: block; width: max-content; color: #000; padding: 2px 28px; background: url(../images/arrow-left.svg)no-repeat left 2px center,url(../images/arrow-right.svg)no-repeat right 2px center; margin: auto; }
.customize-wrapper .cnvcnt .cnaf { position: absolute; top: 50%; left: 0; transform: translateY(-50%) rotate(-90deg); margin-left: -50px; }


.customize-wrapper .upload-photo-file{text-align: center;}
.customize-wrapper .upload-photo-file canvas{margin: auto; width: 100%; border: solid 2px #cc6d00;}
.customize-wrapper .upload-photo-file .upload-file-text{font-weight: 700; font-size: 18px;color: #393939; line-height: 1.6;text-align: center;background: #FFFFFF; box-shadow: -4px 5px 15px rgba(0, 0, 0, 0.25);  min-height: 300px; width: 100%;  display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; cursor: pointer;}
.customize-wrapper .upload-photo-file .upload-file-text .upload-img-icon{display: block;}
.customize-wrapper .upload-photo-file .upload-file-text input[type=file] { position: absolute; left: 0; top: 0; opacity: 0; bottom: 0; right: 0;}
.customize-wrapper .upload-photo-file .upload-file-text .click-here{font-size: 14px;color: #A43F12; font-weight: 400; display: block;}


.add-to-cart-button { background: #CC6D00; border: solid 1px #CC6D00; border-radius: 5px; box-shadow: 0 3px 13px -2px rgba(0, 0, 0, 0.15); color: #ffffff; display: flex; justify-content: center; align-items: center; min-width: 195px; overflow: hidden; outline: none; padding: 0.7rem; position: relative; text-transform: capitalize; transition: 0.4s ease; width: auto;  font-size: 16px;}
.add-to-cart-button:active { box-shadow: 0 0 0 0.2rem rgba(204, 109, 0, 0.45); transform: translateY(4px); }
.add-to-cart-button:hover { cursor: pointer; }
.add-to-cart-button:hover, .add-to-cart-button:focus { box-shadow: 0 0 0 0.2rem rgba(204, 109, 0, 0.45); transform: translateY(-1px);  outline: none !important;}
.add-to-cart-button.added { background: #2D6809; box-shadow: 0 0 0 0.2rem rgba(45, 104,9, 0.45); }
.add-to-cart-button.added .add-to-cart { display: none; }
.add-to-cart-button.added .added-to-cart { display: block;  }
.add-to-cart-button.added .cart-icon { animation: drop 0.3s forwards; -webkit-animation: drop 0.3s forwards; -webkit-animation-delay: 0.18s; animation-delay: 0.18s; }
.add-to-cart-button.added .box-1,
.add-to-cart-button.added .box-2 { top: 18px; }
.add-to-cart-button.added .tick { animation: grow 0.6s forwards; -webkit-animation: grow 0.6s forwards; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
.add-to-cart-button .add-to-cart,.add-to-cart-button .added-to-cart { min-width: 110px;}
.add-to-cart-button .added-to-cart { display: none; position: relative; }
.add-to-cart-button .add-to-cart-box { height: 5px; position: absolute; top: 0; width: 5px; }
.add-to-cart-button .box-1, .add-to-cart-button .box-2 { transition: 0.4s ease; top: -8px; }
.add-to-cart-button .box-1 { left: 38px; transform: rotate(45deg); }
.add-to-cart-button .box-2 { left: 45px; transform: rotate(63deg); }
.add-to-cart-button .tick { background: #2D6809; border-radius: 50%; position: absolute; left: 34px; transform: scale(0); top: 5px; z-index: 2; }
  

  @keyframes grow {
    0% {
      transform: scale(0);
    }
    50% {
      transform: scale(1.2);
    }
    100% {
      transform: scale(1);
    }
  }

  @keyframes drop {
    0% {
      transform: translateY(0px);
    }
    100% {
      transform: translateY(1px);
    }
  }
 
.card-items-bottom-section { border-top: 1px solid #CDCDCD; padding-top: 25px; margin-top: 25px; }
.card-itemsheading #go-back-btn { display: none; }
.card-items-bottom-section h3 { font-weight: 500; font-size: 18px; color: #000000; }
.card-items-bottom-section .cart-list-wrap { margin-bottom: 15px; } 
.card-items-bottom-section .cart-table { background: #fff; border: 1px solid #A09F9F; border-radius: 5px; padding: 8px 50px 8px 8px; display: flex; position: relative; align-items: center;  margin-bottom: 10px; justify-content: center;}
.card-items-bottom-section .cart-table .pro-thumbnail { width: 70px;  }
.card-items-bottom-section .cart-table .product-detail { padding-left: 10px;}
.card-items-bottom-section .cart-table .product-detail .size { display: flex; font-size: 14px; color: #000;  justify-content: center;}
.card-items-bottom-section .cart-table .product-detail .pro-remove { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); }
.card-items-bottom-section .total-price-bx { text-align: center; }
.card-items-bottom-section .total-price-bx h3 {font-size: 20px;}
.card-items-bottom-section .item_delete { width: 30px; height: 30px; border-radius: 50%; background: #fff; border: solid 1px #fff; display: inline-block; text-align: center; }
.card-items-bottom-section .item-price { font-weight: 700; font-size: 32px; color: #CA4707;  line-height: 1.3;}
.card-items-bottom-section .btn-blue {display: block; width: 100%; margin-top: 20px;}

.customize-section-bx :is(.color-picker-bx,.customize-bg-img) .close-iconbtn{ width: 25px; height: 25px; margin-left: auto; border-radius: 50%; background: #fff; display: inline-block; border: solid 1px #d2d2d2; align-items: center; display: flex; align-items: center; justify-content: center; padding: 7px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); }

.page-loader { position: fixed; left: 0; right: 0; bottom: 0; top: 0; display: flex; align-items: center; justify-content: center; background: #000000de; z-index: 9999;   width: 100%;}
.page-loader .loader-outter { width: 60px; height: 60px; border-radius: 50%; display: inline-block; position: relative; border: 3px solid; border-color: #FFF #FFF transparent transparent; -webkit-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite; }
.page-loader .loader-outter:after, .page-loader .loader-outter:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 3px solid; border-color: transparent transparent #CA4707 #CA4707; width: 40px; height: 40px; border-radius: 50%; -webkit-animation: rotationBack 0.5s linear infinite; animation: rotationBack 0.5s linear infinite; transform-origin: center center; }
.page-loader .loader-outter:before { width: 32px; height: 32px; border-color: #FFF #FFF transparent transparent; -webkit-animation: rotation 1.5s linear infinite; animation: rotation 1.5s linear infinite; }

  @keyframes rotation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes rotationBack {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-360deg);
    }
  }


  :is(.section-disable){  pointer-events: none; user-select: none; opacity: 0.7;}
.mobile_preview_fix{z-index: 999;}

.form-control:focus{box-shadow: none;}


.include-box-wrapper .include-list{display: flex; flex-wrap: wrap; align-items: center;}
.include-box-wrapper h3{font-weight: 500 !important; font-size: 14px !important;}
.include-box-wrapper .col{    max-width: max-content;}
.include-box-wrapper .include-list .icon-bx{ border: solid 1px #000000; width: 53px; height: 53px; border-radius: 4px; padding: 5px; text-align: center; display: flex; align-items: center; justify-content: center;}
.include-box-wrapper .include-list .text-box{width:calc(100% - 53px); padding: 0 10px;}
.include-box-wrapper .include-list .text-box h5{font-size: 12px; color: #000; font-weight: 500; margin: 0;}
.include-box-wrapper :is(.connector_screw,.connector_tape){opacity: 0.4; filter: grayscale(1);}
.include-box-wrapper :is(.connector_screw.active,.connector_tape.active){opacity: 1; filter: inherit;}




/* Responsive */

@media(max-width:1440px){
    .quinn-stories-wrpper .stories-list { justify-content: flex-start; }
}

@media(max-width:1199px){

    .quinn-stories-wrpper .stories-list { width: -webkit-fill-available; width: 100%; max-width: -webkit-fill-available; }
    .quinn-stories-wrpper .container-fluid{padding: 0;}
    .quinn-stories-wrpper .stories-list li { padding: 3px;}
    .video-modal .video-sec{height: 60vh; padding: 0 15px;}
    .quinn-stories-wrpper .stories-list li .stories-card-video {width: 80px; height: 80px; cursor: pointer; }
    .quinn-stories-wrpper .stories-list li .stories-card-video img {  border: 2px SOLID#fff; height: 74px; width: 74px; flex-shrink: 0; border-radius: 50%; object-fit: cover; }
    .customize-wrapper{padding: 30px 0;}
    .customize-wrapper h2{font-size: 26px;}


}

@media(max-width:991px){

 /* .selected-items-detail{display: none;} */
 .customize-wrapper .customize-content :is(.value-list,.size-inch-bx) { order: 1;}
 .customize-wrapper .customize-content .cart-btn-list { order: 2; }
 .customize-wrapper .customize-content :is(.value-list,.size-inch-bx) { margin-bottom: 5px; }
 .cart-blue-btn .add-to-cart-button{background: #23233E; border-color:#23233E ; margin: auto; min-width: inherit;}
 .cart-blue-btn .add-to-cart-button:hover,  .cart-blue-btn .add-to-cart-button:focus{box-shadow: 0 0 0 0.2rem rgb(35 35 62);}
 .cart-blue-btn .add-to-cart-button.added{ background: #2D6809; box-shadow: 0 0 0 0.2rem rgba(45, 104,9, 0.45); }
 .cart-blue-btn .add-to-cart-button .box-1{left: 20px;}
 .cart-blue-btn .add-to-cart-button .box-2{left: 27px;}
 .cart-blue-btn .add-to-cart-button .tick{left: 22px;}
 .selected-items-detail .item-price{font-size: 20px;}
 .card-items-bottom-section .total-price-bx .btn-blue{max-width: 200px; margin: 10px auto 0;}
 .card-items-bottom-section .cart-table{justify-content: flex-start;}
 .card-items-bottom-section .cart-table .product-detail .size{justify-content: flex-start;}


}

@media(max-width:767px){
    .decor-header{padding: 15px 0;}
    .decor-header .site-logo{max-width: 120px;}
    .customize-wrapper{padding: 10px 0 120px; height: auto; }
    /* .customize-wrapper .customize-div-mobilefix{ height: auto; max-height: 100vh;} */

    .customize-wrapper h2{font-size: 22px;}
    .card-items-bottom-section .cart-list-wrap { height: 100%; max-height: calc(100vh - 180px); overflow: auto; }
    .card-items-bottom-section { position: fixed; right: 0; top: 0; width: 100%; max-width: 100%; margin-right: -100%; height: 100%; z-index: 999; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; background: #fff; padding: 15px; border: 0; margin-top: 0; }
    .card-items-bottom-section.active { margin-right: 0; }
    .card-items-bottom-section .card-itemsheading { padding: 10px 0; position: relative; text-align: center; margin-bottom: 10px; }
    .card-items-bottom-section .card-itemsheading #go-back-btn { display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
    .footer-cart-items .item-price{font-size: 22px;}
    .card-items-bottom-section .footer-cart-items{position: absolute;}
    .card-items-bottom-section .btn-blue{margin-top: 0;}
    .footer-cart-items .btn-blue{font-size: 16px;}
    .customize-btn button.border-label-btn{    padding: 8px 12px;font-size: 15px;}
    .customize-btn button.border-label-btn .img-icon{    margin-right: 5px; width: 15px; align-items: center;}
    .customize-wrapper #product_dimention_control { display: flex; overflow-x: scroll; }
    .customize-bg-img .bg-img-list{flex-wrap: nowrap;overflow-x: scroll; }

}




@media(max-width:568px){
    .customize-wrapper .customize-content .imgquality{font-size: 12px;}
    .customize-wrapper .zoomboxcp .zoom-slider-bx p{font-size: 14px;}
    .customize-wrapper .customize-content .customize-btn button{margin: 0 5px 5px 0px !important; }

    /* .customize-div-mobilefix .canvas-preview{    position: -webkit-sticky; position: sticky; top: 10px;    z-index: 999;}
    .customize-div-mobilefix .customize-content{height: 500px; overflow-y: scroll;} */
    /* .customize-div-mobilefix .customize-content .emptydivformobile{height: 500px;} */

    .include-box-wrapper .col{    max-width: 100%; flex: 0 0 100%;}
    .include-box-wrapper .include-list{margin: 5px 0;}

    
}

@media(max-width:420px){
    .color-picker-bx .input-group #text_input{width: 100%; margin-bottom: 7px;}



}