/* css */
/* colors

green: 429B2C
blue: 22349F;


HR - 00acb3 aqua
ID - 429b2c green
GH - 9f2234 red
corp 22349f blue

*/
/* my test is here 2 */
/* and another test line here */
/* this is a new comment */
body {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 400; }

a {
  color: #22349f; }

p {
  font-size: 20px; }
  @media (min-width: 1200px) {
    p {
      font-size: 22px; } }

p.lead, div.lead-p p:first-child {
  font-size: 20px;
  font-family: 'Source Serif 4', Georgia, Times, serif;
  line-height: 1.4; }
  @media (min-width: 992px) {
    p.lead, div.lead-p p:first-child {
      font-size: 22px; } }
  @media (min-width: 1200px) {
    p.lead, div.lead-p p:first-child {
      font-size: 27px; } }

p.home-lead {
  color: #22349F;
  font-size: 28px;
  font-weight: 600; }
  @media (min-width: 992px) {
    p.home-lead {
      font-size: 30px; } }
  @media (min-width: 1200px) {
    p.home-lead {
      font-size: 36px; } }

a:hover {
  color: #22349F; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: .625rem;
  font-family: "Nunito", Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: #22349f; }
  body.theme-international-development h1, body.theme-international-development h2, body.theme-international-development h3, body.theme-international-development h4, body.theme-international-development h5, body.theme-international-development h6, body.theme-international-development .h1, body.theme-international-development .h2, body.theme-international-development .h3, body.theme-international-development .h4, body.theme-international-development .h5, body.theme-international-development .h6 {
    color: #429b2c; }
  body.theme-health-and-research h1, body.theme-health-and-research h2, body.theme-health-and-research h3, body.theme-health-and-research h4, body.theme-health-and-research h5, body.theme-health-and-research h6, body.theme-health-and-research .h1, body.theme-health-and-research .h2, body.theme-health-and-research .h3, body.theme-health-and-research .h4, body.theme-health-and-research .h5, body.theme-health-and-research .h6 {
    color: #00acb3; }
  body.theme-global-health h1, body.theme-global-health h2, body.theme-global-health h3, body.theme-global-health h4, body.theme-global-health h5, body.theme-global-health h6, body.theme-global-health .h1, body.theme-global-health .h2, body.theme-global-health .h3, body.theme-global-health .h4, body.theme-global-health .h5, body.theme-global-health .h6 {
    color: #9f2234; }
  body.theme-clinical-and-life-sciences h1, body.theme-clinical-and-life-sciences h2, body.theme-clinical-and-life-sciences h3, body.theme-clinical-and-life-sciences h4, body.theme-clinical-and-life-sciences h5, body.theme-clinical-and-life-sciences h6, body.theme-clinical-and-life-sciences .h1, body.theme-clinical-and-life-sciences .h2, body.theme-clinical-and-life-sciences .h3, body.theme-clinical-and-life-sciences .h4, body.theme-clinical-and-life-sciences .h5, body.theme-clinical-and-life-sciences .h6 {
    color: #571272; }

h2 {
  font-size: 36px; }
  @media (min-width: 1200px) {
    h2 {
      font-size: 48px; } }

h6 {
  font-weight: 600;
  font-size: 24px;
  text-transform: uppercase; }

hr.short {
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 2px solid #429B2C; }

h1.secondary, h2.secondary, h3.secondary, h4.secondary, h5.secondary, h6.secondary {
  color: #0038c2 !important; }

ul, ol {
  padding-left: 40px; }

ul li {
  font-size: 20px;
  list-style: disc;
  padding-top: 5px;
  padding-bottom: 5px; }
  @media (min-width: 1200px) {
    ul li {
      font-size: 22px; } }

ul.sub-menu li {
  list-style: none; }

ol li {
  font-size: 20px;
  padding-top: 5px;
  padding-bottom: 5px; }
  @media (min-width: 1200px) {
    ol li {
      font-size: 22px; } }

.main-content ul li {
  list-style: disc; }

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

body.theme-health-and-research h1.secondary, body.theme-health-and-research h2.secondary, body.theme-health-and-research h3.secondary, body.theme-health-and-research h4.secondary, body.theme-health-and-research h5.secondary, body.theme-health-and-research h6.secondary {
  color: #666 !important; }

body.theme-global-health h1.secondary, body.theme-global-health h2.secondary, body.theme-global-health h3.secondary, body.theme-global-health h4.secondary, body.theme-global-health h5.secondary, body.theme-global-health h6.secondary {
  color: #186E58 !important; }

body.theme-clinical-and-life-sciences h1.secondary, body.theme-clinical-and-life-sciences h2.secondary, body.theme-clinical-and-life-sciences h3.secondary, body.theme-clinical-and-life-sciences h4.secondary, body.theme-clinical-and-life-sciences h5.secondary, body.theme-clinical-and-life-sciences h6.secondary {
  color: #666 !important; }

.pa-block h2 {
  font-size: 36px; }
  @media (min-width: 1200px) {
    .pa-block h2 {
      font-size: 48px; } }

.col-lg-3 .pa-block h2 {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 32px; }
  @media (min-width: 992px) {
    .col-lg-3 .pa-block h2 {
      font-size: 28px; } }
  @media (min-width: 1200px) {
    .col-lg-3 .pa-block h2 {
      font-size: 32px; } }
  @media (min-width: 1400px) {
    .col-lg-3 .pa-block h2 {
      font-size: 42px;
      padding-left: 30px;
      padding-right: 30px; } }

.image-block {
  display: block;
  background: #000; }

.image-block .bg-image {
  opacity: .7;
  transition: opacity .5s; }

.image-block:hover .bg-image {
  opacity: .85;
  transition: opacity .5s; }

.modal-dialog {
  max-width: 800px; }

.image-block:hover {
  cursor: pointer; }

.image-block-hover .hover-copy {
  position: absolute;
  top: 10px;
  left: 15px;
  right: 15px;
  bottom: 10px;
  display: none;
  text-align: center; }

.image-block-hover .hover-copy h4 {
  color: #fff !important;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  padding: 0 15px 10px 15px;
  margin: 0;
  opacity: 1;
  display: block; }

.image-block-hover .hover-copy p {
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
  padding: 0 15px 10px 15px;
  margin: 0; }

.image-block-hover:hover .hover-copy {
  display: block; }

.image-block-hover:hover .bg-image {
  opacity: .3; }

.image-block-hover:hover h6 {
  opacity: 0; }

h4.modal-title {
  color: #222;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 18px;
  text-align: center; }

.modal-body p {
  color: #222;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 18px; }
.modal-body ul li, .modal-body ol li {
    color: #222;
    font-size: 18px;
    line-height: 1.3;
}
.image-block-content h5 {
  position: absolute;
  top: 15px;
  left: 30px;
  right: 30px;
  font-size: 20px;
  color: #fff !important;
  display: none; }

.tooltip-inner {
  max-width: 350px;
  width: 350px; }

.hero-static {
  position: relative;
  height: 600px;
  background-color: #888;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .hero-static .container {
    z-index: 5; }
    .hero-static .container .hero-content {
      padding-top: 20px;
      z-index: 5; }
      .hero-static .container .hero-content h1, .hero-static .container .hero-content h2, .hero-static .container .hero-content h3, .hero-static .container .hero-content h4, .hero-static .container .hero-content h5, .hero-static .container .hero-content h6, .hero-static .container .hero-content p {
        color: #fff; }
      .hero-static .container .hero-content h1 {
        font-size: 80px;
        line-height: 1.1; }
  .hero-static .cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1; }

.hero-half {
  padding-top: 30px;
  height: 300px; }
  .hero-half .container .hero-content h1 {
    font-size: 48px; }

.module-cover {
  padding-top: 80px;
  padding-bottom: 80px; }
  @media (min-width: 992px) {
    .module-cover {
      padding-top: 140px;
      padding-bottom: 140px; } }
  @media (min-width: 1200px) {
    .module-cover {
      padding-top: 240px;
      padding-bottom: 240px; } }
  .module-cover h1 {
    font-size: 50px; }
    @media (min-width: 768px) {
      .module-cover h1 {
        font-size: 60px; } }
    @media (min-width: 992px) {
      .module-cover h1 {
        font-size: 70px; } }
    @media (min-width: 1200px) {
      .module-cover h1 {
        font-size: 100px; } }
  .module-cover h2 {
    font-family: "Source Serif 4", Georgia, Times, serif;
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 20px; }
    @media (min-width: 1200px) {
      .module-cover h2 {
        font-size: 42px; } }
  .module-cover .logo-top .logo {
    margin-bottom: 50px;
    width: 300px; }
    @media (min-width: 992px) {
      .module-cover .logo-top .logo {
        width: 425px; } }
    @media (min-width: 1200px) {
      .module-cover .logo-top .logo {
        width: 550px; } }

.module-cover.fullscreen {
  padding-top: 180px;
  padding-bottom: 200px !important; }
  .module-cover.fullscreen .row-headline {
    position: relative;
    height: 100%; }
    .module-cover.fullscreen .row-headline .headline-wrap {
      position: absolute;
      bottom: 100px;
      left: 0;
      right: 0; }

.hero-responsive {
  position: relative; }
  .hero-responsive video {
    width: 100% !important;
    height: auto !important; }
  .hero-responsive .cover {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.2); }
  .hero-responsive .hero-content {
    position: absolute;
    text-align: center;
    bottom: 20px;
    left: 0;
    right: 0;
    top: auto;
    z-index: 5; }
    .hero-responsive .hero-content h2 {
      font-family: "Source Serif 4", Georgia, Times, serif;
      font-weight: 600;
      font-size: 20px;
      margin-bottom: 20px; }
      @media (min-width: 992px) {
        .hero-responsive .hero-content h2 {
          font-size: 28px;
          padding-left: 20%;
          padding-right: 20%; } }
      @media (min-width: 1200px) {
        .hero-responsive .hero-content h2 {
          font-size: 42px; } }
    @media (min-width: 992px) {
      .hero-responsive .hero-content {
        bottom: 60px; } }
    @media (min-width: 1200px) {
      .hero-responsive .hero-content {
        bottom: 80px; } }
  .hero-responsive .logo-top {
    position: absolute;
    bottom: auto;
    left: 0;
    right: 0;
    top: 30px;
    z-index: 5;
    text-align: center; }
    @media (min-width: 768px) {
      .hero-responsive .logo-top {
        top: 80px; } }
    @media (min-width: 992px) {
      .hero-responsive .logo-top {
        top: 140px; } }
    @media (min-width: 1200px) {
      .hero-responsive .logo-top {
        top: 200px; } }
    .hero-responsive .logo-top .logo {
      max-width: 550px;
      margin: 0 auto;
      width: 200px; }
      @media (min-width: 768px) {
        .hero-responsive .logo-top .logo {
          width: 300px; } }
      @media (min-width: 992px) {
        .hero-responsive .logo-top .logo {
          width: 425px; } }
      @media (min-width: 1200px) {
        .hero-responsive .logo-top .logo {
          width: 550px; } }

.image-block-content {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1; }
  .image-block-content .logo {
    vertical-align: center;
    width: 60%;
    max-width: 500px;
    height: auto;
    transition: all .7s; }
  .image-block-content h6 {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30%;
    font-size: 24px; }
    @media (min-width: 1200px) {
      .image-block-content h6 {
        font-size: 28px; } }

.image-block:hover .image-block-content .logo {
  width: 70%;
  transition: all .7s; }

.inner-header {
  line-height: 1.3; }

.inner-header a {
  margin-left: 0;
  padding-top: 3px;
  font-size: 14px;
  color: #fff;
  font-family: "Nunito", Helvetica, sans-serif;
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase; }
  @media (min-width: 992px) {
    .inner-header a {
      margin-left: 20px; } }

@media (min-width: 992px) {
  .inner-brand {
    width: 300px; } }

#cam-logo {
  display: inline-block;
  fill: #22349F !important;
  width: 120px;
  margin: 0 15px 0 0; }
  footer #cam-logo {
    width: 200px;
    fill: #fff !important; }
  @media (min-width: 992px) {
    #cam-logo {
      fill: #fff !important; } }

.inner-nav > ul > li > a {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  line-height: 1.3;
  padding: 0 7px;
  font-size: 14px;
  color: #fff;
  font-family: "Nunito", Helvetica, sans-serif;
  font-weight: 500; }

.inner-nav .sub-menu li > a {
  position: relative;
  padding: 8px 20px;
  display: block;
  text-transform: uppercase;
  letter-spacing: .0625rem;
  font-weight: 500;
  font-size: .75rem;
  color: #0038c2;
  font-family: "Nunito", Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1.3; }
  .inner-nav .sub-menu li > a:hover {
    color: #429b2c; }

body.theme-global-health .inner-nav .sub-menu li > a {
  color: #186E58; }
  body.theme-global-health .inner-nav .sub-menu li > a:hover {
    color: #9f2234; }

body.theme-health-and-research .inner-nav .sub-menu li > a {
  color: #666; }
  body.theme-health-and-research .inner-nav .sub-menu li > a:hover {
    color: #00acb3; }

body.theme-clinical-and-life-sciences .inner-nav .sub-menu li > a {
  color: #666; }
  body.theme-clinical-and-life-sciences .inner-nav .sub-menu li > a:hover {
    color: #571272; }

.header.header-small .inner-nav > ul > li > a {
  color: #22349F; }

.header.header-small .inner-brand #cam-logo {
  fill: #22349F !important; }

.header.header-small .inner-brand {
  color: #22349F; }

body.theme-health-and-research .header.header-small .inner-brand .subgroup {
  color: #00acb3 !important; }

body.theme-health-and-research .header.header-small .inner-brand #cam-logo g#mark {
  fill: #00acb3 !important; }

body.theme-global-health .header.header-small .inner-brand .subgroup {
  color: #9f2234 !important; }

body.theme-global-health .header.header-small .inner-brand #cam-logo g#mark {
  fill: #9f2234 !important; }

body.theme-clinical-and-life-sciences .header.header-small .inner-brand .subgroup {
  color: #571272 !important; }

body.theme-clinical-and-life-sciences .header.header-small .inner-brand #cam-logo g#mark {
  fill: #571272 !important; }

body.theme-international-development .header.header-small .inner-brand .subgroup {
  color: #429b2c !important; }

body.theme-international-development .header.header-small .inner-brand #cam-logo g#mark {
  fill: #429b2c !important; }

/*
body.theme-health-and-research .header.header-small .inner-brand #cam-logo .st0  {
    fill: #22349F !important;
}
*/
.inner-brand span.subgroup {
  display: block;
  margin: 0 0 0 24px; }

.show .inner-nav ul > li > a {
  padding-top: 5px;
  padding-bottom: 5px;
  color: #fff !important;
  font-size: 15px; }

.show .inner-nav .sub-menu li > a {
  padding-top: 3px;
  padding-bottom: 3px;
  color: #fff !important;
  font-size: 15px; }

.icon-box .icon-box-icon {
  font-size: 2.375rem;
  margin: 0 0 10px;
  color: #22349F;
  transition: all .3s ease-in-out; }

.icon-box img {
  width: 96%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #429B2C; }

.btn-primary {
  background: #22349F;
  border: none; }

.btn-sm, .btn-group-sm > .btn {
  padding: 9px 20px; }

ol.mission {
  padding-left: 30px; }

ol.mission li {
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 24px;
  font-weight: bold; }

ul.centered, .centered-list ul {
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 20px 0; }

ul.centered li, .centered-list ul li {
  list-style: none;
  text-align: left;
  padding-bottom: 12px;
  margin-bottom: 12px;
  position: relative;
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Nunito", Helvetica, sans-serif;
  color: #0038c2;
  font-weight: 600; }

ul.centered-large li {
  font-size: 21px;
  padding-bottom: 14px;
  margin-bottom: 14px;
  font-weight: 400; }

/* helper classes */
.img-full {
  width: 100%;
  height: auto; }

.valign {
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

.inner-nav {
  vertical-align: middle;
  display: block;
  float: right;
  height: 100%;
  margin-right: 55px; }
  @media (min-width: 1200px) {
    .inner-nav {
      float: none;
      display: inline-block;
      margin-right: 0; } }

@media (min-width: 992px) {
  .extra-nav {
    float: right;
    display: block; } }

.inner-nav > ul li.menu-item-has-children .sub-menu, .inner-nav > ul li.menu-item-has-children .mega-menu {
  min-width: 300px !important; }

body.theme-health-and-research .sub-nav .nav-link {
  color: #00acb3; }

body.theme-global-health .sub-nav .nav-link {
  color: #9f2234; }

body.theme-clinical-and-life-sciences .sub-nav .nav-link {
  color: #571272; }

.inner-nav > ul li.menu-item-has-children .sub-menu, .inner-nav > ul li.menu-item-has-children .mega-menu {
  min-width: 300px !important; }

header.header-small .extra-nav > ul > li > a:hover, .header.header-small .extra-nav > ul > li > a.active, .header.header-small .inner-nav > ul > li > a:hover, .header.header-small .inner-nav > ul > li > a.active {
  color: rgba(34, 34, 34, 0.65); }

.extra-nav > ul {
  padding: 0; }

.intro-copy {
  padding: 0; }
  .intro-copy p {
    font-family: "Source Serif 4", Georgia, Times, serif;
    font-size: 22px !important;
    line-height: 1.5 !important; }
    @media (min-width: 992px) {
      .intro-copy p {
        font-size: 24px !important; } }
    .intro-copy p:first-child:first-line {
      font-size: 28px !important;
      font-weight: bold; }
      @media (min-width: 992px) {
        .intro-copy p:first-child:first-line {
          font-size: 36px !important; } }
  @media (min-width: 992px) {
    .intro-copy {
      padding-left: 30px;
      padding-top: 30px; } }
  @media (min-width: 1200px) {
    .intro-copy {
      padding-left: 50px;
      padding-top: 50px; } }

body.home video {
  width: 100%    !important;
  height: auto   !important; }

body.home .header {
  background: #fff !important; }

@media (min-width: 992px) {
  body.home .header {
    background: rgba(0, 0, 0, 0.2) !important; } }

body.home .header-small {
  background: #fff !important; }

@media (min-width: 1340px) {
  .container {
    max-width: 1240px; } }

@media (min-width: 1400px) {
  .container {
    max-width: 1340px; } }

@media (min-width: 1500px) {
  .container {
    max-width: 1440px; } }