/*
yummi-loader.css - http://gummibearlab.github.io/Yummi-loader/
Licensed under the MIT license

Copyright (c) 2013 Daniele Tabanella (gummibearlab)

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.off .fadein,
.fadein.off {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 1, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 1, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 1, 1);
  transition-timing-function: cubic-bezier(0, 0, 1, 1);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.on .fadein,
.fadein.on {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 1, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 1, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 1, 1);
  transition-timing-function: cubic-bezier(0, 0, 1, 1);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.scale,
scaleInv {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.off .scale,
.off scaleInv,
.scale.off,
scaleInv.off {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -moz-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -o-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.on .scale,
.on scaleInv,
.scale.on,
scaleInv.on {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.off .scaleInv,
.scaleInv.on {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -moz-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -o-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.on .scaleInv,
.scaleInv.on {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.off .anim_17,
.anim_17.off {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.on .anim_17,
.anim_17.on {
  -webkit-transition-delay: 3.05s;
  -moz-transition-delay: 3.05s;
  -o-transition-delay: 3.05s;
  transition-delay: 3.05s;
}
.off .anim_16,
.anim_16.off {
  -webkit-transition-delay: 0.15s;
  -moz-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.on .anim_16,
.anim_16.on {
  -webkit-transition-delay: 2.9s;
  -moz-transition-delay: 2.9s;
  -o-transition-delay: 2.9s;
  transition-delay: 2.9s;
}
.off .anim_15,
.anim_15.off {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.on .anim_15,
.anim_15.on {
  -webkit-transition-delay: 2.75s;
  -moz-transition-delay: 2.75s;
  -o-transition-delay: 2.75s;
  transition-delay: 2.75s;
}
.off .anim_14,
.anim_14.off {
  -webkit-transition-delay: 0.44999999999999996s;
  -moz-transition-delay: 0.44999999999999996s;
  -o-transition-delay: 0.44999999999999996s;
  transition-delay: 0.44999999999999996s;
}
.on .anim_14,
.anim_14.on {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  -o-transition-delay: 2.6s;
  transition-delay: 2.6s;
}
.off .anim_13,
.anim_13.off {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.on .anim_13,
.anim_13.on {
  -webkit-transition-delay: 2.45s;
  -moz-transition-delay: 2.45s;
  -o-transition-delay: 2.45s;
  transition-delay: 2.45s;
}
.off .anim_12,
.anim_12.off {
  -webkit-transition-delay: 0.75s;
  -moz-transition-delay: 0.75s;
  -o-transition-delay: 0.75s;
  transition-delay: 0.75s;
}
.on .anim_12,
.anim_12.on {
  -webkit-transition-delay: 2.3s;
  -moz-transition-delay: 2.3s;
  -o-transition-delay: 2.3s;
  transition-delay: 2.3s;
}
.off .anim_11,
.anim_11.off {
  -webkit-transition-delay: 0.8999999999999999s;
  -moz-transition-delay: 0.8999999999999999s;
  -o-transition-delay: 0.8999999999999999s;
  transition-delay: 0.8999999999999999s;
}
.on .anim_11,
.anim_11.on {
  -webkit-transition-delay: 2.15s;
  -moz-transition-delay: 2.15s;
  -o-transition-delay: 2.15s;
  transition-delay: 2.15s;
}
.off .anim_10,
.anim_10.off {
  -webkit-transition-delay: 1.05s;
  -moz-transition-delay: 1.05s;
  -o-transition-delay: 1.05s;
  transition-delay: 1.05s;
}
.on .anim_10,
.anim_10.on {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.off .anim_9,
.anim_9.off {
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.on .anim_9,
.anim_9.on {
  -webkit-transition-delay: 1.8499999999999999s;
  -moz-transition-delay: 1.8499999999999999s;
  -o-transition-delay: 1.8499999999999999s;
  transition-delay: 1.8499999999999999s;
}
.off .anim_8,
.anim_8.off {
  -webkit-transition-delay: 1.3499999999999999s;
  -moz-transition-delay: 1.3499999999999999s;
  -o-transition-delay: 1.3499999999999999s;
  transition-delay: 1.3499999999999999s;
}
.on .anim_8,
.anim_8.on {
  -webkit-transition-delay: 1.7s;
  -moz-transition-delay: 1.7s;
  -o-transition-delay: 1.7s;
  transition-delay: 1.7s;
}
.off .anim_7,
.anim_7.off {
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.on .anim_7,
.anim_7.on {
  -webkit-transition-delay: 1.55s;
  -moz-transition-delay: 1.55s;
  -o-transition-delay: 1.55s;
  transition-delay: 1.55s;
}
.off .anim_6,
.anim_6.off {
  -webkit-transition-delay: 1.65s;
  -moz-transition-delay: 1.65s;
  -o-transition-delay: 1.65s;
  transition-delay: 1.65s;
}
.on .anim_6,
.anim_6.on {
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
}
.off .anim_5,
.anim_5.off {
  -webkit-transition-delay: 1.7999999999999998s;
  -moz-transition-delay: 1.7999999999999998s;
  -o-transition-delay: 1.7999999999999998s;
  transition-delay: 1.7999999999999998s;
}
.on .anim_5,
.anim_5.on {
  -webkit-transition-delay: 1.25s;
  -moz-transition-delay: 1.25s;
  -o-transition-delay: 1.25s;
  transition-delay: 1.25s;
}
.off .anim_4,
.anim_4.off {
  -webkit-transition-delay: 1.95s;
  -moz-transition-delay: 1.95s;
  -o-transition-delay: 1.95s;
  transition-delay: 1.95s;
}
.on .anim_4,
.anim_4.on {
  -webkit-transition-delay: 1.1s;
  -moz-transition-delay: 1.1s;
  -o-transition-delay: 1.1s;
  transition-delay: 1.1s;
}
.off .anim_3,
.anim_3.off {
  -webkit-transition-delay: 2.1s;
  -moz-transition-delay: 2.1s;
  -o-transition-delay: 2.1s;
  transition-delay: 2.1s;
}
.on .anim_3,
.anim_3.on {
  -webkit-transition-delay: 0.95s;
  -moz-transition-delay: 0.95s;
  -o-transition-delay: 0.95s;
  transition-delay: 0.95s;
}
.off .anim_2,
.anim_2.off {
  -webkit-transition-delay: 2.25s;
  -moz-transition-delay: 2.25s;
  -o-transition-delay: 2.25s;
  transition-delay: 2.25s;
}
.on .anim_2,
.anim_2.on {
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.off .anim_1,
.anim_1.off {
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  -o-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.on .anim_1,
.anim_1.on {
  -webkit-transition-delay: 0.65s;
  -moz-transition-delay: 0.65s;
  -o-transition-delay: 0.65s;
  transition-delay: 0.65s;
}
body {
  overflow-x: hidden;
}
.styleswitcher { position: fixed; height: 266px; width: 220px; background: #ffffff; color: #595959; top:150px; left:-223px;z-index:5000; border: 1px solid #e1e1e1; }
.styleswitcher.ackapa { left:0;}
.styleswitcher .switch { border-bottom: 1px solid #e1e1e1; padding-left: 20px; padding-bottom: 10px; }
.styleswitcher .switch h5 { margin-top: 20px;}
.styleswitcher .switch p { margin-top: 10px;}
.stylebutton { cursor: pointer; position: absolute; text-align: center; line-height: 62px; background: #fff; width: 50px; height: 50px; top:-1px; right: -53px; border: 1px solid #e1e1e1;}

.styleswitcher select { margin-top: 10px; width: 180px;}

.asset-change, .green-change, .lightbrown-change, .lightyellow-change, .orange-change, .purple-change, .red-change, .yellow-change { width: 24px; height: 24px; float: left;  margin-right: 7px; margin-bottom: 10px; cursor: pointer; }
.asset-change { background: #0cadbe; }
.green-change { background: #76b737; }
.lightbrown-change { background: #cda659; }
.lightyellow-change { background: #e7d408; }
.orange-change { background: #ff9c00; }
.purple-change { background: #c74a73; }
.red-change { background: #e54242; }
.yellow-change { background: #fac32d; }