/* ==========================================================================
/* Main definitions
   ========================================================================== */
body {
  font-size: 0.71em;
  color: #707173;
  margin: 0;
  padding: 0;
}
a {
  color: #f49e00;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Verdana, Arial, Helvetica;
  margin: 0;
}
h1 {
  font-size: 2.4em;
}
h2 {
  font-size: 1.2em;
  margin: 0 0 1em 0;
}
h3 {
  font-size: 1.12em;
}
h4 {
  font-size: 1.12em;
}
h5 {
  font-size: 1.12em;
}
h6 {
  font-size: 1.12em;
}
.left {
  float: left;
}
.right {
  float: right;
}
.block {
  display: block !important;
}
.gray {
  color: #646566 !important;
}
.img-responsive {
  max-width: 100%;
}
.max-width-100 {
  width: 100px;
}
.max-width-200 {
  width: 200px;
}
.max-width-300 {
  width: 300px;
}
.margin-bottom-1 {
  margin-bottom: 1em;
}
.margin-top-1 {
  margin-top: 1em;
}
.margin-left-1 {
  margin-left: 1em;
}
.margin-right-1 {
  margin-right: 1em;
}
p {
  margin: 0 3em 1em 0;
}
.color-question {
  color: #f49e00;
}
.text-orange {
  color: #f49e00;
}
.text-black {
  color: #000000;
}
.text-black-large {
  color: #000000;
  font-size: 1.12em;
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.bold {
  font-style: bold;
}
blockquote {
  color: #000000;
  font-style: italic;
  font-size: 1.12em;
  margin: 1em 0;
  padding-right: 3em;
  font-weight: bold;
}
ol,
ul {
  padding: 0;
  padding: 0 0 20px 20px;
  margin: 0;
}
.list-without-style {
  padding: 0;
  margin: 0;
  list-style: none;
}
img {
  padding: 0;
  margin: 0;
  display: block;
  border: none;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.hide {
  text-indent: -9999px;
  display: none;
  visibility: hidden;
}
.main-container {
  max-width: 870px;
  margin-left: auto;
  margin-right: auto;
}
/* ==========================================================================
/* Rows
   ========================================================================== */
.row {
  width: 100%;
  margin: 0 auto;
}
.row .row {
  min-width: 0px;
}
.row {
  *zoom: 1;
  display: block;
  width: 100%;
}
.row:before,
.row:after {
  content: "";
  display: table;
}
.row:after {
  clear: both;
}
/* ==========================================================================
/* Grid Layout (Responsive)
   ========================================================================== */
.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10 {
  float: left;
}
/* Columns */
.span1 {
  width: 10%;
}
.span2 {
  width: 20%;
}
.span3 {
  width: 30%;
}
.span4 {
  width: 40%;
}
.span5 {
  width: 50%;
}
.span6 {
  width: 60%;
}
.span6 {
  width: 60%;
}
.span7 {
  width: 70%;
}
.span8 {
  width: 80%;
}
.span9 {
  width: 90%;
}
.span10 {
  width: 100%;
}
/* ==========================================================================
/* Static grid boxes Layout (Responsive)
   ========================================================================== */
#logo {
  width: 32.1839%;
}
.meta-nav {
  text-align: right;
  padding: 0;
}
.meta-nav li {
  display: inline;
}
.meta-nav a {
  color: #9e9e9e;
  font-size: 1.12em;
  line-height: 1.8em;
  margin: 0 3px 0 25px;
  text-decoration: none;
}
.meta-nav a:hover {
  text-decoration: underline;
}
#stage {
  margin-bottom: 10px;
  position: relative;
}
#stage .slogan {
  position: absolute;
  color: #ffffff;
  font-size: 2.2em;
  display: none;
}
#stage .realize {
  left: 19.8%;
  top: 54.5%;
}
#stage .evolve {
  left: 48.6%;
  top: 63.5%;
}
#stage .experience {
  left: 84.2%;
  top: 51.5%;
}
#stage img {
  width: 100%;
}
#content {
  margin-bottom: 10px;
  position: relative;
}
#content h2 {
  color: #f49e00;
  font-style: italic;
}
#content h3 {
  color: #000000;
  font-style: italic;
}
.nav-box {
  width: 174px;
  min-height: 162px;
  float: left;
  color: #ffffff;
}
.nav-box .name {
  margin: 0 4%;
  padding: 30px 0;
  width: 40%;
  float: right;
}
.nav-box .name a {
  font-size: 1.5em;
  font-style: italic;
  color: #ffffff;
  text-decoration: none;
}
.nav-box .name a:hover {
  text-decoration: underline;
}
.nav-box h2 {
  font-size: 1.1em;
  line-height: 3.8em;
  margin: 0;
  text-align: center;
  position: relative;
}
.nav-box h2 img {
  bottom: -11px;
  left: 44.5%;
  position: absolute;
}
.nav-box ul {
  padding: 1.2em 0.1em 0 0.1em;
}
.nav-box ul li {
  list-style: none;
  text-align: center;
}
.nav-box ul li a {
  display: block;
  font-size: 1.12em;
  line-height: 1.12em;
  color: #ffffff;
  text-decoration: none;
  padding-bottom: 0.7em;
}
.nav-box ul li a:hover {
  text-decoration: underline;
}
.nav-box .active a {
  color: #707173;
}
.bright {
  background-color: #fac132;
}
.bright h2 {
  background-color: #f9b200;
  overflow: visible;
}
.dark {
  background-color: #f7b44c;
}
.dark h2 {
  background-color: #f5a832;
}
.layout-txt-visual {
  min-height: 343px;
}
/* ==========================================================================
/* Tablet Devices (Layout, Modifications, etc)
   ========================================================================== */
@media only screen and (min-width: 720px) and (max-width: 870px) {
  .main-container {
    max-width: 720px;
  }
  #stage .slogan {
    font-size: 1.8em;
  }
  #content .visual {
    width: 100%;
  }
  .nav-box {
    width: 144px;
    min-height: 175px;
  }
  .nav-box .portrait {
    width: 50%;
  }
  .nav-box .name a {
    font-size: 1.3em;
  }
  .nav-box ul li a {
    padding-bottom: 0.6em;
  }
}
/* End Tablet Media Query */
/* ==========================================================================
/* Mobile Devices (Layout, Modifications, etc)
   ========================================================================== */
@media only screen and (max-width: 720px) {
  .logolink {
    width: 100%;
  }
  #logo {
    margin: 0 auto;
    width: 60%;
  }
  .main-container {
    max-width: 100%;
  }
  .meta-nav {
    text-align: center;
    padding: 0;
  }
  .meta-nav a {
    font-size: 1.25em;
    line-height: 2.6em;
    margin-left: 12px;
    margin-right: 12px;
  }
  #stage .slogan {
    font-size: 1em;
  }
  #content a {
    padding: 1em 0;
    display: block;
    text-decoration: underline;
  }
  #content h2 {
    margin: 0;
  }
  #content .span6 {
    margin: 0 5%;
    width: 90%;
  }
  #content .span4 {
    width: 100%;
  }
  #content .span4.text-content {
    margin: 0 5%;
    width: 90%;
  }
  #content .visual {
    width: 100%;
  }
  .nav-box {
    width: 100%;
    min-height: 0px;
    margin-bottom: 10px;
  }
  .nav-box .name {
    margin: 0 4%;
    padding: 40px 0;
    width: 50%;
  }
  .nav-box h2 {
    font-size: 1.6em;
  }
  .nav-box h2 img {
    left: 46%;
  }
  .nav-box ul li a {
    font-size: 1.4em;
    line-height: 2em;
  }
}
/* End Mobile Media Query */
body {
  font-family: Verdana, Arial, Helvetica;
}
/*# sourceMappingURL=./css/style.css.map */