@charset "utf-8";
/* General Settings */


/*
:root {
  --lightsitecolor: '<%OnlineOrderingSiteLightColorCode%>';
  --darksitecolor: '<%OnlineOrderingSiteDarkColorCode%>';
}
*/

@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
*, *:before, *:after {
  box-sizing: border-box;
}

.flex {
  display: flex;
}

.flex > div {
  flex: 1;
  height: calc(100vw / 10);
  height: 150px;
  line-height: 150px;
  text-align: center;  
}
html, body, ul, ol, li, p, img, h1, h2, h3, h4, h5, h6  {vertical-align:baseline; border:0; padding:0; margin:0; -webkit-font-smoothing: antialiased;}

body{
	width:100%;
	float:left;
    font-family: 'Open Sans', sans-serif;
	font-size:12px;
	font-weight:normal;
	overflow-x:hidden;
	color:#222;
	background-color:var(--color-darksitecolor-darkest);
	line-height: 22px;
	padding:0px 0px 20px 0px;

}

input,textarea,select{
	cursor:pointer;
	overflow:hidden;
	outline:none;
	font-family: 'Open Sans', sans-serif;
}

img{
	outline:none;
}

img:hover{
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

a{
	outline:none;
	color:#595959;
	text-decoration:none !important;
}

a:hover{
	color:#999;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

#wrapper{
	width:1100px;
	margin:0 auto;
}



p{
	margin-bottom:15px;
}

h1{
	font-family: 'Lato', sans-serif;
	font-weight:normal;
	line-height:1;
	width:100%;
	text-shadow:0px 0px 0px;
}

h2{
	font-family: 'Lato', sans-serif;
	font-weight:normal;
	line-height:1;
	width:100%;
	text-transform:uppercase;
}

.genline{
	width:100%;
	float:left;
	margin-bottom:15px;
}


/* eof General Settings */

/* header */
.header{
	background-color:var(--darksitecolor);
	width:100%;
	float:left;
	padding:15px 0px 0px 0px;
	color:#fff;
}

.header #wrap{
	width:1100px;
	margin:0 auto;
}

.header .welcome{
	width:100%;
	float:left;
	margin:15px 0px 0px 0px;
}

.header .welcome span{
	float:left;
	display:block;
	padding:5px 10px 5px 10px;
	border:1px solid var(--lightsitecolor);
	border-radius:4px;
	font-size:14px;
}

.header .logo-cart-search{
	width:100%;
	float:left;
}

.header .logo-cart-search .logo{
	width:33%;
	float:left;
}

.header .logo-cart-search .logo a{
	width:300px;
	height:68px;
	/*background-image:url(../../../clientfilesV/<%= SERNO  %>/logos/logo-onlineordering.png);*/
	/*background-repeat:no-repeat;
	display:block;
	text-indent:-9999em;*/
	line-height:0;
}

.header .logo-cart-search .logo img{
	max-width:300px;
}

.header .logo-cart-search .cart{
	width:33%;
	float:left;
	background-image:url(../img/icons/cart.png);
	background-repeat:no-repeat;
	min-height:60px;
	background-position:left;
	margin:5px 10px 0px 40px;
}

.header .logo-cart-search .cart .mini-cart{
	width:100%;
	float:left;
	margin:0px 0px 15px 70px;
	font-size:14px;
}

.header .logo-cart-search .cart .login-checkout{
	width:100%;
	float:left;
	margin:-10px 0px 0px 70px;
}

.header .logo-cart-search .cart .login-checkout a{
	float:left;
	padding:3px 7px 3px 7px;
 	color:#222;
	background-color:#fff;
	margin:0px 10px 0px 0px;
	border-radius:4px;
	font-size:12px;
}

.header .logo-cart-search .cart .login-checkout a:hover{
	background-color:transparent;
	color:#fff;
}

.header .logo-cart-search .search{
	float:right;
	padding:5px 10px 5px 10px;
	background-color:var(--darksitecolor);
	border-radius:4px;
	margin:-5px 0px 0px 20px;
	width: 350px;
    height: 26px;	
}

.header .logo-cart-search .search .input{
	float:left;
	background-color:var(--darksitecolor);
	border:0px;
	width:100%;
	color:#fff;
}

.header .logo-cart-search .search .submit{
	background-image:url(../img/icons/search.png)  10px 10px no-repeat;
	width:26px;
	height:26px;
	display:block;
	text-indent:-9999em;
	line-height:0;
	/*float:right;*/
	border:0px;
	background-color:transparent;
}



/* ----------- Relevant Site Search Code Below ----- */

div#site-search {
  display: table;
  
  /* I want the whole search box
     to be exactly this wide. */
  /*width: 400px;*/
  
  /*margin: 50px auto 0;*/
  float:right;
}
div#site-search div.cell {
  display: table-cell;
}
div#site-search div.cell:last-child {
  /* Makes sure this cell is only wide enough
     for the button label. */
  width: 1px;
}

input[type=search], div.cell .button {  
  width: 100%;
  height: 34px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  cursor:pointer;
}

input[type=search] {
  margin: 0;
  padding: 0 10px;
  background-color: #f8f8f8;
  border: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width:500px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;  
}

div.cell .button {
  line-height: 35px;
  margin: 0;
  padding: 0 20px;
  color: #fff;
  background-color: var(--lightsitecolor);
  font-weight: bold;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  white-space: nowrap;
  border: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; 

  
}
/* ----------- EOF Site Search Code ----- */

/* eof header */

/* top navigation */
.topnav{
	width:100%;
	float:left;
	margin:10px 0px 0px 0px;
}
/* eof top navigation */

/* slider */
.slider-area{
	width:100%;
	float:left;
}
/* eof slider */

/* content area */
.contentarea{
	width:100%;
	float:left;
	background-color: rgb(240, 240, 240);
	padding:20px 0px 20px 0px;
}
/* eof content area */



/* footer */
.footer{
	width:100%;
	float:left;
	background-color:var(--darksitecolor);
	padding:50px 0px 50px 0px;
	color:var(--color-lightsitecolor-lightest2);
	font-size:15px;
}

.footer #wrap{
	width:1100px;
	margin:0 auto;
}

.footer .box{
	width:32%;
	float:left;
	margin:0px 10px 0px 0px;
	line-height:1.6;
}

.footer .box-wide{
	width:64%!important;
	float:left;
	margin:0px 10px 0px 0px;
	line-height:1.6;
	margin-right: 20px;
}

.footer .box h4{
	text-transform:uppercase;
	color:#FFF;
	font-size:30px;
	width:100%;
	float:left;
	margin:0px 0px 10px 0px;
	font-weight:normal;
	line-height: 30px;
}

.footer .box ul{
	width:100%;
	list-style-type:none;
	overflow:hidden;
}

.footer .box ul li{
	width:100%;
	float:left;
	display:block;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid var(--darksitecolor-light);
}

.footer .box ul li a{
	display:block;
	width:100%;
	float:left;
	color:var(--lightsitecolor);
	font-size:15px;
}

.footer .box ul li a:hover{
	color:var(--lightsitecolor);
}

.footer .box .posts{
	width:100%;
	float:left;
	padding:10px 0px 10px 0px;
	color:var(--color-lightsitecolor-lightest);
	/*border-bottom:1px solid #083686;*/
}

.footer .box .posts a{
	font-size:15px;
	display:block;
	width:100%;
	float:left;
	color:var(--color-lightsitecolor-lightest);
	text-decoration:none;
	
}

.footer .box .posts a:hover{
	color:var(--lightsitecolor-90);
}

.footer .box .posts small{
	color:#FFF;
}

.footer .social{
	width:100%;
	float:left;
}


.footer a{
	color:var(--lightsitecolor-light);
	text-decoration:none;
}

.footer a:hover{
	color:var(--lightsitecolor-lighter);
}


.footer .social a{
	/*display:block;
	text-indent:-9999em;
	line-height:0;
	float:left;*/
	text-align:center;
	margin:0px 10px 0px 0px;
}

.footer .social a:hover{
	color:var(--lightsitecolor);
}

.footer .social .twitter{
	/*background-image:url(../img/social/twitter.png);*/
	color:#FFF;
}

.footer .social .facebook{
	/*background-image:url(../img/social/facebook.png);*/
	color:#FFF;
}

.footer .social .linkedin{
	/*background-image:url(../img/social/linkedin.png);*/
	color:#FFF;
}

.footer .social .instagram{
	/*background-image:url(../img/social/linkedin.png);*/
	color:#FFF;
}

.footer .social .google{
	/*background-image:url(../img/social/google.png);*/
	color:#FFF;
}

.footer .social .blog{
	/*background-image:url(../img/social/google.png);*/
	color:#FFF;
}

.copy .poweredby a{
	background-image:url(../img/general/poweredby.png);
	width:280px;
	height:45px;
	float:right;
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999em;
	line-height:0;
	/*margin:5px 0px 0px 0px;*/
	margin-top:-10px;
}

.copy{
	width:100%;
	float:left;
	color:#FFF;
	font-size:13px;
	padding:20px 0px 10px 0px;
	/*margin-left: -40px;*/
	background: var(--color-darksitecolor-darkest);
}
/* eof footer */

/* featured Products */
.featured-products{
	width:1100px;
}

.featured-products .box{
	width: 220px;
	margin: 0px 10px 10px 0px;
	float: left;
	padding: 10px;
	min-height: 370px;
	border-bottom: 3px solid var(--darksitecolor);
	background-color: #fff;
	box-shadow: 2px 2px 5px 1px #ccc;
}

.featured-products .box .thumb{
	width:100%;
	float:left;
	text-align:center;
	min-height:170px;
}

.featured-products .box .thumb img{
	max-width:200px;
	max-height:160px;
}

.featured-products .box .thumb img:hover{
	opacity:0.8;
}

.featured-products .box .title{
	width:220px;
	margin:0px 0px 0px -10px;
	padding:10px;
	font-family: 'Lato', sans-serif;
	font-weight:normal;
	float:left;
	background-color:#dee7f8;
	min-height:75px;
	text-align:center;
	display:block;
}

.featured-products .box .title a{
	font-size:19px;
	color:#000;
	width:100%;
	float:left;
	display:block;
}

.featured-products .box .title:hover{
	background-color:#eaeaea;
}

.featured-products .box .request{
	width:100%;
	float:left;
	text-align:center;
	/*font-weight:bold;*/
	color:green;
	margin:10px 0px 10px 0px;
}

.featured-products .box .outofstock {
    width: 100%;
    float: left;
    text-align: left;
}

.featured-products .box .request span{
	color:#999;
}

.featured-products .box .qty{
	float:left;
	padding:5px 10px 5px 10px;
	width:60px;
	border-bottom:3px solid var(--lightsitecolor);
	text-align:center;
	color:var(--lightsitecolor);
	border-top:1px solid var(--lightsitecolor);
	border-left:1px solid var(--lightsitecolor);
	border-right:1px solid var(--lightsitecolor);
}

.featured-products .box .addtocart{
	float:right;
	height:33px;
	padding:7px 10px 7px 10px;
	background-color:var(--lightsitecolor);
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:3px solid var(--lightsitecolor-dark);
	text-transform:uppercase;
}

.featured-products .box .addtocart:hover{
	background-color:var(--darksitecolor);
}

.featured-products .box .select {
    float: left;
    padding: 5px 10px 5px 10px;
    width: 100%;
    border-bottom: 3px solid var(--lightsitecolor);
    text-align: center;
    color: var(--lightsitecolor);
    border-top: 1px solid var(--lightsitecolor);
    border-left: 1px solid var(--lightsitecolor);
    border-right: 1px solid var(--lightsitecolor);
}
.addtocart2{
	float:right;
	/*height:33px;*/
	padding:7px 10px 7px 10px;
	background-color:var(--lightsitecolor);
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:3px solid var(--lightsitecolor-dark);
	text-transform:uppercase;
	box-sizing: content-box;
	cursor:pointer;
}

.addtocart2:hover{
	background-color:var(--darksitecolor);
}

/* eof featured products */


/* innerpage Products */
.innerpage-products{
	width:760px;
	float:left;
	margin:10px 0px 0px 0px;
}


.innerpage-products .line{
    text-align: center;
    margin-bottom: 10px;
}

.innerpage-products .box{
	width:220px;
	margin:0px 10px 10px 0px;
	float:left;
	padding:10px;
	min-height:370px;
	border-bottom:3px solid var(--darksitecolor);
	background-color:#fff;
	box-shadow:2px 2px 5px 1px #ccc;
}

.innerpage-products .box .thumb{
	width:100%;
	float:left;
	text-align:center;
	min-height:170px;
}

.innerpage-products .box .thumb img{
	max-width:200px;
	max-height:160px;
}

.innerpage-products .box .thumb img:hover{
	opacity:0.8;
}

.innerpage-products .box .title{
	width:220px;
	margin:0px 0px 0px -10px;
	padding:10px;
	font-family: 'Lato', sans-serif;
	font-weight:normal;
	float:left;
	background-color:#dee7f8;
	min-height:70px;
	text-align:center;
}

.innerpage-products .box .title a{
	font-size:19px;
	color:#000;
	width:100%;
	float:left;
	display:block;
}

.innerpage-products .box .title:hover{
	background-color:#eaeaea;
}

.innerpage-products .box .request{
	width:100%;
	float:left;
	text-align:center;
	font-weight:bold;
	color:green;
	margin:10px 0px 10px 0px;
}

.innerpage-products .box .request span{
	color:#999;
}

.innerpage-products .box .qty{
	float:left;
	padding:5px 10px 5px 10px;
	width:60px;
	border-bottom:3px solid var(--darksitecolor-light);
	text-align:center;
	color:var(--lightsitecolor);
	border-top:1px solid var(--darksitecolor-light);
	border-left:1px solid var(--darksitecolor-light);
	border-right:1px solid var(--darksitecolor-light);
}


.innerpage-products .box .select{
	float:left;
	padding:5px 10px 5px 10px;
	width:100%;
	border-bottom:3px solid var(--darksitecolor-light);
	text-align:center;
	color:var(--darksitecolor-light);
	border-top:1px solid var(--darksitecolor-light);
	border-left:1px solid var(--darksitecolor-light);
	border-right:1px solid var(--darksitecolor-light);
}

    
.innerpage-products .box .addtocart{
	float:right;
	height:33px;
	padding:7px 10px 7px 10px;
	background-color:var(--lightsitecolor);
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:3px solid var(--darksitecolor);
	text-transform:uppercase;
}

.innerpage-products .box .addtocart:hover{
	background-color:var(--darksitecolor);
}
/* eof featured products */



/* updated header */
.welcome-newcart-logout{
	width:100%;
	float:righ;
	margin:0px 0px 10px 0px;
	font-size:15px;
}

.welcome-newcart-logout .login a{
	color:var(--lightsitecolor-light);
	float:right;
	margin:0px 0px 15px 15px;
	padding:0px 0px 0px 15px;
	border-left:1px solid #FFF;
	    text-decoration: none;
}

.welcome-newcart-logout .login a:hover{
	color:#fff;
}


.welcome-newcart-logout .logout a{
	color:var(--lightsitecolor-light);
	float:right;
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 15px;
	border-left:1px solid #FFF;
	    text-decoration: none;
}

.welcome-newcart-logout .logout a:hover{
	color:#fff;
}

.welcome-newcart-logout .newcart{
	float:right;
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 10px;
	/*border-left:1px solid #FFF;*/
}

.welcome-newcart-logout .newcart a.loginlink{
	/*background-image:url(../img/icons/newcart.png);
	background-position:left;
	background-repeat:no-repeat;*/
	min-height:33px;
	float: right;
	text-decoration: none;
	/*padding:0px 0px 0px 40px;*/
	/*color:var(--lightsitecolor-light);*/
}

.welcome-newcart-logout .newcart a:hover{
	/*color:#fff;*/
}

.welcome-newcart-logout .welcome-new{
	color:var(--color-lightsitecolor-lightest);
	float:left;
	width:70%;
}

.welcome-newcart-logout .welcome-new .alert{
	/*padding:5px !important;
	padding-left:15px !important;*/
	
}

.welcome-newcart-logout .welcome-new div{
	/*padding:5px !important;
	padding-left:15px !important;*/
	float: left;
	padding-right: 5px;
    /*margin-left: 5px;	*/
}


.welcome-newcart-logout .welcome-new a{
	color: var(--lightsitecolor-light);
}

.welcome-newcart-logout .welcome-new a:hover{
	color:#fff;
}


.welcome-newcart-logout .welcome-new a.switchaccount{
	color: #fff;
}

.welcome-newcart-logout .welcome-new a.switchaccount:hover{
	color:var(--lightsitecolor);
}

.welcome-newcart-logout .search{
	float:right;
	padding:5px 10px 5px 10px;
	background-color:var(--darksitecolor);
	border-radius:4px;
	margin:-5px 0px 0px 20px;
}

.welcome-newcart-logout .search .input{
	float:left;
	background-color:var(--darksitecolor);
	border:0px;
	width:85%;
	color:#fff;
}

.welcome-newcart-logout .search .submit{
	background-image:url(../img/icons/search.png);
	background-repeat:no-repeat;
	width:26px;
	height:26px;
	display:block;
	text-indent:-9999em;
	line-height:0;
	float:right;
	border:0px;
	background-color:transparent;
}

.request-call{
	background-color: var(--lightsitecolor);
	border: 0px;
	color: #fff;
	text-align: center;
	padding:10px 15px 8px 15px !important;
	/*margin: 20px 0px 0px 30px;*/
	font-size: 13px;
	line-height: 1;
	border-radius: 5px;
	font-family: Rational-Bold;
	text-transform: uppercase;
	float: right !important;
    margin-top: -95px;

}

.nav-search-chat .request-call:hover{
	color: var(--lightsitecolor);
	background-color: var(--color-darksitecolor-darkest);
}
.mini-nav{
	float:right;
	margin:50px 0px 0px 0px;
}

.mini-nav ul{
	float:right;
	list-style-type:none;
	overflow:hidden;
	margin-top: -40px;
}

.mini-nav li{
	display:inline-block;
}

.mini-nav a{
	float:left;
	display:inline-block;
	font-family: 'Lato', sans-serif;
	font-size:15px;
	color:#fff;
	padding:0px 0px 0px 20px;
	text-decoration: none;
}

.mini-nav a:hover{
	color:var(--lightsitecolor);
}
/* eof updated header */

/* general content starts here */
.filters-col{
	width:220px;
	float:left;
}

.content-col{
	width:865px;
	float:right;
}

.content-col h1{
	color:var(--darksitecolor);
	margin:0px 0px 10px 0px;
	font-size:2em;
}
/* general content ends here */


/* quick links */
.quick-links{
	background-color:var(--lightsitecolor);
}
/* eof quick links */



/* your selections */
.selections-box{
	width:100%;
	float:left;
	margin:50px 0px 0px 0px;
}

.selections-box .selection-links{
	width:220px;
	float:left;
	border:1px solid #ede7e7;
	border-bottom:4px solid #f2f2f2;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.selections-box .selection-links h2{
	width:190px;
	float:left;
	background-color:var(--lightsitecolor);
	color:#fff;
	padding:7px 15px 7px 15px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-size:17px;
	font-weight:500;
	margin:-2px 0px 0px 0px;
	font-family: 'Lato', sans-serif;
}

.selections-box .selection-links ul{
	overflow:hidden;
	width:100%;
	list-style-type:none;
}

.selections-box .selection-links li{
	display:block;
	float:left;
	width:100%;
}

.selections-box .selection-links a{
	display:block;
	border-bottom:1px solid #ede7e7;
	width:190px;
	padding:7px 15px 7px 15px;
	float:left;
	color:#aa7516;
	font-weight:400;
	font-size:14px;
	font-style:italic;
	background-color:#fff;
	
	
}

.selections-box .selection-links a:hover{
	background-color:#fbfaf7;
	color:#655e5e;
}

.selections-box .selection-links a span{
	width:195px;
	float:left;
	background-image:url(../img/icons/remove.png);
	background-repeat:no-repeat;
	background-position:right;
}

.selections-box{
	width:100%;
	float:left;
}

.selections-box .clear-all-buton a{
	float:left;
	padding:5px 10px 5px 10px;
	font-size:13px;
	text-align:center;
	background-color:var(--darksitecolor);
	color:#fff;
	border-radius:4px;
	margin:5px 0px 0px 0px;
}

.selections-box .clear-all-buton a:hover{
	opacity:0.8;
}
/* eof your selections */



/* refine your search */
.refine-your-search-box{
	width:100%;
	float:left;
	margin:50px 0px 0px 0px;
}

.refine-your-search-box ul,li{
	list-style-type:none;
}

.refine-your-search-box .refine{
	width:220px;
	float:left;
	border:1px solid #ede7e7;
	border-bottom:4px solid #f2f2f2;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.refine-your-search-box .refine h2{
	width:190px;
	float:left;
	background-color:var(--lightsitecolor);
	color:#fff;
	padding:7px 15px 7px 15px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-size:17px;
	font-weight:500;
	margin:-2px 0px 0px 0px;
	font-family: 'Lato', sans-serif;
}



.head{
	display:block;
	border-bottom:1px solid #ede7e7;
	width:190px;
	padding:7px 15px 7px 15px;
	float:left;
	color:#655e5e;
	font-weight:400;
	font-size:14px;
	background-color:#fff;
	
}

.refine-your-search-box .refine .sub-level{
	display:none;
}

.head:hover{
	background-color:#fbfaf7;
	color:#655e5e;
}

.refine-your-search-box .refine .sub-level ul{
	overflow:hidden;
	width:100%;
	list-style-type:none;
	float:left;
}

.refine-your-search-box .refine .sub-level li{
	display:block;
	border-bottom:1px solid #ccc;
	width:190px;
	padding:7px 15px 7px 15px;
	float:left;
	color:#222;
	font-weight:400;
	font-size:14px;
	line-height:1;
	 background-color:#eaeaea;
 
}


.refine-your-search-box .refine .sub-level li:hover{
	background-color:#fbfaf7;
	color:#655e5e;
}


.refine-your-search-box .clear-all-buton{
	width:100%;
	float:left;
}

.refine-your-search-box .clear-all-buton a{
	float:left;
	padding:5px 10px 5px 10px;
	font-size:13px;
	text-align:center;
	background-color:var(--darksitecolor);
	color:#fff;
	border-radius:4px;
	margin:5px 0px 0px 0px;
}

.refine-your-search-box .clear-all-buton a:hover{
	opacity:0.8;
}
/* eof your selections */

/* breadcrumbs */

/*
.breadcrumbs{
	width:865px;
	float:left;
	padding:5px 10px 5px 10px;
	background-color:#eaeaea;
	border-radius:5px;
	margin:0px 0px 10px 0px;
}

.breadcrumbs li{
	display:block;
	float:left;
	margin:0px 5px 0px 5px;
}
*/
.sub-categories{
	width:100%;
	float:left;
	/*margin-bottom: 20px;*/
}

.sub-categories a{
	background-color:#fff;
	border-radius:4px;
	padding:5px 10px 5px 10px;
	float:left;
	margin:0px 5px 5px 0px;
	color:#222;
}

.sub-categories a:hover{
	background-color:#ccc;
}
/* eof breadcrumbs */

/* pagination */
.pagination{
	width:100%;
	float:left;
}


/*.select-pagination{
	/*font-family: 'Font Awesome 6 Pro', 'Lato', sans-serif;*/
	/*font: 'Lato', sans-serif;
	padding: 5px 5px 5px 5px;
    text-align: center;
    color: var(--darksitecolor-light);
    font-size:0.9em;
    float: right;
    margin-top:0px;
 }*/
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
	float: right;
}

.pagination a{
	display:inline-block;
	padding:5px 10px 5px 10px;
	background-color:var(--lightsitecolor);
	color:#fff;
	margin:0px 5px 20px 0px;
	border-radius:5px;
	
}

.pagination a:hover{
	opacity:0.8;
}

.pagination #active-nr{
	background-color:#fff;
	color:#222;
}

.page-of{
	display:block;
	text-indent:-9999em;
	line-height:0;
}
/* eof pagination */

/* product description */
.product-description{
	width:100%;
	float:left;
	
}

.product-description .thumb-col{
	width:230px;
	float:left;
}

.product-description .thumb-col .large-thumb img{
	width:210px;
	border-radius:4px;
	border-bottom:3px solid #ccc;
}

.product-description .prod-descr{
	width:520px;
	float:right;
}

.product-description .prod-descr .price{
	font-size:19px;
	color:#000;
	margin-bottom:55px;
}

.product-description .prod-descr h1{
	color:var(--darksitecolor);
}

.product-description .prod-descr .select{
	float:left;
	padding:5px 10px 5px 10px;
	width:75%;
	border-bottom:3px solid var(--lightsitecolor);
	text-align:center;
	color:var(--lightsitecolor);
	border-top:1px solid var(--lightsitecolor);
	border-left:1px solid var(--lightsitecolor);
	border-right:1px solid var(--lightsitecolor);
}


.product-description .shoppinglist-addtocart{
	width:100%;
	float:left;
	margin:10px 0px 10px 0px;
}

.product-description .qty{

    float: left;
    padding: 5px 10px 5px 10px;
    width: 60px;
    border-bottom: 3px solid var(--darksitecolor-light);
    text-align: center;
    color: var(--lightsitecolor);
    border-top: 1px solid var(--darksitecolor-light);
    border-left: 1px solid var(--darksitecolor-light);
    border-right: 1px solid var(--darksitecolor-light);
    margin-left:20px;
 }


.product-description .shoppinglist-addtocart .add-btn{
	float: left;
	padding: 7px 10px 7px 10px;
	background-color: var(--lightsitecolor);
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 3px solid var(--darksitecolor);
	text-transform: uppercase;
}

.product-description .shoppinglist-addtocart .add-btn:hover{
	background-color:var(--darksitecolor);
}

.product-description .shoppinglist-addtocart .lists a{
	float: left;
	padding: 7px 10px 7px 10px;
	background-color: var(--darksitecolor);
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 3px solid var(--darksitecolor-dark);
	text-transform: uppercase;
	margin:1px 0px 0px 0px;
	min-height:17px;
}

.product-description .shoppinglist-addtocart .lists a:hover{
	background-color: var(--darksitecolor-dark);
}

.product-description .shoppinglist-addtocart .descr-box{
	width:100%;
	float:left;
}

.product-description   .descr-box .title{
	width:100%;
	float:left;
}

.product-description  .descr-box .title span{
	background-color:#fff;
	float:left;
	display:block;
	padding:5px 10px 5px 10px;
	font-weight:bold;
}

.product-description  .descr-box .descr-content{
	width:480px;
	float:left;
	padding:20px;
	background-color:#fff;
}
/* eof product description */

/* contract */
.contract-categories{
	width:100%;
	float:left;
	padding:5px 0px 5px 0px;
	margin:10px 0px 10px 0px;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}
/* eof contract */

/* my product lists */
.my-prod-lists{
	width:100%;
	float:left;
}

.my-prod-lists .titles-line{
	width:860px;
	float:left;
	background: var(--lightsitecolor);
	color:#fff;
	font-size:16px;
	margin-bottom:10px;
	text-transform:uppercase;
	font-weight:bold;
	border-radius:4px;
}


.my-prod-lists .titles-line .listname{
	width:460px;
	float:left;
	padding:7px;
}

.my-prod-lists .titles-line .editname{
	width:120px;
	float:left;
	padding:7px;
}

.my-prod-lists .titles-line .contains{
	width:120px;
	float:left;
	padding:7px;
}

.my-prod-lists .titles-line .delete{
	width:120px;
	float:left;
	padding:7px;
}


.my-prod-lists .products-line{
	width:865px;
	float:left;
	margin:0px 0px 5px 0px;
	padding:0px 7px 0px 7px;
	background-color:#eaeaea;
	border-radius:4px;
}


.my-prod-lists .products-line p{
	margin-bottom:5px;
}



 
.my-prod-lists .products-line .listname{
	width:460px;
	float:left;
	padding:7px;
}

.my-prod-lists .products-line .editname{
	width:120px;
	float:left;
	padding:7px;
}

.my-prod-lists .products-line .contains{
	width:120px;
	float:left;
	padding:7px;
}


.my-prod-lists .products-line .delete{
	width:120px;
	float:left;
	padding:7px;
	color:green;
	font-weight:bold;
}



.product-lists-three-buttons{
	width:100%;
	float:left;
}

.product-lists-three-buttons a{
	display:block;
	float:left;
	padding:5px 10px 5px 10px;
	background-color:#fff;
	margin:0px 3px 0px 0px;
	border-radius:4px;
	color:#222;
}

.product-lists-three-buttons a:hover{
	background-color:#eaeaea;
}

.remove-edit-qty{
	width:100%;
	float:left;
	margin:10px 0px 0px 0px;
	font-size:11px;
}

.remove-edit-qty .remove{
	float:left;
	color:#06C
}

.remove-edit-qty .edit{
	float:right;
	color:#06C
}

.remove-edit-qty-smallest{
	width:100%;
	float:left;
	margin:2px 0px 0px 0px;
	text-align:center;
}

.remove-edit-qty-smallest .remove{
	color:#06C;
	font-size:0.8em;
}

.remove-edit-qty-smallest .edit{
	color:#06C;
	font-size:0.8em;
}

/* eof my product lists */


/* shopping cart */
.shopping-cart-page{
	width:100%;
	float:left;
}

.save-proceed{
	width:100%;
	float:left;
}

.save-proceed .savemycart input{
	padding:10px;
	background-color:#2497f9;
	color:#fff;
	text-align:center;
	border-bottom:4px solid #1876c6;
	text-transform:uppercase;
	font-size:13px;
	float:left;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-radius:4px;
	margin:0px 5px 0px 0px;
	
}

.save-proceed .savemycart input:hover{
	opacity:0.7;
}

.save-proceed .proceedtocheckout input{
	float: left;
	padding: 10px;
	min-width: 110px;
	background-color: var(--lightsitecolor-cold);
	color: #fff;
	font-size: 13px;
	border-bottom: 4px solid var(--darksitecolor-cold);
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	text-transform: uppercase;
	text-align: center;
	border-radius:4px;
}

.save-proceed .proceedtocheckout input:hover{
	opacity:0.7;
}



.full-cart{
	width:100%;
	float:left;
	margin:20px 0px 20px 0px;
}

.full-cart .titles-line{
	width:865px;
	float:left;
	background: var(--lightsitecolor);
	color:#fff;
	font-size:17px;
	text-transform:uppercase;
	font-weight:700;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.full-cart .titles-line .items{
	width:100px;
	float:left;
	padding:7px;
}

.full-cart .titles-line .description{
	width:360px;
	float:left;
	padding:7px;
}

.full-cart .titles-line .product{
	width:360px;
	float:left;
	padding:7px;
}

.full-cart .titles-line .unit-price{
	width:200px;
	float:left;
	padding:7px;
}

.full-cart .titles-line .price{
	width:100px;
	float:left;
	padding:7px;
}

.full-cart .titles-line .quantity{
	width:100px;
	float:left;
	padding:7px;
}

.full-cart .titles-line .total{
	width:110px;
	float:left;
	padding:7px;
}

.full-cart .titles-line .actions{
	width:50px;
	float:left;
	padding:7px;
}



.full-cart .products-line{
	width:100%;
	float:left;
	padding:6px 0px 10px 0px;
	background-color:#fff;
}


.full-cart .products-line p{
	margin-bottom:5px;
}

.full-cart .products-line small{
	font-size:11px;
}

.full-cart .products-line a{
	color:#09C;
}

.full-cart .products-line #product-a{
	font-size:14px;
	font-weight:bold;
}

.full-cart .products-line a:hover{
	color:#333;
}

.full-cart .products-line .items{
	width:100px;
	float:left;
	padding:7px;
}

.full-cart .products-line .items img:hover{
	opacity:0.8;
}

.full-cart .products-line .description{
	width:360px;
	float:left;
	padding:7px;
}

.full-cart .products-line .product{
	width:360px;
	float:left;
	padding:7px;
}

.full-cart .products-line .product strong{
	color:#999;
}

.full-cart .products-line .unit-price{
	width:200px;
	float:left;
	padding:7px;
	color:green;
	font-weight:bold;
}

.full-cart .products-line .price{
	width:100px;
	float:left;
	padding:7px;
	color:green;
	font-weight:bold;
}


.full-cart .products-line .quantity{
	width:100px;
	float:left;
	padding:7px;
}

.full-cart .products-line .total{
	width:100px;
	float:left;
	padding:7px;
}

.full-cart .products-line .quantity .input{
	border:1px solid #ccc;
	border-bottom:3px solid #ccc;
	outline:none;
	cursor:pointer;
	padding:2px;
	padding-top:4px;
	padding-bottom:4px;
	width:70px;
	text-align:center;
	color:#666;
	border-radius:4px;
}

.full-cart .products-line .total .update{
	background: #4dcf59;
	color:#fff;
	cursor:pointer;
	border-bottom: 4px solid #2cac38;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

.full-cart .products-line .total .update:hover{
	opacity:0.8;
}


.full-cart .products-line .total .remove{
	background: #D2122E;
	color:#fff;
	cursor:pointer;
	border-bottom: 4px solid #AA0000;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

.full-cart .products-line .total .remove:hover{
	opacity:0.8;
}


.full-cart .products-line .total a{
	font-size:12px;
	color:red;
	font-weight:normal;
}

.full-cart .products-line .total a:hover{
	color:#333;
}


.continue-update-buttons{
	width:100%;
	float:left;
	margin:20px 0px 10px 0px;
}


.continue-update-buttons .continueshopping{
	float: left;
	padding: 10px;
	min-width: 110px;
	background-color: #999;
	color: #fff;
	font-size: 13px;
	border-bottom: 4px solid #666;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	text-transform: uppercase;
	text-align: center;
	border-radius:4px;
	margin:0px 5px 0px 0px;
}


.continue-update-buttons .continueshopping:hover{
	opacity:0.8;
}


.continue-update-buttons .updateallproducts{
	float: left;
	padding: 10px;
	min-width: 110px;
	background-color: #999;
	color: #fff;
	font-size: 13px;
	border-bottom: 4px solid #666;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	text-transform: uppercase;
	text-align: center;
	border-radius:4px;
}

.continue-update-buttons .updateallproducts:hover{
	opacity:0.8;
}

.subtotal-proceed{
	width:100%;
	float:left;
	margin:20px 0px 0px 0px;
}

.subtotal-proceed .subtotal{
	width:50%;
	float:left;
}

.subtotal-proceed .subtotal .line{
	width:300px;
	float:left;
	padding:10px;
	background-color:#f8f7f7;
	margin:0px 0px 2px 0px;
}

.subtotal-proceed .subtotal .line:hover{
	background-color:#eaeaea;
}

.subtotal-proceed .subtotal .line .left{
	float:left;
	font-weight:500;
}

.subtotal-proceed .subtotal .line .right{
	float:right;
}

.subtotal-proceed .subtotal .grandtotal{
	font-size:22px;
	font-weight:500;
	color:green;
}

.subtotal-proceed .proceed{
	width:50%;
	float:right;
}

.subtotal-proceed .proceed input{
	float: right;
	padding: 5px 10px 5px 10px;
	min-width: 110px;
	background-color: var(--lightsitecolor);
	color: #fff;
	font-size: 25px;
	border-bottom: 4px solid #0f2a57;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	text-transform: uppercase;
	text-align: center;
	border-radius:4px;
}

.subtotal-proceed .proceed input:hover{
	opacity:0.8;
}

.subtotal-proceed .print{
	float:right;
	width:50%;
}

.subtotal-proceed .print a{
	font-weight:bold;
	float:right;
	padding:10px 10px 10px 40px;
	display:block;
	font-size:17px;
	background-image:url(../img/icons/printer.png);
	background-position:left;
	background-repeat:no-repeat;
	border:2px solid #ececec;
}

.subtotal-proceed .print a:hover{
	background-color:#f8f7f7;
	color:#222;
}

/* eof shopping cart */

/* checkout page */
.checkout-po{
	width:860px;
	padding:10px;
	float:left;
	border:6px solid #eaeaea;
	margin:0px 0px 10px 0px;
	font-size:14px;
	background-color:#fff;
	border-radius:4px;
}

.checkout-po h3{
	font-weight:normal;
	line-height:1;
	margin:0px 0px 10px 0px;
	color:var(--lightsitecolor);
	text-transform:uppercase;
	font-size:23px;
}

.checkout-po .input{
	width:100%;
	padding:10px;
	float:left;
	border:1px solid #eaeaea;
	border-bottom:3px solid #eaeaea;
	margin:0px 0px 5px 0px;
	border-radius:4px;
}


.checkout-comments{
	width:860px;
	padding:10px;
	float:left;
	border:6px solid #eaeaea;
	margin:0px 0px 10px 0px;
	font-size:14px;
	background-color:#fff;
	border-radius:4px;
}

.checkout-comments h3{
	font-weight:normal;
	line-height:1;
	margin:0px 0px 10px 0px;
	color:var(--lightsitecolor);
	text-transform:uppercase;
	font-size:23px;
}

.checkout-comments .textarea{
	width:100%;
	padding:10px;
	float:left;
	border:1px solid #eaeaea;
	border-bottom:3px solid #eaeaea;
	margin:0px 0px 5px 0px;
	border-radius:4px;
}

.checkout-bill-ship{
	width:100%;
	float:left;
}

.checkout-bill-ship .box{
	width:400px;
	padding:10px;
	float:left;
	border:6px solid #eaeaea;
	margin:0px 0px 10px 0px;
	font-size:14px;
	background-color:#fff;
	border-radius:4px;
}

.checkout-bill-ship .box h3{
	font-weight:normal;
	line-height:1;
	margin:0px 0px 10px 0px;
	color:var(--lightsitecolor);
	text-transform:uppercase;
	font-size:23px;
}

.checkout-bill-ship .ship{
	float:right;
}

/* eof checkout page */

/* contact logged out */
.contact-logged-out{
	width: 100%;
	float: left;
}

.contact-logged-out .the-form{
	width: 50%;
	float: left;
	padding: 10px;
}

.contact-logged-out .the-form .form-control {
    font-family: 'Rational-Bold','Open Sans',sans-serif;
    font-style: normal;
    font-weight: normal;
    width: 100%;
    font-size: 30px;
    line-height: normal;
    padding-left: 20px;
    margin-bottom: 25px;
    border-radius: 5px;
    border: 2px solid #a1a1a1;
}

.contact-logged-out .the-form .textarea-line{
	margin-top: 15px;
}

.contact-logged-out .the-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a1a1a1;
}
.contact-logged-out .the-form ::-moz-placeholder { /* Firefox 19+ */
  color: #a1a1a1;
}
.contact-logged-out .the-form :-ms-input-placeholder { /* IE 10+ */
  color: #a1a1a1;
}
.contact-logged-out .the-form :-moz-placeholder { /* Firefox 18- */
  color: #a1a1a1;
} 

.contact-logged-out .the-form .btn-default{
	width: 100%;
}

.contact-logged-out .the-address{
	width: 40%;
	float: right;
	padding: 10px;
	color: #707070;
	font-size: 22px;
}

.contact-logged-out .the-address h3{
	margin-bottom: 20px;
 	font-family: 'Lato', sans-serif;
 	color:var(--lightsitecolor-dark);
 	font-size:16px;
 	line-height:18px;
}

.contact-logged-out .the-address h3 span{
	margin-top: 10px;
	margin-bottom: 10px;
 	font-family: 'Lato', sans-serif;
 	color:var(--lightsitecolor-light);
 	font-size:25px;
}

.contact-logged-out .the-address a{
	color:#0793e2;
}

.contact-logged-out .the-address a:hover{
	color:#050505;
}

.contact-logged-out .the-address img:hover{
   opacity:0.8;
   }

 
 
/* contact us */
.contact-info{
	width: 100%;
	float: left;
	margin: 0px 0px 30px 0px;
	font-size: 22px;
    line-height: 34px;
    color:#707070;
}

.contact-info .address{
	width: 100%;
	float: left;
}

.contact-info h3{
	margin-bottom: 10px;
  	font-family: 'Lato', sans-serif;
 	color:var(--lightsitecolor-dark);
 	font-size:16px;
 	line-height:18px;
 	margin-bottom:20px;
}


.contact-info h3 span{
	margin-top: 10px;
	margin-bottom: 10px;
 	font-family: 'Lato', sans-serif;
 	color:var(--lightsitecolor-light);
 	font-size:25px;
}


.contact-info a{
	color:var(--lightsitecolor-light);
}

.contact-info a:hover{
	color:var(--darksitecolor );
}

/* eof contact us */


/* faq */
.faq-page button.accordion {
    background-color: white;
     cursor: pointer;
    padding: 18px;
    width: 100%;
	border-top:1px solid #a1a1a1;
	border-left:0px;
	border-right: 0px;
    border-bottom: 0px;
    text-align: left;
    outline: none;
    font-size: 22px;
    transition: 0.4s;
	color:#0055a5;
	font-weight: 700;
}

.faq-page button.accordion.active, button.accordion:hover {
    background-color:white;
}

.faq-page div.panel {
    padding: 18px;
    display: none;
    background-color: white;
	font-size: 22px;
	color: #707070;
}

.faq-page div.panel.show {
    display: block !important;
}

.faq-page button.accordion:before {
    content: '\02795';
    font-size: 10px;
    color: #777;
    float: left;
    margin-left: 5px;
	margin-right: 10px;
	padding:3px;
	border:1px solid #ccc;
	border-radius:4px;
	font-weight: normal;
}

.faq-page button.accordion.active:before {
    content: "\2796";
}

.faq-page a{
	color:var(--lightsitecolor-light);
}

.faq-page a:hover{
	color:var(--darksitecolor );
}

/* eof faq */


/* account signup */
.account-signup .existing-corporate,.new-corporate{
	width: 100%;
	float:left;
	padding:25px;
	border-radius:5px;
	color: #fff;
	margin: 0px 0px 40px 0px;
}

.account-signup h3{
	font-weight: bold;
	text-transform: uppercase;
	color:yellow;
	margin: 0px 0px 10px 0px;
}

.account-signup p{
	margin:0px 0px 10px 0px;
}


.account-signup  input:hover{
	opacity:0.8;
}

.account-signup .existing-corporate{
	background: rgba(1,80,159,1);
background: -moz-linear-gradient(top, rgba(1,80,159,1) 0%, rgba(0,54,102,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,80,159,1)), color-stop(100%, rgba(0,54,102,1)));
background: -webkit-linear-gradient(top, rgba(1,80,159,1) 0%, rgba(0,54,102,1) 100%);
background: -o-linear-gradient(top, rgba(1,80,159,1) 0%, rgba(0,54,102,1) 100%);
background: -ms-linear-gradient(top, rgba(1,80,159,1) 0%, rgba(0,54,102,1) 100%);
background: linear-gradient(to bottom, rgba(1,80,159,1) 0%, rgba(0,54,102,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01509f', endColorstr='#003666', GradientType=0 );
}

.account-signup .existing-corporate p:last-child{
	margin-bottom:0px;
}

.account-signup .existing-corporate input{
	border:0px;
	display: inline;
	outline: none;
	text-align: center;
	color: #fff;
	background: #207bcf;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	border-radius:5px;
	font-weight: 700;
	margin:0 auto;
}


.account-signup .new-corporate{
background: rgba(243,0,146,1);
background: -moz-linear-gradient(top, rgba(243,0,146,1) 0%, rgba(185,10,112,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(243,0,146,1)), color-stop(100%, rgba(185,10,112,1)));
background: -webkit-linear-gradient(top, rgba(243,0,146,1) 0%, rgba(185,10,112,1) 100%);
background: -o-linear-gradient(top, rgba(243,0,146,1) 0%, rgba(185,10,112,1) 100%);
background: -ms-linear-gradient(top, rgba(243,0,146,1) 0%, rgba(185,10,112,1) 100%);
background: linear-gradient(to bottom, rgba(243,0,146,1) 0%, rgba(185,10,112,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f30092', endColorstr='#b90a70', GradientType=0 );
}

.account-signup .new-corporate p:last-child{
	margin-bottom:0px;
}

.account-signup .new-corporate input{
	border:0px;
	display: inline;
	outline: none;
	text-align: center;
	color: #fff;
	background: #ea58af;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	border-radius:5px;
	font-weight: 700;
	margin:0 auto;
}
/* eof account signup */

/* custom form */

.customform .form-group{
	margin-bottom:15px;
}

.customform label{
	margin-bottom:5px;
	font-weight: 700;
}

.customform .line{
	width: 100%;
	float:left;
}

.customform .left-box{
	width: 48%;
	float:left;
}

 

.customform .right-box{
	width: 48%;
	float:right;
}

.customform .form-control {
    display: block;
    width: 100%;
    min-height: 44px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #666;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.customform .select-line{
	margin: -10px 0px 20px 0px;
	width: 30%;
}

.customform .textarea-line{
	margin: -10px 0px 20px 0px;
 }

.customform .form-group img{
	position: absolute;
	margin:10px 0px 0px 350px;
	z-index: 1000;
}


.customform .btn-default{
	float:right;
	padding:10px 60px 10px 60px;
	color:#fff;
	font-weight: 700;
	background: var(--lightsitecolor);
	border-radius:5px;
	border-top:0px;
	border-left: 0px;
	border-right:0px;
	border-bottom:4px solid var(--lightsitecolor-dark);
	font-size: 22px;
	cursor: pointer;
}

.customform .place-service-request{
	float: left;
	width: 100%;
	margin-top: 15px;
}

.customform .btn-default:hover{
	opacity:0.8;
}
 
.invoice-line{
	width: 100%;
	float:left;
	margin: 30px 0px 30px 0px;
}

.invoice-line strong{
	margin: 50px 0px 0px 0px;
	float: left;
}

.invoice-line img{
	float:right;
	margin: 0px 0px 0px 30px;
}
 
/* eof custom form */
/* eof contact logged out */


/* FTM */
.ftm{
	width:100%;
	float:left;
}

.ftm .titles-line{
	width:865px;
	float:left;
	background: var(--darksitecolor);
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	font-weight:700;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}


.ftm .titles-line .date{
	width:125px;
	float:left;
	padding:7px;
}

.ftm .titles-line .orderid{
	width:125px;
	float:left;
	padding:7px;
}

.ftm .titles-line .ordertotal{
	width:125px;
	float:left;
	padding:7px;
}

.ftm .titles-line .status{
	width:255px;
	float:left;
	padding:7px;
}

.ftm .titles-line .originator{
	width:125px;
	float:left;
	padding:7px;
}


.ftm .titles-line .notes{
	width:10px;
	float:left;
	padding:7px;
}


.ftm .info-line{
	width:100%;
	float:left;
	background-color:#fff;
}


.ftm .info-line p{
	margin-bottom:5px;
}



.ftm .info-line a{
	color:#09C;
	font-size:14px;
	font-weight:bold;
}

.ftm .info-line a:hover{
	color:#333;
}

.ftm .info-line .date{
	width:125px;
	float:left;
	padding:7px;
}

.ftm .info-line .orderid{
	width:125px;
	float:left;
	padding:7px;
}

.ftm .info-line .ordertotal{
	width:125px;
	float:left;
	padding:7px;
}


.ftm .info-line .status{
	width:125px;
	float:left;
	padding:7px;
}

.ftm .info-line .originator{
	width:125px;
	float:left;
	padding:7px;
}

.ftm .info-line .notes{
	width:125px;
	float:left;
	padding:7px;
	color:green;
	font-weight:bold;
}


.ftm .info-line .action-btn a{
	float:left;
	padding:5px 10px 5px 10px;
	font-size:13px;
	text-align:center;
	background-color:#fcf1f1;
	color:#222;
	border-bottom:3px solid #e4dcdc;
	border-radius:4px;
	margin-right:6px;
}

.ftm .products-line .action-btn a:hover{
	background-color:#f2dada;
}

/* eof my product lists */


/* order history details */
.order-history-details{
	width:100%;
	float:left;
	margin-top:20px;
}

.order-history-details .titles-line{
	width:865px;
	float:left;
	background: var(--darksitecolor);
	color:#fff;
	font-size:16px;
	margin-bottom:10px;
	text-transform:uppercase;
	font-weight:700;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}


.order-history-details .titles-line .ordered{
	width:80px;
	float:left;
	padding:7px;
}

.order-history-details .titles-line .product{
	width:340px;
	float:left;
	padding:7px;
}

.order-history-details .titles-line .price{
	width:100px;
	float:left;
	padding:7px;
}

.order-history-details .titles-line .linetotal{
	width:100px;
	float:left;
	padding:7px;
}


.order-history-details .titles-line .qty{
	width:80px;
	float:left;
	padding:7px;
}

.order-history-details .titles-line .reoreder{
	width:130px;
	float:left;
	padding:7px;
}

.order-history-details .products-line{
	width:100%;
	float:left;
	background-color:#fff;
}


order-history-details .products-line p{
	margin-bottom:5px;
}



.order-history-details .products-line a{
	color:#09C;
	font-size:14px;
	font-weight:bold;
}

.order-history-details .products-line a:hover{
	color:#333;
}

.order-history-details .products-line .ordered{
	width:80px;
	float:left;
	padding:7px;
}

.order-history-details .products-line .product{
	width:340px;
	float:left;
	padding:7px;
}

.order-history-details .products-line .price{
	width:100px;
	float:left;
	padding:7px;
}

.order-history-details .products-line .linetotal{
	width:100px;
	float:left;
	padding:7px;
}


.order-history-details .products-line .qty{
	width:80px;
	float:left;
	padding:7px;
}

.order-history-details .products-line .qty .input{
	border:1px solid #eaeaea;
	border-bottom:3px solid #eaeaea;
	outline:none;
	cursor:pointer;
	padding:10px;
	width:60px;
	text-align:center;
	color:#666;
	border-radius:4px;
}


.order-history-details .products-line .reoreder{
	width:100px;
	float:left;
	padding:7px;
}

.order-history-details .products-line .reoreder .update{
	text-transform:uppercase;
	background: #4dcf59;
	color:#fff;
	cursor:pointer;
	outline:none;
	border-bottom: 4px solid #2cac38;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	text-transform: uppercase;
	text-align: center;
	padding:10px;
	border-radius:4px;
}




.order-history-details .products-line .reoreder .update:hover{
	opacity:0.8;
}

/* eof order history details */


/*
'  ███████ ██    ██ ██████  ███████ ██████  ███████ ██ ███████ ██   ██     ██████  ██████   ██████  ██████  ██    ██  ██████ ████████     ███    ███ ███████ ███    ██ ██    ██ 
'  ██      ██    ██ ██   ██ ██      ██   ██ ██      ██ ██      ██   ██     ██   ██ ██   ██ ██    ██ ██   ██ ██    ██ ██         ██        ████  ████ ██      ████   ██ ██    ██ 
'  ███████ ██    ██ ██████  █████   ██████  █████   ██ ███████ ███████     ██████  ██████  ██    ██ ██   ██ ██    ██ ██         ██        ██ ████ ██ █████   ██ ██  ██ ██    ██ 
'       ██ ██    ██ ██      ██      ██   ██ ██      ██      ██ ██   ██     ██      ██   ██ ██    ██ ██   ██ ██    ██ ██         ██        ██  ██  ██ ██      ██  ██ ██ ██    ██ 
'  ███████  ██████  ██      ███████ ██   ██ ██      ██ ███████ ██   ██     ██      ██   ██  ██████  ██████   ██████   ██████    ██        ██      ██ ███████ ██   ████  ██████  
'                                                                                                                                                                               
'                                                                                                                                                                               
*/

/*** ESSENTIAL STYLES ***/


.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	font-family: 'Lato', sans-serif;
	width:1200px;
	margin:0px 0px 10px -6px;
}
.sf-menu ul {
	min-width: 16em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	padding:5px 7px 5px 7px;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu a {
	color: #fff;
}

.sf-menu a:hover{
	color:var(--lightsitecolor);
}

.sf-menu  li a{
	font-size:15px;
	/*text-transform:lowercase;*/
}


.sf-menu  li ul li a{
	font-size:12px;
	background-color: var(--color-darksitecolor-darkest);
}

.sf-menu  li ul li a:hover{
	font-size:12px;
	background-color: var(--color-darksitecolor-darker);
}

.sf-menu li {
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu ul li {
	background: var(--darksitecolor);
	border-bottom:1px solid var(--darksitecolor-light);
}
.sf-menu ul ul li {
	background: var(--darksitecolor);
	border-bottom:1px solid var(--darksitecolor-light);
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	color:green;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 1.9em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}

/*

'  ██████  ███████  ██████  ██ ███████ ████████ ███████ ██████      ████████  █████  ██████  ███████ 
'  ██   ██ ██      ██       ██ ██         ██    ██      ██   ██        ██    ██   ██ ██   ██ ██      
'  ██████  █████   ██   ███ ██ ███████    ██    █████   ██████         ██    ███████ ██████  ███████ 
'  ██   ██ ██      ██    ██ ██      ██    ██    ██      ██   ██        ██    ██   ██ ██   ██      ██ 
'  ██   ██ ███████  ██████  ██ ███████    ██    ███████ ██   ██        ██    ██   ██ ██████  ███████ 
'                                                                                                    
'                                                                                                    
*/


.submitlogin{
	float: right;
	padding:5px 10px 5px 10px;
	background-color: var(--lightsitecolor);
	color: #fff;
	font-size: 16px;
	border-bottom: 3px solid var(--lightsitecolor-dark);
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	text-transform: uppercase;
	text-align: center;
	font-weight:bold;
	border-radius:5px;
}

.submitlogin:hover{
	opacity:0.8;
}

/* eof tabs login / reset pass */

/*

'  ███████ ██   ██     ███████ ██      ██ ██████  ███████ ██████  
'  ██      ██  ██      ██      ██      ██ ██   ██ ██      ██   ██ 
'  ███████ █████       ███████ ██      ██ ██   ██ █████   ██████  
'       ██ ██  ██           ██ ██      ██ ██   ██ ██      ██   ██ 
'  ███████ ██   ██     ███████ ███████ ██ ██████  ███████ ██   ██ 
'                                                                 
'                                                                 
*/

.skdslider{
 width:1024px;
 position: relative;
 display: block;
 overflow:hidden;
 height:440px;
 margin:0 auto;
}

.skdslider:after {
    content: '';
    padding-top: 50%; 
    display: block;
}

.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;}
.skdslider ul.slides li
{
   display: none;
}
.skdslider ul.slides li img{
    width: 1024px;
	height:440px;
	/*height:600px;*/
	border:0;
	
}

.skdslider ul.slide-navs {
    bottom: 20px;
    left: 50%;
    position: absolute;
	list-style-type: none;
    margin: 0;
    padding: 0;
}


.skdslider ul.slide-navs li {
    float: left;
	/*background: url("../img/skd/slide-bg.png") no-repeat scroll 0 0 transparent;*/
	height:12px;
	width:12px;
	margin-right:4px;
	cursor:pointer;
	display:block;
	text-indent:-9999em;
	line-height:0;
}
.skdslider ul.slide-navs li.current-slide {
  /*background: url("../img/skd/slide-bg-active.png") no-repeat scroll 0 0 transparent;*/
  display:block;
	text-indent:-9999em;
	line-height:0;
}

.skdslider .slide-desc {
    background: url("../img/skd/slide_desc.png") repeat scroll 0 0 transparent;
    left: 0;
    padding: 0 15px 0 15px;
    position: absolute;
    bottom: 15%;
    max-width: 85%;
	display:inline-block;
}
.skdslider .slide-desc > h2 {
    color: #CFDB0C;
    font-family: 'Oswald';
    font-size: 25px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: uppercase;
}

.skdslider .slide-desc > p {
    color: #FFFFFF;
    font-family: 'Oswald';
    font-size: 16px;
    line-height: 20px;
    margin-top: 5px;
}
.skdslider .slide-desc > p a.more {
    color:#990000;
	font-size:20px;
	text-decoration:none;
}
.skdslider .slide-desc > p a.more:hover {
text-decoration:underline;
}

.skdslider a.prev{
    background: url("../img/skd/left.png") no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:2%;
	margin-top:-17px;
}

.skdslider a.next{
    background: url("../img/skd/right.png") no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	right:2%;
	margin-top:-17px;
}
.skdslider a.prev:hover{
  
}
.skdslider a.next:hover{
  
}

.skdslider a.play{
    background: url("../img/skd/play.png") no-repeat scroll center center transparent;
	width:35px;
	height:35px;
	display:none;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:48%;
	margin-top:-17px;
}

.skdslider a.pause{
    background: url("../img/skd/pause.png") no-repeat scroll center center transparent;
	width:35px;
	height:35px;
	display:none;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:48%;
	margin-top:-17px;
}
/*Some Responsive CSS */
@media screen and (max-width:767px) {
	.skdslider .slide-desc > h2 {
		font-size: 20px;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	
	.skdslider .slide-desc > p {
		font-size: 14px;
		line-height: 15px;
		margin-top: 5px;
	}
	.skdslider .slide-desc > p a.more {
		font-size:14px;
	}
}



/* mini cart 


'  ██████  ██    ██ ███    ██  █████  ███    ███ ██  ██████     ███████ ███    ███  █████  ██      ██           ██████  █████  ██████  ████████ 
'  ██   ██  ██  ██  ████   ██ ██   ██ ████  ████ ██ ██          ██      ████  ████ ██   ██ ██      ██          ██      ██   ██ ██   ██    ██    
'  ██   ██   ████   ██ ██  ██ ███████ ██ ████ ██ ██ ██          ███████ ██ ████ ██ ███████ ██      ██          ██      ███████ ██████     ██    
'  ██   ██    ██    ██  ██ ██ ██   ██ ██  ██  ██ ██ ██               ██ ██  ██  ██ ██   ██ ██      ██          ██      ██   ██ ██   ██    ██    
'  ██████     ██    ██   ████ ██   ██ ██      ██ ██  ██████     ███████ ██      ██ ██   ██ ███████ ███████      ██████ ██   ██ ██   ██    ██    
'                                                                                                                                               
'                                                                                                                                               

*/


.lighter-text {
  color: #ABB0BE;
}

.main-color-text {
  color: var(--lightsitecolor-light);
}

.cartcontainer {
	margin: auto;
	width: 80%;
	position:relative;
}

.badge-cart {
	background-color: var(--lightsitecolor-light);
	border-radius: 10px;
	color: white;
	display: inline-block;
	font-size: 12px;
	line-height: 1;
	padding: 3px 7px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

.shopping-cart {
	margin: 20px 0;
	float: right;
	background: white;
	width: 320px;
	position: relative;
	border-radius: 3px;
	padding: 20px;
	position:absolute;
	z-index:999;
	margin-left: -200px;
  
}
.shopping-cart .shopping-cart-header {
  border-bottom: 1px solid #E8E8E8;
  padding-bottom: 15px;
}
.shopping-cart .shopping-cart-header .shopping-cart-total {
  float: right;
}
.shopping-cart .shopping-cart-items {
  padding-top: 20px;
}
.shopping-cart .shopping-cart-items li {
  margin-bottom: 18px;
}
.shopping-cart .shopping-cart-items .item-image {
  float: left;
  margin-right: 12px;
  max-width: 65px;
  max-height: 60px;
}
.shopping-cart .shopping-cart-items .item-name {
  display: block;
  padding-top: 10px;
  font-size: 14px;
  color:var(--darksitecolor);
}
.shopping-cart .shopping-cart-items .item-price {
  color: #038b26;
  font-size: 12px;
  margin-right: 8px;
}
.shopping-cart .shopping-cart-items .item-quantity {
  color: #0156a5;
  font-size: 12px;
}
.shopping-cart .shopping-cart-items .item-update-quantity {
  text-align: center;
  vertical-align: middle;
  margin-left:5px;
}
.shopping-cart .shopping-cart-items .item-delete-item {
  text-align: center;
  vertical-align: middle;
  margin-left:15px;
}
.shopping-cart .shopping-cart-items .item-name-internalsurcharge {
  display: block;
  font-size: 14px;
  color:#0a58ca;
  float:left;
  margin-right:10px;
  margin-top:-2px;
}
.shopping-cart .shopping-cart-items .item-price-internalsurcharge {
  color: #038b26;
  font-size: 12px;
}
.shopping-cart:after {
  bottom: 100%;
  left: 89%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: white;
  border-width: 8px;
  margin-left: -8px;
}

.cart-icon {
  color: var(--darksitecolor);
  font-size: 24px;
  margin-right: 7px;
  float: left;
}

.button {
  background: var(--lightsitecolor);
  color: white;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  display: block;
  border-radius: 3px;
  font-size: 16px;
  margin: 25px 0 15px 0;
}
.button:hover {
  background: var(--lightsitecolor-dark);
  color: var(--lightsitecolor-lightest);
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/*
'  ██   ██  ██████  ██    ██ ███████ ██████       ██████  ██    ██ ███████ ██████  ██       █████  ██    ██     ███████ ███████ ███████ ███████  ██████ ████████ ███████ 
'  ██   ██ ██    ██ ██    ██ ██      ██   ██     ██    ██ ██    ██ ██      ██   ██ ██      ██   ██  ██  ██      ██      ██      ██      ██      ██         ██    ██      
'  ███████ ██    ██ ██    ██ █████   ██████      ██    ██ ██    ██ █████   ██████  ██      ███████   ████       █████   █████   █████   █████   ██         ██    ███████ 
'  ██   ██ ██    ██  ██  ██  ██      ██   ██     ██    ██  ██  ██  ██      ██   ██ ██      ██   ██    ██        ██      ██      ██      ██      ██         ██         ██ 
'  ██   ██  ██████    ████   ███████ ██   ██      ██████    ████   ███████ ██   ██ ███████ ██   ██    ██        ███████ ██      ██      ███████  ██████    ██    ███████ 
'                                                                                                                                                                        
'  
'https://codepen.io/alicevega/pen/vEWXGL                                                                                                                                                                      
*/

/*ZoomIn Hover Effect*/
    .hover-zoomin a {
      display: block;
      position: relative;
      overflow: hidden;
    }
    .hover-zoomin img {
      width: 100%;
      height: auto;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
    .hover-zoomin:hover img {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
    }

    /*Fade Hover Effect*/
    .hover-fade a {
      display: block;
      position: relative;
      overflow: hidden;
      background-color: #333;
    }
    .hover-fade img {
      width: 100%;
      height: auto;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
    .hover-fade:hover img {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
      filter: alpha(opacity=0.5);
      opacity: 0.5;
    }

    /*ZoomIn Hover-Mask Effect*/
     .hover-mask-smaller{
      min-height: 200px !important;
    }
    .hover-mask-smallest{
      min-height: 150px !important;
    }
    .hover-mask{
      min-height: 200px;
    }
    
    
    .hover-mask a {
      display: block;
      position: relative;
      overflow: hidden;
    }
    .hover-mask img {
      width: 100%;
      /*height: auto;*/
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
	  max-height: 200px;
      max-width: 200px;      
    }
    .hover-mask img.smallest {
	    width: 100%;
	    /* height: auto; */
	    -webkit-transition: all 0.5s ease-in-out;
	    -moz-transition: all 0.5s ease-in-out;
	    -o-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	    transition: all 0.5s ease-in-out;
	    max-height: 150px;
	    max-width: 150px;
	}
    .hover-mask:hover img {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
    }
    .hover-mask a h2 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      margin-top: 0px;
      margin-bottom: 0px;
      height: 100%;
      width: 100%;
      padding: 45% 20px;
      text-align: center;
      background-color: rgba(0,0,0,0.4);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      color:white;
    }
    .hover-mask:hover a h2 {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
    }
    .hover-mask .glyphicon {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      color: #fff;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
    }
    .hover-mask:hover .glyphicon {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
      filter: alpha(opacity=1);
      opacity: 1;
    }

    /* Hover Blur Effect */
    .text-white {
      color: #fff;
    }
    .hover-blur a {
      display: block;
      position: relative;
      overflow: hidden;
    }
    .hover-blur img {
      width: 100%;
      height: auto;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
    .hover-blur:hover img {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
      -webkit-filter: grayscale(0.6) blur(1px);
      filter: grayscale(0.6) blur(1px);
    }
    .hover-blur a h2 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      margin-top: 0px;
      margin-bottom: 0px;
      height: 100%;
      width: 100%;
      padding: 45% 20px;
      text-align: center;
      background-color: rgba(0,0,0,0.5);
      /*background dotted*/
      -webkit-background-size: 3px 3px;
	-moz-background-size: 3px 3px;
	background-size: 3px 3px;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	background-image: repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
}
    .hover-blur:hover a h2 {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
    }
    .hover-blur .text-white {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
    }
    .hover-blur:hover .text-white {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
      filter: alpha(opacity=1);
      opacity: 1;
    }

    /* Hover Zoomout */
    .hover-zoomout a {
      display: block;
      position: relative;
      overflow: hidden;
    }
    .hover-zoomout img {
      width: 100%;
      height: auto;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
    }
    .hover-zoomout:hover img {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

/*Hover Blurout Effect*/
    .hover-blurout a {
      display: block;
      position: relative;
      overflow: hidden;
    }
    .hover-blurout img {
      width: 100%;
      height: auto;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
    }
    .hover-blurout:hover img {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      /*Blur Filtr*/
      -webkit-filter: grayscale(0.6) blur(1px);
      -moz-filter: grayscale(0.6) blur(1px);
      -o-filter: grayscale(0.6) blur(1px);
      filter: progid:DXImageTransform.Microsoft.blur(pixelradius=2);
}
    .hover-blurout a h2 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      margin-top: 0px;
      margin-bottom: 0px;
      height: 100%;
      width: 100%;
      padding: 45% 20px;
      text-align: center;
      background-color: rgba(0,0,0,0.4);
      /*background dotted*/
      -webkit-background-size: 3px 3px;
	-moz-background-size: 3px 3px;
	background-size: 3px 3px;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	background-image: repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
}
    .hover-blurout:hover a h2 {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
    }
    .hover-blurout .glyphicon {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      color: #fff;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
    }
    .hover-blurout:hover .glyphicon {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
      filter: alpha(opacity=1);
      opacity: 1;
    }
/* ---------Hover Overlay text Effect--------- */

    .overlay-item {
       display: block;
       position: relative;
       overflow: hidden;
       text-align: center;

    }
    .overlay-item .mask {
       display: block;
       position: absolute;
       overflow: hidden;
       top: 0;
       left: 0;
       height: 100%;
    }
    .overlay-item img {
       display: block;
       width: 100%;
       height: auto;
       x-margin-right: auto;
       x-margin-left: auto;
    }
    .overlay-item h3 {
       text-transform: uppercase;
       text-align: center;
       position: relative;
       padding: 10px;
       margin: 0px 0px 20px 0px;
       display: block;
       background-color: #333;
       color: #fff;
    }
    .overlay-item p {
       text-align: left;
    }
    .overlay-item a.btn {
      margin: 10px 0;
    }

    .overlay-effect img {
       -webkit-transform: scaleY(1);
       -moz-transform: scaleY(1);
       -o-transform: scaleY(1);
       -ms-transform: scaleY(1);
       transform: scaleY(1);
       -webkit-transition: all 0.7s ease-in-out;
       -moz-transition: all 0.7s ease-in-out;
       -o-transition: all 0.7s ease-in-out;
       -ms-transition: all 0.7s ease-in-out;
       transition: all 0.7s ease-in-out;
    }
    .overlay-effect .mask {
       background-color: rgba(255, 255, 255, 0.3);
       -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
       -o-transition: all 0.5s linear;
       -ms-transition: all 0.5s linear;
       transition: all 0.5s linear;
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
       filter: alpha(opacity=0);
       opacity: 0;
    }
    .overlay-effect h3 {
       -webkit-transform: scale(0);
       -moz-transform: scale(0);
       -o-transform: scale(0);
       -ms-transform: scale(0);
       transform: scale(0);
       -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
       -o-transition: all 0.5s linear;
       -ms-transition: all 0.5s linear;
       transition: all 0.5s linear;
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
       filter: alpha(opacity=0);
       opacity: 0;
    }
    .overlay-effect p {
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
       filter: alpha(opacity=0);
       opacity: 0;
       -webkit-transform: scale(0);
       -moz-transform: scale(0);
       -o-transform: scale(0);
       -ms-transform: scale(0);
       transform: scale(0);
       -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
       -o-transition: all 0.5s linear;
       -ms-transition: all 0.5s linear;
       transition: all 0.5s linear;
    }
    .overlay-effect a.btn {
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
       filter: alpha(opacity=0);
       opacity: 0;
       -webkit-transform: scale(0);
       -moz-transform: scale(0);
       -o-transform: scale(0);
       -ms-transform: scale(0);
       transform: scale(0);
       -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
       -o-transition: all 0.5s linear;
       -ms-transition: all 0.5s linear;
       transition: all 0.5s linear;
    }
    .overlay-effect:hover img {
       -webkit-transform: scale(10);
       -moz-transform: scale(10);
       -o-transform: scale(10);
       -ms-transform: scale(10);
       transform: scale(10);
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
       filter: alpha(opacity=0);
       opacity: 0;
    }
    .overlay-effect:hover .mask {
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
       filter: alpha(opacity=100);
       opacity: 1;
    }
    .overlay-effect:hover h3,.overlay-effect:hover p,.overlay-effect:hover a.btn {
       -webkit-transform: scale(1);
       -moz-transform: scale(1);
       -o-transform: scale(1);
       -ms-transform: scale(1);
       transform: scale(1);
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
       filter: alpha(opacity=100);
       opacity: 1;
    }
/*Hover Fall Effect*/
    .fall-item {
       width: 100%;
       height: auto;
       overflow: hidden;
       position: relative;
       text-align: center;
    }
    .fall-item .mask,.fall-item .content {
       width: 100%;
       height: 100%;
       position: absolute;
       overflow: hidden;
       top: 0;
       left: 0;
    }
    .fall-item img {
       display: block;
       position: relative;
       width: 100%;
       height: auto;
    }
    .fall-item h2 {
       text-transform: uppercase;
       color: #fff;
       text-align: center;
       position: relative;
       padding: 10px;
       background: rgba(0, 0, 0, 0.8);
       margin: 0 0 0 0;
    }
    .fall-item p {
       font-style: italic;
       position: relative;
       color: #fff;
       padding: 10px 20px 20px;
       text-align: center;
    }
    .fall-effect .mask {
       background-color: rgba(255, 255, 255, 0.7);
       top: -200px;
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
       filter: alpha(opacity=0);
       opacity: 0;
       -webkit-transition: all 0.3s ease-out 0.5s;
       -moz-transition: all 0.3s ease-out 0.5s;
       -o-transition: all 0.3s ease-out 0.5s;
       -ms-transition: all 0.3s ease-out 0.5s;
       transition: all 0.3s ease-out 0.5s;
    }
    .fall-effect h2 {
       -webkit-transform: translateY(-200px);
       -moz-transform: translateY(-200px);
       -o-transform: translateY(-200px);
       -ms-transform: translateY(-200px);
       transform: translateY(-200px);
       -webkit-transition: all 0.2s ease-in-out 0.1s;
       -moz-transition: all 0.2s ease-in-out 0.1s;
       -o-transition: all 0.2s ease-in-out 0.1s;
       -ms-transition: all 0.2s ease-in-out 0.1s;
       transition: all 0.2s ease-in-out 0.1s;
    }
    .fall-effect p {
       color: #333;
       -webkit-transform: translateY(-200px);
       -moz-transform: translateY(-200px);
       -o-transform: translateY(-200px);
       -ms-transform: translateY(-200px);
       transform: translateY(-200px);
       -webkit-transition: all 0.2s ease-in-out 0.2s;
       -moz-transition: all 0.2s ease-in-out 0.2s;
       -o-transition: all 0.2s ease-in-out 0.2s;
       -ms-transition: all 0.2s ease-in-out 0.2s;
       transition: all 0.2s ease-in-out 0.2s;
    }
    .fall-effect a.btn {
       -webkit-transform: translateY(-200px);
       -moz-transform: translateY(-200px);
       -o-transform: translateY(-200px);
       -ms-transform: translateY(-200px);
       transform: translateY(-200px);
       -webkit-transition: all 0.2s ease-in-out 0.3s;
       -moz-transition: all 0.2s ease-in-out 0.3s;
       -o-transition: all 0.2s ease-in-out 0.3s;
       -ms-transition: all 0.2s ease-in-out 0.3s;
       transition: all 0.2s ease-in-out 0.3s;
    }
    .fall-effect:hover .mask {
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
       filter: alpha(opacity=100);
       opacity: 1;
       top: 0px;
       -webkit-transition-delay: 0s;
       -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
       -ms-transition-delay: 0s;
       transition-delay: 0s;

    }
    .fall-effect:hover h2 {
       -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
       -o-transform: translateY(0px);
       -ms-transform: translateY(0px);
       transform: translateY(0px);
       -webkit-transition-delay: 0.4s;
       -moz-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
       -ms-transition-delay: 0.4s;
       transition-delay: 0.4s;
    }
    .fall-effect:hover p {
       -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
       -o-transform: translateY(0px);
       -ms-transform: translateY(0px);
       transform: translateY(0px);
       -webkit-transition-delay: 0.2s;
       -moz-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
       -ms-transition-delay: 0.2s;
       transition-delay: 0.2s;
    }
    .fall-effect:hover a.btn {
       -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
       -o-transform: translateY(0px);
       -ms-transform: translateY(0px);
       transform: translateY(0px);
       -webkit-transition-delay: 0s;
       -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
       -ms-transition-delay: 0s;
       transition-delay: 0s;
    }


.card-img-top {max-width:250px;max-height:250px;}

.card-img-top {
    width:auto !important;
    height:auto !important;
}

.card{
  height: 100%; 
}

.card-body-smaller {
    padding: 0.4em !important;
} 
.row-smaller {
    /*margin-right: 0em !important;*/
    margin-left: 0em !important;
} 

.col-sm-3-smaller {
	width:25% !important;
    padding-right: 0.2em !important;
    padding-left: 0.2em !important;	
}

.card-body-smallest {
    padding: 0.4em !important;
} 
.row-smallest {
    /*margin-right: 0em !important;*/
    margin-left: 0em !important;
} 

.col-sm-2-smallest{
	width:20% !important;
    padding-right: 0.2em !important;
    padding-left: 0.2em !important;	
}

.short-description{
    width: 100%;
    padding: 10px;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    background-color: #dee7f8;
    min-height: 75px;
    text-align: center;
    display: block;
    color:#3D4849;
}

.short-description:hover{
    color:#000;
}

.short-description-smaller {
    width: 100%;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    background-color: #dee7f8;
    min-height: 50px;
    text-align: center;
    display: block;
    color: #3D4849;
    font-size:0.9em;
    line-height: 1.2em;
    padding-top: 10px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;  
}
.short-description-smaller:hover{
    color:#000;
}
.short-description-smaller p {
    margin-bottom: 2px;  
}

.short-description-smallest {
    width: 100%;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    background-color: #dee7f8;
    min-height: 50px;
    text-align: center;
    display: block;
    color: #3D4849;
    font-size:0.9em;
    line-height: 1.1em;
	padding-top: 8px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;  
}
.short-description-smallest:hover{
    color:#000;
}
.short-description-smallest p {
    margin-bottom: 2px;  
}


.select-unit-measure{
	padding: 5px 10px 5px 10px;
    width: 100%;
    border-bottom: 3px solid var(--darksitecolor-light);
    text-align: center;
    color: var(--darksitecolor-light);
    border-top: 1px solid var(--darksitecolor-light);
    border-left: 1px solid var(--darksitecolor-light);
    border-right: 1px solid var(--darksitecolor-light);
 }
 
.select-unit-measure-smaller{
	padding: 5px 5px 5px 5px;
    width: 100%;
    border-bottom: 3px solid var(--darksitecolor-light);
    text-align: center;
    color: var(--darksitecolor-light);
    border-top: 1px solid var(--darksitecolor-light);
    border-left: 1px solid var(--darksitecolor-light);
    border-right: 1px solid var(--darksitecolor-light);
    font-size:0.9em;
 }
 .select-unit-measure-smallest{
	padding: 5px 5px 5px 5px;
    width: 100%;
    border-bottom: 3px solid var(--darksitecolor-light);
    text-align: center;
    color: var(--darksitecolor-light);
    border-top: 1px solid var(--darksitecolor-light);
    border-left: 1px solid var(--darksitecolor-light);
    border-right: 1px solid var(--darksitecolor-light);
    font-size:0.7em;
 }

.qtybox{
	float:left;
	padding:5px 10px 5px 10px;
	width:60px;
	border-bottom:3px solid var(--lightsitecolor);
	text-align:center;
	color:var(--lightsitecolor);
	border-top:1px solid var(--lightsitecolor);
	border-left:1px solid var(--lightsitecolor);
	border-right:1px solid var(--lightsitecolor);
}

.qtybox-smaller{
	float:left;
	padding:5px 5px 5px 5px;
	width:30%;
	border-bottom:3px solid var(--lightsitecolor);
	text-align:center;
	color:var(--lightsitecolor);
	border-top:1px solid var(--lightsitecolor);
	border-left:1px solid var(--lightsitecolor);
	border-right:1px solid var(--lightsitecolor);
	font-size:0.9em;
}

.qtybox-smallest{
	float:left;
	padding:5px 5px 5px 5px;
	width:50%;
	border-bottom:3px solid var(--lightsitecolor);
	text-align:center;
	color:var(--lightsitecolor);
	border-top:1px solid var(--lightsitecolor);
	border-left:1px solid var(--lightsitecolor);
	border-right:1px solid var(--lightsitecolor);
	font-size:0.9em;
}


.select-unit-measure-detail-companion-products{
	padding: 5px 5px 5px 5px !important;
    width: 100%;
    border-bottom: 3px solid var(--darksitecolor-light);
    text-align: center;
    color: var(--darksitecolor-light);
    border-top: 1px solid var(--darksitecolor-light);
    border-left: 1px solid var(--darksitecolor-light);
    border-right: 1px solid var(--darksitecolor-light);
    font-size: 12px !important;
 }
 
.qtybox-detail-companion-products{
	float:left;
	padding:5px 5px 5px 5px !important;
	width:60px;
	border-bottom:3px solid var(--lightsitecolor);
	text-align:center;
	color:var(--lightsitecolor);
	border-top:1px solid var(--lightsitecolor);
	border-left:1px solid var(--lightsitecolor);
	border-right:1px solid var(--lightsitecolor);
	font-size: 12px !important;
	margin-top:5px;
}

.addtocart-detail-companion-products-button{
	float:right;
	/*height:33px;*/
	padding:5px 5px 5px 5px;
	background-color:var(--lightsitecolor);
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:3px solid var(--lightsitecolor-dark);
	text-transform:uppercase;
	box-sizing: content-box;
	cursor:pointer;
	font-size: 12px !important;
	margin-top:5px
}

.addtocart-detail-companion-products-button-in-cart:hover{
	background-color:var(--darksitecolor);
}

.addtocart-detail-companion-products-button-in-cart{
	float:right;
	/*height:33px;*/
	padding:5px 5px 5px 5px;
	background-color:#28a745;
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:3px solid var(--lightsitecolor-dark);
	text-transform:uppercase;
	box-sizing: content-box;
	cursor:pointer;
	font-size: 12px !important;
	margin-top:5px
}

.addtocart-detail-companion-products-button:hover{
	background-color:var(--darksitecolor);
}




.addtocart-restricted-button{
	float:right;
	height:33px;
	padding:7px 10px 7px 10px;
	background-color:var(--lightsitecolor);
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:3px solid var(--lightsitecolor-dark);
	text-transform:uppercase;
}

.addtocart-restricted-button:hover{
	background-color:var(--darksitecolor);
}

.addtocart-button{
	float:right;
	/*height:33px;*/
	padding:7px 10px 7px 10px;
	background-color:var(--lightsitecolor);
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:3px solid var(--lightsitecolor-dark);
	text-transform:uppercase;
	box-sizing: content-box;
	cursor:pointer;
}

.addtocart-button:hover{
	background-color:var(--darksitecolor);
}

.addtocart-button-smaller{
	float: right;
    /* height: 33px; */
    width:70%;
    padding: 10px 0px 5px 0px;
    background-color: var(--lightsitecolor);
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 3px solid var(--lightsitecolor-dark);
    text-transform: uppercase;
    box-sizing: content-box;
    cursor: pointer;
    line-height: 1em;
    font-size: 0.8em;
}

.addtocart-button-smaller:hover{
	background-color:var(--darksitecolor);
}

.addtocart-button-smallest{
	float: right;
    /* height: 33px; */
    padding: 8px 0px 3px 0px;
    background-color: var(--lightsitecolor);
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 3px solid var(--lightsitecolor-dark);
    text-transform: uppercase;
    box-sizing: content-box;
    cursor: pointer;
    line-height: 1em;
    font-size: 0.8em;
    width:50%;
}

.addtocart-button-smallest:hover{
	background-color:var(--darksitecolor);
}

.addtocart-restricted-button-smaller{
	float: right;
    /* height: 33px; */
    width:70%;
    padding: 7px 0px 0px 0px;
    background-color: var(--lightsitecolor);
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 3px solid var(--lightsitecolor-dark);
    text-transform: uppercase;
    box-sizing: content-box;
    cursor: pointer;
    line-height: 1em;
    font-size: 0.8em;
}

.addtocart-restricted-button-smaller:hover{
	background-color:var(--darksitecolor);
}

.addtocart-restricted-button-smallest{
	float: right;
    /* height: 33px; */
    padding: 8px 0px 3px 0px;
    background-color: var(--lightsitecolor);
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 3px solid var(--lightsitecolor-dark);
    text-transform: uppercase;
    box-sizing: content-box;
    cursor: pointer;
    line-height: 1em;
    font-size: 0.8em;
    width:50%;
}

.addtocart-restricted-button-smallest:hover{
	background-color:var(--darksitecolor);
}

.favoriteslink{
    width: 100%;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    text-align: center;
    color: #778899;
}
.favoriteslink:hover{
    color:#3D4849;
}

.favoriteslink-smallest {
    width: 100%;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    text-align: center;
    color: #778899;
    font-size:0.9em;
    line-height: 1.1em;
}
.favoriteslink-smallest:hover{
    color:#3D4849;
}


/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
  padding:6px 12px 6px 24px;
  margin-bottom:15px;
}
.btn-breadcrumb .btn:first-child {
  padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding:6px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-light:not(:last-child):after {
  border-left: 10px solid #f8f9fa;
}
.btn-breadcrumb .btn.btn-light:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-light:hover:not(:last-child):after {
  border-left: 10px solid #d3d4d5;
}
.btn-breadcrumb .btn.btn-light:hover:not(:last-child):before {
  border-left: 10px solid #d3d4d5;
}

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
  border-left: 10px solid #428bca;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
  border-left: 10px solid #357ebd;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
  border-left: 10px solid #3276b1;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
  border-left: 10px solid #285e8e;
}

/** Success button **/
.btn-breadcrumb .btn.btn-success:not(:last-child):after {
  border-left: 10px solid #5cb85c;
}
.btn-breadcrumb .btn.btn-success:not(:last-child):before {
  border-left: 10px solid #4cae4c;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
  border-left: 10px solid #47a447;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
  border-left: 10px solid #398439;
}

/** Danger button **/
.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
  border-left: 10px solid #d9534f;
}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
  border-left: 10px solid #d43f3a;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
  border-left: 10px solid #d2322d;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
  border-left: 10px solid #ac2925;
}

/** Warning button **/
.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
  border-left: 10px solid #f0ad4e;
}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
  border-left: 10px solid #eea236;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
  border-left: 10px solid #ed9c28;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
  border-left: 10px solid #d58512;
}

/** Info button **/
.btn-breadcrumb .btn.btn-info:not(:last-child):after {
  border-left: 10px solid #5bc0de;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {
  border-left: 10px solid #46b8da;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
  border-left: 10px solid #39b3d7;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
  border-left: 10px solid #269abc;
}


.product_img img{max-width: 300px;}
.product_img .img-thumbnail {max-width: 75px;}
.pre-cost{text-decoration: line-through; color: #a5a5a5;}
.space-ten{padding: 10px 0;}

.modal-content .qty{
	float:left;
	padding:5px 10px 5px 10px;
	width:70px;
	border-bottom:3px solid var(--lightsitecolor);
	text-align:center;
	color:var(--lightsitecolor);
	border-top:1px solid var(--lightsitecolor);
	border-left:1px solid var(--lightsitecolor);
	border-right:1px solid var(--lightsitecolor);
}

.modal-content .addtocart{
	float:right;
	height:33px;
	padding:7px 10px 7px 10px;
	background-color:var(--lightsitecolor);
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:3px solid var(--lightsitecolor-dark);
	text-transform:uppercase;
}

.modal-content .addtocart:hover{
	background-color:var(--darksitecolor);
}

.modal-content .select {
    float: left;
    padding: 5px 10px 5px 10px;
    width: 100%;
    border-bottom: 3px solid var(--lightsitecolor);
    text-align: center;
    color: var(--lightsitecolor);
    border-top: 1px solid var(--lightsitecolor);
    border-left: 1px solid var(--lightsitecolor);
    border-right: 1px solid var(--lightsitecolor);
}

.disabled-link{
    cursor: default;
    pointer-events: none;        
    text-decoration: none;
}