@charset "utf-8";
/* CSS Document */
.loader-overlay {
    transition: opacity .3s ease-in-out;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: hsla(0,0%,100%,.7);
    pointer-events: none;
    opacity: 0;
    z-index: 100000;
	
}

.loader-overlay.is-global .loader {
    height: 120px;
    width: 120px;
    margin: -60px 0 0 -60px;
    border-width: 6px;
	
	
}

.loader-overlay .loader {
    height: 60px;
    width: 60px;
    margin: -30px 0 0 -30px;
    position: absolute;
    top: 50%;
    left: 50%;
    animation: spin 1s linear infinite;
    border: 3px solid #f3f3f3;
    border-top-color: #575757;
    border-radius: 50%;
	/*background: url(../images/searing_sml.svg) no-repeat center;*/
}

.loader-overlay.showopac{
	opacity: 1;
}

@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}

.searchrow{
	padding: 20px;
    background-color: #e4e4e4;
}

button:focus {outline:0;}

.navbar.fixed{
    
    position: fixed;
    width: 100%;
    min-width: 100%;
    z-index: 1001;
}

.dropdown-menu li a.active{
	background-color: #464646;
	
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

.dropdown-submenu li a.active{
	background-color: #464646;
	
}

.sitelogo{
    width: 200px;
}

div .preventtick{
	display:none;
}

div .preventedbtn{
	
}

div.preventforsend .preventtick{
	margin-top:20px;
	display:block;
}

div.preventforsend .preventedbtn{
	display:none;
}

.tubeplayer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    margin-bottom: 30px;
}

.videoto {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.video_container {
  position: relative;
  text-align: center;
  color: white;
}

.video_container .playBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.video_container .playBtn a.playvideo{
	color:#d0d0d0  !important;
	font-size:3.5em;
	font-weight:100;
	-o-transition: .2s;
    -ms-transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s;
	
}

.video_container .playBtn a.playvideo:hover{
	color:#595c5f  !important;
	
}

.formdiv{
	position:relative;
    margin: 10px 0 10px 0;
}
.submitdivform{
	width:100%; 
	margin-top:20px;
}

.infodivform{
	display:none;
	width:100%; 
	margin-top:20px;
}

.overlayindiv {
    position: absolute;
    display: none;
    width: 104%;
    height: 104%;
    top: -2%;
    left: -2%;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
    cursor: pointer;    
    border-radius: 7px;
}

.formdiv p{

    margin-top: 1rem;
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 1rem;
    color: #333;

}
.formdiv .resettheformimagfe{
    font-size: 30px; 
    float:left;
    display: inline-block;
    margin-right: 10px;
    line-height: 50px;
    
}


.formdiv .bi-arrow-right{
    font-size: 30px; 
    float:left;
    display: inline-block;
    margin-right: 8px;
    line-height: 50px;
}
.formdiv {
    
}

div.genalshwo {
	display:block;
}
span.loadingspan{
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	
}

/* Style the list */
ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #eee;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: #555;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #555;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #951f20;
  text-decoration: underline;
}
    
 ul.breadcrumb li.active a {
  color: #951f20;
  text-decoration: underline;
}
.reborder{
    border: 1px solid #BD0F12 !important;
}
.nav-item{
	margin:auto 10px auto 10px;
    
}
.sitelogofoot{
    max-width: 300px;
}
div.footer{
    width: 100%;
    background-color:#f9f9f9;
}
div.footer a{
    color: #333;

}
div.footer a.active{
    text-decoration: underline;

}
.red-text{
    color: #CC0A0D!important;
}
div.informational {
    display: block;
    position: fixed;
    top: 50%;
    right: 0;
    min-height: 50px;
	max-width:350px;
	background: url(../images/success.svg) no-repeat left;
        background-size: 60px;

    padding: 10px 10px 10px 60px;
    z-index: 1;
	margin-right:-360px;
    border-bottom-left-radius: 3px;
    background-color: #ffffff;
    border-top-left-radius: 3px;
    line-height: 22px;
    -webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3);
	-webkit-transition: margin .2s ease-in-out;
	-moz-transition: margin  .2s ease-in-out;
	transition: margin  .2s ease-in-out;
}
div.informational b{
    color: #787d62;
    font-family: var(--heading-font);
    
    font-size: 16px;
}
div.informational.showit {
    margin-right:0;
}
/*Users classes and store*/

section.userssection{
    padding-top: 150px;
    
}
section.userssection div.container{
     max-width: 1540px;
    
}

section.cartsection {
    padding-top: 150px;
}

section.cartsection div.container{
     max-width: 1540px;
    
}

div.itemincart {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #d6d6d6;
}

h2.itemtitle {
    text-transform: uppercase;
    font-size: 18px;
   
}

.cartinfo .itmeq {
    width: 50%;
    float: left;
    text-align: center;
    border-right: 1px solid #d6d6d6;
    min-height: 40px;
    padding-top: 10px;
    overflow: hidden;
}
.itemqcont {
    
    font-size: 24px;
    padding: 0 15px 0 15px;
}

.cartinfo .itmeq input {
    background-color: rgba(0,0,0,0.0);
    border: 0;
    width: 30px;
    height: 30px;
    padding: 0px;
    text-align: center;
}

.delitemfromcart {
    background: url(../images/close.svg) no-repeat center;
    width: 11px;
    height: 10px;
    min-height: 25px;
    min-height: 30px;
    margin-top: 3px;
    opacity: 0.6;
    display: inline-block;
    -o-transition: .2s;
    -ms-transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s;
}

div.infocart {
    border: 1px solid #cbcbcb;
    background: #f8f8f8;
    padding: 20px;
}

.btn.btn-checkout {
    background: var(--bs-primary);
    color: var(--bs-light);
    border: none;
}
.btn.btn-checkout:hover {
    background-color: var(--bs-dark);
    color: var(--bs-light);
}
.cartinfo {
    text-align: right !important;
}
.showtheusers {
    margin-bottom: 20px;
}
.userloginopts{
    display: none;
}
.userloginopts.speacailuser{
    display: block;

}
.userstuffincart {
    padding: 10px 0px 20px 0px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 30px;
}
.infoformincart {
    padding: 0px 20px 20px 20px;
    
    margin-top: -30px;
    margin-bottom: 30px;
}
.form-control.cartcontrols {
    margin-bottom: 10px;
    padding: 10px;
}
.userurderslist{
    
}
.userurderslist img{
    float:left;
    width:100px;
    max-width:100px;
    height:auto;
    margin-right: 10px;
    
}

.userurderslist .importnprices{
    float:right; 
    padding:10px; 
    margin-left:10px; 
    background-color: #787d62; 
    color: #fff; 
    text-align:right;
}

.importnpricestotal{
    margin:10px; 
    padding:10px; 
    background-color: #787d62; 
    color: #fff; 
    overflow:hidden; 
    text-align:right;
}

.qalisticedtadclass{
    position: absolute!important;
    color: #fff!important;
    background-color: #4c0bcecc!important;
    width: 35px!important;
    height: 35px!important;
    border-radius: 35px!important;
    padding-top: 7px!important;
    right: 0px!important;
    top: 0px!important;
    font-size: 14px!important;
    line-height: 23px!important;
    text-decoration: none!important;
    display: block!important;
    text-align: center !important;
    z-index: 1001 !important;
    -webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.44);
    -moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.44);
    box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.44);
    
}

p .qalisticedtadclass,
a .qalisticedtadclass,
span .qalisticedtadclass,
li .qalisticedtadclass,
h1 .qalisticedtadclass,
h2 .qalisticedtadclass,
h3 .qalisticedtadclass,
h4 .qalisticedtadclass,
h5 .qalisticedtadclass,
h6 .qalisticedtadclass {
    right: -37px !important;
    top:-10px !important;
}

.qalisticedtadclass.left{
   
    right: 0 !important;
    top: -14px !important;
    left: -14px !important;
    
    
    
}

p .qalisticedtadclass.left,
a .qalisticedtadclass.left,
span .qalisticedtadclass.left,
li .qalisticedtadclass.left,
h1 .qalisticedtadclass.left,
h2 .qalisticedtadclass.left,
h3 .qalisticedtadclass.left,
h4 .qalisticedtadclass.left,
h5 .qalisticedtadclass.left,
h6 .qalisticedtadclass.left {
    right:0;
    left: -37px;
    top:-10px;
}

.qalisticedit_1{
    position: fixed;
    bottom:3%;
    width:400px;
    padding: 20px;
    background-color: #fff;
    right: 0;
    margin-right:-420px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 10001;
     -webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.44);
    -moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.44);
    box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.44);
    -webkit-transition: margin .1s ease-in-out;
    -moz-transition: margin .1s ease-in-out;
    transition: 0.5s ease-in-out;
        
}

.qalisticedit_1 input{
    

    background-color: #f7f7f7!important;
    padding: 7px 7px 5px 7px !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 5px !important;
    margin-bottom: 5px;
    color: #595959!important;
    
}

.qalisticedit_3{
    position: fixed;
    bottom:3%;
    width:400px;
    padding: 20px;
    background-color: #fff;
    right: 0;
    margin-right:-420px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 10001;
     -webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.44);
    -moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.44);
    box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.44);
    -webkit-transition: margin .1s ease-in-out;
    -moz-transition: margin .1s ease-in-out;
    transition: 0.5s ease-in-out;
        
}

.qalisticedit_3 input{
    

    background-color: #f7f7f7!important;
    padding: 7px 7px 5px 7px !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 5px !important;
    margin-bottom: 5px;
    color: #595959!important;
    
}

.qalisticedit_1close{
    position: absolute;
    color: #fff;
    background-color: #4c0bcecc;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    padding-top: 1px;
    padding-left: 7px;
    left: -15px;
    top: -15px;
    opacity: 1;
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.44);
    -moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.44);
    box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.44);
    
}

.qalisticedit_1close:hover{
    opacity: 1;
    color: #fff;
    
}

.qalisticedit_1.showtheedit{
   margin-right:0; 
}

.qalisticedit_3.showtheedit{
   margin-right:0; 
}

.qalisticedit_2{
    position: fixed;
    top:0;
    width:50%;
    height: 100%;
    min-height: 100%;
    padding: 20px;
    background-color: #fff;
    right: 0;
    margin-right:-52%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 10001;
    
     -webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.44);
    -moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.44);
    box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.44);
    -webkit-transition: margin .1s ease-in-out;
    -moz-transition: margin .1s ease-in-out;
    transition: 0.5s ease-in-out;
        
}

.qalisticedit_2 .qalisticedit_1close{
    position: absolute;
    color: #fff;
    background-color: #4c0bcecc;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    padding-top: 2px;
    padding-left: 8px;
    font-size: 20px;
    left: -20px;
    top: 48px;
    opacity: 1;
    text-decoration: none;
   
    -webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.44);
    -moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.44);
    box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.44);
    
}
.qalisticedit_2 .qalistsaveandrefresh{
    position: absolute;
    color: #fff;
    background-color: #4c0bcecc;
    width: 35px;
    
    border-radius: 35px;
    padding-top: 12px;
    padding-bottom: 12px;
        padding-left: 3px;

    font-size: 12px;
    left: -20px;
    top: 90px;
    opacity: 1;
    text-decoration: none;
   
    -webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.44);
    -moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.44);
    box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.44);
writing-mode: vertical-lr;
    text-orientation: mixed;
}

.qalisticedit_2.showtheedit{
   margin-right:0; 
}

qedit:hover {
 cursor:pointer;
}

.qalrelpos{
    position: relative;
    overflow: visible;
}

.btn.qalsavechagesbtn {
    font-size: 12px;
    background-color: #703cd8;
    border: 1px solid #595069;
    color: #fff;
    margin-top: 7px;
}