h2.accordion {

	font-weight: 600;

	text-shadow: 1px 1px #000000;

	text-align: right;

            margin-bottom: 0px;

            

}



.accordion {

  width: 100%;

  max-width: 1080px;

  height: 250px;

  overflow: hidden;

  margin: 50px auto;

}

.accordion ul {

  width: 100%;

  display: table;

  table-layout: fixed;

  margin-top: -1.6em;

  margin-bottom: .5em;

}

.accordion ul li {

  display: table-cell;

  vertical-align: bottom;

  position: relative;

  width: 16.666%;

  height: 250px;

  background-repeat: no-repeat;

  background-position: center center;

  transition: all 500ms ease;

}

.accordion ul li div {

  display: block;

  overflow: hidden;

  width: 100%;

  height: 104.75%;

}

.accordion ul li div a {

  display: block;

  height: 265px;

  margin-top: 3em;	 

  width: 100%;

  position: relative;

  z-index: 3;

  vertical-align: bottom;

  padding: 15px 20px;

  box-sizing: border-box;

  color: #fff;

  text-decoration: none;

  font-family: Open Sans, sans-serif;

  transition: all 200ms ease;

}

.accordion ul li div a * {

  opacity: 0;

  margin: 0;

  width: 100%;

  text-overflow: ellipsis;

  position: relative;

  z-index: 5;

  white-space: nowrap;

  overflow: hidden;

  -webkit-transform: translateX(-20px);

  transform: translateX(-20px);

  -webkit-transition: all 400ms ease;

  transition: all 400ms ease;

}

.accordion ul li div a h2 {

  font-family: Montserrat,sans-serif;

  text-overflow: clip;

  font-size: 24px;

  text-transform: uppercase;

  margin-bottom: 2px;

  top: 130px;

}

.accordion ul li div a p {

  top: 160px;

  font-size: 13.5px;

}

    .accordion ul li:nth-child(1) {

      background-image: url(../../images/countries/Cambodia.jpg); }

    .accordion ul li:nth-child(2) {

      background-image: url(../../images/countries/DominicanRepublic.jpg); }

    .accordion ul li:nth-child(3) {

      background-image: url(../../images/countries/Guatemala.jpg); }

    .accordion ul li:nth-child(4) {

      background-image: url(../../images/countries/Panama.jpg); }

    .accordion ul li:nth-child(5) {

      background-image: url(../../images/countries/Peru.jpg); }

    .accordion ul li:nth-child(6) {

      background-image: url(../../images/countries/Vietnam.jpg); }

    .accordion ul:hover li {

      width: 15%; }

    .accordion ul:hover li:hover {

      width: 100%; }

      .accordion ul:hover li:hover a {

        background: rgba(0, 0, 0, 0.4); }

        .accordion ul:hover li:hover a * {

          opacity: 1;

          -webkit-transform: translateX(0);

          transform: translateX(0); }








