/* Primary Tints */
/* Secondary Tints */
/* Neutral Tints */
/* Accent 1 Tints */
/* Accent 2 Tints */
/* 00: headers *
-------------------------------------------------------------------------------------- */
/* Header 01, 02, 03  ---------------- */
/* Header 04, 05, 06 ---------------- */
.csi-header04 .csi-logo img,
.csi-header05 .csi-logo img,
.csi-header06 .csi-logo img {
  margin: 0 auto;
  width: 250px; }

.csi-header04 .csi-nav,
.csi-header05 .csi-nav,
.csi-header06 .csi-nav {
  border-top: 1px solid #324d67; }

.csi-header04 .csi-nav .navbar-nav,
.csi-header05 .csi-nav .navbar-nav,
.csi-header06 .csi-nav .navbar-nav {
  margin-left: auto !important;
  margin-right: auto !important; }

.csi-header04 .csi-contactBar,
.csi-header05 .csi-contactBar,
.csi-header06 .csi-contactBar {
  padding: 10px 15px 0;
  background: #daedfb; }
  .csi-header04 .csi-contactBar p,
  .csi-header05 .csi-contactBar p,
  .csi-header06 .csi-contactBar p {
    color: #003e6b;
    font-size: 1rem;
    line-height: 1; }

.csi-header04 .csi-socialMedia,
.csi-header05 .csi-socialMedia,
.csi-header06 .csi-socialMedia {
  float: right; }

@media (max-width: 992px) {
  .csi-header04 .csi-nav .navbar-nav,
  .csi-header05 .csi-nav .navbar-nav,
  .csi-header06 .csi-nav .navbar-nav {
    display: block; }
  .csi-header04 .csi-nav,
  .csi-header05 .csi-nav,
  .csi-header06 .csi-nav {
    margin-top: 0; }
  .csi-header04 .csi-widgets,
  .csi-header05 .csi-widgets,
  .csi-header06 .csi-widgets {
    float: none;
    text-align: center; } }

/* Header 07, 08, 09 ---------------- */
.csi-header07 .csi-widgets,
.csi-header08 .csi-widgets,
.csi-header09 .csi-widgets {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .csi-header07 .csi-widgets p,
  .csi-header08 .csi-widgets p,
  .csi-header09 .csi-widgets p,
  .csi-header09 .csi-widgets a {
	font-family: nobel, sans-serif;
	font-weight: 300;
    color: #2E2E2E;
    font-size: 1rem;
    line-height: 1.25rem; }

.csi-header07 .csi-nav,
.csi-header08 .csi-nav,
.csi-header09 .csi-nav{
  }

.csi-header07 .csi-nav .navbar-nav,
.csi-header08 .csi-nav .navbar-nav,
.csi-header09 .csi-nav .navbar-nav {
  margin-left: auto !important;
  margin-right: auto !important; }

@media (max-width: 992px) {
  .csi-header07 .csi-nav .navbar-nav,
  .csi-header08 .csi-nav .navbar-nav,
  .csi-header09 .csi-nav .navbar-nav {
    display: block; }
  .csi-header07 .csi-nav,
  .csi-header08 .csi-nav,
  .csi-header09 .csi-nav {
   }
  .csi-header07 .csi-socialMedia,
  .csi-header07 .csi-contactInfo,
  .csi-header08 .csi-socialMedia,
  .csi-header08 .csi-contactInfo,
  .csi-header09 .csi-socialMedia,
  .csi-header09 .csi-contactInfo {
    float: none;
    text-align: center; } }

/* 00: HEROES *
-------------------------------------------------------------------------------------- */
/* Hero 01  ---------------- */
.csi-hero01 .csi-carouselBg {
  min-height: 600px;
  padding: 7%; }

/* Mobile */
@media (max-width: 768px) {
  .csi-hero01 .carousel-caption {
   }
  .csi-hero01 .carousel-item:after {
     }
  .csi-hero01 .csi-carouselBg {
    }
  .csi-hero01 .carousel-caption {
 }
  .csi-hero01 .carousel-caption h2,
  .csi-hero01 .carousel-caption p {
    }
  .csi-hero01 .carousel-caption h2,
  .csi-insidepages .csi-hero .tagline h2 {
	  font-size: 2rem;
   }
  .csi-hero01 .carousel-caption p,
  .csi-insidepages .csi-hero .tagline p {
   	font-size: 1.25rem;
   } 
}

/* Hero 02  ---------------- */
.csi-hero02 .csi-carouselBg {
  min-height: 600px;
  padding: 7%; }

.csi-hero02 .carousel-caption {
  top: 5%;
  right: 5%;
  bottom: 10%;
  left: 5%;
  text-align: left; }
  .csi-hero02 .carousel-caption .col-md-6 {
    background: transparent;
    padding: 4%; }

@media (max-width: 768px) {
  .csi-hero02 .carousel-caption {
    background: #f1f5f8;
    width: 100%;
    left: 0;
    right: 0;
    padding: 3% 7%; }
    .csi-hero02 .carousel-caption .col-md-6 {
      background: transparent;
      padding: 0; }
  .csi-hero02 .carousel-item:after {
    background: transparent !important; }
  .csi-hero02 .csi-carouselBg {
    min-height: 200px; }
  .csi-hero02 .carousel-caption {
    background: #f1f5f8;
    text-align: center;
    position: relative;
    z-index: 3;
    padding: 10%;
    left: 0;
    right: 0;
    bottom: 0; }
  .csi-hero02 .carousel-caption h2,
  .csi-hero02 .carousel-caption p {
    text-shadow: none; }
  .csi-hero02 .carousel-caption h2 {
    color: #102a42; }
  .csi-hero02 .carousel-caption p {
    color: #48647f; } }

/* Hero 03  ---------------- */
.csi-hero03 .carousel-caption {
  text-align: left;
  position: relative;
  z-index: 3;
  padding: 10%;
  left: 0;
  right: 0; }

.csi-hero03 .carousel-item:after {
  background: none !important; }

.csi-hero03 .carousel-caption .col-md-6 {
  background: rgba(36, 58, 82, 0.93);
  padding: 4%; }

@media (max-width: 768px) {
  .csi-hero03 .carousel-item {
    min-height: 200px !important; }
  .csi-hero03 .carousel-caption .col-md-6 {
    background: transparent;
    padding: 0; }
  .csi-hero03 .csi-carouselBg {
    min-height: 200px; }
  .csi-hero03 .carousel-caption {
    background: #f1f5f8;
    text-align: center;
    position: relative;
    z-index: 3;
    padding: 10%;
    left: 0;
    right: 0;
    bottom: 0; }
  .csi-hero03 .carousel-caption h2,
  .csi-hero03 .carousel-caption p {
    text-shadow: none; }
  .csi-hero03 .carousel-caption h2 {
    color: #102a42; }
  .csi-hero03 .carousel-caption p {
    color: #48647f; } }

/* Hero 04  ---------------- */
.csi-hero04 .carousel-item:after {
  background: transparent !important; }

.csi-hero04 .csi-carousel-arrows {
  right: auto;
  left: 0; }

.csi-hero04 .csi-carouselBg {
  position: relative;
  min-height: 450px;
  width: 62%; }

.csi-hero04 .carousel-caption {
  margin-top: -400px;
  text-align: left;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto; }
  .csi-hero04 .carousel-caption .col-lg-5 {
    background: #f1f5f8;
    border: 1px solid #bcccdc;
    padding: 4%; }
  .csi-hero04 .carousel-caption h2, .csi-hero04 .carousel-caption p {
    text-shadow: none; }
  .csi-hero04 .carousel-caption h2 {
    color: #243a52; }
  .csi-hero04 .carousel-caption p {
    color: #48647f; }

@media (max-width: 992px) {
  .csi-hero04 .carousel-caption {
    margin-top: 0;
    background: #f1f5f8;
    width: 100%;
    left: 0;
    right: 0;
    padding: 3% 7%; }
  .csi-hero04 .carousel-item:after {
    background: transparent !important; }
  .csi-hero04 .csi-carouselBg {
    min-height: 200px !important;
    width: 100%; }
  .csi-hero04 .carousel-caption {
    text-align: center;
    left: 0;
    right: 0; }
    .csi-hero04 .carousel-caption .col-lg-5 {
      background: transparent;
      border: none;
      padding: 0; }
  .csi-hero04 .carousel-caption h2,
  .csi-hero04 .carousel-caption p {
    text-shadow: none; }
  .csi-hero04 .carousel-caption h2 {
    color: #102a42; }
  .csi-hero04 .carousel-caption p {
    color: #48647f; } }

/* Hero 05  ---------------- */
.csi-hero05 .csi-carouselBg {
  min-height: 500px;
  padding: 7%; }

.csi-hero05 .carousel-caption {
  position: relative;
  text-align: left;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto; }

.csi-hero05 .carousel-item {
  background: #102a42; }
  .csi-hero05 .carousel-item:after {
    background: transparent !important; }
  .csi-hero05 .carousel-item .col-md-6:first-child {
    padding: 0; }
  .csi-hero05 .carousel-item .col-md-6:last-child {
    padding: 3% 5%; }

@media (max-width: 768px) {
  .csi-hero05 .carousel-caption {
    text-align: center;
    position: relative;
    z-index: 3;
    padding: 10%;
    left: 0;
    right: 0; }
  .csi-hero05 .carousel-item {
    background: #f1f5f8; }
    .csi-hero05 .carousel-item:after {
      background: transparent !important; }
  .csi-hero05 .csi-carouselBg {
    min-height: 200px; }
  .csi-hero05 .carousel-caption h2,
  .csi-hero05 .carousel-caption p {
    text-shadow: none; }
  .csi-hero05 .carousel-caption h2 {
    color: #102a42; }
  .csi-hero05 .carousel-caption p {
    color: #48647f; } }

/* Hero 06  ---------------- */
.csi-hero06 .csi-carouselBg {
  min-height: 450px;
  padding: 7%; }

.csi-hero06 .carousel-caption {
  text-align: left;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.csi-hero06 .carousel-item:after {
  background: -moz-linear-gradient(left, rgba(36, 58, 82, 0.8) 50%, rgba(36, 58, 82, 0) 100%) !important;
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(36, 58, 82, 0.8) 50%, rgba(36, 58, 82, 0) 100%) !important;
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(left, rgba(36, 58, 82, 0.8) 50%, rgba(36, 58, 82, 0) 100%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#001e5799',GradientType=1 ) !important;
  /* IE6-9 fallback on horizontal gradient */ }

@media (max-width: 768px) {
  .csi-hero06 .carousel-caption {
    background: #f1f5f8;
    width: 100%;
    left: 0;
    right: 0;
    padding: 3% 7%; }
  .csi-hero06 .carousel-item:after {
    background: transparent !important; }
  .csi-hero06 .csi-carouselBg {
    min-height: 300px; }
  .csi-hero06 .carousel-caption {
    text-align: center;
    position: relative;
    z-index: 3;
    padding: 10%;
    left: 0;
    right: 0; }
  .csi-hero06 .carousel-caption h2,
  .csi-hero06 .carousel-caption p {
    text-shadow: none; }
  .csi-hero06 .carousel-caption h2 {
    color: #102a42; }
  .csi-hero06 .carousel-caption p {
    color: #48647f; } }

/* Hero 07  ---------------- */
.csi-hero07 .csi-carouselBg {
  min-height: 600px;
  padding: 7%; }

.csi-hero07 .carousel-item:after {
  background: transparent !important; }

.csi-hero07 .carousel-caption {
  background: rgba(36, 58, 82, 0.85);
  left: 0;
  right: 0;
  bottom: 0; }

@media (max-width: 768px) {
  .csi-hero07 .carousel-caption {
    background: #f1f5f8;
    width: 100%;
    left: 0;
    right: 0;
    padding: 3% 7%; }
  .csi-hero07 .carousel-item:after {
    background: transparent !important; }
  .csi-hero07 .csi-carouselBg {
    min-height: 300px; }
  .csi-hero07 .carousel-caption {
    text-align: center;
    position: relative;
    z-index: 3;
    padding: 10%;
    left: 0;
    right: 0; }
  .csi-hero07 .carousel-caption h2,
  .csi-hero07 .carousel-caption p {
    text-shadow: none; }
  .csi-hero07 .carousel-caption h2 {
    color: #102a42; }
  .csi-hero07 .carousel-caption p {
    color: #48647f; } }

/* Hero 08  ---------------- */
.csi-hero08 .csi-carouselBg {
  min-height: 500px;
  padding: 7%; }

.csi-hero08 .carousel-caption {
  position: relative;
  text-align: left;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto; }
  .csi-hero08 .carousel-caption h2, .csi-hero08 .carousel-caption p {
    text-shadow: none; }
  .csi-hero08 .carousel-caption h2 {
    color: #243a52; }
  .csi-hero08 .carousel-caption p {
    color: #48647f; }

.csi-hero08 .carousel-item {
  background: transparent; }
  .csi-hero08 .carousel-item:after {
    background: transparent !important; }
  .csi-hero08 .carousel-item .col-md-4:last-child {
    padding-left: 45px; }
  .csi-hero08 .carousel-item .col-md-8:first-child {
    padding: 0; }

@media (max-width: 1600px) {
  .csi-hero08 .carousel-caption {
    padding: 5%; } }

@media (max-width: 768px) {
  .csi-hero08 .carousel-caption {
    background: #f1f5f8;
    text-align: center;
    position: relative;
    z-index: 3;
    padding: 10%;
    left: 0;
    right: 0; }
  .csi-hero08 .carousel-item:after {
    background: transparent !important; }
  .csi-hero08 .carousel-item .col-md-4:last-child {
    padding-left: 0px; }
  .csi-hero08 .csi-carouselBg {
    min-height: 300px; }
  .csi-hero08 .carousel-caption h2,
  .csi-hero08 .carousel-caption p {
    text-shadow: none; }
  .csi-hero08 .carousel-caption h2 {
    color: #102a42; }
  .csi-hero08 .carousel-caption p {
    color: #48647f; } }

/* Hero 09  ---------------- */
.csi-hero09 .carousel-item:after {
  background: transparent !important; }

.csi-hero09 .hero-row > [class^="col-"] {
  padding: 0; }

.csi-hero09 .csi-carouselBg {
  min-height: 480px;
  padding: 7%; }

.csi-hero09 .csi-carouselBg2 {
  min-height: 520px; }

.csi-hero09 .carousel-caption {
  text-align: left;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto; }

.csi-hero09 .csi-carousel-arrows {
  right: 15px; }

@media (max-width: 768px) {
  .csi-hero09 .carousel-caption {
    background: #003e6b;
    width: 100%;
    left: 0;
    right: 0;
    padding: 3% 7%; }
  .csi-hero09 .carousel-item:after {
    background: transparent !important; }
  .csi-hero09 .csi-carouselBg {
    min-height: 300px; }
  .csi-hero09 .carousel-caption {
    text-align: center;
    position: relative;
    z-index: 3;
    padding: 10%;
    left: 0;
    right: 0; }
  .csi-hero09 .carousel-caption h2,
  .csi-hero09 .carousel-caption p {
    color: #003e6b;
    text-shadow: none; } }

/* Hero 10  ---------------- */
.csi-hero10 .carousel-item:after {
  background: transparent !important; }

.csi-hero10 .hero-row [class^="col-"] {
  padding: 0; }

.csi-hero10 .csi-carouselBg.bg-one {
  min-height: 650px;
  padding: 7%; }
  .csi-hero10 .csi-carouselBg.bg-one h2 {
    font-size: 3rem; }
  .csi-hero10 .csi-carouselBg.bg-one p {
    display: none; }

.csi-hero10 .csi-carouselBg.bg-two,
.csi-hero10 .csi-carouselBg.bg-three,
.csi-hero10 .csi-carouselBg.bg-four,
.csi-hero10 .csi-carouselBg.bg-five {
  min-height: 325px;
  padding: 7%; }
  .csi-hero10 .csi-carouselBg.bg-two h2,
  .csi-hero10 .csi-carouselBg.bg-three h2,
  .csi-hero10 .csi-carouselBg.bg-four h2,
  .csi-hero10 .csi-carouselBg.bg-five h2 {
    font-size: 2rem; }
  .csi-hero10 .csi-carouselBg.bg-two p,
  .csi-hero10 .csi-carouselBg.bg-three p,
  .csi-hero10 .csi-carouselBg.bg-four p,
  .csi-hero10 .csi-carouselBg.bg-five p {
    display: none; }

.csi-hero10 .carousel-caption {
  text-align: left;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto; }

@media (max-width: 768px) {
  .csi-hero10 .carousel-caption {
    background: #003e6b;
    width: 100%;
    left: 0;
    right: 0;
    padding: 3% 7%; }
  .csi-hero10 .carousel-item:after {
    background: transparent !important; }
  .csi-hero10 .csi-carouselBg {
    min-height: 300px; }
  .csi-hero10 .carousel-caption {
    text-align: center;
    position: relative;
    z-index: 3;
    padding: 10%;
    left: 0;
    right: 0; }
  .csi-hero10 .carousel-caption h2,
  .csi-hero10 .carousel-caption p {
    color: #003e6b;
    text-shadow: none; } }

/* Hero 11  ---------------- */
.csi-hero11 .csi-carouselBg {
  min-height: 600px;
  padding: 7%; }

.csi-hero11 .carousel-caption {
  position: relative;
  z-index: 100;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  text-align: left; }

.csi-hero11 .csi-ibContainer {
  position: relative;
  z-index: 100; }

@media (max-width: 768px) {
  .csi-hero11 .carousel-caption {
    background: #003e6b;
    width: 100%;
    left: 0;
    right: 0;
    padding: 3% 7%; }
  .csi-hero11 .carousel-item:after {
    background: transparent !important; }
  .csi-hero11 .csi-carouselBg {
    min-height: 300px; }
  .csi-hero11 .carousel-caption {
    text-align: center;
    position: relative;
    z-index: 3;
    padding: 10%;
    left: 0;
    right: 0; }
  .csi-hero11 .carousel-caption h2,
  .csi-hero11 .carousel-caption p {
    color: #003e6b;
    text-shadow: none; } }

/* 00: Body *
-------------------------------------------------------------------------------------- */
/* Body 1  ---------------- */
.csi-body1 {
  text-align: center;
  padding: 4% 0; }
  .csi-body1 h2 {
    margin: 0 0 7% 0; }
  .csi-body1 .box {
    background: #f1f5f8;
    padding: 5% 10%; }

/* Body 2  ---------------- */
.csi-body2 {
  text-align: center;
  padding: 3% 0; }
  .csi-body2 .csi-leftBlock {
    padding-right: 0; }
  .csi-body2 .csi-rightBlock {
    padding-left: 0; }
  .csi-body2 .csi-imageBg {
    padding: 40% 10% 10%;
    background: #f1f5f8; }
  .csi-body2 h2 {
    margin: 0 0 7% 0; }
  .csi-body2 .box {
    background: #f1f5f8;
    padding: 5% 10%; }

@media (max-width: 1600px) {
  .csi-body2 .container-fluid > .row {
    margin-right: -30px;
    margin-left: -30px; } }

/* Body 3  ---------------- */
.csi-body3 {
  padding-top: 5%;
  padding-bottom: 5%; }
  .csi-body3 .csi-imageBg {
    height: 450px; }

/* Body 4  ---------------- */
.csi-body4 {
  padding-top: 5%;
  padding-bottom: 5%; }
  .csi-body4 .csi-imageBg {
    height: 450px; }
  .csi-body4 .csi-threeItems {
    margin-top: 8%; }
    .csi-body4 .csi-threeItems .col-md-4 {
      padding-left: 2%;
      padding-right: 2%; }
    .csi-body4 .csi-threeItems img {
      width: 75px; }

/* Body 5  ---------------- */
.csi-body5 {
  text-align: center;
  padding-top: 5%;
  padding-bottom: 5%;
  text-align: center; }

/* Body 6  ---------------- */
.csi-body6 {
  padding-top: 5%;
  padding-bottom: 5%; }
  .csi-body6 .csi-imageBg {
    height: 250px; }

/* Body 7  ---------------- */
.csi-body7 {
  text-align: center;
  padding: 3% 0; }
  .csi-body7 .csi-imageBg {
    padding: 25% 3% 5%;
    background: red; }
  .csi-body7 h2 {
    margin: 0 0 7% 0; }
  .csi-body7 .box {
    background: #f1f5f8;
    padding: 5% 10%; }

@media (max-width: 1600px) {
  .csi-body7 .container-fluid > .row {
    margin-right: -30px;
    margin-left: -30px; } }

/* Body 8  ---------------- */
.csi-body8 {
  text-align: center;
  padding: 3% 0; }
  .csi-body8 .csi-imageBg {
    padding: 10% 3%;
    background: red; }
  .csi-body8 h2 {
    margin: 0 0 7% 0; }
  .csi-body8 .box {
    background: #f1f5f8;
    padding: 10% 15%; }

@media (max-width: 1600px) {
  .csi-body8 .container-fluid > .row {
    margin-right: -30px;
    margin-left: -30px; } }

/* Body 9  ---------------- */
.csi-body9 {
  padding-top: 5%;
  padding-bottom: 5%; }
  .csi-body9 .box {
    min-height: 400px;
    padding: 5% 10%; }

/* Body 10  ---------------- */
.csi-body10 {
  padding-top: 5%;
  padding-bottom: 5%;
  text-align: center; }

.csi-body10 img {
    margin: 0 auto;
    padding-bottom: 15px;
    height: 75px; }

/* Body 11  ---------------- */
.csi-body11 {
  padding-top: 5%;
  padding-bottom: 5%;
  text-align: left; }
  .csi-body11 .container-fluid > .row {
    margin-bottom: 3%; }
  .csi-body11 .card {
    padding: 10% 12%;
    border-radius: 4px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.18);
    min-height: 400px; }
    .csi-body11 .card img {
      width: 50px; }

/* Body 12  ---------------- */
.csi-body12 {
  padding-top: 5%;
  padding-bottom: 5%;
  text-align: center; }
  .csi-body12 .csi-imageBg {
    min-height: 450px;
    margin-top: 5%; }
  .csi-body12 img {
    margin: 0 auto; }
  .csi-body12 .box {
    padding-top: 5%;
    padding-bottom: 5%; }

/* Body 13  ---------------- */
.csi-body13 .csi-imageBg {
  height: 500px; }

.csi-body13 .box {
  padding: 12%; }

.csi-body13 .csi-leftBlock {
  padding-right: 0; }

.csi-body13 .csi-rightBlock {
  padding-left: 0; }

@media (max-width: 1600px) {
  .csi-body13 .container-fluid > .row {
    margin-right: -30px;
    margin-left: -30px; } }

/* Body 14  ---------------- */
.csi-body14 {
  padding: 3% 0; }
  .csi-body14 .csi-imageBg {
    padding-top: 3%;
    padding-bottom: 3%; }
  .csi-body14 .card {
    padding: 10% 12%;
    background: #f1f5f8;
    border-radius: 4px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.18); }
  .csi-body14 .card-one {
    margin-bottom: 5%; }

@media (max-width: 1600px) {
  .csi-body14 .container-fluid > .row {
    margin-right: -30px;
    margin-left: -30px; } }