.IntroBold {
font-family: IntroBold, Helvetica, Arial, Sans-Serif;
font-weight: normal;
font-style: normal;
}

h3 {
line-height: 1.17em;
}

.sub-f{margin-left: -64px;
margin-top: -7px;
/* line-height: 1.47em; */
font-size: 1.47em;}

.into_pad {margin-top: -54px;}


.heading2{font-size: 7em; line-height: .6; color: #333; font-family: IntroBold, Helvetica, Arial, Sans-Serif; font-weight: normal; font-style: normal;}

/* Tiles */
.card-item{ width: 100%; height: 397px; display: block; float: left; text-align: left; background: #898d90 center center no-repeat; background-size: cover; text-decoration: none; color: #fff !important; }
.card-item:hover,
.card-item:active,
.card-item:focus{ text-decoration: none; color: #fff; }
.card-item > div{ height: 100%; padding-top: 1px;  }
.card-item:hover > div{  background-color: rgba(0,0,0,0.30);  transition: background-color 0.2s linear, color 0.2s linear; }
.card-item h4,
.card-item h5{ text-transform: uppercase; margin-top: 0; }
.card-item h4{ font-size: 41px; margin-bottom: 7px; line-height: 1em; font-family: IntroBold, Helvetica, Arial, Sans-Serif; font-weight: normal; font-style: normal; color: #fff; padding-top: 56px; }
.card-item h4 >span{ display: block;
font-family: "TradeGothicProBoldCondensed#20", Helvetica, Arial, sans-serif;
position: relative;
top: 10px;
font-size: 16px;
letter-spacing: 0;
z-index: 0; }
.card-item h5{ font-size: 26px; }

.card-item .keyline-row{ display: block; }
.card-item .keyline-row > span{ background: #fff; }
.card-item .keyline-row h5{ display: inline-block; vertical-align: middle; margin: 0; top: 0; font-family: "TradeGothicProBoldCondensed#20", Helvetica, Arial, sans-serif; }
.card-item p{ 
margin-top: 146px;
font-size: 16px;
padding-left: 6%;
padding-right: 6%; }
.card-item p strong{ font-family: "Proxima Nova Bold"; font-weight: normal; }

.card-item #erc{ display: none; width: 100%; height: 100%; margin: 0 auto; }
.card-item:hover #erc{ display: block; }

/* BG images and bespoke keyline lengths for different trips */
#trip11{ background-image: url('http://www.joelsarakula.com/assets/img/joel_sarakula10.jpg'); }
#trip2{  background-image: url('http://www.joelsarakula.com/assets/img/joel_sarakula10a.jpg'); }
#trip3{ background-image: url('http://www.joelsarakula.com/assets/img/joel_sarakula10b.jpg'); }
#trip4{  background-image: url('http://www.joelsarakula.com/assets/img/joel_sarakula10c.jpg'); }
#trip5{ background-image: url('http://www.joelsarakula.com/assets/img/joel_sarakula10d.jpg'); }
#trip6{  background-image: url('http://www.joelsarakula.com/assets/img/joel_sarakula10e.jpg'); }
#trip7{  background-image: url('http://www.joelsarakula.com/assets/img/joel_sarakula10f.jpg'); }
#trip8{  background-image: url('http://www.joelsarakula.com/assets/img/joel_sarakula10.jpg'); }








.erc-module{ font-size: 14px; color: #fff;
  margin-top: -82px;
  margin-left: 32px;}


.ercs-h{line-height: 1.17em;
  color: white;
  font-size: 14px;
  text-align: center;
  margin-top: -30px;}


@media screen and (max-width:1200px) and (min-width:769px){
    .card-item{ width: 100%; height: 399px; }
    .card-item > div{ padding-top: 1px; }
    .card-item h4{ font-size: 41px; margin-bottom: 7px; line-height: 1em; }
    .card-item h4 >span{ top: -15px; }
    .card-item p{ margin-top: 25px; }
    /* bespoke keyline lengths for different trips */
    .discovery-plus#trip1 .keyline-row > span{ width: 65px; }
    .high-energy#trip2 .keyline-row > span{ width: 25px; min-width: 25px; }
    .in-depth-explorer#trip3 .keyline-row > span{ width: 35px; min-width: 35px; }
    .easy-pace#trip4 .keyline-row > span{ width: 5px; min-width: 5px; }
    .discovery-plus#trip5 .keyline-row > span{ width: 12px; min-width: 12px; }
    .sailing-cruise#trip6 .keyline-row > span{ width: 80px; }
}

@media screen and (max-width:1000px) and (min-width:769px){
    .card-item{ width: 100%; height: 310px; }
    .card-item > div{ padding-top: 65px; }
    .card-item p{ font-size: 14px; }
     .erc-module2{ margin-top: -16px;}
}
@media screen and (max-width:800px) and (min-width:420px){
    .card-item{ height: 397px; width: 100%;}
    .card-item > div{ padding-top: 50px; }
    .card-item h4{ font-size: 36px; margin-bottom: 15px; }
    .card-item h5{ font-size: 23px; }
    .card-item p{ font-size: 19px; }
    /* bespoke keyline lengths for different trips */
    .discovery-plus#trip1 .keyline-row > span{ width: 60px; }
    .high-energy#trip2 .keyline-row > span{ width: 100px; min-width: 25px; }
    .in-depth-explorer#trip3 .keyline-row > span{ width: 33px; min-width: 33px; }
    .easy-pace#trip4 .keyline-row > span{ width: 5px; min-width: 5px; }
    .discovery-plus#trip5 .keyline-row > span{ width: 12px; min-width: 12px; }
    .sailing-cruise#trip6 .keyline-row > span{ width: 74px; }
    .erc-module2{ margin-top: -16px;}
    
}
@media screen and (max-width:420px){
    .card-item{ height: 233px; width: 100%; }
    .card-item > div{ padding-top: 135px; }
}


/*Show mobile - Hide on desktop*/
#slide-1 .show-on-mobile{ display: none; }
@media screen and (max-width: 460px){
    #slide-1 .show-on-mobile{ display: block ; opacity: 1; }
}

/*Show desktop - Hide on mobile*/
@media screen and (max-width: 460px) {
    #slide-1 .show-on-desktop{ display: none; opacity: 0 !important; height: 0; }
}


/*powered by Contiki logo*/

.logofix img {
position: relative;
top: 4px;
width: 59px;
}





.vbox2{width: 33.333333%;
  height: 100%;
  display: block;
  float: left;
  text-align: left;
  background: #898d90 center center no-repeat;
  background-size: cover;
  text-decoration: none;}