html {
color-scheme: light dark;
}
html[data-theme="dark"] .fancybox__content .card{
  background-color: transparent !important;
}
html[data-theme="dark"] .product-box .card.hover-box-shadow .card-body .card-title,html[data-theme="dark"] .product-box .card .card-body .card-title {
  color: var(--text-color, hsl(0 0 7%)) !important;
}
html[data-theme="dark"] .navbar{
  background: hsl(0 0 10%);
}
html[data-theme="dark"] .navbar-light .navbar-toggler-icon{
  filter: invert(1) brightness(1.5);
}
html[data-theme="dark"] #frmuser_register .bg-white, html[data-theme="dark"] #loginsignin .bg-white, html[data-theme="dark"] #login_signup_popup .bg-white{
  background-color: #fff !important;
}
body {
  background-color: var(--background, #f7f7f7);
  color: var(--text-color, #111);
  font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;
  transition: background 0.75s, color 0.75s;
}
a {
  color: var(--link-color, #0031f5);
  font-size: 1.1rem
}
.popover a{
  color: var(--primary);
}
.popover a:hover{
  color: var(--primary-hover);
}
ul > li::marker {
  font-size: 130%
}
ol,ul {
  padding-inline-start: 2.5rem
}
img{
    filter: brightness(var(--img-bright, 100%));
}
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
input:-internal-autofill-selected,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
  transition: none;
  -moz-box-shadow: 0 0 0 1000px #eee inset !important;
  -webkit-text-fill-color: #111;
  -webkit-box-shadow: 0 0 0 1000px #eee inset !important;
}
a:hover {
    color: var(--link-color-hover, #001d8f);
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,p,li {
  color: var(--text-color, #111);
  font-family: unset;
  transition: color 0.75s;
}
h1,.h1{
    font-size: 2rem
}
.h2,h2 {
  font-size: 1.75rem
}
.h3,h3 {
  font-size: 1.5rem
}
.h4,h4 {
  font-size: 1.25rem
}
.h5,h5 {
  font-size: 1.15rem
}
.h6,h6 {
  font-size: 1rem
}
.alert-light{
  background-color: var(--background, #f7f7f7);
}
.card-header{
  border-bottom:1px solid var(--text-color)
}
.form-control, .custom-select{
  height: calc(1.5em + 1rem + 2px);
  font-size: 1rem;
}
.form-control-lg{
  font-size: 1.25rem;
  line-height: 1.5;
}
.page-header h1,.page-header h2,.page-header h3 {
  color: var(--text-color, #111);
  font-family: inherit;
  font-size: revert
}
.page-header h2 small, .page-header h1 small, .page-header h3 small{
    font-family: initial;
    color: hsla(var(--hsl-color)/ 75%) !important;
}
.page-header{color:inherit;}
.h2 a,
h2 a {
  font-size: inherit
}
.page-section-header{
  color: var(--text-color, #111);
}
.page-section-header span{
  color: var(--text-color, #111);
}
.page-sub-header{
  color: var(--text-color, #111);
}
.table{
  color: var(--text-color, #111);
}
.table .thead-light th, .table .thead th, .table thead th{
  color: var(--text-color, #111) !important;
  border-bottom-color: var(--text-color, #111);
}
.fa-trash-alt{
  color:var(--danger-color, hsl(0 0 20%))
}
.btn-outline-danger:hover .fa-trash-alt{
color:rgb(var(--text-color, hsl(0 0 20%)))
}
#zpcookie-banner{background-color: var(--background);}
.theme-toggle{
  position: relative;
}
#themeToggle0,#themeToggle1,.theme-Toggle-btn {
    border:none;
    border-radius: 50%;
    background-color: var(--text-color, #111);
    color: var(--background, #f7f7f7);
    font-size: 1.5rem;
    height: 45px;
    line-height: 1.5rem;
    margin:0 1rem;
    padding: 1px 6px;
    width: 45px;
}
.theme-tooltip {
  background-color: var(--text-color, #111);
  border-radius: 6px;
  color:var(--background, #f7f7f7);
  margin-left: -60px;
  padding: 5px 0;
  position: absolute;
  right: 88%;
  text-align: center;
  top: 5px;
  visibility: hidden;
  width: 120px;
  z-index: 10;
}
.theme-tooltip::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent var(--text-color, #111);
}
.theme-toggle .theme-tooltip {
  display: inline-block;
  opacity: 0;
  transition: opacity 0.5s;
}
.theme-toggle:hover .theme-tooltip {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s;
}
.border-1 {
  border-width: .25rem!important
}
.border-2 {
  border-width: .5rem!important
}
.border-3 {
  border-width: 1rem!important
}
.bg-white, .bg-light{
  background-color: hsla(var(--hsl-color, hsl(0 0 100%)) / 5%) !important;
}
.btn {
  padding: .75rem 1.5rem;
  box-shadow: 3px 3px 10px 1px hsla(var(--hsl-color, 0 0 20%) / 20%);
  /* margin-bottom: 15px; */
  min-width: 200px
}
.btn-danger {
  background-color: var(--danger-color);
  border-color: var(--danger-color);
}
.btn-danger:focus,
.btn-danger:hover {
  filter: brightness(0.75);
}
.btn-link {
  color: var(--link-color, #0031f5);
  margin: auto 20px;
  min-width: auto;
}
.btn-link:hover,.btn-link:focus{
  color:var(--link-color-hover, #001d8f);
}
.btn-dropdown,.dropdown-toggle,.btn-link {
  box-shadow: none;
  min-width: unset;
}
.btn-sm {
  min-width: auto;
}
.btn-link[title=Back] {
  border: 1px solid;
  margin: 5px 20px;
  min-width: 100px;
  padding: .5rem!important;
}
.btn-primary {
  background-color: var(--primary, #002aff);
  border-color: var(--primary, #002aff);
  color: hsl(var(--light-color-hsl, 0 0 97%));
  margin: 20px 0;
}
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus {
  background: hsl(228, 99%, 28%);
  border-color: hsl(228, 99%, 28%);
}
.btn-outline-primary{
  color:var(--text-color, #333333);
}
.btn-secondary {
  background: var(--secondary, #121212);
  border-color: var(--secondary, #121212);
}
.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled):active:focus {
  background: var(--secondary-hover, #2b2b2b);
  border-color: var(--secondary-hover, #2b2b2b);
}
.btn-outline-secondary{
border-color: var(--link-color, #0031f5);
color: var(--link-color, #0031f5);
}
.btn-outline-secondary:hover{
  background: transparent;
  border-color: var(--link-color-hover, #001d8f);
  color: var(--link-color-hover, #001d8f);
}
.btn-info {
  background: var(--secondary, #121212);
  border-color: var(--secondary, #121212);
}
.btn-info:hover {
  background: var(--secondary-hover, #2b2b2b);
  border-color: var(--secondary-hover, #2b2b2b);
}
.btn i {
  margin-left: 2px;
  margin-right: 5px
}
.btn.input_reset{
  box-shadow: none;
  margin-bottom: unset;
  min-width: unset;
  padding: revert;
}
.btn#Submit{
  font-size: initial;
  padding:.75rem 1.5rem;
}
.close {
  color:var(--text-color, #121212);
  opacity: 1;
}
.close:hover{
  color:var(--text-color, #121212);
}
#order_continue,
#shipping_continue,
.btn-success:not(.bootbox-accept) {
  width: 100%;
  background-color: var(--primary, #002aff);
  border-color: var(--primary, #002aff);
  color: hsl(var(--light-color-hsl, hsl(0 0 97%)));
}
#order_continue:focus,
#order_continue:hover,
#order_continue:not(:disabled):not(.disabled).active,
#order_continue:not(:disabled):not(.disabled):active,
#order_continue:not(:disabled):not(.disabled):active:focus,
#shipping_continue:focus,
#shipping_continue:hover,
#shipping_continue:not(:disabled):not(.disabled).active,
#shipping_continue:not(:disabled):not(.disabled):active,
#shipping_continue:not(:disabled):not(.disabled):active:focus,
.btn-success:focus,
.btn-success:hover,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled):active:focus {
  background-color: hsl(228, 99%, 28%);
  border-color: hsl(228, 99%, 28%);
}
button[value="Add To Cart"] i,button[value="Continuar Pedido"] i{
display: none;
}
button[value="Add To Cart"]:after,button[value="Continuar Pedido"]:after{
  content:"\f217";
  font: var(--fa-font-regular);
}
.dropdown-toggle {
  margin-bottom: 0;
  min-width: auto;
}
.bootstrap-select>.dropdown-toggle, .bootstrap-select .dropdown-menu{
  background: var(--background, hsl(0 0 97%));
  color:var(--text-color, hsl(0 0 20%));
  border-color: var(--text-color, hsl(0 0 20%));
}
select option[value="null"],select option[value="Request Reorder"]{
  display: none;
}
.alert .btn {
  margin-bottom: 0;
}
.popover {
  background-color:var(--background, #f7f7f7);
  border:1px solid var(--text-color, #111);
filter: brightness(var(--img-bright)) drop-shadow(2px 4px 5px hsla(var(--hsl-color, 0 0 60%) / 50%));
}
.popover.show {
  max-width: unset!important;
  width: clamp(200px, 100%, 600px);
}
.popover-header{
  background-color:unset;
  border-bottom:1px solid hsl(0 0 50%);
  color:hsl(0 0 7%);
}
.popover-body{
  background-color:unset;
  color:hsl(0 0 7%);
}
/*-----------------------------HEADER-------------------------------*/
a[href="#main-content"] {
  display:none;
}
.navbar-brand {
  max-width: 300px !important;
  flex: 0 0 25%;
  width: auto;
}
.navbar-brand img {
  filter:var(--img-brand-bright);
}
.top-header .container > div:first-of-type {
  width: calc(25% - 20px)
}
.top-header .header-search .twitter-typeahead {
  width: 100%
}
.top-header > div:has(input) {
  flex: 0 0 25%
}
.top-header > div:has(ul) {
  flex: 0 0 30%
}
.top-header .top-links li a,.top-header .top-links li a span {
  color: var(--text-color, #111);
  font-family:inherit;
}
.top-header .top-links li a .badge{
  color: var(--background, #f7f7f7);
  background: var(--text-color, #111);
  border: 1px solid var(--background, #f7f7f7);
  font-size: 0.75rem;
  height: 20px;
  left:10px;
  line-height: normal;
  text-align: center;
  top:-10px;
  width: 20px;
}
.top-header .top-links li a:hover .badge{
 color: var(--background, #f7f7f7);
}
.top-header .top-links li a:hover,
.top-header .top-links li a:hover span {
  color:var(--hover-color, #666);
}
.top-header .top-links .dropdown span {
  display: flex!important
}
.top-links .logout-dropdown a{
  color: var(--text-color, #111) !important;
  background-color: var(--background, #f7f7f7);
  border:1px solid var(--text-color, #111);
}
.top-links .logout-dropdown a:hover{
  color: var(--background, #f7f7f7) !important;
  background-color: var(--text-color, #111);
}
.bootstrap-select.lang .btn {
  min-width: unset
}
.top-header .bootstrap-select.lang .dropdown-toggle .filter-option {
  display: flex;
  justify-content: center;
  flex-flow: column
}
.advance-search-dropdown{
  background-color: var(--background, #f7f7f7); 
  border:1px solid hsla(var(--hsl-color, 0 0 20%) / 20%);
  box-shadow: 3px 3px 10px 1px hsla(var(--hsl-color, 0 0 20%) / 20%)!important;
}
#advance-search-form .remove-search-text{
  right: 210px;
}
#advance-search-form .remove-search-text div{
  background: none !important;
}
.awesome-bar_container,.awesome-bar_container p{
  color:hsl(var(--light-color-hsl, hsl(0 0 97%)));
}
.my_account .navbar-cart{
  background: none;
}
.navbar{
  box-shadow: 0 3px 4px 1px hsla(var(--hsl-color),0.5);top: -1px
}
nav.navbar {
  border-bottom: 0!important
}
.navbar-collapse .navbar-nav a.nav-link{
  font-size: 1rem;
}
.navbar .navbar-nav .nav-item .dropdown-menu, .dropdown-item{
  background: var(--background, #f7f7f7);
  border:1px solid var(--text-color, #111);
  color:var(--text-color, #111);
}
.navbar .navbar-nav .nav-item .dropdown-menu li a {
  font-size: 1rem
}
.navbar .navbar-nav .nav-item .dropdown-menu li:hover > .dropdown-item{
  color:var(--background) !important;
  background-color: var(--text-color, #333333);
}
.navbar .navbar-nav .nav-item:last-child .nav-link::before {
  display: block
}
.navbar .navbar-nav .nav-item > .nav-link {
  font-family: unset
}
.footer-content .footer_bottom ul li a::before,
.navbar .navbar-nav .nav-item > .nav-link::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background-color: #ebebeb;
  top: unset;
  bottom: 5px;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .3s ease-in-out
}
.footer-content .footer_bottom ul li a:active::before,
.footer-content .footer_bottom ul li a:hover::before,
.navbar .navbar-nav .nav-item:active > .nav-link::before,
.navbar .navbar-nav .nav-item:focus-within > .nav-link::before,
.navbar .navbar-nav .nav-item:hover > .nav-link::before {
  transform-origin: left;
  transform: scaleX(1)
}
.footer-content .payment-logos img {
  display: block;
  margin-bottom: 1rem;
  width: clamp(100px, 100%, 200px);
}
/* .input-group .fal{
  color: var(--text-color, #111);
  width: 40px;
} */
.dropdown-item:hover, .dropdown-item:focus{
  background: var(--text-color, #111);
  color:var(--background, #f7f7f7) !important;
}
.dropdown-item.active{
  background: hsla(var(--hsl-color), 0.2);
  color:var(--text-color, #333) !important;
}
#loginid_popup .dropdown-item-text, #frmpredefinedlogin .dropdown-item-text{
  color: var(--text-color, #333333);
}
/*-----------------------------END HEADER-------------------------------*/
.alert-danger a{
  color: #0031f5;
}
.alert-danger a:hover{
  color: #001d8f;
}
.alert-danger a.btn-outline-secondary{
  border-color: var(--primary, #0031f5);
  background-color: var(--primary, #0031f5);
  color: hsla(var(--light-color-hsl, hsl(0 0 97%) / 10%));
}
.alert-danger a.btn-outline-secondary:hover{
  border-color: var(--primary-hover, #001d8f);
  background-color: var(--primary-hover, #001d8f);
  color: hsla(var(--light-color-hsl, hsl(0 0 97%) / 10%));
}
.bg-danger{
  background-color: var(--danger-color) !important;
}
.card{
  background-color: hsla(var(--hsl-color, hsl(0 0 100%)) / 5%);
  border:3px outset hsla(var(--hsl-color), 0.1);
  color: var(--text-color, #111);
}
.card .card{
  background-color: unset;
}
.card-title{
  color: var(--text-color, #111);
  font-family: unset !important;
}
.card-title a{
  color:var(--text-color, #111)
}
.card-title a.btn-link{
  color:var(--text-color, #111)
}
.gap1 {
  gap: 1rem
}
.gap2 {
  gap: 2rem
}
.form-group .col-form-label{
  background-color: transparent;
  color:#666;
}
.form-control{
  color:#111;
}
.form-group .form-control:focus ~ .col-form-label,.form-group .form-control.input-valid~.col-form-label,.form-group .iti.input-valid ~ .col-form-label{
  background-color: var(--background, #fff);
  color:rgb(var(--text-color, #333));
}
.text-info {
  color:var(--text-color, #111) !important;
}
a.text-info:hover,a.text-info:focus{
  color:var(--hover-color, #666) !important;
}
.text-wrap-balance {
  text-wrap: balance
}
.text-primary{
  color:var(--text-color, #111) !important;
}
.text-secondary{
    color: hsla(var(--hsl-color), 0.75) !important;
}
a.text-secondary:hover{
  color: var(--link-color-hover, #001d8f) !important;
}
.text-success {
  color:rgb(13, 165, 39) !important;
}
.text-danger{
  color:var(--danger-color, #dc3545) !important;
}
.text-black-50 {
  color: hsla(var(--hsl-color, #111), 0.65) !important;
}
.text-muted{
  color:hsla(var(--hsl-color, #111), 0.75) !important;
}
.zoom:hover{
  background: hsla(130,130,130,0.5);
}
/*----------Promotional Messages-----------*/
.awesome-bar p {
  margin-bottom: 0;
  text-align: center
}
.awesome-bar.bg-primary {
  background-color: var(--primary, #002aff)!important;
  font-size: 1.2rem
}
.awesome-bar_close {
  font-size: 1.5rem;
  height: 30px;
  line-height: 1;
  right: 8px;
  top: 11px;
  width: 30px
}
.toogle-bar_close {
  background-color: hsla(235,235,235,.9);
  border: 1px solid hsla(235,235,235,.7);
  border-radius: 50%;
  font-size: 25px;
  height: 30px;
  line-height: 1.25rem;
  width: 30px
}
.toggler .toggle-cls-element-right {
  margin-right: 10px
}
.toggler .toggle-cls-element-right .toogle-bar_close {
  background: #ddd;
  right: -10px;
  top: -10px
}
.toggler .toggle-cls-element-right .toogle-bar_close:focus,
.toggler .toggle-cls-element-right .toogle-bar_close:hover {
  background: #666;
  color: #ddd
}
/*----------END Promotional Messages-----------*/
.slideOutTip .plusIcon {
  height: 12px;
  width: 12px
}
.custom-control-input {
  height: 1.25rem;
  width: 1.25rem
}
.custom-control-input#comment_agree,
.custom-control-input#newsLetter {
  position: relative
}
.custom-control-label::after,
.custom-control-label::before {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: -5px;
  margin-top: -3px
}
.custom-control-label::before{
  background: #f7f7f7;
}
.fancybox__content {
  background:var(--background, #f7f7f7) !important;
}
.fancybox__content:has(iframe){
  filter:brightness(var(--img-bright, 1));
}
.fancybox__backdrop {
  height: 200%
}
.fancybox__main-panel .fancybox__left-panel{
  background-color: var(--background, #f7f7f7) !important;
  color: var(--text-color, #111) !important;
}
.custom-fancybox-preview.fancybox__main-panel .fancybox__left-panel
.fancybox__content{
  color: var(--text-color, #111) !important;
  background: var(--background, #f7f7f7) !important;
  border: 2px solid var(--text-color, #111);
}
.fancybox__content#promonational_message {
  cursor: default
}
.has-image .fancybox__content {
  justify-content: center;
  max-height: 98vh
}
.carousel__button,
.carousel__button:not([disabled]) {
  height: 50px!important;
  width: 50px!important
}
.breadcrumb {
  font-size: 1.1rem
}
.breadcrumb_container .breadcrumb li a{
    color:var(--link-color, rgb(0, 49, 245))
}
.breadcrumb_container .breadcrumb li a:hover{
    color: var(--link-color-hover, #001d8f);
}
.breadcrumb_container .breadcrumb li.active .a{
    color:var(--text-color, #111)
}
.modal{
  background-color: hsla(var(--dark-color-rgb, #333),0.75);
}
.modal-content {
  background-color: var(--background, #f7f7f7);
  color: var(--text-color, #111);
}
.modal-body {
  display: flex;
  flex-flow: row-reverse;
  justify-content: space-between;
  align-items: center
}
.modal-footer .bootbox-cancel {
  min-width: unset
}
.imgPlaceHolder {
  min-height: 75px
}
.bootbox-accept {
  background: var(--primary, rgb(0, 42, 255));
  border-color: var(--primary, rgb(0, 42, 255));
  color: #fcfcfc
}
.bootbox-cancel {
  background: 0 0;
  border: 1px solid var(--background);
  box-shadow: none;
  color: var(--danger-color, rgb(220, 56, 69));
}
.bootbox-cancel:active,
.bootbox-cancel:focus,
.bootbox-cancel:hover {
  background: 0 0;
  border: 1px solid var(--danger-color, rgb(220, 56, 69));
  box-shadow: none;
  color: var(--danger-color, rgb(220, 56, 69));
}
.bootbox-accept:active,
.bootbox-accept:focus,
.bootbox-accept:hover {
  background: var(--primary-hover, rgb(0, 24, 143));
  border-color: var(--primary-hover, rgb(0, 24, 143));
}
.pad-15 {
  padding: 15px
}
.scroll-top {
  height: 3rem;
  width: 3rem;
  line-height: 3rem;
  bottom: 30px;
  background-color: #f9d300;
}
.scroll-top .scroll-up {
  color: #111;
}
.footer-content a {
  color: #fafafa
}
.footer-content div,
.footer-content h2,
.footer-content h3,
.footer-content h4,
.footer-content h5,
.footer-content h6,
.footer-content p,
.footer-content span {
  color: #fafafa
}
.footer-content .footer_bottom ul li a {
  position: relative
}
.footer-content .col-sm-12 {
  padding: 15px
}
.footer-content .col-sm-12 h3 {
  border-bottom: solid 2px #fafafa
}
footer {
  padding: 1rem
}
#orderByMsg p {
  display: flex;
  align-items: center
}
.home_page_body .middle_content {
  background-color: transparent
}
.carousel-control-next,
.carousel-control-prev {
  width: 6%
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 50px;
  height: 50px;
  filter: drop-shadow(2px 2px 4px #333)
}
/*------------------------HOME PAGE-----------------------*/
header h1{
  font-size: 2.5rem;
  position: relative;
}
header h1:after{
  content: " ";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: var(--text-color);
    margin: 0 auto;
}
header p{
  max-width:70ch;
}
.main_title h2 {
  display: none;
}
#top-banner .carousel-item:has(video) {
  max-height: 500px
}
.home_page_body .middle_content {
  padding-top: 1rem;
  padding-bottom: 1rem
}
.home_page_body .middle_content .body-container {
  padding-top: 1rem;
  padding-bottom: 1rem
}
.HomePage_Title {
  margin-bottom: 0!important
}
.HomePage_Title h1 {
  font-size: revert
}
.middle_content .product-box {
  max-width: none;
  width: clamp(250px,25%,450px)
}
#home_page.row.card-aligned {
  justify-content: center
}
.home_page_body #middle-content > div.row {
  display: none
}
#home_page_products .carousel-item > .row {
  justify-content: center
}
/*------------------------END HOME PAGE--------------------*/
/*-----------------------QUOTE PAGE--------------------*/
#shopping_accordion .card-header{
  background-color: hsla(var(--hsl-color),0.1);
}
/*-----------------------END QUOTE PAGE------------------*/
/*------------------------PRODUCT PAGE-----------------------*/
.prdSorting form {
  flex: 1 1 100%;
  gap: 10px;
  padding: .5rem 0;
}
.prdSorting form * {
  margin-bottom: 0;
  margin-top: 0
}
.prdSorting form input#pKey {
  flex: 1 1 auto;
  max-width: 400px
}
.prdSorting form .btnrest {
  margin: unset;
  margin-left: unset!important
}
.prdSorting form div.view_product {
  gap: 10px;
  margin: auto;
}
#product_list button.readonlyDrpdwn {
  min-width: unset
}
#product_list .btn,
#product_list button {
  margin-bottom: 0
}
#product_list .price_calculator .bootstrap-select {
  min-height: unset
}
#frm_search_tmp:before {
  content: "Sort By:";
  display: block;
}
#shareProductLinkModal .modal-body {
  display: revert
}
#product_info .page-header h1 .text-secondary{
  display: none;
}
#product-info .short-disc {
  font-size: 1rem
}
#product-info .allbtn a {
  color: var(--primary, #002aff)!important;
  border-radius: 10px;
  margin-left: 2rem
}
#product-info .allbtn a:hover {
  color: #011c8d!important
}
#product-info #get-started {
  background: var(--primary, #002aff);
  border: none;
  border-radius: inherit;
  color: #fefefe;
  padding: 12px 16px
}
#product-info .img-thumbnail {
  background-color: rgb(255 255 255 / 0%);
  border: none
}
#product_images .carousel-control-next,
#product_images .carousel-control-prev,
.kit_product_info .carousel-control-next,
.kit_product_info .carousel-control-prev {
  width: 80px;
  height: 80px
}
#product_images.carousel {
  overflow: hidden
}
.video-container div {
  text-align: center
}
.browse_design a,
.custom_design a,
.hire_designer a,
.quote_product a,
.upload_design a {
  background: var(--primary, #002aff);
  border: none;
  color: var(--primary, #002aff)!important
}
.browse_design a:hover,
.custom_design a:hover,
.hire_designer a:hover,
.quote_product a:hover,
.upload_design a:hover {
  background: #011c8d;
  color: #011c8d!important
}
.browse_design a:before,
.custom_design a:before,
.hire_designer a:before,
.quote_product a:before,
.upload_design a:before {
  background: inherit;
  color: var(--primary, #002aff)!important;
  left: -2.5rem
}
.browse_design i,
.custom_design i,
.hire_designer i,
.quote_product i,
.upload_design i {
  margin-left: -1.5rem
}
.browse_design:hover a .media-body span,
.custom_design:hover a .media-body span,
.hire_designer:hover a .media-body span,
.quote_product:hover a .media-body span,
.upload_design:hover a .media-body span {
  color: #fafafa!important
}
#additional_info_accordion #prductsize div.form-row {
  justify-content: space-between
}
.price_calculator .visualcal .custom-control {
  width: 100%
}
#price_calculator {
  background-color: unset !important;
}
#price_calculator #productpricetotal, #price_calculator #producttotalprice {
  background: var(--background);
  color: var(--text-color, #111) !important;
  font-size: 1.5rem;
  justify-content: end !important;
  position: relative !important;
  text-align: end;
}
#price_calculator .price_calc_unit_price small {
  font-size: 1rem
}
#price_calculator label {
color: var(--text-color, #111);
}
/* #price_calculator .dropdown-item {
  background-color: var(--form-bkgd-color, #fff);
  color: rgb(var(--dark-color-rgb, #333));
}
#price_calculator .dropdown-item:hover {
  background-color: var(--background, #f7f7f7);
  color: var(--link-color, #0031f5) !important;
} */
.prduct_size {
  padding: 0 5px
}
.price_calculator .price_calc_weight {
  display: none!important
}
#productpricetotal .d-flex>div{
  width:100%;
}
#calsummaryproductpricetotaldiv .cal-summary-pipline:before{
  display: none;
}
#faq_products #accordion h5 > a {
  display: flex;
  justify-content: space-between;
  align-items: center
}
#faq_products #accordion h5 > a span {
  margin-left: 1rem
}
#standard_upload_block .card-body,
#standard_upload_block .card-header {
  background: hsla(0,0,0,.03)
}
#expreess_product_additional_info .orig_card_name_div a {
  display: none
}
#instructions_comments_user {
  border: 5px solid #f5c6cb;
  border-radius: 5px;
  margin: auto;
  max-width: 800px;
  padding: 5px 10px
}
.drag_drop {
  padding: 5px
}
#product_design_upload #frmupload .order-1 {
  display: flex;
  flex-flow: column
}
#product_design_upload #frmupload .order-1 > div:first-child {
  order: 1
}
#product_design_upload #frmupload .upload_size .size > div:first-child {
  flex: 0 0 60%;
  max-width: none
}
#product_design_upload #frmupload .upload_size .size > div:nth-child(2) {
  flex: 0 0 40%;
  max-width: none
}
.upload_size .size .form-row .col-md-4,
.upload_size .size .form-row .col-md-8 {
  flex: 0 0 50%;
  max-width: none
}
.upload_size .size .form-row .col-md-8:has(select) {
  flex: 0 0 70%
}
.upload_size > div {
  row-gap: 10px
}
#product_design_upload #cloud_upload_block .card #cloudUploaderArea .card-body .uploaded-image .upload_delete_icon,
#product_design_upload #cloud_upload_block .card #uploaderArea .card-body .uploaded-image .upload_delete_icon,
#product_design_upload #cloud_upload_block .card .uploaderBody .card-body .uploaded-image .upload_delete_icon,
#product_design_upload .standard_form_div .card #cloudUploaderArea .card-body .uploaded-image .upload_delete_icon,
#product_design_upload .standard_form_div .card #uploaderArea .card-body .uploaded-image .upload_delete_icon,
#product_design_upload .standard_form_div .card .uploaderBody .card-body .uploaded-image .upload_delete_icon {
  height: 30px;
  line-height: 30px;
  top: -10px;
  width: 30px
}
.upload_delete_icon i {
  line-height: inherit;
  bottom: 1px;
  position: absolute;
  left: 7px;
  font-size: 1.1rem
}
.position-absolute.rounded-circle.bg-danger.upload_delete_icon ::before {
  content: ''
}
#copy_msg{
  min-width:100px;
}
#product_design_upload #uploadtab {
  display: none
}
/*-----------------END PRODUCT PAGE-------------*/
/*-----------------CONTENT PAGES----------------*/
.about_us_desc h2,
.the-short h2 {
  width: 100%;
  text-align: center;
  font-size: 2rem;
  padding: 20px 0
}
.the-short {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: auto;
  padding-bottom: 20px;
  text-align: center;
  -webkit-box-shadow: 0 0 4px 2px rgb(0 0 0 / 7%);
  -moz-box-shadow: 0 0 4px 2px hsla(0,0,0,.07);
  box-shadow: 0 6px 30px 5px rgb(0 0 0 / 7%)
}
.about_us .contact-info {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 10px 0 50px
}
.about_us .contact-info .col-lg-4 {
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%
}
.about_us_icons img {
  max-height: 200px
}
.about_us_desc {
  margin: 1rem auto;
  width: 100ch;
}
/*-----------------CONTENT PAGES----------------*/
select#emailtopic option[value="Request Reorder"] {
  display: none
}
#faq_details .hide_panel,
#faq_details .mb-4 {
  max-width: 1000px;
  margin: auto
}
#faq_details .card .card-header,
#faq_products div .card .card-header {
  background-color: #b4daf1;
  padding: 2px
}
#faq_details .card .card-header .card-title a,
#faq_products .card .card-header .card-title a {
  display: block;
  width: 100%;
  padding: 12px 18px;
  font-size: 1.2rem
}
.card-header .arrowimage:after {
  font-size: 1.5rem;
  margin-top: -2px
}
.card .card-header {
  background-color: unset;
}
.card .card-header .card-title{
    color:var(--text-color, #111)
}
/*-------------------CHECKOUT----------------*/
.order-details, .shippingdetails, #payment_option .card, #special_instructions, .checkoutRightSide>div {
border-radius: 10px;
}
.cart_section .order-details{
box-shadow: 2px 2px 6px 3px var(--shadow-color, hsla(0 0 0% / 10%));
padding: 10px;
margin-bottom: 20px !important;
}
.checkoutRightSide > div{
padding-bottom: 1rem;
}
.steps ul li .orderstep {
line-height: revert
}
button.save_qty{
margin: auto;
color: var(--background, #f7f7f7);
background-color: var(--text-color, #121212);
}
button.save_qty:hover,button.save_qty:focus{
color: var(--text-color, #121212);
background-color: var(--background, #f7f7f7);
}
.shippingdetails h3 {
  margin-bottom: 0
}
#shipping h4 {
color: var(--text-color, #121212);
}
.shipmentInfoDiv h3 {
  flex: 0 0 85%;
  order: 1
}
.shipmentInfoDiv .text-right {
  flex: 0 0 100%;
  order: 3
}
.shipmentInfoDiv .text-right a {
  font-size: 1rem;
  line-height: 1
}
#div_shipping_type_options {
  display: flex;
  flex-flow: column
}
#div_shipping_type_options .alert {
  order: 1
}
#div_shipping_type_options .shipping_types {
  order: 2
}
#div_shipping_type_options .shipping_types .custom-control-label {
  display: flex!important;
  padding-right: 2rem!important
}
#shippingSummaryDiv{
  display: none;
}
#min-pay-msg {
  display: flex;
  justify-content: space-between
}
.pay_title span {
  display:none;
}
#orderErrorMessage {
  color: red;
  font-size: 1.5rem;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 0.5rem
}
#payment_option .pay_sub {
  display: none
}
#payment_option .card-body {
  padding: .5rem
}
.coupon .input-group > .form-control {
  border-right: 1px solid #ced4da!important
}
.coupon .btn{
  min-width: unset;
}
.ordercontinue button.btn-success {
  bottom: -15px
}
.rush-link {
  margin: 0 auto 15px;
  max-width: 300px;
  padding: .85rem 1.5rem .65rem
}
#order_comments {
  display: none
}
#order_comments .form-group {
  display: flex;
  flex-wrap: wrap
}
#order_comments .form-group:before {
  content: "Order Comments";
  -ms-flex: 0 0 33.666666%;
  flex: 0 0 33.666666%;
  max-width: 33.666666%;
  margin-bottom: .5rem
}
#order_comments .form-group textarea.form-control {
  -ms-flex: 0 0 58.666666%;
  flex: 0 0 58.666666%;
  max-width: 58.666666%
}
#checkout_success .alert a.btn {
  background: var(--primary, #0031f5);
  border-color: var(--primary, #0031f5);
  color: rgb(247,247,247);
}
#checkout_success div:has(h4) .text-primary {
  display: block
}
#checkout_success div:has(h4) .text-primary::before {
  content: "Status: ";
  font-weight: 700
}
#orderCompleteMsg {
  color: #00c100;
  font-size: 2rem;
  font-weight: 700
}
/*-------------------CHECKOUT----------------*/
/*-------------------LOGIN / REGISTRATION ----------------*/
#user_signup .alert-success,#user_signup .alert-success h3 {
  color:#155724;
}
#login_signup_popup .input-group-append .input-group-text {
  padding: .5rem
}
#forgotpassword{
  cursor:auto;
}
#forgotpassword form {
  max-width: 500px
}
#reset_password form {
  max-width: 500px
}
#reset_password form .control-label,
#reset_password form .form-control-static {
  flex: 1 0 50%;
  max-width: none
}
#reset_password form label {
  font-weight: 700
}
#reset_password form div:has(button) {
  margin-left: auto
}
#reset_password form button {
  margin-bottom: 0
}
.password_toggle .bg-white{
background-color: #fff !important;
}
#user_loginpage .card{
  background-color: transparent !important;
}
#user_loginpage .btn.btn-sm {
  font-size: 1.125rem;
  line-height: initial;
  padding: .6rem .75rem
}
.AdditionalInformation .input-group,.AdditionalInformation + div .input-group {
  justify-content: end;
}
.AdditionalInformation .input-group label, .AdditionalInformation + div .input-group label{
  margin-right: auto;
  font-size: 1.1rem;
  font-weight: 600;
}
/*-------------------END LOGIN / REGISTRATION ----------------*/
/*------------------ACCOUNT---------------*/
#myaccount_menu li a{
  color:var(--text-color, hsl(0 0 20%))!important;
}
#myaccount_menu li.active a, #myaccount_menu li:hover a{
  color:var(--text-color, hsl(0 0 20%))!important;
}
#myaccount_menu li.active,#myaccount_menu li:hover{
  background-color: hsla(var(--hsl-color, 0 0 97%) / 10%);
}
#myaccount_menu li{
  padding: 0 !important;
  margin: .25rem 0;
}
#myaccount_menu li a {
  padding: 0.5rem 0;
}
a.btn.btn-sm[href^="/direct_payment.php"] {
  padding: .5rem .75rem
}
#frmuser_register>.row:nth-of-type(2){
  margin-top:2rem;
}
.page-header .btn-link > i {
  vertical-align: initial
}
#user_signup .page-sub-header{
  margin:1rem 0;
}
.nav-customtabs li .nav-link.active:after, .nav-customtabs li .nav-link:hover:after {
  background:var(--primary, #002aff);
}
#special_instructions #user_extra_fields .RequiredPO .form-group:before {content:"*"; color:red; position:absolute; right:0;}
#bs-select-3.inner .dropdown-menu.inner li:nth-child(9),#bs-select-3.inner .dropdown-menu.inner li:nth-child(10),#bs-select-3.inner .dropdown-menu.inner li:nth-child(11),
#bs-select-3.inner .dropdown-menu.inner li:nth-child(12),#bs-select-3.inner .dropdown-menu.inner li:nth-child(13),#bs-select-3.inner .dropdown-menu.inner li:nth-child(14),#bs-select-3.inner .dropdown-menu.inner li:nth-child(15),#bs-select-3.inner .dropdown-menu.inner li:nth-child(16),#bs-select-3.inner .dropdown-menu.inner li:nth-child(17),#bs-select-3.inner .dropdown-menu.inner li:nth-child(19),#bs-select-3.inner .dropdown-menu.inner li:nth-child(20){
  display: none;
}
form#frmcomment .help-block, form#frmcomment #select_file{
display:none;
}
/* Shopping Cart */
#shopping-cart .checkoutRightSide .sticky-top{
  top:60px;
}
#shopping-cart .checkoutRightSide .coupon .input-group input{
  height: auto;
}
#expressCheckoutAccordion h2,#expressCheckoutAccordion h3{
  display: flex;
}
/********Order Details*********/
.order_box .nav-tabs {
  margin-bottom: 0!important
}
.order_box .nav-tabs .nav-link {
  border:2px solid hsla(var(--hsl-color, 0 0 97%) / 75%);
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  color:var(--text-color);
  filter: brightness(calc(var(--img-bright) - 0.1));
  font-size: 1.1rem;
  margin-bottom: -2px;
  padding-bottom: 1rem;
  position: relative;
  top:5px;
}
.order_box .nav-tabs .nav-link.active{
  background-color: hsla(var(--hsl-color, 0 0 97%) / 5%);
  color:var(--text-color, #121212);
  filter: brightness(var(--img-bright));
  top:0;
}
.nav-customtabs li .nav-link{
  color:var(--link-color)
}
.nav-customtabs li .nav-link.active, .nav-customtabs li .nav-link:hover{
  color: var(--text-color, #121212);
  filter: brightness(var(--img-bright));
}
.order_box .tab-content {
  background-color: hsla(var(--hsl-color, 0 0 97%) / 5%);
  border:2px solid hsla(var(--hsl-color, 0 0 97%) / 75%);
  border-radius: 0 10px 10px 10px;
  filter: brightness(var(--img-bright));
  padding: 10px;
}
.order_box .tab-content .card, .order_box .tab-content .card .card-title, .order_box .tab-content li, .order_box .tab-content .table, .order_box .tab-content .table th, .order_box .tab-content .page-section-header {
  background-color:transparent !important;
  color:var(--text-color, #121212) !important;
}
.order_box .tab-content .table th, .order_box .tab-content .table td{
  border-color: hsla(var(--dark-color-rgb, #333), 0.75);
  border-bottom-color: hsla(var(--dark-color-rgb, #333), 0.75);
}
.order_box .tab-content a.btn-outline-secondary, .order_box .tab-content .text-primary, .order_box .tab-content .text-secondary{
  color:var(--text-color, #121212) !important;
  border-color:var(--text-color, #121212)
}
/*****END Order Details********/
.order_box .card .text-muted {
  color:hsla(var(--text-color, 0 0 7%)/90%) !important;
  font-weight: 700
}
.order_box .btn{
  box-shadow: 3px 5px 15px 1px hsla(51,51,51,0.25);
}
.order_box a{
  color: var(--link-color, #0031f5);
}
.account_dashboard_box{
  background-color: #ddd;
}
.account_dashboard_box .p,
.account_dashboard_box span {
  color: #333
}
.account_dashboard_box:hover {
  background-color: #ddd;
  box-shadow: 0 0 5px 4px #dbdbdb;
}
#user_order .tab-content .card .thumbnail img{
  object-fit:cover;
}
#user_order_info #history > .row {
  flex-flow: row-reverse
}
#user_order_info #history button.btn {
font-size:1rem;
}
#frm_search_tmp{
  gap:10px;
  width:100%;
}
#frm_search_tmp div{
  gap: 10px;
}
#frm_search_tmp .dropdown.bootstrap-select {
  flex:1 1 auto;
  width: auto;
}
#frm_search_tmp .btn{
  min-width: unset;
  margin:auto;
}
#order_search {
  flex:1 1 auto;
}
#user_order form .btn {
  margin: 0;
  border-radius: .25rem
}
#user_order form .input_reset{
  box-shadow: none;
  margin-left: -60px;
}
#add_comment #comment_for {
  width: 95%;
  width: calc(100% - 15px)
}
#add_comment .form-group:has(select)::after {
  content: "*";
  color: red;
  position: absolute;
  top: 0;
  width: 15px;
  text-align: center;
  line-height: initial
}
#user_order_info #cart_detail table.CartDetails h4 > small {
  display: block
}
#price_detail .cart-price-block li.border-top {
  align-items: baseline;
  font-size: 1.5rem;
  font-weight: 600
}
#price_detail .cart-price-block li span {
  margin-left: unset
}
.fancybox-proof-layout .fancybox__carousel {
  background: #ddd!important
}
.modal-body #file-uploader {
  width: 100%
}
.btn.btn-outline-secondary:has(em) {
  background: #008ccc;
  color: #fcfcfc;
  font-size: 1rem;
  padding: .5rem 1rem;
  width: 100%
}
.btn.btn-outline-secondary:has(em):hover {
  background: #545b62
}
#account_btns .cicon {
  color: #111
}
.account-links a .fa-kit{
  color: var(--link-color, #0031f5);
}
.account-links a:hover .fa-kit{
  color: var(--link-color-hover, #001d8f);
}
#user_image_list .myimage_div h3 {
  text-align: center
}
.row img[alt=logo] {
  max-width: 400px
}
.BusinessRegistration > div {
  max-width: 650px
}
#payment_shipping_detail ul li {
  white-space: normal
}
#payment_shipping_detail ul li span.text-muted strong {
  font-weight: inherit!important;
  font-family: inherit!important
}
.frmprofileinfo p{
  margin-bottom: 0;
}
#user_address_list #search{
padding: .7rem .75rem !important;
align-self: center !important;
margin-bottom: 0 !important;
min-width: auto;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-left: -2px;
}
#user_address .actionLinks span a:first-child {
margin:0;
padding-right: 10px;
}
#user_address .actionLinks span a:last-child {
margin:0;
padding-left: 10px;
}
.address-dropdown .dropdown-menu li a{
  border-bottom-color:hsla(var(--hsl-color, #111), 0.45);
}
.address-dropdown .dropdown-menu li a.active, .address-dropdown .dropdown-menu li a.selected{
  background-color: hsla(var(--hsl-color, #f7f7f7), 0.15);
  color: var(--text-color, #111)!important;
}
.address-dropdown .dropdown-menu li a:hover{
  background-color: hsla(var(--hsl-color, #f7f7f7), 0.25);
  color: var(--text-color, #111)!important;
}
.address-dropdown .text-muted{
color: var(--text-color, #111) !important;
}
.address_validation_popup .row>.col-6{
  flex:auto;
  max-width: 400px;
}
.list-group-item-warning {
color:#3a2b00;
}
.list-group-item-warning a{
  color:var(--primary, #0031f5);
}
.list-group-item-warning a:hover{
  color:var(--primary-hover, #001d8f);
}
/*------------------END ACCOUNT---------------*/
@media only screen and (max-width:767px) {
  .fancybox__container {
    overflow: auto!important
  }
  #themeToggle0,#themeToggle1,.theme-Toggle-btn {
    font-size: 1rem;
    height: 35px;
    line-height: 1.5rem;
    margin:0 0 0 1rem;
    width: 35px;
  }
  .theme-toggle .theme-tooltip{
    display: none;
  }
  .navbar-cart.d-md-none .fa-shopping-bag::before{
    bottom: 4px;
    color:var(--text-color);
    font-size: 2.2rem;
    left: 0;
    line-height: 0.8;
    margin-inline: auto;
    position: absolute;
    right: 0;
    width: fit-content;
  }
  .navbar-cart.d-md-none .fa-shopping-bag ~ .badge{
    background: var(--text-color);
    border-radius: 0 0 5px 5px;
    bottom: 1px;
    color: var(--background);
    font-size: 1.3rem;
    height: 22px;
    left: 0;
    line-height: 1.3rem;
    margin-inline: auto;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 25px;
  }
}
@media only screen and (min-width:768px) {
  .fancybox__container.fancybox-proof-layout {
    padding: 2rem 0
  }
  .top-header .top-links li a i{
    font-size:1.75rem;
  }
}
@media only screen and (min-width:1200px) {
  .fancybox__container.fancybox-proof-layout {
    padding: 2rem 5rem
  }
}
#emailtopic option[value=null] {
  display: none
}
#user_track_order:before {
  content: "Enter your email and order number to view the status of your order.";
  display: block;
  margin: 0 0 20px
}
#terms-of-use a {
  font-size: inherit
}
.badge-info {
  color: #fcfcfc
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1)
  }
  50% {
    -webkit-transform: scale(1.5)
  }
  100% {
    -webkit-transform: scale(1)
  }
}
@media (max-width:1199px) {
  .container,
  .container-sm {
    max-width: none
  }
  .home-selling-points .img-desc-overlay p {
    margin-bottom: .25rem
  }
  .home-selling-points .img-desc-overlay div > p:first-child {
    margin-top: 0
  }
}
@media (max-width:1023px) {
  .home-selling-points:hover .img-desc-overlay {
    padding: 5%
  }
  .img-desc-overlay div > p:first-child {
    margin-top: .5rem
  }
  .img-desc-overlay .mobile-hide {
    display: none
  }
}
@media (max-width:991px) {
  #product_design_upload #frmupload .order-1 {
    margin-top: 10px
  }
  #user_order .tab-content .card .thumbnail img{
    object-fit: contain;
  }
}
@media only screen and (min-width:768px) {
  .fancybox-proof-layout .fancybox__carousel {
    max-width: none!important;
    flex: auto!important;
    height: auto!important
  }
  .fancybox-proof-layout .fancybox-form-wrap {
    max-width: none!important;
    flex: 0 0 35%!important;
    height: auto!important
  }
  #additional_info_accordion .col-xl-6 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  #home-btn-cta {
    min-width: 400px
  }
  .footer_bottom .flex-column:not(:last-of-type) {
    border-right: 2px solid #666
  }
}
@media (max-width:767px) {
  .awesome-bar.bg-primary {
    font-size: 1rem
  }
  .navbar-brand {
    flex: 1 1 100%
  }
  .d-md-none.my_account {
    display: flex
  }
  .d-md-none.my_account #search-toggle-btn,
  .d-md-none.my_account .navbar-cart {
    margin: auto 0 auto 10px;
    padding: .5rem
  }
  a.navbar-cart.d-md-none{
    height: 35px;
    width: 35px;
  }
  .my_account .navbar-cart .badge {
    bottom: 8px;
    right: 0
  }
  .navbar-collapse {
    z-index: 100001
  }
  .navbar-collapse .navbar-nav {
    width: 85vw;
    height: 110vh
  }
  .navbar-collapse .user-info a {
    width: 30%!important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem 0
  }
  .navbar-collapse ~ .navbar-bg-outside:after {
    right: 5%;
    font-size: 2rem
  }
  .ordercontinue {
    background: var(--background);
  }
  .scroll-top {
    bottom: 10px;
    right:10px;
  }
  .modal-body .col-12:has(a) {
    padding-left: 1px;
    padding-right: 1px
  }
  .modal-body .col-12 a.btn-img-text span {
    color: #fefefe!important
  }
  .home-selling-points {
    max-height: 300px;
    overflow: hidden
  }
  .home-selling-points img {
    width: 100%
  }
  .home-selling-points .img-desc-overlay {
    bottom: 0
  }
  .home-selling-points:focus .img-desc-overlay,
  .home-selling-points:focus-visible .img-desc-overlay,
  .home-selling-points:focus-within .img-desc-overlay,
  .home-selling-points:hover .img-desc-overlay {
    height: calc(100% - 15px)
  }
  #search-toggle-btn {
    margin: auto 5px;
    min-width: auto;
    padding: .75rem 1.25rem
  }
  #order_comments .form-group:before {
    content: "Order Comments";
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%
  }
  #order_comments .form-group textarea.form-control {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%
  }
  .navbar-nav .nav-item:nth-child(2) {
    display: none
  }
  .youtube-play {
    width: 100px;
    height: 71px
  }
  #product-info .btn {
    border-radius: 0
  }
  .price_calculator #productpricetotal {
    z-index: 10;
  }
  .upload_size .btn-link {
    margin: auto;
    padding: 10px 0!important
  }
  .guidelines svg {
    rotate: 0deg;
    margin-right: 5px;
    margin-bottom: 2px
  }
  #frmuser_register .btn {
    width: 100%
  }
  #frmuser_register .btn-link {
    margin: auto
  }
  .footer-content .footer_bottom {
    padding-top: 1rem
  }
  .footer_bottom .flex-column:not(:last-of-type) {
    border-right: none;
    border-bottom: 2px solid #666;
    padding: 15px
  }
  .footer_bottom .row {
    flex-flow: column;
    align-items: center
  }
  .footer_bottom .flex-column {
    max-width: 95%
  }
  .footer-content .payment-logos img {
    margin:0 auto 1rem auto;
  }
}
@media only screen and (max-width:639px) {
  #product-info #get-started {
    z-index: 99;
    border-radius: .3rem;
    width: 90%;
    margin: auto
  }
  #product_info_predefined #div_addinfo_save_box #SubmitBtn {
    bottom: unset;
    position: relative !important;
    width: 100%;

  }
  #additional_info_accordion .btn {
    min-width: auto
  }
  #product_design_upload #frmupload .upload_size .size > div:first-child {
    flex: auto
  }
  #product_design_upload #frmupload .upload_size .size > div:nth-child(2) {
    flex: auto
  }
}
@media only screen and (max-width:574px) {
  #countdownClock {
    flex-flow: column;
    row-gap: 10px
  }
  #productpricetotal {
    position: relative !important;
    bottom: unset;
    width: 100%;
    box-shadow: unset;
    padding:inherit;
    left: unset;
    z-index: inherit;
    text-align:end;
    min-height: unset;
  }
  #price_calculator #producttotalprice {
    font-size: 1.25rem
  }
}
@media (max-width:400px) {
  .h1,
  h1 {
    font-size: 1.75rem
  }
  .h2,
  h2 {
    font-size: 1.5rem
  }
  .h3,
  h3 {
    font-size: 1.35rem
  }
  .h4,
  h4 {
    font-size: 1.2rem
  }
  .h5,
  h5 {
    font-size: 1.05rem
  }
  .h6,
  h6 {
    font-size: .95rem
  }
  .HomePage_Title h1 {
    font-size: 1.75rem
  }
}
@media (max-width:350px) {
  #InfoTab .nav-tabs .nav-item .nav-link {
    padding: .8rem .5rem;
    font-size: .9rem
  }
  #product_design_upload #frmupload .upload_size .size > div > div:first-child .col-md-4,
  #product_design_upload #frmupload .upload_size .size > div > div:first-child .col-md-8 {
    flex: auto
  }
  .d-md-none.my_account #search-toggle-btn,
  .d-md-none.my_account .navbar-cart {
    padding: .35rem
  }
  #div_shipping_type_options .custom-control label > span:last-child {
    min-width: 65px;
    text-align: right
  }
}