html, body{
height:100%;
}
.spacer{
display:block;
content:"";
margin-bottom:15px;
}
.swap-container{
position:relative;
width:100%;
cursor:pointer;
}
.swap-hover-img{
position:absolute;
top:0;
left:0;
opacity:0;
transition:opacity .5s ease;
}
.swap-container:hover .swap-hover-img{
opacity:1;
}
.swap-container:hover .swap-default-img{
opacity:0;
transition:.5s ease;
}
.form-check-input[type="radio"] {
opacity: 1 !important;
display: inline-block !important;
width: 1em;
height: 1em;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 50%;
}
	
figure{
margin-bottom:30px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
background-color: white !important;
background-clip: content-box !important;
}
input:-moz-autofill,
input:-moz-autofill:hover,
input:-moz-autofill:focus,
input:-moz-autofill:active {
background-color: white !important;
background-clip: content-box !important;
}
.p0{
padding:0px;
}
.p15{
padding-left:15px;padding-right:15px;
}
.p30{
padding-left:30px;padding-right:30px;
}
.hc-offcanvas-nav a,.hc-offcanvas-nav .nav-item,.hc-offcanvas-nav2 a,.hc-offcanvas-nav2 .nav-item{
padding:14px 17px;
font-size:15px;
z-index:1;
background:rgba(0,0,0,0);
}
.sm_CMS table{
min-width:280px;
}
body{
height:100%;
}
.greybutton,.greybutton:hover{
background-color:#333333;color:#ffffff;
}
.table-responsive table{
border-collapse:collapse;
border-spacing:0;
width:100% !important;
max-width:100% !important;
min-width:1000px !important;
font-size:12px;
}
.table-responsive{
--tbw-cell-vertical-padding:4px;
--tbw-cell-horizontal-padding:8px;
--tbw-cell-line-height:1.5em;
}
.table-responsive th, .table-responsive td{
height:calc(var(--tbw-cell-vertical-padding) * 2 + var(--tbw-cell-line-height));
min-width:calc(var(--tbw-cell-horizontal-padding) * 2);
padding:var(--tbw-cell-vertical-padding) var(--tbw-cell-horizontal-padding);
border:1px solid #99999c;
}
.min_page_height{
min-height:600px;
}

.QTY:disabled {
color:#333333 !important;
opacity: 1;
}
header{
margin-bottom:-5px;
}
.button_Align1{
text-align:center;
}
.button_Align2{
text-align:center;
}
.button_Align3{
text-align:center;
}
@media (min-width: 992px) {
.button_Align1{
text-align:left;
}
.button_Align2{
text-align:right;
}
}
.back-to-top{
cursor:pointer;
position:fixed;
bottom:50px;
right:30px;
display:none;
z-index:999;
}
.btn-back-to-top{
border-radius:6;
color:#FFFFFF;
background-color:rgba(0,0,0,0.5);
}
.btn-back-to-top:hover,
.btn-back-to-top:focus,
.btn-back-to-top:active{
color:#FFFFFF;
background-color:rgba(0,0,0,0.8);
}
.dropdown-menu > li > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
line-height:1.88;
padding-top:10px;
padding-bottom:10px;
}
.dropdown-menu2{
min-width:250px !important;
}
.dropdown-menu3{
min-width:350px !important;
}
.vertical-alignment-helper{
display:table;
height:100%;
width:100%;
}
.vertical-align-center{
display:table-cell;
vertical-align:middle;
}
/*
.modal-content{
width:inherit;
height:inherit;
margin:0 auto;
}
*/
.cookiewarning{
padding-bottom:15em;
}
div.cookiewarning{
display:none;
}
.cookiewarning div.cookiewarning{
padding:1em;	
display:block;
position:fixed;
bottom:0;
width:100%;
z-index:8070;
background-color:rgba(0,0,0,.8);
color:white;
}
.removecookie{
display:inline-block;
}
.cookiewarning .removecookie{
display:none;
}



.col-xs-5th-1, .col-xs-5th-2, .col-xs-5th-3, .col-xs-5th-4{
float:left;
}
.col-xs-5th-5{
float:left;
width:100%;
}
.col-xs-5th-4{
width:80%;
}
.col-xs-5th-3{
width:60%;
}
.col-xs-5th-2{
width:40%;
}
.col-xs-5th-1{
width:20%;
}
.col-xs-5th-pull-5{
right:100%;
}
.col-xs-5th-pull-4{
right:80%;
}
.col-xs-5th-pull-3{
right:60%;
}
.col-xs-5th-pull-2{
right:40%;
}
.col-xs-5th-pull-1{
right:20%;
}
.col-xs-5th-pull-0{
right:auto;
}
.col-xs-5th-push-5{
left:100%;
}
.col-xs-5th-push-4{
left:80%;
}
.col-xs-5th-push-3{
left:60%;
}
.col-xs-5th-push-2{
left:40%;
}
.col-xs-5th-push-1{
left:20%;
}
.col-xs-5th-push-0{
left:auto;
}
.col-xs-5th-offset-5{
margin-left:100%;
}
.col-xs-5th-offset-4{
margin-left:80%;
}
.col-xs-5th-offset-3{
margin-left:60%;
}
.col-xs-5th-offset-2{
margin-left:40%;
}
.col-xs-5th-offset-1{
margin-left:20%;
}
.col-xs-5th-offset-0{
margin-left:0%;
}

@media (min-width:768px){
.col-sm-5th-1, .col-sm-5th-2, .col-sm-5th-3, .col-sm-5th-4{
float:left;
}
.col-sm-5th-5{
float:left;
width:100%;
}
.col-sm-5th-4{
width:80%;
}
.col-sm-5th-3{
width:60%;
}
.col-sm-5th-2{
width:40%;
}
.col-sm-5th-1{
width:20%;
}
.col-sm-5th-pull-5{
right:100%;
}
.col-sm-5th-pull-4{
right:80%;
}
.col-sm-5th-pull-3{
right:60%;
}
.col-sm-5th-pull-2{
right:40%;
}
.col-sm-5th-pull-1{
right:20%;
}
.col-sm-5th-pull-0{
right:auto;
}
.col-sm-5th-push-5{
left:100%;
}
.col-sm-5th-push-4{
left:80%;
}
.col-sm-5th-push-3{
left:60%;
}
.col-sm-5th-push-2{
left:40%;
}
.col-sm-5th-push-1{
left:20%;
}
.col-sm-5th-push-0{
left:auto;
}
.col-sm-5th-offset-5{
margin-left:100%;
}
.col-sm-5th-offset-4{
margin-left:80%;
}
.col-sm-5th-offset-3{
margin-left:60%;
}
.col-sm-5th-offset-2{
margin-left:40%;
}
.col-sm-5th-offset-1{
margin-left:20%;
}
.col-sm-5th-offset-0{
margin-left:0%;
}
}
@media (min-width:992px){
.col-md-5th-1, .col-md-5th-2, .col-md-5th-3, .col-md-5th-4{
float:left;
}
.col-md-5th-5{
float:left;
width:100%;
}
.col-md-5th-4{
width:80%;
}
.col-md-5th-3{
width:60%;
}
.col-md-5th-2{
width:40%;
}
.col-md-5th-1{
width:20%;
}
.col-md-5th-pull-5{
right:100%;
}
.col-md-5th-pull-4{
right:80%;
}
.col-md-5th-pull-3{
right:60%;
}
.col-md-5th-pull-2{
right:40%;
}
.col-md-5th-pull-1{
right:20%;
}
.col-md-5th-pull-0{
right:auto;
}
.col-md-5th-push-5{
left:100%;
}
.col-md-5th-push-4{
left:80%;
}
.col-md-5th-push-3{
left:60%;
}
.col-md-5th-push-2{
left:40%;
}
.col-md-5th-push-1{
left:20%;
}
.col-md-5th-push-0{
left:auto;
}
.col-md-5th-offset-5{
margin-left:100%;
}
.col-md-5th-offset-4{
margin-left:80%;
}
.col-md-5th-offset-3{
margin-left:60%;
}
.col-md-5th-offset-2{
margin-left:40%;
}
.col-md-5th-offset-1{
margin-left:20%;
}
.col-md-5th-offset-0{
margin-left:0%;
}
}
@media (min-width:1200px){
.col-lg-5th-1, .col-lg-5th-2, .col-lg-5th-3, .col-lg-5th-4{
float:left;
}
.col-lg-5th-5{
float:left;
width:100%;
}
.col-lg-5th-4{
width:80%;
}
.col-lg-5th-3{
width:60%;
}
.col-lg-5th-2{
width:40%;
}
.col-lg-5th-1{
width:20%;
}
.col-lg-5th-pull-5{
right:100%;
}
.col-lg-5th-pull-4{
right:80%;
}
.col-lg-5th-pull-3{
right:60%;
}
.col-lg-5th-pull-2{
right:40%;
}
.col-lg-5th-pull-1{
right:20%;
}
.col-lg-5th-pull-0{
right:auto;
}
.col-lg-5th-push-5{
left:100%
}
.col-lg-5th-push-4{
left:80%;
}
.col-lg-5th-push-3{
left:60%;
}
.col-lg-5th-push-2{
left:40%;
}
.col-lg-5th-push-1{
left:20%;
}
.col-lg-5th-push-0{
left:auto;
}
.col-lg-5th-offset-5{
margin-left:100%;
}
.col-lg-5th-offset-4{
margin-left:80%;
}
.col-lg-5th-offset-3{
margin-left:60%;
}
.col-lg-5th-offset-2{
margin-left:40%;
}
.col-lg-5th-offset-1{
margin-left:20%;
}
.col-lg-5th-offset-0{
margin-left:0%;
}
}
.select-selected:after {
top: 18px !important;
}
.select-selected.select-arrow-active:after {
top: 11px !important;
}
.owl-nav button{
position: absolute;
top: 50%;
margin: 0;
transition: all 0.3s ease-in-out;
}
.owl-nav button:focus{
outline: none;
}
.dropdown-submenu{
position:relative;
margin:0px;
padding:0px;
}
a.a_AwesomeIcon_Top1{
float:left;
display:block;
text-align:center;
text-decoration:none;
margin-left:5px;
vertical-align:middle;
font-size:23px !important;
}
a.a_AwesomeIcon_Top1,a.a_AwesomeIcon_Top1:visited,a.a_AwesomeIcon_Top1:active,a.a_AwesomeIcon_Top1:link{
COLOR:#ffffff !important;
text-decoration:none;
}
a.a_AwesomeIcon_Top1:hover,a.a_AwesomeIcon_Top1:focus{
COLOR:#ffffff !important;
text-decoration:none;
}
a.a_AwesomeIcon_Top2 {
margin-right:5px;
vertical-align:middle;
font-size:23px !important;
}
.fab{
font-family:"Font Awesome 5 Brands" !important;
}
.fa,.far,.fas{
font-family:"Font Awesome 5 Free" !important;
}
@font-face{
font-display:swap;
}
.quantity{
text-align:center !important;
}
.pagination > li > a,.pagination > li >span{
border-radius:20px !important;
padding-top:5px !important;
font-size:14px !important;
margin-top:15px;
}
.page-link:focus,
.page-link:active {
outline: 0 !important;
box-shadow: none !important;
}
ul.pagination {
display: inline-block;
}
ul.pagination li {
display: inline-block;
}
.dropdown-menu{
border:0px solid transparent;
border-radius: 0;
min-width:250px !important;
}
.toggle{
float:right;
cursor:pointer;
right:15px !important;
padding-right:0px !important;
}
.icons_overlap{
position: absolute; 
top: 0; 
width: 100%;
text-align: right;
}