/* Table of content
1.General - This is created general styles and overide some bootstrap classes.
2.Layout
 2.1 Animations
 2.2 Buttons
 2.3 Thumbnail - overide bootstrap thumbnail and add mased efect
 2.4 Socail icons -style for social icons list
3 Sections - definition for section and subsection
 3.1 Services
 3.2 Portfolio
 3.3 About
 3.4 Clients
 3.5 Price table
 3.6 Newsletter
 3.7 Contact
 3.8 Footer
4 Responsive

**********************************************************************

 COLOR SCHEME
**********************************************************************
PALE BLUE - #A1C2E2
LIGHT BLUE - #4F80B3 +/-1
DARK BLUE - #254D75

DARK GREY - #1E2124

GOLD - #F8C80A
RED - #981A17
BLACK
**********************************************************************/
/*
1. General
**********************************************************************/
body {
    font-family: Arial, sans-serif, Helvetica !important;
    color: #fff;
    /*    line-height:1.2em;*/
    font-size: 17px;
    /*    line-height:20px;*/
}

.header {
    /*	display: none;*/
    position: relative;
    z-index: 50;
    margin: 0;
}

img {
    max-width: 100%;
}

/*.cartcontainer .cart, ul.cartWrap {
	border: 1px solid #0ff;
}*/

/*.pageheadercontainer {
	width: 100%;
	display:inline-block;
	position:relative;
}*/

.pageheadermobile {
    display: none;
    margin: 5px auto;
    width: 90%;
    padding: 5px;
}

.fixedbody {
    overflow: hidden;
}

a.navigationMobile {
    display: none;
}

a.navigationDesktop {
    display: block;
}

.third-section .container p a,
.third-section .container p {
    color: #254d75;
}

.third-section .container p a:hover {
    color: #981a17;
}

@media screen and (max-width: 768px) {
    a.navigationMobile {
        display: block;
    }

    a.navigationDesktop {
        display: none;
    }
    .help-section textarea {
        width: 100% !important;
    }
}

/* @768px */

.menuscroll {
    overflow: scroll;
    border: 1px solid #0f0 !important;
}

a {
    color: #ffffff;
    text-decoration: none;
}

a:hover {
    color: #981a17;
    /*#254D75;*/
    text-decoration: none;
    font-weight: bold;
}

a.preorder-link {
    color: #254d75;
    text-decoration: none;
    font-weight: bold;
}

.head {
    font-family: Verdana, Arial, Helvetica;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
}

.headbl {
    font-family: Verdana, Arial, Helvetica;
    font-size: 18px;
    font-weight: bold;
    color: #003366;
}

.shead {
    font-family: Verdana, Arial, Helvetica;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
}

.sheadbl {
    font-family: Verdana, Arial, Helvetica;
    font-size: 15px;
    font-weight: bold;
    color: #003366;
}

.sshead {
    font-family: Verdana, Arial, Helvetica;
    font-size: 13px;
    font-weight: bold;
    color: #003366;
}

.ssheadr {
    font-family: Verdana, Arial, Helvetica;
    font-size: 13px;
    font-weight: bold;
    color: #cc0000;
}

.abasebl {
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    color: #003366;
}

.abase {
    font-family: Verdana, Arial, Helvetica;
    font-size: 12px;
    color: #000000;
}

.basebl {
    font-family: Verdana, Arial, Helvetica;
    font-size: 12px;
    color: #003366;
}

.base {
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    color: #000000;
}

.baseg {
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    color: #008080;
}

.baser {
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    color: #cc0000;
}

.baseo {
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    color: #ff8000;
}

.basep {
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    color: #cc00cc;
}

.baseb {
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}

.basew {
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
}

.sbasew {
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
}

.sbase {
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    color: #003366;
}

.sbaser {
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    color: #cc0000;
}

.sbaseg {
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    color: #008080;
}

.sbaseo {
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    color: #ff8000;
}

.sbasep {
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    color: #cc00cc;
}

.sbaseb {
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    font-weight: bold;
    color: #003366;
}

.ssbase {
    font-family: Verdana, Arial, Helvetica;
    font-size: 9px;
    color: #003366;
}

.ssbaseb {
    font-family: Verdana, Arial, Helvetica;
    font-size: 9px;
    font-weight: bold;
    color: #003366;
}

.ssbaseg {
    font-family: Verdana, Arial, Helvetica;
    font-size: 9px;
    color: #999999;
}

.ssbasedg {
    font-family: Verdana, Arial, Helvetica;
    font-size: 9px;
    color: #666666;
}

.sbase,
.sbase a.link,
.sbase a,
.base,
.base a.link,
.base a,
a.lbase,
a.link.ftnav {
    color: #254d75;
    text-decoration: none;
    font-weight: bold;
}

.sbase a.link:hover,
.sbase a:hover,
.base a.link:hover,
.base a:hover,
a.lbase:hover,
a.link.ftnav:hover {
    color: #b0c4de;
    /*#254D75;*/
    text-decoration: none;
    font-weight: bold;
}

a.link,
a.link:hover {
    color: #b0c4de;
    /*#254D75;*/
    text-decoration: none;
    font-weight: bold;
}

a.submegamenutitle,
a:link.submegamenutitle,
a:visited.submegamenutitle,
a:active.submegamenutitle {
    color: #981a17;
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
}

a:hover.submegamenutitle {
    color: #254d75;
    /*#981A17; /*#254D75;*/
    text-decoration: none;
    font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
}

h1 {
    margin: 10px;
}

h2.blue {
    font-size: 24px;
    color: #254d75;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.blue {
    padding: 8px;
    font-size: 0.6em;
    font-weight: 100;
    color: #254d75;
}

p {
    padding: 10px;
    font-weight: 100;
    color: #fff;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    table-layout: auto;
    /*	display: table;*/
    width: 100%;
    margin: 0px auto;
    padding: 0 0 0 0;
    /*    border: 1px solid red;*/
}

/*tr:first-child, tr:first-child td {
	color:#fff;
	background-color: #000;
	font-weight: bold;
	font-size: 12px;
}*/
table.preorders tr:nth-child(odd),
table.preorders tr:nth-child(even) {
    background-color: #fff;
}

/*tr:hover {background-color: #981A17;} /* B0C4DE; light blue */
/*tr:nth-child(odd):hover {background-color: #BA3C39;}*/
tr:nth-child(odd) {
    background-color: #eee;
}

tr:nth-child(odd) td,
tr:nth-child(odd) td p {
    color: #000;
}

tr:nth-child(even) {
    background-color: #fff;
}

tr:nth-child(even) td,
tr:nth-child(even) td p {
    color: #000;
}

/*tr:nth-child td a, tr:nth-child td a:hover { color:#000;}*/

tr.header,
tr.header td,
tr.header2,
tr.header2 td {
    background-color: #000;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

tr.title,
tr.title td {
    background-color: #b0c4de;
    color: #fff;
    font-weight: bold;
}

th {
    height: auto;
    font-weight: bold;
    /*	color: #fff;*/
    background-color: #254d75;
    /* -- DARK BLUE  /  181A1C -- DARK GREY */
}

td {
    color: #000;
}

th,
td {
    /*	font-size: 10px;*/
    padding: 5px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    vertical-align: top;
}

.SEARCHFORM {
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
    color: #000;
}

.SEARCHFORM-INPUT,
input[class*="SEARCHFORM-INPUT"] {
    padding: 5px;
    margin-top: 8px;
    font-size: 17px;
    height: 30px;
    width: 450px;
    border: 1px solid #000000;
}

button[type="submit"].SEARCHFORM-BUTTON,
button[type="reset"].SEARCHFORM-BUTTON {
    text-align: center;
    text-transform: uppercase;
    /*	font-size:1.5em;*/
    font-weight: bold;
    color: #fff;
    /*	margin: 10px; */
    width: 8em;
    /*    height: 1.5em;*/
    border-radius: 5px;
    background: #4f80b3;
}

button[type="submit"].SEARCHFORM-BUTTON:hover,
button[type="reset"].SEARCHFORM-BUTTON:hover {
    background: #254d75;
}

button[type="submit"].SEARCHFORM-BUTTON:after,
button[type="reset"].SEARCHFORM-BUTTON:after {
    padding: 0.5em;
    position: relative;
    right: 0;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -ms-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.SEARCHFORM-KW {
    display: table-cell;
    width: 75%;
    margin: 0;
    padding: 0;
}

.SEARCHFORM-SEARCHBY {
    display: table-cell;
    width: 25%;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.SEARCHFORM-SORT,
.SEARCHFORM-SEARCHIN {
    display: table-cell;
    width: 12%;
    font-size: 11px;
}

.SEARCHFORM-SORTMENU {
    display: table-cell;
    width: 88%;
}

.SEARCHFORM-CAT,
.SEARCHFORM-MAN,
.SEARCHFORM-SPACE {
    display: table-cell;
    width: 44%;
    padding: 10px;
}
#product-categories {
    background-color: white;
}
@media (max-width: 768px) {
    .SEARCHFORM-KW,
    .SEARCHFORM-SEARCHBY {
        display: block;
        margin-bottom: 8px;
        width: 100%;
    }
    .cart .items .cartSection p.stockStatus {
        padding-left: 0 !important;
    }
    .help-section ol {
        padding-left: 24px;
    }
    .help-section ol li b {
        word-wrap: break-word;
    }
    .searchFormInput,
    #F_SEARCHBY,
    .SEARCHFORM-SORTMENU,
    .SEARCHFORM-SORT,
    .SEARCHFORM-SEARCHIN,
    #F_CATEGORY,
    #F_SUPPLIER,
    #F_ORDERBY,
    #F_SEARCHBY {
        width: 100% !important;
    }
    .SEARCHFORM-SORT,
    .SEARCHFORM-SEARCHIN,
    .SEARCHFORM-SORTMENU,
    .SEARCHFORM-CAT,
    .SEARCHFORM-MAN,
    .SEARCHFORM-SPACE {
        display: block;
    }
    .SEARCHFORM-CAT,
    .SEARCHFORM-MAN {
        font-size: 16px;
    }
}

@media (max-width: 600px) {
    .SEARCHFORM-SEARCHIN,
    .SEARCHFORM-SPACE {
        display: none;
    }

    .SEARCHFORM-INPUT,
    input[class*="SEARCHFORM-INPUT"] {
        width: 350px;
    }
}

p.product-code,
p.product-title,
p.product-desc {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

p.product-title {
    font-size: 16px;
    padding-block: 4px;
    font-weight: bold;
    line-height: 16px;
}

p.product-code,
p.product-desc {
    line-height: 16px;
    font-size: 10px !important;
}

.navbar {
    background: #000;
    margin-bottom: 0;
    /*	border: 1px solid #00f;*/
}

.navbar-fixed-top {
    min-height: 100px;
    /* 60px */
    height: 100px;
    /* 60px */
    padding-top: 0;
}

.fixedPosition

/* for body when navigation is open */ {
    position: fixed;
}

.navbar-inner {
    background: #000;
    border-radius: 0;
    filter: none;
    border: none;
    box-shadow: none;
    height: 100px;
    /*	border: 1px solid #0f0;
    min-height:100px; /* 60px / 132px */
}

.navbar .brand img {
    width: 240px;
    height: 80px;
    /*    width:120px;
    height:40px; */
}

.navbar .nav > li > a {
    text-transform: uppercase;
    line-height: auto;
    vertical-align: middle;
    margin: 10px 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: 1px solid #181a1c;
    box-shadow: none;
    font-size: 15px;
    text-shadow: none;
    color: #fff;
    transition: border-color 1s ease;
}

.navbar .nav > li:hover > a,
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    border: 1px solid #254d75;
    color: #fff;
    background-color: #181a1c;
    transition: border-color 1s ease;
}

/*.header-MegaNavMenu {
		border: 1px solid #f00;
	}
.navMegaNavMenucontainer {
		border: 1px solid #0f0;
    	background-color: #000;
	}*/

.nav-pills {
    margin-bottom: 30px;
}

.nav-pills > li > a {
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-right: 5px;
    padding-left: 25px;
    padding-right: 25px;
    border: 1px solid #181a1c;
}

.nav-pills > li > a:hover,
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
    background: #181a1c;
    color: #fff;
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar {
    border-radius: 0;
    background: #981a17;
    /*#254D75;*/
    color: #000;
}

hr {
    display: block;
    margin: 0px;
    border-style: inset;
    border-width: 1px;
    opacity: 1;
}

.searchbox2 {
    font-family: Arial, sans-serif, Helvetica;
    font-size: 10px;
    width: 130px;
    height: 19px;
    background-color: #ffffff;
    border-color: #808080;
    border-width: 1px;
    padding: 0px;
    padding-left: 0px;
    padding-top: 0px;
    vertical-align: top;
}

.button2 {
    /* This part hides the original button. center center*/
    background-color: transparent;
    border: 0px;
    padding: 0px;
    padding-left: 0px;
    padding-top: 0px;
    overflow: hidden;
    /* This part defines its new look. */
    background-image: url("../images/common/btt_search.gif");
    background-position: center center;
    background-repeat: no-repeat;
    width: 30px;
    height: 19px;
    max-width: 30px;
    max-height: 19px;
    cursor: hand;
}

select[class*="additionalinfo"] {
    width: 80%;
    /*	margin: 0px auto;
	padding: 0px;*/
}

.searchform2 {
    margin: 5px auto 0px 150px;
    width: 940px;
}

.searchform .search-container {
    float: right;
}

.searchform input[type="text"] {
    padding: 5px;
    margin-top: 8px;
    font-size: 17px;
    border: none;
}

.searchform2 input[type="text"] {
    padding: 6px;
    margin-top: 8px;
    font-size: 12px;
    border: none;
    width: 300px;
    height: 20px;
    margin: 0px;
    border-radius: 3px;
}

.searchform .search-container button {
    float: right;
    padding: 6px 10px;
    margin-top: 8px;
    margin-right: 16px;
    background: #000;
    font-size: 17px;
    border: none;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    margin: 0px;
    padding: 0px;
    width: 80px;
    height: 26px;
    border-radius: 3px;
}

.searchform2 .search-container2 button {
    padding: 0px;
    /*6px 10px;*/
    margin-top: 3px;
    margin-right: 16px;
    margin: 0px;
    background: #000;
    font-size: 18px;
    border: none;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    width: 40px;
    height: 20px;
    border-radius: 3px;
}

#search-table {
    display: table;
}

.search-link,
.search-link a {
    float: left;
    width: 90px;
    font-size: 11px;
    color: #fff;
    font-weight: normal;
    visibility: visible;
    /* hidden;*/
    /*	border: 1px solid #ccc;*/
    margin-top: 3px;
}

.search-link a:hover {
    color: #ccc;
}

#search-field {
    float: left;
}

.searchform .search-container button:hover {
    background: #181a1c;
}

.searchform2 .search-container2 button:hover {
    color: #181a1c;
    background: #a1c2e2;
}

form[class*="headersearch"] input[type="text"] {
    background: #eee;
    /*	color: #fff;*/
}

form[class*="noperpage"],
form[class*="stockquery"] {
    margin: 0;
    padding: 0 5px 0 0;
    display: inline;
    /* display: inline-block;*/
    /* border: 1px solid #000;*/
}

select[class*="noperpage"] {
    width: 42px;
    height: 22px;
    margin: 0px auto;
    padding: 0px;
    background-color: #254d75;
    color: #fff;
}

select[class*="stockquery"] {
    width: 130px;
    height: 22px;
    margin: 0px auto;
    padding: 0px;
    background-color: #254d75;
    color: #fff;
}

select[class*="noperpage"]:hover,
select[class*="stockquery"]:hover {
    background-color: #4f80b3;
}

input[type="text"] {
    height: 28px !important;
}

input[type="text"].cart.quantity {
    /*	font-size: .95em;*/
    width: 50px;
    /* 36px ~ 4.2 / 6 ~ 52px */
    height: 22px;
    margin: 0px auto;
    padding: 0px;
    /*    box-sizing: border-box;*/
}

button[type="submit"][class*="add-to-cart-btn"],
button[type="submit"][class*="add-to-rewards-cart-btn"] {
    /*	word-wrap: break-word;
	word-break: break-all;
	overflow-wrap: break-word;*/
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-size: 8.5px;
    line-height: 8.5px;
    font-weight: bold;
    color: #fff;
    margin: 0px;
    padding: 0px;
    width: 44px;
    height: 26px;
    border-radius: 3px;
    /*    border: 1px solid #981A17;*/
    background: #003366;
    /*#181A1C;*/
}

.control-group .controls {
    color: #181a1c;
}

.contact-form a.link {
    color: #181a1c;
    font-weight: bold;
}

.infoWrap .cartSection a:hover {
    color: #181a1c;
}

.thumbnail.products .prodpricing p {
    color: #fff;
}

/*.prodTotal.cartSection.priceList p {
	color:#fff;
}*/
.cartSection.removeWrap.cartQuantity p.cartQuantity {
    /*	.cartQuantity */
    color: #254d75;
    font-weight: bold;
    font-size: 18px;
    /*	border: 1px solid #FF0000;*/
}

.cartQuantityContainer {
    /* display: table; */
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px !important;
}

.cartQuantityContainerRow p.price b,
.cartQuantityContainerRow2 p.price b {
    font-size: 1.5em;
    font-weight: bold;
    color: #254d75;
}

input[type="text"].qty {
    /*    width: 50px;
    height: 22px;
	margin: 0px auto;
	padding: 0px;*/

    padding: 0px;
    margin: 0px auto;
    width: 55px;
    line-height: 12px;
    height: 22px;
}

.cartQuantityContainerRow p.qty_title b,
.cartQuantityContainerRow p.qty_value b,
p.qty_title b,
p.qty_value b {
    font-weight: bold;
    color: #254d75;
}

p.qty_title em {
    font-size: 9px;
    line-height: 9px;
    font-weight: bold;
    color: #4f80b3;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    word-break: break-word;
    margin-top: 5px;
}

.cartQuantityContainerRow p.qty_title b {
    font-size: 11px;
    line-height: 90%;
}

.cartQuantityContainerRow p.qty_value b,
p.qty_value b {
    font-size: 14px;
    line-height: 0.7;
    padding: 0;
    margin: 0;
}

.cartQuantityContainerRow,
.cartQuantityContainerRow2 {
    float: left;
    /* fix for  buggy browsers */
    display: table-column;
    font-size: 12px;
    font-weight: bold;
    color: #254d75;
    /* text-align: center; */
    bottom: 0;
    /*	max-width: 80px;*/
    padding: 0px;
}

.cartQuantityContainerRow2 {
    width: 40%;
}

.cartQuantityContainerRow {
    width: 15%;
    /*	border: 1px solid #0000ff;*/
    vertical-align: text-top;
}

/******
2. Layout
**********************************************************************/
.div-table {
    display: table;
    width: 100%;
    background-color: #eee;
    border: 1px solid #666666;
    border-spacing: 5px;
    /* cellspacing:poor IE support for  this */
}

.div-table-row {
    display: table-row;
    width: 90%;
    clear: both;
}

.div-table-col {
    color: #000;
    float: left;
    /* fix for  buggy browsers */
    display: table-column;
    width: 25%;
    background-color: #ccc;
}

.div-table-col2 {
    color: #000;
    float: left;
    /* fix for  buggy browsers */
    display: table-column;
    width: 50%;
    background-color: #ccc;
}

.div-table-col a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.div-table-col a:hover {
    color: #981a17;
    /*#254D75;*/
    text-decoration: none;
    font-weight: bold;
}

.centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
    text-align: center;
}

/* Use this class if you want ceter element with span* class */
.center {
    float: none !important;
    margin: 0 auto !important;
    text-align: center;
}

.highlighted-box {
    background: #f4f8f9;
    padding: 20px 30px;
}

.highlighted-box h1 {
    margin: 0px;
}

.large-text {
    line-height: 1.2em;
    font-size: 30px;
    color: #181a1c;
    padding: 20px;
    margin-bottom: 20px;
}

.highlighted-box h1,
.highlighted-box p {
    color: #181a1c !important;
}

.circle-border {
    display: inline-block;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    -khtml-border-radius: 500px;
    border: 3px solid #fff;
}

/*.circle-border img{
	object-fit: cover;
	width: 240px;
	height: 240px;
}*/

.left-align {
    text-align: left;
    /*	width:40%;*/
    /*	margin: 0 auto;*/
    /*    border: 3px solid #f00;*/
    /*    position: relative;*/
}

.right-align {
    /*	float: right;*/
    /*	margin: 0 auto;*/
    text-align: right;
    /*	width:40%;*/
    /*    border: 3px solid #00f;*/
    /*    position: absolute;*/
}

.news-list-sections .row-fluid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: stretch;
    gap: 6px;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}
.news-list-sections .row-fluid::before {
    display: none;
}
.news-list-sections .span4 {
    width: 100%;
    height: 100%;
    margin: 0 !important;
}
.right-align img {
    float: right;
}

.poviewpreference,
a.poviewpreference {
    color: #fff;
}

.viewpreference,
.third-section .accountinfo,
.third-section a.accountinfo,
a.viewpreference {
    color: #254d75;
}

.secondary-section .accountinfo,
.secondary-section a.accountinfo,
.quinary-section .accountinfo,
.quinary-section a.accountinfo,
.senary-section .accountinfo,
.senary-section a.accountinfo {
    color: #fff;
}

/* tertiary, quaternary, quinary, senary, septenary, octonary, nonary, and denary*/

.viewpreference {
    vertical-align: text-top;
}

.accountinfo,
a.accountinfo {
    font-size: 10px;
    padding: 5px;
    font-weight: bold;
}

a.viewpreference {
    padding: 5px;
    font-size: 20px;
}

.senary-section a.viewpreference:hover {
    color: #a1c2e2;
}

.secondary-section a.viewpreference:hover,
.third-section a.viewpreference:hover,
.fourth-section a.viewpreference:hover,
.quinary-section a.viewpreference:hover,
.third-section a.accountinfo:hover {
    color: #4f80b3;
}

.secondary-section a.accountinfo:hover,
.quinary-section a.accountinfo:hover {
    color: #eee;
}

.left-right-container {
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    height: auto;
    min-height: 20px;
    /*    padding: 10px;*/
    /*    border: 1px solid #00f;*/
}

.left-container {
    float: left;
}

.right-container,
.right-container img {
    float: right;
}

.error {
    color: #cf0000;
    display: none;
}

.invisible {
    display: none;
    visibility: visible;
}

.triangle {
    margin: 0 auto;
    text-align: center;
    width: 0;
    height: 0;
    border-top: 30px solid #181a1c;
    border-left: 585px outset transparent;
    border-right: 585px outset transparent;
    position: relative;
}

.primary-section .triangle {
    border-top: 40px solid #254d75;
}

.secondary-section .triangle {
    border-top: 40px solid #fff;
}

.senary-section .triangle {
    border-top: 40px solid #254d75;
}

/*
2.1 Animations
**********/
.zoom-in {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
}

.zoom-in:hover {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}

/*
2.2 Buttons - There are buttons on a transparent background, primary and secondary color background.
**********/
a.da-promo-link.button {
    color: #fff;
    border: 1px solid #fff;
    font-weight: bold;
}

.button,
.button:visited,
.button:focus {
    display: inline-block;
    border: 1px solid #181a1c;
    color: #181a1c;
    background-color: transparent;
    padding: 10px 20px;
    font-size: 17px;
    line-height: auto;
}

.button:hover,
.button:active {
    background-color: #181a1c;
    color: #fff;
}

.button-sp,
.button-sp:visited,
.button-sp:focus {
    border: none;
    background-color: #254d75;
    color: #181a1c;
}

.button-sp:hover,
.button-sp:active {
    background-color: #181a1c;
    color: #254d75;
}

.button-ps,
.button-ps:visited,
.button-ps:focus {
    border: none;
    background-color: #181a1c;
    color: #254d75;
}

.button-ps:hover,
.button-ps:active {
    background-color: #254d75;
    color: #181a1c;
}

/*
2.3 Thumbnails - Predefined bootstrap's thumbnail class.
**********/
.thumbnail {
    width: 100%;
    height: 100%;

    padding: 6px;
    overflow: hidden;
    position: relative;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    text-align: center;
    background: #2f343a;
    /* B0C4DE  #981A17;*/
}

.thumbnail.categories {
    background: #981a17;
}

/* ul.thumbnails.row.retailersul {
     display: flex;
  display: block;
    display: table;
} */
.retailers p {
    min-height: 55px;
    /*	border: 1px solid #eee;*/
}

/* ul.thumbnails.row.retailersul li {
    	display: table-cell;
} */

/*.playsoftheweek {
	height:350px;
}*/
/*#portfolio-grid.thumbnails, #preorders-grid.thumbnails,ul.thumbnails.row, #playsoftheweek-grid.thumbnails {
 display: flex; /* flex: 1; * /
}*/

/*ul.thumbnails.row li.span4.mix,
#portfolio-grid.thumbnails li,
#preorders-grid.thumbnails li,
#playsoftheweek-grid.thumbnails li {
   flex: 1; /*  display: flex;
    } */

/*.thumbnail.categories {
	padding:0px auto;
	margin:0px auto;
    border: 1px solid #00FF00;
}*/

/*.thumbnail.products {
    background: #B0C4DE; /* 2F343A;
}*/

.playsoftheweek {
    max-height: 450px;
}

#playsoftheweek-grid img {
    object-fit: cover;
    width: 216px;
    height: 216px;
    border: 3px solid #000;
}
.thumbnail.products a img {
    object-fit: contain;
    width: 216px;
    height: 216px;
    min-width: 216px;
    min-height: 216px;
    border: 3px solid #000;
}

.prodimg img {
    /*	object-fit: cover;
    width:240px;
    height:240px;*/
    border: 3px solid #a1c2e2;
    margin: 10px;
}

/*
.thumbnail.products img {
	object-fit: cover;
    width:240px;
    height:240px;
    border: 2px solid #000;
}*/

.catcontainer {
    max-height: 260px;
    overflow: hidden;
}

.catcontainer a:hover {
    color: #fff;
    letter-spacing: 0px;
}

.thumbnail.categories img {
    /*	object-fit: cover;*/
    /*	padding:0px auto; */
    margin: 5px auto;
    width: 240px;
    height: 120px;
    border: 3px solid #000;
}

.news .thumbnail {
    min-height: 280px;
}

/*.news .thumbnail a:hover {
    color:#fff;
}*/

.news .thumbnail img,
.news .thumbnail iframe {
    object-fit: cover;
    width: 280px;
    height: 160px;
    border: 3px solid #000;
}

.news .thumbnail h3 {
    min-height: 70px;
    /*    border: 1px solid #cccccc;*/
}

.news .thumbnail .newsdate {
    min-height: 20px;
    /*    border: 1px solid #cccccc;*/
}

#news a:hover {
    color: #fff;
}

/*
.news .thumbnail {
  display: flex;
}*/

.thumbnail .more {
    display: block;
    z-index: 4;
    position: absolute;
    top: -100px;
    left: 50%;
    margin: 0 auto;
    margin-left: -41px;
    width: 80px;
    height: 80px;
    font-size: 40px;
    color: #fff;
    text-decoration: none;
    line-height: 70px;
    text-align: center;
}

.thumbnail:hover .more {
    top: 40%;
    margin-top: -40px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3 s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.thumbnail h3,
.thumbnail p {
    line-height: 20px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 4;
}

.thumbnail h3,
.thumbnail.categories h3 {
    color: #fff;
    margin-top: 10px;
    font-size: 20px;
    font-weight: bold;
}

.thumbnail > p {
    padding-bottom: 20px;
}

.thumbnail .mask {
    opacity: 0.85;
    filter: alpha(opacity=85);
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #181a1c;
    position: absolute;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2 s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.thumbnail:hover .mask {
    top: 0;
}

/*
2.3.1 PreOrders - Predefined bootstrap's PreOrders class.
**********/
ul.thumbnails.row.preordersul {
    display: flex;
}

.preorders-thumbnail {
    width: 100%;
    height: 100%;
    max-height: 450px;
    padding: 0;
    overflow: hidden;
    position: relative;
    border: 0;
    /*	border-color: #0000ff;*/
    border-radius: 0;
    box-shadow: none;
    text-align: center;
    background: #333;
    /* #2F343A; B0C4DE */
}

.preorders-thumbnail .more {
    display: none;
    /*visibility: hidden;*/
    /*    display:block;
    z-index:4;
    position:absolute;
    top:-100px;
    left:50%;
    margin:0 auto;
    margin-left:-41px;
    width:80px;
    height:80px;
    font-size:40px;
    color:#fff;
    text-decoration:none;
    line-height: 70px;
    text-align: center;*/
}

.preorders-thumbnail:hover .more {
    display: block;
    z-index: 4;
    position: absolute;
    /*    top:-100px;*/
    margin: 0 auto;
    /*        left:50%;
margin-left:-41px;*/
    /*    width:100px;
    height:80px;*/
    font-size: 40px;
    color: #fff;
    /*#981A17; /* #254D75; */
    /*    text-decoration:none;*/
    text-align: center;
    line-height: 35px;

    top: 40%;
    margin-top: -20px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3 s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.preorders-thumbnail h3,
.preorders-thumbnail p {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 4;
}

.preorders-thumbnail h1 {
    color: #fff;
    margin-top: 10px;
    font-size: 28px;
    font-weight: bold;
}

.preorders-thumbnail h1,
.playsoftheweek h1,
.preorders-thumbnail h3,
.playsoftheweek h3,
.service h3 {
    color: #fff;
    margin-top: 10px;
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
    /*	border: 1px solid #ff0;*/
}

.preorders-thumbnail h1,
.playsoftheweek h1 {
    height: 35px;
}

.preorders-thumbnail h3,
.playsoftheweek h3,
.service h3 {
    min-height: 70px;
}

.preorders-thumbnail > p {
    padding: 5px;
    padding-bottom: 5px;
    margin-left: 10px;
    text-align: left;
}

.preorders-thumbnail .mask {
    opacity: 0.85;
    filter: alpha(opacity=85);
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #981a17;
    /*#999; /*#181A1C;*/
    position: absolute;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2 s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.preorders-thumbnail:hover .mask {
    top: 0;
}

/*
2.4 Socail icons
************/
.social {
    list-style: none;
    float: none;
    position: relative;
    margin: 5px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    padding: 30px 0;
}

.social li {
    display: inline-block;
    line-height: 32px;
    font-family: Arial, sans-serif, Helvetica;
    /*'Porta';*/
    font-size: 32px;
    /* padding: 0 5px; */
}

.social li a {
    margin: 0;
    padding: 0;
    width: 32px;
    height: 32px;
    color: #254d75;
}

.social li a:hover {
    color: #181a1c;
}

/*
3. Sections
***************************************************************************/
.section {
    padding-bottom: 40px;
}

.advert-container {
    display: block;
    margin: auto;
    /*    margin-left: auto;
    margin-right: auto;*/
    /*  display: flex;
  flex-flow: row nowrap;
  align-items: center;*/
    object-fit: contain;
    padding: 0;
    /*    max-height: 10%;
	margin: 0;*/
    width: 100%;
    max-width: 1920px;
    /*	max-height:230px;*/
    vertical-align: middle;
}

.promo-container {
    padding-top: 40px;
    /*	border: 1px solid #0f0;
	max-width:1170px;
	align: center;*/
}

.section .container {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 18px;
    color: #fff;
    font-weight: lighter;
}
.common-h2 {
    font-weight: normal;
}

a.blacklink {
    color: #181a1c;
}

.provincelist a {
    color: #fff;
}

.provincelist {
    background: #181a1c;
}

/*.section .container a {
    color: #000;
}*/
.section .container .instructions {
    padding: 40px;
}

.section .title {
    text-align: center;
    padding: 10px;
    /*    margin-bottom: 10px; */
}

.section .title h1 {
    font-weight: normal;
    /*    margin-bottom: 20px;*/
    padding: 0;
}

.section .title > p {
    font-size: 20px;
    color: #fff;
    font-weight: lighter;
}

.primary-section {
    background: #181a1c;
}

/* .primary-section .title {
      border-bottom: 1px solid #FFF;
}*/
.primary-section,
.primary-section .title p,
.primary-section h3 {
    color: #fff;
    /* #254D75; */
}

.primary-section h1 {
    color: #fff;
}

.secondary-section {
    background: #254d75;
}

.third-section a:hover,
.fourth-section a:hover,
.quinary-section a:hover,
.senary-section a:hover {
    color: #fff;
    /* #4F80B3; */
}

.primary-section .container a:hover {
    color: #4f80b3;
}

.secondary-section .container a:hover {
    color: #ccc !important;
}

.secondary-section .title {
    /*    border-bottom: 1px solid #181A1C;*/
}

.secondary-section h1,
.secondary-section .title p,
.secondary-section p,
.quinary-section h1,
.quinary-section .title p,
.quinary-section p,
.senary-section h1,
.senary-section .title p,
.senary-section p {
    color: #fff;
    /*#181A1C;*/
}

/* Third section use bacground image */
.third-section {
    padding-bottom: 50px;
    background: #fff;
    /*    background: #181A1C url(../images/brand-bg.png) no-repeat center;*/
    /*    border-top:6px solid #254D75;*/
}

.third-section .title > p {
    /* p strictly contained in .title only */
    font-size: 20px;
    color: #000;
    font-weight: lighter;
}

.third-section .container {
    padding-top: 20px;
    position: relative;
}

.senary-section {
    background: #4f80b3;
}

.quinary-section {
    background: #181a1c;
}

.third-section .title {
    /*    border-bottom: 1px solid #A1AAB7;*/
    color: #254d75;
}

.third-section .title a {
    /*    border-bottom: 1px solid #A1AAB7;*/
    color: #981a17;
}

.third-section .title a:hover {
    /*    border-bottom: 1px solid #A1AAB7;*/
    color: #254d75;
}

/* Fourth section */
.fourth-section {
    padding-bottom: 0;
    background: #981a17;
    /*    border-top:6px solid #fff;*/
}

.fourth-section .container {
    /* padding-top: 20px; */
    position: relative;
}

.fourth-section .title {
    /*    border-bottom: 1px solid #A1AAB7;*/
    color: #254d75;
}

.sub-section {
    margin-top: 30px;
}

.sub-section .title {
    padding: 0;
    color: #981a17;
    /*#181A1C;*/
}

.sub-section p {
    color: #000;
    /*#181A1C;*/
    /*	font-size: 8px; /* NOT CONTROLLED AT THIS LEVEL? */
}

/*******
3.1 Services
***************************************/
.service {
    margin-top: 20px;
}

.service,
.service h2 {
    padding-top: 15px;
}

.service p {
    padding: 0px 50px;
    height: 60px;
}

.preorders-thumbnail img {
    object-fit: cover;
    width: 240px;
    height: 240px;
}

.service img {
    width: 240px;
    /* 150px;*/
    height: 240px;
    /* 150px;*/
}

/*
3.2 Portfolio
***************************************/
.single-project {
    margin-bottom: 30px;
    background: #181a1c;
}

.single-project img {
    width: 100%;
}

.project-description {
    padding-right: 20px;
}

.project-description p {
    padding-left: 0;
}

.project-title {
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #254d75;
}

.project-title h3 {
    float: left;
    margin-top: 0;
    padding: 0;
    width: 80%;
}

.project-title .close {
    color: #254d75;
    margin-top: 10px;
}

.project-info span,
.project-title h3 {
    color: #254d75;
}

.project-info {
    font-weight: 100;
    padding: 10px 0;
}

.project-info span {
    width: 80px;
    display: inline-block;
}

.project-info div {
    margin-bottom: 5px;
}

.close {
    float: right;
    width: 40px;
    height: 40px;
    text-align: center;
}

#portfolio-grid .mix,
#preorders-grid .mix {
    opacity: 0;
    display: none;
}

/*
3.2.1 Bottom Navigation Links
******************************************************************/
.linkscontainer {
    margin: 0 auto;
    width: 100%;
}

.linkswrap {
    margin: 0 auto;
}

.links {
    display: inline-block;
    width: 22%;
    background: #fff;
    margin: 1%;
    padding: 8px;
    /*  border:1px solid #0f0;*/
    /*	align:center;*/
    color: #181a17;
    text-align: center;
}

@media (max-width: 979px) {
    .cartQuantityContainerRow2 {
        width: 40%;
    }

    .cartQuantityContainerRow {
        width: 20%;
    }

    th,
    td {
        font-size: 12px;
    }

    .links {
        width: 30%;
        margin: 1%;
    }
}

/* @979 */

@media (max-width: 768px) {
    .cartQuantityContainerRow2,
    .cartQuantityContainerRow {
        width: 30%;
    }
    .prodimges {
        padding-bottom: 0 !important    ;
    }

    tr.header2,
    tr.header2 td {
        font-size: 8px;
        background-color: #000;
        color: #fff;
        font-weight: bold;
    }

    /*tr.hidden-tr {display:block; }
	tr:nth-child(2) {background-color: #000;}
	tr:nth-child(2) td {background-color: #000; color: #fff;}
	tr:nth-child(odd) {background-color: #fff; border-bottom: 1px solid #ddd;}
	tr:nth-child(even) {background-color: #fff; border-bottom-style: none;}

	td.product-col { display: table-row; width: 100%;
	/*clear:both; display:block; float: left;  box-sizing:border-box; */
    /*-webkit-column-span: all; /* Chrome, Safari, Opera */
    /*  column-span: all;
	}
	*/
    th,
    td {
        font-size: 10px;
        padding: 5px;
        margin: 0px;
        /*	border-bottom-style: none;
		line-height: 9px;*/
    }

    /* p.product-code {
        padding: 5px 0 0 5px;
    } */

    /* p.product-title,
    p.product-desc {
        padding: 0 0 0 5px;
    } */

    .links {
        width: 47%;
        margin: 1%;
    }

    .cart .items {
        padding: 0.9em;
    }

    .cart .items .cartSection.prodTotal.priceList {
        margin: 0px;
        padding: 0px;
    }

    .cartcontainer {
        width: 100%;
        padding: 0;
        margin: 0;
        /*	border: 1px solid #ff00ff;*/
    }

    .cartcontainer ul {
        margin: -10px;
        /*		border: 1px solid #ff00ff;*/
    }
}

/* @767 */

@media (max-width: 460px) {
    tr.title,
    tr.title td {
        color: #000;
        padding: 5px 0 0 5px;
    }

    th,
    td {
        font-size: 9px;
        padding: 5px;
        margin: 0px;
        line-height: normal;
        /* border-bottom: 1px solid transparent; */
    }

    .preorders .product-title {
        font-size: 12px !important;
        line-height: 12px;
    }

    .links {
        width: 98%;
        margin: 1%;
    }

    .cart .items {
        padding: 20px;
    }
}

/* @460 */

.links img {
    margin: 5px auto;
}

.links .linksurl {
    margin: 0px auto;
    padding: 3px;
    /*  border:1px solid #f00;*/
    /*	align:center;*/
    color: #181a17;
    text-align: center;
}

.links a {
    white-space: nowrap;
    line-height: 3;
    color: #254d75;
    /*#181A17;*/
    /*	background:#eee;*/
    font-weight: bold;
    font-size: 10px;
    /*	padding: 8px;
	*/
    font-family: Arial, sans-serif, Helvetica;
}

.links a .linksurl:hover {
    color: #fff;
    background: #a32725;
    z-index: 900;
}

.retailercontainer {
    /*	border:1px solid green;*/
    /*    margin: 0 auto;*/
    text-align: center;
}

#portfolio-grid .retailers {
    min-height: 362px;
    max-height: max-content;
}

.retailercatlinks a:hover,
.retailercatlinks:hover,
.retailercatlinks > a.retailercathighlight {
    color: #fff;
    font-weight: bold;
    background: #a32725;
    z-index: 900;
}

.navcontainer {
    /*	border:1px solid green;*/
    margin: 0 auto;
}

.navcatlinks {
    margin: 0 auto;
    padding: 10px;
    /*	border:1px solid red;*/
    /*	align:center;*/
    color: #181a17;
    text-align: center;
    width: 80%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    text-transform: uppercase;
}

.navcatlinks-row {
    margin: 0px;
    padding: 0px;
    /*	border:1px solid red;*/
    color: #181a17;
    width: 100%;
}

.navcatlinks-left {
    float: left !important;
}

.navcatlinks-right {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-wrap: wrap;
    gap: 4px;
}

.navcatlinks a,
.navcatlinks-left a,
.navcatlinks-right a {
    white-space: nowrap;
    /* line-height: 3 !important; */
    color: #181a17 !important;
    background: #eee;
    font-weight: bold !important;
    padding: 8px !important;
}

.navcatlinks a:hover,
.navcatlinks > a.navcathighlight {
    color: #fff;
    font-weight: bold;
    background: #a32725;
    z-index: 900;
}

.navyearlinks {
    margin: 0 auto;
    padding: 10px;
    color: #fff;
    text-align: center;
    width: 80%;
}

.navyearlinks a {
    white-space: nowrap;
    color: #fff;
    background: #181a17;
    font-weight: bold;
    padding: 8px;
    display: inline-block;
}

.navyearlinks a:hover,
.navyearlinks > a.navyearhighlight {
    color: #ccc;
    font-weight: bold;
    background: #000;
    z-index: 900;
    /*	padding: 10px;*/
}

.catdesc {
    margin: 0 auto;
    padding: 0px;
    /*    color:#FFF;*/
    text-align: center;
    width: 90%;
    min-height: 76px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    /*    border: 1px solid #FF0000;*/
}

.proddesc {
    margin: 0 auto;
    padding: 0px;
    /*    color:#FFF;*/
    text-align: center;
    width: 90%;
    height: 110px;
    /*    border: 1px solid #FF0000;*/
}

.proddesc p.proddesc {
    font-size: 0.9em;
    line-height: 0.9em;
    color: #fff;
}

.prodcartbtn {
    margin: 0 auto;
    padding: 0px;
    /*    color:#FFF;*/
    text-align: center;
    width: 90%;
    height: 35px;
    /*    border: 1px solid #FF0000;*/
}

.products h3 {
    margin: 0 auto;
    padding: 0px;
    /* color:#FFF;*/
    text-align: center;
    width: 95%;
    min-height: 70px;
    /* 40 is 2 lines */
    /*    border: 1px solid #FF0000;*/
}
.categories h3 {
    margin: 0 auto;
    padding: 0px;
    /* color:#FFF;*/
    text-align: center;
    width: 95%;
    min-height: 65px;
    /* 40 is 2 lines */
    /*    border: 1px solid #FF0000;*/
}

.prodcartalert {
    margin: 0 auto;
    padding: 0px;
    text-align: center;
    width: 90%;
    /*    border: 1px solid #FF0000;*/
}

.prodpricing {
    margin: 0 auto;
    padding: 0px;
    text-align: center;
    width: 90%;
    min-height: 80px;
    /*    border: 1px solid #FF0000;*/
}

.prodpricing p {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.products h7,
.catdesc h7,
.cartSection h7 {
    font-size: 8.5px;
    font-weight: bold;
    letter-spacing: 0px;
    padding: 0px 0 0 0;
    margin: 0px 0;
    text-align: center;
    width: 90%;
    height: 8px;
    /*    border: 1px solid #FF0000;*/
}

.prodpricing > h7.RED,
.products h7.RED,
.catdesc h7.RED {
    line-height: 9px;
    color: #cc6666;
    /* #A32725; #FF6666; */
    /*     white-space: pre-line;
	content: '\A'; */
    padding: 4px;
    display: inline-block;
}

.products h7.WHITE,
.catdesc h7.WHITE {
    color: #fff;
}

.products h7.bkWHITE,
.catdesc h7.bkWHITE,
.prodTotal h7.bkWHITE {
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: bold;
    font-size: 14px;
    /*12/9px */
    line-height: 20px;
    margin: 0px;
    padding: 2px;
    background: #fff;
    border-radius: 3px;
}

.items.odd .prodTotal h7.bkWHITE {
    color: #fff;
    background: #254d75;
    /*	color: #000;
	background: #A1C2E2;*/
}

.items.even .prodTotal h7.bkWHITE {
    color: #fff;
    background: #254d75;
}

.releasedateSM,
.minibutton {
    display: table;
    margin: 0px;
    border-radius: 3px;
}

.minibutton {
    /*	float: left;*/
    background: #254d75;
    /*    min-width: 90px;*/
    height: 7px;
    padding: 1px;
    font-stretch: ultra-condensed;
    /*	border: 1px solid #0f0;*/
}

.releasedateSM {
    float: right;
    background: #981a17;
    width: 48px;
    height: 17px;
    padding: 2px;
    /*	border: 1px solid #0f0;*/
}

.releasedateSM p.releasedate,
.minibutton p.minibutton a {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0px;
    /*	border: 1px solid #00f;*/
    margin: 0px;
    margin-top: 2px;
    padding: 2px;
}

.releasedateSM p.releasedate {
    font-size: 12px;
    line-height: 8px;
}

.minibutton p.minibutton,
.minibutton p.minibutton a {
    font-size: 14px;
    line-height: 10px;
    color: #fff;
}

.releasedate.releases {
    float: right;
    display: table;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-size: 8px;
    line-height: 8px;
    font-weight: bold;
    color: #fff;
    margin: 0px;
    padding: 2px;
    width: 48px;
    height: 17px;
    border-radius: 3px;
    background: #981a17;
    /*	border: 1px solid #0f0;*/
}

.releasedate.releases p.release-date {
    color: #fff;
    letter-spacing: 2px;
    font-size: 12px !important;
    line-height: 8px;
    font-weight: bold;
    /*	border: 1px solid #00f;*/
    margin: 0px;
    padding: 0px;
}

/*
3.3 About
******************************************************************/
p.newslinks a,
p.newslinks {
    color: #181a17;
}

p.newslinks a:hover {
    color: #a32725;
}

.team .thumbnail {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px;
    border: 1px solid #fff;
}

.team .thumbnail:hover .social {
    z-index: 5;
}

.team .thumbnail:hover .social a {
    color: #fff;
}

.team .thumbnail .mask {
    background: #a32725;
    /* #254D75; */
}

.team .container {
    background: #fff;
    /* #254D75; */
}

.team .thumbnail .mask h2 {
    margin-top: 20%;
}

.team .thumbnail .mask,
.team .thumbnail .mask h3,
.team .thumbnail .mask p,
.team .thumbnail:hover h3,
.team .thumbnail:hover .social a:hover {
    /*    color:#181A17;*/
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.team .thumbnail .mask a:hover {
    /*    color:#181A17;*/
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}

.about-text {
    margin-top: 30px;
}

.about-text p {
    padding: 0;
    font-size: 16px;
}

/*********************************************************************
                        SKILLS BAR
*********************************************************************/
.skills {
    list-style-type: none;
    position: relative;
    margin: 0px;
}

.skills li {
    margin-bottom: 30px;
    background: #fff;
    height: 40px;
    padding: 1px;
}

.skills li h3 {
    position: relative;
    font-size: 15px;
    padding: 0;
    margin: 0;
    left: 10px;
    z-index: 1;
    color: #181a1c;
}

.skills li .bar {
    height: 40px;
    position: absolute;
    background-color: #254d75;
}

/*
3.4 Clients
**********************************************************************/
.client-slider img {
    object-fit: cover;
    width: 220px;
    /* app.js*/
    height: 110px;
}

.client-slider li a img {
    border: 3px solid #000;
}

.client-slider img {
    border: 1px solid white;
}

.client-slider a {
    color: #181a1c;
    text-decoration: none;
}

/*.client-slider img:hover {
    background-color:#254D75;
  opacity: 0.5;
  transition: .5s ease;
}
.client-slider a:hover {
    color: #254D75;
    text-decoration:none;
}*/

.client-slider-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 0.5s ease;
    background-color: #981a17;
}

.client-slider-text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.client-slider li:hover .client-slider-overlay {
    opacity: 1;
}

.client-nav {
    list-style: none;
    margin-top: 10px;
}

.client-nav li {
    float: left;
    display: block;
    margin-left: 10px;
}

.client-nav li a {
    display: inherit;
    padding: 5px;
    background: #981a17;
    /*#254D75;*/
    color: #ffffff !important;
    /* NOT CHANGED AT THIS LEVEL ?? */
    border-radius: 3px;
    width: 28px;
    height: 28px;
}

.client-nav li a:hover {
    color: #ffffff;
    /* NOT CHANGED AT THIS LEVEL ?? */
    background: #181a1c;
    /*#254D75;*/
}

/*
3.4 MANUFACTURERS
**********************************************************************/
.manufacturer-slider p,
p.manufacturer-url {
    font-size: 6px;
    font-weight: 100;
    /*	font-weight: bold; */
    color: #003366;
    padding: 10px 10px 10px 10px;
}

.manufacturer-slider img {
    object-fit: cover;
    width: 100px;
    height: 100px;
}

/*.manufacturer-slider > li > a > img {
	object-fit: cover;
    width:60px;
    height:60px;
}*/

.manufacturer-slider li a img {
    /*	border: 1px solid #000;*/
    object-fit: cover;
    width: 60px;
    height: 60px;
}

/*.manufacturer-slider img {
    border:1px solid white;
}
.manufacturer-slider a {
    color:#181A1C;
    text-decoration: none;
}*/
/*.manufacturer-slider img:hover {
    background-color:#254D75;
  opacity: 0.5;
  transition: .5s ease;
}
.manufacturer-slider a:hover {
    color: #254D75;
    text-decoration:none;
}*/

.manufacturer-slider-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 0.5s ease;
    background-color: #981a17;
}

.manufacturer-slider-text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.manufacturer-slider li {
    background-color: #fff;
}

.manufacturer-slider li:hover .manufacturer-slider-overlay {
    opacity: 1;
}

.manufacturer-nav {
    list-style: none;
    margin-top: 10px;
}

.manufacturer-nav li {
    float: left;
    display: block;
    color: #fff;
    margin-left: 10px;
}

.manufacturer-nav li a {
    display: inherit;
    padding: 5px;
    background: #981a17;
    /*#254D75;*/
    color: #ffffff;
    /* NOT CHANGED AT THIS LEVEL ?? */
    border-radius: 3px;
    width: 28px;
    height: 28px;
}

.manufacturer-nav li a:hover,
.manufacturer-nav li:hover {
    color: #ffffff;
    /* NOT CHANGED AT THIS LEVEL ?? */
    background: #181a1c;
    /*#254D75;*/
}

/*
 TESTIMONIALS
*******************************/
.testimonial.home p {
    min-height: 200px;
}

.testimonial p {
    color: #fff;
    background: #981a17;
    padding: 15px;
    margin: 0;
    min-height: 520px;
}

.testimonial .arrow {
    margin-left: 10px;
    width: 0;
    border-top: 10px solid #981a17;
    border-left: 20px outset transparent;
    border-right: 20px outset transparent;
}

.testimonial .whopic {
    display: inline-block;
}

.testimonial .whopic img {
    border: 2px solid #2f343a;
    margin-top: 10px;
    object-fit: cover;
    width: 70px;
    height: 70px;
    float: left;
}

.testimonial .whopic strong {
    float: left;
    margin-top: 10px;
    padding-left: 10px;
}

.testimonial .whopic small {
    display: block;
    font-size: 12px;
}

.contact-info p strong {
    display: block;
    margin-top: 10px;
    padding-left: 10px;
}

.contact-info p small {
    display: block;
    font-size: 14px;
}

.testimonial-text {
    display: block;
    font-size: 22px;
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
    width: 70%;
    line-height: 1.3em;
}

/*
3.5 Price table
******************************************************************/
.price-table {
    margin-top: 70px;
    margin-bottom: 20px;
}

.price-column {
    background-color: white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-bottom: 20px;
    margin: 0 auto;
    text-align: center;
}

.price-column h3 {
    background-color: #181a1c;
    text-transform: uppercase;
    text-align: center;
    color: #254d75;
    padding: 40px 0px;
    font-size: 36px;
    margin-top: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}

.price-column .list {
    list-style: none;
    margin: 20px 50px;
}

.price-column .list li {
    font-weight: lighter;
    color: #747c89;
    font-size: 20px;
    border-bottom: 1px solid #747c89;
    padding: 25px 0px;
}

.price-column .list li.price {
    text-align: center;
    font-size: 31px;
    background-color: white;
    color: #747c89;
    margin-top: 25px;
}

.price-text {
    margin: 30px 0 20px;
    font-size: 20px;
    color: #181a1c;
    font-weight: normal;
}

/*
3.6 Newsletter
********************************************************************/
.newsletter,
.newsletter h2 {
    color: #d7ddde;
}

.newsletter .title h2 {
    text-align: left;
    padding: 0;
    margin: 0;
}

.newsletter form {
    text-align: right;
}

.newsletter input {
    margin-top: 10px;
    padding: 15px;
    height: auto;
}

.newsletter button {
    margin: 0 0 0 20px;
}

.newsletter .button-sp:hover,
.newsletter .button-sp:active {
    background-color: #fff;
    color: #181a1c;
}

/*
3.7 Contact
********************************************************************/
.contact {
    background: #981a17;
    /*254D75*/
}

.contact h1,
.contact h2,
.contact h3,
.contact h4,
.contact h5,
.contact h6,
.contact .section .title > p,
.contact .social > li > a {
    color: #fff;
    /*#181A1C;*/
}

.cartSection textarea,
.cartSection select[class*="cartinfo"] {
    width: 80%;
}

.contact textarea,
.contact input[type="text"],
.contact input[type="email"] {
    padding: 10px;
    line-height: 20px;
    height: auto;
}

.contact textarea {
    height: 120px;
}

.contacts,
.contact .social {
    color: #fff;
    list-style: none;
    margin-left: 10px;
}

.contacts > li {
    margin-top: 15px;
}

.contacts > li > a {
    color: #fff;
}

.contact-info {
    margin-top: 10px;
    margin-bottom: 10px;
}

.contact-info p {
    font-weight: normal;
}

.contact-info .icon {
    margin: 10px auto;
    font-size: 30px;
}

.map-wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto;
    background: #181a1c;
    /* url('../images/map_4LowryDriveBrampton.png') no-repeat center;*/
    /*    position:relative;*/
    height: 400px;
    width: 100%;
    max-width: 1170px;
    overflow: hidden;
}

.map-wrapper-canvas {
    /*	margin: auto;*/
    /*    position:absolute;
    margin-bottom:20px;*/
    width: 100%;
    height: 400px;
    /*    color: #29383F;
    left:0;
    top:0;
    right:0;*/
}

.map-canvas {
    position: absolute;
    margin-bottom: 20px;
    width: 100%;
    height: 500px;
    color: #29383f;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}

.contact .social {
    /* display: inline-block; */
    margin-left: 0;
    /* padding: 0; */
}

.contact .social li {
    line-height: 32px;
    /* padding: 10px 10px; */
    font-family: Arial, sans-serif, Helvetica;
    /*'Porta';*/
    font-size: 50px;
    transition: margin 0.4s;
    -webkit-transition: margin 0.4s;
}

.contact .social li a {
    color: #fff;
}

.contact .social li a:hover {
    color: #181a1c;
}

.contact-form {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    z-index: 110;
    position: relative;
    width: 100%;
    margin-top: -25px;
    padding: 20px;
    border: 1px solid #181a1c;
    border-radius: 5px;
}

.contact-form h3 {
    color: #181a1c;
    padding-bottom: 10px;
}

.contact-form h4 {
    font-size: 16px;
    /*	text-align:left;*/
    color: #181a1c;
    margin: 0px;
    padding: 0px;
}

.contact-form h6 {
    font-size: 12px;
    color: #181a1c;
}

.contact-form h5 {
    font-size: 14px;
    color: #181a1c;
}

.contact-form p {
    font-size: 14px;
    color: #181a1c;
    text-align: left;
    margin: 0 0 20px;
    padding: 3px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #cbcbcc;
}

.message-btn {
    border: 1px solid #747c89;
    color: #747c89;
    background-color: transparent;
    padding: 15px 30px;
    font-size: 17px;
}

.message-btn:hover {
    background-color: #254d75;
}

.contact-info {
    text-align: center;
    font-size: 22px;
}

.info-mail {
    border: 1px solid white;
    width: 60%;
    margin: 0 auto;
    padding: 15px;
    color: #fff;
    /*#181A1C;*/
}

.black {
    color: #181a1c;
}

/*
3.8 Footer
********************************************************************/
a.fn_title {
    display: inline-block;
    font-size: 13px;
    color: #eee;
    font-weight: bold;
    padding: 35px 0 5px 5px;
    /*	border: 1px solid #0f0;*/
    text-decoration: none;
}

.span3 a:hover {
    color: #eee;
}

.footer {
    background: #181a1c;
    text-align: center;
}

.footer > p {
    color: #fff;
    margin: 0;
}

.footer a {
    color: #ffffff;
}

.footer a:hover,
.footer a:focus {
    text-decoration: underline;
}

.footernavigation p a {
    font-weight: 100;
    font-size: 12px;
    /*	border: 1px solid #0ff;*/
    line-height: 10px;
    /*	letter-spacing: -0.5px;*/
}

.footernavigation p a:hover {
    font-weight: bold;
    /*	border: 1px solid #f0f;*/
}

.scrollup {
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    width: 39px;
    height: 39px;
    border-radius: 5px;
    font-size: 20px;
    position: fixed;
    bottom: 30px;
    right: 20px;
    border: 1px solid #fff;
    display: none;
    background: #981a17;
    z-index: 999;
}

.scrollup > a {
    position: relative;
    top: 5px;
    color: #fff;
}

.scrolldown {
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    width: 39px;
    height: 39px;
    border-radius: 5px;
    font-size: 20px;
    position: fixed;
    top: 115px;
    right: 20px;
    border: 1px solid #fff;
    background: #981a17;
    z-index: 999;
}

.scrolldown > a {
    position: relative;
    top: 5px;
    color: #fff;
}
.svg-inline--fa.fa-w-14 {
    width: 0.875em;
}
.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}
svg:not(:root).svg-inline--fa {
    overflow: visible;
}

.ftlogo a img {
    width: 179;
    height: 140;
    align: right;
    /* valign: bottom; */
    padding: 300px 0px 0px 20px;
}

.click-here {
    color: #f1ff20 !important;
    text-decoration: underline !important;
    font-weight: bold;
}

/*
4 Responsible
********************************************************************/
@media (min-width: 1200px) {
    .thumbnail .more {
        margin-left: -41px;
        width: 80px;
        height: 80px;
        border-radius: 40px;
        line-height: 80px;
    }
}

font.sbase {
    padding-bottom: 4px;
    display: inline-block;
}

@media (max-width: 979px) {
    .service img {
        width: 150px;
        height: 150px;
    }

    .thumbnail.products a img {
        object-fit: contain !important;
        min-width: 180px !important;
        min-height: 180px !important;
        width: 180px !important;
        height: 180px !important;
        border: 2px solid #000;
    }

    .thumbnail.categories img {
        width: 180px;
        height: 90px;
    }

    body {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        position: fixed;
    }

    .navbar .nav > li > a {
        line-height: 20px;
        vertical-align: middle;
    }

    /* .section {
        padding-left: 20px;
        padding-right: 20px;
    } */

    .navbar-fixed-top,
    .navbar-fixed-bottom,
    .navbar-static-top {
        margin-left: 0px;
        margin-right: 0px;
    }

    .nav-collapse {
        clear: both;
    }

    .nav-collapse .nav {
        float: none;
        margin: 0 0 10px;
    }

    .nav-collapse .nav > li {
        float: none;
    }

    .nav-collapse,
    .nav-collapse.collapse {
        width: 100%;
        display: inherit;
    }

    .preorders-thumbnail > p {
        padding: 10px;
        padding-bottom: 10px;
        margin-left: 10px;
        text-align: center;
    }

    .thumbnail .more {
        margin-left: -21px;
        width: 40px;
        height: 40px;
        border-radius: 30px;
        line-height: 40px;
    }

    .thumbnail:hover .more {
        margin-top: -20px;
    }

    .newsletter form {
        text-align: center;
    }

    .news .thumbnail {
        min-height: 300px;
    }

    .news .thumbnail h3 {
        min-height: 90px;
        /*    border: 1px solid #cc00cc;*/
    }

    .ftlogo a img {
        padding: 100px 0px 0px 20px;
    }

    /*.cartcontainer .subtotal {
    width: 100%;
  border: 1px solid #254D75;
  padding: 0;
  margin: 0 auto;
} /* NOT WORKING ?!? */

    .cartcontainer button[type="submit"].submitbtn2,
    button[type="submit"].submitbtn2,
    button[type="reset"].submitbtn2 {
        font-size: 1.2em;
        margin: 0 auto;
        width: 100%;
    }

    .minibutton p.minibutton,
    .minibutton p.minibutton a {
        font-size: 12px;
        line-height: 9px;
        color: #fff;
    }
}

/*@media only screen and (max-width: 45em) {*/
@media only screen and (max-width: 768px) {
    h7.RED {
        font-size: 11px;
    }
    .hm-client#clients .testimonial p{
        margin-bottom: 0;
    }
    #portfolio-grid .retailers {
        min-height: 388px;
        padding-inline: 10px;
    }
    .product-listing .page-title p {
        font-size: 18px;
    }
    .res-table table td,
    .res-table table th {
        display: block;
        text-align: center;
    }
    .thumbnail h3,
    .thumbnail.categories h3 {
        font-size: 18px;
    }
    .news .thumbnail {
        min-height: 270px;
    }

    .news .thumbnail h3 {
        min-height: 60px;
        /*    border: 1px solid #cc00cc;*/
    }

    .thumbnail.products a img {
        object-fit: contain;
        min-width: 216px;
        min-height: 216px;
        width: 216px;
        height: 216px;
        border: 2px solid #000;
    }

    .thumbnail.categories img {
        width: 240px;
        height: 120px;
    }

    .navbar .brand {
        padding: 20px 0px 0px 0px;
        /*    border: 3px solid #73AD21;*/
    }

    .service img {
        width: 240px;
        /* 150px;*/
        height: 240px;
        /* 150px;*/
    }

    /*.brand  {
		border: 1px solid #00f;
}*/

    /*	.navbar {
		height:130px;
	}*/

    /*	.container.navigation .header .header-MegaNavMenu {
		border: 1px solid #0f0;
		padding: 0px !important;
		margin:0px !important;
	}*/

    .minibutton p.minibutton,
    .minibutton p.minibutton a {
        font-size: 10px;
        line-height: 9px;
        color: #fff;
    }

    .cart .items .infoWrap {
        flex-direction: column;
    }

    .cart .items .cartSection {
        width: 100% !important;
    }

    .cart .items .cartSection {
        margin-bottom: 16px;
    }
    .infoWrap .cartSection {
        margin-bottom: 0 !important;
    }

    .infoWrap .cartSection p {
        padding-top: 10px;
        padding-left: 10px;
    }
}

@media (max-width: 460px) {
    .ftlogo a img {
        display: block;
        margin: auto;
        padding: 0;
    }

    /*	.navbar {
		height:150px;
	}*/
    /*	.container.navigation .header .header-MegaNavMenu {
		border: 1px solid #f00;
		padding: 0px !important;
		margin:0px !important;
	}
	.navMegaNavMenucontainer {
		border: 1px solid #00f !important;
	}
	#MegaNavMenu {
		border: 1px solid #0f0 !important;
	} */
}

.navbar .brand img {
    width: 180px;
    height: 60px;
}

ul.thumbnails.row.preordersul {
    display: block;
}

.preorders-thumbnail:hover .more {
    text-align: center;
}
.preorders th,
.preorders td {
    white-space: nowrap;
}

.info-mail {
    width: 90%;
    padding: 15px 0px;
}

.project-description {
    padding-left: 20px;
}

.price-column,
.testimonial {
    margin-top: 30px;
}

/*************************************************
* CART
*************************************************/
.cartcontainer html,
.cartcontainer div,
.cartcontainer h3,
.cartcontainer p,
.cartcontainer a,
.cartcontainer img,
.cartcontainer ul,
.cartcontainer li,
.cartcontainer form {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

html {
    line-height: 1;
}

.cartcontainer ol,
.cartcontainer ul {
    list-style: none;
}

.infoWrap .cartSection,
.infoWrap .cartSection p {
    line-height: 0.95em;
    margin-bottom: 0;
    margin-top: 0;
    /*	border: 1px solid #fcf;*/
}

.infoWrap .cartSection p {
    padding-top: 0;
    padding-left: 0;
}

.infoWrap p,
.cartSection p a,
.cartSection h3 a,
.cartSection h3 {
    color: #254d75;
    text-decoration: none;
    line-height: 0.95em;
}

.infoWrap p.bythecase {
    font-size: 0.75em;
}

.cartSection p a:hover,
.cartSection h3 a:hover {
    color: #4f80b3;
    /*    text-decoration: none;*/
}

* {
    box-sizing: border-box;
}

.cart .cartSection img {
    max-width: 100%;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

/* .cf {
    *zoom: 1;
} */

.cartcontainer {
    width: 100%;
    max-width: 1200px;
    /*960px;*/
    margin: 0 auto;
    padding: 1%;
    /*  background-color:#4F80B3;*/
}

/*.cart {
  padding: 1em 0;
  border: 1px solid #00ff00;
}*/
.cart .items {
    display: block;
    width: 100%;
    vertical-align: middle;
    padding: 10px;
    /*1.5em;*/
    border: 1px solid #254d75;
}

.cart .items.even {
    background: #eee;
}

.cart .items.odd {
    background: #fff;
}

.cart .items.headers {
    background: #4f80b3;
}

.cart .items.headers2 {
    background: #254d75;
}

.secondary-section .container .cartcontainer .cart .items.messages {
    /* .secondary-section */
    background: #4f80b3;
    /*  border: 1px solid #00ff00;*/
}

.third-section .container .cartcontainer .cart .items.messages {
    /* .third-section */
    background: #254d75;
    /*  border: 1px solid #ff0000;*/
}

.cart .items.additionalinfo {
    background: #1e2124;
}

.cart .items.warning {
    background: #981a17;
}

.items {
    margin: 1em auto !important;
    border-radius: 5px;
}

.cart .items .infoWrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.cart .items .cartSection {
    display: table-cell;
    vertical-align: middle;
    width: 48%;
}

.cart .items .cartSection .itemNumber {
    font-size: 0.75em;
    color: #777;
    margin-bottom: 0.5em;
}

.cart .items .cartSection .itemDesc {
    display: block;
    font-size: 0.85em;
    line-height: 0.9em;
    color: #777;
    /*  margin: 0 1em;*/
    margin-top: 0px;
    margin-bottom: 0px;
    /*	border: 1px solid #00f; */
}

.itemHistory {
    font-size: 0.6em;
    line-height: 0.8em;
    font-weight: bold;
    color: #777;
    margin-top: 0px;
    margin-bottom: 0px;
    /*	border: 1px solid #00f;*/
    padding: 0px;
}

.cart .items .cartSection h3 {
    font-size: 1em;
    font-family: Arial, sans-serif, Helvetica;
    /*"Oswald", sans-serif;*/
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/*.cart .items .cartSection p {
  display: inline-block;
  font-size: .85em;
  color: #777777;
  font-family: "Oswald", sans-serif;
}*/

.cart .items .cartSection p .quantity {
    font-weight: bold;
    color: #333;
}

.cart .items .cartSection p.warning {
    color: #fff;
    font-weight: bold;
}

.cart .items .cartSection p.warning.title {
    font-size: 1.5em;
}

.cart .items .cartSection p.warning a {
    color: #fff;
}

.cart .items .cartSection p.warning a:hover {
    color: #a1c2e2;
}

.cart .items .cartSection p.stockStatus {
    color: #a1c2e2;
    font-weight: bold;
    padding: 0.5em 0 0 1em;
    text-transform: uppercase;
}

.cart .items .cartSection p.stockStatus.out {
    color: #4f80b3;
}

.cart .items .cartSection p.stockStatus.duedate {
    color: #254d75;
}

.cart .items .cartSection .itemImg {
    object-fit: cover;
    /* added */
    width: 4em;
    height: 4em;
    /* added */
    float: left;
}

/* .cart .items .cartSection.qtyWrap, .cart .items .cartSection.prodTotal {
  text-align: center;
} */
.cart .items .cartSection.qtyWrap p,
.cart .items .cartSection.prodTotal p {
    font-weight: bold;
    font-size: 1.35em;
}

.cart .items .cartSection input.qty {
    width: 2em;
    text-align: center;
    font-size: 1em;
    padding: 0.25em;
    margin: 1em 0.5em 0 0;
}

.cart .items .cartSection .itemImg {
    object-fit: cover;
    /* added */
    width: 216px;
    height: 216px;
    /* added */
    display: inline;
    padding-right: 12px;
}

a.remove, .remove {
    text-decoration: none;
    font-family: Arial, sans-serif, Helvetica;
    /*"Oswald", sans-serif;*/
    color: #ffffff;
    font-weight: bold;
    background: #254d75;
    padding: 0.5em;
    font-size: 0.75em;
    display: inline-block;
    border-radius: 100%;
    line-height: 0.85;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    border: none;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

a.remove:hover, .remove:hover {
    background: #f30;
}

.cartcontainer .promoCode {
    border: 2px solid #efefef;
    float: left;
    width: 35%;
    padding: 2%;
}

.cartcontainer .promoCode label {
    display: block;
    width: 100%;
    font-style: italic;
    font-size: 1.15em;
    margin-bottom: 0.5em;
    letter-spacing: -0.025em;
}

.cartcontainer .promoCode input {
    width: 85%;
    font-size: 1em;
    padding: 0.5em;
    float: left;
    border: 1px solid #dadada;
}

.cartcontainer .promoCode input:active,
.promoCode input:focus {
    outline: 0;
}

.cartcontainer button[type="submit"].actionbtn {
    text-align: center;
    text-transform: uppercase;
    /*	letter-spacing: 0px;
	font-size:12px;
	line-height:8.5px;*/
    font-weight: bold;
    color: #fff;
    margin: 10px;
    padding: 3px;
    width: 25%;
    /*    height: 26px;*/
    border-radius: 3px;
    /*	border: 1px solid #981A17;*/
    background: #1e2124;
    /*#181A1C;*/
}

.cartcontainer button[type="submit"].actionbtn:hover {
    background: #981a17;
}

.cartcontainer button[type="submit"].submitbtn2,
button[type="submit"].submitbtn2,
button[type="reset"].submitbtn2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: bold;
    color: #254d75;
    /*	margin: 10px; */
    width: 14em;
    /*8em;*/
    height: 1.5em;
    border-radius: 5px;
    background: #fff;
}

.cartcontainer button[type="submit"].submitbtn2:hover,
button[type="submit"].submitbtn2:hover,
button[type="reset"].submitbtn2:hover {
    background: #4f80b3;
    color: #fff;
}

.cartcontainer button[type="submit"].submitbtn,
button[type="submit"].submitbtn,
button[type="reset"].submitbtn {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: bold;
    color: #fff;
    /*	margin: 10px; */
    width: 8em;
    height: 1.5em;
    border-radius: 5px;
    background: #4f80b3;
}

.cartcontainer button[type="submit"].submitbtn:hover,
button[type="submit"].submitbtn:hover,
button[type="reset"].submitbtn:hover {
    background: #254d75;
}

.cartcontainer button[type="submit"].submitbtn:after,
button[type="submit"].submitbtn:after,
.cartcontainer button[type="submit"].submitbtn2:after,
button[type="submit"].submitbtn2:after {
    content: "\276f";
    padding: 0.5em;
    position: relative;
    right: 0;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -ms-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.cartcontainer button[type="submit"].submitbtn:link,
button[type="submit"].submitbtn:link,
.cartcontainer button[type="submit"].submitbtn2:link,
button[type="submit"].submitbtn2:link {
    text-decoration: none;
    font-family: Arial, sans-serif, Helvetica;
    /*"Oswald", sans-serif;*/
    letter-spacing: -0.015em;
    font-size: 1em;
    padding: 1em 3em;
    color: #fff;
    background: #4f80b3;
    font-weight: bold;
    border-radius: 50px;
    float: right;
    text-align: right;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.cartcontainer .promoCode a.btn {
    float: left;
    width: 15%;
    padding: 0.75em 0;
    border-radius: 0 1em 1em 0;
    text-align: center;
    border: 1px solid #4f80b3;
}

.cartcontainer .promoCode a.btn:hover {
    border: 1px solid #254d75;
    background: #254d75;
}

.btn:link,
.btn:visited {
    text-decoration: none;
    font-family: Arial, sans-serif, Helvetica;
    /*"Oswald", sans-serif;*/
    letter-spacing: -0.015em;
    font-size: 1em;
    padding: 1em 3em;
    color: #fff;
    background: #4f80b3;
    font-weight: bold;
    border-radius: 50px;
    float: right;
    text-align: right;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.btn:after {
    content: "\276f";
    padding: 0.5em;
    position: relative;
    right: 0;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -ms-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.btn:hover,
.btn:focus,
.btn:active {
    background: #254d75;
}

.btn:hover:after,
.btn:focus:after,
.btn:active:after,
button[type="submit"].submitbtn:hover:after,
button[type="submit"].submitbtn:focus:after,
button[type="submit"].submitbtn:active:after,
button[type="submit"].submitbtn2:hover:after,
button[type="submit"].submitbtn2:focus:after,
button[type="submit"].submitbtn2:active:after {
    /* .cartcontainer button[type=submit].submitbtn:hover:after, .cartcontainer button[type=submit].submitbtn:focus:after, .cartcontainer button[type=submit].submitbtn:active:after { */
    right: -10px;
}

.cartcontainer .promoCode .btn {
    font-size: 0.85em;
    padding: 0.5em 2em;
}

/* TOTAL AND CHECKOUT  */
.cartcontainer .subtotal {
    float: right;
    width: 45%;
    background-color: #fff;
    border: 1px solid #254d75;
    padding: 0.5em;
    margin: 0.5em auto;
    border-radius: 5px;
}

.cartcontainer .subtotal .totalRow.final h3 {
    color: #254d75;
    font-size: 1.25em;
    font-weight: bold;
}

.cartcontainer .subtotal .totalRow {
    padding: 0.5em;
    text-align: right;
}

.cartcontainer .subtotal .totalRow.final {
    font-size: 1.25em;
    font-weight: bold;
}

.cartcontainer .subtotal .totalRow span {
    display: inline-block;
    padding: 0 0 0 1em;
    text-align: right;
}

.cartcontainer .subtotal .totalRow .disclaimer {
    color: #254d75;
}

.cartcontainer .subtotal .totalRow .label {
    /*  font-family: Arial, sans-serif, Helvetica; /*"Oswald", sans-serif;*/
    font-size: 0.85em;
    text-transform: uppercase;
    color: #254d75;
    background-color: transparent;
}

.cartcontainer .subtotal .totalRow .value {
    letter-spacing: -0.025em;
    width: 35%;
    color: #254d75;
}

/*@media (max-width: 460px) {*/
@media only screen and (max-width: 39.375em) {
    /*.header {
	top:0px;
	margin: 0;
}*/

    /*.header-MegaNavMenu  {
		border: 1px solid #0ff;
}
.navMegaNavMenucontainer { /* MegaNavMenu-style.css
		width: 300px;
		border: 1px solid #f0f;
}*/

    /*	.navbar {
		height:105px;
		border: 1px solid #0ff;
	}
*/

    /*	.navbar-inner {
		height:100px;
		border: 1px solid #ff0;
	}*/

    /*  .cartcontainer {
    width: 98%;
    padding: 2% 0;
  }*/

    .heading {
        padding: 1em;
        font-size: 90%;
    }

    .cart .items .cartSection {
        width: 100%;
        /* 90% */
        display: block;
        float: left;
    }

    .cart .items .cartSection.qtyWrap {
        width: 10%;
        text-align: center;
        padding: 0.5em 0;
        float: right;
    }

    .cart .items .cartSection.qtyWrap:before {
        content: "QTY";
        display: block;
        font-family: Arial, sans-serif, Helvetica;
        /*"Oswald", sans-serif;*/
        padding: 0.25em;
        font-size: 0.75em;
    }

    /*  .cart .items .cartSection.prodTotal, .cart .items .cartSection.removeWrap {
    display: none;
  }*/
    .cart .items .cartSection.removeWrap {
        /*	.cartQuantity */
        width: 15%;
    }

    .cartSection.removeWrap {
        /*	.cartQuantity */
        color: #254d75;
        font-weight: bold;
        /*	border: 1px solid #FF0000;*/
    }

    .cart .items .cartSection .itemImg,
    .cart .items .cartSection.prodTotal {
        width: 25%;
    }

    .cart .items .cartSection.removeWrap,
    .cart .items .cartSection.prodTotal {
        padding: 0.5em;
        /*	border: 1px solid #ff0000;*/
    }

    .cart .items .cartSection.prodTotal {
        /* margin-left: 5em; */
    }

    .cart .items .cartSection.prodTotal.priceList {
        /* margin-left: 1em; */
        width: 100%;
        /*	border: 1px solid #ff0000;*/
    }

    .cart .items .cartSection.prodTotal.priceList_addon {
        margin-left: 1em;
        width: 75%;
        border: 1px solid #ff0000;
    }

    .cartcontainer .promoCode,
    .cartcontainer .subtotal {
        width: 100%;
        margin: 0;
        margin-top: 1em;
    }

    a.btn.continue,
    .cartcontainer button[type="submit"].submitbtn,
    button[type="submit"].submitbtn,
    button[type="reset"].submitbtn {
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .cartcontainer button[type="submit"].submitbtn2,
    button[type="submit"].submitbtn2,
    button[type="reset"].submitbtn2 {
        /* font-size: 1.2em; */
        margin: 0 auto;
        width: 100%;
    }
}

button.like-btn {
    background: #1877f2;
    color: #fff;
    border: 0;
    border-radius: 4px;
    font-size: 13px;
    height: 28px;
    padding: 0 8px;
    transition: all 0.7s;
}

button.like-btn:hover {
    background: #fff;
    color: #1877f2;
}

.messages p {
    margin: 2px;
    padding: 0;
}

/* retailers-detail-page */
.section ul#portfolio-grid li {
    margin-bottom: 20px;
}

.section ul#portfolio-grid {
    padding-left: 0;
}

.section ul#portfolio-grid li .thumbnail {
    padding: 15px;
}

/* header CSS */

.custom-navbar .brand img {
    width: 180px;
    height: 60px;
}

.custom-navbar {
    position: relative;
    top: -5px;
}

@media (max-width: 1200px) {
    .custom-navbar #menu,
    .custom-navbar .searchform2 {
        width: 85%;
        padding: 0px;
    }
    .section {
        padding-bottom: 0;
    }
    .custom-navbar #menu li .drop {
        padding-right: 15px;
    }
}

@media (max-width: 979px) {
    .custom-navbar #menu,
    .custom-navbar .searchform2 {
        width: 80%;
        padding: 0px;
    }

    .custom-navbar .searchform2 input[type="text"] {
        width: 300px;
    }

    .custom-navbar #menu li {
        margin-right: 5px;
    }

    .custom-navbar #menu li .drop {
        padding-right: 10px;
    }
}
.classic-table p.product-title {
    padding-block: 2px;
}
.classic-table .product-col img {
    margin-top: 4px;
    margin-right: 4px;
}
.title h3 {
    padding: 10px 0;
}
.email-gen-table th,
.email-gen-table td {
    white-space: nowrap;
}
.white-space-nowrap-table th,
.white-space-nowrap-table td {
    white-space: nowrap;
}

@media (min-width: 768px) and (max-width: 979px) {
    .row-fluid .span5 {
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .common-owl-carousel.owl-carousel .owl-stage-outer {
        height: 150px !important;
    }
    .common-owl-carousel.owl-carousel .owl-item a {
        display: block;
    }
    .section .container div.title > h1,
    .common-h2,
    .hm-content h1.common-h1 {
        font-size: 36px !important;
    }
    .common-owl-carousel.owl-carousel .owl-stage,
    .common-owl-carousel.owl-carousel .owl-item,
    .common-owl-carousel.owl-carousel .owl-item a,
    .common-owl-carousel.owl-carousel .owl-item a img {
        height: 100%;
    }
    .fourth-section {
        padding-bottom: 0;
    }
    #raffleslist td p {
        font-size: 12px !important;
    }
    .logo-td img {
        width: 100px;
        height: 100px;
    }
    .section .container {
        font-size: 16px;
    }
    div.dataTables_wrapper div.dataTables_filter label {
        font-size: 16px;
    }
    .preorders .product-title {
        font-size: 14px !important;
        line-height: 14px;
    }
    .password .password-form label {
        font-size: 16px;
        padding-left: 0 !important;
    }
    .dynamic-news iframe {
        width: 100%;
        height: 350px;
    }
    .news-list-sections .row-fluid {
        grid-template-columns: repeat(2, 1fr);
    }
    .navyearlinks,
    .navcatlinks {
        width: 100% !important;
    }
    .font-responsnvie,
    .newsdate {
        font-size: 16px;
    }
    .message-btn {
        font-size: 16px;
    }
    .spacial-order-page b {
        font-size: 16px;
    }
    .product-category-owlCarousel .item .client-slider-text {
        font-size: 18px !important;
    }
    .about-ul {
        font-size: 16px;
    }
    .left-container,
    .right-container {
        font-size: 16px;
    }
    .cartcontainer button[type="submit"].actionbtn {
        width: auto;
        padding-inline: 20px;
    }
    .cartcontainer .subtotal .totalRow .value,
    .cartcontainer .subtotal .totalRow .label {
        width: auto;
        font-size: 16px;
    }
    .blue {
        font-size: 16px !important;
    }

    .cartQuantityContainer {
        flex-wrap: wrap;
        gap: 6px;
    }
    .cart .items .cartSection .itemDesc,
    .infoWrap p,
    .cartSection p a,
    .cartSection h3 a,
    .cartSection h3 {
        line-height: normal;
    }
    #preorders .cart .items .infoWrap,
    .cart .items .infoWrap {
        row-gap: 10px;
        flex-direction: column;
        justify-content: space-between;
        align-items: self-start;
    }
    .cart .items .cartSection {
        width: 100%;
    }
    .social {
        gap: 20px;
        padding: 6px 0;
    }

    body {
        font-size: 16px;
    }

    body:has(.message-table) .message-table p,
    body:has(.message-table) .message-table span {
        font-size: 10px !important;
    }
    p:not(.classic-table p),
    .catdesc,
    #preorders .cart .items .infoWrap,
    #magazines .cart .items .infoWrap,
    #preorders .cartcontainer a,
    #magazines .cartcontainer a {
        font-size: 16px !important;
    }
    .preorders p.product-code,
    .preorders p.product-desc {
        line-height: 14px;
        font-size: 9px !important;
    }
    .classic-table p.product-title {
        font-size: 14px;
        padding-block: 4px;
    }
    .classic-table .product-col img {
        margin-top: 4px;
        margin-right: 4px;
    }
    .navcatlinks a,
    .navcatlinks-left a,
    .navcatlinks-right a,
    .navyearlinks a,
    #preorders .poviewpreference {
        font-size: 16px;
    }

    .cartcontainer button[type="submit"].submitbtn2,
    button[type="submit"].submitbtn2,
    button[type="reset"].submitbtn2 .cart .items .cartSection .itemImg {
        font-size: 20px;
        width: auto;
    }
    .cartcontainer .subtotal {
        margin-top: 14px;
        float: none;
        margin-bottom: 10px;
        width: fit-content;
        margin-right: auto;
        margin-left: 0;
    }
    .cartcontainer .subtotal .totalRow {
        padding: 0;
    }
    .section .cartcontainer .accordion .accordion-button {
        margin: 8px 0 !important;
        font-size: 20px !important;
    }
}
@media (max-width: 768px) {
    .custom-navbar #menu,
    .custom-navbar .searchform2 {
        width: 68% !important;
    }
    #raffleslist td p {
        font-size: 10px !important;
    }
    p:not(.classic-table p),
    .catdesc,
    #preorders .cart .items .infoWrap,
    #magazines .cart .items .infoWrap,
    #preorders .cartcontainer a,
    #magazines .cartcontainer a {
        margin-bottom: 8px;
    }
    .logo-td img {
        width: 70px;
        height: 70px;
    }
    .SEARCHFORM-CAT,
    .SEARCHFORM-MAN,
    .SEARCHFORM-SPACE {
        width: 100%;
    }
    .cartcontainer .subtotal .totalRow.final h3 {
        font-size: 24px;
    }
    .instructions.title {
        padding: 16px !important;
    }
    .news-list-sections .row-fluid {
        grid-template-columns: repeat(1, 1fr);
    }
    .section .cartcontainer .accordion .accordion-button {
        font-size: 18px !important;
    }
    .message-btn {
        padding: 8px 22px;
    }
    .section .cartcontainer .accordion .accordion-button:not(.acc-btn-cnt) {
        margin: 0 !important;
    }

    .web-form,
    .contact-form {
        padding: 16px !important;
    }
    .contact-form .control-group .controls {
        margin-bottom: 0 !important;
    }
    .cnt-spacing .contact-form .control-group .controls {
        margin-bottom: 12px !important;
    }
    .about-ul {
        padding-left: 18px;
    }
    .about-us-section p {
        margin-bottom: 0;
    }
    #preorders .title h3 {
        font-size: 22px !important;
    }
    .products h7.bkWHITE,
    .catdesc h7.bkWHITE,
    .prodTotal h7.bkWHITE {
        line-height: normal;
        display: inline-block;
        margin-bottom: 6px;
        width: auto;
        height: auto;
    }

    .cartcontainer button[type="submit"].submitbtn2,
    button[type="submit"].submitbtn2,
    button[type="reset"].submitbtn2 .cart .items .cartSection .itemImg {
        font-size: 16px;
    }

    .thumbnail h3,
    .thumbnail.categories h3 {
        min-height: 50px;
    }
    .cart .items .cartSection .itemImg,
    .cart .items .cartSection.prodTotal {
        width: 100% !important;
        padding-right: 0 !important;
        padding-bottom: 6px !important;
    }

    .cart .items .cartSection .itemImg{
        height: 250px;
        object-fit: contain;
    }
    .common-h1 {
        font-size: 38px !important;
    }
    .common-h2 {
        font-size: 35px !important;
    }

    .custom-navbar .searchform2 input[type="text"] {
        width: 65% !important;
    }

    .custom-navbar .brand {
        padding: 20px 0px 0px 0px;
    }

    body:has(.dataTables_wrapper)
        .dataTables_wrapper
        .dataTables_paginate
        .pagination {
        width: 100%;
        justify-content: flex-start !important;
        overflow-x: auto;
    }

    .custom-navbar .menu_text {
        display: none;
        visibility: hidden;
        white-space: nowrap;
    }

    .custom-navbar .menu_fas {
        display: block;
        visibility: visible;
    }

    .custom-navbar #menu li {
        margin-right: 10px;
    }

    .custom-navbar #menu li .drop {
        padding-right: 10px;
    }
    .custom-navbar #menu li .drop.shopping-cart {
        position: relative;
        bottom: 3px;
    }
}

@media (max-width: 500px) {
    .custom-navbar #menu,
    .custom-navbar .searchform2 {
        margin-left: 60px !important;
        width: 90% !important;
        margin-bottom: 4px !important;
    }
    .custom-navbar .brand img {
        width: 150px;
        height: auto;
    }
}
@media (max-width: 460px) {
    .custom-navbar #menu,
    .custom-navbar .searchform2 {
        width: 90% !important;
    }

    .custom-navbar #search-field {
        width: 45% !important;
    }

    .custom-navbar .searchform2 input[type="text"] {
        width: 40%;
    }

    .custom-navbar .search-link {
        visibility: hidden;
    }

    .custom-navbar #menu li {
        margin-right: 5px;
    }

    .custom-navbar #menu li .drop {
        padding-right: 5px;
    }
    .search-link,
    .search-link a {
        width: 50px;
        position: relative;
        bottom: 5px;
    }
}

/* contact us */

.section .cartcontainer .accordion {
    background-color: transparent;
}

.section .cartcontainer .accordion .accordion-button {
    position: relative;
    background-color: #254d75;
    color: #fff;
    padding: 20px;
    border: 1px solid #254d75;
    margin: 1em auto;
    border-radius: 5px;
    font-size: 25px;
    color: #fff;
    font-weight: bold;
}

.section .cartcontainer .accordion .accordion-item {
    background-color: transparent;
    border: unset;
}

.section .cartcontainer .accordion .accordion-item .accordion-body {
    background-color: #fff;
}

.section .cartcontainer .accordion-button::after,
.section .cartcontainer .accordion-button:not(.collapsed)::after {
    background-image: unset;
}

.section .cartcontainer .accordion-button .icon {
    position: absolute;
    right: 15px;
    margin-left: auto;
    transition: transform 0.3s ease;
    color: #fff;
}

.section .cartcontainer .accordion-button.collapsed .icon {
    transform: rotate(180deg);
}

.section
    .cartcontainer
    .accordion
    .accordion-item
    .accordion-body
    .staff-info-profle {
    text-align: center;
    height: 150px;
}

.section
    .cartcontainer
    .accordion
    .accordion-item
    .accordion-body
    .staff-image {
    max-height: 200px;
    max-width: 200px;
    height: 150px;
    width: 150px;
    object-fit: cover;
    text-align: center;
}

.contact-form .control-group .form-control {
    height: 28px;
    padding: 4px 6px;
    margin-bottom: 18px;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.contact-form ::placeholder {
    color: #cccccc !important;
}

.contact-form .control-group .form-control {
    height: 28px;
    padding: 4px 6px;
    margin-bottom: 18px;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.contact-form ::placeholder {
    color: #cccccc !important;
}

/* reward points */
.reward-body {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    z-index: 110;
    position: relative;
    width: 100%;
    margin-top: -25px;
    padding: 20px;
    border: 1px solid #181a1c;
}

.reward-body h5 {
    font-size: 14px;
    color: #181a1c;
}

.reward-body h3 {
    color: #181a1c;
    padding-bottom: 10px;
}

.reward-body h4 {
    font-size: 16px;
    color: #181a1c;
    margin: 0px;
    padding: 0px;
}

.reward-body a.link {
    color: #181a1c;
    font-weight: bold;
}

/* account status */
.account-form {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    z-index: 110;
    position: relative;
    width: 100%;
    margin-top: -25px;
    padding: 30px 20px;
    border: 1px solid #181a1c;
}

.account-form p {
    font-size: 14px;
    color: #181a1c;
    text-align: left;
    margin: 0 0 20px;
    padding: 3px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #cbcbcc;
}

.account-form h6 {
    font-size: 12px;
    color: #181a1c;
}

.account-form h5,
.account-form h5 a {
    font-size: 14px;
    color: #181a1c;
}

.account-form h3 {
    color: #181a1c;
    padding-bottom: 10px;
}

.account-form h4 {
    font-size: 16px;
    color: #181a1c;
    margin: 0px;
    padding: 0px;
}

.account-form a.link {
    color: #181a1c;
    font-weight: bold;
}

.account-form .edit-account-btn {
    border: 1px solid #747c89;
    color: #181a1c;
    background-color: transparent;
    padding: 5px 20px;
    font-size: 14px;
}

.account-form .edit-account-btn:hover {
    background-color: #254d75;
    color: #fff;
}

.account-form .ssbase {
    font-family: Verdana, Arial, Helvetica;
    font-size: 9px;
    color: #003366;
}

/* login page */
.web-form .control-group .form-control {
    height: 28px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.web-form ::placeholder {
    color: #cccccc !important;
}

.web-form .form-notes,
.web-form .form-notes a {
    color: #4f80b3;
    text-align: right;
    font-weight: normal;
    font-size: 0.8em;
}

.web-form .form-notes a:hover,
.login-form a.form-notes:hover {
    color: #ccc;
}

/* Email Preferences */
.email-preference .emailpref-form {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    z-index: 110;
    position: relative;
    width: 100%;
    margin-top: -25px;
    padding: 20px;
    border: 1px solid #181a1c;
}

.email-preference .emailpref-form h3 {
    color: #181a1c;
    padding-bottom: 10px;
}

.email-preference .emailpref-form .email-pref-btn {
    border: 1px solid #747c89;
    color: #181a1c;
    background-color: transparent;
    padding: 5px 20px;
    font-size: 14px;
    border-radius: 0;
}

.email-preference .emailpref-form .email-pref-btn:hover {
    background-color: #254d75;
    color: #fff;
}

.email-preference .emailpref-form p {
    color: #181a1c;
    font-size: 18px;
    font-weight: lighter;
}

.email-preference .emailpref-form label {
    color: #181a1c;
    font-size: 18px;
    font-weight: lighter;
}

.dataTables_scroll .dataTables_scrollBody a {
    padding: 4px 8px;
    margin: 0px;
    border-radius: 8px;
    float: none;
    border: none;
}

.dataTables_scroll .dataTables_scrollBody a:after {
    content: none;
}

/* UPDATE  PASSWORD */
.password-form {
    background: #efefef !important;
    z-index: 110;
    position: relative;
    width: 100%;
    margin-top: -25px;
    padding: 20px;
    border: 1px solid #181a1c;
}
.password-form table tbody tr {
    background-color: transparent;
    border: unset;
}
.password-form table tbody tr td {
    border: unset;
}
.password-form h3 {
    color: #181a1c;
    padding-bottom: 10px;
}

.password-form .base {
    color: #254d75;
    text-decoration: none;
    font-weight: bold;
}

.password-form .submit-btn {
    border: 1px solid #747c89;
    color: #747c89;
    background-color: transparent;
    padding: 5px 30px;
    font-size: 17px;
}

.password-form .submit-btn:hover {
    background-color: #254d75;
    color: #fff;
}

.password-form .control-group .form-control {
    height: 28px;
    padding: 4px 6px;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.password-form .form-select {
    height: 28px;
    padding: 4px 6px;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0px; /* */
}

.password-form ::placeholder {
    color: #cccccc !important;
}

/* FIX-TOP */
.fixed-top {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
}

/* account profile */
.account-form {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    z-index: 110;
    position: relative;
    width: 100%;
    margin-top: -25px;
    padding: 30px 20px;
    border: 1px solid #181a1c;
}

.account-form p {
    font-size: 14px;
    color: #181a1c;
    text-align: left;
    margin: 0 0 20px;
    padding: 3px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #cbcbcc;
}

.account-form h6 {
    font-size: 12px;
    color: #181a1c;
}

.account-form h5,
.account-form h5 a {
    font-size: 14px;
    color: #181a1c;
}

.account-form h3 {
    color: #181a1c;
    padding-bottom: 10px;
}

.account-form h4 {
    font-size: 16px;
    color: #181a1c;
    margin: 0px;
    padding: 0px;
}

.account-form h2 {
    font-size: 18px;
    color: #181a1c;
    margin: 0px;
    padding: 0px;
}

.account-form a.link {
    color: #181a1c;
    font-weight: bold;
}

.account-form .edit-account-btn {
    border: 1px solid #747c89;
    color: #181a1c;
    background-color: transparent;
    padding: 5px 20px;
    font-size: 14px;
}

.account-form .edit-account-btn:hover {
    background-color: #254d75;
    color: #fff;
}

.account-form .ssbase {
    font-family: Verdana, Arial, Helvetica;
    font-size: 9px;
    color: #003366;
}

/*  */
.account-form h4,
.account-form h4 a {
    font-size: 18px;
    color: #181a1c;
    margin: 0px;
    padding: 0px;
}

.account-form h2 {
    font-size: 18px;
    color: #181a1c;
    margin: 0px;
    padding: 0px;
}

/* Admin Page Title and Menu CSS */
.section .container div.title > h1,
.common-h2 {
    text-rendering: optimizelegibility;
    line-height: 40px;
    font-size: 38.5px;
}
.common-h1 {
    font-size: 40px;
}

.section .container div.title > p > a.lbasew {
    font-size: 11px;
    font-weight: bold;
}

/* ADMIN PAGE LINK MODULE URL LINK */
table#linkslist .anchorlink a {
    color: #000;
}

table#outofstockajax .anchorlink a {
    color: #000;
}

table#outofstock .anchorlink a {
    color: #000;
}

table#backinstock .anchorlink a {
    color: #000;
}

/* BANNER SLIDER */
.common-owl-carousel.owl-carousel .owl-item img {
    object-fit: cover;
    max-height: 200px;
}
/* product category page */
.product-listing .page-title .category-title .product_category_title {
    color: #981a17 !important;
    transition: all 0.7s;
}

.product-listing .page-title .category-title .product_category_title:hover {
    color: #254d75 !important;
}

.product-listing .page-title .category-image-subtitle > p {
    font-size: 20px;
    color: #000;
    font-weight: lighter;
    text-align: center;
}

.product-listing .thumbnail.categories {
    background: #981a17;
}

/* include fonts */
@font-face {
    font-family: "frutigerltstd-bold";
    src: url("../fonts/common/frutigerltstd-bold/FrutigerLTStd-Bold.otf")
        format("opentype");
}

@font-face {
    font-family: "frutigerltstd-cn";
    src: url("../fonts/common/frutigerltstd-cn/FrutigerLTStd-Cn.otf")
        format("opentype");
}

@font-face {
    font-family: "Klavika-bold";
    src: url("../fonts/common/Klavika/klavika-bold.otf") format("opentype");
}

@font-face {
    font-family: "proxima-nova-bold";
    src: url("../fonts/common/proxima-nova-2/Mark Simonson  Proxima Nova Bold.otf")
        format("opentype");
}

@font-face {
    font-family: "proxima-nova-regular";
    src: url("../fonts/common/proxima-nova-2/Mark Simonson  Proxima Nova Regular.otf")
        format("opentype");
}

@font-face {
    font-family: "zuume-bold";
    src: url("../fonts/common/zuume-cufonfonts/Zuume Bold.ttf")
        format("opentype");
}

@font-face {
    font-family: "zuume-regular";
    src: url("../fonts/common/zuume-cufonfonts/Zuume Regular.ttf")
        format("opentype");
}

@font-face {
    font-family: "FontsFree-Net-Proxima-Nova-Bold";
    src: url("../fonts/common/FontsFree-Net-Proxima-Nova-Bold.otf")
        format("opentype");
}

@font-face {
    font-family: "impact";
    src: url("../fonts/common/impact.ttf") format("opentype");
}

@font-face {
    font-family: "lfaxdi";
    src: url("../fonts/common/lfaxdi.ttf") format("opentype");
}

@font-face {
    font-family: "minionpro-bold";
    src: url("../fonts/common/minionpro-bold.otf") format("opentype");
}

@font-face {
    font-family: "MinionPro-Regular";
    src: url("../fonts/common/MinionPro-Regular.otf") format("opentype");
}

#service .service .circle-border img {
    border-radius: 50%;
}

#menu {
    margin: 0;
}

.custom-navbar .navbar-inner .brand {
    position: relative;
    z-index: 9999 !important;
}

#menu li {
    margin-top: 0;
}

#menu li {
    margin-top: 0;
}

/* header.css */
.searchform2 {
    margin: 15px auto 0px 150px;
}

/* homepage-css.css */
.nav-pills > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 37px;
}

/* homepage-css.css */
/* WHATS'S NEWS? */
.team .thumbnail .mask,
.team .thumbnail .mask h3,
.team .thumbnail .mask p,
.team .thumbnail:hover h3,
.team .thumbnail:hover .social a:hover {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

/* --PRODUCT CATEGORIES--- */
/* productCategoriesCarousel.css*/
.owl-carousel .owl-nav button.owl-next.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev.owl-prev:hover {
    color: #fff !important;
    background: #000 !important;
    transition: all 0.5s;
}

.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -50px !important;
}

.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -50px !important;
}

.product-category-owlCarousel .item .client-slider-text {
    line-height: 20px;
}

/* homepage-css.css */
/* LINKS */
.links-list-carousel .item .manufacturer-slider-text {
    line-height: 20px;
}

#clients p {
    height: auto;
    line-height: normal;
}

/* Header */
#menu {
    margin: 0;
}

.custom-navbar .navbar-inner .brand {
    position: relative;
    z-index: 9999 !important;
}

.custom-navbar {
    position: relative;
    top: 0 !important;
    padding: 5px 0 !important;
    z-index: 999;
}

/* 15-10-2024 */
#menu {
    width: 100% !important;
}

@media (max-width: 1200px) {
    .custom-navbar #menu,
    .custom-navbar .searchform2 {
        margin-left: 50px;
    }
    .triangle {
        display: none;
    }

    /* .custom-navbar #menu {
        padding-top: 15px;
    } */

    .custom-navbar .brand {
        padding: 10px 0;
    }

    .custom-navbar #menu,
    .custom-navbar .searchform2 {
        width: 100%;
    }

    #menu li {
        margin-right: 5px;
    }
}

@media (max-width: 768px) {
    .custom-navbar #menu,
    .custom-navbar .searchform2 {
        margin-left: 110px;
    }
}
table thead {
    /* font-family: Verdana, Arial, Helvetica; */
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
.dataTables_length,
.dataTables_info {
    float: left;
}
table tbody {
    /* font-family: Verdana, Arial, Helvetica; */
    font-size: 12px;
    color: #254d75;
    text-decoration: none;
}
table select {
    height: 30px;
    line-height: 30px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}
/* 23-10-24 */
.administration-form .base input {
    width: 35%;
}
.administration-form .base input[type="CHECKBOX"] {
    width: 12px;
}
.administration-form input[type="submit"],
.administration-form input[type="reset"] {
    width: auto;
    font-size: 12px;
}
@media (max-width: 992px) {
    .administration-form .base input {
        width: 50%;
    }
}
.administration-form select {
    display: inline-block;
    height: 28px;
    width: 35%;
    padding: 4px 6px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}
.administration-form .btn-button {
    border: 1px solid #747c89;
    color: #181a1c;
    background-color: transparent;
    padding: 5px 20px;
    font-size: 12px;
    transition: 0.5s;
    width: auto !important;
    border-radius: 5px;
}
.administration-form .btn-button:hover {
    background-color: #254d75;
    color: #fff;
}
/* 24-10-24 */
@media (max-width: 768px) {
    .custom-navbar #menu,
    .custom-navbar .searchform2 {
        margin-left: 110px;
        margin-bottom: 15px;
    }
}
/* 16-10-2024 */
/*Admin > Retailer Information Form */
.retailer-information-form .base input {
    width: 35%;
}
.retailer-information-form .base input[type="submit"] {
    width: auto;
    font-family: inherit;
    font-size: 12px;
    line-height: inherit;
}
.retailer-information-form .base input[type="reset"] {
    width: auto;
    font-family: inherit;
    font-size: 12px;
    line-height: inherit;
}
@media (max-width: 992px) {
    .retailer-information-form .base input {
        width: 50%;
    }
}
.retailer-information-form select {
    display: inline-block;
    height: 28px;
    width: 35%;
    padding: 4px 6px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

/*  category-information-form*/
.category-information-form .base input {
    width: 100%;
}
.category-information-form .base input[type="submit"] {
    width: auto;
    font-family: inherit;
    font-size: 12px;
    line-height: inherit;
}
.category-information-form .base input[type="reset"] {
    width: auto;
    font-family: inherit;
    font-size: 12px;
    line-height: inherit;
}
@media (max-width: 992px) {
    .category-information-form.base input {
        width: 50%;
    }
}
.category-information-form select {
    width: 100% !important;
    display: inline-block;
    height: 28px;
    width: 35%;
    padding: 4px 6px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}
#clients .testimonial p {
    height: auto !important;
}
/*  */
@media (max-width: 992px) {
    .product-highlight .base input[type="text"],
    .product-highlight textarea {
        width: 90%;
    }
}
.product-highlight .upload-container input[type="file"] {
    position: absolute;
    opacity: 0;
    pointer-events: visible !important;
    inset: 0;
    height: 100%;
    cursor: pointer;
}
.upload-container {
    padding: 10px 50px 90px !important;
    border: 1px solid #92b0b3;
    background: #f1f1f1;
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    display: inline-block;
    text-align: center !important;
    background-image: url("../images/common/upload.png");
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    pointer-events: none;
    position: relative;
}
.upload-container:before {
    content: "Drag and Drop files here. ";
    color: #3f8188;
    font-weight: 900;
    top: 10px;
}
.product-highlight .centerd_img {
    display: flex;
}
.product-highlight .centerd_img .base {
    align-self: center;
    padding: 0 10px;
}
@media (max-width: 992px) {
    .product-highlight .centerd_img {
        display: block;
    }
    .product-highlight .centerd_img .base {
        align-self: center;
        padding: 5px 0px;
    }
}
/* 11-11-24 */
input[type="text"].cart.quantity {
    border-radius: 5px;
}
input[type="text"].cart.quantity {
    width: 50px;
    height: 22px !important;
    margin: 0px auto;
    padding: 0px;
}
.product-listing .thumbnails .mix .prodpricing {
    margin-left: unset !important;
    width: 100%;
}
/*  */
.p_o_category_form .base input[type="text"] {
    width: 100%;
}
.p_o_category_form .base input[type="CHECKBOX"] {
    width: 5%;
}
/* @media (max-width: 992px) {
    .p_o_category_form .base input[type="text"] {
        width: 50%;
    }
} */
.p_o_category_form select {
    display: inline-block;
    height: 28px;
    width: 100%;
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 20px;
    color: #000;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

/* */
.types-information-form .basew .lbasew {
    color: #fff;
}
.types-information-form .navlink {
    color: #fff;
}
.types-information-form .base .lbase {
    color: #fff;
}
.types-information-form .base input[type="text"] {
    width: 45%;
}
@media (max-width: 992px) {
    .types-information-form .base input[type="text"] {
        width: 90%;
    }
}
/* ADMINISTRATION-FORM */
.admin-form .basew .lbasew {
    color: #fff;
}
.admin-form.navlink {
    color: #fff;
}
.admin-form .base .lbase {
    color: #fff;
}
.admin-form .base input[type="text"] {
    width: 206px;
    border-radius: 4px;
    padding: 0 10px;
}
.admin-form .base input[type="password"] {
    padding: 0 10px;
    display: inline-block;
    height: 28px;
    width: 206px;
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 20px;
    color: #000;
    border-radius: 4px;
    background-color: #ffffff !important;
    border: 1px solid #cccccc;
}
.admin-form select {
    display: inline-block;
    height: 28px;
    width: 206px;
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 20px;
    color: #000;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}
.admin-form textarea {
    width: 206px;
    border-radius: 4px;
    padding: 0 10px;
}
.admin-form input[type="submit"],
.admin-form input[type="reset"] {
    width: auto;
    font-size: 12px;
}
.admin-form input[type="file"] {
    width: auto;
    font-size: 12px;
}
@media (max-width: 991px) {
    .admin-form .base input[type="text"] {
        width: 206px;
    }
    .admin-form .base input[type="password"] {
        width: 90%;
    }
    .home-nav {
        flex-wrap: nowrap;
        justify-content: start !important;
    }
    .home-nav li.filter {
        white-space: nowrap;
    }
    .home-nav li.filter a {
        margin-right: 0;
    }
}
@media (max-width: 576px) {
    p:not(.classic-table p), .catdesc, #preorders .cart .items .infoWrap, #magazines .cart .items .infoWrap, #preorders .cartcontainer a, #magazines .cartcontainer a {
        margin-bottom: 4px;
    }
    .admin-form input[type="submit"],
    .admin-form input[type="reset"] {
        margin-bottom: 5px;
        height: 25px;
    }
    .hm-content h1.common-h1 {
        font-size: 32px !important;
    }
    .pagination .page-link {
        font-size: 14px;
    }
    .upload-container {
        padding: 12px 26px 90px !important;
        background-size: 40px;
    }
    .cartSection textarea,
    .cartSection select[class*="cartinfo"] {
        width: 100%;
    }
    .cartcontainer .subtotal .totalRow.final h3 {
        font-size: 18px;
    }
    .password .password-form {
        padding: 16px 4px !important;
    }
    .instructions.title p {
        margin-bottom: 0;
    }
    .section .cartcontainer .accordion .accordion-header {
        padding: 8px;
    }
    .accordion-header:has(.acc-btn-cnt) {
        margin: 8px 0 !important;
        padding: 0 !important;
    }
    .section .cartcontainer .accordion .accordion-button {
        font-size: 16px !important;
        padding: 16px;
    }
    .message-btn {
        font-size: 15px;
    }
    .message-btn {
        padding: 6px 22px;
    }
    .cart .items {
        margin: 8px 0 !important;
        padding: 14px !important;
    }
    .common-h1 {
        font-size: 36px !important;
    }
    .common-h2 {
        font-size: 30px !important;
    }
    .about-us-section .section .title {
        margin-top: 0;
    }
}
/*  */
.product-listing .page-title .category-title .product_category_title {
    color: #981a17 !important;
    transition: all 0.7s;
}
.product-listing .page-title .category-title .product_category_title:hover {
    color: #254d75 !important;
}
.product-listing .page-title .category-image-subtitle > p {
    font-size: 20px;
    color: #000;
    font-weight: lighter;
    text-align: center;
}
.product-listing .thumbnail.categories {
    background: #981a17;
}
#portfolio-grid .mix {
    opacity: 1;
    height: 100%;
    display: block;
}
.product-listing .page-title .category-title h1 {
    color: #254d75;
}
.product-listing .navcontainer .navcatlinks {
    width: auto;
}
/* ---- */
.product-listing .viewpreference-selectBox {
    background-color: #254d75;
    color: #fff;
    padding: 5px 0px 3px 7px;
    border-radius: 5px;
    border: unset;
    transition: all 0.7s;
}
.product-listing .viewpreference-selectBox:hover {
    background-color: #4f80b3;
}
.product-listing select.viewpreference-selectBox option:checked,
select.viewpreference-selectBox option[selected] {
    background-color: #fff !important;
    color: black;
}
/* --- */
.product-listing .page-title .category-title h1 {
    color: #254d75;
}
.product-listing .page-title p {
    font-size: 20px;
    color: #000;
    font-weight: lighter;
}
.product-listing .search-productBox {
    font-size: 20px;
    color: #000;
    font-weight: lighter;
}
.product-listing .search-productBox select {
    width: auto;
    height: auto;
    background-color: #254d75;
    color: #fff;
    padding: 3px;
    border-radius: 3px;
    border: unset;
    transition: all 0.7s;
    font-size: 18px;
}
.product-listing .viewpreference-selectBox:hover {
    background-color: #4f80b3;
}
.product-listing .search-productBox select option:checked,
.product-listing .search-productBox select option[selected] {
    background-color: #fff !important;
    color: black;
}
/*  */
.product-listing .thumbnails .mix {
    opacity: 1 !important;
    display: block !important;
}
.product-listing .thumbnails .mix .h7 {
    font-size: 8.5px;
    font-weight: bold;
    letter-spacing: 0px;
    padding: 0px 0 0 0;
    margin: 0px 0;
    text-align: center;
    width: 100%;
    height: 8px; /* border: 1px solid #FF0000; */
}
.product-listing .thumbnails .mix .proddesc-head {
    font-size: 18px;
    color: #fff;
    font-weight: lighter;
    height: auto;
    width: 100%;
}
.product-listing .thumbnails .mix .proddesc {
    font-size: 16px;
    color: #fff;
    font-weight: lighter;
    height: auto;
    width: 100%;
}
/* .product-listing .thumbnails .mix .prodpricing{height: auto;} */
.products .bkWHITE,
.catdesc .bkWHITE,
.prodTotal .bkWHITE {
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    margin: 2px 3px;
    padding: 2px;
    background: #fff;
    border-radius: 3px;
}
/* --- */
.product-listing .title.px-0 {
    padding: 5px 0 !important;
}
.product-listing table .product-col {
    position: relative;
}
.product-listing table .product-col a img {
    position: relative;
    right: 0px;
    top: 15px;
}
.product-listing table .product-col img {
    position: relative;
    right: 0px;
    top: 15px;
}
.product-listing table.preorders tr:nth-child(even) td {
    vertical-align: middle !important;
    padding: 0 0.5rem !important;
}
.product-listing table td input[type="image"] {
    background-color: transparent !important;
    color: #fff !important;
    padding: 5px;
    font-size: 10px;
    border-radius: 5px;
    border: 1px solid transparent !important;
    transition: all 0.5s;
}
.product-listing table td input[type="image"]:hover {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #254d75;
}
.product-listing table td input {
    background-color: #254d75 !important;
    color: #fff !important;
    padding: 5px;
    font-size: 10px;
    border-radius: 5px;
    border: 1px solid transparent !important;
    transition: all 0.5s;
}
.product-listing table td input:hover {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #254d75;
}
.product-listing table td .cart.quantity {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    bottom: 8px;
    position: relative;
}
/* .product-listing table td.add-cart-btn{display: flex;float: right;} */
.product-listing table td .add-cart-btn {
    position: relative !important;
    top: 3px !important;
}
@media (max-width: 576px) {
    .product-listing table .product-col img {
        position: relative;
        right: 0;
        top: 5%;
    }
    .product-listing table .product-col a img {
        position: relative;
        right: 0;
        top: 5%;
    }
    .product-listing table .product-col .product-code {
        padding-top: 6px;
    }
    .product-listing .products .product-desc {
        min-height: 60px !important;
        padding-left: 6px;
        padding-right: 6px;
    }
    .mySlides img {
        height: 400px !important;
    }
}
/* .tooltip {position: relative;display: inline-block;border-bottom: 1px dotted black;}
.tooltip .tooltiptext {visibility: hidden;width: 120px;background-color: black;color: white;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;top: -5px;left: 110%;}
.tooltip .tooltiptext::after {content: "";position: absolute;top: 50%;right: 100%;margin-top: -5px;border-width: 5px;border-style: solid;border-color: transparent black transparent transparent;}
.tooltip:hover .tooltiptext {visibility: visible;} */
.btn.reload::after {
    content: none;
}
/* contact form */
#login-form .control-group {
    margin-bottom: 15px;
}
#reset-form .control-group {
    margin-bottom: 15px;
}
#reset-form .error_msg {
    font-size: 12px;
}
/*  */
.grading-form .control-group {
    padding-bottom: unset;
    margin-bottom: unset;
}
.grading-form .space {
    padding: unset;
    margin: unset;
    line-height: 15px;
}
.grading-form .control-group .controls {
    margin-bottom: unset;
}
.grading-form .control-group input[type="text"],
.grading-form .control-group input[type="email"],
.grading-form .control-group textarea {
    margin-bottom: unset;
}
.grading-form .control-group .controls {
    margin-bottom: unset !important;
}
/*  */
.contact-form .control-group input[type="text"] {
    margin-bottom: unset;
}
.contact-form .form-group input[type="text"] {
    margin-bottom: unset;
}
.contact-form .control-group .controls {
    margin-bottom: 18px;
}
.contact-form .error_msg {
    font-size: 12px;
}
.contact-form .control-group .form-control {
    margin-bottom: unset;
}
/*  */
#register-form .control-group .form-control {
    margin-bottom: unset;
}
#register-form .form-group input[type="text"] {
    margin-bottom: unset;
}
#register-form .control-group .controls {
    margin-bottom: 18px;
}
#register-form .error_msg,
#register-form #err-captcha {
    font-size: 12px;
}
/*  */
.search-form select {
    width: 20% !important;
}
@media (max-width: 768px) {
    .search-form select {
        width: 70% !important;
    }

    .about-us-section .navcatlinks {
        padding-bottom: 20px;
    }
}
/* PRE-ORDERS */
#preorders .navcatlinks {
    padding: 30px 10px 20px 10px;
}
#preorders .poviewpreference {
    padding: 2px 0px 2px 15px;
}
#preorders .week-of select {
    font-size: 14px;
    background-color: #fff;
    width: 220px;
    border: 1px solid #cccccc;
    height: 30px;
    line-height: 30px;
    padding: 4px 6px;
    margin-bottom: 10px;
    border-radius: 4px;
    color: #555555;
}
#preorders .title {
    padding: 0;
}
#preorders .title h3 {
    font-size: 24.5px;
    font-weight: normal !important;
    color: #fff !important;
    margin-bottom: 0;
}
#preorders .cart .items .infoWrap,
#magazines .cart .items .infoWrap {
    font-size: 18px;
    color: #fff;
    font-weight: lighter;
}
#preorders .cart .items .cartSection.prodTotal p {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;
}
#preorders input[type="text"].cart.quantity,
#magazines input[type="text"].cart.quantity {
    width: 50px;
    height: 22px !important;
    margin: 0px auto;
    padding: 0px 5px;
    font-size: 14px;
    color: #555555;
}
#preorders .infoWrap .cartSection p.minibutton {
    padding: 5px;
    font-size: 14px;
    line-height: 10px;
    color: #fff;
}
#preorders .cartcontainer a,
#magazines .cartcontainer a {
    color: #b0c4de;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    transition: 0.5s;
}
#preorders .cartcontainer img,
#magazines .cartcontainer img {
    object-fit: contain;
    margin-right: 6px;
}
#preorders .cartcontainer button[type="submit"].submitbtn,
#preorders button[type="submit"].submitbtn,
#preorders button[type="reset"].submitbtn {
    height: auto;
}
#preorders .cartcontainer button[type="submit"].submitbtn2,
#preorders button[type="submit"].submitbtn2,
#preorders button[type="reset"].submitbtn2 {
    height: auto;
}
#magazines .cartcontainer button[type="submit"].submitbtn2,
#magazines button[type="submit"].submitbtn2,
#magazines button[type="reset"].submitbtn2 {
    height: auto;
}
#magazines .cartcontainer button[type="submit"].submitbtn,
#magazines button[type="submit"].submitbtn,
#magazines button[type="reset"].submitbtn2 {
    height: auto;
}
#magazines .cartSection h3 a {
    color: #254d75;
}
#magazines select.additionalinfo {
    font-size: 14px;
    background-color: #fff;
    width: 80%;
    border: 1px solid #cccccc;
    height: 30px;
    line-height: 30px;
    padding: 4px 6px;
    margin-bottom: 10px;
    border-radius: 4px;
    color: #555555;
}
/*  */
#preorders
    .priceList
    .cartQuantityContainer
    .cartQuantityContainerRow2
    .price.price
    b {
    font-size: 1.25em !important;
}
/*  */
@media (max-width: 1200px) {
    #admin-reps-nav-section {
        height: auto;
    }
    .triangle {
        display: none;
    }
}
/* ADMINISTRATION : HELP */
.help-section a.link {
    font-size: 7.5pt;
}
.help-section .table-head {
    color: #000;
}
.help-section dd {
    margin-bottom: 0;
}
.help-section textarea {
    width: 206px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    height: auto;
    display: inline-block;
    padding: 4px 6px;
    margin-bottom: 10px !important;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    vertical-align: middle;
    border-radius: 4px;
    font-weight: normal;
    overflow: auto;
    margin: 0;
}
.help-section p {
    padding: 0;
    padding-bottom: 5px;
    word-break: break-all;
}

.minibutton p.minibutton,
.minibutton p.minibutton a {
    font-size: 12px !important;
    line-height: 10px !important;
    color: #fff !important;
}
#preorders .infoWrap p,
#preorders .cartSection p a,
#preorders .cartSection h3 a,
#preorders .cartSection h3 {
    color: #254d75;
}
#preorders .cart .items .cartSection .itemNumber {
    color: #777;
}
#preorders .cart .items .cartSection .itemDesc {
    color: #777;
    font-size: 15px;
}
#preorders .cart .items .cartSection p.stockStatus {
    color: #a1c2e2;
}
#preorders .cartSection .warning {
    color: #fff;
}
#preorders .cartSection .warning .link {
    color: #fff;
}
#preorders .cartSection p a.lsbase {
    font-weight: 300;
    font-size: 15px;
}
/* ABOUT US */
#clients .navcontainer .navcatlinks {
    text-transform: unset;
}
#clients .navcatlinks a:hover,
#clients .navcatlinks > a.navcathighlight {
    color: #fff !important;
}
/* FOOTER */
@media (min-width: 1200px) {
    .footer .row {
        margin-left: auto !important;
    }
    #clients .row {
        margin-left: auto !important;
    }
}

.avatar {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.center-upload-img {
    align-self: center;
    padding: 10px;
}
.center-upload-img img {
    height: 100px;
    width: 100px;
    object-fit: cover;
}
.terms-and-conditions {
    margin-top: 35px;
    padding-left: 10px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    cursor: not-allowed;
    background-color: #eeeeee;
}
.pro_img {
    display: flex;
}
.pro_img .cross_icon {
    margin: auto 0;
}

table td .base input[type="date"],
table td .base input[type="time"],
table td .base input[type="datetime-local"] {
    height: 28px;
    width: 147px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.loader-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8); /* semi-transparent white */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

/* Simple spinner */
.spinner {
    border: 6px solid #f3f3f3;
    border-top: 6px solid #3498db;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
}

/* Spin animation */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*for email list outof div*/
.emaillist {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: break-word;
    max-width: 100%;
}
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #000000;
}

.f-18 {
    font-size: 18px !important;
}

.navbar-inner .header-bottom-logo {
    position: absolute;
    right: 10px;
    bottom: 6px;
    height: 10px;
    display: block;
}

/* Also target the image by filename if a class wasn't added */
.navbar-inner .header-bottom-logo.right {
    position: absolute;
    right: 10px;
    bottom: 25%;
    height: 90px;
    display: block;
    width: 157px;
    height: 56px;
}

@media (max-width: 1200px) {
    .navbar-inner .header-bottom-logo.right {
        position: static;
        display: none;
    }
}

.customer_preorders input[type="text"] {
    font-size: 14px;
}