.wrapper-talloil {
  background-color: #1f130d;
  color: #fff; }

#modaal-close {
  top: 120px; }

#firstHeading,
#bodyContent {
  color: #333; }

.iframevr iframe {
  width: 100%;
  height: 500px; }

.section-label {
  font-size: 1.8em;
  text-align: center;
  margin: 30px 0; }
  .section-label:after {
    display: block;
    content: "";
    width: 10%;
    margin: 30px auto 0 auto;
    border-bottom: solid 8px #00a088; }

.mainvidual {
  min-height: 620px;
  background-image: url(/talloil/img/mainvidual.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  background-color: #1f130d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media screen and (max-width: 767px) {
    .mainvidual {
      min-height: 50vh; } }
  .mainvidual--inner-logo {
    width: 100%; }
    .mainvidual--inner-logo span {
      display: block;
      text-align: center; }
    @media screen and (max-width: 767px) {
      .mainvidual--inner-logo {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        width: 60%; }
        .mainvidual--inner-logo img {
          width: 100%; } }

#map {
  width: 100%;
  height: 300px; }

.talloil--videos-container {
  text-align: center;
  padding: 50px 0;
  position: relative;
  display: none; }
  .talloil--videos-container.active {
    display: block;
    opacity: 1;
    -webkit-transition: all 0.8s;
    transition: all 0.8s; }
  .talloil--videos-container iframe {
    width: 560px;
    height: 315px; }
  @media screen and (max-width: 767px) {
    .talloil--videos-container iframe {
      width: 100%;
      height: 56vw; } }

.talloil--videos--list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left; }
  @media screen and (max-width: 767px) {
    .talloil--videos--list ul {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
  .talloil--videos--list ul li {
    margin-bottom: 10px;
    margin-right: 10px;
    background-color: rgba(92, 83, 79, 0.3);
    border: solid 1px rgba(92, 83, 79, 0.3);
    color: #1f130d;
    padding: 20px 0;
    width: 24%;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .talloil--videos--list ul li:nth-child(4n) {
      margin-right: 0; }
    @media screen and (max-width: 860px) {
      .talloil--videos--list ul li {
        font-size: 80%; } }
    @media screen and (max-width: 530px) {
      .talloil--videos--list ul li {
        font-size: 60%; } }
    .talloil--videos--list ul li:hover {
      background-color: #00a088;
      border: solid 1px rgba(33, 174, 0, 0.2);
      color: #fff; }
    @media screen and (max-width: 767px) {
      .talloil--videos--list ul li {
        width: 49%;
        margin-right: 2%; }
        .talloil--videos--list ul li:nth-child(2n) {
          margin-right: 0%; } }
    .talloil--videos--list ul li.active {
      cursor: default;
      background: #00a088;
      color: #fff;
      border: solid 1px rgba(33, 174, 0, 0.2); }
      @media screen and (max-width: 767px) {
        .talloil--videos--list ul li.active {
          background-color: #00a088; } }
      .talloil--videos--list ul li.active span {
        width: 80%;
        padding-bottom: 10px; }
        @media screen and (max-width: 767px) {
          .talloil--videos--list ul li.active span {
            padding: 0;
            border: none; } }

.tour p {
  margin-bottom: 1em; }

.tour .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 60px; }

.tour--label {
  width: 100%; }

.tour--comment {
  width: 30%; }
  @media screen and (max-width: 767px) {
    .tour--comment {
      width: 100%;
      margin: 0 0 30px 0; } }

.tour--address {
  width: 30%; }
  @media screen and (max-width: 767px) {
    .tour--address {
      width: 100%;
      margin: 0 0 30px 0; } }
  .tour--address .label {
    background: #00a088;
    color: #fff;
    border-radius: 3px;
    padding: 5px;
    margin-bottom: 10px;
    text-align: center; }

.tour--info {
  width: 30%; }
  @media screen and (max-width: 767px) {
    .tour--info {
      width: 100%;
      margin: 0 0 30px 0; } }
  .tour--info .label {
    background: #00a088;
    color: #fff;
    border-radius: 3px;
    padding: 5px;
    margin-bottom: 10px;
    text-align: center; }

.intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 60px; }
  .intro--label {
    width: 100%; }
  .intro--video {
    width: 100%;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .intro--video {
        width: 100%;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; } }
    .intro--video video {
      width: 100%; }
  .intro--comment {
    width: 30%;
    line-height: 1.8; }
    @media screen and (max-width: 767px) {
      .intro--comment {
        width: 100%;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin-bottom: 30px; } }

/*# sourceMappingURL=../../sourcemaps/talloil/css/talloil.css.map */