/* line 458, learn/*.png */
.learn-sprite, .learn-active, .learn-ak-red, .learn-ak, .learn-arr-left-lg, .learn-arr-left, .learn-arr-right-lg, .learn-arr-right, .learn-ball, .learn-bed, .learn-blue-active, .learn-blue-circle, .learn-bs-red, .learn-bs, .learn-building, .learn-ca-red, .learn-ca, .learn-cb-red, .learn-cb, .learn-check-green, .learn-check, .learn-choose-dest-arrow, .learn-choose-port-arrow, .learn-couple, .learn-email, .learn-family, .learn-fb, .learn-fj-red, .learn-fj, .learn-hi-red, .learn-hi, .learn-insta, .learn-lightboxclosex, .learn-map, .learn-marker, .learn-mic, .learn-mx-red, .learn-mx, .learn-pa-red, .learn-pa, .learn-plate, .learn-play-grey, .learn-play, .learn-pn, .learn-red-pointer, .learn-relaxation, .learn-ship, .learn-tails, .learn-tri-right, .learn-tw, .learn-white-circle, .learn-yellow-pointer, #ccl-learn .content-block .checklist li i, #ccl-learn .hero-landing .video-play i, #ccl-learn .features li .content strong i, #ccl-learn .pager .overlay i, #ccl-learn .point-flag .arrow i, #ccl-learn .inline-lightbox .close, #ccl-learn .map-wrapper .map-arrow-ports, #ccl-learn .map-wrapper .map-arrow-dest, #ccl-learn .map-wrapper .pointers span, #ccl-learn .map-wrapper .pointers span.active, #ccl-learn #mapControl ul li a, #ccl-learn #mapControl ul li a.active, #ccl-learn #mapControl ul li .ak .map-icon, #ccl-learn #mapControl ul li .ak.active .map-icon, #ccl-learn #mapControl ul li .bs .map-icon, #ccl-learn #mapControl ul li .bs.active .map-icon, #ccl-learn #mapControl ul li .ca .map-icon, #ccl-learn #mapControl ul li .ca.active .map-icon, #ccl-learn #mapControl ul li .cb .map-icon, #ccl-learn #mapControl ul li .cb.active .map-icon, #ccl-learn #mapControl ul li .pa .map-icon, #ccl-learn #mapControl ul li .pa.active .map-icon, #ccl-learn #mapControl ul li .fj .map-icon, #ccl-learn #mapControl ul li .fj.active .map-icon, #ccl-learn #mapControl ul li .mx .map-icon, #ccl-learn #mapControl ul li .mx.active .map-icon, #ccl-learn #mapControl ul li .hi .map-icon, #ccl-learn #mapControl ul li .hi.active .map-icon, #ccl-learn .blue-banner .point-flag .text:before, #ccl-learn .learn-footer .cta-arrows .point-flag .arrow i, #ccl-learn .learn-footer .cta-arrows .point-flag.prev .arrow i, #lvs_comparison table .included i {
  background: url('/~/media/CCLUS/Images/cruising/img/learn-s762ba0ab25.ashx') no-repeat;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-active {
  background-position: 0 -2376px;
  height: 37px;
  width: 37px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-ak-red {
  background-position: 0 -2212px;
  height: 36px;
  width: 99px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-ak {
  background-position: 0 -2946px;
  height: 21px;
  width: 58px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-arr-left-lg {
  background-position: 0 -2833px;
  height: 46px;
  width: 48px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-arr-left {
  background-position: 0 -3177px;
  height: 25px;
  width: 25px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-arr-right-lg {
  background-position: 0 -2767px;
  height: 46px;
  width: 48px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-arr-right {
  background-position: 0 -3132px;
  height: 25px;
  width: 25px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-ball {
  background-position: 0 -1764px;
  height: 45px;
  width: 45px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-bed {
  background-position: 0 -2987px;
  height: 27px;
  width: 39px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-blue-active {
  background-position: 0 -2433px;
  height: 29px;
  width: 30px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-blue-circle {
  background-position: 0 -1315px;
  height: 96px;
  width: 95px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-bs-red {
  background-position: 0 -833px;
  height: 62px;
  width: 70px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-bs {
  background-position: 0 -2319px;
  height: 37px;
  width: 40px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-building {
  background-position: 0 -3034px;
  height: 36px;
  width: 41px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-ca-red {
  background-position: 0 -1892px;
  height: 60px;
  width: 58px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-ca {
  background-position: 0 -2712px;
  height: 35px;
  width: 35px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-cb-red {
  background-position: 0 -584px;
  height: 65px;
  width: 57px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-cb {
  background-position: 0 -2154px;
  height: 38px;
  width: 33px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-check-green {
  background-position: 0 -3263px;
  height: 14px;
  width: 14px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-check {
  background-position: 0 -3297px;
  height: 19px;
  width: 21px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-choose-dest-arrow {
  background-position: 0 -69px;
  height: 72px;
  width: 275px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-choose-port-arrow {
  background-position: 0 0;
  height: 49px;
  width: 307px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-couple {
  background-position: 0 -1972px;
  height: 71px;
  width: 56px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-email {
  background-position: 0 -3377px;
  height: 20px;
  width: 22px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-family {
  background-position: 0 -1006px;
  height: 71px;
  width: 97px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-fb {
  background-position: 0 -3417px;
  height: 21px;
  width: 21px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-fj-red {
  background-position: 0 -1431px;
  height: 49px;
  width: 64px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-fj {
  background-position: 0 -2608px;
  height: 29px;
  width: 39px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-hi-red {
  background-position: 0 -669px;
  height: 71px;
  width: 70px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-hi {
  background-position: 0 -1829px;
  height: 43px;
  width: 41px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-insta {
  background-position: 0 -355px;
  height: 27px;
  width: 32px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-lightboxclosex {
  background-position: 0 -1256px;
  height: 39px;
  width: 36px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-map {
  background-position: 0 -1561px;
  height: 49px;
  width: 54px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-marker {
  background-position: 0 -2899px;
  height: 27px;
  width: 19px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-mic {
  background-position: 0 -2552px;
  height: 36px;
  width: 38px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-mx-red {
  background-position: 0 -760px;
  height: 53px;
  width: 82px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-mx {
  background-position: 0 -2268px;
  height: 31px;
  width: 48px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-pa-red {
  background-position: 0 -2657px;
  height: 35px;
  width: 98px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-pa {
  background-position: 0 -3090px;
  height: 22px;
  width: 59px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-plate {
  background-position: 0 -1500px;
  height: 41px;
  width: 58px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-play-grey {
  background-position: 0 -161px;
  height: 115px;
  width: 115px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-play {
  background-position: 0 -1160px;
  height: 76px;
  width: 108px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-pn {
  background-position: 0 -3222px;
  height: 21px;
  width: 23px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-red-pointer {
  background-position: 0 -1630px;
  height: 47px;
  width: 29px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-relaxation {
  background-position: 0 -296px;
  height: 39px;
  width: 53px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-ship {
  background-position: 0 -1097px;
  height: 43px;
  width: 47px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-tails {
  background-position: 0 -2482px;
  height: 50px;
  width: 28px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-tri-right {
  background-position: 0 -3458px;
  height: 12px;
  width: 7px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-tw {
  background-position: 0 -3336px;
  height: 21px;
  width: 21px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-white-circle {
  background-position: 0 -402px;
  height: 162px;
  width: 162px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.learn-yellow-pointer {
  background-position: 0 -1697px;
  height: 47px;
  width: 29px;
}

/* line 82, breadcrumb/*.png */
.breadcrumb-sprite, #ccl-learn .top-bar .breadcrumbs a, #ccl-learn .top-bar .breadcrumbs a:after, #ccl-learn .top-bar .breadcrumbs a.last:after, #ccl-learn .top-bar .breadcrumbs a.home, #ccl-learn .top-bar .share i.i-share, #ccl-learn .top-bar .share i.i-print {
  background: url('/~/media/CCLUS/Images/cruising/img/breadcrumb-s08ddcc0b5c.ashx') no-repeat;
}

/* line 40, ../scss/_base.scss */
body {
  font-family: 'Open Sans', helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

/* line 172, ../scss/_base.scss */
.clearfix {
  *zoom: 1;
}
/* line 49, ../scss/_base.scss */
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
}
/* line 50, ../scss/_base.scss */
.clearfix:after {
  clear: both;
}

/* line 173, ../scss/_base.scss */
.hidden {
  display: none;
}

/* line 174, ../scss/_base.scss */
.pull-left {
  float: left;
}

/* line 175, ../scss/_base.scss */
.pull-right {
  float: right;
}

/* line 2, ../scss/neat/grid/_grid.scss */
.row, .col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 7, ../scss/learn.scss */
body {
  background: #daeff7;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhZWZmNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #daeff7), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(#daeff7, #ffffff);
  background-image: -moz-linear-gradient(#daeff7, #ffffff);
  background-image: -o-linear-gradient(#daeff7, #ffffff);
  background-image: linear-gradient(#daeff7, #ffffff);
}
/* line 91, ../scss/_base.scss */
.lt-ie9 body {
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#daeff7', endColorstr='white',GradientType=0 );
}
/* line 95, ../scss/_base.scss */
.lt-ie7 body {
  filter: none;
  background: #daeff7;
}

/* line 11, ../scss/learn.scss */
.ph-header {
  margin-bottom: 20px;
  background: url(/~/media/CCLUS/Images/cruising/img/header.ashx) no-repeat center 0 white;
  height: 111px;
}

/* line 17, ../scss/learn.scss */
.ph-footer {
  margin-top: 30px;
  background: url(/~/media/CCLUS/Images/cruising/img/footer.ashx) no-repeat center 0 #e2f1fd;
  height: 350px;
}

/* line 23, ../scss/learn.scss */
.padding-wrap {
  padding: 40px;
}

/* line 27, ../scss/learn.scss */
.sticky-wrap {
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 0);
}
/* line 31, ../scss/learn.scss */
.sticky-wrap.stuck {
  position: fixed;
  width: 100%;
}

@-webkit-keyframes initanim {
  /* line 38, ../scss/learn.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 42, ../scss/learn.scss */
  50% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }

  /* line 46, ../scss/learn.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes initanim {
  /* line 52, ../scss/learn.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 56, ../scss/learn.scss */
  50% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }

  /* line 60, ../scss/learn.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

/* line 66, ../scss/learn.scss */
#ccl-learn {
  margin: 0 auto;
  max-width: 1200px;
  min-width: 960px;
  background: #FFF;
  position: relative;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 9px rgba(48, 125, 179, 0.26);
  -moz-box-shadow: 0 0 9px rgba(48, 125, 179, 0.26);
  box-shadow: 0 0 9px rgba(48, 125, 179, 0.26);
}
/* line 75, ../scss/learn.scss */
#ccl-learn .pageScrollerNav {
  display: none;
}
/* line 79, ../scss/learn.scss */
#ccl-learn .row {
  *zoom: 1;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  position: relative;
}
/* line 49, ../scss/_base.scss */
#ccl-learn .row:before, #ccl-learn .row:after {
  display: table;
  content: "";
}
/* line 50, ../scss/_base.scss */
#ccl-learn .row:after {
  clear: both;
}
/* line 84, ../scss/learn.scss */
#ccl-learn .row:last-child {
  margin-bottom: 0;
}
/* line 88, ../scss/learn.scss */
#ccl-learn .row.no-margin {
  margin-bottom: 0;
}
/* line 93, ../scss/learn.scss */
#ccl-learn .col {
  position: relative;
}
/* line 98, ../scss/learn.scss */
#ccl-learn .col-1-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 5%;
}
/* line 33, ../scss/neat/grid/_span-columns.scss */
#ccl-learn .col-1-20:last-child {
  padding-right: 0;
}
/* line 98, ../scss/learn.scss */
#ccl-learn .col-2-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 10%;
}
/* line 33, ../scss/neat/grid/_span-columns.scss */
#ccl-learn .col-2-20:last-child {
  padding-right: 0;
}
/* line 98, ../scss/learn.scss */
#ccl-learn .col-3-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 15%;
}
/* line 33, ../scss/neat/grid/_span-columns.scss */
#ccl-learn .col-3-20:last-child {
  padding-right: 0;
}
/* line 98, ../scss/learn.scss */
#ccl-learn .col-4-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 20%;
}
/* line 33, ../scss/neat/grid/_span-columns.scss */
#ccl-learn .col-4-20:last-child {
  padding-right: 0;
}
/* line 98, ../scss/learn.scss */
#ccl-learn .col-5-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 25%;
}
/* line 33, ../scss/neat/grid/_span-columns.scss */
#ccl-learn .col-5-20:last-child {
  padding-right: 0;
}
/* line 98, ../scss/learn.scss */
#ccl-learn .col-6-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 30%;
}
/* line 33, ../scss/neat/grid/_span-columns.scss */
#ccl-learn .col-6-20:last-child {
  padding-right: 0;
}
/* line 98, ../scss/learn.scss */
#ccl-learn .col-7-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 35%;
}
/* line 33, ../scss/neat/grid/_span-columns.scss */
#ccl-learn .col-7-20:last-child {
  padding-right: 0;
}
/* line 98, ../scss/learn.scss */
#ccl-learn .col-8-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 40%;
}
/* line 33, ../scss/neat/grid/_span-columns.scss */
#ccl-learn .col-8-20:last-child {
  padding-right: 0;
}
/* line 98, ../scss/learn.scss */
#ccl-learn .col-9-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 45%;
}
/* line 33, ../scss/neat/grid/_span-columns.scss */
#ccl-learn .col-9-20:last-child {
  padding-right: 0;
}
/* line 98, ../scss/learn.scss */
#ccl-learn .col-10-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 50%;
}
/* line 33, ../scss/neat/grid/_span-columns.scss */
#ccl-learn .col-10-20:last-child {
  padding-right: 0;
}
/* line 98, ../scss/learn.scss */
#ccl-learn .col-11-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 55.0%;
}
/* line 33, ../scss/neat/grid/_span-columns.scss */
#ccl-learn .col-11-20:last-child {
  padding-right: 0;
}
/* line 98, ../scss/learn.scss */
#ccl-learn .col-12-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 60%;
}
/* line 33, ../scss/neat/grid/_span-columns.scss */
#ccl-learn .col-12-20:last-child {
  padding-right: 0;
}
/* line 98, ../scss/learn.scss */
#ccl-learn .col-13-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 65%;
}
/* line 33, ../scss/neat/grid/_span-columns.scss */
#ccl-learn .col-13-20:last-child {
  padding-right: 0;
}
/* line 98, ../scss/learn.scss */
#ccl-learn .col-14-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 70%;
}
/* line 33, ../scss/neat/grid/_span-columns.scss */
#ccl-learn .col-14-20:last-child {
  padding-right: 0;
}
/* line 98, ../scss/learn.scss */
#ccl-learn .col-15-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 75%;
}
/* line 33, ../scss/neat/grid/_span-columns.scss */
#ccl-learn .col-15-20:last-child {
  padding-right: 0;
}
/* line 98, ../scss/learn.scss */
#ccl-learn .col-16-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 80%;
}
/* line 33, ../scss/neat/grid/_span-columns.scss */
#ccl-learn .col-16-20:last-child {
  padding-right: 0;
}
/* line 98, ../scss/learn.scss */
#ccl-learn .col-17-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 85%;
}
/* line 33, ../scss/neat/grid/_span-columns.scss */
#ccl-learn .col-17-20:last-child {
  padding-right: 0;
}
/* line 98, ../scss/learn.scss */
#ccl-learn .col-18-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 90%;
}
/* line 33, ../scss/neat/grid/_span-columns.scss */
#ccl-learn .col-18-20:last-child {
  padding-right: 0;
}
/* line 98, ../scss/learn.scss */
#ccl-learn .col-19-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 95%;
}
/* line 33, ../scss/neat/grid/_span-columns.scss */
#ccl-learn .col-19-20:last-child {
  padding-right: 0;
}
/* line 98, ../scss/learn.scss */
#ccl-learn .col-20-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 100%;
}
/* line 33, ../scss/neat/grid/_span-columns.scss */
#ccl-learn .col-20-20:last-child {
  padding-right: 0;
}
/* line 103, ../scss/learn.scss */
#ccl-learn .gradient {
  background-color: #E9F5FA;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U5ZjVmYSIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 1000, color-stop(0%, #ffffff), color-stop(100%, #e9f5fa));
  background-image: -webkit-radial-gradient(center center, #ffffff 0px, #e9f5fa 1000px);
  background-image: -moz-radial-gradient(center center, #ffffff 0px, #e9f5fa 1000px);
  background-image: -o-radial-gradient(center center, #ffffff 0px, #e9f5fa 1000px);
  background-image: radial-gradient(center center, #ffffff 0px, #e9f5fa 1000px);
  background-position: center center;
}
/* line 109, ../scss/learn.scss */
#ccl-learn .gallery {
  visibility: hidden;
}
/* line 112, ../scss/learn.scss */
#ccl-learn .gallery .row .col .slides {
  height: auto !important;
  overflow: hidden;
}
/* line 118, ../scss/learn.scss */
#ccl-learn .pattern {
  background: url(/~/media/CCLUS/Images/cruising/img/mapBg.ashx) repeat;
  margin-bottom: 0;
  color: #fff;
  overflow: hidden;
}
/* line 124, ../scss/learn.scss */
#ccl-learn .pattern .map-radial-gradient {
  background: url("/~/media/CCLUS/Images/cruising/img/mapGradient.ashx") no-repeat;
  width: 1144px;
  height: 849px;
  position: absolute;
  right: -220px;
  top: 0;
}
@media screen and (max-width: 1024px) {
  /* line 124, ../scss/learn.scss */
  #ccl-learn .pattern .map-radial-gradient {
    top: 90px;
    left: -100px;
  }
}
/* line 138, ../scss/learn.scss */
#ccl-learn .pattern .content-block {
  color: #fff;
}
/* line 141, ../scss/learn.scss */
#ccl-learn .pattern .content-block h2 {
  color: #fff;
}
/* line 143, ../scss/learn.scss */
#ccl-learn .pattern .content-block p {
  color: #fff;
}
/* line 145, ../scss/learn.scss */
#ccl-learn .pattern .content-block small {
  font-weight: bold;
}
/* line 152, ../scss/learn.scss */
#ccl-learn .top-bar {
  background: #ebf6ff;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZjZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ebf6ff));
  background-image: -webkit-linear-gradient(#ffffff, #ebf6ff);
  background-image: -moz-linear-gradient(#ffffff, #ebf6ff);
  background-image: -o-linear-gradient(#ffffff, #ebf6ff);
  background-image: linear-gradient(#ffffff, #ebf6ff);
  padding: 18px 30px;
  *zoom: 1;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -ms-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
  position: relative;
}
/* line 91, ../scss/_base.scss */
.lt-ie9 #ccl-learn .top-bar {
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#ebf6ff',GradientType=0 );
}
/* line 95, ../scss/_base.scss */
.lt-ie7 #ccl-learn .top-bar {
  filter: none;
  background: white;
}
/* line 49, ../scss/_base.scss */
#ccl-learn .top-bar:before, #ccl-learn .top-bar:after {
  display: table;
  content: "";
}
/* line 50, ../scss/_base.scss */
#ccl-learn .top-bar:after {
  clear: both;
}
/* line 159, ../scss/learn.scss */
#ccl-learn .top-bar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 165, ../scss/learn.scss */
#ccl-learn .top-bar .breadcrumbs {
  float: left;
  font-size: 12px;
}
/* line 169, ../scss/learn.scss */
#ccl-learn .top-bar .breadcrumbs a {
  position: relative;
  display: block;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  text-decoration: none;
  padding: 0 10px 0 25px;
  color: #145298;
  background-position: 0 -25px;
  height: 25px;
  width: 32px;
  width: auto;
  background-repeat: repeat-x;
}
/* line 73, ../scss/_base.scss */
#ccl-learn .top-bar .breadcrumbs a:hover {
  text-decoration: underline;
}
/* line 182, ../scss/learn.scss */
#ccl-learn .top-bar .breadcrumbs a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -12px;
  z-index: 5;
  background-position: 0 -50px;
  height: 25px;
  width: 12px;
}
/* line 192, ../scss/learn.scss */
#ccl-learn .top-bar .breadcrumbs a.first {
  padding-left: 15px;
}
/* line 196, ../scss/learn.scss */
#ccl-learn .top-bar .breadcrumbs a.last:after {
  background-position: 0 -75px;
  height: 25px;
  width: 12px;
}
/* line 200, ../scss/learn.scss */
#ccl-learn .top-bar .breadcrumbs a.home {
  background-position: 0 0;
  height: 25px;
  width: 32px;
  display: block;
  overflow: hidden;
  outline: none;
  text-indent: -9999px;
  padding: 0;
}
/* line 205, ../scss/learn.scss */
#ccl-learn .top-bar .breadcrumbs a.home:after {
  display: none;
}
/* line 210, ../scss/learn.scss */
#ccl-learn .top-bar .breadcrumbs a.current {
  color: #ccc;
}
/* line 213, ../scss/learn.scss */
#ccl-learn .top-bar .breadcrumbs a.current:hover {
  text-decoration: none;
}
/* line 219, ../scss/learn.scss */
#ccl-learn .top-bar .breadcrumbs li {
  float: left;
}
/* line 222, ../scss/learn.scss */
#ccl-learn .top-bar .breadcrumbs li:last-child a {
  color: #0860c9;
}
/* line 228, ../scss/learn.scss */
#ccl-learn .top-bar .share {
  float: right;
  font-size: 11px;
  font-weight: bold;
}
/* line 233, ../scss/learn.scss */
#ccl-learn .top-bar .share a {
  text-decoration: none;
  color: #363636;
  display: block;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  padding: 0 15px;
}
/* line 73, ../scss/_base.scss */
#ccl-learn .top-bar .share a:hover {
  text-decoration: underline;
}
/* line 242, ../scss/learn.scss */
#ccl-learn .top-bar .share a.green {
  color: #1c8742;
}
/* line 247, ../scss/learn.scss */
#ccl-learn .top-bar .share li {
  float: left;
  position: relative;
}
/* line 251, ../scss/learn.scss */
#ccl-learn .top-bar .share li:first-child:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  border-right: 1px solid #BAD3EB;
}
/* line 262, ../scss/learn.scss */
#ccl-learn .top-bar .share li:last-child a {
  padding-right: 0;
}
/* line 267, ../scss/learn.scss */
#ccl-learn .top-bar .share i {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  margin-right: 3px;
}
/* line 271, ../scss/learn.scss */
#ccl-learn .top-bar .share i.i-share {
  background-position: 0 -100px;
  height: 12px;
  width: 13px;
}
/* line 275, ../scss/learn.scss */
#ccl-learn .top-bar .share i.i-print {
  background-position: 0 -112px;
  height: 13px;
  width: 15px;
}
/* line 286, ../scss/learn.scss */
#ccl-learn .content-block {
  padding: 25px 20px 0;
  position: relative;
  text-align: center;
}
/* line 291, ../scss/learn.scss */
#ccl-learn .content-block h1, #ccl-learn .content-block h2, #ccl-learn .content-block h3 {
  color: #10559a;
  margin: 0 0 3%;
  font: normal 38px/40px tempo;
  text-transform: uppercase;
  white-space: nowrap;
}
/* line 298, ../scss/learn.scss */
#ccl-learn .content-block h1 small, #ccl-learn .content-block h2 small, #ccl-learn .content-block h3 small {
  display: block;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 5px;
}
/* line 306, ../scss/learn.scss */
#ccl-learn .content-block h2 {
  font-size: 48px;
  line-height: 45px;
  margin-bottom: 10px;
}
/* line 311, ../scss/learn.scss */
#ccl-learn .content-block h2 small {
  font-size: 22px;
}
/* line 315, ../scss/learn.scss */
#ccl-learn .content-block h2.alt {
  color: #fff;
  margin: 0 0 3%;
  font: normal 39px/42px tempo;
  text-transform: uppercase;
  margin-bottom: 5%;
  white-space: pre-wrap;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}
/* line 326, ../scss/learn.scss */
#ccl-learn .content-block h2.lg small {
  font-size: 32px;
}
/* line 330, ../scss/learn.scss */
#ccl-learn .content-block h2 i {
  display: block;
  margin: 0 auto 3%;
}
/* line 336, ../scss/learn.scss */
#ccl-learn .content-block h3.divider {
  font-size: 20px;
  position: relative;
  margin: 3% 0;
}
/* line 341, ../scss/learn.scss */
#ccl-learn .content-block h3.divider:before {
  content: "";
  display: block;
  position: absolute;
  top: 49%;
  left: 2%;
  width: 96%;
  height: 0;
  border-top: 1px solid #3E79AE;
}
/* line 352, ../scss/learn.scss */
#ccl-learn .content-block h3.divider span {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  background: #fff;
  padding: 0 10px;
  position: relative;
  z-index: 5;
}
/* line 362, ../scss/learn.scss */
#ccl-learn .content-block .checklist {
  text-align: left;
  margin: 0 0 0 5%;
  display: block;
  list-style: none;
  padding: 0;
}
/* line 369, ../scss/learn.scss */
#ccl-learn .content-block .checklist li {
  color: #0091da;
  font-size: 16px;
  font-style: italic;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  /* line 369, ../scss/learn.scss */
  #ccl-learn .content-block .checklist li {
    font-size: 14px;
  }
}
/* line 379, ../scss/learn.scss */
#ccl-learn .content-block .checklist li i {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  background-position: 0 -3297px;
  height: 19px;
  width: 21px;
  margin-right: 10px;
}
/* line 387, ../scss/learn.scss */
#ccl-learn .content-block p {
  color: #10559a;
  font-size: 16px;
  line-height: 28px;
  margin: 0;
}
/* line 393, ../scss/learn.scss */
#ccl-learn .content-block p sup {
  vertical-align: 1px;
}
/* line 398, ../scss/learn.scss */
#ccl-learn .content-block img {
  margin: 5% auto;
}
/* line 402, ../scss/learn.scss */
#ccl-learn .content-block .subtext {
  display: block;
  text-align: right;
  font-style: italic;
  color: #10559a;
  font-size: 11px;
  margin-top: 15px;
}
/* line 411, ../scss/learn.scss */
#ccl-learn .content-block .point-flag {
  margin-top: 30px;
  -webkit-transform: translate3d(0, 0, 0);
}
/* line 416, ../scss/learn.scss */
#ccl-learn .content-block .section-cta {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  padding: 15px 35px;
  color: white;
  font: normal 15px tempo;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  background: #10549b;
  text-decoration: none;
  min-width: 85px;
  -webkit-transition: background-color 300ms false;
  -moz-transition: background-color 300ms false false;
  -o-transition: background-color 300ms false false;
  transition: background-color 300ms;
  margin: 12% auto 0;
}
/* line 167, ../scss/_base.scss */
#ccl-learn .content-block .section-cta:hover {
  background: #0065C9;
}

#ccl-learn .content-block .section-cta:after {
    border-style: solid;
    display: inline-block;
    height: 0;
    width: 0;
    content: "";
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #fff;
    position: relative;
    right: -7px;
    top: 0;
  }

/* line 420, ../scss/learn.scss */
#ccl-learn .content-block .section-cta.inverse {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  padding: 7px 25px;
  color: #0093da;
  font: normal 19px tempo;
  text-transform: uppercase;
  background: white;
  text-decoration: none;
  border: 3px solid #d9d9d9;
  min-width: 85px;
  -webkit-transition: background-color 300ms false;
  -moz-transition: background-color 300ms false false;
  -o-transition: background-color 300ms false false;
  transition: background-color 300ms;
  -webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.15);
}
/* line 167, ../scss/_base.scss */
#ccl-learn .content-block .section-cta.inverse:hover {
  background: #ededed;
}
/* line 425, ../scss/learn.scss */
#ccl-learn .content-block .cta-buttons {
  margin-top: 10%;
}
/* line 428, ../scss/learn.scss */
#ccl-learn .content-block .cta-buttons .section-cta {
  margin: 0 2%;
}
/* line 433, ../scss/learn.scss */
#ccl-learn .content-block.intro {
  position: relative;
  z-index: 5;
  padding-top: 10%;
  padding-left: 30px;
  padding-right: 30px;
  text-align: left;
/*  width: 50%;*/
}
/* line 441, ../scss/learn.scss */
#ccl-learn .content-block.intro h1 {
  color: #fff;
  white-space: normal;
  font: normal 54px/48px tempo;
}
/* line 446, ../scss/learn.scss */
#ccl-learn .content-block.intro h1 span.alt {
  font: normal 26px/26px tempo;
  white-space: nowrap;
  min-width: 365px;
}
/* line 450, ../scss/learn.scss */
#ccl-learn .content-block.intro h1 small.alt {
  font-size: 50px;
  line-height: 44px;
}
/* line 456, ../scss/learn.scss */
#ccl-learn .content-block.intro p {
  font-size: 20px;
  line-height: 26px;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  /* line 433, ../scss/learn.scss */
  #ccl-learn .content-block.intro {
    padding-top: 55%;
  }
}
/* line 468, ../scss/learn.scss */
#ccl-learn .content-block.pct-10 {
  padding-top: 15%;
}
/* line 472, ../scss/learn.scss */
#ccl-learn .content-block.pct-15 {
  padding-top: 20%;
}
/* line 476, ../scss/learn.scss */
#ccl-learn .content-block.pct-20 {
  padding-top: 25%;
}
/* line 480, ../scss/learn.scss */
#ccl-learn .content-block.map {
  position: relative;
  z-index: 5;
  padding-top: 35%;
  padding-left: 30px;
  padding-right: 0;
  text-align: left;
}
/* line 488, ../scss/learn.scss */
#ccl-learn .content-block.map small {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
}
@media screen and (max-width: 1024px) {
  /* line 488, ../scss/learn.scss */
  #ccl-learn .content-block.map small {
    font-size: 13px;
  }
}
/* line 498, ../scss/learn.scss */
#ccl-learn .content-block.map p {
  font-size: 20px;
  line-height: 26px;
}
/* line 505, ../scss/learn.scss */
#ccl-learn .chart {
  width: 100%;
}
/* line 511, ../scss/learn.scss */
#ccl-learn .hero-landing .video-play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  text-align: center;
 }
#ccl-learn .hero-landing .video-play.overlay {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 13%, rgba(0,0,0,0.65) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(13%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 13%,rgba(0,0,0,0.65) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 13%,rgba(0,0,0,0.65) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 13%,rgba(0,0,0,0.65) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 13%,rgba(0,0,0,0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#3f3e3e',GradientType=0 );
  z-index: 4
}
/* line 520, ../scss/learn.scss */
#ccl-learn .hero-landing .video-play i {
  margin: 25% auto auto auto;
  display: inline-block;
  background-position: 0 -161px;
  height: 115px;
  width: 115px;
}

#ccl-learn .hero-landing .video-play.overlay  i{
  display:block;
  background: url('/~/media/CCLUS/Images/cruising/img/white-play-btn png.ashx') 0 0 no-repeat;
  margin:25% auto auto auto;
  width:136px;
  height: 136px;
}

#ccl-learn .hero-landing .video-play.overlay span{
  /*display:block;*/
  display: none;
  position:relative;
  color: #fff; /* text color */
  font-family: tempo;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  margin:1% auto 0 auto;
  width:136px;
}

/* line 527, ../scss/learn.scss */
#ccl-learn .hero-landing .hero-copy {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 532, ../scss/learn.scss */
#ccl-learn .hero-landing .hero-copy.alt {
  left: auto;
  right: 0;
  min-width:404px;
/*  width: 60%;*/
}
/* line 537, ../scss/learn.scss */
#ccl-learn .hero-landing .hero-copy.alt .content-block.intro {
  padding-top: 5%;
}
/* line 540, ../scss/learn.scss */
#ccl-learn .hero-landing .hero-copy.alt .content-block.intro h1, #ccl-learn .hero-landing .hero-copy.alt .content-block.intro p {
  color: #0c509c;
  text-align: right;
  min-width:365px;
}
@media screen and (max-width: 1024px) {
  /* line 527, ../scss/learn.scss */
  #ccl-learn .hero-landing .hero-copy {
    width: 53% !important;
  }
  #ccl-learn .hero-landing .hero-copy.alt-center.alt{
    width:40%!important;
  }
}
/* line 552, ../scss/learn.scss */
#ccl-learn .hero-landing .hero-img {
  width: 100%;
  display: block;
}
#ccl-learn .hero-landing .hero-img.placeholder {
  width: 100%;
  height: 703px;
}
/* line 557, ../scss/learn.scss */
#ccl-learn .features {
  margin: 0 auto;
  padding: 15px 0 0;
  list-style: none;
  text-align: left;
  width: 90%;
}
/* line 564, ../scss/learn.scss */
#ccl-learn .features li {
  margin-bottom: 6%;
  *zoom: 1;
}
/* line 49, ../scss/_base.scss */
#ccl-learn .features li:before, #ccl-learn .features li:after {
  display: table;
  content: "";
}
/* line 50, ../scss/_base.scss */
#ccl-learn .features li:after {
  clear: both;
}
/* line 568, ../scss/learn.scss */
#ccl-learn .features li .icon {
  display: block;
  float: left;
  width: 15%;
}
/* line 573, ../scss/learn.scss */
#ccl-learn .features li .icon i {
  display: block;
  margin: 0 auto;
}
/* line 579, ../scss/learn.scss */
#ccl-learn .features li .content {
  float: right;
  width: 80%;
}
/* line 583, ../scss/learn.scss */
#ccl-learn .features li .content strong {
  color: #10559A;
  font-size: 18px;
  margin-bottom: 10px;
}
/* line 588, ../scss/learn.scss */
#ccl-learn .features li .content strong a {
  color: #10559A;
  text-decoration: none;
}
/* line 73, ../scss/_base.scss */
#ccl-learn .features li .content strong a:hover {
  text-decoration: underline;
}
/* line 593, ../scss/learn.scss */
#ccl-learn .features li .content strong i {
  background-position: 0 -3458px;
  height: 12px;
  width: 7px;
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  margin-left: 5px;
  vertical-align: 0;
}
/* line 604, ../scss/learn.scss */
#ccl-learn .hover-image {
  position: relative;
}
/* line 607, ../scss/learn.scss */
#ccl-learn .hover-image img {
  display: block;
  width: 100%;
}
/* line 612, ../scss/learn.scss */
#ccl-learn .hover-image .overlay {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 90%;
  padding: 15px 5%;
  color: #fff;
  -webkit-transition: all 200ms false;
  -moz-transition: all 200ms false false;
  -o-transition: all 200ms false false;
  transition: all 200ms;
}
/* line 621, ../scss/learn.scss */
#ccl-learn .hover-image .overlay h5 {
  font-weight: bold;
  font-size: 16px;
  font-style: italic;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  margin: 0;
  float: left;
}
/* line 629, ../scss/learn.scss */
#ccl-learn .hover-image .overlay h5 i {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  margin-right: 3px;
}
/* line 635, ../scss/learn.scss */
#ccl-learn .hover-image .overlay .content-hidden {
  display: none;
  float: right;
  width: 26%;
}
/* line 640, ../scss/learn.scss */
#ccl-learn .hover-image .overlay .content-hidden p {
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 20px;
}
/* line 649, ../scss/learn.scss */
#ccl-learn .hover-image .overlay .content-hidden .share small, #ccl-learn .hover-image .overlay .content-hidden .share ul, #ccl-learn .hover-image .overlay .content-hidden .share li {
  float: left;
  display: block;
}
/* line 654, ../scss/learn.scss */
#ccl-learn .hover-image .overlay .content-hidden .share ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 660, ../scss/learn.scss */
#ccl-learn .hover-image .overlay .content-hidden .share li {
  margin: 0 5px;
}
/* line 664, ../scss/learn.scss */
#ccl-learn .hover-image .overlay .content-hidden .share small {
  font-size: 12px;
  font-style: italic;
  color: #B7CCE1;
  margin-right: 5px;
  padding-top: 9px;
}
/* line 672, ../scss/learn.scss */
#ccl-learn .hover-image .overlay .content-hidden .share a {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: all 200ms false;
  -moz-transition: all 200ms false false;
  -o-transition: all 200ms false false;
  transition: all 200ms;
}
/* line 676, ../scss/learn.scss */
#ccl-learn .hover-image .overlay .content-hidden .share a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 681, ../scss/learn.scss */
#ccl-learn .hover-image .overlay .content-hidden .share i {
  display: block;
  overflow: hidden;
  outline: none;
  text-indent: -9999px;
}

#ccl-learn .hover-image .overlay .content-hidden .share i.learn-pn {
    background: url('/~/media/CCLUS/Images/cruising/icon-pinterest png.ashx') no-repeat;
    width: 38px;
    height: 38px;
}
/* line 690, ../scss/learn.scss */
#ccl-learn .hover-image .overlay.thin .content-hidden {
  float: none;
  padding-top: 5px;
  overflow: hidden;
  width: 100%;
}
/* line 696, ../scss/learn.scss */
#ccl-learn .hover-image .overlay.thin .content-hidden .pull-right {
  float: none;
}
/* line 706, ../scss/learn.scss */
#ccl-learn .hover-image.active .overlay {
  background: #10559a;
  z-index: 20;
}
/* line 715, ../scss/learn.scss */
#ccl-learn .slides, #ccl-learn .pager {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 720, ../scss/learn.scss */
#ccl-learn .slides img, #ccl-learn .pager img {
  width: 100%;
  height: auto;
  display: block;
  border: 0 none;
}
/* line 728, ../scss/learn.scss */
#ccl-learn .pager {
  *zoom: 1;
  position: relative;
}
/* line 49, ../scss/_base.scss */
#ccl-learn .pager:before, #ccl-learn .pager:after {
  display: table;
  content: "";
}
/* line 50, ../scss/_base.scss */
#ccl-learn .pager:after {
  clear: both;
}
/* line 732, ../scss/learn.scss */
#ccl-learn .pager * {
  display: block;
}
/* line 737, ../scss/learn.scss */
#ccl-learn .pager a * {
  cursor: pointer;
}
/* line 740, ../scss/learn.scss */
#ccl-learn .pager .col {
  padding-right: 0;
  width: 18.7%;
  margin-right: 1.6%;
}
.lt-ie9 #ccl-learn .pager .col {
  margin-right: 1.3%;
}
/* line 746, ../scss/learn.scss */
#ccl-learn .pager .col:last-child {
  margin-right: 0;
}
/* line 751, ../scss/learn.scss */
#ccl-learn .pager .overlay {
  background: url(/~/media/CCLUS/Images/cruising/img/lightboxbgblack png.ashx) repeat 0 0;
  background: rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
/* line 761, ../scss/learn.scss */
#ccl-learn .pager .overlay i {
  display: block;
  background-position: 0 -2376px;
  height: 37px;
  width: 37px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -18px;
  margin-left: -18px;
}
/* line 772, ../scss/learn.scss */
#ccl-learn .pager .selected .overlay {
  display: none;
}
/* line 777, ../scss/learn.scss */
#ccl-learn .point-flag {
  position: relative;
  right: -40px;
  z-index: 999;
  display: block;
  width: 100%;
  *zoom: 1;
}
/* line 49, ../scss/_base.scss */
#ccl-learn .point-flag:before, #ccl-learn .point-flag:after {
  display: table;
  content: "";
}
/* line 50, ../scss/_base.scss */
#ccl-learn .point-flag:after {
  clear: both;
}
/* line 785, ../scss/learn.scss */
#ccl-learn .point-flag.internal {
  right: -50px;
}
/* line 789, ../scss/learn.scss */
#ccl-learn .point-flag .inner {
  width: 350px;
  display: block;
  position: relative;
  background: #DE2624;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  float: right;
  -webkit-transition: all 300ms false;
  -moz-transition: all 300ms false false;
  -o-transition: all 300ms false false;
  transition: all 300ms;
}
/* line 801, ../scss/learn.scss */
#ccl-learn .point-flag .text, #ccl-learn .point-flag .arrow {
  float: left;
  display: block;
  height: 50px;
  position: relative;
}
/* line 808, ../scss/learn.scss */
#ccl-learn .point-flag .text {
  width: 275px;
  padding-left: 25px;
  font: normal 30px/50px tempo;
  text-align: center;
  vertical-align: middle;
}
/* line 815, ../scss/learn.scss */
#ccl-learn .point-flag .text:before {
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 25px 0 25px 25px;
  color: transparent;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 0;
  width: 0;
}
/* line 830, ../scss/learn.scss */
#ccl-learn .point-flag .arrow {
  width: 50px;
  background: #BF211F;
  -webkit-transition: all 300ms false;
  -moz-transition: all 300ms false false;
  -o-transition: all 300ms false false;
  transition: all 300ms;
}
/* line 835, ../scss/learn.scss */
#ccl-learn .point-flag .arrow i {
  display: block;
  position: absolute;
  top: 12px;
  left: 14px;
  background-position: 0 -3132px;
  height: 25px;
  width: 25px;
}
/* line 843, ../scss/learn.scss */
#ccl-learn .point-flag .arrow:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-left: 1px solid #B31C19;
  border-right: 1px solid #DE2624;
}
/* line 855, ../scss/learn.scss */
#ccl-learn .point-flag .arrow:after {
  border-color: #B31C19 transparent transparent;
  border-style: solid;
  border-width: 20px 20px 0 0;
  color: transparent;
  content: "";
  display: block;
  height: 0;
  right: 0;
  position: absolute;
  bottom: -20px;
  width: 0;
}
/* line 874, ../scss/learn.scss */
#ccl-learn a.point-flag:hover .inner {
  background: #c11f1d;
}
/* line 878, ../scss/learn.scss */
#ccl-learn a.point-flag:hover .arrow {
  background: #a01c1a;
}
/* line 883, ../scss/learn.scss */
#ccl-learn .inline-lightbox {
  width: 90%;
  margin: 40px auto;
  background-color: #fff;
  -webkit-box-shadow: 0 0 18px rgba(48, 125, 179, 0.36);
  -moz-box-shadow: 0 0 18px rgba(48, 125, 179, 0.36);
  box-shadow: 0 0 18px rgba(48, 125, 179, 0.36);
  padding: 10px;
}
/* line 890, ../scss/learn.scss */
#ccl-learn .inline-lightbox .close {
  position: absolute;
  top: -20px;
  right: -15px;
  background-position: 0 -1256px;
  height: 39px;
  width: 36px;
  display: block;
  overflow: hidden;
  outline: none;
  text-indent: -9999px;
  outline: none;
  border: 0 none;
  z-index: 99999;
}
/* line 902, ../scss/learn.scss */
#ccl-learn .infobox-group {
  margin: 40px 30px 40px 45px;
}
/* line 905, ../scss/learn.scss */
#ccl-learn .infobox-group .group-item {
  padding-right: 15px;
  padding-bottom: 15px;
  width: 33.3%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 913, ../scss/learn.scss */
#ccl-learn .infobox-group .group-item .infobox {
  position: relative;
  width: 100%;
  display: inline-block;
}
/* line 918, ../scss/learn.scss */
#ccl-learn .infobox-group .group-item .infobox a {
  display: block;
  position: relative;
}
/* line 923, ../scss/learn.scss */
#ccl-learn .infobox-group .group-item .infobox a .infobox-text {
  color: #fff;
  font: 32px tempo,arial,heveltica,san-serif;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
  text-align: center;
  position: absolute;
  width: 100%;
  top: 55px;
}
/* line 934, ../scss/learn.scss */
#ccl-learn .infobox-group .group-item .infobox a .ui-icon-expand-blue {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 45px;
  display: block;
}

@media screen and (max-width: 1024px) {
  #ccl-learn .infobox-group .group-item .infobox a .ui-icon-expand-blue {
    bottom: 25px;
  }
}

/* line 941, ../scss/learn.scss */
#ccl-learn .infobox-group .group-item .infobox a .ui-icon-expand-blue i {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  position: relative;
}
/* line 948, ../scss/learn.scss */
#ccl-learn .infobox-group .group-item .infobox a img {
  width: 100%;
  /*height: 100%;*/
  border: none;
}

/* line 985, ../scss/learn.scss */
#ccl-learn .map-wrapper .map-header {
  top: 20px;
  left: 50px;
  position: absolute;
}
/* line 990, ../scss/learn.scss */
#ccl-learn .map-wrapper .map-header h2 {
  font-size: 48px;
  line-height: 45px;
  margin: 0;
  padding: 0;
}
/* line 996, ../scss/learn.scss */
#ccl-learn .map-wrapper .map-header h2 small {
  font-size: 22px;
}
/* line 1000, ../scss/learn.scss */
#ccl-learn .map-wrapper .map-header h2.alt {
  color: #fff;
  font: normal 39px/42px tempo;
  text-transform: uppercase;
  white-space: pre-wrap;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}
/* line 1009, ../scss/learn.scss */
#ccl-learn .map-wrapper .map-header.lg small {
  font-size: 32px;
}
/* line 1013, ../scss/learn.scss */
#ccl-learn .map-wrapper .map-header i {
  display: block;
  margin: 0 auto 3%;
}
@media screen and (max-width: 1095px) {
  /* line 960, ../scss/learn.scss */
  #ccl-learn .infobox-group .group-item.long-title .infobox a .infobox-text {
    top: 15px;
  }
  /* line 963, ../scss/learn.scss */
  #ccl-learn .infobox-group .group-item.long-title .infobox a .infobox-text .one-line {
    display: block;
  }
}
@media screen and (max-width: 1235px), print {
  /* line 974, ../scss/learn.scss */
   #ccl-learn .map-image {
    float: none;
    width: auto;
  }
  
  /* line 981, ../scss/learn.scss */
#ccl-learn .map-wrapper {
  position: relative;
}
}
@media screen and (max-width: 1235px), print {
  /* line 993, ../scss/learn.scss */
  #ccl-learn .map-image {
    float: none;
    width: auto;
  }
}
/* line 1000, ../scss/learn.scss */
#ccl-learn .map-wrapper {
  position: relative;
  height: 483px;
}

/* line 985, ../scss/learn.scss */
#ccl-learn .map-wrapper .map-header {
  top: 20px;
  left: 50px;
  position: absolute;
  z-index:3;
}
/* line 990, ../scss/learn.scss */
#ccl-learn .map-wrapper .map-header h2 {
  font-size: 48px;
  line-height: 45px;
  margin: 0;
  padding: 0;
}
/* line 996, ../scss/learn.scss */
#ccl-learn .map-wrapper .map-header h2 small {
  font-size: 22px;
}
/* line 1000, ../scss/learn.scss */
#ccl-learn .map-wrapper .map-header h2.alt {
  color: #fff;
  font: normal 39px/42px tempo;
  text-transform: uppercase;
  white-space: pre-wrap;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}
/* line 1009, ../scss/learn.scss */
#ccl-learn .map-wrapper .map-header.lg small {
  font-size: 32px;
}

#ccl-learn .map-wrapper .map{
	display:block;
	margin: 0;
	position: relative;
	float: right;
}

/* line 1013, ../scss/learn.scss */
#ccl-learn .map-wrapper .map-header i {
  display: block;
  margin: 0 auto 3%;
}
/* line 1004, ../scss/learn.scss */
#ccl-learn .map-wrapper .map-arrow-ports {
  background:none;
  position: absolute;
  top: 435px;
  right: 100px;
  height: 49px;
  width: 342px;
}
/* line 1012, ../scss/learn.scss */
#ccl-learn .map-wrapper .map-arrow-dest {
  position: absolute;
  bottom: -25px;
  height:72px;
  width:275px;
  left: 35px;
  background: none;
}
/* line 1019, ../scss/learn.scss */
#ccl-learn .map-wrapper .map {
  display: block;
  margin: 0;
  position: relative;
  text-align:right;
  float:right;
}
#ccl-learn .map-wrapper .map-alt {
  display: none;
  margin: 0;
  position: relative;
  text-align:right;
  float:right;
}
/* line 1025, ../scss/learn.scss */
#ccl-learn .map-wrapper .pointers {
  display: block;
  clear: both;
  left: 0;
  position: absolute;
  top: 20px;
  width: 1186px;
  height: 483px;
  z-index: 999;
}
/* line 1035, ../scss/learn.scss */
#ccl-learn .map-wrapper .pointers span {
  display: block;
  position: absolute;
  background-position: 0 -1697px;
  height: 47px;
  width: 29px;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
  -webkit-transition-delay: 0, 0;
  -moz-transition: opacity 0.3s ease-in-out 0, top 0.3s ease-in-out 0;
  -o-transition: opacity 0.3s ease-in-out 0, top 0.3s ease-in-out 0;
  transition: opacity 0.3s ease-in-out 0, top 0.3s ease-in-out 0;
}
/* line 1042, ../scss/learn.scss */
#ccl-learn .map-wrapper .pointers span.active {
  background-position: 0 -1630px;
  height: 47px;
  width: 29px;
  z-index: 999999;
}
/* line 1047, ../scss/learn.scss */
#ccl-learn .map-wrapper .pointers span.dim {
  opacity: 0.5;
  filter: Alpha(opacity=50);
}
/* line 1052, ../scss/learn.scss */
#ccl-learn .map-wrapper .pointers span:hover {
  opacity: 1;
  filter: Alpha(opacity=100);
}
#ccl-learn .map-wrapper .pointers span .port-print {
    display: none;
}
@media print {
    #ccl-learn .map-wrapper .pointers span .port-print {
        display: block;
    }

    #ccl-learn .map-wrapper .pointers span {
        background: none;
    }
}
/* line 1057, ../scss/learn.scss */
#ccl-learn .map-wrapper .pointers span .port-name {
  background: none;
  width: 151px;
  font-size: 12px;
  font-weight: bold;
  height: 16px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.49);
}
#ccl-learn .map-wrapper .pointers span.active .port-name {
  opacity: 1;
  filter: Alpha(opacity=100);
}
/* line 1065, ../scss/learn.scss */
#ccl-learn .map-wrapper .pointers span .port-name.port-vbcc {
  left: 34px;
  top: 18px;
}
/* line 1070, ../scss/learn.scss */
#ccl-learn .map-wrapper .pointers span .port-name.port-swa {
  left: -76px;
  top: 33px;
  width: 80px;
}
/* line 1076, ../scss/learn.scss */
#ccl-learn .map-wrapper .pointers span .port-name.port-lca {
  left: 30px;
  top: 23px;
}
/* line 1081, ../scss/learn.scss */
#ccl-learn .map-wrapper .pointers span .port-name.port-nyn {
  left: 33px;
  top: 38px;
}
/* line 1086, ../scss/learn.scss */
#ccl-learn .map-wrapper .pointers span .port-name.port-bmd {
  left: 42px;
  top: 27px;
}
/* line 1091, ../scss/learn.scss */
#ccl-learn .map-wrapper .pointers span .port-name.port-csc {
  left: 33px;
  top: 26px;
}
#ccl-learn .map-wrapper .pointers span .port-name.port-nva {
left: 28px;
bottom: 0;
}
/* line 1096, ../scss/learn.scss */
#ccl-learn .map-wrapper .pointers span .port-name.port-jfl {
  left: 31px;
  top: 1px;
}
/* line 1101, ../scss/learn.scss */
#ccl-learn .map-wrapper .pointers span .port-name.port-gtx {
  left: -79px;
  top: 26px;
  width: 90px;
}
/* line 1107, ../scss/learn.scss */
#ccl-learn .map-wrapper .pointers span .port-name.port-nla {
  top: 49px;
  width: 113px;
  left: -51px;
}
/* line 1113, ../scss/learn.scss */
#ccl-learn .map-wrapper .pointers span .port-name.port-tfl {
  left: -45px;
  top: 43px;
  width: 71px;
}
/* line 1119, ../scss/learn.scss */
#ccl-learn .map-wrapper .pointers span .port-name.port-pfl {
  left: 28px;
  top: 1px;
}
/* line 1124, ../scss/learn.scss */
#ccl-learn .map-wrapper .pointers span .port-name.port-flf {
  left: 34px;
  top: 19px;
}
/* line 1129, ../scss/learn.scss */
#ccl-learn .map-wrapper .pointers span .port-name.port-mfl{
  left: 29px;
  top: 23px;
  width: 67px;
}

#ccl-learn .map-wrapper .pointers span .port-name.port-bb {
  left: 29px;
  top: 23px;
  width: 80px;
}
/* line 1135, ../scss/learn.scss */
#ccl-learn .map-wrapper .pointers span .port-name.port-spr {
  left: -87px;
  top: 24px;
}
/* line 1155, ../scss/learn.scss */
#ccl-learn .map-wrapper .pointers span .port-name.port-sp {
  left: -96px;
  top: 33px;
}
/* line 1159, ../scss/learn.scss */
#ccl-learn .map-wrapper .pointers span .port-name.port-gr {
  left: -86px;
  top: 33px;
}
#ccl-learn .map-wrapper .pointers span .port-name.port-mal {
  left: 23px;
  top: 26px;
}
@media screen and (max-width: 1235px), print {
  /* line 1000, ../scss/learn.scss */
  #ccl-learn .map-wrapper {
    padding-top: 0;
    margin: 0 auto;
    width: 100%;
  }
  /* line 1148, ../scss/learn.scss */
  #ccl-learn .map-wrapper .map-arrow-ports {
    right: 90px;
	top: 460px;
  }
  /* line 1152, ../scss/learn.scss */
  #ccl-learn .map-wrapper .map-arrow-dest {
    bottom: -40px;
  }
  /* line 1157, ../scss/learn.scss */
  #ccl-learn .map-wrapper .pointers {
    top: 30px;
    width: 100%;
  }
   /* line 1188, ../scss/learn.scss */
  #ccl-learn .map-wrapper .pointers span.map-port {
    /*margin-left: -35px;*/
  }
  /* line 1192, ../scss/learn.scss */
  #ccl-learn .map-wrapper .pointers span .port-name.port-swa {
    left: 26px;
  }

  #ccl-learn .map-wrapper .pointers span.map-port.map-port-h{
    left:54px !important;
    top:330px !important;
  }

}
/* line 1163, ../scss/learn.scss */
#ccl-learn #mapControl {
  display: block;
  margin: 20px auto;
  width: 100%;
}
/* line 1168, ../scss/learn.scss */
#ccl-learn #mapControl ul {
  list-style: none;
  margin: 0 auto;
  width: 100%;
  display: block;
  overflow: hidden;
  height: 164px;
  padding: 0;
  text-align: center;
}
/* line 1178, ../scss/learn.scss */
#ccl-learn #mapControl ul li {
  display: inline-block;
  margin: 0 9px 9px;
  height: 162px;
  vertical-align: middle;
}
/* line 1184, ../scss/learn.scss */
#ccl-learn #mapControl ul li a {
  display: block;
  font: 7px tempo,arial,heveltica,san-serif;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  background-position: 0 -1315px;
  height: 96px;
  width: 95px;
  position: relative;
  overflow: hidden;
  margin: 32px auto;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  -webkit-transition-delay: 0;
  -moz-transition: -moz-transform 0.3s ease-in-out 0;
  -o-transition: -o-transform 0.3s ease-in-out 0;
  transition: transform 0.3s ease-in-out 0;
}
/* line 1196, ../scss/learn.scss */
#ccl-learn #mapControl ul li a span {
  display: block;
  text-align: center;
  position: relative;
}
/* line 1201, ../scss/learn.scss */
#ccl-learn #mapControl ul li a span.wrapper {
  margin: 10px auto 20px auto;
  max-width: 75px;
  position: relative;
  height: 70px;
}
/* line 1207, ../scss/learn.scss */
#ccl-learn #mapControl ul li a span.wrapper .map-icon {
  vertical-align: middle;
  margin: 0 auto;
}
/* line 1211, ../scss/learn.scss */
#ccl-learn #mapControl ul li a span.wrapper .map-title {
  font: 14px/13.5px tempo,arial,heveltica,san-serif;
  text-transform: uppercase;
  width: 100%;
  margin: 3px auto 0 auto;
  text-align: center;
}
/* line 1220, ../scss/learn.scss */
#ccl-learn #mapControl ul li a span.mct-20 {
  margin-top: 20px;
}
/* line 1221, ../scss/learn.scss */
#ccl-learn #mapControl ul li a span.mct-25 {
  margin-top: 25px;
}
/* line 1222, ../scss/learn.scss */
#ccl-learn #mapControl ul li a span.mct-15 {
  margin-top: 15px;
}
/* line 1223, ../scss/learn.scss */
#ccl-learn #mapControl ul li a span.mct-5 {
  margin-top: 5px;
}
/* line 1226, ../scss/learn.scss */
#ccl-learn #mapControl ul li a.active {
  background-position: 0 -402px;
  height: 162px;
  width: 162px;
  font: normal 24px tempo,arial,heveltica,san-serif;
  color: #dc2024;
  margin: 0;
  -webkit-transition: none false false;
  -moz-transition: none false false false;
  -o-transition: none false false false;
  transition: none;
}
/* line 1233, ../scss/learn.scss */
#ccl-learn #mapControl ul li a.active span {
  display: block;
  text-align: center;
  position: relative;
}
/* line 1238, ../scss/learn.scss */
#ccl-learn #mapControl ul li a.active span.wrapper {
  margin: 25px auto 20px;
  max-width: 95px;
}
/* line 1243, ../scss/learn.scss */
#ccl-learn #mapControl ul li a.active span.wrapper .map-icon {
  vertical-align: middle;
  margin: 0 auto;
}
/* line 1247, ../scss/learn.scss */
#ccl-learn #mapControl ul li a.active span.wrapper .map-title {
  font: 18px tempo,arial,heveltica,san-serif;
}
/* line 1252, ../scss/learn.scss */
#ccl-learn #mapControl ul li a.active span.mct-20 {
  margin-top: 40px;
}
/* line 1253, ../scss/learn.scss */
#ccl-learn #mapControl ul li a.active span.mct-25 {
  margin-top: 45px;
}
/* line 1254, ../scss/learn.scss */
#ccl-learn #mapControl ul li a.active span.mct-15 {
  margin-top: 35px;
}
/* line 1255, ../scss/learn.scss */
#ccl-learn #mapControl ul li a.active span.mct-5 {
  margin-top: 15px;
}
/* line 1258, ../scss/learn.scss */
#ccl-learn #mapControl ul li a.active:hover {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
/* line 1264, ../scss/learn.scss */
#ccl-learn #mapControl ul li a:hover {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
/* line 1268, ../scss/learn.scss */
#ccl-learn #mapControl ul li a.init-anim {
  -webkit-animation: initanim 0.5s;
  animation: initanim 0.5s;
}
/* line 1274, ../scss/learn.scss */
#ccl-learn #mapControl ul li .ak .map-icon {
  background-position: 0 -2946px;
  height: 21px;
  width: 58px;
}
/* line 1275, ../scss/learn.scss */
#ccl-learn #mapControl ul li .ak.active .map-icon {
  background-position: 0 -2212px;
  height: 36px;
  width: 99px;
}
/* line 1277, ../scss/learn.scss */
#ccl-learn #mapControl ul li .bs .map-icon {
  background-position: 0 -2319px;
  height: 37px;
  width: 40px;
}
/* line 1278, ../scss/learn.scss */
#ccl-learn #mapControl ul li .bs.active .map-icon {
  background-position: 0 -833px;
  height: 62px;
  width: 70px;
}
/* line 1280, ../scss/learn.scss */
#ccl-learn #mapControl ul li .ca .map-icon {
  background-position: 0 -2712px;
  height: 35px;
  width: 35px;
}
/* line 1281, ../scss/learn.scss */
#ccl-learn #mapControl ul li .ca.active .map-icon {
  background-position: 0 -1892px;
  height: 60px;
  width: 58px;
}
/* line 1283, ../scss/learn.scss */
#ccl-learn #mapControl ul li .cb .map-icon {
  background-position: 0 -2154px;
  height: 38px;
  width: 33px;
}
/* line 1284, ../scss/learn.scss */
#ccl-learn #mapControl ul li .cb.active .map-icon {
  background-position: 0 -584px;
  height: 65px;
  width: 57px;
}
/* line 1286, ../scss/learn.scss */
#ccl-learn #mapControl ul li .pa .map-icon {
  background-position: 0 -3090px;
  height: 22px;
  width: 59px;
}
/* line 1287, ../scss/learn.scss */
#ccl-learn #mapControl ul li .pa.active .map-icon {
  background-position: 0 -2657px;
  height: 35px;
  width: 98px;
}

#ccl-learn #mapControl ul li .bm .map-icon {
  background: url('/~/media/CCLUS/Images/cruising/bm-sprite png.ashx') 0 0 no-repeat;
  height: 40px;
  width: 40px;
}
#ccl-learn #mapControl ul li .bm.active .map-icon {
  background-position: 0 -40px;
  height: 70px;
  width: 70px;
}
/* line 1289, ../scss/learn.scss */
#ccl-learn #mapControl ul li .fj .map-icon {
  background-position: 0 -2608px;
  height: 29px;
  width: 39px;
}
/* line 1290, ../scss/learn.scss */
#ccl-learn #mapControl ul li .fj.active .map-icon {
  background-position: 0 -1431px;
  height: 49px;
  width: 64px;
}
/* line 1292, ../scss/learn.scss */
#ccl-learn #mapControl ul li .mx .map-icon {
  background: url('/~/media/CCLUS/Images/cruising/img/mx-sprite png.ashx') 0 0 no-repeat;
  width: 40px;
  height: 29px;
}
/* line 1293, ../scss/learn.scss */
#ccl-learn #mapControl ul li .mx.active .map-icon {
background: url('/~/media/CCLUS/Images/cruising/img/mx-sprite png.ashx') 0 0 no-repeat;
  background-position: 0 -39px;
  width: 83px;
  height: 64px;
}
#ccl-learn #mapControl ul li .mx.active .mct-5, #ccl-learn #mapControl ul li .eu.active .mct-5  {
  margin-top: 3px;
}
/* line 1295, ../scss/learn.scss */
#ccl-learn #mapControl ul li .hi .map-icon {
  background-position: 0 -1829px;
  height: 43px;
  width: 41px;
}
/* line 1296, ../scss/learn.scss */
#ccl-learn #mapControl ul li .hi.active .map-icon {
  background-position: 0 -669px;
  height: 71px;
  width: 70px;
}
/* line 1347, ../scss/learn.scss */
#ccl-learn #mapControl ul li .eu .map-icon {
  background: url("/~/media/CCLUS/Images/cruising/img/eu-sprite png.ashx") no-repeat top left;
  background-position: 0 0;
  width: 30px;
  height: 31px;
}
/* line 1352, ../scss/learn.scss */
#ccl-learn #mapControl ul li .eu.active .map-icon {
background: url("/~/media/CCLUS/Images/cruising/img/eu-sprite png.ashx") no-repeat top left;
  background-position: 0 -41px;
  width: 64px;
  height: 64px;
}
/* line 1355, ../scss/learn.scss */
#ccl-learn #mapControl ul li .eu.active .mct-5 {
  margin-top: 3px;
}
/* line 1358, ../scss/learn.scss */
#ccl-learn #mapControl ul li .bm .map-icon {
  background: url('/~/media/CCLUS/Images/cruising/bm-sprite png.ashx') 0 0 no-repeat;
  height: 40px;
  width: 40px;
}
#ccl-learn #mapControl ul li .bm.active .map-icon {
  background-position: 0 -40px;
  height: 70px;
  width: 70px;
}
/* line 1317, ../scss/learn.scss */
#ccl-learn .blue-banner {
  background: #07437D;
  color: #fff;
  padding: 25px 0;
  *zoom: 1;
}
/* line 49, ../scss/_base.scss */
#ccl-learn .blue-banner:before, #ccl-learn .blue-banner:after {
  display: table;
  content: "";
}
/* line 50, ../scss/_base.scss */
#ccl-learn .blue-banner:after {
  clear: both;
}
/* line 1323, ../scss/learn.scss */
#ccl-learn .blue-banner p {
  width: 65%;
  font-size: 18px;
  line-height: 26px;
  float: right;
  text-align: center;
  margin: 0;
  padding: 0 5%;
}
/* line 1333, ../scss/learn.scss */
#ccl-learn .blue-banner .point-flag {
  width: 25%;
  float: left;
  right: auto;
  left: -14px;
}
/* line 1339, ../scss/learn.scss */
#ccl-learn .blue-banner .point-flag:before {
  border-color: #5E1117 transparent transparent;
  border-style: solid;
  border-width: 14px 0 0 14px;
  color: transparent;
  content: "";
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  bottom: -14px;
  width: 0;
}
/* line 1353, ../scss/learn.scss */
#ccl-learn .blue-banner .point-flag .inner {
  float: left;
  display: block;
  width: 275px;
}
/* line 1359, ../scss/learn.scss */
#ccl-learn .blue-banner .point-flag .text {
  display: block;
  width: 100%;
  padding: 0;
}
/* line 1364, ../scss/learn.scss */
#ccl-learn .blue-banner .point-flag .text:before {
  left: auto;
  right: -26px;
  border: 0 none;
  background-position: 0 -2482px;
  height: 50px;
  width: 28px;
}
/* line 1375, ../scss/learn.scss */
#ccl-learn .price-table {
  margin: 20px 0;
  text-transform: uppercase;
  overflow: hidden;
  zoom: 1;
}
/* line 1381, ../scss/learn.scss */
#ccl-learn .price-table.extra {
  margin: 50px 0 20px;
}
@media screen and (max-width: 1024px) {
  #ccl-learn .price-table.extra {
    margin: 25px 0 20px;
  }
  .padding-wrap{
	padding:40px 2px;
  }
}
/* line 1385, ../scss/learn.scss */
#ccl-learn .price-table .col:first-child {
  border-right: 1px solid #cddae5;
}
/* line 1389, ../scss/learn.scss */
#ccl-learn .price-table h3 {
  margin: 0 0 4%;
}
/* line 1395, ../scss/learn.scss */
#ccl-learn .price-table .price strong {
  color: #de2624;
  font: normal 55px/60px tempo;
  display: inline-block;
  line-height: 45px;
  font-weight: normal !important;
}
/* line 1401, ../scss/learn.scss */
#ccl-learn .price-table .price strong .asterik {
  color: #0b589a;
  font-size: 24px;
  margin-top: -7px;
  vertical-align: top;
  display: inline-block;
}
/* line 1410, ../scss/learn.scss */
#ccl-learn .price-table .price .label {
  vertical-align: top;
  font-style: italic;
  color: #0b589a;
  text-transform: none;
  font-size: 12px;
  display: inline-block;
  padding: 0 5px 0 0;
  width: 49px;
  text-align: right;
  font-weight: bold;
  overflow: hidden;
}
.lt-ie9 #ccl-learn .price-table .price .label {
    font-size: 11px;
}
/* line 1421, ../scss/learn.scss */
#ccl-learn .price-table .price .label.per {
  width: 45px;
  text-align: left;
  padding: 0 0 0 5px;
}
/* line 1431, ../scss/learn.scss */
#ccl-learn .price-table.landing .price strong {
  font: 46px/46px tempo;
}
/* line 1437, ../scss/learn.scss */
#ccl-learn .price-table h4 {
  color: #0b589a;
  font: normal 16px/16px tempo;
  margin: 13px 0 0;
}
@media screen and (max-width: 1100px) {
  /* line 1444, ../scss/learn.scss */
  #ccl-learn .price-table h3 {
    font: normal 32px/40px tempo;
  }
  /* line 1448, ../scss/learn.scss */
  #ccl-learn .price-table .price {
    margin: -14px 0 -10px;
  }
  /* line 1451, ../scss/learn.scss */
  #ccl-learn .price-table .price strong {
    font: 29px/29px tempo;
  }
  /* line 1455, ../scss/learn.scss */
  #ccl-learn .price-table .price .label {
    padding: 22px 0 0 !important;
    font-size: 11px;
  }
  /* line 1461, ../scss/learn.scss */
  #ccl-learn .price-table.landing h3 {
    font: 28px/32px tempo;
  }
  /* line 1465, ../scss/learn.scss */
  #ccl-learn .price-table.landing .price {
    margin: -16px 0 -12px;
  }
  /* line 1467, ../scss/learn.scss */
  #ccl-learn .price-table.landing .price strong {
    font: 26px/26px tempo;
  }
  /* line 1471, ../scss/learn.scss */
  #ccl-learn .price-table.landing .price .label {
    padding: 22px 0 0 !important;
    margin: 0 -8px 0 0;
  }
  /* line 1475, ../scss/learn.scss */
  #ccl-learn .price-table.landing .price .label.per {
    margin: 0 0 0 -8px;
  }
}
/* line 1484, ../scss/learn.scss */
#ccl-learn .learn-footer {
  background: #07437D;
  -webkit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  -ms-border-radius: 0 0 15px 15px;
  -o-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  padding: 50px;
  text-align: center;
  color: #fff;
}
/* line 1491, ../scss/learn.scss */
#ccl-learn .learn-footer h3 {
  font-weight: normal;
  font-size: 30px;
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  margin: 0 20px 0 0;
}
/* line 1498, ../scss/learn.scss */
#ccl-learn .learn-footer .red-btn {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  padding: 30px 35px;
  color: white;
  font: normal 15px tempo;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  background: #cc0033;
  text-decoration: none;
  min-width: 105px;
  -webkit-transition: background-color 300ms false;
  -moz-transition: background-color 300ms false false;
  -o-transition: background-color 300ms false false;
  transition: background-color 300ms;
}
/* line 167, ../scss/_base.scss */
#ccl-learn .learn-footer .red-btn:hover {
  background: #eb003b;
}

#ccl-learn .learn-footer .red-btn:after {
    border-style: solid;
    display: inline-block;
    height: 0;
    width: 0;
    content: "";
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #fff;
    position: relative;
    right: -7px;
    top: 0;
  }

/* line 1502, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows {
  border-bottom: 1px solid #7494B6;
  padding-bottom: 50px;
  margin-bottom: 50px;
  position: relative;
  height: 90px;
}
/* line 1509, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows .point-flag {
  position: absolute;
  top: 0;
  right: -80px;
  z-index: 5;
  display: block;
  width: 520px;
}
/* line 1517, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows .point-flag .inner {
  width: 520px;
  display: block;
  position: relative;
  background: #DE2624;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  float: right;
  -webkit-transition: all 300ms false;
  -moz-transition: all 300ms false false;
  -o-transition: all 300ms false false;
  transition: all 300ms;
}
/* line 1529, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows .point-flag .text, #ccl-learn .learn-footer .cta-arrows .point-flag .arrow {
  display: block;
  height: 90px;
  position: relative;
}
/* line 1535, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows .point-flag .text {
  width: 385px;
  float: left;
  padding-left: 45px;
  font: normal 46px/30px tempo;
  text-align: center;
  vertical-align: 10px;
  padding-top: 15px;
  height: 75px;
}
/* line 1545, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows .point-flag .text.no-small {
  height: 90px;
  padding-top: 0;
  line-height: 90px;
}
/* line 1551, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows .point-flag .text span {
  display: block;
}
/* line 1555, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows .point-flag .text small {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  font: italic normal 16px/20px 'Open Sans', helvetica, sans-serif;
  position: relative;
  text-transform: none;
}
/* line 1561, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows .point-flag .text small:before, #ccl-learn .learn-footer .cta-arrows .point-flag .text small:after {
  content: "";
  display: block;
  width: 15px;
  height: 0;
  border-top: 2px solid #EC747C;
  position: absolute;
  top: 49%;
  left: -20px;
}
/* line 1572, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows .point-flag .text small:after {
  left: auto;
  right: -20px;
}
/* line 1578, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows .point-flag .text:before {
  border-color: transparent transparent transparent #07437D;
  border-style: solid;
  border-width: 45px 0 45px 45px;
  color: transparent;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  top: 0;
  width: 0;
}
/* line 1593, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows .point-flag .arrow {
  width: 90px;
  background: #BF211F;
  float: right;
  -webkit-transition: all 300ms false;
  -moz-transition: all 300ms false false;
  -o-transition: all 300ms false false;
  transition: all 300ms;
}
/* line 1599, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows .point-flag .arrow i {
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  background-position: 0 -2767px;
  height: 46px;
  width: 48px;
}
/* line 1607, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows .point-flag .arrow:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-left: 1px solid #B31C19;
  border-right: 1px solid #DE2624;
}
/* line 1619, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows .point-flag .arrow:after {
  border-color: #8D1514 transparent transparent;
  border-style: solid;
  border-width: 30px 30px 0 0;
  color: transparent;
  content: "";
  display: block;
  height: 0;
  right: 0;
  position: absolute;
  bottom: -30px;
  width: 0;
}
/* line 1635, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows .point-flag.prev {
  right: auto;
  left: -80px;
}
/* line 1639, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows .point-flag.prev .text {
  float: right;
  padding-left: 0;
  padding-right: 45px;
}
/* line 1644, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows .point-flag.prev .text:before {
  left: auto;
  right: -1px;
  border-color: transparent #07437D transparent transparent;
  border-style: solid;
  border-width: 45px 45px 45px 0;
}
/* line 1653, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows .point-flag.prev .arrow {
  float: left;
}
/* line 1656, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows .point-flag.prev .arrow i {
  background-position: 0 -2833px;
  height: 46px;
  width: 48px;
}
/* line 1660, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows .point-flag.prev .arrow:before {
  left: auto;
  right: 0;
  border-right: 1px solid #B31C19;
  border-left: 1px solid #DE2624;
}
/* line 1667, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows .point-flag.prev .arrow:after {
  right: auto;
  left: 0;
  border-width: 30px 0 0 30px;
}
/* line 1676, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows .point-flag:hover .inner {
  background: #c11f1d;
}
/* line 1680, ../scss/learn.scss */
#ccl-learn .learn-footer .cta-arrows .point-flag:hover .arrow {
  background: #a01c1a;
}
/* line 1689, ../scss/learn.scss */
#ccl-learn .numbers-disclaimer {
  position: absolute;
  z-index: 10;
  font-size: 12px;
  color: #0a589a;
  bottom: 30px;
  right: 60px;
}
/* line 1697, ../scss/learn.scss */
#ccl-learn .numbers-disclaimer a {
  color: #0a589a;
  text-decoration: underline;
}

/* line 1710, ../scss/learn.scss */
#experience {
  width: 470px;
  padding: 50px 30px;
  background: #fff;
  text-align: center;
}
/* line 1716, ../scss/learn.scss */
#experience p {
  color: #0b6db4;
  font-size: 35px;
  line-height: 36px;
  margin: 0 0 25px;
}
/* line 1723, ../scss/learn.scss */
#experience ul {
  *zoom: 1;
  padding: 0;
  margin: 0;
  list-style: none;
}
/* line 49, ../scss/_base.scss */
#experience ul:before, #experience ul:after {
  display: table;
  content: "";
}
/* line 50, ../scss/_base.scss */
#experience ul:after {
  clear: both;
}
/* line 1730, ../scss/learn.scss */
#experience ul li {
  float: left;
  width: 50%;
}
/* line 1734, ../scss/learn.scss */
#experience ul li a {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  padding: 15px 0;
  color: #fff;
  font: normal 50px tempo;
  text-transform: uppercase;
  background: #4fb547;
  text-decoration: none;
  border: 5px solid #FFF;
  width: 175px;
  -webkit-transition: background-color 300ms false;
  -moz-transition: background-color 300ms false false;
  -o-transition: background-color 300ms false false;
  transition: background-color 300ms;
  -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
}
/* line 1748, ../scss/learn.scss */
#experience ul li a:hover {
  background: #449b3d;
}

/* line 1800, ../scss/learn.scss */
#lvs_comparison {
  background: #fff;
  padding: 5px;
  width: 680px;
  position: relative;
}
/* line 1806, ../scss/learn.scss */
#lvs_comparison .head {
  margin-bottom: 5px;
}
/* line 1809, ../scss/learn.scss */
#lvs_comparison .head .hero {
  text-align: center;
  background: #43AB11;
  width: 49.5%;
  padding-top: 25px;
  height: 150px;
}
/* line 1816, ../scss/learn.scss */
#lvs_comparison .head .hero.pull-right {
  background: #FFB932;
}
/* line 1820, ../scss/learn.scss */
#lvs_comparison .head .hero i {
  display: block;
  margin: 0 auto 10px;
}
/* line 1825, ../scss/learn.scss */
#lvs_comparison .head .hero h2 {
  text-transform: uppercase;
  color: #fff;
  font: normal 36px/34px tempo;
  margin: 0;
}
/* line 1831, ../scss/learn.scss */
#lvs_comparison .head .hero h2 small {
  display: block;
  font-size: 30px;
}
/* line 1839, ../scss/learn.scss */
#lvs_comparison table {
  width: 100%;
  border-bottom: 2px solid #DBDBDB;
}
/* line 1843, ../scss/learn.scss */
#lvs_comparison table th, #lvs_comparison table td {
  text-align: center;
  padding: 10px 0;
  vertical-align: middle;
  border-bottom: 1px solid #DBDBDB;
  border-top: 1px solid #FFF;
  background: #F6F6F6;
}
/* line 1853, ../scss/learn.scss */
#lvs_comparison table .stripe th, #lvs_comparison table .stripe td {
  background: #EFEFEF;
}
/* line 1858, ../scss/learn.scss */
#lvs_comparison table th {
  width: 30%;
  font-size: 14px;
  color: #222;
}
/* line 1864, ../scss/learn.scss */
#lvs_comparison table td {
  width: 35%;
  font-size: 18px;
  color: #666;
}
/* line 1870, ../scss/learn.scss */
#lvs_comparison table .included {
  color: #50ad06;
}
/* line 1873, ../scss/learn.scss */
#lvs_comparison table .included i {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  background-position: 0 -3263px;
  height: 14px;
  width: 14px;
  margin-right: 2px;
}
/* line 1883, ../scss/learn.scss */
#lvs_comparison .totals {
  margin-bottom: 5px;
}
/* line 1886, ../scss/learn.scss */
#lvs_comparison .totals .total {
  width: 49.9%;
  text-align: center;
  color: #666;
  background: #EFEFEF;
  padding: 25px 0;
}
/* line 1893, ../scss/learn.scss */
#lvs_comparison .totals .total span {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  font-size: 14px;
  font-weight: bold;
  margin-right: 5px;
}
/* line 1900, ../scss/learn.scss */
#lvs_comparison .totals .total strong {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  font-size: 36px;
  font-weight: bold;
}
/* line 1905, ../scss/learn.scss */
#lvs_comparison .totals .total strong.green {
  color: #50ad06;
}
/* line 1913, ../scss/learn.scss */
#lvs_comparison .disclaimer {
  padding: 10px 15px;
}
/* line 1916, ../scss/learn.scss */
#lvs_comparison .disclaimer p {
  font-size: 10px;
  color: #999;
  line-height: 12px;
  margin: 0;
}
/* line 1925, ../scss/learn.scss */
#lvs_comparison .savings-tag {
  width: 129px;
  height: 57px;
  background: url(/~/media/CCLUS/Images/cruising/img/savings-tag.ashx) no-repeat 0 0;
  display: block;
  position: absolute;
  top: 45%;
  left: -60px;
}

/* line 1937, ../scss/learn.scss */
#image_lightbox {
  background: #fff;
  padding: 20px;
  text-align: center;
  width: 450px;
}
/* line 1943, ../scss/learn.scss */
#image_lightbox h3 {
  color: #10559a;
  margin: 0 0 20px;
  font: normal 28px/30px tempo;
  text-transform: uppercase;
  white-space: nowrap;
}
/* line 1951, ../scss/learn.scss */
#image_lightbox img {
  display: block;
  margin: 0 auto 20px;
  width: 100%;
}
/* line 1957, ../scss/learn.scss */
#image_lightbox p {
  color: #0b6db4;
  font-size: 18px;
  line-height: 26px;
  margin: 0 0 15px;
}

/* line 1966, ../scss/learn.scss */
#video_lightbox {
  background: #fff;
  padding: 20px;
  width: 800px;
}
/* line 1971, ../scss/learn.scss */
#video_lightbox iframe {
  display: block;
  width: 100%;
}

/* Honolulu Inclusion */
#ccl-learn .map-wrapper.hi-inclusion .map-arrow-ports{
  right: 50px;
}

#ccl-learn .map-wrapper.hi-inclusion .map-arrow-dest{
  bottom: -65px;
}

#ccl-learn .map-wrapper .pointers span .port-name.port-h{
  left:30px;
  top:23px;
}

/* End Honolulu Inclusion */

@media (max-width: 1160px) {
  /* line 1988, ../scss/learn.scss */
  #ccl-learn .learn-footer .cta-arrows .point-flag {
    width: 450px;
  }
  /* line 1991, ../scss/learn.scss */
  #ccl-learn .learn-footer .cta-arrows .point-flag .inner {
    width: 450px;
  }
  /* line 1995, ../scss/learn.scss */
  #ccl-learn .learn-footer .cta-arrows .point-flag .text {
    width: 315px;
    font-size: 38px;
  }
  /* line 2002, ../scss/learn.scss */
  #ccl-learn .learn-footer h3 {
    font-size: 26px;
  }
  /* line 2006, ../scss/learn.scss */
  #ccl-learn .blue-banner p {
    font-size: 18px;
  }
  /* line 2017, ../scss/learn.scss */
  #ccl-learn .content-block h1 {
    font-size: 34px;
    line-height: 38px;
  }
  /* line 2021, ../scss/learn.scss */
  #ccl-learn .content-block h1 small {
    font-size: 22px;
    line-height: 26px;
  }

   #ccl-learn .content-block.intro h1 {
    font-size: 48px;
    line-height: 44px;
  }

  /* line 2027, ../scss/learn.scss */
  #ccl-learn .content-block h2 {
    font-size: 44px;
    line-height: 40px;
  }
  /* line 2031, ../scss/learn.scss */
  #ccl-learn .content-block h2 small {
    font-size: 18px;
  }
  /* line 2035, ../scss/learn.scss */
  #ccl-learn .content-block h2.lg small {
    font-size: 28px;
  }
  /* line 2041, ../scss/learn.scss */
  #ccl-learn .content-block p {
    font-size: 16px;
    line-height: 26px;
  }
  /* line 2046, ../scss/learn.scss */
  #ccl-learn .content-block.intro p {
    font-size: 18px;
    line-height: 24px;
  }
  /* line 2053, ../scss/learn.scss */
  #ccl-learn .hover-image .overlay .content-hidden p {
    font-size: 14px;
    line-height: 18px;
  }
  /* line 2058, ../scss/learn.scss */
  #ccl-learn .point-flag.internal {
    right: -48px;
  }
}

/* Put map destination icons on 2 rows */
  #ccl-learn #mapControl {
    width: 70%;
  }
  #ccl-learn #mapControl ul {
    height: 333px;
  }


@media (max-width: 1120px) {
  /* line 2072, ../scss/learn.scss */
  #ccl-learn .learn-footer h3 {
    font-size: 24px;
  }
  /* line 2076, ../scss/learn.scss */
  #ccl-learn .blue-banner p {
    font-size: 15px;
  }
  /* line 2082, ../scss/learn.scss */
  #ccl-learn .price-table .days {
    font-size: 42px;
  }
  /* line 2086, ../scss/learn.scss */
  #ccl-learn .price-table .label {
    font-size: 14px;
  }
  /* line 2089, ../scss/learn.scss */
  #ccl-learn .price-table .label strong {
    font-size: 16px;
  }
  /* line 2094, ../scss/learn.scss */
  #ccl-learn .price-table .price {
    font-size: 46px;
  }
  /* line 2102, ../scss/learn.scss */
  #ccl-learn .content-block h2 {
    font-size: 40px;
    line-height: 36px;
  }
  /* line 2106, ../scss/learn.scss */
  #ccl-learn .content-block h2.lg small {
    font-size: 24px;
  }
  /* line 2110, ../scss/learn.scss */
  #ccl-learn .content-block h2 span {
    white-space: normal;
  }
  #ccl-learn .content-block h2 span.no-wrap {
    white-space: no-wrap;
    font-size: 38px;
  }
  /* line 2115, ../scss/learn.scss */
  #ccl-learn .content-block p {
    font-size: 15px;
    line-height: 22px;
  }
    #ccl-learn .hover-image .overlay.small .content-hidden {
        width: 40%;
    }
    #ccl-learn .hover-image .overlay.small h5 { 
        width: 60%;
    }
}
/* line 2128, ../scss/learn.scss */
.no-boxshadow #ccl-learn {
  -webkit-box-shadow: 0 0 9px #b7d9e9;
  -moz-box-shadow: 0 0 9px #b7d9e9;
  box-shadow: 0 0 9px #b7d9e9;
}


.touch #ccl-learn {
    min-width:0;
}

.touch .padding-wrap {
    padding:40px 20px;
    overflow: hidden;
}

#ccl-learn .hero-landing .hero-copy.alt-center.alt{
  color:#fff;
  top:0;
  left:0;
/*  width:60%;*/
}
#ccl-learn .hero-landing .hero-copy.alt-center.alt .content-block.intro{
  padding-left:30px;
  padding-right:60px;
  padding-top:55%;
  z-index:5;
  color:#fff;
  text-align: left;
  width: 90%;
}
#ccl-learn .hero-landing .hero-copy.alt-center.alt .content-block.intro h1{
  text-shadow:0 2px 2px rgba(0, 0, 0, 0.55);
  letter-spacing:1px;
  color:#fff;
  text-align: left;
}

#ccl-learn .hero-landing .hero-copy.alt-center.alt .content-block.intro p{
  text-shadow:0 2px 2px rgba(0, 0, 0, 0.55);
  font-size: 22px;
  color:#fff;
  text-align: left;
  min-width: 365px;
}

@media print {

    /* line 3, ../scss/print.scss */
    #ccl-learn {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
    }
    /* line 6, ../scss/print.scss */
    #ccl-learn .top-bar {
      display: none;
    }
    /* line 12, ../scss/print.scss */
    #ccl-learn .price-table.landing h3 {
      font: 28px/32px tempo !important;
    }
    /* line 16, ../scss/print.scss */
    #ccl-learn .price-table.landing .price {
      margin: -16px 0 -12px;
    }
    /* line 18, ../scss/print.scss */
    #ccl-learn .price-table.landing .price strong {
      font: 26px/26px tempo;
    }
    /* line 22, ../scss/print.scss */
    #ccl-learn .price-table.landing .price .label {
      padding: 16px 0 0 !important;
      margin: 0 -8px 0 0;
    }
    /* line 26, ../scss/print.scss */
    #ccl-learn .price-table.landing .price .label.per {
      margin: 0 0 0 -8px;
    }
    /* line 35, ../scss/print.scss */
    #ccl-learn .gallery .pager {
      visibility: hidden;
    }
    /* line 42, ../scss/print.scss */
    #ccl-learn .hover-image .overlay {
      display: none !important;
    }
    /* line 49, ../scss/print.scss */
    #ccl-learn .point-flag .text:before {
      border: none !important;
    }
    /* line 55, ../scss/print.scss */
    #ccl-learn .point-flag .arrow:after, #ccl-learn .point-flag .arrow:before {
      border: none !important;
    }
    /* line 62, ../scss/print.scss */
    #ccl-learn .learn-footer .cta-arrows {
      border: none;
    }
    #ccl-learn .content-block.pct-10, #ccl-learn .content-block.pct-15 {
      padding-top: 5%;
    }
    #ccl-learn .features li .icon {
      display: none;
    }
    #ccl-learn .features li .content {
      float: left;
    }
    #ccl-learn .price-table .price .label {
      padding: 20px 0 0 !important;
    }
    #ccl-learn .price-table .price strong {
      font: normal 32px/32px tempo;
    }
    #ccl-learn .infobox-group .group-item .infobox a .ui-icon-expand-blue {
        display: none;
    }
}

.page-break {
    display: none;
}

@media print {
    .page-break {
        display: block;
        page-break-before: always;
    }
}

@media screen and (min-width: 1025px and max-width:1300px ){
    /* line 1197, ../scss/learn.scss */
#ccl-learn .map-wrapper .map{
    width: 100%!important;
  }

#ccl-learn .map-wrapper .pointers{
	width:100%;
    overflow: hidden;
  }
#ccl-learn .map-wrapper .pointers .map-port-vbcc{
	left:7%!important;
  }
  #ccl-learn .map-wrapper .pointers.map-.port-swa{
	left:6%!important;
  }
  #ccl-learn .map-wrapper .pointers .map-port-lca{
	left:5%!important;
	top:48%!important;
  }
  #ccl-learn .map-wrapper .pointers .map-port-gtx{
	left:62%!important;
	top:32%!important;
  }
  #ccl-learn .map-wrapper .pointers .map-port-nla{
	left:40%!important;
	top:62%!important;
  }
   #ccl-learn .map-wrapper .pointers .map-port-sp{
	left:80%!important;
	top:43%!important;
  }
  #ccl-learn .map-wrapper .pointers .map-port-gr{
	left:95%!important;
	top:50%!important;
  }
  #ccl-learn .map-wrapper .pointers .map-port-nyn{
	left:55%!important;
  }
  #ccl-learn .map-wrapper .pointers .map-port-nva{
	left:52%!important;
  }
  #ccl-learn .map-wrapper .pointers .map-port-csc{
	left:50%!important;
	top:55%!important;
  }
  #ccl-learn .map-wrapper .pointers .map-port-jfl{
	left:50%!important;
	top:65%!important;
  }
  #ccl-learn .map-wrapper .pointers .map-port-tfl{
	left: 50%!important;
    top: 71%!important;
  }
  #ccl-learn .map-wrapper .pointers .map-port-pfl{
	left: 52%!important;
    top: 68%!important;
  }
  #ccl-learn .map-wrapper .pointers .map-port-flf{
	top: 69%!important;
    left: 51%!important;
  }
  #ccl-learn .map-wrapper .pointers .map-port-mfl{
	left: 52%!important;
    top: 73%!important;
  }
  #ccl-learn .map-wrapper .pointers .map-port-spr{
	top: 80%!important;
    left: 62%!important;
  }
}

@media screen and (max-width: 1298px) {
    /* line 1197, ../scss/learn.scss */
#ccl-learn .map-wrapper .map-header{
    top:10px;
}
  #ccl-learn .map-wrapper .map {
    display:none!important;
  }
  
  #ccl-learn .map-wrapper .map-alt{
    display:block;
  }
  #ccl-learn .map-wrapper .pointers{
	width:960px;
	min-width:960px;
    right: 0;
	left: auto;
	top: 0;
  }
  #ccl-learn .map-wrapper .pointers span.map-port.map-port-vbcc{
	left:50px!important;
	top:48px!important;
  }
  #ccl-learn .map-wrapper .pointers span.map-port.map-port-swa{
	left:28px!important;
	top:62px!important;
  }
  #ccl-learn .map-wrapper .pointers span.map-port.map-port-lca{
	left:15px!important;
	top:229px!important;
  }
  #ccl-learn .map-wrapper .pointers span.map-port.map-port-gtx{
	left:278px!important;
	top:327px!important;
  }
  #ccl-learn .map-wrapper .pointers span.map-port.map-port-nla{
	left:338px!important;
	top:326px!important;
  }
   #ccl-learn .map-wrapper .pointers span.map-port.map-port-sp{
	left:732px!important;
	top:231px!important;
  }
  #ccl-learn .map-wrapper .pointers span.map-port.map-port-gr{
	left:878px!important;
	top:259px!important;
  }
  #ccl-learn .map-wrapper .pointers span.map-port.map-port-nyn{
	left:491px!important;
	top:152px!important;
  }
  #ccl-learn .map-wrapper .pointers span.map-port.map-port-bmd{
	left:468px!important;
	top:181px!important;
  }
  #ccl-learn .map-wrapper .pointers span.map-port.map-port-nva{
	left:475px!important;
	top:212px!important;
  }
  #ccl-learn .map-wrapper .pointers span.map-port.map-port-csc{
	left:447px!important;
	top:273px!important;
  }
  #ccl-learn .map-wrapper .pointers span.map-port.map-port-jfl{
	left:433px!important;
	top:315px!important;
  }
  #ccl-learn .map-wrapper .pointers span.map-port.map-port-tfl{
	left:429px!important;
	top:339px!important;
  }
  #ccl-learn .map-wrapper .pointers span.map-port.map-port-pfl{
	left:449px!important;
	top:340px!important;
  }
  #ccl-learn .map-wrapper .pointers span.map-port.map-port-flf{
	left:457px!important;
	top:355px!important;
  }
  #ccl-learn .map-wrapper .pointers span.map-port.map-port-mfl{
	left:457px!important;
	top:368px!important;
  }
  #ccl-learn .map-wrapper .pointers span.map-port.map-port-spr{
	left:590px!important;
	top:385px!important;
  }

  #ccl-learn .map-wrapper .pointers span.map-port.map-port-bb{
  left:620px!important;
  top:465px!important;
  }
  #ccl-learn .map-wrapper .pointers span.map-port.map-port-mal {
	top: 303px !important;
	left: 405px !important;
  }

  /* Honolulu Inclusion */
  #ccl-learn .map-wrapper.hi-inclusion .pointers span.map-port.map-port-lca{
    left:81px!important;
    top:235px!important;
  }

  #ccl-learn .map-wrapper.hi-inclusion .pointers span.map-port.map-port-gtx{
    left:327px!important;
    top:330px!important;
  }
  #ccl-learn .map-wrapper.hi-inclusion .pointers span.map-port.map-port-nla{
    left:385px!important;
    top:321px!important;
  }
  #ccl-learn .map-wrapper.hi-inclusion .pointers span.map-port.map-port-sp{
    left:759px!important;
    top:222px!important;
  }

  #ccl-learn .map-wrapper.hi-inclusion .pointers span.map-port.map-port-gr{
    left:906px!important;
    top:248px!important;
  }

  #ccl-learn .map-wrapper.hi-inclusion .pointers span.map-port.map-port-vbcc{
    left:100px!important;
    top:48px!important;
  }
  #ccl-learn .map-wrapper.hi-inclusion .pointers span.map-port.map-port-swa{
    left:90px!important;
    top:62px!important;
  }
  #ccl-learn .map-wrapper.hi-inclusion .pointers span.map-port.map-port-nyn{
    left:531px!important;
    top:157px!important;
  }

  #ccl-learn .map-wrapper.hi-inclusion .pointers span.map-port.map-port-bmd{
    left:508px!important;
    top:190px!important;
  }

  #ccl-learn .map-wrapper.hi-inclusion .pointers span.map-port.map-port-nva{
    left:511px!important;
    top:212px!important;
  }

  #ccl-learn .map-wrapper.hi-inclusion .pointers span.map-port.map-port-csc{
    left:486px!important;
    top:272px!important;
  }
  #ccl-learn .map-wrapper.hi-inclusion .pointers span.map-port.map-port-jfl{
    left:475px!important;
    top:310px!important;
  }
  #ccl-learn .map-wrapper.hi-inclusion .pointers span.map-port.map-port-pfl{
    left:488px!important;
    top:336px!important;
  }

  #ccl-learn .map-wrapper.hi-inclusion .pointers span.map-port.map-port-flf{
    left:498px!important;
    top:350px!important;
  }

  #ccl-learn .map-wrapper.hi-inclusion .pointers span.map-port.map-port-mfl{
    left:500px!important;
    top:363px!important;
  }

  #ccl-learn .map-wrapper.hi-inclusion .pointers span.map-port.map-port-tfl{
    left:471px!important;
    top:334px!important;
  }

  #ccl-learn .map-wrapper.hi-inclusion .map-arrow-ports{
    top:430px;
    right:40px;
  }

  #ccl-learn .map-wrapper .pointers span.map-port.map-port-h{
    left:40px;
    top:280px;
  }

  #ccl-learn .map-wrapper.hi-inclusion .map-arrow-ports{
    bottom:-15px;
  }
  /* End Honolulu Inclusion */
}

#ccl-learn .learn-footer a.green-btn {
    background-position: -20px 0px;
    height: 36px;
    width: 138px;
    margin: 10px auto 0 auto;
    padding: 0;
    border-radius: 20px;
    line-height: 36px;
    font-size: 15px;
}