/* 
Theme Name: Storefront Child 
Version: 1.0.14
Description: Child theme for Storefront. 
Author: OfficeSmarts
Author URI: https://officesmarts.ca
Template: storefront 
*/ 

:root {
    /* Colors */
    --brand-primary: #1b7bad;
    --brand-primary-darker: #13628a;
    --brand-secondary: #24282b;
    --white: #f9f9f9;
    --light-grey: #E6E7E9;
    --grey:#C6C7C8;
    --dark-grey: #6B6C6E;
    --orange: #ee8800;
    --green: #19a500;
    --red: #a50000;
    --light-blue: #dff0f9;
    
    /* Spacing */
    --space-xxl: clamp(25px, 8vw, 200px);
    --space-xl: clamp(25px, 6vw, 150px);
    --space-lg: clamp(25px, 4vw, 100px);
    --space-md: clamp(25px, 2vw, 50px);
    --space-sm: 25px;
    --space-xs: 12.5px;
}

html { scroll-margin-top: 100px; -webkit-font-feature-settings: 'lnum'; -moz-font-feature-settings: 'lnum'; font-feature-settings: 'lnum'; scroll-padding-top: 175px; }
body, html { scroll-behavior: smooth; margin: 0; padding: 0; height: 100%; color:#454545; }
.site .wpb_button, .site .wpb_content_element, .site ul.wpb_thumbnails-fluid > li, .hentry { margin-bottom:0; }
.site .vc_row.vc_column-gap-5 > .vc_column_container { padding: var(--space-sm); }
.site .vc_col-has-fill > .vc_column-inner, .site .vc_row-has-fill + .vc_row-full-width + .vc_row>.vc_column_container > .vc_column-inner, .site .vc_row-has-fill + .vc_row>.vc_column_container > .vc_column-inner, .site .vc_row-has-fill > .vc_column_container > .vc_column-inner { padding-top:0; }
a { font-family: 'Raleway', sans-serif; color: var(--brand-primary);}
a:hover { color: var(--brand-primary); text-decoration: none; }
a:focus { outline:0; }
img { height: auto; max-width:100%; border-radius: 0;}
body, button, input, select, optgroup, textarea { font-family: 'Raleway', Helvetica, sans-serif; font-size: 1em; line-height: 1.5; margin: 0; }
footer { background-image: url('images/bg-square-dot.png');background-position: bottom left; background-repeat: no-repeat;background-size: 75%; background-color: var(--brand-secondary); color: white;}
h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', Helvetica, serif; margin: 0 0 1rem; line-height: 1.2; color: #454545; font-weight: 400; }
.edit-link { display:none; }
#accessibility_settings_toggle, .termly-styles-termly-stretch-c62824 .termly-styles-logo-c34670, .termly-styles-termly-banner-e1ed59 .termly-styles-logo-c34670 { display:none !important; }
.termly-styles-module-solid-f10ff4.termly-styles-module-primary-c2e506 { background-color:var(--brand-primary) !important; border-color:var(--brand-primary) !important; }

h1 { font-size: clamp(2.5em, 2vw + 1rem, 3.25em); font-weight: 700; }
h2 { font-size: clamp(1.875em, 2vw + 1rem, 3em);  font-weight: 700;}
h3 { font-size: clamp(1.75em, 2vw + 1rem, 2.5em); font-weight: 700;}
h4 { font-size: clamp(1.625em, 2vw + 1rem, 2em); font-weight: 600; }
h5 { font-size: 1.5em; }
h6 { font-size: 1.15em; text-transform: uppercase; font-weight: 700;}
p { margin: 0 0 1em; }
ul, ol { margin: 0; padding: 0; list-style: none; font-family: 'Raleway', Helvetica, sans-serif; }
ul ul, ol ol, ul ol, ol ul { margin: 0.5rem 0 0; }
ul + *, ol + * { margin-top: 1rem; }
li + li { margin-top: 0.5em; }

.flex { display: flex; flex-wrap:wrap; }
.flex-column { flex-direction: column; }

.flex-1-1 { flex-basis: 100%; }
.flex-3-4 { flex-basis: 75%; }
.flex-2-3 { flex-basis: 66.666666%; }
.flex-1-2 { flex-basis: 50%; }
.flex-1-3 { flex-basis: 33.333333%; }
.flex-1-4 { flex-basis: 25%; }

.ac { align-items: center; }
.as { align-items: start; }
.afe { align-items: flex-end; }
.jcc { justify-content: center; }
.jsb { justify-content: space-between; }
.jsa { justify-content: space-around; }
.jfe { justify-content: flex-end; }
.jfs { justify-content: flex-start; }
.jse { justify-content: space-evenly; }
.row-rev { flex-direction: row-reverse; }

.text-left, p.text-left { text-align: left; }
.text-center, p.text-center { text-align: center; }
.text-right, p.text-right { text-align: right; }
.text-upper { text-transform: uppercase; }

.text-larger { font-size:1.25em; }

.text-primary { color: var(--brand-primary); }
.text-secondary { color: var(--brand-secondary); }
.text-green { color: var(--green); }
.text-orange { color: var(--orange); }
.text-white { color: var(--white); }

.bg-primary { background-color: var(--brand-primary); }
.bg-secondary { background-color: var(--brand-secondary); }

.icons-green li::before { color:var(--green); }
.icons-red li::before { color:var(--red); }
.icon-large { font-size:3rem; color:var(--brand-primary); }

.container {
	width:100%;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--space-sm);
    padding-right: var(--space-sm);
}

.c-1800 { max-width: 1850px; }
.c-1600 { max-width: 1650px; }
.c-1400 { max-width: 1450px; }
.c-1300 { max-width: 1350px; }
.c-1200 { max-width: 1250px; }
.c-1100 { max-width: 1150px; }
.c-1000 { max-width: 1050px; }
.c-900 { max-width: 950px; }
.c-800 { max-width: 850px; }
.c-700 { max-width: 750px; }
.c-600 { max-width: 650px; }
.c-500 { max-width: 550px; }
.c-400 { max-width: 450px; }
.c-100 { max-width: 100%; }

.gap-xxl { gap:var(--space-xxl); }
.gap-xl { gap:var(--space-xl); }
.gap-lg { gap:var(--space-lg); }
.gap-md { gap:var(--space-md); }
.gap-sm { gap:var(--space-sm); }
.gap-xs { gap:var(--space-xs); }

.p-tb-xxl { padding-top:var(--space-xxl); padding-bottom:var(--space-xxl); }
.p-tb-xl { padding-top:var(--space-xl); padding-bottom:var(--space-xl); }
.p-tb-lg { padding-top:var(--space-lg); padding-bottom:var(--space-lg); }
.p-tb-md { padding-top:var(--space-md); padding-bottom:var(--space-md); }
.p-tb-sm { padding-top:var(--space-sm); padding-bottom:var(--space-sm); }
.p-tb-xs { padding-top:var(--space-xs); padding-bottom:var(--space-xs); }

.no-pad-top { padding-top:0; }

.mb-xxl { margin-bottom:var(--space-xxl); }
.mb-xl { margin-bottom:var(--space-xl); }
.mb-lg { margin-bottom:var(--space-lg); }
.mb-md { margin-bottom:var(--space-md); }
.mb-sm { margin-bottom:var(--space-sm); }
.mb-xs { margin-bottom:var(--space-xs); }

.pb-xxl { padding-bottom:var(--space-xxl); }
.pb-xl { padding-bottom:var(--space-xl); }
.pb-lg { padding-bottom:var(--space-lg); }
.pb-md { padding-bottom:var(--space-md); }
.pb-sm { padding-bottom:var(--space-sm); }
.pb-xs { padding-bottom:var(--space-xs); }

.col-count-2 {
    column-count: 2;
    column-gap: 50px;
}

.col-count-2 li { 
    break-inside: avoid-column;
}

/* Components */
.button,
input[type=submit],
button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .widget-area .widget a.button.alt {
    display: inline-block;
    padding: 0.75em 1.5em;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    color: var(--white);
    background: var(--orange);
    text-align: center;
    font-size: 1em;
    cursor: pointer;
    border: none;
    border-radius: 4px;
    transition:0.3s ease;
}

.button:hover,
input[type=submit]:hover {
    background: var(--brand-primary-darker);
    color: white;
}

.button--primary {
    background: var(--brand-primary);
}

.button--secondary,
input[type=submit].button--secondary {
    background: var(--orange);
    color:#fff;
}

.button--secondary:hover,
input[type=submit].button--secondary:hover {
    background: var(--brand-primary);
    color: white;
}

.button i { 
    margin: 4px;
}

.button-small {
    padding:0.25em 0.5em;
}

main ul li { position: relative; padding-left: var(--space-sm); }
main ul li::before {
    content: "\f058";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Font Awesome 6 Pro", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: var(--brand-primary);
}
main ul.icons-red li::before {
	content:'\f057';
}
main ul ul li::before {
	content:'\e122';
}

.icons-green ul li {
	padding-left:1rem;
}

.icons-green ul li::before {
	color:#454545;
	font-size:0.5rem;
	top:0.3175rem;
}

.site {
    overflow:visible;
}

/* WOOCOMMERCE */

.storefront-handheld-footer-bar ul li+li { 
    margin: 0;
}

/* HEADER */

.site-header {
    position:sticky;
    top:0;
    left:0;
    right:0;
    padding:0;
    border:0;
    background:none;
    pointer-events:none;
}

.top-bar {
    position:relative;
    background:#24282b;
    padding-top:10px;
    padding-bottom:10px;
    font-size:0.875em;
    pointer-events:auto;
    z-index:2;
}

.top-bar a {
    color:#fff;
}

.top-contact li {
    margin:0;
}

.top-email a + a {
    margin-left:0.5em;
    padding-left:0.625em;
    border-left:1px solid #666;
}

.main-bar {
    position:relative;
    background:#1b7bad;
    padding-top:10px;
    padding-bottom:10px;
    pointer-events:auto;
    z-index:2;
}

.main-bar a {
    color:#fff;
}

.main-logo {
	width:auto;
    max-height:60px;
    transition:all 0.3s ease;
}

.scroll .main-logo {
    max-height:45px;
}

.main-navs {
    font-size:1.125em;
    text-transform:uppercase;
    font-weight:600;
}

.main-navs li {
    margin:0;
}

.main-navs a {
    transition:all 0.5s ease;
}

.main-navs a:hover {
    color:var(--light-blue);
}

.main-navs li.relative {
	position:relative;
}

.main-navs li a.has-submenu {
	position:relative;
}

.main-navs li ul.submenu {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	width:max-content;
	background:var(--brand-primary);
	margin:0;
	padding:1rem;
	padding-top:2rem;
	text-transform:none;
	font-weight:400;
}

.main-navs li ul.submenu.active {
	display:block;
}

.main-navs li ul.submenu li+li {
	margin-top:0.5rem;
}

.mega-menu-toggle,
.submenu-toggle {
    position:relative;
    padding-right:1.5em;
}

.mega-menu-toggle::after,
.submenu-toggle::after {
    position:absolute;
    top:50%;
    right:0;
    font-family:'Font Awesome 6 Pro';
    font-weight:700;
	color:#fff;
    content:'\f107';
    transform:translateY(-50%);
}

.mega-menu-toggle.active::after,
.submenu-toggle.active::after {
    content:'\f106';
}

.main-nav-icons {
    border-left:1px solid #549cc2;
    /*border-right:1px solid #549cc2;*/
    padding-left:var(--space-sm);
    /*padding-right:var(--space-sm);*/
	font-size:1.5rem;
}

.os-cart {
    position: relative;
}

.os-cart .count {
    position: absolute;
    top:0;
    right:0;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: var(--orange);
    color: #fff;
    font-size:0.5em;
    border-radius: 50%;
    transform:translate(50%,-50%);
}

.mega-menu {
    position:absolute;
    width:100%;
    background:#fff;
    border-bottom:1px solid var(--brand-primary);
    transform:translateY(calc(-100% - 1px));
    pointer-events:auto;
    transition:all 0.5s ease;
    z-index:1;
}

.mega-menu.active {
    transform:none;
}

.mega-menu-main-nav {
    flex:1;
}

.mega-menu-main-nav ul {
    width:100%;
    height:100%;
    flex-wrap:wrap;
}

.mega-menu-main-nav li {
    flex-basis:100%;
    margin:0;
}

.mega-menu-main-nav li + li {
    border-top:1px solid var(--light-blue);
}

.mega-menu-main-nav li a {
    position:relative;
    display:flex;
    flex:1;
    align-items:center;
    width:100%;
    height:100%;
    padding:12.5px 25px 12.5px 100px;
    font-size:1.125em;
    font-weight:700;
    color:#404040;
    text-transform:uppercase;
    transition:all 0.5s ease;
}

.mega-menu-main-nav li a::before {
    position:absolute;
    top:50%;
    left:25px;
    width:50px;
    height:50px;
    border-radius:5px;
    content:'';
    transform:translateY(-50%);
}

.mega-menu-main-nav li a.nav-swine::before {
    background:url('images/bg-swine-xs.jpg') no-repeat center center;
    background-size:cover;
}

.mega-menu-main-nav li a.nav-dairy::before {
    background:url('images/bg-dairy-xs.jpg') no-repeat center center;
    background-size:cover;
}

.mega-menu-main-nav li a.nav-poultry::before {
    background:url('images/bg-poultry-xs.jpg') no-repeat center center;
    background-size:cover;
}

.mega-menu-main-nav li a.nav-greenhouse::before {
    background:url('images/bg-greenhouse-xs.jpg') no-repeat center center;
    background-size:cover;
}

.mega-menu-main-nav li a::after {
    position:absolute;
    top:50%;
    right:25px;
    font-family:'Font Awesome 6 Pro';
    font-weight:400;
    content:'\f105';
    transform:translateY(-50%);
}

.mega-menu-main-nav li:hover a,
.mega-menu-main-nav li a.active {
    background:var(--light-blue);
}

.mega-menu-content {
    flex:2;
    background:var(--light-blue);
    padding:25px;
}

.mega-menu-content h4 {
    font-size:1.125em;
    text-transform:uppercase;
    font-weight:700;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #9dbbcb;
}

.mega-menu-content a:not(.button) {
    color:#404040;
}

.mega-menu-content-1 {
    display:none;
    flex:1;
}

.mega-menu-content-1.active {
    display:flex;
}

/*.mega-menu-content-1 a:hover {
    text-decoration:underline;
}*/

.mega-menu-content-2 {
    flex:0.75;
}

.content-1-image {
    flex:1;
    border-radius:5px;
}

.content-swine .content-1-image {
    background:url('images/bg-swine.jpg') no-repeat center center;
    background-size:cover;
}

.content-dairy .content-1-image {
    background:url('images/bg-dairy.jpg') no-repeat center center;
    background-size:cover;
}

.content-poultry .content-1-image {
    background:url('images/bg-poultry.jpg') no-repeat center center;
    background-size:cover;
}

.content-greenhouse .content-1-image {
    background:url('images/bg-greenhouse.jpg') no-repeat center center;
    background-size:cover;
}

.content-1-nav {
    flex:2;
}

.mega-menu-feature-info {
    flex:1;
}

.mega-menu-feature img {
    height:100%;
}

.navigations-buttons {
	padding-left:1rem;
}

.header-search {
    position:absolute;
    width:100%;
    background:#fff;
    border-bottom:1px solid var(--brand-primary);
	padding:0.5rem 0;
    transform:translateY(calc(-100% - 1px));
    pointer-events:auto;
    transition:all 0.5s ease;
    z-index:1;
}

.header-search.active {
    transform:none;
}

.header-search-button-2 {
	font-size:1.5rem;
}

.header-search .ss360-custom-search .ss360-custom-search__searchbox {
	max-width:unset;
	flex:1;
	height:60px;
	font-size:1.125rem !important;
	padding:0 1rem;
}

.header-search .ss360-custom-search .ss360-custom-search__searchbutton {
	height:60px;
}


/* SECTIONS */

.site-content {
    padding-top:var(--space-lg);
}

.home .site-content,
.site-content.no-pad-top {
    padding-top:0;
}

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header { 
    margin-bottom: 0;
}

.hero { 
    position: relative;
    display: flex;
    min-height:70vh;
    background:url('images/bg-hero-3.jpg') no-repeat center center;
    background-size:cover;
}

.hero__content {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
    align-self:stretch;
    width:100%;
    max-width:50%;
	background:url('https://phasoncontrols.com/wp-content/themes/storefront-child/images/flowing_lines2.svg') no-repeat center center #1e1e1e;
	background-size:cover;
	padding:5%;
    z-index: 1;
}

.hero__content h1 { 
    margin: 0;
    color: white;
}

.hero__content h1 span {
	color:var(--brand-primary);
}

.hero__content h3 {
	color:#fff;
	font-size:2em;
	font-weight:400;
}

.hero__content p { 
    font-size: 1.375em;
    font-weight: 400;
    color:#a8cbeb;
    margin: 1.5rem 0;
}

.hero__content p span { 
    color:#fff;
    font-weight:700;
}

.hero__image {
	position: relative;
	flex:1;
	background:url('images/homepage-hog.webp') no-repeat center center;
	background-size:cover;
}

.hero__image img {
  position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
  animation-name: multiple-image-crossfade;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 20s;
	object-fit:cover;
	display:none;
}

.hero__image img:nth-of-type(1) {
  animation-delay: 15s;
	display:block;
}

.hero__image img:nth-of-type(2) {
  animation-delay: 10s;
	display:block;
}

.hero__image img:nth-of-type(3) {
  animation-delay: 5s;
	display:block;
}

.hero__image img:nth-of-type(4) {
  animation-delay: 0;
	display:block;
}

@keyframes multiple-image-crossfade {
  0% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  92% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.sectors {}

.sectors p {
	font-size:1.125em;
}

.sectors__grid { 
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap:var(--space-sm);
}

.sectors__card { 
    display: flex;
    flex-direction: column;
    padding: var(--space-sm);
    background-repeat: no-repeat;
    background-size: cover;
	border-radius:4px;
}

/* So each section in the cards lines up with each other, regardless of text */
.sectors__card>div, .sectors__card p, .sectors__card a { 
    flex: 1;
}

.sectors__card p, .sectors__card h3, .sectors__card .arrow-link { 
    color: white;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.sectors__card>div {
    flex:0;
}

.sectors__card h3 {
	font-size:2rem;
    margin:0 0 1rem;
	line-height:1;
}

.sectors__card--content {
    flex:1;
}

.sectors__card p:last-child {
	margin:0;
}

.sectors__card .arrow-link { 
    display: block;
    margin-left: auto;
    font-weight: 500;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: flex-end;
	flex:unset;
}

.arrow-link {
    position: relative;
    padding-right: 32px;
    /*text-decoration: underline;*/
    color: var(--brand-primary);
    transition:all 0.4s ease;
}

.arrow-link::after { 
    content: "\f178";
    position: absolute;
    font-family: "Font Awesome 6 Pro";
    font-size: 1em;
    right: 0;
}

.sectors__card:hover .arrow-link {
    padding-right: 40px;
}

.sectors__image { 
    width: 50px;
    height: 50px;
    background-color: grey;
    border-radius: 5px;
}

.sectors__card--swine div .sectors__image { 
    background-image: url('images/bg-swine-xs.jpg');
    background-size: cover;
}

.sectors__card--dairy div .sectors__image { 
    background-image: url('images/bg-dairy-xs.jpg');
    background-size: cover;
}

.sectors__card--poultry div .sectors__image { 
    background-image: url('images/bg-poultry-xs.jpg');
    background-size: cover;
}

.sectors__card--greenhouse div .sectors__image { 
    background-image: url('images/bg-greenhouse-xs.jpg');
    background-size: cover;
}

.sectors__card--swine { 
    background: linear-gradient(to bottom ,rgba(225, 78, 113, 0.90), rgba(225, 78, 113, 0.90)), url('images/bg-sector-swine.jpg') no-repeat center center;
    background-size: cover;
}

.sectors__card--dairy { 
    background: linear-gradient(to bottom ,rgba(25, 152, 213, 0.90), rgba(25, 152, 213, 0.90)), url('images/bg-sector-dairy.jpg') no-repeat center center;
    background-size: cover;
}

.sectors__card--poultry { 
    background: linear-gradient(to bottom ,rgba(255, 174, 0, 0.90), rgba(255, 174, 0, 0.90)), url('images/bg-sector-poultry.jpg') no-repeat center center;
    background-size: cover;
}

.sectors__card--greenhouse {
    background: linear-gradient(to bottom ,rgba(25, 146, 73, 0.90), rgba(25, 146, 73, 0.90)), url('images/bg-sector-greenhouse.jpg') no-repeat center center;
    background-size: cover;
}

.about { 
  background-image: url('images/bg-about.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
}

.about .flex-1-2 {
    flex-basis:100%;
    flex:1;
}

.about__text em {
    font-weight: 600;
    color: black; 
}

.brands h2 { 
    margin: 0;
}

.brands__grid { 
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    justify-items: center;
    align-items: center;
    border: 1px solid grey;
    gap: 1px;
}

.brands__grid .img-container { 
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    align-content: center;
    justify-content: center;
    display: flex ;
    border: 1px solid gray;
}

.brands__grid .img-container img { 
    max-width: 250px;
    margin: auto;
    padding: 32px;
}

.support { 
    background-image: url('images/bg-blue-wave.png');
    background-size: cover;
    background-position: top;
}

.support__img {
    align-self:flex-end;
}

.support__info {
    margin-top:75px;
}

.our-solutions {
	background: rgb(229,229,229);
	background: linear-gradient(0deg, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);
	padding:var(--space-lg) 0;
}

.our-solutions p {
	font-size:1.125em;
}

.control__grid { 
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--space-sm);
}

.control__card {
/* 	aspect-ratio: 1 / 1; */
    padding: 1.5em;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    background-color: #e5e5e5;
    border-radius: 5px;
    color:#454545;
    text-align: center;
    font-weight: 600;
    font-size: 1.5em;
	transition:all 0.5s ease;
}

.coming-soon {
	position:relative;
    overflow:hidden;
}

.coming-soon::before {
	position:absolute;
    top:50%;
    left:50%;
    width:150%;
    background:var(--brand-primary);
    color:#fff;
    content:'Coming Soon';
    transform:translate(-50%,-50%) rotate(15deg);
    z-index:3;
}

.control__card:nth-child(n+6) {
	background:#fff;
}

.control__card p { 
    margin: 0;
    line-height:1.25;
}

.control__card img {
	height:100px;
    margin-bottom: 1rem;
}

.control__card:hover {
	background:#fff;
	color:#454545;
}

.control__card:nth-child(n+6):hover {
	background:#e5e5e5;
}

.gtco-testimonials {
	position:relative;
}

.gtco-testimonials .owl-stage-outer {
	padding:30px 0;
}

.gtco-testimonials .owl-nav {
	display:none;
}

.gtco-testimonials .owl-dots {
	text-align:center;
}

.gtco-testimonials .owl-dots span {
	position:relative;
	height:10px;
	width:10px;
	border-radius:50%;
	display:block;
	background:#d0e5f6;
	border:none;
	margin:0 5px;
}

.gtco-testimonials .owl-dots .active {
	box-shadow:none;
}

.gtco-testimonials .owl-dots .active span {
	background:#1b7bad;
	box-shadow:none;
	height:12px;
	width:12px;
	margin-bottom:-1px;
}

.gtco-testimonials .owl-stage {
	display:flex;
	align-items:center;
}

.gtco-testimonials .card {
	display:flex;
	flex-wrap:wrap;
	background:#cfe4f5;
	margin:0 1rem;
	border-radius:4px;
	border:2px solid #1f7bae;
	transform:scale(0.8);
	transition:all 0.5s ease;
}

.cd__main {
	display:block !important;
}

.gtco-testimonials .card .card-image {
	flex:1;
	background:#454545;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

.gtco-testimonials .card .card-image img {
	max-width:unset;
	object-fit:cover;
}

.gtco-testimonials .card .card-body {
	flex:2;
	padding:0;
	padding:1.5rem;
}

.gtco-testimonials .card h5 {
	font-size:1.125rem;
	margin:0;
	color:#000;
}

.testimonial-location {
	font-weight:700;
}

.gtco-testimonials .card p {
	position:relative;
	font-size:1.125rem;
	font-style:italic;
	margin-bottom:1rem;
	color:#000;
	isolation:isolate;
}

.gtco-testimonials .card p i {
	color:#454545;
}

.gtco-testimonials .active {
	transition:all 0.3s;
}

.gtco-testimonials .center {
	opacity:1;
}

.gtco-testimonials .center .card {
	transform:scale(1);
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
	outline:0;
}

.owl-carousel button.owl-dot {
	outline:0;
}

.control-number {
    width:100%;
    text-align:center;
    padding:1rem 2rem;
    border-top:1px solid #077cab;
    background:#9fcbed;
}

.counterbox-container {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:1em;
}

.control-number h4,
.control-number h2 {
    margin:0;
	color:var(--brand-secondary);
}

.control-number h4 span {
    font-weight:900;
}

.control-number p {
    margin:0;
    font-size:2.5em;
    font-weight:900;
    width:250px;
    text-align:left;
    color:var(--brand-secondary);
    /*font-variant-numeric: tabular-nums lining-nums;*/
}

.cta { 
    background-image: linear-gradient(to bottom, rgba(9, 90, 128, 0.9), rgba(9, 90, 128, 0.9)), url('images/bg-cta.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.cta a.button { 
   font-size: 1.5em;
   padding-top: 1.15em;
   padding-bottom: 1.15em
}

.cta a.button i { 
    color: white;
}

.cta-links a {
	color:#fff;
}

.modal-support-open,
.modal-sales-open {
    cursor:pointer;
}

.modal-container {
    display:none;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(0,0,0,0.5);
    z-index:999;
}

.modal-container.active {
    display:flex;
}

.os-modal {
    position:relative;
    width:100%;
    max-width:700px;
    background:#fff;
    border-radius:1em;
    box-shadow:0 0 50px rgba(27,123,173,0.5);
    overflow:hidden;
    z-index:1000;
}

.modal-info {
    flex:2;
    padding:2em;
}

.modal-img {
    flex:2;
    background:url('images/customer_support_couple_bg.webp') no-repeat top center var(--brand-primary);
    background-size:cover;
}

.os-modal form {
    margin:0;
}

.os-modal p {
    margin-bottom:1.5rem;
}

.os-modal .gform_wrapper.gravity-theme .gform_footer,
.os-modal .gform_wrapper.gravity-theme .gform_page_footer {
    padding-bottom:0;
}

.os-modal .gform_wrapper.gravity-theme .gform_footer input {
    margin:0;
}

.os-modal .gform_wrapper.gravity-theme input[type=color],
.os-modal .gform_wrapper.gravity-theme input[type=date],
.os-modal .gform_wrapper.gravity-theme input[type=datetime-local],
.os-modal .gform_wrapper.gravity-theme input[type=datetime],
.os-modal .gform_wrapper.gravity-theme input[type=email],
.os-modal .gform_wrapper.gravity-theme input[type=month],
.os-modal .gform_wrapper.gravity-theme input[type=number],
.os-modal .gform_wrapper.gravity-theme input[type=password],
.os-modal .gform_wrapper.gravity-theme input[type=search],
.os-modal .gform_wrapper.gravity-theme input[type=tel],
.os-modal .gform_wrapper.gravity-theme input[type=text],
.os-modal .gform_wrapper.gravity-theme input[type=time],
.os-modal .gform_wrapper.gravity-theme input[type=url],
.os-modal .gform_wrapper.gravity-theme input[type=week],
.os-modal .gform_wrapper.gravity-theme select,
.os-modal .gform_wrapper.gravity-theme textarea {
    font-size:1em;
    padding:0.75em;
    background:none;
    box-shadow:none;
    border:2px solid #f1f1f1;
    border-radius:0.5em;
    box-shadow:0 0 0.5em rgba(27,123,173,0.05);
}

.os-modal #gform_confirmation_message_3 {
	padding:1.5rem 0;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus {
    outline-color:var(--brand-primary);
}

.modal-close {
    position:absolute;
    top:1em;
    right:1em;
    cursor:pointer;
    color:#fff;
    z-index:1001;
}









/* Secondary Pages */

.os-page-title {
    background-image: linear-gradient(to bottom, rgba(45,45,45, 0.75), rgba(45,45,45, 0.75)), url('images/bg-cta.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding:var(--space-lg) 0;
}

    .os-page-title h1 {
        color:#fff;
        margin:0;
        width:100%;
    }

    .os-page-title h5 {
        margin:1em 0 0;
        color:#fff;
        font-size:1.25em;
    }

.page .content-area {
    width:100%;
    float:none;
    margin:0;
}

.entry-content h5 {
    color:var(--brand-primary);
}

.contact-info {}

.contact-info-address::before { content:'\f3c5'; }
.contact-info-phone::before { content:'\f095'; }
.contact-info-email::before { content:'\f0e0'; }

.gform_heading {
    display:none;
}

.page-id-546 .site-main {
    margin-bottom:0;
}

.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title {
    border-color:var(--brand-primary);
}

.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    background:var(--brand-primary);
    color:#fff !important;
}

.vc_tta-color-white.vc_tta-style-flat .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .vc_tta-color-white.vc_tta-style-flat .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {
    border-color:#fff !important;
}

.vc_tta.vc_general .vc_tta-panel-title {
    border:1px solid #e5e5e5;
    text-transform:none;
}

.vc_tta-panel-body {
    border:1px solid var(--brand-primary) !important;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    padding:var(--space-sm) !important;
}

.grid {
    display:grid;
}

.grid-3-column {
    grid-template-columns: repeat( auto-fit, minmax(20rem, 1fr) );
}

.grid-4-column {
    grid-template-columns: repeat( auto-fit, minmax(12rem, 1fr) );
}

.download-item {
    display:flex;
    flex-direction:column;
    align-items:center;
    border:1px solid var(--brand-primary);
    padding:var(--space-xs);
    text-decoration:none !important;
    font-weight:600;
}

.support-grid .download-item {
	padding:var(--space-md);
	border-radius:4px;
}

.download-item * {
    margin:0;
}

.download-item--icon {
    display:flex;
    align-items:center;
    justify-content:center;
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    border:1px solid var(--brand-primary);
    border-radius:50%;
    margin:0.375em 0;
    font-size:2em;
    transition:all 0.5s ease;
}

.download-item--icon img {
	max-height:32px;
}

.download-item--icon svg {
    max-height:40px;
	fill:var(--brand-primary);
    transition:all 0.5s ease;
}

.download-item:hover .download-item--icon svg {
	fill:#fff;
}

.download-item--download {
    text-transform:uppercase;
}

.support-grid .download-item--title {
	font-size:1.375rem;
	text-transform:none;
    text-align:center;
}

.download-item:hover .download-item--icon {
    background:var(--brand-primary);
    color:#fff;
}

.solutions-options {}

.solutions-option-container {
    padding-top:var(--space-md);
    padding-bottom:var(--space-md);
}

    .solutions-option-container:nth-child(even) {
        background:#f3f3f3;
    }

    .solutions-option-container:nth-child(even) .solutions-option {
        flex-direction:row-reverse;
    }

.solutions-option {}

.solutions-option--image {}

.solutions-option--image img {
	max-height:300px;
}

.solutions-option--content {
    flex:1;
}

.bg-digital {
    background:url('https://ismarts.ca/client/phason/wp-content/uploads/2023/01/digital_perspective.svg') no-repeat center bottom;
    background-size:100%;
}

.testimonial_outer {
    background-image: url("images/open-quote.svg"), url("images/close-quote.svg");
    background-position: left top, right bottom;
    background-repeat: no-repeat;
    padding: 10px 40px 10px 40px;
}

.testimonial_inner {
    border-top: solid 2px #077cab;
    border-bottom: solid 2px #077cab;
    padding: 15px 0 5px 0;
}

.testimonial p {
    font-size: 1.25rem;
    line-height: 2rem;
    font-style: italic;
    margin-bottom: 20px;
}

.gallery-grid ul {
    display:flex;
    flex-wrap:wrap;
    gap:var(--space-md);
    margin:0;
    padding:0;
}

.gallery-grid ul li {
    margin:0;
    padding:0;
}

.gallery-grid ul li::before {
    display:none;
}

table.responsive-table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

table.responsive-table.table-blue {
	border:1px solid var(--brand-primary);
}

table.responsive-table tr {
    padding: 0.35em;
}

table.responsive-table th {
    background-color: #454545;
    color: white;
}

table.responsive-table.table-blue th {
	background-color:var(--brand-primary);
}

table.responsive-table th, table.responsive-table td {
    padding: 1em;
}

table.responsive-table.table-blue th, table.responsive-table.table-blue td {
	border:2px solid var(--brand-primary);
}

table.responsive-table.table-blue td:first-child {
	font-weight:700;
}

@media screen and (max-width: 1080px) {
    table.responsive-table {
        border: 0;
    }

    table.responsive-table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    table.responsive-table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: 0.625em;
        padding:0;
    }

    table.responsive-table td {
        border-bottom: 1px solid #ddd;
        display: block;
        text-align: right;
    }

    table.responsive-table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
    }
	
	table.responsive-table.large-table td {
		text-align:left;
	}
	
	table.responsive-table.large-table td::before {
		float:none;
		display:block;
		margin-bottom:0.5rem;
	}
}

.hentry .entry-content .woocommerce-MyAccount-navigation ul li {
    padding:0;
}

.hentry .entry-content .woocommerce-MyAccount-navigation ul li::before {
    display:none;
}

.hentry .entry-content a {
    text-decoration:none;
    font-weight:500;
}

.support-navigation > div {
    display:flex;
    flex-direction:column;
    height:100%;
}

.support-navigation > div > div {
    position:sticky;
    top:175px;

    background:#fafafa;
    /*border:1px solid #e5e5e5;*/
    color:#666;
    border-radius:1em;
}

.support-navigation > div > div h5 {
    background:var(--brand-primary);
    color:#fff;
    padding:0.5em 1em;
    margin:0;
    font-size:1.125rem;
    font-weight:700;
    border-top-left-radius:1em;
    border-top-right-radius:1em;
}

.support-navigation > div > div ul {
    border:1px solid #e3e3e3;
    border-bottom-right-radius:1em;
    border-bottom-left-radius:1em;
    overflow:hidden;
}

.support-navigation > div > div ul li {
    padding:0;
    margin:0;
    font-size:1rem;
}

.support-navigation > div > div ul li:not(:first-child) {
    border-top:1px solid #e5e5e5;
}

.support-navigation > div > div ul li::before {
    display:none;
}

.support-navigation > div > div ul li a {
    display:block;
    padding:0.5em 1em;
}

.support-navigation > div > div ul li a:hover {
    background:#f2f2f2;
}

.os-faqs {
    display:flex;
	flex-direction:column;
    border:1px solid #f1f1f1;
    padding:2rem;
    border-radius:1rem;
}

.os-faqs + .os-faqs {
	margin-top:4rem;
}

.os-faqs h4 {
    margin:0;
    padding:0.75em 0;
    font-size:1rem;
}

.os-faqs h4:not(:first-child) {
    margin-top:0.5rem;
}

.os-faq {
    margin-top:0.5rem;
}

.faq-title {
    position:relative;
    background:var(--light-grey);
    color:var(--dark-grey);
    margin:0;
    padding:0.75rem calc(1rem + 22px) 0.75rem 1rem;
    font-size:1rem;
    font-weight:400;
    cursor:pointer;
    border-radius:4px;
}

.faq-title:hover {
    background:var(--dark-grey);
    color:#fff;
}

.faq-title.active {
    background:var(--brand-primary);
    color:#fff;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
}

.faq-title::after {
    position:absolute;
    top:50%;
    right:0;
    width:44px;
    height:44px;
    line-height:44px;
    text-align:center;
    font-family:'Font Awesome 6 Pro';
    content:'\2b';
    color:var(--dark-grey);
    transform:translateY(-50%);
    z-index:2;
}

.faq-title:hover::after {
    color:#fff;
}

.faq-title.active::after {
    content:'\f068';
    color:#fff;
}

.faq-body {
    display:none;
    background:#fff;
    border:1px solid var(--grey);
    border-top:none;
    padding:1rem;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
}

.faq-body.active {
    display:block;
}

.faq-body p {
    margin:0;
}

.faq-body p + p {
    margin-top:1.5rem;
}

.faq-body a {
    text-decoration:underline;
}

.text-box-bg-blue {
    width:100%;
    max-width:650px;
    background:var(--brand-primary);
    color:#fff;
    padding:17.5px;
    margin-bottom:-48px !important;
}

.text-box-bg-blue .product-subtitle-desktop {
    color:#fff;
    isolation:isolate;
}

.text-box-bg-blue .product-subtitle-desktop span {
    background:var(--brand-primary);
}

.text-box-bg-blue .product-subtitle-desktop::after, .text-box-bg-blue .product-subtitle-mobile::after {
    background:#fff;
}

.swine-ec {
    position:relative;
    /*background:var(--brand-secondary);
    color:#fff;
    padding:0.5rem 1rem 0.5rem 2.5rem;
    border-radius:4px;*/
    font-size:2em;
    margin-bottom:2em !important;
}

.swine-ec::before {
    position:absolute;
    top:50%;
    left:0;
    width:max-content;
    content:attr(data-name);
    font-size:6em;
    font-weight:900;
    opacity:0.05;
    z-index:-1;
    transform:translate(-40%,-55%);
}

.swine-ec-icon {
    font-size:3em;
    margin-bottom:1rem;
    color:var(--brand-primary);
}

.solution-intro {
/*     width:100%;
    text-align:center;
    padding:1rem 2rem;
    border:1px solid #077cab;
    background:#9fcbed;
	border-radius:4px;
	color:var(--brand-secondary); */
	font-size:1.5rem;
	padding-bottom:2em;
	margin-bottom:1em !important;
	border-bottom:1px solid #e3e3e3;
}

.lp-header-container {
	position:relative;
}

.lp-header-container::before {
    display:block !important;
	position:absolute !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    background:rgba(10,47,66,0.9) !important;
    content:'' !important;
}

.lp-header-container-no-overlay::before {
    background:none !important;
}

.lp-header-full {
	height:500px;
}

.lp-header-full::before {
	background:rgba(10,47,66,0.3) !important;
}

.lp-header-clip {
	margin-top:-250px;
}

.lp-header-clip::before {
	display:none !important;
}

.lp-header-container.vc_row[data-vc-full-width] {
	overflow:visible;
}

.lp-header-clip > .wpb_column {
    position:relative;
    z-index:3;
}

.lp-header-clip .vc_row.vc_column-gap-35>.vc_column_container {
	padding-top:0;
    padding-bottom:0;
}

.lp-header > .wpb_column > .vc_column-inner > .wpb_wrapper {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:var(--space-md);
    flex-direction:row-reverse;
    padding-top:var(--space-sm);
    padding-bottom:var(--space-sm);
}

.lp-header.lp-header-row > .wpb_column > .vc_column-inner > .wpb_wrapper {
	flex-direction:row;
}

.lp-header-2 > .wpb_column > .vc_column-inner > .wpb_wrapper {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:var(--space-md);
}

.lp-header-info {
	max-width:700px;
}

.lp-header-clip .lp-header-info {
	max-width:950px;
}

.lp-header-info h1,
.lp-header-info h5 {
	color:#fff;
}

.lp-header-info .button {
	margin-top:1rem;
}

.lp-header-info .button + .button {
	margin-left:1rem;
}

.lp-header-image img {
    width:100%;
	max-width:500px;
    /* transform:translateY(var(--space-lg)); */
    margin-bottom:calc(var(--space-lg)*-1);
}

.lp-header-2 .lp-header-info {
	position:relative;
	background:#fff;
    padding:var(--space-md);
    padding-bottom:0;
    border-radius:1rem;
}

/* .lp-header-2 .lp-header-info::after {
	position:absolute;
    top:50%;
    left:100%;
    width:100%;
    max-width:435px;
    height:150px;
    background:url('images/pattern-dot-10.webp');
    content:'';
    transform:translateY(-50%);
    z-index:4;
} */

.lp-header-2 .lp-header-info h1 {
	color:#454545;
}

.lp-header-2 .lp-header-info h5 {
	color:#ee8800;
    margin-block:1rem;
    padding-block:1rem;
    border-block:1px solid #ee8800;
}

.lp-grid > .wpb_column > .vc_column-inner > .wpb_wrapper {
	display:grid;
    grid-template-columns: repeat( auto-fit, minmax(225px, 1fr) );
    text-align:left;
    border-radius:1em;
    box-shadow:0 3px 1px #e3e3e3;
    overflow:hidden;
}

.lp-grid-2 > .wpb_column > .vc_column-inner > .wpb_wrapper {
	grid-template-columns: repeat( auto-fit, minmax(350px, 1fr) );
}

.grid-ventgrid > .wpb_column > .vc_column-inner > .wpb_wrapper {
	grid-template-columns: repeat(6, 1fr);
}

.grid-ventgrid > .wpb_column > .vc_column-inner > .wpb_wrapper > * {
	grid-column:span 2;
}

.grid-ventgrid > .wpb_column > .vc_column-inner > .wpb_wrapper > *:nth-child(1),
.grid-ventgrid > .wpb_column > .vc_column-inner > .wpb_wrapper > *:nth-child(2) {
	grid-column:span 3;
}

.lp-grid > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column {
	background:#f9f9f9;
    border:1px solid #fff;
    padding:2em;
}

.lp-grid i {
	display:block;
	font-size:3rem;
    margin-bottom:0.75rem;
    color:var(--brand-primary);
	text-align:center;
}

.lp-grid img {
	margin:0 auto 0.75rem !important;
}

.lp-grid h4 {
	font-size:1em;
    margin:0 0 0.5em;
/*     text-transform:uppercase;
    letter-spacing:2px; */
	text-align:center;
}

.lp-grid p {
	margin:0;
	text-align:center;
}

.lp-list-2-col > .wpb_column > .vc_column-inner > .wpb_wrapper {
    display:flex;
    justify-content:space-between;
    gap:60px;
}

.lp-list-2-col > .wpb_column > .vc_column-inner > .wpb_wrapper > * {
	flex:1;
}

.lp-list-1-col > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column,
.lp-list-2-col > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column {
	background:#f9f9f9;
    border-radius:1em;
    box-shadow:0 3px 1px #e3e3e3;
    overflow:hidden;
}

.lp-list-1-col h4 {
	background:var(--orange);
    color:#fff;
    padding:0.5em 1em;
    text-align:center;
    margin:0;
    font-size:1.5em;
}

.lp-list-2-col h4 {
	background:var(--brand-primary);
    color:#fff;
    padding:0.5em 1em;
    text-align:center;
    margin:0;
    font-size:1.5em;
}

.lp-list-1-col h4 strong,
.lp-list-2-col h4 strong {
	font-weight:900;
    border-bottom:2px dotted rgba(255,255,255,0.5);
}

.lp-list-1-col .wpb_wrapper > ul {
	padding:2rem;
}

.lp-list-2-col ul {
	display:flex;
    flex-wrap:wrap;
    gap:var(--space-xs);
    padding:2rem;
}

.lp-list-2-col ul li {
	flex-basis:calc(50% - var(--space-xs));
    margin:0;
}

.pro-con-container {}

.pro-con-container .vc_column-inner .wpb_wrapper,
.pro-con-container .vc_column-inner .wpb_wrapper .pro-con {
	height:100%;
}

.pro-con {
	background:#fff;
    padding:1.5rem;
    border-radius:1rem;
}

.pro-con h5 {
	margin-bottom:0.75rem;
    padding-bottom:0.5rem;
    border-bottom:1px solid var(--brand-primary);
}

.split {
	background:linear-gradient(#fff 50%, #f2f2f2 50%);
}

.user-manuals ul {
	display:flex;
    flex-wrap:wrap;
    gap:1rem;
    list-style:none;
}

.user-manuals ul li {
	flex-basis:calc(50% - 0.5rem);
    margin:0;
    padding:0;
}

.user-manuals ul li::before {
    display:none;
}

.user-manuals ul li a {
	position:relative;
    display:block;
	padding:0.5rem 1rem;
    border:1px solid var(--brand-primary);
    border-radius:4px;
    background:#e9f5fc;
}

.user-manuals ul li a::after {
	position:absolute;
    top:0.5rem;
    right:1rem;
    width:1.5rem;
    height:1.5rem;
    text-align:center;
    line-height:1.5rem;
    font-family:'Font Awesome 6 Pro';
    content:'\f08e';
    background:var(--brand-primary);
    color:#fff;
    border-radius:50%;
    font-size:0.875rem;
    border-radius:4px;
}

.sitemap-left {
	flex:2;
}

.sitemap-products ul {
	column-count:2;
}

.sitemap-right {
    flex:1;
}

.search-submit {
	background-image:none !important;
}

.os-account-login {}

.os-account-login h3 a {
	font-weight:700 !important;
	color:#333 !important;
}

.os-account-login img {
	border:1px solid #e3e3e3;
	border-radius:8px;
	padding:1rem;
}

.afx3-new-title {
	background:var(--orange);
	color:#fff;
	padding:0.75rem 1.5rem;
	border-top-left-radius:1rem;
	border-top-right-radius:1rem;
	margin:0 0 1px;
	font-weight:600;
}

.afx3-new-title strong {
	font-weight:900;
	border-bottom: 2px dotted rgba(255, 255, 255, 0.5);
}

.afx3-new-features {
	display:grid;
	grid-template-areas:
		"a a a c c c"
		"a a a c c c"
		"a a a d d d"
		"b b b d d d"
		"b b b e e e"
		"b b b e e e";
	border-bottom-left-radius:1rem;
	border-bottom-right-radius:1rem;
	box-shadow: 0 3px 1px #e3e3e3;
}

.afx3-new {
	position:relative;
	background:#f9f9f9;
	padding:1.5rem;
	border:1px solid #fff;
	overflow:hidden;
}

.afx3-new::after {
	position:absolute;
	top:0;
	right:0;
	width:150px;
	height:150px;
	border-radius:50%;
	background:#fff;
	transform:translate(50%,-50%);
	content:'';
	z-index:1;
}

.afx3-new * {
	position:relative;
	z-index:2;
}

.afx3-new i {
	font-size:3rem;
	color:var(--brand-primary);
	margin-bottom:1rem;
}

.afx3-new h5 {
	font-weight:600;
}

.afx3-new ul {
}

.afx3-new li::before {
	color:var(--orange);
}

.afx3-new:nth-child(1) {
	grid-area:a;
}

.afx3-new:nth-child(2) {
	grid-area:b;
	border-bottom-left-radius:1rem;
}

.afx3-new:nth-child(3) {
	grid-area:c;
}

.afx3-new:nth-child(4) {
	grid-area:d;
}

.afx3-new:nth-child(5) {
	grid-area:e;
	border-bottom-right-radius:1rem;
}



































/* Archive Pages */

ul.page-numbers li::before{
    content: none; 
}

ul.page-numbers li { 
    padding-left: 0;
}

ul.products { 
    display: grid;
    border-top: 1px solid var(--grey);
    border-left: 1px solid var(--grey);
}

ul.products.columns-2 {
    grid-template-columns: repeat(2,1fr);
}

ul.products.columns-3 {
    grid-template-columns: repeat(3,1fr);
}

ul.products.columns-4 {
    grid-template-columns: repeat(auto-fill, minmax(300px,1fr));
}

.grid-full-width ul.products.columns-4 {
    grid-template-columns: repeat(auto-fit, minmax(300px,1fr));
}

ul.products::before, ul.products::after { 
    content: none;
}

ul.products li { 
    margin: 0;
}

.site-main ul.products.columns-2 li.product {
    width:100%;
    float:none;
    margin:0;
}

li.product::before { 
    content: none;
}

ul.products li.product img {
    width:auto;
    max-height:270px;
}

.site-main {
    margin-bottom:var(--space-lg);
}

.site-main ul.products.columns-3 li.product,
.site-main ul.products.columns-4 li.product {
    display:flex;
    flex-direction:column;
    margin-right: 0;
    margin-bottom: 0;
    width: 100%;
    float:none;
}

li.product { 
    padding: 2em;
    text-align: center;
    border-bottom: 1px solid var(--grey);
    border-right: 1px solid var(--grey);
}

.os-product-sku {
    position:relative;
    margin:0.75rem 0;
    font-size:1.5em;
    color:var(--dark-grey);
    text-align:center;
    line-height:1.25;
}

.os-product-sku::before {
    position:absolute;
    top:50%;
    left:0;
    right:0;
    height:1px;
    background:var(--light-grey);
    content:'';
    z-index:-1;
}

.os-product-sku span {
    display:inline;
    padding:0.25rem 0.5rem;
    background:#fff;
}

li.product .archive-price { 
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap:1em;
    margin-top:auto;
}

li.product .archive-price a {
    text-decoration:none;
}

li.product .archive-price a .price {
    margin-bottom: 0; 
    font-size: 1.5em;
    font-weight: 600;
}

li.product .archive-price a.button {
    margin:0 !important;
}

li.product .archive-description { 
    text-align: left;
    color: var(--dark-grey);
    font-size:1rem;
    margin-bottom: 2em;
}

ul.products li.product .woocommerce-loop-product__title { 
    font-size: clamp(1.25em, 3vw + 1rem, 1.75em);
    font-weight: 700;
    color: var(--brand-primary);
    margin-bottom:0.25rem;
}

.widget_layered_nav .chosen::before,
.widget_product_categories ul li.current-cat::before {
    color:var(--brand-primary);
    opacity:1;
}

.widget_product_categories ul li,
.widget_layered_nav ul li {
    padding:0;
}

.widget_product_categories ul li::before,
.widget_layered_nav ul li::before {
    margin:0;
    pointer-events:none;
}

.widget_product_categories ul li a,
.widget_layered_nav ul li a {
    padding-left:1.618em;
    margin-left:-1em;
    z-index:9;
}

.error404 .widget_product_categories ul li a {
	margin-left:0;
}

.storefront-sorting {
    margin:0 0 1em;
}

.storefront-sorting:last-child {
    margin:1em 0 0;
}

.pagination .page-numbers li,
.woocommerce-pagination .page-numbers li {
    margin-top:0;
}

.pagination .page-numbers li .page-numbers,
.woocommerce-pagination .page-numbers li .page-numbers {
    border:1px solid var(--brand-primary);
    background:#fff;
	padding:0.5rem;
}

.woocommerce-pagination .page-numbers li .page-numbers.current {
    border-color:var(--brand-primary);
    background:var(--brand-primary);
    color:#fff;
}

.vc_images_carousel .vc_carousel-indicators {
	bottom:-10% !important;
}

.error404 .fourohfour-columns-2 .col-1 ul.products li.product {
	margin:0;
	float:none;
	width:auto;
	flex:1;
}





















/* Product Page */
body.woocommerce.single-product #primary {
	float: none;
	width: 100%;
    margin:0;
}

.single-product div.product {
    display:flex;
    flex-wrap:wrap;
    gap:var(--space-lg);
}

.single-product div.product::before, .single-product div.product::after {
    display:none;
}

.single-product div.product .woocommerce-product-gallery,
.single-product div.product .summary {
    flex:1;
    width:100%;
    float:none;
    margin:0;
}

.os-image-wrap {
    flex:0.6;
}

.os-content-wrap {
    flex:1;
}

.single-product div.product .woocommerce-product-gallery {
    flex:0.6;
}

.flex-control-nav li img{ 
    border: 3px solid var(--grey);
    /*padding: 0.5em;*/
}

.flex-control-nav li+li{
    margin-top: 0; 
}

.woocommerce-product-gallery__image { 
    display: flex !important;
    justify-content: center;
}

.pswp__bg {
    opacity: 0.75 !important
}

.flex-control-thumbs { 
    display: flex;
    justify-content: center;
    gap:var(--space-sm);
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs::before, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs::after {
    display:none;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    margin:0;
    float:none;
    width:auto;
    max-width:15%;
}

.os-after-gallery-content {
    margin-top:var(--space-md);
}

.af-icons-section {
    border-bottom:1px solid var(--brand-primary);
    margin-bottom:var(--space-sm);
    padding-bottom:var(--space-sm);
}

.af-icons-section h3 {
    position:relative;
    text-align:center;
    font-size:1.375em;
    color:var(--brand-primary);
}

/* .af-icons-section h3::before {
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:1px;
    background:var(--brand-primary);
    content:'';
    z-index:-1;
} */

.af-icons-section h3 span {
    display:inline-block;
    max-width:410px;
    margin:0 auto;
    background:#fff;
    padding:0 var(--space-xs);
}

.af-icons {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:var(--space-sm);
}

.af-icons li {
    padding:0;
}

.af-icons li::before {
    display:none;
}

.mobile-title,
.product-title-mobile,
.product-subtitle-mobile { 
    display: none;
}

.product-title-desktop {
    margin:0 0 1rem;
    font-size:2em;
}

.product-subtitle,
.product-subtitle-small,
.product-subtitle-desktop,
.product-subtitle-mobile {
    position:relative;
    margin-bottom:1.5rem;
    color:var(--brand-primary);
}

.product-subtitle-small {
	color:#454545;
	font-weight:700;
}

.product-subtitle::after,
.product-subtitle-small::after,
.product-subtitle-desktop::after,
.product-subtitle-mobile::after {
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:1px;
    background:var(--brand-primary);
    content:'';
    z-index:-1;
}

.product-subtitle-small::after {
	background:#454545;
}

.product-subtitle span,
.product-subtitle-small span,
.product-subtitle-desktop span,
.product-subtitle-mobile span {
    display:inline-block;
    background:#fff;
    padding-right:0.5em;
}

.search-title {
	font-size:0.75rem;
    color:#ddd;
    margin-top:0.5rem;
}

.text-center .product-subtitle-desktop span {
    padding-left:0.5em;
}

.product-description {
    flex:1;
}

.product-description h5 {
    color:var(--brand-primary);
}

.product-description .button-small {
    background:var(--brand-primary);
}

.solution-icons {
    display:flex;
    flex-wrap:wrap;
    gap:var(--space-sm);
}

.solution-icons:not(:first-child) {
    margin-top:1.5em;
}

.solution-icon {}

.solution-icon img {
    max-width:75px;
}

.solution-description {
    flex:1;
}

.product-price { 
    flex:0.6;
}

.product-downloads { 
    margin: 2em 0;
    border: 1px solid var(--grey);
    border-radius: 12px;
}

.single-product div.product form.cart{ 
    padding: 0;
    margin-bottom: 1em;
    display: flex;
    align-items: center;
}

.single-product div.product form.variations_form {
    align-items:start;
    flex-direction:column;
}

.variations_form label {
    font-weight:700;
}

.variations_form select {
    padding:10px;
}

.product-downloads h5 { 
    border-radius: 12px 12px 0 0;
    margin:0;
    padding:0.5rem 1rem;
}

.product-downloads ul li { 
    margin: 0;
    padding:0;
}

.product-downloads ul li::before { 
    content: none;
}

.product-downloads ul li:last-of-type { 
    border-radius: 0 0 12px 12px;
    border: none !important;
}

.product-downloads ul li a { 
    padding: 0.5rem 1rem;
}

.product_meta .sku_wrapper {
    display:none !important;
}

.woocommerce-tabs ul.tabs, .woocommerce-tabs .panel { 
    float: unset;
    width: unset;
    margin: 0;
}

.woocommerce-tabs { 
    display: flex;
    width:100%;
    padding:0;
}

.woocommerce-tabs ul.tabs { 
    flex-basis: 300px;
    border: 1px solid var(--grey);
    border-right: none;
    border-radius: 12px 0 0 12px;
    align-self:start;
    overflow:hidden;
}

.woocommerce-Tabs-panel { 
    flex:1;
    padding: 2em;
    border: 1px solid var(--grey);
    border-radius: 0 12px 12px 0;
    /*min-height: 35vh;*/
}

.woocommerce-tabs ul.tabs li, .product-downloads ul li{ 
    border-bottom: 1px solid var(--grey);
    background-color: var(--light-grey);
    overflow: hidden;
}

.woocommerce-tabs ul.tabs li {
    padding:0 var(--space-sm);
}

.woocommerce-tabs ul.tabs li:hover, .product-downloads ul li:hover{ 
    background-color: var(--dark-grey);
    border-bottom: 1px solid var(--dark-grey);
}

.woocommerce-tabs ul.tabs li:hover a, .woocommerce-tabs ul.tabs li.active a, .product-downloads ul li:hover a, .product-downloads h5{ 
    color: white;
}

.woocommerce-tabs ul.tabs li.active, .product-downloads h5{ 
    background-color: var(--brand-primary);
    border-bottom: 1px solid var(--brand-primary);
}

.woocommerce-tabs ul.tabs li.active::after {
    color: white;
}

.woocommerce-tabs ul.tabs li::before{ 
    content: none;
}

.woocommerce-tabs ul.tabs li:last-of-type { 
    border: none;
}

.woocommerce-tabs ul.tabs li a, .product-downloads ul li a{ 
  font-weight: 600;
  color: var(--dark-grey);
  display: block;
}

.tab-grid { 
    display: grid;
    gap: var(--space-sm);
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

.card__tab { 
    display: flex;
    flex-wrap:wrap;
    align-items:flex-start;
    /*justify-content: center;*/
    flex-direction: column;
    gap: var(--space-sm);
    padding: 1em;
    border: 1px solid var(--light-grey);
    border-radius: 10px;
}

.card__tab-image {
    width:100%;
}

.card__tab-image img {
    width:auto;
    height: 120px;
    object-fit: contain;
    margin:0 auto;
}

.card__tab-body { 
    /*flex: 1;
    display: flex;
    flex-wrap:wrap;*/
    width:100%;
    /*flex-direction: column;*/
}

.card__tab-body > * {
    width:100%;
}

.card__tab-body h3 {
    margin:0;
    font-size:1.5em;
    text-align:center;
}

.card__tab-body .subtitle { 
    font-weight: 600;
    color: var(--dark-grey);
    margin:0;
}

.card__tab-body p {
    margin:1em 0 0;
}

.card__tab .button {
    display:flex;
    width:100%;
    margin-top:auto;
    justify-content:center;
}

.woocommerce-Tabs-panel--videos p {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.woocommerce-Tabs-panel--videos p br {
    display:none;
}

.woocommerce-Tabs-panel--videos p iframe {
    height:420px;
}

.yotu-playlist,
.yotu-videos {
	padding:0 !important;
}

.yotu-column-4 li + li {
	margin-top:0;
}

.yotu-column-4 li::before {
	display:none;
}

.ai-table {}

.ai-table th,
.ai-table td {
    padding:0.5em;
}

.ai-table th {
    color:var(--brand-primary);
    border-bottom:1px solid #333;
    background:none !important;
}

.ai-table td {
    border-bottom:1px solid #e3e3e3;
    background:none !important;
}

.ai-table tr td:not(:first-child) {
	width:45px;
}

.ai-table i {
	position:relative;
}

.ai-table i.fa-circle-info {
	cursor:pointer;
}

.ai-table i.fa-circle-info::after {
    display:none;
	position:absolute;
    top:50%;
    right:0;
    transform:translate(-20px,-50%);
    border:1px solid var(--brand-primary);
    background:#fff;
    color:var(--brand-primary);
    padding:0 0.5rem;
    border-radius:4px;
    width:max-content;
    height:25px;
    font-family:'Raleway', sans-serif;
    font-size:0.75rem;
    text-align:center;
    line-height:25px;
    text-transform:none;
    content:attr(data-title);
}

.ai-table i.fa-circle-info:hover::after {
	display:block;
}

.wt-related-products {
    width:100%;
}

.related.products {
    width:100%;
    margin-bottom:var(--space-sm);
}

.related.products li {
    display:flex;
    flex-wrap:wrap !important;
    flex-direction:column !important;
    float:none !important;
}

.wt-related-products ul li:nth-child(4),
.wt-related-products ul li:nth-child(5) {
    display:none !important;
}

body .vc_images_carousel .vc_carousel-control {
    width:50px;
    height:50px;
    margin-top:-25px;
}

body .vc_images_carousel .vc_carousel-control .icon-next, body .vc_images_carousel .vc_carousel-control .icon-prev {
	width:50px;
    height:50px;
    margin-top:-25px;
    margin-left:-25px;
    background:var(--brand-primary);
    color:#fff;
}

body .vc_images_carousel .vc_carousel-control .icon-prev:before,
body .vc_images_carousel .vc_carousel-control .icon-next:before {
	top:0;
}

.vc_carousel-slideline img {
	margin:0 auto;
    padding:0 50px;
}

.width-0 {
	display:inline-block;
	width:100px;
}

.width-1 {
	display:inline-block;
	width:160px;
}

.width-2 {
	display:inline-block;
	width:170px;
}

.width-3 {
	display:inline-block;
	width:180px;
}

.width-4 {
	display:inline-block;
	width:190px;
}

.width-5 {
	display:inline-block;
	width:200px;
}





/* Cart/Checkout */
abbr[title] {
	text-decoration:none !important;
}

.woocommerce-order-details__title,
.woocommerce-table.shop_table.order_details,
.woocommerce-order-received .woocommerce-customer-details,
.woocommerce-view-order .woocommerce-customer-details {
	display:none;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before {
	font-family:'Font Awesome 6 Pro';
	content:'\e1da';
}









/* Footer */

 .footer-wrapper > .container {
    display: flex;
    justify-content: space-between;
    gap: var(--space-lg);
 }

 .footer-wrapper h6 { 
    color: white;
    border-bottom: 1px solid var(--brand-primary);
 } 

 .footer-wrapper a { 
    color: white;
    text-decoration: none;
 }

 .footer__col { 
   flex: auto;
 }

.footer__col div { 
    margin-bottom: var(--space-sm);
}

 .footer__branding  { 
    max-width: 400px;
 }

 .footer__branding .custom-logo { 
    max-width: 250px;
 }

 .footer__branding i { 
  font-size: 1.25em;  
 }
 
 .footer__col.col__5 { 
    flex: 0 1 auto;
 }

 .footer__col.col__5 p { 
    position: relative; 
    margin-bottom: 0;
    margin-left: 1.5em;
} 

.footer__col.col__5 p:nth-child(even) { 
    margin-bottom: var(--space-sm);
} 

.icon__location::before  {
    content: "\f3c5";
    position: absolute;
}

.icon__phone::before { 
    content: "\f095";
    position: absolute;
}

.icon__mail::before { 
    content: "\f0e0";
    position: absolute;
}

.icon__location::before, .icon__mail::before, .icon__phone::before { 
    font-family: "Font Awesome 6 Pro";
    font-size: 1em;
    font-weight: 700;
    left: -24px;
    color: var(--brand-primary);
}

.anniversary-logo {
	max-height:100px;
	max-width:100px;
	width:auto;
}

.copyright {
    padding-top: var(--space-sm);
    padding-bottom: var(--space-lg);
    background-color: black;
    font-size: 0.875em;
}

.copyright .container { 
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.copyright p { 
    margin: 0;
}

.copyright a { 
    color: var(--brand-primary);
}

.copyright hr { 
    margin: 0;
    height: 1em;
    width: 1px;
}









/* BLOG */

.archive-header .page-title {
	margin:0;
}

.archive-article {
	margin-top:4rem;
    padding-top:4rem;
    border-top:1px solid #f1f1f1;
    gap:2rem;
}

.archive-article:first-of-type {
	margin-top:1rem;
}

.archive-image {
	flex:1;
    position:relative;
    overflow:hidden;
}

.archive-image img {
	position:absolute;
    object-fit:cover;
    height:100%;
}

.archive-content {
	flex:2;
}

.archive-content h2 a {
	font-weight:700;
    color:var(--black);
}

.archive-image:hover + .archive-content h2 a,
.archive-content h2 a:hover {
	text-decoration:underline;
}

.posted-on, .post-author {
    display:none;
}

.cs-quote {
	position:relative;
	color:var(--brand-primary);
    font-size:1.25em;
    font-style:italic;
    border:2px solid var(--brand-primary);
    padding:2rem;
    border-radius:4px;
}

.cs-quote::before,
.cs-quote::after {
	position:absolute;
    font-family:'Font Awesome 6 Pro';
    font-weight:900;
    font-style:normal;
}

.cs-quote::before {
	top:0;
    left:0.375em;
    content:'\f10d';
}

.cs-quote::after {
	bottom:0;
    right:0.375em;
    content:'\f10e';
}

/* .site-main .post .vc_row {
	margin-left:0;
	margin-right:0;
} */

.box-highlight {
	background:#dbedf4;
	padding:1.5rem;
}










/* NON PAYMENT */
.archive-price .woocommerce-loop-product__link,
.product-price h4,
.product-price .stock,
.cart .product-price,
.product-subtotal,
.product-total,
.cart_totals h2,
.cart_totals .shop_table,
.woocommerce-Price-amount,
.cart-subtotal,
.order-total,
.wc_payment_methods,
.woocommerce-order-overview__total,
.woocommerce-order-overview__payment-method,
.woocommerce-order p:last-of-type,
.woocommerce-order li::before,
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot {
    display:none !important;
}

li.product .archive-price a.button {
    width:100%;
}

.wc-proceed-to-checkout {
    text-align:right;
}

table.woocommerce-checkout-review-order-table .product-name {
    width:100%;
}

























@media screen and (max-width:1400px) {
	.footer-wrapper > .container {
    	flex-wrap:wrap;
    }
    
	.footer__col {
    	flex-basis:30%;
    }
}

@media screen and (max-width:1350px) {
	.sectors__grid {
    	grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
    }
}

@media screen and (min-width:1210px) {
	.header-search-button-2 {
		display:none;
	}
}

@media screen and (max-width:1210px) {
	.os-menu-toggle {
    	display:block;
        background:none;
        border:0;
        height:44px;
        width:44px;
        line-height:44px;
        padding:0;
        text-align:center;
        font-size:2rem;
        color:#fff;
    }
    
	.main-navs {
    	display:none;
    }
    
    .mobile-nav {
        display:none;
    	position:fixed;
        top:0;
        right:0;
        bottom:0;
        left:0;
        background:var(--brand-primary);
        font-size:1.25rem;
    }
    
    .mobile-nav.active {
    	display:block;
    }
    
    .mobile-nav ul {
    	flex-direction:column;
        height:100%;
        padding:var(--space-sm);
        padding-right:60px;
        gap:6px;
        align-items:flex-start;
    }
    
    .mobile-nav li {
    	margin:0;
    }
    
    .mobile-nav li i {
    	margin-right:0.25rem;
    }
    
    .mobile-close {
        position:absolute;
        top:22px;
        right:22px;
    	background:none;
        border:0;
        height:44px;
        width:44px;
        line-height:44px;
        padding:0;
        text-align:center;
        font-size:2rem;
        color:#fff;
    }
    
    .archive-article {
    	flex-direction:column;
    }
    
    .archive-image {
        flex:unset;
    	height:400px;
    }
    
    ul.products.columns-3 {
    	grid-template-columns: repeat(2, 1fr);
    }
    
    .summary .flex {
    	flex-direction:column;
        gap:1.5rem;
    }
    
    .mega-menu {
    	display:none;
    }
}

@media screen and (min-width:1210px) {
	.os-menu-toggle {
    	display:none;
    }
    
	.main-navs {
    	display:flex;
    }
    
    .mobile-nav {
    	display:none;
    }
}

@media screen and (max-width:1100px) {
	.cta .container {
    	flex-direction:column;
        align-items:flex-start;
    }
    
    .button + .button {
    	margin-top:1rem;
    }
	
	.hero__content .button {
		margin-top:0;
	}
}

@media screen and (max-width:1000px) {    
	.footer__branding {
        max-width:unset;
    }
    
    .col-count-2 {
    	column-count:1;
        column-gap:1.5rem;
    }
    
    .control-number {
    	text-align:left;
    }
    
    .counterbox-container {
        justify-content:flex-start;
    }
    
    .lp-list-2-col > .wpb_column > .vc_column-inner > .wpb_wrapper {
    	flex-direction:column;
    }
    
    .lp-header > .wpb_column > .vc_column-inner > .wpb_wrapper {
    	flex-direction:column !important;
        align-items:flex-start;
    }
    
    .lp-header-image img {
    	margin:0;
    }
    
    .lp-header-info {
    	max-width:unset;
    }
    
    .os-page-title .container {
    	text-align:left;
        justify-content:flex-start;
    }
}

@media screen and (max-width:900px) {
	.hero {
        flex-wrap:wrap;
        flex-direction:column-reverse;
    }
    
	.hero__content {
    	max-width:unset;
        padding:var(--space-sm);
    }
    
    .hero__image {
    	flex:none;
        height:300px;
        width:100%;
    }
    
    .sectors > .flex {
    	flex-direction:column;
    }
    
    .sectors > .flex > div {
    	width:100%;
    }
    
    .support > .container {
    	flex-direction:column;
    }
    
    .support__img {
    	align-self:flex-start;
    }
    
    .support__info {
        margin-top:1.5rem;
        margin-bottom:1.5rem;
    }
    
    .support__info .flex {
    }
    
    .support__info .flex .button {
    	margin:0;
    }
    
    .single-product div.product {
        flex-direction:column;
    }
    
    .woocommerce-tabs {
    	flex-direction:column;
    }

    .tab-grid {
        width:100%;
    }
    
    /* .os-faqs {
    	flex-direction:row;
    } */
    
    .flex-1-2 {
    	flex-basis:100%;
    }
    
    .woocommerce-Tabs-panel--videos p {
    	grid-template-columns: repeat(1, 1fr);
    }
    
    .woocommerce-tabs ul.tabs {
        display:flex;
        flex-wrap:wrap;
    	flex-basis:100%;
        font-size:0.75rem;
        border:0;
        border-radius:12px 12px 0 0;
        justify-content:space-between;
        background:var(--light-grey);
    }
    
    .woocommerce-tabs ul.tabs li {
    	padding:0 0.5rem;
        flex:auto;
        text-align:center;
    }
    
    .woocommerce-tabs ul.tabs li::after {
        display:none;
    }
    
    .woocommerce-Tabs-panel {
    	border-radius:0 0 12px 12px;
    }
    
    ul.products.columns-2 {
        grid-template-columns:1fr;
    }
    
    .lp-header-info .button + .button {
    	margin-left:0;
    }
    
    .gtco-testimonials .card {
    	margin:0;
    }
}

@media  screen and (max-width: 768px) {

    .mobile-title,
    .product-title-mobile,
    .product-subtitle-mobile { 
        display: block;
        width:100%;
        margin:0;
    }

    /*.product-title-desktop,
    .product-subtitle-desktop { 
        display: none;
    }*/
    
    .text-box-bg-blue {
    	margin-bottom:0 !important;
    }
    
    .woocommerce-MyAccount-content {
    	margin-top:1.5rem;
    }
	
	.archive .site-content {
		display:flex;
		flex-wrap:wrap;
	}
	
	#primary {
		order:2;
	}
	
	#secondary {
		display:none;
	}
	
	#tertiary {
		order:1;
		width:100%;
		display:flex;
		justify-content:center;
		gap:var(--space-xs);
		padding:var(--space-md) 0;
		overflow-x:scroll
	}
	
	#tertiary .widget,
	#tertiary form {
		margin:0;
	}
	
	#tertiary h2 {
		display:none;
	}
	
	#tertiary option,
	.select2-results__option {
		font-size:0.75rem !important;
	}
	
	.grid-ventgrid > .wpb_column > .vc_column-inner > .wpb_wrapper > * {
		grid-column: span 6 !important;
	}
	
	.afx3-new-features {
		grid-template-areas:unset;
	}
	
	.afx3-new {
		grid-area:unset !important;
	}
}

@media  screen and (min-width: 768px) {
	#tertiary {
		display:none;
	}
}

@media screen and (max-width:650px) {
	.top-bar .container,
    .copyright .container {
    	flex-direction:column;
    }
    
	.sectors__grid {
    	grid-template-columns: 1fr;
    }
    
    .vc_row.container,
    .vc_column_container>.vc_column-inner {
    	padding-left:0;
        padding-right:0;
    }
    
    .mob-no-pad {
    	padding:0;
    }
    
    .vc_row {
    	margin-left:0;
        margin-right:0;
    }
    
    .container .container {
    	padding-left:0;
        padding-right:0;
    }
    
    .archive-image {
    	height:200px;
    }
    
    .user-manuals ul li {
        flex-basis:100%;
    }
    
    table.responsive-table.table-blue {
    	border:0;
    }
    
    ul.products.columns-3 {
    	grid-template-columns: repeat(1, 1fr);
    }
    
    .tab-grid {
    	grid-template-columns:1fr;
    }
    
    .os-modal {
    	flex-direction:column-reverse;
        margin:1.5rem;
    }
    
    /* .modal-img {
    	flex:auto;
        height:200px;
        background-position:top center;
    } */
    
    .cta a.button {
    	padding:1rem;
        font-size:1rem;
    }
    
    .os-modal .gform_wrapper.gravity-theme input[type=color], .os-modal .gform_wrapper.gravity-theme input[type=date], .os-modal .gform_wrapper.gravity-theme input[type=datetime-local], .os-modal .gform_wrapper.gravity-theme input[type=datetime], .os-modal .gform_wrapper.gravity-theme input[type=email], .os-modal .gform_wrapper.gravity-theme input[type=month], .os-modal .gform_wrapper.gravity-theme input[type=number], .os-modal .gform_wrapper.gravity-theme input[type=password], .os-modal .gform_wrapper.gravity-theme input[type=search], .os-modal .gform_wrapper.gravity-theme input[type=tel], .os-modal .gform_wrapper.gravity-theme input[type=text], .os-modal .gform_wrapper.gravity-theme input[type=time], .os-modal .gform_wrapper.gravity-theme input[type=url], .os-modal .gform_wrapper.gravity-theme input[type=week], .os-modal .gform_wrapper.gravity-theme select, .os-modal .gform_wrapper.gravity-theme textarea {
    	padding:0.375rem;
    }
    
    .gform_wrapper.gravity-theme .gform_fields {
    	grid-row-gap:6px !important;
    }
    
    .lp-list-2-col ul {
    	flex-direction:column;
    }
    
    .solutions-option-container {
    	padding-left:var(--space-sm);
        padding-right:var(--space-sm);
    }
    
    .solutions-option {
    	flex-direction:column !important;
        align-items:flex-start;
    }
    
    .support__info .flex {
    	gap:var(--space-xs);
    }
    
    .wc-proceed-to-checkout .button.checkout-button {
    	font-size:1rem;
        padding:0.5rem;
    }
}

@media screen and (max-width:550px) {
    .top-bar .container {
    	padding-left:var(--space-xs);
        padding-right:var(--space-xs);
    }
    
    .top-contact {
    	gap:var(--space-xs);
    }
    
    .top-training {
    	display:none;
    }
    
    .hero__image {
    	height:200px;
    }
    
    .control__grid {
    	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
    
    .control__card {
    	font-size:1rem;
        background:#fff;
		padding:0.5rem 1rem;
    }
	
	.control__card img {
		height:64px;
	}
    
    .gtco-testimonials .card p {
        font-size:1rem;
    }
    
	.footer__col {
    	flex-basis:100%;
    }
    
    .copyright .container {
    	justify-content:flex-start;
        align-items:flex-start;
    }
    
    .modal-container {
    	overflow-y:scroll;
    }
    
    .modal-info h4 {
    	font-size:1.125rem;
    }
    
    .os-modal .gform_wrapper.gravity-theme .gform_validation_errors,
    .os-modal .gform_wrapper.gravity-theme .gfield_description {
    	padding:0.5rem;
    }
	
	.copyright .container {
		font-size:0.75rem;
	}
	
	.copyright .container .flex hr {
		display:none;
	}
	
	.width-0,
	.width-1,
	.width-2,
	.width-3,
	.width-4,
	.width-5 {
		display:block;
	}
}

@media screen and (max-width:400px) {
	.top-rac i {
    	display:none;
    }
    
    .site-main ul.products.columns-2 li.product,
    .woocommerce-Tabs-panel {
        padding:1rem;
    }
    
    .os-product-sku {
    	font-size:1.125rem;
    }
	
	#tertiary {
		justify-content:flex-start;
	}
}