/* GENERAL DNN SETTINGS */
* {
  margin: 0;
  padding: 0;
}
.DNNEmptyPane {
    display: none!important;
}
a, a img, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, time, tt, u, ul, var, video {
    border: 0;
}
.TB_Wrapper, .TB_Wrapper *, .dnnActionMenu, .dnnActionMenu *, .dnnActionMenu:after, .dnnActionMenu:before, .dnn_mact, .dnn_mact *, .dnn_mact:after, .dnn_mact:before, [id*=ControlPanel], [id*=ControlPanel] *, [id*=ControlPanel]:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
[class*=RadAjaxPanel] *, [class*=Digital] * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
html {
    scroll-behavior: smooth;
}
Body #Form {
    height: 100%
}


/* THEME CSS */
.TMNTheme {
	--primary:#222222;
	--secondary:#474747;
	--tertiary:#004b8d;
	--quaternary:#cb382d;
	--quinary:#fbfbfb;
	
	--text-color-primary:#636363;
	--header-color-primary:#222222;
	--text-color-secondary:#ffffff;
	--header-color-secondary:#474747;
	
	--header-color-dark:#ffffff;
	--text-color-dark:#ffffff;
	
	--font-primary:'Lato', sans-serif;
	--font-secondary:'Lato', sans-serif;
	--w-regular:400;
	--w-medium:500;
	--w-semibold:600;
	--w-bold:700;
	--w-xbold:800;
	--w-black:900;
}

/* FONTs */
h1 {
	font-family: var(--font-primary);
	font-weight: var(--w-bold);
	font-style:italic;
	font-size: 2.4rem;
	line-height: 2.4rem;
	color: var(--header-color-primary);
	text-transform: uppercase;
}
h2 {
	font-family: var(--font-primary);
	font-weight: var(--w-black);
	font-size: 1.5rem;
	line-height: 1.875rem;
	color: var(--header-color-secondary);
}
h3 {
	font-family: var(--font-primary);
	font-weight: var(--w-black);
	font-size: 1.2rem;
	line-height: 1.625rem;
	color: var(--header-color-secondary);
}

h4 {
	font-family: var(--font-primary);
	font-weight: var(--w-black);
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: var(--header-color-secondary);
}

h5 {
	font-family: var(--font-primary);
	font-weight: var(--w-black);
	font-size: 1rem;
	line-height: 1.25rem;
	color: var(--header-color-secondary);
}

p {
	font-family: var(--font-secondary);
	font-weight: var(--w-regular);
	font-size: 1.1rem;
	line-height: 1.55rem;
	color: var(--text-color-primary);
}
	.subtitle p {
		font-family: var(--font-secondary);
		font-weight: var(--w-bold);
		color: var(--quaternary);
		font-size: 1.03rem;
		line-height: 1.33rem;
		margin-bottom: 0.8rem;
	}

ul {
	list-style: disc outside;
}
ul li {
	font-family: var(--font-secondary);
	font-weight: var(--w-regular);
	font-size: 1.1rem;
	line-height: 1.55rem;
	color: var(--text-color-primary);
}
	ul.link-list li {
		margin-bottom:.75rem;
	}
ol li {
	font-family: var(--font-secondary);
	font-weight: var(--w-regular);
	font-size: 1.1rem;
	line-height: 1.55rem;
	color: var(--text-color-primary);
	margin-botom:.5rem;
}
blockquote, blockquote p {
	font-family: var(--font-secondary);
	font-weight: var(--w-bold);
	font-size: 1.3rem;
	line-height: 1.6rem;
	color:var(--text-color-primary);
}
figcaption {
	font-family: var(--font-secondary);
	font-weight: var(--w-regular);
	font-size: 1.1rem;
	line-height: 1.55rem;
	color: var(--text-color-primary);	
}

.uppercase {
	text-transform: uppercase;
}

/* LINKS */
a, a:visited {
	font-family: var(--font-secondary);
	font-weight: var(--w-bold);
	font-size: 1rem;
	line-height: 1.2rem;
	color: var(--quaternary);
}

a:hover {
	color: var(--quaternary);
}
a .material-icons {
    font-size: 1.1rem;
    font-weight: var(--w-bold);
    vertical-align: middle;
}

/* WEIGHT */
strong {
    font-weight: var(--w-black);
}

/* SPACING */
.no-title-bg {
	padding:1.5rem;
	margin-top:1rem;
	margin-bottom:1rem;
}

/* SECTION SPACING */


/* PANE PADDING */

/* MARGIN */
.mb-0 {margin-bottom: 0px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}
.mb-90 {margin-bottom: 90px;}
.mb-100 {margin-bottom: 100px;}
.mt-0 {margin-top: 0px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}
.mt-60 {margin-top: 60px;}
.mt-70 {margin-top: 70px;}
.mt-80 {margin-top: 80px;}
.mt-90 {margin-top: 90px;}
.mt-100 {margin-top: 100px;}

/* LOGO */

/* CALLOUT BANNER */
.callout {
	padding: .75rem 30px;
}
.callout-right {text-align: right;}

.callout.callout-right p, .callout.callout-right a {
	margin-bottom:0;
	font-size:.9rem;
	color:#fff;
	text-transform: uppercase;
	font-weight:var(--w-bold);
}
.callout.callout-right .material-icons {
	font-size:1.1rem;
	vertical-align:top;
}
@media (min-width:768px) {
	.callout {
		padding: .5rem 15px;
}	
	.callout.callout-right p, .callout.callout-right a {
		font-size:.75rem;
	}
	.callout.callout-right .material-icons {
		font-size:1rem;
	}
}
.callout.callout-right p a {
	text-decoration: underline;
}
.callout.callout-right a:hover {
	text-decoration:none;
}

/* BREADCRUMB */
.TMNTheme .breadcrumb {
	background-color:transparent;
	padding: 0 10px;
	margin-top:1rem;
	margin-bottom:1.5rem;
}
.TMNTheme .title-breadcrumb {
	margin-bottom:1.5rem;
}
a.inner-breadcrumb {
    padding: 0 5px;
	color: var(--secondary);
    font-weight: var(--w-regular);
	font-size:.95rem;
}

/* COLOR */
.primary-color {color: var(--primary);}
.secondary-color {color: var(--secondary);}
.tertiary-color {color: var(--tertiary);}
.quaternary-color {color: var(--quaternary);}
.quinary-color {color: var(--quinary);}

/* BACKGROUND */
.primary-bg {background-color: var(--primary);}
.secondary-bg {background-color: var(--secondary);}
.tertiary-bg {background-color: var(--tertiary);}
.quaternary-bg {background-color: var(--quaternary);}
.quinary-bg {background-color: var(--quinary);}
.estimate-callout {background:linear-gradient(175deg, rgba(255,255,255,1) 40%, rgba(246,246,246,1) 40%);
}

/* TEXT WITH BACKGROUND */
.primary-bg h1,.primary-bg h2,.primary-bg h3,.primary-bg h4,.primary-bg h5,.primary-bg p,.primary-bg figcaption {
	color: var(--quinary);
}
.secondary-bg h1,.secondary-bg h2,.secondary-bg h3,.secondary-bg h4,.secondary-bg h5,.secondary-bg p, .secondary-bg figcaption {
	color: var(--quinary);
}

/* SECTION BACKGROUND COLORS */

/* SITE HEADER */
.header--main-navbar {
	box-shadow:0px 0px 12px rgba(0, 0, 0, .1);
	position:relative;
}
.TMN-theme__inner .header--banner {
	background-image: url(/portals/0/Images/TMN-Pattern/TMN-Banner.jpg);
    min-height: 70px;
    background-repeat: repeat-x;
    background-position: 50% 100%;
	margin-bottom:2rem;
}
.TMN-theme__inner.TMN-theme__inner-breadcrumb .header--banner {
	margin-bottom:0;
}

/* BUTTONS */
.TMNTheme .btn {
	font-weight: var(--w-black);
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .4rem 1rem .5rem;
	margin:.25rem 0rem;
    font-size: .95rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,opacity .15s ease-in-out;
	text-decoration:none!important;
	border-radius: 2rem;
}

/* PRIMARY BTN */
.TMNTheme .btn-primary {
    color: var(--quinary);
    background-color: var(--primary);
    border-color: var(--primary);
}
.TMNTheme .btn-primary.btn-outline {
    color: var(--primary);
    border-color: var(--primary);
}

.TMNTheme .btn-primary:hover,.TMNTheme .btn-primary:focus {
    color: var(--quinary);
    background-color: var(--primary);
    border-color: var(--primary);
    opacity:80%;
}
.TMNTheme .btn-primary.btn-outline:hover, .TMNTheme .btn-primary.btn-outline:focus {
    color: var(--primary);
    border-color: var(--primary);
    opacity:80%;
}
.TMNTheme .btn-primary:active {
    color: var(--quinary)!important;
    background-color: var(--primary)!important;
    border-color: var(--primary)!important;
    opacity: 100%;
}
.TMNTheme .btn-primary.btn-outline:active {
    color: var(--primary)!important;
    border-color: var(--primary)!important;
    opacity: 100%;
	background-color: transparent!important;
}

/* SECONDARY BTN */
.TMNTheme .btn-secondary {
    color: var(--quinary);
    background-color: var(--secondary);
    border-color: var(--secondary);
}
.TMNTheme .btn-secondary.btn-outline {
    color: var(--secondary);
    border-color: var(--secondary);
}
.TMNTheme .btn-secondary:hover, .TMNTheme .btn-secondary:focus {
    color: var(--quinary);
    background-color: var(--secondary);
    border-color: var(--secondary);
    opacity:80%;
}
.TMNTheme .btn-secondary.btn-outline:hover, .TMNTheme .btn-secondary.btn-outline:focus {
    color: var(--secondary);
    border-color: var(--secondary);
    opacity:80%;
}
.TMNTheme .btn-secondary:active {
    color: var(--quinary)!important;
    background-color: var(--secondary)!important;
    border-color: var(--secondary)!important;
    opacity:100%;
}
.TMNTheme .btn-secondary.btn-outline:active {
    color: var(--secondary)!important;
    border-color: var(--secondary)!important;
    opacity:100%;
	background-color: transparent!important;
}

/* TERTIARY BTN */
.TMNTheme .btn-tertiary {
    color: var(--quinary);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
}
.TMNTheme .btn-tertiary.btn-outline {
    color: var(--tertiary);
    border-color: var(--tertiary);
}
.TMNTheme .btn-tertiary:hover, .TMNTheme .btn-tertiary:focus {
    color: var(--quinary);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    opacity:80%;
}
.TMNTheme .btn-tertiary.btn-outline:hover, .TMNTheme .btn-tertiary.btn-outline:focus {
    color: var(--tertiary);
    border-color: var(--tertiary);
    opacity:80%;
}
.TMNTheme .btn-tertiary:active {
    color: var(--quinary)!important;
    background-color: var(--tertiary)!important;
    border-color: var(--tertiary)!important;
    opacity:100%;
}
.TMNTheme .btn-tertiary.btn-outline:active {
    color: var(--tertiary)!important;
    border-color: var(--tertiary)!important;
    opacity:100%;
	background-color: transparent!important;
}
.TMNTheme .home-banner .btn-tertiary.btn-outline {
    color: var(--quinary)!important;
	border-color: var(--tertiary)!important;
}
.TMNTheme .sign-up-button.btn-tertiary {
	font-size:.95rem;
	color:#fff;
	border-radius:2rem;
}

/* QUATERNARY BTN */
.TMNTheme .btn-quaternary {
    color: var(--quinary);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
}
.TMNTheme .btn-quaternary.btn-outline {
    color: var(--quaternary);
    border-color: var(--quaternary);
}
.TMNTheme .btn-quaternary:hover, .TMNTheme .btn-quaternary:focus {
    color: var(--quinary);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    opacity:80%;
}
.TMNTheme .btn-quaternary.btn-outline:hover, .TMNTheme .btn-quaternary.btn-outline:focus {
    color: var(--quaternary);
    border-color: var(--quaternary);
    opacity:80%;
}
.TMNTheme .btn-quaternary:active {
    color: var(--quinary)!important;
    background-color: var(--quaternary)!important;
    border-color: var(--quaternary)!important;
    opacity:100%;
}
.TMNTheme .btn-quaternary.btn-outline:active {
    color: var(--quaternary)!important;
    border-color: var(--quaternary)!important;
    opacity:100%;
	background-color: transparent!important;
}

/* QUINARY BTN */
.TMNTheme .btn-quinary {
    color: var(--primary);
    background-color: var(--quinary);
    border-color: var(--quinary);
}
.TMNTheme .btn-quinary.btn-outline {
    color: var(--quinary);
    border-color: var(--quinary);
}
.TMNTheme .btn-quinary:hover, .TMNTheme .btn-quinary:focus {
    color: var(--primary);
    background-color: var(--quinary);
    border-color: var(--quinary);
    opacity:80%;
}
.TMNTheme .btn-quinary.btn-outline:hover, .TMNTheme .btn-quinary.btn-outline:focus {
    color: var(--quinary);
    border-color: var(--quinary);
    opacity:80%;
}
.TMNTheme .btn-quinary:active {
    color: var(--primary)!important;
    background-color: var(--quinary)!important;
    border-color: var(--quinary)!important;
    opacity:100%;
}
.TMNTheme .btn-quinary.btn-outline:active {
    color: var(--quinary)!important;
    border-color: var(--quinary)!important;
    opacity:100%;
	background-color: transparent!important;
}

/* BTN MODIFIERS */
.TMNTheme .btn.btn-outline {
	border: .175rem solid;
	background: transparent;
}

/* BADGES */
.TMNTheme .badge {
    display: inline-block;
    padding: 0.3rem 1rem;
	text-transform: uppercase;
	margin-right:1rem;
	border-radius: 1rem;
    font-size: .7rem;
    font-weight: 700;
    line-height: 1.2rem;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.TMNTheme .badge-primary {
    color: var(--quinary);
    background-color: var(--primary);
}
.TMNTheme .badge-secondary {
    color: var(--quinary);
    background-color: var(--secondary);
}
.TMNTheme .badge-tertiary {
    color: #ffffff;
    background-color: var(--tertiary);	
}
.TMNTheme .badge-quaternary {
    color: #ffffff;
    background-color: var(--quaternary);
}
.TMNTheme .badge-quinary {
    color: var(--primary);
    background-color: var(--quinary);
	font-family:var(--font-primary);
}

/* DEFAULT STYLES */

/* safety counter */
.safety-counter {
  margin: 0 auto;
  width: 650px;
}

.safety-left {
  height: 200px;
  width: 200px;
  float: left;
}
.safety-right {
 float: left;
  padding-bottom: 40px;
  background: url(/Portals/0/Images/TMN-Pattern/TMN-Short-Divider.jpg) no-repeat left bottom;
  margin: 20px 0 0 30px;
}

.safety-10 {
  font: 46px/80px var(--font-primary);
  font-weight: var(--w-bold);
  color: #ee3224;
  line-height: 4rem;
}

.safety-11 {
  font: 26px var(--font-secondary);
}

@media (max-width: 767px) {
 .safety-counter {
   width: auto;
   text-align: center;
 }
  .safety-left {
   margin: 0 auto;
    display: block;
      float: none;
  }
  .safety-right {
    margin: 30px 0 0;
    float: none;
    background: url(/Portals/0/Images/TMN-Pattern/TMN-Short-Divider.jpg) no-repeat center bottom;
  }
}


/* CONTAINER STYLES */

/* striped containers */
.module-container-striped {
	box-shadow: inset 0 0 6px #d6d6d6;
	border-radius: 10px;
	padding: 40px 20px 20px;
	background-image: url(/Portals/0/Images/TMN-Pattern/TMN-Border.jpg);
	background-size: 400px;
	background-repeat: repeat-x;
}

.module-container-striped-blue {
	box-shadow: inset 0 0 6px #d6d6d6;
	border-radius: 10px;
	padding: 40px 20px 20px;
	background-image: url(/Portals/0/Images/TMN-Pattern/TMN-Border-Blue.jpg);
	background-size: 400px;
	background-repeat: repeat-x;
	margin-bottom: 40px;
}

/* timeline container */

.timeline-container {
	transition: ease-in 300ms;
	border-radius: 20px;
}

.timeline-body-container p, .timeline-body-container h1, .timeline-body-container h2, .timeline-body-container h3, .timeline-body-container h4, .timeline-body-container h5, .timeline-body-container ul li {
	transition: ease-in 200ms;
}


.timeline-body-container {
	border-left: 4px solid var(--red);
	padding: 30px 20px 30px 40px;
}

.timeline-year-container {
	text-align: center;
	padding: 0px!important;
}

h5.timeline-year {
	color: var(--red);
	font-size: 1.15rem;
	padding-top: 30px;
}


.timeline-container:hover {
	background-color: #fafafa;
	box-shadow: inset 0px 0px 8px #f4f4f4;
}

.timeline-container:hover .timeline-body-container p, .timeline-container:hover .timeline-body-container h1, .timeline-container:hover .timeline-body-container h2, .timeline-container:hover .timeline-body-container h3, .timeline-container:hover .timeline-body-container h5, .timeline-container:hover .timeline-body-container ul li {
	font-weight: var(--w-bold);
	font-size: 1.04rem;
}

.timeline-body-container:before {
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	left: -15px;
	background-color: var(--blue);
	border:4px solid var(--red);
	border-radius: 50%;
	z-index: 1;
}

.timeline-container:hover .timeline-body-container:before {
	background-color: var(--white);
}


.timeline-body-container img {
	border-bottom: 5px solid #f9f9f9;
	border-radius: 10px;
	background-color: #ffffff;
	box-shadow: 0px 0px 6px #ececec;
	transition: ease-in 300ms;
	width: 100%;
	max-width: 300px;
}

.timeline-container:hover .timeline-body-container img {
	transform: scale(1.05);
}

/* PRODUCTS TABLE */
.table.product-table td, .table.product-table th {
  padding: 0px;
  border-top: none;
  padding-bottom: 3px;
}
table.product-table th {
  font-family: var(--font-secondary);
  font-weight: var(--w-bold);
  color: var(--text-color-primary);
  font-size: 1rem;
  line-height: 1.33rem;
}
table.product-table td {
  font-family: var(--font-secondary);
  font-weight: var(--w-regular);
  color: var(--text-color-primary);
  font-size: 1rem;
  line-height: 1.33rem;
}
td .tab-row {
  padding-left: 30px !important;
}
.table.product-table td.pb-15, .table.product-table th.pb-15 {
  padding-bottom: 15px;
}


/* STICKY SIDEBAR */
.TMN-theme__inner .sticky-top {
  height: fit-content;
  z-index: 998;
}
.sticky-list {
  margin: 0;
  margin-bottom: 1rem;
}
.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 1rem;
}
ul#sidebar-menu {
  list-style: none;
  margin: 0;
}
.sidebar ul li {
  margin-bottom: .5rem;
}
.sidebar ul li a {
  color: var(--tertiary);
}
.sidebar ul li.active a {
  color: var(--quaternary);
}
.sidebar span.material-icons {
  font-size: 1.1rem;
  font-weight: bold;
  vertical-align: middle;
}
ul.sticky-list {
  margin-bottom: 0;
  list-style: none;
}
ul.sticky-list li {
  margin-bottom: .6rem;
}
.sticky-list p {
  font-size: 1rem;
}
ul.sticky-list li a {
  font-size: .95rem;
}

@media(min-width:768px) {
	.sidebar-full {
		border-left: 1px solid #e8e8e8;
		padding-left: 2rem;
	}
	.sidebar-full.DNNEmptyPane {
		padding-left:0;
	}
}

ul.sticky-list li a.active {
    pointer-events: none;
	color: var(--quaternary);
}

/* IMAGES */

img {
    -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
.affiliate-logo {
    width: 100%;
    max-width: 250px;
    height: auto;
}
.product-image {
	width:100%;
    max-width: 70px;
	margin-bottom:10px;
}
.all-product-icons {
	margin-bottom:30px;
}
.all-product-icons img {
    width: 100%;
    max-width: 80px;
    margin-bottom: 5px;
}

/* FOOTER */
.site--footer {
	background-image: url(/Portals/0/Images/TMN-Pattern/TMN-Footer.jpg);
	background-size:cover;
	margin-top:4rem;
}
.site--footer h1, .site--footer h2, .site--footer h3, .site--footer h4, .site--footer h5 {
	color:var(--secondary);
}
.site--footer h5 {
	font-size:.9rem;
}
.site--footer p, .site--footer a, .site--footer ul li,  .site--footer ul li a {
	color:var(--secondary);
	font-size:1rem;
}
.site--footer ul li {
    margin-bottom: 0.75rem;
}
.site--footer ul {
	list-style: none;
	margin-left:0;
	margin-bottom:1.75rem;
}
.footer--top {
	padding:4rem 0 1rem;
}
@media (min-width:768px) {
	.footer--top {
		padding:3rem 0 2rem;
	}
	.site--footer ul li {
    	margin-bottom: 0.5rem;
	}
	.site--footer ul {
		margin-bottom:1rem;
	}
}
.social-icons {
	margin: 10px 0 30px;
}
.social-icons a img {
	width:45px;
	padding:10px;
}

/* copyright and terms */
.site--footer .footer--copyright {
    padding: 1rem 0;
}
.terms-row p, .terms-row a {
	color:var(--text-color-primary);
	font-size:.85rem;
}
.copyright-terms, #dnn_dnnLogin_loginGroup {
	display:inline;
}

/* SCROLL TO TOP */
	#scrollToTopBtn { 
		position: fixed;
		z-index:99999; 
		bottom: 75px; 
		right: 20px; 
		border-radius: 100%; 
		border: none; 
		height: 45px; 
		padding: 10px; 
		width: 45px; 
		background-color: var(--tertiary); 
		color: var(--primary); 
	}
	#scrollToTopBtn .material-icons {
		font-size: 1.5rem;
	}

/* CODE SNIPPET DISPLAY */
pre {
    background-color: #fff;
    max-width: 700px;
    margin: 1rem auto;
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: inset 0px 0px 5px rgba(0,0,0,.22);
}