/* barlow-regular - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('/extras/etc/fonts/barlow-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Barlow Regular'), local('Barlow-Regular'),
       url('/extras/etc/fonts/barlow-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/barlow-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/barlow-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/barlow-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/barlow-v4-latin-regular.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-500 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('/extras/etc/fonts/barlow-v4-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Barlow Medium'), local('Barlow-Medium'),
       url('/extras/etc/fonts/barlow-v4-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/barlow-v4-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/barlow-v4-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/barlow-v4-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/barlow-v4-latin-500.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-700 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('/extras/etc/fonts/barlow-v4-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Barlow Bold'), local('Barlow-Bold'),
       url('/extras/etc/fonts/barlow-v4-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/barlow-v4-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/barlow-v4-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/barlow-v4-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/barlow-v4-latin-700.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-regular - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-regular.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-500 - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-500.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-600 - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-600.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-700 - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/barlow-semi-condensed-v7-latin-700.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}

/* 
font-family: 'Barlow Semi Condensed', sans-serif;
font-family: 'Barlow', sans-serif;
*/

body {
	font-size: 1em;
	margin: 0px;
	font-family: 'Barlow', sans-serif;
	color: #333;
	background-color: #f0f3f6;
}
p,li {line-height:140%;font-size: 1.125em;}




/**************** header *****************************/

.header {
	position:fixed;
	background-color:#d2e4ef;
	width:100%;
	z-index: 10;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(7,41,57,0.15);
	-moz-box-shadow: 0px 4px 5px 0px rgba(7,41,57,0.15);
	box-shadow: 0px 4px 5px 0px rgba(7,41,57,0.15);
}
.topBarbg {background-color: #fff;}
.topBar {width:1200px;margin:auto;padding: 6px 0;text-align: right;}
.topBar .phone {
  color: #053754;
  font-size: 1.125rem;
  font-weight: 600;
  text-decoration: none;
  cursor:default;
}
.topBar .phone:hover {color: #053754;}

.minicart {
	font-size:0.813em;
	display:inline-block;
	margin-left:30px;
	font-weight:600;
}
.minicart a {text-decoration:none;font-size:1rem;}

.banner {
	display:grid;
	width:1200px;
	margin:auto;
	grid-template-columns: 180px auto;
	grid-template-rows: auto;
	grid-template-areas:
		"logo search"
		"logo menu";
	padding:14px 0;
	transition: all 1s ease;
}

.logo {grid-area: logo;}
.logo a {
	text-decoration:none;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight:600;
	font-size:2em;
	color:#075d8e;
	margin-bottom: 0;
	line-height: 100%;
}
.logo a:hover {color:#075d8e}
.logo span {font-size:0.6em}


.topRight {
	text-align:right;
	transition: all 1s ease;
	grid-area:search;
	text-align:right;
}
.topnav {
	grid-area:menu; 
	padding-top:4px;
	margin-left:auto;
}

.main {padding-top:126px;}

.header.shrink {top: 0;}
.shrink .banner {padding-top:6px;padding-bottom:10px;}
.shrink .topRight {display:none;}

@media (min-width:479px){
	.shrink .logo a {font-size: 1.625em;}
}

:target::before {
  content: "";
  display: block;
  height: 68px; /* fixed header height*/
  margin: -68px 0 0; /* negative fixed header height */
}


/**************** Search ****************************/

.search {
	display:inline-block;
	width:250px;
	position:relative;
	border: 1px dashed #053754;
	border-radius:5px;
	background-color:#fff;
}
.search input[type="text"] {
	width:calc(100% - 30px);
	height:30px;
	padding-left:10px;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size:1rem;
	float:left;
	-webkit-appearance:none;
	border:none;
	background-color:transparent;
}
.search input::placeholder {color:#bcd3e1;}
.search input[type="submit"]{
	vertical-align:top;
	width:30px;
	height:30px;
	-webkit-appearance:none;
	background: transparent url('header-search.png') no-repeat center;
	border:none;
}

/* product search */

.catIntro input[type="text"] {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size:1rem;
	-webkit-appearance:none;
	border:1px solid #bcd3e1;
	background-color:#fff;
	padding:4px 4px 5px;
}

.catIntro input[type="submit"]{
	vertical-align:top;
	width:30px;
	height:30px;
	-webkit-appearance:none;
	background: #fff url('header-search.png') no-repeat center;
	border:1px solid #bcd3e1;
	font-size:0;
}

/**************** nav - wide menu *************************/

.topmenuContainer {
	position:relative;
	z-index:-1;
	padding-left: 25%;
}
.topmenu > ul {display: flex !important;justify-content:space-between;gap:16px}
.topmenu > ul li.top-level {padding: 0;}
.topmenu a {text-decoration:none;}
.topmenu > ul li.top-level>a {color: #053754;padding: 0 12px;border-bottom:2px solid transparent;line-height:40px;font-size:1rem}
.topmenu > ul li.top-level>a:hover,
.topmenu > ul li.top-level>a.selected {color:#053754;border-bottom:2px solid #075d8e;}
.topmenu > ul li.top-level:hover>a{color: #053754;}
.topmenu > ul .mega-menu{
	z-index:100;
	width:100%;
	background-color: #d2e4ef;
	color:#053754;
	position: absolute;
	top: 63px;
	right: 0; 
	padding: 30px;
   column-count: 3;
   -webkit-column-count: 3;
   -moz-column-count: 3;
   column-gap: 2em;
   -webkit-column-gap: 2em;
   -moz-column-gap: 2em;
    border-top:1px solid #075d8e;
	text-align: left;
}

@media (min-width:1200px) {
	.topmenu > ul .mega-menu{
		width:1200px;
	}
}

.shrink .topmenu > ul .mega-menu {top: 56px;}

.topnav .topmenu a.vsub:after {
    content: url(menu-arrow.png);
}
.topmenu > ul li:not(:first-child) {display: block !important;}
.topmenu .mega-menu > li {}
.topmenu .mega-menu > li > a {font-size:1rem}
.topmenu .mega-menu li {padding:6px 0;	display:block;}
.topmenu .mega-menu > li {
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}
.topmenu .mega-menu > li > a{color:#053754;font-weight:500;font-size:1rem}
.topmenu .mega-menu li a:hover {text-decoration:underline;}
.topmenu .mega-menu li > ul {padding:0;}
.topmenu .mega-menu > li > ul li {padding-bottom:10px;}
.topmenu .mega-menu > li > ul li a.hsub {padding-bottom:10px;}
.topmenu .mega-menu > li > ul li a{color:#053754;padding-left:10px;font-size:1rem;line-height:130%}    
.topmenu .mega-menu li > ul > li ul{padding:0;}
.topmenu .mega-menu > li > ul li > ul li a{font-size:1rem;color:#053754;padding-left:20px;line-height:100% } 


/**************** nav - mobile header *************************/

.slicknav_menu {background-color:transparent;padding:0;}
.slicknav_nav {z-index:10000000;}
.slicknav_nav {font-size:1.750em;}
.slicknav_nav .slicknav_arrow	{background-color:transparent;font-size:1.5em;}
.slicknav_nav .slicknav_row	{padding: 6px 20px;} /* row is for subs that are parents */
.slicknav_nav a					{padding: 6px 20px;font-size:1.125rem;}

/* first level */
li.slicknav_collapsed.slicknav_parent > a .slicknav_arrow	{color:#000000;}
li.slicknav_parent.slicknav_open > a .slicknav_arrow			{color:#ffffff;}

.slicknav_nav > li:nth-of-type(1)	{border-top:1px solid #000000;}
.slicknav_nav > li 						{background-color:#ffffff;color:#000000;border-bottom:1px solid #000000;}
.slicknav_nav a 							{color:#000000;}
.slicknav_nav a:hover					{background-color:#f0f0f0;color:#222222;}
.slicknav_row:hover, 
li.slicknav_collapsed .slicknav_row:hover a	{background-color:#f0f0f0;color:#222222;}
.slicknav_nav li.slicknav_open,
.slicknav_nav li.slicknav_open > a,
.slicknav_nav li.slicknav_open > a a,
.slicknav_nav li.slicknav_open > a:hover 		{background-color:#075d8e;color:#ffffff;border:none;}

/* second level */
ul li ul li.slicknav_collapsed.slicknav_parent > a .slicknav_arrow	{color:#333333;}

.slicknav_nav ul li 						{background-color:#f0f0f0;border-bottom:1px solid #333333;}
.slicknav_nav ul li a 					{color:#333333;}	
.slicknav_nav ul li a 					{padding: 6px 10px 6px 22px;}
.slicknav_nav ul li .slicknav_row	{padding: 6px 10px 6px 22px;}

.slicknav_nav ul li.slicknav_parent.slicknav_open,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a a,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a:hover 	{background-color:#626673;color:#ffffff;}

/* third levels */
.slicknav_nav ul li ul li 					{background-color:#f0f0f0;}
.slicknav_nav ul li ul li a 				{color:#333333;}
.slicknav_nav ul li ul li a 				{padding-left: 60px;}
	
.slicknav_nav ul li .slicknav_arrow	{}
.slicknav_nav ul li.slicknav_parent.slicknav_open  .slicknav_arrow:before {content:"-";}


/* overrides */

.slicknav_nav li:nth-child(even) 	{background-color:#ffffff;}
.slicknav_nav ul li:nth-child(even) {background-color:#f0f0f0;}
.slicknav_nav ul li ul li:nth-child(even) {background-color:#f0f0f0;}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {font-size: 1.125rem;}
.slicknav_nav .slicknav_row {padding: 6px 20px;}
.slicknav_nav .slicknav_arrow {background-color: transparent;width: 44px;}
.slicknav_nav .slicknav_row:hover, li.slicknav_collapsed .slicknav_row:hover a {background-color: transparent;color: #000000;}		
	
	
	
/**************** footer *****************************/

.footer			{background-color:#ffffff;color:#053754;}
.footerInfo		{width:1200px;margin:auto;padding:20px 0 30px 0;}
.footerInfo p 	{margin-bottom:18px;line-height:160%;}
.footerInfo	a 	{color:#053754;text-decoration:none;}

.footerBase				{width:1200px;margin:auto;padding: 10px 0;color: #798389;line-height:140%;}
.footerLeft				{width:66%;float: left;font-size:0.750rem;}
.footerRight			{width:33%;float: right;text-align:right;font-size:0.750rem;}
.footerBase a 			{color:#798389;font-size:0.750rem;}
.footerBase a:hover	{color:#053754;}


/* turn .footerBar into flex */

.footerBar {background-color:#d2e4ef;}
.footerBar .videoWrapper {margin-bottom:0;}
.footerBar .sideBySide70-30-Col2 {position:relative}
.footerBar h3	{color:#053754;font-weight:600;font-size:2.250rem;margin: 16px 0;font-size: clamp(1.3125rem, 0.6885rem + 2.08vw, 2.25rem);}
.footerBar .twoCol20-80 dt {padding-bottom: 2px;font-weight: 700;color:#053754;white-space:nowrap;}
.footerBar .twoCol20-80 dd {padding-bottom: 2px;color:#053754;}

.footerBar .sideBySide70-30-Col2 img {
	position:absolute;
	bottom:-200px;
	height:70px	;
	}

	.footerBar > div:last-child{
		padding-left:4vw;
	}
	
@media (min-width:767px) {
.footerBar {display:flex;}

	.footerBar > div:first-child{
		width:70%;
	} 
	.footerBar > div:last-child{
		width:30%;
	} 
}

.footerBar > div:last-child{
	background-image: url(footer-sewing-machine.png);
	background-repeat: no-repeat;
	background-position: left -60px bottom 0;
	position:relative;
	padding-bottom:40px;
}

.footerBar > div:last-child img {position:absolute;bottom:-20px;display:block}
	
.table__smallData	td:first-child {padding-right:8px;}
.table__smallData	td {font-size:1.125em}
	

/**************** Footer Sitemap ***********************/

.siteMapColumn ul	{margin:0;padding:0;list-style-type:none;}
	
@media (min-width:768px){
	.footerSiteMap {column-count:3;}
}
@media (min-width:545px) and (max-width:767px){
	.footerSiteMap {column-count:2;}
	.siteMapColumn:nth-child(3) ul li:not(:first-child) {display:none;}
}

@media (min-width:545px){
	.siteMapColumn li	{padding-bottom:8px;}
	.siteMapColumn a {color:#053754;text-decoration:none;font-size:1.250rem;font-weight:500;}
	.siteMapColumn a:hover {color:#053754;text-decoration:underline;}

	.siteMapColumn {
  	-webkit-column-break-inside: avoid;
  	page-break-inside: avoid;
  	break-inside: avoid;
	}
	.root	{font-size:1.250rem;font-weight:700;}
	.root a {font-size:1.250rem;color:#053754;font-weight:700;}
}	
	
@media (max-width:544px){
	.siteMapColumn:nth-child(2) ul li:not(:first-child) {display:none;}
	.siteMapColumn:nth-child(3) ul li:not(:first-child) {display:none;}
	.footerInfo h5 {display:none;}

	.root a {
		display:block;
		background-image: linear-gradient(to left, #085d8e, #064163);
		color:#fff;
		text-align:center;
		padding:9px 0;
		margin-bottom:15px;
		border-radius:5px;
	}
	.root a:hover {color:#fff;}	
}
	
 

/**************** content *****************************/

/* layout */

.middleHome	{padding:28px 0;width:1200px;margin:auto;}
.middle		{padding: 0 0 32px 0; width:1200px;margin:auto;}
.crumb		{padding: 16px 0 16px 3px;font-size:0.813em;color:#798389;}
.crumb a    {color:#798389;font-size:1em;text-decoration:none;}
.crumb a:hover {color:#325678;}

.center {text-align:center;}

/* general */
a 			{color: #085d8e;font-size:1.125rem;}
a:hover	{color: #f86f00;}
a img		{border:0;}

.dataForm input[type=text],
.dataForm textarea,
.dataForm select {
	padding:6px 6px 7px;
	border:1px solid #bcd3e1;
	border-radius: 6px;
	font-family: 'Barlow', sans-serif;
	font-size:1em;
	position:relative;
	top:2px
}
.dataForm .button {
	background-color:#075d8e;
	color:#fff;
	border:none;
	padding:6px 20px 10px 20px;
	border-radius:6px;
	font-family: 'Barlow', sans-serif;
	font-size:1em;
}
.dataForm .button:hover {background-color:#f86f00}


h1 {font-size: 2.500em;color:#075d8e;font-weight:600;margin-top:0;font-family: 'Barlow Semi Condensed', sans-serif;}
h2 {font-size: 1.625em;color:#053754;font-weight:600;}
h3 {font-size: 1.500em;color:#075d8e;font-weight:500;font-family: 'Barlow Semi Condensed', sans-serif;}
h4 {font-size: 1.125em;color:#053754;font-weight:600;}
h5 {font-size: 1.500em;color:#053754;font-weight:600;margin-top:0;font-family: 'Barlow Semi Condensed', sans-serif;}

.home h1 {
	color:#075d8e;
	font-weight:700;
	margin-top:16px;
	font-size: clamp(2.5em, 0.0833em + 3.8889vw, 3.5em);
	}
.home h2 {font-size: 2.250rem;font-family: 'Barlow Semi Condensed', sans-serif;margin-top:0;}
.home h3 {font-size: 1.250rem;font-family: 'Barlow', sans-serif;margin-bottom:0;}

.highlightBox h4 {
	font-size: 1.500rem;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight:400;
	color:#ffffff;
	margin-bottom: 0;
	padding-bottom: 32px;
	}

h6 {
	font-size: clamp(1.25rem, 0.0833rem + 3.8889vw, 3rem);
	font-family: 'Barlow Semi Condensed', sans-serif;
	color:#ffffff;
	font-weight:400;
	margin: 0;
	display: inline-block;
	padding-top: 6px;
	}
h6 span {font-weight:700;}


.introText {font-size:1.125rem;}

p, ul, li		{margin-top:0;}
.formRequired	{color:#cc0000;font-size:0.625rem;}

.linkButton{
	display:inline-block;
	padding:8px 18px;
	background: #064163;
	color:#ffffff;
	text-decoration: none;
	border-radius:5px;
	text-align:center;
	font-weight:400;
	min-width:320px;
	transition:all 0.3s ease;
	background-image: linear-gradient(to left, #085d8e, #064163);	
}

@media (max-width:352px){.linkButton {display:block;min-width:inherit}}

.linkButton::after {content: url('linkArrow.png');position: relative;top: -2px;padding-left: 6px;}
.linkButton:hover::after {}
.linkButton:hover {color:#ffffff;background: #f86f00;}
.wideButton {position: relative;}
.wideButton .linkButton {width:100%;color:#ffffff;border-radius: 0;padding: 18px 18px;}
.wideButton .linkButton.alternate {background-color:#f86f00;}
.wideButton .linkButton.alternate:hover {background-color:#064163;}
.wideButton .linkButton::after {float: right;top: 2px;}

.wideButton h3 {color:#ffffff;float: left;margin: 0;}
.wideButton .linkButton span {position: absolute;right: 41px;top: 22px;}

@media (min-width:640px) and (max-width:800px){
	.wideButton .linkButton span {display:none;}
}



.leftAlignImageArticle {margin-bottom: 16px;}

/**************** home *****************************/

.rowContainer {background-repeat: no-repeat;background-position: center;}

/* hero */

#rowContainer123 {
	min-height: 500px;
	position: relative;
}
#rowContainer123 .middle {
	position: absolute;
	bottom: 0;
	left: calc(50% - 600px);
}

.rowContainer .columns4 .wobject {text-align:center;background-color: rgba(2,20,31,0.85);border-radius:5px;}
.rowContainer .columns4 .wobject:hover {background-color: #f86f00;}

.highlightBox {padding-top: 32px;padding: 32px 16px 0;}
.highlightBox img {max-height:64px;}
a.highlightLink {text-decoration:none;font-size: clamp(1.125em, 0.725em + 2vw, 1.5em);}
a.highlightLink:hover {text-decoration:none;}



#rowContainer136, #rowContainer137 {background-size: 30%;}


/*** Free Lesson Blue Bar ***/

#rowContainer130	{
	background-image: linear-gradient(to right, #085d8e, #064163);
	padding:16px 0 32px;
}
#rowContainer130 .middle {padding-top:0;padding-bottom:0}
.freeLesson a {
	color:#fff;
	text-decoration:none;
	padding-bottom:6px;
	color:#d2e4ef;
	font-size: clamp(0.9375em, 0.5625em + 1.25vw, 1.5em);
}
.freeLesson a:hover {background-color:transparent;padding-right: 0;}


@media (max-width:783px) {
	h6 {display:block;text-align: center;}
	#rowContainer130 .linkButton {background-color: transparent;width: 100%;text-align: center;border-bottom: none;}
}
@media (min-width:640px) {
	.freeLesson {
		display:flex;
		align-items:flex-end;
	}
	.freeLesson > * {
		flex-basis:1
	}
	.freeLesson > h6 {
		flex-basis: max-content;
	}
	.freeLesson div {
		flex-grow:1;
		border-bottom:1px solid #fff;
		text-align:right;
	}
	.freeLesson a {
		display:inline-block;	
	}
}
@media (max-width:639px) {
	freeLesson {text-align:center;}
	.freeLesson a {display:block;text-align:center;padding-top:10px;}
	#rowContainer130 {padding:6px 0;}
}



/* Highlight Box Hover */

.brandArticle {text-align:center;}
.brandArticle h3 {margin-top:15px;}
.baHover {position: relative;max-width: 350px;margin: auto;}
.baHover img {display: block;margin: auto;}
.brandOverlay {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	background: #f86f00;
	width:100%;
	height:100%;
	padding-top:20%;
}
.baHover:hover img {opacity: 0.3;}
.baHover:hover .brandOverlay {opacity: 1;}
.hoverText {color: #fff;text-decoration:none;}
.hoverText:hover {color:#fff;}
.brandArticle .baHover h3 {margin-top:16px}
.brandArticle p {margin-top:20px;font-size:1.125rem}



/**** featured Products *******/

.dashLine {
	background-image: url('sewing-line.png');
	background-repeat: repeat-x;
	background-position: center;
	margin:30px 0
}
.dashLine h2 {
	display: inline;
	background-color: #f0f3f6;
	padding:0 24px;
	color:#075d8e;
	font-size: clamp(1.125rem, 0.75rem + 1.25vw, 1.875rem);
}
.dashLine h2 a {
	font-size: clamp(1.125rem, 0.75rem + 1.25vw, 1.875rem);
	text-decoration:none;
}
.dashLine h2 a:hover {color:#075d8e;}

.homeFeatured .slick-track > div{
	padding:12px;
}
.featuredProduct {
	text-align:center;
}
.featuredProduct .imageContainer {
	background-color:#fff;
	min-height:200px;
	border:1px solid #d2e4ef;
	padding:12px;
	margin-bottom:20px;
}
.featuredProduct img {margin:auto}
.featuredProduct .productName a {
	text-decoration:none;
	color:#9ba9b1;
	font-weight:500;
}

/*** divider ***/

.repeatBG {
	background-repeat:repeat-x;
	background-position: center;
  min-height: 80px;
  max-width:940px;
  margin:50px auto 36px;

}

/* brands */

@media (max-width:714px) {
	#rowContainer135 .columns3 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap:2%;
		row-gap:20px;
	}
}	



/************** Catalogue ************************/


.catIntro {text-align:center;padding-bottom:2vw;display:block}
.catIntro h1 {font-size: clamp(2.75rem, 1.6071rem + 3.8095vw, 3.75rem);margin-bottom:40px;}
.catIntro p {font-size:1.500rem;color:#798389}
.catIntro a {font-size:1.500rem;}

.brandIntro {padding-bottom:2vw;display:block;}
.brandIntro h1 {font-size: clamp(2.75rem, 1.6071rem + 3.8095vw, 3.75rem);margin-bottom:40px;text-align:center;}
.brandIntro p {font-size:1.500rem;color:#798389}
.brandIntro a {font-size:1.500rem;}

.categoryBrowse,
.brandAll > div {
	display:grid;
	gap:50px 30px;
}

@media (min-width:750px){
	.categoryBrowse,
	.brandAll > div {grid-template-columns: repeat(3, 1fr);}
}

@media (max-width:749px){
	.categoryBrowse,
	.brandAll > div {grid-template-columns: repeat(2, 1fr);}
}


.categoryBrowse > * {
	text-align:center;
	background-image:url(sewing-line-sm.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.categoryBox > div {
	border:1px solid #bcd3e1;
	background-color:#fff;
	padding:14px;
	margin-bottom:20px;
}
.categoryBox h2 {
	font-size: clamp(1.1875em, 0.9805em + 0.69vw, 1.5em);
	font-weight:500;
	margin-bottom:20px;
}



.productBrowse {
	display:grid;
	gap:30px 30px;
}

@media (min-width:910px) {
		.productBrowse {grid-template-columns: repeat(4, 1fr);}
}
@media (max-width:909px) {
		.productBrowse {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width:500px) {
		.productBrowse {grid-template-columns: repeat(2, 1fr);}
}

.productBrowse > * {
	text-align:center;
	background-image:url(sewing-line-sm.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom:45px;
	position:relative;
}

.productBrowse .imageContainer {
	border:1px solid #bcd3e1;
	background-color:#fff;
	padding:14px;
	margin-bottom:20px;
	position:relative;
}
.productBrowse .sale {
	position:absolute;
	top:10px;
	right:10px;
}
.productBrowse h2 {
	font-size:1.25rem;
	font-weight:500;
	margin-bottom:35px;
}

.productBrowse h2 a {
	text-decoration:none;
}

.productBrowse .prices {
	position:absolute;
	bottom:20px;
	width:100%;
}

.productBrowse .RRP {font-size:0.938rem;padding-bottom:10px;color:#666;}
.productBrowse .RRP span {text-decoration:line-through;}

/* browse category brand links */

.brandLinks img {
	max-width:140px;
	border:1px solid #bcd3e1;
}


/* filter */
.filterHeader {
 text-align:center;
 font-weight:700;
 color:#1a2a56;
}
.filterContainer {
 display:flex;
 margin-bottom:50px;
}
.filterContainer	ul {
 list-style: none;
 padding: 0px;
 min-width:10em
}
#filterMenu {
 display: flex;
 align-items: center;
 justify-content: center;
 -webkit-box-shadow: 0 2px 15px rgba(0,0,0,.15);
 box-shadow: 0 2px 15px rgba(0,0,0,.15);
 border-radius: 50px;
 padding-left: 20px;
 padding-right: 20px;
 background-color: #fff;
 margin: 0 auto;
}
li.parent {
 font-size:18px;
 cursor:pointer;
 padding:10px;
}
li.parent:not(:last-child) {
 border-right:#CCC 1px solid;
}
li.parent span {
 font-weight:700;
 padding:0 10px 0 16px;
 color:#1a2a56
}
li.parent:hover > .child {
 display:block;
 position:absolute;
}
.child {
 display: none;
 margin-top: 10px;
 box-shadow: 0 2px 5px rgba(0,0,0,.15);
 background-color: #fff;
 z-index: 1;
 border-radius: 8px;
 border: 1px solid #eaf2f6;
 background-color: #fff;
}
.child::before {
 content: "";
 position: absolute;
 left: 50%;
 top: 0;
 width: 10px;
 height: 10px;
 -webkit-transform: translate(-5px,-5px) rotate(45deg);
 -ms-transform: translate(-5px,-5px) rotate(45deg);
 transform: translate(-5px,-5px) rotate(45deg);
 background-color: #fff;
 -webkit-box-shadow:0 2px 5px rgba(0,0,0,.15);
 box-shadow:0 2px 5px rgba(0,0,0,.15);
 border:1px solid #eaf2f6

}
.child li a {
 color: #1a2a56;
 text-decoration:none;
 font-size:0.875rem;
 font-weight:500;
 margin:0 20px;
 padding:8px 2px;
 position:relative;
 display:block;
 background-color: #fff;
}
.child li:not(:last-child) a:after {
 content: "";
 background: #eaf2f6;
 position: absolute;
 bottom: 0;
 left: 0;
 height: 1px;
 width: 100%;
}
.child li a:hover {
 text-decoration: underline;
}

/* product page */

.rrp {
	color:#798389;
	font-size:1.250em;
	font-weight:500;
	padding-bottom:12px;
}
.rrp span {text-decoration:line-through;}

.attributes div {display:inline-block}
.attributes {padding-bottom:20px}
.attributes .label {font-size:1.313em;font-weight:500;}

.productPageV2 .price {
	color:#075d8e;
	font-size:1.875em;
	font-weight:500;
	padding-bottom:16px;
}

#quantity, .productPageV2 select {
	padding:6px 6px 7px;
	border:1px solid #bcd3e1;
	border-radius: 6px;
	font-family: 'Barlow', sans-serif;
	font-size:1em;
	text-align:center;
	position:relative;
	top:2px	
}

.addToCart .button {
	background-color:#075d8e;
	color:#fff;
	border:none;
	padding:6px 20px 10px 36px;
	border-radius:6px;
	font-family: 'Barlow', sans-serif;
	font-size:1em;
	background-image: url(cart-white.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}
.addToCart .button:hover {background-color:#f86f00}

.desc {padding-top:10px;padding-bottom:20px;}

/* product images */

.slider-for {padding-bottom:30px;}
.slider-for img {border:1px solid #bcd3e1;}
.slider.slider-nav .item {
  width: 23% !important;
  border:1px solid #bcd3e1;
}
.slider.slider-nav .item:not(:nth-child(4n)) {margin-right: 2.6%;}

.productPageV2 .productCarousel .slick-prev {
    background-image: url(arrow-left-white-circle-60.png);
}

.productPageV2 .productCarousel .slick-next {
    background-image: url(arrow-right-white-circle-60.png);
}

.productPageV2 .productCarousel .slick-prev, 
.productPageV2 .productCarousel .slick-next {
    top: calc(50% - 13px);
    width: 26px;
    height: 26px;
}

.productCarousel {margin-bottom:30px;}


/* tabs */

.productPageV2 .ui-tabs-panel.ui-widget-content {
	background-color:#fff;
}

#tabs {
	max-width:1000px;
	margin:auto;	
	margin-top:50px;
}

#tabs > ul {
 	width:100%;
 	display:flex;
 	flex-wrap:wrap;
}

#tabs > ul li {
	text-align:center;
	flex-grow:1;
	padding:20px 10px;
}




@media (max-width:500px){
	#tabs > ul li {	
		width:50%;
	}
}


#tabs.ui-corner-all, #tabs .ui-corner-all {border-radius:0}
#tabs .ui-corner-top, #tabs .ui-corner-right {border-top-right-radius: 0;}
#tabs .ui-corner-top, #tabs .ui-corner-left {border-top-left-radius: 0;}
#tabs.ui-tabs .ui-tabs-nav {margin: 0;padding:0;}

.ui-tabs .ui-tabs-nav li {margin:0;border:2px solid #fff;}


#tabs svg {
	height:54px;
	stroke:#798388;
}

#tabs .ui-state-active svg {
	stroke:#065d8e;
}

#tabs-File1URL {text-align:center;padding:50px 0 60px;}



.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
 float: none;
 padding:0;
}
.ui-tabs-nav span {
 display:block;
 padding-top:6px;
 color:#053754;
 font-weight:500;
 font-size:1.125rem;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
 border: none;
 background: #eaf2f6;
 font-weight: 500;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
 border: none;
 background: #fff;
 color: #212121;
}
.ui-tabs-panel {
 font-size:0.875rem;
 padding-top:30px !important;
 font-weight:500;
}
.ui-tabs-panel strong {
 color:#1a2a56;
 font-weight:600;
}
.ui-tabs-panel table {
 width:100%;
 border-collapse:collapse;
}
.ui-tabs-panel tr:nth-child(even) {
 background-color:#eaf2f6;
}
.ui-tabs-panel td {
 padding:6px;
 font-weight:500;
 vertical-align:top;
}
.ui-tabs-panel h3 {
	margin-bottom:16px
}

html .productCarousel .slick-prev, 
html .productCarousel .slick-next {
    z-index: 1;
}

/*** Product Detail Options ***/

.showLesson {
	display:flex;
	padding:18px 30px;
	background: #064163;
	color:#ffffff;
	text-decoration: none;
	text-align:left;
	font-weight:400;
	width:100%;
	transition:padding 0.3s ease;
	margin-bottom:18px;
	font-size:1.500rem;
	border:1px solid #064163;
	align-items: flex-end;
	justify-content: space-between;
}
.showLesson span {color:#d2e4ef;font-size:1.00rem;position: relative;top: -4px;min-width: 100px;text-align: right;margin-left: 6px;}
.showLesson:hover {color:#064163;background: transparent;}
.showLesson:hover span {color:#064163;}


.showService {
	display:flex;
	padding:18px 30px;
	background: #f86f00;
	color:#ffffff;
	text-decoration: none;
	text-align:left;
	font-weight:400;
	width:100%;
	transition:padding 0.3s ease;
	font-size:1.500rem;
	border:1px solid #f86f00;
	align-items: flex-end;
	justify-content: space-between;
}
.showService span {color:#d2e4ef;font-size:1.00rem;position: relative;top: -4px;min-width: 100px;text-align: right;margin-left: 6px;}
.showService:hover {color:#f86f00;background: transparent;}
.showService:hover span {color:#f86f00;}

.showCall {
	background:url('bg-row-pattern.png');
	padding: 18px;
	font-size: 1.625em;
	color: #053754;
	background-position: center;
	margin-top: 50px;
}

.showCall img {vertical-align: middle;}
.showCall span {padding-left: 8px;}


/*********** brands *********************/

.brandAll > div {
	display:grid;
	gap:4vw 2.5vw;
}

@media (min-width:750px){
	.brandAll > div {grid-template-columns: repeat(3, 1fr);}
}

@media (max-width:749px){
	.brandAll > div {grid-template-columns: repeat(2, 1fr);}
}

/************** cart *******************************/

body.cart {background-color:#fff;}

.contCheckout .button, 
.checkout .button, 
.confirm .button, 
.cartLogin .button, 
.continue .button, 
.paymentMethods .button,
.psButton {
  background-color: #075d8e;
  border: none;
  padding: 8px 18px 10px;
  border-radius: 5px;
  text-decoration: none;
  color: #ffffff;
  margin-bottom: 10px;
  display: inline-block;
font-family: 'Barlow', sans-serif;
  font-size: 1rem;
  -webkit-appearance: none;
  cursor: pointer;
}

.contCheckout .button:hover, 
.checkout .button:hover, 
.confirm .button:hover, 
.cartLogin .button:hover, 
.continue .button, 
.paymentMethods .button:hover,
.psButton:hover {
	background-color: #f86f00;
}

.cart input[type=text],
.cart select {
	padding:4px;
}


.topLabels {font-weight:600;background-color:#e2ecf3}
.cartRow-quantity input[type=text] {text-align:right;}
.cartRow-Col2.noDelt		{width:75%;float:left;}
.cartRow-Col2.noQty.noDelt 	{width:90%;}
.cartRow-quantity img {display:block;margin:0 0 0 auto;}
.cartRowTotals.noDelt {padding-right:3%;}
.contCheckout {padding: 20px 0;}

.contCheckout input[type=button]{float:left;}
.contCheckout input[type=submit]{float:right;}

.checkoutButtons {padding:20px 0;}
.checkout input[type=button]{float:left;}
.checkout input[type=submit]{float:right;}

.confirmButtons {padding:20px 0;}
.confirm input[type=button]{float:left;}
.confirm input[type=submit]{float:right;}

.payment h1 a {font-size:1em}