/*
Theme Name: PDM VMP
Theme URI: 
Description:
Version: 1.0
Author: Takt Studio
Author URI: taktstudio.com
Tags:
*/
html,
body,
div,
span,
applet,
object,
iframe,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
label,
legend,
p,
blockquote,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	text-align: left;
	font-weight: normal;
}
fieldset,
img {
	border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
}
ol,
ul {
	list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 700;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
}
abbr,
acronym {
	border: 0;
}
strong {
	font-weight: 700;
}

/* Grid */
.row {
	width: 100%;
	max-width: 1020px;
	min-width: 755px;
	margin: 0 auto;
	padding: 0;
}

body .row .np {
	padding: 0;
}

.onecol,
.twocol,
.threecol,
.fourcol,
.fivecol,
.sixcol,
.sevencol,
.eightcol,
.ninecol,
.tencol,
.elevencol,
.twelvecol {
	float: left;
	min-height: 1px;
	position: relative;
	padding: 0 2em;
}

.onecol {
	width: 8.33333333333%;
}

.twocol {
	width: 16.6666666667%;
}

.threecol {
	width: 25%;
}

.fourcol {
	width: 33.3333333333%;
}

.fivecol {
	width: 41.6666666667%;
}

.sixcol {
	width: 50%;
}

.sevencol {
	width: 58.3333333333%;
}

.eightcol {
	width: 66.6666666667%;
}

.ninecol {
	width: 75%;
}

.tencol {
	width: 83.3333333333%;
}

.elevencol {
	width: 91.6666666667%;
}

.twelvecol {
	width: 100%;
	float: left;
}

img,
object,
embed {
	max-width: 100%;
}

img {
	height: auto;
}

/* Mobile Grid */
@media handheld, only screen and (max-width: 48em) {
	.row,
	body {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
	}

	.row .onecol,
	.row .twocol,
	.row .threecol,
	.row .fourcol,
	.row .fivecol,
	.row .sixcol,
	.row .sevencol,
	.row .eightcol,
	.row .ninecol,
	.row .tencol,
	.row .elevencol,
	.row .twelvecol {
		width: 100%;
		padding: 0 1em;
	}
}

/* Layout for desktop */
*,
*:after,
*:before {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

body {
	text-rendering: optimizelegibility;
	font-size: 100%;
	-webkit-text-size-adjust: none;
	background-color: #213c4c;
	line-height: 1;
	padding-top: 95px;
}

html,
body,
select,
input,
textarea,
button {
	color: #fff;
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
}

::-moz-selection {
	background: rgba(0, 0, 0, 0.1);
	text-shadow: none;
}
::selection {
	background: rgba(0, 0, 0, 0.1);
	text-shadow: none;
}

::-webkit-input-placeholder {
	color: #a9a9a9;
}

:-moz-placeholder {
	color: #a9a9a9;
}

::-moz-placeholder {
	color: #a9a9a9;
}

:-ms-input-placeholder {
	color: #a9a9a9;
}

a:link {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}

a {
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
	border-bottom: 2px solid transparent;
}

a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom-color: #fff;
}

p {
	font-size: 1.125em;
	padding: 0 0 1em;
	line-height: 1.4;
}

p.lrg {
	font-size: 1.375em;
}

legend,
h2 {
	font-size: 1.875em;
	font-weight: 300;
	margin-bottom: 0.675em;
}

.row:before,
.row:after {
	content: "";
	display: table;
}
.row:after {
	clear: both;
}
.row {
	zoom: 1;
}

.pdd {
	padding: 3.25em 0;
}

.btm-break {
	margin-bottom: 2em;
	border-bottom: 2px solid #f1f1f1;
	padding-bottom: 2em;
}

@media handheld, only screen and (max-width: 48em) {
	body {
		padding-top: 85px;
	}

	p {
		font-size: 1em;
	}

	legend,
	h2 {
		font-size: 1.5em;
	}

	.pdd {
		padding: 2em 0;
	}
}

/* Buttons */
.buttons {
	display: inline-block;
	padding: 0.65em 2em;
	background-color: #49aee0;
	border-radius: 0.25em;
	color: #fff;
	text-align: center;
	border: 2px solid transparent;
	margin-bottom: 0.15em;
	appearance: none;
	-webkit-appearance: none;
	line-height: 1;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
	font-size: 18px;
	font-size: 1.125rem;
	cursor: pointer;
}

.buttons:not(:last-of-type) {
	margin-right: 0.5em;
}

.lght.buttons {
	background-color: #fff;
}

.org.buttons {
	background-color: #fe801c;
}

.drk.buttons {
	background-color: #213c4c;
}

.buttons:hover,
.disabled {
	background-color: transparent;
	color: #fff;
	border-color: #49aee0;
	text-decoration: none;
}

.disabled {
	opacity: 0.5;
	cursor: default;
}

.org.buttons:hover,
.org.disabled {
	border-color: #fe801c;
}

.drk.buttons {
	border-color: #213c4c;
}

.lght.buttons:hover {
	border-color: #fff;
}

.on-lght:hover,
.on-lght.disabled {
	color: #284e60;
	background-color: transparent;
}

.buttons.multi {
	margin-right: 1em;
}

.buttons.multi:last-child {
	margin-right: 0;
}

@media handheld, only screen and (max-width: 48em) {
	.buttons {
		font-size: 16px;
		font-size: 1rem;
	}
}

/* Header */
header {
	padding: 0.875em 0;
	background-color: #1c3442;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 77;
}

header h1 {
	font-size: 1.125em;
	line-height: 1;
	text-transform: uppercase;
	width: 5em;
	float: left;
	text-align: left;
}

header h1 svg {
	width: 9px;
	height: 19px;
	position: relative;
	top: 0.15em;
	left: 0;
	margin-right: 0.25em;
	fill: #f47d20;
}

header h1 a {
	position: relative;
	border-bottom: none;
}

header h1 a:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background-color: #fff;
	opacity: 0;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

header h1 a:hover {
	text-decoration: none;
	color: #fff;
}

header h1 a:hover:before {
	opacity: 1;
}

header h1 + div {
	float: right;
}

header p {
	text-align: right;
	font-size: 0.875em;
	padding: 0;
}

@media handheld, only screen and (min-width: 48em) {
	header .buttons {
		margin-top: 0.75em;
		font-size: 0.875em;
		background-color: #213c4c;
		color: #fff;
	}
}

@media handheld, only screen and (max-width: 48em) {
	header nav {
		position: fixed;
		z-index: 1;
		left: 0;
		right: 0;
		top: 85px;
		background-color: #213c4c;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-transition: all 0.25s ease;
		transition: all 0.25s ease;
	}

	.active nav {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	header .row nav .buttons {
		display: block;
		border-radius: 0;
		margin: 0;
		border: none;
		background-color: transparent;
		padding: 1em;
		text-align: left;
	}

	header .row nav .buttons:hover {
		background-color: #fe801c;
	}
}

/* Mobile Menu */
header .menu-icon {
	display: none;
	cursor: pointer;
	position: fixed;
	top: 2.75em;
	right: 1em;
	height: 25px;
}

.menu-icon div {
	display: block;
	width: 35px;
	height: 3px;
	margin-top: 9px;
	background: #fff;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.close-icon {
	width: 35px;
	height: 30px;
	position: absolute;
	display: block;
	right: 1em;
	top: 1em;
	z-index: 2;
	cursor: pointer;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.menu-icon div::before,
.menu-icon div::after,
.close-icon:before,
.close-icon:after {
	display: block;
	position: absolute;
	content: "";
	z-index: -1;
	width: 35px;
	height: 3px;
	background: #fff;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.menu-icon div::before {
	top: 0;
}

.menu-icon div::after {
	top: 18px;
}

.active .menu-icon div {
	background: none;
}

.active .menu-icon div::before,
.active .menu-icon div::after,
.ovl-drk .close-icon:before,
.ovl-drk .close-icon:after {
	top: 12px;
	background-color: #fe801c;
}

.close-icon:before,
.close-icon:after {
	top: 12px;
	background-color: #fff;
}

.active .menu-icon div::before,
.close-icon:before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.active .menu-icon div::after,
.close-icon:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media handheld, only screen and (max-width: 48em) {
	header .menu-icon {
		display: block;
	}
}

/* Forms */
#wpmem_login form {
	margin: 0 auto;
	max-width: 280px;
}

form .div_text {
	overflow: hidden;
}

input,
textarea {
	background-color: #fff;
	color: #333;
	font-size: 1em;
	padding: 0.65em 0.5em;
	border-radius: 0.25em;
	margin-bottom: 0.5em;
	width: 100%;
	display: block;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
	border: 2px solid transparent;
	line-height: 1;
}

input:focus,
textarea:focus {
	border-color: #49aee0;
}

input[type="submit"] {
	margin: 0;
}

input + span {
	border-bottom-color: #fff;
	margin: 0.15em 0 0.875em 0;
	display: inline-block;
	border-bottom: 2px solid #fff;
}

label {
	font-size: 1.125em;
	margin: 0.5em 0;
	display: inline-block;
}

textarea {
	height: 120px;
}

#wpmem_login .buttons {
	width: 100%;
	display: block;
	margin-top: 0.675em;
}

#wpmem_login + a {
	margin-top: 1.5em;
	display: inline-block;
}

table {
	width: 100%;
}

/* Content Area */
.client-area {
	background-color: #f9f9f9;
	color: #284e60;
}

.row.sm {
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
}

/* Client Logo */
.client-logo img {
	max-width: 180px;
}

.client-logo h2 {
	margin: 1em 0 0 0;
}

@media handheld, only screen and (min-width: 48em) {
	.client-logo {
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	.client-logo img {
		margin: 0 2em 0 0;
	}

	.client-logo h2 {
		margin: 0;
	}
}

/* Devices and Users */
.user-accounts th,
.devices th {
	padding: 0 1em 1em 0;
	font-size: 0.85em;
}

.user-accounts td,
.devices td {
	background-color: #f1f1f1;
	padding: 1em;
}

.user-accounts tr {
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.user-accounts tr.removed {
	opacity: 0.25;
}

.user-accounts td:first-child {
	padding-left: 0;
}

.user-accounts a,
.user-accounts td:last-child {
	color: #ccc;
}

.user-accounts a:hover {
	border-bottom-color: #ccc;
}

@media handheld, only screen and (min-width: 48em) {
	.devices td {
		border-bottom: 4px solid #f8f8f8;
		width: 30%;
		padding: 1em 1em 1em 0;
	}

	.devices td:nth-child(1) {
		padding-left: 0.5em;
	}

	.devices td:nth-child(2) {
		width: auto;
		padding: 1em;
		padding-left: 0;
	}

	.devices td span {
		display: inline-block;
		margin-right: 1.25em;
	}

	.user-accounts td:first-child {
		padding: 1em;
	}

	.user-accounts td {
		padding: 1em 1em 1em 0;
		border-bottom: 4px solid #f8f8f8;
	}
}

@media handheld, only screen and (max-width: 48em) {
	table thead {
		display: none;
	}

	table td {
		display: block;
		width: 100%;
		padding: 0;
	}

	.user-accounts td:first-child,
	.devices td:first-child {
		padding-bottom: 0;
		padding-left: 1em;
	}

	.user-accounts td:last-child,
	.devices td:last-child {
		padding-top: 0;
		border-bottom: 4px solid #f8f8f8;
	}
}

/* Review Serials */
.review-licences > ul {
	padding: 0.25em 0 0.5em 0;
}

.review-licences > ul li {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

.review-licences .rl-warning {
	background-color: #fe801c;
	color: #fff;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0;
	visibility: hidden;
	max-height: 0;
	overflow: hidden;
}

.review-licences .rl-warning.warning {
	opacity: 1;
	visibility: visible;
	max-height: 32em;
	margin-bottom: 1em;
}

.review-licences .rl-warning > div {
	padding: 1em;
}

.review-licences .rl-warning p {
	padding: 0.25em 0 0.25em 3em;
	position: relative;
}

.review-licences .rl-warning p:before {
	content: "i";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	line-height: 1.8;
	border: 2px solid #fff;
	border-radius: 100%;
	width: 2em;
	height: 2em;
}

.review-licences .rl-error {
	color: #fe801c;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0;
	visibility: hidden;
	max-height: 0;
	overflow: hidden;
}

.review-licences .rl-error.error {
	opacity: 1;
	visibility: visible;
	max-height: 32em;
	margin-bottom: 1em;
}

.review-licences .rl-error > div {
	padding: 1em 0;
}

.review-licences .rl-error p {
	padding: 0.25em 0 0.25em 3em;
	position: relative;
	display: inline-block;
	margin-bottom: 0.25em;
	line-height: 1.6;
}

.review-licences .rl-error p span {
	display: inline;
	border-bottom: 2px solid #fe801c;
}

.review-licences .rl-error p:before {
	content: "!";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	line-height: 1.8;
	border: 2px solid #fe801c;
	border-radius: 100%;
	width: 2em;
	height: 2em;
}

.review-licences .rl-error ul {
	padding-left: 3em;
}

.review-licences .rl-error li {
	display: block;
	padding-top: 0.5em;
}

.review-licences .rl-updated {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0;
	visibility: hidden;
	max-height: 0;
	overflow: hidden;
}

.review-licences .rl-updated.updated {
	opacity: 1;
	visibility: visible;
	max-height: 32em;
	padding: 1em 0 0 0;
}

.review-licences .rl-updated p {
	padding: 0;
	position: relative;
	border-bottom: 2px solid #284e60;
	display: inline;
	line-height: 1.7;
}

@media handheld, only screen and (min-width: 48em) {
	.review-licences > ul li {
		display: inline-block;
		box-sizing: border-box;
		width: 49%;
		padding-right: 0.5%;
	}

	.review-licences > ul li:nth-child(2n) {
		padding-left: 1em;
		padding-right: 0;
	}
}

/* Download Package */
.download-package {
	text-align: center;
	padding: 2em 0 0 0;
}

/* Package Download Overlay */
.loader {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0;
	visibility: hidden;
	max-height: 0;
	overflow: hidden;
}

.loader.running {
	opacity: 1;
	max-height: 28em;
}

.active-overlay .loader.running {
	visibility: visible;
}

.loader .ani {
	text-align: center;
}

.loader .ani svg {
	width: 20px;
	height: 32px;
	margin: 0 0.25em;
	fill: #fff;
	-webkit-animation-name: fill;
	animation-name: fill;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.loader .ani svg:nth-child(2) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.loader .ani svg:nth-child(3) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.loader .ani svg:nth-child(4) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

@-webkit-keyframes fill {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes fill {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.loader h2 {
	padding: 1.25em 0;
	margin: 0 0 1.25em;
	font-size: 1.125em;
	font-weight: 400;
	border-bottom: 1px solid #fff;
	line-height: 1.4;
}

.loader h3 {
	margin: 0 0 0.5em;
	font-size: 1em;
	font-weight: 400;
	text-align: left;
}

.loader ol {
	padding: 0 0 0 1em;
	list-style: decimal;
}

.loader li {
	font-size: 1em;
	line-height: 1.4;
	text-align: left;
	margin: 0 0 0.25em;
}

.loader li:last-child {
	margin: 0;
}

.loader li strong {
	font-weight: 400;
	color: #fff;
	display: inline-block;
	border-radius: 0.25em;
	padding: 0.1em 0.5em;
	background-color: #fe801c;
}

.overlay-dpb .dpb-error {
	color: #fff;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0;
	visibility: hidden;
	max-height: 0;
	overflow: hidden;
}

.overlay-dpb .dpb-error.error {
	opacity: 1;
	visibility: visible;
	max-height: 32em;
}

.overlay-dpb .dpb-error > div {
	padding: 2.5em 0 0 0;
	position: relative;
}

.overlay-dpb .dpb-error > div:before {
	content: "!";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	line-height: 1.8;
	border: 2px solid #fff;
	border-radius: 100%;
	width: 2em;
	height: 2em;
}

.overlay-dpb .dpb-error p {
	padding: 0;
	border-bottom: 2px solid #fff;
	display: inline;
}

/* Client Contacts */
.client-contacts ul {
	padding-bottom: 0.5em;
}

.client-contacts label {
	display: block;
}

.client-contacts li {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

.client-contacts .cc-updated {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0;
	visibility: hidden;
	max-height: 0;
	overflow: hidden;
}

.client-contacts .cc-updated.updated {
	opacity: 1;
	visibility: visible;
	max-height: 32em;
	padding: 1em 0 0 0;
}

.client-contacts .cc-updated p {
	padding: 0;
	position: relative;
	border-bottom: 2px solid #284e60;
	display: inline;
	line-height: 1.7;
}

@media handheld, only screen and (min-width: 48em) {
	.client-contacts li:not(.full) {
		width: 50%;
		display: inline-block;
		padding-right: 1em;
	}
}

/* Footer */
footer {
	color: #d7d7d7;
	padding: 1.5em 0;
}

footer p {
	padding: 0;
	font-size: 0.875em;
}

footer svg {
	width: 95px;
	height: 68px;
	margin-right: 1em;
}

@media handheld, only screen and (max-width: 48em) {
	footer {
		text-align: center;
	}

	footer span {
		display: block;
		margin-top: 0.875em;
	}
}

/* Request Additional Licences Overlay */
.overlay-ral li {
	width: 100%;
	display: inline-block;
	text-align: left;
}

.overlay-ral form + div {
	opacity: 0;
	visibility: hidden;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: all 0.5s ease 1s;
	transition: all 0.5s ease 1s;
	padding: 0;
}

.overlay-ral form + div p {
	display: inline;
	border-bottom: 2px solid #fff;
	padding: 0;
}

.overlay-ral.sent form + div {
	padding: 1em 0 0 0;
	opacity: 1;
	visibility: visible;
	max-height: 10em;
}

/* Overlay */
.overlay-open {
	overflow: hidden;
}

[class^="overlay"] {
	padding: 1em;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 88;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0;
	visibility: hidden;
	background-color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
}

.active-overlay {
	opacity: 1;
	visibility: visible;
}

[class^="overlay"] > div {
	max-width: 500px;
	padding: 4em;
	text-align: center;
	background-color: #49aee0;
	color: #fff;
	cursor: default;
	position: relative;
}

[class^="overlay"].ovl-drk > div {
	background-color: #213c4c;
}

@media handheld, only screen and (max-width: 48em) {
	[class^="overlay"] > div {
		padding: 3em 2em 2em 2em;
	}
}

/* Tab naviagtion */
.c-tabs nav {
	border-bottom: 2px solid #49aee0;
	margin-bottom: 2em;
}

.c-tabs nav a {
	display: inline-block;
	padding: 0.75em 1.5em;
	font-size: 1.15em;
	color: #284e60;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-color: #fff;
	border-bottom: none;
	margin-right: 0.15em;
}

.c-tabs nav .is-active {
	background-color: #49afe0;
	color: #fff;
}

.c-tabs nav a span {
	display: inline-block;
}

@media handheld, only screen and (max-width: 48em) {
	.c-tabs nav {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		-ms-grid-row-align: stretch;
		align-items: stretch;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	.c-tabs nav a {
		width: 33.3333%;
		padding: 0.9375em;
		font-size: 1em;
		text-align: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-ms-grid-row-align: center;
		align-items: center;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin: 0 0.065em;
	}
}

/* Tabs */
.c-tab {
	display: none;
}

.c-tab.is-active {
	display: block;
}

/* G3 Content overrides */

/* Hide till reasy for launch */
/*.g3content { display: none !important;}*/

/* Manuals dropdown for header */
@media (min-width: 992px) {
	.d-mobile {
		display: none !important;
	}
}
@media (max-width: 991px) {
	.d-desktop {
		display: none !important;
	}
}

.manuals {
	position: relative;
	display: inline-block;
}
.manuals .main {
	width: 137px;
}
.dd_list {
	position: absolute;
	top: 95%;
	left: 0px;
	z-index: 20;
	width: max-content;
	/*	display: flex;*/
	flex-direction: column;
	padding: 8px 5px 5px;
	background-color: #213c4c;
	box-shadow: 3px 7px 2px 3px rgba(0, 0, 0, 0.1);
	display: none;
}

.manuals:focus > .dd_list,
.manuals:focus-within > .dd_list {
	display: flex !important;
}

.dd_list .buttons {
	margin-top: 0px;
	margin-bottom: 4px;
	background: #fe801c;
	color: #213c4c;
	color: #fff;
	margin-right: 0;
	width: 100%;
	display: block;
}

.dd_list .buttons:hover {
	background-color: #213c4c;
	border-color: #fe801c;
}
