/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */

.radio input[type="radio"]{
    margin-top: 0px;
    padding-top: 0px;
    height: 21px !important;
}

.3dimage{
background-image:images/3dmenu.png;	
}

@media screen and (max-width: 479px){
li.subParentBtn.subSepBtn.subMenuParentBtn{
display:none !important;	
}}

a.uk-text-center.uk-button.primarycolor.uk-button-primary.jcepopup.noicon{
float:none !important;
line-height:15px !important;	
padding:6px !important;
clear:right;
}


@media screen and (max-width: 479px){

.tp-caption.boxed2_light_white, .boxed2_light_white{
font-size:1.8em !important;	
border-color: #FFF !important;
border-style: solid !important;
border-width: 1px !important;
padding: 20px !important;

}

.forcefullwidth_wrapper_tp_banner{
min-height:50px !important;	
}
}

#copycentered{
	text-align:center;	
	color:#606060;
	font-size:12px;
}

/* START - CHANGE COLORS TO MATCH THEME
----------------------------------------------------------- */
.primarybutton{
	background-color:#84CBC5 !important;
}

.txtprimary{
color:#84CBC5 !important	;
}





@media screen and (min-width: 320px) and (max-width: 459px){
label.acy_requiredField{
padding-right:0px !important;
padding-left: 0px !important;

}
.acymailing_module_form td{
clear: both !important;	}	

table.acymailing_form {
float:left !important;	
}


}
 #user_birthday_formAcymailing57861_year{
	width:50px !important;	 
 }
select#user_birthday_formAcymailing26511_month, select{
max-width:75px !important;	
}

.acymailing_module_form td{
	text-align:left !important;
	padding-right:3px;
	float:left;
	
}

label.acy_requiredField{
padding-left:9px;	

}

td.acyfield_email{
text-align:left !important;
}



.mobilehead{
	text-transform: capitalize;
	color:#ffffff;
	font-size: 36px;
}

#s5_center_area1{
	padding-top:30px !important;
	
	
}
@media screen and (max-width: 441px){
#s5_center_area1{
	padding-top:20px !important;
	
	
}
div.tp-fullwidth-forcer{
	
}

DIV#full_slider {
margin:0px !important;	
}
}

@media screen and (min-width: 441px){
div.uk-cover-background.mobilehome{
	display:none;
}}


@media screen and (min-width: 320px) and (max-width: 773px){
.acymailing_module_form td{
float:left !important;
text-align: left !important;
}}

.rokbox-wrapper{
z-index: 9999999999 !important;}


.textside3d{
font-size:13px !important;
}

span.lead.removelink.uk-text-contrast{
font-weight:	500;
margin-right:5px;
text-transform:uppercase;
}
button.uk-button.outline:hover{
  background-color: rgba(61,61,61,0.5)  !important;}

button.uk-button.outline{
font-weight: 100;
color: #FFF;
text-decoration: none;
 background-color: rgba(61,61,61,0.1)  !important;
padding: 5px 10px;
border-width: 1px;
border-color: rgba(61,61,61,0.2);
border-style: solid;
text-shadow: none !important;

}

#s5_top_row3_area1{
padding:12px !important;	
margin:0px !important;
}

table.acymailing_form{
float:right;	
margin-top:22px !important;
}

span.lead.removelink{
color:#2A2A2A;	
font-size:13px !important;
}

a:hover{
text-decoration:none !important;	
color:#545454;
}

.acymailing_mootoolsbutton p {
text-align:right !important;	
}

input.button.subbutton.btn.btn-primary{
	border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 4px;
text-transform:capitalize;
padding: 0px 12px;
line-height: 30px;
min-height: 30px;
margin-left:8px;
}

@media screen and (min-width: 768px) and (max-width: 880px){

.btn-toolbar{
margin:10px 0px 0px 0px!important;
padding:0px !important;
	
}

.input-medium{
	
	width:100px !important;}
	

}


li.text-hidden.mainMenuParentBtn a,
li.active.text-hidden.mainMenuParentBtn a{
display:none;	
}


div.customuk-margin-bottom-remove{
margin-bottom:-30px;	
padding-bottom:-20px;
}

@media screen and (max-width: 579px){

	div.customuk-margin-bottom-remove{
margin-top:30px;	

}

	
	
	
}
}






a.uk-text-contrast{
		text-decoration: none;
}

a.boxed2lightwhite2:hover{
	text-decoration: none;
	color:#ffffff !important;	

}

div.tp-caption.boxed2lightwhite2.lfb.tp-resizeme.start:hover{
			background-color: rgba(62,62,62,1.05) !important;
	 transition: all 300ms ease-in 0s;
	 webkit-transition: all 0s ease 0s;

}

div.tp-caption.boxed2lightwhite2.lfb.tp-resizeme.start{
	 transition: all 300ms ease-in 0s;
	 webkit-transition: all 0s ease 0s;
}

a.boxed2lightwhite2{
	color:#ffffff !important;
		

}


a.hightlight2_button{
	color:#ffffff !important;
}

 a.hightlight2_button:hover{
	text-decoration: none;
	color:#ffffff !important;	
}

.steptxt{
	font-size:18px;
	font-weight:100;
	margin-bottom:20px;
	color:#ffffff !important;
}

.bignumber{
font-size:7em;
font-weight:700;
color:#ffffff !important;
line-height:.8em;
}

.text22{

line-height:normal;	
}

.uk-button.uk-button-small.uk-button-danger.marginbottom, input.button.subbutton.btn.btn-primary{
	  transition: all 300ms ease-in 0s;

margin-top:-1px !important;
}



@media screen and (max-width: 970px){

ul.nav.menu{
margin-bottom:35px;	
}
}

button#findAddressButtonFind.zhgm-find-find-button{
display:none !important;	
}


div.route-data{
padding-bottom:22px;	
}

button.calc-route{
color: #ffffff !important;
	
}

div.map-control{
background-color: #FAFAFA !important; 	
}

	
	.uk-button:hover {
    background-color: #6C6C6C !important;
	color: #4B5052;
    outline: medium none;
    text-decoration: none !important;
}
	
	
	.uk-button-danger {
    background-color: #d16237 !important;
    color: #FFF !important;
}

.uk-button-success {
    background-color: #8EC73B !important;
    color: #FFF !important;
}

.uk-button-success:focus, .uk-button-success:hover {
    background-color: #8EC73B !important;
    color: #FFF !important;
	
}
a.uk-button.uk-button-primary{
 transition: all 300ms ease-in 0s;	
}

a.primarycolor.uk-button-primary.tm-button-align-bottom, a.uk-button.uk-button-primary{
		  transition: all 300ms ease-in 0s;}
		  
a.primarycolor.uk-button-primary.tm-button-align-bottom:hover{
	  text-decoration: none !important;
	  background-color: rgba(61,61,61,0.4)  !important;
	  transition: all 300ms ease-in 0s;
}

.uk-button:focus, .uk-button:hover {
    background-color: rgba(61,61,61,0.4)  !important;
    color: #fff !important;
	
    outline: 0px none;
    text-decoration: none !important;
    border-color: rgba(0, 0, 0, 0.16) !important;
}
	
	.uk-button.uk-button-small.uk-button-danger.marginbottom:hover {
		  text-decoration: none !important;
	  background-color: rgba(61,61,61,0.4)  !important;
	  transition: all 300ms ease-in 0s;
	}
	
	/*END - CHANGE COLORS TO MATCH THEME
----------------------------------------------------------- */
input.button.subbutton.btn.btn-primary:hover
 {
		  text-decoration: none !important;
	  background-color: rgba(61,61,61,0.4)  !important;
	  transition: all 300ms ease-in 0s;
	}
	

	/*START - CUSTOM CSS NEWSLETTER MODULE WORK
----------------------------------------------------------- */


	/*END - CUSTOM CSS NEWSLETTER MODULE WORK
----------------------------------------------------------- */

	/*START - CUSTOM CSS SHORTCODES BY CHIROBUILT
----------------------------------------------------------- */
.textuppercase{
	text-transform: capitalize;}

.xtrabold{
font-weight: 700 !important;	
}

.margin2{
margin:2px;	
}
.marginleft2{
margin: 0px 0px 0px 2px;	
}
.marginbottom{
margin: -1px 0px 3px 0px ;
	
}
.margin5{
margin:5px;	
}
.moduletablemarginbotton12{
margin: 0px 0px 12px 0px !important;		
padding: 0px 0px 112px 0px !important;		
}

.padding-remove{

padding-left: 0px !important;
}
.number{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
font-weight: 200;
	
}


.margin-3{
	margin-top:3px;
}


.color-white{
color: #fff !important;	
}
.color-dark{
color:#1E1E1E !important;	
}
.panel-dark{
background-color: rgba(0, 0, 0, 0.3);}	

.text-15{
font-size: 18px !important;	
font-weight: 200;
}

.text-18{
line-height: 18px !important;	
}


	/*END - CUSTOM CSS SHORTCODES BY CHIROBUILT
----------------------------------------------------------- */

	


#s5_footer_area1 {
	border-top-color: #DBDBDB;
	border-bottom-color:#DBDBDB;
	border-style: solid none;
	border-top-width: 1px;
	border-bottom-width:1px;
	padding-top: 30px;
}

.bottomphone{
margin-bottom: -13px;	
}
span.s5_img_span{
cursor:pointer !important;	
}


	/*START - HOMEPAGE ICONS
----------------------------------------------------------- */
.hugemargin {
    margin-top: -75px !important;}

.hpiconsflex14 {
    margin-top: -75px !important;
    width: 130% !important;
    line-height: 52px !important;
    display: block;
    text-align: center;
    padding: 15px 0px;
    margin-left: -30px !important;
    transition: all 0.2s ease-in 0s;
    position: static;
    font-size: 38px !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: #FFF !important;
    background-color: #4BC7FA;
}

DIV#hpfontawesome.hpicons{

font-size: 52px ;	
text-align: right !important;
align: center !important;
}


.hptextflex14 a:hover{
	text-decoration: none !important;
	font-weight: normal;
}

.hptextflex14, .hptextflex14 a {
	color: #4c4c4c !important;
	text-transform: uppercase;
	font-size: 25px !important;
	color: #fff !important;
	text-decoration: none !important;	
}

.tm-mini-dividerflex14
{
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  width: 60px;
  height: 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #fff;
}

.hpbodyflex14{
	font-size: 16px;
}

.hpiconsflex14{
	margin-top: -75px !important;
	width: 130% !important;
	line-height: 52px !important;
	display: block;
	text-align: center;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin-left: -30px !important;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	transition-delay: 0s;
	position: static;
	font-size: 38px !important;
	background-repeat: no-repeat;
	background-position: top;
	color: #fff !important;
   }	



.hpiconsflex14-1{
	margin-top: -75px !important;
	width: 130% !important;
	line-height: 52px !important;
	display: block;
	text-align: center;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin-left: -30px !important;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	transition-delay: 0s;
	position: static;
	font-size: 38px !important;
	background-repeat: no-repeat;
	background-position: top;
	color: #FFFFFF !important;
   }	


.hpiconsflex14-2{
	margin-top: -75px !important;
	width: 130% !important;
	line-height: 52px !important;
	display: block;
	text-align: center;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin-left: -30px !important;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	transition-delay: 0s;
	position: static;
	font-size: 38px !important;
	background-repeat: no-repeat;
	background-position: top;
	color: #FFFFFF !important;
   }	


.hpiconsflex14-3{
margin-top: -75px !important;
	width: 130% !important;
	line-height: 52px !important;
	display: block;
	text-align: center;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin-left: -30px !important;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	transition-delay: 0s;
	position: static;
	font-size: 38px !important;
	background-repeat: no-repeat;
	background-position: top;
	color: #FFFFFF !important;
   }	
   
/* font awesome icon */
.fa-3{

	line-height:62px;
	font-size: 42px !important;
	background-repeat: no-repeat;
	background-position: top;
	color: #FFFFFF !important;

   }




.hpiconsflex14-3:hover, .hpiconsflex14-2:hover, .hpiconsflex14-1:hover, .hpiconsflex14:hover{
	
	transition: background-color 0.5s ease; ;
  background-color: #757575 !important;
	
	filter: alpha(opacity=100);  /* IE 5-7 */
	-moz-opacity: 0.5;          /* Netscape */
	-khtml-opacity: 0.5;        /* Safari 1.x */

	text-decoration: none;
	
	
	}

/* FLEX 14 ICONS - ---  END
----------------------------------------------------------- */
	/*END
	 - HOMEPAGE ICONS
----------------------------------------------------------- */

.topphone{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
font-weight:200;
font-size: 18px;
color: #535353;
}

.tpm-image-align .tpm-circle{
	 padding:3px;
   border:1px solid #FFFFFF;
   background-color:transparent;
}
	
.tpm-info-name {
color: #fff;	
}
	
.tpm-showcase p
{
	font-size: 14px !important;
font-style: normal !important;
font-weight: 100 !important;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  line-height: 150%;
}

#testimonial-slide328 .tpm-showcase-bottom, #testimonial-slide328 .tpm-showcase-top{
background-color: transparent !important;	
}



#s5_nav li.active, #s5_nav li.active a {
    text-shadow: none !important;
	font-weight: 500 !important;
}





.uk-panel-box.tm-panel-icon:not([class*="uk-panel-box-"]) > i
{
  margin-bottom: 10px;
  text-align: center;
  font-size: 30px !important;
  color: #4b5052;
}

.tm-panel-icon[class*="uk-panel-box-"] {
    padding-top: 70px;
}
.uk-panel-box-secondary.tm-panel-icon > i {
    color: #2D4951;
    background: none repeat scroll 0% 0% rgba(63, 103, 114, 0.9);
}
.tm-panel-icon[class*="uk-panel-box-"] > i {
    position: absolute;
    top: 0px;
    left: 50%;
    display: table;
    height: 40px;
    margin-left: -20px;
    text-align: center;
    width: 40px;
}
.tm-panel-subtitle {
    margin-top: -15px;
    color: #BABAB7;
text-transform: capitalize;}

.tm-button-align-bottom {
	margin-top:12px;
    position: relative;
    right: 0px;
    bottom: 0px;
    left: 0px;
	margin-left:0px;
	margin-right:0px;
    width: 100%;
    min-height: 50px;
    line-height: 50px;
}


.uk-button-primary  {

    color: #fff !important;
}

.uk-button {
  
   display: inline-block;
    box-sizing: border-box;
    padding: 0px 12px;
    vertical-align: middle;
    line-height: 30px;
    min-height: 30px;

    text-decoration: none;
    text-align: center;

}
.uk-badge-notification {
    box-sizing: border-box;
    min-width: 24px;
    border-radius: 500px;
    font-size: 12px;
    line-height: 24px;
}
p.uk-badge.label.label-default.uk-text-center{
font-size:.7em;	
}

.uk-badge {
    background: none repeat scroll 0% 0% #53555C;
    font-size: 10px;
    font-weight: normal;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    text-transform: none;
}
.uk-tab > li.uk-active > a {
    border-color: #DDD #DDD transparent;
    background: none repeat scroll 0% 0% #FAFAFA !important;
    color: #444;
}

.uk-tab > li > a:hover, .uk-tab > li > a:focus, .uk-tab > li.uk-open > a {

 

}
.uk-tab > li > a {

    border-image: none;
    color: #8B8E97;
    text-decoration: none;
}



#s5_component_wrap_inner h2 {
    margin-top: 0px;
    margin-bottom: 15px;

    line-height: 24px;
    font-weight: 400;
    text-transform: none;
    color: #444;

}
/* START - CUSTOM SPROCKET - --- 
----------------------------------------------------------- */
.sprocket-mosaic-filter li.active, .sprocket-mosaic-filter li:hover, .sprocket-mosaic-order li.active, .sprocket-mosaic-order li:hover {
    color: #fffff;
    background: none repeat scroll 0% 0% #EEEEEE;
    border: 1px solid #EEEEEE;
    transition: all 0.4s ease 0s;}
	
	
.sprocket-mosaic-filter li, .sprocket-mosaic-order li
{
    color: #9C9C9C !important;
  text-transform: capitalize !important;
}
  .sprocket-mosaic .sprocket-mosaic-header .sprocket-mosaic-filter{
font-size: .84em;
	
}

.sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-hovercontent:hover::after {
  font-family: "FontAwesome";
  font-size: 25px;
  position: relative;
  top: 50%;
  content: "\f055";
  vertical-align: middle;
  color: #fff;
}

.sprocket-mosaic-order{
	
display:none !important;	
}
#s5_component_wrap h2 a{
    color: #fff !important;	
}
/* Line 8 */
.sprocket-mosaic-item .sprocket-mosaic-title a {
    color: #fff !important;
	font-family:"raleway" !important;
	text-decoration:none !important;
}


h2.sprocket-mosaic-title
{
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

/* Line 19 */
.sprocket-mosaic-item .sprocket-mosaic-title
{
  color: #ffffff !important;
  background-color: #00A8E6;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}
/* Line 144 */
.sprocket-mosaic-hovercontent
{
  position: absolute;
  width: 80px !important;
  height: 50px;
  bottom: 0px;
  right: 0px;
  opacity: 0;
  text-align: center;
  font-size: 1em !important;
  line-height: 1em;
  font-weight: bold;
}

/* Line 177 */
.sprocket-mosaic-hovercontent
{
  width: 100% !important;
  height: 100% !important;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}

/* Line 146 */
.sprocket-mosaic-image-container:hover .sprocket-mosaic-hovercontent
{
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.4s;
  transition-timing-function: ease-in;
  transition-delay: 0s;
}

/* Line 185 */
.sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-hovercontent:hover
{
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-hovercontent:hover
{
  background-color: rgba(52, 152, 219, 0.7);
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  transform: scale(1.5);
  transition-property: all;
  transition-duration: 0.9s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
/* END - CUSTOM SPROCKET - --- 
----------------------------------------------------------- */
.uk-icon-button-2:hover{
text-decoration:none;	
}
.uk-icon-button-2
{
	
  box-sizing: border-box;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-top-left-radius: 5%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #7b7b7b;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  line-height: 30px;
  color: #fff;
  font-size: 16px;
  text-align: center;
 
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  text-shadow: #ffffff;
}


@media screen and (max-width: 768px){
.module_round_box-highlight{
	width:50% !important;
}}


.signs-bg{
		background-image: url(https://43026f.claudeassets.com/20220702205837im_/https://www.backworksinc.com/images/contentimages/gethelpoverview.jpg);
margin: 50px 0px 20px 0px;
padding:30px 0px 30px 0px;
}


#full_action{
margin: 0px 0px 0px 0px;
}



.transbox{
opacity: 0.4;	
}

.transbox2{
opacity: 1;	
}



@media screen and (min-width: 480px) and (max-width: 767px){
.product-filter{
margin:35px 0px 10px 0px !important;	

}

}

@media screen and (min-width: 480px) and (max-width: 579px){

.row-fluid .span3{
width: 50% !important;}

[class*="span"] {
    float: left !important;
	

}

div.image-cat {

  margin:0px -40px 0px -40px !important;
	padding:0px -22px 0px -22px !important;
}

div.cat-name {
    text-align: center !important;
    background-color: #FFF;
    height: 34px !important;
    vertical-align: middle;
	margin-top:10px !important;
    margin-bottom: 0px !important;
    margin-left: 32px !important;
    margin-right: 32px !important;
padding:0px !important;

}

}



@media screen and (min-width: 580px) and (max-width: 635px){

div.module_round_boxeshop input#prependedInput.inputbox.product_search{
width:65px ;	
font-size: 10px;
}
div.cat-name{
	
}
.row-fluid .span3{
width: 50% !important;}

[class*="span"] {
    float: left !important;
	

}

div.cat-name{
margin:0px 0px -15px 0px !important;

padding:0px !important;	
}

}


@media screen and (min-width: 636px) and (max-width: 967px){

div.module_round_boxeshop input#prependedInput.inputbox.product_search{
width:80px ;	
font-size: 10px;
}
div.cat-name{
	
}
.row-fluid .span3{
width: 23.4043% !important;}

[class*="span"] {
    float: left !important;

}
}




#s5_bottom_menu_wrap
{
  float: right !important;
  margin-top: 14px;
}


#s5_footer, #s5_bottom_menu_wrap{
text-align: right !important;	
}
span.footerc{
display:none !important;	
}

.product-filter
{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #eae5e4;
  padding-bottom: 5px;
  overflow-x: auto;
  overflow-y: auto;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  
  }




.tp-caption.boxed_light_white-white {
    line-height: 36px !important;
    font-weight: 100 !important;
    color: #FFF !important;
    text-decoration: none  !important;
    background-color: transparent !important;
    padding: 10px 28px 10px 28px !important;
    border-width: 1px !important;
    border-color: #FFF !important;
    border-style: solid !important;
	font-weight:300 !important;
	  text-rendering: optimizeLegibility;
}


div.box-product-buttons{
 display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
		width: 100%;


}

.box-product-buttons {
	position:inherit;	
}

.box-product-buttons .buttons-cart
{
	position:inherit;
	width: 36px !important;
	float: left;
	height: 38px ;
	background-color: #ffffff;
	background-image: url(https://fdadf6.claudeassets.com/20220702205837im_/https://www.backworksinc.com/images/cart/icon-cart.png) !important;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 10px 9px ;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
	border-right-width-value: 1px;
	border-right-style-value: solid;
	border-right-color-value: #eae5e4;
	padding-left: 2px !important;
}

.box-product-buttons .buttons-wish
{
	width: 36px !important;
	float: left;
	height: 38px; 
	background-color: #ffffff;
	background-image: url(https://8172fd.claudeassets.com/20220702205837im_/https://www.backworksinc.com/images/cart/icon-wish.png) !important;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 8px 10px ;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
	border-right-width-value: 1px;
	border-right-style-value: solid;
	border-right-color-value: #eae5e4;
}


.box-product-buttons .buttons-compare
{
	width: 36px !important;
	float: left;
	height: 38px;
	background-color: #ffffff;
	background-image: url(https://014bba.claudeassets.com/20220702205837im_/https://www.backworksinc.com/images/cart/icon-compare.png) !important;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 9px 10px;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
	border-right-width-value: 1px;
	border-right-style-value: solid;
	border-right-color-value: #eae5e4;
}

 .box-product-buttons .buttons-more
{
	width: 36px !important;
	float: left;
	height: 38px ;
	background-color: #ffffff;
	background-image: url(https://eddd38.claudeassets.com/20220702205837im_/https://www.backworksinc.com/images/cart/icon-info.png) !important;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 9px 10px;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
}



.row-fluid [class*="span"]
{

  margin-left: 0;
}

.box-product-item{
margin-right: 10px !important;
}

div.view-first div.image{
}
.view-first{
margin-top: -30px ;	
}
span.main-price
{
  display: block;
  margin-top: -15px ;
  font-size: 12px;
}

.name a {
	font-size: 14px ;
	  margin-top: 35px ;

}
div.image-cat{
	
	margin-left: 8px;
margin-right: 8px;
margin-top: 12px;
}
div.cat-name a{
	color: #535353;
	font-weight: 300;
	font-size: 1em;
	}
	
div.cat-name{
padding-top: 17px;
margin-top: -20px !important;
text-align: center !important;
background-color: #FFF;
height: 34px;
vertical-align: middle;
margin-bottom: 12px;
margin-left: 8px;
margin-right: 8px;
}

div.hpicons2{
float: left;	

  margin-top: -75px;
	
width: 25% !important;	padding: 0px !important;
}

.hpbody{
font-size: .9em !important;
}



@media screen and (max-width: 550px){
#s5_top_row2_area1{
padding:0px;	
margin-bottom:30px;
}

DIV#hpfontawesome.hpicons{


    transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    -moz-transform: sscale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);


}

div.hpicons2{

    transform: scale(0.8, 0.8);
    -webkit-transform:scale(0.8, 0.8);
    -moz-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
	
	
	padding: 0px !important;
}

DIV#hpfontawesome.hpicons2{
display: none !important;
}
}
@media screen and (max-width: 579px){
.fa-puzzle-piece a{
font-size: 52px !important;	
}

.fa-2
{
	font-size: 42px !important;
  padding-top: 25px;
  width: 155px;
  line-height: 52px;
  background-repeat: no-repeat;
  background-position: center top;
  
}

div.hpicons2{

    transform: scale(0.605, 0.608);
    -webkit-transform: scale(0.605, 0.608);
    -moz-transform: scale(0.605, 0.608);
    -o-transform: scale(0.605, 0.608);
    -ms-transform: scale(0.605, 0.608);
	
	padding: 0px !important;
}

DIV#hpfontawesome.hpicons2{
	margin-left: 0px !important;
	padding: 0px !important;	
}
}
@media screen and (min-width: 250px) and (max-width: 481px){

.tp-caption.boxed_light_white-white {
    font-size: 22px !important;
    line-height: 36px !important;
    font-weight: 100 !important;
    color: #FFF !important;
    text-decoration: none  !important;
    background-color: transparent !important;
    padding: 10px 28px 10px 28px !important;
    border-width: 1px !important;
    border-color: #FFF !important;
    border-style: solid !important;
}

.description{
margin-top: -22px !important;
text-align: center;
padding-left:0px !important;	
}
.grid .box-product-item, .related_products .box-product
{
  background-color: #fff;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}
.list .box-product-item .product-list-buttons .pbuttons, .grid .box-product-item .product-list-buttons .pbuttons
{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #ededed;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  overflow-x: hidden;
  overflow-y: hidden;
}


#products-list-container{
margin-top: -64px !important;	
}

hr {
display: none !important;	
}

.box-product-item .product-list-buttons .pbuttons .text, buttons-cart
{
  padding-left: 0px;
  float: left;
  color: #939393;
  font-family: "Raleway";
  font-weight: 300;
  text-transform: capitalize;
  font-size: 9px;
  padding-top: 9px;
  text-align: center;
  width: 50px !important;
  display: inline;
  position: relative !important;
}
div.text{
padding-left: 5px !important;	
}

.box-product-item .product-list-buttons .pbuttons.buttons-wish, .pbuttons.buttons-compare, .pbuttons.buttons-cart
{
	clear: none !important;
	margin-top: 0px !important;
width: 110px 

}
.product-list-buttons{
margin-left: 8px !important;
margin-bottom: 12px !important;
margin-top: 5px !important;
margin-right: 0px !important;

}



span.main-price
{
  display: block;
  margin-top: -17px !important;
  font-size: 14px !important;
  padding-bottom: 5px !important;
}

.name a {
	font-size: 18px !important;
	  margin-top: -5px !important;

}


.view-first {
    margin-top: 10px;
}
.box-product-item  {

    background: none;
    width: auto !important; 
    float:left;
	   margin-left: auto;
    margin-right: auto;
	padding-left: 20px !important; 
	padding-right: 20px!important;   }

	
	span.footerc{
	padding: 0px !important;	
	color: #8D8D8D !important;
	}
}

@media screen and (min-width: 250px) and (max-width: 328px){

div.product-list-buttons{
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	float: left !important;
	margin-left: 5% !important;}
	
	
.buttons-compare .img, .buttons-compare .img2 {
		width: 19px !important;
background-position: -94px 12px !important;

	}
	
	.buttons-wish .img, .buttons-wish .img2 {
		width: 19px !important;
background-position: -47px 12px !important;

	}
	
.box-product-item .product-list-buttons .buttons-cart .img, .box-product-item .product-list-buttons .buttons-cart .img2 
{
width: 19px !important;

background-position: 1px 10px !important;
}


.pbuttons.buttons-cart, div.pbuttons.buttons-wish, .pbuttons, .pbuttons.buttons-compare {
    clear: none !important;
    margin-top: 0px !important;
    width: 74px !important;
}
div.text{
margin-left: -3px !important;	

	}
}
@media screen and (min-width: 329px) and (max-width: 340px){

div.product-list-buttons{
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	float: left !important;
	margin-left: 2% !important;
	}
}

@media screen and (min-width: 341px) and (max-width: 349px){

div.product-list-buttons{
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	float: left !important;
	margin-left: 6% !important;
	}
}

@media screen and (min-width: 350px) and (max-width: 378px){

div.product-list-buttons{
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	float: left !important;
	margin-left: 8% !important;
	}
}

@media screen and (min-width: 379px) and (max-width: 399px){

div.product-list-buttons{
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	float: left !important;
	margin-left: 11% !important;
	}
}


@media screen and (min-width: 400px) and (max-width: 409px){

div.product-list-buttons{
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	float: left !important;
	margin-left: 13% !important;
	}
}

@media screen and (min-width: 410px) and (max-width: 420px){

div.product-list-buttons{
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	float: left !important;
	margin-left: 13% !important;
	}
}

@media screen and (min-width: 329px) and (max-width: 420px){


	
		.buttons-compare .img, .buttons-compare .img2 {
		width: 20px !important;
background-position: -93px 12px !important;

	}
	
	.buttons-wish .img, .buttons-wish .img2 {
		width: 20px !important;
background-position: -45px 12px !important;

	}
	
.box-product-item .product-list-buttons .buttons-cart .img, .box-product-item .product-list-buttons .buttons-cart .img2 
{
width: 20px !important;

background-position: 2px 10px !important;
}


.pbuttons.buttons-cart, div.pbuttons.buttons-wish, .pbuttons, .pbuttons.buttons-compare {
    clear: none !important;
    margin-top: 0px !important;
    width: 80px !important;
}
div.text{
margin-left: 0px !important;	
}
}





@media screen and (min-width: 421px) and (max-width: 424px){
.box-product-item .product-list-buttons .pbuttons.buttons-wish, .pbuttons.buttons-compare, .pbuttons.buttons-cart
{
	clear: none !important;
	margin-top: 0px !important;
width: 110px !important;

}
div.product-list-buttons{
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	float: left !important;
	margin-left: 1% !important;
	}

}


@media screen and (min-width: 425px) and (max-width: 429px){
.box-product-item .product-list-buttons .pbuttons.buttons-wish, .pbuttons.buttons-compare, .pbuttons.buttons-cart
{
	clear: none !important;
	margin-top: 0px !important;
width: 110px !important;

}
div.product-list-buttons{
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	float: left !important;
	margin-left: 2% !important;
	}
}


@media screen and (min-width: 430px) and (max-width: 434px){
.box-product-item .product-list-buttons .pbuttons.buttons-wish, .pbuttons.buttons-compare, .pbuttons.buttons-cart
{
	clear: none !important;
	margin-top: 0px !important;
width: 110px !important;

}
div.product-list-buttons{
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	float: left !important;
	margin-left: 3% !important;
	}
}


@media screen and (min-width: 435px) and (max-width: 440px){
.box-product-item .product-list-buttons .pbuttons.buttons-wish, .pbuttons.buttons-compare, .pbuttons.buttons-cart
{
	clear: none !important;
	margin-top: 0px !important;
width: 110px !important;

}
div.product-list-buttons{
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	float: left !important;
	margin-left: 4% !important;
	}
}


@media screen and (min-width: 441px) and (max-width: 448px){
.box-product-item .product-list-buttons .pbuttons.buttons-wish, .pbuttons.buttons-compare, .pbuttons.buttons-cart
{
	clear: none !important;
	margin-top: 0px !important;
width: 110px !important;

}
div.product-list-buttons{
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	float: left !important;
	margin-left: 5% !important;
	}
}

@media screen and (min-width: 449px) and (max-width: 458px){
.box-product-item .product-list-buttons .pbuttons.buttons-wish, .pbuttons.buttons-compare, .pbuttons.buttons-cart
{
	clear: none !important;
	margin-top: 0px !important;
width: 110px !important;

}
div.product-list-buttons{
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	float: left !important;
	margin-left: 6% !important;
	}
}

@media screen and (min-width: 459px) and (max-width: 469px){
.box-product-item .product-list-buttons .pbuttons.buttons-wish, .pbuttons.buttons-compare, .pbuttons.buttons-cart
{
	clear: none !important;
	margin-top: 0px !important;
width: 110px !important;

}
div.product-list-buttons{
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	float: left !important;
	margin-left: 7% !important;
	}
}

@media screen and (min-width: 470px) and (max-width: 480px){
.box-product-item .product-list-buttons .pbuttons.buttons-wish, .pbuttons.buttons-compare, .pbuttons.buttons-cart
{
	clear: none !important;
	margin-top: 0px !important;
width: 110px !important;

}

div.product-list-buttons{
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	float: left !important;
	margin-left: 8% !important;
	}
}
@media screen and (min-width: 481px) and (max-width: 502px){
.box-product-item .product-list-buttons .pbuttons.buttons-wish, .pbuttons.buttons-compare, .pbuttons.buttons-cart
{
	clear: none !important;
	margin-top: 0px !important;
width: 110px !important;

}
div.product-list-buttons{
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	float: left !important;
	margin-left: 5% !important;
	}
}
@media screen and (min-width: 503px) and (max-width: 521px){

div.product-list-buttons{
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	float: left !important;
	margin-left: 8% !important;
	}
}

@media screen and (min-width: 522px) and (max-width: 550px){

div.product-list-buttons{
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	float: left !important;
	margin-left: 10% !important;
	}
}
@media screen and (min-width: 551px) and (max-width: 574px){

div.product-list-buttons{
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	float: left !important;
	margin-left: 13% !important;
	}
}
@media screen and (min-width: 575px) and (max-width: 599px){

div.product-list-buttons{
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	float: left !important;
	margin-left: 14% !important;
	}
}


@media screen and (min-width: 600px) and (max-width: 649px){

div.product-list-buttons{
	margin-bottom: 0px !important;
	margin-top: 5px !important;
	float: left !important;
	margin-left: 15% !important;
	}
}

@media screen and (min-width: 650px) and (max-width: 700px){

div.product-list-buttons{
	margin-bottom: 0px !important;
	margin-top: 5px !important;
	float: left !important;
	margin-left: 18% !important;
	}
}
@media screen and (min-width: 282px) and (max-width: 300px){


.list .box-product-item .product-list-buttons .pbuttons, .grid .box-product-item .product-list-buttons .pbuttons
{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #ededed;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  overflow-x: hidden;
  overflow-y: hidden;}

#products-list-container{
margin-top: -64px !important;	
}

hr {
display: none !important;	
}

.box-product-item .product-list-buttons .pbuttons .text, buttons-cart
{
  padding-left: 0px;
  float: left;
  color: #939393;
  font-family: "Raleway";
  font-weight: 300;
  text-transform: capitalize;
  font-size: 10px;
  padding-top: 9px;
  text-align: center;
  width: 60px !important;
  display: inline;
  position: relative !important;
}

div.text{
padding-left: 5px !important;	
}

.box-product-item .product-list-buttons .pbuttons.buttons-wish, .pbuttons.buttons-compare, .pbuttons.buttons-cart
{
	clear: none !important;
	margin-top: 0px !important;
width: 120px !important;}

span.main-price
{
  display: block;
  margin-top: -17px !important;
  font-size: 14px !important;
  padding-bottom: 5px !important;}

.name a {
	font-size: 18px !important;
	  margin-top: 15px !important;}

.view-first {
    margin-top: 10px;
}
.box-product-item  {
    background: none;
    width: auto !important; 
    float:left;
	   margin-left: auto;
    margin-right: auto;
	padding-left: 20px !important; 
	padding-right: 20px!important;   }
	
	span.footerc{
	padding: 0px !important;	
	color: #8D8D8D !important;}
}
@media screen and (min-width: 482px) and (max-width: 700px){


.list .box-product-item .product-list-buttons .pbuttons, .grid .box-product-item .product-list-buttons .pbuttons
{
  float: left;
  
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #ededed;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  overflow-x: hidden;
  overflow-y: hidden;
}


#products-list-container{
margin-top: -64px !important;	
}

hr {
display: none !important;	
}

.box-product-item .product-list-buttons .pbuttons .text, buttons-cart
{
  padding-left: 0px;
  float: left;
  color: #939393;
  font-family: "Raleway";
  font-weight: 300;
  text-transform: capitalize;
  font-size: 10px;
  padding-top: 9px;
  text-align: center;
  width: 60px !important;
  display: inline;
  position: relative !important;
}
div.text{
padding-left: 5px !important;	
}

.box-product-item .product-list-buttons .pbuttons.buttons-wish, .pbuttons.buttons-compare, .pbuttons.buttons-cart
{
	clear: none !important;
	margin-top: 0px !important;
width: 120px !important;

}


span.main-price
{
  display: block;
  margin-top: -17px !important;
  font-size: 14px !important;
  padding-bottom: 5px !important;
}

.name a {
	font-size: 18px !important;
	  margin-top: 15px !important;

}


.view-first {
    margin-top: 10px;
}
.box-product-item  {

    background: none;
    width: auto !important; 
    float:left;
	   margin-left: auto;
    margin-right: auto;
	padding-left: 20px !important; 
	padding-right: 20px!important;   }
	


	
	span.footerc{
	padding: 0px !important;	
	color: #8D8D8D !important;
	}
}


@media screen and (min-width: 701px) and (max-width: 767px){

#products-list-container{
margin-top: -64px !important;	
}

hr {
display: none !important;	
}

.box-product-item .product-list-buttons .pbuttons .text, buttons-cart
{
  padding-left: 0px;
  float: left;
  color: #939393;
  font-family: "Raleway";
  font-weight: 300;
  text-transform: capitalize;
  font-size: 10px;
  padding-top: 7px;
  text-align: center;
  width: 60px !important;
  display: inline;
  position: relative !important;
}
div.text{
padding-left: 5px !important;	
}

.box-product-item .product-list-buttons .pbuttons.buttons-wish, .pbuttons.buttons-compare, .pbuttons.buttons-cart
{
	clear: none !important;
	margin-top: 0px !important;
width: 120px !important;

}
.product-list-buttons{
margin-left: 72px !important;
margin-bottom: 12px !important;
margin-top: 5px !important;

}



span.main-price
{
  display: block;
  margin-top: -17px !important;
  font-size: 14px !important;
  padding-bottom: 5px !important;
}

.name a {
	font-size: 18px !important;
	  margin-top: 15px !important;

}


.view-first {
    margin-top: 10px;
}
.box-product-item  {

    background: none;
    width: auto !important; 
    float:left;
	   margin-left: auto;
    margin-right: auto;
	padding-left: 20px !important; 
	padding-right: 20px!important;   }
	


	
	span.footerc{
	padding: 0px !important;	
	color: #8D8D8D !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 799px){
	
span.main-price
{
  display: block;
  margin-top: -5px !important;
  font-size: 14px !important;
}

.name a {
	font-size: 13px !important;
	  margin-top: 45px !important;

}

 .buttons-cart, .buttons-wish, .buttons-compare, .buttons-more{
}

.box-product-buttons .buttons-cart
{
	width: 22% !important;
	
		background-position: 5px 3px !important;
	}


.box-product-buttons .buttons-wish
{
	width: 22% !important;
		background-position: 5px 4px !important;
}



.box-product-buttons .buttons-compare
{
	width: 22% !important;
		background-position: 5px 4px !important;

	
	

}

 .box-product-buttons .buttons-more
{
	width: 22% !important;
		background-position: 5px 4px !important;
}
}



@media screen and (min-width: 800px) and (max-width: 882px){
	

 .buttons-cart, .buttons-wish, .buttons-compare, .buttons-more{

 }
.box-product-buttons .buttons-cart
{
	width: 22% !important;
	
		background-position: 4px 3px !important;}


.box-product-buttons .buttons-wish
{
	width: 22% !important;
		background-position: 5px 4px !important;}


.box-product-buttons .buttons-compare
{
	width: 22% !important;
		background-position: 6px 4px !important;}

 .box-product-buttons .buttons-more
{
	width: 22% !important;
		background-position: 5px 4px !important;}

}

@media screen and (min-width: 883px) and (max-width: 894px){

 .buttons-cart, .buttons-wish, .buttons-compare, .buttons-more{
	     margin-top: -35px !important;
		 

}
}

@media screen and (min-width: 895px) and (max-width: 999px){

 .buttons-cart, .buttons-wish, .buttons-compare, .buttons-more{
	     margin-top: -35px !important;
}
}

@media screen and (min-width: 1000px) and (max-width: 1010px){
 .buttons-cart, .buttons-wish, .buttons-compare, .buttons-more{
	     margin-top: -20px !important;
}




 .box-product-buttons .buttons-cart
{
	width: 23% !important;}


.box-product-buttons .buttons-wish
{
	width: 23% !important;}



.box-product-buttons .buttons-compare
{
	width: 23% !important;

}

 .box-product-buttons .buttons-more
{
	width: 23% !important;



}
}



@media screen and (min-width: 800px) and (max-width: 858px){





.view-first{
margin-top: -30px !important;	
}

.box-product-buttons{
}

span.main-price
{
  display: block;
  margin-top: -15px !important;
  font-size: 14px !important;
}

.name a {
	font-size: 13px !important;
	  margin-top: 45px !important;

}

}


@media screen and (min-width: 859px) and (max-width: 923px){







.view-first{
margin-top: -30px !important;	
}
.name a {
	padding-top: 15px !important;
	font-size: 14px !important;
}

}
@media screen and (min-width: 768px) and (max-width: 799px){
.box-product .price .main-price, .product-price-list .main-price{
padding-top: -30px !important;	
}
.view-first{
}


.box-product-buttons{
}

.view-first .box-product-buttons {
	
	

  -webkit-transform: translateY(202px);

  -moz-transform: translateY(190px);

  -o-transform: translateY(190px);

  -ms-transform: translateY(190px);

  transform: translateY(190px);

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  transition: all 0.3s linear;

position:static;
top: 0 !important;

}


.view-first:hover .box-product-buttons {

  -webkit-transform: translateY(207px);

  -moz-transform: translateY(195px);

  -o-transform: translateY(195px);

  -ms-transform: translateY(195px);

  transform: translateY(195px);



}


}



@media screen and (min-width: 800px) and (max-width: 898px){

.view-first{
}
.name a {
	padding-top: 15px !important;
	font-size: 14px !important;
}

.box-product-buttons{
}

.view-first .box-product-buttons {
	
	

  -webkit-transform: translateY(232px);

  -moz-transform: translateY(230px);

  -o-transform: translateY(230px);

  -ms-transform: translateY(230px);

  transform: translateY(215px);

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  transition: all 0.3s linear;

position:static;
top: 0;

}


.view-first:hover .box-product-buttons {

  -webkit-transform: translateY(238px);

  -moz-transform: translateY(225px);

  -o-transform: translateY(225px);

  -ms-transform: translateY(225px);

  transform: translateY(225px);



}


}


@media screen and (min-width: 899px) and (max-width: 923px){




.view-first .box-product-buttons {

  -webkit-transform: translateY(255px);

  -moz-transform: translateY(230px);

  -o-transform: translateY(230px);

  -ms-transform: translateY(230px);

  transform: translateY(230px);

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  transition: all 0.3s linear;

position:static !important;
top: 0;

}


.view-first:hover .box-product-buttons {

  -webkit-transform: translateY(250px);

  -moz-transform: translateY(235px);

  -o-transform: translateY(235px);

  -ms-transform: translateY(235px);

  transform: translateY(235px);



}


}



@media screen and (min-width: 924px) and (max-width: 1001px){

.view-first .box-product-buttons {

  -webkit-transform: translateY(235px);

  -moz-transform: translateY(235px);

  -o-transform: translateY(235px);

  -ms-transform: translateY(235px);

  transform: translateY(230px);

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  transition: all 0.3s linear;
  
position:static !important;
top: 0;

}


.view-first:hover .box-product-buttons {

  -webkit-transform: translateY(225px);

  -moz-transform: translateY(225px);

  -o-transform: translateY(225px);

  -ms-transform: translateY(225px);

  transform: translateY(225px);



}




}

@media screen and (min-width: 1002px) and (max-width: 1064px){


.name a {
	padding-top: 20px !important;
	font-size: 14px !important;
}
}

@media screen and (min-width: 1065px) and (max-width: 1116px){
.name a {
	padding-top: 10px !important;
	font-size: 14px !important;
}
}


@media screen and (max-width: 750px){

#s5_responsive_mobile_toggle_click_menu span {
			z-index: 500 !important;

}

#s5_responsive_mobile_top_bar_wrap{
		
		z-index: 99999999999 !important;
		}

	


#s5_responsive_mobile_toggle_click_login span{
	padding-left: 22px !important;
	}


.eshop-cart.eshop-cart{
	margin-top: -42px !important;
	margin-right: 62px !important;
}

	

}




@media screen and (min-width: 200px) and (max-width: 350px){	
.uk-button.uk-button-small.uk-button-danger.marginbottom{
font-size:9px !important;	
}

a.uk-button.primarycolor.uk-button-primary{
	font-size:.9em;
	float:right !important;
	margin-bottom:12px;
}
p.lead{
	font-size:1.55em;
line-height: 18px;
margin-bottom:5px !important;
}

#s5_component_wrap_inner h2{
margin-bottom:4px;	
line-height:16px !important;
}
ul#myaccount.nav.menu {
display:none !important;

}}



@media screen and (min-width: 351px) and (max-width: 416px){	

.uk-button.uk-button-small.uk-button-danger.marginbottom{
font-size:9px !important;	
}


a.uk-button.primarycolor.uk-button-primary{
	font-size:1em;
	float:right !important;
	margin-bottom:12px;
}
p.lead{
	font-size:1.55em;
line-height: 18px;
margin-bottom:5px !important;
}

#s5_component_wrap_inner h2{
margin-bottom:4px;	
line-height:16px !important;
}

.tp-caption.boxed_light_white-white{
font-size:1.5em !important;
	
}
p.uk-text-small.uk-text-center{
font-size:1em !important;	

padding: 4px 14px !important;
}



ul#myaccount.nav.menu {
    padding-left: 12px !important;
    padding-top: 3px !important;
	width:132px !important;

}}


@media screen and (min-width: 417px) and (max-width: 449px){	
ul#myaccount.nav.menu {
    padding-left: 12px !important;
    padding-top: 3px !important;
	width:30% !important;

}
a.uk-button.primarycolor.uk-button-primary{
	font-size:1em;
	float:right !important;
	margin-bottom:12px;
}
p.lead{
	font-size:1.55em;
line-height: 18px;
margin-bottom:5px !important;
}

#s5_component_wrap_inner h2{
margin-bottom:4px;	
line-height:16px !important;
}

.tp-caption.boxed_light_white-white{
font-size:1.5em !important;
	
}
p.uk-text-small.uk-text-center{
font-size:1em !important;	

padding: 4px 14px !important;
}


}

@media screen and (min-width: 450px) and (max-width: 750px){
ul#myaccount.nav.menu{
	padding-left: 12px !important;
	padding-top: 3px !important;
	width:45% !important;
	
	
	
}

a.uk-button.primarycolor.uk-button-primary{
	font-size:1em;
	float:right !important;
	margin-bottom:12px;
}
p.lead{
	font-size:1.55em;
line-height: 18px;
margin-bottom:5px !important;
}

#s5_component_wrap_inner h2{
margin-bottom:4px;	
line-height:16px !important;
}

.tp-caption.boxed_light_white-white{
font-size:1.5em !important;
	
}
p.uk-text-small.uk-text-center{
font-size:1em !important;	

padding: 4px 14px !important;
}



}

@media screen and (min-width: 580px) and (max-width: 638px){

h3.uk-panel-title{
	font-size:1.2em !important;
	line-height:18px;
}}

@media screen and (min-width: 639px) and (max-width: 755px){

h3.uk-panel-title{
	font-size:1.3em !important;
}
}

@media screen and (min-width: 580px) and (max-width: 755px){

p.uk-badge.label.label-default.uk-text-center{
padding-bottom:8px;	
margin-top:5px !important;
}

.uk-badge{
font-size:9px !important;	
line-height: 10px;
margin-top:5px !important;
padding-top:4px !important;
padding-bottom:4px !important;
}
.label{
white-space:normal !important;
}
h4.tm-panel-subtitle{
font-size:.9em;
padding-bottom:4px;	
}
p.text22{
display:none !important;	
}
a.uk-margin-top.primarycolor.uk-button-primary.tm-button-align-bottom.uk-display-inline-block{
	line-height:20px !important;
	min-height: 20px;
	white-space:normal !important;
	border-radius: 3px;

}
div.uk-panel.uk-panel-box.uk-text-center.tm-panel-icon{
	padding:8px;
}

}

@media screen and (min-width: 751px) and (max-width: 849px){
ul#myaccount.nav.menu{
	padding-left: 12px !important;
	width:35% !important;
	font-kerning: auto;

	padding-top: 3px !important;
}

.eshop-cart.eshop-cart{
		padding-right: 40px !important;
			margin-right: 62px !important;

	}
	
		#s5_loginreg{
	padding-right: 50px !important;
	
	}
	
	
	a.uk-button.primarycolor.uk-button-primary{
	font-size:1em;
	float:right !important;
	margin-bottom:12px;
}
p.lead{
	font-size:1.55em;
line-height: 18px;
margin-bottom:5px !important;
}

#s5_component_wrap_inner h2{
margin-bottom:4px;	
line-height:16px !important;
}

.tp-caption.boxed_light_white-white{
font-size:1.5em !important;
	
}
p.uk-text-small.uk-text-center{
font-size:1em !important;	

padding: 4px 14px !important;
}
	
	
	
	
}



@media screen and (min-width: 850px) and (max-width: 970px){

ul#myaccount.nav.menu{
	padding-left: 12px !important;
	padding-top: 3px !important;
	width:45% !important;
}



.eshop-cart.eshop-cart{
		padding-right: 40px !important;
	}
	
		#s5_loginreg{
	padding-right: 70px !important;
	
	}
	
	a.uk-button.primarycolor.uk-button-primary{
	font-size:1.2em;
}
p.lead{
	font-size:1.55em;
line-height: 18px;
margin-bottom:5px !important;
}

#s5_component_wrap_inner h2{
margin-bottom:4px;	
line-height:16px !important;
}


p.uk-text-small.uk-text-center{
font-size:.7em !important;	

padding: 4px 14px !important;
}
	
	
	
}

@media screen and (min-width: 971px) and (max-width: 1174px){
.eshop-cart.eshop-cart{
		padding-right: 60px !important;
	}
	
		#s5_loginreg{
	padding-right: 70px !important;
	
	}
	
	ul#myaccount.nav.menu{
	padding-left: 8px !important;
	width:45%;
}

}


div.S5_grouped_child_item{
	 margin-bottom: -15px !important;
	
 }
 
 
div.S5_grouped_child_item span  {
font-size: 13px !important;	
line-height: 14px !important;
}


#li_child_1 > ul:nth-child(1) > li:nth-child(1) > span:nth-child(1){
display: none;	
}

div.tp-arr-titleholder {
display:none !important;
	
	
}

div.myaccount{
	padding-top: -22px;
margin-bottom: -43px;
	font-size: 18px ;	
	font-weight: 300;

}

ul#sidemenu.nav.menu.s5_mod_h3{
color: #FF0206 !important;
}

@media screen and (max-width: 360px){
.fa-2{
	background-image: none !important;
	padding-top: 5px;
	width: 30px !important;
	line-height: 35px;
	font-size: 22px !important;
	background-repeat: no-repeat;
	background-position: top;
   }


DIV#hpfontawesome.hpicons{
		padding-top: 22px !important;

	font-size: 22px !important;	

}

.hptext{
font-size: 10px !important;	

}
}



@media screen and (max-width: 488px){
	
.fa-2{
	background-image: url(https://d1e626.claudeassets.com/20220702205837im_/https://www.backworksinc.com/images/home-icon-bg.png);
	padding-top: 25px;
	width: 125px;
	line-height: 62px;
	font-size: 32px !important;
	background-repeat: no-repeat;
	background-position: top;
   }
DIV#hpfontawesome.hpicons{
	font-size: 30px !important;	
}

.hptext{
font-size: 12px !important;	
}

}

}
@media screen and (max-width: 621px){
	
	
DIV#hpfontawesome.hpicons{
	font-size: 42px !important;	
}

.hptext{
font-size: 13px !important;	
}

}

@media screen and (min-width:622px) and (max-width: 715px){

	
	DIV#hpfontawesome.hpicons{
	font-size: 42px !important;	
}

.hptext{
font-size: 16px !important;	
}

}


@media screen and (min-width:716px) and (max-width: 815px){
	

	
	
	DIV#hpfontawesome.hpicons{
	font-size: 42px !important;	
}

.hptext{
font-size: 19px !important;	;	
}

}
@media screen and (max-width: 970px){
	
	


}


@media screen and (min-width:816px){
	
	
	DIV#hpfontawesome.hpicons{
	font-size: 52px !important;	
}

.hptext{
font-size: 22px !important;	;	
}

}


.btn-toolbar {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
}








div#full_slider{
}


.jsn-master{
 font-family: 'raleway' !important;}

.button{
 font-size: 1em !important;
  
}

.jsn-uniform.jsn-master .jsn-bootstrap .jsn-form-content .control-label{
   font-family: 'raleway' !important;

}


/* top menu --- white text - dark background -- START
----------------------------------------------------------- */



#eshop-cart-total, a#s5_login 
{
	color: #fff !important;
}

.eshop-items h4{

	background-image: url(https://e4b0e3.claudeassets.com/20220702205837im_/https://www.backworksinc.com/images/cart-white.png);
}


#s5_login {
		background-image: url(https://2f5813.claudeassets.com/20220702205837im_/https://www.backworksinc.com/images/acct-white.png);

}

#topmenubg{
background-color: #636363;
color: #fff;
}


 #myaccount.nav.menu a:hover{
	 background: #7E7E7E;

 }

/* top menu --- white text - dark background -- END
----------------------------------------------------------- */




/* top menu --- black text - light background -- START
----------------------------------------------------------- 

#eshop-cart-total, a#s5_login 
{
	color: #636363 !important;
}

.eshop-items h4{

	background-image: url(https://da2ada.claudeassets.com/20220702205837im_/https://www.backworksinc.com/images/cart-.png);
}


#s5_login {
		background-image: url(https://a01c00.claudeassets.com/20220702205837im_/https://www.backworksinc.com/images/acct.png);

}

#topmenubg{
background-color: #fff;
color: #636363;
}

/* top menu --- black text - light background -- END
----------------------------------------------------------- */



/* top menu  - START
----------------------------------------------------------- */
@media screen and (min-width: 1175px) {
ul#myaccount.nav.menu{

    width: 45%;

 }}
 

ul#myaccount.nav.menu{
 float: left;

    padding: 0px;
    margin: -6px;
    list-style-type: none !important; 
	font-size: .9em;
 }
 
 #myaccount.nav.menu a{
 float: left;
    width: 6em;
    text-decoration: none;
    margin: 0.8em 0.1em;
	color: inherit !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-align:center;
 }
 
 #myaccount.nav.menu a:hover{

    padding: -0.9em 0.1em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;

 }
 
 #topmenubg{
background-color: #636363;
color: #fff;
padding-top:3px;
padding-bottom:3px;
}

#topmenubg{
position: static;
width: 100% ;	
height:26px;
padding-bottom:8px;
}


#topmenu{
	text-align:right;
clear: both;
width: 100% !important;	

}
 
 /* START FOR SHOP TOP MENU #topmenubg ENABLED IF CART AND LOGIN ARE {
/*#topmenubg{
position: static;
width: 100% ;	
height:26px;
padding-bottom: 14px;
}

#topmenu{

height: 0px;
width: 100% !important;	
padding-bottom: 40px;
margin-top: -5px;
padding-top: 0px;

 /* END FOR SHOP TOP MENU #topmenubg{
}*/


.eshop-content{

	background: #fff;

	clear: right !important;

	min-height: 150px;

	min-width: 250px;

	max-width: 350px;

	padding: 8px;

	position: absolute;

	top: 125%;
	right: 0;

}



.eshop-content {
}

div.eshop-content{

	display:block;

}
div#eshop-cart.eshop-cart{
		z-index: 1 !important;

}
#eshop-cart.eshop-cart{
margin-right: 83px;	
}

	#s5_loginreg{
	padding-right: 24px ;
	
	}

#s5_login, #s5_register
{
  margin-left: 0px !important;
  
}

#s5_login 
{
	     background-position: left !important; 
			  overflow:visible !important;
		background-position: 2% 40% !important;
	position: absolute;
	height: 25px;
	float: left;
		background-repeat: no-repeat;
width: 38px;

padding-left: 25px;
	z-index: 9999999 !important;

}

a#s5_login 
{
	    
	z-index: 9999999 !important;
	margin-top: -44px;
	height: 23px;
	float: left !important;
	font-size: 11px;
	font-family: "Raleway" !important;
	font-weight: 300 !important;
	font-style: normal   !important;
	font-variant: normal !important;
	text-align:left !important;
	
}


.eshop-items h4{
	background-position: 2% 40% !important;
	position: static;
	height: 25px;
	width: 25px;
	float: left;
	font-size: 0px;
	font-family: "Raleway" !important;
	font-weight: 300 !important;
	font-style: normal   !important;
	font-variant: normal !important;
	background-repeat: no-repeat;
	overflow:visible;

}

/* top menu  -- END
----------------------------------------------------------- */



div.eshop-content{
	color: #636363 !important;
}



#s5_nav li a{
font-size:.9em !important;
font-weight: 200 !important;	
}

input{
		border-left-width-value: 1px !important;
	border-left-style-value: solid !important;
	border-left-color-value: #c7c7c7 !important;
	border: thin solid #e5e5e5 !important;
}

img.img-polaroid{
-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;	
}

img.img-polaroid:hover
{
		background: #C6C6C6;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;

	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;


 }



.round.small-db.bottom_right{
margin-right: -3px !important;
}

.rotated, .round, .horizontal{
	  box-shadow: none !important;}


.bottom_right.small-db{
	margin-right: 42px !important;
}

.rotated.bottom_right{
		margin-top: 0px !important;

	font-weight:300 !important;
	font-size: 75% !important;
  line-height: 0 !important;
  vertical-align: baseline !important;
  overflow: visible !important;

	  box-shadow: none !important;
  background-image: none !important;
  background-repeat: repeat !important;
  background-attachment: scroll !important;
  background-position: 0% 0% !important;
  background-clip: border-box !important;
  background-origin: padding-box !important;
  background-size: auto auto !important;
  border-top-left-radius: 28px !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 28px !important;
  border-bottom-left-radius: 4px !important;
  box-sizing: border-box !important;
  height: 32px !important;
  line-height: 32px !important;
  
  padding-top: 0px !important;
  padding-right: 20px !important;
  padding-bottom: 8px !important;
  padding-left: 20px !important;
  position: absolute !important;
  text-transform: uppercase !important;
  transform: rotateZ(-90deg) translateX(-50%) !important;
  margin-right: 38px !important;


}
.rotated.bottom_left{
		margin-top: 0px !important;

	font-weight:300 !important;
	font-size: 75% !important;
  line-height: 0 !important;
  vertical-align: baseline !important;
  overflow: visible !important;

	  box-shadow: none !important;
  background-image: none !important;
  background-repeat: repeat !important;
  background-attachment: scroll !important;
  background-position: 0% 0% !important;
  background-clip: border-box !important;
  background-origin: padding-box !important;
  background-size: auto auto !important;
  border-top-left-radius: 28px !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 28px !important;
  border-bottom-left-radius: 4px !important;
  box-sizing: border-box !important;
  height: 32px !important;
  line-height: 32px !important;
  padding-top: 0px !important;
  padding-right: 20px !important;
  padding-bottom: 8px !important;
  padding-left: 20px !important;
  position: absolute !important;
  text-transform: uppercase !important;
  top: 100px !important;
  transform: rotateZ(-90deg) translateX(-50%) !important;
  margin-left: 18px !important;


}
.rotated.top_right{
		margin-top: 0px !important;

	font-weight:300 !important;
	font-size: 75% !important;
  line-height: 0 !important;
  vertical-align: baseline !important;
  overflow: visible !important;

	  box-shadow: none !important;
  background-image: none !important;
  background-repeat: repeat !important;
  background-attachment: scroll !important;
  background-position: 0% 0% !important;
  background-clip: border-box !important;
  background-origin: padding-box !important;
  background-size: auto auto !important;
  border-top-left-radius: 28px !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 28px !important;
  border-bottom-left-radius: 4px !important;
  box-sizing: border-box !important;
  height: 32px !important;
  right: -22px !important;
  line-height: 32px !important;
  padding-top: 0px !important;
  padding-right: 20px !important;
  padding-bottom: 0px !important;
  padding-left: 20px !important;
  position: absolute !important;
  text-transform: uppercase !important;
  top: -10px !important;
  transform: rotateZ(-90deg) translateX(-50%) !important;


}


.rotated.top_left{
		margin-top: 8px !important;

	font-weight:300 !important;
	font-size: 75% !important;
  line-height: 0 !important;
  vertical-align: baseline !important;
  overflow: visible !important;

	  box-shadow: none !important;
  background-image: none !important;
  background-repeat: repeat !important;
  background-attachment: scroll !important;
  background-position: 0% 0% !important;
  background-clip: border-box !important;
  background-origin: padding-box !important;
  background-size: auto auto !important;
  border-top-left-radius: 28px !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 28px !important;
  border-bottom-left-radius: 4px !important;
  box-sizing: border-box !important;
  height: 32px !important;
  left: -12px !important;
  line-height: 32px !important;
  padding-top: 0px !important;
  padding-right: 20px !important;
  padding-bottom: 0px !important;
  padding-left: 20px !important;
  position: absolute !important;
  text-transform: uppercase !important;
  margin-left:12px !important;
margin-top: 50px !important;

}


#s5_left_wrap > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > h3:nth-child(1), div.module_round_box_outer:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > h3:nth-child(1){
	padding-top: 0px;
margin-top: 0px !important;	
text-align: left !important;
background-color: transparent !important;
height: 30px;
vertical-align:middle;
}
div.eshop-product{
	width: 100% !important;
}

div.eshopheader{
padding-top: 15px;
margin-top: -20px !important;	
margin-bottom: 15px;
text-align: center !important;
background-color: #fff;
height: 44px;
vertical-align:middle;

font-family: "Raleway";
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1.2em;
  color: #000;
    text-rendering: optimizeLegibility;
}


div.s5_mod_h3_outer{

}
li.eshop_product{
	margin-left: 8px !important;
	
}

.img-polaroid{
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	background-color: #ffffff;
	border-right-width-value: 0px !important;
	border-left-width-value: 0px !important;
	border-right-style-value: none !important;
	border-left-style-value: solid;
	border-right-color-value: rgba(0, 0, 0, 0.2);
	border-left-color-value: rgba(0, 0, 0, 0.2);
	border-image-source: none;
	border-image-slice: 100% 100% 100% 100%;
	border-image-width: 1 1 1 1;
	border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
	border-right-color: #FFFFFF;
	border-bottom: 0px solid rgba(255,255,255,0.20);
	border-top: 0px solid rgba(255,255,255,0.20);
	border-left-color: #FFFFFF;
	border-left-width: 0px;
	
		-webkit-box-shadow: 0px 0px 8px -1px #d6d6d6;
	box-shadow: 0px 0px 8px -5px #d6d6d6;
}


.table th, .table td
{
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #dddddd;  background-color: #fff;
}
#s5_footer_area1{
	  background-color: #ffffff !important;

}

.forcefullwidth_wrapper_tp_banner{
	
z-index: 1 !important;	
}


#s5_top_row1_area1{
	  padding-top: 0px !important;
}

DIV#s5_menu_wrap.s5_wrap{
z-index: 99999999 !important;
	
}



#s5_top_row2_area1
{

  
  
}

.hpbody{
		color:  #999 !important;

	font-size: 16px ;	
		padding-top:-18px !important;


}

DIV.module_round_box-highlight2, DIV.module_round_box-highlight1{
	
margin-top: -50px !important;
}

DIV#hpsquare.hpicons{

font-size: 42px ;	
text-align: right !important;
align: center !important;
}


DIV#s5_top_row2_area1{
	z-index: 9999 !important;
	position: relative !important;
}
.tm-mini-divider
{
  margin-top: 15px;
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: auto;
  width: 60px;
  height: 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0bc9eb;
}

.hptext a, .hptext{
	color: #4c4c4c !important;
	text-transform: uppercase;
}

.hpicons{
	margin-top: -75px !important;

}

.fa-2{
	background-image: url(https://d1e626.claudeassets.com/20220702205837im_/https://www.backworksinc.com/images/home-icon-bg.png);
	padding-top: 25px;
	width: 125px;
	line-height: 62px;
	font-size: 32px; 
	background-repeat: no-repeat;
	background-position: top;
   }



DIV#s5_footer_menu_wrap{
padding-top: -22px !important;	
}

#s5_footer_area1 {
padding-bottom: 1px !important;	
padding-top -21px !important;
}


LI.item-388{
	margin-top: -22px ;
}

DIV.custom-footercustom {
	padding-bottom: 12px! ;
margin-top: -32px  ;
margin-bottom: 12px ;	
font-size: .9em !important;
}

DIV#s5_bottom_menu_wrap{
padding-bottom: 22px ;
margin-top: -22px ;
margin-bottom: 22px ;	
}

ul#jj_sl_navigation li a {
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
}


.hpicons:hover{
	filter: alpha(opacity=50);  /* IE 5-7 */
	-moz-opacity: 0.5;          /* Netscape */
	-khtml-opacity: 0.5;        /* Safari 1.x */
	opacity: 0.5;               /* Good browsers */
	text-decoration: none;
}

.hpicons a:hover{
	text-decoration: none;
}

@media screen and (max-width: 320px){

DIV#full_slider{
	

}}



@media screen and (max-width: 488px){
	
	LI.item-388, DIV.custom-footercustom {
padding-bottom: 2px!important ;
margin-top: 2px !important ;
margin-bottom: 2px !important;	
font-size: 1.9em !important;
}
	
DIV#rev_slider_1_1.rev_slider.fullwidthabanner.revslider-initialised.tp-simpleresponsive{
margin-top: 34px !important;
margin-bottom: 34px !important;
height: 180px !important;
}




}

}
@media screen and (max-width: 621px){
	
	
	
	LI.item-388, DIV.custom-footercustom {
padding-bottom: 4px!important ;
margin-top: 4px !important ;
margin-bottom: 4px !important;	
font-size: .9em !important;
}
	
	
	DIV#full_slider{
}
	DIV#hpfontawesome.hpicons{
	font-size: 42px !important;	
}

.hptext{
font-size: 13px !important;	
}

}

@media screen and (min-width:622px) and (max-width: 715px){
	LI.item-388, DIV.custom-footercustom {
padding-bottom: 4px!important ;
margin-top: 4px !important ;
margin-bottom: 4px !important;	
font-size: .9em !important;
}
	
	
	DIV#hpfontawesome.hpicons{
	font-size: 42px !important;	
}

.hptext{
font-size: 16px !important;	
}

}


@media screen and (min-width:716px) and (max-width: 815px){
	
	LI.item-388, DIV.custom-footercustom {
padding-bottom: 4px!important ;
margin-top: 4px !important ;
margin-bottom: 4px !important;	
font-size: .9em !important;
}
	
	
	DIV#hpfontawesome.hpicons{
	font-size: 42px !important;	
}

.hptext{
font-size: 19px !important;	;	
}

}
@media screen and (max-width: 970px){
	
	
	
	LI.item-388, DIV.custom-footercustom {
padding-bottom: 4px!important ;
margin-top: 4px !important ;
margin-bottom: 4px !important;	
font-size: .9em !important;
}
}


@media screen and (min-width:816px){
	
	
	DIV#hpfontawesome.hpicons{
	font-size: 52px !important;	
}

.hptext{
font-size: 22px !important;	;	
}

}


.inputbox{
	border: 1px solid #e4e4e4;
}

.hptext{
font-size: 22px;	
}


DIV#s5_pos_top_row2_1.s5_float_left, DIV#s5_pos_top_row2_2.s5_float_left, DIV#s5_pos_top_row2_3.s5_float_left, DIV#s5_pos_top_row2_4.s5_float_left{
	margin-bottom:-35px !important;
	margin-top:-35px !important;
	color: #CCC!important;
	
}
DIV#hpfontawesome.hpicons{

font-size: 52px ;	
text-align: right !important;
align: center !important;
}


DIV#full_slider{
	position: relative;
	overflow:hidden;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	text-align: center !important;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	width: 100% !important;
	background-color: #2d3e4d;
	box-shadow: 0px 0px 150px #000 inset;
}


H1#headContent.placemarkHead {font-size: 14pt !important;}

DIV#rev_slider_2_1_wrapper.rev_slider_wrapper.fullwidthbanner-container{
z-index: 122 !important;
	
}

p
{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px;
  padding-right: 0px;
}

.module_round_box-highlight {

background:#FFFFFF;
margin-top: 5px;
padding:10px;

-webkit-box-shadow: 0px 0px 17px -5px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 17px -5px rgba(0,0,0,0.1);
box-shadow: 0px 0px 17px -5px rgba(0,0,0,0.1);
}

DIV#GMapsCredit.zhgm-credit, SELECT#findAddressTravelMode{
display: none !important;	
}

A.tp-button.blue.small{
font-size: 18px !important;	
}
hr{ border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important; }

#s5_accordion_menu h3.s5_am_toggler{
	height: 31px !important;
	font-size: 0.9em;
	margin-bottom: 3px !important;
	margin-top: 3px;

	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d9d9d9;
}

UL.actions{
	display:none !important;	
}

DIV#s5_header_area1{
 padding-top: 14px !important;
  padding-bottom: 14px !important
  ;	
	
}

.rsmsc_scroller_class #topshade a{
	background-image: url(https://79f23e.claudeassets.com/20220702205837im_/https://www.backworksinc.com/components/com_rsmonials/images/topshadow.png);
}
.rsmsc_scroller_class{
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(https://a2028d.claudeassets.com/20220702205837im_/https://www.backworksinc.com/components/com_rsmonials/images/shade.png);
	position:relative;
	background-attachment: relative;
	margin-right: 10px;	
}


A#s5_shape5_logo

{
	display:none !important;}
	
	
	A.s5_scrolltotop{
	padding-top: -12px !important;
	margin-top: -33px;
}
	
	
	#s5_top_row1_area1, #s5_top_row2_area1, #s5_top_row3_area1, #s5_bottom_row1_area1, #s5_bottom_row2_area1, #s5_bottom_row3_area1, #s5_center_area1{
	padding-bottom: -60px !important;
		
	}
/*
     FILE ARCHIVED ON 15:31:47 Jul 10, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:01:40 Jun 06, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.59
  exclusion.robots: 0.076
  exclusion.robots.policy: 0.064
  esindex: 0.009
  cdx.remote: 6.772
  LoadShardBlock: 75.068 (3)
  PetaboxLoader3.resolve: 65.677 (4)
  PetaboxLoader3.datanode: 62.933 (4)
  load_resource: 57.878
*/