/**
 * @license
 * MyFonts Webfont Build ID 2707958, 2013-12-13T20:00:44-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Neuzeit Grotesk Bold by URW++
 * URL: http://www.myfonts.com/fonts/urw/neuzeit-grotesk/t-bold/
 * 
 * Webfont: Neuzeit Grotesk Light by URW++
 * URL: http://www.myfonts.com/fonts/urw/neuzeit-grotesk/t-light/
 * 
 * Webfont: Neuzeit Grotesk ExtraCond Black by URW++
 * URL: http://www.myfonts.com/fonts/urw/neuzeit-grotesk/t-black-extra-condensed/
 * 
 * Webfont: Neuzeit Grotesk Black by URW++
 * URL: http://www.myfonts.com/fonts/urw/neuzeit-grotesk/t-black/
 * 
 * Webfont: Neuzeit Grotesk Regular by URW++
 * URL: http://www.myfonts.com/fonts/urw/neuzeit-grotesk/t-regular/
 * 
 * Webfont: Neuzeit Grotesk Cond Black by URW++
 * URL: http://www.myfonts.com/fonts/urw/neuzeit-grotesk/t-black-condensed/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2707958
 * Licensed pageviews: 20,000
 * Webfonts copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development
 * 
 * © 2013 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work 
@import url("//hello.myfonts.net/count/2951f5");
@import url("//hello.myfonts.net/count/2951f6");*/
@font-face {
  font-family: 'Adelle-Bold';
  src: url('../../fonts/2951F5_0_0.eot');
  src: url('../../fonts/2951F5_0_0.eot?#iefix') format('embedded-opentype'), url('../../fonts/2951F5_0_0.woff') format('woff'), url('../../fonts/2951F5_0_0.ttf') format('truetype');
}
@font-face {
  font-family: 'Adelle-Regular';
  src: url('../../fonts/2951F5_1_0.eot');
  src: url('../../fonts/2951F5_1_0.eot?#iefix') format('embedded-opentype'), url('../../fonts/2951F5_1_0.woff') format('woff'), url('../../fonts/2951F5_1_0.ttf') format('truetype');
}
@font-face {
  font-family: 'NeuzeitGro-Bol';
  src: url('../../fonts/2951F6_0_0.eot');
  src: url('../../fonts/2951F6_0_0.eot?#iefix') format('embedded-opentype'), url('../../fonts/2951F6_0_0.woff') format('woff'), url('../../fonts/2951F6_0_0.ttf') format('truetype');
}
@font-face {
  font-family: 'NeuzeitGro-Lig';
  src: url('../../fonts/2951F6_1_0.eot');
  src: url('../../fonts/2951F6_1_0.eot?#iefix') format('embedded-opentype'), url('../../fonts/2951F6_1_0.woff') format('woff'), url('../../fonts/2951F6_1_0.ttf') format('truetype');
}
@font-face {
  font-family: 'NeuzeitGroExt-Bla';
  src: url('../../fonts/2951F6_2_0.eot');
  src: url('../../fonts/2951F6_2_0.eot?#iefix') format('embedded-opentype'), url('../../fonts/2951F6_2_0.woff') format('woff'), url('../../fonts/2951F6_2_0.ttf') format('truetype');
}
@font-face {
  font-family: 'NeuzeitGro-Bla';
  src: url('../../fonts/2951F6_3_0.eot');
  src: url('../../fonts/2951F6_3_0.eot?#iefix') format('embedded-opentype'), url('../../fonts/2951F6_3_0.woff') format('woff'), url('../../fonts/2951F6_3_0.ttf') format('truetype');
}
@font-face {
  font-family: 'NeuzeitGro-Reg';
  src: url('../../fonts/2951F6_4_0.eot');
  src: url('../../fonts/2951F6_4_0.eot?#iefix') format('embedded-opentype'), url('../../fonts/2951F6_4_0.woff') format('woff'), url('../../fonts/2951F6_4_0.ttf') format('truetype');
}
@font-face {
  font-family: 'NeuzeitGroCon-Bla';
  src: url('../../fonts/2951F6_5_0.eot');
  src: url('../../fonts/2951F6_5_0.eot?#iefix') format('embedded-opentype'), url('../../fonts/2951F6_5_0.woff') format('woff'), url('../../fonts/2951F6_5_0.ttf') format('truetype');
}
html.svg {
  /*.frame .badge.behind-the-scenes .plaq {	background-image:url(../../img/source/badges-01.svg);	}
	.frame .badge.gearing-up .plaq {	background-image:url(../../img/source/badges-02.svg);	}
	.frame .badge.open-for-business .plaq {	background-image:url(../../img/source/badges-03.svg);	}*/
}
html.svg #behind-the-scenes.scene #inventory-operations .curve {
  background-image: url(../../img/titles-08.svg);
}
html.svg #behind-the-scenes.scene #finances .curve {
  background-image: url(../../img/titles-02.svg);
}
html.svg #behind-the-scenes.scene #meeting .curve {
  background-image: url(../../img/titles-03.svg);
}
html.svg #behind-the-scenes.scene #customer-service .curve {
  background-image: url(../../img/titles-04.svg);
}
html.svg #open-for-business.scene #digital-brand .curve {
  background-image: url(../../img/titles-05.svg);
}
html.svg #open-for-business.scene #social-media .curve {
  background-image: url(../../img/titles-06.svg);
}
html.svg #open-for-business.scene #advertising .curve {
  background-image: url(../../img/titles-07.svg);
}
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
body {
  margin: 0;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: .83em;
  margin: 1.67em 0;
}
h6 {
  font-size: .67em;
  margin: 2.33em 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
mark {
  background: #ff0;
  color: #000000;
}
p,
pre {
  margin: 1em 0;
}
code,
kbd,
pre,
samp {
  font-family: monospace,serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: '';
  content: none;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.cf:after {
  clear: both;
}
/**
	 * For IE 6/7 only
	 * Include this rule to trigger hasLayout and contain floats.
	 */
.cf {
  *zoom: 1;
}
html {
  font-size: 100%;
  color: #407e7e;
  font-family: 'Adelle-Regular';
  -webkit-font-smoothing: antialiased;
}
/**/
.js .frame {
  display: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
a {
  color: #407f80;
}
.frame {
  position: relative;
  display: block;
  width: 960px;
  height: 720px;
  overflow: hidden;
  /*margin:0 auto;fixed;top: 0; left: 0;*/
  /*background:url(../../img/bg.png) 50% 50% no-repeat;background-size:cover; 	*/
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZWRlZmU5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjY2FkZWRhIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSIwJSIgeT0iMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiNjYWRlZGEiIC8+PHJlY3QgeD0iMCUiIHk9IjAlIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cpIiAvPjwvc3ZnPg==);
  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 390, color-stop(0%, #f2f3ef), color-stop(100%, #cadeda));
  background-image: -webkit-radial-gradient(center center, farthest-side, #f2f3ef 0%, #cadeda 100%);
  background-image: -moz-radial-gradient(center center, farthest-side, #f2f3ef 0%, #cadeda 100%);
  background-image: -ms-radial-gradient(center center, farthest-side, #f2f3ef 0%, #cadeda 100%);
  background-image: -o-radial-gradient(center center, farthest-side, #f2f3ef 0%, #cadeda 100%);
  background-image: radial-gradient(farthest-side at center center, #f2f3ef 0%, #cadeda 100%);
  -moz-box-shadow: inset 0 -62px 120px #99bab6;
  -webkit-box-shadow: inset 0 -62px 120px #99bab6;
  box-shadow: inset 0 -62px 120px #99bab6;
  /*;width:100%;height:100%*/
}
.frame .skooch {
  display: block;
  width: 2880px;
  height: 1440px;
  position: relative;
  /*margin-left:-100%;top:0;left:-100%;*/
}
.frame .scene {
  position: absolute;
  display: block;
  padding: 0.6%;
  width: 960px;
  height: 720px;
}
.frame .scene:not(#intro) .badge {
  position: relative;
}
.frame .pie,
.frame .small-pies {
  display: none;
}
.frame .circ {
  display: block;
  width: 120px;
  text-align: center;
  font-family: 'NeuzeitGro-Bol';
  z-index: 4;
  position: absolute;
  text-decoration: none;
  font-size: 0.7em;
  color: #407e7e;
}
.frame .circ .aro {
  margin: 4px auto 0;
}
.frame .content {
  width: 96%;
  max-width: 460px;
  display: block;
  margin: 0 auto;
  -moz-transition: all 0.4s ease-in-out;
  /* WebKit */
  -webkit-transition: all 0.4s ease-in-out;
  /* Opera */
  -o-transition: all 0.4s ease-in-out;
  /* Standard */
  transition: all 0.4s ease-in-out;
}
.frame .content .badge {
  float: left;
  width: 20%;
  height: 200px;
  margin-top: -4%;
  margin-right: 14px;
}
.frame .content.open {
  width: 20%;
}
.frame .content.open .badge {
  width: 150px!important;
  margin: 0 auto;
  float: none;
}
.frame .content.open .badge .shado {
  height: 70%;
  width: auto;
  left: 14%;
  right: 14%;
  bottom: -14%;
}
.frame .content.open > p {
  display: none;
}
.frame .cloud {
  z-index: 2;
  display: block;
  width: 445px;
  height: 274px;
  background: url(../../img/king-cloud.png) 50% 50% no-repeat;
  position: absolute;
  background-size: contain;
}
.frame .cloud.rev {
  background-image: url(../../img/king-cloud-rev.png);
}
.frame .badge {
  z-index: 4;
  display: block;
  position: absolute;
  text-decoration: none;
  font-size: 0.8em;
  margin: 0;
  padding: 0;
  /*background:rgba(155,155,155,0.3);*/
}
.frame .badge .sub {
  display: none;
  text-align: center;
  position: absolute;
  top: 0;
  z-index: 6;
  font-family: 'NeuzeitGro-Reg';
}
.frame .badge .label {
  display: none;
}
.frame .badge .plaq {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
}
.frame .badge .shado {
  height: 70%;
  width: auto;
  left: 4%;
  right: 4%;
  bottom: -20%;
}
.frame .badge.behind-the-scenes {
  color: #fff;
  width: 50%;
  max-width: 151px;
  height: 50%;
  max-height: 196px;
}
.frame .badge.behind-the-scenes .plaq {
  background: url(../../img/badges-01.png) 50% 50% no-repeat;
  background-size: contain;
}
.frame .badge.behind-the-scenes .sub {
  padding: 80% 0 0;
}
.frame .badge.gearing-up {
  color: #9a4524;
  width: 50%;
  max-width: 198px;
  height: 50%;
  max-height: 200px;
}
.frame .badge.gearing-up .plaq {
  background: url(../../img/badges-02.png) 50% 50% no-repeat;
  background-size: contain;
}
.frame .badge.gearing-up .sub {
  padding: 68% 20% 0;
}
.frame .badge.gearing-up .shado {
  width: auto;
  left: 12%!important;
  right: 12%!important;
}
.frame .badge.open-for-business {
  color: #404041;
  width: 50%;
  max-width: 206px;
  height: 50%;
  max-height: 205px;
}
.frame .badge.open-for-business .plaq {
  background: url(../../img/badges-03.png) 50% 50% no-repeat;
  background-size: contain;
}
.frame .badge.open-for-business .sub {
  padding: 51% 10% 0 17%;
  text-align: left;
}
.frame .scene .bubble {
  display: block;
  position: absolute;
  width: 30%;
  height: 26%;
  border: 0px solid red;
  cursor: pointer;
  border: 0px solid orange;
  /* Firefox */
  -moz-transition: all 0.4s ease-in-out;
  /* WebKit */
  -webkit-transition: all 0.4s ease-in-out;
  /* Opera */
  -o-transition: all 0.4s ease-in-out;
  /* Standard */
  transition: all 0.4s ease-in-out;
}
.frame .scene .bubble .cloud {
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
}
.frame .scene .bubble .curve {
  display: block;
  text-indent: -9999px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index: 4;
  background-position: 50% 0;
  background-repeat: no-repeat;
  /* Firefox */
  -moz-transition: all 0.4s ease-in-out;
  /* WebKit */
  -webkit-transition: all 0.4s ease-in-out;
  /* Opera */
  -o-transition: all 0.4s ease-in-out;
  /* Standard */
  transition: all 0.4s ease-in-out;
}
.frame .scene .bubble .pulsar {
  width: auto;
  height: auto;
  left: -2%;
  right: -2%;
  bottom: -8%;
  top: 20%;
  opacity: 0.4;
  /* Firefox 
	    -moz-transition: all .22s linear;
	    /* WebKit * /
	    -webkit-transition: all .22s linear;
	    /* Opera * /
	    -o-transition: all .22s linear;
	    /* Standard * /
	    transition: all .22s linear;*/
}
.frame .scene .bubble.dim {
  opacity: 0.3;
  z-index: 4;
}
.frame .scene .bubble.dim:hover {
  opacity: 0.6;
}
.frame .scene .bubble.dim .curve {
  max-width: 100%;
}
.frame .scene .bubble.dim .pulsar {
  display: none;
}
.frame .scene .bubble.dim .cloud {
  width: 140%;
  left: -20%;
}
.frame .scene .bubble.on {
  z-index: 5;
}
.frame .scene .bubble.on .pie,
.frame .scene .bubble.on .small-pies {
  display: block;
}
.frame .scene .bubble:hover .pulsar {
  opacity: 1;
  left: -10%;
  right: -10%;
  bottom: -20%;
  top: 10%;
}
.frame .in-bubble {
  display: none;
  position: absolute;
  top: 508px;
  text-indent: -9999px;
  cursor: pointer;
  z-index: 12;
}
.frame .in-bubble.next {
  right: 125px;
}
.frame .in-bubble.prev {
  left: 125px;
}
.frame .shado {
  display: block;
  position: absolute;
  z-index: 3;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSJyZ2JhKDE1OCwgMTc0LCAxNjYsIDAuNDY5KSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0icmdiYSgxOTYsIDIwOSwgMjAzLCAwKSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNnMSkiIC8+PC9zdmc+);
  background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0%, rgba(158, 174, 166, 0.469)), color-stop(100%, rgba(196, 209, 203, 0)));
  background-image: -webkit-linear-gradient(top, rgba(158, 174, 166, 0.469) 0%, rgba(196, 209, 203, 0) 100%);
  background-image: -moz-linear-gradient(top, rgba(158, 174, 166, 0.469) 0%, rgba(196, 209, 203, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(158, 174, 166, 0.469) 0%, rgba(196, 209, 203, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(158, 174, 166, 0.469) 0%, rgba(196, 209, 203, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(158, 174, 166, 0.469) 0%, rgba(196, 209, 203, 0) 100%);
}
.frame .pulsar {
  display: block;
  position: absolute;
  width: 400px;
  height: 200px;
  z-index: 1;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwLjA5NzA4MSIgc3RvcC1jb2xvcj0icmdiYSgyNTIsIDIyNSwgNjMsIDAuNzI1KSIvPjxzdG9wIG9mZnNldD0iMC44MzUxNjUiIHN0b3AtY29sb3I9InJnYmEoMjUyLCAyMjUsIDYzLCAwKSIvPjwvcmFkaWFsR3JhZGllbnQ+PHJlY3QgeD0iMCUiIHk9IjAlIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2JhKDI1MiwgMjI1LCA2MywgMCkiIC8+PHJlY3QgeD0iMCUiIHk9IjAlIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cpIiAvPjwvc3ZnPg==);
  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 390, color-stop(9.7081%, rgba(252, 225, 63, 0.725)), color-stop(83.5165%, rgba(252, 225, 63, 0)));
  background-image: -webkit-radial-gradient(center center, farthest-side, rgba(252, 225, 63, 0.725) 9.7081%, rgba(252, 225, 63, 0) 83.5165%);
  background-image: -moz-radial-gradient(center center, farthest-side, rgba(252, 225, 63, 0.725) 9.7081%, rgba(252, 225, 63, 0) 83.5165%);
  background-image: -ms-radial-gradient(center center, farthest-side, rgba(252, 225, 63, 0.725) 9.7081%, rgba(252, 225, 63, 0) 83.5165%);
  background-image: -o-radial-gradient(center center, farthest-side, rgba(252, 225, 63, 0.725) 9.7081%, rgba(252, 225, 63, 0) 83.5165%);
  background-image: radial-gradient(farthest-side at center center, rgba(252, 225, 63, 0.725) 9.7081%, rgba(252, 225, 63, 0) 83.5165%);
}
.frame .platter {
  display: block;
  position: relative;
  z-index: 4;
  width: 100%;
  /*position:absolute;bottom:0%;*/
  /*max-width:260px;*/
}
.frame .platter img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  /* Firefox */
  -moz-transition: all .4s linear;
  /* WebKit */
  -webkit-transition: all .4s linear;
  /* Opera */
  -o-transition: all .4s linear;
  /* Standard */
  transition: all .4s linear;
}
/*
			z-index:
			.pulsar 		1
			.cloud 			2
			.shado 			3
			.platter 		4
			.badge 			4	
			.foot 			10
	*/
.title {
  text-align: center;
  font-size: 3em;
  margin: 12px 0 0;
  padding: 0;
}
.subtitle {
  color: #699e9b;
  font-size: 1.7em;
  line-height: 1;
  margin: 12px 0;
}
p {
  line-height: 1.7;
  font-size: 0.9em;
}
.title,
.subtitle {
  font-family: 'NeuzeitGro-Bol';
}
.v_iew {
  display: block;
  position: fixed;
  width: 680px;
  left: 140px;
  top: 140px;
  height: 500px;
  border: 1px solid red;
  /*z-index:3;*/
}
.v_iew span {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: pink;
}
.v_iew span.gr1 {
  left: 33.3333333%;
}
.v_iew span.gr2 {
  left: 66.6666666%;
}
.p_ycr {
  display: block;
  position: fixed;
  top: 196px;
  left: 0;
  width: 960px;
  height: 1px;
  background: pink;
}
.h_spc {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 960px;
}
.h_spc div {
  display: block;
  width: 98px;
  height: 58px;
  border: 1px solid pink;
  position: fixed;
}
.h_spc div.a {
  top: 110px;
  left: 116px;
}
.h_spc div.b {
  top: 64px;
  left: 283px;
}
.h_spc div.c {
  top: 64px;
  left: 580px;
}
.h_spc div.d {
  top: 110px;
  left: 747px;
}
/**/
.c_lud {
  display: block;
  position: fixed;
  border: pink;
}
.aro {
  display: block;
  width: 30px;
  height: 30px;
  background: #93cf55 url(../../img/nav-bns-01.svg) no-repeat;
  background-size: 60px 90px;
  border-radius: 18px;
}
.aro.left {
  background-position: 0 0;
}
.aro.right {
  background-position: 100% 0;
}
.aro.left-d {
  background-position: 0 50%;
}
.aro.right-d {
  background-position: 100% 50%;
}
.aro.up {
  background-position: 0 100%;
}
.aro.down {
  background-position: 100% 100%;
}
.foot {
  position: absolute;
  top: 680px;
  height: 47px;
  left: 0;
  width: 960px;
  padding: 0 28px;
  color: #54887d;
  font-size: 0.7em;
  line-height: 1.6;
  z-index: 10;
}
.foot .left {
  float: left;
  padding-right: 0;
}
.foot .right {
  float: right;
  padding-right: 160px;
}
.foot .blbg {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 960px;
  z-index: -1;
  height: 124px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMC4wOTE3NSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0icmdiYSgxNDgsIDE4MSwgMTc3LCAwKSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNnMSkiIC8+PC9zdmc+);
  background-image: -webkit-gradient(linear, center bottom, center top, color-stop(9.175%, #ffffff), color-stop(100%, rgba(148, 181, 177, 0)));
  background-image: -webkit-linear-gradient(bottom, #ffffff 9.175%, rgba(148, 181, 177, 0) 100%);
  background-image: -moz-linear-gradient(bottom, #ffffff 9.175%, rgba(148, 181, 177, 0) 100%);
  background-image: -ms-linear-gradient(bottom, #ffffff 9.175%, rgba(148, 181, 177, 0) 100%);
  background-image: -o-linear-gradient(bottom, #ffffff 9.175%, rgba(148, 181, 177, 0) 100%);
  background-image: linear-gradient(to top, #ffffff 9.175%, rgba(148, 181, 177, 0) 100%);
}
.foot a {
  color: #54887d;
  text-decoration: none;
}
.foot a:hover {
  text-decoration: underline;
}
.foot .ups {
  display: block;
  width: 140px;
  height: 46px;
  background: url(../../img/bns-01.png) 50% 50% no-repeat;
  position: absolute;
  bottom: 7px;
  right: 28px;
}
#intro.scene {
  top: 50%;
  left: 33.33333333%;
  /*0%;	*/
}
#intro.scene .badge {
  /*width:1157px;height:203px;*/
}
#intro.scene .badge .aro {
  position: absolute;
}
#intro.scene .badge.behind-the-scenes {
  top: 413px;
  left: 197px;
}
#intro.scene .badge.behind-the-scenes .aro {
  top: 52%;
  left: -42px;
}
#intro.scene .badge.behind-the-scenes + .cloud {
  top: 52%;
  left: 8%;
  width: 326px;
}
#intro.scene .badge.behind-the-scenes + .cloud + .pulsar {
  top: 61%;
  left: 6%;
}
#intro.scene .badge.gearing-up {
  top: 300px;
  left: 388px;
  right: 42%;
  width: 206px;
  height: 208px;
}
#intro.scene .badge.gearing-up .sub {
  padding-top: 136px;
}
#intro.scene .badge.gearing-up .aro {
  bottom: -18%;
  left: 43%;
}
#intro.scene .badge.gearing-up + .cloud {
  width: 306px;
  left: 290px;
  top: 240px;
}
#intro.scene .badge.gearing-up + .cloud + .pulsar {
  top: 37%;
  left: 26%;
}
#intro.scene .badge.open-for-business {
  top: 406px;
  right: 137px;
}
#intro.scene .badge.open-for-business .aro {
  top: 52%;
  right: -42px;
}
#intro.scene .badge.open-for-business + .cloud {
  top: 46%;
  right: -1%;
  width: 432px;
}
#intro.scene .badge.open-for-business + .cloud + .pulsar {
  top: 44%;
  right: 5%;
  height: 280px;
}
#behind-the-scenes.scene {
  top: 50%;
  left: 0%;
  /*top:100%;left:-100%;*/
}
#behind-the-scenes.scene .content .badge {
  width: 210px;
  height: 208px;
}
#behind-the-scenes.scene .content .badge .label {
  display: none;
}
#behind-the-scenes.scene .content.open .badge {
  height: 120px;
}
#behind-the-scenes.scene .content.open .badge .shado {
  left: 21%;
  right: 21%;
}
#behind-the-scenes.scene .circ.gearing-up {
  top: 12px;
  left: 0%;
}
#behind-the-scenes.scene .circ.open-for-business {
  top: 12px;
  right: 0%;
}
#behind-the-scenes.scene .circ.intro {
  top: 78px;
  right: 0%;
}
#behind-the-scenes.scene a#benefits {
  display: block;
  width: 66px;
  height: 96px;
  position: absolute;
  top: 310px;
  left: 26px;
  text-indent: -9999px;
}
#behind-the-scenes.scene a#benefits .plaq {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  background: url(../../img/bns-02.png) no-repeat;
  background-size: contain;
}
#behind-the-scenes.scene a#benefits .shado {
  display: block;
  height: 100%;
  width: auto;
  left: 17%;
  right: 17%;
  top: 42%;
}
#behind-the-scenes.scene #benefits-of-tech {
  display: none;
  display: block;
  color: #404041;
  background: #d8e5e0;
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 960px;
  height: 720px;
}
#behind-the-scenes.scene #benefits-of-tech .cont {
  max-width: 100%;
}
#behind-the-scenes.scene #benefits-of-tech h3,
#behind-the-scenes.scene #benefits-of-tech h4 {
  margin: 0;
  padding: 0;
}
#behind-the-scenes.scene #benefits-of-tech h3 {
  position: absolute;
  top: 42px;
  text-indent: -9999px;
  width: 119px;
  height: 116px;
  left: 430px;
  margin: 0;
  background: url(../../img/popup-01.png) 50% 50% no-repeat;
}
#behind-the-scenes.scene #benefits-of-tech h4 {
  font-family: 'NeuzeitGro-Bol';
  font-size: 1.2em;
}
#behind-the-scenes.scene #benefits-of-tech ul {
  background: #93cf55;
  border: 3px solid #5aa043;
  margin: 100px auto 0;
  list-style: none;
  display: block;
  width: 650px;
  border-radius: 22px;
  padding: 0;
  padding: 78px 0 28px;
}
#behind-the-scenes.scene #benefits-of-tech ul li {
  margin: 0;
  padding-left: 136px;
  padding-right: 30px;
  min-height: 116px;
}
#behind-the-scenes.scene #benefits-of-tech ul li.one {
  background: url(../../img/popup-03.png) 26px 50% no-repeat;
}
#behind-the-scenes.scene #benefits-of-tech ul li.two {
  background: url(../../img/popup-04.png) 26px 50% no-repeat;
}
#behind-the-scenes.scene #benefits-of-tech ul li.tre {
  background: url(../../img/popup-05.png) 26px 11px no-repeat;
}
#behind-the-scenes.scene #benefits-of-tech ul li:not(:first-child) .lin {
  display: block;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 2px solid #eaebeb;
}
#behind-the-scenes.scene #benefits-of-tech p {
  margin: 0;
  padding: 0;
}
#behind-the-scenes.scene #benefits-of-tech .close {
  display: block;
  width: 42px;
  height: 43px;
  background: url(../../img/popup-02.png) 50% 50% no-repeat;
  position: absolute;
  right: 185px;
  top: 79px;
}
#behind-the-scenes.scene .bubble {
  /*display:none;*/
}
#behind-the-scenes.scene .bubble#inventory-operations {
  left: 160px;
  top: 236px;
  height: 207px;
  width: 284px;
}
#behind-the-scenes.scene .bubble#inventory-operations .curve {
  width: 186px;
  height: 33px;
  margin-bottom: -4%;
  background-image: url(../../img/titles-01.png);
  background-size: contain;
}
#behind-the-scenes.scene .bubble#inventory-operations .platter img {
  margin-left: -15%;
}
#behind-the-scenes.scene .bubble#inventory-operations.on {
  left: 217px;
  top: 196px;
  width: 521px;
  height: 332px;
}
#behind-the-scenes.scene .bubble#inventory-operations.on .curve {
  width: 395px;
  height: 90px;
}
#behind-the-scenes.scene .bubble#inventory-operations.dim {
  left: 92px;
  top: 94px;
  height: 15%;
  width: 16%;
  /*.curve 				{	width:100%;	}*/
}
#behind-the-scenes.scene .bubble#inventory-operations.dim .platter {
  margin-left: 14%;
  width: 73%;
}
#behind-the-scenes.scene .bubble#inventory-operations.dim .platter img {
  /*margin-left: -0%;*/
}
#behind-the-scenes.scene .bubble#finances {
  left: 487px;
  width: 287px;
  top: 180px;
  height: 212px;
}
#behind-the-scenes.scene .bubble#finances .curve {
  width: 78px;
  height: 15px;
  background-image: url(../../img/titles-02.png);
  background-size: contain;
}
#behind-the-scenes.scene .bubble#finances .platter img {
  padding-top: 6%;
  /*max-width: 72%;max-height: 87%;margin-left: 22%;	*/
}
#behind-the-scenes.scene .bubble#finances .cloud {
  top: -5%;
  left: -8%;
  width: 107%;
  /*width: 124%;height: 120%;top: 9%;left: -15%;*/
}
#behind-the-scenes.scene .bubble#finances.on {
  left: 215px;
  top: 196px;
  width: 536px;
  height: 455px;
}
#behind-the-scenes.scene .bubble#finances.on .cloud {
  left: -8%;
  width: 107%;
  top: -5%;
  /*top:-1px;	*/
}
#behind-the-scenes.scene .bubble#finances.on .curve {
  width: 156px;
  height: 28px;
}
#behind-the-scenes.scene .bubble#finances.dim {
  left: 284px;
  top: 57px;
  width: 11%;
  height: 15%;
}
#behind-the-scenes.scene .bubble#finances.dim .curve {
  width: 59px;
}
#behind-the-scenes.scene .bubble#meeting {
  right: 472px;
  top: 465px;
  width: 240px;
  height: 120px;
}
#behind-the-scenes.scene .bubble#meeting .curve {
  width: 70px;
  height: 33px;
  background-image: url(../../img/titles-03.png);
  background-size: contain;
}
#behind-the-scenes.scene .bubble#meeting .platter {
  margin-left: 8%;
}
#behind-the-scenes.scene .bubble#meeting.on {
  right: 203px;
  top: 196px;
  height: 364px;
  width: 553px;
}
#behind-the-scenes.scene .bubble#meeting.on .platter img {
  margin-top: -9%;
}
#behind-the-scenes.scene .bubble#meeting.on .curve {
  width: 140px;
  height: 168px;
}
#behind-the-scenes.scene .bubble#meeting.dim {
  right: 278px;
  top: 57px;
  width: 11%;
  height: 15%;
}
#behind-the-scenes.scene .bubble#meeting.dim .curve {
  width: 57px;
}
#behind-the-scenes.scene .bubble#customer-service {
  right: 190px;
  top: 460px;
  width: 187px;
  height: 140px;
}
#behind-the-scenes.scene .bubble#customer-service .curve {
  width: 155px;
  height: 25px;
  background-image: url(../../img/titles-04.png);
  background-size: contain;
  /*margin-top: -3%;*/
}
#behind-the-scenes.scene .bubble#customer-service.on {
  right: 193px;
  top: 196px;
  height: 338px;
  width: 581px;
}
#behind-the-scenes.scene .bubble#customer-service.on .curve {
  width: 310px;
  height: 92px;
}
#behind-the-scenes.scene .bubble#customer-service.dim {
  right: 112px;
  top: 94px;
  width: 119px;
  height: 15%;
}
#behind-the-scenes.scene .bubble#customer-service.dim .curve {
  height: 18px;
  /*max-width:125%;position:relative;left:-3px;max-width: 110%;position:relative;left:-5%;	*/
}
#behind-the-scenes.scene .bubble#customer-service.dim .platter img {
  /*margin-left: 35%;*/
}
#open-for-business.scene {
  top: 50%;
  left: 66.66666666%;
  /*top:100%;left:100%;*/
}
#open-for-business.scene .circ.gearing-up {
  top: 12px;
  right: 0%;
}
#open-for-business.scene .circ.behind-the-scenes {
  top: 12px;
  left: 0%;
}
#open-for-business.scene .circ.intro {
  top: 78px;
  left: 0%;
}
#open-for-business.scene .content .badge {
  width: 206px;
  height: 208px;
}
#open-for-business.scene .content.open .badge {
  height: 120px;
}
#open-for-business.scene .bubble#digital-brand {
  width: 28%;
  height: 30%;
  top: 33%;
  left: 14%;
}
#open-for-business.scene .bubble#digital-brand .curve {
  width: 123px;
  height: 35px;
  background-image: url(../../img/titles-05.png);
  background-size: contain;
}
#open-for-business.scene .bubble#digital-brand .cloud {
  width: 142%;
  height: 130%;
  top: -3%;
  left: -26%;
}
#open-for-business.scene .bubble#digital-brand .platter {
  margin-left: -3%;
}
#open-for-business.scene .bubble#digital-brand .platter img {
  /*max-width: 60%;max-height: 80%;	*/
}
#open-for-business.scene .bubble#digital-brand.on {
  left: 230px;
  top: 196px;
  height: 362px;
  width: 498px;
}
#open-for-business.scene .bubble#digital-brand.on .curve {
  width: 246px;
  height: 99px;
}
#open-for-business.scene .bubble#digital-brand.dim {
  left: 112px;
  top: 94px;
  height: 15%;
  width: 11%;
}
#open-for-business.scene .bubble#social-media {
  width: 31%;
  height: 34%;
  top: 31%;
  left: 58%;
}
#open-for-business.scene .bubble#social-media .curve {
  width: 114px;
  height: 28px;
  background-image: url(../../img/titles-06.png);
  background-size: contain;
}
#open-for-business.scene .bubble#social-media .platter {
  margin-left: 3%;
}
#open-for-business.scene .bubble#social-media .platter img {
  /*max-width: 64%;margin-bottom: 6%;max-height: 68%;	*/
}
#open-for-business.scene .bubble#social-media .cloud {
  top: -4%;
}
#open-for-business.scene .bubble#social-media.on {
  left: 177px;
  top: 196px;
  height: 337px;
  width: 597px;
}
#open-for-business.scene .bubble#social-media.on .curve {
  width: 228px;
  height: 96px;
}
#open-for-business.scene .bubble#social-media.on .cloud {
  top: 10%;
}
#open-for-business.scene .bubble#social-media.dim {
  left: 258px;
  top: 57px;
  width: 11%;
  height: 15%;
}
#open-for-business.scene .bubble#social-media.dim .curve {
  width: 90px;
}
#open-for-business.scene .bubble#advertising {
  width: 33%;
  height: 34%;
  top: 441px;
  right: 31%;
}
#open-for-business.scene .bubble#advertising .curve {
  width: 103px;
  height: 26px;
  background-image: url(../../img/titles-07.png);
  background-size: contain;
}
#open-for-business.scene .bubble#advertising .platter {
  margin-left: 8%;
}
#open-for-business.scene .bubble#advertising .platter img {
  /*max-width: 69%;margin-bottom: 5%;max-height: 72%;	*/
}
#open-for-business.scene .bubble#advertising.on {
  right: 193px;
  top: 196px;
  height: 380px;
  width: 581px;
}
#open-for-business.scene .bubble#advertising.on .curve {
  width: 206px;
  height: 104px;
}
#open-for-business.scene .bubble#advertising.dim {
  right: 252px;
  top: 57px;
  width: 11%;
  height: 15%;
}
#open-for-business.scene .bubble#advertising.dim .curve {
  width: 74px;
}
#gearing-up.scene {
  top: 0%;
  left: 33.33333333%;
  /*top:100%;left:0%;*/
}
#gearing-up.scene .content {
  max-width: 546px;
}
#gearing-up.scene .content .badge {
  height: 200px;
  margin-bottom: 50px;
}
#gearing-up.scene .content .badge .shado {
  left: 4%;
  right: 4%;
}
#gearing-up.scene .content.open content p {
  display: block;
}
#gearing-up.scene .content.open .badge {
  height: 200px;
}
#gearing-up.scene .trophies {
  display: block;
  overflow: hidden;
  width: 87%;
  padding: 0 0 0 67px;
  margin-top: -70px;
  height: 99px;
  margin: 0 auto;
  margin-top: -1%;
  /* Firefox */
  -moz-transition: all 0.6s linear;
  /* WebKit */
  -webkit-transition: all 0.6s linear;
  /* Opera */
  -o-transition: all 0.6s linear;
  /* Standard */
  transition: all 0.6s linear;
}
#gearing-up.scene .trophies li {
  display: block;
  width: 98px;
  height: 270px;
  float: left;
  position: relative;
  margin-right: 30px;
}
#gearing-up.scene .trophies li:last-child {
  margin-right: 0;
}
#gearing-up.scene .hill {
  z-index: 3;
  width: 100%;
  min-height: 264px;
  height: 62%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../../img/hill.png) 50% 0 no-repeat;
  background-size: cover;
  /* Firefox */
  -moz-transition: height 0.6s linear;
  /* WebKit */
  -webkit-transition: height 0.6s linear;
  /* Opera */
  -o-transition: height 0.6s linear;
  /* Standard */
  transition: height 0.6s linear;
}
#gearing-up.scene .hill .hill-items {
  margin: 0 auto;
  width: auto;
  height: 400px;
  background: url(../../img/hill-items.png) 50% 0 no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -24%;
  left: -10%;
  right: -5%;
  /* Firefox */
  -moz-transition: all 0.6s linear;
  /* WebKit */
  -webkit-transition: all 0.6s linear;
  /* Opera */
  -o-transition: all 0.6s linear;
  /* Standard */
  transition: all 0.6s linear;
}
#gearing-up.scene .hill .hilltop-items {
  position: absolute;
  top: 14%;
  left: 26%;
  right: 26%;
  width: auto;
  height: 87px;
  background: url(../../img/hilltop-01.png) 50% 0 no-repeat;
  background-size: contain;
  /* Firefox */
  -moz-transition: all 0.6s linear;
  /* WebKit */
  -webkit-transition: all 0.6s linear;
  /* Opera */
  -o-transition: all 0.6s linear;
  /* Standard */
  transition: all 0.6s linear;
}
#gearing-up.scene .circ.open-for-business {
  top: 12px;
  right: 0%;
}
#gearing-up.scene .circ.behind-the-scenes {
  top: 12px;
  left: 0%;
}
#gearing-up.scene .circ.intro {
  top: 78px;
  left: 0%;
}
#gearing-up.scene .cloud {
  /* Firefox */
  -moz-transition: all .4s linear;
  /* WebKit */
  -webkit-transition: all .4s linear;
  /* Opera */
  -o-transition: all .4s linear;
  /* Standard */
  transition: all .4s linear;
}
#gearing-up.scene .cloud.one {
  height: 100%;
  max-height: 440px;
  width: 44%;
  top: 22%;
  right: 4%;
}
#gearing-up.scene .cloud.two {
  height: 100%;
  max-height: 440px;
  width: 48%;
  top: 23%;
  left: 4%;
}
#gearing-up.scene.zoom .hill {
  height: 47%;
}
#gearing-up.scene.zoom .hill .hilltop-items {
  top: 3%;
  height: 170px;
  left: 10%;
  right: 12%;
}
#gearing-up.scene.zoom .hill .hill-items {
  bottom: -69%;
  left: -21%;
  right: -12%;
}
#gearing-up.scene.zoom .trophies {
  height: 270px;
  margin-top: -13%;
}
#gearing-up.scene.zoom .cloud.one {
  top: 21%;
  right: 3%;
}
#gearing-up.scene.zoom .cloud.two {
  top: 22%;
  left: 3%;
}
.set {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /*background: rgba(0,0,0,0.1);*/
}
.pie,
.small-pies {
  display: block;
  position: absolute;
  z-index: 6;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  list-style: none;
}
.pie span,
.small-pies span {
  display: none;
}
.pie.pie-1a-1,
.small-pies.pie-1a-1 {
  top: 108px;
  left: 57px;
  width: 84px;
  height: 88px;
  background-image: url(../../img/pies/pie-01.png);
}
.pie.pie-1a-2,
.small-pies.pie-1a-2 {
  top: 142px;
  left: 386px;
  width: 81px;
  height: 85px;
  background-image: url(../../img/pies/pie-02.png);
}
.pie.pie-1b-1,
.small-pies.pie-1b-1 {
  top: 161px;
  left: -43px;
  width: 91px;
  height: 92px;
  background-image: url(../../img/pies/pie-03.png);
}
.pie.pie-1b-2,
.small-pies.pie-1b-2 {
  top: 76px;
  left: 52px;
  width: 72px;
  height: 73px;
  background-image: url(../../img/pies/pie-04.png);
}
.pie.pie-1b-3,
.small-pies.pie-1b-3 {
  top: 140px;
  left: 258px;
  width: 86px;
  height: 86px;
  background-image: url(../../img/pies/pie-05.png);
}
.pie.pie-1b-4,
.small-pies.pie-1b-4 {
  top: 94px;
  left: 377px;
  width: 76px;
  height: 80px;
  background-image: url(../../img/pies/pie-06.png);
}
.pie.pie-1b-5,
.small-pies.pie-1b-5 {
  top: 209px;
  left: 420px;
  width: 76px;
  height: 75px;
  background-image: url(../../img/pies/pie-07.png);
}
.pie.pie-1b-6,
.small-pies.pie-1b-6 {
  top: 259px;
  left: 483px;
  width: 78px;
  height: 74px;
  background-image: url(../../img/pies/pie-35.png);
}
.pie.pie-1c-1,
.small-pies.pie-1c-1 {
  top: 70px;
  left: 201px;
  width: 85px;
  height: 87px;
  background-image: url(../../img/pies/pie-08.png);
}
.pie.pie-1c-2,
.small-pies.pie-1c-2 {
  top: 83px;
  left: 453px;
  width: 83px;
  height: 86px;
  background-image: url(../../img/pies/pie-09.png);
}
.pie.pie-1d-1,
.small-pies.pie-1d-1 {
  top: 208px;
  left: -1px;
  width: 82px;
  height: 82px;
  background-image: url(../../img/pies/pie-10.png);
}
.pie.pie-1d-2,
.small-pies.pie-1d-2 {
  top: 74px;
  left: 122px;
  width: 79px;
  height: 81px;
  background-image: url(../../img/pies/pie-11.png);
}
.pie.pie-1d-3,
.small-pies.pie-1d-3 {
  top: 97px;
  left: 371px;
  width: 79px;
  height: 79px;
  background-image: url(../../img/pies/pie-12.png);
}
.pie.pie-1d-4,
.small-pies.pie-1d-4 {
  top: 242px;
  left: 471px;
  width: 79px;
  height: 81px;
  background-image: url(../../img/pies/pie-13.png);
}
.pie.pie-2a-1,
.small-pies.pie-2a-1 {
  top: 56px;
  left: 50px;
  width: 81px;
  height: 81px;
  background-image: url(../../img/pies/pie-14.png);
}
.pie.pie-2a-2,
.small-pies.pie-2a-2 {
  top: 100px;
  left: 377px;
  width: 81px;
  height: 102px;
  background-image: url(../../img/pies/pie-15.png);
}
.pie.pie-2a-3,
.small-pies.pie-2a-3 {
  left: 354px;
  top: 224px;
  width: 78px;
  height: 77px;
  background-image: url(../../img/pies/pie-16.png);
}
.pie.pie-2a-4,
.small-pies.pie-2a-4 {
  top: 201px;
  left: 483px;
  width: 119px;
  height: 86px;
  background-image: url(../../img/pies/pie-17.png);
}
.pie.pie-2a-5,
.small-pies.pie-2a-5 {
  top: 121px;
  left: 514px;
  width: 97px;
  height: 102px;
  background-image: url(../../img/pies/pie-18.png);
}
.pie.pie-2a-6,
.small-pies.pie-2a-6 {
  top: 44px;
  left: 305px;
  width: 117px;
  height: 83px;
  background-image: url(../../img/pies/pie-36.png);
}
.pie.pie-2b-1,
.small-pies.pie-2b-1 {
  top: 0px;
  left: 0px;
  width: 161px;
  height: 215px;
  background-image: url(../../img/pies/pie-19.png);
}
.pie.pie-2b-2,
.small-pies.pie-2b-2 {
  top: 77px;
  left: 550px;
  width: 123px;
  height: 82px;
  background-image: url(../../img/pies/pie-20.png);
}
.pie.pie-2b-3,
.small-pies.pie-2b-3 {
  top: 335px;
  left: 414px;
  width: 84px;
  height: 85px;
  background-image: url(../../img/pies/pie-21.png);
}
.pie.pie-2b-4,
.small-pies.pie-2b-4 {
  top: 266px;
  left: 117px;
  width: 80px;
  height: 79px;
  background-image: url(../../img/pies/pie-22.png);
}
.pie.pie-2c-1,
.small-pies.pie-2c-1 {
  top: 61px;
  left: 327px;
  width: 83px;
  height: 84px;
  background-image: url(../../img/pies/pie-23.png);
}
.pie.pie-2c-2,
.small-pies.pie-2c-2 {
  top: 72px;
  left: 68px;
  width: 118px;
  height: 191px;
  background-image: url(../../img/pies/pie-24.png);
}
.pie.pie-2c-3,
.small-pies.pie-2c-3 {
  top: 258px;
  left: 58px;
  width: 116px;
  height: 80px;
  background-image: url(../../img/pies/pie-25.png);
}
.pie.pie-2c-4,
.small-pies.pie-2c-4 {
  top: 232px;
  left: 517px;
  width: 79px;
  height: 81px;
  background-image: url(../../img/pies/pie-26.png);
}
.pie.pie-2c-5,
.small-pies.pie-2c-5 {
  top: 293px;
  left: 284px;
  width: 83px;
  height: 83px;
  background-image: url(../../img/pies/pie-27.png);
}
.pie.pie-2c-6,
.small-pies.pie-2c-6 {
  top: 367px;
  left: 237px;
  width: 123px;
  height: 84px;
  background-image: url(../../img/pies/pie-28.png);
}
.pie.pie-2c-7,
.small-pies.pie-2c-7 {
  top: 256px;
  left: -35px;
  width: 113px;
  height: 87px;
  background-image: url(../../img/pies/pie-37.png);
}
.pie.pie-3a-1,
.small-pies.pie-3a-1 {
  top: 0px;
  left: 0px;
  width: 70px;
  height: 71px;
  background-position: 50% 0%;
  background-image: url(../../img/hilltop-02.png);
  /*background-image:url(../../img/pies/pie-29.png);*/
}
.pie.pie-3a-2,
.small-pies.pie-3a-2 {
  top: 0px;
  left: 0px;
  width: 71px;
  height: 71px;
  background-position: 50% 0%;
  background-image: url(../../img/hilltop-03.png);
  /*background-image:url(../../img/pies/pie-30.png);*/
}
.pie.pie-3a-3,
.small-pies.pie-3a-3 {
  top: 0px;
  left: 0px;
  width: 71px;
  height: 71px;
  background-position: 50% 0%;
  background-image: url(../../img/hilltop-04.png);
  /*background-image:url(../../img/pies/pie-31.png);*/
}
.pie.pie-3a-4,
.small-pies.pie-3a-4 {
  top: 0px;
  left: 0px;
  width: 71px;
  height: 71px;
  background-position: 50% 0%;
  background-image: url(../../img/hilltop-05.png);
  /*background-image:url(../../img/pies/pie-32.png);*/
}
.pie.pie-3a-5,
.small-pies.pie-3a-5 {
  top: 0px;
  left: 0px;
  width: 71px;
  height: 71px;
  background-position: 50% 0%;
  background-image: url(../../img/hilltop-06.png);
  /*background-image:url(../../img/pies/pie-33.png);*/
}
.pie.pie-3a-6,
.small-pies.pie-3a-6 {
  top: 0px;
  left: 0px;
  width: 71px;
  height: 71px;
  background-position: 50% 0%;
  background-image: url(../../img/hilltop-07.png);
  /*background-image:url(../../img/pies/pie-34.png);*/
}
.pie.sm.sp1,
.small-pies.sm.sp1 {
  top: 201px;
  left: 22px;
  width: 58px;
  height: 58px;
  background-image: url(../../img/pies/pie-38.png);
}
.pie.sm.sp2,
.small-pies.sm.sp2 {
  top: 169px;
  left: 77px;
  width: 59px;
  height: 79px;
  background-image: url(../../img/pies/pie-39.png);
}
.pie.sm.sp3,
.small-pies.sm.sp3 {
  top: 148px;
  left: 127px;
  width: 69px;
  height: 81px;
  background-image: url(../../img/pies/pie-40.png);
}
.pie.sm.sp4,
.small-pies.sm.sp4 {
  top: 135px;
  left: 180px;
  width: 79px;
  height: 74px;
  background-image: url(../../img/pies/pie-41.png);
}
.pie.sm.sp5,
.small-pies.sm.sp5 {
  top: 132px;
  left: 240px;
  width: 80px;
  height: 71px;
  background-image: url(../../img/pies/pie-42.png);
}
.pie.sm.sp6,
.small-pies.sm.sp6 {
  top: 133px;
  left: 296px;
  width: 83px;
  height: 67px;
  background-image: url(../../img/pies/pie-43.png);
}
.pie.sm.sp7,
.small-pies.sm.sp7 {
  top: 139px;
  left: 356px;
  width: 84px;
  height: 66px;
  background-image: url(../../img/pies/pie-44.png);
}
.pie.sm.sp8,
.small-pies.sm.sp8 {
  top: 150px;
  left: 415px;
  width: 85px;
  height: 64px;
  background-image: url(../../img/pies/pie-45.png);
}
.pie.sm.sp9,
.small-pies.sm.sp9 {
  top: 174px;
  left: 467px;
  width: 92px;
  height: 60px;
  background-image: url(../../img/pies/pie-46.png);
}
.pie.sm.sp10,
.small-pies.sm.sp10 {
  top: 203px;
  left: 523px;
  width: 93px;
  height: 60px;
  background-image: url(../../img/pies/pie-47.png);
}
@media only screen and (min-width: 1200px) {
  .foot .left {
    float: left;
    padding-right: 0;
  }
  .foot .right {
    float: right;
    padding-right: 160px;
  }
}