/* Generated, do not edit directly */
#cube {
  display: block;
  position: relative;
  left: -23px;
  top: -4px;
  height: 0px;
  width: 150px;
  margin: 0px;
  padding: 0px;
  border: 0px solid black;
  -webkit-perspective: 150px;
  /* Chrome, Safari, Opera  */
  perspective: 150px;
  font-size: 2em;
  color: #FFF;
  cursor: pointer;
  z-index: 100; }

#cube-face-left {
  padding: 3px 10px;
  position: absolute;
  background-color: red;
  border-right-width: 0;
  right: 78px;
  webkit-transform: rotateY(-25deg);
  transform: rotateY(-25deg);
  background: #7af07a;
  background: -moz-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #38bd1d 94%, #3bbd1e 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #7af07a), color-stop(10%, #7af07a), color-stop(100%, #3bbd1e));
  background: -webkit-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #38bd1d 94%, #3bbd1e 100%);
  background: -o-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #38bd1d 94%, #3bbd1e 100%);
  background: -ms-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #38bd1d 94%, #3bbd1e 100%);
  background: linear-gradient(135deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #38bd1d 94%, #3bbd1e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$cubeface-left-background-filter-start', endColorstr='$cubeface-left-background-filter-end', GradientType=1 );
  border: 4px solid #229B1E;
  border-right-width: 0;
  border-left-color: #4ADA30;
  border-top-color: #A9EFA9; }

#cube-face-right {
  padding: 3px 10px;
  position: absolute;
  background-color: #E41212;
  border: 4px solid #AF0909;
  border-left-width: 0;
  border-bottom-color: #5A0505;
  border-right-color: #790505;
  border-top-color: #F57676;
  left: 64px;
  webkit-transform: rotateY(22deg);
  transform: rotateY(22deg);
  background: #1e961e;
  background: -moz-linear-gradient(-45deg, #1e961e 0%, #1e961e 10%, #3fc421 94%, #3fc421 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #1e961e), color-stop(10%, #1e961e), color-stop(100%, #3fc421));
  background: -webkit-linear-gradient(-45deg, #1e961e 0%, #1e961e 10%, #3fc421 94%, #3fc421 100%);
  background: -o-linear-gradient(-45deg, #1e961e 0%, #1e961e 10%, #3fc421 94%, #3fc421 100%);
  background: -ms-linear-gradient(-45deg, #1e961e 0%, #1e961e 10%, #3fc421 94%, #3fc421 100%);
  background: linear-gradient(135deg, #1e961e 0%, #1e961e 10%, #3fc421 94%, #3fc421 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$cubeface-right-background-filter-start', endColorstr='$cubeface-right-background-filter-end', GradientType=1 );
  border: 4px solid #1E961E;
  border-left-width: 0;
  border-bottom-color: #1E961E;
  border-right-color: #29A51F;
  border-top-color: #52DD3D; }

/* Home page */
.guihome #cube {
  position: relative;
  left: calc(50% - 75px);
  top: -22px; }

.guihome #cube-face-left {
  position: absolute;
  webkit-transform: rotateY(-25deg);
  border: 4px solid #229B1E;
  border-right-width: 0;
  border-left-color: #4ADA30;
  border-top-color: #A9EFA9;
  background: #7af07a;
  background: -moz-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #38bd1d 94%, #3bbd1e 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #7af07a), color-stop(10%, #7af07a), color-stop(100%, #3bbd1e));
  background: -webkit-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #38bd1d 94%, #3bbd1e 100%);
  background: -o-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #38bd1d 94%, #3bbd1e 100%);
  background: -ms-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #38bd1d 94%, #3bbd1e 100%);
  background: linear-gradient(135deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #38bd1d 94%, #3bbd1e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$cubeface-left-background-filter-start', endColorstr='$cubeface-left-background-filter-end', GradientType=1 );
  padding: 3px 10px;
  right: 78px;
  transform: rotateY(-25deg); }

.guihome #cube-face-right {
  padding: 3px 10px;
  position: absolute;
  left: 64px;
  webkit-transform: rotateY(22deg);
  transform: rotateY(22deg);
  background: #1e961e;
  background: -moz-linear-gradient(-45deg, #1e961e 0%, #1e961e 10%, #3fc421 94%, #3fc421 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #1e961e), color-stop(10%, #1e961e), color-stop(100%, #3fc421));
  background: -webkit-linear-gradient(-45deg, #1e961e 0%, #1e961e 10%, #3fc421 94%, #3fc421 100%);
  background: -o-linear-gradient(-45deg, #1e961e 0%, #1e961e 10%, #3fc421 94%, #3fc421 100%);
  background: -ms-linear-gradient(-45deg, #1e961e 0%, #1e961e 10%, #3fc421 94%, #3fc421 100%);
  background: linear-gradient(135deg, #1e961e 0%, #1e961e 10%, #3fc421 94%, #3fc421 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$cubeface-right-background-filter-start', endColorstr='$cubeface-right-background-filter-end', GradientType=1 );
  border: 4px solid #1E961E;
  border-left-width: 0;
  border-bottom-color: #1E961E;
  border-right-color: #29A51F;
  border-top-color: #52DD3D; }

.guihome #cube-face-left {
  padding: 3px 15px;
  right: 75px; }

.guihome #cube-face-right {
  padding: 3px 11px;
  left: 67px; }

a#cube div,
#cube-face-left,
#cube-face-right {
  /* @include shadow( none ); */
  -webkit-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.2); }

/* BEGIN flat GUIlastic */
#cube-face-left {
  position: absolute;
  background: #7af07a;
  background: -moz-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 70%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #7af07a), color-stop(10%, #7af07a), color-stop(70%, #42d624));
  background: -webkit-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 69% 70%);
  background: -o-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 70%);
  background: -ms-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 70%);
  background: linear-gradient(135deg, #7af07a 0%, #7af07a 10%, #42d624 70%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$cubeface-left-background-filter-start', endColorstr='$cubeface-left-background-filter-end', GradientType=1 );
  border: 4px solid #229B1E;
  border-right-width: 0;
  border-left-color: #4ADA30;
  border-top-color: #A9EFA9;
  padding: 1px 5px 1px 4px;
  right: 78px;
  transform: none;
  /* @include shadow( none ); */ }

#cube-face-right {
  position: absolute;
  background: #1e961e;
  background: -moz-linear-gradient(-45deg, #42d624 49%, #42d624 10%, #1e961e 94%, #1e961e 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #42d624), color-stop(10%, #3bbd1e), color-stop(100%, #1e961e));
  background: -webkit-linear-gradient(-45deg, #42d624 49%, #42d624 10%, #1e961e 94%, #1e961e 100%);
  background: -o-linear-gradient(-45deg, #42d624 49%, #42d624 10%, #1e961e 94%, #1e961e 100%);
  background: -ms-linear-gradient(-45deg, #42d624 49%, #42d624 10%, #1e961e 94%, #1e961e 100%);
  background: linear-gradient(135deg, #42d624 49%, #42d624 10%, #1e961e 94%, #1e961e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$cubeface-right-background-filter-start', endColorstr='$cubeface-right-background-filter-end', GradientType=1 );
  border: 4px solid #1E961E;
  border-left-width: 0;
  border-bottom-color: #1E961E;
  border-right-color: #29A51F;
  border-top-color: #52DD3D;
  border-top-color: #A9EFA9;
  padding: 1px 5px 1px 0;
  left: 69px;
  transform: none;
  /* @include shadow( none ); */ }

/* END flat GUIlastic */
.guihome #cube div,
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  /* non-prefixed version, currently
     not supported by any browser */ }

a#cube div {
  /* @include shadow( 0px 6px 5px 0px rgba(0,0,0,0.4) ); */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  line-height: 40px;
  /*match Bootstrap's LESS value */ }

body {
  text-align: center;
  margin: 0;
  padding: 0; }

.content-wrapper {
  width: 90%;
  margin: 0 auto;
  background-color: #FFF;
  height: 100%;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.43);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.43);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.43); }

.module {
  width: 90%;
  margin: 0 auto;
  position: relative;
  top: 20px;
  text-align: center; }

.guihome .module {
  overflow: hidden;
  height: 500px;
  padding-top: 0px; }

.title {
  height: 46px;
  width: 100%;
  z-index: 20;
  margin: auto;
  position: relative;
  bottom: 0;
  box-sizing: border-box;
  border-radius: 4px 4px 12px 12px;
  -moz-border-radius: 4px 4px 12px 12px;
  -webkit-border-radius: 4px 4px 12px 12px;
  background: #29b8e5;
  background: -moz-linear-gradient(top, #29b8e5 0%, #29b8e5 10%, #bce0ee 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #29b8e5), color-stop(10%, #29b8e5), color-stop(100%, #bce0ee));
  background: -webkit-linear-gradient(top, #29b8e5 0%, #29b8e5 10%, #bce0ee 100%);
  background: -o-linear-gradient(top, #29b8e5 0%, #29b8e5 10%, #bce0ee 100%);
  background: -ms-linear-gradient(top, #29b8e5 0%, #29b8e5 10%, #bce0ee 100%);
  background: linear-gradient(to bottom, #29b8e5 0%, #29b8e5 10%, #bce0ee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29b8e5', endColorstr='#bce0ee', GradientType=0 );
  border-bottom-color: #67B0C7;
  border-top-color: #C2E3F1;
  border-left-color: #8DD3EB;
  border-right-color: #4DC2E7;
  border-style: solid;
  border-width: 22px; }

a.modalToggle {
  display: block;
  color: darkgreen;
  cursor: pointer; }

a.modalToggle:hover, a.modalToggle:active {
  color: green; }

.modal {
  height: 0;
  background: #FFF;
  box-sizing: border-box;
  position: absolute;
  left: 10px;
  right: 10px;
  top: 5px;
  overflow: hidden;
  margin: 0 auto;
  border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  -webkit-transition: height 1s;
  /* For Safari 3.1 to 6.0 */
  transition: height 1s;
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.5); }

.backdrop {
  width: 98%;
  margin: -10px auto 0;
  background: #000;
  padding: 30px 0; }

.backdrop img#about {
  max-width: 100%;
  cursor: pointer; }

.modal.signup {
  z-index: 10; }

.modal.expanded {
  height: 400px; }

.modal.signup.expanded {
  height: 340px; }

.modal form {
  padding: 30px 20px;
  width: 540px;
  text-align: left;
  margin: 0 auto; }

.modal form input {
  margin-bottom: 10px; }

.guihome .content {
  box-sizing: border-box;
  padding: 0;
  height: 460px;
  margin: -5px 0 0 0;
  border: 1px solid #CACACA;
  position: absolute;
  left: 7px;
  right: 7px;
  top: -460px;
  background: #e3e4e8 url("../img/frenchstucco.png") 0 0 repeat;
  background: #c9c9c9;
  background: -moz-linear-gradient(top, #c9c9c9 0%, rgba(255, 255, 255, 0.97) 9%, rgba(255, 255, 255, 0.74) 88%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #c9c9c9), color-stop(9%, rgba(255, 255, 255, 0.97)), color-stop(88%, rgba(255, 255, 255, 0.74)));
  background: -webkit-linear-gradient(top, #c9c9c9 0%, rgba(255, 255, 255, 0.97) 9%, rgba(255, 255, 255, 0.74) 88%);
  background: -o-linear-gradient(top, #c9c9c9 0%, rgba(255, 255, 255, 0.97) 9%, rgba(255, 255, 255, 0.74) 88%);
  background: -ms-linear-gradient(top, #c9c9c9 0%, rgba(255, 255, 255, 0.97) 9%, rgba(255, 255, 255, 0.74) 88%);
  background: linear-gradient(to bottom, #c9c9c9 0%, rgba(255, 255, 255, 0.97) 9%, rgba(255, 255, 255, 0.74) 88%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#ffffff', GradientType=0 );
  border-radius: 0px 0px 8px 8px;
  -moz-border-radius: 0px 0px 8px 8px;
  -webkit-border-radius: 0px 0px 8px 8px;
  -webkit-box-shadow: 0px 10px 22px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 10px 22px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 10px 22px 0px rgba(0, 0, 0, 0.5);
  -webkit-transition: height 1s;
  /* For Safari 3.1 to 6.0 */
  transition: top 1s;
  overflow: hidden; }

.guihom .content.toggle {
  xposition: relative;
  xmargin-top: -5px; }

.guihome .content.expanded {
  top: 38px; }

.guihome .content .bd {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  padding: 20px;
  -webkit-box-shadow: 0px -4px 11px 0px white;
  -moz-box-shadow: 0px -4px 11px 0px white;
  box-shadow: 0px -4px 11px 0px white; }

.guihome .content .bd img {
  height: 100%;
  border: 10px solid transparent;
  margin-bottom: 10px;
  object-fit: cover; }

.guihome .content .bd ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.guihome .content .bd ul li {
  display: inline; }

.guihome .swiper-container {
  margin: 20px auto;
  width: 100%;
  height: 375px; }

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: transparent; }

.swiper-slide img {
  xwidth: 100%;
  /* auto */
  xheight: auto;
  max-width: 100%;
  max-height: 100%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%; }

@media only screen and (min-width: 480px) {
  .module {
    top: 60px; }

  .content .bd ul li {
    display: inline; } }
.swiper-slide .note {
  color: #000;
  position: absolute;
  left: 10px;
  bottom: 30px;
  border: 1px solid green;
  background: #ffffe0;
  right: 10px;
  font-size: .7em;
  padding: 4px;
  overflow: hidden;
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* For IE8 and earlier */
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

/* Custom styles for Avgrund popin & close button */
.custom {
  color: #555;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.custom p {
  padding: 0 20px 20px;
  margin: 0;
  font-size: 14px;
  font-weight: 300;
  text-align: justify; }

.avrund-close {
  top: 10px; }

.custom .links {
  margin-top: 10px; }

.one, .two {
  text-align: center;
  font-size: 12px;
  color: white;
  padding: 8px 18px;
  margin: 18px 0 0 20px;
  text-decoration: none;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease; }

.one {
  background: #3fc421; }

.one:hover {
  background: #1e961e; }

.two {
  background: #4DC2E7; }

.two:hover {
  background: #2585ae; }

/*# sourceMappingURL=home.css.map */