﻿body {
  /*begin carousel reverse styles*/
  /*end carousel reverse styles*/
}
body .carousel-item-next:not(.carousel-item-left),
body .active.carousel-item-right {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
body .carousel-item-prev:not(.carousel-item-right),
body .active.carousel-item-left {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
body .carousel-control-prev {
  right: 0;
}
body .carousel-control-next {
  left: 0;
}
body div.carousel-large .carousel-caption-left {
  position: absolute;
  right: 10%;
  max-width: 680px;
  bottom: 10px;
  left: 8%;
  z-index: 10;
  padding: 10px;
  color: #fff;
  /*	background-color:#f55;*/
  text-align: left;
}
@media (min-width: 800px) {
  body div.carousel-large .carousel-caption-left {
    bottom: 25px;
  }
}
body div.carousel-large .carousel-caption-full {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding: 20px;
  color: #fff;
  background-color: #f55;
  text-align: center;
}
body div.carousel-large .carousel-caption-right {
  position: absolute;
  right: 10%;
  bottom: 20px;
  left: 25%;
  z-index: 10;
  padding: 20px;
  color: #fff;
  background-color: #f55;
  text-align: right;
}
body div.carousel-large .carouselCaptionBox {
  border-radius: 20px;
  min-width: 290px;
  /*line-height: 1.45em;
  font-size: 16px;*/
  padding: 0.65em;
  color: #fff;
  /*line-height: 32px;*/
}
@media (min-width: 800px) {
  body div.carousel-large .carouselCaptionBox {
    font-size: 22px;
    padding-bottom: 1.25rem;
  }
}
body div.carousel-large .carouselCaptionBox > h2 {
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.07em;
  text-transform: uppercase;
}
body div.carousel-large .carouselCaptionBox > span:nth-of-type(1) {
  /*font-size: 1.18em;*/
  line-height: 1.07em;
}
body div.carousel-large .carouselCaptionBox > span:nth-of-type(2) {
  font-size: 1em;
}
body div.carousel-small .carousel-caption-left {
  position: absolute;
  z-index: 10;
  color: #fff;
  /*	background-color:#f55;*/
  text-align: left;
  bottom: 0;
  left: 0;
  width: 100%;
}
body div.carousel-small .carouselCaptionBox {
  padding: 0.2em;
  /*line-height: 32px;*/
}
body div.carousel-small .carouselCaptionBox > h2 {
  font-size: 1.15em;
  font-weight: 700;
  line-height: 1em;
  margin-bottom: 0;
}
body div.carousel-small .carouselCaptionBox > span:nth-of-type(1) {
  font-size: 0.8em;
  line-height: 0.85em;
}
body div.carousel-small .carouselCaptionBox > span:nth-of-type(2) {
  font-size: 1em;
}
body .ccBoxBlack {
  background: rgba(0, 0, 0, 0.75);
}
body .ccBoxOrange {
  background: rgba(211, 107, 15, 0.75);
}
body .ccBoxNavyBlue {
  background: rgba(25, 41, 68, 0.75);
}
body .ccBoxRed {
  background: rgba(101, 9, 4, 0.75);
}
body .ccBoxWhite {
  background: rgba(255, 255, 255, 0.75);
}
body .ccBoxBlue {
  background: rgba(11, 99, 209, 0.75);
}
body .ccBoxGreen {
  background: rgba(69, 201, 4, 0.75);
}
body .ccBoxGray {
  background: rgba(0, 0, 0, 0.25);
}
body .ccBoxBrown {
  background: rgba(82, 54, 0, 0.75);
}
body .ccBoxYellow {
  background: rgba(245, 255, 0, 0.75);
}
