@charset "UTF-8";
/* CSS Document */
/*reset and basic css*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, figure, footer, header, hgroup, menu, nav, section, menu,time, mark, audio, video {
margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background-color: transparent;}
html, body,.container {height: 100%;}
blockquote, q { quotes:none; margin: 0 1em 1em 1em; }
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background-color:transparent; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; vertical-align: top;}
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
*,*:after,*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
/* END RESET CSS */

html { -webkit-font-smoothing: antialiased; /* maxvoltar.com/archive/-webkit-font-smoothing */
/* overflow-y: scroll; vertical scroll bar always visible*/ 
}
/* align checkboxes, radios, text inputs with their label */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }

video, canvas {max-width: 100%;}
.container, .stripe {width: 100vw;}
html {font-size:100%;}
/*fontawesome css*/
.icon::before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }
 .window-close::before {font: var(--fa-font-solid);content: "\f00d"; color: #ffffff;}
 .twitter::before {font: var(--fa-font-solid);content: "\f099"; color: #ffffff;}
.facebook::before {content: "\f39e"; color: #ffffff;}
.linkedin::before {content: "\f0e1"; color: #ffffff;}
.youtube::before {content: "\f167"; color: #ffffff;}
.chevron-circle-up::before {font: var(--fa-font-solid);content: "\f139"; color: #ffffff;}
#showLeftPush::before {
    font: var(--fa-font-solid);
    content: "\f0c9";
	 color: #ffffff;
  }

select, input, textarea { font:99% sans-serif; }

/* fonts */
body {
color: #000000;
font-family: "dejarip", sans-serif;
font-weight: 500;
font-style: normal;
}
h1 {
font-family: "quatro-slab", serif;
font-size: 2rem;
font-weight: 700;
margin: 0.5rem 0 0.9rem;
line-height: 1.2;
}
h2 {
font-size: 1.8rem;
margin: 0.6rem 0 0.4rem;
line-height: 1.3;
}
h3 {
font-size: 1.6rem;
margin: .7rem 0 0.2rem;
}
h4 {
font-family: "quatro-slab", serif;
font-size: 1.4rem;
margin-bottom: 1%; margin-bottom: 0.2rem;
margin-top: 3%; margin-top:1.4rem;
}
h5 {
font-size: 1.3rem;
line-height: 1.4em;
margin: 0.7rem 0 0.2rem;
}
h6 {
font-size: 1.2rem;
line-height: 1.4em;
margin: 0.7rem 0 0.2rem;
}
p {
font-size: 1.1rem;
line-height: 1.5em;
margin: .2rem 0 .7rem;
}
li {font-size: 1.1rem; margin: .4em 0 .4em 1.1em; padding: 0;line-height: 1.5em;}
li li {margin: .4em 0 .4em .5em;}
th, td, td li, td ul li {font-size: 1.1rem;}
.dejarip {font-family: "dejarip", sans-serif;}
.quatroslab {font-family: "quatro-slab", serif;}
a, a:visited {text-decoration: none;}
a:hover {text-decoration: underline; outline: none;}
a:active {outline: none;}
.nounderline {text-decoration: none;}
small, sub, sup { font-size: .9rem; }
sub { vertical-align: sub; }
sup { vertical-align: super; }
.QSbold {font-family: "quatro-slab", serif; font-style: normal; font-weight: 700;}
.bold, .strong {font-weight: 700;}
.extrabold {font-weight: 900;}
.notitalic { font-style: normal;}
.white {color:#FFFFFF;}
.whitebkgd {background-color: #ffffff;}
.black {color: #000000;}
.spacetop {margin-top: .6rem;}
.spacebottom {margin-bottom: .6rem;}
.extraspacetop {margin-top: 1.5rem;}
.extraspacetoph4 {margin-top: 4rem;}
.extraspacetoph5 {margin-top: 5rem;}
.extraspacebottom {padding-bottom: 24px;}
.nospacebottom {margin-bottom: 0;}
.nospacetop {margin-top: 0;}
.nospace {margin: 0; padding: 0;}
.lessspacetop {margin-top: .5em;}
.ad {border: #000 solid 1px;}
.caption { font-style:italic; margin-top: .2em; margin-bottom: .8em; }
.fineprint { font-size: .9rem; line-height: 1.4; margin-bottom: .5em;}
.left {text-align: left;}
.right {text-align:right;}
.center {text-align:center;}
.centered { margin: auto; }
.top {vertical-align: top; } 
.text-top {vertical-align: text-top; } 
.middle {vertical-align: middle; }
.bottom {vertical-align: bottom; }
.text-bottom {vertical-align: text-bottom; }
.spacebetween {justify-content: space-between;}
.nowrap {flex-wrap: nowrap;}
.flexstartitems {align-items: flex-start;}
.flexrowalways {display: flex; flex-direction: row;}
.justifystart {justify-content: flex-start;}
.flextopalign {align-items: flex-start; align-content: flex-start; }
.flexbottomalign {align-items: flex-end; align-content: flex-end;}
.alignitemscenter { align-items: center;}
.alignitemsbase {align-items: baseline;}
.alignitemsend {align-items: flex-end;}
.clearall { clear:both; }
.OMTItagline {margin: .4% 0 0 0; padding: 0; vertical-align: middle; float: left;}
.tagicon{margin: 0;}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {margin: 0 0 2em 2em; float:right;}
img.alignleft {margin: 0 6px 0 0;float: left;}
img {border: 0;}
.imginline {display:inline;}


/*common css*/
.flex, .container, .omtiheaderrow, .omtiheaderleftside, .productheaderrow, .headerleftside, .omtiheaderrightside, .topproduct, .headerrightside, .content, .stripe, .topcontent, .topcontentindented, .topcontentindentedoneside, .maincontent, .bodycolumns, .flexrow, .flexcolumn, .maxlength, .fulllength, .more, .footer, .footerleftside, .footerlogo, .footerrightside, .noindentcontent, .videoandheader {display: flex;} 
.stripe, .maxlength {flex: 2 0 auto;}
.container, .content, .stripe, .maincontent, .maxlength, .fulllength, .flexcolumn {flex-direction: column;}

 /*headers*/
.omtiheaderrow {background-color: #19272c; color: #ffffff; height: 46px;}
.omtiheaderrow, .omtiheaderrightside, .headerrightside, .footer { justify-content: space-between;}
.omtiheaderleftside, .headerleftside {align-items: center;}
.productheaderrow { color: #ffffff; padding: 0 24px 3px 6px;}
.topproduct {flex-direction: row; align-items: baseline;}
.topproductname {font-weight: 700; font-size: 1.5rem; }
.omtilogo { padding: 8px 10px 3px 0;}
.headerleftside {flex: 2 1 auto; margin: 0 0 0 20px;flex-wrap: nowrap;}
.support {padding: 8px 18px 0 0;}
.socialicons { padding: 10px 0 0; flex-wrap: nowrap; font-size: 1.2rem; }
.buttonset a:link, .buttonset a:visited,.socialicons a:link, .socialicons a:visited   {color: #ffffff;}
.socialicons a:hover, .socialicons a:visited:hover, #returnBtn:hover, #returnBtn:visited:hover, .returnBtnRBcolorstripe:hover, .returnBtnRBcolorstripe:visited:hover, .returnBtnMRcolorstripe:hover, .returnBtnMRcolorstripe:visited:hover, .returnBtnOMcolorstripe:hover, .returnBtnOMcolorstripe:visited:hover {text-decoration: underline; color: #F7EB90;} 
.topproductname, .productheaderarrow {display: inline-block;}
.productheaderarrow {width: 20px;}
button > img {margin: 0; border: none; outline: 0;}

/*content*/
.content {flex: 1 0 auto;}
.topcontent { align-content: space-between;}
.videoheadline {font-size: 1.4rem; line-height: 1.3;}
.tagline {font-size: 90%;}
.fa-circle-videos { padding: 10px 0 0; flex-wrap: wrap; font-size: 1.2rem; }
.fa-circle-video a:link, .fa-circle-video a:visited  {color: #4587c6;}
.fa-circle-video a:hover, .fa-circle-video a:visited:hover {text-decoration: underline; color: #4587c6;} 
iframe {overflow: hidden; background-color: #000000;}
iframe.bordered {border: #000000 solid 1px;}
.fulllength {margin: 0; padding: 0;}
.whitestripe, .whitestripeDecade {background-color: #ffffff; font-weight: 500;}
.mobiletotopbutton {border:none; background-color: transparent;}

#canvas {margin: 0; padding: 0;} /* for rive animations */
.whitestripe, .coloronestripe, .colortwostripe { padding: 24px;}
.colorstripeDecade,.whitestripeDecade {padding: 24px 0; margin: 0;}
.colorstripeDecade, .coloronestripe, .colortwostripe { font-weight: 500; color: #ffffff;}
.special { font-family: "quatro-slab", serif;}
.whitestripe .special {font-weight: 700;}
.coloronestripe .special, .colortwostripe .special, .pullouttext .special {font-weight: 700; }
.darkpullout, .colorstripeDecade,.coloronestripe .maincontent, .colortwostripe .maincontent { font-weight: 500;}
.darkpullout {padding: 10px 20px; border-radius: 4px;}
.darkpullout a:hover, .colorstripeDecade a:hover, .coloronestripe a:hover, .colortwostripe a:hover, .darkpullout a:visited:hover, .colorstripeDecade a:visited:hover, .coloronestripe a:visited:hover, .colortwostripe a:visited:hover {color: #ffffff;}
.pullouttext ul {margin: 0 0 0 12px;}
.pullouttext li {margin: 6px 0 9px 9px;}
.topcontent h1 {font-family: "quatro-slab", serif;}
.topnine li , .bigpoints li, .bigpointsnobullets li, .biggerboldparagraph, .bigboldparagraph {font-weight: 700;}
/*.bigpoints400 li, .whitestripe .topnine li div, .whitestripe .bigpoints li div, .whitestripe .bigpointsnobullets li div, .whitestripe .topnine li, .whitestripe .bigpoints li { font-weight: 400; }
*/.topnine li ol li, .topnine li ul li, .bigpoints li ol li, .bigpoints li ul li, .coloronestripe .topnine li, .coloronestripe .topnine li ol li, .coloronestripe .topnine li ul li, .coloronestripe .bigpoints li p, .colortwostripe .topnine li, .colortwostripe .topnine li ol li, .colortwostripe .topnine li ul li, .colortwostripe .bigpoints li, .colortwostripe .bigpoints li p, .colortwostripe .bigpoints li ol li, .colortwostripe .bigpoints li ul li { font-weight: 500; }
.topnine li, .bigpoints li, .bigpointsnobullets li, .bigpoints400 li, .bigboldparagraph { font-size: 1.25rem;}
.topnine li p, .topnine li li, .bigpoints li p, .bigpoints li li, .listsubset li, .resume table tr td ul li, .resume table tr td p {font-size: 1.1rem;}
.resume h4 {font-size: 1.1rem;}
.biggerboldparagraph {font-size: 1.5rem;}
li ul li, li ol li, li li li {margin: 0.8em 0 0 1em; }
.bigpoints li, .bigpointsnobullets li, .bigpoints400 li { margin: 0.8em 0 0.6em 1em; }
.bigpointsnobullets li, .nobullets li { list-style-type: none; margin: 0.8em 0 0.6em;}
.topnine li {margin: 0.8em 0 0 1.2em; }
.bigpointsnobullets ul {margin: 16px 0 0 16px;}
.resume p, .resume li {margin-bottom: .5em; max-width: 1000px;}
li ul li {list-style-type: disc; }
.biggerboldparagraph, .bigboldparagraph {
margin: 0.6rem 0;
line-height: 1.3;
}
.triangledown {
width: 0;
height: 0;
border-left: .4em solid transparent;
border-right: .4em solid transparent;
display: inline-block;
}
.triangleleft {
width: 0; 
height: 0; 
border-top: .4em solid transparent;
border-bottom: .4em solid transparent; 
display: inline-block;
}
.triangleright  {width: 0; 
height: 0; 
border-top: .4em solid transparent;
border-bottom: .4em solid transparent;
display: inline-block;
}
.coloronestripe .triangleright, .colortwostripe .triangleright { border-left:.4em solid #ffffff; }
.coloronestripe .triangleleft, .colortwostripe .triangleleft { border-right:.4em solid #ffffff; }
.colorstripeDecade .triangledown, .coloronestripe .triangledown {border-top: .4em solid #ffffff; }
.producttriangledown {
width: 0;
height: 0;
border-left: .5em solid transparent;
border-right: .5em solid transparent;
border-top: .5em solid #ffffff;
display: inline-flex;
}
.stripe a {font-weight: 700;}
.crumbs a:hover,.stripe a:hover, .stripereturntotop a:hover {text-decoration: underline;}
.flexend {justify-content: flex-end;}
.flexenditems {align-items: flex-end;}
li.content {
font-size: 1.2rem;
line-height: 1.4em;
margin-top: 1%;
margin-bottom: 2%;
}
.crumbs {background-color: #ffffff; padding: 6px 0 0 26px; font-size: .8rem; font-weight: 700;}
.mainnexttoquote { margin: 0 0 0 6%;}
table {width: 100%; max-width: 1000px; background-color: #ffffff; color: #000000; margin-bottom: 24px;}
th, td { padding: 9px; text-align: left;}
th {font-weight: 700;}
thead > tr > th {
font-family: "quatro-slab", serif;
font-style: normal;
}
.yellow {color: #fcdf65; }
.tdcenter {text-align: center;}
.tdthird {width: 30%;}
.resume table {margin: 12px 0 24px; table-layout: fixed;}
.resume table tr td ul {margin-bottom: 20px;}
.resume table tr td ul li, .resume table tr td p {font-size: 1rem;}
ol.stepbystep > li {margin: 24px 24px 0;}
.stepbystep ul {list-style-type: disc;}
.stepbystep ul, .stepbystep ol {margin: 1rem 0 1rem .8rem;}
.stepbystep ul li, .stepbystep ol li {margin: 12px 0; }
.stepbystep li ol li, .stepbystep li ul li {margin: 12px 0 12px 12px;}
.stepbystep p {margin: 12px 0; }
.stepbystep img:not(.buttons) {border: 1px solid #000000;}
.emblem {padding: 36px 0;}
.pullouttext {padding: 10px 20px; }
.pullouttext > h1 {font-size: 1.8rem;font-family: "dejarip", sans-serif;}
.more {flex-direction: row; align-items: center;}
.flexList ul { margin: 0; padding: 0; }
.flexList li { display: inline; list-style-type: none; border-left: solid 2px black; padding: 0 0 0 1.3em; margin: 0 1em 0 0;}
.flexList li:first-child {border: 0px; }
.productlogogrid {display: grid;grid-template-columns: auto 200px; grid-template-rows: auto; column-gap: 24px; row-gap: 24px;}
.descriptioncell {grid-column-start: 1;  grid-column-end: 2; place-self: stretch;
  justify-content: center; padding: 0 0 24px;}
.logocell {grid-column-start: 2;  place-self: center; padding: 0 0 30px;}
.width45 {width: 45%;}
.sidecaption {font-style: italic; font-size: 90%;}
/*footer*/
footer {flex-shrink: 0;/* z-index: 1000;*/}
.footer {color: #ffffff;padding: 0 24px 24px;}
.footerleftside {max-width: 1400px;flex: 3 1 auto; }
.footerrightside {margin: 6px 24px 0 0; flex-direction: column; align-items: flex-end; }
.footerlogo {padding: 9px 30px 0 0;flex-direction: column; flex: 3 1 auto; justify-content: space-between; }
.footerlogotext, .footersoctext {font-size: .5rem; color: #ffffff; line-height: .6rem; text-transform: uppercase;}
.footerlogotext { margin: 2px 0 0 2px; }
.footersoctext {margin: 6px 0 0 2px; }
.soclogo {margin-top: 24px; font-weight: 700;}
.returntotop, .stripereturntotop, .plainreturntotop { margin: 12px 0 24px;z-index: 99; text-align: right;}
#returnBtn {
font-size: 1rem; font-weight: 700;
color: #ffffff; 
cursor: pointer; 
border: none; 
outline: none;
}
.backtotop {text-align: center; margin: 2px 0; font-size: .7rem; font-weight: 700; line-height: .8rem; }
.copyrighttext {font-size: .7rem;}
.colO, .colX  {text-align: center; width: 6rem;}
.colX {background-color: #64852F; color: #ffffff; font-weight: 700;}
.coloronestripe > div > .stripereturntotop, .whitestripe > div > .stripereturntotop, .plainreturntotop {margin-bottom: 0;display: flex; flex-direction: column; align-content: flex-end; align-self: flex-end;}
.whitestripe > .stripereturntotop {background-color: #fffff; color: #000000;}
.whitestripe > div > .stripereturntotop > .mobiletotopbutton {background-color: #00fffff; color: #000000;}
.coloronestripe > div > button.stripereturntotop {background-color: #00fffff;}
.coloronestripe > div > .stripereturntotop > .mobiletotopbutton, .colortwostripe > div > .stripereturntotop > .mobiletotopbutton {color: #ffffff;}
@media all and (max-width: 470px) {
.omtiheaderrightside {margin: 0 0 0 22px;}
.smallnoshow {display: none;}
.topcontentindented, .topcontentindentedoneside {margin: 0; padding: 0;}
.footerleftside {width: 100%;}
}
@media all and (max-width: 600px) {
.omtiheaderrightside {flex-wrap: wrap; justify-content: flex-end;}
.support {margin: 0 0 18px;}
.pulloutL, .pulloutR {margin: 0; width: 100%;}
.mobilenone {display: none;}
.desktopnone {font-weight: 700;}}
@media all and (min-width: 601px) and (max-width: 899px) {
.topcontent, .maincontent {padding: 0 12px;}
.desktopnone {display: none;}
}
@media all and (max-width: 899px) {
.container img { max-width: 100%; height: auto;}
.omtiheaderrow {padding: 0 0 0 16px;}
.omtilogo {width: 59px;}
.productheaderrow {flex-wrap: wrap; }
.topcontent, .flex, .flexrow, .bodycolumns, .footer, .footerleftside {flex-direction: column;}
.flex, .flexrow {align-items: center;}
.imageL, .imageR, .imageRhard {margin: 12px 0;}
.fulllength, .maxlength {max-width: 100%; flex: 0 0 auto;}
.bodycolumns, .pulloutL, .pulloutR, .text, .textleft, .textright {margin: 0; width: 100%;}
.textleft, .pulloutL {margin: 0 0 20px;}
.bouncey, .bounceycenter, .bounceup, .bounceuphigh, .bounceuphigher {margin: 0;}
.productlogogrid {display: flex; flex-direction: column;}
.descriptioncell {padding: 0;}
.logocell { padding: 0 0 30px;}
.videoandheader {flex-direction: column;}
    /*make video shrink to fit smaller screens */
.video {
position:relative;
padding-bottom:52.5%;
padding-top:20px;
height:0;
overflow:hidden;
}
.video iframe, .video object, .video embed {
position:absolute;
top:0;
left:0;
max-width:100%;
width:100%;
height:100%;
}
.videohead {text-align: right; margin: 1em 0 0;}
.videotext {text-align: left; margin: 1em 0 0;}
.footer {padding: 0 24px;}
.footerlogo, .footerrightside {flex-direction: row; margin-top: 24px; }
.footerrightside {justify-content: space-between; align-items: flex-start; }
.soclogo {margin-top:0;}
.iPhonereturn {display: block;}
}

@media screen and (min-width:900px) {
.omtiheaderrow {padding: 0 0 0 24px;}
.omtilogo { width: 75px;}
.productheaderrow {justify-content: space-between; }
.topcontent {margin: 0 24px;}
.topcontentindented { margin: 0 7% 0 6%; }
.topcontentindentedoneside { margin: 0 0 0 6%; }
.maincontent { align-content: space-between; margin: 0 7%; padding: 20px 0 24px; }
.flexrow {flex-direction: row;}
.bodycolumns {flex-direction: row; align-content: space-between; flex: 0 0 auto;}
.bodycol1, .bodycol2 {flex: 0 0 50%; display: flex; flex-direction: column;}
.bodycol1 {padding: 0 24px 0 0;}
.bodycol2 { padding: 0 0 0 24px;}
.fulllength, .text, .hardleft  {max-width: 800px; margin:0; padding:0;}
.fulllength, .text {flex: 2 1 auto; justify-content: space-between;}
.hardleft {display: grid; grid-template-columns: 200px auto; column-gap: 40px; justify-content: start;}
.imageL75 img, .imageR75 img { max-width: 400px; width: 75%; height: auto;}
.imageL, .photoL {margin: 0 20px 0 0; order: 0; flex: initial;}
.imageR, .photoR, .imageRhard {margin: 0 0 0 20px; flex: 2 1 0;}
.imageL img, .imageR img { max-width: 400px; width: 100%; height: auto;}
.textleft, .textright, .videohead, .videotext { flex: 2 1 auto; max-width: 580px;}
.textleft {margin: 0 20px 0 0;}
.pulloutR, .pulloutL { flex: 0 1 auto;}
.pulloutR {margin: 0 0 0 24px;}
.pulloutL > .darkpullout {margin: 0 24px 0 0;}
.pullouttext { width: 350px; }
.video {margin: 0 20px 0 0;}
.textright, .videohead, .videotext {margin: 0.6rem 0;text-align: left;}
.videoandheader { flex-direction: row; align-items: flex-end; width: 100%;}
.margintop {margin-top: 2%;}
.desktopnone {display: none;}
.cols2 {
-webkit-columns: 2 200px; 
-moz-columns: 2 200px;
columns: 2 200px;
-webkit-column-gap: 3em; 
-moz-column-gap: 3em; 
column-gap: 3em;
-webkit-column-break-inside: avoid;
break-inside: avoid;
} 
.bouncey, .bounceup {margin: -24px 0 0;}
.bounceycenter {margin: 0;}
.bounceuphigh {margin: -36px 0 0;}
.bounceuphigher {margin: -48px 0 0;}
.productlogogrid {display: grid;grid-template-columns: auto 200px; grid-template-rows: auto; column-gap: 24px; row-gap: 24px;}
.descriptioncell {grid-column-start: 1;  grid-column-end: 2; place-self: stretch; padding: 0 0 24px;}
.logocell {grid-column-start: 2;  place-self: center; padding: 0 0 30px;}
.iPhonereturn {display: none;}
}
@media screen and (min-width:1175px) {
p, .resume h4 {font-size: 1.2rem;}
.crumbs {padding: 10px 0 0 60px;}
.topcontent {padding: 10px 40px 0; margin: 0 10% 0 6%;  }
.maincontent { margin: 0 10%;}
.videoandheader, .topcontentindented { margin: 0 6% 0 3%;}
.topcontentindentedoneside { margin: 0 0 0 3%; }
.textleft, .textright, .videohead, .videotext {flex: 1 1 auto; max-width: 750px; }
.videoandheader .videotext {max-width: 500px;}
.pullouttext { max-width: 450px;}
.imageR, .photoR, .imageRhard {margin: 0 0 0 24px; flex:1 0 0;}
.imageL, .photoL  {margin: 0 24px 0 0; justify-self: center;}
.maxlength {max-width: 1300px;}
.fulllength, .text, .hardleft {max-width: 1100px;}
.bodycol1 {padding: 0 30px 0 0;}
.bodycol2 { padding: 0 0 0 30px;}
.bouncey {margin: -8px 0 0;}
.bounceycenter {margin: -12px 0 0;}
.bounceup {margin: -24px 0 0;}
.bounceuphigh {margin: -36px 0 0;}
.bounceuphigher {margin: -48px 0 0;}
}
@media screen and (min-width:2200px) {
.topcontentindentedoneside { margin: 0 0 0 4%; }
.bouncey {margin: -8px 0 0;}
.bounceup {margin: -24px 0 0;}
.bounceuphigh {margin: -36px 0 0;}
.bounceycenter, .bounceuphigher {margin: -48px 0 0;}
}
@media print {
* { background-color: transparent !important; color: #000 !important; text-shadow: none; }
a {word-wrap: break-word;}
a, a:visited { color: #000 !important; text-decoration: underline; }
a:after { content: " (" attr(href) ")"; }
a:after {content: " (https://www.omti.com/" attr(href) ")";}
a[href^="#"]:after {display: none;}
a[href^="http://"]:after, a[href^="https://"]:after {content: " (" attr(href) ")";}
abbr:after { content: " (" attr(title) ")"; }    .ir a:after { content: ""; }  /* Don't show links for images */   
p, li, .special {font: 12pt Georgia, "Times New Roman", Times, serif; line-height: 1.3; margin-bottom: .6em;}
p, h1, h2, h3 { orphans: 3; widows: 3; }
h1, h2, h3{ break-after: avoid; }
h1 {font-size: 21pt;}
h2 {font-size: 18pt;}
h3 {font-size: 16pt;}
img {max-width: 100%; height: auto; break-inside: avoid; }
.container {
padding: 0.5cm; 
vertical-align: top;
}
.flex, .container, .content, .stripe, .topcontent, .topcontentindented, .topcontentindentedoneside, .maincontent, .bodycolumns, .flexrow, .flexcolumn, .maxlength, .fulllength, .more, .noindentcontent, .text, .hardleft, .pullouttext, .pulloutL, .pulloutR  {display: block; width: 100%; max-width: 100%; margin: 0; } 
.table {width: 90%; max-width: 7.5in;}
th, td, td li, td ul li {font-size: 90%;}
.bodycol1, .bodycol2, .pullouttext {padding: 0;}
.colorstripeDecade, .coloronepullout, .colortwopullout, .coloronestripe, .colortwostripe {background-color: #ffffff; color: #000000; border: 1pt solid #000000;}
.omtiheaderrow, .productheaderrow, .footer, .videoandheader, nav, .menu, .noprint { display: none;}
}

/*top navigation css*/
/*------------------------------------*\
TOP NAVIGATION -- all screens
\*------------------------------------*/
.mainmenu { z-index: 999;}
.primary nav > li > div {
background: #17314b;
color: #ffffff;}
.cbp-spmenu {background-color: #19272c; height: 40px;}/* changed from 46px 7/24/23*/
.cbp-spmenu a {color: #ffffff;}
.cbp-spmenu a:active {color: #F4F3EA;}
.cbp-spmenu a:active {color: #ffffff;}
nav a, nav a:visited, nav a:hover, nav a:visited:hover {color: #ffffff; text-decoration: none; }

nav ul {
list-style: none; 
padding: 0; 
background-color: #19272c; }
nav li {
font-style: normal;
font-weight: 700;
color: #FFFfff;
background-color: #19272c; 
}
nav li:hover {background-color: #395457;}
nav li:active {background-color: #19272c;}
.primarycompany ul {
margin: 0;
text-align: left;
}
.primarycompany li {margin: 0;
display: block;
float: left;
position: relative;
transition-duration: 0.5s;
font-size: 1.1rem;
} 
.primarycompany li:hover,
.primarycompany li:focus-within {cursor: pointer;}
.primarycompany li.main:hover,
.primarycompany li.main:focus-within {background: #395457;}
.primarycompany li:focus-within a {outline: none;}

.primarycompany ul li ul {
background-color: #F4F3EA;
border-bottom: #37505a 10px solid;
color: #17314b;
visibility: hidden;
opacity: 0;
min-width: 5rem;
position: absolute;
transition: all 0.5s ease;
left: 0;
display: none;
box-shadow: 0 0 2px 0 #d6d3c1;
}
.primarycompany ul li:hover > ul,
.primarycompany ul li:focus-within > ul,
.primarycompany ul li ul:hover,
.primarycompany ul li ul:focus {
visibility: visible;
opacity: 1;
display: block;
}
.primarycompany ul li ul li {
clear: both;
width: 100%;
background: #F4F3EA;
color: #17314b;
}
li.first {margin-top: 10px;}

/*------------------------------------*\
FOOTER NAVIGATION -- all screens
\*------------------------------------*/
.thirdnav {display: flex;}
.thirdnav,.thirdnav a,.thirdnav ul,.thirdnav li,.thirdnav div {margin: 0;padding: 0;border: none; width: 100%;}
.thirdnav li { list-style: none; }
.thirdnav .nav-column li ul li, .thirdnav .nav-column li {margin: 16px 0; width: 100%;}
.thirdnav .nav-column li a {
font-weight: 700;
line-height: 1rem;
width: 100%;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;}

.thirdnav .nav-column li a:hover, .thirdnav .nav-column li a:visited:hover { color: #f7eb90; }
.thirdnav a, .backtotop a { color: #ffffff; }
.wide-col {flex-grow: 2;}
.copyright {margin: 10px 0 24px 24px; text-align: left; color: #ffffff;}

@media all and (max-width: 470px) {
.thirdnav {flex-direction: column; padding: 24px 0 0;}
.thirdnav .nav-column {
width: 100%;
padding: 0 2.5%;
margin: 0; }    
.nav .nav-column li {margin: 0 0 36px 0;}
.nav .nav-column li a {font-size: 1rem;}
}

@media all and (min-width: 471px) and (max-width: 766px)  {
.thirdnav {flex-direction: row; padding: 14px 0 0;}
.thirdnav .nav-column {padding: 2.5% 2.5% 0 0;}
.thirdnav .nav-column li a {font-size: 1.3rem; padding: 5px 0;display: block;}
.thirdnav .nav-column li {
margin: 0 24px 24px 0;
padding: 0 2.5%;
}
}

@media all and (min-width: 767px) and (max-width: 899px)  {
.thirdnav {flex-direction: row; padding: 14px 0 0;}
.thirdnav .nav-column li a {font-size: 1rem;}
.thirdnav .nav-column {padding: 2.5% 2.5% 0 0;}
.thirdnav .nav-column {
width: 28%;
margin: 0 24px 0 0;
padding: 10px 2.5% 0;
}
}

@media all and (max-width: 899px) {
/*------------------------------------*\
TOP NAVIGATION -- max-width: 899px
\*------------------------------------*/
#topmenu, .primary img {display: none;}
.buttonset {display: inline; float: left; border: none; padding: 3px 0 0;}
/*push button styles*/
#showLeftPush {
color: #ffffff;
background-color: #19272c;
border: none;
cursor: pointer;
margin: 0;
height: 32px;
width: 48px; /* was 50px in 2022*/
font-weight: 900;
font-size: 1.25rem;
position: relative;
}
/* from 2022 */
#showLeftPush:before {
display: block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 5 Free"; font-weight: 900;
content: "\f0c9"; 
text-decoration: inherit;
color: #fff;
position: absolute;
top: 7px;
left: 10px;
}
/* end addition from 22 */
section button:hover {background-color: #353535;}
section button.active {background-color: #353535; border: none;}
section button.disabled {
background-color: #aaa;
pointer-events: none;
}
.primary { 
vertical-align: bottom;
margin: 0; 
display: block;
}
.primary ul {
margin: 0; 
text-align: left;
}
.primary li {
margin: 0;
display: block;
}
.cbp-spmenu {
position: fixed;
overflow: auto;
}
.cbp-spmenu a {
display: block;
color: #fff;
font-size: .8em;
margin: 0;
}

/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
width: 180px;
height: 100%;
top: 0;
}
.cbp-spmenu-vertical a {padding: .5em 1em; border-bottom: 1px solid #ffffff;}
.cbp-spmenu-left {left: -180px;}
.cbp-spmenu-left.cbp-spmenu-open {left: 0px;}

/* Push classes applied to the body */
.cbp-spmenu-push {
overflow-x: hidden;
position: relative;
left: 0;
}
.cbp-spmenu-push-toright {left: 180px;}
/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
ul.submenu {margin: 0;}
.submenu a {font-size: 87.5%; margin-left: 10px;}

/*------------------------------------*\
FOOTER NAVIGATION 
\*------------------------------------*/
.thirdnav {padding: .5% 2.5% 0; }
.thirdnav .nav-column li a {
font-size: .9rem;
margin: 0 42px 0 0;
}
}

@media screen and (min-width:900px) {
/*------------------------------------*\
TOP NAVIGATION -- min-width:900px
\*------------------------------------*/
.buttonset, #cbp-spmenu-s1 {display: none;}
#topmenu {display: inline; margin: 0;}
.cbp-spmenu {margin: 0 0 0 18px;}
nav a {padding: 1.2em 0.8em 0; margin: 0 10px;}
.submenu a {padding: 0.7em;}
nav a, .submenu a {
font-size: .8rem; 
display: block; 
white-space: nowrap; 
}
nav li {
position: relative; 
display: inline-block;
}
nav ul ul {
display: none; 
position: absolute; 
}
nav li:hover > ul {display: block;}
nav > ul > li > ul > li {min-width: 100%;} 
.primary ul {
text-align: left;
margin: 0 0 0 -12px;
}
.primary li {margin: 0; padding: 6px 12px;}

/*------------------------------------*\
FOOTER NAVIGATION -- min-width:900px
\*------------------------------------*/
.footernav {flex: 3 1 66%; margin: 8px 0;}
.thirdnav > li ul li, .thirdnav li {margin: 16px 0;}
/* Menu Content Styles */
.thirdnav .nav-column li a {
font-size: .9rem;
}
.thirdnav .nav-column {padding: 2.5%;}
.thirdnav .nav-column {
width: 25%;
margin: 0 24px 0 0;
padding: 0 2.5%;
}
}

@media screen and (min-width:1175px) {
.thirdnav .nav-column {padding: 0 2.5%;}
.thirdnav .nav-column li a {font-size: 1rem;}
.thirdnav > li ul li, .thirdnav .nav-column li {margin: 24px 0;}
}

.icon-search:before{content:"\f002";}

/* search css*/
#show,#searchcontent {display:none;}
#show:checked~#searchcontent{display:block; float: right;right: 0;}
#show:checked~#searchdropbtn{display: none;}
/* search styles*/
#searchdropbtn { right: 0; padding: 12px 10px 10px 6px;
}
.searchbutton { 
border: none;
display: block;
cursor: pointer;
color: #FFF;
}
.searchfield, .searchbutton {top: 0;}

#searchbutton {position: absolute; padding: 10px 10px 10px 6px;
}
#searchbutton, #searchdropbtn { 
background-color: #395457; border: none; border-radius: 0;
width: 50px; 
height: 46px;
text-align: center;
display: inline-block;
right: 10px;
}
.searchset {
position: relative;
display: inline-block;
right: 0;
height: 46px;
width: 60px; background: #395457;
}
.searchform {width: 280px; overflow: hidden; height: 50px; position: relative;}
.searchfield {margin: 6px 0 0 0;}
#search { display: none;}
.searchform input[type=text] {
width: 200px;
font-size: 16px;
background-color: white;
background-image: url( "../images/searchicon.png");
background-position: 8px 7px; 
background-repeat: no-repeat;
padding: 6px 6px 6px 30px;
}