@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'BigNoodleTitling';
    src: url('fonts/big_noodle_titling.woff') format('woff');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}

:root {
 --ltgray: #f1f1f1;
 /*  --fontgray: #868788; */
  --gray: #D0D0D0;
  --fontgray: #706F6F;
  --white: #ffffff;
  --green: #00998c;
  --blue: #0072bc;
}
.skip-link {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
body {
	margin:0;
	font-family: Roboto, Arial, sans-serif;
	font-size: 18px;
	color: var(--fontgray);
}
.clearall {
	clear:both;
}
h1 {
	font-size:3rem;
	font-family: BigNoodleTitling, Arial, sans-serif;
	font-weight:400;
}
h2 {
	font-size:2.5rem;
	font-family: BigNoodleTitling, Arial, sans-serif;
	font-weight:400;
}
header {
	padding: 0;
	margin-top:-10px;
}
.capitalize {
	text-transform:capitalize;
}
.headerimg {
	width:100%;
	height:auto;
	display:block;
}
.topnav {
	display:flex;
	justify-content: flex-end;
	gap: 3px;
}
.search {
	width:350px;
	padding-top: 30px;
	padding-right:20px;
}
.screen-reader-text {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.searchform {
	float:right;
}
.search-button {
	color:#ffffff;
	background-color: var(--blue);
	border-color: var(--blue);
}
.search-button:hover {
	cursor:pointer;
}
.careernav {
	padding-top: 33px;
	padding-right:20px;
}
.regionblock {
	width:200px;
	height:22px;
	padding: 31px 10px 10px 10px;
	position:relative;
	background-color: var(--gray);
}
ul.region {
	list-style: none;
    padding-inline-start: 0;
}
ul.region li {
    padding:5px;
}
.regionlist {
	width:200px;
	height:0px;
	padding: 0 10px;
	background-color: var(--gray);
	position:absolute;
	top: 50px;
	left:0;
	z-index:10;
	overflow-y: hidden;
    transition: height 0.4s linear;
}
a.topnavlink {
	text-decoration: none;
	color:black;
}
a.topnavlink:hover {
	/* text-decoration: underline; */
	color: var(--blue);
}

.category-home a.topnavlink{
	display: grid;
    grid-template-columns: 40% 60%;
    grid-template-rows: auto auto;
}

.navbutton {
	border:0;
	background-color: var(--gray);
}
.navbutton:hover {
	cursor: pointer;
	text-decoration: underline;
	color: var(--blue);
}
.regionblock:hover .regionlist {
	height:300px;
}
.logo {
	width:275px;
	float:left;
	padding-left:50px;
}
.logo img {
	width:100%;
	height:auto;
}
.mainnav {
	list-style: none;
	display:flex;
	justify-content: space-evenly;
	align-items: baseline;
	font-family: BigNoodleTitling, Arial, sans-serif;
	font-size:1.5rem;
}
.parentli {
	margin:20px 0;
}
@media screen and (min-width: 1100px){
	.mainnav {
		display:flex !important;
	}
}

a.mainnavlink {
	text-decoration: none;
	color:black;
}
a.mainnavlink:hover {
	text-decoration: underline;
	color: var(--blue);
}
.mainnav li ul li {
	padding:10px 0 10px 0;
}
a.categorylink {
	text-decoration: none;
	color: var(--fontgray);
}
a.categorylink:hover {
	text-decoration: underline;
	color: var(--blue);
}
.product-categories {
	position:relative;
	z-index:11;
}
.categories {
	width:230px;
	height:0px;
	text-transform:uppercase;
	padding: 0 10px;
	background-color: rgba(255,255,255,.85);
	border-radius: 5px;
	position:absolute;
	top: 20px;
	left:0;
	z-index:50;
	overflow-y: hidden;
    transition: height 0.4s linear;
	transition-delay: .25s;
}
.categories li::after {
	content: " ";
	border: solid var(--fontgray);
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 5px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	float:right;
}
.categories li:first-child {
	padding-top:55px;
}
.subcategories {
	width:210px;
	height:0px;
	color: var(--fontgray);
	background-color: rgba(255,255,255,.85);
	border-radius: 5px;
	position:absolute;
	top: 20px;
	left: 260px;
	z-index:50;
	overflow-y: hidden;
    transition: height 0.4s linear;
	transition-delay: .25s;
	list-style-type: disc;
}
.subcategories li::after {
	content: "";
	display:none;
}
.subcategories li:first-child {
	padding-top:55px;
}
.sub2 {
	width:210px;
	height:0px;
	color: var(--fontgray);
	text-transform:none;
	background-color: rgba(255,255,255,.85);
	border-radius: 5px;
	position:absolute;
	top: 20px;
	left: 520px;
	z-index:50;
	overflow-y: hidden;
    transition: height 0.4s linear;
	transition-delay: .25s;
	list-style-type: disc;
}
.sub2 li:first-child {
	padding-top:49px;
}
.spansub2 {
	display:block;
	font-size:14px;
}

.parentcat {
	width:220px;
	height:0;
	text-transform:uppercase;
	padding: 0 10px;
	background-color: rgba(255,255,255,.85);
	border-radius: 5px;
	position:absolute;
	top: 20px;
	left:0;
	z-index:50;
	overflow-y: hidden;
    transition: height 0.4s linear;
	transition-delay: .25s;
	list-style:none;
}
.parentcat li::after {
	content: " ";
	border: solid var(--fontgray);
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 5px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	float:right;
}
.parentcat li:first-child {
	padding-top:55px;
}
.childcat {
	width:220px;
	height:0;
	color: var(--fontgray);
	background-color: rgba(255,255,255,.85);
	border-radius: 5px;
	position:absolute;
	top: 20px;
	left: 250px;
	z-index:50;
	overflow-y: hidden;
    transition: height 0.4s linear;
	transition-delay: .25s;
	list-style-type: disc;
}
.childcat li::after {
	content: "";
	display:none;
}
.childcat li:first-child {
	padding-top:55px;
}
.productlist {
	width:220px;
	height:0;
	color: var(--fontgray);
	text-transform:none;
	background-color: rgba(255,255,255,.85);
	border-radius: 5px;
	position:absolute;
	top: 20px;
	left: 520px;
	z-index:50;
	overflow-y: hidden;
    transition: height 0.4s linear;
	transition-delay: .25s;
	list-style-type: disc;
}
.productlist li:first-child {
	padding-top:49px;
}
.spanproductlist {
	display:block;
	font-size:14px;
}
.navsup {
	font-size:15px;
}

.hero {
	position:relative;
	/* background-image: url("img/hero.webp"); */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index:1;
	/* aspect-ratio: 16 / 6; */
	/* overflow:hidden; */
}

@media screen and (min-width: 800px) {
	.hero {
		display: grid;
		grid-template-columns: 50% 50%;
		grid-template-rows: auto;
		overflow: clip;
	}
}

.hero img{
	border-bottom:solid 7px var(--blue);
}

@media screen and (min-width: 800px) {
	.hero img{
		grid-column: 1 / 3;
		grid-row: 1 / 2;
		width: 110%;
		object-fit: cover;
	}
}

.hero #container{
	padding:0;
	margin:1rem auto;
	display: flex;
	justify-content: center;
}

@media screen and (min-width: 800px) {
	.hero #container{
		grid-column: 1 / 3;
		grid-row: 1 / 2;
		width:100%;
		justify-content: space-between;
		padding:0 25px;
	}
}

@media screen and (min-width: 830px) {
	.hero #container{
		padding:0 100px;
	}
}

.heroleft {
	width:auto;
	position: static;
}

@media screen and (min-width: 800px) {
	.heroleft {
		display: flex;
		align-items: center;
	}
}

#hamburger {
	 display: none;
}
.headervideo {
	width:100%;
	height:auto;
}

@media screen and (min-width: 800px) {
	.headervideo{
		grid-column: 1 / 3;
		grid-row: 1 / 2;
		margin:-3rem 0 -5rem;
	}
}

@media screen and (min-width: 1260px) {
	.headervideo{
		margin:-7rem 0 -9rem;
	}
}



.herobox {
	width:auto;
	padding: 10px;
	float:left;
	margin-left:100px;
	margin-top:230px;
	background-color:rgba(0,0,0, 0.50);
}
.heroformbox {
	max-width:350px;
	padding: 10px;
	float:left;
	margin-left:240px;
	margin-top:200px;
	background-color:rgba(0,0,0, 0.50);
	color: var(--gray);
	position:relative;
	z-index:20;
}
.blogheroformbox {
	max-width:350px;
	padding: 10px;
	background-color:rgba(0,0,0, 0.50);
	color: var(--gray);
}
.heroquotebox {
	max-width:350px;
	padding: 10px;
	background-color:rgba(0,0,0, 0.50);
	color: var(--gray);
}
.heroh1 {
	max-height:117px;
	font-family: BigNoodleTitling, Arial, sans-serif;
	font-size:2.25rem;
	text-transform:uppercase;
	color: white;
	overflow:hidden;
}
.heroh2 {
	font-size:1.75rem;
	text-transform:uppercase;
	padding: 10px 0 30px 0;
	color: white;
}
.heroh2form {
	font-size:1.5rem;
	text-transform:uppercase;
	padding: 10px 0;
	color: white;
}
.whitefont {
	color: white;
}
.checklabel {
	color: white;}
.readmore {
	display:block;
	width:fit-content;
	padding:10px 20px;
	color:#ffffff;
	background-color: var(--blue);
	text-align:center;
	font-size:14px;
}
a.readmore {
	text-decoration:none;
}
.readmore:hover {
	cursor:pointer;
}
.herorequestbox {
	width:245px;
	margin-top:315px;
	float:right;
}
.quoterequest {
	color:#ffffff;
	text-transform:uppercase;
	font-weight:700;
	padding:10px 40px;
	background-color: var(--blue);
	border-color: var(--blue);
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}
.quoterequest:hover {
	cursor:pointer;
}
.container {
	max-width:1700px;
	padding: 0 100px 20px 100px;
	margin:auto;
}
.content-inner {
	max-width:900px;
	margin:auto;
}

.welcome {
	text-align:center;
	padding-bottom:35px;
	font-size:1.2rem;
}
.h1black {
	font-family: BigNoodleTitling, Arial, sans-serif;
	font-size:4rem;
	color: #000000;
	font-weight:400;
	margin-top:2rem;
	margin-bottom:1.25rem;
}
.welcome h2 {
	font-size:2rem;
	text-transform:uppercase;
	font-weight:400;
}
.shortbreak {
	width:300px;
	border-color: var(--blue);
	margin:auto;
	margin-bottom:20px;
}
.twogrid {
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	column-gap: 25px;
	row-gap: 25px;
}
.formgrid {
	display:grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 5px;
}
.newsgrid {
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	column-gap: 5px;
}
.bloggrid {
	display:grid;
	grid-template-columns: 1fr 350px;
	column-gap: 5px;
	max-width:1200px;
	margin:auto;
}
.blogtitle {
	text-align:center;
}
.bloglinks {
	padding-left:50px;
}
.cta-wrap {
	display: flex;
    position: static;
    justify-content: center;
    margin: 0 -10%;
    padding: 1rem 0;
    background-color: #ffffff;
    border: 1px solid #ffffff;
}
.cta-wrap.sticky {
	position:sticky;
}
a.calltoaction {
	display: block;
    max-width: 300px;
    position: static;
    padding: 20px;
    border: 1px solid var(--blue);
    background-color: var(--blue);
    color: var(--ltgray);
    font-size: 1.25rem;
    font-weight: 700;
    text-align: center;
    text-wrap: pretty;
	text-decoration:none;
}
a.calltoaction:hover {
    border: 1px solid var(--green);
    background-color: var(--green);
}
.wrapping-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	grid-column-gap: 55px;
	grid-row-gap:6px;
}
.wrapping-grid2 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	grid-column-gap: 55px;
	grid-row-gap:6px;
}
.feature-wrapping-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 380px));
	grid-column-gap: 20px;
	grid-row-gap:20px;
}
.category-wrapping-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 50%));
	grid-row-gap:20px;
}
.product {
	width:100%;
	margin:auto;
	position:relative;
}
.category-product {
	width:calc(100% - 12px);
	min-width:350px;
	margin:auto;
	position:relative;
	height:100%;
}
.category-product-bkg {
	display:grid;
	grid-template-columns: 1fr 1fr;
	align-items:center;
	height:100%;
	background: rgb(241,241,241);
	background: linear-gradient(180deg, rgba(241,241,241,1) 0%, rgba(241,241,241,1) 75%, rgba(223,223,223,1) 84%, rgba(241,241,241,1) 92%, rgba(241,241,241,1) 100%);
	border:solid #dfdfdf 2px;
}
.product-left {
	width:50%;
	padding:0 0 15px 15px;
	float:left;
	position:relative;
}
.product-right {
	width:40%;
	float:right;
	padding: 15px 15px 0 0;
}
.category-product-left {
	padding:15px;
}
.category-product-right {
	padding: 15px;
}
.product-image {
	width:100%;
	height:auto;
}
.category-home .product-image{
	display: flex;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.product-subcat {
	position:relative;
	color: var(--fontgray);
	padding:20px 0;
	font-size:1.5em;
	line-height:1.2em;
}
.product-subcat-hr {
	width:75px;
	position:absolute;
	color: var(--fontgray);
	border-bottom:solid var(--fontgray) 3px;
}
.product-title-box {
	display: flex;
    flex-flow: column;
    justify-content: center;
    top: 70px;
    left: 10px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
    z-index: 2;
    padding: 1rem 1rem 0 1rem;
    background-image: linear-gradient(to right, rgba( 241,241,241,1), 95%,rgba( 241,241,241,0));
}
.product-title {
	font-family: BigNoodleTitling, Arial, sans-serif;
	font-size:3.5rem;
	color: #000000;
	line-height:1em;
	margin:0;
}
.product-title-home {
	font-family: BigNoodleTitling, Arial, sans-serif;
	font-size:3.5rem;
	color: #000000;
	line-height:1em;
	margin:0;
	width:fit-content;
	background-color: var(--ltgray);
	padding: 0.5rem 0.5rem 0.5rem 0;
}
.product-tag {
	padding:20px 0;
	font-size:1.25em;
	color: var(--fontgray);
	text-transform:uppercase;
	line-height:1em;
}
.product-tag-nopad {
	padding:9px 0;
	font-size:1.25em;
	color: var(--fontgray);
	text-transform:uppercase;
	line-height:1em;
}
.product-tag-category {
	background-color: var(--green);
	padding:10px;
	margin:10px 0 2px;
	font-family: Roboto, Arial, sans-serif;
	font-size:1.2rem;
	color:white;
	text-transform:uppercase;
	font-weight:700;
}
.productboxover {
	position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
	z-index:5;
	background-color:rgba(0, 114, 188, 0.0);
	-webkit-transition: background-color .5s ease-out;
	-moz-transition: background-color .5s ease-out;
	-o-transition: background-color .5s ease-out;
	transition: background-color .5s ease-out;
}
.productboxover:hover {
	background-color:rgba(0, 114, 188, 0.5);
}
.category-home .productboxover{
	display: flex;
	position:static;
	z-index: 10;
	grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}
.catalogbox {
	background-image: url("img/bkg-catalog.webp");
	margin-top:35px;
}
.cataloghook {
	padding:35px;
}
.cataloghookp1 {
	font-family: BigNoodleTitling, Arial, sans-serif;
	font-size:6em;
	color: #ffffff;
}
.cataloghookp2 {
	font-family: BigNoodleTitling, Arial, sans-serif;
	font-size:4rem;
	color: #ffffff;
}
.flexfour {
	display:flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background-color:rgba(0, 0, 0, 0.75);
	color:#ffffff;
	padding:15px 0;
}
.flexfour a {
	color:#ffffff;
}
.flexme {
	display:flex;
	align-items: center;
	font-size:12px;
}
.bannerform input[type="text"], input[type="email"] {
    /*min-height: 40px;
	padding: 0 10px;
	padding:7px 0 7px 10px;*/
}
.bannerform input[type="checkbox"] {
	width:25px;
	height:25px;
}
.bannerform input[type="submit"] {
	padding: 10px 20px;
	background-color: var(--blue);
	border-color: var(--blue);
	cursor:pointer;
	color:#ffffff;
	text-transform:uppercase;
}
.bannerform input[type="submit"]:hover {
	background-color: var(--fontgray);
	border-color: var(--gray);
	color:#ffffff;
}
.field-wrap {
	padding:5px;
}
.formfield {
	width:95%;
	padding:7px 0 7px 10px;
}
.formfieldlong {
	width:98%;
	padding:7px 0 7px 10px;
}
input.acceptbox {
	width:20px;
	height:20px;
}
fieldset {
	border:0;
}
.hs-richtext {
	font-size:14px;
}
.submitbtn {
	width:100%;
	padding: 10px 20px;
	background-color: var(--blue);
	border-color: var(--blue);
	cursor:pointer;
	color:#ffffff;
	text-transform:uppercase;
}
.submitbtn:hover {
	background-color: var(--fontgray);
	border-color: var(--gray);
	color:#ffffff;
}
.hbspt-form {
	color:#ffffff;
}
.hbspt-form a {
	color:#ffffff;
}
.hs-input {
	width:95%;
	padding:7px 0 7px 10px;
}
.hs-form-booleancheckbox {
	list-style:none;
}
input[type="submit"].hs-button {
	width:95%;
	padding: 10px 0;
	background-color: var(--blue);
	border-color: var(--blue);
	cursor:pointer;
	color:#ffffff;
	text-transform:uppercase;
}
.hs-button:hover {
	background-color: var(--fontgray);
	border-color: var(--gray);
	color:#ffffff;
}
.hs-error-msgs {
	font-size:10px;
	color:red;
	list-style:none;
	padding:0;
	margin:0;
}
.inputs-list {
	padding:0;
	margin:10px 0 0 0;
}
.hs_i_agree_with_the_privacy_policy  {
	padding:0 0 10px 0;
	margin:0;
}
.signupp1 {
	width:150px;
	font-size:1.4rem;
	color:#ffffff;
	float:left;
	padding-left:50px;
}
#hsForm_96dc19ff-fb3b-44da-9a0a-adcec07bc42a > div {
	width:250px;
	float:left;
	padding-left:25px;
}
#hsForm_96dc19ff-fb3b-44da-9a0a-adcec07bc42a > div:nth-child(4) {
	padding-top:16px;
}
#agree-96dc19ff-fb3b-44da-9a0a-adcec07bc42a {
	max-width:25px;
}
#hsForm_2e6bfefd-0cb8-4136-bd67-eb39c62431ab > div {
	width:250px;
	float:left;
	padding-left:25px;
}
#hsForm_2e6bfefd-0cb8-4136-bd67-eb39c62431ab > div:nth-child(4) {
	padding-top:16px;
}
#agree-2e6bfefd-0cb8-4136-bd67-eb39c62431ab {
	max-width:25px;
}
#hsForm_4645da28-af46-4167-ac38-3fa997d6f6c3 > div {
	width:250px;
	float:left;
	padding-left:25px;
}
#hsForm_4645da28-af46-4167-ac38-3fa997d6f6c3 > div:nth-child(4) {
	padding-top:16px;
}
#agree-4645da28-af46-4167-ac38-3fa997d6f6c3 {
	max-width:25px;
}
#hsForm_8322f309-2712-45f6-b77e-2d1d3d98623e > div {
	width:250px;
	float:left;
	padding-left:25px;
}
#hsForm_8322f309-2712-45f6-b77e-2d1d3d98623e > div:nth-child(4) {
	padding-top:16px;
}
#agree-8322f309-2712-45f6-b77e-2d1d3d98623e {
	max-width:25px;
}
#hsForm_e86606ab-155a-42c9-9f1d-ef24c03dfdb3 > div {
	width:250px;
	float:left;
	padding-left:25px;
}
#hsForm_e86606ab-155a-42c9-9f1d-ef24c03dfdb3 > div:nth-child(4) {
	padding-top:16px;
}
#agree-e86606ab-155a-42c9-9f1d-ef24c03dfdb3 {
	max-width:25px;
}
#hsForm_f25aaa5a-9d09-4eff-b7ff-fb3b7c85eb0b > div {
	width:250px;
	float:left;
	padding-left:25px;
}
#hsForm_f25aaa5a-9d09-4eff-b7ff-fb3b7c85eb0b > div:nth-child(4) {
	padding-top:16px;
}
#agree-f25aaa5a-9d09-4eff-b7ff-fb3b7c85eb0b {
	max-width:25px;
}
#hsForm_e5cbbdbe-4c43-4ec5-b802-6e50587feb4b > div {
	width:250px;
	float:left;
	padding-left:25px;
}
#hsForm_e5cbbdbe-4c43-4ec5-b802-6e50587feb4b > div:nth-child(4) {
	padding-top:16px;
}
#agree-e5cbbdbe-4c43-4ec5-b802-6e50587feb4b {
	max-width:25px;
}
#hsForm_5abdae9d-e3ea-4166-abf6-fad3c0ef2849 > div {
	width:250px;
	float:left;
	padding-left:25px;
}
#hsForm_5abdae9d-e3ea-4166-abf6-fad3c0ef2849 > div:nth-child(4) {
	padding-top:16px;
}
#agree-5abdae9d-e3ea-4166-abf6-fad3c0ef2849 {
	max-width:25px;
}
#hsForm_3c70235c-394e-4c35-aefb-090c858f5711 > div {
	width:250px;
	float:left;
	padding-left:25px;
}
#hsForm_3c70235c-394e-4c35-aefb-090c858f5711 > div:nth-child(4) {
	padding-top:16px;
}
#agree-3c70235c-394e-4c35-aefb-090c858f5711 {
	max-width:25px;
}
#hsForm_9c226b5a-4c36-40ad-84ca-6e048e3f21e9 > div {
	width:250px;
	float:left;
	padding-left:25px;
}
#hsForm_9c226b5a-4c36-40ad-84ca-6e048e3f21e9 > div:nth-child(4) {
	padding-top:16px;
}
#agree-9c226b5a-4c36-40ad-84ca-6e048e3f21e9 {
	max-width:25px;
}
#hsForm_b29891b8-5986-441e-b393-774b787e7700 > div {
	width:250px;
	float:left;
	padding-left:25px;
}
#hsForm_b29891b8-5986-441e-b393-774b787e7700 > div:nth-child(4) {
	padding-top:16px;
}
#agree-b29891b8-5986-441e-b393-774b787e7700 {
	max-width:25px;
}
#hsForm_8a285e8f-3a08-4746-ab40-2c268769506c > div {
	width:250px;
	float:left;
	padding-left:25px;
}
#hsForm_8a285e8f-3a08-4746-ab40-2c268769506c > div:nth-child(4) {
	padding-top:16px;
}
#agree-8a285e8f-3a08-4746-ab40-2c268769506c {
	max-width:25px;
}
#hsForm_3d3d27e4-97ab-4c57-9be1-8ad3cd12ba01 > div {
	width:250px;
	float:left;
	padding-left:25px;
}
#hsForm_3d3d27e4-97ab-4c57-9be1-8ad3cd12ba01 > div:nth-child(4) {
	padding-top:16px;
}
#agree-3d3d27e4-97ab-4c57-9be1-8ad3cd12ba01 {
	max-width:25px;
}
#hsForm_aa3a1047-c60a-4885-962c-a3bfe3fe01fc > div {
	width:250px;
	float:left;
	padding-left:25px;
}
#hsForm_aa3a1047-c60a-4885-962c-a3bfe3fe01fc > div:nth-child(4) {
	padding-top:16px;
}
#agree-aa3a1047-c60a-4885-962c-a3bfe3fe01fc {
	max-width:25px;
}
.hs_agree {
	padding-top:16px;
	font-size:12px;
}
.oembox {
	padding: 10px 40px 25px 40px;
	margin-top: 35px;
	background-color: var(--gray);
	text-align:center;
	text-transform:uppercase;
	font-size:1.75rem;
}
.oembox h1 {
	font-family: BigNoodleTitling, Arial, sans-serif;
	font-size:3.5rem;
	color:black;
}
.homeslider {
	background-image: url("img/bkg-blue.jpg");
	margin-top:35px;
	padding:35px 0 0 0;
}
.slide {
	position:relative;
	overflow:hidden;
}
.homeslider-inner {
	display:grid;
	grid-template-columns: 50% 50%;
	position:absolute;
	top:0;
	left:0;
	transition-duration: 800ms;
}
.homeslider-inner-height {
	display:grid;
	grid-template-columns: 50% 50%;
}
.slider-a {
	color:#ffffff;
	align-self: center;
	padding-right:30px;
}
.slider-b img {
	width:100%;
	height:auto;
}
.slider-big {
	font-family: BigNoodleTitling, Arial, sans-serif;
	font-size:5rem;
	line-height:4rem;
	margin:0;
}
.slider-medium {
	font-size:2rem;
	text-transform:uppercase;
	/*margin-top:-30px;
	margin-bottom:30px;*/
}
.buttonbox {
	text-align:center;
	padding-top:15px;
}
.sliderbutton {
	width:75px;
	height:15px;
	background-color: var(--fontgray);
	border-radius: 5px;
	cursor:pointer;
}
.lastsection {
	padding:35px 0;
	/*background-image: linear-gradient(to bottom, #d7d7d7, #ffffff);*/
	background: linear-gradient(180deg, rgba(215,215,215,1) 0%, rgba(254,252,252,1) 49%, rgba(255,255,255,1) 100%);
}
.newssignupp1 {
	max-width:200px;
	padding:0 10px 0 10px;
}
.video-news {
	font-family: BigNoodleTitling, Arial, sans-serif;
	font-size:2.5rem;
	text-align:center;
	padding:35px 0 15px 0;
}
a.headerlink {
	color: var(--blue);
	cursor:pointer;
}
a.headerlink:hover {
	color: var(--fontgray);
	text-decoration:none;
}
.videobox {
	display:grid;
	height:300px;
	grid-template-columns: 50% 25% 25%;
	grid-template-rows: 50% 25% 25%;
	grid-column-gap: 3px;
	grid-row-gap: 3px;
}
.videobox img {
	width:100%;
	height:100%;
}
.videotile {
	position:relative;
}
.videotiletitle {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:10px;
	color:#ffffff;
	background-color:rgba(0, 0, 0, 0.65);
}
.videotile1 {
	grid-area: 1 / 1 / 4 / 2;
	background-position: center;
}
.videotile2 {
	grid-area: 1 / 2 / 2 / 3;
	background-position: center;
}
.videotile3 {
	grid-area: 1 / 3 / 2 / 4;
	background-position: center;
}
.videotile4 {
	grid-area: 2 / 2 / 4 / 3;
	background-position: center;
}
.videotile5 {
	grid-area: 2 / 3 / 4 / 4;
	background-position: center;
}
#videolink {
	color: var(--blue);
	cursor:pointer;
}
#newslink {
	color: var(--fontgray);
	cursor:pointer;
}
.newsbox {
	overflow:hidden;
	display:grid;
	grid-template-columns: 50% 50%;
    transition: height 0.4s linear;
	transition-delay: .25s;
}
.btabs .nav > li {
	/*width:50%*/
}
.tab_set1 .nav-tabs > li.active > a, .tab_set1 .nav-tabs > li.active > a:hover, .tab_set1 .nav-tabs > li.active > a:focus,
.tab_set1 .nav-tabs >li.LiTab a:hover, .tab_set1 .nav-tabs >li.LiTab a:active,.tab_set1 .nav-tabs >li.LiTab a:focus {
	border:0 !important;
}
.tab-main-container .btab li {
	display:flex !important;
	font-family: BigNoodleTitling, Arial, sans-serif;
    font-size: 2.5rem;
}
.tab-main-container .btab li:first-child {
	/*justify-content:flex-end;*/
}
.tab_set1 .bordered-tab-contents {
	border:0 !important;
}

.news {
	padding:15px;
	font-size:18px;
	color: var(--fontgray);
}

.graytopper {
	background-color: var(--ltgray);
	color:black;
	padding-top:10px;
	padding-bottom:50px;
}
.column {
	position:relative;
	height:auto;
}
.columnheader {
	position:relative;
	color:black;
	font-size:3rem;
	font-family: BigNoodleTitling, Arial, sans-serif;
	font-weight:400;
}
.columnheader p {
	margin:25px 0 5px 0;
}
.headerline {
	position:absolute;
	width:70px;
	border-bottom:solid 2px #706F6F;
	left:0;
	bottom:-2px;
}
.columnimg {
	display:none;
}
.responsive-image {
	width:100%;
	height:auto;
}
.tabnavbox {
	border-bottom:solid 2px var(--blue);
}
.tabnav {
	width:auto;
	padding:5px 20px 5px 20px;
	border-bottom:solid 4px var(--blue);
	font-family: BigNoodleTitling, Arial, sans-serif;
	font-size:2.25rem;
	text-align:center;
	float:left;
}
.featureimg {
	/*width:400px;*/
	/*height: 265px;
	overflow:hidden;*/
	padding:0;
	position:relative;
	border: solid 2px var(--gray);
}
.featuretitle {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:10px;
	color:#ffffff;
	background-color:rgba(0, 0, 0, 0.65);
	text-transform:uppercase;
}
.techspecbox {
	max-width:650px;
	margin:auto;
	padding-top:50px;
}
.sectionhead {
	padding-top:50px;
	font-size:2.5rem;
	font-family: BigNoodleTitling, Arial, sans-serif;
	border-bottom:solid 2px var(--blue);
}
.downloadbox {
	text-align:center;
	font-size:1.5rem;
}
.downloadbtn {
	width:200px;
	padding:10px;
	background-color: var(--blue);
	font-size:1.25rem;
	color:white;
	text-transform: capitalize;
}
.downloadbtn:hover {
	background-color: var(--gray);
	color: var(--fontgray);
	cursor:pointer;
}
.quotebtn {
	width:100%;
	padding:10px;
	background-color: var(--blue);
	font-size:1.25rem;
	color:white;
	font-family: Roboto, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:500;
	position:relative;
	z-index:10;
}
.quotebtn:hover {
	background-color: var(--gray);
	color: var(--fontgray);
	cursor:pointer;
}
.moreinfobtn {
	width:100%;
	padding:10px;
	background-color: var(--green);
	font-size:1.25rem;
	color:white;
	font-family: Roboto, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:500;
	position:relative;
	z-index:10;
}
.moreinfobtn:hover {
	background-color: var(--gray);
	color: var(--fontgray);
	cursor:pointer;
}
.heroproduct {
	max-width:400px;
	  margin: auto;
  position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.footercategories {
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 250px));
	justify-content: space-evenly;
	align-content: end;
	margin-top:40px;
}
.wp-container-core-group-is-layout-4448c592 {
	grid-template-columns: repeat(auto-fit, minmax(200px, 250px))!important;
}
.footercategory {
	text-align:center;
	text-transform:uppercase;
	align-self: end;
}
.footercategory a {
	text-decoration:none;
	color:black;
}
.footercategory a:hover {
	color:var(--blue)
}
.footercategory img {
	width:100%;
	height:auto;
}
footer {
	padding:45px 0 50px 0;
	background-color:var(--blue);
	color:#ffffff;
	font-size:1rem;
	line-height:1.35rem;
}
.footgrid {
	display:grid;
	grid-template-columns: 33% 1fr 1fr 1fr 1fr;
	column-gap: 15px;
}
.footheader {
	font-family: BigNoodleTitling, Arial, sans-serif;
	font-size:1.5rem;
	font-weight:400;
}
.footerbox ul {
	list-style: none;
}
.footerbox li{
  margin: 10px 0;
}
.footerbox a {
	color:#ffffff;
	text-decoration:none;
}
.footerbox a:hover {
	color:var(--gray);
	text-decoration:underline;
}	
.footerbox1 img {
	width:250px;
	height:auto;
}
.blackfoot {
	background-color:#000000;
	padding:15px 0 25px 0;
	color:#ffffff;
	font-size:.85rem;
}
.blackfoot a {
	color:#ffffff;
	text-decoration:none;
}
.blackfoot a:hover {
	color:var(--gray);
	text-decoration:underline;
}
.blackfootgrid {
	display:grid;
	grid-template-columns: 60% 1fr;
}
.blackfooterbox2 {
	text-align:right;
}
.breadcrumb {
	/*color:var(--blue);*/
	color:#0f4880;
	text-decoration:none;
}
.breadcrumb:hover {
	color:var(--fontgray);
	text-decoration:underline;
}
#breadcrumbs {
	margin-bottom: 0.5em;
}
#breadcrumbs a {
	text-decoration: none;
	color:black;
}
#breadcrumbs a:hover {
	text-decoration: underline;
	color: var(--blue);
}
.breadline {
	padding-bottom:65px;
	border-top:solid 3px var(--fontgray);
}
.catline {
	padding-top:25px;
	border-bottom:solid 3px var(--fontgray);
}
.catbox {
	width:325px;
	padding:10px 15px;
	background-color: var(--fontgray);
	color:white;
	font-style: italic;
}
.producth1 {
	margin:0;
}

.space9 {
	padding:9px;
}
#featuresdiv {
	padding-top:35px;
}
.privacycheck{
	font-size:12px;
}

/*Wordpress styles*/

.wp-block-post-featured-image {
	width:100%;
	margin:0;
	position:relative;
}
.wp-block-post-featured-image img {
	width:100%;
	height:auto;
}
/*.wp-block-group__inner-container {
	max-width:1700px;
	padding-left:100px;
	padding-right:100px;
	margin:auto;
}*/
.has-black-color {
	color:#000000;
}
.blue-border-top {
	border-top: 10px solid #0072bc;
	margin-top:-6px;
	padding-bottom:25px;
}
.oemheader {
	padding-left:20px;
	font-size:2rem;
	font-style: italic;
	font-weight:500;
	color:#000000;
	text-transform: uppercase;
	border-bottom:solid 3px #D0D0D0;
	
}
.oemmake {
	padding:10px 0 20px 0;
	position:relative;
}
.oemcontainer {
	padding:15px 0 15px 15px;
}
.oembtn-holder {
	width:100%;
	position:absolute;
	bottom:0;
}

.oemproduct {
    height: 0;
    overflow: hidden;
    font-size: 0;
    transition: max-height 0.4s ease, font-size 0.3s ease;
}
.oemproduct.open {
    font-size: 1.25rem;
    height: auto;
	padding:5px 0 15px 0;
}

.productheader {
	cursor:pointer;
	border:0;
	background-color:transparent;
	font-size:1.25rem;
	font-weight:600;
	text-transform: uppercase;
	text-align:left;
	max-width:320px;
}
.oemptag {
	display:block;
	padding-left:30px;
	font-size:.8rem;
    transition: font-size 0.5s;
}
.findrep {
	background-image: url("./img/find-a-rep-bkg-sm.jpg");
	background-size:cover;
}
.companyname {
	font-size:1.25rem;
	text-transform:uppercase;
	color: var(--blue);
	border-bottom:solid 3px #D0D0D0;
}

.tssbox {
	display:grid;
	align-content: center;
	width:100%;
	height:250px;
	padding:10px;
	background-color: var(--gray);
	text-align:center;
	position:relative;
}
.tsswordbox {
	position:absolute;
	top:0;
	background-color: var(--gray);
	text-align:left;
	min-height:100%;
	padding:10px;
	opacity: 0;
	transition: opacity 250ms ease-in-out 250ms;
	color:#000000;
	z-index:10;
}
.tsswordbox:hover {
	opacity: 1;
}
.tssgrid {
	display:grid;
	grid-template-columns: repeat(auto-fit, 300px);
	justify-content: space-evenly;
	grid-gap: 40px;
	margin-top:40px;
}
.trainingflex {
	display:flex;
}
.mediaheader {
	padding-left:20px;
	font-family: BigNoodleTitling, Arial, sans-serif;
	font-size:2.25rem;
	font-style: italic;
	font-weight:500;
	color:#000000;
	text-transform: uppercase;
	border-bottom:solid 3px #D0D0D0;
	
}
.mediaheader1 {
	font-family: BigNoodleTitling, Arial, sans-serif;
	font-size:2.25rem;
	font-style: italic;
	font-weight:500;
	color:#000000;
	text-transform: uppercase;
	
}
.mediaproduct {
	padding-left:20px;
	font-size:0;
	text-transform: uppercase;
	transition-property: font-size;
    transition-duration: 0.5s;
}
.mediatype{
	font-size:.75em;
}
.mediacats {
	padding:30px 0 30px 20px;
}
.mediagrid {
	display:grid;
	grid-template-columns: 350px 1fr;
}
.mediabody {
	position:relative;
	height:auto;
}
.mediainner {
	/*width:100%;*/
	width:0;
	overflow:hidden;
	height:auto;
	position:absolute;
	right:-3000px;
	transition:all 1s linear;
}
.mediainnergrid {
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 200px));
	justify-content: space-evenly;
}
.imagebox {
	height:260px;
	overflow:hidden;
	padding-top:25px;
}
.mediadownload {
	width:100%;
	padding:3px;
	background-color: var(--blue);
	font-size:1.05rem;
	color:white;
	text-transform: capitalize;
}
.mediadownload:hover {
	background-color: var(--gray);
	color:black;
	cursor:pointer;
}
.mediaorder {
	width:100%;
	padding:3px;
	background-color: var(--fontgray);
	font-size:1.05rem;
	color:white;
	text-transform: capitalize;
}
.mediaorder:hover {
	background-color: var(--gray);
	color:black;
	cursor:pointer;
}
.btnbox {
	padding-top:10px;
}
.carttext {
	width:42px;
	height:23px;
}
.cartbtn {
	padding:3px;
	background-color: var(--blue);
	font-size:1.05rem;
	color:white;
	text-transform: capitalize;
	display:none;
	float:right;
}
.cartbtn:hover {
	background-color: var(--fontgray);
	cursor:pointer;
}
.blogfeatureimg {
	max-width:450px;
	margin:auto;
}
.morenews {
	font-size:1.2rem;
	text-align:right;
}
.newsbtn {
	padding:5px;
	background-color: var(--blue);
	font-size:1.45rem;
	color:white;
	text-transform: capitalize;
}
	
@media screen and (max-width: 1700px) {
	.heroformbox {
		margin-top:130px;
		margin-left:100px;
	}
}
	
@media screen and (max-width: 1500px) {
	.heroformbox {
		margin-top:25px;
		margin-left:100px;
	}
	
	.flexfour {
		display:block;
		padding-left:50px;
	}
	.newssignupp1 {
		max-width:99%;
		padding:0 10px 0 10px;
		text-align:center;
	}
	.signupp1 {
		width:99%;
		text-align:center;
		padding:0;
	}
	#hsForm_3c70235c-394e-4c35-aefb-090c858f5711 > div {
		width:40%;
		padding-left:5%;
	}
	#hsForm_5abdae9d-e3ea-4166-abf6-fad3c0ef2849 > div {
		width:40%;
		padding-left:5%;
	}
	#hsForm_e5cbbdbe-4c43-4ec5-b802-6e50587feb4b > div {
		width:40%;
		padding-left:5%;
	}
	#hsForm_f25aaa5a-9d09-4eff-b7ff-fb3b7c85eb0b > div {
		width:40%;
		padding-left:5%;
	}
	#hsForm_e86606ab-155a-42c9-9f1d-ef24c03dfdb3 > div {
		width:40%;
		padding-left:5%;
	}
	#hsForm_8322f309-2712-45f6-b77e-2d1d3d98623e > div {
		width:40%;
		padding-left:5%;
	}
	#hsForm_4645da28-af46-4167-ac38-3fa997d6f6c3 > div {
		width:40%;
		padding-left:5%;
	}
	#hsForm_2e6bfefd-0cb8-4136-bd67-eb39c62431ab > div {
		width:40%;
		padding-left:5%;
	}
	#hsForm_96dc19ff-fb3b-44da-9a0a-adcec07bc42a > div {
		width:40%;
		padding-left:5%;
	}
	#hsForm_9c226b5a-4c36-40ad-84ca-6e048e3f21e9 > div {
		width:40%;
		padding-left:5%;
	}
	#hsForm_b29891b8-5986-441e-b393-774b787e7700 > div {
		width:40%;
		padding-left:5%;
	}
	#hsForm_8a285e8f-3a08-4746-ab40-2c268769506c > div {
		width:40%;
		padding-left:5%;
	}
}
	
	
@media screen and (max-width: 1378px) {
	.columnimg {
		display:block;
		position:absolute;
		bottom:0;
	}
	.columnimg2 {
		display:none;
	}
	.column {
		position:relative;
		height:760px;
	}
	.wrapping-grid2 > .column {
		display: none;
	}
}

@media screen and (max-width: 1350px) {
	.product-title-box {
		top:10px;
	}
	.product-title {
		font-size:2.5rem;
	}
	.product-tag {
		font-size:1rem;
	}
	.slider-big {
		font-size:3rem;
		line-height:3rem;
	}
	.slider-medium {
		font-size:1.4rem;
		margin-top:30px;
	}
}
	

@media screen and (max-width: 1300px) {
	.hero {
		/*aspect-ratio: 16 / 7;*/
	}
}

@media screen and (max-width: 1250px) {
	.categories {
		left:-100px;
	}
	.subcategories {
		left: 160px;
	}
	.sub2 {
		left: 420px;
	}
	.category-wrapping-grid {
		display: block;
	}
}

@media screen and (max-width: 1100px) {
	/*.hero {
		aspect-ratio: 16 / 9;
	}*/
	.herobox {
		margin-left:50px;
		margin-top:90px;
	}
	.heroformbox {
		margin-top:25px;
	}

	.herorequestbox {
		margin-top:165px;
	}
	.catalogbox {
		background-image: none;
		background-color:var(--blue);
		margin-top:25px;
	}
	.flexfour {
		display:block;
		padding-left:50px;
	}
	.cataloghookp1 {
		font-family: BigNoodleTitling, Arial, sans-serif;
		font-size:3em;
	}
	.cataloghookp2 {
		font-family: BigNoodleTitling, Arial, sans-serif;
		font-size:2rem;
	}
	.slider-big {
		font-size:2.5rem;
		line-height:2rem;
	}
	.slider-medium {
		font-size:1.2rem;
	}
	.slider-normal {
		display:none;
	}
	.topnav {
		display:none;
	}
	nav {
		background-color: #ffffff;
		transform: scale(1, 0);
		transform-origin: top;
		transition: transform 400ms ease-in-out;
	}
	.mainnav {
		display:none;
		width:100%;
		margin:0;
		padding:0;
		background-color:#ffffff;
		position:relative;
		transform: scale(1, 0);
		transform-origin: top;
		transition: transform 400ms ease-in-out;
		z-index:100;
	}
	.mainnav li {
		margin:30px;
	}
	.mainnav li ul li {
		margin:0 0 0 50px;
	}
	.mainnav li ul li:first-child {
		padding-top:10px;
	}
	.categories {
		height:auto;
		position:static;
		padding:0;
	}
	.categories li::after {
		content: "";
		border: 0;
		border-width: 0;
		padding: 0;
	}
	
	.logo {
		width:200px;
		margin:auto;
		padding:40px 0 20px 0;
		float:none;
	}
	
	#hamburger {
		justify-self: end;
		display: block;
		border: none;
		position: absolute;
		top: 40px;
		right: 15px;
		background-color:#ffffff;
	}
	#hamburger #expanded {
		display: none;
	}
	#hamburger svg {
		width: 2em;
		height: 2em;
	}
	#hamburger span {
		display: block;
		color: #000000;
		font-size:1rem;
	}
	#hamburger[aria-expanded="true"] + nav {
		transform: scale(1,1);
	}
	#hamburger[aria-expanded="true"] + nav a {
		opacity: 1;
		transition: opacity 250ms ease-in-out 250ms;
	}
	#hamburger[aria-expanded="true"] + nav ul {
		transform: scale(1,1);
	}
	#hamburger[aria-expanded="true"] + nav ul li ul {
		transform: scale(1,1);
	}
	.trainingflex {
		display:block;
	}
	.twogrid {
		display:flex;
		flex-flow: column;
		grid-row-gap: 1rem;
	}
	.product-title {
		font-family: BigNoodleTitling, Arial, sans-serif;
		font-size:3.5rem;
		color: #000000;
		line-height:1em;
	}
	.product-tag {
		padding:20px 0;
		font-size:1.25em;
		color: var(--fontgray);
		text-transform:uppercase;
		line-height:1em;
	}
	.product-title-box {
		top:70px;
	}
	.bloggrid {
		display:block;
	}
	.bloglinks {
		display:none;
	}
}


@media screen and (max-width: 1035px) {
	.heroformbox {
		margin-top:3px;
	}
}

@media screen and (max-width: 900px) {
	
	.herobox {
		display:none;
	}
	.heroformbox {
		display:none;
	}
	.blogheroformbox {
		display:none;
	}
}

@media screen and (max-width: 975px) {
	.columnimg {
		position:none;
	}
}
@media screen and (max-width: 850px) {
	.flexfour{
		padding:0;
	}
	#hsForm_3c70235c-394e-4c35-aefb-090c858f5711 > div {
		width:80%;
		padding:0;
		margin:auto;
		float:none;
	}
	#hsForm_5abdae9d-e3ea-4166-abf6-fad3c0ef2849 > div {
		width:80%;
		padding:0;
		margin:auto;
		float:none;
	}
	#hsForm_e5cbbdbe-4c43-4ec5-b802-6e50587feb4b > div {
		width:80%;
		padding:0;
		margin:auto;
		float:none;
	}
	#hsForm_f25aaa5a-9d09-4eff-b7ff-fb3b7c85eb0b > div {
		width:80%;
		padding:0;
		margin:auto;
		float:none;
	}
	#hsForm_e86606ab-155a-42c9-9f1d-ef24c03dfdb3 > div {
		width:80%;
		padding:0;
		margin:auto;
		float:none;
	}
	#hsForm_8322f309-2712-45f6-b77e-2d1d3d98623e > div {
		width:80%;
		padding:0;
		margin:auto;
		float:none;
	}
	#hsForm_4645da28-af46-4167-ac38-3fa997d6f6c3 > div {
		width:80%;
		padding:0;
		margin:auto;
		float:none;
	}
	#hsForm_2e6bfefd-0cb8-4136-bd67-eb39c62431ab > div {
		width:80%;
		padding:0;
		margin:auto;
		float:none;
	}
	#hsForm_96dc19ff-fb3b-44da-9a0a-adcec07bc42a > div {
		width:80%;
		padding:0;
		margin:auto;
		float:none;
	}
}

@media screen and (max-width: 820px) {
	
	.quoterequest {
		display:none;
	}
	.welcome h1 {
		font-size:1.75em;
	}
	.welcome h2 {
		font-size:1.25em;
		color: var(--fontgray);
		text-transform:uppercase;
		font-weight:700;
	}
	.container {
		padding-left:25px;
		padding-right:25px;
	}
}

@media screen and (max-width: 700px) {
	.twogrid {
		display:flex;
		flex-flow: column;
		grid-row-gap: 1rem;
	}
	.category-home a.topnavlink {
		grid-template-columns: 60% 40%;
	}
	.product-title {
		font-size:2rem;
	}
	.product-title-home {
		font-size:2rem;
	}
	.product-tag {
		padding-top:20px;
		font-size:1.1rem;
		color: var(--fontgray);
	}
	.footgrid {
		display:block;
	}
	.videobox {
		display:block;
		height:auto;
	}
	.product-left {
		width:auto;
		padding:15px 15px 15px 15px;
		float:none;
		position: static;
	}
	.product-right {
		width:auto;
		max-width:300px;
		margin:auto;
		padding:15px 15px 15px 15px;
		float:none;
		position: static;
	}
	.footer {
		font-size:18px;
	}
}

@media screen and (max-width: 600px) {
	.category-product-bkg {
		display:block;
	}
}

@media screen and (max-width: 550px) {
	.slider-big {
		font-size:2rem;
		line-height:2rem;
	}
	.slider-medium {
		font-size:1rem;
		margin-top:20px;
	}
}

@media screen and (max-width: 500px) {
	.videosliderbox {
		width:70%;
		margin:auto;
	}
}

@media screen and (max-width: 380px) {
	.container {
		padding:5px;
	}
	.column {
		height:auto;
	}
	.columnimg {
		position:relative;
	}
}


/* carousel vvvvvvv */

.carouselwrap {
  /*width: 80%;*/
  margin: 0 auto;
  overflow: hidden;
}

.carousel {
  display: flex;
  left: -100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  transform: translateX(100%);
}

@media (min-width: 30em) {
  .carousel {
    left: -50%;
    transform: translateX(50%);
  }
}

@media (min-width: 40em) {
  .carousel {
    left: -33.33333%;
    transform: translateX(33.33333%);
  }
}

.carousel.is-reversing {
  transform: translateX(-100%);
}

@media (min-width: 30em) {
  .carousel.is-reversing {
    transform: translateX(-50%);
  }
}

@media (min-width: 40em) {
  .carousel.is-reversing {
    transform: translateX(-33.33333%);
  }
}

.carousel.is-set {
  transform: none;
  transition: transform 0.5s ease-in-out;
}

.carousel-seat {
  /*background: #ddd;*/
  flex: 1 0 100%;
  order: 2;
}

.carousel-seat:nth-child(even) {
  /*background: #d5d5d5;*/
}

@media (min-width: 30em) {
  .carousel-seat {
    flex-basis: 50%;
  }
}

@media (min-width: 40em) {
  .carousel-seat {
    flex-basis: 33.33333%;
  }
}

.carousel-seat.is-ref {
  order: 1;
}

.controlleft {
  position:absolute;
	top:calc(50% - 60px);
  left:-50px;
  font-size:115px;
}
.controlleft:hover {
	cursor:pointer;
}
.controlright {
  position:absolute;
	top:calc(50% - 60px);
  right:-50px;
  font-size:115px;
}
.controlright:hover {
	cursor:pointer;
}

.carousel-div {
	padding:10px;
}
.carousel-thumbnail {
	width:fit-content;
	position:relative;
}
.carousel-play {
	position:absolute;
	top:calc(50% - 45px);
	left:calc(50% - 45px);
}
.carousel-thumbnail img {
	width:100%;
	max-width:350px;
	height:auto;
}
.clicky:hover {
	cursor:pointer;
}
.video-overlay {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color: rgba(0, 0, 0, 0.5);
	display:none;
}
.video-box {
	width:80%;
	margin:auto;
}
.closeit {
	color:red;
	font-size:35px;
}
.youtube {
	width:100%;
	aspect-ratio: 16 / 9;
}
.hs-recaptcha{display: none;}