@charset "UTF-8";
/*!
Theme Name: policeoracle
Theme URI: http://underscores.me/
Author: Tom Jenkins
Author URI: http://underscores.me/
Description: JIG Online
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: policeoracle
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.

policeoracle 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

--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;900&display=swap");
.bg-color-one {
  background: #0A2443;
}
.bg-color-one li {
  border-color: #fff !important;
}
.bg-color-one h4, .bg-color-one a, .bg-color-one span {
  color: #fff !important;
}
.bg-color-one h4::before, .bg-color-one a::before, .bg-color-one span::before {
  background: #fff !important;
}
.bg-color-one .title, .bg-color-one p {
  color: #fff !important;
}
.bg-color-one .mast {
  border-color: #fff !important;
}

.bg-color-two {
  background: #3A577F;
}
.bg-color-two li {
  border-color: #fff !important;
}
.bg-color-two h4, .bg-color-two a, .bg-color-two span {
  color: #fff !important;
}
.bg-color-two h4::before, .bg-color-two a::before, .bg-color-two span::before {
  background: #fff !important;
}
.bg-color-two .title, .bg-color-two p {
  color: #fff !important;
}
.bg-color-two .mast {
  border-color: #fff !important;
}

.bg-color-four {
  background: #031429;
}
.bg-color-four li {
  border-color: #fff !important;
}
.bg-color-four h4, .bg-color-four a, .bg-color-four span {
  color: #fff !important;
}
.bg-color-four h4::before, .bg-color-four a::before, .bg-color-four span::before {
  background: #fff !important;
}
.bg-color-four .title, .bg-color-four p {
  color: #fff !important;
}
.bg-color-four .mast {
  border-color: #fff !important;
}

.bg-color-three {
  background: #F38749;
}
.bg-color-three li {
  border-color: #000 !important;
}
.bg-color-three .mast {
  border-color: #000 !important;
}

.bg-color-five {
  background: #59BDB3;
}
.bg-color-five li {
  border-color: #000 !important;
}
.bg-color-five .mast {
  border-color: #000 !important;
}

.bg-color-six {
  background: #F0FF7E;
}
.bg-color-six li {
  border-color: #000 !important;
}
.bg-color-six .mast {
  border-color: #000 !important;
}

p {
  line-height: 1.4em;
  font-size: clamp(16px, 4vw, 20px);
  margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  line-height: 1.4em;
}

h1 {
  font-size: clamp(26px, 3.5vw, 34px);
}

h2 {
  font-size: clamp(24px, 3.5vw, 28px);
}

h3 {
  font-size: clamp(22px, 3.5vw, 26px);
}

h4 {
  font-size: clamp(18px, 3.5vw, 18px);
}

h5 {
  font-size: clamp(18px, 3.5vw, 18px);
}

h6 {
  font-size: clamp(16px, 3.5vw, 18px);
}

/*--------------------------------------------------------------
# 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.
 */
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: 2em;
  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;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Elements
--------------------------------------------- */
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%;
}

/* Links
--------------------------------------------- */
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
.more {
  font-weight: bold;
  display: inline-flex;
  margin: 1.875rem 0 0 0;
  color: #000;
  text-decoration: none;
  position: relative;
  position: relative;
}
.more::before {
  content: "";
  width: 0%;
  left: 50%;
  bottom: -5px;
  height: 2px;
  border-radius: 5px;
  background: #fff;
  position: absolute;
  transition: all ease-out 0.4s;
}
.more:hover::before {
  width: 100%;
  left: 0;
}
.more::before {
  background: #000;
}
.more svg {
  margin: 0 0 0 0.9375rem;
}

input[type=text],
input[type=email],
input[type=postcode],
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,
select {
  padding: 0 12px;
  width: 100%;
  display: block !important;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: text !important;
  font-size: 15px !important;
  height: 100%;
  box-sizing: border-box !important;
  box-shadow: none !important;
  margin: 0;
  position: static;
  border: none;
}
textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*
Theme Name: policeoracle

WooCommerce styles override
*/
body {
  font-family: inter, Helvetica, sans-serif;
}

* a:focus {
  outline: none;
}

.sectionInner {
  display: inline-flex;
  width: 100%;
}
.sectionInner h1 {
  width: 100%;
}

.width {
  max-width: 1320px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#standard {
  padding: 0.75rem 0 3.75rem 0;
  display: inline-flex;
  width: 100%;
  justify-content: center;
}
#standard .sectionInner {
  flex-wrap: wrap;
}
#standard .sectionInner .alignleft {
  float: left;
  margin-right: 0.9375rem;
}
#standard .sectionInner .alignright {
  float: right;
  margin-left: 0.9375rem;
}
#standard .sectionInner .aligncenter {
  display: block;
  margin: 0 auto 1.875rem;
}
#standard .sectionInner h1 {
  width: 100%;
}
#standard .um-form .um-row {
  width: 100%;
}
#standard .um-form .um-col-alt {
  width: 100%;
  margin: 0;
}
#standard form {
  width: 100%;
}

.user-content,
.content-inner {
  width: 100%;
}
.user-content .message,
.content-inner .message {
  padding: 1.875rem;
  background: #0A2443;
  color: #fff;
  border-radius: 10px;
  font-size: 18px;
  line-height: 20px;
}
.user-content .message p,
.content-inner .message p {
  margin: 0;
}
.user-content .message p a,
.content-inner .message p a {
  color: #F38749;
  position: relative;
}
.user-content .message p a::before,
.content-inner .message p a::before {
  content: "";
  width: 0%;
  left: 50%;
  bottom: -5px;
  height: 2px;
  border-radius: 5px;
  background: #F38749;
  position: absolute;
  transition: all ease-out 0.4s;
}
.user-content .message p a:hover::before,
.content-inner .message p a:hover::before {
  width: 100%;
  left: 0;
}
.user-content p.um-notice,
.content-inner p.um-notice {
  width: 100%;
}
.user-content p a,
.content-inner p a {
  font-weight: bold;
  text-decoration: none;
  color: #0A2443;
  position: relative;
}
.user-content p a::before,
.content-inner p a::before {
  content: "";
  width: 0%;
  left: 50%;
  bottom: -5px;
  height: 2px;
  border-radius: 5px;
  background: #000;
  position: absolute;
  transition: all ease-out 0.4s;
}
.user-content p a:hover::before,
.content-inner p a:hover::before {
  width: 100%;
  left: 0;
}
.user-content .customWrapper,
.content-inner .customWrapper {
  display: inline-flex;
  padding: 0.9375rem;
  border-radius: 10px;
  justify-content: center;
  width: 100%;
  margin: 1.857rem 0;
}
.user-content .customWrapper .customButton,
.content-inner .customWrapper .customButton {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  width: auto;
  border: 0;
  color: #fff;
  background: #F38749;
}
.user-content .customWrapper .customButton::before,
.content-inner .customWrapper .customButton::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #0A2443;
  transition: all ease-out 0.4s;
}
.user-content .customWrapper .customButton:hover,
.content-inner .customWrapper .customButton:hover {
  color: #fff;
}
.user-content .customWrapper .customButton:hover::before,
.content-inner .customWrapper .customButton:hover::before {
  width: 100%;
}
.user-content ul, .user-content ol,
.content-inner ul,
.content-inner ol {
  margin: 0 0 1.875rem 0;
}
.user-content ul li, .user-content ol li,
.content-inner ul li,
.content-inner ol li {
  margin: 0 0 5px 0;
  line-height: 1.4em;
  font-size: clamp(16px, 4vw, 20px);
}
.user-content blockquote,
.content-inner blockquote {
  padding: 0.9375rem 1.875rem;
  background: #f2f2f2;
  width: 100%;
  border-radius: 10px;
  margin: 0 0 1.875rem 0;
}
.user-content blockquote p,
.content-inner blockquote p {
  margin: 0;
}

.content-inner blockquote {
  background: #ccc;
}

.main {
  width: 100%;
  max-width: 70%;
}
.main p {
  padding-top: 0.9375rem;
}
.main .customWrapper {
  display: inline-flex;
  padding: 0.9375rem;
  border-radius: 10px;
  justify-content: center;
  width: 100%;
  margin: 1.857rem 0;
}
.main .customWrapper .customButton {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  width: auto;
  border: 0;
  color: #fff;
  background: #F38749;
}
.main .customWrapper .customButton::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #0A2443;
  transition: all ease-out 0.4s;
}
.main .customWrapper .customButton:hover {
  color: #fff;
}
.main .customWrapper .customButton:hover::before {
  width: 100%;
}
.main .article-image img {
  width: 100%;
}

#side-bar {
  width: 100%;
  max-width: 30%;
  padding-left: 3.75rem;
}
#side-bar .button {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  margin-top: 0.9375rem;
}
#side-bar .button::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #0A2443;
  transition: all ease-out 0.4s;
}
#side-bar .button:hover {
  color: #fff;
}
#side-bar .button:hover::before {
  width: 100%;
}
#side-bar .news-block {
  flex-wrap: nowrap;
}
#side-bar .news-block a {
  border: 0 !important;
}
#side-bar .news-block .news-info a {
  border: 0;
  padding: 0;
}
#side-bar .side-video {
  margin: 0 0 1.875rem 0;
}
#side-bar .side-video .mast {
  border: 0;
}
#side-bar .side-video .mast h4 {
  margin: 0 0 0 0.9375rem;
}
#side-bar .side-video video, #side-bar .side-video iframe {
  aspect-ratio: 16/9;
  width: 100%;
}
#side-bar .side-cartoon {
  margin: 0 0 1.875rem 0;
}
#side-bar .side-cartoon .mast {
  border: 0;
}
#side-bar .side-cartoon .mast h4 {
  margin: 0 0 0 0.9375rem;
}
#side-bar .side-cartoon a {
  display: inline-flex;
  width: 100%;
}
#side-bar .side-cartoon a img {
  width: 100%;
}
#side-bar .side-advert {
  margin: 1.875rem 0;
}
#side-bar .side-advert a img {
  width: 100%;
}
#side-bar a {
  display: inline-flex;
  width: 100%;
}
#side-bar p {
  margin: 0 0 10px 0;
  font-size: 12px;
}
#side-bar .side-jobs {
  padding: 1.875rem;
  background: #0A2443;
  margin: 0 0 1.875rem 0;
}
#side-bar .side-jobs .mast {
  border: 0;
  margin-bottom: 0;
}
#side-bar .side-jobs .mast h4 {
  color: #fff;
}
#side-bar .side-jobs h3 {
  margin: 0 0 0.9375rem 0;
  font-size: clamp(18px, 4vw, 30px);
  line-height: 1.3em;
  color: #fff;
}
#side-bar .side-jobs .ad-org {
  display: inline-flex;
  align-items: flex-start;
  width: auto;
  margin: 0 0 1.875rem 0;
}
#side-bar .side-jobs .ad-org img {
  max-width: 125px;
  min-width: 105px;
  width: auto;
  height: auto;
  margin: 2px 10px 0 0;
}
#side-bar .side-jobs .jobs-content {
  display: inline-flex;
  width: 100%;
}
#side-bar .side-jobs .jobs-content ul {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
#side-bar .side-jobs .jobs-content ul li {
  margin: 0 0 0.9375rem 0;
  width: 100%;
  display: inline-flex;
  color: #fff;
}
#side-bar .side-jobs .jobs-content ul li span {
  display: inline-flex;
  width: 100%;
  color: #fff;
}
#side-bar .side-jobs .jobs-content ul li svg {
  width: 30px;
  margin: 0 0.9375rem 0 0;
  fill: #fff;
}
#side-bar .side-jobs p {
  margin: 1.875rem 0;
  font-size: clamp(14px, 4vw, 16px);
  color: #fff;
}
#side-bar .side-jobs a {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #fff;
  background: none;
  border: 1px solid #fff;
  transition: all ease-out 0.4s;
}
#side-bar .side-jobs a::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #fff;
  transition: all ease-out 0.4s;
}
#side-bar .side-jobs a:hover {
  color: #0A2443;
  background: #fff;
}
#side-bar .side-jobs a:hover::before {
  width: 100%;
}
#side-bar .side-pod {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 1.875rem 0;
}
#side-bar .side-pod h4 {
  width: 100%;
  margin: 0 0 0.9375rem 0;
  text-transform: uppercase;
  color: #F38749;
}
#side-bar .side-pod a {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  text-decoration: none;
  color: #0A2443;
}
#side-bar .side-pod a p {
  width: 100%;
  align-items: center;
  display: inline-flex;
  font-size: clamp(16px, 4vw, 18px);
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
}
#side-bar .side-pod a p::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #0A2443;
  transition: all ease-out 0.4s;
}
#side-bar .side-pod a p:hover {
  color: #fff;
}
#side-bar .side-pod a p:hover::before {
  width: 100%;
}
#side-bar .side-pod a p svg {
  margin: 0 0 0 0.9375rem;
}
#side-bar .side-coffee {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 1.875rem 0;
}
#side-bar .side-coffee h4 {
  width: 100%;
  margin: 0 0 0.9375rem 0;
  text-transform: uppercase;
  color: #F38749;
}

/* skyscraper adverts */
.content-pad {
  padding: 1.875rem;
  display: inline-flex;
  width: 100%;
  flex-wrap: wrap;
}

.body-container {
  display: inline-flex;
  width: 100%;
  justify-content: center;
}
.body-container .body-content {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
}
.body-container .body-content.advert {
  width: calc(100% - 240px);
  max-width: 1320px;
  position: relative;
}

.skyscraper {
  display: inline-flex;
  width: 100%;
  max-width: 120px;
  height: 600px;
  background: #fff;
}
.skyscraper img {
  width: 100%;
}

#comments,
#wpdcom {
  max-width: 1320px;
  margin-top: 0.9375rem;
}

.wpd-field-comment {
  width: 100%;
}

#news-list {
  margin-top: 1.875rem;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  padding: 0;
}
#news-list .cta {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
}
#news-list .cta::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #0A2443;
  transition: all ease-out 0.4s;
}
#news-list .cta:hover {
  color: #fff;
}
#news-list .cta:hover::before {
  width: 100%;
}
#news-list ul {
  height: auto;
  list-style: none;
  margin: 0 0 1.875rem 0;
  padding: 0;
}
#news-list ul li {
  display: inline-flex;
  flex-wrap: nowrap;
  width: 100%;
  margin: 0 0 1.875rem 0;
  padding: 0 0 1.875rem 0;
  border-bottom: 1px solid #ccc;
}
#news-list ul li .news-block {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
}
#news-list ul li .image {
  width: 100%;
  max-width: 200px;
}

.news-block {
  display: inline-flex;
  flex-wrap: wrap;
  text-decoration: none;
  width: 100%;
  color: #000;
}
.news-block h4 {
  width: 100%;
  margin: 0 0 0.9375rem 0;
  text-transform: uppercase;
  color: #F38749;
}
.news-block a {
  display: inline-flex;
  flex-wrap: wrap;
  text-decoration: none;
  width: 100%;
  color: #000;
}
.news-block .news-info {
  display: inline-flex;
  margin-top: 0.9375rem;
}
.news-block .news-info a {
  width: auto !important;
}
.news-block .news-info .date {
  width: auto;
  display: inline-block;
  float: left;
  font-weight: bold;
  color: #ccc;
  font-size: 12px;
}
.news-block .news-info .auth {
  margin: 0 0 0 1.875rem;
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  position: relative;
  color: #000;
}
.news-block .news-info .auth::before {
  content: "";
  width: 0%;
  left: 50%;
  bottom: -5px;
  height: 2px;
  border-radius: 5px;
  background: #000;
  position: absolute;
  transition: all ease-out 0.4s;
}
.news-block .news-info .auth:hover::before {
  width: 100%;
  left: 0;
}
.news-block .image {
  margin: 0 0.9375rem 0 0;
  min-height: 150px;
}
.news-block .news-cat {
  width: 100%;
  font-weight: bold;
  color: #F38749;
  display: inline-flex;
  margin: 0 0 0.9375rem 0;
}

.slide-controls {
  position: absolute;
  right: 0;
  top: 0.9375rem;
  display: inline-flex;
  justify-content: space-between;
}
.slide-controls div {
  border-radius: 100%;
  width: 40px;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin: 0 0 0 0.9375rem;
  background: #0A2443;
  transition: all ease-out 0.4s;
}
.slide-controls div:hover {
  cursor: pointer;
  background: #F38749;
}

#pagination {
  display: inline-flex;
  width: 100%;
  justify-content: flex-end;
  margin: 1.875rem 0;
}
#pagination .pagi-buttons {
  display: inline-flex;
  justify-content: flex-end;
}
#pagination .pagi-inner {
  display: inline-flex;
}
#pagination .pagi-inner a {
  margin: 0 5px;
  color: #aaa;
  text-transform: initial;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #aaa;
  outline: none;
  min-width: 35px;
  height: 35px;
  text-decoration: none;
  transition: all ease-out 0.3s;
}
#pagination .pagi-inner a.active {
  border-color: #0A2443;
  color: #0A2443;
}
#pagination .pagi-inner a:hover {
  background: #0A2443;
  color: #fff;
}
#pagination .pagi-inner a.pagi-next, #pagination .pagi-inner a.pagi-prev {
  width: 100%;
  padding: 5px 1.875rem;
  position: relative;
  justify-content: flex-start;
}
#pagination .pagi-inner a.pagi-next svg, #pagination .pagi-inner a.pagi-prev svg {
  position: absolute;
  left: 0.9375rem;
}
#pagination .pagi-inner a.pagi-next {
  padding-right: 1.875rem;
  padding-left: 0.9375rem;
}
#pagination .pagi-inner a.pagi-next svg {
  left: auto;
  right: 0.9375rem;
}
#pagination ul {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  max-width: 1024px;
  margin: 0 0.9375rem;
  padding: 0;
}
#pagination ul li {
  list-style: none;
  padding: 0 5px;
}
#pagination ul li a, #pagination ul li span {
  margin: 0;
  color: #0A2443;
  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, #pagination ul li span:hover {
  background: #0A2443;
  color: #fff;
}
#pagination ul li span {
  color: #0A2443;
}
#pagination ul li.active a {
  border-color: #0A2443;
  color: #0A2443;
}

#more-block {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 1.875rem 0;
}
#more-block .spinner {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 400px;
  margin: 1.875rem 0;
  margin: 0;
  height: auto;
  width: 50px;
}
#more-block .spinner::after {
  content: "";
  position: absolute;
  margin: 20px auto;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-top-color: #0A2443;
  animation: spin 0.75s linear infinite;
  width: 40px;
  height: 40px;
}
#more-block .spinner::after {
  width: 15px;
  height: 15px;
}
#more-block button {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  width: auto;
}
#more-block button::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #0A2443;
  transition: all ease-out 0.4s;
}
#more-block button:hover {
  color: #fff;
}
#more-block button:hover::before {
  width: 100%;
}
#more-block button:hover {
  cursor: pointer;
}

form {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}
form .sub-block {
  display: inline-flex;
  width: 100%;
  margin: 0.9375rem 0 0 0;
}
form .sub-block div {
  width: 100%;
  margin: 0 1.875rem 0 0;
}
form .sub-block div input {
  padding: 20px 0.9375rem;
  border: 0;
  border-radius: 10px;
  width: 100%;
  font-size: 16px;
}
form .sub-block div input:focus {
  outline: none;
}
form .sub-block div p {
  margin: 0px;
}
form .sub-block div label {
  color: #fff;
  position: absolute;
  left: -200000px;
}
form .sub-block div input[type=submit] {
  padding: 20px 1.875rem;
  display: inline-flex;
  background: none;
  color: #fff;
  border: 1px solid #fff;
  transition: all ease-out 0.4s;
}
form .sub-block div input[type=submit]:hover {
  cursor: pointer;
  color: #0A2443;
  background: #fff;
}
form .sub-block div:last-child {
  margin: 0;
}
form .submit-block {
  width: auto;
}
form .check-block {
  display: inline-flex;
  width: 100%;
  align-items: center;
  margin: 0px;
}
form .check-block div {
  height: 100%;
  align-items: center;
  flex-wrap: wrap;
  display: inline-flex;
  margin: 0.9375rem 1.875rem 0 0;
}
form .check-block div p {
  width: 100%;
  margin: 0;
  font-size: clamp(14px, 4vw, 16px);
  color: #fff;
}
form .check-block label {
  color: #fff;
}
form .check-block 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-radius: 5px;
  border: 1px solid #fff;
}
form .check-block input[type=checkbox]::before {
  content: "";
  width: 8px;
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  transform-origin: center;
  height: 8px;
  border-radius: 0;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background: #fff;
}
form .check-block input[type=checkbox]:checked::before {
  transform: scale(1);
}
form .check-block input[type=checkbox]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}

.wizard .wizard-nav.dots .wizard-step:before {
  background: #F38749;
}

#wizard-box {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  padding: 1.875rem;
}
#wizard-box .sectionInner {
  flex-wrap: wrap;
}
#wizard-box form {
  position: relative;
}
#wizard-box .sub-login {
  width: 100%;
  margin-top: 1.875rem;
  font-size: 16px;
  background: none;
  display: inline-flex;
  justify-content: flex-end;
  border-radius: 0;
}
#wizard-box .sub-login a {
  color: #0A2443;
  text-decoration: underline;
}
#wizard-box .wizard-nav {
  padding: 3.75rem 3.75rem 1.875rem;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: #0A2443;
}
#wizard-box .wizard-nav span {
  font-size: 16px;
  margin-top: 0.9375rem;
  display: inline-block;
  color: #fff;
}
#wizard-box .wizard-nav span.dot {
  margin: 0;
  box-shadow: none;
  background: #fff;
}
#wizard-box .wizard-nav .wizard-step.active span.dot {
  background: #F38749;
}
#wizard-box .wizard-content {
  padding: 0;
}
#wizard-box .wizard-content .wizard-step {
  display: none;
  flex-wrap: wrap;
  padding: 3.75rem 3.75rem 0;
  background: #0A2443;
  border-top: 3px solid #F38749;
  width: 100%;
  justify-content: center;
}
#wizard-box .wizard-content .wizard-step .wizard-sub-text {
  margin-top: 1.875rem;
  color: #fff;
}
#wizard-box .wizard-content .wizard-step .wizard-sub-text a {
  color: #F38749;
}
#wizard-box .wizard-content .wizard-step .email-error {
  color: #fff;
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  padding: 8px 1.875rem;
  background: #F38749;
  border-radius: 10px;
  max-width: 1024px;
  margin: 1.875rem 0 0 0;
}
#wizard-box .wizard-content .wizard-step .email-error a {
  font-weight: bold;
  margin: 0 5px;
  color: #fff;
}
#wizard-box .wizard-content .wizard-step h3 {
  width: 100%;
  text-align: center;
  margin: 0;
  color: #fff;
}
#wizard-box .wizard-content .wizard-step p {
  text-align: center;
  width: 100%;
  text-align: center;
  width: 100%;
  font-size: 16px;
  margin-top: 0.9375rem;
  color: #fff;
}
#wizard-box .wizard-content .wizard-step .radio-block {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  margin: 1.875rem 0 0 0;
}
#wizard-box .wizard-content .wizard-step .radio-block .radio-inner {
  display: inline-flex;
  width: 100%;
  align-items: center;
  padding: 1.875rem;
  margin: 0 0.9375rem;
  border: 1px solid #0A2443;
  background: #fff;
}
#wizard-box .wizard-content .wizard-step .radio-block .radio-inner .radio {
  padding: 0 0.9375rem 0 0;
  display: inline-flex;
  align-items: center;
}
#wizard-box .wizard-content .wizard-step .radio-block .radio-inner h5 {
  margin: 0;
  color: #F38749;
}
#wizard-box .wizard-content .wizard-step .radio-block .radio-inner p {
  font-size: 14px;
  margin-top: 5px;
  color: #0A2443;
}
#wizard-box .wizard-content .wizard-step .radio-block .radio-inner p a {
  color: #0A2443;
  font-weight: bold;
}
#wizard-box .wizard-content .wizard-step .radio-block 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-radius: 100%;
  border: 1px solid #0A2443;
}
#wizard-box .wizard-content .wizard-step .radio-block input[type=radio]::before {
  content: "";
  width: 8px;
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  transform-origin: center;
  height: 8px;
  border-radius: 100%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background: #0A2443;
}
#wizard-box .wizard-content .wizard-step .radio-block input[type=radio]:checked::before {
  transform: scale(1);
}
#wizard-box .wizard-content .wizard-step .radio-block input[type=radio]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
#wizard-box .wizard-content .wizard-step .details {
  margin-top: 1.875rem;
  display: inline-flex;
  flex-wrap: wrap;
  max-width: 1024px;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
#wizard-box .wizard-content .wizard-step .details div {
  margin: 0 0 0.9375rem 0;
  width: 100%;
  max-width: 48%;
  display: inline-block;
}
#wizard-box .wizard-content .wizard-step .details input[type=text],
#wizard-box .wizard-content .wizard-step .details input[type=email],
#wizard-box .wizard-content .wizard-step .details input[type=password],
#wizard-box .wizard-content .wizard-step .details select {
  height: 60px;
}
#wizard-box .wizard-content .wizard-step .details div.prof-email {
  max-width: 100%;
}
#wizard-box .wizard-content .wizard-step .details label {
  display: inline-flex;
  margin: 0 0 10px 0;
  font-weight: bold;
  color: #fff;
}
#wizard-box .wizard-content .wizard-step .details input.highlight-error, #wizard-box .wizard-content .wizard-step .details select.highlight-error {
  border: 2px solid red;
}
#wizard-box .wizard-content .wizard-step .details p a {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  width: auto;
  padding: 5px 0.9375rem;
  margin-top: 1.875rem;
  font-size: 16px;
}
#wizard-box .wizard-content .wizard-step .details p a::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #F38749;
  transition: all ease-out 0.4s;
}
#wizard-box .wizard-content .wizard-step .details p a:hover {
  color: #fff;
}
#wizard-box .wizard-content .wizard-step .details p a:hover::before {
  width: 100%;
}
#wizard-box .wizard-content .wizard-step.active {
  display: inline-flex;
}
#wizard-box .wizard-buttons {
  padding: 1.875rem 3.75rem 3.75rem;
  border-radius: 10px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  background: #0A2443;
  width: 100%;
}
#wizard-box .wizard-buttons button {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  width: auto;
  z-index: 0;
  position: relative;
}
#wizard-box .wizard-buttons button::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #F38749;
  transition: all ease-out 0.4s;
}
#wizard-box .wizard-buttons button:hover {
  color: #fff;
}
#wizard-box .wizard-buttons button:hover::before {
  width: 100%;
}
#wizard-box .wizard-buttons button.finish {
  padding: 0.9375rem 3.75rem;
}
#wizard-box .wizard-buttons button.finish::before {
  display: none;
}
#wizard-box .wizard-buttons button.finish::after {
  content: "";
  position: absolute;
  margin: 20px auto;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-top-color: #0A2443;
  animation: spin 0.75s linear infinite;
  display: none;
}
#wizard-box .wizard-buttons button.finish:hover {
  background: #F38749;
}
#wizard-box .promo-box {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
}
#wizard-box .promo-box h5 {
  width: 100%;
  text-align: center;
  color: #fff;
}
#wizard-box .promo-box .promotion_code_hidden {
  width: 100%;
  max-width: 600px;
  display: inline-flex;
}
#wizard-box .promo-box .promotion_code_hidden input[type=text] {
  height: 60px;
  font-size: 16px !important;
}
#wizard-box .promo-box .promotion_code_hidden input[type=button] {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  margin-left: 0.9375rem;
  width: auto;
}
#wizard-box .promo-box .promotion_code_hidden input[type=button]::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #F38749;
  transition: all ease-out 0.4s;
}
#wizard-box .promo-box .promotion_code_hidden input[type=button]:hover {
  color: #fff;
}
#wizard-box .promo-box .promotion_code_hidden input[type=button]:hover::before {
  width: 100%;
}
#wizard-box .promo-box .promotion_code_hidden input[type=button]:hover {
  cursor: pointer;
  background: #F38749;
}
#wizard-box #card-element {
  width: 100%;
  max-width: 600px;
  justify-content: center;
  display: inline-flex;
  margin: 0.9375rem 0 1.875rem 0;
  padding: 0.9375rem;
  background: #fff;
}
#wizard-box #card-element .__PrivateStripeElement {
  width: 100%;
}
#wizard-box #paymentResponse {
  color: red;
  font-weight: bold;
  transition: all ease-out 0.4s;
}
#wizard-box .fullForm {
  align-items: center;
  display: inline-flex;
}
#wizard-box .fullForm 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-radius: 5px;
  border: 1px solid #fff;
}
#wizard-box .fullForm input[type=checkbox]::before {
  content: "";
  width: 8px;
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  transform-origin: center;
  height: 8px;
  border-radius: 0;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background: #fff;
}
#wizard-box .fullForm input[type=checkbox]:checked::before {
  transform: scale(1);
}
#wizard-box .fullForm input[type=checkbox]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
#wizard-box .fullForm label {
  color: #fff;
}
#wizard-box .fullForm label a {
  color: #F38749;
}

#sub-spinner {
  width: 100%;
  display: inline-flex;
  width: 100%;
  justify-content: center;
  flex-direction: column;
  padding: 0 1.875rem;
  flex-wrap: wrap;
  align-items: center;
  position: absolute;
  height: 100%;
  top: 0;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(4px);
  z-index: 99;
}
#sub-spinner .spinner {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 400px;
  margin: 1.875rem 0;
  margin: 0;
  height: auto;
  width: 50px;
}
#sub-spinner .spinner::after {
  content: "";
  position: absolute;
  margin: 20px auto;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-top-color: #0A2443;
  animation: spin 0.75s linear infinite;
  width: 40px;
  height: 40px;
}
#sub-spinner .spin-message {
  font-weight: bold;
  justify-content: center;
  display: inline-flex;
  padding: 1.875rem;
  line-height: 1.4rem;
  text-align: center;
  color: #fff;
  background: #0A2443;
  border-radius: 10px;
  margin: 3.75rem 0 0 0;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
}

/* contact us */
#contact {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  padding: 3.75rem 1.875rem;
}
#contact .sectionInner {
  flex-wrap: wrap;
  position: relative;
}
#contact .sectionInner h1 {
  width: 100%;
}
#contact .sectionInner #contact-map {
  width: 50%;
  display: inline-flex;
  position: relative;
}
#contact .sectionInner .user-content {
  width: 50%;
}
#contact .sectionInner .gform_wrapper {
  padding: 1.875rem;
  background: #0A2443;
}
#contact .sectionInner .gform_wrapper label, #contact .sectionInner .gform_wrapper legend, #contact .sectionInner .gform_wrapper p {
  color: #0A2443;
}
#contact .sectionInner .gform_wrapper input {
  min-height: 50px;
}
#contact .sectionInner .gform_wrapper .gform-body {
  width: 100%;
}
#contact .sectionInner .gform_wrapper input[type=submit] {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #fff;
  background: none;
  border: 1px solid #fff;
  transition: all ease-out 0.4s;
}
#contact .sectionInner .gform_wrapper input[type=submit]::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #fff;
  transition: all ease-out 0.4s;
}
#contact .sectionInner .gform_wrapper input[type=submit]:hover {
  color: #0A2443;
  background: #fff;
}
#contact .sectionInner .gform_wrapper input[type=submit]:hover::before {
  width: 100%;
}
#contact .sectionInner .gform_wrapper input[type=submit]:hover {
  background: #fff;
  cursor: pointer;
}

#pop,
#application_form {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  backdrop-filter: blur(4px);
}
#pop .sectionInner,
#application_form .sectionInner {
  flex-wrap: wrap;
  overflow-y: auto;
  max-width: 1024px;
  margin: 3.75rem 0 0 0;
}
#pop form,
#application_form form {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1024px;
  align-items: center;
}
#pop form .spinner,
#application_form form .spinner {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 400px;
  margin: 1.875rem 0;
  height: 100px;
}
#pop form .spinner::after,
#application_form form .spinner::after {
  content: "";
  position: absolute;
  margin: 20px auto;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-top-color: #0A2443;
  animation: spin 0.75s linear infinite;
  width: 40px;
  height: 40px;
}
#pop form .spinner::after,
#application_form form .spinner::after {
  border-color: rgba(255, 255, 255, 0.3);
  border-top-color: #fff;
}
#pop .pop-inner,
#application_form .pop-inner {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1024px;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  padding: 3.75rem 1.875rem 1.875rem;
  max-height: 92vh;
  margin: 0;
  position: relative;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.3);
  border-top: 3px solid #F38749;
  background: #0A2443;
}
#pop .pop-inner .pop-close,
#application_form .pop-inner .pop-close {
  position: absolute;
  top: 1.875rem;
  right: 1.875rem;
}
#pop .pop-inner .pop-close svg,
#application_form .pop-inner .pop-close svg {
  font-size: 20px;
  padding: 0.9375rem;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  color: #fff;
  background: #F38749;
  transition: all ease-out 0.4s;
}
#pop .pop-inner .pop-close:hover,
#application_form .pop-inner .pop-close:hover {
  cursor: pointer;
}
#pop .pop-inner .pop-close:hover svg,
#application_form .pop-inner .pop-close:hover svg {
  transform: rotate(90deg);
}
#pop .pop-inner h3,
#application_form .pop-inner h3 {
  width: 100%;
  text-align: center;
  margin: 0 0 0.9375rem 0;
  color: #fff;
}
#pop .pop-inner p,
#application_form .pop-inner p {
  text-align: center;
  font-size: 16px;
  width: 100%;
  margin: 0 0 0.9375rem 0 !important;
  color: #0A2443;
}
#pop .pop-inner select,
#application_form .pop-inner select {
  background: none;
  margin: 0 0.9375rem 0 0;
  padding: 10px 0.9375rem;
  border-radius: 5px;
  color: #fff;
  border-color: #fff;
}
#pop .pop-inner select option,
#application_form .pop-inner select option {
  color: #000;
}
#pop .pop-inner a,
#application_form .pop-inner a {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #fff;
  background: none;
  border: 1px solid #fff;
  transition: all ease-out 0.4s;
  width: auto;
  font-size: 18px;
  font-weight: bold;
  border: 1px solid #fff !important;
  color: #fff;
}
#pop .pop-inner a::before,
#application_form .pop-inner a::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #fff;
  transition: all ease-out 0.4s;
}
#pop .pop-inner a:hover,
#application_form .pop-inner a:hover {
  color: #0A2443;
  background: #fff;
}
#pop .pop-inner a:hover::before,
#application_form .pop-inner a:hover::before {
  width: 100%;
}
#pop .pop-inner .StripeElement,
#application_form .pop-inner .StripeElement {
  background: #fff;
  padding: 0.9375rem !important;
}
#pop .pop-inner.pop-data,
#application_form .pop-inner.pop-data {
  margin: 0;
  background: #3A577F;
}
#pop .pop-inner.pop-data #question_container,
#application_form .pop-inner.pop-data #question_container {
  width: 100%;
}
#pop .pop-inner.pop-data h3, #pop .pop-inner.pop-data p,
#application_form .pop-inner.pop-data h3,
#application_form .pop-inner.pop-data p {
  text-align: start;
}
#pop .pop-inner.pop-data p#validation,
#application_form .pop-inner.pop-data p#validation {
  padding: 0.9375rem 1.875rem;
  width: 100%;
  background: #d54141;
  border-radius: 10px;
  text-align: center;
  font-weight: bold;
}
#pop .pop-inner.pop-data .pop-data-form,
#application_form .pop-inner.pop-data .pop-data-form {
  width: 100%;
  margin: 0 0 0.9375rem 0;
}
#pop .pop-inner.pop-data .pop-data-form .pop-data-element,
#application_form .pop-inner.pop-data .pop-data-form .pop-data-element {
  padding: 0.9375rem 0;
  padding: 0.9375rem 0;
  display: inline-flex;
  flex-wrap: wrap;
  width: 49%;
  align-items: center;
  border-bottom: 1px solid #0A2443;
  /* For Firefox */
  /* For Chrome, Safari, and Opera */
}
#pop .pop-inner.pop-data .pop-data-form .pop-data-element label,
#application_form .pop-inner.pop-data .pop-data-form .pop-data-element label {
  color: #fff;
}
#pop .pop-inner.pop-data .pop-data-form .pop-data-element input[type=checkbox],
#application_form .pop-inner.pop-data .pop-data-form .pop-data-element 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 1.875rem 0 10px;
  font: inherit;
  position: relative;
  color: currentColor;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid #fff;
}
#pop .pop-inner.pop-data .pop-data-form .pop-data-element input[type=checkbox]::before,
#application_form .pop-inner.pop-data .pop-data-form .pop-data-element input[type=checkbox]::before {
  content: "";
  width: 8px;
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  transform-origin: center;
  height: 8px;
  border-radius: 0;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background: #fff;
}
#pop .pop-inner.pop-data .pop-data-form .pop-data-element input[type=checkbox]:checked::before,
#application_form .pop-inner.pop-data .pop-data-form .pop-data-element input[type=checkbox]:checked::before {
  transform: scale(1);
}
#pop .pop-inner.pop-data .pop-data-form .pop-data-element input[type=checkbox]:disabled,
#application_form .pop-inner.pop-data .pop-data-form .pop-data-element input[type=checkbox]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
#pop .pop-inner.pop-data .pop-data-form .pop-data-element input[type=radio],
#application_form .pop-inner.pop-data .pop-data-form .pop-data-element 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 1.875rem 0 10px;
  font: inherit;
  position: relative;
  color: currentColor;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #fff;
}
#pop .pop-inner.pop-data .pop-data-form .pop-data-element input[type=radio]::before,
#application_form .pop-inner.pop-data .pop-data-form .pop-data-element input[type=radio]::before {
  content: "";
  width: 8px;
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  transform-origin: center;
  height: 8px;
  border-radius: 100%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background: #fff;
}
#pop .pop-inner.pop-data .pop-data-form .pop-data-element input[type=radio]:checked::before,
#application_form .pop-inner.pop-data .pop-data-form .pop-data-element input[type=radio]:checked::before {
  transform: scale(1);
}
#pop .pop-inner.pop-data .pop-data-form .pop-data-element input[type=radio]:disabled,
#application_form .pop-inner.pop-data .pop-data-form .pop-data-element input[type=radio]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
#pop .pop-inner.pop-data .pop-data-form .pop-data-element select,
#application_form .pop-inner.pop-data .pop-data-form .pop-data-element select {
  background: none;
  margin: 0 0.9375rem;
  padding: 8px 1.875rem;
  font-weight: bold;
  border-radius: 10px;
  position: relative;
  background: none;
  padding-right: 30px;
  color: #fff;
  border-color: #fff;
}
#pop .pop-inner.pop-data .pop-data-form .pop-data-element select option,
#application_form .pop-inner.pop-data .pop-data-form .pop-data-element select option {
  color: #000;
}
#pop .pop-inner.pop-data .pop-data-form .pop-data-element select:hover,
#application_form .pop-inner.pop-data .pop-data-form .pop-data-element select:hover {
  cursor: pointer;
}
#pop .pop-inner.pop-data .pop-data-form .pop-data-element select::after,
#application_form .pop-inner.pop-data .pop-data-form .pop-data-element select::after {
  content: "▼"; /* Unicode downward arrow */
  position: absolute;
  right: 10px; /* Adjust the position as needed */
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none; /* Make it non-clickable */
}
#pop .pop-inner.pop-data .pop-data-form .pop-data-element select,
#application_form .pop-inner.pop-data .pop-data-form .pop-data-element select {
  -moz-appearance: none;
  appearance: none;
}
#pop .pop-inner.pop-data .pop-data-form .pop-data-element select::-ms-expand,
#application_form .pop-inner.pop-data .pop-data-form .pop-data-element select::-ms-expand {
  display: none;
}
#pop .pop-inner.pop-data .button-block,
#application_form .pop-inner.pop-data .button-block {
  width: 100%;
  display: inline-flex;
}
#pop .pop-inner.pop-data .button-block ul,
#application_form .pop-inner.pop-data .button-block ul {
  display: inline-flex;
  width: 100%;
  list-style: none;
  margin: 0.9375rem 0;
  padding: 0;
  justify-content: center;
}
#pop .pop-inner.pop-data .button-block ul li,
#application_form .pop-inner.pop-data .button-block ul li {
  width: 100%;
  padding: 0 5px;
}
#pop .pop-inner.pop-data .button-block ul li a,
#application_form .pop-inner.pop-data .button-block ul li a {
  align-items: center;
  width: 100%;
  font-size: 16px;
  text-align: center;
  padding: 1.875rem 0.9375rem;
  border-color: #0A2443;
  background: #0A2443;
}
#pop .pop-inner.pop-data .button-block ul li a svg,
#application_form .pop-inner.pop-data .button-block ul li a svg {
  margin: 0 5px;
}
#pop .pop-inner.pop-data .button-block ul li.skip a,
#application_form .pop-inner.pop-data .button-block ul li.skip a {
  border-color: #fff;
  background: none;
}
#pop .pop-inner.pop-data .button-block ul li.submit a,
#application_form .pop-inner.pop-data .button-block ul li.submit a {
  border-color: #F38749;
  background: #F38749;
}

#question-dots {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
}
#question-dots h6 {
  margin: 0;
  font-weight: normal;
  font-size: 16px;
  color: #fff;
}
#question-dots ul {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0 0.9375rem 0 0;
  margin: 0.9375rem 0 1.875rem 0;
}
#question-dots ul li {
  display: inline-flex;
  padding: 0 0 0 0.9375rem;
  position: relative;
}
#question-dots ul li div {
  display: inline-flex;
  align-items: center;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  border: 1px solid #fff;
  background: none;
  transition: all ease-out 0.4s;
}
#question-dots ul li div:after {
  content: "";
  position: absolute;
  left: 0;
  width: 0.9375rem;
  height: 1px;
  background: #fff;
}
#question-dots ul li:first-child div::after {
  display: none;
}
#question-dots ul li.active div {
  border-color: #F38749;
  background: #F38749;
}
#question-dots ul li.active div::after {
  background: #F38749;
}

#error {
  display: inline-flex;
  width: 100%;
  justify-content: center;
}
#error .container {
  background-color: #0A2443;
  padding: 3.75rem;
  width: 100%;
  border-radius: 20px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top: 3px solid #F38749;
  margin: 3.75rem 0;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
#error .container svg {
  color: #fff;
  font-size: 100px;
  display: inline-flex;
  align-items: center;
  margin-right: 3.75rem;
}
#error .container div {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}
#error h1 {
  font-size: 96px;
  color: #fff;
  margin: 10px 0;
  width: 100%;
}
#error i {
  font-size: 50px;
  margin-bottom: 20px;
}
#error p {
  font-size: 24px;
  color: #fff;
  margin-bottom: 20px;
  width: 100%;
}
#error a {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  width: auto;
}
#error a::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #F38749;
  transition: all ease-out 0.4s;
}
#error a:hover {
  color: #fff;
}
#error a:hover::before {
  width: 100%;
}

#article-list {
  display: inline-flex;
  width: 100%;
  flex-wrap: wrap;
}

/*  author page listing */
#author {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  padding: 3.75rem 1.875rem;
}
#author .sectionInner {
  flex-wrap: wrap;
}
#author .sectionInner .spinner {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 400px;
  margin: 1.875rem 0;
}
#author .sectionInner .spinner::after {
  content: "";
  position: absolute;
  margin: 20px auto;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-top-color: #0A2443;
  animation: spin 0.75s linear infinite;
  width: 40px;
  height: 40px;
}
#author .sectionInner .author-block {
  display: inline-flex;
  align-items: center;
  width: 100%;
  margin: 2.1rem 0 1.875rem 0;
  padding: 1.875rem;
  background: #0A2443;
  border-top: 3px solid #F38749;
}
#author .sectionInner .author-block .mast {
  border: 0;
  margin: 0 0 5px 0;
}
#author .sectionInner .author-block .image {
  width: 120px;
  height: 120px;
  margin: 0 1.875rem 0 0;
  overflow: hidden;
  border-radius: 100%;
}
#author .sectionInner .author-block h4 {
  color: #fff;
  font-size: 20px;
  text-transform: none;
  margin: 0 0 0 10px;
}
#author .sectionInner .author-block p {
  font-size: 18px;
  color: #fff;
  margin: 0;
}
#author .sectionInner ul {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 1.875rem;
  row-gap: 1.875rem;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media only screen and (max-width: 80em) {
  #author .sectionInner ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 48.763em) {
  #author .sectionInner ul {
    grid-template-columns: 1fr;
  }
}
#author .sectionInner ul li {
  margin: 0 0 3.75rem 0;
  padding: 0 0 3.75rem 0;
  position: relative;
}
#author .sectionInner ul li a {
  text-decoration: none;
  color: #000;
}
#author .sectionInner ul li a .article-image {
  height: 190px;
  width: 100%;
}
#author .sectionInner ul li a .article-cat {
  margin: 3.75rem 0 1.875rem;
  font-weight: bold;
  text-transform: uppercase;
  font-size: clamp(16px, 3.5vw, 18px);
}
#author .sectionInner ul li a .article-title {
  margin: 0 0 1.875rem 0;
  font-weight: bold;
  font-size: clamp(18px, 3.5vw, 20px);
}
#author .sectionInner ul li .article-info {
  display: inline-flex;
  justify-content: space-between;
  margin: 0;
  position: absolute;
  bottom: 0.9375rem;
  font-size: clamp(14px, 3.5vw, 14px);
}
#author .sectionInner ul li .article-info .date {
  width: auto;
  display: inline-block;
  float: left;
  font-weight: bold;
  color: #aaa;
}
#author .sectionInner ul li .article-info .auth {
  margin: 0 0 0 1.875rem;
  display: inline-block;
  font-weight: bold;
  position: relative;
  color: #000;
}
#author .sectionInner ul li .article-info .auth::before {
  content: "";
  width: 0%;
  left: 50%;
  bottom: -5px;
  height: 2px;
  border-radius: 5px;
  background: #000;
  position: absolute;
  transition: all ease-out 0.4s;
}
#author .sectionInner ul li .article-info .auth:hover::before {
  width: 100%;
  left: 0;
}

/* highlight */
.highlight {
  width: 100%;
}
.highlight strong {
  width: 100%;
  margin: 0 0 5px 0;
  display: inline-flex;
  padding: 0.9375rem;
  background: #0A2443;
  color: #fff;
}
.highlight a {
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  font-size: 18px;
  margin-right: 0.9375rem;
  padding: 0 0.9375rem 0 0;
  position: relative;
  color: #000;
}
.highlight a::before {
  content: "";
  width: 0%;
  left: 50%;
  bottom: -5px;
  height: 2px;
  border-radius: 5px;
  background: #000;
  position: absolute;
  transition: all ease-out 0.4s;
}
.highlight a:hover::before {
  width: 100%;
  left: 0;
}
.highlight a:after {
  content: "\f105";
  margin-left: 5px;
  font-family: fontawesome;
  position: absolute;
}

/* news category listing */
#news-category {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  padding: 0 0 3.75rem;
}
#news-category .sectionInner {
  flex-wrap: wrap;
}
#news-category .sectionInner .spinner {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 400px;
  margin: 1.875rem 0;
}
#news-category .sectionInner .spinner::after {
  content: "";
  position: absolute;
  margin: 20px auto;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-top-color: #0A2443;
  animation: spin 0.75s linear infinite;
  width: 40px;
  height: 40px;
}
#news-category .sectionInner ul {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 1.875rem;
  row-gap: 1.875rem;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media only screen and (max-width: 64em) {
  #news-category .sectionInner ul {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 48.763em) {
  #news-category .sectionInner ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 40.063em) {
  #news-category .sectionInner ul {
    grid-template-columns: 1fr;
  }
}
#news-category .sectionInner ul li {
  margin: 0 0 3.75rem 0;
  padding: 0 0 3.75rem 0;
  position: relative;
}
#news-category .sectionInner ul li a {
  text-decoration: none;
  color: #000;
}
#news-category .sectionInner ul li a .article-image {
  height: 190px;
  width: 100%;
}
#news-category .sectionInner ul li a .article-cat {
  margin: 3.75rem 0 1.875rem;
  font-weight: bold;
  text-transform: uppercase;
  font-size: clamp(16px, 3.5vw, 18px);
}
#news-category .sectionInner ul li a .article-title {
  margin: 0 0 1.875rem 0;
  font-weight: bold;
  font-size: clamp(18px, 3.5vw, 20px);
}
#news-category .sectionInner ul li .article-info {
  display: inline-flex;
  justify-content: space-between;
  margin: 0;
  position: absolute;
  bottom: 0.9375rem;
  font-size: clamp(14px, 3.5vw, 14px);
}
#news-category .sectionInner ul li .article-info .date {
  width: auto;
  display: inline-block;
  float: left;
  font-weight: bold;
  color: #aaa;
}
#news-category .sectionInner ul li .article-info .auth {
  margin: 0 0 0 1.875rem;
  display: inline-block;
  font-weight: bold;
  position: relative;
  color: #000;
}
#news-category .sectionInner ul li .article-info .auth::before {
  content: "";
  width: 0%;
  left: 50%;
  bottom: -5px;
  height: 2px;
  border-radius: 5px;
  background: #000;
  position: absolute;
  transition: all ease-out 0.4s;
}
#news-category .sectionInner ul li .article-info .auth:hover::before {
  width: 100%;
  left: 0;
}

body {
  /* um overwites */
}
body p.um_request_name {
  display: none;
}
body button.eventbrite_register {
  padding: 0.9375rem 1.875rem !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  justify-content: center !important;
  font-weight: bold !important;
  text-decoration: none !important;
  position: relative !important;
  overflow: hidden !important;
  z-index: 10 !important;
  color: #F38749 !important;
  background: #fff !important;
  border: 1px solid #fff !important;
  transition: all ease-out 0.4s;
}
body button.eventbrite_register:hover {
  color: #fff !important;
  background: none !important;
}
body .um input[type=submit] {
  padding: 0.9375rem 1.875rem !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  justify-content: center !important;
  font-weight: bold !important;
  text-decoration: none !important;
  position: relative !important;
  overflow: hidden !important;
  z-index: 10 !important;
  color: #0A2443 !important;
  background: #fff !important;
  border: 1px solid #0A2443 !important;
  transition: all ease-out 0.4s;
}
body .um input[type=submit]:hover {
  color: #fff !important;
  background: #0A2443 !important;
}
body .um .um-button.um-alt {
  padding: 0.9375rem 1.875rem !important;
  border-radius: 10px !important;
  border: none !important;
  display: inline-flex !important;
  justify-content: center !important;
  font-weight: bold !important;
  text-decoration: none !important;
  position: relative !important;
  overflow: hidden !important;
  z-index: 10 !important;
  color: #0A2443 !important;
  background: #f2f2f2 !important;
  border: 1px solid #f2f2f2 !important;
  transition: all ease-out 0.4s;
}
body .um .um-button.um-alt:hover {
  color: #fff !important;
  background: #3A577F !important;
  border-color: #3A577F !important;
}
body .um-login {
  margin-top: 3.75rem;
}
body .um-login .um-col-alt-b {
  width: 100%;
}
body .um-login a.um-link-alt {
  width: 100%;
  text-align: center;
  color: #fff !important;
}
body .um-login input[type=submit].um-button:hover {
  background: #F38749 !important;
}
body .um-login,
body .um-password,
body .um-register {
  padding: 1.875rem 2.2rem;
  background: #0A2443;
  border-radius: 10px;
  max-width: 600px !important;
  margin-top: 3.75rem;
}
body .um-login .um-field-label,
body .um-password .um-field-label,
body .um-register .um-field-label {
  color: #fff;
}
body .um-login .um-field-label input,
body .um-password .um-field-label input,
body .um-register .um-field-label input {
  font-size: 16px !important;
}
body .um-login .um-field-label input::placeholder,
body .um-password .um-field-label input::placeholder,
body .um-register .um-field-label input::placeholder {
  font-size: 18px;
}
body .um-login .um-field-label label,
body .um-password .um-field-label label,
body .um-register .um-field-label label {
  font-size: 16px !important;
  color: #fff;
}
body .um-password .um-field-block {
  color: #fff;
}
body .um-password .um-field {
  border-radius: 0;
  height: auto;
  min-height: 40px;
  width: 100%;
}
body .um-password .um-field .um-field-area label {
  width: 100%;
}
body .um-password .um-field a {
  color: #F38749;
}
body .um-password .um-field .um-field-checkbox-option,
body .um-password .um-field .um-field-radio-option {
  color: #fff !important;
}
body .um-password input[type=submit].um-button:hover {
  background: #F38749 !important;
}
body .um .um-tip:hover, body .um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
body .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
body .um .um-member-name a:hover, body .um .um-member-more a:hover,
body .um .um-member-less a:hover, body .um .um-members-pagi a:hover,
body .um .um-cover-add:hover, body .um .um-profile-subnav a.active,
body .um .um-item-meta a, body .um-account-name a:hover, body .um-account-nav a.current,
body .um-account-side li a.current span.um-account-icon,
body .um-account-side li a.current:hover span.um-account-icon,
body .um-dropdown li a:hover,
body i.um-active-color,
body span.um-active-color {
  color: #F38749 !important;
}
body .um-postmessage {
  font-size: 18px;
  font-weight: bold;
}
body .sectionInner .um-account {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1.875rem 0 3.75rem;
}
body .sectionInner .um-account .um-account-meta {
  display: none;
}
body .sectionInner .um-account.um-field-error {
  padding: 12px 1.875rem 12px 12px;
}
body .sectionInner .um-account .um-form {
  width: 100%;
  max-width: 1440px;
}
body .sectionInner .um-account .um-form form {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}
body .sectionInner .um-account .um-account-wrapper {
  display: inline-flex;
  width: 100%;
}
body .sectionInner .um-account .um-field-label label {
  color: #fff;
  font-size: 16px !important;
}
body .sectionInner .um-account a.um-link {
  font-size: 16px;
}
body .sectionInner .um-account .um-account-name a {
  color: #0A2443;
}
body .sectionInner .um-account .um-field-area input {
  font-size: 16px !important;
}
body .sectionInner .um-account .um-account-heading {
  color: #fff;
  text-transform: uppercase;
  font-size: 30px;
  margin: 0 0 1.875rem 0 !important;
}
body .sectionInner .um-account .um-woo-orders,
body .sectionInner .um-account .um-woo-downloads {
  height: 100%;
  display: inline-flex;
  align-items: center;
}
body .sectionInner .um-account .um-woo-orders .woocommerce-Message,
body .sectionInner .um-account .um-woo-downloads .woocommerce-Message {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 20px;
  background: none;
}
body .sectionInner .um-account .um-woo-orders .woocommerce-Message a.button,
body .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;
}
body .sectionInner .um-account .um-woo-orders .woocommerce-Message a.button:hover,
body .sectionInner .um-account .um-woo-downloads .woocommerce-Message a.button:hover {
  background: #0A2443;
}
body .sectionInner .um-account .um-woo-orders .um-field {
  text-align: center;
  font-size: 20px;
}
body .sectionInner .um-account .um-account-main {
  width: 100%;
  max-width: calc(960px - 5.625rem);
  margin: 0px 0px 0px 3.75rem;
  padding: 3.75rem;
  border-top: 3px solid #F38749;
  background: #0A2443;
}
body .sectionInner .um-account .um-account-main .um-account-tab {
  width: 100%;
}
body .sectionInner .um-account .um-account-main .um-field {
  margin: 0 0 0.9375rem 0;
}
body .sectionInner .um-account .um-account-main .um-field input {
  color: #0A2443;
}
body .sectionInner .um-account #committee-list {
  margin: 0 0 1.875rem 0;
  padding: 0;
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}
body .sectionInner .um-account #committee-list li {
  list-style: none;
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0 0 1.875rem 0;
}
body .sectionInner .um-account #committee-list li .order-date {
  width: 100%;
  color: #0A2443;
  border-bottom: 1px solid #ccc;
  margin: 0 0 0.9375rem 0;
  font-weight: bold;
}
body .sectionInner .um-account #committee-list li a {
  padding: 0.9375rem 1.875rem;
  display: inline-flex;
  align-items: center;
  background: #3A577F;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}
body .sectionInner .um-account #committee-list li a svg {
  margin: 0 0 0 0.9375rem;
}
body .sectionInner .um-account .um-account-side {
  width: 100%;
  max-width: 320px;
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: column;
  background: #0A2443;
}
body .sectionInner .um-account .um-account-side li {
  background: none;
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
}
body .sectionInner .um-account .um-account-side #account-menu {
  padding: 1.875rem !important;
}
body .sectionInner .um-account .um-account-side li a {
  padding: 0.9375rem 8px;
  color: #fff !important;
  width: 100%;
  height: auto;
  font-size: 18px;
  font-weight: 500;
  display: block;
  gap: 10px;
  text-decoration: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  transition: all ease-out 0.3s;
}
body .sectionInner .um-account .um-account-side li a.current, body .sectionInner .um-account .um-account-side li a:hover {
  background: #3A577F;
}
body .sectionInner .um-account .um-account-side li a span.um-account-icon {
  color: #fff !important;
  border: 0 !important;
  width: 40px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
body .sectionInner .um-account .um-account-side li a span.um-account-icon.current {
  color: #3A577F;
  border: none;
}
body .sectionInner .um-account .um-account-side li a span.um-account-title {
  color: #fff;
  font-weight: bold;
  line-height: 1em;
  height: auto;
  padding: 0;
}
body .sectionInner .um-account .um-account-side li a span.um-account-arrow {
  position: absolute;
  right: 0.9375rem;
  top: auto;
  bottom: auto;
  margin: auto 0;
}
body .sectionInner .um-account .um-account-side li a span.um-account-arrow::before {
  display: none;
}
body .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: #0A2443;
}
body .um input.um-button svg {
  right: 0;
  opacity: 0;
  position: absolute;
  transition: all ease-out 0.5s;
}
body .um input.um-button:hover {
  cursor: pointer;
  background: #3A577F;
  border-bottom-right-radius: 25px;
}
body .um input.um-button:hover svg {
  opacity: 1;
  right: 0.9375rem;
}
body .um-request-button {
  background: #0A2443 !important;
  font-size: 16px !important;
  border-radius: 0 !important;
}
body #user-man {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  padding: 1.875rem 0 7.5rem;
}
body #user-man .sectionInner .user-block {
  padding: 0 0.9375rem;
  height: 100%;
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
body #user-man .sectionInner .user-block .um-postmessage {
  color: #fff;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.4em;
  text-align: center;
  margin: 0.9375rem 0;
}
body #user-man .sectionInner .user-block .um-register,
body #user-man .sectionInner .user-block .um-login {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #0A2443;
}
body #user-man .sectionInner .user-block .um-register input[type=submit].um-button,
body #user-man .sectionInner .user-block .um-login input[type=submit].um-button {
  background: none !important;
  border-color: #fff !important;
  color: #fff !important;
}
body #user-man .sectionInner .user-block .um-register input[type=submit].um-button:hover,
body #user-man .sectionInner .user-block .um-login input[type=submit].um-button:hover {
  background: #fff !important;
  color: #F38749 !important;
}
body #user-man .sectionInner .user-block div {
  height: 100%;
}
body #user-man .sectionInner .user-block div a.um-link-alt {
  color: #fff !important;
}
body #user-man .sectionInner .user-block div.um-form {
  height: auto;
}
body #user-man .sectionInner .user-block h4 {
  font-size: 16px;
  display: inline-flex;
  padding: 0.9375rem 1.875rem;
  margin: 0;
  justify-content: center;
  align-items: center;
  border-radius: 15px 15px 0 0;
  width: 100%;
  min-height: 80px;
  text-align: center;
  line-height: 1.4em;
  box-sizing: border-box;
  border-bottom: 3px solid #F38749;
  background: #3A577F;
  color: #fff;
}
body #user-man .sectionInner .user-block .user-block-wrap {
  height: 100%;
  margin: 0;
  width: 100%;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  flex-direction: column;
  margin: 0 0 1.875rem 0;
  background: #0A2443;
}
body #user-man .sectionInner .user-block .user-block-wrap .um-register {
  flex-direction: column;
}
body #user-man .sectionInner .user-block .user-block-wrap div {
  margin: 0;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
body #user-man .sectionInner .user-block .user-block-wrap div.um-login {
  padding-top: 0;
  align-items: flex-start;
}
body #user-man .sectionInner .user-block .user-block-wrap .message {
  align-items: flex-end;
}
body #user-man .sectionInner .user-block .user-block-wrap .message a {
  color: #F38749;
}
body #user-man .sectionInner .user-block .user-block-wrap p {
  font-size: 16px;
  text-align: center;
  line-height: 1.5em;
  width: 100%;
  padding: 3.75rem 1.875rem 1.875rem;
  margin: 0;
  color: #fff;
  background: #0A2443;
}
body #user-man .sectionInner .user-block .user-block-wrap p a {
  color: #F38749;
}
body #user-man .sectionInner .user-block .user-block-wrap .um p {
  padding: 0;
}
body #user-man .sectionInner .user-block .user-block-wrap a.form-button {
  padding: 0.9375rem 3.75rem;
  font-weight: bold;
  text-decoration: none;
  border-radius: 10px;
  margin-top: 1.875rem;
  color: #0A2443;
  background: none;
  color: #fff;
  border: 1px solid #fff;
  transition: all ease-out 0.4s;
}
body #user-man .sectionInner .user-block .user-block-wrap a.form-button:hover {
  color: #F38749;
  background: #fff;
}
body #user-man .sectionInner .user-block .user-block-wrap .um-form form {
  flex-wrap: wrap;
  display: inline-flex;
}
body #user-man .sectionInner .user-block .user-block-wrap .um-form form div {
  width: 100%;
  font-size: 16px;
  align-items: flex-start;
  flex-direction: column;
  height: auto;
  color: #fff;
}
body #user-man .sectionInner .user-block .user-block-wrap .um-form form div a {
  color: #F38749;
}
body #user-man .sectionInner .user-block .user-block-wrap .um-form form div .um-center {
  align-items: center;
}
body #user-man .sectionInner .user-block .user-block-wrap .um-form form div.um-field-area label {
  width: 100%;
  color: #fff !important;
}
body #user-man .sectionInner .user-block .user-block-wrap .um-form form div.um-field-area label .um-field-checkbox-option {
  color: #fff !important;
}
body #user-man .sectionInner .user-block .user-block-wrap .um-form form div.um-field {
  display: inline-flex;
  justify-content: flex-start;
  width: 100%;
  flex-direction: row;
}
body #user-man .sectionInner .user-block .user-block-wrap .um-form form div.um-field a {
  margin: 0 4px;
}

.logout-wrap {
  width: 100%;
}
.logout-wrap a {
  display: inline-flex;
  gap: 10px;
  width: 100%;
  color: #fff !important;
  text-decoration: none !important;
  position: relative;
  padding: 0.9375rem 8px;
  transition: all 0.2s linear;
  font-size: 18px;
}
.logout-wrap a .icon {
  color: #fff !important;
  border: 0 !important;
  width: 40px;
  padding: 0px 15px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.logout-wrap a span {
  font-weight: bold;
}

/* comments tab */
#account-comments {
  display: inline-flex;
  flex-wrap: wrap;
  position: relative;
  padding: 3.75rem 0 0 0;
  width: 100%;
}
#account-comments #comment-slide {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
#account-comments #comment-slide div {
  display: inline-flex;
  width: 100%;
}
#account-comments #comment-slide .comment-block {
  display: inline-flex;
  flex-direction: column;
  margin: 0 0.9375rem 1.875rem 0;
  width: 100%;
}
#account-comments #comment-slide .comment-block ul {
  padding: 0;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1.875rem;
  row-gap: 1.875rem;
  margin: 0;
  list-style: none;
}
#account-comments #comment-slide .comment-block ul li {
  width: 100%;
  display: flex;
}
#account-comments #comment-slide .comment-block ul li a {
  flex: 1;
  text-decoration: none;
  display: inline-flex;
  flex-wrap: wrap;
  padding: 1.875rem;
  border-radius: 10px;
  color: #0A2443;
  background: #3A577F;
}
#account-comments #comment-slide .comment-block ul li a h4 {
  color: #fff;
  margin: 0 0 5px 0 !important;
  width: 100%;
  line-height: 1.1em;
  font-weight: normal;
  font-size: clamp(16px, 3.5vw, 20px);
}
#account-comments #comment-slide .comment-block ul li a .acc-art-date {
  width: 100%;
  display: inline-flex;
  float: left;
  font-weight: bold;
  color: #fff;
  font-size: 12px;
  margin: 0 0 10px 0;
}
#account-comments #comment-slide .comment-block ul li a p {
  color: #fff;
  width: 100%;
  font-size: clamp(16px, 3.5vw, 16px);
  margin: 0 0 0.9375rem 0 !important;
}
#account-comments #comment-slide .comment-block ul li a .comment-button {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  align-items: center;
  font-size: clamp(16px, 3.5vw, 16px);
  padding: 8px 0.9375rem;
  width: auto;
  margin: 0;
}
#account-comments #comment-slide .comment-block ul li a .comment-button::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #0A2443;
  transition: all ease-out 0.4s;
}
#account-comments #comment-slide .comment-block ul li a .comment-button:hover {
  color: #fff;
}
#account-comments #comment-slide .comment-block ul li a .comment-button:hover::before {
  width: 100%;
}
#account-comments #comment-slide .comment-block ul li a:hover .comment-button {
  color: #fff;
}
#account-comments #comment-slide .comment-block ul li a:hover .comment-button::before {
  width: 100%;
}

/* articles tab */
#account-article {
  display: inline-flex;
  flex-wrap: wrap;
  position: relative;
  padding: 3.75rem 0 0 0;
  width: 100%;
}
#account-article .slide-controls {
  top: 0;
  right: 0.9375rem;
}
#account-article #article-slide {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
#account-article #article-slide div {
  display: inline-flex;
  width: 100%;
}
#account-article #article-slide .article-block {
  display: inline-flex;
  flex-direction: column;
  margin: 0 0.9375rem 1.875rem 0;
  width: 100%;
}
#account-article #article-slide .article-block ul {
  padding: 0;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1.875rem;
  row-gap: 1.875rem;
  margin: 0;
  list-style: none;
}
#account-article #article-slide .article-block ul li {
  width: 100%;
  display: flex;
}
#account-article #article-slide .article-block ul li a {
  flex: 1;
  text-decoration: none;
  display: inline-flex;
  flex-wrap: wrap;
  padding: 1.875rem;
  border-radius: 10px;
  color: #0A2443;
  background: #3A577F;
}
#account-article #article-slide .article-block ul li a h4 {
  color: #fff;
  margin: 0 0 5px 0 !important;
  width: 100%;
  line-height: 1.1em;
  font-weight: normal;
  font-size: clamp(16px, 3.5vw, 20px);
}
#account-article #article-slide .article-block ul li a .acc-art-date {
  width: 100%;
  display: inline-flex;
  float: left;
  font-weight: bold;
  color: #fff;
  font-size: 12px;
  margin: 0 0 10px 0;
}
#account-article #article-slide .article-block ul li a p {
  color: #fff;
  font-size: clamp(16px, 3.5vw, 16px);
  margin: 0 0 0.9375rem 0 !important;
}
#account-article #article-slide .article-block ul li a .article-button {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  align-items: center;
  font-size: clamp(16px, 3.5vw, 16px);
  padding: 8px 0.9375rem;
  width: auto;
  margin: 0;
}
#account-article #article-slide .article-block ul li a .article-button::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #0A2443;
  transition: all ease-out 0.4s;
}
#account-article #article-slide .article-block ul li a .article-button:hover {
  color: #fff;
}
#account-article #article-slide .article-block ul li a .article-button:hover::before {
  width: 100%;
}
#account-article #article-slide .article-block ul li a:hover .article-button {
  color: #fff;
}
#account-article #article-slide .article-block ul li a:hover .article-button::before {
  width: 100%;
}

#account-comments p,
#account-article p {
  color: #fff;
}
#account-comments .slick-dots li,
#account-article .slick-dots li {
  height: 25px;
  width: 25px;
}
#account-comments .slick-dots li a,
#account-article .slick-dots li a {
  padding: 5px;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  height: 25px;
  width: 25px;
  box-sizing: border-box;
}
#account-comments .slick-dots li.slick-active a,
#account-article .slick-dots li.slick-active a {
  color: #fff;
  background: #0A2443;
}

.um-account-tab .mast h4 {
  color: #fff;
}

#subs {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}
#subs button {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  width: auto;
  padding: 5px 0.9375rem;
  margin: 0.9375rem 5px;
  border: 1px solid #0A2443 !important;
}
#subs button::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #F38749;
  transition: all ease-out 0.4s;
}
#subs button:hover {
  color: #fff;
}
#subs button:hover::before {
  width: 100%;
}
#subs button:hover {
  cursor: pointer;
}
#subs ul {
  margin: 0;
  padding: 0;
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}
#subs ul li {
  display: inline-flex;
  width: 33%;
  margin: 0;
  padding: 0.9375rem;
  border: 1px solid #ccc;
  border-right: 0;
  border-top: 0;
  box-sizing: border-box;
  font-size: clamp(16px, 3.5vw, 16px);
  background: #fff;
  color: #0A2443;
}
#subs ul li:nth-child(3n) {
  border-right: 1px solid #ccc;
}
#subs ul li:nth-child(1), #subs ul li:nth-child(2), #subs ul li:nth-child(3) {
  border-top: 1px solid #ccc;
}
#subs ul li a {
  font-weight: bold;
  text-decoration: none;
  color: #000;
  position: relative;
}
#subs ul li a::before {
  content: "";
  width: 0%;
  left: 50%;
  bottom: -5px;
  height: 2px;
  border-radius: 5px;
  background: #000;
  position: absolute;
  transition: all ease-out 0.4s;
}
#subs ul li a:hover::before {
  width: 100%;
  left: 0;
}
#subs ul.block-head li {
  font-weight: bold;
  color: #fff;
  background: #3A577F;
}
#subs .subs-text .subs-block {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
}
#subs .subs-text .subs-block p {
  color: #fff;
  width: 100%;
  font-size: clamp(16px, 3.5vw, 16px);
  margin: 0 0 0.9375rem 0 !important;
}
#subs .subs-text .subs-block p a {
  font-weight: bold;
  color: #F38749;
  display: inline-flex;
  position: relative;
}
#subs .subs-text .subs-block p a::before {
  content: "";
  width: 0%;
  left: 50%;
  bottom: -5px;
  height: 2px;
  border-radius: 5px;
  background: #fff;
  position: absolute;
  transition: all ease-out 0.4s;
}
#subs .subs-text .subs-block p a:hover::before {
  width: 100%;
  left: 0;
}
#subs .subs-text .subs-block p a::before {
  background: #F38749;
}
#subs .subs-text .subs-block button {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  width: auto;
  margin: 1.875rem 0;
  border: 1px solid #fff !important;
}
#subs .subs-text .subs-block button::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #F38749;
  transition: all ease-out 0.4s;
}
#subs .subs-text .subs-block button:hover {
  color: #fff;
}
#subs .subs-text .subs-block button:hover::before {
  width: 100%;
}
#subs .subs-text .subs-block a {
  display: inline-flex;
  font-weight: bold;
  position: relative;
}
#subs .subs-text .subs-block a::before {
  content: "";
  width: 0%;
  left: 50%;
  bottom: -5px;
  height: 2px;
  border-radius: 5px;
  background: #fff;
  position: absolute;
  transition: all ease-out 0.4s;
}
#subs .subs-text .subs-block a:hover::before {
  width: 100%;
  left: 0;
}
#subs .subs-text .subs-block a::before {
  background: #F38749;
}

.um-account-tab .check-block {
  margin-top: 0;
}
.um-account-tab .check-block input {
  border: 1px solid #fff !important;
}
.um-account-tab .check-block input[type=checkbox]::before {
  background: #fff;
}
.um-account-tab .check-block label {
  color: #fff;
}
.um-account-tab .check-block p {
  margin-top: 0 !important;
  color: #fff;
}
.um-account-tab input[type=submit]:hover {
  background: #F38749 !important;
}

.um-account #profile .slide-controls,
.um-account #account-comments .slide-controls,
.um-account #account-article .slide-controls {
  top: 0;
}
.um-account #profile .slide-controls div,
.um-account #account-comments .slide-controls div,
.um-account #account-article .slide-controls div {
  background: #F38749;
}

#profile {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  position: relative;
  padding-right: 7.5rem;
  box-sizing: border-box;
}
#profile #data-slider {
  display: inline-block;
  width: 100%;
}
#profile #data-slider .details-wrap {
  width: 100%;
}
#profile #data-slider .slick-dots {
  justify-content: flex-start;
  display: inline-flex;
}
#profile #data-slider .slick-dots li {
  border: 1px solid #fff;
  padding: 5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  font-size: 12px;
  color: #fff;
}
#profile #data-slider .slick-dots li a {
  line-height: 1em;
}
#profile #data-slider .slick-dots li.slick-active {
  border-color: #F38749;
  background: #F38749;
}
#profile .details-check,
#profile .details-radio,
#profile .details-select {
  margin: 0 0 1.875rem 0;
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
#profile .details-check div,
#profile .details-radio div,
#profile .details-select div {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 0.9375rem 0;
}
#profile div.prof-email {
  max-width: 100%;
}
#profile h4 {
  color: #F38749;
  margin: 0 0 10px 0;
}
#profile label {
  display: inline-flex;
  font-weight: bold;
  color: #fff;
}
#profile 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 1.875rem 0 10px;
  font: inherit;
  position: relative;
  color: currentColor;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid #fff;
}
#profile input[type=checkbox]::before {
  content: "";
  width: 8px;
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  transform-origin: center;
  height: 8px;
  border-radius: 0;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background: #fff;
}
#profile input[type=checkbox]:checked::before {
  transform: scale(1);
}
#profile input[type=checkbox]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
#profile 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 1.875rem 0 10px;
  font: inherit;
  position: relative;
  color: currentColor;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #fff;
}
#profile input[type=radio]::before {
  content: "";
  width: 8px;
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  transform-origin: center;
  height: 8px;
  border-radius: 100%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background: #fff;
}
#profile input[type=radio]:checked::before {
  transform: scale(1);
}
#profile input[type=radio]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
#profile select {
  background: none;
  margin: 0 0.9375rem 0 0;
  padding: 10px 0.9375rem;
  border-radius: 5px;
  color: #fff;
  border-color: #fff;
}
#profile select option {
  color: #000;
}

.page-head {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 100;
}
.page-head .page-details {
  width: 100%;
  justify-content: center;
}

#header-top {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  background: #031429;
  width: 100%;
  padding: 0.9375rem 1.875rem;
}
#header-top .sectionInner {
  justify-content: space-between;
}
#header-top ul {
  display: inline-flex;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
#header-top ul li {
  margin-right: 1.875rem;
}
#header-top ul li a {
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  position: relative;
}
#header-top ul li a::before {
  content: "";
  width: 0%;
  left: 50%;
  bottom: -5px;
  height: 2px;
  border-radius: 5px;
  background: #fff;
  position: absolute;
  transition: all ease-out 0.4s;
}
#header-top ul li a:hover::before {
  width: 100%;
  left: 0;
}
#header-top ul li:last-child {
  margin: 0;
}
#header-top .top-links {
  width: 100%;
}
#header-top .top-links ul {
  justify-content: flex-end;
}

#header-middle {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  background: #0A2443;
  width: 100%;
  padding: 1.875rem;
}
#header-middle .sectionInner {
  justify-content: space-between;
}

#header-bottom {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  background: #1b5f9e;
  width: 100%;
  padding: 0 1.875rem;
}

.header-ad {
  display: inline-flex;
  align-items: center;
}
.header-ad img {
  width: 100%;
  max-width: 500px;
  margin: 0 0 0 0.9375rem;
}

.social,
.mobile-social {
  display: inline-flex;
}
.social ul,
.mobile-social ul {
  display: inline-flex;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
}
.social ul li,
.mobile-social ul li {
  display: inline-flex;
  margin: 0 0.9375rem 0 0;
}
.social ul li a,
.mobile-social ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 100%;
  width: 36px;
  color: #fff;
  background: #3A577F;
  transition: all ease-out 0.4s;
}
.social ul li a svg,
.mobile-social ul li a svg {
  fill: #fff;
}
.social ul li a:hover,
.mobile-social ul li a:hover {
  background: #F38749;
}

.mobile-social {
  display: none;
}

.top-nav {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 315px;
}
.top-nav a, .top-nav #search-button {
  display: inline-flex;
  align-items: center;
  margin: 0 0.9375rem;
  padding: 0 0.9375rem;
  position: relative;
  text-decoration: none;
  color: #fff;
}
.top-nav a::after, .top-nav #search-button::after {
  content: "";
  position: absolute;
  right: -0.9375rem;
  width: 1px;
  height: 20px;
  background: #fff;
}
.top-nav a:last-child::after, .top-nav #search-button:last-child::after {
  display: none;
}
.top-nav a:last-child, .top-nav #search-button:last-child {
  margin-right: 0;
  padding-right: 0;
}
.top-nav a span, .top-nav #search-button span {
  position: relative;
}
.top-nav a span::before, .top-nav #search-button span::before {
  content: "";
  width: 0%;
  left: 50%;
  bottom: -5px;
  height: 2px;
  border-radius: 5px;
  background: #fff;
  position: absolute;
  transition: all ease-out 0.4s;
}
.top-nav a span:hover::before, .top-nav #search-button span:hover::before {
  width: 100%;
  left: 0;
}
.top-nav a svg, .top-nav #search-button svg {
  fill: #fff;
  background: #3A577F;
  border-radius: 100px;
  padding: 10px;
  margin: 0 0.9375rem;
  transition: all ease-out 0.4s;
}
.top-nav a.account-button, .top-nav #search-button.account-button {
  margin-left: 0;
  padding-left: 0;
}
.top-nav a:hover svg, .top-nav #search-button:hover svg {
  background: #F38749;
  cursor: pointer;
}
.top-nav a:hover span::before, .top-nav #search-button:hover span::before {
  left: 0;
  width: 100%;
}
.top-nav #search-button {
  margin: 0;
  padding: 0;
}
.top-nav #search-button svg {
  margin: 0;
}
.top-nav #search-button::after {
  display: none;
}

/* search box */
.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: #0A2443;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 3.75rem;
  z-index: 100;
}
.search-wrapper .search-inner {
  display: inline-flex;
  width: 100%;
  padding: 3.75rem 0;
}
.search-wrapper .search-inner .search-links {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  max-width: 300px;
  margin: 0 3.75rem 0 0;
}
.search-wrapper .search-inner .search-links .menu-top-nav-container {
  width: 100%;
}
.search-wrapper .search-inner .search-links h4 {
  width: 100%;
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 28px;
  color: #fff;
}
.search-wrapper .search-inner .search-form {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.search-wrapper .search-inner .search-form a {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #fff;
  background: none;
  border: 1px solid #fff;
  transition: all ease-out 0.4s;
  width: auto;
  margin: 0 1.875rem 0 0;
  font-weight: bold;
}
.search-wrapper .search-inner .search-form a::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #fff;
  transition: all ease-out 0.4s;
}
.search-wrapper .search-inner .search-form a:hover {
  color: #0A2443;
  background: #fff;
}
.search-wrapper .search-inner .search-form a:hover::before {
  width: 100%;
}
.search-wrapper.open {
  top: 0;
  opacity: 1;
}
.search-wrapper .menu-item-wrap a {
  padding: 0.9375rem 1.875rem 20px 0;
  width: 100%;
  display: inline-flex;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  font-weight: bold;
  color: #fff;
  background: none;
  border-bottom: 1px solid #fff;
  transition: all ease-out 0.4s;
  margin: 0.9375rem 0 0;
}
.search-wrapper .menu-item-wrap a::after {
  content: "\f105";
  position: absolute;
  right: 0;
  font-family: fontawesome;
}
.search-wrapper ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.search-wrapper form {
  width: 100%;
  max-width: 920px;
  height: auto;
  display: inline-flex;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #fff;
}
.search-wrapper form input[type=submit] {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #fff;
  background: none;
  border: 1px solid #fff;
  transition: all ease-out 0.4s;
  font-size: 18px;
  width: auto;
  font-weight: bold;
  border-color: #F38749;
  background: #F38749;
  color: #fff;
}
.search-wrapper form input[type=submit]::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #fff;
  transition: all ease-out 0.4s;
}
.search-wrapper form input[type=submit]:hover {
  color: #0A2443;
  background: #fff;
}
.search-wrapper form input[type=submit]:hover::before {
  width: 100%;
}
.search-wrapper form input[type=submit]:hover {
  cursor: pointer;
}
.search-wrapper form label {
  width: calc(100% - 130px);
  padding: 0 0 0 2.875rem;
  position: relative;
}
.search-wrapper form label::after {
  content: "\f002";
  position: absolute;
  font-family: fontawesome;
  font-size: 25px;
  left: 0;
  color: #fff;
}
.search-wrapper form label input {
  background: 0;
  border: 0;
  border-radius: 0;
  font-weight: bold;
  width: 100%;
  height: auto;
  font-size: 23px !important;
  display: inline-flex !important;
  align-items: center;
  padding: 0 0.9375rem 0 1.875rem;
  color: #fff;
  border-left: 1px solid #fff;
}
.search-wrapper form label input:focus {
  border: 0;
  outline: 0;
  color: #fff;
}
.search-wrapper form label input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1;
  /* Firefox */
}
.search-wrapper form label input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}
.search-wrapper form label input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;
}
.search-wrapper form label input:focus::placeholder {
  color: transparent;
}
.search-wrapper .search-close {
  display: inline-flex;
  justify-content: flex-end;
  position: absolute;
  right: 3.75rem;
  top: 3.75rem;
}
.search-wrapper .search-close svg {
  font-size: 20px;
  padding: 0.9375rem;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  color: #fff;
  background: #F38749;
  transition: all ease-out 0.4s;
}
.search-wrapper .search-close svg:hover {
  cursor: pointer;
  transform: rotate(90deg);
}

#main-nav {
  display: inline-flex;
  width: 100%;
}
#main-nav .menu-top-nav-container {
  width: 100%;
}
#main-nav .menu-top-nav-container ul {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 70px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#main-nav .menu-top-nav-container ul li {
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 1.875rem;
}
#main-nav .menu-top-nav-container ul li .sub-menu-block {
  height: 100%;
}
#main-nav .menu-top-nav-container ul li .menu-item-wrap {
  height: 100%;
  display: inline-flex;
  align-items: center;
}
#main-nav .menu-top-nav-container ul li .menu-item-wrap a {
  height: 100%;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  font-size: clamp(14px, 4vw, 16px);
}
#main-nav .menu-top-nav-container ul li .menu-item-wrap a::before {
  bottom: 0;
}
#main-nav .menu-top-nav-container ul li.menu-item-has-children {
  position: relative;
}
#main-nav .menu-top-nav-container ul li.menu-item-has-children .sub-menu-block {
  height: 100%;
}
#main-nav .menu-top-nav-container ul li.menu-item-has-children .sub-menu {
  display: none;
  opacity: 0;
  padding: 0;
  position: absolute;
  z-index: 9000;
  width: 300px;
  height: auto;
  border-radius: 10px;
  top: 100%;
  flex-direction: column;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  border-top: 5px solid #F38749;
  background: #fff;
  transition: all ease-out 0.4s;
}
#main-nav .menu-top-nav-container ul li.menu-item-has-children .sub-menu li {
  padding: 1.2rem 1.875rem;
  justify-content: flex-start;
  border-top: 1px solid #333;
  width: 100%;
  margin: 0;
}
#main-nav .menu-top-nav-container ul li.menu-item-has-children .sub-menu li a {
  text-align: left;
  text-decoration: none;
  color: #000;
  position: relative;
}
#main-nav .menu-top-nav-container ul li.menu-item-has-children .sub-menu li a::before {
  content: "";
  width: 0%;
  left: 50%;
  bottom: -5px;
  height: 2px;
  border-radius: 5px;
  background: #000;
  position: absolute;
  transition: all ease-out 0.4s;
}
#main-nav .menu-top-nav-container ul li.menu-item-has-children .sub-menu li a:hover::before {
  width: 100%;
  left: 0;
}
#main-nav .menu-top-nav-container ul li.menu-item-has-children .sub-menu li:first-child {
  border: 0;
}
#main-nav .menu-top-nav-container ul li.menu-item-has-children .sub-menu.show-submenu {
  display: inline-flex;
  opacity: 1;
}
#main-nav .menu-top-nav-container ul li.menu-item-has-children .sub-menu::after {
  content: "";
  content: "";
  position: absolute;
  top: -20px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 20px solid #F38749;
  display: inline-block;
}
#main-nav .menu-top-nav-container ul li.menu-item-has-children .sub-menu.open {
  display: inline-flex;
  opacity: 1;
}

.logo {
  width: 100%;
  max-width: 300px;
  display: inline-flex;
  align-items: center;
}

#header-bottom .logo {
  display: none;
}

/* nav toggle */
#nav-toggle {
  cursor: pointer;
  padding: 0;
  cursor: pointer;
  margin: 0;
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 1.875rem;
  height: 40px;
  padding: 20px 4px 0 4px;
  width: 30px;
  transition: all ease-out 0.4s;
  background: none;
  border: 0;
  padding: 0;
  z-index: 1001;
}
#nav-toggle span {
  cursor: pointer;
  height: 3px;
  width: 30px;
  background: #fff;
  position: absolute;
  display: block;
  content: "";
  transition: all 0.4s ease-in-out;
}
#nav-toggle span::before {
  cursor: pointer;
  height: 3px;
  width: 30px;
  background: #fff;
  position: absolute;
  display: block;
  content: "";
  transition: all 0.4s ease-in-out;
}
#nav-toggle span::after {
  cursor: pointer;
  height: 3px;
  width: 30px;
  background: #fff;
  position: absolute;
  display: block;
  content: "";
  transition: all 0.4s ease-in-out;
}
#nav-toggle span:before {
  top: -8px;
}
#nav-toggle span:after {
  bottom: -8px;
}
#nav-toggle:focus {
  outline: none;
}
#nav-toggle:hover span::before {
  top: -12px;
}
#nav-toggle:hover span::after {
  bottom: -12px;
}

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

/* active */
#nav-toggle.active span {
  background-color: transparent;
}

#nav-toggle.active span:before {
  top: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  background: #fff;
}

#nav-toggle.active span:after {
  bottom: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  background: #fff;
}

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

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

#footer {
  padding: 3.75rem 0 0;
  background: #0A2443;
  flex-wrap: wrap;
  display: inline-flex;
  width: 100%;
  justify-content: center;
}
#footer .footer-pad {
  padding: 0 1.875rem;
  width: 100%;
  justify-content: center;
  display: inline-flex;
}
#footer .sectionInner .footer-top {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}
#footer .sectionInner .footer-top .footer-block {
  display: inline-flex;
  width: 100%;
}
#footer .sectionInner .footer-top .logo {
  width: 100%;
  max-width: 300px;
}
#footer .sectionInner .footer-top .footer-nav {
  display: inline-flex;
  width: 100%;
}
#footer .sectionInner .footer-top .footer-nav div {
  display: inline-flex;
  width: 100%;
  align-items: center;
}
#footer .sectionInner .footer-top .footer-nav #primary-menu {
  margin: 0;
  padding: 0;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}
#footer .sectionInner .footer-top .footer-nav #primary-menu li {
  display: inline-flex;
  margin: 0 1.875rem;
  position: relative;
}
#footer .sectionInner .footer-top .footer-nav #primary-menu li div {
  display: inline-flex;
  width: 100%;
}
#footer .sectionInner .footer-top .footer-nav #primary-menu li .mob-menu-expand {
  display: none;
}
#footer .sectionInner .footer-top .footer-nav #primary-menu li a {
  width: 100%;
  text-decoration: none;
  position: relative;
  color: #fff;
}
#footer .sectionInner .footer-top .footer-nav #primary-menu li a::before {
  content: "";
  width: 0%;
  left: 50%;
  bottom: -5px;
  height: 2px;
  border-radius: 5px;
  background: #fff;
  position: absolute;
  transition: all ease-out 0.4s;
}
#footer .sectionInner .footer-top .footer-nav #primary-menu li a:hover::before {
  width: 100%;
  left: 0;
}
#footer .sectionInner .footer-top .footer-nav #primary-menu li::after {
  content: "";
  position: absolute;
  right: -1.875rem;
  height: 15px;
  width: 1px;
  background: #fff;
}
#footer .sectionInner .footer-top .footer-nav #primary-menu li:last-child {
  margin-right: 0;
}
#footer .sectionInner .footer-top .footer-nav #primary-menu li:last-child::after {
  display: none;
}
#footer .sectionInner .footer-top .footer-buttons {
  display: inline-flex;
  width: 100%;
}
#footer .sectionInner .footer-top .footer-buttons ul {
  display: inline-flex;
  width: 100%;
  margin: 1.875rem 0;
  padding: 0;
  list-style: none;
}
#footer .sectionInner .footer-top .footer-buttons ul li {
  margin: 0 0.9375rem;
}
#footer .sectionInner .footer-top .footer-buttons ul li a {
  font-weight: normal;
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #fff;
  background: none;
  border: 1px solid #fff;
  transition: all ease-out 0.4s;
}
#footer .sectionInner .footer-top .footer-buttons ul li a::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #fff;
  transition: all ease-out 0.4s;
}
#footer .sectionInner .footer-top .footer-buttons ul li a:hover {
  color: #0A2443;
  background: #fff;
}
#footer .sectionInner .footer-top .footer-buttons ul li a:hover::before {
  width: 100%;
}
#footer .sectionInner .footer-top .footer-buttons ul li a svg {
  margin: 0 0.9375rem 0 0;
}
#footer .sectionInner .footer-top .footer-buttons ul li:first-child {
  margin-left: 0;
}
#footer .sectionInner .footer-top .footer-buttons ul li:last-child {
  margin-right: 0;
}
#footer .sectionInner .footer-top .footer-social {
  width: 100%;
  max-width: 30%;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}
#footer .sectionInner .footer-top .footer-social h5 {
  display: inline-flex;
  width: 100px;
  font-weight: normal;
  font-size: 16px;
  color: #fff;
}
#footer .sectionInner .footer-top .footer-social ul {
  display: inline-flex;
  justify-content: flex-end;
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer .sectionInner .footer-top .footer-social ul li {
  color: #fff;
}
#footer .sectionInner .footer-top .footer-social ul li a {
  font-size: 30px;
  color: #fff;
}
#footer .sectionInner .footer-top .footer-social ul li a svg {
  margin: 0 0 0 0.9375rem;
}
#footer .footer-bottom {
  width: 100%;
  padding: 1.875rem;
  display: inline-flex;
  justify-content: center;
  background: #031429;
}
#footer .footer-bottom p {
  font-size: 16px;
  color: #fff;
}

#searchresults {
  padding: 0.75rem 1.875rem 3.75rem 1.875rem;
  display: inline-flex;
  width: 100%;
  justify-content: center;
}
#searchresults .sectionInner {
  flex-wrap: wrap;
}
#searchresults .sectionInner h1 span {
  font-weight: normal;
}
#searchresults .sectionInner ul {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
#searchresults .sectionInner ul li {
  width: 100%;
  margin: 0 0 1.857rem 0;
}
#searchresults .sectionInner ul li a {
  display: inline-flex;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
  text-decoration: none;
  padding: 1.875rem 0;
  position: relative;
  color: #000;
  border-bottom: 1px solid #0A2443;
}
#searchresults .sectionInner ul li a .search-image {
  max-width: 300px;
  height: 190px;
  width: 100%;
}
#searchresults .sectionInner ul li a .search-content {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0 0 0 1.875rem;
}
#searchresults .sectionInner ul li a .search-content .article-cat {
  margin: 0 0 0.9375rem 0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: clamp(16px, 3.5vw, 18px);
}
#searchresults .sectionInner ul li a .search-content .search-title {
  font-size: 32px;
  font-weight: bold;
  width: 100%;
  margin: 0;
  display: inline-flex;
  align-items: flex-start;
  margin: 0 0 0.9375rem 0;
}
#searchresults .sectionInner ul li a .search-content .search-text {
  font-size: 16px;
  line-height: 1.6em;
  width: 100%;
  margin: 0 0 10px 0;
}
#searchresults .sectionInner ul li a .search-content .author span {
  width: auto;
  display: inline-block;
  float: left;
  font-weight: bold;
  color: #aaa;
}
#searchresults .sectionInner ul li a .search-content .author span:last-child {
  margin: 0 0 0 1.875rem;
  display: inline-block;
  font-weight: bold;
  position: relative;
  color: #000;
}
#searchresults .search-head {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  display: inline-flex;
  align-items: center;
  width: 100%;
  padding: 1.875rem 0;
  justify-content: space-between;
  margin: 0 0 0.9375rem 0;
}
#searchresults .search-head h3 {
  font-size: clamp(18px, 3.5vw, 24px);
  margin: 0;
}
#searchresults .search-head select {
  font-size: 18px;
  padding: 5px 15px;
  border-radius: 10px;
  border-color: #aaa;
  color: #aaa;
}
#searchresults .search-head select:hover {
  cursor: pointer;
}
#searchresults .search-head p {
  font-size: 18px;
  font-weight: bold;
  color: #aaa;
  margin: 0;
  padding: 0;
}

#article {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  padding: 0.75rem 1.875rem 3.75rem 1.875rem 0;
}
#article .article-head {
  width: 100%;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #aaa;
  margin: 0;
}
#article .article-head .mast {
  width: auto;
  border: 0;
  margin: 0;
}
#article .article-info {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.875rem 0;
  border-bottom: 1px solid #ccc;
}
#article .article-info .author {
  display: inline-flex;
  align-items: center;
  width: 100%;
}
#article .article-info .author img {
  max-width: 40px;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 0.9375rem 0 0;
}
#article .article-info .author span {
  margin: 0 0.9375rem 0 0;
}
#article .article-info .author span:last-child {
  padding-left: 0.9375rem;
  border-left: 1px solid #0A2443;
}
#article .article-info .author span a {
  text-decoration: none;
  color: #000;
  position: relative;
}
#article .article-info .author span a::before {
  content: "";
  width: 0%;
  left: 50%;
  bottom: -5px;
  height: 2px;
  border-radius: 5px;
  background: #000;
  position: absolute;
  transition: all ease-out 0.4s;
}
#article .article-info .author span a:hover::before {
  width: 100%;
  left: 0;
}
#article .article-info .comments-btn a {
  padding: 0.9375rem 1.875rem;
  text-decoration: none;
  justify-content: center;
  display: inline-flex;
  align-items: center;
  border-radius: 10px;
  position: relative;
  transition: all ease-out 0.4s;
  background: #031429;
  color: #fff;
}
#article .article-info .comments-btn a:hover {
  background: #3A577F;
}
#article .article-info .comments-btn a svg {
  margin: 0 0.9375rem 0 0;
}
#article .article-info .comments-btn a span {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  padding: 3px;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  top: -10px;
  right: -10px;
  color: #fff;
  background: #F38749;
}
#article .article-foot {
  width: 100%;
  padding: 1.875rem 0;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  margin: 1.875rem 0;
}

.share-block {
  display: inline-flex;
}

.share-options {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  margin-left: 1.875rem;
}
.share-options ul {
  position: absolute;
  top: 80%;
  right: 0;
  margin: 0;
  align-items: center;
  display: inline-flex;
  visibility: hidden;
  opacity: 0;
  padding: 10px;
  list-style: none;
  background: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  transition: all ease-out 0.4s;
}
.share-options ul li a, .share-options ul li button {
  color: #0A2443;
  margin: 0 10px;
  font-size: 20px;
  text-decoration: none;
  transition: color 0.3s;
  background: none;
  border: none;
}
.share-options ul li a:hover, .share-options ul li button:hover {
  cursor: pointer;
  color: #0077b5;
}
.share-options ul.open {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.share-options p {
  margin: 0;
  display: inline-flex;
  align-items: center;
  width: 100%;
  font-size: 14px;
  padding: 0;
  color: #aaa;
  transition: all ease-out 0.4s;
}
.share-options p:hover {
  cursor: pointer;
  color: #0A2443;
}
.share-options p svg {
  margin: 0 0 0 5px;
  font-size: 10px;
}

.save,
.saved {
  margin-left: 1.875rem;
}
.save button, .save a,
.saved button,
.saved a {
  border: 0;
  text-decoration: none;
  background: none;
  padding: 0;
  font-size: 14px;
  color: #aaa;
  transition: all ease-out 0.4s;
}
.save button:hover, .save a:hover,
.saved button:hover,
.saved a:hover {
  cursor: pointer;
  color: #0A2443;
}
.save button svg, .save a svg,
.saved button svg,
.saved a svg {
  margin-left: 5px;
}

#gated-blur {
  display: inline-flex;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9998;
  backdrop-filter: blur(10px);
  top: 0;
}

#article.advert #gated-blur {
  top: 140px;
}

#gated {
  position: fixed;
  width: 100vw;
  height: calc(100vh - 230px);
  overflow: hidden;
  z-index: 9999;
  left: 0;
  bottom: 0;
}
#gated .gated-close {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: absolute;
  top: 1.875rem;
  right: 1.875rem;
  width: 50px;
  height: 50px;
  z-index: 99999;
  color: #fff;
  font-size: 26px;
  border-radius: 100%;
  transition: all ease-out 0.4s;
  background: #3A577F;
}
#gated .gated-close:hover {
  transform: rotate(90deg);
  cursor: pointer;
  background: #F38749;
}
#gated .gated-info {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 9999;
  padding: 3.75rem;
  min-height: 350px;
  border-top: 5px solid #F38749;
  background: #0A2443;
}
#gated .gated-info .gated-text {
  width: 40%;
  color: #fff;
}
#gated .gated-info .gated-text h3, #gated .gated-info .gated-text p {
  color: #fff;
}
#gated .gated-info .gated-text h3 span {
  font-weight: normal;
  color: #F38749;
}
#gated .gated-info .gated-text a {
  color: #F38749;
}
#gated .gated-info .gated-wrap {
  width: 30%;
  margin: 0 0 0 1.875rem;
}
#gated .gated-info .gated-wrap .gated-block {
  width: 100%;
  padding: 1.875rem;
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  margin: 0 0 1.875rem 0;
  color: #fff;
  border: 2px solid #fff;
}
#gated .gated-info .gated-wrap .gated-block p {
  font-weight: bold;
  text-align: center;
  padding: 0;
}
#gated .gated-info .gated-wrap .gated-block form {
  display: inline-flex;
  flex-wrap: wrap;
}
#gated .gated-info .gated-wrap .gated-block form div {
  position: relative;
  width: 100%;
}
#gated .gated-info .gated-wrap .gated-block form input {
  padding: 5px;
  width: 100%;
  margin: 0 0 1.875rem 0;
  border: 0;
  height: 50px;
  border-radius: 10px;
}
#gated .gated-info .gated-wrap .gated-block form label {
  margin: 0 0 5px 0;
  display: inline-flex;
}
#gated .gated-info .gated-wrap .gated-block form a {
  position: absolute;
  color: #fff !important;
  left: 0;
  bottom: -5px;
  width: 100%;
}
#gated .gated-info .gated-wrap .gated-block form .form-submit {
  display: inline-flex;
  width: 100%;
  justify-content: flex-end;
}
#gated .gated-info .gated-wrap .gated-block form input[type=submit] {
  padding: 0.9375rem 3.75rem;
  border-radius: 10px;
  width: auto;
  margin: 0;
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #fff;
  background: #F38749;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
}
#gated .gated-info .gated-wrap .gated-block form input[type=submit]:hover {
  cursor: pointer;
  background: #F38749 !important;
}
#gated .gated-info .gated-wrap .gated-block h6 {
  margin: 0 0 1.875rem 0;
  width: 100%;
  text-align: center;
  font-size: clamp(16px, 4vw, 20px);
}
#gated .gated-info .gated-wrap.single .gated-block {
  height: 100%;
}
#gated .gated-info .gated-wrap.single .gated-block h6 {
  margin: 0 0 5px 0;
}
#gated .gated-info .gated-wrap.single .gated-block p {
  font-size: 16px;
}
#gated .gated-info .gated-wrap.single .gated-block p a {
  color: #F38749;
}
#gated .gated-info .gated-wrap.single .gated-block .um-login {
  padding: 0 1.875rem;
  margin: 0;
}
#gated .gated-info .gated-wrap.double {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
}
#gated .gated-info .gated-wrap.double .gated-block {
  height: 50%;
}
#gated .gated-info .gated-wrap.double .gated-block a {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  width: auto;
}
#gated .gated-info .gated-wrap.double .gated-block a::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #F38749;
  transition: all ease-out 0.4s;
}
#gated .gated-info .gated-wrap.double .gated-block a:hover {
  color: #fff;
}
#gated .gated-info .gated-wrap.double .gated-block a:hover::before {
  width: 100%;
}
#gated .gated-info .gated-wrap.double .gated-block:last-child {
  margin: 0;
}
#gated .gated-info.upsell .gated-wrap.double {
  width: 60%;
  height: 100%;
}
#gated .gated-info.upsell .gated-wrap.double .gated-block {
  height: 100%;
}

#jobs-listing .sectionInner form {
  width: 100%;
}
#jobs-listing .sectionInner #job-search {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  padding: 3.75rem 1.875rem;
  position: relative;
  border-top: 1px solid #fff;
  background: #3A577F;
}
#jobs-listing .sectionInner #job-search .job-search-inner {
  display: inline-flex;
  width: 100%;
  z-index: 20;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: center;
}
#jobs-listing .sectionInner #job-search .job-search-inner div {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  position: relative;
}
#jobs-listing .sectionInner #job-search .job-search-inner div svg {
  position: absolute;
  color: #aaa;
  left: 1.875rem;
  bottom: 20px;
  display: inline-flex;
  border-right: 1px solid #aaa;
  padding-right: 0.9375rem;
}
#jobs-listing .sectionInner #job-search .job-search-inner div label {
  margin: 0 0 0.9375rem 0;
  font-weight: bold;
  color: #fff;
}
#jobs-listing .sectionInner #job-search .job-search-inner div input,
#jobs-listing .sectionInner #job-search .job-search-inner div select {
  width: 100%;
  margin: 0 10px;
  min-height: 60px;
  border-radius: 10px;
  padding: 0.9375rem;
  border: 1px solid #aaa;
}
#jobs-listing .sectionInner #job-search .job-search-inner div select:hover {
  cursor: pointer;
}
#jobs-listing .sectionInner #job-search .job-search-inner div input[type=text] {
  padding-left: 3.75rem;
}
#jobs-listing .sectionInner #job-search .job-search-inner div input[type=text]::placeholder {
  color: #aaa;
}
#jobs-listing .sectionInner #job-search .job-search-inner div input[type=button] {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #fff;
  background: #0A2443;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  width: calc(50% - 20px);
}
#jobs-listing .sectionInner #job-search .job-search-inner div input[type=button]::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #fff;
  transition: all ease-out 0.4s;
}
#jobs-listing .sectionInner #job-search .job-search-inner div input[type=button]:hover {
  color: #0A2443;
  background: #fff;
}
#jobs-listing .sectionInner #job-search .job-search-inner div input[type=button]:hover::before {
  width: 100%;
}
#jobs-listing .sectionInner #job-search .job-search-inner div input[type=button]:hover {
  color: #fff;
  background: #0A2443;
  cursor: pointer;
}
#jobs-listing .sectionInner #job-search .job-search-inner div:first-child {
  width: 70%;
}
#jobs-listing .sectionInner #job-search .job-search-inner div:first-child {
  min-width: 400px;
}
#jobs-listing .sectionInner #job-list {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  position: relative;
  flex-wrap: wrap;
  padding: 0;
}
#jobs-listing .sectionInner #job-list .sectionInner {
  flex-wrap: wrap;
}
#jobs-listing .sectionInner #job-list .spinner {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 400px;
  margin: 1.875rem 0;
}
#jobs-listing .sectionInner #job-list .spinner::after {
  content: "";
  position: absolute;
  margin: 20px auto;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-top-color: #0A2443;
  animation: spin 0.75s linear infinite;
  width: 40px;
  height: 40px;
}
#jobs-listing .sectionInner #job-list ul {
  width: 100%;
  margin: 1.875rem 0;
  padding: 0;
  list-style: none;
}
#jobs-listing .sectionInner #job-list ul li {
  width: 100%;
  margin: 0 0 1.875rem 0;
  border-left: 5px solid #F38749;
  transition: all ease-out 0.4s;
}
#jobs-listing .sectionInner #job-list ul li a {
  width: 100%;
  display: inline-flex;
  justify-content: flex-end;
  padding: 1.875rem;
  text-decoration: none;
  border-radius: 10px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: #fff;
  background: #0A2443;
}
#jobs-listing .sectionInner #job-list ul li a .block {
  display: inline-flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
#jobs-listing .sectionInner #job-list ul li a .image-block {
  max-width: 260px;
  margin: 0 1.875rem 0 0;
}
#jobs-listing .sectionInner #job-list ul li a h3 {
  width: 100%;
  margin-top: 0;
}
#jobs-listing .sectionInner #job-list ul li a h5 {
  margin: 0 0 0.9375rem 0;
  width: 100%;
}
#jobs-listing .sectionInner #job-list ul li a h5 span {
  color: #F38749;
}
#jobs-listing .sectionInner #job-list ul li a p {
  width: 100%;
}
#jobs-listing .sectionInner #job-list ul li a .more {
  margin: 0;
  color: #fff;
}
#jobs-listing .sectionInner #job-list ul li a .more::before {
  background: #fff;
}
#jobs-listing .sectionInner #job-list ul li a:hover .more::before {
  left: 0;
  width: 100%;
}

#jobs {
  padding: 0;
  display: inline-flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
}
#jobs .sectionInner {
  flex-wrap: wrap;
}
#jobs .sectionInner .apply {
  width: 100%;
  justify-content: center;
  display: inline-flex;
  padding: 0 3.75rem 1.875rem;
  background: #3A577F;
}
#jobs .sectionInner .apply a {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #fff;
  background: none;
  border: 1px solid #fff;
  transition: all ease-out 0.4s;
  width: auto;
}
#jobs .sectionInner .apply a::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #fff;
  transition: all ease-out 0.4s;
}
#jobs .sectionInner .apply a:hover {
  color: #0A2443;
  background: #fff;
}
#jobs .sectionInner .apply a:hover::before {
  width: 100%;
}
#jobs .job-header {
  width: 100%;
  margin: 0 0 3.75rem 0;
  display: inline-flex;
  flex-wrap: wrap;
  background: #0A2443;
}
#jobs .job-header .header-top {
  display: inline-flex;
  width: 100%;
  align-items: center;
  padding: 1.875rem;
}
#jobs .job-header .header-top img {
  max-width: 120px;
}
#jobs .job-header h1 {
  width: 100%;
  margin: 0;
  padding: 0 3.75rem 0 1.875rem;
  color: #fff;
}
#jobs .job-header ul {
  margin: 0;
  padding: 1.875rem 3.75rem;
  list-style: none;
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #3A577F;
  border-top: 3px solid #F38749;
}
#jobs .job-header ul li {
  display: inline-flex;
  justify-content: space-between;
  text-align: right;
  width: 47%;
  padding: 0.9375rem 0;
  margin: 0;
  border-bottom: 1px solid #617b9f;
  color: #fff;
}
#jobs .job-header ul li strong {
  color: #fff;
}
#jobs .job-footer {
  margin: 3.75rem 0;
  display: inline-flex;
  width: 100%;
  justify-content: center;
}
#jobs .job-footer .apply {
  padding-top: 1.875rem;
}

#stripe-payment-link label {
  color: #fff;
}

#podcast {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  padding: 3.75rem 1.875rem;
}
#podcast .sectionInner {
  flex-wrap: wrap;
}
#podcast .sectionInner #pod-plugin {
  padding: 1.875rem;
  border-radius: 15px;
  margin: 1.875rem 0 10px;
  border: 1px solid #0A2443;
}
#podcast .sectionInner .pod-details {
  display: inline-flex;
  width: 100%;
  margin: 0 0 1.875rem 0;
}
#podcast .sectionInner .pod-details .date,
#podcast .sectionInner .pod-details .length {
  color: #F38749;
  margin: 0 0.9375rem 0 0;
  font-weight: bold;
}
#podcast .sectionInner .pod-details .date span,
#podcast .sectionInner .pod-details .length span {
  color: #000;
  font-weight: normal;
}
#podcast .sectionInner .pod-description p {
  font-size: clamp(16px, 3.5vw, 16px);
}

#video-page {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  padding: 3.75rem 1.875rem;
}
#video-page .sectionInner {
  flex-wrap: wrap;
}
#video-page .sectionInner #video-embed {
  padding: 1.875rem;
  border-radius: 15px;
  margin: 1.875rem 0 10px;
  border: 1px solid #0A2443;
}
#video-page .sectionInner #video-embed iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
#video-page .sectionInner .video-details {
  display: inline-flex;
  width: 100%;
  margin: 0 0 1.875rem 0;
}
#video-page .sectionInner .video-description p {
  font-size: clamp(16px, 3.5vw, 16px);
}

#cartoon {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  padding: 3.75rem 1.875rem;
}
#cartoon .sectionInner {
  flex-wrap: wrap;
}
#cartoon .sectionInner .cartoon {
  position: relative;
}
#cartoon .sectionInner .cartoon a {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  text-decoration: none;
}
#cartoon .sectionInner .cartoon a .button-block {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  padding: 1.875rem 0;
}
#cartoon .sectionInner .cartoon a .button-block .button {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  width: auto;
}
#cartoon .sectionInner .cartoon a .button-block .button::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #0A2443;
  transition: all ease-out 0.4s;
}
#cartoon .sectionInner .cartoon a .button-block .button:hover {
  color: #fff;
}
#cartoon .sectionInner .cartoon a .button-block .button:hover::before {
  width: 100%;
}
#cartoon .sectionInner .cartoon a:hover .button {
  color: #fff;
}
#cartoon .sectionInner .cartoon a:hover .button::before {
  width: 100%;
}

#event-landing {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  padding: 0.75rem 0 3.75rem 0;
}
#event-landing .sectionInner {
  flex-wrap: wrap;
}
#event-landing .sectionInner .spinner {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 400px;
  margin: 1.875rem 0;
}
#event-landing .sectionInner .spinner::after {
  content: "";
  position: absolute;
  margin: 20px auto;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-top-color: #0A2443;
  animation: spin 0.75s linear infinite;
  width: 40px;
  height: 40px;
}
#event-landing .sectionInner ul {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 1.875rem;
  row-gap: 1.875rem;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media only screen and (max-width: 80em) {
  #event-landing .sectionInner ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 48.763em) {
  #event-landing .sectionInner ul {
    grid-template-columns: 1fr;
  }
}
#event-landing .sectionInner ul li {
  margin: 0 0 3.75rem 0;
}
#event-landing .sectionInner ul li a {
  text-decoration: none;
  height: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding-bottom: 5.75rem;
  position: relative;
  width: 100%;
  color: #000;
}
#event-landing .sectionInner ul li a .event-image {
  height: 350px;
  width: 100%;
}
#event-landing .sectionInner ul li a .event-title {
  text-transform: uppercase;
  margin: 0.9375rem 0;
  font-weight: bold;
  font-size: clamp(18px, 3.5vw, 20px);
  color: #F38749;
}
#event-landing .sectionInner ul li a .event-info div {
  color: #F38749;
  display: inline-flex;
  width: 100%;
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-weight: normal;
  color: #000;
}
#event-landing .sectionInner ul li a .event-info div svg {
  width: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px 0 0;
}
#event-landing .sectionInner ul li a .event-info div:last-child {
  margin: 0;
  padding: 0;
}
#event-landing .sectionInner ul li a .button {
  margin: 0.9375rem 0;
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  position: absolute;
  bottom: 0;
}
#event-landing .sectionInner ul li a .button::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #0A2443;
  transition: all ease-out 0.4s;
}
#event-landing .sectionInner ul li a .button:hover {
  color: #fff;
}
#event-landing .sectionInner ul li a .button:hover::before {
  width: 100%;
}
#event-landing .sectionInner ul li a:hover .button {
  color: #fff;
}
#event-landing .sectionInner ul li a:hover .button::before {
  width: 100%;
}

#event-detail .sectionInner .event-content ul li .detail-content .detail-text ul li::marker,
#event-detail .sectionInner .event-content ul li .detail-content .detail-text ol li::marker {
  color: #000; /* or any other styles you want to apply to the marker */
}

#event-detail {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  padding: 0 0 3.75rem 0;
}
#event-detail .sectionInner {
  flex-wrap: wrap;
}
#event-detail .sectionInner .event-head {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 1.875rem;
  border-radius: 15px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
  border: 1px solid #ccc;
  border-bottom: 3px solid #F38749;
}
#event-detail .sectionInner .event-head h1 {
  margin: 0;
  color: #F38749;
}
#event-detail .sectionInner .event-head h2 {
  width: 100%;
  margin: 0 0 0.9375rem 0;
  font-size: 22px;
}
#event-detail .sectionInner .event-head p {
  width: 100%;
  margin: 0;
  padding-top: 0.9375rem;
  border-top: 1px solid #0A2443;
}
#event-detail .sectionInner .event-top-block {
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
  margin: 0 0 3.75rem 0;
}
#event-detail .sectionInner .event-top-block .event-image {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  min-height: 400px;
  border-bottom-left-radius: 15px;
}
#event-detail .sectionInner .event-top-block .event-image .event-info {
  padding: 0.9375rem;
  color: #fff;
  background: #0A2443;
  border-bottom-right-radius: 15px;
  width: 100%;
  max-width: 450px;
}
#event-detail .sectionInner .event-top-block .event-image .event-info .event-button {
  margin: 0.9375rem 0 0;
  padding: 0;
}
#event-detail .sectionInner .event-top-block .event-image .event-info ul {
  margin: 0;
  padding: 0;
  display: inline-flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
#event-detail .sectionInner .event-top-block .event-image .event-info ul li {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 400px;
  margin: 0 0 10px;
}
#event-detail .sectionInner .event-top-block .event-image .event-info ul li svg {
  width: 20px;
  margin: 0 0.9375rem 0 0;
}
#event-detail .sectionInner .event-top-block .event-image .event-info ul li:last-child {
  margin: 0;
}
#event-detail .sectionInner .event-top-block .event-image .event-info a {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
}
#event-detail .sectionInner .event-top-block .event-image .event-info a::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #F38749;
  transition: all ease-out 0.4s;
}
#event-detail .sectionInner .event-top-block .event-image .event-info a:hover {
  color: #fff;
}
#event-detail .sectionInner .event-top-block .event-image .event-info a:hover::before {
  width: 100%;
}
#event-detail .sectionInner .event-top-block .event-map {
  display: inline-flex;
  width: 50%;
  height: 100%;
  min-height: 400px;
  border-bottom-right-radius: 15px;
}
#event-detail .sectionInner .event-content {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}
#event-detail .sectionInner .event-content ul {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 0;
}
#event-detail .sectionInner .event-content ul li {
  display: inline-flex;
  width: 100%;
  margin: 1.875rem 0;
  padding: 0;
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid #ccc;
}
#event-detail .sectionInner .event-content ul li .detail-content {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 1.875rem;
}
#event-detail .sectionInner .event-content ul li .detail-content .detail-title {
  width: 100%;
  font-size: 22px;
  font-weight: bold;
  border-bottom: 1px solid #0A2443;
  margin: 0 0 0.9375rem 0;
  padding: 0 0 0.9375rem 0;
}
#event-detail .sectionInner .event-content ul li .detail-content .detail-title .mast {
  border: 0;
  margin: 0;
}
#event-detail .sectionInner .event-content ul li .detail-content .detail-title .mast svg {
  margin: 0 0.9375rem 0 0;
}
#event-detail .sectionInner .event-content ul li .detail-content .detail-text {
  width: 100%;
  font-size: 18px;
  margin: 0;
}
#event-detail .sectionInner .event-content ul li .detail-content .detail-text p:last-child {
  margin: 0;
}
#event-detail .sectionInner .event-content ul li .detail-content .detail-text p a {
  font-weight: bold;
  color: #F38749;
}
#event-detail .sectionInner .event-content ul li .detail-content .detail-text blockquote {
  background: #f2f2f2;
  padding: 0.9375rem;
  width: 100%;
  margin: 1.875rem 0;
  border-radius: 10px;
}
#event-detail .sectionInner .event-content ul li .detail-content .detail-text ul, #event-detail .sectionInner .event-content ul li .detail-content .detail-text ol {
  padding: 0;
  border-radius: 0;
  border: 0;
  margin: 0 0 1.875rem 1.8758rem;
}
#event-detail .sectionInner .event-content ul li .detail-content .detail-text ul li, #event-detail .sectionInner .event-content ul li .detail-content .detail-text ol li {
  display: list-item;
  border-radius: 0;
  border: 0;
  margin: 0 0 0.9375rem 0;
  list-style: disc;
  overflow: visible;
  font-size: clamp(16px, 4vw, 20px);
}
#event-detail .sectionInner .event-content ul li .detail-content .detail-text ol li {
  display: list-item;
  list-style: decimal;
}
#event-detail .sectionInner .event-content ul li .detail-image {
  display: inline-flex;
  width: 100%;
  max-width: 300px;
  height: 100%;
  min-height: 200px;
}
#event-detail .sectionInner .event-content ul li.left .detail-content {
  order: 2;
}
#event-detail .sectionInner .event-content ul li.left .detail-image {
  order: 1;
  margin-right: 1.875rem;
}
#event-detail .sectionInner .event-content ul li.right .detail-content {
  order: 1;
}
#event-detail .sectionInner .event-content ul li.right .detail-image {
  order: 2;
  margin-left: 1.875rem;
}
#event-detail .sectionInner .event-button {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  padding: 0.9375rem 1.875rem;
  margin: 1.875rem 0;
  background: #0A2443;
}
#event-detail .sectionInner .event-button a {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  width: auto;
}
#event-detail .sectionInner .event-button a::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #F38749;
  transition: all ease-out 0.4s;
}
#event-detail .sectionInner .event-button a:hover {
  color: #fff;
}
#event-detail .sectionInner .event-button a:hover::before {
  width: 100%;
}

.user-content .gform_heading {
  padding: 1.875rem;
  background: #0A2443;
}
.user-content .gform_heading h2 {
  color: #fff;
  margin: 0;
}
.user-content .gform_heading p {
  margin: 0;
  color: #fff;
}

.gf_progressbar_wrapper {
  width: 100%;
  max-width: 500px;
  margin: 0.93785rem 0;
}

.gform_fields p {
  color: #fff;
}

.gform_wrapper.gravity-theme .ginput_container_address label {
  color: #fff;
}

.gform_wrapper.gravity-theme .gform_footer,
.gform_wrapper.gravity-theme .gform_page_footer {
  margin: 0 !important;
  padding: 0.9375rem 1.875rem !important;
  background: #0A2443;
}

.gform_wrapper form {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  border-top: 3px solid #F38749;
}
.gform_wrapper form .gform_page_footer {
  width: 100%;
  display: inline-flex;
  justify-content: center;
}
.gform_wrapper form .gform_page_footer .gform_next_button,
.gform_wrapper form .gform_page_footer .gform_previous_button {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #fff;
  background: none;
  border: 1px solid #fff;
  transition: all ease-out 0.4s;
  width: auto;
}
.gform_wrapper form .gform_page_footer .gform_next_button::before,
.gform_wrapper form .gform_page_footer .gform_previous_button::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #fff;
  transition: all ease-out 0.4s;
}
.gform_wrapper form .gform_page_footer .gform_next_button:hover,
.gform_wrapper form .gform_page_footer .gform_previous_button:hover {
  color: #0A2443;
  background: #fff;
}
.gform_wrapper form .gform_page_footer .gform_next_button:hover::before,
.gform_wrapper form .gform_page_footer .gform_previous_button:hover::before {
  width: 100%;
}
.gform_wrapper form .gform_page_footer .gform_next_button:hover,
.gform_wrapper form .gform_page_footer .gform_previous_button:hover {
  cursor: pointer;
}
.gform_wrapper form .gform_page_footer .gform_button {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #fff;
  background: none;
  border: 1px solid #fff;
  transition: all ease-out 0.4s;
  width: auto;
}
.gform_wrapper form .gform_page_footer .gform_button::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #fff;
  transition: all ease-out 0.4s;
}
.gform_wrapper form .gform_page_footer .gform_button:hover {
  color: #0A2443;
  background: #fff;
}
.gform_wrapper form .gform_page_footer .gform_button:hover::before {
  width: 100%;
}
.gform_wrapper form .gform_page_footer .gform_button:hover {
  cursor: pointer;
}
.gform_wrapper form .gfield--type-consent .ginput_container {
  display: inline-flex;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;
}
.gform_wrapper form .gfield--type-consent .ginput_container .gform-field-label {
  margin: 0;
}
.gform_wrapper form .gform-body {
  width: 100%;
  padding: 1.875rem;
  background: #f2f2f2;
}
.gform_wrapper form .gform-body .gfield_required {
  color: #0A2443;
}
.gform_wrapper form .gform-body .ginput_complex input,
.gform_wrapper form .gform-body .ginput_complex select,
.gform_wrapper form .gform-body .gfield input,
.gform_wrapper form .gform-body .gfield select {
  width: 100%;
  height: 40px;
  border-radius: 0;
}
.gform_wrapper form .gform-body .ginput_container_singleproduct {
  display: inline-flex;
  width: 100%;
  background: #fff;
  padding: 8px;
}
.gform_wrapper form .gform-body .ginput_container_singleproduct .ginput_product_price_wrapper {
  display: inline-flex;
  width: 100%;
  align-items: center;
}
.gform_wrapper form .gform-body .ginput_container_singleproduct .ginput_product_price_wrapper label {
  font-weight: bold;
  margin: 0 5px 0 0;
}
.gform_wrapper form .gform-body .ginput_container_singleproduct .ginput_product_price_wrapper input {
  color: #0A2443;
}
.gform_wrapper form .gform-body .gfield select {
  min-width: 80px;
  max-height: 40px;
}
.gform_wrapper form .gform-body fieldset {
  margin: 0 0 1.875rem 0;
  border: 1px solid #fff;
  padding: 0.9375rem;
}
.gform_wrapper form .gform-body fieldset .gfield_label {
  padding: 0 0.9375rem;
  margin: 0 0 5px 0;
  color: #0A2443;
}
.gform_wrapper form .gform-body fieldset .gform-field-label {
  color: #0A2443;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
}
.gform_wrapper form .gform-body fieldset 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 1.875rem 0 10px;
  font: inherit;
  position: relative;
  color: currentColor;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid #0A2443;
}
.gform_wrapper form .gform-body fieldset input[type=checkbox]::before {
  content: "";
  width: 8px;
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  transform-origin: center;
  height: 8px;
  border-radius: 0;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background: #0A2443;
}
.gform_wrapper form .gform-body fieldset input[type=checkbox]:checked::before {
  transform: scale(1);
}
.gform_wrapper form .gform-body fieldset input[type=checkbox]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
.gform_wrapper form .gform-body fieldset 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 1.875rem 0 10px;
  font: inherit;
  position: relative;
  color: currentColor;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #0A2443;
}
.gform_wrapper form .gform-body fieldset input[type=radio]::before {
  content: "";
  width: 8px;
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  transform-origin: center;
  height: 8px;
  border-radius: 100%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background: #0A2443;
}
.gform_wrapper form .gform-body fieldset input[type=radio]:checked::before {
  transform: scale(1);
}
.gform_wrapper form .gform-body fieldset input[type=radio]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
.gform_wrapper form .gform-body fieldset .gchoice {
  margin: 0 0 0.9375rem;
  color: #0A2443;
}
.gform_wrapper form .gform-body .gfield {
  margin: 0;
  border: 1px solid #ccc;
  padding: 0.9375rem;
}
.gform_wrapper form .gform-body .gfield h3 {
  margin: 0;
  color: #0A2443;
}
.gform_wrapper form .gform-body .gfield .gsection_description {
  padding-top: 0;
  color: #0A2443;
}
.gform_wrapper form .gform-body .gfield .gfield_label {
  color: #0A2443;
}
.gform_wrapper form .gform-body .gfield select {
  width: auto;
  background: none;
  margin: 0 0.9375rem 0 0;
  padding: 10px 0.9375rem;
  border-radius: 0;
  height: auto;
  max-height: 100%;
  background: #fff;
  border-color: #fff;
}
.gform_wrapper form .gform-body .gfield select option {
  color: #0A2443;
}
.gform_wrapper form .gform-body .gfield .ginput_container_fileupload input {
  padding: 0.9375rem;
  color: #0A2443;
  width: auto;
  height: auto;
  border: 1px solid #0A2443;
  color: #0A2443;
}
.gform_wrapper form .gform-body .gfield .gfield_description {
  color: #0A2443;
  margin: 0;
}
.gform_wrapper form .gform-body .gfield .gfield_description.validation_message {
  color: #0A2443;
}

.gform_wrapper.gravity-theme .gform_footer input,
.gform_wrapper.gravity-theme .gform_footer button,
.gform_wrapper.gravity-theme .gform_page_footer input,
.gform_wrapper.gravity-theme .gform_page_footer button {
  margin: 0;
}

.gform_wrapper form .gform_footer {
  width: 100%;
  justify-content: center;
  align-items: center;
  display: inline-flex !important;
}
.gform_wrapper form .gform_footer input {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  width: auto;
}
.gform_wrapper form .gform_footer input::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #0A2443;
  transition: all ease-out 0.4s;
}
.gform_wrapper form .gform_footer input:hover {
  color: #fff;
}
.gform_wrapper form .gform_footer input:hover::before {
  width: 100%;
}
.gform_wrapper form .gform_footer input:hover {
  cursor: pointer;
  background: #F38749;
}

.gpoll_container {
  padding: 1.875rem;
  margin: 1.3875rem 0;
  background: #f2f2f2;
}

.gravity-theme .gpoll_container .gpoll_field,
.gform_legacy_markup_wrapper .gpoll_container .gpoll_field,
.gform_confirmation_wrapper:not(.gform-theme--framework) .gpoll_container .gpoll_field {
  margin-bottom: 20px;
  border: 1px solid #ccc;
  padding: 1.875rem;
}

.gravity-theme .gpoll_button,
.gform_legacy_markup_wrapper .gpoll_button,
.gform_confirmation_wrapper:not(.gform-theme--framework) .gpoll_button {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  width: auto;
}
.gravity-theme .gpoll_button::before,
.gform_legacy_markup_wrapper .gpoll_button::before,
.gform_confirmation_wrapper:not(.gform-theme--framework) .gpoll_button::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #F38749;
  transition: all ease-out 0.4s;
}
.gravity-theme .gpoll_button:hover,
.gform_legacy_markup_wrapper .gpoll_button:hover,
.gform_confirmation_wrapper:not(.gform-theme--framework) .gpoll_button:hover {
  color: #fff;
}
.gravity-theme .gpoll_button:hover::before,
.gform_legacy_markup_wrapper .gpoll_button:hover::before,
.gform_confirmation_wrapper:not(.gform-theme--framework) .gpoll_button:hover::before {
  width: 100%;
}

.gpoll_summary a {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  width: auto;
}
.gpoll_summary a::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #F38749;
  transition: all ease-out 0.4s;
}
.gpoll_summary a:hover {
  color: #fff;
}
.gpoll_summary a:hover::before {
  width: 100%;
}

.tandc a {
  color: #F38749;
}

#homepage {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
}
#homepage .sectionInner {
  flex-wrap: wrap;
}
#homepage .sectionInner #side-bar {
  max-width: 40%;
}

/* homepage news */
#homepage-news {
  padding: 0;
  margin: 0 0 1.875rem 0;
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}
#homepage-news .cta {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
}
#homepage-news .cta::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #0A2443;
  transition: all ease-out 0.4s;
}
#homepage-news .cta:hover {
  color: #fff;
}
#homepage-news .cta:hover::before {
  width: 100%;
}
#homepage-news #news-list {
  max-width: 40%;
  padding-left: 3.75rem;
}
#homepage-news #news-list .news-block a {
  max-width: 220px;
}
#homepage-news .big-story {
  width: 100%;
  max-width: 60%;
  display: inline-flex;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
}
#homepage-news .big-story .news-block a {
  display: inline-block;
}
#homepage-news .big-story .news-block .title {
  font-size: clamp(18px, 3.5vw, 30px);
  margin: 0 0 0.93875rem 0;
  width: auto;
}
#homepage-news .big-story .news-block .date {
  width: auto;
  display: inline-block;
  float: left;
  font-weight: bold;
  color: #ccc;
}
#homepage-news .big-story .news-block .auth {
  margin: 0 0 0 1.875rem;
  display: inline-block;
  font-weight: bold;
  color: #000;
}
#homepage-news .big-story .news-block .image {
  margin: 0.9375rem 0;
  height: 400px;
}
#homepage-news .big-story .news-block .text {
  font-size: 20px;
  margin: 1.875rem 0 0 0;
}
#homepage-news .big-story .news-block .text strong {
  width: 100%;
  display: inline-block;
  margin: 0 0 5px 0;
}

/* analysis block */
#analy {
  width: 100%;
  max-width: 60%;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0;
}
#analy ul {
  height: auto;
  list-style: none;
  margin: 0 0 1.875rem 0;
  padding: 0;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
}
#analy ul li {
  display: inline-flex;
  width: 100%;
  margin: 0 0 1.875rem 0;
  padding: 0 0 1.875rem 0;
  border-bottom: 1px solid #ccc;
}
#analy ul li a {
  width: 100%;
  max-width: 250px;
}
#analy ul li .news-block {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
}
#analy ul li .image {
  width: 100%;
  max-width: 250px;
  height: 158px;
}
#analy .cta {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
}
#analy .cta::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #0A2443;
  transition: all ease-out 0.4s;
}
#analy .cta:hover {
  color: #fff;
}
#analy .cta:hover::before {
  width: 100%;
}
#analy .analy-block {
  display: inline-flex;
  text-decoration: none;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding-left: 0.9375rem;
  color: #000;
}
#analy .analy-block a {
  display: inline-flex;
  text-decoration: none;
  max-width: 100%;
  min-height: 0;
  color: #000;
}
#analy .analy-block a .title {
  line-height: 1.3em;
  font-size: clamp(16px, 3.5vw, 28px);
}
#analy .analy-block .date {
  width: auto;
  display: inline-block;
  float: left;
  font-weight: bold;
  color: #ccc;
  font-size: 12px;
}
#analy .analy-block .auth {
  margin: 0 0 0 1.875rem;
  display: inline-block;
  font-weight: bold;
  width: auto;
  font-size: 12px;
  color: #000;
}
#analy .analy-block .image {
  margin: 0 0.9375rem 0 0;
  min-height: 127px;
}
#analy .analy-block .analy-cat {
  width: 100%;
  font-weight: bold;
  color: #59BDB3;
  display: inline-flex;
  margin: 0 0 0.9375rem 0;
}
#analy .analy-info {
  display: inline-flex;
}

/* technology block */
#tech {
  width: 100%;
  max-width: 60%;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0;
}
#tech ul {
  height: auto;
  list-style: none;
  margin: 0 0 1.875rem 0;
  padding: 0;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
}
#tech ul li {
  display: inline-flex;
  width: 100%;
  margin: 0 0 1.875rem 0;
  padding: 0 0 1.875rem 0;
  border-bottom: 1px solid #ccc;
}
#tech ul li a {
  width: 100%;
  max-width: 250px;
}
#tech ul li .news-block {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
}
#tech ul li .image {
  width: 100%;
  max-width: 250px;
  height: 158px;
}
#tech .cta {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
}
#tech .cta::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #0A2443;
  transition: all ease-out 0.4s;
}
#tech .cta:hover {
  color: #fff;
}
#tech .cta:hover::before {
  width: 100%;
}
#tech .tech-block {
  display: inline-flex;
  text-decoration: none;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding-left: 0.9375rem;
  color: #000;
}
#tech .tech-block a {
  display: inline-flex;
  text-decoration: none;
  max-width: 100%;
  min-height: 0;
  color: #000;
}
#tech .tech-block a .title {
  line-height: 1.3em;
  font-size: clamp(16px, 3.5vw, 28px);
}
#tech .tech-block .date {
  width: auto;
  display: inline-block;
  float: left;
  font-weight: bold;
  color: #ccc;
  font-size: 12px;
}
#tech .tech-block .auth {
  margin: 0 0 0 1.875rem;
  display: inline-block;
  font-weight: bold;
  width: auto;
  font-size: 12px;
  color: #000;
}
#tech .tech-block .image {
  margin: 0 0.9375rem 0 0;
  min-height: 127px;
}
#tech .tech-block .tech-cat {
  width: 100%;
  font-weight: bold;
  color: #59BDB3;
  display: inline-flex;
  margin: 0 0 0.9375rem 0;
}
#tech .tech-info {
  display: inline-flex;
}

#full-advert {
  width: 100%;
  margin: 1.875rem 0;
  display: inline-flex;
  width: 100%;
  justify-content: center;
}
#full-advert .sectionInner {
  flex-wrap: wrap;
}
#full-advert a {
  display: inline-flex;
  width: 100%;
}
#full-advert a img {
  width: 100%;
}
#full-advert p {
  margin: 0 0 10px 0;
  font-size: 12px;
}

.full-advert {
  width: 100%;
  margin: 1.875rem 0;
  height: auto;
  display: inline-flex;
  width: 100%;
  justify-content: center;
}
.full-advert .sectionInner {
  flex-wrap: wrap;
}
.full-advert a {
  display: inline-flex;
  width: 100%;
  height: 100%;
}
.full-advert a img {
  width: 100%;
}
.full-advert p {
  margin: 0 0 10px 0;
  font-size: 12px;
}
.full-advert.head-advert {
  margin: 0;
  height: 140px;
}

#article-library {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  padding: 0;
}
#article-library .sectionInner {
  flex-wrap: wrap;
}
#article-library .sectionInner form {
  width: 100%;
}
#article-library .sectionInner #mobile-filter {
  display: none;
  padding: 0.9375rem;
  border: 1px solid #0A2443;
  border-radius: 10px;
  margin: 0 0 0.9375rem 0;
}
#article-library .sectionInner #article-search {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  padding: 3.75rem 1.875rem;
  position: relative;
}
#article-library .sectionInner #article-search .article-search-inner {
  display: inline-flex;
  max-width: 1024px;
  width: 100%;
  z-index: 20;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: center;
}
#article-library .sectionInner #article-search .article-search-inner div {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
#article-library .sectionInner #article-search .article-search-inner div svg {
  position: absolute;
  color: #aaa;
  left: 0.9375rem;
  bottom: 20px;
  display: inline-flex;
  border-right: 1px solid #aaa;
  padding-right: 0.9375rem;
}
#article-library .sectionInner #article-search .article-search-inner div label {
  margin: 0 0 0.9375rem 0;
  font-weight: bold;
}
#article-library .sectionInner #article-search .article-search-inner div input {
  min-height: 60px;
  border-radius: 10px;
  padding: 0.9375rem;
  border: 1px solid #aaa;
}
#article-library .sectionInner #article-search .article-search-inner div input[type=text] {
  padding-left: 3.75rem;
}
#article-library .sectionInner #article-search .article-search-inner div input[type=text]::placeholder {
  color: #aaa;
}
#article-library .sectionInner #article-search .article-search-inner div input[type=reset] {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  margin-left: 1.875rem;
}
#article-library .sectionInner #article-search .article-search-inner div input[type=reset]::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #F38749;
  transition: all ease-out 0.4s;
}
#article-library .sectionInner #article-search .article-search-inner div input[type=reset]:hover {
  color: #fff;
}
#article-library .sectionInner #article-search .article-search-inner div input[type=reset]:hover::before {
  width: 100%;
}
#article-library .sectionInner #article-search .article-search-inner div input[type=reset]:hover {
  cursor: pointer;
  color: #0A2443;
}
#article-library .sectionInner #article-search .article-search-inner div input[type=button],
#article-library .sectionInner #article-search .article-search-inner div input[type=submit] {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #fff;
  background: #0A2443;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  width: auto;
  margin: 0 0 0 1.875rem;
}
#article-library .sectionInner #article-search .article-search-inner div input[type=button]::before,
#article-library .sectionInner #article-search .article-search-inner div input[type=submit]::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #fff;
  transition: all ease-out 0.4s;
}
#article-library .sectionInner #article-search .article-search-inner div input[type=button]:hover,
#article-library .sectionInner #article-search .article-search-inner div input[type=submit]:hover {
  color: #0A2443;
  background: #fff;
}
#article-library .sectionInner #article-search .article-search-inner div input[type=button]:hover::before,
#article-library .sectionInner #article-search .article-search-inner div input[type=submit]:hover::before {
  width: 100%;
}
#article-library .sectionInner #article-search .article-search-inner div input[type=button]:hover,
#article-library .sectionInner #article-search .article-search-inner div input[type=submit]:hover {
  color: #fff;
  background: #0A2443;
  cursor: pointer;
}
#article-library .sectionInner #article-search .article-search-inner div:first-child {
  width: 70%;
}
#article-library .sectionInner #article-search::after {
  z-index: 0;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
}
#article-library .sectionInner #article-search-results {
  display: inline-flex;
  justify-content: space-between;
  margin: 3.75rem 0 0 0;
  width: 100%;
}
#article-library .sectionInner #article-search-results .search-head {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  display: inline-flex;
  align-items: center;
  width: 100%;
  padding: 1.875rem 0;
  justify-content: space-between;
  margin: 0 0 3.75rem 0;
}
#article-library .sectionInner #article-search-results .search-head h3 {
  font-size: clamp(18px, 3.5vw, 24px);
  margin: 0;
}
#article-library .sectionInner #article-search-results .search-head select {
  padding: 5px 15px;
  border-radius: 10px;
  border-color: #aaa;
  color: #aaa;
}
#article-library .sectionInner #article-search-results .search-head select:hover {
  cursor: pointer;
}
#article-library .sectionInner #article-search-results .article-filter {
  width: 100%;
  max-width: 300px;
}
#article-library .sectionInner #article-search-results .article-filter #filter-close {
  display: none;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop input[type=submit] {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  width: auto;
  display: none;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop input[type=submit]::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #F38749;
  transition: all ease-out 0.4s;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop input[type=submit]:hover {
  color: #fff;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop input[type=submit]:hover::before {
  width: 100%;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop input[type=submit]:hover {
  cursor: pointer;
  background: #F38749;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop ul li {
  width: 100%;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop ul li .filter-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.9375rem 0;
  border-bottom: 1px solid #000;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop ul li .filter-trigger h4 {
  margin: 0;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop ul li .filter-trigger:hover {
  cursor: pointer;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop ul li .filter-trigger.rotated svg {
  transform: rotate(180deg);
  transition: transform 0.3s ease-in-out;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop ul li ul {
  margin: 0.9375rem 0;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop ul li ul li {
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0 0 0.9375rem 0;
  border-bottom: 1px solid #aaa;
  padding: 0 0 0.9375rem 0;
  height: auto;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop ul li ul li div {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  margin: 0 0 0.9375rem 0;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop ul li ul li div label {
  display: inline-flex;
  margin: 0 0 5px 0;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop ul li ul li a {
  font-weight: bold;
  text-decoration: none;
  position: relative;
  color: #000;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop ul li ul li a::before {
  content: "";
  width: 0%;
  left: 50%;
  bottom: -5px;
  height: 2px;
  border-radius: 5px;
  background: #000;
  position: absolute;
  transition: all ease-out 0.4s;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop ul li ul li a:hover::before {
  width: 100%;
  left: 0;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop ul li 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 1.875rem 0 0;
  font: inherit;
  position: relative;
  color: currentColor;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #0A2443;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop ul li ul li input[type=radio]::before {
  content: "";
  width: 8px;
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  transform-origin: center;
  height: 8px;
  border-radius: 100%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background: #0A2443;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop ul li ul li input[type=radio]:checked::before {
  transform: scale(1);
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop ul li ul li input[type=radio]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop ul li ul li input[type=date] {
  padding: 0.9375rem;
  border: 1px solid #000;
  border-radius: 10px;
  width: 100%;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop ul li ul li 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 1.875rem 0 0;
  font: inherit;
  position: relative;
  color: currentColor;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid #0A2443;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop ul li ul li input[type=checkbox]::before {
  content: "";
  width: 8px;
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  transform-origin: center;
  height: 8px;
  border-radius: 5px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background: #0A2443;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop ul li ul li input[type=checkbox]:checked::before {
  transform: scale(1);
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop ul li ul li input[type=checkbox]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
#article-library .sectionInner #article-search-results .article-filter .filter-loop ul li ul li:last-child {
  justify-content: flex-end;
}
#article-library .sectionInner #article-search-results .article-results {
  width: 100%;
  margin-left: 3.75rem;
}
#article-library .sectionInner #article-search-results .article-results .search-results ul {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 1.875rem;
  row-gap: 1.875rem;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media only screen and (max-width: 80em) {
  #article-library .sectionInner #article-search-results .article-results .search-results ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 48.763em) {
  #article-library .sectionInner #article-search-results .article-results .search-results ul {
    grid-template-columns: 1fr;
  }
}
#article-library .sectionInner #article-search-results .article-results .search-results ul li {
  margin: 0 0 3.75rem 0;
}
#article-library .sectionInner #article-search-results .article-results .search-results ul li a {
  text-decoration: none;
  color: #000;
}
#article-library .sectionInner #article-search-results .article-results .search-results ul li a .article-image {
  height: 190px;
  width: 100%;
}
#article-library .sectionInner #article-search-results .article-results .search-results ul li a .article-cat {
  margin: 3.75rem 0 1.875rem;
  font-weight: bold;
  text-transform: uppercase;
  font-size: clamp(16px, 3.5vw, 18px);
}
#article-library .sectionInner #article-search-results .article-results .search-results ul li a .article-title {
  margin: 0 0 1.875rem 0;
  line-height: 1.4em;
  font-weight: bold;
  font-size: clamp(18px, 3.5vw, 20px);
}
#article-library .sectionInner #article-search-results .article-results .search-results ul li .article-info {
  display: inline-flex;
  justify-content: space-between;
  margin-top: 0.9375rem;
  font-size: clamp(14px, 3.5vw, 14px);
}
#article-library .sectionInner #article-search-results .article-results .search-results ul li .article-info .date {
  width: auto;
  display: inline-block;
  float: left;
  font-weight: bold;
  color: #aaa;
}
#article-library .sectionInner #article-search-results .article-results .search-results ul li .article-info .auth {
  margin: 0 0 0 1.875rem;
  display: inline-block;
  font-weight: bold;
  position: relative;
  color: #000;
}
#article-library .sectionInner #article-search-results .article-results .search-results ul li .article-info .auth::before {
  content: "";
  width: 0%;
  left: 50%;
  bottom: -5px;
  height: 2px;
  border-radius: 5px;
  background: #000;
  position: absolute;
  transition: all ease-out 0.4s;
}
#article-library .sectionInner #article-search-results .article-results .search-results ul li .article-info .auth:hover::before {
  width: 100%;
  left: 0;
}

.custom-alert {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.custom-alert-content {
  background-color: #0A2443;
  padding: 20px;
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.close-alert {
  margin-top: 10px;
  padding: 5px 10px;
  background-color: #F38749;
  color: #fff;
  width: 100%;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

/* -------------------------------- general widgets styles ---------------------------------------------- */
#widgets .sectionInner {
  justify-content: center;
  flex-wrap: wrap;
}

.mast {
  width: 100%;
  display: inline-flex;
  align-items: center;
  margin: 0 0 0.9375rem 0;
  border-bottom: 1px solid #ccc;
}
.mast h1, .mast h2, .mast h3, .mast h4, .mast h5, .mast h6 {
  color: #0A2443;
  font-size: clamp(16px, 3.5vw, 18px);
  text-transform: uppercase;
  margin: 1.875rem 0 1.875rem 1.9375rem;
}

.los-orange svg {
  stroke: #F38749;
}

.los-teal svg {
  stroke: #59BDB3;
}

.los-yellow svg {
  stroke: #F0FF7E;
}

.los-white svg {
  stroke: #fff;
}

a .title {
  width: auto;
  font-weight: bold;
  font-size: clamp(16px, 3.5vw, 20px);
  justify-content: flex-start;
  display: inline-flex;
  position: relative;
}
a .title::before {
  content: "";
  width: 0%;
  left: 50%;
  bottom: -5px;
  height: 2px;
  border-radius: 5px;
  background: #000;
  position: absolute;
  transition: all ease-out 0.4s;
}
a .title:hover::before {
  width: 100%;
  left: 0;
}

.text {
  font-size: 16px;
  line-height: 1.4em;
}

/* --------------------------------- specific widgets styles ------------------------------------------- */
/* event widget */
.event-widget {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  padding: 3.75rem 1.875rem;
  width: 100%;
}
.event-widget .ew-image {
  width: 50%;
  height: 400px;
}
.event-widget .ew-content {
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 50%;
  padding: 0 0 0 3.75rem;
}
.event-widget .ew-content h3 {
  font-size: clamp(20px, 4vw, 28px);
}
.event-widget .ew-content ul {
  margin: 0;
  padding: 0;
  display: inline-flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.event-widget .ew-content ul li {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 400px;
  margin: 0 0 1.875rem;
}
.event-widget .ew-content ul li span {
  width: calc(100% - 70px);
}
.event-widget .ew-content ul li svg {
  width: 30px;
  margin: 0 0.9375rem 0;
}
.event-widget .ew-content a {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
}
.event-widget .ew-content a::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #0A2443;
  transition: all ease-out 0.4s;
}
.event-widget .ew-content a:hover {
  color: #fff;
}
.event-widget .ew-content a:hover::before {
  width: 100%;
}

/* newsletter widget */
#newsletter {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  padding: 3.75rem 1.875rem;
  background: #3A577F;
}
#newsletter .sectionInner {
  flex-wrap: wrap;
}
#newsletter .sectionInner h4 {
  display: inline-flex;
  width: 100%;
  color: #fff;
  align-items: flex-start;
  margin: 0px;
  font-size: clamp(20px, 4vw, 28px);
}
#newsletter .sectionInner p {
  color: #fff;
}
#newsletter .sectionInner p.sub-thanks {
  padding: 8px 0.9375rem;
  background: #0A2443;
  border-radius: 10px;
  width: 100%;
  font-size: 18px;
  justify-content: center;
  display: inline-flex;
}

/* stories widget */
#stories-widget {
  padding: 3.75rem 1.875rem;
  width: 100%;
  display: inline-flex;
  width: 100%;
  justify-content: center;
}
#stories-widget .sectionInner {
  flex-wrap: nowrap;
}
#stories-widget .mast {
  border: 0;
  margin: 0;
}
#stories-widget .stories-block {
  margin: 0 0.9375rem;
  padding: 0 0.9375rem 3.75rem;
  width: 100%;
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
}
#stories-widget .stories-block::after {
  content: "";
  position: absolute;
  right: -0.9375rem;
  top: 0;
  height: 100%;
  width: 1px;
  background: #ccc;
}
#stories-widget .stories-block:last-child::after {
  display: none;
}
#stories-widget .stories-block a {
  position: absolute;
  bottom: 0.9375rem;
}
#stories-widget .stories-block ul {
  width: 100%;
  display: inline-flex;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 1.875rem 0;
  padding: 0;
  list-style: none;
}
#stories-widget .stories-block ul li {
  width: 100%;
  padding: 0.9375rem 0;
  border-bottom: 1px solid #ccc;
  margin: 0 0 0.9375rem 0;
  display: inline-flex;
}
#stories-widget .stories-block ul li a {
  text-decoration: none;
  font-weight: bold;
  bottom: 0;
  color: #000;
  position: relative;
  margin: 0;
}
#stories-widget .stories-block ul li a::before {
  content: "";
  width: 0%;
  left: 50%;
  bottom: -5px;
  height: 2px;
  border-radius: 5px;
  background: #fff;
  position: absolute;
  transition: all ease-out 0.4s;
}
#stories-widget .stories-block ul li a:hover::before {
  width: 100%;
  left: 0;
}
#stories-widget .stories-block ul li a::before {
  background: #000;
}

/* video widget */
#video-widget {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  padding: 3.75rem 1.875rem;
}
#video-widget .sectionInner {
  padding: 0 1.875rem;
}
#video-widget .video-block {
  max-width: 50%;
  width: 100%;
}
#video-widget .video-block video, #video-widget .video-block iframe {
  aspect-ratio: 16/9;
  width: 100%;
}
#video-widget .video-details {
  max-width: 50%;
  width: 100%;
  padding: 0 0 0 1.875rem;
}
#video-widget .video-details .title {
  font-size: clamp(18px, 3.5vw, 32px);
  margin: 0 0 1.875rem 0;
  font-weight: bold;
}
#video-widget .video-details a {
  font-weight: bold;
  display: inline-flex;
  margin: 1.875rem 0 0 0;
  color: #000;
  text-decoration: none;
  position: relative;
}
#video-widget .video-details a::before {
  content: "";
  width: 0%;
  left: 50%;
  bottom: -5px;
  height: 2px;
  border-radius: 5px;
  background: #000;
  position: absolute;
  transition: all ease-out 0.4s;
}
#video-widget .video-details a:hover::before {
  width: 100%;
  left: 0;
}
#video-widget .video-details a svg {
  margin: 0 0 0 0.9375rem;
}

/* banner widget */
#banner {
  padding: 0 1.875rem;
  display: inline-flex;
  width: 100%;
  justify-content: center;
}
#banner .sectionInner a, #banner .sectionInner span {
  display: inline-flex;
  width: 100%;
  padding: 1.875rem 0;
  align-items: center;
  text-decoration: none;
  color: #0A2443;
}
#banner .sectionInner a .banner-content, #banner .sectionInner span .banner-content {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}
#banner .sectionInner a .banner-content .title, #banner .sectionInner span .banner-content .title {
  width: 100%;
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 0.9375rem 0;
}
#banner .sectionInner a .banner-content p, #banner .sectionInner span .banner-content p {
  width: 100%;
  font-size: 18px;
  margin: 0;
}
#banner .sectionInner a .banner-icon, #banner .sectionInner span .banner-icon {
  margin: 0 1.875rem 0 0;
}
#banner .sectionInner a .banner-icon svg, #banner .sectionInner span .banner-icon svg {
  font-size: 40px;
}

/* coffee break */
#coffee-break-widget {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 3.75rem 1.875rem;
}
#coffee-break-widget .mast {
  margin-bottom: 3.75rem;
}
#coffee-break-widget ul {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 1.875rem;
  row-gap: 1.875rem;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 80em) {
  #coffee-break-widget ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 48.763em) {
  #coffee-break-widget ul {
    grid-template-columns: 1fr;
  }
}
#coffee-break-widget ul li {
  width: 100%;
}
#coffee-break-widget ul li a {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 1.875rem 0;
  text-decoration: none;
  color: #000;
}
#coffee-break-widget ul li a .mast {
  border: none;
}
#coffee-break-widget ul li a .button {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  margin-top: 0.9375rem;
}
#coffee-break-widget ul li a .button::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #0A2443;
  transition: all ease-out 0.4s;
}
#coffee-break-widget ul li a .button:hover {
  color: #fff;
}
#coffee-break-widget ul li a .button:hover::before {
  width: 100%;
}
#coffee-break-widget ul li a h4 {
  width: 100%;
  margin: 0 0 0.9375rem 0;
  text-transform: uppercase;
  color: #F38749;
}
#coffee-break-widget ul li a h3 {
  margin-bottom: 0;
  position: relative;
  font-size: clamp(16px, 4vw, 20px);
}
#coffee-break-widget ul li a h3::before {
  content: "";
  width: 0%;
  left: 50%;
  bottom: -5px;
  height: 2px;
  border-radius: 5px;
  background: #000;
  position: absolute;
  transition: all ease-out 0.4s;
}
#coffee-break-widget ul li a:hover h3::before {
  width: 100%;
  left: 0;
}
#coffee-break-widget ul li a:hover .button::before {
  width: 100%;
}
#coffee-break-widget ul li:last-child a:last-child {
  border-top: 1px solid #ccc;
  padding: 1.875rem 0 0 0;
}
#coffee-break-widget ul li.cartoon-only a {
  border-top: 0 !important;
  padding: 0 !important;
}

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

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

#related-news-widget {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  padding: 3.75rem 1.875rem;
}
#related-news-widget .sectionInner {
  position: relative;
  flex-wrap: wrap;
}

#related-slider {
  display: inline-flex;
  width: 100%;
  margin: 1.875rem 0 0 0;
}
#related-slider .slick-next:before, #related-slider .slick-prev:before {
  color: #0A2443;
}
#related-slider .slick-list {
  width: 100%;
}
#related-slider .slick-track {
  display: inline-flex;
}
#related-slider .related-block {
  margin: 0.9375rem;
  width: 100%;
  text-decoration: none;
  color: #000;
}
#related-slider .related-block .related-image {
  height: 200px;
  width: 100%;
}
#related-slider .related-block .related-type {
  font-weight: bold;
  margin: 1.875rem 0 0.9375rem 0;
  text-transform: uppercase;
  color: #F38749;
}
#related-slider .related-block .related-title {
  font-weight: bold;
  margin: 0.9375rem 0;
}
#related-slider .related-block .related-date {
  font-size: 12px;
  color: #aaa;
}
#related-slider .related-block:first-child {
  margin-left: 0;
}

/* CTA widget */
#cta-widget {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  padding: 3.75rem 1.875rem;
}
#cta-widget ul {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  flex-wrap: wrap;
  margin: 3.75rem -0.9375rem 0;
}
#cta-widget ul li {
  width: 100%;
  max-width: 33.333%;
  padding: 0 0.9375rem;
  margin: 0 0 1.875rem 0;
}
#cta-widget ul li .no-link, #cta-widget ul li a {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
#cta-widget ul li .no-link .cta-image, #cta-widget ul li a .cta-image {
  height: 100%;
  min-height: 250px;
  width: 100%;
  display: inline-flex;
}
#cta-widget ul li .no-link .cta-detail, #cta-widget ul li a .cta-detail {
  width: 100%;
  height: 100%;
  padding: 1.875rem 1.875rem 5.75rem;
  display: inline-flex;
  flex-direction: column;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  color: #fff;
  flex-wrap: nowrap;
  position: relative;
}
#cta-widget ul li .no-link .cta-detail .cta-title, #cta-widget ul li a .cta-detail .cta-title {
  width: 100%;
  font-weight: bold;
  margin: 0 0 0.9375rem 0;
  font-size: clamp(16px, 4vw, 20px);
}
#cta-widget ul li .no-link .cta-detail .cta-text, #cta-widget ul li a .cta-detail .cta-text {
  width: 100%;
  line-height: 1.4em;
}
#cta-widget ul li .no-link .cta-detail .cta-button, #cta-widget ul li a .cta-detail .cta-button {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #fff;
  background: none;
  border: 1px solid #fff;
  transition: all ease-out 0.4s;
  margin-top: 0.9375rem;
  flex-direction: row;
  position: absolute;
  width: calc(100% - 3.75rem);
  bottom: 1.875rem;
}
#cta-widget ul li .no-link .cta-detail .cta-button::before, #cta-widget ul li a .cta-detail .cta-button::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #fff;
  transition: all ease-out 0.4s;
}
#cta-widget ul li .no-link .cta-detail .cta-button:hover, #cta-widget ul li a .cta-detail .cta-button:hover {
  color: #0A2443;
  background: #fff;
}
#cta-widget ul li .no-link .cta-detail .cta-button:hover::before, #cta-widget ul li a .cta-detail .cta-button:hover::before {
  width: 100%;
}
#cta-widget ul li .no-link:hover .cta-button, #cta-widget ul li a:hover .cta-button {
  color: #0A2443;
}
#cta-widget ul li .no-link:hover .cta-button::before, #cta-widget ul li a:hover .cta-button::before {
  width: 100%;
}
#cta-widget ul li.full-width {
  max-width: 100%;
  padding: 0 0.9375rem;
}
#cta-widget ul li.full-width a {
  flex-direction: row;
}
#cta-widget ul li.full-width a .cta-image {
  max-width: 350px;
  border-bottom-left-radius: 15px;
}
#cta-widget ul li.full-width a .cta-detail {
  display: grid;
  border-bottom-left-radius: 0px;
}
#cta-widget ul li.full-width a .cta-detail .cta-button {
  width: auto;
  justify-self: flex-end;
  right: 1.875rem;
}

/* upsell widget */
#upsell-widget {
  width: 100%;
  height: auto;
  position: relative;
}
#upsell-widget .upsell-close {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: absolute;
  top: 1.875rem;
  right: 1.875rem;
  width: 50px;
  height: 50px;
  z-index: 99999;
  color: #fff;
  font-size: 26px;
  border-radius: 100%;
  transition: all ease-out 0.4s;
  background: #3A577F;
}
#upsell-widget .upsell-close:hover {
  transform: rotate(90deg);
  cursor: pointer;
  background: #F38749;
}
#upsell-widget .upsell-info {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  width: 100%;
  padding: 3.75rem;
  min-height: 350px;
  border-top: 5px solid #F38749;
  background: #0A2443;
}
#upsell-widget .upsell-info .upsell-text {
  width: 35%;
  color: #fff;
}
#upsell-widget .upsell-info .upsell-text h3, #upsell-widget .upsell-info .upsell-text p {
  color: #fff;
}
#upsell-widget .upsell-info .upsell-text h3 span {
  font-weight: normal;
  color: #F38749;
}
#upsell-widget .upsell-info .upsell-wrap {
  width: 30%;
  margin: 0 0 0 1.875rem;
}
#upsell-widget .upsell-info .upsell-wrap .upsell-block {
  width: 100%;
  padding: 1.875rem;
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  margin: 0 0 1.875rem 0;
  color: #fff;
  border: 2px solid #fff;
}
#upsell-widget .upsell-info .upsell-wrap .upsell-block p {
  font-weight: bold;
  text-align: center;
  padding: 0;
}
#upsell-widget .upsell-info .upsell-wrap .upsell-block form {
  display: inline-flex;
  flex-wrap: wrap;
}
#upsell-widget .upsell-info .upsell-wrap .upsell-block form div {
  position: relative;
  width: 100%;
}
#upsell-widget .upsell-info .upsell-wrap .upsell-block form input {
  padding: 5px;
  width: 100%;
  margin: 0 0 1.875rem 0;
  border: 0;
  height: 50px;
  border-radius: 10px;
}
#upsell-widget .upsell-info .upsell-wrap .upsell-block form label {
  margin: 0 0 5px 0;
  display: inline-flex;
}
#upsell-widget .upsell-info .upsell-wrap .upsell-block form a {
  position: absolute;
  color: #fff !important;
  left: 0;
  bottom: -5px;
  width: 100%;
}
#upsell-widget .upsell-info .upsell-wrap .upsell-block form .form-submit {
  display: inline-flex;
  width: 100%;
  justify-content: flex-end;
}
#upsell-widget .upsell-info .upsell-wrap .upsell-block form input[type=submit] {
  padding: 0.9375rem 3.75rem;
  border-radius: 10px;
  width: auto;
  margin: 0;
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #fff;
  background: #F38749;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
}
#upsell-widget .upsell-info .upsell-wrap .upsell-block form input[type=submit]:hover {
  cursor: pointer;
  background: #F38749 !important;
}
#upsell-widget .upsell-info .upsell-wrap .upsell-block h6 {
  margin: 0;
  width: 100%;
  text-align: center;
  font-size: clamp(16px, 4vw, 20px);
}
#upsell-widget .upsell-info .upsell-wrap.single .upsell-block {
  height: 100%;
}
#upsell-widget .upsell-info .upsell-wrap.single .upsell-block .um-login {
  padding: 0 1.875rem;
}
#upsell-widget .upsell-info .upsell-wrap.double {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
}
#upsell-widget .upsell-info .upsell-wrap.double .upsell-block {
  height: 50%;
}
#upsell-widget .upsell-info .upsell-wrap.double .upsell-block a {
  padding: 0.9375rem 1.875rem;
  border-radius: 10px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  color: #0A2443;
  background: #fff;
  border: 1px solid #0A2443;
  transition: all ease-out 0.4s;
  width: auto;
}
#upsell-widget .upsell-info .upsell-wrap.double .upsell-block a::before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  background: #F38749;
  transition: all ease-out 0.4s;
}
#upsell-widget .upsell-info .upsell-wrap.double .upsell-block a:hover {
  color: #fff;
}
#upsell-widget .upsell-info .upsell-wrap.double .upsell-block a:hover::before {
  width: 100%;
}
#upsell-widget .upsell-info .upsell-wrap.double .upsell-block:last-child {
  margin: 0;
}
#upsell-widget .upsell-info.upsell .upsell-wrap.double {
  width: 56%;
  height: 100%;
}
#upsell-widget .upsell-info.upsell .upsell-wrap.double .upsell-block {
  height: 100%;
}

/* 1700 for side ads */
@media only screen and (max-width: 98.263em) {
  .skyscraper {
    display: none;
  }
  .body-container .body-content.advert {
    max-width: 100%;
    width: 100%;
  }
}
/* 1440 */
@media only screen and (max-width: 90.063em) {
  #homepage-news .big-story {
    max-width: 50%;
  }
  #homepage-news #news-list {
    min-width: 50%;
  }
  body .sectionInner .um-account .um-account-main {
    margin: 0 0 0 1.875rem;
    max-width: calc(100% - 350px);
  }
}
/* 1320  for top advert */
@media only screen and (max-width: 82.563em) {
  .full-advert {
    height: auto;
  }
  .full-advert.head-advert {
    height: auto;
  }
}
/* 1280 */
@media only screen and (max-width: 80.063em) {
  #upsell-widget .upsell-info {
    padding: 1.8775rem;
  }
  #upsell-widget .upsell-info .sectionInner {
    flex-wrap: wrap;
  }
  #upsell-widget .upsell-info.upsell .upsell-wrap.double {
    width: 100%;
    height: auto;
    margin: 0;
  }
  #upsell-widget .upsell-info .upsell-text {
    width: 100%;
  }
  #upsell-widget .upsell-info .upsell-wrap {
    width: 100%;
    margin: 0 0 1.875rem 0;
  }
  .width {
    max-width: 100%;
  }
  .gated-info .sectionInner {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #gated .gated-close {
    width: 40px;
    height: 40px;
  }
  #gated {
    height: 100%;
    position: absolute;
    width: 100%;
  }
  #gated .gated-info {
    position: absolute;
    bottom: initial;
    top: 0;
  }
  #gated .gated-info .gated-text h3 {
    font-size: 22px;
  }
  #gated .gated-info .gated-text p {
    font-size: 18px;
  }
  #gated .gated-info .gated-text {
    width: 100%;
  }
  #gated .gated-info .gated-wrap.single {
    width: 48%;
    margin: 0;
  }
  #gated .gated-info .gated-wrap.single .gated-block .um-login {
    padding: 0 1.875rem;
    margin: 10px 0 0 0 !important;
  }
  #gated .gated-info .gated-wrap.single .gated-block h6 {
    margin: 0;
  }
  #gated .gated-info .gated-wrap.double {
    width: 48%;
    align-items: baseline;
    margin: 0;
  }
  #gated .gated-info .gated-wrap.double .gated-block {
    width: 100%;
  }
  .news-block .news-info {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .news-block .news-info .date {
    width: 100%;
    margin: 0 0 5px 0;
  }
  .news-block .news-info .auth {
    margin: 0;
  }
  .main {
    max-width: 62%;
  }
  #side-bar {
    max-width: 38%;
  }
  #jobs-listing .sectionInner #job-search .job-search-inner {
    flex-wrap: wrap;
  }
  #jobs-listing .sectionInner #job-search .job-search-inner div:first-child {
    width: 100%;
  }
  #jobs-listing .sectionInner #job-search .job-search-inner div {
    width: 50%;
    margin: 0 0 0.9375rem 0;
  }
  body #user-man .sectionInner {
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
  }
  body #user-man .sectionInner .user-block {
    max-width: 800px;
    height: auto;
  }
  body #user-man .sectionInner .user-block .um {
    width: 100%;
    max-width: 100% !important;
  }
}
/* 1024 */
@media only screen and (max-width: 64em) {
  #homepage-news .big-story .news-block .text {
    font-size: 18px;
  }
  #homepage-news .big-story .news-block .image {
    height: 400px;
  }
  #account-article #article-slide .article-block ul,
  #account-comments #comment-slide .comment-block ul {
    grid-template-columns: 1fr;
  }
  #header-top ul {
    width: auto;
  }
  #header-top ul li a span {
    display: none;
  }
  #header-top,
  #header-middle {
    z-index: 22;
    padding: 0.9375rem 1.875rem;
  }
  #header-bottom {
    padding: 0;
    position: relative;
    z-index: 20;
  }
  #header-bottom .sectionInner {
    position: relative;
    align-items: center;
  }
  #header-bottom .sectionInner #nav-toggle {
    display: inline-flex;
  }
  #header-bottom .sectionInner #main-nav {
    position: absolute;
    top: -100vh;
    padding: 1.875rem;
    opacity: 0;
    flex-wrap: wrap;
    justify-content: center;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
    transition: all ease-out 0.4s;
    background: #0A2443;
  }
  #header-bottom .sectionInner #main-nav #primary-menu {
    flex-wrap: wrap;
    height: auto;
    margin: 0 0 1.875rem 0;
  }
  #header-bottom .sectionInner #main-nav #primary-menu li {
    margin: 0;
    height: auto;
    width: 100%;
    margin: 0.9375rem;
    flex-wrap: wrap;
  }
  #header-bottom .sectionInner #main-nav #primary-menu li .menu-item-wrap {
    height: 100%;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  #header-bottom .sectionInner #main-nav #primary-menu li .menu-item-wrap a::before {
    display: none;
  }
  #header-bottom .sectionInner #main-nav #primary-menu li.menu-item-has-children .sub-menu-block {
    width: auto;
    position: relative;
  }
  #header-bottom .sectionInner #main-nav #primary-menu li.menu-item-has-children a {
    padding: 0 1.875rem;
    align-items: center;
  }
  #header-bottom .sectionInner #main-nav #primary-menu li.menu-item-has-children .mob-menu-expand {
    display: inline-flex;
    position: absolute;
    right: 0;
    padding-left: 0.9375rem;
  }
  #header-bottom .sectionInner #main-nav #primary-menu li.menu-item-has-children .mob-menu-expand span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 20px;
    height: 20px;
  }
  #header-bottom .sectionInner #main-nav #primary-menu li.menu-item-has-children .mob-menu-expand span::before, #header-bottom .sectionInner #main-nav #primary-menu li.menu-item-has-children .mob-menu-expand span::after {
    content: "";
    position: absolute;
    background: #F38749;
  }
  #header-bottom .sectionInner #main-nav #primary-menu li.menu-item-has-children .mob-menu-expand span::before {
    width: 10px;
    height: 2px;
  }
  #header-bottom .sectionInner #main-nav #primary-menu li.menu-item-has-children .mob-menu-expand span::after {
    height: 10px;
    width: 2px;
    opacity: 1;
    transition: all ease-out 0.3s;
  }
  #header-bottom .sectionInner #main-nav #primary-menu li.menu-item-has-children .mob-menu-expand span.contract::after {
    opacity: 0;
  }
  #header-bottom .sectionInner #main-nav .menu-top-nav-container ul li.menu-item-has-children .sub-menu {
    position: relative;
    display: inline-flex;
    height: 0;
    overflow: hidden;
    padding: 0;
    width: auto;
    opacity: 0;
    border: 0;
    background: none;
    box-shadow: none;
    transition: all ease-out 0.4s;
  }
  #header-bottom .sectionInner #main-nav .menu-top-nav-container ul li.menu-item-has-children .sub-menu li {
    margin: 0 !important;
    padding: 0;
    border: 0;
    justify-content: center;
  }
  #header-bottom .sectionInner #main-nav .menu-top-nav-container ul li.menu-item-has-children .sub-menu li a {
    margin: 8px 0;
    color: #fff;
  }
  #header-bottom .sectionInner #main-nav .menu-top-nav-container ul li.menu-item-has-children .sub-menu li a::after {
    display: none !important;
  }
  #header-bottom .sectionInner #main-nav .menu-top-nav-container ul li.menu-item-has-children .sub-menu li a::before {
    display: none;
  }
  #header-bottom .sectionInner #main-nav .menu-top-nav-container ul li.menu-item-has-children .sub-menu::after {
    display: none;
  }
  #header-bottom .sectionInner #main-nav .menu-top-nav-container ul li.menu-item-has-children .sub-menu.open {
    height: auto;
    padding: 0.9375rem 0 0 0;
    opacity: 1;
  }
  #header-bottom .sectionInner #main-nav.open {
    top: 100%;
    opacity: 1;
    z-index: 10;
  }
  .social {
    display: none;
  }
  .mobile-social {
    display: inline-flex;
  }
  .mobile-social ul li {
    margin: 0 5px;
  }
  .header-ad {
    display: none;
  }
  .top-nav {
    max-width: 100%;
  }
  .logo {
    max-width: 300px;
    padding: 0.9375rem;
  }
  #header-middle .logo {
    display: none;
  }
  #header-bottom .logo {
    display: inline-flex;
  }
  .search-wrapper .search-inner {
    flex-wrap: wrap;
    padding-top: 4.75rem;
  }
  .search-wrapper .search-inner .search-links {
    border: 0;
    margin: 0;
    order: 2;
    width: 100%;
    max-width: 100%;
  }
  .search-wrapper .search-inner .search-links .menu-top-nav-container {
    width: 100%;
  }
  .search-wrapper .search-inner .search-links .menu-top-nav-container ul {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .search-wrapper .search-inner .search-links .menu-top-nav-container ul li {
    margin: 0 0.9375rem 0 0;
  }
  .search-wrapper .search-inner .search-form {
    margin: 0 0 1.875rem 0;
  }
  #article-library .sectionInner #article-search-results {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  #article-library .sectionInner #article-search-results #mobile-filter {
    display: inline-flex;
    transition: all ease-out 0.4s;
  }
  #article-library .sectionInner #article-search-results #mobile-filter svg {
    margin: 0 0.9375rem 0 0;
  }
  #article-library .sectionInner #article-search-results #mobile-filter:hover {
    cursor: pointer;
    color: #fff;
    background: #0A2443;
  }
  #article-library .sectionInner #article-search-results .article-results {
    margin: 0;
  }
  #article-library .sectionInner #article-search-results .article-filter {
    max-width: 100%;
    position: fixed;
    top: 0;
    background: #fff;
    width: 100%;
    height: 100vh;
    z-index: 999;
    left: 100%;
    padding: 3.75rem 1.875rem 1.875rem;
    overflow-y: auto;
    box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.2);
    transition: all ease-out 0.4s;
  }
  #article-library .sectionInner #article-search-results .article-filter .filter-submit {
    display: inline-flex;
    width: 100%;
    margin: 1.875rem 0 0 0;
    justify-content: flex-end;
  }
  #article-library .sectionInner #article-search-results .article-filter .filter-loop input[type=submit] {
    display: inline-flex;
  }
  #article-library .sectionInner #article-search-results .article-filter #filter-close {
    display: inline-flex;
    position: absolute;
    right: 1.875rem;
  }
  #article-library .sectionInner #article-search-results .article-filter #filter-close svg {
    font-size: 20px;
    padding: 10px;
    border-radius: 100%;
    width: 15px;
    height: 15px;
    color: #fff;
    background: #F38749;
    transition: all ease-out 0.4s;
  }
  #article-library .sectionInner #article-search-results .article-filter #filter-close:hover {
    cursor: pointer;
  }
  #article-library .sectionInner #article-search-results .article-filter #filter-close:hover svg {
    transform: rotate(90deg);
  }
  #article-library .sectionInner #article-search-results .article-filter.open {
    left: 0;
  }
  #article-library .sectionInner #article-search-results .search-head {
    padding: 0.9375rem 0;
    margin: 0;
  }
  #homepage-news .big-story {
    max-width: 100%;
    margin: 0 0 1.875rem 0;
  }
  #homepage-news #news-list {
    max-width: 100%;
    width: 100%;
    min-width: auto;
    padding: 0;
    height: auto;
  }
  #homepage-news #news-list ul {
    margin: 0;
  }
  #coffee-break-widget ul {
    display: inline-flex;
  }
  #article .sectionInner {
    flex-wrap: wrap;
  }
  #analy,
  #tech,
  #side-bar,
  .main {
    max-width: 100%;
    margin: 0 0 1.875rem 0;
    padding: 0;
  }
  #homepage .sectionInner #side-bar {
    max-width: 100%;
  }
  #footer .sectionInner .footer-top .footer-block {
    flex-wrap: wrap;
    justify-content: center;
  }
  #footer .sectionInner .footer-top .footer-nav #primary-menu {
    justify-content: center;
    margin: 1.875rem 0;
  }
  #footer .sectionInner .footer-top .footer-buttons ul {
    justify-content: center;
  }
  #footer .sectionInner .footer-top .footer-social {
    justify-content: center;
  }
  #newsletter .sectionInner form .sub-block {
    flex-wrap: wrap;
  }
  #newsletter .sectionInner form .sub-block div {
    display: inline-flex;
    margin: 0 0 1.875rem 0;
    justify-content: flex-end;
  }
  #newsletter .sectionInner form .sub-block div input {
    margin: 0 0 0.9375rem 0;
  }
  #newsletter .sectionInner form .sub-block div:last-child {
    width: 100%;
  }
  #newsletter .sectionInner form .sub-block div:last-child input {
    width: auto;
  }
  #newsletter .sectionInner p {
    text-align: left;
  }
  #newsletter .sectionInner form .check-block {
    margin: 0;
    flex-wrap: wrap;
    justify-content: center;
  }
  #newsletter .sectionInner form .check-block div {
    height: auto;
    justify-content: center;
    margin: 0 1.875rem 0.9375rem 0;
  }
  #newsletter .sectionInner form .check-block div:first-child {
    width: 100%;
    margin: 0 0 0.9375rem 0;
  }
  #video-widget {
    flex-wrap: wrap;
  }
  #video-widget .video-block, #video-widget .video-details {
    max-width: 100%;
    padding: 0;
  }
  body #user-man {
    padding: 3.75rem 0;
  }
  body #user-man .sectionInner .user-block {
    margin: 0 0 0.9375rem 0;
    padding: 0;
  }
  body #user-man .sectionInner .user-block h4 {
    border-radius: 15px;
  }
  body #user-man .sectionInner .user-block .user-block-wrap {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
  }
  body #user-man .sectionInner .user-block.open h4 {
    border-radius: 15px 15px 0 0;
  }
  body #user-man .sectionInner .user-block.open div {
    height: auto;
    overflow: visible;
  }
  #upsell-widget .upsell-info .upsell-text,
  #upsell-widget .upsell-info.upsell .upsell-wrap.double {
    width: 100%;
  }
  #cta-widget ul li {
    max-width: 50%;
  }
}
/* 860 */
@media only screen and (max-width: 54.763em) {
  body .sectionInner .um-account .um-account-side {
    width: auto;
  }
  body .sectionInner .um-account .um-form form {
    flex-wrap: nowrap;
  }
  body .sectionInner .um-account .um-account-main {
    max-width: 100%;
  }
  #gated .gated-info {
    position: relative;
  }
  #gated .gated-info .gated-wrap.double {
    width: 100%;
    margin: 0 0 1.875rem 0;
  }
  #gated .gated-info .gated-wrap.single {
    width: 100%;
  }
  #gated .gated-info .gated-wrap.single .gated-block .um-login {
    padding: 0;
  }
  #gated .gated-info {
    padding: 3.75rem 1.875rem 1.875rem;
  }
  #event-detail .sectionInner .event-top-block .event-image .event-info ul li {
    font-size: 14px;
  }
}
/* 760 */
@media only screen and (max-width: 48.763em) {
  .logout-wrap {
    background: #0A2443;
  }
  .logout-wrap a {
    font-size: 14px;
  }
  #article {
    padding: 0;
  }
  #article .article-info {
    flex-wrap: wrap;
  }
  #article .article-info .comments-btn {
    width: 100%;
    margin-top: 10px;
  }
  #jobs-listing .sectionInner #job-list ul li a {
    flex-wrap: wrap;
  }
  #jobs-listing .sectionInner #job-list ul li a .image-block {
    max-width: 100%;
    margin: 0 0 1.875rem 0;
  }
  #jobs-listing .sectionInner #job-list ul li a .image-block img {
    width: 150px;
  }
  #jobs .job-header h1 {
    font-size: 22px;
  }
  #jobs .job-header .header-top img {
    max-width: 80px;
  }
  #jobs .job-header ul {
    padding: 1.875rem;
  }
  #jobs .job-header ul li {
    width: 100%;
  }
  .pagi-buttons {
    width: 100%;
    display: inline-flex;
    order: 2;
  }
  #pagination .pagi-inner {
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
  }
  #pagination .pagi-inner a {
    margin-bottom: 10px;
  }
  #pagination .pagi-inner a.pagi-next,
  #pagination .pagi-inner a.pagi-prev {
    margin: 0 5px 0.9375rem;
    width: 100%;
    max-width: 50%;
    justify-content: center;
  }
  #author .sectionInner .author-block .image {
    width: 50px;
    height: 50px;
  }
  #wizard-box .wizard-nav span {
    font-size: 10px;
  }
  #wizard-box .wizard-content .wizard-step {
    padding: 1.875rem;
  }
  #wizard-box .wizard-content .wizard-step .details div {
    max-width: 100%;
  }
  #wizard-box .wizard-content .wizard-step input[type=text], #wizard-box .wizard-content .wizard-step input[type=email], #wizard-box .wizard-content .wizard-step input[type=password] {
    height: 40px;
  }
  #wizard-box .wizard-content .wizard-step .radio-block {
    flex-wrap: wrap;
  }
  #wizard-box .wizard-content .wizard-step .radio-block .radio-inner {
    margin: 0 0.9375rem 1.875rem;
  }
  #wizard-box .wizard-content .wizard-step .radio-block .radio-inner h5 {
    font-size: 16px;
  }
  #wizard-box .wizard-content .wizard-step .radio-block .radio-inner p {
    text-align: left;
  }
  .search-wrapper {
    padding: 1.875rem;
  }
  .search-wrapper .search-close {
    right: 1.875rem;
  }
  .search-wrapper .search-inner .search-form a {
    margin: 0 0.9375rem 0.9375rem 0;
  }
  .search-wrapper form input[type=submit] {
    padding: 8px 0.9375rem;
  }
  .search-wrapper form label {
    font-size: 18px;
    width: calc(100% - 95px);
  }
  .search-wrapper form label input {
    font-size: 18px !important;
  }
  .search-wrapper form label::after {
    font-size: 18px;
  }
  #article .article-head {
    flex-wrap: wrap;
  }
  #article .article-head .share-block {
    margin: 0 0 10px 0;
  }
  #article .article-head .share-options {
    margin: 0;
  }
  #article .article-head .mast {
    width: 100%;
  }
  #event-detail .sectionInner .event-top-block {
    flex-direction: column;
  }
  #event-detail .sectionInner .event-top-block .event-map {
    width: 100%;
    order: 1;
    min-height: 350px;
    border-bottom-right-radius: 0;
  }
  #event-detail .sectionInner .event-top-block .event-image {
    width: 100%;
    order: 2;
    min-height: 350px;
    border-bottom-right-radius: 15px;
  }
  #event-detail .sectionInner .event-content ul li {
    flex-wrap: wrap;
  }
  #event-detail .sectionInner .event-content ul li.right .detail-image, #event-detail .sectionInner .event-content ul li.left .detail-image {
    margin: 0;
    max-width: 100%;
    min-height: 350px;
    order: 2;
  }
  #pagination {
    justify-content: center;
  }
  #stories-widget {
    padding: 1.875rem;
  }
  #stories-widget .sectionInner {
    flex-wrap: wrap;
  }
  #stories-widget .sectionInner .stories-block .more {
    margin: 1.875rem 0 0 0;
    position: relative;
    bottom: 0;
  }
  #coffee-break-widget {
    padding: 1.875rem;
  }
  #video-widget {
    padding: 1.875rem;
  }
  #event-widget {
    padding: 1.875rem;
  }
  #event-widget .ew-content {
    width: 100%;
    padding: 0;
  }
  #event-widget .ew-content ul li {
    max-width: 100%;
  }
  #event-widget .ew-content ul li svg {
    margin-left: 0;
  }
  #event-widget .ew-image {
    width: 100%;
  }
  #footer .sectionInner .footer-top .footer-buttons ul {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #footer .sectionInner .footer-top .footer-buttons ul li {
    width: 46%;
    margin: 0 0 0.9375rem 0 !important;
  }
  #footer .sectionInner .footer-top .footer-nav #primary-menu {
    justify-content: space-between;
  }
  #footer .sectionInner .footer-top .footer-nav #primary-menu li:first-child {
    margin-left: 0;
  }
  #stories-widget {
    flex-wrap: wrap;
  }
  #stories-widget .stories-block {
    padding: 0;
    margin: 0 0 1.875rem 0;
  }
  #stories-widget .stories-block ul {
    margin: 0;
  }
  #stories-widget .stories-block ul li {
    width: 100%;
  }
  #stories-widget .stories-block .more {
    margin: 0;
  }
  #stories-widget .stories-block::after {
    display: none;
  }
  #related-slider .slick-list {
    padding-left: 0.9375rem;
  }
  #gated-blur {
    height: 100% !important;
  }
}
/* 640 */
@media only screen and (max-width: 40.063em) {
  body #user-man .sectionInner .user-block {
    padding: 0;
  }
  body #user-man .sectionInner .user-block .user-block-wrap div {
    width: 100%;
  }
  form .sub-block div input {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #cta-widget ul {
    margin-top: 1.875rem;
  }
  #cta-widget ul li {
    width: 100%;
    max-width: 100%;
  }
  #cta-widget ul li.full-width {
    max-width: 100%;
  }
  #cta-widget ul li.full-width a {
    flex-direction: column;
  }
  #cta-widget ul li.full-width a .cta-image {
    max-width: 100%;
    border-bottom-left-radius: 0px;
  }
  #cta-widget ul li.full-width a .cta-detail {
    display: inline-flex;
    border-bottom-left-radius: 15px;
  }
  #cta-widget ul li.full-width a .cta-detail .cta-button {
    width: calc(100% - 3.75rem);
    right: 1.875rem;
  }
  #wizard-box .wizard-buttons {
    flex-wrap: wrap;
    justify-content: center;
    padding: 1.875rem;
  }
  #wizard-box .wizard-buttons button {
    width: calc(50% - 20px);
  }
  #wizard-box .wizard-buttons button.finish {
    margin-top: 10px;
    width: 100%;
  }
  #wizard-box .wizard-content .wizard-step {
    padding: calc(1.875rem + 10px);
  }
  #wizard-box .fullForm {
    font-size: 14px;
  }
  #wizard-box .wizard-content .wizard-step p {
    text-align: left;
  }
  #wizard-box .fullForm input[type=checkbox] {
    margin: 0 5px 0 0;
    width: 100%;
    max-width: 20px;
  }
  #wizard-box .wizard-content .wizard-step .radio-block input[type=radio] {
    margin: 0;
  }
  #wizard-box .wizard-content .wizard-step .radio-block .radio-inner {
    padding: 0.9375rem;
  }
  #wizard-box .promo-box .promotion_code_hidden {
    flex-wrap: wrap;
  }
  #wizard-box .promo-box .promotion_code_hidden input[type=button] {
    margin: 0.9375rem 0 0 0;
    width: 100%;
  }
  #wizard-box .wizard-content .wizard-step .email-error a {
    margin: 5px;
  }
  #event-detail .sectionInner .event-top-block .event-image .event-info {
    border-radius: 0;
  }
  #event-detail .sectionInner .event-top-block .event-map {
    min-height: 250px;
  }
  .filter-loop input[type=submit] {
    width: 100%;
  }
  .share-options ul {
    right: initial;
    lefT: 0;
  }
  .share-options ul.open {
    top: 110%;
  }
  #header-top, #header-middle {
    padding: 0.9375rem;
  }
  #header-top ul li {
    margin-right: 10px;
  }
  #profile {
    padding-right: 5rem;
  }
  .slide-controls div {
    width: 25px;
    height: 25px;
  }
  .top-nav {
    justify-content: center;
  }
  #related-slider .slick-list {
    padding-left: 0;
  }
  #related-slider .slick-list .related-block {
    margin: 0;
  }
  #article-library {
    padding: 0;
  }
  #article-library .sectionInner #article-search .article-search-inner {
    flex-wrap: wrap;
  }
  #article-library .sectionInner #article-search .article-search-inner div {
    width: 100%;
    margin: 0 0 5px 0;
  }
  #article-library .sectionInner #article-search .article-search-inner div input[type=submit] {
    margin: 0;
    width: 100%;
  }
  #article-library .sectionInner #article-search .article-search-inner div:first-child {
    width: 100%;
  }
  #article-library .sectionInner #article-search-results {
    padding: 0 1.875rem;
  }
  #article-library .sectionInner #article-search-results .search-head {
    margin: 0 0 0.9375rem 0;
  }
  body .sectionInner .um-account .um-form form {
    flex-wrap: wrap;
  }
  body .sectionInner .um-account .um-account-side {
    width: 100%;
    max-width: 100%;
    display: none;
  }
  body .sectionInner .um-account .um-account-main {
    margin: 0;
    width: 100%;
    padding: 0.9375rem;
  }
  body .sectionInner .um-account .um-account-main a {
    color: #fff !important;
  }
  body .sectionInner .um-account .um-account-main a span {
    color: #fff;
  }
  body .um-page-account #standard {
    padding: 0;
  }
  body .um-account-tab .mast h4 {
    font-size: 16px;
    margin: 0.9375rem;
  }
  #profile,
  #account-comments {
    padding-top: 1.875rem;
    margin: 1.875rem 0 0 0;
  }
  #account-comments #comment-slide,
  #account-article {
    margin-top: 1.875rem;
  }
  #subs {
    margin-top: 1.875rem;
  }
  #subs ul {
    width: 640px;
  }
  .sectionInner h1 {
    width: 100%;
    font-size: 26px;
    margin: 0.9375rem 0;
  }
  .sectionInner .mast h1 {
    font-size: clamp(16px, 3.5vw, 18px);
  }
  #searchresults .sectionInner ul li a {
    flex-wrap: wrap;
  }
  #searchresults .sectionInner ul li a .search-image {
    max-width: 100%;
    margin: 0 0 1.875rem 0;
  }
  #searchresults .sectionInner ul li a .search-content {
    margin: 0;
  }
  #searchresults .sectionInner ul li a .search-content .search-text {
    margin: 0 0 1.875rem 0;
  }
  #searchresults .sectionInner ul li a .search-content .search-title {
    font-size: 26px;
  }
  #header-top .sectionInner {
    justify-content: center;
    flex-wrap: wrap;
  }
  #header-top .sectionInner ul {
    width: 100%;
    justify-content: center;
    margin: 0 0 5px 0;
  }
  #header-top .sectionInner ul li a {
    font-size: 12px;
  }
  #header-top .sectionInner ul li a span {
    display: inline-flex;
  }
  #jobs-listing .sectionInner #job-search .job-search-inner div {
    width: 100%;
  }
  #footer .sectionInner .footer-top .footer-buttons ul li {
    width: 100%;
  }
  #footer .sectionInner .footer-top .footer-social {
    max-width: 200px;
  }
  #footer .sectionInner .footer-top .footer-nav #primary-menu {
    margin-bottom: 0;
    flex-wrap: wrap;
    justify-content: center;
  }
  #footer .sectionInner .footer-top .footer-nav #primary-menu li {
    width: 100%;
    justify-content: center;
    text-align: center;
    margin: 0 0 0.9375rem 0;
  }
  #footer .sectionInner .footer-top .footer-nav #primary-menu li:after {
    display: none;
  }
  #newsletter .sectionInner form .check-block div {
    justify-content: flex-start;
    width: 100%;
  }
  #newsletter .sectionInner form .sub-block div:last-child input {
    width: 100%;
    justify-content: center;
  }
  #article-library .sectionInner #article-search {
    padding: 1.875rem;
  }
  #article-library .sectionInner #article-search-results {
    margin-top: 0.9375rem;
  }
  #article-library .sectionInner #article-search .article-search-inner div {
    width: 50%;
  }
  #article-library .sectionInner #article-search .article-search-inner div input[type=button],
  #article-library .sectionInner #article-search .article-search-inner div input[type=submit] {
    width: 100%;
    margin: 0;
  }
  #video-page .sectionInner #video-embed {
    border: 0;
    padding: 0;
  }
  #banner .sectionInner a .banner-icon svg,
  #banner .sectionInner span .banner-icon svg {
    font-size: 30px;
  }
  #banner .sectionInner a .banner-content .title,
  #banner .sectionInner span .banner-content .title {
    font-size: 22px;
  }
  #banner .sectionInner a .banner-content p,
  #banner .sectionInner span .banner-content p {
    font-size: 16px;
  }
  #subs ul {
    margin: 0 0 0.9375rem 0;
  }
  #subs ul li {
    font-size: 14px;
    line-height: 1.2em;
    padding: 6px;
  }
  #subs ul.block-head {
    margin: 0.9375rem 0 0 0;
  }
  #subs ul.block-head li {
    font-size: 14px;
    line-height: 1.2em;
    padding: 6px;
  }
  #subs button {
    margin: 5px 0;
  }
}
/* 500 */
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

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

.post,
.page {
  margin: 0;
}

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

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

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

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

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

/*--------------------------------------------------------------


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

/*# sourceMappingURL=style.css.map */