/* line 1, ../../app/assets/stylesheets/tabs.css.scss */
.tab-close {
  position: absolute;
  top: 60px;
  cursor: pointer;
  font-size: 14px;
}
/* line 6, ../../app/assets/stylesheets/tabs.css.scss */
.tab-close.close-left {
  left: 20px;
}
/* line 9, ../../app/assets/stylesheets/tabs.css.scss */
.tab-close.close-right {
  right: 20px;
}
/* line 12, ../../app/assets/stylesheets/tabs.css.scss */
.tab-close:hover {
  opacity: 0.5;
}

/* line 17, ../../app/assets/stylesheets/tabs.css.scss */
.civilitylogosmall {
  background: url(../assets/civilitylogosmallcolor.png);
  width: 66px;
  height: 66px;
  position: relative;
  margin: 0 auto;
  top: 50%;
  margin-top: -33px;
  right: 2px;
}

/* line 28, ../../app/assets/stylesheets/tabs.css.scss */
.lybbalogosmall {
  background: url(../assets/lybbalogosmallcolor.png);
  width: 66px;
  height: 66px;
  position: relative;
  margin: 0 auto;
  top: 50%;
  margin-top: -30px;
  left: 5px;
}

/* line 39, ../../app/assets/stylesheets/tabs.css.scss */
.lybbalogolarge {
  background: url(../assets/lybbalogolarge.png);
  width: 291px;
  height: 213px;
  position: relative;
  float: left;
  left: 50%;
  margin-left: -145.5px;
  display: none;
}

/* line 50, ../../app/assets/stylesheets/tabs.css.scss */
.civilitylogolarge {
  background: url(../assets/civilitylogolarge.png);
  width: 291px;
  height: 213px;
  position: relative;
  float: left;
  left: 50%;
  margin-left: -145.5px;
  display: none;
}

/* line 62, ../../app/assets/stylesheets/tabs.css.scss */
.tabboxcontainer {
  padding-top: 100px;
  margin-left: -250px;
  left: 50%;
  overflow: visible;
  width: 100%;
  max-width: 500px;
  max-height: 800px;
  height: 500px;
  position: absolute;
  top: 45%;
  margin-top: -250px;
  display: none;
}
/* line 75, ../../app/assets/stylesheets/tabs.css.scss */
.tabboxcontainer a {
  text-decoration: none;
  color: #fff;
}
/* line 78, ../../app/assets/stylesheets/tabs.css.scss */
.tabboxcontainer a:hover {
  color: #000;
}

/* line 84, ../../app/assets/stylesheets/tabs.css.scss */
.tabbox {
  color: #fff;
  white-space: normal;
  font-size: 16px;
  font-family: 'OpenSansRegular';
  background: #6b6b6b;
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0px;
  -o-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
  -moz-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
  -webkit-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
  transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
  z-index: 999;
  opacity: 0.5;
}
/* line 100, ../../app/assets/stylesheets/tabs.css.scss */
.tabbox p {
  padding-top: 20px;
  padding-right: 40px;
  padding-left: 40px;
}

/* line 107, ../../app/assets/stylesheets/tabs.css.scss */
.tableftbox {
  padding-left: 0%;
  left: 0%;
}
/* line 110, ../../app/assets/stylesheets/tabs.css.scss */
.tableftbox:hover {
  padding-left: 50%;
  -o-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
  -moz-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
  -webkit-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
  transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
  opacity: 0.85;
}

/* line 120, ../../app/assets/stylesheets/tabs.css.scss */
.tabrightbox {
  padding-right: 0%;
  right: 0%;
}
/* line 123, ../../app/assets/stylesheets/tabs.css.scss */
.tabrightbox:hover {
  padding-right: 50%;
  -o-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
  -moz-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
  -webkit-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
  transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
  opacity: 0.85;
}

/* line 133, ../../app/assets/stylesheets/tabs.css.scss */
.tabstrong {
  font-family: 'wondrosfont2regular';
  font-size: 48px;
}

/* line 138, ../../app/assets/stylesheets/tabs.css.scss */
.tab {
  background: #6b6b6b;
  width: 85px;
  height: 85px;
  position: relative;
  top: 50%;
  margin-top: -50px;
  cursor: pointer;
}

/* line 148, ../../app/assets/stylesheets/tabs.css.scss */
.tabright {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  float: left;
  right: 75px;
}

/* line 155, ../../app/assets/stylesheets/tabs.css.scss */
.tableft {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  float: right;
  left: 75px;
}

@media screen and (max-width: 920px) {
  /* line 166, ../../app/assets/stylesheets/tabs.css.scss */
  .tabbox {
    color: #fff;
    white-space: normal;
    font-family: 'OpenSansRegular';
    font-size: 14px;
    background: #6b6b6b;
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0px;
    -o-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
    -moz-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
    -webkit-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
    transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
    z-index: 999;
    opacity: 0.5;
  }
  /* line 182, ../../app/assets/stylesheets/tabs.css.scss */
  .tabbox p {
    padding-top: 20px;
    padding-right: 40px;
    padding-left: 40px;
  }

  /* line 189, ../../app/assets/stylesheets/tabs.css.scss */
  .tabstrong {
    font-family: 'wondrosfont2regular';
    font-size: 28px;
  }

  /* line 194, ../../app/assets/stylesheets/tabs.css.scss */
  .tabboxcontainer {
    padding-top: 100px;
    margin-left: -150px;
    left: 50%;
    overflow: visible;
    width: 100%;
    max-width: 300px;
    max-height: 800px;
    height: 100%;
    position: absolute;
  }

  /* line 206, ../../app/assets/stylesheets/tabs.css.scss */
  .tabrightbox {
    padding-right: 0%;
    right: 0%;
  }
  /* line 209, ../../app/assets/stylesheets/tabs.css.scss */
  .tabrightbox:hover {
    padding-right: 100%;
    -o-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
    -moz-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
    -webkit-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
    transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
    opacity: 0.85;
  }

  /* line 219, ../../app/assets/stylesheets/tabs.css.scss */
  .tableftbox {
    padding-left: 0%;
    left: 0%;
  }
  /* line 222, ../../app/assets/stylesheets/tabs.css.scss */
  .tableftbox:hover {
    padding-left: 100%;
    -o-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
    -moz-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
    -webkit-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
    transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
    opacity: 0.85;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  /* line 240, ../../app/assets/stylesheets/tabs.css.scss */
  .tab {
    margin-top: -25px;
  }

  /* line 246, ../../app/assets/stylesheets/tabs.css.scss */
  .tabbox {
    font-size: 12px;
  }
  /* line 248, ../../app/assets/stylesheets/tabs.css.scss */
  .tabbox p {
    padding-top: 10px;
  }

  /* line 253, ../../app/assets/stylesheets/tabs.css.scss */
  .tabstrong {
    font-size: 20px;
    margin-top: 45px;
  }

  /* line 258, ../../app/assets/stylesheets/tabs.css.scss */
  .lybbalogolarge, .civilitylogolarge {
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -55px;
  }
}