.ccl-tout {
  display: block;
  position: relative;
  text-align: center;
  height: 185px;
  color: #ffffff;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d; }
  .ccl-tout a {
    color: #ffffff; }
  .ccl-tout.activated img {
    display: none; }
  .ccl-tout-front {
    z-index: 1;
    display: table;
    background: none; }
    .ccl-tout-front h2, .ccl-tout-front h3, .ccl-tout-front h4, .ccl-tout-front h5, .ccl-tout-front .h3, .ccl-tout-front .h4, .ccl-tout-front .h5 {
      position: relative;
      z-index: 2;
      color: #fff;
      font-family: tempo;
      font-weight: normal;
      text-transform: uppercase;
      text-align: center;
      margin: 0 0 7px;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
      vertical-align: middle; }
    .ccl-tout-front .h1 {
      font-size: 2.75em;
      line-height: normal;
      margin: 0 0 0 0;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
      filter: progid:DXImageTransform.Microsoft.Chroma(Color=#ffffff);
      filter: progid:DXImageTransform.Microsoft.DropShadow(Color=#676767, OffX=1, OffY=1);
      letter-spacing: 0.5px;
      z-index: 2;
      color: #fff;
      font-family: tempo;
      font-weight: normal;
      text-transform: uppercase;
      text-align: center; }
    .ccl-tout-front h2 {
      font: normal 32px/40px tempo;
      height: 40px; }
    .ccl-tout-front h3, .ccl-tout-front .h3 {
      font-size: 36px;
      line-height: 36px;
      margin: 7px 0 7px 0;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
      filter: progid:DXImageTransform.Microsoft.Chroma(Color=#ffffff);
      filter: progid:DXImageTransform.Microsoft.DropShadow(Color=#676767, OffX=1, OffY=1); }
    .ccl-tout-front h4, .ccl-tout-front .h4 {
      font-size: 40px;
      line-height: 44px;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
      letter-spacing: 0.5px;
      filter: progid:DXImageTransform.Microsoft.Chroma(Color=#ffffff);
      filter: progid:DXImageTransform.Microsoft.DropShadow(Color=#4f4f4f, OffX=1, OffY=1); }
      .ccl-tout-front h4 small, .ccl-tout-front .h4 small {
        font-size: 15px;
        line-height: 15px;
        display: inline-block;
        *text-indent: 0 !important;
        *display: inline;
        *zoom: 1;
        vertical-align: text-top;
        margin-top: 10px;
        text-align: left; }
    .ccl-tout-front h4, .ccl-tout-front h5 {
      position: relative;
      z-index: 2;
      color: #fff;
      font-family: tempo;
      font-weight: normal;
      text-transform: uppercase;
      text-align: center;
      margin: 0 0 7px; }
    .ccl-tout-front h5, .ccl-tout-front .h5 {
      font-size: 32px;
      line-height: 33px;
      margin: 0 0 0 0;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
      letter-spacing: 0.5px;
      filter: progid:DXImageTransform.Microsoft.Chroma(Color=#ffffff);
      filter: progid:DXImageTransform.Microsoft.DropShadow(Color=#676767, OffX=1, OffY=1); }
    .ccl-tout-front i.target {
      background-position: 0 -101px;
      display: block;
      z-index: 2;
      position: absolute;
      top: 10px;
      right: 20px;
      width: 25px;
      height: 25px;
      margin: 0; }
      .ccl-tout-front i.target.icon-arrow-right {
        font-size: 20px; }
    .ccl-tout-front .overlay {
      text-shadow: 0 1px 2px rgba(12, 33, 46, 0.9);
      behavior: url(/common/CCLUS/Core2/css/PIE.htc);
      line-height: 4em;
      display: table-cell;
      width: 100%;
      height: 100%;
      padding-top: 50px;
      font-size: 11px; }
      .ccl-tout-front .overlay span.defaultMsg {
        font-size: 4em;
        color: #FFFFFF;
        font-family: tempo;
        font-weight: normal;
        display: block;
        margin: 0 10% 5%; }
      .ccl-tout-front .overlay p span.defaultMsg {
        margin: 0; }
    .ccl-tout-front .subtitle {
      text-align: center;
      font: normal 22px/33px tempo;
      color: #fff;
      display: block;
      position: relative;
      z-index: 2;
      text-transform: uppercase; }
    .ccl-tout-front img {
      width: 100%; }
  .ccl-tout-back {
    /*-webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
            transform: rotateY(180deg);*/
    z-index: 0;
    text-align: center; }
    .ccl-tout-back p.overlay-text {
      display: block;
      font-size: 16px;
      line-height: 20px;
      margin: 0 10% 5%; }
    .ccl-tout-back .overlay {
      cursor: pointer;
      padding: 10% 0;
      color: #10559a; }
    .ccl-tout-back .ccl-button-link:after {
      border: none; }
  .ccl-tout-front, .ccl-tout-back {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    /*-webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            -o-backface-visibility: hidden;
            backface-visibility: hidden;*/
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover; }
    .ccl-tout-front a, .ccl-tout-front a:hover, .ccl-tout-back a, .ccl-tout-back a:hover {
      text-decoration: none !important; }
  .ccl-tout .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .ccl-tout img {
    position: relative;
    width: auto; }
  .ccl-tout.flipped {
    /*-webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
            transform: rotateY(180deg);*/
    /*-webkit-backface-visibility: visible;
            -moz-backface-visibility: visible;
            -ms-backface-visibility: visible;
            -o-backface-visibility: visible;
            backface-visibility: visible;*/ }
    .ccl-tout.flipped img {
      display: block; }
    .ccl-tout.flipped .ccl-tout-back {
      z-index: 2;
      /*-ms-transform: rotateY(360deg) scaleX(-1);
                -moz-transform: rotateY(360deg) scaleX(-1);
                -o-transform: rotateY(360deg) scaleX(-1);
                -webkit-transform: rotateY(360deg) scaleX(-1);
                transform: rotateY(360deg) scaleX(-1);*/ }
  .ccl-tout.flip-tile {
    width: 31.33%;
    height: 175px;
    margin: 0 1% 2%;
    float: left;
    display: block;
    position: relative; }
    .ccl-tout.flip-tile .overlay {
      height: 100%;
      padding: 0; }
      .ccl-tout.flip-tile .overlay p {
        padding-top: 10%; }
      .ccl-tout.flip-tile .overlay div.button-wrap, .ccl-tout.flip-tile .overlay h2 {
        vertical-align: center;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        z-index: 5;
        text-align: center;
        white-space: nowrap;
        margin-top: -15px; }
      .ccl-tout.flip-tile .overlay h2 {
        width: 100%;
        margin: -20px auto 0;
        padding: 0 28px;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        white-space: normal;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.75), 1px 1px 5px #000, 1px 1px 5px #000, 1px 1px 5px #000; }
  .ccl-tout .countdown-clock .clock {
    width: 94%;
    margin: 6% 0 0 7.8%;
    float: left;
    font-family: tempo; }
  .ccl-tout .countdown-clock .countdown-row {
    clear: both;
    width: 100%;
    padding: 0px 2px;
    text-align: center; }
  .ccl-tout .countdown-clock .countdown-section {
    width: 24%;
    height: 132px;
    margin-right: 1.5%;
    display: block;
    float: left;
    font-size: 75%;
    text-align: center;
    text-shadow: 0 1px 0 #000000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 2px 3px 0 rgba(255, 255, 255, 0.2) inset, 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 3px 0 rgba(255, 255, 255, 0.2) inset, 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 3px 0 rgba(255, 255, 255, 0.2) inset, 0 2px 2px 0 rgba(0, 0, 0, 0.1); }
  .ccl-tout .countdown-clock .countdown-amount {
    font-size: 7em;
    font-weight: bold; }
  .ccl-tout .countdown-clock .countdown-period {
    display: block;
    font-size: 2em;
    font-weight: normal; }
  .ccl-tout .countdown-clock .points {
    font-size: 44px;
    font-family: tempo;
    text-shadow: none;
    margin: 25px 1.5% 0 0;
    color: white;
    float: left; }

#ccl-specials .countdown-clock .clock {
  margin: 9% 0 0 7.8% !important; }

#ccl-specials .countdown-clock .countdown-section {
  height: 122px !important; }

#ccl-specials .countdown-clock .countdown-amount {
  font-size: 6em !important; }

@media screen and (max-width: 1200px) {
  .ccl-tout .countdown-clock .countdown-show4 .countdown-section {
    width: 23%; }
  .ccl-tout .countdown-clock .countdown-amount {
    font-size: 5em; }
  #ccl-specials .ccl-tout .countdown-clock .countdown-amount {
    font-size: 4em !important; }
  .ccl-tout .countdown-clock .points {
    font-size: 20px; }
  .ccl-tout .countdown-clock .countdown-period {
    font-size: 2em; } }

.lt-ie9 .tout .front h4, .lt-ie9 .tout .front .h4 {
  line-height: 30px; }

.no-touch #ccl-refresh-homepage .col-1-3:hover .ccl-tout .ccl-tout-back {
  z-index: 2; }

@media (max-width: 1200px) {
  #ccl-refresh-homepage .col-1-3 .ccl-tout .ccl-tout-front .overlay {
    font-size: 80%; } }

.ccl-shade-tiles .ccl-tout .ccl-tout-front .overlay {
  background: rgba(0, 0, 0, 0.2);
  height: 100%; }

#ccl-specials .offers .ccl-tout {
  height: 184px;
  margin-bottom: 15px; }

#toutsContainer2013 .ccl-tout-front h5 {
  font-size: 4em; }

@media (max-width: 1200px) {
  .ccl-tout-front h2 {
    line-height: 32px; }
  .ccl-tout-back p.overlay-text {
    margin: 0 5% 10%; } }

.ccl-desktop .tout {
  width: 31.33%;
  height: 175px;
  margin: 0 1% 2%;
  float: left;
  display: block;
  position: relative;
  overflow: hidden; }

.ccl-mobile .ccl-ad-tile {
  -webkit-box-shadow: 2px 2px 0 rgba(7, 83, 156, 0.1);
  box-shadow: 2px 2px 0 rgba(7, 83, 156, 0.1);
  position: relative;
  z-index: 10;
  background-color: white;
  border-radius: 6px;
  text-align: center;
  margin-bottom: 25px;
  padding: 15px 15px; }
  .ccl-mobile .ccl-ad-tile-banner {
    position: relative;
    display: block;
    color: white;
    text-align: center;
    margin-bottom: 10px; }
    .ccl-mobile .ccl-ad-tile-banner__image {
      display: block;
      width: 100%;
      min-height: 50px; }
    .ccl-mobile .ccl-ad-tile-banner__desc {
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      padding: 0 10px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      text-shadow: 0 3px 7px rgba(0, 60, 118, 0.75);
      margin-bottom: 2px;
      color: white;
      font-size: 18px;
      text-transform: uppercase;
      font-weight: 800;
      line-height: 1.25;
      font-family: "Open Sans", sans-serif; }
  .ccl-mobile .ccl-ad-tile__cta {
    padding: 5px 15px 4px;
    border: 3px solid white;
    -webkit-box-shadow: 2px 2px 0 0 rgba(7, 83, 156, 0.1);
    box-shadow: 2px 2px 0 0 rgba(7, 83, 156, 0.1);
    font-size: 20px;
    text-transform: uppercase;
    display: inline-block;
    width: auto;
    border-radius: 25px;
    background-color: #da0936;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: white;
    font-family: "Tempo", "Tempo-Local", Arial Narrow, Arial, sans-serif;
    text-align: center;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent; }
    .ccl-mobile .ccl-ad-tile__cta .ccl-button-link {
      padding: 0;
      margin: 0;
      font-size: 20px;
      text-transform: uppercase; }
      .ccl-mobile .ccl-ad-tile__cta .ccl-button-link:after {
        border: none; }