@import "fonts.css";



html,

body {

	height: 100%;

}



body {

	font-family: CenturyGothic;

	font-size: 14px;

	text-align: justify;

	background: #27363D;

	color: #CBCBCB;

}



h1, h2, h3, h4, h5, h6 {

	font-size: 14px;

	font-weight: normal;

	text-transform: uppercase;

	margin: 0 0 1em;

	line-height: 1.42857143;

}

h1 { font-size: 32px; }

h2 { font-size: 20px; }

h4, h6 { margin-bottom: 0; }

h5, h6 { text-transform: none; }



body, h1, h2, h3, h4, h5, h6, dd, dt {

	line-height: 1.2;

}

a,

a:hover,

a:focus {

	color: #CBCBCB;

}



th {

	vertical-align: top;

	white-space: nowrap;

	font-weight: normal;

}

tr > * {

	padding: 0 10px;

}

tr > * > p {

	margin: 0;

}

tr > *:first-child {

	padding-left: 0;

}

tr > *:last-child {

	padding-right: 0;

}







.factory {

    position: relative;

    width: 32px;

    height: 32px;

    line-height: 32px;

    background-color: white;

}

.factory > a {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 32px;

    height: 32px;

    line-height: 32px;

    color: #CBCBCB;

    font-size: 20px;

    text-transform: uppercase;

    text-decoration: none;

    -ms-transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

}

.factory > a > span {

    position: absolute;

    top: 0;

    left: -115px;

    width: 115px;

    opacity: 0;

}

.splash .factory > a > span {

    left: -135px;

    width: 135px;

}

.factory > a:before,

.nav-home .factory > a:before {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    height: 32px;

    width: 32px;

    opacity: .75;

    background-color: #CBCBCB;

}



.factory > a:hover:before,

.factory > a:focus:before,

.factory > a:hover > span,

.factory > a:focus > span {

    opacity: 1;

    transition: opacity .3s ease-in-out 0s;

}



.indent {

    margin-left: 2em;

}



span.emoji-1F465:after {

    content: "\01F465";

}

span.emoji-1F91D:after {

    content: "\01F91D";

}

span.emoji-1F4D3:after {

    content: "\01F4D3";

}

span.emoji-1F4C5:after {

    content: "\01F4C5";

}

span.emoji-2696FE0F:after {

    content: "\02696\0FE0F;";

}



#navigation-main .nav-primary a.layout-1 {
    color: #6e1616; }
  #navigation-main .nav-primary.white-font a.layout-1 {
    color: #cbcbcb; }
  #navigation-main .nav-primary a.layout-1::before, .layout-1 #navigation-main a::before {
    border-color: #6e1616;
    background-color: #6e1616; }
  #navigation-main .nav-primary a.layout-1:hover:before, #navigation-main .nav-primary a.layout-1:focus:before, .layout-1 #navigation-main a:hover:before, .layout-1 #navigation-main a:focus:before {
    background-color: #6e1616; }
  .layout-1 > a {
    color: #6e1616; }
  .layout-1 > a:before {
    background-color: #6e1616 !important; }
  .layout-1 .factory.layout-1 {
    display: none; }
  .splash .factory.layout-1 {
    top: 20px;
    left: 20px; }
  .splash.layout-1 .factory.layout-1 {
    display: block; }
  #navigation-main .nav-primary a.layout-2 {
    color: #8e0060; }
  #navigation-main .nav-primary.white-font a.layout-2 {
    color: #cbcbcb; }
  #navigation-main .nav-primary a.layout-2::before, .layout-2 #navigation-main a::before {
    border-color: #8e0060;
    background-color: #8e0060; }
  #navigation-main .nav-primary a.layout-2:hover:before, #navigation-main .nav-primary a.layout-2:focus:before, .layout-2 #navigation-main a:hover:before, .layout-2 #navigation-main a:focus:before {
    background-color: #8e0060; }
  .layout-2 > a {
    color: #8e0060; }
  .layout-2 > a:before {
    background-color: #8e0060 !important; }
  .layout-2 .factory.layout-2 {
    display: none; }
  .splash .factory.layout-2 {
    top: 560px;
    left: 980px; }
  .splash.layout-2 .factory.layout-2 {
    display: block; }
  #navigation-main .nav-primary a.layout-3 {
    color: #7b9245; }
  #navigation-main .nav-primary.white-font a.layout-3 {
    color: #cbcbcb; }
  #navigation-main .nav-primary a.layout-3::before, .layout-3 #navigation-main a::before {
    border-color: #7b9245;
    background-color: #7b9245; }
  #navigation-main .nav-primary a.layout-3:hover:before, #navigation-main .nav-primary a.layout-3:focus:before, .layout-3 #navigation-main a:hover:before, .layout-3 #navigation-main a:focus:before {
    background-color: #7b9245; }
  .layout-3 > a {
    color: #7b9245; }
  .layout-3 > a:before {
    background-color: #7b9245 !important; }
  .layout-3 .factory.layout-3 {
    display: none; }
  .splash .factory.layout-3 {
    top: 580px;
    left: 320px; }
  .splash.layout-3 .factory.layout-3 {
    display: block; }
  #navigation-main .nav-primary a.layout-4 {
    color: #d67c1c; }
  #navigation-main .nav-primary.white-font a.layout-4 {
    color: #cbcbcb; }
  #navigation-main .nav-primary a.layout-4::before, .layout-4 #navigation-main a::before {
    border-color: #d67c1c;
    background-color: #d67c1c; }
  #navigation-main .nav-primary a.layout-4:hover:before, #navigation-main .nav-primary a.layout-4:focus:before, .layout-4 #navigation-main a:hover:before, .layout-4 #navigation-main a:focus:before {
    background-color: #d67c1c; }
  .layout-4 > a {
    color: #d67c1c; }
  .layout-4 > a:before {
    background-color: #d67c1c !important; }
  .layout-4 .factory.layout-4 {
    display: none; }
  .splash .factory.layout-4 {
    top: 530px;
    left: 590px; }
  .splash.layout-4 .factory.layout-4 {
    display: block; }
  #navigation-main .nav-primary a.layout-5 {
    color: #6496a0; }
  #navigation-main .nav-primary.white-font a.layout-5 {
    color: #cbcbcb; }
  #navigation-main .nav-primary a.layout-5::before, .layout-5 #navigation-main a::before {
    border-color: #6496a0;
    background-color: #6496a0; }
  #navigation-main .nav-primary a.layout-5:hover:before, #navigation-main .nav-primary a.layout-5:focus:before, .layout-5 #navigation-main a:hover:before, .layout-5 #navigation-main a:focus:before {
    background-color: #6496a0; }
  .layout-5 > a {
    color: #6496a0; }
  .layout-5 > a:before {
    background-color: #6496a0 !important; }
  .layout-5 .factory.layout-5 {
    display: none; }
  .splash .factory.layout-5 {
    top: 130px;
    left: 980px; }
  .splash.layout-5 .factory.layout-5 {
    display: block; }
  #navigation-main .nav-primary a.layout-6 {
    color: #9b9481; }
  #navigation-main .nav-primary.white-font a.layout-6 {
    color: #cbcbcb; }
  #navigation-main .nav-primary a.layout-6::before, .layout-6 #navigation-main a::before {
    border-color: #9b9481;
    background-color: #9b9481; }
  #navigation-main .nav-primary a.layout-6:hover:before, #navigation-main .nav-primary a.layout-6:focus:before, .layout-6 #navigation-main a:hover:before, .layout-6 #navigation-main a:focus:before {
    background-color: #9b9481; }
  .layout-6 > a {
    color: #9b9481; }
  .layout-6 > a:before {
    background-color: #9b9481 !important; }
  .layout-6 .factory.layout-6 {
    display: none; }
  .splash .factory.layout-6 {
    top: 530px;
    left: 20px; }
  .splash.layout-6 .factory.layout-6 {
    display: block; }
  #navigation-main .nav-primary a.layout-7 {
    color: #fff; }
  #navigation-main .nav-primary.white-font a.layout-7 {
    color: #cbcbcb; }
  #navigation-main .nav-primary a.layout-7::before, .layout-7 #navigation-main a::before {
    border-color: #fff;
    background-color: #fff; }
  #navigation-main .nav-primary a.layout-7:hover:before, #navigation-main .nav-primary a.layout-7:focus:before, .layout-7 #navigation-main a:hover:before, .layout-7 #navigation-main a:focus:before {
    background-color: #fff; }
  .layout-7 > a {
    color: #fff; }
  .layout-7 > a:before {
    background-color: #fff !important; }
  .layout-7 .factory.layout-7 {
    display: none; }
  .splash .factory.layout-7 {
    top: nullpx;
    left: nullpx; }
  .splash.layout-7 .factory.layout-7 {
    display: block; }

    ul.nav-primary > .prim-item:nth-child(-n+5) {
      display: none;
  }

  ul.nav-primary .active .layout-1 {
    display: none;
}

  @media (max-width: 980px) {
  .nav-primary > .prim-item:nth-child(-n + 5) {
    display: block !important;
  }
}