/* -----------------------------------------------
 *  1. General
 * ----------------------------------------------- */

@media (min-width: 860px) {
  .floating-image {
    float: left;
    margin: 10px 13px 10px 0;
  }
  .floating-image-right {
    float: right;
    margin: 10px 0 10px 13px;
  }
}

@media (max-width: 859px){
  blockquote {
    padding-left: 0;
  }
  blockquote:before {
    display: none;
  }
  .addresses > address {
    display: block;
  }
  .addresses > address + address {
    margin-bottom: 15px;
    margin-left: 0;
  }
}

/* -----------------------------------------------
 *  2. Layout (Grid)
 *  - m: mobile
 *  - t: tablet
 *  - d: desktop
 * ----------------------------------------------- */

.col-m-2, .col-m-3, .col-m-4, .col-m-6, .col-m-8, .col-m-9, .col-m-10, .col-m-12, .col-t-2, .col-t-3, .col-t-4, .col-t-6, .col-t-8, .col-t-9, .col-t-10, .col-t-12, .col-d-2, .col-d-3, .col-d-4, .col-d-6, .col-d-8, .col-d-9, .col-d-10, .col-d-12 {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
}
.col-m-2, .col-m-3, .col-m-4, .col-m-6, .col-m-8, .col-m-9, .col-m-10, .col-m-12 {
  float: left;
}
.col-m-2  { width: 16.66666667%; }
.col-m-3  { width: 25%; }
.col-m-4  { width: 33.33333333%; }
.col-m-6  { width: 50%; }
.col-m-8  { width: 66.66666667%; }
.col-m-9  { width: 75%; }
.col-m-10 { width: 83.33333333%; }
.col-m-12 { width: 100%; }

/* PAGE HEADER */
.header .logo {
  padding-top: 5px;
  text-align: center;
}
.header .banner {
  display: none;
}
.btn-navbar {
  display: block;
  float: left;
  margin: 10px 20px;
}
.btn-navbar .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  margin: 3px 0;
  background-color: #fff;
  border-radius: 1px;
  -webkit-transition: background-color .3s ease-in-out;
       -o-transition: background-color .3s ease-in-out;
          transition: background-color .3s ease-in-out;
}
.btn-navbar:hover .icon-bar,
.btn-navbar:focus .icon-bar,
.btn-navbar:active .icon-bar {
  background-color: #556374;
}

/* CONTENT */
.headline {
  position: relative;
  min-height: 150px;
  margin: 0 -20px;
  overflow: hidden;
  background-color: #274a73;
  background-image: -webkit-linear-gradient(left, #18283f, #274a73);
  background-image:      -o-linear-gradient(left, #18283f, #274a73);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#18283f), to(#274a73));
  background-image:         linear-gradient(to right, #18283f, #274a73);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff18283f', endColorstr='#ff274a73', GradientType=1);
  background-repeat: repeat-x;
}
.headline img {
  display: none;
}
.headline h1 {
  margin: 20px;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 1px 1px 2px #000;
}

@media (min-width: 860px) {
  .container {
    width: 800px;
  }
  .col-t-2, .col-t-3, .col-t-4, .col-t-6, .col-t-8, .col-t-9, .col-t-10, .col-t-12 {
    float: left;
  }
  .col-t-2  { width: 16.66666667%; }
  .col-t-3  { width: 25%; }
  .col-t-4  { width: 33.33333333%; }
  .col-t-6  { width: 50%; }
  .col-t-8  { width: 66.66666667%; }
  .col-t-9  { width: 75%; }
  .col-t-10 { width: 83.33333333%; }
  .col-t-12 { width: 100%; }
  .header .statusbar {
    margin-left: -20px;
    margin-right: -20px;
  }
  .header .logo {
    text-align: left;
    padding-top: 20px;
  }
  .header .banner {
    display: block;
    height: 130px;
  }
  .navbar {
    border-radius: 4px 4px 0 0;
  }
  .btn-navbar {
    display: none !important;
  }
  .navbar,
  .content,
  .colophon {
    -webkit-box-shadow: 0 4px 8px 1px rgba(0, 0, 0, .35);
            box-shadow: 0 4px 8px 1px rgba(0, 0, 0, .35);
  }
  .headline img {
    display: block;
  }
  .headline h1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
}

@media (min-width: 1260px) {
  .container {
    width: 1200px;
  }
  .col-d-2, .col-d-3, .col-d-4, .col-d-6, .col-d-8, .col-d-9, .col-d-10, .col-d-12 {
    float: left;
  }
  .col-d-2  { width: 16.66666667%; }
  .col-d-3  { width: 25%; }
  .col-d-4  { width: 33.33333333%; }
  .col-d-6  { width: 50%; }
  .col-d-8  { width: 66.66666667%; }
  .col-d-9  { width: 75%; }
  .col-d-10 { width: 83.33333333%; }
  .col-d-12 { width: 100%; }
  .header .logo {
    padding-top: 35px;
  }
  .header .banner {
    height: 149px;
  }
}

/* -----------------------------------------------
 *  3. Forms
 * ----------------------------------------------- */

@media (min-width: 860px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}

/* -----------------------------------------------
 *  4. Navigation lists
 *     - justified
 *     - tabs
 *     - quicklinks
 *     - sidebar
 *     - footer
 *     - primary (navbar)
 *     - secondary (navbar)
 * ----------------------------------------------- */

/* JUSTIFIED / TABS */
@media (min-width: 860px) {
  .nav-justified > li,
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a,
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

/* QUICKLINKS */
.nav-quicklinks {
  margin-left: -20px;
  margin-right: -20px
}
.nav-quicklinks > li {
  float: left;
  width: 50%;
}
.nav-quicklinks > li > a {
  overflow: hidden;
  height: 150px;
  padding: 20px;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.4s ease-in-out 0.3s;
       -o-transition: opacity 0.4s ease-in-out 0.3s;
          transition: opacity 0.4s ease-in-out 0.3s;
  text-transform: uppercase;
  color: #fff;
}
.nav-quicklinks > li > a:hover,
.nav-quicklinks > li > a:focus {
  opacity: .65;
  filter: alpha(opacity=65);
  color: #fff;
}
.nav-quicklinks > .next > a {
  background-color: #576576;
  background-image: -webkit-linear-gradient(top, #4e5c6d, #637182);
  background-image:      -o-linear-gradient(top, #4e5c6d, #637182);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4e5c6d), to(#637182));
  background-image:         linear-gradient(to bottom, #4e5c6d, #637182);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4e5c6d', endColorstr='#ff637182', GradientType=0);
  text-align: right;
}
.nav-quicklinks > .prev > a {
  background-color: #4e5c6d;
  background: -webkit-linear-gradient(-45deg, #4e5c6d 0%,#637182 100%);
  background:      -o-linear-gradient(-45deg, #4e5c6d 0%,#637182 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#4e5c6d), color-stop(100%,#637182));
  background:         linear-gradient(135deg, #4e5c6d 0%,#637182 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4e5c6d', endColorstr='#ff637182',GradientType=1 );
}
.nav-quicklinks > li .arrows {
  display: block;
  height: 55px;
  margin-bottom: 20px;
}
.nav-quicklinks > .prev .arrows { background: url(/Images/Icons/arrow-prev.png) 0 0 no-repeat; }
.nav-quicklinks > .next .arrows { background: url(/Images/Icons/arrow-next.png) 100% 0 no-repeat; }

/* SIDEBAR */
.nav-sidebar {
  margin-left: -20px;
  margin-right: -20px;
}
.nav-sidebar > li > a {
  padding: 0;
  overflow: hidden;
}
.nav-sidebar > li .nav-content {
  min-height: 130px;
  padding: 5px 20px 20px;
}

@media (min-width: 401px) and (max-width: 1259px) {
  .nav-sidebar > li {
    float: left;
    width: 50%;
  }
}

/* FOOTER */
@media (min-width: 860px) {
  .nav-footer > li {
    display: table-cell;
    vertical-align: top;
    width: 16.66666667%;
  }
  .nav-footer > li + li {
    border-left: 1px solid #e6e6e6;
  }
  .nav-footer > li > a {
    min-height: 36px;
  }
}

/* MAIN (NAVBAR) */
.nav-primary {
  float: left;
  width: 100%;
}
.nav-primary > li > a:first-child {
  display: none;
  padding: 15px;
  background: url(/Images/Icons/nav-marker.png) 50% 50px no-repeat;
  -webkit-transition: background-position .1s linear;
       -o-transition: background-position .1s linear;
          transition: background-position .1s linear;
}
.nav-primary > .active > a:first-child {
  background-position: 50% 37px;
}
.nav-primary > li > a:hover,
.nav-primary > li > a:focus {
  color: #fff;
}
.nav-primary .nav > li > a {
  text-transform: uppercase;
}
.nav-primary .nav > li > a:hover,
.nav-primary .nav > li > a:focus,
.nav-primary .nav > .active > a {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .45);
  color: #576576;
}
.nav-primary > li > .close {
  position: absolute;
  top: 50px;
  right: 0;
  z-index: 1030;
  display: none;
  font-weight: 400;
  line-height: .6;
  text-shadow: none;
}
.nav-primary > li > .submenu-divider {
  position: absolute;
  top: 60px;
  z-index: 1030;
  display: none;
  height: 320px;
  width: 1px;
  background: #8694a3;
}
.nav-primary > li > .submenu-divider.first {
  left: 400px;
}
.nav-primary > li > .submenu-divider.second {
  right: 400px;
}
.nav-primary > li > .texttip {
  position: absolute;
  top: 60px;
  right: 40px;
  z-index: 1030;
  display: none;
  width: 360px;
  padding: 15px 20px;
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  color: #bacad8;
}

@media (min-width: 860px) {
  .nav-primary {
    width: auto;
  }
  .nav-primary > li > a:first-child,
  .nav-primary > .active > .close,
  .nav-primary > .active > .submenu-divider.first {
    display: block;
  }
  .nav-primary > .current > a:first-child:after {
    position: absolute;
    top: 8px;
    left: 15px;
    right: 15px;
    display: block;
    content: "";
    height: 3px;
    background-color: #9dbdc6;
  }
  .nav-primary > li {
    float: left;
    position: static;
  }
  .nav-primary > .nav-divider {
    width: 2px;
    height: 50px;
    margin: 0;
    background-color: #76818e;
    border-left: 1px solid #1e2935;
  }
  .nav-primary .nav {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 1020;
    display: none;
    min-height: 340px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #576576;
  }
  .nav-primary .nav .nav {
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: 1030;
  }
  .nav-primary .active > .nav {
    display: block;
  }
  .nav-primary .sub > a:after {
    position: absolute;
    top: 14px;
    right: 0;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #fff;
  }
  .nav-primary .sub > a:hover:after,
  .nav-primary .sub > a:focus:after,
  .nav-primary .sub.active > a:after {
    border-left-color: #576576;
  }
  .nav-primary > li > .nav > li {
    position: static;
    width: 50%;
  }
}

@media (min-width: 1260px) {
  .nav-primary > .active > .submenu-divider.second,
  .nav-primary > .active > .texttip {
    display: block;
  }
  .nav-primary > li > .nav > li {
    width: 33.33333333%;
  }
  .nav-primary .nav .nav {
    width: 33.33333333%;
    left: 33.33333333%;
  }
}

/* -----------------------------------------------
 *  5. Progress Indicator
 * ----------------------------------------------- */

.progress-indicator {
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
}
.progress-indicator > div {
  display: block;
  float: left;
  width: 25%;
  font-size: 14px;
  font-weight: 700;
  line-height: 50px;
  color: #999;
}
.progress-indicator .number {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  background-color: #999;
  border-radius: 50%;
  font-size: 26px;
  line-height: 50px;
  text-align: center;
  color: #fff;
}
.progress-indicator > div.done {
  color: #7d9ea7;
}
.progress-indicator > div.done .number {
  background-color: #7d9ea7;
}
.progress-indicator > div.current {
  color: #666;
}
.progress-indicator > div.current .number {
  background-color: #666;
}

@media (max-width: 1259px) {
  .progress-indicator {
    text-align: center;
  }
  .progress-indicator .number {
    display: block;
    margin: 0 auto 10px;
  }
}

/* -----------------------------------------------
 *  6. Content carousel (landing page)
 * ----------------------------------------------- */

.carousel {
  padding-left: 0;
  padding-right: 0;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel .item {
  position: relative;
  display: none;
  background-color: transparent;
  background-image: none;
}
.carousel .item.active,
.carousel .item.next,
.carousel .item.prev {
  display: block;
}
.carousel .item.active,
.carousel .item.active [class*="row"],
.carousel .item.prev [class*="row"],
.carousel .item.next [class*="row"] {
  position: relative;
  top: 0;
  left: 0;
}
.carousel .item.next,
.carousel .item.prev {
  position: absolute;
  top: 0;
  width: 100%;
  overflow: visible;
}
.carousel .item.next {
  left: 100%;
}
.carousel .item.prev {
  left: -100%;
}
.carousel .item.active.left [class*="row"],
.carousel .item.next.left [class*="row"] {
  left: -100%;
}
.carousel .item.prev.right [class*="row"],
.carousel .item.active.right [class*="row"] {
  left: 100%;
}
.carousel .item > img {
  display: block;
  line-height: 1;
}
.carousel-inner .box1, .carousel-inner .box2, .carousel-inner .box3 {
  position: relative;
  float: left;
  height: 380px;
  padding: 0 20px;
  overflow: hidden;
}
.carousel-inner .box1 { width: 33.33333333%; }
.carousel-inner .box2 { width: 66.66666667%; }
.carousel-inner .box3 { width: 100%; }
.carousel-inner .box1 h2 {
  font-size: 15px;
}
.carousel-inner .image-fade {
  margin-left: -20px;
  margin-right: -20px;
}
.carousel-inner .inner {
  position: absolute;
  top: 20px;
  left: 20px;
  max-width: 500px;
  color: #fff;
  text-shadow: 1px 1px 2px #000;
}
.carousel-inner .inner a,
.carousel-inner .inner h1 {
  color: #fff;
}
.carousel-control {
  position: absolute;
  top: 380px;
  left: 0;
  display: block;
  height: 121px;
  width: 72px;
  padding: 30px 20px;
  background-color: #fff;
  text-align: center;
  text-decoration: none;
  color: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transition: opacity 0.4s ease-in-out 0.2s;
       -o-transition: opacity 0.4s ease-in-out 0.2s;
          transition: opacity 0.4s ease-in-out 0.2s;
}
.carousel-control.right {
  right: 0;
  left: auto;
}
.carousel-control:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.item .carousel-control {
  position: relative;
  top: auto;
  left: auto;
  display: none;
  float: left;
  width: 50%;
  padding-left: 0;
  padding-right: 0;
  background-color: #576576;
  opacity: 1;
  filter: alpha(opacity=100);
}
.item .carousel-control.left {
  background-color: #444444;
  background-image: -webkit-linear-gradient(left, #5f5f5f, #3e3e3e);
  background-image:      -o-linear-gradient(left, #5f5f5f, #3e3e3e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5f5f5f), to(#3e3e3e));
  background-image:         linear-gradient(left bottom, #5f5f5f, #3e3e3e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5f5f5f', endColorstr='#ff3e3e3e', GradientType=0);
  background-repeat: repeat-x;
}
.item .carousel-control.right {
  right: auto;
  background-color: #444444;
  background-image: -webkit-linear-gradient(top, #5f5f5f, #3e3e3e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5f5f5f), to(#3e3e3e));
  background-image:      -o-linear-gradient(top, #5f5f5f, #3e3e3e);
  background-image:         linear-gradient(to bottom, #5f5f5f, #3e3e3e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5f5f5f', endColorstr='#ff3e3e3e', GradientType=0);
  background-repeat: repeat-x;
}
.item .carousel-control:hover {
  opacity: .6;
  filter: alpha(opacity=60);
}
.item .carousel-control .trunc {
  position: absolute;
  bottom: 28px; left: 80px;
  text-transform: uppercase;
  vertical-align: bottom;
}
.item .carousel-control.right .trunc {
  left: auto;
  right: 80px;
}
.item .carousel-control .dart {
  position: absolute;
  top: 29px;
  left: 30px;
  display: block;
  width: 50px;
  height: 55px;
  background: transparent url(/Images/Icons/arrow-prev.png) 0 0 no-repeat;
}
.item .carousel-control.right .dart {
  left: auto;
  right: 30px;
  background-image: url(/Images/Icons/arrow-next.png);
  background-position: 16px 0;
}

/* ACTIVE ITEM BOXES TO LEFT */
.carousel .item.active.left .row1-1 {
  -webkit-transition: 0.8s ease-in-out left;
       -o-transition: 0.8s ease-in-out left;
          transition: 0.8s ease-in-out left;
}
.carousel .item.active.left .row1-2,
.carousel .item.active.left .row2-1 {
  -webkit-transition: 0.8s ease-in-out left 0.2s;
       -o-transition: 0.8s ease-in-out left 0.2s;
          transition: 0.8s ease-in-out left 0.2s;
}
.carousel .item.active.left .row1-3,
.carousel .item.active.left .row2-2,
.carousel .item.active.left .row3-1 {
  -webkit-transition: 0.8s ease-in-out left 0.4s;
       -o-transition: 0.8s ease-in-out left 0.4s;
          transition: 0.8s ease-in-out left 0.4s;
}
.carousel .item.active.left .row2-3,
.carousel .item.active.left .row3-2 {
  -webkit-transition: 0.6s ease-in-out left 0.6s;
       -o-transition: 0.6s ease-in-out left 0.6s;
          transition: 0.6s ease-in-out left 0.6s;
}
.carousel .item.active.left .row3-3 {
  -webkit-transition: 0.4s ease-in-out left 0.8s;
       -o-transition: 0.4s ease-in-out left 0.8s;
          transition: 0.4s ease-in-out left 0.8s;
}

/* ACTIVE ITEM BOXES TO RIGHT */
.carousel .item.active.right .row1-3 {
  -webkit-transition: 0.8s ease-in-out left;
       -o-transition: 0.8s ease-in-out left;
          transition: 0.8s ease-in-out left;
}
.carousel .item.active.right .row1-2,
.carousel .item.active.right .row2-3 {
  -webkit-transition: 0.8s ease-in-out left 0.2s;
       -o-transition: 0.8s ease-in-out left 0.2s;
          transition: 0.8s ease-in-out left 0.2s;
}
.carousel .item.active.right .row1-1,
.carousel .item.active.right .row2-2,
.carousel .item.active.right .row3-3 {
  -webkit-transition: 0.8s ease-in-out left 0.4s;
       -o-transition: 0.8s ease-in-out left 0.4s;
          transition: 0.8s ease-in-out left 0.4s;
}
.carousel .item.active.right .row2-1,
.carousel .item.active.right .row3-2 {
  -webkit-transition: 0.6s ease-in-out left 0.6s;
       -o-transition: 0.6s ease-in-out left 0.6s;
          transition: 0.6s ease-in-out left 0.6s;
}
.carousel .item.active.right .row3-1 {
  -webkit-transition: 0.4s ease-in-out left 0.8s;
       -o-transition: 0.4s ease-in-out left 0.8s;
          transition: 0.4s ease-in-out left 0.8s;
}
/* NEXT ITEM BOXES TO LEFT */
.carousel .item.next.left .row1-1 {
  -webkit-transition: 0.8s ease-in-out left 1.0s;
       -o-transition: 0.8s ease-in-out left 1.0s;
          transition: 0.8s ease-in-out left 1.0s;
}
.carousel .item.next.left .row1-2,
.carousel .item.next.left .row2-1 {
  -webkit-transition: 0.8s ease-in-out left 1.2s;
       -o-transition: 0.8s ease-in-out left 1.2s;
          transition: 0.8s ease-in-out left 1.2s;
}
.carousel .item.next.left .row1-3,
.carousel .item.next.left .row2-2,
.carousel .item.next.left .row3-1 {
  -webkit-transition: 0.8s ease-in-out left 1.4s;
       -o-transition: 0.8s ease-in-out left 1.4s;
          transition: 0.8s ease-in-out left 1.4s;
}
.carousel .item.next.left .row2-3,
.carousel .item.next.left .row3-2 {
  -webkit-transition: 0.6s ease-in-out left 1.6s;
       -o-transition: 0.6s ease-in-out left 1.6s;
          transition: 0.6s ease-in-out left 1.6s;
}
.carousel .item.next.left .row3-3 {
  -webkit-transition: 0.4s ease-in-out left 1.8s;
       -o-transition: 0.4s ease-in-out left 1.8s;
          transition: 0.4s ease-in-out left 1.8s;
}

/* PREVIOUS ITEM BOXES TO RIGHT */
.carousel .item.prev.right .row1-3 {
  -webkit-transition: 0.8s ease-in-out left 1.0s;
       -o-transition: 0.8s ease-in-out left 1.0s;
          transition: 0.8s ease-in-out left 1.0s;
}
.carousel .item.prev.right .row1-2,
.carousel .item.prev.right .row2-3 {
  -webkit-transition: 0.8s ease-in-out left 1.2s;
       -o-transition: 0.8s ease-in-out left 1.2s;
          transition: 0.8s ease-in-out left 1.2s;
}
.carousel .item.prev.right .row1-1,
.carousel .item.prev.right .row2-2,
.carousel .item.prev.right .row3-3 {
  -webkit-transition: 0.8s ease-in-out left 1.4s;
       -o-transition: 0.8s ease-in-out left 1.4s;
          transition: 0.8s ease-in-out left 1.4s;
}
.carousel .item.prev.right .row2-1,
.carousel .item.prev.right .row3-2 {
  -webkit-transition: 0.6s ease-in-out left 1.6s;
       -o-transition: 0.6s ease-in-out left 1.6s;
          transition: 0.6s ease-in-out left 1.6s;
}
.carousel .item.prev.right .row3-1 {
  -webkit-transition: 0.4s ease-in-out left 1.8s;
       -o-transition: 0.4s ease-in-out left 1.8s;
          transition: 0.4s ease-in-out left 1.8s;
}

@media (max-width: 1259px) {
  .carousel-inner .box2 { width: 100%; }
  .carousel-inner .box1 { width: 50%; }
  .carousel-control { display: none; }
  .item .carousel-control { display: block; }

  /* ACTIVE ITEM BOXES TO LEFT */
  .carousel .item.active.left .row1-1 {
    -webkit-transition: 0.6s ease-in-out left 0s;
         -o-transition: 0.6s ease-in-out left 0s;
            transition: 0.6s ease-in-out left 0s;
  }
  .carousel .item.active.left .row1-2 {
    -webkit-transition: 0.8s ease-in-out left 0.2s;
         -o-transition: 0.8s ease-in-out left 0.2s;
            transition: 0.8s ease-in-out left 0.2s;
  }
  .carousel .item.active.left .row1-3 {
    -webkit-transition: 0.6s ease-in-out left 0.4s;
         -o-transition: 0.6s ease-in-out left 0.4s;
            transition: 0.6s ease-in-out left 0.4s;
  }
  .carousel .item.active.left .row2-1 {
    -webkit-transition: 0.8s ease-in-out left 0.6s;
         -o-transition: 0.8s ease-in-out left 0.6s;
            transition: 0.8s ease-in-out left 0.6s;
  }
  .carousel .item.active.left .row2-2 {
    -webkit-transition: 0.6s ease-in-out left 0.8s;
         -o-transition: 0.6s ease-in-out left 0.8s;
            transition: 0.6s ease-in-out left 0.8s;
  }
  .carousel .item.active.left .row2-3 {
    -webkit-transition: 0.8s ease-in-out left 1s;
         -o-transition: 0.8s ease-in-out left 1s;
            transition: 0.8s ease-in-out left 1s;
  }
  .carousel .item.active.left .row3-1 {
    -webkit-transition: 0.6s ease-in-out left 1.2s;
         -o-transition: 0.6s ease-in-out left 1.2s;
            transition: 0.6s ease-in-out left 1.2s;
  }
  .carousel .item.active.left .row3-2 {
    -webkit-transition: 0.8s ease-in-out left 1.4s;
         -o-transition: 0.8s ease-in-out left 1.4s;
            transition: 0.8s ease-in-out left 1.4s;
  }
  .carousel .item.active.left .row3-3 {
    -webkit-transition: 0.6s ease-in-out left 1.6s;
         -o-transition: 0.6s ease-in-out left 1.6s;
            transition: 0.6s ease-in-out left 1.6s;
  }

  /* ACTIVE ITEM BOXES TO RIGHT */
  .carousel .item.active.left .row1-2 {
    -webkit-transition: 0.6s ease-in-out left 0s;
         -o-transition: 0.6s ease-in-out left 0s;
            transition: 0.6s ease-in-out left 0s;
  }
  .carousel .item.active.left .row1-1 {
    -webkit-transition: 0.8s ease-in-out left 0.2s;
         -o-transition: 0.8s ease-in-out left 0.2s;
            transition: 0.8s ease-in-out left 0.2s;
  }
  .carousel .item.active.left .row2-1 {
    -webkit-transition: 0.6s ease-in-out left 0.4s;
         -o-transition: 0.6s ease-in-out left 0.4s;
            transition: 0.6s ease-in-out left 0.4s;
  }
  .carousel .item.active.left .row1-3 {
    -webkit-transition: 0.8s ease-in-out left 0.6s;
         -o-transition: 0.8s ease-in-out left 0.6s;
            transition: 0.8s ease-in-out left 0.6s;
  }
  .carousel .item.active.left .row2-3 {
    -webkit-transition: 0.6s ease-in-out left 0.8s;
         -o-transition: 0.6s ease-in-out left 0.8s;
            transition: 0.6s ease-in-out left 0.8s;
  }
  .carousel .item.active.left .row2-2 {
    -webkit-transition: 0.8s ease-in-out left 1s;
         -o-transition: 0.8s ease-in-out left 1s;
            transition: 0.8s ease-in-out left 1s;
  }
  .carousel .item.active.left .row3-2 {
    -webkit-transition: 0.6s ease-in-out left 1.2s;
         -o-transition: 0.6s ease-in-out left 1.2s;
            transition: 0.6s ease-in-out left 1.2s;
  }
  .carousel .item.active.left .row3-1 {
    -webkit-transition: 0.8s ease-in-out left 1.4s;
         -o-transition: 0.8s ease-in-out left 1.4s;
            transition: 0.8s ease-in-out left 1.4s;
  }
  .carousel .item.active.left .row3-3 {
    -webkit-transition: 0.6s ease-in-out left 1.6s;
         -o-transition: 0.6s ease-in-out left 1.6s;
            transition: 0.6s ease-in-out left 1.6s;
  }

  /* NEXT ITEM BOXES TO LEFT */
  .carousel .item.next.left .row1-1 {
    -webkit-transition: 0.6s ease-in-out left 2.0s;
         -o-transition: 0.6s ease-in-out left 2.0s;
            transition: 0.6s ease-in-out left 2.0s;
  }
  .carousel .item.next.left .row1-2 {
    -webkit-transition: 0.8s ease-in-out left 2.2s;
       -o-transition: 0.8s ease-in-out left 2.2s;
        transition: 0.8s ease-in-out left 2.2s;
  }
  .carousel .item.next.left .row1-3 {
    -webkit-transition: 0.6s ease-in-out left 2.4s;
       -o-transition: 0.6s ease-in-out left 2.4s;
        transition: 0.6s ease-in-out left 2.4s;
  }
  .carousel .item.next.left .row2-1 {
    -webkit-transition: 0.8s ease-in-out left 2.6s;
       -o-transition: 0.8s ease-in-out left 2.6s;
        transition: 0.8s ease-in-out left 2.6s;
  }
  .carousel .item.next.left .row2-2 {
    -webkit-transition: 0.6s ease-in-out left 2.8s;
         -o-transition: 0.6s ease-in-out left 2.8s;
            transition: 0.6s ease-in-out left 2.8s;
  }
  .carousel .item.next.left .row2-3 {
    -webkit-transition: 0.8s ease-in-out left 3s;
         -o-transition: 0.8s ease-in-out left 3s;
            transition: 0.8s ease-in-out left 3s;
  }
  .carousel .item.next.left .row3-1 {
    -webkit-transition: 0.6s ease-in-out left 3.2s;
         -o-transition: 0.6s ease-in-out left 3.2s;
            transition: 0.6s ease-in-out left 3.2s;
  }
  .carousel .item.next.left .row3-2 {
    -webkit-transition: 0.8s ease-in-out left 3.4s;
         -o-transition: 0.8s ease-in-out left 3.4s;
            transition: 0.8s ease-in-out left 3.4s;
  }
  .carousel .item.next.left .row3-3 {
    -webkit-transition: 0.6s ease-in-out left 3.6s;
         -o-transition: 0.6s ease-in-out left 3.6s;
            transition: 0.6s ease-in-out left 3.6s;
  }

  /* PREVIOUS ITEM BOXES TO RIGHT */
  .carousel .item.prev.right .row1-2 {
    -webkit-transition: 0.6s ease-in-out left 2.0s;
         -o-transition: 0.6s ease-in-out left 2.0s;
            transition: 0.6s ease-in-out left 2.0s;
  }
  .carousel .item.prev.right .row1-1 {
    -webkit-transition: 0.8s ease-in-out left 2.2s;
         -o-transition: 0.8s ease-in-out left 2.2s;
            transition: 0.8s ease-in-out left 2.2s;
  }
  .carousel .item.prev.right .row2-1 {
    -webkit-transition: 0.6s ease-in-out left 2.4s;
         -o-transition: 0.6s ease-in-out left 2.4s;
            transition: 0.6s ease-in-out left 2.4s;
  }
  .carousel .item.prev.right .row1-3 {
    -webkit-transition: 0.8s ease-in-out left 2.6s;
         -o-transition: 0.8s ease-in-out left 2.6s;
            transition: 0.8s ease-in-out left 2.6s;
  }
  .carousel .item.prev.right .row2-3 {
    -webkit-transition: 0.6s ease-in-out left 2.8s;
         -o-transition: 0.6s ease-in-out left 2.8s;
            transition: 0.6s ease-in-out left 2.8s;
  }
  .carousel .item.prev.right .row2-2 {
    -webkit-transition: 0.8s ease-in-out left 3s;
         -o-transition: 0.8s ease-in-out left 3s;
            transition: 0.8s ease-in-out left 3s;
  }
  .carousel .item.prev.right .row3-2 {
    -webkit-transition: 0.6s ease-in-out left 3.2s;
         -o-transition: 0.6s ease-in-out left 3.2s;
            transition: 0.6s ease-in-out left 3.2s;
  }
  .carousel .item.prev.right .row3-1 {
    -webkit-transition: 0.8s ease-in-out left 3.4s;
         -o-transition: 0.8s ease-in-out left 3.4s;
            transition: 0.8s ease-in-out left 3.4s;
  }
  .carousel .item.prev.right .row3-3 {
    -webkit-transition: 0.6s ease-in-out left 3.6s;
         -o-transition: 0.6s ease-in-out left 3.6s;
            transition: 0.6s ease-in-out left 3.6s;
  }
}

@media (max-width: 859px) {
  .carousel-inner .box2 > p {
    top: 110px;
  }
  .carousel-inner .inner {
    width: 360px;
  }
  .carousel-inner .image-fade:hover .play,
  .carousel-inner .image-fade:focus .play {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}

@media (max-width: 460px) {
  .carousel-inner .box1 {
    width: 100%;
  }
}

/* -----------------------------------------------
 *  7. Modal
 * ----------------------------------------------- */

@media (max-width: 1259px) {
  .modal-dialog {
    width: 802px;
  }
  .modal-content {
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
            box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  }
}

@media (max-width: 859px) {
  [data-toggle="modal"],
  .modal-backdrop,
  .modal .close {
    display: none !important;
  }
  .newsList li[data-toggle="modal"] {
    display: inherit !important;
  }
  .carousel .image-fade[data-toggle="modal"] {
    display: block !important;
  }
  .modal {
    position: relative;
    display: block;
  }
  .modal-dialog {
    width: 90%;
    margin: 0;
  }
  .modal.fade {
    filter: alpha(opacity=100);
    opacity: 1;
  }
  .newsList li .modal,
  .carousel .modal {
    display: none !important;
  }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .modal-open {
    overflow: auto;
  }
  .modal-open .modal {
    overflow-y: hidden;
  }
  .modal-dialog,
  .video-modal .modal-dialog {
    margin-top: 20px;
    width: auto;
  }
  .modal-content {
    background-color: transparent;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .modal-header {
    background: transparent;
    border-bottom: none;
    color: inherit;
  }
  .modal-footer {
    border-top: none;
  }
  .modal-video .modal-content {
    background-color: transparent;
    border: none;
    color: inherit;
  }
  .table-calendar .modal-dialog {
    width: 100%;
  }
  .table-calendar .modal-content {
    margin: 6px 0 4px;
    background-color: transparent;
    font-size: 11px;
  }
  .table-calendar .modal-header,
  .table-calendar .modal-body,
  .table-calendar .modal-footer {
    padding: 0;
    padding: 1px 3px;
  }
  .table-calendar .modal-header {
    min-height: 0;
    border-bottom: 0;
  }
  .table-calendar .modal-body img {
    display: none;
  }
  .table-calendar .modal-footer {
    border-top: 0;
  }
  .table-calendar .modal-header h3 {
    font-size: 14px;
    line-height: 18px
  }
  .table-calendar .modal-footer span {
    font-size: 11px;
  }
  .table-calendar .modal-body p {
    margin-bottom: 5px;
  }
}

/* -----------------------------------------------
 *  8. Calendar
 * ----------------------------------------------- */

@media (max-width: 1259px) {
  .calendar-header h3 {
    text-align: left;
  }
}

@media (max-width: 859px) {
  .table-calendar thead {
    display: none;
  }
  .table-calendar tbody {
    float: left \9;
    padding: 0;
  }
  .table-calendar tbody,
  .table-calendar td {
    display: block;
    width: 100%;
  }
  .table-calendar td {
    float: left \9;
    height: 0;
    padding: 0;
    border: none;
  }
  .table-calendar td + td {
    border-left: none;
  }
  .table-calendar tr + tr td {
    border-top: none;
  }
  .calendar-date {
    position: relative;
    left: 0;
    top: auto;
    display: inline-block;
    text-align: right;
  }
  .calendar-weekday {
    display: inline-block;
  }
  .table-calendar .calendar-content {
    height: auto;
    padding: 6px 0;
    border-top: 7px solid #fff;
  }
  .calendar-content > div {
    width: 80%;
    display: inline-block;
    vertical-align: top;
  }
  .calendar-content > div > .tip {
    display: none;
  }
  .calendar-content .modal-dialog {
    margin-top: 6px;
  }
}

/* -----------------------------------------------
 *  9. Page Content
 * ----------------------------------------------- */

.sidebar {
  background-color: #fbfbfb;
  -webkit-box-shadow: inset 6px 0 12px -12px #666;
          box-shadow: inset 6px 0 12px -12px #666;
}

/* WORDPRESS BLOG NEWSFEED */
[id$="newsModal"] .modal-body img {
  display: block;
  max-width: 100%;
  height: auto;
}
[id$="newsModal"] .modal-body > .btn {
  margin-bottom: 15px;
}

@media (min-width: 860px) {
  [id$="newsModal"] .modal-body img.alignleft {
    float: left;
    margin: 10px 13px 10px 0;
  }
  [id$="newsModal"] .modal-body img.alignright {
    float: right;
    margin: 10px 0 10px 13px;
  }
  [id$="newsModal"] .modal-body img.aligncenter {
    display: block;
    margin: 0 auto;
  }
}

/* SIGNUP PACKAGE SELECT */
.signup-option {
  list-style: none;
  margin: -20px;
  padding: 0;
}
.signup-option > li {
  padding: 20px;
  font-size: 13px;
}
.signup-option > li + li {
  border-top: 1px solid #7d9ea7;
}
.signup-option > li > .option {
  display: block;
  min-height: 30px;
  margin-bottom: 0;
  padding-left: 30px;
  font-weight: 400;
  letter-spacing: normal;
}
.signup-option > li > .option input[type="radio"],
.signup-option > li > .option input[type="checkbox"] {
  float: left;
  margin-left: -30px;
  margin-top: 9px;
}
.signup-option > li > .option img {
  display: block;
  float: left;
  height: 125px;
  margin-right: 20px;
}
.signup-option > li > .option h3,
.signup-option > li > .option h5,
.signup-option > li > .option .price {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #565656;
}
.signup-option > li > .option h5 {
  float: left;
}
.signup-option > li > .option p {
  margin: 10px 0 0;
  font-size: 14px;
  font-style: italic;
  color: #999;
}
.signup-option > li > .option .price {
  display: inline-block;
  vertical-align: middle;
  float: right;
  margin-left: 30px;
}
.signup-option > li > .details {
  padding-left: 30px;
}
.signup-option > li > .details h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
}
.signup-option > li > .details p {
  margin: 10px 0;
}
.signup-option > li > .details p:last-child {
  margin-bottom: 0;
}

/* LEADERSHIP */
.boardList,
.newsList {
  margin: 30px 0;
  padding: 0;
  list-style: none;
}
.boardList > li,
.newsList > li {
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding: 10px;
  background-color: #fbfbfb;
  -webkit-transition: background 0.4s linear;
       -o-transition: background 0.4s linear;
          transition: background 0.4s linear;
}
.newsList h2:after,
.boardList h2:after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: "";
  display: none;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
  background: transparent url(/Images/Icons/maximize.svg) 0 0 no-repeat;
  background-image: none\9;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s linear;
       -o-transition: opacity 0.3s linear;
          transition: opacity 0.3s linear;
}
.boardList > li:hover,
.newsList > li:hover {
  background-color: #f0f1f3;
}
.newsList > li:hover h2:after,
.boardList > li:hover h2:after {
  opacity: .6;
  filter: alpha(opacity=60);
}
.boardList h2 {
  margin-top: 0;
}
.boardList h2 small {
  display: block;
  margin-top: 8px;
  line-height: 1.5;
}
.newsList .date {
  font-style: italic;
}
.small-pix {
  float: left;
  margin-right: 20px;
}
.modal .small-pix {
  margin-top: 10px;
}

@media (min-width: 860px) {
  .newsList h2:after,
  .boardList h2:after {
    display: block;
  }
  .newsList > li > .btn-link {
    display: none;
  }
}

/* SIGNUP TABLES (Login/JoinNow.ascx) */
.table-account-info,
.table-package-info {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  border-collapse: separate;
}
.table-package-info {
  margin-top: 40px;
}
.table-account-info > thead > tr > th,
.table-account-info > thead > tr > td,
.table-package-info > thead > tr > th,
.table-package-info > thead > tr > td,
.table-account-info > tfoot > tr > th,
.table-account-info > tfoot > tr > td,
.table-package-info > tfoot > tr > th,
.table-package-info > tfoot > tr > td {
  vertical-align: middle;
  padding: 14px
}
.table-account-info > tbody > tr > th,
.table-account-info > tbody > tr > td {
  padding: 4px 14px;
  border-top-color: #fff; /* visually hide border */
}
.table-account-info > tbody > tr:first-child > th,
.table-account-info > tbody > tr:first-child > td {
  padding-top: 14px
}
.table-account-info > tbody > tr:last-child > th,
.table-account-info > tbody > tr:last-child > td {
  padding-bottom: 14px
}
.table-account-info > tfoot > tr > th,
.table-account-info > tfoot > tr > td {
  font-size: 13px;
}
.table-account-info > tbody > tr > th,
.table-account-info > tfoot > tr > th {
  font-weight: 300;
}
.table-account-info > tbody > tr > td,
.table-account-info > tfoot > tr > td {
  font-weight: 600;
}
.table-package-info > tbody > tr > th,
.table-package-info > tbody > tr > td {
  padding: 8px;
}
.table-package-info > tbody > tr > th:first-child,
.table-package-info > tbody > tr > td:first-child {
  padding-left: 14px
}
.table-package-info > tbody > tr > th:last-child,
.table-package-info > tbody > tr > td:last-child {
  padding-right: 14px
}
.table-account-info > thead > tr > th,
.table-account-info > thead > tr > td,
.table-package-info > thead > tr > th,
.table-package-info > thead > tr > td,
.table-account-info > tfoot > tr > th[colspan],
.table-package-info > tfoot > tr > th,
.table-package-info > tfoot > tr > td {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.1;
}
.table-package-info > tbody > tr > th,
.table-package-info > tbody > tr > td {
  padding: 9px 14px;
}
.table-package-info img {
  width: 60px;
  height: auto;
}

/* -----------------------------------------------
 *  10. Helper classes
 * ----------------------------------------------- */

.signup-option > li > .option:before,
.signup-option > li > .option:after,
.carousel .item:before,
.carousel .item:after,
.progress-indicator:before,
.progress-indicator:after,
.boardList li:before,
.boardList li:after,
.newsList li:before,
.newsList li:after {
  display: table;
  content: " ";
}
.signup-option > li > .option:after,
.carousel .item:after,
.progress-indicator:after,
.boardList li:after,
.newsList li:after {
  clear: both;
}