/*.accordion-group li:nth-child(4) .accordion-overlay {
  background-color: #333;
  opacity: 0.8;
}
.accordion-group li:nth-child(4).out .accordion-overlay {
  background-color: #333;
  opacity: 0;
}
.accordion-group li:nth-child(3) .accordion-overlay {
  background-color: #9d9d9d;
  opacity: 0.8;
}
.accordion-group li:nth-child(3).out .accordion-overlay {
  background-color: #9d9d9d;
  opacity: 0;
}
.accordion-group li:nth-child(2) .accordion-overlay {
  background-color: #ca9964;
  opacity: 0.8;
}
.accordion-group li:nth-child(2).out .accordion-overlay {
  background-color: #ca9964;
  opacity: 0;
}
.accordion-group li:nth-child(1) .accordion-overlay {
  background-color: #a87339;
  opacity: 0.8;
}
.accordion-group li:nth-child(1).out .accordion-overlay {
  background-color: #a87339;
  opacity: 0;
}*/
.accordion-group li:nth-child(even) .accordion-overlay {
  background-color:#003C5F;
  background: linear-gradient(to right, #002543, #003C5F);
  background:-webkit-linear-gradient(to right, #002543, #003C5F);
  background:-moz-linear-gradient(to right, #002543, #003C5F);
  background:-ms-linear-gradient(to right, #002543, #003C5F);
  background:-o-linear-gradient(to right, #002543, #003C5F);
  opacity: 1;
}
.accordion-group li:nth-child(even).out .accordion-overlay {
  background-color:#003C5F;
  background: linear-gradient(to right, #002543, #003C5F);
  background:-webkit-linear-gradient(to right, #002543, #003C5F);
  background:-moz-linear-gradient(to right, #002543, #003C5F);
  background:-ms-linear-gradient(to right, #002543, #003C5F);
  background:-o-linear-gradient(to right, #002543, #003C5F);
  opacity: .7;
  width:50px;
}
.accordion-group li:nth-child(odd) .accordion-overlay {
  background-color:#005480;
  background: linear-gradient(to right, #002D4D, #005480);
  background:-webkit-linear-gradient(to right, #002D4D, #005480);
  background:-moz-linear-gradient(to right, #002D4D, #005480);
  background:-ms-linear-gradient(to right, #002D4D, #005480);
  background:-o-linear-gradient(to right, #002D4D, #005480);
  opacity: 1;
}
.accordion-group li:nth-child(odd).out .accordion-overlay {
  /*background-color: #a87339;
  opacity: 0;*/
  background-color:#005480;
  background: linear-gradient(to right, #002D4D, #005480);
  background:-webkit-linear-gradient(to right, #002D4D, #005480);
  background:-moz-linear-gradient(to right, #002D4D, #005480);
  background:-ms-linear-gradient(to right, #002D4D, #005480);
  background:-o-linear-gradient(to right, #002D4D, #005480);
  opacity: .7;
  width:50px;
}
.accordion-group li:first-child.out .accordion-overlay {opacity:0;}
a {
  color: inherit;
}
a.active,
a:active,
a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.accordion-group {
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  width: 100%;
  height: 700px;
  display: flex;
  align-items: center;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}
.accordion-group li {
  cursor: pointer;
  position: relative;
  display: flex;
  overflow: hidden;
  margin: 0;
  padding: 1.6em 0;
  list-style: none;
  width: 16.66666667%;
  height: inherit;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.accordion-group li h3 {
  position: relative;
  color: #fff;
  text-transform: uppercase;
  text-align:center;
  font-size:18px;
  letter-spacing: 0.15rem;
  padding: 0;
  font-weight: 300;
  padding: 310px 0 0 40%;
}

.accordion-group li h3 small {font-size:7px;}
.accordion-group li h3.i-doublearrow, .accordion-group li.out h3.i-doublearrow {letter-spacing:-4px;font-size:160%;padding-top:315px;}
.accordion-group li.out h3.i-doublearrow {padding-right:30px;}
.accordion-group li.out h3.i-doublearrow {color:#333;}
.accordion-group li.out h3 {padding: 320px 0 0;font-size:11px;margin:0 0 0 -10px;position:absolute;right:15px;}
.accordion-group li.out h3 small {font-size:4px;}
.accordion-group li h3.last {margin:0 0 0 -12px;}
.accordion-group li.out h3.last {margin:0 0 0 0;padding-left:200px;margin-right:-8px;}

.accordion-group li .accordion-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.accordion-group li section {
  display: flex;
  align-items: center;
  width: 75%;
  height: 100%;
  margin:0 0 0 25%;
}
.accordion-group li .line-break {display:block;}
.accordion-group li section.big-section {
  width: 100%;
}
.accordion-group li section article {
  /*display: table-cell;
  vertical-align: middle;*/
  padding: 20px 4rem 20px 0;
  position: relative;
  right: -200%;
  border-bottom:1px solid rgba(0,0,0,.75);
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.accordion-group li section article.article-no-border {border:0;}
.accordion-group li section article.article-no-border h2 {font-size:24px;letter-spacing:15px;line-height:34px;}
.accordion-group li section article i.fa {position:absolute;left:-5px;bottom:-6px;color:#666;font-size:12px;}
.accordion-group li section article h5 {font-weight:900;}
.accordion-group li section article p {
  padding:10px 25% 10px 0;
  text-align:left;
  color: #333;
  font-size: 14px;
  letter-spacing: 0.15rem;
  font-weight:700;
}
.accordion-group li section article p:before,
.accordion-group li section article p:after {
  content: "";
  display: block;
  height: 1px;
}
.accordion-group li.out {
  width: 80%;
}
.accordion-group li.out section article {
  right: 0;
}
@media (max-width: 991.98px) {
  .accordion-group li.out h3 {
    opacity: 0;
  }
  .accordion-group li:nth-child(odd).out .accordion-overlay, .accordion-group li:nth-child(even).out .accordion-overlay {opacity:0;}
}
@media (max-width: 767px) {
  .accordion-group {
    height: 560px;
  }
  .accordion-group li {
    display: flex;
    align-items: center;
    justify-content: center;
    width:30px;
    border-left:.5px solid #666;
  }
  .accordion-group li section {width: 80%;margin:0 0 0 20%;}
  .accordion-group li.out h3 {
    opacity: 0;
  }
  .accordion-group li h3 {
    opacity: 1;
    text-align:center;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    font-size:11px;
    width: 2px;
    padding: 0 0 0 18px;
    margin: 10rem 0;
    word-break: break-all;
  }
  .accordion-group li h3 small {font-size:6px;}
  .accordion-group li h3.i-doublearrow, .accordion-group li.out h3.i-doublearrow {letter-spacing:-4px;font-size:12px;padding-top:0;}
  .accordion-group li h3.last {margin:0 0 0 0;}
  .accordion-group li.out .accordion-overlay {width:30px;}
  .accordion-group li section article {padding: 20px 2.5rem 20px 0;}
  .accordion-group li section article p {padding:5px 0 5px 0;text-align:left;font-weight:700;font-size:11px;line-height:15px;}
  .accordion-group li.out section article.article-no-border h2 {margin-left:-15%;font-size:18px;letter-spacing:8px;padding-left:25px;}
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}