.five-sixths,
.four-sixths,
.four-fifths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-fifths,
.three-sixths,
.two-fourths,
.two-fifths,
.two-sixths,
.two-thirds,
.one-eighth {
  display: inline-block;
  position: relative;
  float: left;
  margin-left: 0%; }

.one-eighth {
  width: 12.5%; }

.one-half,
.three-sixths,
.two-fourths {
  width: 50%; }

.one-third,
.two-sixths {
  width: 33.3333333333%; }
  @media screen and (max-width: 768px) {
    .one-third,
    .two-sixths {
      width: 50%; } }
  @media screen and (max-width: 480px) {
    .one-third,
    .two-sixths {
      width: 100%; } }

.four-sixths,
.two-thirds {
  width: 66.6666666667%; }
  @media screen and (max-width: 768px) {
    .four-sixths,
    .two-thirds {
      width: 50%; } }
  @media screen and (max-width: 480px) {
    .four-sixths,
    .two-thirds {
      width: 100%; } }

.one-fourth {
  width: 25%; }
  @media screen and (max-width: 1024px) {
    .one-fourth {
      width: 50%; } }
  @media screen and (max-width: 768px) {
    .one-fourth {
      width: 50%; } }
  @media screen and (max-width: 480px) {
    .one-fourth {
      width: 100%; } }

.three-fourths {
  width: 75%; }

.one-fifth {
  width: 20%; }

.two-fifths {
  width: 40%; }

.three-fifths {
  width: 60%; }

.four-fifths {
  width: 80%; }

.one-sixth {
  width: 16.6666666667%; }
  @media screen and (max-width: 1024px) {
    .one-sixth {
      width: 25%; } }
  @media screen and (max-width: 768px) {
    .one-sixth {
      width: 50%; } }
  @media screen and (max-width: 480px) {
    .one-sixth {
      width: 100%; } }

.five-sixths {
  width: 83.3333333333%; }

.first {
  clear: both;
  margin-left: 0; }

#section_0 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-align-content: center;
          align-content: center;
  height: 90vh;
  padding: 6vw; }
  @media screen and (max-width: 768px) {
    #section_0 {
      height: 95vh; } }
  #section_0 .content {
    color: white;
    text-align: center;
    min-width: 100%;
    padding-bottom: 100px; }
    @media screen and (max-width: 768px) {
      #section_0 .content {
        padding-bottom: 40px; } }
    #section_0 .content h1,
    #section_0 .content h2,
    #section_0 .content h3 {
      clear: both;
      display: block;
      position: relative;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      content: "";
      margin-top: 0;
      max-width: 800px;
      line-height: 1.1; }
      #section_0 .content h1:after,
      #section_0 .content h2:after,
      #section_0 .content h3:after {
        clear: both;
        content: "";
        display: table;
        width: 100%; }
    #section_0 .content h1,
    #section_0 .content h2 {
      text-transform: uppercase; }
    #section_0 .content h2,
    #section_0 .content h3 {
      font-weight: 500; }
    #section_0 .content h3 {
      margin-bottom: 0; }
    @media screen and (max-width: 480px) {
      #section_0 .content h1 {
        font-size: 1.5em;
        margin-bottom: .5em; }
      #section_0 .content h2 {
        font-size: 1.25em;
        margin-bottom: .5em; }
      #section_0 .content h3 {
        font-size: 1em; } }

section {
  clear: both;
  display: block;
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  content: "";
  height: 100%;
  clear: both;
  content: "";
  display: table;
  width: 100%; }
  section:after {
    clear: both;
    content: "";
    display: table;
    width: 100%; }

.left {
  float: left; }

.right {
  float: right; }

.map-intro {
  clear: both;
  display: block;
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  content: "";
  background: #003300;
  color: white;
  padding: 4vw; }
  .map-intro:after {
    clear: both;
    content: "";
    display: table;
    width: 100%; }
  .map-intro h2 {
    font-size: 5vw;
    text-transform: uppercase;
    margin-top: 0; }
  .map-intro p {
    font-size: .75em;
    margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    .map-intro {
      display: none; } }

.map-container {
  clear: both;
  display: block;
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  content: "";
  overflow: hidden; }
  .map-container:after {
    clear: both;
    content: "";
    display: table;
    width: 100%; }
  .map-container:before {
    content: '';
    float: left;
    padding-bottom: 56%; }
  .map-container:after {
    content: '';
    display: table;
    clear: both; }
  @media screen and (max-width: 767px) {
    .map-container:before {
      content: '';
      float: left;
      padding-bottom: 128%; }
    .map-container:after {
      content: '';
      display: table;
      clear: both; } }

#interactive-map {
  clear: both;
  display: block;
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  content: "";
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2vw;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* @media screen and (min-width: 1024px) {
        min-height: 70vh;
    }

    @media screen and (max-width: 767px) {
        padding-bottom: 4vw;
    }*/ }
  #interactive-map:after {
    clear: both;
    content: "";
    display: table;
    width: 100%; }
  #interactive-map > img {
    clear: both;
    display: block;
    position: relative;
    margin: 0;
    width: 42%;
    height: auto;
    margin: 0 1vw;
    z-index: 2; }
    @media screen and (max-width: 767px) {
      #interactive-map > img {
        position: absolute;
        width: 100%;
        margin: 0; } }

.accordionWrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  /*@media screen and (max-width: 767px) {
        height: 80vh;
    }*/ }

.accordionItem {
  position: absolute;
  margin: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: none;
  /*    &:first-child {
        @media screen and (max-width: 767px) {
            clear: both;
            display: block;
            position: relative;
            margin: 0 auto;
            content: "";

            &:before,
            &:after {
                clear: both;
                display: table;
                min-width: 100%;
            }
        }

        .accordionItemContent {
            clear: both;
            display: block;
            position: relative;
            margin: 0 auto;
            content: "";

            &:before,
            &:after {
                clear: both;
                display: table;
                min-width: 100%;
            }
        }
    }*/ }
  @media screen and (max-width: 767px) {
    .accordionItem {
      width: 100%; } }
  .accordionItem:first-child .accordionItemContent {
    background: #003300;
    color: white; }
    @media screen and (max-width: 767px) {
      .accordionItem:first-child .accordionItemContent {
        display: none; } }

.accordionItemHeading {
  display: block;
  position: absolute;
  margin: 0 55% 0 0;
  width: 120px;
  height: 40px;
  cursor: pointer;
  z-index: 5;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out; }
  @media screen and (max-width: 767px) {
    .accordionItemHeading {
      margin: 0; } }
  .accordionItemHeading:hover {
    -webkit-transform: scale(1.12);
            transform: scale(1.12);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out; }
    .accordionItemHeading:hover i {
      -webkit-transition: all .4s ease-in-out;
      transition: all .4s ease-in-out;
      color: black; }
  .accordionItemHeading i {
    clear: both;
    display: block;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    content: "";
    font-size: 40px;
    text-align: center;
    color: #990000; }
    .accordionItemHeading i:after {
      clear: both;
      content: "";
      display: table;
      width: 100%; }
  .accordionItemHeading p {
    font-size: .4em;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
    color: #003300;
    margin-top: .2em; }
    @media screen and (min-width: 768px) and (max-width: 900px) {
      .accordionItemHeading p {
        font-size: .3em; } }

.accordionItem:first-child .accordionItemHeading {
  display: none; }

.accordionItem:nth-child(2) .accordionItemHeading {
  top: 5.5vw;
  right: 3vw; }

.accordionItem:nth-child(3) .accordionItemHeading {
  top: 11vw;
  right: 24vw; }

.accordionItem:nth-child(4) .accordionItemHeading {
  top: 17vw;
  right: 16vw; }

.accordionItem:nth-child(5) .accordionItemHeading {
  top: 21vw;
  right: 8vw; }

.accordionItem:nth-child(6) .accordionItemHeading {
  top: 25vw;
  right: 21vw; }

.accordionItem:nth-child(7) .accordionItemHeading {
  top: 29vw;
  right: 10vw; }

.accordionItem:nth-child(8) .accordionItemHeading {
  top: 33vw;
  right: 31vw; }

.accordionItem:nth-child(9) .accordionItemHeading {
  top: 37vw;
  right: 23vw; }

.accordionItem:last-child .accordionItemHeading {
  top: 41vw;
  right: 11vw; }

@media screen and (max-width: 767px) {
  .accordionItem:first-child .accordionItemHeading {
    display: none; }
  .accordionItem:nth-child(2) .accordionItemHeading {
    top: 10vw;
    right: 0; }
  .accordionItem:nth-child(3) .accordionItemHeading {
    top: 20vw;
    right: 60vw; }
  .accordionItem:nth-child(4) .accordionItemHeading {
    top: 30vw;
    right: 35vw; }
  .accordionItem:nth-child(5) .accordionItemHeading {
    top: 40vw;
    right: 8vw; }
  .accordionItem:nth-child(6) .accordionItemHeading {
    top: 50vw;
    right: 40vw; }
  .accordionItem:nth-child(7) .accordionItemHeading {
    top: 60vw;
    right: 12vw; }
  .accordionItem:nth-child(8) .accordionItemHeading {
    top: 70vw;
    right: 70vw; }
  .accordionItem:nth-child(9) .accordionItemHeading {
    top: 80vw;
    right: 40vw; }
  .accordionItem:last-child .accordionItemHeading {
    top: 90vw;
    right: 15vw; } }

.accordionItemContent {
  position: absolute;
  width: 55%;
  height: 100%;
  top: 0;
  bottom: 0;
  display: block;
  box-sizing: border-box;
  padding: 5vw;
  background-color: #fff;
  border-left: 1px solid #ddd;
  z-index: 7; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .accordionItemContent {
      padding: 3vw; } }
  @media screen and (max-width: 767px) {
    .accordionItemContent {
      width: 100%;
      padding: 4vw; } }
  .accordionItemContent .dismiss-button {
    position: absolute;
    margin: 0;
    cursor: pointer;
    font-size: 40px;
    line-height: 35.5px;
    width: 40px;
    height: 40px;
    color: #bababa;
    border: 2px solid #dadada;
    border-radius: 50%;
    text-align: center;
    top: 2vw;
    right: 2vw;
    z-index: 10; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .accordionItemContent .dismiss-button {
        top: 1vw;
        right: 1vw;
        font-size: 25.5px;
        line-height: 22px;
        width: 25.5px;
        height: 25.5px; } }
    @media screen and (max-width: 767px) {
      .accordionItemContent .dismiss-button {
        top: 1vw;
        right: 1vw; } }
  .accordionItemContent h2 {
    font-size: 1em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: .7em;
    width: calc(100% - 50px); }
    .accordionItemContent h2 i {
      color: #777;
      margin-left: -1em;
      margin-right: .3em; }
      @media screen and (max-width: 600px) {
        .accordionItemContent h2 i {
          display: none; } }
  .accordionItemContent p {
    clear: both;
    display: block;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    content: "";
    font-size: .75em;
    border-left: 5px solid #d0d0d0;
    padding-left: 15px;
    font-weight: 500; }
    .accordionItemContent p:after {
      clear: both;
      content: "";
      display: table;
      width: 100%; }
    @media screen and (max-width: 1023px) {
      .accordionItemContent p {
        font-size: .65em; } }

.close .accordionItemContent,
.close .accordionItemContent:last-child {
  left: 100%;
  right: 55%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out; }

.open .accordionItemContent,
.accordionItem:first-child .accordionItemContent,
.open .accordionItem:last-child .accordionItemContent {
  position: absolute;
  width: 55%;
  right: 0;
  left: 45%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  overflow: auto; }
  @media screen and (max-width: 767px) {
    .open .accordionItemContent,
    .accordionItem:first-child .accordionItemContent,
    .open .accordionItem:last-child .accordionItemContent {
      width: 100%;
      left: 0; } }

@media screen and (max-width: 1023px) {
  .accordionItemContent h2 {
    font-size: .8em; }
  .accordionItemContent h2 img {
    display: none; } }

.bg img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  min-width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: 1; }

.bg h1,
.bg h2,
.bg h3,
.bg .left,
.bg .right {
  position: relative;
  z-index: 10; }

#section_0 .bg {
  text-align: center;
  color: white;
  background-image: url(http://viterbimagdev.wpengine.com/wp-content/themes/viterbimagazine/assets/interactive-feature/images/geran-de-klerk-546769-unsplash.jpg?cachebusterTimestamp=1553204548683) no-repeat center;
  background-size: cover; }

@media screen and (max-width: 767px) {
  .accordionItemHeading.mobile-hidden {
    display: none; } }

.dropcap p:first-child::first-letter {
  margin: 0 .1em 0 0;
  font-weight: 700;
  font-size: 3.9em;
  float: left;
  line-height: .8; }
/*# sourceMappingURL=srepok.css.map */