/*
	Theme Name:			Onyx Graphics
	Theme URI:			http://tinyfrog.com/
	Description:		A mobile responsive and HTML5 theme built for the Genesis Framework.
	Author: 			Tinyfrog Technologies
	Author URI:			http://tinyfrog.com/
	Version:			5.3
	Template: 			genesis
	Template Version:	3.4.0
	License:			GPL-2.0+
*/

/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
---------------------------------------------------------------------------- */
/* stylelint-disable */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}/* stylelint-enable */


/* Box Sizing
--------------------------------------------- */

html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

/* Float Clearing
--------------------------------------------- */

.author-box::before,
.clearfix::before,
.entry::before,
.entry-content::before,
.footer-widgets::before,
.nav-primary::before,
.nav-secondary::before,
.pagination::before,
.site-container::before,
.site-footer::before,
.site-header::before,
.site-inner::before,
.widget::before,
.wrap::before {
	content: " ";
	display: table;
}

.author-box::after,
.clearfix::after,
.entry::after,
.entry-content::after,
.footer-widgets::after,
.nav-primary::after,
.nav-secondary::after,
.pagination::after,
.site-container::after,
.site-footer::after,
.site-header::after,
.site-inner::after,
.widget::after,
.wrap::after {
	clear: both;
	content: " ";
	display: table;
}

/*
Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

:root {
	--black: #000000;
	--white: #FFFFFF;
	--navy: #141933;
	--dark-navy: #0D1131;
	--blue: #003087;
	--gray: #F3F7FA;
	--light-gray:#BBCBDC;
}

html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

body {
	color: var(--navy);
	font-family: "DM Sans", sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 2;
}

::-moz-selection {
	background-color: var(--black);
	color: var(--white);
}

::selection {
	background-color: var(--black);
	color: var(--white);
}

button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
	transition: all 0.3s ease-in-out;
}

a {
	color: var(--blue);
	text-decoration: none;
	transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

a:focus,
a:hover {
	color: var(--black);
	text-decoration: none;
}

.link {
	color: var(--black);
	font-size: 15px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 2.25px;
	text-transform: uppercase;
	display: inline-block;
	padding-right: 45px;
	padding-top: 3px;
	position: relative;
}

.link:after {
	content: '+';
	display: inline-block;
	width: 33px;
	height: 33px;
	background: var(--blue);
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
}

p {
	margin: 0;
	padding: 0;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

hr {
	border: 0;
	border-collapse: collapse;
	border-bottom: 1px solid currentColor;
	clear: both;
	color: var(--gray);
	margin: 1.65em auto;
}

b,
strong {
	font-weight: 700;
}

blockquote,
cite,
em,
i {
	font-style: italic;
}

mark {
	background: var(--gray);
	color: var(--black);
}

blockquote {
	margin: 30px;
}

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--navy);
	font-family: "DM Sans", sans-serif;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 15px;
}

h1 {
	font-size: 60px;
	font-weight: 800;
}

h2 {
	font-size: 45px;
}

h3 {
	font-size: 35px;
}

h4 {
	font-size: 25px;
}
.key-features h4 {
	font-weight:400;
	margin-bottom:15px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 16px;
	color:var(--blue);
	font-weight: 800;
	letter-spacing: 3.2px;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
	vertical-align: top;
}

figure {
	margin: 0;
}

/* Forms
--------------------------------------------- */

input, 
select, 
textarea, 
#page-container .gfield input, 
#page-container .gfield select,
#page-container .gfield textarea,
#page-container .nf-form-content .list-select-wrap .nf-field-element>div, 
#page-container .nf-form-content input, 
#page-container .nf-form-content textarea {
	background-color: var(--white);
	border: 1px solid var(--light-gray);
	border-radius: 4px;
	color: var(--black);
	font-size: 17px;
	font-weight: 400;
	line-height: 1.15;
	padding: 12px 20px;
	width: 100%;
}

.nf-form-content .label-above .nf-field-label{
	min-height: 20px;
	min-width: 20px;
	line-height: 1em;
}

.site-footer  .nf-before-form-content{
	display: none;
}

.site-footer .nf-form-content input[type=submit]{
	width: 100% !important;
}

#page-container .gfield select{
	color: var(--black) !important;
}

#page-container .form-area .gfield textarea {
	height:170px;
}
#page-container .form-area .nf-form-title,
#page-container .nf-before-form-content .nf-form-fields-required {
	display:none;
}

.nf-form-content .nf-field-container #nf-field-506-wrap {
	text-align:center;
}

.nf-form-content .nf-field-container #nf-field-506-wrap b {
	font-size:24px;
}

select {
  appearance: none;
  text-indent: 1px;
  text-overflow: '';
  background:url("images/dropdown-arrow.svg") no-repeat;
  background-position:center right 20px;
  background-color: var(--white);
  border: 1px solid var(--light-gray);
}

input:focus,
textarea:focus,
#page-container .gfield input:focus, 
#page-container .gfield select:focus,
#page-container .gfield textarea:focus {
	border: 1px solid var(--black);
	outline: none;
}

#page-container input[type="checkbox"],
#page-container input[type="image"],
#page-container input[type="radio"] {
	width: auto;
	vertical-align: top;
	margin-top: 3px;
	padding: 0;
}
#page-container .login-remember input[type="checkbox"] {
	margin-top:10px;
}

#page-container input:focus[type="checkbox"],
#page-container input:focus[type="image"],
#page-container input:focus[type="radio"] {
	outline: 1px solid var(--black);
}

:-ms-input-placeholder {
	color: var(--navy);
	opacity: 1;
}

::placeholder {
	color: var(--navy);
	opacity: 1;
}
.form-area select {
	color:#777D9D !important;
}

#page-container .button,
#page-container input[type="button"],
#page-container input[type="reset"],
#page-container input[type="submit"],
.nf-form-content .nf-field-container #nf-field-342-wrap .nf-field-element .ninja-forms-field,
#nf-field-507-wrap a.onyx-button--primary-outline-blue {
	background-color: var(--blue);
	border: none;
	border-radius: 40px;
	box-shadow: none;
	color: var(--white);
	cursor: pointer;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	padding: 15px 40px;
	width: auto;
	display: inline-block;
	min-width: 240px;
	text-align: center;
	text-decoration: none;
}
.nf-form-content .nf-field-container #nf-field-342-wrap .nf-field-element .ninja-forms-field,
#nf-field-507-wrap a.onyx-button--primary-outline-blue {
	display:table;
	margin:0 auto;
	float: none !important;
}

#page-container .button:hover,
#page-container .button:focus,
#page-container input:hover[type="button"],
#page-container input:hover[type="reset"],
#page-container input:hover[type="submit"] {
	background-color: var(--navy);
	text-decoration: none;
}

#page-container .button.white-blue {
	background-color: var(--white);
	color: var(--navy);
}

#page-container .button.white-blue:hover,
#page-container .button.white-blue:focus {
	background-color: var(--blue);
	color: var(--white);
}

#page-container .button.navy-blue {
	background-color: var(--navy);
	color: var(--white);
}

#page-container .button.navy-blue:hover,
#page-container .button.navy-blue:focus {
	background-color: var(--blue);
	color: var(--white);
}

#page-container .button.white-navy {
	background-color: var(--white);
	color: var(--navy);
}

#page-container .button.white-navy:hover,
#page-container .button.white-navy:focus {
	background-color: var(--navy);
	color: var(--white);
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

.button + .button {
	margin-top: 5px;
	margin-left: 10px;
}

#nf-field-506-wrap {
	margin-bottom:0;
}
#nf-field-506-wrap b {
	font-size:30px;
}

/* Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 40px;
	width: 100%;
}

th,
td {
	border: 1px solid #cfcfcf;
	text-align: left;
	vertical-align: top;
	padding: 12px 15px;
}

th {
	font-weight: 600;
}

/* Screen Reader Text
--------------------------------------------- */

.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus {
	background: var(--white);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
	clip: auto !important;
	color: var(--black);
	display: block;
	font-size: 1em;
	font-weight: bold;
	height: auto;
	padding: 15px 23px 14px;
	text-decoration: none;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

.more-link {
	position: relative;
	display: inline-block;
}

/* Skip Links
--------------------------------------------- */

.genesis-skip-link {
	margin: 0;
}

.genesis-skip-link .skip-link-hidden {
	display: none;
	visibility: hidden;
}

.genesis-skip-link li {
	height: 0;
	list-style: none;
	width: 0;
}

/* Display outline on focus */
:focus {
	outline: 1px solid var(--black);
	outline-offset: -1px;
}

.js-focus-visible :focus:not(.focus-visible) {
	outline: none !important;
}

/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */

.site-container {
	animation: fadein 1s;
	word-wrap: break-word;
}

@keyframes fadein {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}

}

.site-inner {
	clear: both;
	padding-top: 70px;
	padding-bottom: 70px;
}


/* Site Containers
--------------------------------------------- */

/* Column Widths and Positions
--------------------------------------------- */

/* Content */
.content {
	float: left;
	width: 780px;
}

.sidebar-content .content {
	float: right;
}

.full-width-content .content {
	width: 100%;
}

/* WordPress
--------------------------------------------- */

.search-form input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

.search-form {
	overflow: hidden;
	padding: 3px;
	width: 100%;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 24px;
}

img.alignnone {
	margin-bottom: 12px;
}

.alignleft {
	float: left;
	text-align: left;
	margin: 0 24px 24px 0;
}

.alignright {
	float: right;
	text-align: right;
	margin: 0 0 24px 24px;
}

.content-align-right {
	text-align: right;
}

.widget-area {
	word-wrap: break-word;
}

/* Genesis
--------------------------------------------- */

.breadcrumb {
	margin-bottom: 40px;
}

/* Titles
--------------------------------------------- */

.entry-title a,
.sidebar .widget-title a {
	text-decoration: none;
}

.widget-title {
	margin-bottom: 24px;
}

/*
Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	position: fixed;
	left: 0px;
	width: 100%;
	transition: all 0.3s ease 0s;
	z-index: 999;
	background-color: var(--white);
	padding-bottom:5px;
	line-height: 1.5;
}
.home .site-header {
	background:transparent;
}
.home #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	color: var(--white);
}
.home.sticky #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	color: var(--navy);
}

.sticky .site-header {
	background-color: var(--white);
	filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.15));
}

.site-header + * {
	margin-top: 100px;
}

.home .site-header + * {
	margin-top: 0;
}

/* Title Area
--------------------------------------------- */

.title-area {
	float: left;
	padding: 22px 0;
	width: auto;
}
.home .title-area { 
	padding: 42px 0 18px;
}
.home.sticky .title-area { 
	padding: 22px 0;
} 

.title-area a {
	display: block;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url("images/logo-colored.svg");
	width: 236px;
	height: 50px;
	color:var(--navy);
}
.home .title-area a {
	background-image: url("images/logo-new.svg");
}
.home.sticky .title-area a {
	background-image: url("images/logo-colored.svg");
}

/* Full width header, no widgets */

.header-full-width .title-area,
.header-full-width .site-title {
	width: 100%;
}

/* Widget Area
--------------------------------------------- */

.site-header .widget-area {
	float: right;
	text-align: right;
	width: auto;
}

.site-header .search-form {
	float: right;
	margin-top: 0px;
}
.site-header .widget-area #siteorigin-panels-builder-2 {
    width: 745px; /* 430 */
    float: right;
	margin-bottom:-20px;
	position: relative;
    z-index: 999;
}
#page-container .site-header .button {
	min-width: 160px;
    border-radius: 0 0 4px 4px;
    margin-right: 0px;
    padding: 14px 10px;
    margin-top: 0;
}
.home #page-container .site-header .button {
	background-color:var(--white);
	color:var(--navy);
}
.home #page-container .site-header .button:hover,
.home #page-container .site-header .button:focus {
	background-color:var(--blue);
	color:var(--white);
}
.home.sticky #page-container .site-header .button {
	background-color:var(--blue);
	color:var(--white);
}
.home.sticky #page-container .site-header .button:hover,
.home.sticky #page-container .site-header .button:focus {
	background-color:var(--navy);
	color:var(--white);
}
.flags-area {
	position:relative;
}
.flags-area .sow-image-container img {
	margin-bottom:0;
}
#page-container .flags-countries {
    position: absolute;
	top: 55px;
    right: 73px;
    z-index: 99;
	margin-right: -15px;
    background: var(--wp--preset--color--white);
    padding: 15px 15px 5px 15px;
    border-radius:6px;
}
#page-container .flags-countries img {
	width:33px;
	margin-bottom: 15px;
}
#page-container .flag-top {
	margin-left:20px;
}
#page-container .flag-top:hover,
#page-container .flags-countries:hover {
	cursor: pointer;
}
.header-social-icons {
	padding-top:5px;
}
.header-social-icons .dashicons-icon {
	font-size:26px;
	width:33px;
	height:33px;
	display:inline-block;
	border-radius:100%;
	text-align: center;
}
.header-social-icons .dashicons-icon.dashicons-twitter {
	position:relative;
}
.header-social-icons .dashicons-icon.dashicons-twitter:before {
    display: inline-block;
    background: url(images/x-twitter-blue.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    font-size: 0;
    position: absolute;
    top: 8px;
    left: 6px;
    /*top: -12px;*/
}
.header-social-icons .dashicons-icon.dashicons-twitter:hover:before {
	 background: url(images/x-twitter.png) no-repeat;
	 background-size: contain;
	 left: 8px;
}
.home .header-social-icons .dashicons-icon.dashicons-twitter:before {
	background: url(images/x-twitter.png) no-repeat;
	background-size: contain;
}
.home.sticky .header-social-icons .dashicons-icon.dashicons-twitter:before {
	 background: url(images/x-twitter-blue.png) no-repeat;
	 background-size: contain;
}
.home.sticky .header-social-icons .dashicons-icon.dashicons-twitter:hover:before {
	 background: url(images/x-twitter.png) no-repeat;
	 background-size: contain;
}
.header-social-icons .dashicons-icon.dashicons-twitter:hover:before {
	width:17px;
	/*top: -17px;*/
}
.header-social-icons .dashicons-icon.dashicons-twitter:hover {
	position:relative;
}
.header-social-icons .dashicons-icon .screen-reader-text {
	color:var(--navy);
}
.home .header-social-icons .dashicons-icon {
	color:var(--white);
}
.home.sticky .header-social-icons .dashicons-icon {
	color:var(--blue);
}
.home .header-social-icons .dashicons-icon:hover,
.home .header-social-icons .dashicons-icon:focus {
	color:var(--white);
}
.header-social-icons .dashicons-icon:hover,
.header-social-icons .dashicons-icon:focus {
	background:var(--blue);
	color:var(--white);
	border-radius:100%;
	line-height: 1.7;
    font-size: 20px;
	position:relative;
	top:-7px;
}
.search-icon:hover {
	cursor:pointer;
}
#flyout-header {
    display: none;
}
#flyout-header.visible {
    display: block !important;
    position: absolute;
    right: 0px;
    top: 103px;
	width:400px;
	background-color: #dfdfdf;
	padding: 1rem;
}

body .site-header .search-icon img {
	display:none !important;
}
body.home .site-header .search-icon img {
	display:block !important;
}
body .site-header .search-icon {
	background: url(images/search-colored-icon.svg) no-repeat;
    display: block;
    width: 33px;
    height: 33px;
}

body.home.sticky .site-header .search-icon {
	background: url(images/search-colored-icon.svg) no-repeat;
    display: block;
    width: 33px;
    height: 33px;
}
body.home.sticky .site-header .search-icon img {
	display:none !important;
}
body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	font-size:15px;
}
#page-container .site-header .button {
	font-size:13px;
	padding: 14px 5px;
}

/*
Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
	clear: both;
	line-height: 1.5;
	width: 100%;
}

.genesis-nav-menu .menu-item {
	display: inline-block;
	text-align: left;
}

.genesis-nav-menu a {
	border: none;
	color: var(--black);
	display: block;
	font-size: 16px;
	font-weight: 700;
	padding: 0 20px 30px;
	position: relative;
	text-decoration: none;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu a:focus,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .current-menu-ancestor > a,
.genesis-nav-menu .menu-item-has-children:hover > a {
	text-decoration: underline;
}

.genesis-nav-menu > .menu-item  >a {
	text-transform: uppercase;
}

.genesis-nav-menu .sub-menu {
	background: var(--white);
	left: -9999px;
	letter-spacing: 0;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
	padding-top: 10px;
	width: 240px;
	z-index: 99;
}

.genesis-nav-menu .sub-menu li {
	display: block;
}

.genesis-nav-menu .sub-menu a {
	background-color: var(--white);
	border-top: none;
	display: block;
	font-size: 16px;
	padding: 10px 20px;
	position: relative;
}

.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu a:focus,
.genesis-nav-menu .sub-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-ancestor > a,
.genesis-nav-menu .sub-menu .menu-item-has-children:hover > a {
	background: var(--blue);
	text-decoration: none;
}

.genesis-nav-menu .sub-menu .sub-menu {
	margin: -54px 0 0 240px;
}

.genesis-nav-menu .menu-item:hover {
	position: static;
}

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu,
.genesis-nav-menu .menu-item:hover>.sub-menu {
	left: auto;
	opacity: 1;
}

/* Responsive Menu
--------------------------------------------- */

.genesis-responsive-menu {
	display: none;
	position: relative;
}

.genesis-responsive-menu .genesis-nav-menu .menu-item:hover > .sub-menu {
	display: none;
}

.menu-toggle,
.sub-menu-toggle {
	background-color: var(--black);
	border-width: 0;
	color: var(--white);
	display: block;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	visibility: visible;
	outline: none;
}

.menu-toggle:focus,
.menu-toggle:hover,
.sub-menu-toggle:focus,
.sub-menu-toggle:hover {
	background-color: var(--blue);
	border-width: 0;
}

.menu-toggle {
	float: right;
	padding: 0;
	position: relative;
	z-index: 1000;
	font-size: 0px;
}

.menu-toggle.activated::before {
	content: "\f335";
}

.site-header .menu-toggle::before {
	text-rendering: auto;
	font-size: 35px;
}

body .dashicons-before:before {
	display: inline-block;
	width: 33px;
	height: 30px;
	font-size: 33px;
}

.sub-menu-toggle {
	float: right;
	padding: 9px 10px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
}

.sub-menu .sub-menu-toggle {
	padding: 12px 10px;
}

.sub-menu-toggle::before {
	display: inline-block;
	text-rendering: auto;
	transform: rotate(0);
	transition: transform 0.25s ease-in-out;
	font-size: 25px;
}

.sub-menu-toggle.activated::before {
	transform: rotate(180deg);
}

.genesis-responsive-menu {
	display: block;
}

.menu-toggle,
.sub-menu-toggle {
	display: none;
	visibility: hidden;
}

.dashicons-icon::before {
	font-family: dashicons;
	font-style: normal;
	font-weight: 400;
}

.dashicons-phone {
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	display: inline-block;
	position: relative;
	top: 3px;
}

.menu-toggle::before {
	font-size: 35px;
}

/*
Content Area
---------------------------------------------------------------------------------------------------- */

/* Entries
--------------------------------------------- */

.entry {
	margin-bottom: 40px;
}

p,
.entry-content ol,
.entry-content ul,
.quote-caption {
	margin-bottom: 26px;
}

.entry-content p a,
.entry-content li a {
	text-decoration: underline;
}

.entry-content p a:hover,
.entry-content li a:hover {
	text-decoration: none;
}

.entry-content ol {
	margin-left: 26px;
}

.entry-content ol li {
	list-style-type: decimal;
}

.entry-content ul li {
	list-style-type: none;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

.entry-header .entry-meta {
	margin-bottom: 24px;
}

.entry-categories,
.entry-tags {
	display: block;
}

/* Pagination
--------------------------------------------- */

.pagination {
	clear: both;
	margin: 40px 0;
}

.site-inner .pagination ul li {
	display: inline-block;
	padding: 0;
	margin: 0 5px 0 0;
}

.pagination li a {
	background-color: var(--black);
	border: none;
	border-radius: 3px;
	color: var(--white);
	cursor: pointer;
	font-weight: 400;
	padding: 5px 12px;
	display: inline-block;
}

.pagination li a:hover,
.pagination li a:focus,
.pagination li.active a {
	background-color: var(--blue);
	text-decoration: none;
}

/*
Sidebar
---------------------------------------------------------------------------------------------------- */

.sidebar {
	float: right;
	width: 340px;
}

.sidebar-content .sidebar {
	float: left;
}

.sidebar img {
	margin-bottom: 15px;
}

.sidebar p:last-child,
.sidebar .featured-content img {
	margin-bottom: 0;
}

.sidebar li {
	list-style-type: none;
	margin-bottom: 6px;
	word-wrap: break-word;
}

.sidebar ul>li:last-child {
	margin-bottom: 0;
}

.sidebar .widget {
	margin-bottom: 40px;
}

/*
Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	background-color: var(--dark-navy);
	line-height: 32px; 
	font-size:15px;
}

.site-footer,
.site-footer a {
	color:var(--white);
}
.site-footer a:hover {
	text-decoration:underline;
}
.site-footer a:focus {
	outline:1px solid #fff;
}
.site-footer .footer-copyright a:focus {
	outline:1px solid #000;
}
.site-footer .sow-image-container img {
	margin-bottom:0;
}
.site-footer h3 {
	color:#fff;
}
.site-footer .dashicons-icon {
	font-size:26px;
	width:33px;
	height:33px;
	display:inline-block;
	border-radius:100%;
	text-align: center;
	margin-right:8px;
}
.site-footer .dashicons-icon.dashicons-twitter:before {
    display: inline-block;
    background: url(images/x-twitter.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    font-size: 0;
    position: relative;
    top: -6px;
}
.site-footer .dashicons-icon.dashicons-twitter:hover:before {
	width:17px;
	top: -17px;
}
.site-footer .dashicons-icon.dashicons-twitter:hover {
	position:relative;
	top:-5px;
}
.site-footer .dashicons-icon:hover {
	text-decoration:none;
	background-color:var(--blue);
	color:var(--white);
	border-radius:100%;
	line-height: 1.7;
    font-size: 20px;
}
.footer-boxes .panel-grid-cell:nth-child(2) {
	padding-top:95px;
}
#page-container .footer-boxes input[type="submit"] {
	border-radius:4px;
}
#page-container .footer-boxes input[type="submit"]:hover,
#page-container .footer-boxes input[type="submit"]:focus {
	background:var(--white);
	color:var(--navy);
}
#page-container .footer-copyright {
	padding:20px 0;
}
#page-container .footer-copyright * {
	color:var(--navy);
}

/*
Custom Styling
---------------------------------------------------------------------------------------------------*/

/*
Siteorigin Page Builder Styling
--------------------------------------------- */

.siteorigin-panels .site-inner {
	padding: 0;
}

.siteorigin-panels:not(.content-sidebar) .site-inner .wrap, 
.site-footer .wrap {
	max-width: 100%;
	margin-right: 0;
	margin-left: 0;
}

.wrap,
.so-panels-full-wrapper, 
.panel-grid.panel-no-style, 
.panel-row-style:not([data-stretch-type]) {
    max-width: 1170px;
    margin: 0 auto;
}

.content-sidebar.siteorigin-panels .site-inner {
	padding-top: 50px;
	padding-bottom: 50px;
}

.siteorigin-panels .entry {
	margin-bottom: 0;
}

/*
Top Bottom Gap Styling
--------------------------------------------- */

.top-gap {
	padding-top: 100px;
}

.bottom-gap {
	padding-bottom: 100px;
}

.top-gap-medium {
	padding-top: 70px;
}

.bottom-gap-medium {
	padding-bottom: 70px;
}

.top-gap-small {
	padding-top: 50px;
}

.bottom-gap-small {
	padding-bottom: 50px;
}

/*
Dark Background Section Styling
--------------------------------------------- */

.dark-bg-section {
	background-color: var(--black);
}

.dark-bg-section *,
.fonts-light * {
	color: var(--white);
}

/*
inside page hero section
------------------------------------------------- */

.hero-section {
	background: var(--navy);
	position: relative;
	overflow: hidden;
	color: var(--white);
	display: flex;
	align-items: center;
	min-height: 420px;
	padding: 100px 0;
}

/*.hero-section:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.2);
	z-index: 1;
}*/

.hero-section * {
	color: var(--white);
	height: 100%;
}

#page-container .hero-section .widget_sow-image {
	margin-bottom: 0;
}

.hero-section > img,
#page-container .hero-section .so-widget-image,
#page-container .hero-section .widget_custom_html {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.hero-section video {
	width: 100%;
	object-fit: cover;
}

.hero-section .wrap,
.hero-section .widget_siteorigin-panels-builder {
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 9;
}

.home .hero-section {
	min-height: 925px;
}

.hero-section.onyx-new-hero h4 {
	margin: 0 0 10px;
}
.hero-section.onyx-new-hero h1 {
	margin-bottom:45px;
}

.hero-section.onyx-new-hero h5 {
	font-size:25px;
	font-weight:400;
}

/*
List Styling
------------------------------------------------- */

.site-inner ul {
	margin-left: 0;
}

.site-inner ul li {
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
	line-height: 30px;
	font-size: 17px;
}

.site-inner ul li:before {
	content: '';
	background: var(--blue);
	width: 5px;
	height: 5px;
	position: absolute;
	top: 13px;
	left: 0;
	border-radius: 50%;
}

.site-inner .compatible-col ul li:before {
	background: var(--white);
}

.checklist ul li::before {
	content: '';
	background: url("/wp-content/uploads/2025/06/list-tick.svg") no-repeat center;
	width: 24px;
	height: 18px;
	position: absolute;
	top: 7px;
	left: 0;
}

.site-inner .checklist ul li {
	font-size: 17px;
}

.circle-good-checklist ul li,
.circle-checklist-blue li,
.circle-cross-blue li{
	padding-left: 90px;
    margin-bottom: 15px;
    min-height: 55px;
}
#page-container .circle-checklist-blue li,
#page-container .circle-cross-blue li{
	padding-left:65px;
	font-size:20px;
	font-weight:700;
}

.circle-good-checklist ul li::before,
.circle-checklist-blue ul li::before{
	content: '';
	background: url("/wp-content/uploads/2025/06/list-icon.svg") no-repeat center;
	width: 41px;
	height: 41px;
	position: absolute;
	top: 0px;
	left: 0;
}

.circle-cross-blue ul li::before{
	content: '';
	background: url("/wp-content/uploads/2025/07/cross.png") no-repeat center;
	background-size:contain;
	width: 41px;
	height: 41px;
	position: absolute;
	top: 0px;
	left: 0;
}

#page-container form li,
#page-container .slider li,
#page-container .sidebar ul li,
#page-container .page-numbers li,
#page-container ul.products li {
	padding-left: 0px;
	margin-bottom: 0px;
}

#page-container form li::before,
#page-container .slider li::before,
#page-container .sidebar ul li::before,
#page-container .page-numbers li::before,
#page-container ul.products li::before,
#page-container .pagination ul li::before,
#page-container .pagination ul li::before {
	display: none;
}

#page-container form li {
	font-weight: 400;
}

#page-container form li a,
#page-container .sidebar ul li a {
	font-style: italic;
	text-decoration: underline;
}

#page-container .sidebar ul li a {
	font-style: normal;
}

#page-container form li a:hover,
#page-container .sidebar ul li a:hover {
	text-decoration: none;
}

/*
Large/Medium/Small Width Content Container
--------------------------------------------- */

.large-container,
.medium-container,
.small-container {
	width: 100%;
	margin: 0 auto;
}


#page-container .large-container {
	max-width: 1040px;
}

#page-container .medium-container {
	max-width: 980px;
}

#page-container .small-container {
	max-width: 740px;
}

/*
Additional Styling
------------------------------------------------- */

*:last-child {
	margin-bottom: 0;
}

p:empty {
	display: none;
}

a[href^="tel"] {
	display: inline-block;
}

.entry-content a {
	color: var(--blue);
}

.entry-content a:hover {
	text-decoration: underline;
}

.entry-content .read-more {
	color: var(--blue);
	font-style: italic;
	text-decoration: underline;
}

.entry-content .read-more:hover {
	text-decoration: none;
}

.mejs-controls a.mejs-horizontal-volume-slider {
	color: var(--white);
}

/*
Sharing Icons Styling
------------------------------------------------- */

#page-container .sharing-btns {
	display: inline-block;
	vertical-align: middle;
}

#page-container .sharing-btns,
#page-container .sharing-btns li {
	margin: 0;
	padding: 0;
}

#page-container .sharing-btns li {
	float: left;
	line-height: normal;
	margin: 0 5px 0 0;
}

#page-container .sharing-btns li::before {
	display: none;
}

#page-container .sharing-btns li a:hover {
	text-decoration: none;
}

#page-container .sharing-btns li:last-child {
	margin: 0;
}

/* gravity form styling
--------------------------------------------- */

#page-container .gform_fields {
	grid-column-gap: 30px;
}

#page-container .gfield ,
#page-container .nf-field-label label{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.35;
	vertical-align: top;
}

#page-container .gform_footer {
	padding-top: 50px;
	justify-content: center;
}
#page-container .login-reseller-form .gform_footer {
	padding-top:30px;
}
body .gform_wrapper.gravity-theme .gfield_required {
	color: var(--blue);
}
body .footer-boxes .gform_wrapper.gravity-theme .gfield_required {
	color:var(--white);
}
body .gform_wrapper.gravity-theme .ginput_container_address span {
	flex: 0 0 100%;
}
body .gform_wrapper.gravity-theme .gfield_label {
	font-weight:400;
}
body .gform_confirmation_message {
	text-align:center;
}


/*
Gravity Forms Error Styling
------------------------------------------------- */

#page-container .gform_wrapper.gravity-theme .instruction,
#page-container .gform_wrapper.gravity-theme .validation_message {
	display: none;
}

#page-container .gform_validation_errors .gform-icon {
	height: auto;
	top: 10px;
}

#page-container .gform_wrapper .gform_validation_errors {
	padding: 10px 10px 10px 48px;
	border-radius: 0;
	border-width: 1px;
}

#page-container .gform_wrapper .gform_validation_errors > h2 {
	font-weight: 400;
	line-height: inherit;
	font-family: inherit;
	margin-bottom: 5px;
}

#page-container .gform_wrapper .gform_validation_errors > ol {
	margin-bottom: 0;
	margin-left: 0;
}

/*
Blog Page
------------------------------------------------- */

.entry-image-link img {
	border: 1px solid var(--gray);
	padding: 5px;
}

.type-post .entry-title,
.search article .entry-title {
	margin: 0 0 20px;
	font-size: 30px;
}

.entry-footer {
	border-top: 3px solid var(--gray);
	border-bottom: 3px solid var(--gray);
	padding: 7px 0;
	overflow: hidden;
	margin-top: 30px;
}

.entry-footer span {
	display: inline-block;
	margin-right: 10px;
}

.entry-footer:empty {
	display: none;
}

#page-container .type-post:last-child {
	margin-bottom: 50px;
}

#page-container .search-form input[type="submit"] {
	display: none;
}

a.focus-visible .aligncenter {
	outline: 1px solid var(--black);
}

.cky-notice-group {
	justify-content: center !important;
}

.cky-btn {
	border-radius: 0 !important;
}

.cky-btn:hover {
	opacity: 1 !important;
	border-color: var(--blue) !important;
	background-color: var(--blue) !important;
	color: var(--white) !important;
}

/*
Blog & Archive Grid Layout Starts
----------------------------------------------------------------------------------------------------*/

.blog .site-inner,
.archive .site-inner {
	padding-top: 40px;
}

#featured-blog-panel {
	display: flex;
	gap: 30px;
	align-items: center;
	background: var(--gray);
}

.featured-post-image {
	min-width: 50%;
}

.featured-post-image img {
	width: 100%;
}

.featured-post-content {
	padding: 25px 25px 25px 10px;
}

#featured-blog-panel h1 {
	font-size: 45px;
	margin-bottom: 7px;
}

#featured-blog-panel .read-more {
	margin-top: 20px;
	min-width: 200px;
	background: var(--blue);
	border-radius: 60px;
	color: var(--white);
	font-weight: 700;
	line-height: 17px;
	padding: 17px 27px;
	display: inline-block;
	font-size: 15px;
}

#featured-post-category {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.all-categories {
	margin-top: 50px;
	margin-bottom: 50px;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: center;
}

.all-categories a {
	padding: 15px 25px;
	border: 1px solid var(--blue);
}

.all-categories a:hover{
	background: var(--blue);
	color: var(--white);
}

.blog-grid-panel {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.blog-grid-box {
	width: 360px;
	font-size: 17px;
}

.blog-grid-box-image {
	min-height: 249px;
	background: var(--gray);
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.blog-grid-box h4 {
	font-size: 30px;
}

.blog-grid-box p {
	margin-bottom: 5px;
}

.blog-grid-box img {
	margin-bottom: 0px;
}

.blog-grid-box .read-more {
	text-decoration: underline;
}

.grid-post-category {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.grid-post-category a {
	color: var(--blue);
}

#archive-cat-title {
	text-align: center;
	padding: 0 25px 20px 25px;
}

.single #featured-blog-panel h1:after {
	content: "";
	display: block;
	width: 80px;
	height: 2px;
	background: var(--blue);
	margin: 20px 0 20px;
}
/*
Max Mega Menu
-------------------------------------------------- */


.mega-sub-menu h5 {
	color:var(--blue);
	margin-bottom: 15px;
}
body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
	padding: 3px 0px 3px 0px;
}
body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-12 {
	padding-left: 50px;
}
body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
	top:65px;
	left:-300px;
}
body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, 
body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
	color:var(--navy);
}
body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
	width:11px;
	height:7px;
	background: url("images/colored-down-arrow.svg");
	top:18px;
	content: "" !important;
    font-family: none;
}
body.home #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
	background: url("images/arrow-down.svg");
}
body.home.sticky #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
	background: url("images/colored-down-arrow.svg");
}
body.home #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, 
body.home #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
	color:var(--white);
}
body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    text-transform: capitalize;
}
body.home.sticky #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, 
body.home.sticky #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
	color:var(--navy);
}
body #mega-menu-wrap-primary #mega-menu-primary {
	padding:0;
}
body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child a {
	padding-right: 0;
}
body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
	background:var(--white);
	padding:10px;
	border-radius:10px;
	top:65px;
}
body.home #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
	color:var(--white);
}
body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
body.sticky #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
	color:var(--navy);
}

/*
Custom CSS
---------------------------------------*/

.benefits-three-boxes {
	line-height: 34px;
}

.benefits-three-boxes h4 {
	margin-bottom:15px;
}
.benefits-three-boxes .sow-image-container img {
    margin-bottom: 15px;
}
#page-container .printing-solution-tabs .button.navy-blue {
	margin-top:30px;
}
.image-box .sow-image-container img {
    margin-bottom: 0px;
}
.stripes-bg.form-area {
	background-position: right bottom;
}
.form-area h4 {
	font-size:20px;
	line-height:30px;
}
.title-bar .widget-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 3.6px;
    text-transform: uppercase;
    padding: 14px 15px 14px 0;
    position: relative;
    z-index: 1;
}
.title-bar .widget-title:before {
    content: '';
    display: block;
    width: 500%;
    background: var(--gray);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.cta-section h4 {
	line-height:40px;
}
.card-three-boxes .panel-cell-style {
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 30px 30px 0px rgba(44, 64, 245, 0.10);
    min-height: 352px;
    display: flex;
    padding: 0 35px;
    align-items: center;
    border-bottom: 3px solid var(--blue);
}
.card-three-boxes .panel-cell-style h4 {
	margin-bottom:15px;
}
.card-blue-boxes * {
	color:var(--white);
}
.card-three-boxes.card-blue-boxes .panel-cell-style {
	border-bottom:0;
	background:var(--blue);
	min-height:260px;
}
.card-three-boxes.card-with-images .panel-cell-style {
	display:block;
	padding:0;
}
.card-three-boxes.card-with-images .panel-cell-style img {
	margin-bottom:35px;
}
.card-three-boxes.card-with-images .panel-cell-style .textwidget {
	text-align:left !important;
	padding:0 30px 40px;
	line-height: 34px; 
}
#page-container .applications-panel .tns-liveregion,
#page-container .applications-panel .tns-liveregion span {
	color:var(--navy) !important;
}
.intro-section em {
	font-size:13px;
}


/*
 Store css
------------------------------------------------- */

#page-container button.form-control__button {
	background-color: var(--blue) !important;
    border: none !important;
    border-radius: 40px !important;
    box-shadow: none !important;
    color: var(--white) !important;
    cursor: pointer !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    padding: 15px 40px !important;
    width: auto !important;
    display: inline-block !important;
    min-width: 240px !important;
    text-align: center !important;
    text-decoration: none !important;
}
#page-container button.form-control__button:focus,
#page-container button.form-control__button:hover {
	background-color: var(--navy) !important;
}
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--medium-items .grid-product__title-inner {
	font-size:17px !important;
}
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-text-muted {
	margin-bottom:10px !important;
}
.site-inner .ec-footer ul li:before {
	display:none;
}

/*
 Accordian
------------------------------------------------- */

#page-container .accordions-style-primary .sow-accordion .sow-accordion-panel {
    border-bottom: 1px solid var(--light-gray);
    margin-bottom: 0;
}
#page-container .accordions-style-primary .sow-accordion .sow-accordion-panel .sow-accordion-panel-header {
    background: transparent;
    padding: 22px 0 15px;
}
#page-container .accordions-style-primary .sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-title {
    font-size: 20px;
	color:var(--navy);
	line-height:30px;
    font-weight: 700;
}
#page-container .accordions-style-primary .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border {
    background-color: transparent;
    padding: 0 250px 30px 0;
	line-height: 32px;
	font-size:18px;
}

.accordions-style-primary .sow-icon-fontawesome[data-sow-icon]:before {
    background: url("/wp-content/uploads/2025/06/accordian-arrow.svg") no-repeat;
    width: 34px;
    height: 34px;
    content: '';
    display: block;
	position: relative;
}
.accordions-style-primary .sow-accordion-panel-open .sow-icon-fontawesome[data-sow-icon]:before {
    background: url("/wp-content/uploads/2025/06/accordian-arrow.svg") no-repeat;
}

/*
Team
------------------------------------------------- */

.team-popup-row .members-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
	row-gap: 50px;
	margin: 0 -15px;
}
.team-popup-row .members-container p {
	margin-bottom:5px;
	font-size: 17px;
}
.team-popup-row .members-container a.team-email {
    margin-top: 15px;
    display: block;
    border-top: 1px solid #D9E1E9;
    padding-top: 15px;
    text-decoration: none;
}
.team-popup-row .member-item {
	flex: 0 0 calc(25% - 30px);
}
.team-popup-row .member-item .member-image img {
	transition: transform .4s;
}
.team-popup-row .member-item:hover .member-image img {
	transition: transform .4s;
	transform: scale(1.1);
}
.team-popup-row .member-inner-wrap {
	color: var(--grayDark);
	display: block;
	position: relative;
	/*height: 100%;*/
	text-decoration: none;
}
.team-popup-row .member-inner-wrap:focus-within {
	outline:2px solid #000 !important;
}
.team-popup-row .member-inner-wrap:focus,
.team-popup-row .member-inner-wrap:hover {
	text-decoration: none;
}
.team-popup-row .member-image {
	height: 320px;
	background-color: var(--gray);
	display: flex;
	position: relative;
	overflow:hidden;
}
.team-popup-row .member-image:after {
	content: '';
	display: block;
	width: 50px;
	height: 50px;
	background: url("/wp-content/uploads/2025/06/blue-triangle.svg") no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
}
.team-popup-row .member-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius:4px;
}
.team-popup-row .member-small-info {
	padding-top: 20px;
}
.team-popup-row .member-title {
	margin-bottom: 5px;
}

body .fancybox-popup-content .close-popup {
	width: 40px;
	height: 40px;
	position: sticky;
	right: 0;
	top: 0;
	float: right;
}
body .close-popup .fancybox-close-small {
	background: var(--blue);
	border-radius: 50%;
	color: var(--white);
	padding: 5px;
	width: 40px;
	height: 40px;
	opacity: 1;
	position: relative;
	top: -25px;
	right: -25px;
	transition: transform .25s ease-in-out;
}
body .close-popup .fancybox-close-small:hover {
	transform: rotate(360deg);
}
.fancybox-popup-content .popup-entry {
	background: var(--gray);
	width: calc(100% - 40px);
	max-width: 1170px;
	display: inline-block;
	max-height: calc(100% - 80px);
	border-radius: 4px;
}
.fancybox-popup-content .popup-entry-content {
	line-height:34px;
}
.fancybox-popup-content .member-popup-inner-wrap {
	max-width: 1030px;
	margin: 0 auto
}
.member-popup-inner-wrap .popup-header-info {
	border-bottom: 1px solid #D9E1E9;
	text-align: center;
	padding-bottom: 30px;
	margin-bottom: 40px;
}
.popup-header-info h3 {
	margin-bottom:15px;
}
.popup-header-info h6 {
	margin-bottom: 7px
}
.product-cta-section .left-sec::before {
	left: -374px;
}

.home .hero-section{
    min-height: 925px;
}

#page-container .small-container{
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

#page-container .medium-container{
    max-width: 830px;
    margin-left: auto;
    margin-right: auto;
}

#page-container .row-gap{
  margin-bottom: 30px;
}

#page-container .light-color-content * {
    color: var(--white);
}

.down-arrow{
    position: relative;
}

.down-arrow:after{
    content: "";
    display: block;
    width: 100%;
    height: 96px;
    background-image: url(images/round-down-arrow.svg);
    left: 0;
    right: 0;
    bottom: -47px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center bottom;
}

#page-container ul.tabTitles{
    justify-content: center;
}

#page-container .tabs-internal-content-bar .panel-grid-cell{
  display: flex;
  align-items: center;
  padding: 0px 20px;
  min-height: 80px;
  border-radius: 4px;
  border-left: 4px solid var(--blue);
  justify-content: space-around;
}

.tabs-internal-content-bar .panel-grid-cell .so-panel:first-child{
  min-width: 300px;
  max-width: 300px;
  line-height: 1.3;
  text-align: left;
}

#page-container .tabs-internal-content-bar .button{
    min-width: 210px;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.box-shadow{
    box-shadow: 0px 30px 30px 0px rgba(44, 64, 245, 0.10);
    background-color: var(--wp--preset--color--white);
}

.applications-panel{
    position: relative;
    background-position: left top !important;
    background-size: 68% !important;
    background-repeat: no-repeat !important;
    background-color: #2839DF;
    position: relative;
    z-index: 1;
}

.applications-panel:after {
  content: "";
  display: block;
  width: 32%;
  background: #fff;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.applications-panel .image-widget-normal{
  position: relative;
}

.applications-panel .image-widget-normal:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 275px;
  background: linear-gradient(180deg, rgba(20, 25, 51, 0.00) 0%, #141933 100%);
}

.applications-panel .image-hover-description{
    border: 0px;
    border-radius: 0px;
    background: rgba(20, 25, 51, 0.9);
}

.applications-panel .widget_custom_image_widget .image-widget-normal .middle-me,
.applications-panel .widget_custom_image_widget .image-widget-normal .middle-me h3 {
  text-align: left;
}

.applications-panel .widget_custom_image_widget .image-widget-normal .middle-me{
  padding: 0 50px 20px 40px;
  top: inherit;
  transform: none;
  bottom: 15px;
}

.applications-panel .widget_custom_image_widget .middle-me h3{
  font-size: 25px;
  margin-bottom: 10px;
}

.applications-panel .image-hover-description p{
    line-height: 28px;
}

.applications-panel .card.normal-content .center-content-wrapper {
    align-items: end;
}

.applications-panel .boxed-layout .image-hover-description {
    padding: 0 50px 20px 40px;
}

#page-container .more-link{
	background-image:url("/wp-content/uploads/2025/06/arrow.svg");
	text-decoration:none;
}

.applications-panel .boxed-layout .image-hover-description .image-hover-content strong,
a.card-read-more,
.post-item-info .more-link,
.more-link{
    font-weight: 700;
    font-size: 15px;
    margin-top: 30px;
    display: block;
    width: fit-content;
    text-decoration: none;
    background-image: url(images/read-more-text-arrow.svg);
    background-repeat: no-repeat;
    background-position: right center;
    line-height: 1;
    padding-right: 34px;
}

#page-container .applications-panel div.tns-outer {
    max-width: 1370px;
    margin-left: calc((100% - 1170px) / 2) !important;
}

#page-container .applications-panel > .panel-grid-cell > .so-panel:first-child{
    padding-left: calc((100% - 1170px) / 2) !important;
}

.applications-panel .tns-controls {
    position: absolute;
    right: calc((100% - 1170px) / 2);
    top: 90px;
    display: flex;
    gap: 25px;
}

.applications-panel .tns-controls button {
    background: url(/wp-content/uploads/2025/06/left-arrow.svg) no-repeat center;
    border: none;
    width: 52px;
    height: 37px;
    font-size: 0;
    text-indent: -9999px;
}
.tns-controls button:hover {
	background: url(images/left-arrow-hover.svg) no-repeat center !important;
}

.tns-controls button:last-child {
    background: url(/wp-content/uploads/2025/06/right-arrow.svg) no-repeat center;
}
.tns-controls button:last-child:hover {
	background: url(images/right-arrow-hover.svg) no-repeat center !important;
}

.stripes-bg{
  background-position: right top;
  background-repeat: no-repeat !important;
}

.small-icon{
	width:55px !important;
	margin-top: 10px;
}

/* ticker
--------------------------------------------- */

@keyframes ltr {
	100% {
		transform: translateX(100%);
	}
}
@keyframes rtl {
	100% {
		transform: translateX(-100%);
	}
}

.ticker {
	display: flex;
	width: 1000%;
}

.ticker.rtl {
	transform: translateX(-100%);
}

.ticker.ltr {
	transform: translateX(-100%);
}

.ticker__list{
	display: flex;
	gap: 30px;
	align-items: center;
	padding: 0 20px;
}

.ticker__list .ticker__item {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 170px;
	background:#fff;
}

.ticker__list .ticker__item img {
	max-height: 73px;
	object-fit: contain;
	display: block;
}

.ticker.ltr .ticker__list {
	animation: ltr 60s infinite linear;
}

.ticker.rtl .ticker__list {
	animation: rtl 60s infinite linear;
}

#page-container .news-blog-section{
  position: relative;
}

#page-container .news-blog-section div.tns-outer {
  max-width: 1370px;
  margin-left: calc((100% - 1170px) / 2) !important;
}

#page-container .news-blog-section .tns-item:not(.tns-slide-active) + .tns-slide-active{
  width: 570px;
  max-width: 570px;
}

#page-container .news-blog-section .tns-item:not(.tns-slide-active) + .tns-slide-active .post-image {
  max-width: 570px;
}

#page-container .news-blog-section .tns-controls {
  position: absolute;
  right: calc((100% - 1170px) / 2);
  top:110px;
  display: flex;
  gap: 25px;
}

body .tns-controls button {
  background: url(/wp-content/uploads/2025/06/left-arrow.svg) no-repeat center;
  border: none;
  width: 52px;
  height: 37px;
  font-size: 0;
  text-indent: -9999px;
}

.news-blog-section .post-image {
  width: 100%;
  height: 294px;
  background: var(--navy);
}

.news-blog-section .post-image img {
  height: 294px;
  max-height: 294px;
  min-width: 100%;
  object-fit: cover;
}

.news-blog-section .post-date {
  margin: 20px 0px 15px;
  font-size: 17px;
}

.news-blog-section .post-date span {
  color: var(--blue);
  text-transform: capitalize;
}

#page-container .news-blog-section .tns-item:not(.tns-slide-active) + .tns-slide-active h5{
  font-size: 30px;
}

.post-item-info h5 a{
  color: var(--navy);
}

.post-item-info h5 a:hover{
  text-decoration: none;
}

.post-item-info .more-link {
  color: var(--dark-navy);
  font-weight: 700;
  font-size: 17px;
}

.site-inner .sow-tabs ul li{
  margin-bottom:2px;
}
#page-container .sticky-button .textwidget {
	position: fixed;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    z-index:999;
    gap: 20px;
    justify-content: center;
    height: 100vh;
}
#page-container .sticky-button .button{
    position: fixed;
    border-radius: 5px;
    background-image: url(images/comment--white.png);
    background-repeat: no-repeat;
    background-position: left 10px bottom 20px;
    right: 0;
    padding-left: 22px;
    padding-right: 25px;
    padding-bottom: 45px;
    writing-mode: sideways-lr;
    width: 45px;
    height: auto;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
    min-width: auto;
}

#page-container .sticky-button .button:hover,
#page-container .sticky-button .button:focus{
  background-image: url("images/comment--blue.png");
  background-color: var(--white);
  color: var(--blue);
}

.support-popup-form-row-one{
  border-bottom: 1px solid var(--blue);
  padding-bottom: 35px;
}

.support-popup-form-row-one .button,
.support-popup-form-row-two .gform_wrapper.gravity-theme .gform_footer input{
  background-color: var(--blue);
  border: none;
  border-radius: 40px;
  box-shadow: none;
  color: var(--white);
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  padding: 15px 25px;
  min-width: 140px;
  width: auto;
  display: inline-block;
  border-radius: 5px;
}

.support-popup-form-row-two .gform_wrapper.gravity-theme .gform_footer{
  padding-top: 0px;
}

.support-popup-form-row-two .gform_wrapper.gravity-theme .gform_footer input{
  margin: 0 auto;
}

.support-popup-form-row-two .gform_wrapper.gravity-theme input,
.support-popup-form-row-two .gform_wrapper.gravity-theme textarea{
  background:var(--gray);
}

body .pum-theme-lightbox .support-popup-form-row-two .gform_wrapper.gravity-theme .gfield textarea.medium {
  height: 110px;
}

.text-center{
  text-align: center;
  justify-content: center !important;
}

#page-container .applications-panel .tns-liveregion span.current {
  background-color: #fff;
}

.easy-pair-boxes .compatible-col {
	min-height:425px;
}

/*---------Compatibility Component---------*/

#comparation_table.onyx_table.dataTable > tbody > tr.selected > td.select-checkbox:after,
#comparation_table.onyx_table.dataTable > tbody > tr.selected > th.select-checkbox:after,
#compatibility_table.onyx_table.dataTable > tbody > tr.selected > td.select-checkbox:after,
#compatibility_table.onyx_table.dataTable > tbody > tr.selected > th.select-checkbox:after {
  font-size: 14px;
  margin-top: -3px;
  margin-left: -4px;
  text-shadow: none;
  color: #003087; }

#comparation_table.onyx_table.dataTable > tbody > tr.selected > td.select-checkbox:before,
#comparation_table.onyx_table.dataTable > tbody > tr.selected > th.select-checkbox:before,
#compatibility_table.onyx_table.dataTable > tbody > tr.selected > td.select-checkbox:before,
#compatibility_table.onyx_table.dataTable > tbody > tr.selected > th.select-checkbox:before {
  border: 1px solid black; }

#comparation_table.onyx_table.dataTable > tbody > tr > td.select-checkbox:before,
#compatibility_table.onyx_table.dataTable > tbody > tr > td.select-checkbox:before {
  width: 24px;
  height: 24px;
  top:50%;
  transform:translatey(-50%);
  margin-top:0px;
}

#comparation_table.onyx_table .select-checkbox,
#compatibility_table.onyx_table .select-checkbox {
  cursor: pointer; }

#compatibility_table.onyx_table th{
  background-color: var(--dark-navy);
  color: var(--white);
  vertical-align: middle;
  font-size: 16px;
  line-height: 1.3;
}

#comparation_table.onyx_table th:nth-child(2),
#compatibility_table.onyx_table th:nth-child(2) {
  position: sticky;
  left: 0;
  z-index: 2;
}

#comparation_table.onyx_table tbody td:nth-child(2),
#compatibility_table.onyx_table tbody td:nth-child(2) {
  position: sticky;
  left: 0;
  z-index: 2;
  background-color: white;
  box-shadow:none }

#comparation_table.onyx_table .even td:nth-child(2),
#compatibility_table.onyx_table .even td:nth-child(2) {
  background-color: #F3F7FA; }

#comparation_table.onyx_table #compatibility_table_filter,
#compatibility_table.onyx_table #compatibility_table_filter {
  text-align: center;
  float: inherit;
  display: none;
  margin: 65px 0 45px; }

.dataTables_info,
.dataTables_filter {
  display: none !important; }

.onyx_compatibility_note {
  max-width: 1170px;
  display: none;
  margin: 0px auto;
  text-align: left;
  font-size: 15px; }
  .onyx_compatibility_note .dataTables_info {
    display: none; }
  .onyx_compatibility_note a {
    text-decoration: none;
    font-weight: 600;
    color: var(--blue); }

#compatibility_table {
  display: none; }

.onyx_table_searcher {
	max-width: 80% !important;
    margin: 0 auto !important;
    border: none;
    border-bottom: none !important;
    position: relative;
    display: flex !important;
	gap:20px;
}
div#search-device-wrapper,
div#search_devices_wrapper{
    min-width:33.3%;
}

body .mbsc-ios.mbsc-textfield-wrapper-box, 
body .mbsc-ios.mbsc-textfield-wrapper-outline {
    margin: 0 !important;
}

body .mbsc-ios.mbsc-label-stacked.mbsc-ltr{
	display:none;
}

body .mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-outline {
    border-radius: 4px;
    border: 0;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
	text-align: left;
	font-size: 17px;
}

.onyx_table_searcher{
	min-width:740px;
}

.onyx_table_searcher #search-device-wrapper .mbsc-form-control-wrapper svg {
    bottom: inherit !important;
}

body .mbsc-textfield-tags-placeholder{
	opacity:1;
}

body .mbsc-ios.mbsc-select-icon.mbsc-ltr{
	top:11px;
}

.onyx_table_searcher svg{
	bottom:5px !important;
}

select#search_manufacturers {
    padding-left: 35px;
}

  .onyx_table_searcher svg {
    max-width: 25px;
    margin: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #222;
    z-index: 2; }
  .onyx_table_searcher .cls-1 {
    fill: #222 !important; }
  .onyx_table_searcher input {
    width: 100%;
    padding: 5px 5px 6px 45px;
    border: none; }

.onyx_table_select_filters {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 30px; }
  .onyx_table_select_filters select {
    height: 36px;
    padding: 5px;
    min-width: 180px;
    border: 1px solid #222;
    color: #222; }

.onyx_table_filter_element_selected {
  color: #ed4237;
  margin-right: 15px; }
  .onyx_table_filter_element_selected:before {
    content: 'x ';
    cursor: pointer; }

.dataTables_length {
  margin-bottom: 1rem; }

.dataTables_paginate {
  margin-top: 1rem; }
  .onyx_compatibility_page * {
    position: relative; }

	table.dataTable td{
		vertical-align: middle;
	}
  
  .onyx_compatibility_page #comparation_table {
    display: none; }
    .onyx_compatibility_page #comparation_table.active {
      display: block;
      margin: 1rem 0; }
    .onyx_compatibility_page #comparation_table thead {
      background-color: #E0E0E0;
      color: #003087; }
      .onyx_compatibility_page #comparation_table thead th:nth-child(2) {
        background-color: #E0E0E0;
        color: #003087; }
  
  .onyx_compatibility_page #onyx_compatibility_table_json {
    display: none; }
  
  .onyx_compatibility_page .table-compare-control {
    display: flex;
    justify-content: end; }
    .onyx_compatibility_page .table-compare-control .flex-box {
      display: flex;
      align-items: center;
      gap: 10px; }
  
  .onyx_compatibility_page .dataTables_wrapper {
    overflow: scroll; }
  
  table.dataTable tbody tr:nth-child(even){
    background-color: #F3F7FA;
  }

  .onyx_compatibility_page .onyx_compatibility_text {
    max-width: 100% !important;
    margin: 0px auto 10px !important;
    text-align: center;
    background: var(--blue);
    padding: 45px 40px;
  }

body td.select-checkbox:after {
	top:31% !important;
}

input#search_devices_field {
    padding: 14px 20px;
}

#page-container .sow-tabs .sow-tabs-tab-container .sow-tabs-tab{
	border-color:var(--blue);
	color: var(--blue);
}

#page-container .sow-tabs:not(.parent-tabs) .sow-tabs-tab-container .sow-tabs-tab.sow-tabs-tab-selected, 
#page-container .sow-tabs:not(.parent-tabs) .sow-tabs-tab-container .sow-tabs-tab:hover{
	background-color: var(--blue);
	color: var(--white);
}

.hero-section :last-child {
    margin-bottom: 0;
}

/* #comparation_table td.select-checkbox:after {
    top: 43% !important;
    transform: translateY(-40%);
    margin-top: 0 !important;
	height:19px !important;
} */
  
  .onyx_compatibility_page .onyx_compatibility_page__products .onyx_compatibility_content {
    margin: 30px auto;
    display: grid;
    text-align: center;
    grid-template-columns: 1fr 1fr;
    display: none; }
    .onyx_compatibility_page .onyx_compatibility_page__products .onyx_compatibility_content h4 {
      margin-bottom: 25px; }
    .onyx_compatibility_page .onyx_compatibility_page__products .onyx_compatibility_content .onyx_cards {
      display: flex;
      gap: 15px;
      flex-wrap: wrap;
      justify-content: center; }
      .onyx_compatibility_page .onyx_compatibility_page__products .onyx_compatibility_content .onyx_cards .onyx_card {
        cursor: pointer;
        width: 250px;
        height: 110px; }
        .onyx_compatibility_page .onyx_compatibility_page__products .onyx_compatibility_content .onyx_cards .onyx_card img {
          width: auto;
          max-height: 100%; }
        @media (max-width: 768px) {
          .onyx_compatibility_page .onyx_compatibility_page__products .onyx_compatibility_content .onyx_cards .onyx_card {
            width: 150px; } }
  
  .onyx_compatibility_page .inner-box {
    padding-bottom: 2rem; }
  
  .onyx_compatibility_page .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: .3rem .7rem; }
    .onyx_compatibility_page .dataTables_wrapper .dataTables_paginate .paginate_button.current {
      background: unset;
      border-color: #003087;
      border-width: 2px; }
  
  .onyx_compatibility_page .onyx_card.selected {
    border: 3px solid #003087;
    box-shadow: 0px 3px 30px #00000066; }
  
  .onyx_compatibility_page .onyx_compatibility_page__products_filter {
    display: none; }
    .onyx_compatibility_page .onyx_compatibility_page__products_filter p {
      margin-bottom: 5px;
      text-align: right; }
    .onyx_compatibility_page .onyx_compatibility_page__products_filter ul {
      display: flex;
      list-style-type: none;
      flex-wrap: wrap;
      justify-content: end; }
      .onyx_compatibility_page .onyx_compatibility_page__products_filter ul li {
        color: #ED4237;
        margin-right: 15px;
        cursor: pointer; }
        .onyx_compatibility_page .onyx_compatibility_page__products_filter ul li:before {
          content: 'x ';
          cursor: pointer; 
          background: no-repeat;
          top: 0;}
      @media (max-width: 768px) {
        .onyx_compatibility_page .onyx_compatibility_page__products_filter ul {
          justify-content: center; }
          .onyx_compatibility_page .onyx_compatibility_page__products_filter ul li {
            margin-bottom: 10px; } }
  
  .onyx_compatibility_page .grid-box.products {
    display: flex;
    flex-wrap: wrap;
    gap: 5px; }
    .onyx_compatibility_page .grid-box.products > a,
    .onyx_compatibility_page .grid-box.products > span {
      padding: 5px 10px;
      background-color: var(--blue);
      color: var(--white);
      border-radius: 20px;
    }

    .onyx_compatibility_page__products .container {
        max-width: 1170px;
        margin: 0 auto;
    }

    table.dataTable thead th, 
    table.dataTable thead td {
      padding: 8px 13px;
    }

    .onyx_compatibility_page .onyx_compatibility_text button{
      background-color: var(--dark-navy);
      color: var(--white);
      padding: 14px 35px;
      border: 0px;
      font-weight: 700;
      font-size: 15px;
      margin: 0 5px 10px 5px;
	  display:none;
    }

    .onyx_card {
      background: white;
      box-shadow: 0px 3px 20px #00000029;
      border-radius: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px;
      max-width: 400px;
      transition: all 300ms;
    }

    body .dataTables_wrapper .dataTables_length select{
      background: none;
    }

    .datatable-popup-form{
      text-align: center;
      padding: 25px 10px;
    }

    body .pum-theme-lightbox .pum-content{
      padding: 50px 80px;
      font-weight: 400;
    }

    input[type="checkbox"] {
      width: auto;
    }

    input#gform_submit_button_3 {
      max-width: 250px;
      margin: 0 auto;
      background-color: var(--blue);
      color: var(--white);
      font-weight: 700;
      border-radius: 25px;
    }

    body .pum-theme-lightbox .gform_wrapper.gravity-theme .gfield textarea.medium {
      height: 130px;
    }

/*-------------------------Compatibility Styling End--------------------------------*/

/*---------------------FAQ Component Styling Starts----------------------------*/

.onyx_my_onyx{
  max-width: 1170px;
  margin: 50px auto 0;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: .25rem;
}

.site-inner .onyx_my_onyx ul li:before{
  display: none;
}

.collapse:not(.show) {
  display: none;
  /* transition: all .35s ease; */
}

/* .multi-collapse {
  transition: all .35s ease;
} */

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height .35s ease;
}

.onyx_my_onyx .nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.site-inner .onyx_my_onyx ul li{
  padding-left: 0px;
  margin-bottom: 0px;
}

.onyx_my_onyx .onyx_nav_pills a {
  color: var(--dark-navy);
  border: 2px solid var(--blue);
  margin-right: 15px;
  min-width: 180px;
  text-align: center;
  font-weight: 700;
  padding: .5rem 1rem;
  display: inline-block;
}

.onyx_my_onyx .onyx_nav_pills a.active,
.onyx_my_onyx .onyx_nav_pills a:hover,
.onyx_my_onyx .onyx_nav_pills a:focus {
  background-color: var(--blue);
  color: var(--white);
}

.container.text-center {
  text-align: center;
}

.onyx_input_search_blog button[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  bottom: 7.5px;
  left: 7.5px;
  width: 25px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 0;
  background: none;
  border: none;
  outline: none;
}

.onyx_input_search_blog button[type="submit"] svg {
  width: 25px;
  position: relative;
  top: 0;
  left: 0;
}

.onyx_input_search_blog {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid var(--dark-navy);
}

.onyx_my_onyx form input:not([type=button]):not([type=submit]):not([type=checkbox]){
  height: 36px ;
  margin-bottom: 0px ;
  font-size: 16px ;
  outline: none ;
  border: 0px;
  padding-left: 45px;
  padding-right: 0px;
}

/*---------------------FAQ Component Styling Ends----------------------------*/

.hero-section h4 {
    margin: 0 0 30px;
}

.hero-section p {
    font-size: 15px;
    font-weight: 700;
}

.hero-section p em {
    font-size: 13px;
    font-weight: 400;
}

.light-font * {
    color: var(--white);
}

.sow-image-container img {
    margin-bottom: 10px;
}

.sow-tabs span.tab-title {
    font-weight: 700;
}

#page-container .sow-tabs-panel h3 {
    background-image: url("/wp-content/uploads/2025/06/small-lines-logo.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 60px;
}

#page-container .sow-tabs-panel .heading-logo-1 h3{
	background-image: url("/wp-content/uploads/2025/06/new-heading-logo.png");
	padding-top: 3px;
	padding-bottom: 3px;
}

#page-container .sow-tabs-panel .heading-logo-2 h3{
	background-image: url("/wp-content/uploads/2025/06/double-arrow.png");
	padding-top: 3px;
	padding-bottom: 3px;
}

#page-container .sow-tabs-panel .heading-logo-3 h3{
	background-image: url("/wp-content/uploads/2025/06/cycle-icon.png");
	padding-top: 3px;
	padding-bottom: 3px;
}

#page-container .sow-tabs-panel .heading-logo-4 h3{
	background-image: url("/wp-content/uploads/2025/06/Group-175769.png");
	padding-top: 4px;
	padding-bottom: 4px;
}

#page-container .sow-tabs-panel .heading-logo-5 h3{
	background-image: url("/wp-content/uploads/2025/06/Group-175767.png");
	padding-top: 3px;
	padding-bottom: 3px;
}

.chart-section {
    padding: 50px 0 300px;
}

.tablepress thead tr th {
    background: var(--navy);
    color: var(--white);
    padding: 10px 30px;
    text-align: center;
    line-height: 1.4;
    border-right: 1px solid #D9E1E9;
    font-size: 19px;
}

.chart-section h2 {
    margin: 0 0 30px;
}

.tablepress thead tr th.column-1 {
    text-align: left;
}

.tablepress tbody tr td {
    padding: 10px 30px;
    border-right: 1px solid #D9E1E9;
    font-size: 17px;
    font-weight: 700;
}

.tablepress tbody tr td.column-6 {
    border-left: 4px solid var(--blue);
    border-right: 4px solid var(--blue);
}

.tablepress tbody tr:last-child td.column-6 {
    border-bottom: 4px solid var(--blue);
}

#page-container .tablepress tr.odd td {
    background-color: #EDF2F7;
}

#page-container .tablepress tbody tr.odd td.column-6 {
    background-color: #c6cef5;
}

#page-container .tablepress img {
    margin: 0 auto;
    padding: 3px 0 0;
    display: block;
}

#page-container .tablepress th.column-6 {
    border: 4px solid var(--blue);
    border-right: 4px solid var(--blue);
    border-bottom: none;
}

.product-cta-section .left-sec {
    background: var(--white);
    box-shadow: 0px 30px 30px 0px rgba(44, 64, 245, 0.10);
    padding: 70px 62px;
    position: relative;
    z-index: 99;
    margin: 14% 0 0;
}

.product-cta-section .left-sec::before {
    content: "";
    background: url("images/stripes.svg") no-repeat;
    position: absolute;
    left: -280px;
    top: -150px;
    width: 610px;
    height: 620px;
    z-index: -1;
}

.product-cta-section .so-panels-full-wrapper {
    max-width: 1620px;
    margin: 0 auto;
    position: relative;
}

/*.product-cta-section .left-sec {
    margin-left: calc( (100% - 1170px) / 2 );
}*/

.product-cta-section {
    position: relative;
    min-height: 725px;
}

.product-cta-section .right-sec img {
    position: absolute;
    right: 0;
}

.product-cta-section.to-top {
    margin: -230px 0 0;
}

.ss-section {
    position: relative;
}

.ss-section::after {
    content: "";
    background-color: var(--gray);
    display: block;
    width: 100%;
    min-height: 665px;
    position: absolute;
    top: 0;
    left: 40%;
    z-index: -1;
}

.ss-section .tns-ovh {
    margin: 0 -30px;
}

.ss-item-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 50px 30px 0;
}

.ss-item-inner .left-sec, 
.ss-item-inner .right-sec {
    width: 50%;
}

.ss-item-inner .right-sec {
    padding: 0 0px 0 90px;
}

.ss-item-inner .right-sec p {
    font-size: 20px;
    line-height: 1.5;
}

.ss-item-inner .left-sec .ss-image {
    position: relative;
}

.ss-item-inner .left-sec .ss-image::before {
    content: "";
    background: url("/wp-content/uploads/2025/06/quote-icon.png") no-repeat;
    position: absolute;
    display: block;
    top: -50px;
    right: -60px;
    width: 143px;
    height: 143px;
    z-index: 99;
}

.ss-item-inner .left-sec img {
    filter: drop-shadow(0px 30px 30px rgba(44, 64, 245, 0.10));
}

.ss-section .tns-controls {
    position: absolute;
    right: 30%;
    bottom: 5px;
    display: flex;
    gap: 25px;
}

.ss-section .tns-controls button {
    background: url("/wp-content/uploads/2025/06/left-arrow.svg") no-repeat center;
    border: none;
    width: 52px;
    height: 37px;
    font-size: 0;
    text-indent: -9999px;
}

.ss-section button:last-child {
    background: url("/wp-content/uploads/2025/06/right-arrow.svg") no-repeat center;
}

.compatible-section h3 {
    background-image: url("images/blue-logo-symbol.svg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 60px;
}

.compatible-col {
    position: relative;
    min-height: 370px;
}

.compatible-col.large {
    min-height: 470px;
}

.compatible-col a.button {
    position: absolute;
    left: 0;
    bottom: 0;
}

.compatible-col p {
    padding-right: 15px;
    line-height: 34px;
}

.cta-section h2 {
    margin: 0 0 30px;
}

.advantages-section .sow-tabs-tab-container {
    width: 50%;
}

.advantages-section .sow-tabs-tab {
    position: relative;
    margin: 0 0 15px !important;
}

.advantages-section .sow-tabs-tab::before {
    content: "";
    background: #C7D0D9;
    width: 5px;
    height: 100%;
    border-radius: 50px;
    position: absolute;
    top: 0;
    left: 0;
}

.advantages-section .sow-tabs-tab:hover::before,
.advantages-section .sow-tabs-tab.sow-tabs-tab-selected::before {
    background: var(--blue);
}

.advantages-section .sow-tabs-tab:hover::after,
.advantages-section .sow-tabs-tab.sow-tabs-tab-selected::after {
    content: "";
    background: url("/wp-content/uploads/2025/06/verticle-tab-arrow-icon.svg") no-repeat;
    position: absolute;
    top: 5px;
    right: -20px;
    width: 31px;
    height: 31px;
}

.advantages-section .sow-tabs-panel-container {
    border-left: 4px solid var(--blue);
    border-radius: 5px;
}

.advantages-section .sow-tabs-panel-content p {
    font-size: 17px;
    line-height: 34px;
}

.feature-box {
    position: relative;
}

.feature-box p {
    background: var(--blue);
    box-shadow: 0px 30px 30px 0px rgba(39, 51, 59, 0.20);
    padding: 20px 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    /* opacity: 0; */
    transition: all 0.3s;
    line-height: 1.5;
    color: var(--white) !important;
    visibility: hidden;
}

/* .feature-box p:hover, */
.feature-box:hover p {
    /* opacity: 1; */
    visibility: visible;
}

.feature-box .sow-image-container img {
    margin-bottom: 25px;
	width: 95px;
    height: 95px !important;
}

.feature-row-1 .panel-grid-cell {
    border-right: 1px solid var(--navy);
    border-bottom: 1px solid var(--navy);
    padding: 40px 45px;
}

.feature-row-1 .panel-grid-cell:last-child {
    border-right: none;
}

.feature-row-2 .panel-grid-cell {
    border-right: 1px solid var(--navy);
    padding: 40px 45px;
}

.feature-row-2 .panel-grid-cell:last-child {
    border-right: none;
}

.key-feature-text-row {
    padding: 30px 0 0;
}

.key-feature-text-row p {
    font-size: 15px;
    font-weight: 700;
}

.key-feature-text-row p em {
    font-size: 13px;
    font-weight: 400;
}

.feature-row-1 .panel-grid-cell:nth-of-type(2) {
    margin: -2px 0 0;
}

.tablepress-scroll-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

nav.breadcrumb {
    font-size: 15px;
}

nav.breadcrumb a {
    color: var(--navy);
    text-decoration: underline;
}

.light-font nav.breadcrumb a {
    color: var(--white);
}

.intro-section p {
    line-height: 34px;
}

.workflow-section {
    position: relative;
}
.workflow-section h4 {
	font-size:22px;
	font-weight:700;
}

.workflow-section::after {
    content: "";
    background: url("images/stripes.svg") no-repeat;
    position: absolute;
    right: 0;
    top: -150px;
    width: 610px;
    height: 620px;
    z-index: -1;
}

.chart-section thead th:nth-child(1), 
.chart-section tbody td:nth-child(1) {
    position: sticky;
    left: 0;
    z-index: 2;
}

body #page-container .advantages-section .so-widget-sow-tabs .mobile-tab-title {
	display: none;
}

#page-container .advantages-section .so-widget-sow-tabs .sow-tabs-panel:not([style="display: none;"]),
#page-container .advantages-section .so-widget-sow-tabs .sow-tabs-panel-content {
	display: block !important;
}
.single-products p.entry-meta {
    display: none;
}
.arrow {
    font-size: 14px;
    margin-left: 0px;
	position: relative;
    right: -5px;
}
.list-login,
.list-downloads{
    list-style-type: none;
    padding-left: 0;
    position: absolute;
    background: var(--white);
    padding: 10px 20px;
    right: 165px;
    z-index: 999;
    width: 175px;
    text-align: center;
    margin-top: 10px;
    font-size: 23px;
    border-radius: 7px;
}
.list-downloads{ 
	width: 115px;
    right: 323px;
	padding: 10px;
}
.logged-in .list-downloads {
	right:336px;
}

.home #page-container .site-header .button.login {
	background:var(--white);
	color:var(--navy);
	text-decoration:none !important;
}
.home #page-container .site-header .button.login:hover,
.home #page-container .site-header .button.login:focus {
	background:var(--blue);
	color:var(--white);
}
#page-container .site-header .button.login,
.home.sticky #page-container .site-header .button.login {
	background:var(--blue);
	color:var(--white);
	text-decoration:none !important;
}
#page-container .site-header .button.login:hover,
.home.sticky #page-container .site-header .button.login:hover,
#page-container .site-header .button.login:focus,
.home.sticky #page-container .site-header .button.login:focus{
	background:var(--navy);
	color:var(--white);
}
.list-login li,
.list-downloads li {
	margin-bottom:10px;
}
.list-login li a,
.list-downloads li a {
	text-decoration:none !important;
	font-size:18px;
	font-weight:700;
}
.list-downloads li a {
	font-size:15px;
}
.site-header .widget-area a.login {
	text-decoration:none !important;
}
.login .arrow {
    text-decoration: none;
	display:none;
}
.logged-in .login .arrow {
	display:inline-block;
}
.register-btn h3 {
	margin-bottom:35px;
}
.logged-in .login-reseller-form a {
    text-align: center;
    font-size: 20px;
    display: block;
}
.login-reseller-form #loginform {
	margin-top:30px;
}

.custom-tabs {
    position: relative;
}

.custom-tabs .so-panels-full-wrapper {
    max-width: 1620px;
}

.custom-tabs .left-sec .textwidget {
    box-shadow: 0px 6px 20px #00000096;
	padding: 70px 30px;
	max-width: 540px;
	min-width: 540px;
    min-height: 270px;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
	z-index: 99;
}

#page-container .custom-tabs .left-sec .textwidget a.button {
    min-width: 160px;
}

.tabs-overflow {
    margin: -60px 0 0;
}

.custom-tabs .right-sec:hover {
    filter: sepia(50%) hue-rotate(196deg) saturate(179%);
}

.custom-tabs .left-sec.default-tab .textwidget {
	background: #fff url("/wp-content/uploads/2021/08/products_bg.png") no-repeat;
}

.custom-tabs .left-sec.onyx-thrive-tab .textwidget {
	background: #fff url("/wp-content/uploads/2021/08/Thrive_LogoBkgd.png") no-repeat right center;
	display: none;
	padding: 30px;
}

.custom-tabs .left-sec.onyx-postershop-tab .textwidget {
	background: #fff url("/wp-content/uploads/2021/08/RIPCenterPostershop_LogoBkgd.png") no-repeat right center;
	display: none;
	padding: 30px;
}

.custom-tabs .left-sec.onyx-thrive-tab.active .textwidget,
.custom-tabs .left-sec.onyx-postershop-tab.active .textwidget {
	display: block;
}

.custom-tabs .left-sec.onyx-hub-tab .textwidget {
	background: #fff url("/wp-content/uploads/2021/08/Hub_LogoBkgd.png") no-repeat right center;
	display: none;
	padding: 30px;
}

.custom-tabs .left-sec.onyx-trufit-tab .textwidget,
.custom-tabs .left-sec.onyx-trufit-mac-tab .textwidget,
.custom-tabs .left-sec.onyx-trufit-pc-tab .textwidget {
	background: #fff url("/wp-content/uploads/2021/08/Trufit_LogoBkgd.png") no-repeat right center;
	display: none;
	padding: 30px;
}

.custom-tabs .left-sec.onyx-hub-tab.active .textwidget,
.custom-tabs .left-sec.onyx-trufit-tab.active .textwidget {
	display: block;
}

.custom-tabs .left-sec.onyx-postershop-tab .textwidget {
	background: #fff url("/wp-content/uploads/2021/08/RIPCenterPostershop_LogoBkgd.png") no-repeat right center;
	display: none;
	padding: 30px;
}

.custom-tabs .left-sec.onyx-ripcenter-tab .textwidget {
	background: #fff url("/wp-content/uploads/2021/08/RIPCenterPostershop_LogoBkgd.png") no-repeat right center;
	display: none;
	padding: 30px;
}

.custom-tabs .left-sec.onyx-go-tab .textwidget {
	background: #fff url("/wp-content/uploads/2021/08/Go_LogoBkgd.png") no-repeat right center;
	display: none;
	padding: 30px;
}

.custom-tabs .left-sec.onyx-ripcenter-tab.active .textwidget,
.custom-tabs .left-sec.onyx-go-tab.active .textwidget,
.custom-tabs .left-sec.onyx-trufit-mac-tab.active .textwidget,
.custom-tabs .left-sec.onyx-trufit-pc-tab.active .textwidget {
	display: block;
}

.custom-tabs .left-sec.onyx-production-house-tab .textwidget {
	background: #fff url("/wp-content/uploads/2021/08/RIPCenterPostershop_LogoBkgd.png") no-repeat right center;
	display: none;
	padding: 30px;
}

.custom-tabs .left-sec.onyx-gama-print-tab .textwidget {
	background: #fff url("/wp-content/uploads/2021/08/RIPCenterPostershop_LogoBkgd.png") no-repeat right center;
	display: none;
	padding: 30px;
}

.custom-tabs .left-sec.onyx-production-house-tab.active .textwidget,
.custom-tabs .left-sec.onyx-gama-print-tab.active .textwidget {
	display: block;
}


.custom-tabs .right-sec {
	height: 540px;
	width: 840px;
    position: relative;
	right: 100px;
	transition: all 0.3s;
}

.custom-tabs .right-sec .siteorigin-widget-tinymce.textwidget {
	display: flex;
    flex-direction: column;
    justify-content: center;
    height: 540px;
}

.custom-tabs .right-sec p {
    display: flex;
	flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    max-width: 430px;
	margin: 0 auto;
}

.custom-tabs .right-sec a {
    display: flex;
	align-items: center;
    background: var(--white);
    padding: 20px 30px;
    margin: 0 10px 10px 0;
    border-radius: 10px;
    width: 200px;
	transition: all 0.3s;
}

.custom-tabs .right-sec a img {
    height: 50px;
    object-fit: contain;
	margin: 0 auto;
}

.custom-tabs .right-sec a:hover, .custom-tabs .right-sec a:focus {
    transform: scale(1.1);
    border: 2px solid var(--blue);
}

#page-container .onyx-24 .button {
	min-width: 150px;
}

.onyx-24 iframe {
	box-shadow: 0px 3px 20px #00000029;
}

.download-links p {
    margin: 0 0 10px;
}

.download-links a {
    display: block;
    background: url(/wp-content/uploads/2024/12/download.svg) no-repeat top 7px left;
    padding: 0 0 0 30px;
    background-size: 22px;
    text-decoration: none !important;
}

.download-links a:hover {
	text-decoration: underline !important;
}

.download-soft .panel-grid-cell {
	position: relative;
}

.download-soft .panel-grid-cell:nth-of-type(2)::before {
	content: "";
	display: block;
	background: var(--black);
	width: 2px;
	height: 90%;
	position: absolute;
	left: -25px;
	top: 0;
}

.download-soft .panel-grid-cell:nth-of-type(2)::after {
	content: "";
	display: block;
	background: var(--black);
	width: 2px;
	height: 90%;
	position: absolute;
	right: -10px;
	top: 0;
}

.inline-list-style ol {
	list-style: inside;
}

/*
Portal Pages css
---------------------------------------------------------------------------------------------------- */

.portal-boxes .panel-grid-cell {
	position:relative;
}
.portal-boxes .panel-grid-cell .sow-image-container img {
	height:330px;
	object-fit:cover;
}
.portal-boxes .panel-grid-cell .widget_sow-editor {
    z-index: 2;
    position: absolute;
    width: 100%;
    text-align: center;
    background: #003087;
    opacity: 91%;
    padding: 20px 0;
    transition: 300ms;
    cursor: pointer;
    bottom: 0;
}
.portal-boxes .panel-grid-cell .widget_sow-editor * {
	color:var(--white);
}
.portal-boxes .panel-grid-cell .widget_sow-editor h3 {
	color:var(--white);
	margin-bottom:0;
}
.portal-boxes .panel-grid-cell .widget_sow-editor a {
	text-decoration:underline;
}
.portal-boxes .panel-grid-cell .widget_sow-editor h5,
.portal-boxes .panel-grid-cell .widget_sow-editor p {
	visibility: hidden;
	transform: translateY(100px); /* Start slightly below */
    transition: opacity 0.3s ease, transform 0.3s ease; /* Add smooth transition */
	max-height:0;
}
.portal-boxes .panel-grid-cell:hover .widget_sow-editor h3 {
	margin-bottom:10px;
}
.portal-boxes .panel-grid-cell:hover .widget_sow-editor h5,
.portal-boxes .panel-grid-cell:hover .widget_sow-editor p {
	visibility: visible;
	transform: translateY(0px); /* Move to original position */
	max-height:100px;
}
.portal-boxes .sow-image-container img {
	margin-bottom:0;
}
.two-boxes .panel-grid-cell {
	min-height:295px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.two-boxes .panel-grid-cell:last-child {
	background: transparent linear-gradient(244deg, #222222 0%, #00205B 100%) 0% 0% no-repeat padding-box;
}
.two-boxes .panel-grid-cell:last-child * {
	color:var(--white);
}
#page-container .two-boxes .button,
#page-container .style-guide-boxes .button {
	position:relative;
}
span.dashicons-media-document {
	top: 10px;
    font-size: 23px;
    position: absolute;
}
.button.white-blue span.dashicons-media-document {
	color:#141933;
	margin-right:5px;
}
.button.white-blue:hover span.dashicons-media-document,
.button.white-blue:focus span.dashicons-media-document {
	color:var(--white);
}
.counter-area .count-up {
    font-size: 100px;
    color: #2c40f5;
    margin-bottom: -20px;
    font-weight: 700;
    text-align: center;
}
.portal-inner-box {
	width:800px;
	margin:0 auto;
}
.portal-slider-item p {
	margin-bottom:10px;
}
.portal-slider-item h4 {
	width:400px; 
	float:left;
	margin-right: 130px;
}
.portal-slider-item img {
    width: 800px;
    height: 400px;
    object-fit: cover;
    margin: 0 auto 30px;
    display: block;
}
.portal-slider-item img.img-placeholder {
	filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7475%) hue-rotate(38deg) brightness(100%) contrast(97%);
}
.portal-inner-box {
	width:800px; 	
}
body .partner-portal-slider,
body .portal-logos-area {
	position:relative;
}
body .partner-portal-slider .tns-controls button,
body .portal-logos-area .tns-controls button {
	position:absolute; 
	right:100px;
	bottom: 145px;
}
body .portal-logos-area .tns-controls button {
	right: -70px;
    bottom: 47px;
}
body .partner-portal-slider .tns-controls button:first-child,
body .portal-logos-area .tns-controls button:first-child {
	left:100px;
}
body .portal-logos-area .tns-controls button:first-child {
	left: -70px;
}
.logos-portal-slider .widget_sow-image img {
    opacity: 0.65;
    filter: grayscale(100%);
}
.style-guide-boxes h3.widget-title {
	font-size:20px;
	text-align: center;
}



/*
 New Templates css
---------------------------------------------------------------------------------------------------- */

.green-box-light  {
    background: #C8FFCD;
    padding: 30px;
    width: 475px;
    font-size: 50px;
    line-height: 60px;
}
.blue-step-boxes {
    padding-top: 140px;
    padding-bottom: 100px;
	font-size:20px;
	line-height: 30px;
}
.blue-step-boxes * {
	color:#fff;
}
.blue-step-boxes .panel-grid-cell {
	position:relative;
}
.blue-step-boxes h2 {
    color: rgba(255, 255, 255, 0.12);
    font-size: 325px;
    font-weight: 700;
    line-height: 30px;
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
}
.blue-step-boxes h4 {
	margin-bottom:5px;
}
.advance-subscription-boxes h3 {
	font-size: 30px;
	font-weight: 400;
	line-height: 42px;
	margin-bottom:10px;
}
.advance-subscription-boxes h2 {
    font-weight: 400;
    line-height: 42px;
    margin-bottom: 35px;
}
.advance-subscription-boxes span.para-small-text {
	font-size: 12px;
    line-height: 22px;
    display: block;
}

/*
Marketing Logos css
---------------------------------------------------------------------------------------------------- */

.page-template-partner_portal_marketing #page-container #onyx-assets-grid {
	max-width: 1170px;
    margin: 0 auto;
}
.site-inner #onyx-assets-grid .onyx_nav_pills li:before {
	display:none;
}
.site-inner #onyx-assets-grid .onyx_nav_pills {
	margin-bottom:40px;
}
.site-inner #onyx-assets-grid .onyx_nav_pills li {
	display:inline-block;
}
.site-inner #onyx-assets-grid .onyx_nav_pills li a {
	color:#2c40f5;
    border: 2px solid #2c40f5 !important;
    margin-right: 0px;
	padding: .5rem 1rem;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
	display:block;
    min-width: 180px;
    text-align: center;
    font-weight: 700;
}
.site-inner #onyx-assets-grid .onyx_nav_pills li a:hover,
.site-inner #onyx-assets-grid .onyx_nav_pills li a:focus,
.site-inner #onyx-assets-grid .onyx_nav_pills .nav-link.active {
	background:#2c40f5;
    border: 2px solid #2c40f5 !important;
	color:var(--white);
}
#onyx-assets-grid .onyx_input_search_blog {
	width: 300px;
    margin: 0 auto;
	position:relative;
	padding-left: 20px;
}
#onyx-assets-grid .onyx_input_search_blog input {
	border:0;
}
#onyx-assets-grid .onyx_assets_grid {
	grid-template-columns: repeat(4, 1fr);
	display: grid;
    grid-gap: 20px;
    justify-content: center;
    margin: 50px 0;
}
#onyx-assets-grid .onyx_assets_grid .onyx_assets_grid_element {
    text-align: center;
    position: relative;
    padding: 0 15px;
}
#onyx-assets-grid .onyx_assets_grid .onyx_assets_grid_element .onyx_assets_grid_element_picture {
    height: 200px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
	margin-bottom:20px;
}
#onyx-assets-grid .onyx_assets_grid .onyx_assets_grid_element::after {
    content: '';
    width: 1px;
    height: 70%;
    position: absolute;
    top: 15%;
    right: 0;
    border-left: 1px solid #818181;
}
#onyx-assets-grid .onyx_assets_grid .onyx_assets_grid_element .onyx_assets_grid_element__link {
    display: flex;
    margin-bottom: 0px;
    justify-content: center;
}
#onyx-assets-grid .onyx_assets_grid .onyx_assets_grid_element .onyx_assets_grid_element__link p {
    margin-bottom: 0;
    color: #707070;
    font-weight: 500;
}
#onyx-assets-grid .onyx_assets_grid .onyx_assets_grid_element .onyx_assets_grid_element__link a {
    color: #003087;
    font-weight: 600;
    margin-left: 8px;
    text-decoration: none;
    position: relative;
	line-height: 1.4;
    display: flex;
    align-items: center;
}
/*#onyx-assets-grid .onyx_assets_grid .onyx_assets_grid_element .onyx_assets_grid_element__link a:after {
    content: '';
    width: 1px;
    height: 70%;
    position: absolute;
    top: 15%;
    right: 0;
    border: 1px solid #818181;
}*/
#onyx-assets-grid .onyx_assets_grid .onyx_assets_grid_element .onyx_assets_grid_element__link a:not(:last-child)::after {
    content: " |";
    margin-left: 5px;
}
.page-template-partner_portal_marketing .onyx_post_navigation {
	margin-bottom: 120px;
	text-align:center;
}
.launch-kit-info p {
	line-height:1.4;
	margin-bottom:15px;
}
.launch-kit-info a {
	text-decoration:underline;
	font-size:18px;
}
span.para-small-text {
	font-size:13px;
}
.product-cta-section span.para-small-text {
    font-size: 15px;
    width: 240px;
    display: block;
	margin-top:-15px;
}
.logged-in .register-bottom-text {
	display:none !important;
}

/*
Translate Press Language Switcher
---------------------------------------------------------------------------------------------------- */

.flags-area .panel-grid-cell:nth-child(2) {
	position:relative;
}
body .trp_language_switcher_shortcode {
	position: absolute;
    top: 0;
	left:11px;
}
body .trp-language-switcher .trp-ls-shortcode-current-language {
	border:0;
	padding:0;
	width:auto !important; 
}
body .trp-language-switcher .trp-ls-shortcode-current-language a {
    padding: 0;
    position: relative;
    top: -15px;
    left: 5px;
}
body .trp-language-switcher {
	width:auto;
	height: auto;
	white-space: unset;
}
body .trp-language-switcher > div > a:hover {
	background:none;
	border-radius:0;
}
body .trp-language-switcher > div {
	background-image:none;
	background:none;
}
body .trp-language-switcher > div > a {
	padding:0;
}
body .trp-language-switcher > div > a > img {
	margin: 0;
    width: 70px;
    max-width: 100%;
    height: auto;
	margin-bottom: 5px;
}
body .trp-language-switcher > div > a.trp-ls-shortcode-disabled-language img {
	 width: 33px;
	 margin-bottom: 5px;
}
body .trp-language-switcher img.trp-flag-image {
	width:33px;
	margin-bottom: 5px;
}
body .trp-language-switcher > div > a.trp-ls-shortcode-disabled-language br,
body .trp-language-switcher:hover .trp-ls-shortcode-language br {
	display:none;
}
body .trp-language-switcher .trp-ls-shortcode-language {
	max-height: unset;
	width:auto !important;
	padding:0;
}
body .trp-language-switcher .trp-ls-shortcode-language p {
	margin-bottom:5px;
}
body .trp-language-switcher > div > a.trp-ls-shortcode-disabled-language {
	padding:0;
}
body .trp-language-switcher:hover .trp-ls-shortcode-language {
	max-height: unset;
	position: relative;
    overflow-y: unset;
	padding:0;
	top: -57px;
    left: 0;
    border: 0;
	background:var(--white);
	padding:4px;
}
body.home .trp-language-switcher:hover .trp-ls-shortcode-language {
	top: -50px;
	left: 0px
}
body.home.sticky .trp-language-switcher:hover .trp-ls-shortcode-language {
	top: -57px;
    left: 0px;
}

/*
Map Styling
---------------------------------------------------------------------------------------------------- */

.colored-three-boxes p,
.location-top-boxes p {
	margin-bottom:5px;
}
.colored-three-boxes p {
	line-height:1.5;
}
.colored-three-boxes .panel-grid-cell .widget_sow-editor {
	margin-bottom:30px !important;
}
.location-map1 {
    border-left: 25px solid #141933;
    padding-left: 20px;
}
.location-map2 {
    border-left: 25px solid #757889;
    padding-left: 20px;
}
.location-map3 {
    border-left: 25px solid #bec0cd;
    padding-left: 20px;
}
.location-map4 {
    border-left: 25px solid #35348a;
    padding-left: 20px;
}
.location-map5 {
    border-left: 25px solid #bbb3e6;
    padding-left: 20px;
}
.location-map6 {
    border-left: 25px solid #2c40f5;
    padding-left: 20px;
}
.location-map7 {
    border-left: 25px solid #909cff;
    padding-left: 20px;
}
.location-map8 {
    border-left: 25px solid #cad0ff;
    padding-left: 20px;
}
.location-map9 {
    border-left: 25px solid #eaedff;
    padding-left: 20px;
}
.location-map10 {
    border-left: 25px solid #701773;
    padding-left: 20px;
}
.location-map11 {
    border-left: 25px solid #cc2fbe;
    padding-left: 20px;
}
.location-map12 {
    border-left: 25px solid #f490eb;
    padding-left: 20px;
}
.location-map13 {
    border-left: 25px solid #ffc9fa;
    padding-left: 20px;
}
.mapsvg-data-form-view {
	display:none !important;
}
#mapsvg-14 {
	padding-bottom: 61.2155% !important;
}
.mapsvg-controller-view-content div,
.mapsvg-controller-view-content p:last-child,
.mapsvg-controller-view-content h5 {
	display:none;
}
.location-popup-style,
.mapsvg-controller-view-content .location-popup-style h5 {
	display:block !important;
}
#mapsvg-map-14 .mapsvg-details-container {
	position:relative;
	z-index: 999;
    background: rgba(255, 255, 255, 1) !important;
    width: 600px !important;
    margin: 0 auto;
    max-height: 30% !important;
    height: auto !important;
    top: 30% !important;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 
            -10px 0 20px rgba(0, 0, 0, 0.2), 
             10px 0 20px rgba(0, 0, 0, 0.2);

}
#mapsvg-map-14 .mapsvg-popover-close:before,
#mapsvg-map-14 .mapsvg-popover-close:after {
	background:#fff;
	width: 60%;
    left: 6px;
}
#mapsvg-map-14 .mapsvg-popover-close {
	position:relative;
	width:30px;
	height:30px;
	border-radius:100%;
	transform:none;
	float: right;
	right: 10px;
    top: 10px;
	background: var(--blue);
}
#mapsvg-map-14 .mapsvg-controller-view-content hr {
	display:none;
}
/*#mapsvg-map-14 .mapsvg-popover-close:after {
    background-color: var(--blue);
    content: 'Back to Map' !important;
    transform: none;
    height: auto;
    color: #fff;
    font-size: 16px;
    width: 155px;
    border-radius: 40px;
    position: relative;
    right: 0;
    left: unset;
    float: right;
    padding: 4px;
    text-align: center;
}*/

/*
Product Popup Form Styling
---------------------------------------------------------------------------------------------------- */

.product-popup-form {
	padding:30px;
	background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}
.product-popup-form .textwidget img {
	width: 70px;
}
body #popmake-665114 .pum-content,
body #popmake-665120 .pum-content,
body #popmake-665123 .pum-content {
	padding:0;
}
body #popmake-665114.pum-container,
body #popmake-665120.pum-container,
body #popmake-665123.pum-container{
	background:none;
}
.product-popup-form * { 
	color:#fff;
}
.product-popup-form .nf-form-content input[type=submit] {
	background:var(--white);
	min-width:217px;
	color:#000;
}
.product-popup-form .nf-form-content input[type=submit]:hover,
.product-popup-form .nf-form-content input[type=submit]:focus {
	background:var(--navy);
	color: var(--white);
}
.product-popup-form .nf-form-content select.ninja-forms-field,
.product-popup-form .nf-form-content select.ninja-forms-field option {
	color: var(--navy) !important;
}
.product-popup-form .ninja-forms-req-symbol,
.product-popup-form .nf-error .nf-error-msg,
.product-popup-form .nf-error-msg {
    color: var(--white);
}
.choose-onyx-tabs .sow-tabs-panel-content h4 {
	padding-bottom:15px;
}

.products-info-rows .panel-layout .panel-grid{
	border-bottom:1px solid #D9D9D9;
	padding-bottom:30px;
	margin-bottom:30px !important;
}

.products-info-rows .panel-layout .panel-grid:last-child{
	border-bottom:0px;
	padding-bottom:0px;
	margin-bottom:0px !important;
}

.products-info-rows .panel-layout .panel-grid img.so-widget-image {
    margin: 0 auto;
}

.products-info-rows .panel-layout .panel-grid .panel-grid-cell:last-child p{
	margin-bottom:10px;
}

.products-info-rows .panel-layout .panel-grid .panel-grid-cell:last-child p:last-child{
	margin-bottom:0px;
}

.products-info-rows .panel-layout .panel-grid .panel-grid-cell:last-child a.more-link{
	margin-top:0px;
}

.business-solution-boxes .panel-layout .panel-grid .panel-grid-cell .so-panel:last-child .image-widget-container.right-title h3.widget-title{
	color:#fff;
	font-size:20px;
}

.business-solution-boxes .image-widget-container.right-title h3.widget-title {
    font-size: 22px;
	color: var(--blue);
}

.business-solution-boxes .image-widget-container.right-title .widget-inner-wrap {
    display: flex;
	padding-left:25px;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
	padding-top:10px;
	padding-bottom:10px;
	min-height:85px;
}

.business-solution-boxes .image-widget-container.right-title .image-container{
	margin-bottom:0px;
}


/*
Dashboard Boxes
---------------------------------------------------------------------------------------------------- */

.dashboard-boxes .panel-grid-cell {
	border-radius: 15px;
	background: #003087;
	padding:40px;
	margin-bottom:30px;
}

.dashboard-boxes.light-box .panel-grid-cell {
	background:#F3F7FA;
}
.dashboard-boxes .panel-grid-cell * {
	color:#fff;
}

#page-container .dashboard-boxes .panel-grid-cell li  {
	font-size:17px;
}

#page-container .dashboard-boxes .dark-text * {
	color:#141933 !important;
}
.dashboard-boxes .widget_sow-image {
	margin-top:35px;
}
.dashboard-boxes .sow-image-container img {
	margin-bottom:0;
}

body .checkbox-container.label-right label:before {
    left: -26px;
    font-size: 14px;
}

.easy-pair-boxes .compatible-col.smaller-height{
	min-height: 370px;
}

.heading-center .tablepress thead tr th.column-1 {
    text-align: center;
}

.heading-center .tablepress thead tr th.column-1 img{
	margin-bottom:10px;
}

.heading-center .tablepress tr td.column-1 {
	position:relative;
	display: flex;
    width: 100%;
    justify-content: center;
	gap: 10px;
    align-items: center;
}
.compare-product-boxes .heading-center .tablepress tr td.column-1 {
	justify-content: left;
	padding-left:40px;
	color: #141933 !important;
    font-weight: 700;
}
.compare-product-boxes .heading-center .tablepress tr:last-child td.column-1:before {
	display:none;
}
.compare-product-boxes .heading-center .tablepress tr:last-child td.column-1 {
	justify-content: center;
	border-top:1px solid #cfcfcf;
	padding: 30px;
}
.compare-product-advantage .heading-center .tablepress tr:last-child td.column-1:before {
	display:block;
}
.compare-product-boxes .table-go-lite .tablepress tr:last-child td.column-1 {
	margin-top:300px;
}
.compare-product-advantage .heading-center .tablepress tr:last-child td.column-1 {
	justify-content:left;
	border:0;
	margin-top:0;
	padding:15px 30px;
}
.compare-product-advantage .heading-center .tablepress tr td.column-1 {
	text-align:left;
}
.compare-product-boxes.poster-product-boxes .table-go-lite .tablepress tr:last-child td.column-1 {
	margin-top:400px;
}
.compare-product-boxes.compare-rip-product-boxes .table-go-lite .tablepress tr:last-child td.column-1 {
	margin-top: 548px;
}
.compare-product-boxes .heading-center .tablepress thead tr th.column-1 {
	padding:30px 20px;
}

.heading-center .tablepress tr td.column-1:before {
	content: '';
    background: url(/wp-content/uploads/2025/06/list-tick.svg) no-repeat center;
    width: 20px;
    height: 12px;
    background-size: contain;
}
.support-availability p {
	margin-bottom:10px;
}

/*
Media Queries
---------------------------------------------------------------------------------------------------- */

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

	#page-container .news-blog-section .tns-item:not(.tns-slide-active) + .tns-slide-active {
	  width: 510px;
	  max-width: 510px;
	}
  
	.site-inner .onyx_my_onyx ul li{
	   word-break: break-word;
	}
	.two-boxes p {
		padding:0 30px;
	}
  }

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

	.product-cta-section .right-sec img {
		object-position: 190px 0px;
	}
	.two-boxes h2 {
		font-size: 40px;
	}
}

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

	#page-container .news-blog-section .tns-item:not(.tns-slide-active) + .tns-slide-active {
	  width: 480px;
	  max-width: 480px;
	}
  
	#page-container .news-blog-section .tns-item:not(.tns-slide-active) + .tns-slide-active h5 {
	  font-size: 25px;
	}
  
	.onyx_my_onyx {
	  max-width: 100%;
	  margin: 35px auto 0;
	  padding: 0 20px;
	}
  
	.onyx_my_onyx .onyx_nav_pills a{
	  min-width: 150px;
	}
  
	.applications-panel .boxed-layout .image-hover-description {
	  padding: 0 30px 20px 30px;
	}
  
	.applications-panel .image-hover-description p {
	  line-height: 23px;
	  margin-bottom: 5px;
	}
  
	.applications-panel{
	  background-size: 68% 100% !important;
	}
	body .portal-logos-area .tns-controls {
		width:150px;
		margin:0 auto;
	}
	body .portal-logos-area .tns-controls button:first-child {
		left:0;
		margin-left:0;
	}
	body .portal-logos-area .tns-controls button {
		position:relative;
		right:0;
		bottom:0;
		margin-left: 40px;
	}
  }

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

	.wrap,
	.hero-section .wrap,
	#page-container .so-panels-full-wrapper,
	#page-container .panel-grid.panel-no-style,
	#page-container .panel-row-style:not([data-stretch-type]) {
		max-width: calc( 100% - 40px );
	}

	#page-container .so-panels-full-wrapper .so-panels-full-wrapper,
	#page-container .so-panels-full-wrapper .panel-grid.panel-no-style,
	#page-container .panel-row-style:not([data-stretch-type]) .panel-grid.panel-no-style,
	#page-container .so-panels-full-wrapper .panel-row-style:not([data-stretch-type]),
	#page-container .panel-row-style:not([data-stretch-type]) .panel-row-style,
	#page-container .panel-grid.panel-no-style .panel-grid.panel-no-style,
	#page-container .panel-grid.panel-no-style .panel-row-style:not([data-stretch-type]) {
		max-width: 100%;
	}

	.content {
		width: 580px;
	}

	.sidebar {
		width: 320px;
	}
	/*.header-social-icons .dashicons-icon {
	   width: 27px;
        height: 27px;
        margin-right: 3px;
	}
	.header-social-icons .dashicons-icon:hover, 
	.header-social-icons .dashicons-icon:focus {
		line-height: 1.7;
		font-size: 17px;
	}*/
	#page-container .footer-boxes input[type="submit"] {
		min-width:auto;
	}
	#page-container #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        padding: 0px 8px;
    }
	body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
		left:-310px;
	}

	#page-container .applications-panel > .panel-grid-cell > .so-panel:first-child{
		margin-left: 30px ;
	  }
	
	  #page-container .applications-panel div.tns-outer {
		max-width: 100%;
		margin-left: 30px !important;
	  }
	
	  .applications-panel .tns-controls,
	  #page-container .news-blog-section .tns-controls{
		right: 30px;
	  }
	
	  .applications-panel .boxed-layout .image-hover-description,
	  .applications-panel .widget_custom_image_widget .image-widget-normal .middle-me {
		padding: 0 30px 20px 30px;
		font-size: 14px;
	  }
	
	  .applications-panel .widget_custom_image_widget .middle-me h3 {
		font-size: 20px;
	  }
	
	  .boxed-layout:hover .image-hover-description{
		line-height: 1.4;
	  }
	
	  .applications-panel .boxed-layout .image-hover-description .image-hover-content strong, 
	  a.card-read-more, .post-item-info .more-link{
		margin-top: 15px;
	  }
	
	  #page-container .news-blog-section div.tns-outer {
		max-width: 100%;
		margin-left: 20px !important;
	  }
	
	  .home .hero-section {
		min-height: auto;
	  }
	
	  .onyx_compatibility_page__products .container{
		max-width: 100%;
		padding: 0 20px;
	  }
	
	  .home .hero-section{
		padding-top: 160px;
	  }

	  .ss-item-inner .right-sec {
        padding: 0 50px 0 70px;
    }

    h3 {
        font-size: 28px;
    }

    .ss-section .tns-controls {
        bottom: 50px;
    }

    .product-cta-section .left-sec h2 {
        font-size: 36px;
    }

    .product-cta-section .left-sec h4 {
        font-size: 20px;
    }

    .product-cta-section .right-sec img {
        position: absolute;
        right: -230px;
    }

    .compatible-col {
        min-height: 360px;
    }
	
	.custom-tabs .left-sec .textwidget {
    	max-width: 450px;
		min-width: 450px;
	}
	
	.custom-tabs .left-sec .textwidget h2 {
    	font-size: 30px;
	}
	
	.custom-tabs .right-sec {
		width: 700px;
	}
	#page-container .site-header .button {
    	min-width: 115px;
	}
	.easy-pair-boxes .compatible-col {
    	min-height: 466px;
	}
}

@media only screen and (max-width: 1024px) {
	
	body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		padding: 0px 7px 0px 7px;
	}
	
	#page-container .flags-countries {
		right: 50px;
	}
	
	#page-container .site-header .button {
		position: relative;
    	z-index: 999;
	}
	
	.circle-good-checklist ul li, .circle-checklist-blue li {
    	padding-left: 60px;
	}
	
	.product-cta-section .right-sec img {
		object-position: unset;
	}
	.two-boxes h2 {
		padding:0 30px;
	}
	body .partner-portal-slider .tns-controls {
		width:150px;
		margin:0 auto;
	}
	body .partner-portal-slider .tns-controls button:first-child {
		left:0;
		margin-left:0;
	}
	body .partner-portal-slider .tns-controls button {
		position:relative;
		right:0;
		bottom:0;
		margin-left: 40px;
	}
	#page-container .workflow-section .button {
		margin-left:0;
	}
	.blue-step-boxes {
    	padding-top: 40px;
    	padding-bottom: 40px;
	}
	.blue-step-boxes p br {
		display:none;
	}
	.blue-step-boxes h2 {
		font-size:200px;
	}
	.blue-step-boxes h4 {
		font-size:22px;
	}
	.advance-subscription-boxes h2 {
		font-size:34px;
	}
	.compare-product-advantage .heading-center .tablepress tr td.column-1 {
		padding-left: 20px;
    	font-size: 14px;
	}
}

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

	.site-header {
		position: relative;
	}
	.site-header + * {
		margin-top:0;
	}
	.home .title-area {
		padding: 18px 0;
	}

	.content,
	.sidebar {
		float: none;
		width: 100%;
	}
	.site-header .widget-area {
		float:none;
	}
	.genesis-nav-menu a {
		padding: 5px 0;
	}

	.genesis-nav-menu .menu-item {
		display: block;
		text-align: left;
		position: relative;
	}

	.genesis-nav-menu .sub-menu a {
		background-color: transparent;
		border: 0;
		padding: 5px 0;
		width: 100%;
	}

	.genesis-nav-menu .sub-menu .sub-menu,
	.site-header .sub-menu .sub-menu {
		margin: 0px;
	}

	.nav-header,
	.nav-primary {
		width: 100%;
	}

	.menu-toggle,
	.sub-menu-toggle {
		display: block;
		visibility: visible;
	}

	.genesis-nav-menu .sub-menu {
		clear: both;
		display: none;
		left: -9999px;
		margin: 0;
		opacity: 1;
		padding-left: 15px;
		position: static;
		z-index: 99;
	}

	.genesis-nav-menu .menu-item:hover {
		position: relative;
	}

	.genesis-nav-menu .sub-menu,
	.genesis-nav-menu .sub-menu a {
		width: 100%;
	}
	
	.alignleft,
	.alignright {
		max-width: 300px;
	}

	.site-inner {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.sidebar {
		clear: both;
		padding-top: 60px;
	}

	.button + .button {
		margin-left: 0;
	}
	
	.content-align-right {
		text-align: inherit;
	}

	#page-container .gform_fields {
		grid-column-gap: 2%;
	}

	.hero-section,
	.home .hero-section {
		min-height: auto;
	}
	.top-gap {
    	padding-top: 40px;
	}
	.bottom-gap {
		padding-bottom:40px;
	}
	.top-gap-medium {
		padding-top:30px;
	}
	.bottom-gap-medium {
		padding-bottom:30px;
	}
	.home .header-social-icons .dashicons-icon {
		color:var(--blue);
	}
	.home .header-social-icons .dashicons-icon:hover,
	.home .header-social-icons .dashicons-icon:focus {
		color:var(--white)
	}
	.footer-boxes,
	.footer-social-text {
		text-align:center;
	}
	.footer-boxes .gform_wrapper.gravity-theme .gfield.gfield--width-half {
		text-align:left;
	}
	#page-container .gform_footer {
    	padding-top: 0px;
	}
	#page-container .footer-social-text .panel-grid-cell:first-child {
		margin-bottom:15px;
	}
	#page-container .footer-logo {
		padding-bottom:20px;
	}
	.site-footer .sow-image-container img {
		margin: 0 auto 15px;
	}
	.home #page-container .site-header .button {
    	background-color: var(--blue);
    	color: var(--white);
		margin-bottom:10px;
	}
	.home #page-container .site-header .button:hover {
    	background-color: var(--navy);
    	color: var(--white);
	}
	body #mega-menu-wrap-primary {
		margin-top: 30px;
		margin-bottom: 0px;
		clear:unset;
	}
	body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child {
		border-bottom:0;
	}
	body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		font-size:17px;
	}
	body #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
		margin-top: 30px;
		border-top: 1px solid rgba(20, 25, 51, 0.25);
	}
	body.home #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, 
	body.home #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
		color:var(--navy);
	}
	body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
		border-bottom: 1px solid rgba(20, 25, 51, 0.25);
		padding-top: 5px;
        padding-bottom: 5px;

	}
	body #mega-menu-wrap-primary > li.mega-menu-item > a.mega-menu-link {
		font-size:22px;
		font-weight:700;
	}
	body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-12 {
		padding-left: 0px;
	}
	body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
		background: #F3F7FA;
		padding: 7px 23px 17px;
		margin-bottom: 20px;
	}
	body #mega-menu-wrap-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
		font-weight:400;
	}
	body #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
	body #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, 
	body #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
		height:3px;
	}
	.mega-sub-menu h5 {
		color: var(--navy);
		margin-top: 10px;
		margin-bottom: 0px;
		font-size: 18px;
	}
	body.home .site-header .search-icon img {
    	display: none !important;
	}
	.site-header .widget-area #siteorigin-panels-builder-2 {
    	width: 100%;
    	float: none;
    	margin-bottom: 0px;
	}
	.home .title-area a {
		background-image: url("images/logo.svg");
	}
	.home #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    	color: var(--navy);
	}
	header .wp-block-button__link { 
		border-radius:25px !important;
	}
	#mega-menu-wrap-primary #mega-menu-primary p {
		margin-bottom: 0px !important;
		text-align: center;
	}
	#page-container .site-header .button {
		border-radius: 25px;
    	margin-right: 8px;
    	padding-left: 0;
	}
	#siteorigin-panels-builder-2 .panel-grid-cell {
		margin-bottom:15px;
	}
	#flyout-header.visible {
		top: 84px;
    	width: 100%;
	}
	#page-container .flags-countries {
		right: 65px;
	}
	#page-container .flags-area {
		flex-direction: row !important;
		width: 260px;
	}
	#page-container .flag-top {
		padding-left: 4px;
	}
	.core-benefits-area br,
	.footer-boxes br {
		display:block;
	}
	.benefits-three-boxes p {
		padding:0 70px;
	}
	#page-container .form-area input[type="submit"] {
		margin-top:20px;
	}
	.team-popup-row .member-item {
		flex: 0 0 calc(33.33% - 30px);
	}
	#page-container .card-three-boxes {
		width:320px;
		margin:0 auto;
	}
	.card-three-boxes.card-with-images .panel-cell-style .textwidget {
		padding: 0 20px 25px;
	}
	#page-container .accordions-style-primary .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border {
		padding: 0 50px 30px 0;
	}
	body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
		background: #F3F7FA;
		margin-top:10px;
	}
	body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    	color: var(--navy);
	}
	body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
		float:none;
	}
	.header-social-icons {
		padding-top:0px;
	}
	.home .header-social-icons .dashicons-icon.dashicons-twitter:before {
		background: url(images/x-twitter-blue.png) no-repeat;
		background-size:contain;
	}
	.home .header-social-icons .dashicons-icon.dashicons-twitter:hover:before {
	 	background: url(images/x-twitter.png) no-repeat;
	 	background-size: contain;
	}
	/*.header-social-icons .dashicons-icon.dashicons-twitter:before {
		top:-11px;
	}
	.header-social-icons .dashicons-icon.dashicons-twitter:hover {
		top:-10px;
	}
	.header-social-icons .dashicons-icon.dashicons-twitter:hover:before {
		top:-15px;
	}*/
	.header-social-icons .dashicons-icon.dashicons-twitter:hover {
		top:0;
	}
	.header-social-icons .dashicons-icon {
		font-size: 32px;
		width: 32px;
        height: 32px;
		margin-right: 10px;
	}
	.header-social-icons .dashicons-icon:hover, .header-social-icons .dashicons-icon:focus {
        line-height: 1.4;
        font-size: 21px;
    }

	.down-arrow:after{
		height:65px;
		background-size: 65px;
		bottom: -25px;
	  }
	
	  .home .hero-section {
		padding-top: 100px;
	  }
	
	  .applications-panel .tns-controls button{
		width: 35px;
		height: 32px;
		background-size: 100%;
	  }
	
	  .applications-panel .tns-controls button:last-child{
		background-size: 100%;
	  }
	
	  .applications-panel{
		background-size: 80% 100% !important;
	  }
	
	  .applications-panel .tns-controls{
		gap: 15px;
	  }
	
	  #page-container .news-blog-section .tns-controls{
		top:52px;
	  }
	
	  h1 br,
	  h2 br,
	  h3 br,
	  h4 br,
	  h5 br,
	  p br{
		display: none;
	  }
	
	  .onyx_my_onyx .onyx_nav_pills a {
		min-width: 130px;
		margin: 0px 10px 0 0;
	  }
	
	  .onyx_compatibility_page .table-compare-control{
		justify-content: center;
	  }
	
	  .onyx_compatibility_page .onyx_compatibility_page__products_filter p{
		text-align: center;
	  }
	
	  .onyx_compatibility_note{
		padding: 0 20px;
	  }
	
	  .onyx_compatibility_page .inner-box {
		padding-bottom: 1rem;
	  }
	
	  .site-inner .onyx_my_onyx ul li{
		width: 100%;
	  }
	
	  .applications-panel .image-hover-description p:first-child{
		margin-bottom: 5px;
	  }
	
	  .applications-panel h3 br{
		display: block;
	  }
	
	  .home .title-area a{
		position: relative;
		z-index: 9999;
	  }
	
	  .intro-section.bottom-gap{
		padding-bottom: 60px;
	  }
	
	  .down-arrow:after {
		height: 45px;
		background-size: 45px;
		bottom: -20px;
	  }

	  #page-container .sow-tabs .sow-tabs-tab {
        padding: 15px 20px 15px 20px;
        margin: 10px 10px;
    }

    h1 {
        font-size: 50px;
    }

    h2 {
        font-size: 35px;
    }

    h3 {
        font-size: 25px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 16px;
    }

    .tablepress thead tr th {
        font-size: 16px;
        padding: 10px 10px;
    }

    .tablepress tbody tr td {
        padding: 10px 10px;
        font-size: 14px;
		line-height: 1.5;
		position: relative;
    }
	
	#page-container .tablepress img {
		padding: 0;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		right: 0;
	}

    .product-cta-section .left-sec {
        margin: 0;
        padding: 40px 60px;
    }

    .product-cta-section.to-top {
        margin: 0;
    }

    .chart-section {
        padding: 50px 0;
    }

    .ss-item-inner {
        display: block;
        padding: 50px 0 0;
    }

    .ss-section h2 {
        text-align: center;
    }

    .ss-item-inner .left-sec, 
    .ss-item-inner .right-sec {
        width: 100%;
    }

    .ss-section .tns-ovh {
        margin: 0;
    }

    .ss-item-inner .right-sec {
        padding: 0;
    }

    .ss-section .tns-controls {
        position: absolute;
        right: auto;
        bottom: 0;
        left: 0;
    }

    .product-cta-section .right-sec img {
        position: relative;
        right: 0;
    }

    .ss-section {
        position: relative;
        padding: 50px 0 80px;
    }

    .ss-item-inner .left-sec img {
        display: block;
        margin: 0 auto 40px;
    }

    .ss-item-inner .left-sec .ss-image::before {
        top: -40px;
        right: 0;
        left: 0;
        background-size: contain;
        margin: 0 auto;
    }

    .product-cta-section .left-sec::before {
        display: none;
    }

    .product-cta-section {
        min-height: 100%;
    }

    .feature-row-1 .panel-grid-cell {
        border-right: none;
        border-bottom: none;
    }

    .feature-row-2 .panel-grid-cell {
        border-right: none;
    }

    .compatible-col {
        min-height: 100%;
    }

    .compatible-col a.button {
        position: relative;
    }

    .advantages-section .sow-tabs-panel {
        padding: 10px 0 10px !important;
    }

    .advantages-section .sow-tabs-tab:hover::after, .advantages-section .sow-tabs-tab.sow-tabs-tab-selected::after {
        right: -10px;
    }

    .site-inner ul {
        margin: 0;
    }

    .out-product .sow-tabs-panel {
        padding: 30px 20px 0px !important;
    }

    .feature-box p {
        max-width: 340px;
    }

    #page-container .advantages-section .sow-tabs .sow-tabs-tab{
        padding: 15px 10px 15px 15px;
        font-size: 15px;
    }
    
    .advantages-section .sow-tabs-tab-container {
        width: 100%;
    }
    
    .advantages-section .sow-tabs-tab:hover::after, 
    .advantages-section .sow-tabs-tab.sow-tabs-tab-selected::after {
        right: -7px;
        width: 20px;
        background-size: 100%;
        top: 20px;
    }
    
     .advantages-section .sow-tabs-panel-content h4{
        margin-bottom: 10px;
    }
    
    .advantages-section .sow-tabs-panel-content p {
        font-size: 15px;
        line-height: 26px;
    }
	
	.advantages-section .sow-tabs {
    	display: block;
	}
	
	#page-container .advantages-section .so-widget-sow-tabs .sow-tabs-tab-container,
	#page-container .advantages-section .so-widget-sow-tabs .sow-tabs-panel-content {
		display: none !important;
	}
	
	#page-container .advantages-section .so-widget-sow-tabs .mobile-tab-title,
	#page-container .advantages-section .so-widget-sow-tabs .mobile-tab-title.show + div,
	#page-container .advantages-section .so-widget-sow-tabs .sow-tabs-panel {
		display: block !important;
	}
	
	#page-container .advantages-section .so-widget-sow-tabs .mobile-tab-title.show {
		width: 100%;
	}
	
	.advantages-section .sow-tabs-panel-container {
    	border-left: none;
    	border-radius: 0;
	}
	
	.advantages-section .sow-tabs-panel-content h4 {
		display: none;
	}
	
	.advantages-section .sow-tabs .sow-tabs-panel-container {
		background-color: transparent;
	}
	
	#page-container .advantages-section .so-widget-sow-tabs .mobile-tab-title {
    	background: #fff url("images/accord-close.svg") no-repeat center right 20px;
		padding: 10px 15px;
	}
	
	#page-container .advantages-section .so-widget-sow-tabs .mobile-tab-title.show {
		background: #fff url("images/accord-open.svg") no-repeat center right 20px;
	}
	
	#page-container .advantages-section .so-widget-sow-tabs .sow-tabs-panel-content {
    	padding: 10px 15px 0;
	}
	#page-container .flag-top {
    	margin-left: 0;
	}
	.list-login {
		right: 100px;
		margin-top: 0px;
	}
	#page-container .site-header .button {
		margin-bottom:10px;
	}
	
	.onyx_compatibility_page .onyx_compatibility_text{
		padding:30px 25px;
	}
	
	.custom-tabs .right-sec {
		width: 100%;
		right: 0;
	}
	
	.custom-tabs .left-sec .textwidget {
		top: 10%;
		transform: none;
		margin: 0 auto;
		left: 0;
		right: 0;
		text-align: center;
	}
	
	.custom-tabs {
    	margin: 0 0 20px;
	}
	
	.tabs-overflow {
    	margin: 0;
	}
	
	.custom-tabs .right-sec .siteorigin-widget-tinymce.textwidget {
		justify-content: flex-end;
		height: 100%;
		min-height: 500px;
	}
	
	.custom-tabs .left-sec .textwidget p {
    	line-height: 1.5;
	}
	
	.download-links h3.widget-title {
    	font-size: 22px;
	}
	
	.download-soft .panel-grid-cell:nth-of-type(2)::before,
	.download-soft .panel-grid-cell:nth-of-type(2)::after {
		display: none;
	}
	
	.onyx-24 {
    	text-align: center;
	}
	
	.onyx-24 img.so-widget-image {
		display: block;
		margin: 0 auto;
	}
	.sample-images-area {
		padding:0 40px;
	}
	.portal-boxes .panel-grid-cell {
		margin-bottom:0 !important;
	}
	#page-container .site-header .button {
        min-width: 145px;
    }
	.portal-slider-item h4 {
		margin-right:50px;
	}
	.site-inner #onyx-assets-grid .onyx_nav_pills li a {
		min-width: 145px;
	}
	body .trp-language-switcher:hover .trp-ls-shortcode-language {
    	top: -60px !important;
    	left: -2px !important;
	}
	#mapsvg-map-14 .mapsvg-details-container { 
		width: 100% !important;
		max-height: 100% !important;
		background: rgba(255, 255, 255, 1) !important;
		top:0;
	}
	.easy-pair-boxes .compatible-col {
    	min-height: auto;
	} 
	.green-box-light {
		margin: 30px auto 0;
	}
	.compatible-col.large {
    	min-height: auto;
    	margin-bottom: 30px;
	}
	.list-downloads {
		position: absolute;
        right: 114px !important;
        top: 93px;
        width: 150px;
        box-shadow: 0px 0px 10px #ccc;
	}
	.dashboard-boxes .panel-grid-cell {
		padding: 30px !important;
    	margin-bottom: 30px !important;
    	line-height: 1.4;
    	font-size: 14px;
	}
	.dashboard-boxes .widget_sow-image {
    	margin-top: 20px;
	}
	.home #page-container .site-header .button.login {
		background: var(--blue);
    	color: var(--white);
	}
	.home #page-container .site-header .button.login:hover {
		background: var(--navy);
	}
	.support-availability p br {
		display:none;
	}
	.compare-product-boxes .table-go-lite .tablepress tr:last-child td.column-1 {
		margin-top:0 !important;
	}
	#page-container .compare-product-boxes .tablepress img {
		position: relative;
        top: 0;
        transform: none;
	}
	#page-container .site-header .button {
		font-size:14px;
	}
}

@media only screen and (max-width: 780px) {
	
	.onyx_table_searcher {
		min-width: 530px;
	}
	
	body .mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-outline{
		padding-left: 25px;
		padding-top: 7px;
		padding-bottom: 7px;
		font-size: 15px;
	}

	.alignleft,
	.alignright {
		float: none;
		max-width: 100%;
		margin: 0 auto 24px;
		display: block;
	}

	.entry-content .entry-image {
		float: left;
		margin-right: 20px;
	}
	.team-popup-row .member-item {
		flex: 0 0 calc(50% - 30px);
	}
	#page-container .printing-solution-tabs .button.navy-blue {
		clear: both;
    	display: table;
	}
	#page-container button.form-control__button {
		min-width: 140px !important;
	}

	.applications-panel {
		background-size: 100% 100% !important;
	  }
	
	  .applications-panel:after{
		display: none;
	  }
	
	  #page-container .applications-panel > .panel-grid-cell > .so-panel:first-child {
		margin-left: 0;
		padding: 0 30px !important;
	  }
	
	  .applications-panel .tns-controls{
		position: relative;
		top: 0px;
		left: 0;
		right: 0;
		width: fit-content;
		margin: 0 auto 20px;
	  }
	
	  .applications-panel .tns-controls button{
		filter: brightness(0) invert(1);
	  }
	
	  #page-container .applications-panel div.tns-outer {
		max-width: 370px;
		margin: 0 auto !important;
	  }
	
	  .applications-panel .boxed-layout .image-hover-description, 
	  .applications-panel .widget_custom_image_widget .image-widget-normal .middle-me {
		padding: 0 40px 20px 35px;
		font-size: 17px;
		line-height: 1.5;
	  }
	
	  .onyx_my_onyx .onyx_nav_pills a{
		margin: 0px;
	  }
	
	  .onyx_my_onyx .nav{
		gap:10px;
	  }
	
	  body .pum-theme-lightbox .pum-content {
		padding: 30px 25px;
	  }
	#onyx-assets-grid .onyx_assets_grid {
    	grid-template-columns: repeat(1, 1fr);
    	display: grid;
	}
	#onyx-assets-grid .onyx_assets_grid .onyx_assets_grid_element::after {
		display:none;
	}
	#onyx-assets-grid .onyx_assets_grid {
		padding:0 20px;
	}
	#onyx-assets-grid .onyx_assets_grid .onyx_assets_grid_element {
		border-bottom: 1px solid #00000026;
    	padding-bottom: 20px;
    	margin-bottom: 20px;
	}
	.blue-step-boxes p br {
        display: block;
    }
	.blue-step-boxes h2 {
        font-size: 110px;
    }
	.table-responsive {
  		overflow-x: auto;
  		-webkit-overflow-scrolling: touch;
	}

	.table-responsive table {
  		width: 100%;
  		min-width: 600px; /* Adjust based on your table content */
  		border-collapse: collapse;
	}

	.tablepress {
  		width: 100%;
  		display: table;
  		border-spacing: 0;
	}
}

@media only screen and (max-width: 600px) {
	
    .onyx_table_searcher {
        display: block !important;
        width: 100%;
        min-width: 100%;
    }
	
	div#search-device-wrapper{
		margin-bottom:25px;
	}

	#page-container .tabs-internal-content-bar .panel-grid-cell{
	  padding: 20px 20px;
	  flex-direction: column;
	  gap:10px;
	}
  
	#page-container .news-blog-section .tns-item:not(.tns-slide-active) + .tns-slide-active {
	  max-width: 350px;
	}
  
	#page-container .news-blog-section .tns-controls {
	  top: 0;
	  position: relative;
	  left: 0;
	  right: 0;
	  margin: 0 auto 20px;
	  width: fit-content;
	}
  
	.datatable-popup-form a{
	  display: block;
	}  
	
	.applications-panel h3 br {
	  display: none;
	}
	  
	.narrow-width h4{
	  padding: 0 30px;
	}
	.site-inner #onyx-assets-grid .onyx_nav_pills li {
		padding-left:0;
		margin-right:15px;
	}
	.site-inner #onyx-assets-grid .onyx_nav_pills li a {
        min-width: 155px;
    }
	.green-box-light {
		width: 100%;
        padding: 10px;
        font-size: 40px;
        line-height: 1.2;
	}
  
  }

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

	.entry-content .entry-image {
		float: none;
		margin: 0 auto 20px;
	}

	.entry-image-link img {
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.team-popup-row .member-item {
		flex: 0 0 calc(100% - 30px);
	}
	.benefits-three-boxes p {
        padding: 0 20px;
    }

	.team-popup-row .member-image {
		height: 100%;
	}

	.advantages-section .sow-tabs-panel-content p {
        font-size: 16px;
        line-height: 26px;
    }

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 16px;
    }

    .ss-item-inner .left-sec .ss-image::before {
        width: 80px;
        height: 80px;
    }

    .product-cta-section .left-sec {
        padding: 0 20px 30px;
    }

    .sow-tabs span.tab-title {
        font-size: 14px;
    }
	
	.bottom-gap-small {
    	padding-bottom: 20px;
	}
	
	.site-inner .sow-tabs-panel ul {
        margin: 0 0 20px;
    }
	
	.hero-section h4 {
		margin: 0 auto 30px;
		max-width: 340px;
	}
	
	.custom-tabs .left-sec .textwidget {
        max-width: 340px;
        min-width: 340px;
    }
	
	.custom-tabs .left-sec .textwidget h2 {
        font-size: 24px;
    }
	
	#page-container .custom-tabs .left-sec .textwidget a.button {
		min-width: 120px;
		padding: 12px 15px;
	}
	
	.custom-tabs .right-sec a {
		width: 150px;
	}
	
	.custom-tabs .left-sec .textwidget p {
		line-height: 1.3;
		font-size: 15px;
	}
	.custom-tabs .right-sec .siteorigin-widget-tinymce.textwidget {
        min-height: 540px;
    }
	.portal-boxes .panel-grid-cell .widget_sow-editor h5  {
		padding:0 30px;
	}
	.sample-images-area {
		margin-bottom:30px;
	}
	.portal-slider-item h4 {
        margin-right: 0;
        float: none;
        width: auto;
        margin-bottom: 20px;
    }
	.portal-inner-box {
    	width: 100%;
	}
	.two-boxes h2 {
        font-size: 30px;
        padding: 0 20px;
    }
	.portal-boxes .panel-grid-cell .widget_sow-editor h3 {
		margin-bottom:-10px;
	}
	.portal-slider-item img {
    	width: 100%;
    	height: auto;
	}
	#page-container .counter-area {
		padding-top:0;
	}
	.counter-area .count-up {
		margin-bottom:-40px;
	}
	.mapsvg-map-container .mapsvg-layers-wrap {
		top:10px;
	}
}