@charset "UTF-8";
/* ---------- VARIABLES ----------------------------------------------------- */
/* CooperTech Web Typography - Latin glyph sets for body text */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhrIqM.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* CooperTech Web Typography - Latin glyph set for headings and titles */
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 600;
  src: local("Oswald SemiBold"), local("Oswald-SemiBold"), url(https://fonts.gstatic.com/s/oswald/v16/TK3hWkUHHAIjg75-xhsTus9C.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Note about Google fonts:
 * Copy & pasting directly into this file reduces number of requests, BUT
 * Google allegedly does some User Agent sniffing to sometimes serve
 * different things to different devices as needed.
 */
/* CooperTech Color Palette */
/* CooperTech Greyscale-on-Dark Palette */
/* CooperTech Greyscale-on-Light Palette */
/* Guessing #D8D6D6 should be #D6D6D6 but that would require an update of the
 * branding guidelines in all file locations in which they are currently posted
 */
/* Declared for math */
/* Declared for easier reading */
/* ---------- MINI-RESET ---------------------------------------------------- */
*, *:before, *:after {
  /* Chrome 9-, Safari 5-, iOS 4.2-, Android 3-, Blackberry 7- */
  -webkit-box-sizing: border-box;
  /* Firefox (desktop or Android) 28- */
  -moz-box-sizing: border-box;
  /* Firefox 29+, IE 8+, Chrome 10+, Safari 5.1+, Opera 9.5+, iOS 5+, 
   * Opera Mini Anything, Blackberry 10+, Android 4+
   */
  box-sizing: border-box;
}

html, body, div, h1, h2, h3, h4, h5, h6, hr, br, p, a, img, ul, ol, li, q,
input, label, table, caption, thead, tr, th, tfoot, tbody, td, section, aside {
  -moz-border-start: none;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  margin: 0;
  -moz-padding-start: 0;
  -webkit-padding-before: 0;
  -webkit-padding-after: 0;
  -webkit-padding-start: 0;
  -webkit-padding-end: 0;
  padding: 0;
  line-height: 1em;
  font-size: 16px;
}

body, p, a, li, q, caption, td {
  font-family: "Open Sans", sans-serif;
  line-height: 1.5em;
}

a {
  color: inherit;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
}

h1 {
  font-size: 2.25em;
  color: #08123F;
}

h2 {
  font-size: 2em;
  color: #1A5382;
}

h3 {
  font-size: 1.75em;
  color: #3890A8;
  margin-top: 1.5em;
}

h4 {
  font-size: 1.5em;
  color: #46CECE;
}

h5 {
  font-size: 1.25em;
  color: #08123F;
}

h6 {
  font-size: 1em;
  color: #1A5382;
}

hr {
  border-style: solid;
}

img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* ---------- MINI-LIBRARY -------------------------------------------------- */
/* ---------- LAYOUT (PANELS) ----------------------------------------------- */
.wrapper {
  width: 16.5em;
  height: 100%;
  position: fixed;
  background: #08123F;
  overflow-y: auto;
  overflow-x: hidden;
  /* leftnav scrollbar */
  /* The following say the same thing, but non-standard syntaxes don't like 
   * being grouped together with the standard syntax or other non-standard
   * syntaxes.  Mixins would solve this, but this issue doesn't occur often
   * enough in this code base to warrant the extra layer of abstraction.
   */
}
.wrapper::-webkit-scrollbar {
  width: 1rem;
}
.wrapper::-webkit-scrollbar-thumb {
  background: #FFFFFF;
  background-clip: padding-box;
  border: 0.3333333333rem solid transparent;
  border-radius: 0.5rem;
}
.wrapper ::-moz-selection {
  background: #FFFFFF;
  color: #08123F;
}
.wrapper ::selection {
  background: #fefefe;
  color: #08123F;
}

.sub {
  padding-left: 1em;
}

.cluster [type=radio] {
  display: none;
}
.cluster [type=radio]:hover ~ label, .cluster [type=radio]:active ~ label, .cluster [type=radio]:checked ~ label {
  border: 1px solid;
  border-radius: 1em;
}
.cluster [type=radio]:hover ~ label[for=input-1], .cluster [type=radio]:active ~ label[for=input-1], .cluster [type=radio]:checked ~ label[for=input-1] {
  border-radius: 0 0 2.5em 2.5em;
}
.cluster [type=radio]:hover ~ label {
  color: #66FFE9;
}
.cluster [type=radio]:active ~ label, .cluster [type=radio]:checked ~ label {
  color: #FFFFFF;
}
.cluster label {
  display: inline-block;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 1em;
  padding: 0.5em 1em;
  color: #46CECE;
}
.cluster label[for=input-1] {
  width: auto;
  border-radius: 0 0 2.5em 2.5em;
  padding: 0 0.3em 0 0.5em;
  background: #FFFFFF;
  margin-left: 0.5em;
}
.cluster label[for=input-1] #icon65-tr {
  width: 3em;
  height: 3em;
  float: left;
  clear: left;
  margin-top: 0.5em;
  margin-left: -0.175em;
  margin-bottom: 0.5em;
}
.cluster .content {
  position: fixed;
  top: 0;
  left: 16.5em;
  right: 0;
  bottom: 0;
  background: #FFFFFF;
  color: #000000;
  overflow: auto;
  /* content area scrollbar */
  /* The following say the same thing, but non-standard syntaxes don't like 
   * being grouped together with the standard syntax or other non-standard
   * syntaxes.  Mixins would solve this, but this issue doesn't occur often
   * enough in this code base to warrant the extra layer of abstraction.
   */
}
.cluster .content .section {
  margin: 7.5%;
}
.cluster .content .section:after {
  height: 0;
  width: 0;
  visibility: hidden;
  display: table;
  clear: both;
  line-height: 0;
  content: "";
}
.cluster .content::-webkit-scrollbar {
  width: 1rem;
}
.cluster .content::-webkit-scrollbar-thumb {
  background: #1A5382;
  background-clip: padding-box;
  border: 0.3333333333rem solid transparent;
  border-radius: 0.5rem;
}
.cluster .content ::-moz-selection {
  background: #46CECE;
  color: #FFFFFF;
}
.cluster .content ::selection {
  background: #46CECE;
  color: #FFFFFF;
}
.cluster [type=radio]:checked ~ label ~ .content {
  z-index: 1;
}

/* ---------- LEFTNAV ITEM-SPECIFIC TWEAKS ---------------------------------- */
.contact {
  border: 1px solid transparent;
  border-radius: 1em;
  padding: 0.5em 1em 0;
  color: #FFFFFF;
}
.contact p {
  color: #FFFFFF;
}
.contact a:hover {
  color: #66FFE9;
}
.contact a:hover::after {
  padding-left: 0.5em;
  content: "∿";
  text-decoration: none;
  display: inline-block;
}

.copyright {
  border: 1px solid transparent;
  padding: 0.5em 1em 0.5em 2.825em;
  text-indent: -1.825em;
  color: #FFFFFF;
}
.copyright:before {
  content: "©";
  color: inherit;
  padding-right: 1em;
}

/* ---------- CONTENT TWEAKS ------------------------------------------------ */
#Home img {
  padding: 5% 0;
}
#Home hr {
  margin: 2% 17.5% 0;
  border-color: #3890A8;
}
#Home p {
  text-align: center;
  color: #08123F;
  font-size: 3vw;
  font-weight: 700;
}

#What_We_Do p,
#How_We_Work_with_You p,
#Development_Team_Empowerment p,
#Lossless_Data_Migration p,
#Automated_Trading_Systems p,
#Specifications_and_Design_Consultation p,
#Software_Development_and_Product_Delivery p,
#Training_Adoption_and_Integration_Services p {
  margin: 2em 2em 0;
  min-width: 23em;
  max-width: 35em;
}

#What_We_Do ul {
  margin: 0.5em 0 0 3em;
  list-style: none;
  min-width: 23em;
}
#What_We_Do ul li {
  padding-top: 0.5em;
  text-indent: -1em;
}
#What_We_Do ul li:before {
  display: inline-block;
  width: 1em;
  content: "●";
  vertical-align: 0.2ex;
  color: #1A5382;
}

#What_We_Have_Done table {
  margin-top: 2em;
  text-align: left;
}
#What_We_Have_Done table caption {
  margin-bottom: 1em;
  text-align: inherit;
}
#What_We_Have_Done table th {
  padding: 0.5em;
  background: #1A5382;
}
#What_We_Have_Done table th h6 {
  color: #FFFFFF;
}
#What_We_Have_Done table td {
  padding: 0.5em;
  line-height: 1.5em;
  vertical-align: top;
  border-bottom: 1px solid #1A5382;
}
#What_We_Have_Done table td:first-of-type {
  min-width: 8em;
  max-width: 15em;
}
#What_We_Have_Done table td:last-of-type {
  min-width: 20em;
  max-width: 27em;
}
#What_We_Have_Done table td a.jumper-t {
  color: #3890A8;
  font-weight: bold;
  text-decoration: none;
}
#What_We_Have_Done table td a.jumper-t:hover, #What_We_Have_Done table td a.jumper-t:active {
  border-bottom: 2px solid;
}
#What_We_Have_Done p {
  margin: 2em 2em 0;
}
#What_We_Have_Done p a {
  text-decoration: none;
}
#What_We_Have_Done p a img {
  display: inline-block;
  width: auto;
  height: 1.5em;
  margin-bottom: -0.3em;
}

#Development_Team_Empowerment ol,
#Lossless_Data_Migration ol,
#Automated_Trading_Systems ol,
#Specifications_and_Design_Consultation ol,
#Software_Development_and_Product_Delivery ol,
#Training_Adoption_and_Integration_Services ol {
  margin: 0.5em 0 0 3.75em;
  list-style: none;
}
#Development_Team_Empowerment ol li,
#Lossless_Data_Migration ol li,
#Automated_Trading_Systems ol li,
#Specifications_and_Design_Consultation ol li,
#Software_Development_and_Product_Delivery ol li,
#Training_Adoption_and_Integration_Services ol li {
  padding-top: 1em;
  text-indent: -1.25em;
  counter-increment: counter;
  min-width: 22em;
  max-width: 33em;
}
#Development_Team_Empowerment ol li a,
#Lossless_Data_Migration ol li a,
#Automated_Trading_Systems ol li a,
#Specifications_and_Design_Consultation ol li a,
#Software_Development_and_Product_Delivery ol li a,
#Training_Adoption_and_Integration_Services ol li a {
  text-decoration: none;
  color: #1A5382;
}
#Development_Team_Empowerment ol li a:hover,
#Lossless_Data_Migration ol li a:hover,
#Automated_Trading_Systems ol li a:hover,
#Specifications_and_Design_Consultation ol li a:hover,
#Software_Development_and_Product_Delivery ol li a:hover,
#Training_Adoption_and_Integration_Services ol li a:hover {
  text-decoration: underline;
}
#Development_Team_Empowerment ol li:before,
#Lossless_Data_Migration ol li:before,
#Automated_Trading_Systems ol li:before,
#Specifications_and_Design_Consultation ol li:before,
#Software_Development_and_Product_Delivery ol li:before,
#Training_Adoption_and_Integration_Services ol li:before {
  display: inline-block;
  width: 1.25em;
  content: counter(counter, decimal) ")";
  color: #1A5382;
}
#Development_Team_Empowerment ul,
#Lossless_Data_Migration ul,
#Automated_Trading_Systems ul,
#Specifications_and_Design_Consultation ul,
#Software_Development_and_Product_Delivery ul,
#Training_Adoption_and_Integration_Services ul {
  margin-left: 3em;
  list-style: none;
}
#Development_Team_Empowerment ul li,
#Lossless_Data_Migration ul li,
#Automated_Trading_Systems ul li,
#Specifications_and_Design_Consultation ul li,
#Software_Development_and_Product_Delivery ul li,
#Training_Adoption_and_Integration_Services ul li {
  text-indent: -1em;
  max-width: 35em;
}
#Development_Team_Empowerment ul li:before,
#Lossless_Data_Migration ul li:before,
#Automated_Trading_Systems ul li:before,
#Specifications_and_Design_Consultation ul li:before,
#Software_Development_and_Product_Delivery ul li:before,
#Training_Adoption_and_Integration_Services ul li:before {
  display: inline-block;
  width: 1em;
  content: "●";
  vertical-align: 0.2ex;
  color: #1A5382;
}
#Development_Team_Empowerment hr,
#Lossless_Data_Migration hr,
#Automated_Trading_Systems hr,
#Specifications_and_Design_Consultation hr,
#Software_Development_and_Product_Delivery hr,
#Training_Adoption_and_Integration_Services hr {
  margin-top: 2em;
  border-color: #3890A8;
  max-width: 39em;
}

#What_Our_Clients_Say {
  min-width: 25em;
}
#What_Our_Clients_Say q {
  text-indent: -0.65em;
  line-height: 1.5em;
  max-width: 35em;
  display: inline-block;
}
#What_Our_Clients_Say q:before {
  content: '" ';
}
#What_Our_Clients_Say q:before, #What_Our_Clients_Say q:after {
  color: #3890A8;
}
#What_Our_Clients_Say q:after {
  content: '"';
}
#What_Our_Clients_Say h6:before {
  padding-right: 0.5em;
  content: "∼";
}
#What_Our_Clients_Say h6, #What_Our_Clients_Say p {
  line-height: 1.5em;
  text-align: right;
  max-width: 35em;
}
#What_Our_Clients_Say p {
  color: #3890A8;
}

#How_We_Work_with_You a.jumper-b {
  display: inline-block;
  margin-top: 2em;
  border: 1px solid transparent;
  border-radius: 1em;
  padding: 0.5em 1em;
  background: #3890A8;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: inherit;
}
#How_We_Work_with_You a.jumper-b:hover, #How_We_Work_with_You a.jumper-b:active {
  background: #46CECE;
}
#How_We_Work_with_You a.jumper-b:focus {
  z-index: 1;
}

#Specifications_and_Design_Consultation aside.card {
  min-width: 27em;
  max-width: 39em;
  display: block;
  margin-top: 2em;
  border: 1px solid transparent;
  border-radius: 1em;
  padding: 2em;
  background-color: #1A5382;
  color: #FFFFFF;
  text-decoration: inherit;
}
#Specifications_and_Design_Consultation aside.card ul li {
  margin-top: 1em;
}
#Specifications_and_Design_Consultation aside.card ul li:before {
  color: #FFFFFF;
}

#Training_Adoption_and_Integration_Services ol li ul {
  margin-bottom: 1.25em;
}

/* DOESN'T WORK YET

@media print {
  p {
    orphans: 3;
    widows: 3;
  }
}

 */