/* 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: 999;
	margin: 0;
}

/*.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;
  }
} /* @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: normal;
}
h1 {
    margin: 10px;
}

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

.blue {
    padding: 8px;
	font-size: .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: 50px;
	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 {
  content: "\276f";
  padding: .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;
}

@media (max-width: 767px) {
	.SEARCHFORM-KW, .SEARCHFORM-SEARCHBY {
	  display: block;
	}
}

@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;
	font-weight: bold;
	line-height: 16px;
}
p.product-code, p.product-desc {
	line-height: 10px;
	font-size: 10px;
}



.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;
    position: relative;
/*	border: 1px solid #0f0;
    min-height:100px; /* 60px / 132px */
}

/* Position the small authorized-distributor logo in the bottom-right */
.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: 1140px) {
  .navbar-inner .header-bottom-logo.right {
    position: static;
    display: none;  

  }
  .navbar .brand img{
    width: 128px;
    height: 48px;
}
#menu, .searchform2{
    width: 58% !important;
}
} /* @7468px */


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

#menu, .searchform2{
    width: 76% !important;
}
}

@media (max-width: 1366px) and (min-width: 1024px) {
    .header #menu{
        width: 750px;
    }
}

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

.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(https://www.grosnor.com/gr/design/default/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;*/
}

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

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

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

.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: .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;*/
}
.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;
	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:0;
    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 {
	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;
}*/
.thumbnail.products {
	max-height: 550px;
}

.playsoftheweek {
	max-height:450px;
}

#playsoftheweek-grid img {
	object-fit: cover;
    width:240px;
    height:240px;
    border: 3px solid #000;
}

.thumbnail.products a img {
	object-fit: cover;
    width:240px;
    height:240px;
    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 {
    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 {
    height:70px;
/*    border: 1px solid #cccccc;*/
}

.news .thumbnail .newsdate {
    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:18px;
    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 {
	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;
}
.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;
}

.custom-advert-container {
	display: block !important;
	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;
    font-size: 18px;
    color: #fff;
    font-weight: lighter;
}
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;
}


.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: 70px;
    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;
	}
	p.product-title {
		font-size: 14px;
		line-height: 14px;
	}
	p.product-code, p.product-desc {
		line-height: 9px;
		font-size: 9px;
	}

	.links {
		width: 30%;
		margin:1%;
	}
} /* @979 */

@media (max-width: 767px) {
	.cartQuantityContainerRow2, .cartQuantityContainerRow {
	  width: 25%;
	}
	
	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: 0px;
		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: .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: 0px;
		margin: 0px;
		line-height:8px;
		border-bottom:1px solid transparent;
	}
	p.product-title {
		font-size: 12px;
		line-height: 12px;
	}
	p.product-code, p.product-desc {
		line-height: 9px;
		font-size: 9px;
	}

	.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 {
	max-height:250px;
}

.retailersubcontainer {
	margin: 0 auto; 
/*	padding: 10px;*/
/*	border:1px solid red;*/
    /*	align:center;*/
    color:#181A17;
	text-align:center;
	overflow:auto;
	display: inline-block;
	max-width: 1200px;
}

.retailercatlinks {
	white-space: nowrap;
/*	line-height:3;
    color:#181A17;*/
	background:#181A17;
	font-weight: bold;
	padding: 8px;
	width: 18%;
	float:left;
	height: 100px;
	margin: 10px;
}

@media (max-width: 1100px) {
	.retailercatlinks {
		width: 23%;
		margin: 5px;
		margin-top: 10px;
	}
}

@media (max-width: 767px) {
	.retailercatlinks {
		width: 31%;
		margin: 4px;
		padding: 3px;
		height: 90px;
	}
}

@media (max-width: 767px) {
	.retailercatlinks {
		width: 44%;
		margin: 5px;
		height: 80px;
		padding: 2px;
	}
}

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

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

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

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

.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; 
	line-height:3;
    color:#fff;
	background:#181A17;
	font-weight: bold;
	padding: 8px;
}

.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%;
    height:80px;
/*    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:.9em;
	line-height: .9em;
    color:#FFF;
}

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

.categories h3, .products h3 {
	margin: 0 auto; 
	padding: 0px;
   /* color:#FFF;*/
	text-align:center;
	width: 90%;
    height:57px; /* 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%;
    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;
	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: .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: .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;
}
.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;
}
.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; /*#254D75;*/
}
.scrollup > a {
    position:relative;
    top:7px;
    color:#fff;
}
.scrolldown {
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    width: 39px;
    height: 39px;
    border-radius: 5px;
    font-size: 20px;
    position: fixed;
    /* bottom: 30px; */
    top:100px;
    right: 20px;
    border: 1px solid #fff;
    /* display: none; */
    background: #981A17;
    /*#254D75;*/
}
.scrolldown>a {
    position: relative;
    top: 7px;
    color: #fff;
}
.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;
    }
}
@media (max-width: 979px) {
	.service img {
	    width: 150px;
	    height: 150px;
	}

	.thumbnail.products a img {
		object-fit: cover;
	    width:180px;
	    height:180px;
	    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 {
	    height:300px;
	}
	
	.news .thumbnail h3 {
	    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: 767px) {
	
	h7.RED {
		font-size:11px;
	}
	
	.news .thumbnail {
	    height:270px;
	}
	
	.news .thumbnail h3 {
	    height:60px;
	/*    border: 1px solid #cc00cc;*/
	}
	
	.thumbnail.products a img {
		object-fit: cover;
	    width:240px;
	    height:240px;
	    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%;
        }
        
        .cart .items .cartSection {
        margin-bottom: 40px;
        }
        
        .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;
}


    .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:.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:.95em;
}
.infoWrap p.bythecase {
	font-size:.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: 20px; /*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;
 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: .75em;
  color: #777;
  margin-bottom: .5em;
}

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

.itemHistory {
  font-size: .6em;
  line-height: .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: .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: .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: .25em;
  margin: 1em .5em 0 0;
}
.cart .items .cartSection .itemImg {
	object-fit: cover;  /* added */
  width: 8em;
  height: 8em;  /* added */
  display: inline;
  padding-right: 1em;
}

a.remove {
  text-decoration: none;
  font-family: Arial, sans-serif, Helvetica; /*"Oswald", sans-serif;*/
  color: #ffffff;
  font-weight: bold;
  background: #254D75;
  padding: .5em;
  font-size: .75em;
  display: inline-block;
  border-radius: 100%;
  line-height: .85;
  -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;
}
a.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: .5em;
  letter-spacing: -.025em;
}
.cartcontainer .promoCode input {
  width: 85%;
  font-size: 1em;
  padding: .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: .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: -.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: .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: -.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: .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: .85em;
  paddding: .5em 2em;
}

/* TOTAL AND CHECKOUT  */
.cartcontainer .subtotal {
  float: right;
  width: 45%;
  background-color:#fff;
  border: 1px solid #254D75;
  padding: .5em;
  margin: .5em auto;
  border-radius: 5px;
}
.cartcontainer .subtotal .totalRow.final h3 {
  color: #254D75;
  font-size: 1.25em;
  font-weight: bold;
}
.cartcontainer .subtotal .totalRow {
  padding: .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: .85em;
  text-transform: uppercase;
  color: #254D75;
  background-color: transparent;
}
.cartcontainer .subtotal .totalRow .value {
  letter-spacing: -.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: .5em 0;
    float: right;
  }
  .cart .items .cartSection.qtyWrap:before {
    content: "QTY";
    display: block;
    font-family: Arial, sans-serif, Helvetica; /*"Oswald", sans-serif;*/
    padding: .25em;
    font-size: .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:.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%;
	}

}