/* 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: 4px solid #980909;
  border-right-width: 0;
  border-left-color: #CC2323;
  border-top-color: #F78F8F;
  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% - 74px);
}

.guihome #cube-face-left {
  padding: 3px 10px;
  position: absolute;
  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;
}

.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 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 {
  -webkit-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.4);
  line-height: 40px;
  /*match Bootstrap's LESS value */
}

@media (max-width: 767px) {
  a#cube {
    left: -8px;
    top: 0px;
  }

  a#cube div,
  #cube-face-left,
  #cube-face-right {
    transform: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  #cube-face-left {
    padding: 1px 10px 1px 4px;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    border-left-width: 0;
  }

  #cube-face-right {
    padding: 1px 10px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    border-right-width: 0;
  }
}
.navbar-brand {
  height: 42px;
}

.navbar {
  min-height: 35px;
  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='$navbar-background-filter-start', endColorstr='$navbar-background-filter-end', GradientType=0 );
  border-width: 4px 0;
  border-bottom-color: #67B0C7;
  border-left-color: #8DD3EB;
  border-right-color: #4DC2E7;
  border-top-color: #C2E3F1;
}

.vanilla .navbar {
  min-height: 42px;
}

.navbar,
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-brand {
  color: #19748A;
}

.navbar,
a#cube div {
  -webkit-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.4);
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #BBE0EE;
  background-color: #67B0C7;
  color: #FFF;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form,
.navbar-inverse .navbar-toggle {
  border-color: #D0EAF5;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background: #62A3B7;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
  margin-left: 120px;
}

.navbar {
  border-bottom: 4px solid #67B0C7;
  border-left: 0px solid #8DD3EB;
  border-right: 0px solid #4DC2E7;
  border-top: 4px solid #C2E3F1;
}

.vanilla .navbar .nav {
  padding: 10px 10px 0 150px;
}

.navbar .nav h1 {
  color: #103B46;
}

.nav select {
  font-size: 10px;
  float: right;
  padding: 2px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 2px solid #CFF2FF;
  border-top-color: #208DAF;
  border-left-color: #3EA5C5;
}

/* Local mixin overrides */
.vanilla #cube {
  left: -8px;
}

body {
  position: relative;
  padding: 0 50px;
}

/* GUI shared with all pages, including home */
body, html {
  color: #2b322c;
  background: #282828 url("../../img/px_by_Gre3g_@2X.png") 0 0 repeat;
  height: 100%;
  -webkit-animation-name: MOVE-BACK;
  -webkit-animation-duration: 30s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-name: MOVE-BACK;
  animation-duration: 30s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@-webkit-keyframes MOVE-BACK {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 297px;
  }
}
@keyframes MOVE-BACK {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 297px;
  }
}
h1 {
  margin-top: 0;
}

.jumbotron {
  background-color: #CCFFC8;
  -webkit-box-shadow: inset 0px 10px 12px 0px white;
  -moz-box-shadow: inset 0px 10px 12px 0px white;
  box-shadow: inset 0px 10px 12px 0px white;
}

#section1.container-fluid > h3 {
  color: #697169;
}

#section1 {
  padding-top: 70px;
  min-height: 500px;
  color: #fff;
  background: url("img/tile_cube_dgry_trans.png") #A5FF9E;
  /* #1E88E5; */
}

#section1 h1, #section1 h2,
#section1 p {
  color: #292F3B;
  /* #1E88E5 */
}

.section2 .well h4,
.section2 .well h3,
.panel-footer {
  color: #673ab7;
  font-weight: bold;
}

.container-fluid ul li,
.section2 li,
.section2 .well p {
  color: #000;
}

#section21 {
  padding-top: 50px;
  min-height: 500px;
  color: #fff;
  background: #E0CB9A;
}

#section21 li,
#section21 .well p,
#section21 .well h4 {
  color: #000;
}

#section21 .well h3 {
  color: inherit;
}

#section22 {
  padding-top: 50px;
  min-height: 500px;
  color: #fff;
  background: #D2BE90;
}

#section23 {
  padding-top: 50px;
  min-height: 500px;
  color: #fff;
  background: #D0B882;
}

#section23 .nav-tabs > li > a {
  color: #FFF;
}

#section23 .nav-tabs > li > a:hover,
#section23 .nav-tabs > li.active > a {
  color: initial;
  background-color: #FFF;
}

#section24 {
  padding-top: 50px;
  min-height: 500px;
  color: #fff;
  background-color: #CCB175;
}

#section25 {
  padding-top: 50px;
  min-height: 500px;
  color: #fff;
  background-color: #C5AB71;
}

#section21, #section22, #section23, #section24, #section25, #section31, #section32, #section33, #section34, #section4 {
  background-image: url("img/tile_cube_lgry_trans.png");
  padding-bottom: 30px;
}

#section22, #section33 {
  padding-bottom: 20px;
}

.section3 {
  padding-top: 50px;
  min-height: 500px;
  color: #fff;
}

#section31 {
  background-color: #B3E1EF;
}

#section32 {
  background-color: #A6D1DE;
}

#section33 {
  background-color: #9EC7D4;
}

#section34 {
  background-color: #95BAC5;
}

#section4 {
  padding-top: 50px;
  color: #65646D;
  background-color: #E5E3F1;
}

.container-fluid small {
  color: inherit;
}

#betterway {
  padding-top: 10px;
}

.bad,
.bad li {
  color: red !important;
}

.section2 .tab-pane {
  background: #F7EDD7;
  border: 1px solid #FFF;
  border-top-width: 0;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 20px 50px;
}

.tab-content {
  margin-bottom: 20px;
}

.disabled pre {
  color: inherit;
}

.cycle {
  background-image: url(http://i.imgur.com/cxAGkCf.jpg);
  background-image: url(../img/pano360.jpg);
  height: 400px;
  cursor: move;
  color: #000;
}

.box {
  width: 512px;
  margin: 0 auto;
  font-family: arial, sans-serif;
}

.imagebox img {
  width: 48%;
  border: 10px solid #FFF;
  margin-bottom: 10px;
  object-fit: cover;
  -webkit-transition: width 1s;
  transition: width 1s;
  -webkit-box-shadow: 5px 6px 5px 0px rgba(0, 0, 0, 0.29);
  -moz-box-shadow: 5px 6px 5px 0px rgba(0, 0, 0, 0.29);
  box-shadow: 5px 6px 5px 0px rgba(0, 0, 0, 0.29);
}

ul.imagebox img {
  width: 24%;
}

.imagebox img.active {
  width: 98%;
}

.halfbox {
  width: 90%;
  min-height: 180px;
  margin: 10px;
  padding: 10px;
  border: 1px solid #f4f4f4;
}

@media (min-width: 768px) {
  .navbar-collapse.collapse {
    height: 36px;
    padding-left: 150px;
  }

  .navbar-nav > li > a {
    padding-bottom: 9px;
    padding-top: 13px;
  }
}
@media (max-width: 767px) {
  /* a#cube {
  	left: -8px;
  	top: 1px;
  }*/
  .navbar-brand {
    display: none;
  }

  h1, h2, h3, a, li {
    word-wrap: break-word;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #19748A;
  }

  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 140px;
    white-space: nowrap;
  }
}
@media (max-width: 320px) {
  .halfbox {
    width: 60%;
  }

  .row div {
    overflow: hidden;
  }
}