/*// Extra Small screen / phone / container-tablet */
/*// Small screen / tablet / container-desktop */
/*// Medium screen / desktop / container-lg-desktop */
/*// Large screen / desktop / container-lg-desktop */
/* Swatch */
/* typography */
/* section widths */
/*25*/
/* CSS Document */
/* ProClub Caresoul */
div.carousel,
div.carousel .carousel-inner > .item > img, .carousel-inner > .item > a > img {
  width: 100%;
  height: 660px; }
  @media only screen and (max-width: 960px) {
    div.carousel,
    div.carousel .carousel-inner > .item > img, .carousel-inner > .item > a > img {
      height: 527px; } }
  @media only screen and (max-width: 768px) {
    div.carousel,
    div.carousel .carousel-inner > .item > img, .carousel-inner > .item > a > img {
      height: 236px; } }

div.carousel {
  /*height: 350px; width: 100%;
  background: url('sample-carousel-2.png') top left no-repeat #41829E;*/
  /* hide left nav button */ }
  div.carousel .carousel-control.left,
  div.carousel .carousel-control.right {
    background-image: none; }
  div.carousel .carousel-indicators {
    cursor: default; }
    @media only screen and (max-width: 768px) {
      div.carousel .carousel-indicators {
        display: none; } }
    div.carousel .carousel-indicators li {
      border: none;
      background-color: rgba(255, 255, 255, 0.3); }
    div.carousel .carousel-indicators li.active {
      background-color: white; }
  @media only screen and (max-width: 768px) {
    div.carousel a.carousel-control {
      display: none; } }
  div.carousel a.carousel-control .icon {
    height: 46px;
    width: 46px;
    position: absolute;
    top: 360px; }
    @media only screen and (max-width: 960px) {
      div.carousel a.carousel-control .icon {
        top: 270px; } }
  div.carousel a.carousel-control .icon.slideshow-left {
    background: url("Images/sprite-slideshow-nav-icons.png") -17px -16px no-repeat transparent;
    right: 40%; }
  div.carousel a.carousel-control .icon.slideshow-right {
    background: url("Images/sprite-slideshow-nav-icons.png") -87px -16px no-repeat transparent;
    left: 40%; }
  div.carousel a.left.carousel-control {
    display: none; }
  div.carousel .item .carousel-caption {
    text-align: left;
    left: 30px;
    top: 260px;
    right: auto;
    bottom: auto;
    padding: 33px 30px 27px;
    background-color: rgba(15, 66, 108, 0.8);
    max-width: 500px; }
    @media only screen and (max-width: 960px) {
      div.carousel .item .carousel-caption {
        max-width: 400px;
        top: 190px; } }
    @media only screen and (max-width: 768px) {
      div.carousel .item .carousel-caption {
        left: 4%;
        display: none; } }
    div.carousel .item .carousel-caption .title {
      font-family: latolight, "Myriad Pro", Arial, Sans-serif;
      font-size: 42px;
      color: #fff;
      text-shadow: none;
      line-height: 50px;
      margin-bottom: 20px; }
      @media only screen and (max-width: 768px) {
        div.carousel .item .carousel-caption .title {
          font-size: 22px;
          line-height: 30px; } }
    div.carousel .item .carousel-caption p {
      font-family: latoregular, "Myriad Pro", Arial, Sans-serif;
      font-size: 16px;
      margin-bottom: 20px; }
      @media only screen and (max-width: 768px) {
        div.carousel .item .carousel-caption p {
          display: none; } }
    div.carousel .item .carousel-caption .videoWrapper,
    div.carousel .item .carousel-caption iframe,
    div.carousel .item .carousel-caption .videoMask {
      width: 230px;
      height: 140px; }
      @media only screen and (max-width: 1240px) {
        div.carousel .item .carousel-caption .videoWrapper,
        div.carousel .item .carousel-caption iframe,
        div.carousel .item .carousel-caption .videoMask {
          width: 230px;
          height: 140px; } }
    div.carousel .item .carousel-caption .videoWrapper {
      position: relative;
      float: right; }
      @media only screen and (max-width: 960px) {
        div.carousel .item .carousel-caption .videoWrapper {
          display: none; } }
      div.carousel .item .carousel-caption .videoWrapper iframe,
      div.carousel .item .carousel-caption .videoWrapper .videoMask {
        position: absolute;
        top: 0;
        left: 0; }
      div.carousel .item .carousel-caption .videoWrapper iframe {
        z-index: 10;
        overflow: hidden;
        float: right;
        margin-right: 0; }
        @media only screen and (max-width: 768px) {
          div.carousel .item .carousel-caption .videoWrapper iframe {
            display: none; } }
      div.carousel .item .carousel-caption .videoWrapper .videoMask {
        z-index: 20;
        background-color: rgba(255, 255, 255, 0.01); }
    div.carousel .item .carousel-caption .videoButton {
      display: none; }
      @media only screen and (max-width: 960px) {
        div.carousel .item .carousel-caption .videoButton {
          display: inline-block;
          margin-left: 10px; } }