@charset "UTF-8";
/*!
Theme Name: Arco
Theme URI: http://underscores.me/
Author: Tom Jenkins
Author URI: http://underscores.me/
Description: Arco
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Arco
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

jigonline is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import url("https://fonts.cdnfonts.com/css/helvetica-neue-5");
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 26px;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
  position: relative;
}
.main-navigation ul#primary-menu {
  list-style: none;
  margin: 0;
  padding-left: 0;
  display: inline-flex;
  justify-content: center;
  width: 100%;
  position: relative;
}
.main-navigation ul#primary-menu ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
  width: 100%;
  margin: 0;
  padding: 0;
}
.main-navigation ul#primary-menu ul.show-submenu {
  left: 0;
}
.main-navigation li {
  display: inline-flex;
  justify-content: center;
}
.main-navigation li .menu-item-wrap {
  display: inline-flex;
  width: 100%;
  justify-content: center;
}
.main-navigation li .menu-item-wrap a {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  text-decoration: none;
  padding: 0.9375rem 2.5rem;
  font-weight: bold;
  color: #393A42;
  transition: all ease-out 0.3s;
}
.main-navigation li .menu-item-wrap a:hover {
  background: #e6312e;
  color: #fff;
}
.main-navigation li.active .menu-item-wrap a {
  background: #e6312e;
  color: #fff;
}

/* top nav 
------------------------------------------ */
.top-nav {
  width: 100%;
  display: inline-flex;
  justify-content: flex-end;
}
.top-nav ul {
  margin: 0;
  display: inline-flex;
  width: auto;
  padding: 0;
}
.top-nav ul li {
  list-style: none;
  display: inline-flex;
  align-items: center;
  margin: 0;
  position: relative;
}
.top-nav ul li a,
.top-nav ul li button {
  font-size: 1rem;
  text-decoration: none;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
  justify-content: center;
  padding: 5px 3.75rem;
  height: 100%;
  background: none;
  border: 0;
  border-radius: 0;
  line-height: initial;
  color: #393A42;
  transition: all ease-out 0.3s;
}
@media screen and (min-width: 320px) {
  .top-nav ul li a,
  .top-nav ul li button {
    font-size: calc(1rem + (1.2rem - 1rem) * (90vw - 320px) / (1440px - 320px));
  }
}
@media screen and (min-width: 1440px) {
  .top-nav ul li a,
  .top-nav ul li button {
    font-size: 1.2rem;
  }
}
.top-nav ul li a div,
.top-nav ul li button div {
  width: 100%;
  text-align: center;
}
.top-nav ul li a span,
.top-nav ul li button span {
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 10px;
  margin-left: 20px;
  width: 15px;
  height: 15px;
  color: #393A42;
  justify-content: center;
  display: inline-flex;
  align-items: center;
  transition: all ease-out 0.3s;
}
.top-nav ul li a:focus,
.top-nav ul li button:focus {
  border: 0;
  outline: none;
}
.top-nav ul li a:hover,
.top-nav ul li button:hover {
  cursor: pointer;
  background: #e6312e;
  color: #fff;
}
.top-nav ul li a:hover img, .top-nav ul li a:hover svg,
.top-nav ul li button:hover img,
.top-nav ul li button:hover svg {
  fill: #fff;
}
.top-nav ul li a:hover span,
.top-nav ul li button:hover span {
  color: #fff;
}
.top-nav ul li a::after,
.top-nav ul li button::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0px;
  background: #e6312e;
  bottom: 0;
  left: 0;
  transition: all ease-out 0.2s;
}
.top-nav ul li a img,
.top-nav ul li a svg,
.top-nav ul li button img,
.top-nav ul li button svg {
  fill: #00050f;
  width: 26px;
  margin: 0 0 5px 0;
  transition: all ease-out 0.1s;
}

/* top nav login */
.top-nav ul li.login {
  justify-content: center;
}
.top-nav ul li.login .login-block {
  position: absolute;
  z-index: -1;
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  min-width: 300px;
  top: -400px;
  opacity: 0;
  padding: 1.875rem;
  transition: all ease-out 0.3s;
  background: #00050f;
}
.top-nav ul li.login .login-block.open {
  z-index: 200;
  top: calc(100% + 5px);
  opacity: 1;
}
.top-nav ul li.login .login-block p {
  color: #fff;
}
.top-nav ul li.login .login-block ul {
  width: 100%;
  flex-wrap: wrap;
}
.top-nav ul li.login .login-block ul li {
  display: inline-flex;
  width: 100%;
  margin: 0 0 0.9375rem 0;
}
.top-nav ul li.login .login-block ul li:last-child {
  margin: 0;
}
.top-nav ul li.login .login-block ul li a {
  padding: 8px 0.9375rem;
  width: 100%;
  font-weight: bold;
  border: 0;
  color: #fff;
}
.top-nav ul li.login .login-block ul li a:hover {
  color: #fff;
  background: none;
}
.top-nav ul li.login .login-block ul li a:hover img {
  opacity: 1;
  right: 0;
}
.top-nav ul li.login .login-block ul li a::after {
  display: none;
}
.top-nav ul li.login .login-block ul li a img {
  position: absolute;
  max-width: 20px;
  right: 10px;
  transition: all ease-out 0.3s;
}
.top-nav ul li.login .login-block ul li.logout {
  background: #00081C;
}

/* mnega menu */
.mega {
  display: flex;
  width: 100%;
  justify-content: center;
  overflow: hidden;
  border-top: 1px solid #b2b4b6;
}
.mega .megaInner {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  min-height: 50vh;
  position: relative;
  background: #f2f2f2;
}
.mega .megaInner .mega-block {
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  padding: 3.75rem;
}
.mega .megaInner .mega-block:first-child {
  width: 75%;
  background: #fff;
}
.mega .megaInner .mega-block:nth-child(2) {
  width: 25%;
  min-width: 400px;
}
.mega .megaInner .mega-block .block-buttons {
  display: inline-flex;
  width: 100%;
}
.mega .megaInner .mega-block .block-buttons a {
  text-decoration: none;
  margin: 0 0.9375rem 0 0;
}
.mega .megaInner .mega-block .mega-content p {
  font-size: 18px;
  margin: 5px 0 0 0;
}
.mega .megaInner .mega-block .mega-content p.extract {
  width: 100%;
  margin: 1.875rem 0;
  color: #393A42;
}
.mega .megaInner .mega-block .mega-content .mega-page-list {
  display: inline-flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 0.9375rem;
  border-top: 1px solid #d2d3d3;
  padding-top: 0.9375rem;
}
.mega .megaInner .mega-block .mega-content .mega-page-list ol {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  margin: 0;
}
.mega .megaInner .mega-block .mega-content .mega-page-list ol li {
  width: 25%;
  margin: 0 0 0.9375rem 0;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  padding-right: 10px;
}
.mega .megaInner .mega-block .mega-content .mega-page-list ol li a {
  color: #e6312e;
  font-weight: bold;
  margin: 0;
  font-size: 16px;
  position: relative;
  text-decoration: none;
}
.mega .megaInner .mega-block .mega-content .mega-page-list ol li a::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 0;
  left: 0;
  bottom: 0;
  transition: all ease-out 0.3s;
  background: #e6312e;
}
.mega .megaInner .mega-block .mega-content .mega-page-list ol li a:hover::after {
  width: 100%;
}
.mega .megaInner .mega-block .mega-content .mega-page-list ol li ol {
  width: 100%;
}
.mega .megaInner .mega-block .mega-content .mega-page-list ol li ol li {
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.mega .megaInner .mega-block .mega-content .mega-page-list ol li ol li a {
  text-decoration: none;
  font-weight: normal;
  padding: 0;
  font-size: 14px;
  color: #393A42;
}
.mega .megaInner .mega-block .mega-content .mega-page-list ol li ol li a::after {
  background: #00050f;
}
.mega .megaInner .mega-block .mega-side {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 80px;
}
.mega .megaInner .mega-block .mega-side p {
  width: 100%;
}
.mega .megaInner .mega-block .mega-side ol {
  margin: 0;
  padding: 0;
  display: inline-flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.mega .megaInner .mega-block .mega-side ol li {
  display: inline-flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.mega .megaInner .mega-block .mega-side ol li a {
  color: #393A42;
  font-weight: bold;
  margin: 0 0 5px 0;
  padding: 0 0 0 0.9375rem;
  font-size: 18px;
  position: relative;
  text-decoration: none;
}
.mega .megaInner .mega-block .mega-side ol li a::before {
  content: "\f105";
  position: absolute;
  font-size: bold;
  font-family: fontawesome;
  left: 0;
  font-size: 12px;
}
.mega .megaInner .mega-block .mega-side ol li a::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 0;
  left: 0;
  bottom: 0;
  transition: all ease-out 0.3s;
  background: #00050f;
}
.mega .megaInner .mega-block .mega-side ol li a:hover::after {
  width: 100%;
}
.mega .mega-close {
  max-width: 20px;
  position: absolute;
  bottom: 0.9375rem;
  right: 0.9375rem;
  z-index: 200;
}
.mega .mega-close:hover {
  cursor: pointer;
}

.third-menu {
  display: inline-flex;
  flex-flow: column wrap;
  height: auto;
  width: 100%;
  margin: 0px;
  left: 0px;
  position: relative;
  background: none;
  justify-content: center;
}
.third-menu a {
  padding: 8px 2.8125rem 8px 0.9375rem;
  transition: all ease-out 0.3s;
}
.third-menu a:hover {
  background: #001446;
  box-shadow: 0px 2px 10px rgba(43, 114, 255, 0.8);
}
.third-menu a::after {
  display: none;
}
.third-menu a img {
  position: absolute;
  max-width: 20px;
  right: 0;
  transition: all ease-out 0.3s;
  opacity: 0;
}
.third-menu a:hover img {
  opacity: 1;
  right: 0.9375rem;
}

.mega .megaInner .mega-block:first-child ul li a {
  padding: 8px 2.8125rem 8px 0.9375rem;
  transition: all ease-out 0.3s;
}

.mega .megaInner .mega-block:first-child::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #D5E3FF;
  opacity: 0.5;
}

/* mobile burger widget */
#nav-toggle {
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0.9375rem;
  top: 0;
  height: 40px;
  padding: 12px 4px 0 4px;
  width: 30px;
  transition: all ease-out 0.4s;
  background: none;
  border: 0;
  z-index: 100;
  display: none;
}
#nav-toggle:focus {
  outline: none;
}
#nav-toggle:hover span::before {
  top: -12px;
}
#nav-toggle:hover span::after {
  bottom: -12px;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span::before {
  top: 0;
  transform: rotate(45deg);
  background: #e6312e;
}
#nav-toggle.active span::after {
  bottom: 0;
  transform: rotate(-45deg);
  background: #e6312e;
}
#nav-toggle span,
#nav-toggle span::before,
#nav-toggle span::after {
  cursor: pointer;
  height: 2px;
  width: 30px;
  background: #00050f;
  position: absolute;
  display: block;
  content: "";
  transition: all 0.4s ease-in-out;
}
#nav-toggle span::before {
  top: -8px;
}
#nav-toggle span::after {
  bottom: -8px;
}

.left-small:hover #nav-toggle.active span::before, .left-small:hover #nav-toggle.active span::after {
  top: 0;
}

.mob-menu-expand {
  display: none;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.blog-nav {
  width: 100%;
  margin: 1.875rem 0;
}
.blog-nav .blognav-inner {
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.blog-nav .blognav-inner .cta-button.prev:hover svg {
  left: 0.9375rem;
}
.blog-nav .blognav-inner .cta-button.prev svg {
  right: initial;
  left: 0;
}

a.more_results {
  color: #393a42;
  text-decoration: underline;
}
a.more_results:hover {
  color: #e6312e;
}

#homeSlide {
  display: inline-block;
  width: 100%;
  height: 100vh;
  min-height: 300px;
  max-width: 1440px;
  max-height: 700px;
  position: relative;
  align-items: flex-start;
  display: inline-flex;
  flex-wrap: wrap;
  overflow: hidden;
  margin: 1.875rem 0;
  opacity: 0;
  animation: fadeInAnimation 1s ease-in forwards;
  animation-delay: 0.3s;
}
#homeSlide .no-video-content,
#homeSlide .no-slideshow-content {
  background-image: url("/app/themes/arco/assets/images/separator_dots.png");
  height: 45px;
  width: 100%;
  display: inline-flex;
}
#homeSlide.empty {
  height: auto;
}
#homeSlide .carousel {
  width: 100%;
}
#homeSlide .homeslide-inner {
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
#homeSlide .homeslide-inner .carousel {
  width: 100%;
  height: 100%;
  display: inline-block;
  margin: 0;
}
#homeSlide .homeslide-inner .carousel .slideBlock {
  height: 100%;
}
#homeSlide .slick-list,
#homeSlide .slick-track {
  width: 100%;
  display: inline-block;
  height: 100%;
}
#homeSlide .slick-list .slideBlock,
#homeSlide .slick-track .slideBlock {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  max-height: 750px;
  position: relative;
  overflow: hidden;
  padding: 0 3.75rem;
}
#homeSlide .slick-list .slideBlock .white-rectangle,
#homeSlide .slick-track .slideBlock .white-rectangle {
  position: absolute;
  top: 30%;
  left: -30vw;
  width: 150vh;
  height: 150vh;
  background: rgba(255, 255, 255, 0.7);
  z-index: 1;
  transform: translateY(-50%) rotate(45deg);
  transform-origin: center;
}
#homeSlide .slick-list .slideBlock .constrain,
#homeSlide .slick-track .slideBlock .constrain {
  position: relative;
  max-width: 1440px;
  z-index: 2;
}
#homeSlide .slick-list .slideBlock .hero-content,
#homeSlide .slick-track .slideBlock .hero-content {
  display: inline-flex;
  flex-wrap: wrap;
  width: 50%;
  padding: 0;
  position: relative;
  z-index: 100;
  left: 0;
  opacity: 0;
  animation: fadeInAnimation 1s ease-in forwards;
}
#homeSlide .slick-list .slideBlock .hero-content .hero-title,
#homeSlide .slick-track .slideBlock .hero-content .hero-title {
  display: inline-flex;
  font-size: 60px;
  margin: 0 0 0.9375rem 0;
  color: #393A42;
  font-weight: bold;
  line-height: 1em;
  width: 100%;
}
#homeSlide .slick-list .slideBlock .hero-content .hero-desc,
#homeSlide .slick-track .slideBlock .hero-content .hero-desc {
  font-size: 26px;
  margin: 0 0 0.9375rem;
  color: #393A42;
  line-height: 1.2em;
}
#homeSlide .slick-list .slideBlock .hero-content .hero-link,
#homeSlide .slick-track .slideBlock .hero-content .hero-link {
  padding: 0.9375rem 1.875rem;
  background: #e6312e;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  transition: all ease-out 0.3s;
}
#homeSlide .slick-list .slideBlock .hero-content .hero-link:hover,
#homeSlide .slick-track .slideBlock .hero-content .hero-link:hover {
  background: #00050f;
}
#homeSlide .slick-list .slideBlock .slide-shape,
#homeSlide .slick-track .slideBlock .slide-shape {
  position: absolute;
  width: 100%;
  display: inline-flex;
  align-items: center;
  left: -30%;
  top: -85%;
  bottom: -80%;
  transition: all ease-out 1.3s;
}
#homeSlide .slick-list .slideBlock .slide-shape svg,
#homeSlide .slick-track .slideBlock .slide-shape svg {
  width: 100%;
  fill: rgba(255, 255, 255, 0.8);
}

.no-js #homeslide {
  opacity: 1;
}
.no-js #homeslide .hero-content {
  opacity: 1;
}

@keyframes fadeInAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.home-prev, .home-next {
  padding: 10px 0.9375rem;
  background: #00081C;
  transition: all ease-out 0.3s;
  color: #fff;
  left: 0;
  z-index: 150;
  position: absolute;
}
.home-prev:hover, .home-next:hover {
  cursor: pointer;
}

.home-next {
  right: 0;
  left: auto;
  left: initial;
}

#home-statement {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  padding: 0 3.75rem;
}
#home-statement .statement-inner {
  max-width: 1440px;
  width: 100%;
  display: inline-flex;
  padding: 3.75rem 0;
}
#home-statement .statement-inner p {
  font-size: 24px;
  line-height: 1.4em;
}

#equipment #equip-hero {
  display: inline-flex;
  width: 100%;
  min-height: 50vh;
}
#equipment #equip-hero .hero-block {
  display: inline-flex;
  width: 100%;
  height: 100%;
}
#equipment #equip-hero .hero-block a {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 3.75rem;
  width: 100%;
  height: 100%;
  position: relative;
  color: #fff;
  text-decoration: none;
  text-align: center;
}
#equipment #equip-hero .hero-block a .hero-title {
  color: #fff;
  z-index: 20;
  font-size: 40px;
  line-height: 1em;
  font-weight: bold;
  margin: 0 0 1.875rem 0;
  max-width: 75%;
  position: relative;
  padding: 0 1.875rem;
}
#equipment #equip-hero .hero-block a .hero-title svg {
  position: absolute;
  right: -0.9375rem;
  opacity: 0;
  transition: all ease-out 0.5s;
}
#equipment #equip-hero .hero-block a .hero-text {
  color: #fff;
  z-index: 20;
  max-width: 50%;
  margin: 0 0 1.875rem 0;
}
#equipment #equip-hero .hero-block a .hero-icon {
  color: #fff;
  z-index: 20;
  font-size: 70px;
}
#equipment #equip-hero .hero-block a .hero-button {
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
  display: inline-flex;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 0.9375rem 1.875rem;
  z-index: 2;
}
#equipment #equip-hero .hero-block a:hover svg {
  opacity: 1;
  right: 0;
}
#equipment #equip-hero .hero-block.vert {
  width: 100%;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
#equipment #equip-hero .hero-block.vert .hero-title {
  font-size: 30px;
}
#equipment #equip-hero .hero-block.image a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
#equipment .sectionInner .sales {
  display: inline-flex;
  width: 100%;
  margin: 0;
  padding: 0.9375rem 3.75rem;
  list-style: none;
  justify-content: space-between;
}
#equipment .sectionInner .sales li a, #equipment .sectionInner .sales li div {
  padding: 0.9375rem 0 5px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  position: relative;
  color: #393A42;
}
#equipment .sectionInner .sales li a span, #equipment .sectionInner .sales li div span {
  width: 100%;
}
#equipment .sectionInner .sales li a svg, #equipment .sectionInner .sales li div svg {
  font-size: 24px;
  margin: 0 0 0.9375rem 0;
}
#equipment .sectionInner .sales li a::after {
  content: "";
  position: absolute;
  width: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  transition: all ease-out 0.3s;
  background: #00050f;
}
#equipment .sectionInner .sales li a:hover::after {
  width: 100%;
}
#equipment .sectionInner #equip-cat {
  padding: 0 3.75rem;
  margin: 1.875rem 0;
  width: 100%;
}
#equipment .sectionInner #equip-cat h3 {
  font-size: 30px;
}
#equipment .sectionInner #equip-cat ul {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  column-gap: 0.9375rem;
  row-gap: 0.9375rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
#equipment .sectionInner #equip-cat ul li button {
  display: inline-flex;
  width: 100%;
  border: 0;
  justify-content: center;
  align-items: center;
  padding: 0.9375rem;
  font-weight: bold;
  transition: all ease-out 0.3s;
  background: #f2f2f2;
}
#equipment .sectionInner #equip-cat ul li button span {
  position: relative;
  padding: 0 0.9375rem;
  display: inline-flex;
  align-items: center;
}
#equipment .sectionInner #equip-cat ul li button span svg {
  position: absolute;
  opacity: 0;
  right: -0.9375rem;
  transition: all ease-out 0.3s;
}
#equipment .sectionInner #equip-cat ul li button:hover {
  cursor: pointer;
  color: #fff;
  background: #e6312e;
}
#equipment .sectionInner #equip-cat ul li button:hover span svg {
  opacity: 1;
  right: 0;
}
#equipment .sectionInner #equip-col {
  padding: 0 3.75rem;
  margin: 3.75rem 0;
  width: 100%;
}
#equipment .sectionInner #equip-col h3 {
  font-size: 30px;
}
#equipment .sectionInner #equip-col ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 0.9375rem;
  row-gap: 0.9375rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#equipment .sectionInner #equip-col ul li {
  position: relative;
}
#equipment .sectionInner #equip-col ul li button {
  display: inline-flex;
  align-items: center;
  position: relative;
  z-index: 20;
  width: 100%;
  border: 0;
  justify-content: center;
  padding: 0.9375rem;
  font-weight: bold;
  height: 100%;
  aspect-ratio: 1/1;
  transition: all ease-out 0.3s;
  background: none;
  overflow: hidden;
}
#equipment .sectionInner #equip-col ul li button span {
  position: absolute;
  padding: 0 0.9375rem;
  display: inline-flex;
  align-items: center;
  bottom: 0;
  right: 0;
  padding: 0.9375rem;
  background: #f2f2f2;
  width: calc(100% - 50px);
  transition: all ease-out 0.3s;
}
#equipment .sectionInner #equip-col ul li button span::after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: -73px;
  top: 0;
  transition: all ease-out 0.3s;
  border-style: solid;
  border-width: 0 0px 84px 73px;
  border-color: transparent transparent #f2f2f2 transparent;
}
#equipment .sectionInner #equip-col ul li button:hover {
  cursor: pointer;
}
#equipment .sectionInner #equip-col ul li button:hover span {
  color: #fff;
  background: #e6312e;
}
#equipment .sectionInner #equip-col ul li button:hover span::after {
  border-color: transparent transparent #e6312e transparent;
}

#custom-training {
  padding: 0 3.75rem;
}
#custom-training .sectionInner {
  padding: 0;
}

#carousel.course-home {
  padding: 0;
}

#course-finder {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  padding: 3.75rem;
}
#course-finder .sectionInner {
  padding: 0;
}
#course-finder .sectionInner #frmCourseFinder {
  display: inline-flex;
  width: 100%;
  padding: 0;
}
#course-finder .sectionInner #frmCourseFinder .option-container {
  padding: 1.875rem;
  background: #d2d3d3;
  display: inline-flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  width: 100%;
}
#course-finder .sectionInner #frmCourseFinder .option-container label {
  width: 100%;
  margin: 0 0 0.9375rem 0;
  font-size: 20px;
}
#course-finder .sectionInner #frmCourseFinder .option-container .option-inner {
  display: inline-flex;
  align-items: center;
  position: relative;
  background: #fff;
}
#course-finder .sectionInner #frmCourseFinder .option-container .option-inner input, #course-finder .sectionInner #frmCourseFinder .option-container .option-inner select {
  width: 100%;
  min-width: 210px;
  height: 100%;
  max-height: 56px;
  border: 0;
  font-size: 18px;
  padding: 0.9375rem;
}
#course-finder .sectionInner #frmCourseFinder .option-container .option-inner input:focus, #course-finder .sectionInner #frmCourseFinder .option-container .option-inner select:focus {
  outline: 1px solid #fff;
}
#course-finder .sectionInner #frmCourseFinder .option-container .option-inner select {
  width: 100%;
  appearance: none;
  position: relative;
  z-index: 10;
  font-size: 18px;
  background: none;
}
#course-finder .sectionInner #frmCourseFinder .option-container.select {
  width: 100%;
  flex-wrap: nowrap;
}
#course-finder .sectionInner #frmCourseFinder .option-container.select .option-inner::after {
  content: "\f107";
  position: absolute;
  right: 10px;
  z-index: 5;
  font-family: fontawesome;
}
#course-finder .sectionInner #frmCourseFinder .option-container.select div {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0.9375rem 0 0;
}
#course-finder .sectionInner #frmCourseFinder .option-container.keyword {
  width: auto;
  background: #f2f2f2;
}
#course-finder .sectionInner #frmCourseFinder #keywordsearchResults {
  padding: 0;
}

/* training list page */
#searchKeyword {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  padding: 1.875rem 3.75rem;
}
#searchKeyword form {
  padding: 1.875rem;
  background: #f2f2f2;
  width: 100%;
  display: inline-flex;
  justify-content: center;
}
#searchKeyword form .keyword-wrap {
  width: 100%;
  max-width: 1280px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
#searchKeyword form .keyword-wrap a {
  margin: 0 0 0 0.9375rem;
  background: #d2d3d3;
}
#searchKeyword form .keyword-wrap div {
  position: relative;
  display: inline-flex;
  height: 100%;
}
#searchKeyword form .keyword-wrap div #keywordsearchResults {
  margin: 0;
  list-style: none;
  background: #fff;
  width: 100%;
  position: absolute;
  top: 100%;
  z-index: 9999;
  padding: 0;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2);
}
#searchKeyword form .keyword-wrap div #keywordsearchResults li {
  padding: 0.9375rem 1.875rem 0;
}
#searchKeyword form .keyword-wrap div #keywordsearchResults li a {
  text-decoration: none;
  color: #393A42;
  transition: all ease-out 0.3s;
}
#searchKeyword form .keyword-wrap div #keywordsearchResults li a:hover {
  color: #e6312e;
}
#searchKeyword form .keyword-wrap div #keywordsearchResults li:last-child {
  padding-bottom: 0.9375rem;
}
#searchKeyword form .keyword-wrap label {
  display: inline-flex;
  margin: 0 0.9375rem 0 0;
}
#searchKeyword form .keyword-wrap input[type=text] {
  height: 100%;
  min-width: 400px;
  border: 0;
  padding: 5px 0.9375rem;
}

#searchResultsArea {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  padding: 1.875rem 3.75rem;
}
#searchResultsArea .sectionInner {
  justify-content: space-between;
}

#searchFilter {
  width: 320px;
  display: inline-block;
}
#searchFilter .content-inner ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#searchFilter .content-inner ul li {
  width: 100%;
  list-style: none;
  display: inline-flex;
  flex-wrap: wrap;
  word-break: break-word;
}
#searchFilter .content-inner ul li label {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  color: #393A42;
}
#searchFilter .content-inner ul li input[type=radio] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: none;
  margin: 0 0.9375rem 0 0;
  font: inherit;
  position: relative;
  color: currentColor;
  width: 20px;
  height: 20px;
  border: 1px solid #00050f;
}
#searchFilter .content-inner ul li input[type=radio]::before {
  content: "\f00c";
  font-family: fontawesome;
  font-size: 14px;
  width: 8px;
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  transform-origin: center;
  height: 8px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
}
#searchFilter .content-inner ul li input[type=radio]:checked::before {
  transform: scale(1);
}
#searchFilter .content-inner ul li input[type=radio]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}

#searchResultsArea .sectionInner {
  align-items: flex-start;
}

#searchResults {
  display: inline-flex;
  width: calc(100% - 320px);
}
#searchResults ul {
  list-style: none;
  display: grid;
  align-items: flex-start;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-gap: 0.9375rem;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 0 0 1.875rem;
}
#searchResults ul li {
  display: inline-flex;
  width: 100%;
  height: 100%;
  align-items: flex-start;
  font-size: 16px;
}
#searchResults ul li a {
  padding: 0 0 55px;
  background: #fff;
  color: #393A42;
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  text-decoration: none;
  position: relative;
  background: #f2f2f2;
  transition: all ease-out 0.3s;
}
#searchResults ul li a .category {
  position: absolute;
  bottom: 0;
  color: #393A42;
  background: #d2d3d3;
  width: 100%;
  left: 0;
  padding: 0.9375rem;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  height: 55px;
  transition: all ease-out 0.3s;
}
#searchResults ul li a .short-content {
  padding: 0.9375rem 1.875rem 1.875rem;
  height: 100%;
}
#searchResults ul li a div {
  width: 100%;
}
#searchResults ul li a h4 {
  width: 100%;
  padding: 1.875rem 1.875rem 0;
  margin: 0;
  font-size: 20px;
  line-height: 1.2em;
  color: #e6312e;
  background: #f2f2f2;
}
#searchResults ul li a ul {
  width: 100%;
  height: auto;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  background: #f2f2f2;
  padding: 1.875rem;
  margin: 0;
  grid-gap: 10px;
}
#searchResults ul li a ul li {
  align-items: center;
  height: auto;
  line-height: 1.4em;
}
#searchResults ul li a ul li i {
  width: 20px;
  text-align: center;
  margin: 0 0.9375rem 0 0;
  justify-content: center;
  display: inline-flex;
}
#searchResults ul li a:hover .category {
  background: #393a40;
  color: #fff;
}

#course-detail {
  padding: 0 3.75rem;
}

.top-details {
  display: none;
}
.top-details h4 {
  width: 100%;
  margin: 0 0 5px 0;
}

#course-block {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1.875rem;
  padding-bottom: 3rem;
  display: inline-flex;
  justify-content: center;
  width: 100%;
}
#course-block .course-main {
  width: 100%;
  max-width: calc(65% - 0.9375rem);
}
#course-block .course-main object, #course-block .course-main embed, #course-block .course-main iframe {
  height: auto;
  width: 100%;
  aspect-ratio: 16/9;
  padding: 1.0546875rem 1.875rem;
  background: #393a40;
}
#course-block .course-side {
  width: 100%;
  max-width: calc(35% - 0.9375rem);
  height: auto;
  display: inline-flex;
  align-items: flex-start;
  padding: 0;
  flex-direction: column;
}
#course-block .course-side .course-side-overview {
  color: #fff;
  background: #AC1D1B;
  list-style-type: none;
  margin: 0;
  width: 100%;
  padding: 0 2.5rem 1.25rem;
}
#course-block .course-side .course-side-overview li {
  align-items: center;
  display: flex;
  gap: 50px;
  font-size: 20px;
  margin: 0;
  padding: 1.25rem 0;
  border-bottom: 1px solid #fff;
}
#course-block .course-side .course-side-overview li:last-of-type {
  border-bottom: 0;
}
#course-block .course-side .course-side-overview li .course-side-icon {
  width: 3rem;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  font-size: 2rem;
}
#course-block .course-side .course-side-button {
  background: #e6312e;
  border: 0;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4em;
  min-height: 4.125rem;
  align-items: center;
  justify-content: center;
  padding: 0.625rem 2.5rem;
  position: relative;
  transition: all ease-out 0.3s;
  width: 100%;
}
#course-block .course-side .course-side-button:hover {
  background: #AC1D1B;
}
#course-block .course-side .course-side-button i {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
}
#course-block .course-side .tabs-wrapper {
  max-width: 50rem;
  width: 100%;
  margin: 0 auto;
}
#course-block .course-side .tabs {
  position: relative;
  margin: 0 0 3rem 0;
  background: #fff;
  height: auto;
  display: inline-flex;
  width: 100%;
  align-items: flex-start;
  padding-top: 1px;
  transition: all ease-out 0.3s;
}
#course-block .course-side .tabs::before, #course-block .course-side .tabs::after {
  content: "";
  display: table;
}
#course-block .course-side .tabs::after {
  clear: both;
}
#course-block .course-side .tabs .tab {
  width: 100%;
  align-items: center;
}
#course-block .course-side .tabs .tab-switch {
  display: none;
}
#course-block .course-side .tabs .tab-switch:checked + .tab-label {
  font-weight: bold;
  color: #393A42;
  background: #f2f2f2;
  border-bottom: 0;
  transition: all 0.35s;
  z-index: 1;
  top: 0;
  border-bottom: 1px solid #ccc;
}
#course-block .course-side .tabs .tab-switch:checked + label + .tab-content {
  z-index: 2;
  opacity: 1;
  transition: all 0.35s;
  color: #393A42;
  background: #f2f2f2;
}
#course-block .course-side .tabs .tab-switch:checked + label + .tab-content .top-details {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 1.875rem 0;
}
#course-block .course-side .tabs .tab-switch:checked + label + .tab-content .top-details .details-list {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 0.9375rem 0;
}
#course-block .course-side .tabs .tab-switch:checked + label + .tab-content .top-details .details-list span {
  margin: 0 0 0 5px;
}
#course-block .course-side .tabs .tab-switch:checked + label + .tab-content .top-details .details-list i, #course-block .course-side .tabs .tab-switch:checked + label + .tab-content .top-details .details-list svg {
  width: 25px;
  text-align: center;
  font-size: 18px;
  margin: 0 10px 0 0;
}
#course-block .course-side .tabs .tab-switch:checked + label + .tab-content .top-details .details-list .prices {
  display: inline-flex;
  flex-wrap: wrap;
  width: calc(100% - 35px);
}
#course-block .course-side .tabs .tab-switch:checked + label + .tab-content .top-details .details-list .prices span {
  width: 100%;
  margin: 0;
}
#course-block .course-side .tabs .tab-switch:checked + label + .tab-content .details-choose {
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0;
}
#course-block .course-side .tabs .tab-switch:checked + label + .tab-content .details-choose p {
  width: 100%;
  display: inline-flex;
  font-weight: bold;
  border-bottom: 1px solid #00050f;
}
#course-block .course-side .tabs .tab-switch:checked + label + .tab-content .details-choose div {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin: 0 0 0.9375rem 0;
}
#course-block .course-side .tabs .tab-switch:checked + label + .tab-content .details-choose .available_dates {
  flex-wrap: wrap;
}
#course-block .course-side .tabs .tab-switch:checked + label + .tab-content .details-choose .available_dates div {
  width: 100%;
}
#course-block .course-side .tabs .tab-switch:checked + label + .tab-content .details-choose input[type=radio] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: none;
  margin: 0 0 0 0.9375rem;
  font: inherit;
  position: relative;
  color: currentColor;
  width: 1em;
  height: 1em;
  border: 2px solid #00050f;
  border-radius: 100%;
}
#course-block .course-side .tabs .tab-switch:checked + label + .tab-content .details-choose input[type=radio]:focus {
  outline: none;
}
#course-block .course-side .tabs .tab-switch:checked + label + .tab-content .details-choose input[type=radio]::before {
  content: "\f00c";
  font-family: fontawesome;
  font-size: 14px;
  width: 8px;
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  transform-origin: center;
  height: 8px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
}
#course-block .course-side .tabs .tab-switch:checked + label + .tab-content .details-choose input[type=radio]:checked {
  border-color: #393A42;
}
#course-block .course-side .tabs .tab-switch:checked + label + .tab-content .details-choose input[type=radio]:checked::before {
  transform: scale(1);
}
#course-block .course-side .tabs .tab-switch:checked + label + .tab-content .details-choose input[type=radio]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
#course-block .course-side .tabs .tab-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  min-height: 70px;
  padding: 0.9375rem 1.875rem;
  top: -1px;
  color: #393A42;
  background: #d2d3d3;
  cursor: pointer;
  transition: all 0.25s;
  font-size: 20px;
  line-height: 1em;
}
#course-block .course-side .tabs .tab-label i {
  margin: 0 0.9375rem 0 0;
}
#course-block .course-side .tabs .tab-content {
  height: auto;
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 1.875rem;
  color: #393A42;
  opacity: 0;
  transition: all 0.35s;
}
#course-block .course-side .available_dates-table {
  border: 0;
  margin: 0;
  font-size: 18px;
}
#course-block .course-side .available_dates-table th {
  font-weight: 700;
  text-align: center;
  padding: 0.625rem;
}
#course-block .course-side .available_dates-table td {
  padding: 0.625rem;
  text-align: center;
}
#course-block .course-side .available_dates-table .slot-reference {
  position: relative;
}
#course-block .course-side .available_dates-table .available_dates-button {
  align-items: center;
  background: #00050f;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  width: 100px;
  height: 40px;
  padding: 0;
  margin: 0;
  transition: all ease-out 0.3s;
}
#course-block .course-side .available_dates-table .available_dates-button:hover {
  background: #e6312e;
}
#course-block .course-side .available_dates-table input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
#course-block .course-side .available_dates-date {
  background: #d2d3d3;
}
#course-block .course-side .available_dates-date:nth-child(even) {
  background: #ffffff;
}
#course-block .course-side .confirmations {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  border-top: 1px solid #ccc;
  padding-top: 1.875rem;
}
#course-block .course-side .confirmations .check-list {
  padding-left: 0;
  padding-right: 0;
}
#course-block .selectedDetails {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 0;
  margin: 0 0 1.875rem 0;
  border-bottom: 1px solid #ccc;
}
#course-block .selectedDetails .selectedDetails-row {
  display: flex;
  justify-content: space-between;
}
#course-block .selectedDetails .selectedDetails-row > div {
  display: flex;
  align-items: center;
  width: 100%;
}
#course-block .selectedDetails .selectedDetails-icon {
  width: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  font-size: 1.25rem;
  background: #00050f;
  color: #fff;
  border-radius: 40px;
  height: 40px;
  width: 40px;
  padding: 5px;
  margin: 0 0.9375rem 0 0;
}
#course-block .selectedDetails .editLink {
  color: #e6312e;
  text-decoration: none;
  width: 100%;
  justify-content: flex-end;
  display: inline-flex;
}

.course-req {
  background: #f2f2f2;
  padding: 4.75rem 3.75rem 1.875rem;
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}
.course-req .dots {
  position: absolute;
  left: 0;
  top: 0;
}
.course-req h4 {
  margin: 0 0 0.9375rem 0;
}
.course-req ul {
  margin: 0;
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}
.course-req ul li {
  width: 100%;
}

.course-advert {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 1.875rem 0;
  padding: 1.875rem;
  background: #393a40;
  justify-content: center;
  align-items: center;
}
.course-advert p {
  margin: 0 5px;
  color: #fff;
  font-weight: bold;
}
.course-advert a {
  padding: 8px 0.9375rem;
  text-decoration: none;
  background: #fff;
  font-weight: bold;
  margin: 0 0 0 0.9375rem;
  transition: all ease-out 0.3s;
  color: #393A42;
}
.course-advert a:hover {
  background: #00050f;
  color: #fff;
}

.related-courses {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 1.875rem 0;
  padding: 0 0 1.875rem 0;
  border-bottom: 1px solid #d2d3d3;
}
.related-courses h4 {
  width: 100%;
  margin: 0 0 0.9375rem 0;
}
.related-courses div {
  display: inline-flex;
  width: 100%;
  flex-wrap: wrap;
}
.related-courses a {
  width: 100%;
  max-width: 19%;
  margin: 0 1% 0.9375rem 0;
  color: #393A42;
  min-height: 100px;
  font-size: 18px;
  border: 1px solid #00050f;
  display: inline-flex;
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  text-decoration: none;
  transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}
.related-courses a:nth-child(5n) {
  max-width: 20%;
  margin: 0 0 0.9375rem 0;
}
.related-courses a .related-image {
  width: 100%;
  height: 150px;
}
.related-courses a div {
  padding: 1.875rem;
  width: 100%;
}
.related-courses a h3 {
  margin: 0;
  width: 100%;
  font-size: 18px;
}
.related-courses a p {
  width: 100%;
  margin: 0;
}
.related-courses a:hover {
  background: #f2f2f2;
}

.personSelector {
  display: inline-flex;
  width: 100%;
  flex-wrap: wrap;
  padding: 0 0 1.875rem 0;
}
.personSelector div {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0 0 0.9375rem 0;
}
.personSelector div:last-child {
  margin: 0;
}
.personSelector div select {
  padding: 5px;
  text-align: center;
  margin: 0 5px 0 0;
  border: 0;
  height: 40px;
  width: 50px;
}
.personSelector div select:focus {
  outline: none;
}
.personSelector div .delegateNames {
  width: calc(100% - 55px);
  height: auto;
  padding: 0 0 0 15px;
}
.personSelector div .delegateNames input {
  border: 1px solid #b2b4b6;
  border-radius: 0;
  width: 100%;
  height: 40px;
  margin: 0 0 5px 0;
  padding: 5px 10px;
}
.personSelector .allSpacesAvailable {
  background: #333;
  color: #fff;
  padding: 0.9375rem;
}
.personSelector .spaceText {
  margin: 0 5px;
  font-weight: bold;
}

.confirmations,
.addons {
  margin: 0 0 0.9375rem 0;
}
.confirmations .check-list,
.addons .check-list {
  padding: 0.9375rem;
  display: inline-flex;
  flex-wrap: wrap;
}
.confirmations .check-list div,
.addons .check-list div {
  margin: 0 0 10px 0;
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
}
.confirmations .check-list div input[type=checkbox],
.addons .check-list div input[type=checkbox] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: none;
  margin: 0 0.9375rem 0 0;
  font: inherit;
  position: relative;
  color: currentColor;
  width: 1em;
  height: 1em;
  border: 2px solid #00050f;
  border-radius: 100%;
}
.confirmations .check-list div input[type=checkbox]::before,
.addons .check-list div input[type=checkbox]::before {
  content: "";
  width: 8px;
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  transform-origin: center;
  height: 8px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background: #00050f;
  border-radius: 100%;
}
.confirmations .check-list div input[type=checkbox]:checked::before,
.addons .check-list div input[type=checkbox]:checked::before {
  transform: scale(1);
}
.confirmations .check-list div input[type=checkbox]:disabled,
.addons .check-list div input[type=checkbox]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
.confirmations .check-list div label,
.addons .check-list div label {
  width: 100%;
  max-width: calc(100% - 3.5rem);
}
.confirmations .check-list div label div,
.addons .check-list div label div {
  width: auto;
}
.confirmations span,
.addons span {
  font-weight: bold;
}
.confirmations .error,
.addons .error {
  border: 1px solid #fff;
  padding: 5px;
}

.submit {
  display: inline-flex;
  width: 100%;
  justify-content: flex-end;
}
.submit input {
  padding: 0.9375rem 1.875rem;
  border: 0;
  background: #e6312e;
  color: #fff;
  font-weight: bold;
  transition: all ease-out 0.3s;
}
.submit input:hover {
  cursor: pointer;
  background: #00050f;
}

.woocommerce-account .sectionInner .woocommerce {
  display: flex;
  flex-direction: row;
}
.woocommerce-account .sectionInner .woocommerce .woocommerce-MyAccount-content .woocommerce-table--order-details thead th,
.woocommerce-account .sectionInner .woocommerce .woocommerce-MyAccount-content .shop_table thead th {
  padding: 0.3125rem 0.625rem;
  background-color: #393a40;
  color: #fff;
}
.woocommerce-account .sectionInner .woocommerce .woocommerce-MyAccount-content .woocommerce-table--order-details tfoot th,
.woocommerce-account .sectionInner .woocommerce .woocommerce-MyAccount-content .shop_table tfoot th {
  padding: 0.3125rem 0.625rem;
  background-color: #f2f2f2;
  color: #393a40;
}
.woocommerce-account .sectionInner .woocommerce .woocommerce-MyAccount-content .woocommerce-table--order-details td,
.woocommerce-account .sectionInner .woocommerce .woocommerce-MyAccount-content .shop_table td {
  padding: 0.3125rem 0.625rem;
}
.woocommerce-account .sectionInner .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-orders-table__row {
  background: #f2f2f2;
}
.woocommerce-account .sectionInner .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-orders-table__row:nth-child(even) {
  background: #d2d3d3;
}
.woocommerce-account .sectionInner .woocommerce form {
  padding: 0;
}
.woocommerce-account .sectionInner .woocommerce fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.sectionInner .woocommerce .woocommerce-MyAccount-content {
  width: calc(100% - 22.5rem);
}
.sectionInner .woocommerce .woocommerce-MyAccount-content .woocommerce-Button,
.sectionInner .woocommerce .woocommerce-MyAccount-content .change_address,
.sectionInner .woocommerce .woocommerce-MyAccount-content .change_payment_method,
.sectionInner .woocommerce .woocommerce-MyAccount-content .button,
.sectionInner .woocommerce .woocommerce-MyAccount-content .edit {
  cursor: pointer;
  padding: 8px 0.9375rem;
  border: none;
  background: #e6312e;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 1.4rem;
  transition: all ease-out 0.3s;
}
.sectionInner .woocommerce .woocommerce-MyAccount-content .woocommerce-Button:hover,
.sectionInner .woocommerce .woocommerce-MyAccount-content .change_address:hover,
.sectionInner .woocommerce .woocommerce-MyAccount-content .change_payment_method:hover,
.sectionInner .woocommerce .woocommerce-MyAccount-content .button:hover,
.sectionInner .woocommerce .woocommerce-MyAccount-content .edit:hover {
  background-color: #AC1D1B;
}
.sectionInner .woocommerce .woocommerce-MyAccount-content .button {
  float: right;
  margin-right: 2px;
  min-width: 75px;
}
.sectionInner .woocommerce .woocommerce-MyAccount-content .edit {
  margin-bottom: 10px;
  display: inline-block;
}
.sectionInner .woocommerce .woocommerce-MyAccount-content .woocommerce-input-wrapper {
  border: 0;
  padding: 0;
}
.sectionInner .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses {
  display: flex;
  justify-content: space-between;
  gap: 1.875rem;
}
.sectionInner .woocommerce .woocommerce-MyAccount-content .woocommerce-Address {
  background-color: #f2f2f2;
  padding: 1.875rem;
  margin-bottom: 2rem;
  width: 50%;
}
.sectionInner .woocommerce .woocommerce-MyAccount-content .woocommerce-Address h3 {
  margin-top: 0;
}
.sectionInner .woocommerce .woocommerce-MyAccount-navigation {
  color: #fff;
  margin: 0 1.875rem 0 0;
  width: 20.625rem;
}
.sectionInner .woocommerce .woocommerce-MyAccount-navigation ul {
  background: #AC1D1B;
  padding: 1.875rem;
}
.sectionInner .woocommerce .woocommerce-MyAccount-navigation li {
  color: #fff;
  font-size: 18px;
  margin: 0;
  border-bottom: 1px solid #fff;
}
.sectionInner .woocommerce .woocommerce-MyAccount-navigation li.is-active {
  background: #e6312e;
}
.sectionInner .woocommerce .woocommerce-MyAccount-navigation li:hover {
  background: #e6312e;
}
.sectionInner .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-innerlink {
  color: #fff;
  align-items: center;
  display: flex;
  padding: 1rem 0;
  gap: 15px;
}
.sectionInner .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-icon {
  width: 2rem;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  font-size: 1.25rem;
}
.sectionInner .um-account {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1.875rem 0 3.75rem;
}
.sectionInner .um-account .um-account-meta {
  display: none;
}
.sectionInner .um-account.um-field-error {
  padding: 12px 1.875rem 12px 12px;
}
.sectionInner .um-account .um-form {
  width: 100%;
  max-width: 1440px;
}
.sectionInner .um-account .um-form form {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}
.sectionInner .um-account .um-account-wrapper {
  display: inline-flex;
  width: 100%;
}
.sectionInner .um-account .um-field-label label {
  color: #393A42;
  font-size: 16px !important;
}
.sectionInner .um-account a.um-link {
  font-size: 16px;
}
.sectionInner .um-account .um-account-name a {
  color: #393A42;
}
.sectionInner .um-account .um-field-area input {
  font-size: 16px !important;
}
.sectionInner .um-account .um-account-heading {
  color: #393A42;
  text-transform: uppercase;
  font-size: 30px;
  margin: 0 0 1.875rem 0 !important;
}
.sectionInner .um-account .um-woo-orders,
.sectionInner .um-account .um-woo-downloads {
  height: 100%;
  display: inline-flex;
  align-items: center;
}
.sectionInner .um-account .um-woo-orders .woocommerce-Message,
.sectionInner .um-account .um-woo-downloads .woocommerce-Message {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 20px;
  background: none;
}
.sectionInner .um-account .um-woo-orders .woocommerce-Message a.button,
.sectionInner .um-account .um-woo-downloads .woocommerce-Message a.button {
  width: 100%;
  order: 2;
  font-size: 20px;
  margin: 0.9375rem 0;
  padding: 0.9375rem 1.875rem !important;
}
.sectionInner .um-account .um-woo-orders .woocommerce-Message a.button:hover,
.sectionInner .um-account .um-woo-downloads .woocommerce-Message a.button:hover {
  background: #00050f;
}
.sectionInner .um-account .um-woo-orders .um-field {
  text-align: center;
  font-size: 20px;
}
.sectionInner .um-account .um-account-main {
  width: 100%;
  max-width: calc(1050px - 3.75rem);
  margin: 0px 0px 0px 3.75rem;
  background: #f2f2f2;
  padding: 3.75rem;
}
.sectionInner .um-account .um-account-main .um-account-tab {
  width: 100%;
}
.sectionInner .um-account .um-account-main .um-field {
  margin: 0 0 0.9375rem 0;
}
.sectionInner .um-account .um-account-main .um-field input {
  color: #393A42;
}
.sectionInner .um-account #committee-list {
  margin: 0 0 1.875rem 0;
  padding: 0;
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}
.sectionInner .um-account #committee-list li {
  list-style: none;
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0 0 1.875rem 0;
}
.sectionInner .um-account #committee-list li .order-date {
  width: 100%;
  color: #393A42;
  border-bottom: 1px solid #ccc;
  margin: 0 0 0.9375rem 0;
  font-weight: bold;
}
.sectionInner .um-account #committee-list li a {
  padding: 0.9375rem 1.875rem;
  display: inline-flex;
  align-items: center;
  background: #e6312e;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}
.sectionInner .um-account #committee-list li a svg {
  margin: 0 0 0 0.9375rem;
}
.sectionInner .um-account .um-account-side {
  width: 100%;
  max-width: 320px;
  display: inline-flex;
  background: #e6312e;
}
.sectionInner .um-account .um-account-side li {
  background: none;
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
}
.sectionInner .um-account .um-account-side #account-menu {
  padding: 1.875rem !important;
}
.sectionInner .um-account .um-account-side li a {
  padding: 0.9375rem 8px;
  color: #fff !important;
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  display: block;
  text-decoration: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  transition: all ease-out 0.3s;
}
.sectionInner .um-account .um-account-side li a.current, .sectionInner .um-account .um-account-side li a:hover {
  background: #00050f;
}
.sectionInner .um-account .um-account-side li a span.um-account-icon {
  color: #fff;
  border: 0;
}
.sectionInner .um-account .um-account-side li a span.um-account-icon.current {
  color: #e6312e;
  border: none;
}
.sectionInner .um-account .um-account-side li a span.um-account-title {
  color: #fff;
  font-weight: bold;
  line-height: 1em;
  height: auto;
}
.sectionInner .um-account .um-account-side li a span.um-account-arrow {
  position: absolute;
  right: 0.9375rem;
  top: auto;
  bottom: auto;
  margin: auto 0;
}
.sectionInner .um-account .um-account-side li a span.um-account-arrow::before {
  display: none;
}

.um input.um-button {
  padding: 0.9375rem 1.875rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  transition: all ease-out 0.5s;
  position: relative;
  display: inline-flex;
  align-items: center;
  border: 0;
  background: #00050f;
}
.um input.um-button svg {
  right: 0;
  opacity: 0;
  position: absolute;
  transition: all ease-out 0.5s;
}
.um input.um-button:hover {
  cursor: pointer;
  background: #e6312e;
}
.um input.um-button:hover svg {
  opacity: 1;
  right: 0.9375rem;
}
.um input.um-button {
  background: #e6312e;
}
.um input.um-button:hover {
  background: #00050f;
}

.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um input[type=submit].um-button:hover,
.um a.um-button {
  background: #00050f !important;
  font-size: 16px !important;
}

.um-request-button {
  background: #00050f !important;
  font-size: 16px !important;
  border-radius: 0 !important;
}

/* 1024 */
@media only screen and (max-width: 64em) {
  .woocommerce-account .sectionInner .woocommerce {
    display: flex;
    flex-direction: column;
  }
  .sectionInner .woocommerce .woocommerce-MyAccount-content {
    width: 100%;
  }
  .sectionInner .woocommerce .woocommerce-MyAccount-navigation {
    margin: 0 0 1.875rem 0;
    width: 100%;
  }
}
/* 760 */
@media only screen and (max-width: 48.763em) {
  .sectionInner .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses {
    justify-content: flex-start;
    flex-direction: column;
  }
  .sectionInner .woocommerce .woocommerce-MyAccount-content .woocommerce-Address {
    margin-bottom: 2rem;
    width: 100%;
  }
}
.um-login,
.um-password {
  padding: 1.875rem 3.75rem;
  background: #f2f2f2;
  max-width: 600px !important;
}
.um-login .um-field-label input,
.um-password .um-field-label input {
  font-size: 16px !important;
}
.um-login .um-field-label input::placeholder,
.um-password .um-field-label input::placeholder {
  font-size: 18px;
}
.um-login .um-field-label label,
.um-password .um-field-label label {
  font-size: 20px !important;
  color: #393A42;
}

a.um-button,
input.um-button {
  border-radius: 0 !important;
  font-size: 20px !important;
  font-weight: bold !important;
}

#um-submit-btn {
  border-radius: 0 !important;
  font-size: 20px !important;
  font-weight: bold !important;
  background: red;
  justify-content: center;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
/* GENERIC WIDGET STYLES */
.widget-title {
  font-size: 30px;
  width: 100%;
  margin: 0 0 1.875rem 0;
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  padding: 0;
}
.widget-title div {
  display: inline-flex;
  align-items: center;
}
.widget-title p {
  font-size: 20px;
  width: 100%;
  margin: 0.9375rem 0;
}

.widget-text {
  width: 100%;
  font-size: 20px;
  margin: 0.9375rem 0 0 0;
}

p {
  margin: 0 0 0.9375rem 0;
}

.widget-button {
  display: inline-flex;
  justify-content: center;
  padding: 0 1.875rem;
  font-size: 20px;
}
.widget-button a.cta-buttoin {
  padding: 8px 1.875rem;
  font-size: 20px;
}

/* ACCORDION WIDGET */
#faq-widget {
  padding: 0 3.75rem;
  display: inline-flex;
  justify-content: center;
  width: 100%;
}
#faq-widget .sectionInner {
  max-width: 1024px;
}

.accordion-container {
  display: flex;
  width: 100%;
  justify-content: center;
}
.accordion-container .accordion {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1024px;
  margin: 0 0 1.875rem 0;
  padding: 0;
}
.accordion-container .accordion li {
  width: 100%;
  list-style: none;
  margin: 0 0 0.9375rem 0;
}
.accordion-container .accordion li.open .accordion-trigger {
  background: #00050f;
}
.accordion-container .accordion li.open .accordion-trigger .trigger-icon-close {
  display: block;
}
.accordion-container .accordion li.open .accordion-trigger .trigger-icon-open {
  display: none;
}
.accordion-container .accordion li.open .accordion-content h1, .accordion-container .accordion li.open .accordion-content h2, .accordion-container .accordion li.open .accordion-content h3, .accordion-container .accordion li.open .accordion-content h4, .accordion-container .accordion li.open .accordion-content h5, .accordion-container .accordion li.open .accordion-content h6, .accordion-container .accordion li.open .accordion-content p {
  color: #393A42;
}
.accordion-container .accordion li.open .accordion-content ul {
  padding: 0;
}
.accordion-container .accordion li.open .accordion-content ul li {
  list-style: disc;
  margin: 0 0 5px 0;
}
.accordion-container .accordion li.open .accordion-content ul li::marker {
  color: #393A42;
  font-size: 10px;
}
.accordion-container .accordion li .accordion-trigger {
  padding: 0.9375rem 1.875rem;
  font-weight: bold;
  width: 100%;
  display: inline-flex;
  background: #e6312e;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  align-items: center;
  justify-content: space-between;
  transition: all ease-out 0.3s;
  margin: 0 0 1px 0;
}
.accordion-container .accordion li .accordion-trigger i {
  transition: all ease-out 0.3s;
}
.accordion-container .accordion li .accordion-trigger:hover {
  cursor: pointer;
}
.accordion-container .accordion li .accordion-trigger .trigger-icon-open {
  margin: 0 0 0 10px;
}
.accordion-container .accordion li .accordion-trigger .trigger-icon-close {
  display: none;
  margin: 0 0 0 10px;
}
.accordion-container .accordion li .accordion-trigger label {
  cursor: pointer;
  pointer-events: none;
}
.accordion-container .accordion li .accordion-content {
  overflow: hidden;
  border: 1px solid #f2f2f2;
  border-top: 0;
  background: #fff;
}
.accordion-container .accordion li .accordion-content .content-inner {
  padding: 1.875rem;
}
.accordion-container .accordion--dark li {
  margin: 0 0 1px 0;
}
.accordion-container .accordion--dark li .accordion-content {
  border: 0;
}
.accordion-container .accordion--dark li .accordion-trigger {
  background: #393a40;
}
.accordion-container .accordion--dark li.open .accordion-trigger {
  background: #00050f;
}
.accordion-container .accordion--full-width {
  max-width: 100%;
}

.flipBox {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 1.875rem 3.75rem 0 3.75rem;
}
.flipBox h2 {
  margin: 0 0 0.9375rem 0;
  width: 100%;
}

.flipText {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  padding: 0 8rem;
  text-align: center;
}
.flipText p {
  font-size: 16px;
  text-align: center;
}

.flipBoxes {
  margin: 1.875rem -0.9375rem 1.875rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: calc(100% + 1.875rem);
  padding: 0;
}
.flipBoxes li {
  list-style: none;
  width: 25%;
  min-height: 400px;
  height: auto;
  position: relative;
  z-index: 200;
  perspective: 1000px;
  padding: 0 0.9375rem;
  margin: 0 0 1.875rem 0;
}
.flipBoxes li::before {
  display: none;
}
.flipBoxes .flipper {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: all ease-out 0.5s;
  transform-style: preserve-3d;
}

.boxFront,
.boxBack {
  position: absolute;
  width: 100%;
  height: 100%;
  display: inline-flex;
  min-height: 295px;
  transition: all ease-out 0.3s;
  background: none;
  backface-visibility: hidden;
  padding: 0.9375rem 1.875rem;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.boxFront h5,
.boxBack h5 {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 500 50' xmlns='http://www.w3.org/2000/svg'><path style='fill:%23f2f2f2;' d='M 0 50 L 50 0 L 500 0 L 500 50 L 0 50 Z'></path></svg>"), linear-gradient(180deg, transparent 67px, #f2f2f2 67px);
  background-size: auto 67px, auto 100%;
  background-position: top left;
  background-repeat: no-repeat;
  position: absolute;
  padding: 0.5rem 0.9375rem 0.5rem 4.1875rem;
  display: inline-flex;
  align-items: center;
  margin: 0;
  bottom: 0;
  right: 0;
  min-height: 67px;
  width: 100%;
  transition: all ease-out 0.3s;
}
.boxFront .turnIcon,
.boxBack .turnIcon {
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 0.9375rem;
  right: 0.9375rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.boxFront .turnIcon .animArrowRight,
.boxBack .turnIcon .animArrowRight {
  width: 20px;
  display: none;
}
.boxFront .turnIcon .animArrowRight::before, .boxFront .turnIcon .animArrowRight::after,
.boxBack .turnIcon .animArrowRight::before,
.boxBack .turnIcon .animArrowRight::after {
  width: 10px;
  display: none;
}
.boxFront img,
.boxBack img {
  max-width: 200px;
  width: 100%;
  margin: 0 0 10px 0;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.boxFront {
  z-index: 9;
  background: #1e2a39;
  overflow: hidden;
}

.boxBack {
  transform: rotateY(180deg);
  z-index: 10;
  background: #e9e9e9;
  align-items: flex-start;
  overflow: hidden;
}
.boxBack p {
  font-size: 16px;
  text-align: left;
}
.boxBack a {
  font-size: 16px;
  color: #1e2a39;
  text-align: left;
  font-weight: bold;
  position: relative;
  display: flex;
  align-items: center;
  transition: all ease-out 0.3s;
}
.boxBack a:hover {
  padding-left: 1.875rem;
}
.boxBack a:hover .animArrowRight {
  width: 30px;
  transition-delay: 0.2s;
}
.boxBack a:hover .animArrowRight::before, .boxBack a:hover .animArrowRight::after {
  width: 10px;
  transition-delay: 0.3s;
}

.flipBoxes li:hover .flipper {
  transform: rotateY(180deg);
}

.flipBoxes li:hover .boxFront,
.flipBoxes li:hover .boxBack {
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}

.flipBoxes li:hover .boxFront {
  opacity: 0;
}

.flipBoxes li:hover .boxBack {
  z-index: 11;
}

/* CTA WIDGET */
#cta-widget {
  width: 100%;
  padding: 1.875rem;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
}
#cta-widget .sectionInner {
  width: 100%;
  max-width: 1440px;
  justify-content: center;
}
#cta-widget .cta-wrapper {
  width: 100%;
  max-width: 33.333%;
  margin: 0 0 2%;
  display: inline-flex;
  flex-wrap: wrap;
  padding: 0 0.9375rem;
}
#cta-widget .cta-wrapper .cta-block {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  height: 300px;
  padding: 1.875rem;
  transition: all ease-out 0.6s;
}
#cta-widget .cta-wrapper .cta-block a {
  display: inline-flex;
  width: auto;
  padding: 0.9375rem 1.875rem;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  position: relative;
  z-index: 20;
  color: #fff;
  font-weight: bold;
  right: 0;
  position: absolute;
  bottom: 0;
  transition: all ease-out 0.3s;
  background: #e6312e;
}
#cta-widget .cta-wrapper .cta-block a:hover {
  background: #AC1D1B;
}
#cta-widget .cta-wrapper .cta-block h2 {
  color: #fff;
  width: auto;
  margin: 0 0 0.9375rem 0;
  align-items: center;
  justify-content: center;
}
#cta-widget .cta-wrapper.full-width {
  max-width: 100%;
  margin: 0 0 2%;
}
#cta-widget .cta-wrapper.full-width .cta-block {
  height: 380px;
}

#news-widget {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 3.75rem 1.8785rem;
  background: #f2f2f2;
}
#news-widget .news-layout {
  display: flex;
  margin: 0;
  width: 100%;
}
#news-widget .news-layout .slick-track {
  display: inline-flex;
  justify-content: space-between;
}
#news-widget .news-layout .news-section {
  width: 100%;
  padding: 0;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#news-widget .news-layout .news-section .slick-list {
  padding: 0;
  width: 100%;
}
#news-widget .news-layout .news-section .slick-list .news-block {
  margin: 0 0.9375rem;
}
#news-widget .news-layout .news-section.two {
  justify-content: flex-start;
}
#news-widget .news-layout .news-section.two .news-block {
  margin-right: 1%;
}
#news-widget .news-layout .news-block {
  display: inline-flex;
  flex-direction: column;
  background: #fff;
  height: auto;
  width: 100%;
  transition: all ease-out 0.3s;
}
#news-widget .news-layout .news-block .news-image {
  width: 100%;
  display: inline-flex;
  height: 250px;
}
#news-widget .news-layout .news-block .news-details {
  display: inline-flex;
  width: 100%;
  flex-wrap: wrap;
  flex-grow: 1;
  padding: 1.875rem 1.875rem 3.75rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
#news-widget .news-layout .news-block .news-details .news-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2em;
  color: #393A42;
  padding: 0 0 0.9375rem 0;
  margin: 0 0 0.9375rem 0;
  width: 100%;
  text-transform: none;
  position: relative;
}
#news-widget .news-layout .news-block .news-details .news-title::after {
  content: "";
  position: absolute;
  width: 30%;
  height: 1px;
  background: #00050f;
  bottom: 0;
  left: 0;
}
#news-widget .news-layout .news-block .news-details .news-text {
  font-weight: bold;
  line-height: 1.2em;
  margin: 0 0 1.875rem;
}
#news-widget .news-layout .news-block .news-details a {
  color: #393A42;
  text-decoration: none;
  left: 0;
  overflow: hidden;
  position: absolute;
  bottom: 1.875rem;
  left: 1.875rem;
}
#news-widget .news-layout .news-block .news-details a::after {
  content: "";
  position: absolute;
  left: -100%;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #00050f;
  transition: all ease-out 0.3s;
}
#news-widget .news-layout .news-block .news-details a:hover::after {
  left: 0;
}

/* TESTIMONIAL WIDGET */
.testimonial-top p {
  width: 100%;
}

#testimonial-widget {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 3.75rem 1.875rem;
}
#testimonial-widget .sectionInner {
  width: 100%;
  max-width: 1440px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 3.75rem;
}
#testimonial-widget .test-slider {
  max-width: 1024px;
  width: 100%;
}
#testimonial-widget .test-prev,
#testimonial-widget .test-next {
  padding: 10px;
  background: #00050f;
  transition: all ease-out 0.3s;
  color: #fff;
  left: 0;
  position: absolute;
  display: inline-flex;
  height: 45px;
  width: 45px;
  align-items: center;
}
#testimonial-widget .test-prev:hover,
#testimonial-widget .test-next:hover {
  cursor: pointer;
  box-shadow: 0px 4px 14px rgba(208, 226, 255, 0.4);
}
#testimonial-widget .test-next {
  right: 0;
  left: auto;
}
#testimonial-widget .test-quote {
  font-size: 34px;
  line-height: 1.3em;
  color: #fff;
  text-align: center;
  font-weight: 200;
  font-family: houschka-pro, arial, sans-serif;
  text-transform: uppercase;
}
#testimonial-widget .test-quote strong {
  font-weight: 600;
}
#testimonial-widget .test-name {
  display: inline-flex;
  justify-content: center;
  color: #fff;
  width: 100%;
  font-weight: bold;
  margin: 10px 0 0 0;
}
#testimonial-widget .slick-dots {
  bottom: -55px;
}
#testimonial-widget .slick-dots li.slick-active button:before {
  color: #e6312e;
  opacity: 1;
}
#testimonial-widget .slick-dots li button:before {
  color: #fff;
  opacity: 0.75;
  font-size: 10px;
}

/* CONTENT BLOCKS WIDGET */
.content-block-type-1,
.content-block-type-2,
.content-block-type-3 {
  padding: 0 3.75rem;
}
.content-block-type-1 .content-container,
.content-block-type-2 .content-container,
.content-block-type-3 .content-container {
  display: inline-flex;
  width: 100%;
  margin: 3.75rem 0;
}
.content-block-type-1 .content-container .content-image,
.content-block-type-2 .content-container .content-image,
.content-block-type-3 .content-container .content-image {
  width: 100%;
  display: inline-flex;
  align-items: center;
}
.content-block-type-1 .content-container .content-image img,
.content-block-type-2 .content-container .content-image img,
.content-block-type-3 .content-container .content-image img {
  width: 100%;
  max-width: 450px;
  height: auto;
}
.content-block-type-1 .content-container .content-image.left-image,
.content-block-type-2 .content-container .content-image.left-image,
.content-block-type-3 .content-container .content-image.left-image {
  justify-content: flex-start;
  padding-right: 1.875rem;
}
.content-block-type-1 .content-container .content-image.right-image,
.content-block-type-2 .content-container .content-image.right-image,
.content-block-type-3 .content-container .content-image.right-image {
  justify-content: flex-end;
  padding-left: 1.875rem;
}
.content-block-type-1 .content-container .content-content,
.content-block-type-2 .content-container .content-content,
.content-block-type-3 .content-container .content-content {
  width: 100%;
}

/* CONTACT PANEL WIDGET */
#contactUs-widget {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  align-items: center;
  width: 100%;
  position: relative;
  z-index: 100;
  padding: 3.75rem 1.875rem;
  margin: 3.75rem 0;
  background: #00050f;
}
#contactUs-widget .sectionInner .contactUs-panel {
  display: inline-flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}
#contactUs-widget .sectionInner .contactUs-panel h2 {
  width: 100%;
  margin-top: 0;
  color: #fff;
}
#contactUs-widget .sectionInner .contactUs-panel a {
  color: #393A42;
  font-weight: bold;
  padding: 0.9375rem 1.875rem;
  background: #fff;
  text-decoration: none;
  width: 23%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all ease-out 0.3s;
}
#contactUs-widget .sectionInner .contactUs-panel a:hover {
  background: #e6312e;
  color: #fff;
  cursor: pointer;
}
#contactUs-widget .sectionInner .contactUs-panel a svg {
  margin: 0 10px 0 0;
}
#contactUs-widget .sectionInner .contactUs-panel .modal {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  align-items: center;
  justify-content: center;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}
#contactUs-widget .sectionInner .contactUs-panel .modal .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 3.75rem;
  border: 1px solid #888;
  width: 80%;
  max-width: 1024px;
  position: relative;
  display: inline-flex;
  justify-content: center;
  width: 100%;
}
#contactUs-widget .sectionInner .contactUs-panel .modal .modal-content .modal-inner {
  width: 100%;
  max-width: 800px;
}
#contactUs-widget .sectionInner .contactUs-panel .modal .modal-content .modal-inner .gform_wrapper.gravity-theme .gform_footer input,
#contactUs-widget .sectionInner .contactUs-panel .modal .modal-content .modal-inner .gform_wrapper.gravity-theme .gform_footer button,
#contactUs-widget .sectionInner .contactUs-panel .modal .modal-content .modal-inner .gform_wrapper.gravity-theme .gform_page_footer input,
#contactUs-widget .sectionInner .contactUs-panel .modal .modal-content .modal-inner .gform_wrapper.gravity-theme .gform_page_footer button {
  padding: 0.9375rem 1.875rem;
  color: #fff;
  font-weight: bold;
  transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
  display: inline-grid;
  margin: 0.9375rem 0 0 0;
  justify-content: center;
  width: auto;
  border: 0;
  background: #e6312e;
}
#contactUs-widget .sectionInner .contactUs-panel .modal .modal-content .modal-inner .gform_wrapper.gravity-theme .gform_footer input:hover,
#contactUs-widget .sectionInner .contactUs-panel .modal .modal-content .modal-inner .gform_wrapper.gravity-theme .gform_footer button:hover,
#contactUs-widget .sectionInner .contactUs-panel .modal .modal-content .modal-inner .gform_wrapper.gravity-theme .gform_page_footer input:hover,
#contactUs-widget .sectionInner .contactUs-panel .modal .modal-content .modal-inner .gform_wrapper.gravity-theme .gform_page_footer button:hover {
  cursor: pointer;
  background: #00050f;
}
#contactUs-widget .sectionInner .contactUs-panel .modal .modal-content .modal-inner .gform_wrapper.gravity-theme .gform_footer,
#contactUs-widget .sectionInner .contactUs-panel .modal .modal-content .modal-inner .gform_wrapper.gravity-theme .gform_page_footer {
  justify-content: flex-end;
}
#contactUs-widget .sectionInner .contactUs-panel .modal .modal-content .modal-inner .gform_wrapper.gravity-theme .gfield input.large,
#contactUs-widget .sectionInner .contactUs-panel .modal .modal-content .modal-inner .gform_wrapper.gravity-theme .gfield select.large {
  border: 1px solid #ccc;
  border-radius: 0;
  height: 50px;
  box-shadow: none;
}
#contactUs-widget .sectionInner .contactUs-panel .modal .modal-content h2 {
  color: #393A42;
}
#contactUs-widget .sectionInner .contactUs-panel .modal .modal-content .close-button {
  position: absolute;
  right: 1.875rem;
  top: 1.875rem;
  border: 0;
  display: inline-flex;
  justify-content: center;
  width: 100%;
  transition: all ease-out 0.3s;
  width: auto;
  align-items: center;
  color: #fff;
  padding: 5px;
  background: #e6312e;
}
#contactUs-widget .sectionInner .contactUs-panel .modal .modal-content .close-button:hover {
  cursor: pointer;
  background: #00050f;
}
#contactUs-widget .sectionInner .contactUs-panel .modal .modal-content .close-button span {
  height: 20px;
  width: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* HIGHLIGHTED COURSES */
#highlighted-courses {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  padding: 1.875rem;
}
#highlighted-courses p {
  width: 100%;
}
#highlighted-courses ul {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 0;
  justify-content: space-between;
}
#highlighted-courses ul li {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 49%;
  min-height: 350px;
  list-style: none;
  margin: 0 0 1.875rem 0;
}
#highlighted-courses ul li .block {
  display: inline-flex;
  align-items: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 50%;
  position: relative;
  background: #b2b4b6;
}
#highlighted-courses ul li .block:nth-child(2) {
  background: #d2d3d3;
  padding: 1.875rem;
  position: relative;
  overflow: hidden;
  z-index: 10;
}
#highlighted-courses ul li .block h3 {
  padding: 0.9375rem 3.75rem 0.9375rem 1.875rem;
  margin: 0;
  display: inline-flex;
  width: 100%;
  font-size: 26px;
  line-height: 1.2em;
  position: relative;
  color: #fff;
  background: #393a40;
}
#highlighted-courses ul li .block h3::after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transition: all ease-out 0.3s;
  border-style: solid;
  border-width: 0 0px 120px 115px;
  border-color: transparent transparent #b2b4b6 transparent;
}
#highlighted-courses ul li .block .text-block {
  padding: 1.875rem 1.875rem 6rem;
  height: 100%;
  width: 100%;
  position: relative;
}
#highlighted-courses ul li .block .text-block a {
  padding: 0.9375rem 1.875rem;
  background: #e6312e;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  position: absolute;
  left: 1.875rem;
  bottom: 1.875rem;
  transition: all ease-out 0.3s;
  margin-top: 1rem;
}
#highlighted-courses ul li .block .text-block a:hover {
  background: #00050f;
}
#highlighted-courses ul li .block .cta-button {
  position: absolute;
  bottom: 1.875rem;
  left: 1.875rem;
  width: calc(100% - 3.75rem);
}
#highlighted-courses ul li ul {
  flex-wrap: wrap;
  flex-direction: column;
}
#highlighted-courses ul li ul li {
  width: 100%;
  max-width: 100%;
  min-height: 0;
  align-items: flex-start;
}
#highlighted-courses ul li ul li a {
  transition: all ease-out 0.3s;
  position: relative;
  overflow: hidden;
  color: #393A42;
}
#highlighted-courses ul li ul li a::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: -100%;
  bottom: 0;
  transition: all ease-out 0.3s;
  background: #00050f;
}
#highlighted-courses ul li ul li a:hover::after {
  left: 0;
}
#highlighted-courses ul li a {
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

/* INFO BOXES */
#info-boxes {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  padding: 0 3.75rem;
}
#info-boxes .sectionInner {
  padding: 1.875rem 0;
}
#info-boxes .sectionInner .info-boxes-icon {
  background: #00050f;
  color: #fff;
  width: 55px;
  height: 55px;
  border-radius: 55px;
  justify-content: center;
  justify-self: flex-end;
  align-items: center;
  padding: 5px;
  position: absolute;
  top: 0.9375rem;
  right: 0.9375rem;
}
#info-boxes .sectionInner p {
  width: 100%;
}
#info-boxes .sectionInner ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: inline-flex;
}
#info-boxes .sectionInner ul li {
  flex-direction: column;
  align-items: flex-end;
  display: inline-flex;
  width: 100%;
  padding: 1.875rem;
  margin: 0 0.5rem 1rem 0;
  color: #393A42;
  background: #fff;
  border: 1px solid #d2d3d3;
  font-size: 18px;
  position: relative;
}
#info-boxes .sectionInner ul li a {
  color: #e6312e;
  font-weight: bold;
  text-decoration: none;
  font-size: inherit;
}
#info-boxes .sectionInner ul li div {
  display: grid;
}
#info-boxes .sectionInner ul li i {
  font-size: 30px;
  display: inline-flex;
}
#info-boxes .sectionInner ul li h1, #info-boxes .sectionInner ul li h2, #info-boxes .sectionInner ul li h3, #info-boxes .sectionInner ul li h4, #info-boxes .sectionInner ul li h5, #info-boxes .sectionInner ul li h6, #info-boxes .sectionInner ul li p {
  width: 100%;
  align-self: flex-start;
  color: #393A42;
}
#info-boxes .sectionInner ul li .box-h3 {
  margin-top: 0;
  width: calc(100% - 65px);
  font-size: 24px;
}
#info-boxes .sectionInner ul li ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: disc;
  font-size: inherit;
}
#info-boxes .sectionInner ul li ul li {
  width: 100%;
  list-style: disc;
  padding: 0;
  font-size: inherit;
}
#info-boxes .sectionInner ul li p {
  margin-bottom: 0;
  font-size: inherit;
}
#info-boxes .sectionInner ul li p a {
  text-decoration: underline;
}
#info-boxes .sectionInner ul li:first-child {
  margin-left: 0;
}
#info-boxes .sectionInner ul li:last-child {
  margin-right: 0;
}
#info-boxes .sectionInner ul.items-1 li {
  width: 100%;
}
#info-boxes .sectionInner ul.items-6 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 2fr));
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
#info-boxes .sectionInner ul.items-6 li {
  margin: 0;
}
#info-boxes .sectionInner ul.items-7 {
  flex-wrap: wrap;
  justify-content: center;
}
#info-boxes .sectionInner ul.items-7 li:nth-child(4) {
  margin-right: 0;
}
#info-boxes .sectionInner ul.items-7 li:nth-child(5) {
  width: calc(34% - 1rem);
  margin-left: 0;
}
#info-boxes .sectionInner ul.items-7 li:nth-child(6) {
  width: calc(34% - 1rem);
}
#info-boxes .sectionInner ul.items-7 li:nth-child(7) {
  width: calc(34% - 1rem);
  margin-right: 0;
}
#info-boxes .sectionInner ul.items-2 li {
  width: 50%;
}
#info-boxes .sectionInner ul.items-6 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 2fr));
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
#info-boxes .sectionInner ul.items-6 li {
  margin: 0;
}
#info-boxes .sectionInner ul.items-7 {
  flex-wrap: wrap;
  justify-content: center;
}
#info-boxes .sectionInner ul.items-7 li:nth-child(4) {
  margin-right: 0;
}
#info-boxes .sectionInner ul.items-7 li:nth-child(5) {
  width: calc(34% - 1rem);
  margin-left: 0;
}
#info-boxes .sectionInner ul.items-7 li:nth-child(6) {
  width: calc(34% - 1rem);
}
#info-boxes .sectionInner ul.items-7 li:nth-child(7) {
  width: calc(34% - 1rem);
  margin-right: 0;
}
#info-boxes .sectionInner ul.items-3 li {
  width: 33.33%;
}
#info-boxes .sectionInner ul.items-6 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 2fr));
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
#info-boxes .sectionInner ul.items-6 li {
  margin: 0;
}
#info-boxes .sectionInner ul.items-7 {
  flex-wrap: wrap;
  justify-content: center;
}
#info-boxes .sectionInner ul.items-7 li:nth-child(4) {
  margin-right: 0;
}
#info-boxes .sectionInner ul.items-7 li:nth-child(5) {
  width: calc(34% - 1rem);
  margin-left: 0;
}
#info-boxes .sectionInner ul.items-7 li:nth-child(6) {
  width: calc(34% - 1rem);
}
#info-boxes .sectionInner ul.items-7 li:nth-child(7) {
  width: calc(34% - 1rem);
  margin-right: 0;
}
#info-boxes .sectionInner ul.items-4 li {
  width: 25%;
}
#info-boxes .sectionInner ul.items-6 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 2fr));
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
#info-boxes .sectionInner ul.items-6 li {
  margin: 0;
}
#info-boxes .sectionInner ul.items-7 {
  flex-wrap: wrap;
  justify-content: center;
}
#info-boxes .sectionInner ul.items-7 li:nth-child(4) {
  margin-right: 0;
}
#info-boxes .sectionInner ul.items-7 li:nth-child(5) {
  width: calc(34% - 1rem);
  margin-left: 0;
}
#info-boxes .sectionInner ul.items-7 li:nth-child(6) {
  width: calc(34% - 1rem);
}
#info-boxes .sectionInner ul.items-7 li:nth-child(7) {
  width: calc(34% - 1rem);
  margin-right: 0;
}
#info-boxes .sectionInner ul.items-5 li {
  width: 20%;
}
#info-boxes .sectionInner ul.items-6 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 2fr));
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
#info-boxes .sectionInner ul.items-6 li {
  margin: 0;
}
#info-boxes .sectionInner ul.items-7 {
  flex-wrap: wrap;
  justify-content: center;
}
#info-boxes .sectionInner ul.items-7 li:nth-child(4) {
  margin-right: 0;
}
#info-boxes .sectionInner ul.items-7 li:nth-child(5) {
  width: calc(34% - 1rem);
  margin-left: 0;
}
#info-boxes .sectionInner ul.items-7 li:nth-child(6) {
  width: calc(34% - 1rem);
}
#info-boxes .sectionInner ul.items-7 li:nth-child(7) {
  width: calc(34% - 1rem);
  margin-right: 0;
}
#info-boxes .sectionInner ul.items-6 li {
  width: 100%;
}
#info-boxes .sectionInner ul.items-6 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 2fr));
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
#info-boxes .sectionInner ul.items-6 li {
  margin: 0;
}
#info-boxes .sectionInner ul.items-7 {
  flex-wrap: wrap;
  justify-content: center;
}
#info-boxes .sectionInner ul.items-7 li:nth-child(4) {
  margin-right: 0;
}
#info-boxes .sectionInner ul.items-7 li:nth-child(5) {
  width: calc(34% - 1rem);
  margin-left: 0;
}
#info-boxes .sectionInner ul.items-7 li:nth-child(6) {
  width: calc(34% - 1rem);
}
#info-boxes .sectionInner ul.items-7 li:nth-child(7) {
  width: calc(34% - 1rem);
  margin-right: 0;
}
#info-boxes .sectionInner ul.items-7 li {
  width: calc(25% - 0.5rem);
}
#info-boxes .sectionInner ul.items-6 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 2fr));
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
#info-boxes .sectionInner ul.items-6 li {
  margin: 0;
}
#info-boxes .sectionInner ul.items-7 {
  flex-wrap: wrap;
  justify-content: center;
}
#info-boxes .sectionInner ul.items-7 li:nth-child(4) {
  margin-right: 0;
}
#info-boxes .sectionInner ul.items-7 li:nth-child(5) {
  width: calc(34% - 1rem);
  margin-left: 0;
}
#info-boxes .sectionInner ul.items-7 li:nth-child(6) {
  width: calc(34% - 1rem);
}
#info-boxes .sectionInner ul.items-7 li:nth-child(7) {
  width: calc(34% - 1rem);
  margin-right: 0;
}

/* FOUR PILLARS */
#pillars {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  padding: 1.875rem;
  margin: 0 0 3.75rem 0;
}
#pillars .sectionInner p {
  width: 100%;
}
#pillars ul {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  margin: 0;
}
#pillars ul li {
  display: inline-flex;
  width: 100%;
  margin: 1.875rem 0 0;
  margin: 0;
  transition: all ease-out 0.3s;
}
#pillars ul li a {
  display: inline-flex;
  width: 100%;
  align-items: center;
  text-decoration: none;
  color: #393A42;
}
#pillars ul li a .pillar-inner {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  padding: 0 1.875rem;
}
#pillars ul li a .pillar-inner h3 {
  font-size: 34px;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  position: relative;
  font-weight: normal;
  color: #393A42;
}
#pillars ul li a .pillar-inner h3::after {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  left: 0;
  bottom: 0;
  transition: all ease-out 0.3s;
  background: #00050f;
}
#pillars ul li a .pillar-inner p {
  margin: 0.9375rem 0;
}
#pillars ul li a .pillar-image {
  width: 120px;
  height: 120px;
  display: inline-flex;
  margin-right: 60px;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 1s forwards;
}
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#pillars ul li a li:nth-child(4n+1) .pillar-image {
  animation-delay: 0s;
}
#pillars ul li a li:nth-child(4n+3) .pillar-image {
  animation-delay: 0.5s;
}
#pillars ul li a li:nth-child(4n+5) .pillar-image {
  animation-delay: 1s;
}
#pillars ul li a li:nth-child(4n+7) .pillar-image {
  animation-delay: 1.5s;
}
#pillars ul li a:hover {
  border-bottom-right-radius: 30px;
}
#pillars ul li a:hover h3::after {
  width: 100%;
}
#pillars ul li .nolink {
  display: inline-flex;
  width: 100%;
  align-items: center;
  text-decoration: none;
  color: #393A42;
}
#pillars ul li .nolink .pillar-inner {
  padding: 1.875rem;
}
#pillars ul li.pillar-line {
  height: 100px;
  margin-top: 0;
  margin-left: 50px;
}
#pillars ul li.pillar-line .line {
  width: 1px;
  height: 0; /* Set initial height to 0 */
  background: #333;
  position: relative;
  animation: growLine 1.5s forwards; /* Apply animation */
}
#pillars ul li.pillar-line .line::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: -10px;
  bottom: 0;
  opacity: 0;
  border-radius: 100%;
  background: #00050f;
  animation: fadeIn 1.5s forwards;
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@keyframes growLine {
  to {
    height: 100%;
  }
}

#product-widget {
  padding: 0 1.875rem;
}
#product-widget .sectionInner {
  width: 100%;
  display: inline-block;
}
#product-widget .woocommerce {
  display: inline-block;
  width: 100%;
}
#product-widget .woocommerce a {
  text-decoration: none;
  color: #393A42;
}
#product-widget .woocommerce a img {
  width: 100%;
  padding: 1.875rem;
  border: 1px solid #00050f;
}
#product-widget .woocommerce a h2 {
  font-size: 20px;
}
#product-widget .woocommerce a.button {
  padding: 0.9375rem 1.875rem;
  color: #fff;
  font-weight: bold;
  transition: all ease-out 0.3s;
  display: inline-grid;
  width: 100%;
  margin: 0.9375rem 0 0 0;
  justify-content: center;
  background: #e6312e;
}
#product-widget .woocommerce a.button:hover {
  background: #00050f;
}
#product-widget .view-container {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}
#product-widget .view-container a.view-all {
  padding: 0.9375rem 1.875rem;
  background: #e6312e;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  margin: 1.875rem 0;
}
#product-widget .view-container a.view-all svg {
  margin: 0 0 0 5px;
}
#product-widget .view-container a.view-all:hover {
  background: #AC1D1B;
}

/* specialist area */
#specialist {
  padding: 0 3.755rem;
}
#specialist .sectionInner {
  padding: 1.875rem 0;
}
#specialist h3 {
  width: 100%;
  text-align: center;
  font-size: 40px;
  margin: 0 0 0.9375rem 0;
}
#specialist p {
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 1.2em;
}
#specialist ul {
  width: 100%;
  margin: 1.875rem 0 3.75rem;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 2fr));
  gap: 0.9375rem;
  justify-items: center;
}
#specialist ul li {
  list-style: none;
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: column;
  background: #f2f2f2;
}
#specialist ul li .special-image {
  width: 100%;
  height: 300px;
}
#specialist ul li .special-inner {
  padding: 1.875rem 1.875rem 6.75rem;
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  flex-grow: 1;
}
#specialist ul li .special-inner h4 {
  margin: 0 0 0.9375rem;
  font-weight: 700;
  font-size: 16px;
}
#specialist ul li .special-inner p {
  width: 100%;
  display: inline-flex;
  justify-content: flex-start;
  text-align: left;
  min-height: 115px;
}
#specialist ul li .special-inner a {
  padding: 0.9375rem;
  text-decoration: none;
  border: 1px solid #00050f;
  margin: 0.9375rem 0 0;
  display: inline-flex;
  color: #393A42;
  transition: all ease-out 0.3s;
  position: absolute;
  bottom: 1.875rem;
}
#specialist ul li .special-inner a:hover {
  color: #fff;
  background: #00050f;
}

/* download widget */
#download-widget {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 1.8758rem 0;
  padding: 0 3.75rem;
}
#download-widget .sectionInner {
  padding: 1.875rem 0;
  max-width: 1024px;
  width: 100%;
}
#download-widget ul {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 0.9375rem 0;
  padding: 0;
}
#download-widget ul li {
  display: inline-flex;
  width: 100%;
  margin: 0 0 0.9375rem 0;
}
#download-widget ul li a {
  display: inline-flex;
  color: #393A42;
  width: 100%;
  list-style: none;
  align-items: center;
  padding: 0 0 0.9375rem 0;
  text-decoration: none;
  transition: all ease-out 0.3s;
  border-bottom: 1px solid #d2d3d3;
}
#download-widget ul li a i {
  color: #393A42;
}
#download-widget ul li a svg {
  width: 35px;
  margin: 0 1.875rem 0 0;
  fill: #00050f;
}
#download-widget .dl-block {
  width: 100%;
}
#download-widget .dl-title {
  font-size: 24px;
  line-height: 1.2em;
  font-weight: bold;
  color: #17223B;
}
#download-widget .dl-text {
  font-size: 20px;
  color: #17223B;
}
#download-widget .dl-button {
  padding: 0.9375rem 1.875rem;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  background: #00050f;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  transition: all ease-out 0.3s;
}
#download-widget .dl-button:hover {
  background: #e6312e;
  border-bottom-right-radius: 20px;
}
#download-widget .dl-button svg {
  fill: #fff;
  margin: 0 0 0 10px;
}

/* LOGO SLIDER */
#customers-widget .sectionInner {
  padding: 1.875rem 0;
}
#customers-widget #customer-slider {
  width: 100%;
}
#customers-widget #customer-slider .customer-logo {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1.875rem;
}
#customers-widget #customer-slider .customer-logo a {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  position: relative;
}
#customers-widget #customer-slider .customer-logo .color-logo {
  position: absolute;
  opacity: 0;
  transition: all ease-out 0.3s;
}
#customers-widget #customer-slider .customer-logo:hover .color-logo {
  opacity: 1;
}

/* BANNER WIDGET */
#banner {
  padding: 0 1.875rem;
  margin: 1.875rem 0;
  display: inline-flex;
  justify-content: center;
  width: 100%;
}
#banner .sectionInner .banner-block {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 1.875rem 0;
}
#banner .sectionInner .banner-block ul {
  width: 100%;
  margin: 0 0 0.9375rem 0;
}
#banner .sectionInner .banner-block a {
  color: inherit;
  font-weight: bold;
}
#banner .sectionInner .banner-block a.cta-button {
  color: #fff;
}
#banner .sectionInner .title {
  width: 100%;
  font-size: 34px;
  margin: 0.9375rem 0;
}
#banner .sectionInner .desc {
  width: 100%;
}

/* CONTENT BLOCK WIDGET */
#content-block {
  padding: 0 3.75rem;
}
#content-block .sectionInner ul {
  width: 100%;
  padding: 0;
  margin: 0 0 1.875rem 0;
  list-style: none;
}
/* Global banner widget */
.hideBanner {
  height: 0;
  display: block;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  background-color: #DF312F;
  overflow: hidden;
  color: #ffffff;
  padding: 0 3.75rem;
  transition: all ease-out 0.4s;
  overflow: hidden;
}
.hideBanner h4 {
  margin: 0 0 10px 0;
  width: 100%;
  color: #fff;
}
.hideBanner .inner {
  max-width: 1440px;
  padding: 0.9375rem 1.875rem 0.9375rem 0;
  height: 100%;
  display: inline-flex;
  align-items: center;
  position: relative;
  top: -30px;
  opacity: 0;
  transition: all ease-out 0.4s;
}
.hideBanner .inner .site-banner-block {
  padding: 0 0.9375rem 0 0;
}
.hideBanner .inner .banner-close-button {
  position: absolute;
  right: 0;
  top: 0.9375rem;
  background: none;
  border: 0;
  color: #fff;
  font-size: 30px;
  z-index: 20;
  opacity: 0.6;
  transition: all ease-out 0.3s;
}
.hideBanner .inner .banner-close-button:hover {
  cursor: pointer;
  opacity: 1;
}
.hideBanner .inner p {
  width: 100%;
  color: #fff;
}
.hideBanner .inner p:last-child {
  margin: 0;
}
.hideBanner .inner a.cta-button {
  background: #fff;
  color: #e6312e;
  margin: 0 0.9375rem 0 0;
  padding: 10px 0.9375rem;
  line-height: 1.1em;
}
.hideBanner.open {
  height: auto;
  opacity: 1;
}
.hideBanner.open .inner {
  top: 0;
  opacity: 1;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

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

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

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  font-family: "Helvetica Neue", arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  line-height: 1em;
  color: #393A42;
}

body {
  line-height: 1.2em;
  font-size: 1.1rem;
  font-weight: 300;
}
@media screen and (min-width: 320px) {
  body {
    font-size: calc(1.1rem + (1.2rem - 1.1rem) * (90vw - 320px) / (1920px - 320px));
  }
}
@media screen and (min-width: 1920px) {
  body {
    font-size: 1.2rem;
  }
}

/* Forms
--------------------------------------------- */
.cta-button {
  padding: 0.9375rem 1.875rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  transition: all ease-out 0.5s;
  position: relative;
  display: inline-flex;
  align-items: center;
  border: 0;
  font-size: 18px;
  background: #e6312e;
}
.cta-button svg {
  right: 0;
  opacity: 0;
  position: absolute;
  transition: all ease-out 0.5s;
}
.cta-button:hover {
  cursor: pointer;
  background: #AC1D1B;
}
.cta-button:hover svg {
  opacity: 1;
  right: 0.9375rem;
}

.cta-button.red {
  background: #e6312e;
}
.cta-button.red:hover {
  background: #00050f;
}

.cta-button.black {
  background: #00050f;
}
.cta-button.black:hover {
  background: #e6312e;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  border-radius: 3px;
  padding: 3px;
}
textarea {
  width: 100%;
}

/* Elements
--------------------------------------------- */
body.no-scroll {
  overflow: hidden;
}

#blog-view {
  padding: 0 3.75rem;
}

#blog-list {
  display: inline-flex;
  width: 100%;
}
#blog-list ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 2fr));
  gap: 1.875rem;
  width: 100%;
  list-style: none;
  margin: 1.875rem 0;
  padding: 0;
}
#blog-list ul li {
  width: 100%;
  margin: 0 0 1.875rem 0;
}
#blog-list ul li a {
  text-decoration: none;
  font-size: 18px;
}
#blog-list ul li a .blog-list-image {
  width: 100%;
  height: 250px;
}
#blog-list ul li a .blog-list-content {
  padding: 1.875rem;
  display: inline-flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
}
#blog-list ul li a .blog-list-content h4 {
  color: #393A42;
}
#blog-list ul li a .blog-list-content p {
  color: #393A42;
}
#blog-list ul li a:hover .cta-button {
  cursor: pointer;
  background: #e6312e;
}
#blog-list ul li a:hover .cta-button svg {
  opacity: 1;
  right: 0.9375rem;
}

#pagination {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  margin: 0 0 1.875rem 0;
}
#pagination ul {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  max-width: 1024px;
  margin: 0;
}
#pagination ul li {
  list-style: none;
  padding: 0 0.9375rem;
}
#pagination ul li a,
#pagination ul li span {
  margin: 0;
  font-weight: 700;
  color: #cc2e43;
  text-transform: initial;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  text-decoration: none;
  transition: all ease-out 0.3s;
}
#pagination ul li a:hover {
  background: #cc2e43;
  color: #fff;
}
#pagination ul span {
  color: #231f20;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

section,
.page-head {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
}
section .sectionInner,
.page-head .sectionInner {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1440px;
  padding: 0;
}
section .sectionInner .breadcrumbs,
.page-head .sectionInner .breadcrumbs {
  width: 100%;
}
section .sectionInner h1,
.page-head .sectionInner h1 {
  color: #393A42;
  width: 100%;
}

#carousel {
  display: inline-flex;
  position: relative;
}
#carousel .sectionInner {
  max-width: 100%;
  padding: 0;
  justify-content: center;
}

section.standard-view,
section#listing-view {
  padding: 1.875rem;
}

#listing-view .listing-list {
  list-style: none;
  padding: 0;
  margin: 1.875rem 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 2fr));
  gap: 1.875rem;
}
#listing-view .listing-list li {
  display: inline-flex;
  flex-direction: column;
  background: #fff;
  height: auto;
  width: 100%;
  transition: all ease-out 0.3s;
}
#listing-view .listing-list li .listing-image {
  width: 100%;
  display: inline-flex;
  height: 250px;
}
#listing-view .listing-list li .listing-content {
  display: inline-flex;
  width: 100%;
  flex-wrap: wrap;
  flex-grow: 1;
  padding: 1.875rem 0 3.75rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
#listing-view .listing-list li .listing-content h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2em;
  color: #393A42;
  padding: 0 0 0.9375rem 0;
  margin: 0 0 0.9375rem 0;
  width: 100%;
  text-transform: none;
  position: relative;
}
#listing-view .listing-list li .listing-content h4::after {
  content: "";
  position: absolute;
  width: 30%;
  height: 1px;
  background: #00050f;
  bottom: 0;
  left: 0;
}
#listing-view .listing-list li .listing-content p {
  font-weight: bold;
  line-height: 1.2em;
  margin: 0 0 1.875rem;
}
#listing-view .listing-list li .listing-content a {
  color: #393A42;
  text-decoration: none;
  left: 0;
  overflow: hidden;
  position: absolute;
  bottom: 1.875rem;
  left: 0;
}
#listing-view .listing-list li .listing-content a::after {
  content: "";
  position: absolute;
  left: -100%;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #00050f;
  transition: all ease-out 0.3s;
}
#listing-view .listing-list li .listing-content a:hover::after {
  left: 0;
}

.page-head {
  margin: 0;
  padding: 1.875rem 3.75rem 0;
  display: inline-flex;
  width: 100%;
  align-items: flex-start;
  position: relative;
  z-index: 10;
}
.page-head .breadcrumbs {
  font-size: 14px;
  font-weight: bold;
  color: #393A42;
}
.page-head .breadcrumbs a {
  color: #e6312e;
  text-decoration: none;
}

.customWrapper {
  display: inline-flex;
  padding: 0.9375rem;
  background: #f2f2f2;
  margin: 1.875rem 0;
  justify-content: center;
  width: 100%;
}
.customWrapper .customButton {
  padding: 0.9375rem 1.875rem;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  width: auto;
  font-size: 20px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #fff;
  background: #00050f;
  transition: all ease-out 0.3s;
}
.customWrapper .customButton:hover {
  background: #e6312e;
}

.page-head.top-image-box h1, .page-head.top-image-box span {
  color: #fff;
}
.page-head.top-image-box a span {
  color: #e6312e;
}
.page-head.top-image-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 300px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%);
}

.dots {
  background-image: url("/app/themes/arco/assets/images/separator_dots.png");
  height: 45px;
  width: 100%;
  display: inline-flex;
  margin: 0.9375rem 0;
}

.video_player {
  height: 100%;
  width: 100%;
  aspect-ratio: 16/9;
}

.user-content {
  display: inline-block;
  width: 100%;
}
.user-content p a {
  font-weight: bold;
  color: #393A42;
}
.user-content blockquote {
  padding: 0.9375rem;
  margin: 0 0 1.875rem 0;
  background: #f2f2f2;
}
.user-content ul, .user-content ol {
  margin: 0 0 0.9375rem 0;
  padding: 0 0 0 1.875rem;
}

.site-header .sectionInner {
  display: inline-flex;
  width: 100%;
  flex-wrap: wrap;
}

.user-content {
  width: 100%;
}

.header-top,
.header-bottom {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  position: relative;
}

.header-top {
  padding: 0 3.75rem;
  background: #fff;
  z-index: 50;
}

.header-bottom {
  z-index: 30;
  background: #d2d3d3;
}

.main-logo {
  display: inline-flex;
  width: 100%;
}
.main-logo a {
  display: inline-flex;
  width: 100%;
}
.main-logo a img {
  width: auto;
  max-height: 95px;
}

/* search box */
/* Override autofill background color for input fields */
input:-internal-autofill-selected {
  background-color: transparent !important; /* or any other color */
}

#masthead .search-wrapper {
  display: inline-flex;
  flex-wrap: wrap;
  position: fixed;
  top: -100%;
  left: 0;
  height: 100%;
  opacity: 0.5;
  transition: all ease-out 0.7s;
  background: rgba(0, 5, 15, 0.9);
  width: 100%;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  padding: 3.75rem;
  z-index: 100;
}
#masthead .search-wrapper input:-internal-autofill-selected {
  background-color: inherit !important;
}
#masthead .search-wrapper.open {
  top: 0;
  opacity: 1;
}
#masthead .search-wrapper form {
  width: 100%;
  max-width: 920px;
  height: auto;
  display: inline-flex;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #fff;
  background: none;
  border-radius: 0;
  font-size: 24px;
}
#masthead .search-wrapper form input[type=submit] {
  width: auto;
  border-radius: 0;
  background: #fff;
  padding: 8px 0.9375rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #393A42;
  border: 0;
  font-size: 20px;
  font-weight: 600;
}
#masthead .search-wrapper form input[type=submit]:hover {
  cursor: pointer;
}
#masthead .search-wrapper form label {
  width: 100%;
  font-size: 28px;
  letter-spacing: normal;
  margin: 0;
  display: inline-flex;
  color: #fff;
}
#masthead .search-wrapper form label input {
  background: rgba(0, 0, 0, 0) !important;
  border: 0;
  color: #fff;
  border-radius: 0;
  width: 100%;
  font-size: 24px;
  display: inline-flex;
  padding: 8px 0.9375rem 8px 0;
}
#masthead .search-wrapper form label input:focus {
  border: 0;
  outline: 0;
  color: #fff;
}
#masthead .search-wrapper form label input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1;
  background: none;
  /* Firefox */
}
#masthead .search-wrapper form label input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
  background: none;
}
#masthead .search-wrapper form label input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;
  background: none;
}
#masthead .search-wrapper form label input:focus::placeholder {
  color: transparent;
  background: none;
}
#masthead .search-close {
  display: inline-flex;
  width: 100%;
  max-width: 920px;
  justify-content: flex-end;
  margin: 3.75rem 0;
}
#masthead .search-close img {
  width: 15px;
  padding: 10px 0;
}
#masthead .search-close img:hover {
  cursor: pointer;
}

#searchresults {
  padding: 0 3.75rem;
}
#searchresults .sectionInner {
  max-width: 1440px;
}
#searchresults .sectionInner p {
  width: 100%;
}
#searchresults .sectionInner .search-filter {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  background: #f2f2f2;
  padding: 0.9375rem;
  justify-content: center;
  align-items: center;
}
#searchresults .sectionInner .search-filter h5 {
  margin: 0;
}
#searchresults .sectionInner .search-filter a {
  color: #00050f;
  text-decoration: none;
  margin: 0 10px;
  font-size: 18px;
  transition: all ease-out 0.3s;
}
#searchresults .sectionInner .search-filter a:hover {
  color: #e6312e;
}
#searchresults ul {
  width: 100%;
  padding: 0;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 1.875rem 0;
}
#searchresults ul li {
  display: inline-flex;
  background: #fff;
  margin: 0.9375rem 0 0 0;
  max-width: 49%;
  width: 100%;
  border: 1px solid #f2f2f2;
  transition: all ease-out 0.3s;
}
#searchresults ul li.product-item {
  border: 0;
  flex-direction: column;
  margin: 0 0 2rem 0;
  max-width: 24%;
  position: relative;
  padding-bottom: 6.875rem;
}
#searchresults ul li.product-item .product-item-link {
  aspect-ratio: 1/1;
  align-items: center;
  background: #fff;
  display: flex;
  justify-content: center;
  text-decoration: none;
  position: relative;
  width: 100%;
  border: 1px solid #ccc;
  transition: all ease-out 0.3s;
  padding: 0;
}
#searchresults ul li.product-item .product-item-link a:hover {
  border: 1px solid #e6312e;
}
#searchresults ul li.product-item .product-item-link img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  padding: 0.9375rem;
  height: auto;
}
#searchresults ul li.product-item form {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#searchresults ul li a {
  display: inline-flex;
  width: 100%;
  padding: 1.875rem;
  position: relative;
  font-family: texgyreadventor-regular arial, sans-serif;
  text-decoration: none;
  background: #f0f0f0;
}
#searchresults ul li a .search-block {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
}
#searchresults ul li a .search-block.search-image {
  max-width: 150px;
  height: 100%;
  margin: 0 0.9375rem 0 0;
}
#searchresults ul li a img {
  max-width: 100px;
  max-height: 100px;
  width: auto;
}
#searchresults ul li a .search-title {
  font-size: 24px;
  line-height: 1em;
  font-weight: bold;
  color: #393A42;
  padding: 0;
  margin: 0 0 0.9375rem 0;
  width: 100%;
}
#searchresults ul li a .search-text {
  width: 100%;
  line-height: 1.2em;
  color: #333;
  font-size: 16px;
  margin: 0 0 0.9375rem 0;
}
#searchresults ul li a .cta-button {
  margin-top: 0.9375rem;
}
#searchresults ul li a nav a.button {
  background: #fff;
  color: #393A42;
  border: 2px solid #00050f;
  border-radius: 15px;
  padding: 0.9375rem 20px 20px;
  margin-top: 1.875rem;
  font-size: 18px;
  font-family: "texgyreadventor-bold", Arial, Helvetica, sans-serif;
  width: auto;
  display: inline-flex;
  text-decoration: none;
  align-items: center;
  line-height: 1.2em;
  position: relative;
  overflow: hidden;
  z-index: 5;
}
#searchresults ul li a nav a.button:hover {
  color: #fff;
  background: #00050f;
}
#searchresults ul .navigation {
  width: 100%;
}
#searchresults ul .nav-links {
  margin-top: 1.875rem;
}

.navigation {
  width: 100%;
}

.nav-links {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  padding: 1.875rem 0;
  margin: 0 0 1.875rem 0;
}
.nav-links a {
  padding: 0.9375rem 1.875rem;
  background: #00050f;
  color: #fff;
  font-weight: bold;
  margin: 0.9375rem 0;
  text-decoration: none;
}

.menu-top-nav-container img, .menu-top-nav-container .social-icons, .menu-top-nav-container .dots {
  display: none;
}

#footer {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  padding: 1.875rem 3.75rem;
  background: #d2d3d3;
}
#footer .sectionInner {
  width: 100%;
  max-width: 1440px;
  padding: 0;
}
#footer .sectionInner h5 {
  font-size: 24px;
  display: inline-block;
  width: auto;
  margin: 0.9375rem 0;
  border-bottom: 1px solid #e6312e;
}
#footer .sectionInner a {
  color: #393A42;
  overflow: hidden;
  position: relative;
  z-index: 10;
  transition: all ease-out 0.3s;
}
#footer .sectionInner a:hover {
  color: #e6312e;
}
#footer .sectionInner a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0px;
  bottom: 0;
  left: 0;
  transition: all ease-out 0.3s;
  z-index: -1;
  background: #e6312e;
}
#footer .sectionInner a:hover::after {
  height: 1px;
  bottom: 2px;
}
#footer .sectionInner #footer-top {
  display: inline-flex;
  width: 100%;
  padding: 0 0 0.9375rem 0;
}
#footer .sectionInner #footer-top .footer-block {
  display: inline-block;
  width: 100%;
}
#footer .sectionInner #footer-top .footer-block ul {
  margin: 0;
  padding: 0;
  display: inline-flex;
  width: 100%;
  flex-wrap: wrap;
}
#footer .sectionInner #footer-top .footer-block ul li {
  width: 100%;
  list-style: none;
  padding: 0;
}
#footer .sectionInner #footer-top .footer-block ul li a {
  width: auto;
  display: inline-flex;
  text-decoration: none;
  font-size: 20px;
  padding: 8px 0;
  margin: 0;
}
#footer .sectionInner #footer-top .footer-block.social {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
#footer .sectionInner #footer-top .footer-block.social ul {
  flex-wrap: nowrap;
}
#footer .sectionInner #footer-top .footer-block.social ul li {
  width: 30px;
  margin: 0;
}
#footer .sectionInner #footer-bottom {
  display: inline-flex;
  width: 100%;
  padding: 1.875rem 0 0 0;
  border-top: 1px solid #00050f;
}
#footer .sectionInner #footer-bottom .left-side {
  flex-wrap: wrap;
  display: inline-flex;
  width: 100%;
}
#footer .sectionInner #footer-bottom .left-side div {
  width: 100%;
  margin: 0 0 0.9375rem 0;
}
#footer .sectionInner #footer-bottom .left-side div a {
  color: #e6312e;
  width: 100%;
  display: inline-flex;
  margin-top: 5px;
  font-weight: bold;
  text-decoration: none;
}
#footer .sectionInner #footer-bottom .left-side div a:hover::after {
  display: none;
}
#footer .sectionInner #footer-bottom .left-side div p {
  margin: 0;
}
#footer .sectionInner #footer-bottom .left-side div:last-child {
  margin: 0;
}
#footer .sectionInner #footer-bottom .right-side {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: column;
  align-items: flex-end;
}
#footer .sectionInner #footer-bottom .right-side ul {
  display: inline-flex;
  width: 100%;
  margin: 0;
  padding: 0;
  justify-content: flex-end;
  align-items: flex-end;
}
#footer .sectionInner #footer-bottom .right-side ul li {
  display: inline-flex;
  list-style: none;
  padding: 0 0.9375rem;
}
#footer .sectionInner #footer-bottom .right-side ul li a {
  font-size: 18px;
  text-decoration: none;
}
#footer .sectionInner #footer-bottom .right-side ul li:last-child {
  padding-right: 0;
}

.woocommerce-breadcrumb {
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  padding: 1.875rem;
  color: #393A42;
}
.woocommerce-breadcrumb a {
  font-size: 14px;
  font-weight: bold;
  color: #e6312e;
}

.woocommerce-products-header {
  padding: 0 1.875rem;
}

.woocommerce-variation-price,
.woocommerce-variation-availability,
.woocommerce-variation-lead_time {
  font-size: 14px;
}

#library-group {
  display: inline-flex;
  width: 100%;
  gap: 1.875rem;
  padding: 0 1.875rem;
}
#library-group .widgetizedArea {
  width: 100%;
  margin: 0 0 1.875rem 0;
}
#library-group .widgetizedArea .woocommerce-product-search {
  display: inline-flex;
  align-items: center;
  width: 100%;
  margin: 0 0 0.875rem 0;
}
#library-group .widgetizedArea .woocommerce-product-search input {
  margin: 0;
  display: inline-flex;
  width: 100%;
  border-radius: 5px;
}
#library-group .widgetizedArea .filters-container form {
  margin: 0;
}
#library-group .widgetizedArea .filters-container form div {
  width: 100%;
}
#library-group .library-results {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
}
#library-group .yith-wcan-filters .yith-wcan-filter {
  margin: 0;
}
#library-group .library-filter,
#library-group #searchResultsArea {
  display: inline-flex;
  flex-wrap: wrap;
  width: 320px;
  flex-shrink: 0;
  justify-content: flex-start;
  flex-direction: column;
  margin-top: 4px;
}
#library-group .library-filter .library-filter-button,
#library-group .library-filter .library-filter-close,
#library-group .library-filter .close-filter,
#library-group #searchResultsArea .library-filter-button,
#library-group #searchResultsArea .library-filter-close,
#library-group #searchResultsArea .close-filter {
  display: none;
}
#library-group .library-filter .filters-container label,
#library-group #searchResultsArea .filters-container label {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  color: #393A42 !important;
}
#library-group .library-filter .filters-container label a,
#library-group #searchResultsArea .filters-container label a {
  color: #393A42;
}
#library-group .library-filter .filters-container .filter-title,
#library-group #searchResultsArea .filters-container .filter-title {
  padding: 0.9375rem 0;
  margin: 0;
  line-height: 1.4em;
  font-size: 16px;
  text-transform: uppercase;
  border-top: 1px solid #00050f;
}
#library-group .library-filter .filters-container .filter-tax:first-child .filter-title,
#library-group #searchResultsArea .filters-container .filter-tax:first-child .filter-title {
  border-top: none;
}
#library-group .library-filter .filters-container h4.filter-title,
#library-group #searchResultsArea .filters-container h4.filter-title {
  position: relative;
}
#library-group .library-filter .filters-container h4.filter-title::after,
#library-group #searchResultsArea .filters-container h4.filter-title::after {
  content: "–";
  font-size: 26px;
  position: absolute;
  right: 0;
}
#library-group .library-filter .filters-container h4.filter-title.closed::after,
#library-group #searchResultsArea .filters-container h4.filter-title.closed::after {
  content: "+";
}
#library-group .library-filter .filters-container .filter-content ul,
#library-group #searchResultsArea .filters-container .filter-content ul {
  padding: 0.9375rem 0;
}
#library-group .library-filter .filters-container .filter-content ul li,
#library-group #searchResultsArea .filters-container .filter-content ul li {
  line-height: 1.5em;
}
#library-group .library-filter .filters-container input[type=checkbox],
#library-group #searchResultsArea .filters-container input[type=checkbox] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: none;
  margin: 0 0.9375rem 0 0;
  font: inherit;
  position: relative;
  color: currentColor;
  width: 20px;
  height: 20px;
  border: 1px solid #00050f;
}
#library-group .library-filter .filters-container input[type=checkbox]::before,
#library-group #searchResultsArea .filters-container input[type=checkbox]::before {
  content: "\f00c";
  font-family: fontawesome;
  font-size: 14px;
  width: 8px;
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  transform-origin: center;
  height: 8px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
}
#library-group .library-filter .filters-container input[type=checkbox]:checked::before,
#library-group #searchResultsArea .filters-container input[type=checkbox]:checked::before {
  transform: scale(1);
}
#library-group .library-filter .filters-container input[type=checkbox]:disabled,
#library-group #searchResultsArea .filters-container input[type=checkbox]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
#library-group .library-filter .filters-container button,
#library-group #searchResultsArea .filters-container button {
  font-size: 16px;
  padding: 0.9375rem;
  margin: 0;
  color: #fff;
  font-weight: bold;
  border: none;
  border-radius: 0;
  background: #00050f;
  transition: all ease-out 0.3s;
}
#library-group .library-filter .filters-container button:hover,
#library-group #searchResultsArea .filters-container button:hover {
  cursor: pointer;
  background: #e6312e;
}
#library-group .library-results {
  position: relative;
  flex-direction: column;
}
#library-group .library-results p {
  width: 100%;
  height: auto;
  padding: 0.9375rem 0;
  margin: 0 0 1.875rem 0;
  display: inline-flex;
  color: #393A42;
  border-bottom: 1px solid #00050f;
}
#library-group .library-results .woocommerce-ordering {
  position: absolute;
  right: 0;
  top: calc(0.9375rem - 6px);
  font-size: 18px;
}
#library-group .library-results .woocommerce-ordering label {
  color: #393A42;
}
#library-group .library-results .woocommerce-ordering select {
  padding: 5px;
}

.products {
  width: 100%;
  margin: 0;
  padding: 0;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.products li {
  display: inline-flex;
  flex-wrap: wrap;
}
.products li .button {
  width: 100%;
  font-size: 16px;
  padding: 0.9375rem 1.875rem;
  color: #393a40;
  text-align: center;
  margin: 0.9375rem 0 0 0;
  transition: all ease-out 0.3s;
  background: #d2d3d3;
  border: 0;
  align-self: flex-end;
  font-weight: 700;
}
.products li .button:hover {
  cursor: pointer;
  background: #b2b4b6;
  border: 0;
}
.products li .purchase_block_hire {
  width: 100%;
  align-items: flex-end;
  display: inline-flex;
}
.products li a {
  font-size: 18px;
  width: 100%;
  width: 100%;
  text-decoration: none;
  position: relative;
  color: #393A42;
}
.products li a ins {
  font-weight: bold;
}
.products li a .product-image-wrapper {
  aspect-ratio: 1/1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
  width: 100%;
  padding: 1.875rem;
}
.products li a .product-image-wrapper img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  padding: 0.9375rem;
  transition: all ease-out 0.3s;
}
.products li a h2 {
  font-size: 17px;
  line-height: 1.2em;
}
.products li a.button {
  width: 100%;
  font-weight: bold;
  padding: 0.9375rem 1.875rem;
  color: #393a40;
  text-align: center;
  margin: 0.9375rem 0 0 0;
  transition: all ease-out 0.3s;
  background: #d2d3d3;
}
.products li a.button:hover {
  background: #b2b4b6;
}
.products li form {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  position: relative;
  margin: 10px 0 0 0;
}
.products li form ul {
  margin: 0 0 10px 0;
  width: 100%;
  padding: 0;
}
.products li form ul li {
  align-items: center;
}
.products li form ul li .label {
  font-weight: bold;
  margin: 0 5px 0 0;
  font-size: 16px;
}
.products li form ul li .value {
  max-width: 100%;
}
.products li form ul li .value select {
  width: 100%;
  max-width: 175px;
  height: 35px;
  border-radius: 0;
  font-size: 16px;
}
.products li form ul.variations {
  display: inline-flex;
  width: 100%;
  padding: 10px;
  background: #f2f2f2;
}
.products li form ul.variations li {
  justify-content: space-between;
  width: 100%;
}
.products li form .single_variation_wrap {
  width: 100%;
}
.products li form table {
  margin: 10px 0;
}
.products li form .quantity {
  width: 100%;
  max-width: 120px;
  display: inline-flex;
}
.products li form .quantity input {
  width: 40px;
  height: 38px;
  border: none;
  border-radius: 0;
  margin-right: 2px;
  background: #f2f2f2;
}
.products li form .quantity input.qty {
  width: 55px;
}
.products li form .quantity input[type=number] {
  border: 1px solid #ccc;
  background: #fff;
  font-size: 16px;
  text-align: center;
}

.onsale {
  position: absolute;
  left: -20px;
  top: -20px;
  padding: 10px;
  aspect-ratio: 1/1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.1);
  background: #00050f;
}

/* products widget */
#products-slider .slick-slide {
  padding: 0.9375rem;
  display: inline-flex;
  flex-wrap: wrap;
}
#products-slider .slick-track {
  display: flex !important;
}
#products-slider .slick-slide {
  height: inherit !important;
}

.product-item .button {
  width: 100%;
  font-weight: bold;
  padding: 0.9375rem 1.875rem;
  color: #393a40;
  font-size: 18px;
  text-align: center;
  margin: 0.9375rem 0 0 0;
  transition: all ease-out 0.3s;
  border: 0;
  align-self: flex-end;
  cursor: pointer;
  background: #d2d3d3;
  font-weight: 700;
}
.product-item .button:hover {
  background: #b2b4b6;
  border: 0;
}
.product-item h2 {
  font-size: 17px;
  line-height: 1.2em;
}
.product-item h2 a {
  border: none;
}
.product-item > a {
  aspect-ratio: 1/1;
  align-items: center;
  display: flex;
  justify-content: center;
}
.product-item a {
  font-size: 18px;
  text-decoration: none;
  position: relative;
  color: #393A42;
  width: 100%;
  border: 1px solid #ccc;
  transition: all ease-out 0.3s;
}
.product-item a img {
  width: 100%;
  padding: 0.9375rem;
  height: auto;
}
.product-item a:hover {
  border: 1px solid #e6312e;
}
.product-item a.button {
  width: 100%;
  font-weight: bold;
  padding: 0.9375rem 1.875rem;
  color: #fff;
  font-size: 18px;
  text-align: center;
  margin: 0.9375rem 0 0 0;
  transition: all ease-out 0.3s;
  background: #e6312e;
}
.product-item a.button:hover {
  background: #00050f;
}
.product-item a .onsale {
  position: absolute;
  left: -20px;
  top: -20px;
  padding: 10px;
  aspect-ratio: 1/1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.1);
  background: #00050f;
}
.product-item form {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  position: relative;
  margin: 10px 0 0 0;
}
.product-item form ul {
  margin: 0 0 10px 0;
  width: 100%;
  padding: 0;
}
.product-item form ul li {
  align-items: center;
}
.product-item form ul li .label {
  font-weight: bold;
  margin: 0 5px 0 0;
  font-size: 16px;
}
.product-item form ul li .value {
  max-width: 100%;
}
.product-item form ul li .value select {
  width: 100%;
  max-width: 175px;
  height: 35px;
  border-radius: 0;
  font-size: 16px;
}
.product-item form .single_variation_wrap {
  width: 100%;
}
.product-item form table {
  margin: 10px 0;
}
.product-item form .quantity {
  width: 100%;
  display: inline-flex;
}
.product-item form .quantity input[type=number] {
  border: 1px solid #ccc;
  background: #fff;
  font-size: 16px;
  text-align: center;
}
.product-item form .quantity input {
  width: 40px;
  height: 38px;
  border: none;
  border-radius: 0;
  margin-right: 2px;
  background: #f2f2f2;
}
.product-item form .quantity input.qty {
  width: 55px;
}

.woocommerce-pagination {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  margin: 0 0 1.875rem 0;
}
.woocommerce-pagination ul {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  max-width: 1024px;
  margin: 0;
}
.woocommerce-pagination ul li {
  list-style: none;
  padding: 0 0.9375rem;
}
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
  margin: 0;
  font-weight: 700;
  color: #cc2e43;
  text-transform: initial;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  text-decoration: none;
  transition: all ease-out 0.3s;
}
.woocommerce-pagination ul li a.current,
.woocommerce-pagination ul li span.current {
  background: #cc2e43;
  color: #fff;
}
.woocommerce-pagination ul li a:hover {
  background: #cc2e43;
  color: #fff;
}
.woocommerce-pagination ul span {
  color: #231f20;
}

.tax-toggle-prices .price-including-tax.active,
.tax-toggle-prices .price-excluding-tax.active {
  background: #e6312e;
  padding: 5px 0.9375rem;
  color: #fff;
}
.tax-toggle-prices .price-including-tax.active:hover,
.tax-toggle-prices .price-excluding-tax.active:hover {
  cursor: pointer;
}

.tax-toggle-prices .price-including-tax.inactive,
.tax-toggle-prices .price-excluding-tax.inactive {
  background-color: grey;
  padding: 5px 0.9375rem;
  color: #fff;
}
.tax-toggle-prices .price-including-tax.inactive:hover,
.tax-toggle-prices .price-excluding-tax.inactive:hover {
  cursor: pointer;
}

.woocommerce-tabs {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  z-index: 10;
}
.woocommerce-tabs .woocommerce-Tabs-panel {
  width: 100%;
  border: 1px solid #ccc;
  margin: 0;
  position: relative;
  top: -1px;
  padding: 0.9375rem;
}
.woocommerce-tabs .woocommerce-Tabs-panel table th, .woocommerce-tabs .woocommerce-Tabs-panel table td {
  text-align: left;
  font-size: 20px;
}
.woocommerce-tabs .woocommerce-Tabs-panel table th p, .woocommerce-tabs .woocommerce-Tabs-panel table td p {
  margin: 0;
  display: inline-flex;
  width: 100%;
  align-items: center;
}
.woocommerce-tabs ul.tabs {
  flex-wrap: wrap;
  display: inline-flex;
}
.woocommerce-tabs ul.tabs li a {
  text-decoration: none;
  padding: 0.9375rem !important;
  border: 1px solid #ccc;
  font-size: 18px;
  color: #333;
  text-align: center;
  position: relative;
  z-index: 99;
}
.woocommerce-tabs ul.tabs li.active a {
  border-bottom: 1px solid #fff;
}

.subcategories {
  padding: 0 1.875rem;
  margin: 1.875rem 0 3.75rem;
  width: 100%;
}
.subcategories h3 {
  font-size: 30px;
}
.subcategories ul {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  column-gap: 0.9375rem;
  row-gap: 0.9375rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.subcategories ul li button,
.subcategories ul li .training-sub {
  display: inline-flex;
  width: 100%;
  border: 0;
  justify-content: center;
  align-items: center;
  padding: 0.9375rem;
  font-size: 18px;
  font-weight: bold;
  transition: all ease-out 0.3s;
  background: #f2f2f2;
}
.subcategories ul li button span,
.subcategories ul li .training-sub span {
  position: relative;
  padding: 0 0.9375rem;
  display: inline-flex;
  align-items: center;
}
.subcategories ul li button span svg,
.subcategories ul li .training-sub span svg {
  position: absolute;
  opacity: 0;
  right: -0.9375rem;
  transition: all ease-out 0.3s;
}
.subcategories ul li button input[type=radio],
.subcategories ul li .training-sub input[type=radio] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: none;
  margin: 0 0.9375rem 0 0;
  font: inherit;
  position: relative;
  color: currentColor;
  width: 1em;
  height: 1em;
  border: 1px solid #00050f;
}
.subcategories ul li button input[type=radio]::before,
.subcategories ul li .training-sub input[type=radio]::before {
  content: "\f00c";
  font-family: fontawesome;
  font-size: 14px;
  width: 8px;
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  transform-origin: center;
  height: 8px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
}
.subcategories ul li button input[type=radio]:checked::before,
.subcategories ul li .training-sub input[type=radio]:checked::before {
  transform: scale(1);
}
.subcategories ul li button input[type=radio]:disabled,
.subcategories ul li .training-sub input[type=radio]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
.subcategories ul li button:hover,
.subcategories ul li .training-sub:hover {
  cursor: pointer;
  color: #fff;
  background: #e6312e;
}
.subcategories ul li button:hover span svg,
.subcategories ul li .training-sub:hover span svg {
  opacity: 1;
  right: 0;
}
.subcategories ul li button:hover input, .subcategories ul li button:hover label,
.subcategories ul li .training-sub:hover input,
.subcategories ul li .training-sub:hover label {
  cursor: pointer;
}
.subcategories ul li .training-sub:hover {
  color: #393A42;
  background: #f2f2f2;
}

/* DETAIL PAGE */
.single-product div.product .woocommerce-product-gallery {
  position: relative;
  float: left;
  width: 60%;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  margin: 0 0 1.875rem 0;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
  margin: 0.9375rem !important;
  width: 100%;
  max-width: 70px;
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
  border: 1px solid #ccc;
  margin: 0 0 5px 0;
  width: 100% !important;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
  min-height: 500px;
  order: 2;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image {
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  height: 100%;
  overflow: visible !important;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image a {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  max-width: 820px;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image a img {
  max-height: 600px;
  width: auto;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper div {
  overflow: visible !important;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper a img {
  max-height: 600px;
  width: auto;
}

.woocommerce-product-gallery__trigger {
  text-indent: -9999px;
  background: url("/app/themes/arco/assets/images/search.svg") no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  top: 0.9375rem !important;
  right: 0.9375rem !important;
  z-index: 29 !important;
}

.single-product div.product {
  display: inline-flex;
  flex-wrap: wrap;
  padding: 0 1.875rem;
}
.single-product div.product .woocommerce-product-gallery--with-images {
  border: 1px solid #ccc;
}

.products {
  width: 100%;
}

.single-product.woocommerce .entry-summary {
  width: 40%;
  padding: 0 1.875rem;
  margin: 0;
  color: #393A42;
}
.single-product.woocommerce .entry-summary del {
  font-weight: 300;
}
.single-product.woocommerce .entry-summary h1 {
  margin-top: 0;
  font-size: 26px;
  line-height: 1.2em;
  padding: 0 0 0.9375rem 0;
  border-bottom: 1px solid #ccc;
}
.single-product.woocommerce .entry-summary .price-tax-excl,
.single-product.woocommerce .entry-summary .price-tax-incl {
  font-size: 22px;
  font-weight: bold;
}
.single-product.woocommerce .entry-summary .cart {
  display: inline-flex !important;
  margin: 0.9375rem 0 1.875rem 0;
  flex-wrap: wrap;
}
.single-product.woocommerce .entry-summary .cart ul.variations {
  margin: 0;
  padding: 0;
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}
.single-product.woocommerce .entry-summary .cart ul.variations li {
  list-style: none;
}
.single-product.woocommerce .entry-summary .cart ul.variations li .value div {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.9375rem;
  margin: 0 0 5px 0;
  background: #f2f2f2;
}
.single-product.woocommerce .entry-summary .cart ul.variations li .value div input[type=radio] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: none;
  margin: 0 0 0 0.9375rem;
  font: inherit;
  position: relative;
  color: currentColor;
  width: 1em;
  height: 1em;
  border: 2px solid #00050f;
  order: 2;
}
.single-product.woocommerce .entry-summary .cart ul.variations li .value div input[type=radio]::before {
  content: "\f00c";
  font-family: fontawesome;
  font-size: 14px;
  width: 8px;
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  transform-origin: center;
  height: 8px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
}
.single-product.woocommerce .entry-summary .cart ul.variations li .value div input[type=radio]:checked::before {
  transform: scale(1);
}
.single-product.woocommerce .entry-summary .cart ul.variations li .value div input[type=radio]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
.single-product.woocommerce .entry-summary .cart ul.variations li .value div label {
  width: calc(100% - 3.75rem);
  font-size: 18px;
}
.single-product.woocommerce .entry-summary .cart .single_variation_wrap {
  width: 100%;
  display: inline-flex;
  margin: 1.875rem 0 0 0;
  justify-content: space-between;
}
.single-product.woocommerce .entry-summary .cart .single_variation_wrap .woocommerce-variation {
  width: 100%;
  max-width: 165px;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.single-product.woocommerce .entry-summary .cart .single_variation_wrap .woocommerce-variation-add-to-cart {
  display: inline-flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
}
.single-product.woocommerce .entry-summary .cart .single_variation_wrap .woocommerce-variation-add-to-cart .quantity {
  height: 50px;
}
.single-product.woocommerce .entry-summary .cart button {
  padding: 0.9375rem;
  height: 50px;
  color: #fff;
  font-weight: bold;
  border-radius: 0;
  border: 0;
  font-size: 16px;
  transition: all ease-out 0.3s;
  background: #e6312e;
}
.single-product.woocommerce .entry-summary .cart button:hover {
  cursor: pointer;
  background: #00050f;
}
.single-product.woocommerce .entry-summary .quantity {
  border-radius: 0;
  margin: 0 0.9375rem 0 0;
}
.single-product.woocommerce .entry-summary .quantity input {
  width: 40px;
  height: 100%;
  justify-content: center;
  display: inline-flex;
  text-align: center;
  border: 1px solid #f2f2f2;
}
.single-product.woocommerce .entry-summary .quantity input.qty {
  width: 55px;
}
.single-product.woocommerce .entry-summary .product_meta span {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  font-weight: bold;
  align-items: center;
  font-size: 18px;
}
.single-product.woocommerce .entry-summary .product_meta span a {
  margin: 0 0 0 5px;
  font-weight: normal;
  text-decoration: none;
  color: #393A42;
}
.single-product.woocommerce .entry-summary .product_meta span.posted_in,
.single-product.woocommerce .entry-summary .product_meta span.tagged_as {
  display: none;
}
.single-product.woocommerce .entry-summary .product_meta .sku_wrapper {
  width: 100%;
  flex-wrap: nowrap;
}

/* hire section */
.hire_block_hire p.hire-notice {
  font-weight: bold;
  color: #e6312e;
}
.hire_block_hire .hire-price-wrap {
  padding: 0.9375rem;
  background: #f2f2f2;
}
.hire_block_hire .hire-price-wrap div {
  margin: 0 0 5px 0;
}
.hire_block_hire label {
  font-size: 18px;
}
.hire_block_hire .hire-radio {
  width: 100%;
  display: inline-flex;
  align-items: center;
  margin: 0 0 0.9375rem 0;
}
.hire_block_hire input[type=date] {
  font-size: 18px;
  border: 1px solid #ccc;
  padding: 8px 0.9375rem;
  width: auto;
  min-width: 40%;
}
.hire_block_hire input[type=radio] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: none;
  margin: 0 0.9375rem 0 0;
  font: inherit;
  position: relative;
  color: currentColor;
  width: 20px;
  height: 20px;
  border: 1px solid #00050f;
}
.hire_block_hire input[type=radio]::before {
  content: "\f00c";
  font-family: fontawesome;
  font-size: 14px;
  width: 8px;
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  transform-origin: center;
  height: 8px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
}
.hire_block_hire input[type=radio]:checked::before {
  transform: scale(1);
}
.hire_block_hire input[type=radio]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
.hire_block_hire .date-wrap {
  width: 100%;
  margin: 0 0 0.9375rem 0;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 0.9375rem;
}
.hire_block_hire a.purchase-hire {
  padding: 0.9375rem;
  justify-content: center;
  text-decoration: none;
  width: 100%;
  display: inline-flex;
  color: #00050f;
  font-weight: bold;
  border-radius: 0;
  border: 0;
  font-size: 16px;
  transition: all ease-out 0.3s;
  border: 1px solid #00050f;
}
.hire_block_hire a.purchase-hire:hover {
  background: #00050f;
  color: #fff;
}

/* basket */
.sectionInner .woocommerce {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
}
.sectionInner .woocommerce ul {
  width: 100%;
}
.sectionInner .woocommerce .woocommerce-error {
  flex-wrap: wrap;
  justify-content: center;
  display: inline-flex;
  list-style: none;
  padding: 0.9375rem;
  margin: 1.875rem 0 0 0;
  color: #fff;
  font-size: 18px;
}
.sectionInner .woocommerce .woocommerce-error li {
  width: 100%;
  text-align: center;
}
.sectionInner .woocommerce .woocommerce-error li a {
  color: #fff;
}
.sectionInner .woocommerce .woocommerce-info,
.sectionInner .woocommerce .woocommerce-noreviews,
.sectionInner .woocommerce p.no-comments {
  padding: 1.875rem;
  background: #f2f2f2;
  margin: 0 0 1.875rem 0;
  font-weight: bold;
  font-size: 18px;
}

.woocommerce-notices-wrapper {
  padding: 0 1.875rem;
}

.woocommerce-cart-form,
.woocommerce-notices-wrapper,
.woocommerce-products-header {
  max-width: 1440px;
  width: 100%;
}
.woocommerce-cart-form .woocommerce-message,
.woocommerce-cart-form .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-products-header .woocommerce-message,
.woocommerce-products-header .woocommerce-info {
  padding: 0.93875rem 1.875rem;
  margin: 1.875rem;
  border-radius: 0;
  background: #b2b4b6;
  border: #b2b4b6;
}
.woocommerce-cart-form .woocommerce-message a,
.woocommerce-cart-form .woocommerce-info a,
.woocommerce-notices-wrapper .woocommerce-message a,
.woocommerce-notices-wrapper .woocommerce-info a,
.woocommerce-products-header .woocommerce-message a,
.woocommerce-products-header .woocommerce-info a {
  padding: 5px 0.9375rem;
  background: #fff;
  color: #393A42;
  text-decoration: none;
  font-weight: bold;
  margin: 0 0.9375rem 0 0;
  transition: all ease-out 0.3s;
}
.woocommerce-cart-form .woocommerce-message a:hover,
.woocommerce-cart-form .woocommerce-info a:hover,
.woocommerce-notices-wrapper .woocommerce-message a:hover,
.woocommerce-notices-wrapper .woocommerce-info a:hover,
.woocommerce-products-header .woocommerce-message a:hover,
.woocommerce-products-header .woocommerce-info a:hover {
  background: #e6312e;
  color: #fff;
}

.woocommerce-cart-form .cart {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0 0 1.875rem 0;
}
.woocommerce-cart-form .cart ul.cart-titles li {
  color: #fff;
}
.woocommerce-cart-form .cart ul {
  width: 100%;
  margin: 3.75rem 0 0 0;
  padding: 0;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.9375rem 1.875rem;
  background: #00050f;
  gap: 1.25rem;
}
.woocommerce-cart-form .cart ul.woocommerce-cart-form__cart-item {
  margin: 0 0 1.875rem 0;
  padding: 1.875rem;
  background: #f2f2f2;
}
.woocommerce-cart-form .cart ul li {
  list-style: none;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  font-weight: bold;
  color: #393A42;
}
.woocommerce-cart-form .cart ul li:last-child {
  justify-content: flex-end;
}
.woocommerce-cart-form .cart ul li .variation {
  font-size: 18px;
  line-height: 1em;
  display: inline-flex;
  flex-wrap: wrap;
  padding: 0;
}
.woocommerce-cart-form .cart ul li .variation dt {
  color: #e6312e;
  width: 100%;
  margin: 5px 0 0 0;
}
.woocommerce-cart-form .cart ul li .variation dd {
  color: #393A42;
  margin: 0;
}
.woocommerce-cart-form .cart ul li .variation dd p {
  margin: 0;
}
.woocommerce-cart-form .cart ul li .variation p {
  width: 100%;
}
.woocommerce-cart-form .cart ul li .variation p span.title {
  color: red !important;
}
.woocommerce-cart-form .cart ul li .variation p span.value {
  color: black !important;
}
.woocommerce-cart-form .cart ul li.product-thumbnail {
  max-width: 60px;
  margin-right: 0.9375rem;
}
.woocommerce-cart-form .cart ul li.product-quantity {
  max-width: 120px;
}
.woocommerce-cart-form .cart ul li .quantity {
  display: inline-flex;
  justify-content: center;
}
.woocommerce-cart-form .cart ul li .quantity input {
  width: 40px;
  display: inline-flex;
  justify-content: center;
  text-align: center;
  max-width: 50px;
  border-radius: 0;
  border: 1px solid #00050f;
  height: 40px;
}
.woocommerce-cart-form .cart ul li .quantity input.qty {
  width: 55px;
}
.woocommerce-cart-form .cart ul li span {
  color: #393A42;
}
.woocommerce-cart-form .cart ul li:first-child {
  width: 50px;
  margin: 0 0 0 1.875rem;
  order: 2;
}
.woocommerce-cart-form .cart ul li a, .woocommerce-cart-form .cart ul li.woocommerce-cart-form__cart-item li {
  text-decoration: none;
  font-weight: bold;
  color: #393A42;
  font-size: 18px;
  padding: 0 0.9375rem 0 0;
}
.woocommerce-cart-form .cart .actions {
  width: 100%;
  display: inline-flex;
}
.woocommerce-cart-form .cart .actions .coupon {
  width: 100%;
  margin: 0 0 1.875rem 0;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 20px;
}
.woocommerce-cart-form .cart .actions .coupon input {
  height: 52px;
  border-radius: 0;
  border: 1px solid #00050f;
  margin: 0 0.9375rem 0 0;
  padding: 10px 15px;
}
.woocommerce-cart-form .cart .actions .coupon label {
  margin: 0 0.9375rem 0 0;
}
.woocommerce-cart-form .cart .actions .cta-button {
  width: 100%;
  max-width: 210px;
  height: 52px;
  font-size: 18px;
  margin: 0 0 0 0.9375rem;
  justify-content: center;
  background: #b2b4b6;
}
.woocommerce-cart-form .cart .actions .cta-button.apply {
  background: #d2d3d3;
}

.cart-collaterals {
  display: inline-flex;
  width: 100%;
  max-width: 1440px;
  justify-content: center;
  justify-content: flex-end;
  margin: 0 0 3.75rem 0;
}
.cart-collaterals .cart_totals {
  width: 100%;
  max-width: 400px;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 1.875rem 1.875rem;
  margin-top: 4.3rem;
  background: #f2f2f2;
}
.cart-collaterals .cart_totals div {
  width: 100%;
  font-size: 20px;
}
.cart-collaterals .cart_totals h2 {
  font-size: 24px;
  width: 100%;
  text-align: center;
  color: #e6312e;
  padding-bottom: 0.9375rem;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
}
.cart-collaterals .cart_totals a {
  text-decoration: none;
}
.cart-collaterals .cart_totals .woocommerce-shipping-destination {
  margin: 0;
}
.cart-collaterals .cart_totals .shipping-calculator-button {
  color: #e6312e;
  margin: 0 0 0.9375rem 0;
  display: inline-flex;
  font-size: 18px;
}
.cart-collaterals .cart_totals ul {
  width: 100%;
  display: inline-flex;
  margin: 0 0 0.9375rem 0;
  padding: 0;
  justify-content: space-between;
}
.cart-collaterals .cart_totals ul li {
  list-style: none;
  color: #393A42;
}
.cart-collaterals .cart_totals ul#shipping_method {
  flex-wrap: wrap;
  margin-top: 0.9375rem;
}
.cart-collaterals .cart_totals ul#shipping_method li {
  margin: 0 0 10px 0;
}
.cart-collaterals .cart_totals ul#shipping_method li input {
  margin: 0 10px 0 0;
}
.cart-collaterals .cart_totals .wc-proceed-to-checkout {
  align-items: flex-end;
  display: inline-flex;
  width: 100%;
  background: #e6312e;
}
.cart-collaterals .cart_totals .wc-proceed-to-checkout:hover {
  background: #00050f;
}

.shipping-calculator-form {
  padding: 0;
}
.shipping-calculator-form p {
  display: inline-flex;
  height: 40px;
  width: 100%;
  position: relative;
  justify-content: flex-end;
}
.shipping-calculator-form p select,
.shipping-calculator-form p input {
  width: 100% !important;
  border: 1px solid #ccc !important;
  height: 40px !important;
  padding: 10px !important;
}
.shipping-calculator-form p select span {
  height: 100%;
  position: relative;
  display: inline-block;
  width: 100%;
}
.shipping-calculator-form p button {
  border: 0;
  color: #fff;
  padding: 5px 8px;
  background: #e6312e;
}
.shipping-calculator-form p button:hover {
  cursor: pointer;
}

.select2-container--default {
  width: 100%;
  height: 40px;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  height: 40px;
  align-items: center;
  display: inline-flex;
  width: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
}

#shipping_method label {
  font-weight: bold;
}

.woocommerce-shipping-destination strong {
  width: 100%;
  display: inline-flex;
}

.wc-proceed-to-checkout a {
  color: #fff;
  justify-content: center;
  display: inline-flex;
  font-size: 18px;
  font-weight: 600;
  border: 0;
  border-radius: 0;
  width: 100%;
}

.cross-sells {
  margin-right: 1.875rem;
}

.related-products,
.cross-sells {
  display: inline-flex;
  width: 100%;
  flex-wrap: wrap;
}
.related-products h4,
.cross-sells h4 {
  width: 100%;
}
.related-products .woocommerce,
.cross-sells .woocommerce {
  width: 100%;
}
.related-products a,
.cross-sells a {
  font-size: 18px;
  text-decoration: none;
  position: relative;
  color: #00050f;
}
.related-products a h2,
.cross-sells a h2 {
  font-size: 17px;
  line-height: 1.2em;
}
.related-products a img,
.cross-sells a img {
  width: 100%;
  padding: 0.9375rem;
  border: none;
  transition: all ease-out 0.3s;
}
.related-products .button,
.cross-sells .button {
  width: 100%;
  font-weight: bold;
  padding: 0.9375rem 1.875rem;
  color: #fff;
  text-align: center;
  margin: 0.9375rem 0 0 0;
  transition: all ease-out 0.3s;
  background: #e6312e;
  border: 0;
}
.related-products .button:hover,
.cross-sells .button:hover {
  background: #00050f;
}

.accordionPanel {
  display: flex;
  width: 100%;
  justify-content: center;
}
.accordionPanel .accordion {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1024px;
  margin: 0 0 1.875rem 0;
  padding: 0;
}
.accordionPanel .accordion li {
  width: 100%;
  list-style: none;
  margin: 0;
}
.accordionPanel .accordion li:last-child .accordion-content {
  border: 0;
}
.accordionPanel .accordion li.open .accordion-trigger {
  background: none;
}
.accordionPanel .accordion li.open .accordion-trigger .trigger-icon-close {
  display: block;
}
.accordionPanel .accordion li.open .accordion-trigger .trigger-icon-open {
  display: none;
}
.accordionPanel .accordion li.open .accordion-content h1, .accordionPanel .accordion li.open .accordion-content h2, .accordionPanel .accordion li.open .accordion-content h3, .accordionPanel .accordion li.open .accordion-content h4, .accordionPanel .accordion li.open .accordion-content h5, .accordionPanel .accordion li.open .accordion-content h6, .accordionPanel .accordion li.open .accordion-content p {
  color: #393A42;
}
.accordionPanel .accordion li.open .accordion-content ul {
  padding: 0;
}
.accordionPanel .accordion li.open .accordion-content ul li {
  list-style: disc;
  margin: 0 0 5px 0;
}
.accordionPanel .accordion li.open .accordion-content ul li::marker {
  color: #00050f;
  font-size: 10px;
}
.accordionPanel .accordion li .accordion-trigger {
  padding: 0.9375rem 0;
  font-weight: bold;
  width: 100%;
  display: inline-flex;
  background: none;
  font-size: 16px;
  color: #393A42;
  text-transform: uppercase;
  position: relative;
  align-items: center;
  justify-content: space-between;
  transition: all ease-out 0.3s;
  margin: 0 0 1px 0;
}
.accordionPanel .accordion li .accordion-trigger i {
  transition: all ease-out 0.3s;
}
.accordionPanel .accordion li .accordion-trigger:hover {
  cursor: pointer;
}
.accordionPanel .accordion li .accordion-trigger .trigger-icon-open {
  margin: 0 0 0 10px;
}
.accordionPanel .accordion li .accordion-trigger .trigger-icon-close {
  display: none;
  margin: 0 0 0 10px;
}
.accordionPanel .accordion li .accordion-content {
  overflow: hidden;
  border-bottom: 1px solid #00050f;
  background: #fff;
}
.accordionPanel .accordion li .accordion-content .content-inner {
  padding: 1.875rem 0;
}

/* ================= checkout ==================== */
.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.sectionInner .woocommerce-order {
  display: inline-flex;
  flex-wrap: wrap;
  max-width: 1440px;
}
.woocommerce-billing-fields__field-wrapper,
.woocommerce-billing-fields .woocommerce-additional-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-shipping-fields .woocommerce-additional-fields__field-wrapper,
.sectionInner .woocommerce-order__field-wrapper,
.sectionInner .woocommerce-order .woocommerce-additional-fields__field-wrapper {
  padding: 1.875rem;
  background: #f2f2f2;
}
.woocommerce-billing-fields .form-row,
.woocommerce-shipping-fields .form-row,
.sectionInner .woocommerce-order .form-row {
  display: inline-flex;
  width: 100%;
  font-size: 18px;
  align-items: center;
}
.woocommerce-billing-fields .form-row label,
.woocommerce-shipping-fields .form-row label,
.sectionInner .woocommerce-order .form-row label {
  margin: 0 0.9375rem 0 0;
  width: auto;
  min-width: 200px;
  font-weight: 600;
}
.woocommerce-billing-fields .form-row span,
.woocommerce-shipping-fields .form-row span,
.sectionInner .woocommerce-order .form-row span {
  width: 100%;
}
.woocommerce-billing-fields .form-row span input,
.woocommerce-billing-fields .form-row span select,
.woocommerce-billing-fields .form-row span textarea, .woocommerce-billing-fields .form-row span .select2-selection,
.woocommerce-shipping-fields .form-row span input,
.woocommerce-shipping-fields .form-row span select,
.woocommerce-shipping-fields .form-row span textarea,
.woocommerce-shipping-fields .form-row span .select2-selection,
.sectionInner .woocommerce-order .form-row span input,
.sectionInner .woocommerce-order .form-row span select,
.sectionInner .woocommerce-order .form-row span textarea,
.sectionInner .woocommerce-order .form-row span .select2-selection {
  width: 100%;
  padding: 8px 0.9375rem;
  color: #393A42;
  border-radius: 0;
  border: 0;
  font-size: 18px;
}
.woocommerce-billing-fields .form-row span input.select2-selection__rendered,
.woocommerce-billing-fields .form-row span select.select2-selection__rendered,
.woocommerce-billing-fields .form-row span textarea.select2-selection__rendered, .woocommerce-billing-fields .form-row span .select2-selection.select2-selection__rendered,
.woocommerce-shipping-fields .form-row span input.select2-selection__rendered,
.woocommerce-shipping-fields .form-row span select.select2-selection__rendered,
.woocommerce-shipping-fields .form-row span textarea.select2-selection__rendered,
.woocommerce-shipping-fields .form-row span .select2-selection.select2-selection__rendered,
.sectionInner .woocommerce-order .form-row span input.select2-selection__rendered,
.sectionInner .woocommerce-order .form-row span select.select2-selection__rendered,
.sectionInner .woocommerce-order .form-row span textarea.select2-selection__rendered,
.sectionInner .woocommerce-order .form-row span .select2-selection.select2-selection__rendered {
  color: #e6312e !important;
}

.checkout-heading {
  width: 100%;
  margin: 3.75rem 0 0;
  padding: 0.9375rem 1.875rem;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  background: #00050f;
}
.checkout-heading h3 {
  list-style: none;
  display: inline-flex;
  align-items: center;
  width: 100%;
  font-weight: bold;
  color: #fff;
  margin: 0;
}

.woocommerce-additional-fields .form-row {
  display: inline-flex;
  width: 100%;
  font-size: 18px;
}
.woocommerce-additional-fields .form-row label {
  margin: 0 0.9375rem 0 0;
  width: auto;
  min-width: 200px;
  color: #e6312e;
  font-weight: 600;
}
.woocommerce-additional-fields .form-row span textarea {
  width: 100%;
  padding: 8px 0.9375rem;
  color: #e6312e;
  border-radius: 0;
  border: 0;
  font-size: 18px;
}

#order_review .woocommerce-checkout-review-order-table {
  width: 100%;
  margin: 0 0 3.75rem;
}
#order_review .woocommerce-checkout-review-order-table th, #order_review .woocommerce-checkout-review-order-table td {
  padding: 0.9375rem;
  border-top: 1px solid rgba(26, 60, 111, 0.1);
}
#order_review .woocommerce-checkout-review-order-table thead tr th {
  border-top: 0;
  color: #e6312e;
  font-weight: 600;
}
#order_review .woocommerce-checkout-review-order-table .product-name {
  display: inline-flex;
  width: 100%;
}
#order_review .woocommerce-checkout-payment {
  width: 100%;
  margin: 0 0 3.75rem 0;
}
#order_review .woocommerce-checkout-payment ul {
  margin: 0;
  padding: 0;
}
#order_review .woocommerce-checkout-payment ul li {
  list-style: none;
  margin: 0 0 1.875rem;
}
#order_review .woocommerce-checkout-payment ul li fieldset {
  border: none;
}
#order_review .woocommerce-checkout-payment ul .payment_method_bacs input[type=radio],
#order_review .woocommerce-checkout-payment ul .payment_method_cod input[type=radio],
#order_review .woocommerce-checkout-payment ul .payment_method_stripe input[type=radio],
#order_review .woocommerce-checkout-payment ul .payment_method_igfw_invoice_gateway input[type=radio] {
  margin: 0 0.9375rem 0 0;
}
#order_review .woocommerce-checkout-payment ul .payment_method_bacs .payment_box p,
#order_review .woocommerce-checkout-payment ul .payment_method_cod .payment_box p,
#order_review .woocommerce-checkout-payment ul .payment_method_stripe .payment_box p,
#order_review .woocommerce-checkout-payment ul .payment_method_igfw_invoice_gateway .payment_box p {
  margin: 0;
  color: #e6312e;
  font-size: 18px;
}

.wc-empty-cart-message {
  background: none;
  font-weight: bold;
  font-size: 18px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  width: 100%;
  margin: 0 0 0.9375rem 0;
}
.wc-empty-cart-message .woocommerce-info,
.wc-empty-cart-message .woocommerce-noreviews,
.wc-empty-cart-message p.no-comments {
  background: none;
}

.return-to-shop {
  display: inline-flex;
  justify-content: center;
  width: 100%;
}
.return-to-shop a {
  background: #e6312e;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 0.9375rem 1.875rem;
  text-decoration: none;
}

.woocommerce-form-coupon-toggle,
.woocommerce-form-login-toggle {
  margin: 0 0.9375rem 0.9375rem;
  justify-content: center;
  display: inline-flex;
}
.woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-form-login-toggle .woocommerce-info {
  background: #f2f2f2;
  padding: 0.9375rem;
  font-size: 18px;
}
.woocommerce-form-coupon-toggle .woocommerce-info a,
.woocommerce-form-login-toggle .woocommerce-info a {
  text-decoration: none;
  background: #00050f;
  color: #fff;
  padding: 5px 0.9375rem;
  font-size: 18px;
}

.woocommerce-input-wrapper {
  width: 100%;
  border: 1px solid #f2f2f2;
  padding: 5px;
}

#order_comments_field {
  margin-top: 1.875rem;
}

/* order review */
#order_review ul.prod-header {
  width: 100%;
  margin: 0;
  padding: 0.9375rem 1.875rem;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
#order_review ul.prod-header li {
  text-decoration: none;
  text-align: center;
  color: #393A42;
  list-style: none;
  display: inline-flex;
  align-items: center;
  font-weight: bold;
}
#order_review ul.cart_item {
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
  margin: 0 0 1.875rem 0;
  padding: 1.875rem;
  background: #f2f2f2;
}
#order_review ul.cart_item li {
  text-decoration: none;
  font-weight: bold;
  color: #393A42;
  font-size: 20px;
  text-align: center;
  list-style: none;
  justify-content: flex-start;
}
#order_review ul.cart_item .product-quantity {
  margin-left: 0;
}
#order_review ul.cart_item .variation {
  margin: 0 0 0 0.9375rem;
}
#order_review .review-totals {
  background: #f2f2f2;
  padding: 0.9375rem 1.875rem;
  font-size: 20px;
}
#order_review .review-totals ul {
  width: 100%;
  display: inline-flex;
  margin: 0 0 0.9375rem 0;
  padding: 0;
  justify-content: space-between;
}
#order_review .review-totals ul li {
  list-style: none;
  color: #393A42;
}
#order_review .review-totals ul ul#shipping_method {
  flex-wrap: wrap;
  margin-top: 0.9375rem;
}
#order_review .review-totals ul ul#shipping_method li {
  margin: 0 0 10px 0;
}
#order_review .review-totals ul ul#shipping_method li input {
  margin: 0 10px 0 0;
}
#order_review .review-totals ul#shipping_method {
  flex-wrap: wrap;
  margin-top: 0.9375rem;
}
#order_review .review-totals ul#shipping_method li {
  width: 100%;
  margin: 0 0 0.9375rem 0;
}
#order_review .review-totals ul#shipping_method li input {
  margin: 0 0.9375rem 0 0;
}
#order_review .review-totals h2 {
  margin: 0.9375rem 0;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.9375rem;
  color: #e6312e;
}
#order_review .review-lower {
  display: inline-flex;
  width: 100%;
  justify-content: flex-end;
  margin: 0 0 1.875rem 0;
}
#order_review .shipping-title {
  width: 100%;
  text-align: left;
  color: #393A42;
}
#order_review .woocommerce-error {
  margin: 0.9375rem 0 0;
  padding: 0.9375rem;
  list-style: none;
  color: #fff;
  display: inline-flex;
  width: 100%;
  justify-content: center;
}

#payment {
  padding: 1.875rem;
  background: #f2f2f2;
}
#payment ul li {
  list-style: none;
  padding: 0.9375rem;
  background: #fff;
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 0 1.875rem 0;
}
#payment ul li .payment_box {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
#payment ul li .payment_box p {
  margin: 0;
  order: 2;
  font-size: 14px;
  width: 100%;
  text-align: center;
}
#payment .place-order button {
  padding: 0.9375rem;
  color: #fff;
  width: 100%;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  display: inline-flex;
  border: 0;
  border-radius: 0;
  text-decoration: none;
  background: #e6312e;
}
#payment .place-order button:hover {
  cursor: pointer;
}
#payment .place-order p {
  color: #393A42;
  font-size: 18px;
}
#payment .place-order a {
  color: #e6312e;
}

.woocommerce form .form-row .required {
  text-decoration: none;
}

#customer_login {
  padding: 0 1.875rem;
}

.woocommerce-form-login,
.woocommerce-form-coupon,
.woocommerce-ResetPassword {
  width: 100%;
  display: inline-flex;
  margin: 0 0 1.875rem 0;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0 3.75rem;
}
.woocommerce-form-login input[type=text],
.woocommerce-form-login input[type=password],
.woocommerce-form-coupon input[type=text],
.woocommerce-form-coupon input[type=password],
.woocommerce-ResetPassword input[type=text],
.woocommerce-ResetPassword input[type=password] {
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 0;
  height: 40px;
}
.woocommerce-form-login .g-recaptcha,
.woocommerce-form-coupon .g-recaptcha,
.woocommerce-ResetPassword .g-recaptcha {
  display: inline-flex;
  order: 4;
}
.woocommerce-form-login p,
.woocommerce-form-coupon p,
.woocommerce-ResetPassword p {
  width: 100%;
  justify-content: center;
  display: inline-flex;
  font-size: 18px;
}
.woocommerce-form-login p label,
.woocommerce-form-coupon p label,
.woocommerce-ResetPassword p label {
  width: 100%;
  max-width: 185px;
  align-items: center;
  display: inline-flex;
}
.woocommerce-form-login p label input,
.woocommerce-form-coupon p label input,
.woocommerce-ResetPassword p label input {
  margin: 0 0.9375rem 0 0;
}
.woocommerce-form-login p.form-row,
.woocommerce-form-coupon p.form-row,
.woocommerce-ResetPassword p.form-row {
  padding: 0.9375rem;
  margin: 0 0 2px 0;
  background: #f2f2f2;
}
.woocommerce-form-login p.lost_password a,
.woocommerce-form-coupon p.lost_password a,
.woocommerce-ResetPassword p.lost_password a {
  color: #393A42;
  text-align: right;
  width: 100%;
}
.woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-form-login button,
.woocommerce-form-coupon .woocommerce-form-login__submit,
.woocommerce-form-coupon button,
.woocommerce-ResetPassword .woocommerce-form-login__submit,
.woocommerce-ResetPassword button {
  padding: 8px 0.9375rem;
  border: none;
  background: #e6312e;
  color: #fff;
  font-weight: bold;
}
.woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce-form-login button:hover,
.woocommerce-form-coupon .woocommerce-form-login__submit:hover,
.woocommerce-form-coupon button:hover,
.woocommerce-ResetPassword .woocommerce-form-login__submit:hover,
.woocommerce-ResetPassword button:hover {
  cursor: pointer;
}

.sectionInner .woocommerce-order {
  display: inline-flex;
  width: 100%;
  max-width: 1440px;
  flex-wrap: wrap;
}
.sectionInner .woocommerce-order .woocommerce-notice--success {
  width: 100%;
  color: #393A42;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  margin: 1.875rem 0;
  font-size: 40px;
  background: none;
}
.sectionInner .woocommerce-order ul {
  width: 100%;
  margin: 0;
  padding: 3.75rem;
  background: #f2f2f2;
}
.sectionInner .woocommerce-order ul li {
  list-style: none;
  margin: 0 0 0.9375rem;
  color: #4C91FE;
}
.sectionInner .woocommerce-order ul li:last-child {
  margin: 0;
}
.sectionInner .woocommerce-order ul.order_details {
  background: #fff;
  box-shadow: 0px 25px 36px -45px #000;
}
.sectionInner .woocommerce-order ul.order_details li {
  display: inline-flex;
  width: 100%;
  color: #17223B;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sectionInner .woocommerce-order ul.order_details li.woocommerce-order-overview__order, .sectionInner .woocommerce-order ul.order_details li.woocommerce-order-overview__date, .sectionInner .woocommerce-order ul.order_details li.woocommerce-order-overview__total, .sectionInner .woocommerce-order ul.order_details li.woocommerce-order-overview__payment-method, .sectionInner .woocommerce-order ul.order_details li.woocommerce-order-overview__email {
  max-width: 775px;
}
.sectionInner .woocommerce-order ul.order_details li .product-name, .sectionInner .woocommerce-order ul.order_details li .product-total {
  font-weight: bold;
}
.sectionInner .woocommerce-order ul.order_details li ul {
  background: none;
  padding: 0.9375rem 0;
  margin: 0.9375rem 0 0 0;
  border-top: 1px solid #ccc;
}
.sectionInner .woocommerce-order ul.order_details li ul li {
  color: #17223B;
  width: 100%;
  justify-content: space-between;
}
.sectionInner .woocommerce-order ul.order_details li ul li a, .sectionInner .woocommerce-order ul.order_details li ul li strong {
  margin: 0 5px 0 0;
  color: #17223B;
}
.sectionInner .woocommerce-order ul.order_details li ul li span {
  font-weight: bold;
}
.sectionInner .woocommerce-order ul.order_details.receipt_details ul {
  padding: 0.9375rem 0 0 0;
  margin: 0;
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
}
.sectionInner .woocommerce-order ul.order_details.receipt_details ul li ul {
  padding: 0;
  margin: 0 0.9375rem 0 0;
  width: auto;
  border: none;
}
.sectionInner .woocommerce-order ul.order_details.receipt_details ul li ul li {
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.sectionInner .woocommerce-order ul.order_details.receipt_details ul li ul li p {
  width: auto;
  color: #393A42;
  font-weight: 600;
  font-size: 22px;
  padding: 0;
  background: none;
  text-align: left;
}
.sectionInner .woocommerce-order ul.order_details.receipt_details ul li ul li .qty_wrapper, .sectionInner .woocommerce-order ul.order_details.receipt_details ul li ul li .name_wrapper {
  width: 100%;
  display: inline-flex;
  justify-content: flex-end;
}
.sectionInner .woocommerce-order .woocommerce-order-overview {
  justify-content: center;
  display: inline-flex;
  flex-wrap: wrap;
}
.sectionInner .woocommerce-order .woocommerce-customer-details {
  margin: 0 0 1.875rem;
}
.sectionInner .woocommerce-order .woocommerce-customer-details p {
  width: 100%;
  color: inherit;
  font-weight: inherit;
  padding: 0;
  background: none;
  margin: 0;
  text-align: left;
  justify-content: flex-start;
}
.sectionInner .woocommerce-order .woocommerce-customer-details--phone, .sectionInner .woocommerce-order .woocommerce-customer-details--email {
  width: 100%;
}
.sectionInner .woocommerce-order .woocommerce-order-details,
.sectionInner .woocommerce-order .woocommerce-order-downloads {
  padding: 3.75rem;
  justify-content: flex-start;
  margin: 0 0 1.875rem;
  background: #f2f2f2;
}
.sectionInner .woocommerce-order .woocommerce-order-details h2,
.sectionInner .woocommerce-order .woocommerce-order-downloads h2 {
  margin: 0 0 0.9375rem;
  background: #00050f;
  line-height: 1.2em;
  color: #fff;
  padding: 5px 0.9375rem;
  display: inline-flex;
}
.sectionInner .woocommerce-order .woocommerce-order-details a,
.sectionInner .woocommerce-order .woocommerce-order-downloads a {
  color: #4C91FE;
}
.sectionInner .woocommerce-order .woocommerce-order-details a.order-again,
.sectionInner .woocommerce-order .woocommerce-order-downloads a.order-again {
  color: #fff;
  text-decoration: none;
}
.sectionInner .woocommerce-order .woocommerce-customer-details h2 {
  width: 100%;
}
.sectionInner .woocommerce-order p {
  width: 100%;
  color: #fff;
  font-weight: 600;
  justify-content: center;
  display: inline-block;
  align-items: center;
  padding: 0.9375rem;
  background: #00050f;
  text-align: center;
}
.sectionInner .woocommerce-order p a {
  color: #e6312e;
}
.sectionInner .woocommerce-order .woocommerce-order-downloads ul.order_details li ul {
  flex-wrap: nowrap;
  display: inline-flex;
  width: 100%;
  justify-content: flex-start;
}
.sectionInner .woocommerce-order .woocommerce-order-downloads ul.order_details li ul li {
  width: 100%;
  margin: 0;
  justify-content: center;
}
.sectionInner .woocommerce-order .woocommerce-order-downloads ul.order_details li ul li:first-child {
  justify-content: flex-start;
}
.sectionInner .woocommerce-order .woocommerce-order-downloads ul.order_details li span {
  width: 25%;
  justify-content: center;
  display: inline-flex;
}
.sectionInner .woocommerce-order .woocommerce-order-downloads ul.order_details li span:first-child {
  justify-content: flex-start;
}

.woocommerce p {
  font-size: 18px;
  color: #393A42;
}
.woocommerce p.checkout_message {
  margin: 1.875rem 0 0 0;
}
.woocommerce .woocommerce-message {
  width: 100%;
  display: inline-flex;
  margin: 0 0 1.875rem 0;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0 3.75rem;
  background: #00050f;
  color: #fff;
  padding: 0.9375rem;
}

.hire-hire {
  padding: 0.9375rem;
  width: 100%;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  background: #00050f;
}

/* order summary */
.sectionInner .woocommerce-order .woocommerce-order-overview {
  justify-content: center;
  display: inline-flex;
  flex-wrap: wrap;
}
.sectionInner .woocommerce-order .woocommerce-order-overview ul.order_details li.woocommerce-order-overview__order, .sectionInner .woocommerce-order .woocommerce-order-overview ul.order_details li.woocommerce-order-overview__date, .sectionInner .woocommerce-order .woocommerce-order-overview ul.order_details li.woocommerce-order-overview__total, .sectionInner .woocommerce-order .woocommerce-order-overview ul.order_details li.woocommerce-order-overview__payment-method, .sectionInner .woocommerce-order .woocommerce-order-overview ul.order_details li.woocommerce-order-overview__email {
  max-width: 680px;
}
.sectionInner .woocommerce-order .woocommerce-order-overview ul.order_details li .product-name,
.sectionInner .woocommerce-order .woocommerce-order-overview ul.order_details li .product-total {
  font-weight: bold;
}
.sectionInner .woocommerce-order .woocommerce-order-overview ul.order_details li ul {
  background: none;
  padding: 0.9375rem 0;
  margin: 0.9375rem 0 0 0;
  border-top: 1px solid #00050f;
}
.sectionInner .woocommerce-order .woocommerce-order-overview ul.order_details li ul li {
  color: #393A42;
  width: 100%;
  justify-content: flex-end;
}
.sectionInner .woocommerce-order .woocommerce-order-overview ul.order_details li ul li a {
  margin: 0 5px 0 0;
}
.sectionInner .woocommerce-order .woocommerce-order-overview ul.order_details li ul li strong {
  color: #393A42;
  margin: 0 5px 0 0;
}
.sectionInner .woocommerce-order .woocommerce-order-overview ul.order_details li ul li span {
  color: #393A42;
  font-weight: bold;
}
.sectionInner .woocommerce-order .woocommerce-order-downloads ul.order_details li ul {
  flex-wrap: nowrap;
  display: inline-flex;
  width: 100%;
  justify-content: flex-start;
}
.sectionInner .woocommerce-order .woocommerce-order-downloads ul.order_details li ul li {
  width: 100%;
  margin: 0;
  justify-content: center;
}
.sectionInner .woocommerce-order .woocommerce-order-downloads ul.order_details li ul li:first-child {
  justify-content: flex-start;
}
.sectionInner .woocommerce-order .woocommerce-order-downloads ul.order_details li span {
  width: 25%;
  justify-content: center;
  display: inline-flex;
}
.sectionInner .woocommerce-order .woocommerce-order-downloads ul.order_details li span:first-child {
  justify-content: flex-start;
}

/* 1440 */
@media only screen and (max-width: 90.063em) {
  #library-group .library-filter {
    margin: 0;
  }
  #library-group .library-results .woocommerce-ordering {
    position: relative;
    top: 0;
    margin: 0 0 1.875rem 0;
  }
  #library-group .library-results p {
    margin: 0 0 0.9375rem 0;
  }
  .single-product.woocommerce .entry-summary .cart .single_variation_wrap {
    flex-wrap: wrap;
  }
  .single-product.woocommerce .entry-summary .cart .single_variation_wrap .woocommerce-variation-add-to-cart {
    justify-content: flex-start;
    margin-top: 0.9375rem;
  }
  .woocommerce-variation-lead_time {
    width: 100%;
  }
  #course-finder .sectionInner #frmCourseFinder {
    flex-wrap: wrap;
  }
  #course-finder .sectionInner #frmCourseFinder #find {
    margin-left: 1.875rem;
  }
  #course-finder .sectionInner #frmCourseFinder .option-container.keyword {
    width: 100%;
  }
  #course-finder .sectionInner #frmCourseFinder .option-container {
    width: auto;
  }
  #course-finder .sectionInner #frmCourseFinder .option-container .option-inner, #course-finder .sectionInner #frmCourseFinder .option-container div {
    width: 100%;
  }
  .mega .megaInner {
    flex-wrap: wrap;
  }
  .mega .megaInner .mega-block .mega-side {
    margin: 0;
  }
  .mega .megaInner .mega-block:first-child {
    width: 60%;
    padding: 0.9375rem;
  }
  .mega .megaInner .mega-block:nth-child(2) {
    width: 40%;
    min-width: auto;
    padding: 1.875rem 3.75rem;
  }
}
/* 1280 */
@media only screen and (max-width: 80.063em) {
  #highlighted-courses ul li .block h3 {
    font-size: 20px;
  }
  #info-boxes .sectionInner ul.items-6 {
    display: inline-flex;
  }
  .flipBoxes li {
    width: 50% !important;
    min-height: 350px;
  }
  #course-block .course-main {
    max-width: 55%;
  }
  #course-block .course-side {
    max-width: calc(45% - 1.875rem);
  }
  #info-boxes .sectionInner ul {
    display: inline-flex !important;
    justify-content: center;
    flex-wrap: wrap;
  }
  #info-boxes .sectionInner ul li {
    width: 30% !important;
    margin: 0 0.5rem 1rem !important;
  }
  #searchresults ul li.product-item {
    max-width: 33%;
  }
}
/* 1024 */
@media only screen and (max-width: 64em) {
  #equipment .sectionInner .sales {
    padding: 0.9375rem;
  }
  #equipment #equip-hero .hero-block a .hero-text {
    max-width: 80%;
  }
  .hideBanner {
    padding: 0 1.875rem;
  }
  .hideBanner .inner {
    flex-wrap: wrap;
  }
  .hideBanner .inner .cta-button {
    margin: 0.9375rem 0 0 0;
  }
  .hideBanner .site-banner-block {
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
  }
  #highlighted-courses ul {
    flex-wrap: wrap;
  }
  #highlighted-courses ul li {
    max-width: 100%;
    margin: 0 0 1.875rem 0;
  }
  #highlighted-courses ul li ul li {
    margin: 0;
  }
  #highlighted-courses ul li .block {
    width: 100%;
  }
  #highlighted-courses ul li .block h3 {
    font-size: 20px;
  }
  #highlighted-courses ul li .block:nth-child(2) {
    min-height: 250px;
  }
  #news-widget .news-layout .slick-track {
    margin: 0;
  }
  #news-widget .news-layout .news-block {
    margin: 0 0.9375rem;
  }
  #news-widget .news-layout .slick-track {
    width: initial !important;
  }
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    width: 48% !important;
    margin-right: 2% !important;
  }
  #library-group .library-results .woocommerce-ordering select {
    margin: 0.9375rem 0 0 0;
  }
  #library-group .library-filter {
    width: 220px;
  }
  .course-advert a {
    margin: 0.9375rem 0 0 0;
  }
  .single-product div.product .woocommerce-product-gallery {
    width: 55%;
  }
  .single-product.woocommerce .entry-summary {
    width: 45%;
  }
  .cta-button {
    font-size: 18px;
  }
  /* main search */
  #searchresults {
    padding: 0 1.875rem;
  }
  #searchresults ul li a {
    align-items: center;
  }
  #searchresults ul li a .search-block.search-image {
    max-width: 85px;
    background-position: center;
  }
  #searchresults ul li a .search-title {
    font-size: 18px;
  }
  /* main search */
  #blog-view {
    padding: 0 1.875rem;
  }
  #searchFilter {
    width: 200px;
  }
  #searchResults {
    width: calc(100% - 230px);
    padding: 0;
  }
  #searchResults ul {
    padding: 0;
    grid-template-columns: 1fr;
  }
  #course-finder .sectionInner #frmCourseFinder .option-container.select {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  #course-finder .sectionInner #frmCourseFinder .option-container.select div {
    margin: 0 0 0.9375rem 0;
  }
  #course-finder .sectionInner #frmCourseFinder #find {
    margin: 0;
  }
  #footer .sectionInner #footer-top {
    flex-wrap: wrap;
  }
  #footer .sectionInner #footer-top .footer-block {
    width: 50%;
  }
  #cta-widget .cta-block {
    height: 230px;
  }
  #contactUs-widget .sectionInner .contactUs-panel a {
    width: 48%;
    margin: 0 0 0.9375rem 0;
  }
  #equipment #equip-hero {
    justify-content: flex-start;
    flex-direction: column;
  }
  #equipment #equip-hero .hero-block {
    height: auto;
  }
  #equipment #equip-hero .hero-block a {
    padding: 1.875rem;
  }
  #equipment #equip-hero .hero-block a .hero-title {
    max-width: 100%;
    font-size: 30px;
  }
  #equipment #equip-hero .hero-block a .hero-icon {
    font-size: 40px;
  }
  #equipment .sectionInner .equip-cat ul li {
    width: 49%;
  }
  #equipment .sectionInner #equip-col ul {
    grid-template-columns: 1fr 1fr 1fr;
  }
  #course-detail {
    padding: 0 1.875rem;
  }
  #course-block .course-side .course-side-overview li .course-side-icon {
    font-size: 1.2em;
  }
  #course-block .course-main {
    max-width: 50%;
  }
  #course-block .course-side {
    max-width: calc(50% - 1.875rem);
  }
  .page-head {
    padding: 0.9375rem 1.875rem 0;
    margin: 0;
  }
  .page-head .sectionInner h1 {
    margin: 5px 0 0.9375rem 0;
  }
  .header-top {
    padding: 0 0.9375rem;
  }
  .top-nav ul li {
    margin: 0 0 0 10px;
  }
  .top-nav ul li button, .top-nav ul li a {
    padding: 0 0.9375rem;
  }
  .top-nav ul li button div, .top-nav ul li a div {
    display: none;
  }
  #homeSlide {
    max-height: 600px;
  }
  #homeSlide .slick-list .slideBlock,
  #homeSlide .slick-track .slideBlock {
    padding: 0px 1.875rem;
  }
  #homeSlide .slick-list .slideBlock .hero-content .hero-title,
  #homeSlide .slick-track .slideBlock .hero-content .hero-title {
    font-size: 40px;
  }
  #homeSlide .slick-list .slideBlock .hero-content .hero-desc,
  #homeSlide .slick-track .slideBlock .hero-content .hero-desc {
    font-size: 20px;
  }
  #homeSlide .slick-list .slideBlock .white-rectangle,
  #homeSlide .slick-track .slideBlock .white-rectangle {
    left: -65vw;
  }
  #home-statement {
    padding: 1.875rem;
  }
  #home-statement .statement-inner {
    padding: 1.875rem 0;
  }
  #home-statement .statement-inner p {
    font-size: 20px;
  }
  .main-logo a img {
    max-height: 80px;
  }
  #nav-toggle {
    display: inline-flex;
  }
  .main-navigation.toggles #nav-toggle {
    top: 0.9375rem;
  }
  .menu-top-nav-container {
    display: inline-flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
    position: absolute;
    top: -200vh;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 99;
    height: auto;
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
    transition: all ease-out 0.3s;
  }
  .menu-top-nav-container img {
    display: inline-flex;
    width: 100%;
    max-width: 150px;
    margin: 0.9375rem 0 0 0;
  }
  .menu-top-nav-container .dots {
    display: inline-flex;
    width: 100%;
    margin: 0;
  }
  .menu-top-nav-container .dots:first-child {
    margin-top: 3.75rem;
  }
  .menu-top-nav-container.open {
    top: 0px;
  }
  .menu-top-nav-container.open .mega {
    overflow: visible;
  }
  .menu-top-nav-container .social-icons {
    display: inline-flex;
    margin: 1.875rem 0;
    width: 100%;
    padding: 0 1.875rem;
    justify-content: center;
  }
  .menu-top-nav-container .social-icons li {
    width: auto;
    margin: 0 0.9375rem;
  }
  .menu-top-nav-container .social-icons li a {
    color: #393A42;
  }
  .main-navigation ul#primary-menu ul {
    position: initial;
    overflow: hidden;
    height: 0;
    box-shadow: none;
  }
  .main-navigation ul#primary-menu ul.open {
    height: auto;
  }
  .main-navigation {
    height: 50px;
    background: #f2f2f2;
  }
  .main-navigation ul#primary-menu {
    flex-wrap: wrap;
    top: 0;
    padding: 1.875rem 0;
  }
  .main-navigation li.menu-item-has-children {
    flex-wrap: wrap;
  }
  .main-navigation li.menu-item-has-children .mob-menu-expand {
    display: inline-flex;
  }
  .main-navigation li .menu-item-wrap a {
    margin: 5px 0;
    font-size: 22px;
    font-weight: bold;
    padding-left: 0;
    justify-content: flex-start;
  }
  .main-navigation li .menu-item-wrap a:hover {
    background: none;
    color: #393A42;
  }
  .main-navigation li.active .menu-item-wrap a {
    background: none;
    color: #393A42;
  }
  .mega .megaInner .mega-block .block-buttons {
    flex-wrap: wrap;
  }
  .mega .megaInner .mega-block .block-buttons a {
    margin: 0 0 0.9375rem 0;
    width: 100%;
    justify-content: center;
  }
  .mega .megaInner .mega-block .mega-content p {
    display: none;
  }
  .mega .megaInner .mega-block .mega-content .mega-page-list ol li {
    width: 100%;
  }
  .menu-item-wrap {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 300px;
    position: relative;
    background: none;
  }
  .mob-menu-expand {
    display: none;
    position: absolute;
    right: 0;
    padding-left: 0;
  }
  .mob-menu-expand span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 30px;
    height: 25px;
  }
  .mob-menu-expand span::before, .mob-menu-expand span::after {
    content: "";
    position: absolute;
    background: #393A42;
  }
  .mob-menu-expand span::before {
    width: 10px;
    height: 2px;
  }
  .mob-menu-expand span::after {
    height: 10px;
    width: 2px;
    opacity: 1;
    transition: all ease-out 0.3s;
  }
  .mob-menu-expand span.contract::after {
    opacity: 0;
  }
  .mob-menu-expand span:hover {
    cursor: pointer;
  }
  .flipBox {
    padding: 0 1.875rem;
  }
  #footer {
    padding: 1.875rem;
  }
  #footer .sectionInner h5 {
    font-size: 20px;
  }
  #footer .sectionInner #footer-top .footer-block ul li a {
    padding: 5px 0;
    margin: 0;
  }
  #custom-training {
    padding: 0 1.875rem;
  }
  #course-finder,
  #customers-widget {
    padding: 1.875rem;
  }
  #footer .sectionInner #footer-bottom {
    flex-wrap: wrap;
  }
  #footer .sectionInner #footer-bottom .right-side ul {
    justify-content: flex-start;
    margin: 0.9375rem 0 0 0;
  }
  #footer .sectionInner #footer-bottom .right-side ul li {
    padding: 0 0.9375rem 0 0;
  }
  #info-boxes {
    padding: 0 1.875rem;
  }
  #info-boxes .sectionInner ul li {
    width: calc(50% - 1rem) !important;
    margin: 0 0.5rem 1rem;
  }
  #info-boxes .sectionInner ul li:first-child {
    margin-left: 0.5rem !important;
  }
  #searchKeyword form .keyword-wrap {
    flex-wrap: wrap;
    justify-content: center;
  }
  #searchKeyword form .keyword-wrap label {
    width: 100%;
    margin: 0 0 0.9375rem 0;
  }
  #searchKeyword form .keyword-wrap div {
    height: 55px;
    width: calc(100% - 245px);
  }
  #searchKeyword form .keyword-wrap div input[type=text] {
    min-width: 100%;
    width: calc(100% - 245px);
  }
  #searchKeyword form .keyword-wrap .cta-button {
    height: 55px;
  }
  #searchKeyword form .keyword-wrap input[type=text] {
    min-width: 0;
  }
  .sectionInner .woocommerce-order {
    padding: 0;
  }
  .sectionInner .woocommerce-order .woocommerce-order-details,
  .sectionInner .woocommerce-order .woocommerce-order-downloads {
    padding: 1.25rem;
  }
  #searchresults ul li.product-item {
    max-width: 49%;
  }
  .top-nav ul li.login {
    justify-content: center;
    position: static;
  }
  .top-nav ul li.login .login-block {
    max-width: 26.25rem;
    right: 0;
  }
  .top-nav ul li.login .login-block.open {
    top: 100%;
  }
  .content-block-type-1,
  .content-block-type-2,
  .content-block-type-3 {
    padding: 0 1.875rem;
  }
  .content-block-type-1 .content-container .content-image,
  .content-block-type-2 .content-container .content-image,
  .content-block-type-3 .content-container .content-image {
    max-width: 35%;
  }
  .related-courses a {
    max-width: 32.333%;
  }
  .related-courses a:nth-child(3n) {
    max-width: 33.333%;
    margin-right: 0;
  }
  .related-courses a:nth-child(5n) {
    max-width: 32.333%;
    margin-right: 1%;
  }
  #specialist,
  #content-block,
  #faq-widget,
  #download-widget {
    padding: 0 1.875rem;
  }
  .hideBanner .inner a.cta-button {
    margin-bottom: 0.9375rem;
  }
  #library-group .library-filter {
    width: 35%;
  }
  #library-group .library-results {
    width: 65%;
  }
}
/* 760 */
@media only screen and (max-width: 48.763em) {
  #searchresults ul li a .search-block.search-image {
    display: none;
  }
  .woocommerce-ordering-inner {
    width: 100% !important;
  }
  #library-group {
    padding: 0;
  }
  #library-group .library-results .woocommerce-ordering label {
    margin: 0 0 8px 0;
  }
  .woocommerce-breadcrumb {
    padding: 0.9375rem 0;
  }
  .woocommerce-products-header {
    padding: 0;
  }
  .top-nav ul li a img,
  .top-nav ul li a svg,
  .top-nav ul li button img,
  .top-nav ul li button svg {
    width: 15px;
    margin: 0;
  }
  .search-wrapper form label input,
  .search-wrapper form input[type=submit] {
    font-size: 16px;
  }
  .top-nav ul li button,
  .top-nav ul li a {
    padding: 0 13px;
  }
  #equipment .sectionInner #equip-col {
    padding: 0;
  }
  #equipment .sectionInner #equip-cat {
    padding: 0;
  }
  #equipment .sectionInner #equip-cat ul {
    grid-template-columns: 1fr 1fr;
  }
  #carousel {
    padding: 0;
  }
  #carousel .sectionInner {
    padding: 0;
  }
  #home-statement {
    padding: 0 1.875rem;
  }
  #home-statement .statement-inner p {
    font-size: 18px;
    margin: 0;
  }
  section .sectionInner {
    padding: 0;
  }
  .content-block-type-1 .content-container,
  .content-block-type-2 .content-container,
  .content-block-type-3 .content-container {
    margin: 1.875rem 0;
  }
  .content-block-type-1 .content-container .content-image,
  .content-block-type-2 .content-container .content-image,
  .content-block-type-3 .content-container .content-image {
    display: none;
  }
  #listing-view .listing-list {
    display: inline-flex;
    flex-wrap: wrap;
  }
  #content-block ul {
    padding: 1.875rem;
  }
  #products-slider .slick-slide {
    width: 100% !important;
  }
  .page-head .sectionInner h1 {
    font-size: 24px;
  }
  .user-content p {
    font-size: 18px;
  }
  section {
    padding: 0 1.875rem;
  }
  section .sectionInner .breadcrumbs,
  .page-head .sectionInner .breadcrumbs {
    display: none;
  }
  .mega .megaInner .mega-block .mega-side a {
    font-size: 16px;
  }
  .mega .megaInner .mega-block:first-child {
    width: 50%;
    padding: 0.9375rem;
  }
  .mega .megaInner .mega-block:nth-child(2) {
    width: 50%;
    padding: 0.9375rem;
  }
  .woocommerce-cart-form .woocommerce-message a,
  .woocommerce-cart-form .woocommerce-info a,
  .woocommerce-notices-wrapper .woocommerce-message a,
  .woocommerce-notices-wrapper .woocommerce-info a,
  .woocommerce-products-header .woocommerce-message a,
  .woocommerce-products-header .woocommerce-info a {
    margin: 0 0 0.9375rem 0;
  }
  .woocommerce-cart-form .cart .actions {
    flex-wrap: wrap;
  }
  .woocommerce-cart-form .cart .actions .cta-button {
    max-width: 100%;
    font-size: 16px;
    margin: 0;
  }
  .woocommerce-cart-form .cart .actions .coupon {
    font-size: 16px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .woocommerce-cart-form .cart .actions .coupon input {
    margin: 0;
    width: 100%;
  }
  .woocommerce-cart-form .cart ul {
    margin: 0;
  }
  .woocommerce-cart-form .cart ul li {
    width: auto;
  }
  .woocommerce-cart-form .cart ul li a {
    font-size: 16px;
  }
  .woocommerce-cart-form .cart ul li .variation p {
    margin: 0;
  }
  .woocommerce-cart-form .cart ul li:first-child {
    margin: 0;
  }
  .woocommerce-cart-form .cart ul.woocommerce-cart-form__cart-item {
    flex-wrap: wrap;
  }
  .woocommerce-cart-form .cart ul.woocommerce-cart-form__cart-item li {
    font-size: 16px;
  }
  .woocommerce-cart-form .cart ul.woocommerce-cart-form__cart-item li.product-subtotal {
    width: 100%;
    border-top: 1px solid #ccc;
    padding-top: 0.9375rem;
  }
  .woocommerce-cart-form .cart ul.cart-titles {
    display: none;
  }
  .cart-collaterals {
    flex-wrap: wrap;
  }
  .cart-collaterals .cart_totals {
    max-width: 100%;
  }
  .cart-collaterals .cart_totals div {
    font-size: 18px;
  }
  .woocommerce .related-products,
  .woocommerce .cross-sells {
    order: 2;
    margin: 0;
  }
  .woocommerce .related-products ul.products,
  .woocommerce .cross-sells ul.products {
    justify-content: space-between;
  }
  .woocommerce .related-products ul.products li.product,
  .woocommerce .cross-sells ul.products li.product {
    width: 48% !important;
  }
  .woocommerce .related-products h2,
  .woocommerce .cross-sells h2 {
    font-size: 24px;
  }
  .woocommerce .related-products a h2,
  .woocommerce .cross-sells a h2 {
    font-size: 20px;
  }
  .products li a.button {
    padding: 0.9375rem;
  }
  .products li a .product-image-wrapper {
    padding: 5px;
  }
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .sectionInner .woocommerce .woocommerce-info,
  .sectionInner .woocommerce .woocommerce-noreviews,
  .sectionInner .woocommerce p.no-comments {
    padding: 0.9375rem;
    margin: 0 0 5px 0;
  }
  .woocommerce-form-coupon-toggle,
  .woocommerce-form-login-toggle {
    margin: 0;
  }
  .woocommerce-form-coupon-toggle .woocommerce-info a,
  .woocommerce-form-coupon-toggle .woocommerce-info a,
  .woocommerce-form-login-toggle .woocommerce-info a,
  .woocommerce-form-login-toggle .woocommerce-info a {
    display: inline-flex;
    width: 100%;
  }
  .woocommerce-billing-fields .form-row,
  .woocommerce-shipping-fields .form-row,
  .sectionInner .woocommerce-order .form-row {
    flex-wrap: wrap;
  }
  .woocommerce-billing-fields .form-row span,
  .woocommerce-shipping-fields .form-row span,
  .sectionInner .woocommerce-order .form-row span {
    padding: 5px 0;
  }
  #order_review .woocommerce-checkout-review-order-table {
    margin: 0 0 0.9375rem 0;
  }
  #order_comments_field {
    flex-wrap: wrap;
  }
  #order_review .woocommerce-checkout-review-order-table .product-name {
    flex-wrap: wrap;
    text-align: left;
  }
  #order_review ul.prod-header {
    display: none;
  }
  #order_review ul.cart_item {
    flex-wrap: wrap;
    padding: 0.9375rem;
  }
  #order_review .review-totals {
    font-size: 18px;
  }
  .checkout-heading {
    margin: 0.9375rem 0 0 0;
  }
  .subcategories {
    margin: 0.9375rem 0;
    padding: 0;
  }
  .subcategories ul {
    grid-template-columns: 1fr 1fr;
    column-gap: 8px;
    row-gap: 8px;
  }
  .subcategories ul li button,
  .subcategories ul li .training-sub {
    font-size: 16px;
  }
  .woocommerce-pagination ul li {
    padding: 0 5px;
  }
  #library-group .widgetizedArea {
    margin: 0;
  }
  #library-group .library-results {
    margin: 0;
  }
  .single-product div.product .woocommerce-product-gallery {
    width: 100%;
  }
  .single-product.woocommerce .entry-summary {
    width: 100%;
    margin: 0 0 1.875rem 0;
    padding: 0;
  }
  #homeSlide {
    max-height: unset;
    height: auto;
    margin: 0 0 0.9375rem 0;
  }
  #homeSlide .slick-list .slideBlock .slide-shape,
  #homeSlide .slick-track .slideBlock .slide-shape {
    left: -15%;
    width: 125%;
  }
  #homeSlide .slick-list .slideBlock .hero-content,
  #homeSlide .slick-track .slideBlock .hero-content {
    width: 75%;
    padding: 0.9375rem 0;
  }
  #homeSlide .slick-list .slideBlock .hero-content .hero-title,
  #homeSlide .slick-track .slideBlock .hero-content .hero-title {
    font-size: 26px;
  }
  #homeSlide .slick-list .slideBlock .hero-content .hero-desc,
  #homeSlide .slick-track .slideBlock .hero-content .hero-desc {
    font-size: 18px;
  }
  #homeSlide .slick-list .slideBlock .hero-content .hero-link,
  #homeSlide .slick-track .slideBlock .hero-content .hero-link {
    font-size: 18px;
  }
  #homeSlide .slick-list .slideBlock .white-rectangle,
  #homeSlide .slick-track .slideBlock .white-rectangle {
    left: -20vw;
  }
  #course-block .course-main {
    max-width: 100%;
  }
  #course-block .course-main img {
    width: 100%;
  }
  #course-block .course-side {
    max-width: 100%;
    padding: 0;
    position: relative;
  }
  #course-block .course-side .course-side-overview {
    width: 100%;
  }
  #pillars {
    margin: 0 0 1.875rem 0;
  }
  #pillars ul li.pillar-line {
    justify-content: center;
    margin: 0;
  }
  #pillars ul li a {
    flex-wrap: wrap;
    justify-content: center;
  }
  #pillars ul li a .pillar-image {
    margin-right: 0;
    margin-top: 20px;
    min-height: auto;
    height: 100px;
  }
  #pillars ul li a .pillar-inner {
    padding: 0;
  }
  #pillars ul li a .pillar-inner h3 {
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #00050f;
  }
  .widget-title {
    font-size: 26px;
    line-height: 1.2em;
  }
  .widget-title div {
    align-items: flex-start;
    flex-direction: column;
  }
  .widget-title div .widget-button {
    padding: 0;
    margin: 0.9375rem 0 0 0;
  }
  .page-head,
  #searchResultsArea,
  #searchKeyword {
    padding: 1.875rem 1.875rem 0.9375rem;
  }
  #info-boxes .sectionInner .sales {
    flex-wrap: wrap;
  }
  #info-boxes .sectionInner .sales li {
    width: 50%;
    justify-content: center;
    display: inline-flex;
    margin: 0 0 0.9375rem 0 !important;
  }
  #info-boxes .sectionInner ul {
    flex-wrap: wrap;
  }
  #info-boxes .sectionInner ul li {
    width: 100%;
    margin: 0 0 0.9375rem 0;
  }
  #info-boxes .sectionInner ul li:last-child, #info-boxes .sectionInner ul li:first-child {
    margin: 0 0 0.9375rem 0;
  }
  #info-boxes .sectionInner ul li p {
    margin-top: 0.9375rem;
  }
  #equipment .sectionInner #equip-col ul {
    grid-template-columns: 1fr 1fr;
  }
  #searchKeyword form .keyword-wrap {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  #searchKeyword form .keyword-wrap label {
    width: 100%;
    margin: 0 0 0.9375rem 0;
  }
  #searchKeyword form .keyword-wrap input[type=text] {
    height: 48px;
    min-width: 0;
    width: calc(100% - 114px);
  }
  #footer .sectionInner #footer-top .footer-block {
    width: 100%;
    text-align: center;
  }
  #footer .sectionInner #footer-top .footer-block.social ul {
    justify-content: center;
  }
  #footer .sectionInner #footer-bottom .left-side {
    justify-content: center;
    text-align: center;
  }
  #footer .sectionInner #footer-bottom .left-side div {
    justify-content: center;
    text-align: center;
  }
  #footer .sectionInner #footer-bottom .left-side div a {
    justify-content: center;
    text-align: center;
  }
  #footer .sectionInner #footer-bottom .right-side ul {
    justify-content: center;
  }
  #news-widget .news-layout .news-block {
    max-width: 100%;
    height: auto;
    margin: 0;
  }
  #specialist ul {
    margin: 0;
    display: inline-flex;
    flex-wrap: wrap;
    padding: 0;
  }
  #specialist ul li {
    margin: 0 0 0.9375rem 0;
  }
  #specialist ul li .special-inner a, #specialist ul li .special-inner p {
    font-size: 18px;
  }
  #specialist ul li .special-inner p {
    min-height: auto;
  }
  .flipBoxes {
    padding: 0;
  }
  .sectionInner .woocommerce-order ul.order_details.receipt_details ul li ul li p {
    font-size: 1.2rem;
  }
  .sectionInner .woocommerce-order ul.order_details.receipt_details ul li ul {
    margin: 0;
  }
  .sectionInner .woocommerce-order ul {
    padding: 1.25rem;
  }
  #course-detail {
    padding: 0 1.875rem;
  }
  #course-block .course-side .course-side-overview {
    padding: 0 1.875rem 1.25rem;
  }
  #course-block .course-side .tabs .tab-label {
    padding: 0.9375rem;
  }
  #course-block .course-side .tabs .tab-content {
    padding: 0.625rem;
  }
  #searchresults ul li.product-item {
    max-width: 49%;
  }
  .course-advert {
    text-align: center;
  }
  .course-advert a {
    width: 100%;
    margin: 0.9375rem 0 0 0;
  }
  .related-courses a {
    max-width: 49%;
    margin-bottom: 1% !important;
  }
  .related-courses a:nth-child(2n) {
    max-width: 50% !important;
    margin-right: 0 !important;
  }
  .related-courses a:nth-child(3n) {
    max-width: 49%;
    margin-right: 1%;
  }
  .related-courses a:nth-child(5n) {
    max-width: 49%;
  }
  .related-courses a a {
    padding: 0.9375rem;
  }
  .related-courses a h3 {
    font-size: 18px;
  }
  #searchKeyword form .keyword-wrap {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #searchKeyword form .keyword-wrap label {
    width: 100%;
    margin: 0 0 0.9375rem 0;
  }
  #searchKeyword form .keyword-wrap div {
    width: 100%;
    justify-content: flex-end;
  }
  #searchKeyword form .keyword-wrap div input[type=text] {
    width: 100%;
  }
  #searchKeyword form .keyword-wrap .cta-button {
    height: 55px;
    width: 46%;
    justify-content: center;
  }
}
/* 640 */
@media only screen and (max-width: 40.063em) {
  #library-group .library-filter {
    width: 100%;
  }
  #library-group .library-results {
    width: 100%;
  }
  section .sectionInner, .page-head .sectionInner {
    padding: 0;
  }
  .cart-collaterals .cart_totals ul#shipping_method li {
    font-size: 17px;
  }
  .alignleft,
  .alignright {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
  .main-navigation ul#primary-menu {
    top: 0;
  }
  .mobile-hide {
    display: none !important;
  }
  #searchresults ul li {
    max-width: 100%;
  }
  .flipBoxes li {
    width: 100% !important;
  }
  #cta-widget .cta-wrapper {
    max-width: 100%;
  }
  #info-boxes .sectionInner ul li {
    width: 100% !important;
    margin: 0 0 1rem !important;
  }
  #info-boxes .sectionInner ul li:first-child {
    margin-left: 0 !important;
  }
  #searchresults ul li.product-item {
    max-width: 100%;
  }
  #searchResultsArea .sectionInner {
    flex-direction: column;
  }
  #searchFilter {
    width: 100%;
  }
  #searchResults {
    width: 100%;
  }
  #library-group {
    flex-direction: column;
  }
  #library-group .library-filter {
    width: 100%;
  }
  #library-group .library-filter .filters-container button {
    margin: 0.9375rem 0 0 0;
  }
  #library-group .library-filter .library-filter-button {
    background: transparent;
    align-items: center;
    color: #393a40;
    display: flex;
    justify-content: center;
    width: 100%;
    border: 1px solid #ccc;
    padding: 0.9375rem;
    margin: 0 0 0.9375rem 0;
    cursor: pointer;
  }
  #library-group .library-filter .library-filter-popup,
  #library-group .library-filter #searchFilter {
    background: #fff;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    padding: 1.875rem;
    transition: all ease-out 0.3s;
    overflow-y: scroll;
    z-index: 200;
  }
  #library-group .library-filter .library-filter-popup.is-open,
  #library-group .library-filter #searchFilter.is-open {
    transform: translateX(0);
  }
  #library-group .library-filter .library-filter-close,
  #library-group .library-filter .close-filter {
    background: transparent;
    border: 0;
    color: #393a40;
    display: flex;
    padding: 0;
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 20px;
  }
  #course-finder .sectionInner #frmCourseFinder .option-container .option-inner,
  #course-finder .sectionInner #frmCourseFinder .option-container div {
    flex-wrap: wrap;
  }
  #course-finder .sectionInner #frmCourseFinder .option-container .option-inner .cta-button,
  #course-finder .sectionInner #frmCourseFinder .option-container div .cta-button {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  #course-finder .sectionInner #frmCourseFinder .option-container .option-inner input,
  #course-finder .sectionInner #frmCourseFinder .option-container .option-inner select {
    min-width: 0;
  }
}
/* 500 */
@media only screen and (max-width: 31.263em) {
  .mega .megaInner .mega-block:first-child {
    width: 100%;
  }
  .mega .megaInner .mega-block:nth-child(2) {
    width: 100%;
  }
}
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}