html, body {
height: 100%;
}

.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;
}

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{
background-color:#FFFFFF;
color:#000000;
}
.greybutton:hover{
background-color:#E7E7E7;
color:#000000;
}
.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:#000000 !important;
*/
color:#FFFFFF !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{
background-color:transparent !important;
border:3px solid transparent !important;
border-radius:20px !important;
padding-top:5px !important;
font-size:19px !important;
font-weight:600 !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{
position: absolute;
width:auto;
display:block;
cursor:pointer;
box-sizing:content-box;
left:30px !important;
padding-left:0px !important;
}
*/

.toggle{
top:100px !important;
left:10px;
}

@media (min-width: 768px) { /* Affect "md" */
.toggle{
top:70px !important;
left:10px;
}
}
@media (min-width: 992px) { /* Affect "lg" */
.toggle{
top:85px !important;
left:30px;
}
}	
		
		


.icons_overlap{
position: absolute; 
top: 0; 
width: 100%;
text-align: right;
}