@charset "utf-8";
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {
 margin:0;
 padding:0;
 border:0;
 outline:0;
 font-size:100%;
 vertical-align:top;
 background:0 0
}
body {
 line-height:1
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
 display:block
}
nav ul {
 list-style:none
}
blockquote,
q {
 quotes:none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
 content:'';
 content:none
}
a {
 margin:0;
 padding:0;
 font-size:100%;
 vertical-align:baseline;
 background:0 0
}
ins {
 background-color:#ff9;
 color:#000;
 text-decoration:none
}
mark {
 background-color:#ff9;
 color:#000;
 font-style:italic;
 font-weight:700
}
del {
 text-decoration:line-through
}
abbr[title],
dfn[title] {
 border-bottom:1px dotted;
 cursor:help
}
table {
 border-collapse:collapse;
 border-spacing:0
}
hr {
 display:block;
 height:1px;
 border:0;
 border-top:1px solid #ccc;
 margin:1em 0;
 padding:0
}
input,
select {
 vertical-align:middle
}
.animated {
 -webkit-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
.animated.infinite {
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite
}
.animated.hinge {
 -webkit-animation-duration:2s;
 animation-duration:2s
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
 -webkit-animation-duration:.75s;
 animation-duration:.75s
}
@-webkit-keyframes bounce {
 0%,
 20%,
 53%,
 80%,
 to {
  -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
  animation-timing-function:cubic-bezier(.215,.61,.355,1);
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
 40%,
 43% {
  -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-30px,0)
 }
 40%,
 43%,
 70% {
  -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
  animation-timing-function:cubic-bezier(.755,.05,.855,.06)
 }
 70% {
  -webkit-transform:translate3d(0,-15px,0);
  transform:translate3d(0,-15px,0)
 }
 90% {
  -webkit-transform:translate3d(0,-4px,0);
  transform:translate3d(0,-4px,0)
 }
}
@keyframes bounce {
 0%,
 20%,
 53%,
 80%,
 to {
  -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
  animation-timing-function:cubic-bezier(.215,.61,.355,1);
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
 40%,
 43% {
  -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-30px,0)
 }
 40%,
 43%,
 70% {
  -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
  animation-timing-function:cubic-bezier(.755,.05,.855,.06)
 }
 70% {
  -webkit-transform:translate3d(0,-15px,0);
  transform:translate3d(0,-15px,0)
 }
 90% {
  -webkit-transform:translate3d(0,-4px,0);
  transform:translate3d(0,-4px,0)
 }
}
.bounce {
 -webkit-animation-name:bounce;
 animation-name:bounce;
 -webkit-transform-origin:center bottom;
 transform-origin:center bottom
}
@-webkit-keyframes flash {
 0%,
 50%,
 to {
  opacity:1
 }
 25%,
 75% {
  opacity:0
 }
}
@keyframes flash {
 0%,
 50%,
 to {
  opacity:1
 }
 25%,
 75% {
  opacity:0
 }
}
.flash {
 -webkit-animation-name:flash;
 animation-name:flash
}
@-webkit-keyframes pulse {
 0% {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
 }
 50% {
  -webkit-transform:scale3d(1.05,1.05,1.05);
  transform:scale3d(1.05,1.05,1.05)
 }
 to {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
 }
}
@keyframes pulse {
 0% {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
 }
 50% {
  -webkit-transform:scale3d(1.05,1.05,1.05);
  transform:scale3d(1.05,1.05,1.05)
 }
 to {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
 }
}
.pulse {
 -webkit-animation-name:pulse;
 animation-name:pulse
}
@-webkit-keyframes rubberBand {
 0% {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
 }
 30% {
  -webkit-transform:scale3d(1.25,.75,1);
  transform:scale3d(1.25,.75,1)
 }
 40% {
  -webkit-transform:scale3d(.75,1.25,1);
  transform:scale3d(.75,1.25,1)
 }
 50% {
  -webkit-transform:scale3d(1.15,.85,1);
  transform:scale3d(1.15,.85,1)
 }
 65% {
  -webkit-transform:scale3d(.95,1.05,1);
  transform:scale3d(.95,1.05,1)
 }
 75% {
  -webkit-transform:scale3d(1.05,.95,1);
  transform:scale3d(1.05,.95,1)
 }
 to {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
 }
}
@keyframes rubberBand {
 0% {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
 }
 30% {
  -webkit-transform:scale3d(1.25,.75,1);
  transform:scale3d(1.25,.75,1)
 }
 40% {
  -webkit-transform:scale3d(.75,1.25,1);
  transform:scale3d(.75,1.25,1)
 }
 50% {
  -webkit-transform:scale3d(1.15,.85,1);
  transform:scale3d(1.15,.85,1)
 }
 65% {
  -webkit-transform:scale3d(.95,1.05,1);
  transform:scale3d(.95,1.05,1)
 }
 75% {
  -webkit-transform:scale3d(1.05,.95,1);
  transform:scale3d(1.05,.95,1)
 }
 to {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
 }
}
.rubberBand {
 -webkit-animation-name:rubberBand;
 animation-name:rubberBand
}
@-webkit-keyframes shake {
 0%,
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
 10%,
 30%,
 50%,
 70%,
 90% {
  -webkit-transform:translate3d(-10px,0,0);
  transform:translate3d(-10px,0,0)
 }
 20%,
 40%,
 60%,
 80% {
  -webkit-transform:translate3d(10px,0,0);
  transform:translate3d(10px,0,0)
 }
}
@keyframes shake {
 0%,
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
 10%,
 30%,
 50%,
 70%,
 90% {
  -webkit-transform:translate3d(-10px,0,0);
  transform:translate3d(-10px,0,0)
 }
 20%,
 40%,
 60%,
 80% {
  -webkit-transform:translate3d(10px,0,0);
  transform:translate3d(10px,0,0)
 }
}
.shake {
 -webkit-animation-name:shake;
 animation-name:shake
}
@-webkit-keyframes headShake {
 0% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
 6.5% {
  -webkit-transform:translateX(-6px) rotateY(-9deg);
  transform:translateX(-6px) rotateY(-9deg)
 }
 18.5% {
  -webkit-transform:translateX(5px) rotateY(7deg);
  transform:translateX(5px) rotateY(7deg)
 }
 31.5% {
  -webkit-transform:translateX(-3px) rotateY(-5deg);
  transform:translateX(-3px) rotateY(-5deg)
 }
 43.5% {
  -webkit-transform:translateX(2px) rotateY(3deg);
  transform:translateX(2px) rotateY(3deg)
 }
 50% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
}
@keyframes headShake {
 0% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
 6.5% {
  -webkit-transform:translateX(-6px) rotateY(-9deg);
  transform:translateX(-6px) rotateY(-9deg)
 }
 18.5% {
  -webkit-transform:translateX(5px) rotateY(7deg);
  transform:translateX(5px) rotateY(7deg)
 }
 31.5% {
  -webkit-transform:translateX(-3px) rotateY(-5deg);
  transform:translateX(-3px) rotateY(-5deg)
 }
 43.5% {
  -webkit-transform:translateX(2px) rotateY(3deg);
  transform:translateX(2px) rotateY(3deg)
 }
 50% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
}
.headShake {
 -webkit-animation-timing-function:ease-in-out;
 animation-timing-function:ease-in-out;
 -webkit-animation-name:headShake;
 animation-name:headShake
}
@-webkit-keyframes swing {
 20% {
  -webkit-transform:rotate(15deg);
  transform:rotate(15deg)
 }
 40% {
  -webkit-transform:rotate(-10deg);
  transform:rotate(-10deg)
 }
 60% {
  -webkit-transform:rotate(5deg);
  transform:rotate(5deg)
 }
 80% {
  -webkit-transform:rotate(-5deg);
  transform:rotate(-5deg)
 }
 to {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
}
@keyframes swing {
 20% {
  -webkit-transform:rotate(15deg);
  transform:rotate(15deg)
 }
 40% {
  -webkit-transform:rotate(-10deg);
  transform:rotate(-10deg)
 }
 60% {
  -webkit-transform:rotate(5deg);
  transform:rotate(5deg)
 }
 80% {
  -webkit-transform:rotate(-5deg);
  transform:rotate(-5deg)
 }
 to {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
}
.swing {
 -webkit-transform-origin:top center;
 transform-origin:top center;
 -webkit-animation-name:swing;
 animation-name:swing
}
@-webkit-keyframes tada {
 0% {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
 }
 10%,
 20% {
  -webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);
  transform:scale3d(.9,.9,.9) rotate(-3deg)
 }
 30%,
 50%,
 70%,
 90% {
  -webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);
  transform:scale3d(1.1,1.1,1.1) rotate(3deg)
 }
 40%,
 60%,
 80% {
  -webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);
  transform:scale3d(1.1,1.1,1.1) rotate(-3deg)
 }
 to {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
 }
}
@keyframes tada {
 0% {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
 }
 10%,
 20% {
  -webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);
  transform:scale3d(.9,.9,.9) rotate(-3deg)
 }
 30%,
 50%,
 70%,
 90% {
  -webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);
  transform:scale3d(1.1,1.1,1.1) rotate(3deg)
 }
 40%,
 60%,
 80% {
  -webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);
  transform:scale3d(1.1,1.1,1.1) rotate(-3deg)
 }
 to {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
 }
}
.tada {
 -webkit-animation-name:tada;
 animation-name:tada
}
@-webkit-keyframes wobble {
 0% {
  -webkit-transform:none;
  transform:none
 }
 15% {
  -webkit-transform:translate3d(-25%,0,0) rotate(-5deg);
  transform:translate3d(-25%,0,0) rotate(-5deg)
 }
 30% {
  -webkit-transform:translate3d(20%,0,0) rotate(3deg);
  transform:translate3d(20%,0,0) rotate(3deg)
 }
 45% {
  -webkit-transform:translate3d(-15%,0,0) rotate(-3deg);
  transform:translate3d(-15%,0,0) rotate(-3deg)
 }
 60% {
  -webkit-transform:translate3d(10%,0,0) rotate(2deg);
  transform:translate3d(10%,0,0) rotate(2deg)
 }
 75% {
  -webkit-transform:translate3d(-5%,0,0) rotate(-1deg);
  transform:translate3d(-5%,0,0) rotate(-1deg)
 }
 to {
  -webkit-transform:none;
  transform:none
 }
}
@keyframes wobble {
 0% {
  -webkit-transform:none;
  transform:none
 }
 15% {
  -webkit-transform:translate3d(-25%,0,0) rotate(-5deg);
  transform:translate3d(-25%,0,0) rotate(-5deg)
 }
 30% {
  -webkit-transform:translate3d(20%,0,0) rotate(3deg);
  transform:translate3d(20%,0,0) rotate(3deg)
 }
 45% {
  -webkit-transform:translate3d(-15%,0,0) rotate(-3deg);
  transform:translate3d(-15%,0,0) rotate(-3deg)
 }
 60% {
  -webkit-transform:translate3d(10%,0,0) rotate(2deg);
  transform:translate3d(10%,0,0) rotate(2deg)
 }
 75% {
  -webkit-transform:translate3d(-5%,0,0) rotate(-1deg);
  transform:translate3d(-5%,0,0) rotate(-1deg)
 }
 to {
  -webkit-transform:none;
  transform:none
 }
}
.wobble {
 -webkit-animation-name:wobble;
 animation-name:wobble
}
@-webkit-keyframes jello {
 0%,
 11.1%,
 to {
  -webkit-transform:none;
  transform:none
 }
 22.2% {
  -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
  transform:skewX(-12.5deg) skewY(-12.5deg)
 }
 33.3% {
  -webkit-transform:skewX(6.25deg) skewY(6.25deg);
  transform:skewX(6.25deg) skewY(6.25deg)
 }
 44.4% {
  -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
  transform:skewX(-3.125deg) skewY(-3.125deg)
 }
 55.5% {
  -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
  transform:skewX(1.5625deg) skewY(1.5625deg)
 }
 66.6% {
  -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
  transform:skewX(-.78125deg) skewY(-.78125deg)
 }
 77.7% {
  -webkit-transform:skewX(.390625deg) skewY(.390625deg);
  transform:skewX(.390625deg) skewY(.390625deg)
 }
 88.8% {
  -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
  transform:skewX(-.1953125deg) skewY(-.1953125deg)
 }
}
@keyframes jello {
 0%,
 11.1%,
 to {
  -webkit-transform:none;
  transform:none
 }
 22.2% {
  -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
  transform:skewX(-12.5deg) skewY(-12.5deg)
 }
 33.3% {
  -webkit-transform:skewX(6.25deg) skewY(6.25deg);
  transform:skewX(6.25deg) skewY(6.25deg)
 }
 44.4% {
  -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
  transform:skewX(-3.125deg) skewY(-3.125deg)
 }
 55.5% {
  -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
  transform:skewX(1.5625deg) skewY(1.5625deg)
 }
 66.6% {
  -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
  transform:skewX(-.78125deg) skewY(-.78125deg)
 }
 77.7% {
  -webkit-transform:skewX(.390625deg) skewY(.390625deg);
  transform:skewX(.390625deg) skewY(.390625deg)
 }
 88.8% {
  -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
  transform:skewX(-.1953125deg) skewY(-.1953125deg)
 }
}
.jello {
 -webkit-animation-name:jello;
 animation-name:jello;
 -webkit-transform-origin:center;
 transform-origin:center
}
@-webkit-keyframes bounceIn {
 0%,
 20%,
 40%,
 60%,
 80%,
 to {
  -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
  animation-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 20% {
  -webkit-transform:scale3d(1.1,1.1,1.1);
  transform:scale3d(1.1,1.1,1.1)
 }
 40% {
  -webkit-transform:scale3d(.9,.9,.9);
  transform:scale3d(.9,.9,.9)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(1.03,1.03,1.03);
  transform:scale3d(1.03,1.03,1.03)
 }
 80% {
  -webkit-transform:scale3d(.97,.97,.97);
  transform:scale3d(.97,.97,.97)
 }
 to {
  opacity:1;
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
 }
}
@keyframes bounceIn {
 0%,
 20%,
 40%,
 60%,
 80%,
 to {
  -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
  animation-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 20% {
  -webkit-transform:scale3d(1.1,1.1,1.1);
  transform:scale3d(1.1,1.1,1.1)
 }
 40% {
  -webkit-transform:scale3d(.9,.9,.9);
  transform:scale3d(.9,.9,.9)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(1.03,1.03,1.03);
  transform:scale3d(1.03,1.03,1.03)
 }
 80% {
  -webkit-transform:scale3d(.97,.97,.97);
  transform:scale3d(.97,.97,.97)
 }
 to {
  opacity:1;
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
 }
}
.bounceIn {
 -webkit-animation-name:bounceIn;
 animation-name:bounceIn
}
@-webkit-keyframes bounceInDown {
 0%,
 60%,
 75%,
 90%,
 to {
  -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
  animation-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-3000px,0);
  transform:translate3d(0,-3000px,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(0,25px,0);
  transform:translate3d(0,25px,0)
 }
 75% {
  -webkit-transform:translate3d(0,-10px,0);
  transform:translate3d(0,-10px,0)
 }
 90% {
  -webkit-transform:translate3d(0,5px,0);
  transform:translate3d(0,5px,0)
 }
 to {
  -webkit-transform:none;
  transform:none
 }
}
@keyframes bounceInDown {
 0%,
 60%,
 75%,
 90%,
 to {
  -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
  animation-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-3000px,0);
  transform:translate3d(0,-3000px,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(0,25px,0);
  transform:translate3d(0,25px,0)
 }
 75% {
  -webkit-transform:translate3d(0,-10px,0);
  transform:translate3d(0,-10px,0)
 }
 90% {
  -webkit-transform:translate3d(0,5px,0);
  transform:translate3d(0,5px,0)
 }
 to {
  -webkit-transform:none;
  transform:none
 }
}
.bounceInDown {
 -webkit-animation-name:bounceInDown;
 animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft {
 0%,
 60%,
 75%,
 90%,
 to {
  -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
  animation-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(-3000px,0,0);
  transform:translate3d(-3000px,0,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(25px,0,0);
  transform:translate3d(25px,0,0)
 }
 75% {
  -webkit-transform:translate3d(-10px,0,0);
  transform:translate3d(-10px,0,0)
 }
 90% {
  -webkit-transform:translate3d(5px,0,0);
  transform:translate3d(5px,0,0)
 }
 to {
  -webkit-transform:none;
  transform:none
 }
}
@keyframes bounceInLeft {
 0%,
 60%,
 75%,
 90%,
 to {
  -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
  animation-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(-3000px,0,0);
  transform:translate3d(-3000px,0,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(25px,0,0);
  transform:translate3d(25px,0,0)
 }
 75% {
  -webkit-transform:translate3d(-10px,0,0);
  transform:translate3d(-10px,0,0)
 }
 90% {
  -webkit-transform:translate3d(5px,0,0);
  transform:translate3d(5px,0,0)
 }
 to {
  -webkit-transform:none;
  transform:none
 }
}
.bounceInLeft {
 -webkit-animation-name:bounceInLeft;
 animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight {
 0%,
 60%,
 75%,
 90%,
 to {
  -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
  animation-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(3000px,0,0);
  transform:translate3d(3000px,0,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(-25px,0,0);
  transform:translate3d(-25px,0,0)
 }
 75% {
  -webkit-transform:translate3d(10px,0,0);
  transform:translate3d(10px,0,0)
 }
 90% {
  -webkit-transform:translate3d(-5px,0,0);
  transform:translate3d(-5px,0,0)
 }
 to {
  -webkit-transform:none;
  transform:none
 }
}
@keyframes bounceInRight {
 0%,
 60%,
 75%,
 90%,
 to {
  -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
  animation-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(3000px,0,0);
  transform:translate3d(3000px,0,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(-25px,0,0);
  transform:translate3d(-25px,0,0)
 }
 75% {
  -webkit-transform:translate3d(10px,0,0);
  transform:translate3d(10px,0,0)
 }
 90% {
  -webkit-transform:translate3d(-5px,0,0);
  transform:translate3d(-5px,0,0)
 }
 to {
  -webkit-transform:none;
  transform:none
 }
}
.bounceInRight {
 -webkit-animation-name:bounceInRight;
 animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp {
 0%,
 60%,
 75%,
 90%,
 to {
  -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
  animation-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,3000px,0);
  transform:translate3d(0,3000px,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(0,-20px,0);
  transform:translate3d(0,-20px,0)
 }
 75% {
  -webkit-transform:translate3d(0,10px,0);
  transform:translate3d(0,10px,0)
 }
 90% {
  -webkit-transform:translate3d(0,-5px,0);
  transform:translate3d(0,-5px,0)
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
@keyframes bounceInUp {
 0%,
 60%,
 75%,
 90%,
 to {
  -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
  animation-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,3000px,0);
  transform:translate3d(0,3000px,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(0,-20px,0);
  transform:translate3d(0,-20px,0)
 }
 75% {
  -webkit-transform:translate3d(0,10px,0);
  transform:translate3d(0,10px,0)
 }
 90% {
  -webkit-transform:translate3d(0,-5px,0);
  transform:translate3d(0,-5px,0)
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
.bounceInUp {
 -webkit-animation-name:bounceInUp;
 animation-name:bounceInUp
}
@-webkit-keyframes bounceOut {
 20% {
  -webkit-transform:scale3d(.9,.9,.9);
  transform:scale3d(.9,.9,.9)
 }
 50%,
 55% {
  opacity:1;
  -webkit-transform:scale3d(1.1,1.1,1.1);
  transform:scale3d(1.1,1.1,1.1)
 }
 to {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
}
@keyframes bounceOut {
 20% {
  -webkit-transform:scale3d(.9,.9,.9);
  transform:scale3d(.9,.9,.9)
 }
 50%,
 55% {
  opacity:1;
  -webkit-transform:scale3d(1.1,1.1,1.1);
  transform:scale3d(1.1,1.1,1.1)
 }
 to {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
}
.bounceOut {
 -webkit-animation-name:bounceOut;
 animation-name:bounceOut
}
@-webkit-keyframes bounceOutDown {
 20% {
  -webkit-transform:translate3d(0,10px,0);
  transform:translate3d(0,10px,0)
 }
 40%,
 45% {
  opacity:1;
  -webkit-transform:translate3d(0,-20px,0);
  transform:translate3d(0,-20px,0)
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(0,2000px,0);
  transform:translate3d(0,2000px,0)
 }
}
@keyframes bounceOutDown {
 20% {
  -webkit-transform:translate3d(0,10px,0);
  transform:translate3d(0,10px,0)
 }
 40%,
 45% {
  opacity:1;
  -webkit-transform:translate3d(0,-20px,0);
  transform:translate3d(0,-20px,0)
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(0,2000px,0);
  transform:translate3d(0,2000px,0)
 }
}
.bounceOutDown {
 -webkit-animation-name:bounceOutDown;
 animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
 20% {
  opacity:1;
  -webkit-transform:translate3d(20px,0,0);
  transform:translate3d(20px,0,0)
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(-2000px,0,0);
  transform:translate3d(-2000px,0,0)
 }
}
@keyframes bounceOutLeft {
 20% {
  opacity:1;
  -webkit-transform:translate3d(20px,0,0);
  transform:translate3d(20px,0,0)
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(-2000px,0,0);
  transform:translate3d(-2000px,0,0)
 }
}
.bounceOutLeft {
 -webkit-animation-name:bounceOutLeft;
 animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
 20% {
  opacity:1;
  -webkit-transform:translate3d(-20px,0,0);
  transform:translate3d(-20px,0,0)
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(2000px,0,0);
  transform:translate3d(2000px,0,0)
 }
}
@keyframes bounceOutRight {
 20% {
  opacity:1;
  -webkit-transform:translate3d(-20px,0,0);
  transform:translate3d(-20px,0,0)
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(2000px,0,0);
  transform:translate3d(2000px,0,0)
 }
}
.bounceOutRight {
 -webkit-animation-name:bounceOutRight;
 animation-name:bounceOutRight
}
@-webkit-keyframes bounceOutUp {
 20% {
  -webkit-transform:translate3d(0,-10px,0);
  transform:translate3d(0,-10px,0)
 }
 40%,
 45% {
  opacity:1;
  -webkit-transform:translate3d(0,20px,0);
  transform:translate3d(0,20px,0)
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(0,-2000px,0);
  transform:translate3d(0,-2000px,0)
 }
}
@keyframes bounceOutUp {
 20% {
  -webkit-transform:translate3d(0,-10px,0);
  transform:translate3d(0,-10px,0)
 }
 40%,
 45% {
  opacity:1;
  -webkit-transform:translate3d(0,20px,0);
  transform:translate3d(0,20px,0)
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(0,-2000px,0);
  transform:translate3d(0,-2000px,0)
 }
}
.bounceOutUp {
 -webkit-animation-name:bounceOutUp;
 animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn {
 0% {
  opacity:0
 }
 to {
  opacity:1
 }
}
@keyframes fadeIn {
 0% {
  opacity:0
 }
 to {
  opacity:1
 }
}
.fadeIn {
 -webkit-animation-name:fadeIn;
 animation-name:fadeIn
}
@-webkit-keyframes fadeInDown {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInDown {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInDown {
 -webkit-animation-name:fadeInDown;
 animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-2000px,0);
  transform:translate3d(0,-2000px,0)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInDownBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-2000px,0);
  transform:translate3d(0,-2000px,0)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInDownBig {
 -webkit-animation-name:fadeInDownBig;
 animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInLeft {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInLeft {
 -webkit-animation-name:fadeInLeft;
 animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-2000px,0,0);
  transform:translate3d(-2000px,0,0)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInLeftBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-2000px,0,0);
  transform:translate3d(-2000px,0,0)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInLeftBig {
 -webkit-animation-name:fadeInLeftBig;
 animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
 0% {
  opacity:0;
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInRight {
 0% {
  opacity:0;
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInRight {
 -webkit-animation-name:fadeInRight;
 animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(2000px,0,0);
  transform:translate3d(2000px,0,0)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInRightBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(2000px,0,0);
  transform:translate3d(2000px,0,0)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInRightBig {
 -webkit-animation-name:fadeInRightBig;
 animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInUp {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInUp {
 -webkit-animation-name:fadeInUp;
 animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,2000px,0);
  transform:translate3d(0,2000px,0)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInUpBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,2000px,0);
  transform:translate3d(0,2000px,0)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInUpBig {
 -webkit-animation-name:fadeInUpBig;
 animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut {
 0% {
  opacity:1
 }
 to {
  opacity:0
 }
}
@keyframes fadeOut {
 0% {
  opacity:1
 }
 to {
  opacity:0
 }
}
.fadeOut {
 -webkit-animation-name:fadeOut;
 animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0)
 }
}
@keyframes fadeOutDown {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0)
 }
}
.fadeOutDown {
 -webkit-animation-name:fadeOutDown;
 animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(0,2000px,0);
  transform:translate3d(0,2000px,0)
 }
}
@keyframes fadeOutDownBig {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(0,2000px,0);
  transform:translate3d(0,2000px,0)
 }
}
.fadeOutDownBig {
 -webkit-animation-name:fadeOutDownBig;
 animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)
 }
}
@keyframes fadeOutLeft {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)
 }
}
.fadeOutLeft {
 -webkit-animation-name:fadeOutLeft;
 animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(-2000px,0,0);
  transform:translate3d(-2000px,0,0)
 }
}
@keyframes fadeOutLeftBig {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(-2000px,0,0);
  transform:translate3d(-2000px,0,0)
 }
}
.fadeOutLeftBig {
 -webkit-animation-name:fadeOutLeftBig;
 animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)
 }
}
@keyframes fadeOutRight {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)
 }
}
.fadeOutRight {
 -webkit-animation-name:fadeOutRight;
 animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(2000px,0,0);
  transform:translate3d(2000px,0,0)
 }
}
@keyframes fadeOutRightBig {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(2000px,0,0);
  transform:translate3d(2000px,0,0)
 }
}
.fadeOutRightBig {
 -webkit-animation-name:fadeOutRightBig;
 animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0)
 }
}
@keyframes fadeOutUp {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0)
 }
}
.fadeOutUp {
 -webkit-animation-name:fadeOutUp;
 animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(0,-2000px,0);
  transform:translate3d(0,-2000px,0)
 }
}
@keyframes fadeOutUpBig {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(0,-2000px,0);
  transform:translate3d(0,-2000px,0)
 }
}
.fadeOutUpBig {
 -webkit-animation-name:fadeOutUpBig;
 animation-name:fadeOutUpBig
}
@-webkit-keyframes flip {
 0% {
  -webkit-transform:perspective(400px) rotateY(-1turn);
  transform:perspective(400px) rotateY(-1turn)
 }
 0%,
 40% {
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out
 }
 40% {
  -webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
  transform:perspective(400px) translateZ(150px) rotateY(-190deg)
 }
 50% {
  -webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
  transform:perspective(400px) translateZ(150px) rotateY(-170deg)
 }
 50%,
 80% {
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
 80% {
  -webkit-transform:perspective(400px) scale3d(.95,.95,.95);
  transform:perspective(400px) scale3d(.95,.95,.95)
 }
 to {
  -webkit-transform:perspective(400px);
  transform:perspective(400px);
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
}
@keyframes flip {
 0% {
  -webkit-transform:perspective(400px) rotateY(-1turn);
  transform:perspective(400px) rotateY(-1turn)
 }
 0%,
 40% {
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out
 }
 40% {
  -webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
  transform:perspective(400px) translateZ(150px) rotateY(-190deg)
 }
 50% {
  -webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
  transform:perspective(400px) translateZ(150px) rotateY(-170deg)
 }
 50%,
 80% {
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
 80% {
  -webkit-transform:perspective(400px) scale3d(.95,.95,.95);
  transform:perspective(400px) scale3d(.95,.95,.95)
 }
 to {
  -webkit-transform:perspective(400px);
  transform:perspective(400px);
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
}
.animated.flip {
 -webkit-backface-visibility:visible;
 backface-visibility:visible;
 -webkit-animation-name:flip;
 animation-name:flip
}
@-webkit-keyframes flipInX {
 0% {
  -webkit-transform:perspective(400px) rotateX(90deg);
  transform:perspective(400px) rotateX(90deg);
  opacity:0
 }
 0%,
 40% {
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
 40% {
  -webkit-transform:perspective(400px) rotateX(-20deg);
  transform:perspective(400px) rotateX(-20deg)
 }
 60% {
  -webkit-transform:perspective(400px) rotateX(10deg);
  transform:perspective(400px) rotateX(10deg);
  opacity:1
 }
 80% {
  -webkit-transform:perspective(400px) rotateX(-5deg);
  transform:perspective(400px) rotateX(-5deg)
 }
 to {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
}
@keyframes flipInX {
 0% {
  -webkit-transform:perspective(400px) rotateX(90deg);
  transform:perspective(400px) rotateX(90deg);
  opacity:0
 }
 0%,
 40% {
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
 40% {
  -webkit-transform:perspective(400px) rotateX(-20deg);
  transform:perspective(400px) rotateX(-20deg)
 }
 60% {
  -webkit-transform:perspective(400px) rotateX(10deg);
  transform:perspective(400px) rotateX(10deg);
  opacity:1
 }
 80% {
  -webkit-transform:perspective(400px) rotateX(-5deg);
  transform:perspective(400px) rotateX(-5deg)
 }
 to {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
}
.flipInX {
 -webkit-backface-visibility:visible!important;
 backface-visibility:visible!important;
 -webkit-animation-name:flipInX;
 animation-name:flipInX
}
@-webkit-keyframes flipInY {
 0% {
  -webkit-transform:perspective(400px) rotateY(90deg);
  transform:perspective(400px) rotateY(90deg);
  opacity:0
 }
 0%,
 40% {
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
 40% {
  -webkit-transform:perspective(400px) rotateY(-20deg);
  transform:perspective(400px) rotateY(-20deg)
 }
 60% {
  -webkit-transform:perspective(400px) rotateY(10deg);
  transform:perspective(400px) rotateY(10deg);
  opacity:1
 }
 80% {
  -webkit-transform:perspective(400px) rotateY(-5deg);
  transform:perspective(400px) rotateY(-5deg)
 }
 to {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
}
@keyframes flipInY {
 0% {
  -webkit-transform:perspective(400px) rotateY(90deg);
  transform:perspective(400px) rotateY(90deg);
  opacity:0
 }
 0%,
 40% {
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
 40% {
  -webkit-transform:perspective(400px) rotateY(-20deg);
  transform:perspective(400px) rotateY(-20deg)
 }
 60% {
  -webkit-transform:perspective(400px) rotateY(10deg);
  transform:perspective(400px) rotateY(10deg);
  opacity:1
 }
 80% {
  -webkit-transform:perspective(400px) rotateY(-5deg);
  transform:perspective(400px) rotateY(-5deg)
 }
 to {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
}
.flipInY {
 -webkit-backface-visibility:visible!important;
 backface-visibility:visible!important;
 -webkit-animation-name:flipInY;
 animation-name:flipInY
}
@-webkit-keyframes flipOutX {
 0% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
 30% {
  -webkit-transform:perspective(400px) rotateX(-20deg);
  transform:perspective(400px) rotateX(-20deg);
  opacity:1
 }
 to {
  -webkit-transform:perspective(400px) rotateX(90deg);
  transform:perspective(400px) rotateX(90deg);
  opacity:0
 }
}
@keyframes flipOutX {
 0% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
 30% {
  -webkit-transform:perspective(400px) rotateX(-20deg);
  transform:perspective(400px) rotateX(-20deg);
  opacity:1
 }
 to {
  -webkit-transform:perspective(400px) rotateX(90deg);
  transform:perspective(400px) rotateX(90deg);
  opacity:0
 }
}
.flipOutX {
 -webkit-animation-name:flipOutX;
 animation-name:flipOutX;
 -webkit-backface-visibility:visible!important;
 backface-visibility:visible!important
}
@-webkit-keyframes flipOutY {
 0% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
 30% {
  -webkit-transform:perspective(400px) rotateY(-15deg);
  transform:perspective(400px) rotateY(-15deg);
  opacity:1
 }
 to {
  -webkit-transform:perspective(400px) rotateY(90deg);
  transform:perspective(400px) rotateY(90deg);
  opacity:0
 }
}
@keyframes flipOutY {
 0% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
 30% {
  -webkit-transform:perspective(400px) rotateY(-15deg);
  transform:perspective(400px) rotateY(-15deg);
  opacity:1
 }
 to {
  -webkit-transform:perspective(400px) rotateY(90deg);
  transform:perspective(400px) rotateY(90deg);
  opacity:0
 }
}
.flipOutY {
 -webkit-backface-visibility:visible!important;
 backface-visibility:visible!important;
 -webkit-animation-name:flipOutY;
 animation-name:flipOutY
}
@-webkit-keyframes lightSpeedIn {
 0% {
  -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
  transform:translate3d(100%,0,0) skewX(-30deg);
  opacity:0
 }
 60% {
  -webkit-transform:skewX(20deg);
  transform:skewX(20deg)
 }
 60%,
 80% {
  opacity:1
 }
 80% {
  -webkit-transform:skewX(-5deg);
  transform:skewX(-5deg)
 }
 to {
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
@keyframes lightSpeedIn {
 0% {
  -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
  transform:translate3d(100%,0,0) skewX(-30deg);
  opacity:0
 }
 60% {
  -webkit-transform:skewX(20deg);
  transform:skewX(20deg)
 }
 60%,
 80% {
  opacity:1
 }
 80% {
  -webkit-transform:skewX(-5deg);
  transform:skewX(-5deg)
 }
 to {
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
.lightSpeedIn {
 -webkit-animation-name:lightSpeedIn;
 animation-name:lightSpeedIn;
 -webkit-animation-timing-function:ease-out;
 animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedOut {
 0% {
  opacity:1
 }
 to {
  -webkit-transform:translate3d(100%,0,0) skewX(30deg);
  transform:translate3d(100%,0,0) skewX(30deg);
  opacity:0
 }
}
@keyframes lightSpeedOut {
 0% {
  opacity:1
 }
 to {
  -webkit-transform:translate3d(100%,0,0) skewX(30deg);
  transform:translate3d(100%,0,0) skewX(30deg);
  opacity:0
 }
}
.lightSpeedOut {
 -webkit-animation-name:lightSpeedOut;
 animation-name:lightSpeedOut;
 -webkit-animation-timing-function:ease-in;
 animation-timing-function:ease-in
}
@-webkit-keyframes rotateIn {
 0% {
  transform-origin:center;
  -webkit-transform:rotate(-200deg);
  transform:rotate(-200deg);
  opacity:0
 }
 0%,
 to {
  -webkit-transform-origin:center
 }
 to {
  transform-origin:center;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
@keyframes rotateIn {
 0% {
  transform-origin:center;
  -webkit-transform:rotate(-200deg);
  transform:rotate(-200deg);
  opacity:0
 }
 0%,
 to {
  -webkit-transform-origin:center
 }
 to {
  transform-origin:center;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
.rotateIn {
 -webkit-animation-name:rotateIn;
 animation-name:rotateIn
}
@-webkit-keyframes rotateInDownLeft {
 0% {
  transform-origin:left bottom;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  opacity:0
 }
 0%,
 to {
  -webkit-transform-origin:left bottom
 }
 to {
  transform-origin:left bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
@keyframes rotateInDownLeft {
 0% {
  transform-origin:left bottom;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  opacity:0
 }
 0%,
 to {
  -webkit-transform-origin:left bottom
 }
 to {
  transform-origin:left bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
.rotateInDownLeft {
 -webkit-animation-name:rotateInDownLeft;
 animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
 0% {
  transform-origin:right bottom;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  opacity:0
 }
 0%,
 to {
  -webkit-transform-origin:right bottom
 }
 to {
  transform-origin:right bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
@keyframes rotateInDownRight {
 0% {
  transform-origin:right bottom;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  opacity:0
 }
 0%,
 to {
  -webkit-transform-origin:right bottom
 }
 to {
  transform-origin:right bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
.rotateInDownRight {
 -webkit-animation-name:rotateInDownRight;
 animation-name:rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
 0% {
  transform-origin:left bottom;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  opacity:0
 }
 0%,
 to {
  -webkit-transform-origin:left bottom
 }
 to {
  transform-origin:left bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
@keyframes rotateInUpLeft {
 0% {
  transform-origin:left bottom;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  opacity:0
 }
 0%,
 to {
  -webkit-transform-origin:left bottom
 }
 to {
  transform-origin:left bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
.rotateInUpLeft {
 -webkit-animation-name:rotateInUpLeft;
 animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
 0% {
  transform-origin:right bottom;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  opacity:0
 }
 0%,
 to {
  -webkit-transform-origin:right bottom
 }
 to {
  transform-origin:right bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
@keyframes rotateInUpRight {
 0% {
  transform-origin:right bottom;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  opacity:0
 }
 0%,
 to {
  -webkit-transform-origin:right bottom
 }
 to {
  transform-origin:right bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
.rotateInUpRight {
 -webkit-animation-name:rotateInUpRight;
 animation-name:rotateInUpRight
}
@-webkit-keyframes rotateOut {
 0% {
  transform-origin:center;
  opacity:1
 }
 0%,
 to {
  -webkit-transform-origin:center
 }
 to {
  transform-origin:center;
  -webkit-transform:rotate(200deg);
  transform:rotate(200deg);
  opacity:0
 }
}
@keyframes rotateOut {
 0% {
  transform-origin:center;
  opacity:1
 }
 0%,
 to {
  -webkit-transform-origin:center
 }
 to {
  transform-origin:center;
  -webkit-transform:rotate(200deg);
  transform:rotate(200deg);
  opacity:0
 }
}
.rotateOut {
 -webkit-animation-name:rotateOut;
 animation-name:rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
 0% {
  transform-origin:left bottom;
  opacity:1
 }
 0%,
 to {
  -webkit-transform-origin:left bottom
 }
 to {
  transform-origin:left bottom;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  opacity:0
 }
}
@keyframes rotateOutDownLeft {
 0% {
  transform-origin:left bottom;
  opacity:1
 }
 0%,
 to {
  -webkit-transform-origin:left bottom
 }
 to {
  transform-origin:left bottom;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  opacity:0
 }
}
.rotateOutDownLeft {
 -webkit-animation-name:rotateOutDownLeft;
 animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
 0% {
  transform-origin:right bottom;
  opacity:1
 }
 0%,
 to {
  -webkit-transform-origin:right bottom
 }
 to {
  transform-origin:right bottom;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  opacity:0
 }
}
@keyframes rotateOutDownRight {
 0% {
  transform-origin:right bottom;
  opacity:1
 }
 0%,
 to {
  -webkit-transform-origin:right bottom
 }
 to {
  transform-origin:right bottom;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  opacity:0
 }
}
.rotateOutDownRight {
 -webkit-animation-name:rotateOutDownRight;
 animation-name:rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
 0% {
  transform-origin:left bottom;
  opacity:1
 }
 0%,
 to {
  -webkit-transform-origin:left bottom
 }
 to {
  transform-origin:left bottom;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  opacity:0
 }
}
@keyframes rotateOutUpLeft {
 0% {
  transform-origin:left bottom;
  opacity:1
 }
 0%,
 to {
  -webkit-transform-origin:left bottom
 }
 to {
  transform-origin:left bottom;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  opacity:0
 }
}
.rotateOutUpLeft {
 -webkit-animation-name:rotateOutUpLeft;
 animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
 0% {
  transform-origin:right bottom;
  opacity:1
 }
 0%,
 to {
  -webkit-transform-origin:right bottom
 }
 to {
  transform-origin:right bottom;
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg);
  opacity:0
 }
}
@keyframes rotateOutUpRight {
 0% {
  transform-origin:right bottom;
  opacity:1
 }
 0%,
 to {
  -webkit-transform-origin:right bottom
 }
 to {
  transform-origin:right bottom;
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg);
  opacity:0
 }
}
.rotateOutUpRight {
 -webkit-animation-name:rotateOutUpRight;
 animation-name:rotateOutUpRight
}
@-webkit-keyframes hinge {
 0% {
  transform-origin:top left
 }
 0%,
 20%,
 60% {
  -webkit-transform-origin:top left;
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out
 }
 20%,
 60% {
  -webkit-transform:rotate(80deg);
  transform:rotate(80deg);
  transform-origin:top left
 }
 40%,
 80% {
  -webkit-transform:rotate(60deg);
  transform:rotate(60deg);
  -webkit-transform-origin:top left;
  transform-origin:top left;
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out;
  opacity:1
 }
 to {
  -webkit-transform:translate3d(0,700px,0);
  transform:translate3d(0,700px,0);
  opacity:0
 }
}
@keyframes hinge {
 0% {
  transform-origin:top left
 }
 0%,
 20%,
 60% {
  -webkit-transform-origin:top left;
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out
 }
 20%,
 60% {
  -webkit-transform:rotate(80deg);
  transform:rotate(80deg);
  transform-origin:top left
 }
 40%,
 80% {
  -webkit-transform:rotate(60deg);
  transform:rotate(60deg);
  -webkit-transform-origin:top left;
  transform-origin:top left;
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out;
  opacity:1
 }
 to {
  -webkit-transform:translate3d(0,700px,0);
  transform:translate3d(0,700px,0);
  opacity:0
 }
}
.hinge {
 -webkit-animation-name:hinge;
 animation-name:hinge
}
@-webkit-keyframes rollIn {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0) rotate(-120deg);
  transform:translate3d(-100%,0,0) rotate(-120deg)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes rollIn {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0) rotate(-120deg);
  transform:translate3d(-100%,0,0) rotate(-120deg)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.rollIn {
 -webkit-animation-name:rollIn;
 animation-name:rollIn
}
@-webkit-keyframes rollOut {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(100%,0,0) rotate(120deg);
  transform:translate3d(100%,0,0) rotate(120deg)
 }
}
@keyframes rollOut {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  -webkit-transform:translate3d(100%,0,0) rotate(120deg);
  transform:translate3d(100%,0,0) rotate(120deg)
 }
}
.rollOut {
 -webkit-animation-name:rollOut;
 animation-name:rollOut
}
@-webkit-keyframes zoomIn {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 50% {
  opacity:1
 }
}
@keyframes zoomIn {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 50% {
  opacity:1
 }
}
.zoomIn {
 -webkit-animation-name:zoomIn;
 animation-name:zoomIn
}
@-webkit-keyframes zoomInDown {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomInDown {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.zoomInDown {
 -webkit-animation-name:zoomInDown;
 animation-name:zoomInDown
}
@-webkit-keyframes zoomInLeft {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomInLeft {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.zoomInLeft {
 -webkit-animation-name:zoomInLeft;
 animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
  transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomInRight {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
  transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.zoomInRight {
 -webkit-animation-name:zoomInRight;
 animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomInUp {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.zoomInUp {
 -webkit-animation-name:zoomInUp;
 animation-name:zoomInUp
}
@-webkit-keyframes zoomOut {
 0% {
  opacity:1
 }
 50% {
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 50%,
 to {
  opacity:0
 }
}
@keyframes zoomOut {
 0% {
  opacity:1
 }
 50% {
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 50%,
 to {
  opacity:0
 }
}
.zoomOut {
 -webkit-animation-name:zoomOut;
 animation-name:zoomOut
}
@-webkit-keyframes zoomOutDown {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 to {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
  -webkit-transform-origin:center bottom;
  transform-origin:center bottom;
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomOutDown {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 to {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
  -webkit-transform-origin:center bottom;
  transform-origin:center bottom;
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.zoomOutDown {
 -webkit-animation-name:zoomOutDown;
 animation-name:zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
 }
 to {
  opacity:0;
  -webkit-transform:scale(.1) translate3d(-2000px,0,0);
  transform:scale(.1) translate3d(-2000px,0,0);
  -webkit-transform-origin:left center;
  transform-origin:left center
 }
}
@keyframes zoomOutLeft {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
 }
 to {
  opacity:0;
  -webkit-transform:scale(.1) translate3d(-2000px,0,0);
  transform:scale(.1) translate3d(-2000px,0,0);
  -webkit-transform-origin:left center;
  transform-origin:left center
 }
}
.zoomOutLeft {
 -webkit-animation-name:zoomOutLeft;
 animation-name:zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
 }
 to {
  opacity:0;
  -webkit-transform:scale(.1) translate3d(2000px,0,0);
  transform:scale(.1) translate3d(2000px,0,0);
  -webkit-transform-origin:right center;
  transform-origin:right center
 }
}
@keyframes zoomOutRight {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
 }
 to {
  opacity:0;
  -webkit-transform:scale(.1) translate3d(2000px,0,0);
  transform:scale(.1) translate3d(2000px,0,0);
  -webkit-transform-origin:right center;
  transform-origin:right center
 }
}
.zoomOutRight {
 -webkit-animation-name:zoomOutRight;
 animation-name:zoomOutRight
}
@-webkit-keyframes zoomOutUp {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 to {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  -webkit-transform-origin:center bottom;
  transform-origin:center bottom;
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomOutUp {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 to {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  -webkit-transform-origin:center bottom;
  transform-origin:center bottom;
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.zoomOutUp {
 -webkit-animation-name:zoomOutUp;
 animation-name:zoomOutUp
}
@-webkit-keyframes slideInDown {
 0% {
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0);
  visibility:visible
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
@keyframes slideInDown {
 0% {
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0);
  visibility:visible
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
.slideInDown {
 -webkit-animation-name:slideInDown;
 animation-name:slideInDown
}
@-webkit-keyframes slideInLeft {
 0% {
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0);
  visibility:visible
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
@keyframes slideInLeft {
 0% {
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0);
  visibility:visible
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
.slideInLeft {
 -webkit-animation-name:slideInLeft;
 animation-name:slideInLeft
}
@-webkit-keyframes slideInRight {
 0% {
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0);
  visibility:visible
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
@keyframes slideInRight {
 0% {
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0);
  visibility:visible
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
.slideInRight {
 -webkit-animation-name:slideInRight;
 animation-name:slideInRight
}
@-webkit-keyframes slideInUp {
 0% {
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0);
  visibility:visible
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
@keyframes slideInUp {
 0% {
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0);
  visibility:visible
 }
 to {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
.slideInUp {
 -webkit-animation-name:slideInUp;
 animation-name:slideInUp
}
@-webkit-keyframes slideOutDown {
 0% {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
 to {
  visibility:hidden;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0)
 }
}
@keyframes slideOutDown {
 0% {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
 to {
  visibility:hidden;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0)
 }
}
.slideOutDown {
 -webkit-animation-name:slideOutDown;
 animation-name:slideOutDown
}
@-webkit-keyframes slideOutLeft {
 0% {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
 to {
  visibility:hidden;
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)
 }
}
@keyframes slideOutLeft {
 0% {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
 to {
  visibility:hidden;
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)
 }
}
.slideOutLeft {
 -webkit-animation-name:slideOutLeft;
 animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight {
 0% {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
 to {
  visibility:hidden;
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)
 }
}
@keyframes slideOutRight {
 0% {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
 to {
  visibility:hidden;
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)
 }
}
.slideOutRight {
 -webkit-animation-name:slideOutRight;
 animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp {
 0% {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
 to {
  visibility:hidden;
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0)
 }
}
@keyframes slideOutUp {
 0% {
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
 to {
  visibility:hidden;
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0)
 }
}
.slideOutUp {
 -webkit-animation-name:slideOutUp;
 animation-name:slideOutUp
}
@font-face {
 font-family:fuente_light;
 src:url(../../../custom/fuentes/fuente-light.eot);
 src:url(../../../custom/fuentes/fuente-light.eot?#iefix) format('embedded-opentype'),
 url(../../../custom/fuentes/fuente-light.woff2) format('woff2'),
 url(../../../custom/fuentes/fuente-light.woff) format('woff');
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:fuente_normal;
 src:url(../../../custom/fuentes/fuente-normal.eot);
 src:url(../../../custom/fuentes/fuente-normal.eot?#iefix) format('embedded-opentype'),
 url(../../../custom/fuentes/fuente-normal.woff2) format('woff2'),
 url(../../../custom/fuentes/fuente-normal.woff) format('woff');
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:fuente_bold;
 src:url(../../../custom/fuentes/fuente-bold.eot);
 src:url(../../../custom/fuentes/fuente-bold.eot?#iefix) format('embedded-opentype'),
 url(../../../custom/fuentes/fuente-bold.woff2) format('woff2'),
 url(../../../custom/fuentes/fuente-bold.woff) format('woff');
 font-weight:400;
 font-style:normal
}
#preloader {
 position:fixed;
 left:0;
 right:0;
 top:0;
 bottom:0;
 background:#fff;
 z-index:3
}
#preloader .contenedorPreloader {
 position:fixed;
 text-align:center;
 vertical-align:middle
}
#preloader .contenedorPreloader img {
 max-width:100%
}
#preloader .contenedorPreloader .textoPreloader {
 font-family:fuente_light;
 font-style:italic
}
body.mobile #preloader .contenedorPreloader .textoPreloader {
 font-size:36px
}
body.mobile.horizontal #preloader .contenedorPreloader {
 left:25%;
 right:25%;
 top:0
}
body.mobile.vertical #preloader .contenedorPreloader {
 left:0;
 right:0;
 top:15%
}
body.mobile.mini #preloader .contenedorPreloader .textoPreloader {
 font-size:30px
}
body.mobile.mini.horizontal #preloader .contenedorPreloader {
 left:20%;
 right:20%;
 top:0
}
body.mobile.mini.vertical #preloader .contenedorPreloader {
 left:0;
 right:0;
 top:10%
}
body.phablet #preloader .contenedorPreloader .textoPreloader {
 font-size:42px
}
body.phablet.horizontal #preloader .contenedorPreloader {
 left:15%;
 right:15%;
 top:0
}
body.phablet.vertical #preloader .contenedorPreloader {
 left:0;
 right:0;
 top:10%
}
body.tablet #preloader .contenedorPreloader .textoPreloader {
 font-size:42px
}
body.tablet.horizontal #preloader .contenedorPreloader {
 left:20%;
 right:20%;
 top:0
}
body.tablet.vertical #preloader .contenedorPreloader {
 left:0;
 right:0;
 top:5%
}
body.desktop #preloader .contenedorPreloader .textoPreloader {
 font-size:52px
}
body.desktop #preloader .contenedorPreloader {
 left:25%;
 right:25%;
 top:5%
}
body.desktop.big #preloader .contenedorPreloader .textoPreloader {
 font-size:52px
}
body.desktop.big #preloader .contenedorPreloader {
 left:30%;
 right:30%;
 top:10%
}
#portadaLoader {
 position:fixed;
 left:0;
 right:0;
 top:0;
 bottom:0;
 background:#fff;
 z-index:4
}
#portadaLoader .fondoBotonera,
#portadaLoader .fondoPortada,
#portadaLoader .fondoTitulos {
 position:fixed;
 left:0;
 right:0;
 top:0;
 bottom:100%;
 -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.7);
 -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.7);
 box-shadow:0 0 5px 0 rgba(0,0,0,.7)
}
#portadaLoader .fondoPortada {
 background-color:#d4d4d4;
 height:100%;
 display:none
}
#portadaLoader .fondoBotonera {
 background:#005697
}
#portadaLoader .fondoBotonera .contenedorBotones {
 display:block;
 position:absolute;
 bottom:10px;
 text-align:center;
 width:100%
}
#portadaLoader .fondoBotonera .contenedorBotones .btnComenzar,
#portadaLoader .fondoBotonera .contenedorBotones .btnContinuar {
 position:relative;
 padding:10px 20px 5px;
 line-height:32px;
 cursor:pointer;
 font-size:20px;
 font-family:fuente_light;
 display:inline-block;
 opacity:0;
 background-color:#f1f1f1;
 color:#232323;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 border-radius:3px
}
#portadaLoader .fondoBotonera .contenedorBotones .btnComenzar.inactivo,
#portadaLoader .fondoBotonera .contenedorBotones .btnContinuar.inactivo {
 background-color:#999;
 cursor:not-allowed
}
#portadaLoader .fondoTitulos {
 background:#f1f1f1
}
#portadaLoader .fondoTitulos .portadaInfo {
 top:20%;
 left:10%;
 right:10%;
 bottom:0;
 margin:auto;
 position:absolute;
 width:auto;
 text-align:center
}
#portadaLoader .fondoTitulos .portadaInfo .logoCliente {
 margin:0 auto 20px
}
#portadaLoader .fondoTitulos .portadaInfo .logoCliente img {
 max-width:60%;
 opacity:0
}
#portadaLoader .fondoTitulos .portadaInfo .subtituloPortada,
#portadaLoader .fondoTitulos .portadaInfo .tituloPortada {
 margin-bottom:10px;
 display:none
}
#portadaLoader .fondoTitulos .portadaInfo .tituloPortada {
 font-family:fuente_normal;
 color:#00763b;
 font-size:36px
}
#portadaLoader .fondoTitulos .portadaInfo .subtituloPortada {
 font-family:fuente_light;
 color:#232323;
 margin-bottom:20px;
 font-size:32px
}
#portadaLoader .fondoTitulos .showbox {
 left:0;
 right:0;
 padding:0;
 display:none;
 position:fixed;
 bottom:3%;
 text-align:center
}
#portadaLoader .fondoTitulos .showbox .loader {
 position:relative;
 margin:0 auto 10px;
 width:80px
}
#portadaLoader .fondoTitulos .showbox .loader:before {
 content:'';
 display:block;
 padding-top:100%
}
#portadaLoader .fondoTitulos .showbox .loader .circulocargador {
 position:absolute;
 width:100%;
 height:100%;
 top:0;
 left:0
}
#portadaLoader .fondoTitulos .showbox .loader .circulocargador img {
 width:100%;
 height:100%
}
#portadaLoader .fondoTitulos .showbox .loader #porcentajeCargador {
 font-size:14px;
 color:#232323;
 position:absolute;
 top:42%;
 left:0;
 right:0;
 text-align:center
}
#portadaLoader .fondoTitulos .showbox .textoCargador {
 text-align:center;
 font-style:italic;
 font-size:16px
}
#portadaLoader .pie_portada {
 height:9%;
 position:fixed;
 bottom:5%;
 left:0;
 right:0;
 text-align:center;
 display:none
}
#portadaLoader .pie_portada img {
 display:inline-block;
 height:100%;
 margin:0 1%
}
body.mobile.mini #portadaLoader .fondoTitulos .portadaInfo .tituloPortada {
 font-size:32px
}
body.mobile.mini #portadaLoader .fondoTitulos .portadaInfo .subtituloPortada {
 font-size:28px
}
body.mobile.mini.horizontal #portadaLoader .fondoBotonera.desplegado {
 height:91%
}
body.mobile.mini.horizontal #portadaLoader .fondoTitulos .portadaInfo {
 top:15%;
 left:2%;
 right:2%
}
body.mobile.mini.horizontal #portadaLoader .fondoTitulos .portadaInfo .logoCliente img {
 max-width:30%
}
body.mobile.mini.horizontal #portadaLoader .showbox .loader {
 display:inline-block;
 margin:0
}
body.mobile.mini.horizontal #portadaLoader .showbox .textoCargador {
 display:inline-block;
 height:18px;
 margin:35px 0 0 10px
}
body.mobile.mini.vertical #portadaLoader .fondoBotonera.desplegado {
 height:84%
}
body.mobile.mini.vertical #portadaLoader .fondoTitulos .portadaInfo {
 top:20%;
 left:2%;
 right:2%
}
body.mobile #portadaLoader .fondoTitulos .portadaInfo .tituloPortada {
 font-size:36px
}
body.mobile #portadaLoader .fondoTitulos .portadaInfo .subtituloPortada {
 font-size:32px
}
body.mobile.horizontal #portadaLoader .fondoBotonera.desplegado {
 height:89%
}
body.mobile.horizontal #portadaLoader .fondoTitulos .portadaInfo {
 top:15%;
 left:3%;
 right:3%
}
body.mobile.horizontal #portadaLoader .fondoTitulos .portadaInfo .logoCliente img {
 max-width:40%
}
body.mobile.horizontal #portadaLoader .showbox {
 bottom:4%
}
body.mobile.horizontal #portadaLoader .showbox .loader {
 display:inline-block;
 margin:0
}
body.mobile.horizontal #portadaLoader .showbox .textoCargador {
 display:inline-block;
 height:18px;
 margin:35px 0 0 10px
}
body.mobile.vertical #portadaLoader .fondoBotonera.desplegado {
 height:81%
}
body.mobile.vertical #portadaLoader .fondoTitulos .portadaInfo {
 top:20%;
 left:2%;
 right:2%
}
body.mobile.vertical #portadaLoader .showbox {
 bottom:5%
}
body.phablet #portadaLoader .fondoTitulos .portadaInfo .tituloPortada {
 font-size:42px
}
body.phablet #portadaLoader .fondoTitulos .portadaInfo .subtituloPortada {
 font-size:36px
}
body.phablet.horizontal #portadaLoader .fondoBotonera.desplegado {
 height:84%
}
body.phablet.horizontal #portadaLoader .fondoTitulos .portadaInfo {
 top:20%;
 left:5%;
 right:5%
}
body.phablet.horizontal #portadaLoader .fondoTitulos .portadaInfo .logoCliente img {
 max-width:50%
}
body.phablet.horizontal #portadaLoader .showbox {
 bottom:5%
}
body.phablet.vertical #portadaLoader .fondoBotonera.desplegado {
 height:79%
}
body.phablet.vertical #portadaLoader .fondoTitulos .portadaInfo {
 top:22%;
 left:5%;
 right:5%
}
body.phablet.vertical #portadaLoader .showbox {
 bottom:5%
}
body.phablet.vertical #portadaLoader .showbox .loader {
 width:100px
}
body.phablet.vertical #portadaLoader .showbox .loader #porcentajeCargador {
 font-size:16px
}
body.phablet.vertical #portadaLoader .showbox .textoCargador {
 font-size:18px
}
body.tablet #portadaLoader .fondoTitulos .portadaInfo .tituloPortada {
 font-size:52px
}
body.tablet #portadaLoader .fondoTitulos .portadaInfo .subtituloPortada {
 font-size:42px
}
body.tablet #portadaLoader .showbox .loader {
 width:100px
}
body.tablet #portadaLoader .showbox .loader #porcentajeCargador {
 font-size:16px
}
body.tablet #portadaLoader .showbox .textoCargador {
 font-size:18px
}
body.tablet.horizontal #portadaLoader .fondoBotonera.desplegado {
 height:81%
}
body.tablet.horizontal #portadaLoader .fondoTitulos .portadaInfo {
 top:20%;
 left:10%;
 right:10%
}
body.tablet.horizontal #portadaLoader .fondoTitulos .portadaInfo .logoCliente img {
 max-width:50%
}
body.tablet.horizontal #portadaLoader .showbox {
 bottom:5%
}
body.tablet.vertical #portadaLoader .fondoBotonera.desplegado {
 height:77%
}
body.tablet.vertical #portadaLoader .fondoTitulos .portadaInfo {
 top:25%;
 left:5%;
 right:5%
}
body.tablet.vertical #portadaLoader .showbox {
 bottom:8%
}
body.desktop #portadaLoader .fondoBotonera.desplegado {
 height:81%
}
body.desktop #portadaLoader .fondoTitulos .portadaInfo .tituloPortada {
 font-size:64px
}
body.desktop #portadaLoader .fondoTitulos .portadaInfo .subtituloPortada {
 font-size:48px
}
body.desktop #portadaLoader .showbox {
 bottom:5%
}
body.desktop #portadaLoader .showbox .loader {
 width:120px
}
body.desktop #portadaLoader .showbox .loader #porcentajeCargador {
 font-size:18px
}
body.desktop #portadaLoader .showbox .textoCargador {
 font-size:20px
}
body #indice_btn.botonInterfaz {
 background-color:#00763b;
 cursor:pointer
}
body #indice_btn.botonInterfaz svg {
 width:100%;
 height:100%;
 fill:#fff
}
body #indice_btn.botonInterfaz img {
 width:100%
}
body #indice_btn.botonInterfaz.desplegado {
 position:fixed;
 left:auto;
 right:20px;
 top:auto;
 bottom:15px;
 background-color:#00763b;
 z-index:1;
 -webkit-border-radius:100%;
 -moz-border-radius:100%;
 border-radius:100%
}
body .botonInterfaz {
 width:60px;
 height:60px;
 position:relative
}
body .botonInterfaz img,
body .botonInterfaz svg {
 width:100%;
 height:100%
}
body.mobile .botonInterfaz {
 width:50px;
 height:50px
}
body.vertical.mobile.mini .botonInterfaz {
 width:40px;
 height:40px
}
#barraHerramientas {
 background:#f1f1f1;
 z-index:3
}
#barraHerramientas .botonInterfaz {
 cursor:pointer
}
#barraHerramientas .capaSubMenu:not(.desplegado) .contenidoSubMenu {
 display:none
}
#barraHerramientas .pico_submenu_desplegado {
 display:none;
 width:0;
 height:0;
 position:absolute;
 left:0;
 right:0;
 top:-1px;
 margin:auto;
 border-style:solid;
 border-color:#f1f1f1 transparent transparent;
 border-width:10px
}
#barraHerramientas #contenedorHerramientas .botonInterfaz img,
#barraHerramientas #contenedorHerramientas .botonInterfaz svg {
 position:absolute;
 margin:auto;
 left:0;
 right:0;
 top:0;
 bottom:0;
 width:100%;
 height:100%
}
#barraHerramientas #MenuSecundario #botonMenuSecundario {
 background-color:#00763b
}
#barraHerramientas #MenuSecundario #botonMenuSecundario svg {
 fill:#fff
}
#barraHerramientas #MenuSecundario .contenidoSubMenu {
 background-color:#00763b
}
#barraHerramientas #MenuSecundario .botonInterfaz svg {
 fill:#fff
}
#barraHerramientas #Configuracion #botonMenuConfiguracion {
 background-color:#00763b
}
#barraHerramientas #Configuracion #botonMenuConfiguracion svg {
 fill:#fff
}
#barraHerramientas #Configuracion .contenidoSubMenu {
 background-color:#00763b
}
#barraHerramientas #Configuracion .botonInterfaz svg {
 fill:#fff
}
#barraHerramientas #Utiles #botonMenuUtiles {
 background-color:#00763b
}
#barraHerramientas #Utiles #botonMenuUtiles svg {
 fill:#fff
}
#barraHerramientas #Utiles .contenidoSubMenu {
 background-color:#00763b
}
#barraHerramientas #Utiles .botonInterfaz svg {
 fill:#fff
}
#barraHerramientas #IconoSueltos {
 background-color:#f1f1f1
}
#barraHerramientas #IconoSueltos .botonInterfaz svg {
 fill:#00763b
}
#barraHerramientas #IconoSueltos .botonInterfaz.activo svg {
 fill:#f1f1f1
}
body.vertical #barraHerramientas {
 position:fixed;
 bottom:0;
 left:0;
 right:0;
 height:60px
}
body.vertical #barraHerramientas .botonInterfaz {
 position:relative;
 display:inline-block
}
body.vertical #barraHerramientas #contenedorHerramientas {
 display:inline-block;
 height:60px;
 direction:rtl
}
body.vertical #barraHerramientas .capaSubMenu {
 display:inline-block
}
body.vertical #barraHerramientas .contenidoSubMenu {
 position:absolute;
 left:0;
 right:0;
 bottom:60px;
 height:60px;
 direction:ltr
}
body.vertical #barraHerramientas #IconoSueltos {
 display:inline-block
}
body.vertical.mobile #barraHerramientas,
body.vertical.mobile #barraHerramientas #contenedorHerramientas {
 height:50px
}
body.vertical.mobile #barraHerramientas .contenidoSubMenu {
 bottom:50px;
 height:50px
}
body.vertical.mobile #barraHerramientas #Utiles #PANELCFG_SUBRAYADOR {
 height:50px
}
body.vertical.mobile.mini #barraHerramientas,
body.vertical.mobile.mini #barraHerramientas #contenedorHerramientas {
 height:40px
}
body.vertical.mobile.mini #barraHerramientas .contenidoSubMenu {
 bottom:40px;
 height:40px
}
body.vertical.mobile.mini #barraHerramientas #Utiles #PANELCFG_SUBRAYADOR {
 height:40px
}
body.horizontal #barraHerramientas {
 position:fixed;
 left:calc(100% - 180px);
 right:0;
 top:60px;
 bottom:0
}
body.horizontal #barraHerramientas #indice_btn {
 right:0;
 top:0;
 z-index:4;
 position:fixed
}
body.horizontal #barraHerramientas #contenedorHerramientas {
 top:60px;
 height:60px;
 text-align:right
}
body.horizontal #barraHerramientas #contenedorHerramientas #IconoSueltos,
body.horizontal #barraHerramientas #contenedorHerramientas .capaSubMenu {
 display:inline-block;
 width:60px;
 height:60px
}
body.horizontal #barraHerramientas #contenedorHerramientas .contenidoSubMenu {
 position:absolute;
 top:60px;
 bottom:auto;
 left:0;
 right:0;
 font-size:0;
 text-align:left;
 height:auto
}
body.horizontal #barraHerramientas #contenedorHerramientas .contenidoSubMenu .botonInterfaz {
 position:relative;
 display:inline-block
}
body.horizontal.mobile #barraHerramientas {
 left:calc(100% - 150px);
 top:50px
}
body.horizontal.mobile #barraHerramientas #contenedorHerramientas {
 top:50px;
 height:50px
}
body.horizontal.mobile #barraHerramientas #contenedorHerramientas #IconoSueltos,
body.horizontal.mobile #barraHerramientas #contenedorHerramientas .capaSubMenu {
 width:50px;
 height:50px
}
body.horizontal.mobile #barraHerramientas #contenedorHerramientas .contenidoSubMenu {
 top:50px
}
body.horizontal.menu_izquierda #barraHerramientas #indice_btn {
 right:auto;
 left:120px
}
body.horizontal.mobile.menu_izquierda #barraHerramientas #indice_btn {
 left:100px
}
body.desktop #indice_btn {
 background:#005697;
 position:absolute;
 top:0;
 right:0
}
body.desktop #indice_btn svg {
 fill:#fff
}
body.desktop #indice_btn.desplegado {
 background:#005697;
 top:15px;
 bottom:auto
}
body.desktop #indice_btn.desplegado svg {
 fill:#fff
}
body.desktop #barraHerramientas {
 width:60px;
 height:100%;
 position:absolute;
 right:0;
 top:0;
 z-index:auto
}
body.desktop #barraHerramientas::after {
 content:'';
 width:3px;
 position:absolute;
 left:0;
 top:0;
 bottom:0;
 -webkit-box-shadow:inset 2px 0 2px 0 rgba(0,0,0,.3);
 -moz-box-shadow:inset 2px 0 2px 0 rgba(0,0,0,.3);
 box-shadow:inset 2px 0 2px 0 rgba(0,0,0,.3)
}
body.desktop #barraHerramientas #contenedorHerramientas {
 position:absolute;
 left:0;
 right:0;
 bottom:0
}
body.desktop #barraHerramientas #contenedorHerramientas #botonFullScreen,
body.desktop #barraHerramientas #contenedorHerramientas #botonGlosario {
 position:relative
}
body.desktop #barraHerramientas #contenedorHerramientas .capaSubMenu .contenidoSubMenu {
 position:relative;
 height:auto
}
body.desktop #barraHerramientas #contenedorHerramientas .capaSubMenu .botonInterfaz {
 height:60px;
 right:0;
 position:relative
}
body.desktop #barraHerramientas #contenedorHerramientas .capaSubMenu .botonInterfaz.recursoActivo {
 z-index:3
}
body.desktop.menu_izquierda #barraHerramientas {
 left:0;
 right:auto
}
body.desktop.menu_izquierda #barraHerramientas::after {
 left:auto;
 right:0;
 -webkit-box-shadow:inset -2px 0 2px 0 rgba(0,0,0,.3);
 -moz-box-shadow:inset -2px 0 2px 0 rgba(0,0,0,.3);
 box-shadow:inset -2px 0 2px 0 rgba(0,0,0,.3)
}
body.noFullScreen #barraHerramientas #contenedorHerramientas #botonFullScreen {
 display:none
}
body.menuVisible .bloqueMenu {
 display:block
}
.aspaIcono {
 fill:#c81e1e
}
body.desktop #barraHerramientas #MenuSecundario #botonMenuSecundario {
 background-color:#00763b
}
body.desktop #barraHerramientas #MenuSecundario #botonMenuSecundario svg {
 fill:#fff
}
body.desktop #barraHerramientas #MenuSecundario #botonMenuSecundario .pico_submenu_desplegado {
 border-color:#f1f1f1 transparent transparent
}
body.desktop #barraHerramientas #MenuSecundario .contenidoSubMenu {
 background-color:#f1f1f1
}
body.desktop #barraHerramientas #MenuSecundario .botonInterfaz svg,
body.desktop #barraHerramientas #MenuSecundario .botonInterfaz.activo svg {
 fill:#00763b
}
body.desktop #barraHerramientas #Configuracion #botonMenuConfiguracion {
 background-color:#00763b
}
body.desktop #barraHerramientas #Configuracion #botonMenuConfiguracion svg {
 fill:#fff
}
body.desktop #barraHerramientas #Configuracion #botonMenuConfiguracion .pico_submenu_desplegado {
 border-color:#f1f1f1 transparent transparent
}
body.desktop #barraHerramientas #Configuracion .contenidoSubMenu {
 background-color:#f1f1f1
}
body.desktop #barraHerramientas #Configuracion .botonInterfaz svg,
body.desktop #barraHerramientas #Configuracion .botonInterfaz.activo svg {
 fill:#00763b
}
body.desktop #barraHerramientas #Utiles #botonMenuUtiles {
 background-color:#00763b
}
body.desktop #barraHerramientas #Utiles #botonMenuUtiles svg {
 fill:#fff
}
body.desktop #barraHerramientas #Utiles #botonMenuUtiles .pico_submenu_desplegado {
 border-color:#f1f1f1 transparent transparent
}
body.desktop #barraHerramientas #Utiles .contenidoSubMenu {
 background-color:#f1f1f1
}
body.desktop #barraHerramientas #Utiles .botonInterfaz svg,
body.desktop #barraHerramientas #Utiles .botonInterfaz.activo svg {
 fill:#00763b
}
body.desktop #barraHerramientas #IconoSueltos {
 background-color:#f1f1f1
}
body.desktop #barraHerramientas #IconoSueltos .botonInterfaz svg {
 fill:#00763b
}
body.desktop #barraHerramientas #IconoSueltos .botonInterfaz.activo svg {
 fill:#f1f1f1
}
body.desktop #barraHerramientas #contenedorHerramientas .botonInterfaz img,
body.desktop #barraHerramientas #contenedorHerramientas .botonInterfaz svg {
 width:90%;
 height:90%
}
body.desktop #barraHerramientas .capaSubMenu.desplegado .pico_submenu_desplegado {
 display:block
}
body {
 font-family:fuente_normal,Arial,Helvetica,sans-serif;
 background-attachment:scroll;
 background-repeat:no-repeat;
 background-image:url(../media/);
 background-size:auto;
 background-position:bottom right
}
body,
html {
 position:fixed;
 left:0;
 right:0;
 top:0;
 bottom:0;
 margin:0;
 padding:0;
 overflow:hidden;
 background-color:#999
}
#Wrapper {
 width:100%;
 height:100%;
 overflow:hidden;
 background:#fff
}
#Wrapper #cuerpo .full-page {
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 background:#fff;
 overflow:hidden;
 overflow-y:auto
}
#Wrapper #cuerpo #contenedor_paginas {
 position:static
}
.preloadIMG_porcentaje {
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:1;
 background:#fff
}
.preloadIMG_porcentaje .porcentaje {
 position:absolute;
 width:280px;
 height:90px;
 left:0;
 right:0;
 top:0;
 bottom:0;
 margin:auto;
 text-align:center
}
.preloadIMG_porcentaje .porcentaje img {
 display:block;
 margin:0 auto 5px
}
.preloadIMG_porcentaje .porcentaje span {
 font-size:22px;
 text-transform:uppercase;
 font-family:fuente_light,sans-serif,Arial,Helvetica;
 color:#6c6c6c
}
body.horizontal #Wrapper #cuerpo .full-page {
 right:180px;
 padding:20px
}
body.horizontal.mobile #Wrapper #cuerpo .full-page {
 right:150px;
 padding:15px
}
body.horizontal.menu_izquierda #Wrapper #cuerpo .full-page {
 left:180px;
 right:0
}
body.horizontal.mobile.menu_izquierda #Wrapper #cuerpo .full-page {
 left:150px
}
body.vertical #Wrapper #cuerpo .full-page {
 padding:20px;
 top:40px;
 bottom:60px
}
body.vertical.mobile #Wrapper #cuerpo .full-page {
 top:30px;
 bottom:50px
}
body.vertical.mobile.mini #Wrapper #cuerpo .full-page {
 bottom:40px;
 padding:10px
}
body.desktop #Wrapper {
 width:1024px;
 margin:auto;
 position:relative
}
body.desktop #Wrapper #cuerpo {
 height:100%;
 width:1024px;
 position:relative
}
body.desktop #Wrapper #cuerpo .full-page {
 top:60px;
 right:60px;
 padding:20px
}
body.desktop.big #Wrapper,
body.desktop.big #Wrapper #cuerpo {
 width:1200px
}
body.desktop.big.interfazCuadrada #Wrapper {
 width:1200px;
 height:750px
}
body.desktop.interfazCuadrada #Wrapper {
 width:1024px;
 height:640px;
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.7);
 -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.7);
 box-shadow:0 0 5px 0 rgba(0,0,0,.7)
}
body.desktop.navegacion_inferior #Wrapper #cuerpo .full-page {
 top:0;
 bottom:60px
}
body.desktop.menu_izquierda #Wrapper #cuerpo .full-page {
 left:60px;
 right:0
}
body.desktop.interfazCuadrada.navegacion_inferior #Wrapper #cuerpo .full-page {
 top:60px;
 bottom:40px
}
body.desktop.interfazCuadrada.navegacion_inferior.big #Wrapper #cuerpo .full-page {
 bottom:60px
}
.capaInsignia {
 width:40px;
 height:40px;
 position:absolute;
 top:-15px;
 right:10px
}
.capaInsignia>svg {
 fill:#505050
}
.componente.completado .capaInsignia>svg {
 fill:#00763b
}
svg .transparente {
 fill:transparent
}
svg .mitadOpacidad {
 opacity:.5
}
svg .green {
 fill:#4caf50
}
svg .red {
 fill:red
}
svg .blue {
 fill:#057099
}
svg .white {
 fill:#fff
}
svg .amarillo {
 fill:#eb0
}
svg .grisBase {
 fill:#cdcdcd
}
svg .grisOscuro {
 fill:#313131
}
body #barraHerramientas .navegacion_div {
 z-index:2;
 position:relative
}
body #barraHerramientas .navegacion_div .navanterior,
body #barraHerramientas .navegacion_div .navsiguiente {
 width:60px;
 height:60px;
 display:inline-block
}
body #barraHerramientas .navegacion_div .navanterior .pag,
body #barraHerramientas .navegacion_div .navsiguiente .pag {
 width:100%;
 height:100%;
 cursor:pointer
}
body #barraHerramientas .navegacion_div .navanterior .pag svg,
body #barraHerramientas .navegacion_div .navsiguiente .pag svg {
 width:100%;
 height:100%;
 fill:#232323
}
body #barraHerramientas .navegacion_div .navanterior .pag img,
body #barraHerramientas .navegacion_div .navsiguiente .pag img {
 width:100%;
 height:100%
}
body #barraHerramientas .navegacion_div .navanterior.inactivo,
body #barraHerramientas .navegacion_div .navsiguiente.inactivo {
 opacity:.5;
 filter:alpha(opacity=50)
}
body #barraHerramientas .navegacion_div #capaIndicePaginas {
 position:relative;
 display:inline-block
}
body #barraHerramientas .navegacion_div #capaIndicePaginas #marcaPaginas {
 fill:#005697;
 width:20px;
 height:20px;
 margin:0 auto;
 top:-5px;
 position:absolute;
 left:0;
 right:0
}
body #barraHerramientas .navegacion_div #capaIndicePaginas #marcaPaginas img,
body #barraHerramientas .navegacion_div #capaIndicePaginas #marcaPaginas svg {
 width:100%;
 height:100%
}
body #barraHerramientas .navegacion_div #paginacion {
 position:absolute;
 bottom:9px;
 width:100%
}
body #barraHerramientas .navegacion_div #paginacion #paginacionApartado,
body #barraHerramientas .navegacion_div #paginacion #paginacionTotal {
 font-family:fuente_normal,sans-serif,Arial,Helvetica;
 text-align:center
}
body #barraHerramientas .navegacion_div #paginacion #paginacionTotal {
 color:#505050;
 font-size:16px;
 margin:0 0 5px;
 position:relative
}
body #barraHerramientas .navegacion_div #paginacion #paginacionApartado {
 color:#505050;
 font-size:11px
}
body.vertical #barraHerramientas .navegacion_div {
 z-index:2;
 position:fixed;
 right:0;
 bottom:0;
 height:60px
}
body.vertical #barraHerramientas .navegacion_div .botonInterfaz {
 display:inline-block;
 width:60px;
 height:60px
}
body.vertical #barraHerramientas .navegacion_div #capaIndicePaginas {
 width:100px;
 height:60px
}
body.vertical #barraHerramientas .navegacion_div #paginacionTotal {
 position:relative
}
body.vertical.mobile #barraHerramientas .navegacion_div {
 height:50px
}
body.vertical.mobile #barraHerramientas .navegacion_div #capaIndicePaginas,
body.vertical.mobile #barraHerramientas .navegacion_div .botonInterfaz {
 width:50px;
 height:50px
}
body.vertical.mobile #barraHerramientas .navegacion_div #capaIndicePaginas #paginacion {
 bottom:12px
}
body.vertical.mobile #barraHerramientas .navegacion_div #capaIndicePaginas #paginacion #paginacionApartado {
 display:none
}
body.vertical.mobile #barraHerramientas .navegacion_div #capaIndicePaginas #paginacion #paginacionTotal {
 font-size:16px;
 width:140%;
 left:-20%
}
body.vertical.mobile.mini #barraHerramientas .navegacion_div {
 height:40px
}
body.vertical.mobile.mini #barraHerramientas .navegacion_div #capaIndicePaginas,
body.vertical.mobile.mini #barraHerramientas .navegacion_div .botonInterfaz {
 width:40px;
 height:40px
}
body.vertical.mobile.mini #barraHerramientas .navegacion_div #capaIndicePaginas #paginacion {
 bottom:9px
}
body.vertical.mobile.mini #barraHerramientas .navegacion_div #capaIndicePaginas #paginacion #paginacionApartado {
 display:none
}
body.vertical.mobile.mini #barraHerramientas .navegacion_div #capaIndicePaginas #paginacion #paginacionTotal {
 font-size:14px
}
body.horizontal #barraHerramientas .navegacion_div {
 position:absolute;
 left:0;
 right:0;
 bottom:30px;
 height:60px
}
body.horizontal #barraHerramientas .navegacion_div #capaIndicePaginas {
 width:60px;
 height:60px
}
body.horizontal #barraHerramientas .navegacion_div #capaIndicePaginas #paginacion {
 bottom:15px;
 width:100%
}
body.horizontal #barraHerramientas .navegacion_div #capaIndicePaginas #paginacion #paginacionTotal {
 position:absolute;
 width:auto;
 bottom:15px;
 left:50%;
 transform:translateX(-50%);
 white-space:nowrap;
 margin:0
}
body.horizontal #barraHerramientas .navegacion_div #capaIndicePaginas #paginacion #paginacionApartado {
 position:absolute;
 width:auto;
 bottom:0;
 left:50%;
 transform:translateX(-50%);
 white-space:nowrap
}
body.horizontal #barraHerramientas .navegacion_div #capaIndicePaginas #marcaPaginas {
 position:relative;
 top:42px
}
body.horizontal.mobile #barraHerramientas .navegacion_div {
 bottom:40px;
 height:50px
}
body.horizontal.mobile #barraHerramientas .navegacion_div #capaIndicePaginas,
body.horizontal.mobile #barraHerramientas .navegacion_div .navanterior,
body.horizontal.mobile #barraHerramientas .navegacion_div .navanterior .pag,
body.horizontal.mobile #barraHerramientas .navegacion_div .navsiguiente,
body.horizontal.mobile #barraHerramientas .navegacion_div .navsiguiente .pag {
 width:50px;
 height:50px
}
body.horizontal.mobile #barraHerramientas .navegacion_div #capaIndicePaginas #paginacion {
 bottom:50px
}
body.horizontal.mobile #barraHerramientas .navegacion_div #capaIndicePaginas #paginacion.sin_progreso {
 bottom:2px
}
body.horizontal.mobile #barraHerramientas .navegacion_div #capaIndicePaginas #paginacion #paginacionApartado {
 display:none
}
body.horizontal.mobile #barraHerramientas .navegacion_div #capaIndicePaginas #paginacion #paginacionTotal {
 font-size:16px
}
body.horizontal.mobile #barraHerramientas .navegacion_div #capaIndicePaginas #marcaPaginas {
 top:48px;
 width:16px;
 height:16px
}
body.horizontal.menu_izquierda #barraHerramientas {
 left:0;
 right:calc(100% - 180px)
}
body.horizontal.mobile.menu_izquierda #barraHerramientas {
 left:0;
 right:calc(100% - 150px)
}
body.desktop #barraHerramientas .navegacion_div {
 position:absolute;
 right:60px;
 width:240px;
 height:60px
}
body.desktop #barraHerramientas .navegacion_div.con_btn_cerrar {
 width:305px
}
body.desktop #barraHerramientas .navegacion_div.con_btn_cerrar #botonCerrar {
 fill:#fff;
 display:inline-block
}
body.desktop #barraHerramientas .navegacion_div #capaIndicePaginas {
 width:120px;
 height:60px
}
body.desktop #barraHerramientas .navegacion_div #capaIndicePaginas #paginacion {
 bottom:14px
}
body.desktop #barraHerramientas .navegacion_div #capaIndicePaginas #paginacion #paginacionApartado,
body.desktop #barraHerramientas .navegacion_div #capaIndicePaginas #paginacion #paginacionTotal {
 color:#fff
}
body.desktop #barraHerramientas .navegacion_div #capaIndicePaginas #marcaPaginas {
 fill:#00763b
}
body.desktop #barraHerramientas .navegacion_div .navanterior svg,
body.desktop #barraHerramientas .navegacion_div .navsiguiente svg {
 fill:#fff
}
body.desktop #barraHerramientas .navegacion_div #logo {
 position:absolute;
 left:0;
 top:0;
 height:100%;
 padding:0 5px;
 background:#fff
}
body.desktop #barraHerramientas .navegacion_div #logo img {
 display:block;
 margin:0;
 height:100%
}
body.desktop.navegacion_inferior #barraHerramientas .navegacion_div {
 top:auto;
 bottom:0
}
body.desktop.menu_izquierda #barraHerramientas .navegacion_div {
 right:auto;
 left:785px
}
body.desktop.menu_izquierda #barraHerramientas .navegacion_div.con_btn_cerrar {
 left:720px
}
body.desktop.menu_izquierda.big #barraHerramientas .navegacion_div {
 left:960px
}
body.desktop.menu_izquierda.big #barraHerramientas .navegacion_div.con_btn_cerrar {
 left:895px
}
body.desktop.interfazCuadrada.navegacion_inferior #barraHerramientas .navegacion_div {
 bottom:0;
 top:auto;
 height:40px;
 background:#00763b;
 width:965px;
 left:auto;
 right:60px;
 text-align:right
}
body.desktop.interfazCuadrada.navegacion_inferior #barraHerramientas .navegacion_div #capaIndicePaginas {
 height:40px
}
body.desktop.interfazCuadrada.navegacion_inferior #barraHerramientas .navegacion_div #capaIndicePaginas #paginacion {
 bottom:7px
}
body.desktop.interfazCuadrada.navegacion_inferior #barraHerramientas .navegacion_div #capaIndicePaginas #paginacion #paginacionTotal {
 font-size:14px;
 margin:0 0 2px
}
body.desktop.interfazCuadrada.navegacion_inferior #barraHerramientas .navegacion_div .navanterior,
body.desktop.interfazCuadrada.navegacion_inferior #barraHerramientas .navegacion_div .navsiguiente,
body.desktop.interfazCuadrada.navegacion_inferior #barraHerramientas .navegacion_div.con_btn_cerrar #botonCerrar {
 width:40px;
 height:40px
}
body.desktop.interfazCuadrada.navegacion_inferior.menu_izquierda #barraHerramientas .navegacion_div {
 left:60px;
 right:0;
 width:964px;
 text-align:right
}
body.desktop.interfazCuadrada.navegacion_inferior.big #barraHerramientas .navegacion_div {
 height:60px;
 width:1140px
}
body.desktop.interfazCuadrada.navegacion_inferior.big #barraHerramientas .navegacion_div #capaIndicePaginas {
 height:60px
}
body.desktop.interfazCuadrada.navegacion_inferior.big #barraHerramientas .navegacion_div #capaIndicePaginas #paginacion {
 bottom:14px
}
body.desktop.interfazCuadrada.navegacion_inferior.big #barraHerramientas .navegacion_div #capaIndicePaginas #paginacion #paginacionTotal {
 font-size:16px;
 margin:0 0 5px
}
body.desktop.interfazCuadrada.navegacion_inferior.big #barraHerramientas .navegacion_div .navanterior,
body.desktop.interfazCuadrada.navegacion_inferior.big #barraHerramientas .navegacion_div .navsiguiente,
body.desktop.interfazCuadrada.navegacion_inferior.big #barraHerramientas .navegacion_div.con_btn_cerrar #botonCerrar {
 width:60px;
 height:60px
}
body.desktop.interfazCuadrada.navegacion_inferior.big.menu_izquierda #barraHerramientas .navegacion_div {
 left:60px;
 right:0;
 width:1140px;
 text-align:right
}
body #capaProgreso {
 position:absolute
}
body #capaProgreso .fondoProgreso {
 width:100%;
 height:100%;
 position:absolute;
 left:0;
 top:0;
 fill:none;
 stroke:#999;
 stroke-width:8px;
 opacity:.5
}
body #capaProgreso .barraProgreso {
 width:100%;
 height:100%;
 position:absolute;
 left:0;
 top:0;
 fill:none;
 stroke:#00763b;
 stroke-width:8px;
 -moz-transform-origin:rotate(-90deg);
 -ms-transform:rotate(-90deg);
 -webkit-transform:rotate(-90deg);
 -o-transform:rotate(-90deg);
 transform:rotate(-90deg)
}
body #capaProgreso #textoProgreso {
 display:table-cell;
 width:50px;
 height:50px;
 text-align:center;
 vertical-align:middle;
 font-size:12px;
 font-family:fuente_normal,sans-serif,Arial,Helvetica;
 color:#505050
}
body.vertical #capaProgreso {
 top:6px;
 right:220px;
 width:50px;
 height:50px
}
body.vertical.mobile #capaProgreso {
 top:4px;
 right:146px;
 width:44px;
 height:44px
}
body.vertical.mobile #capaProgreso #textoProgreso {
 width:44px;
 height:44px;
 font-size:10px
}
body.vertical.mobile.mini #capaProgreso {
 top:3px;
 right:118px;
 width:35px;
 height:35px
}
body.vertical.mobile.mini #capaProgreso #textoProgreso {
 width:34px;
 height:33px;
 font-size:9px
}
body.horizontal #capaProgreso {
 left:0;
 right:0;
 margin:auto;
 top:auto;
 width:100px;
 height:100px;
 bottom:90px
}
body.horizontal #capaProgreso #textoProgreso {
 width:100px;
 height:100px;
 font-size:18px
}
body.horizontal.mobile #capaProgreso {
 width:50px;
 height:50px;
 bottom:40px
}
body.horizontal.mobile #capaProgreso #textoProgreso {
 width:50px;
 height:50px;
 font-size:11px
}
body.desktop #capaProgreso {
 position:absolute;
 top:65px;
 right:4px;
 width:50px;
 height:50px
}
body.desktop #capaProgreso .fondoProgreso {
 stroke:#999
}
body.desktop #capaProgreso .barraProgreso {
 stroke:#00763b
}
body.desktop #capaProgreso #textoProgreso {
 color:#505050;
 font-weight:700
}
body #contenedor_encabezado {
 background:url(../media/) 50% 50%/cover no-repeat #005697;
 position:fixed;
 top:0;
 width:100%;
 height:40px;
 z-index:2
}
body #contenedor_encabezado #logo {
 position:relative;
 width:100px;
 height:40px;
 background:#fff
}
body #contenedor_encabezado #logo img,
body #contenedor_encabezado #logo svg {
 max-width:100%;
 max-height:100%;
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 margin:auto
}
body #titulosEncabezado #tituloPrincipal {
 padding:0 10px;
 max-width:calc(100% - 20px);
 font-size:18px;
 line-height:34px;
 height:34px;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 text-transform:uppercase;
 color:#fff;
 background-color:#00763b
}
body #titulosEncabezado #tituloPrincipal #tituloUnidad {
 font-size:14px;
 display:inline
}
body #titulosEncabezado #tituloSecundario {
 font-size:12px;
 line-height:14px;
 padding:10px;
 max-width:calc(100% - 20px);
 color:#fff;
 font-family:fuente_normal
}
body.vertical #contenedor_encabezado {
 height:40px
}
body.vertical #contenedor_encabezado #logo {
 display:block;
 width:100px;
 height:40px
}
body.vertical #contenedor_encabezado #titulosEncabezado {
 position:absolute;
 left:100px;
 top:0;
 right:0
}
body.vertical #contenedor_encabezado #titulosEncabezado #tituloPrincipal {
 font-size:14px;
 height:22px;
 line-height:20px
}
body.vertical #contenedor_encabezado #titulosEncabezado #tituloSecundario {
 font-size:12px;
 height:18px;
 line-height:16px;
 padding:0 10px
}
body.vertical.mobile #contenedor_encabezado {
 height:30px
}
body.vertical.mobile #contenedor_encabezado #logo {
 width:80px;
 height:30px
}
body.vertical.mobile #contenedor_encabezado #titulosEncabezado {
 position:absolute;
 left:80px;
 top:0;
 right:0
}
body.vertical.mobile #contenedor_encabezado #titulosEncabezado #tituloPrincipal {
 display:none
}
body.vertical.mobile #contenedor_encabezado #titulosEncabezado #tituloSecundario {
 font-size:12px;
 height:30px;
 line-height:30px;
 padding:0 10px;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis
}
body.horizontal #contenedor_encabezado {
 right:0;
 z-index:4;
 height:0;
 width:180px
}
body.horizontal #contenedor_encabezado #titulosEncabezado {
 position:fixed;
 bottom:0;
 width:180px
}
body.horizontal #contenedor_encabezado #titulosEncabezado #tituloPrincipal {
 display:none
}
body.horizontal #contenedor_encabezado #titulosEncabezado #tituloSecundario {
 color:#232323;
 font-size:13px;
 line-height:16px;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden
}
body.horizontal #contenedor_encabezado #logo {
 width:120px;
 height:60px
}
body.horizontal.mobile #contenedor_encabezado {
 width:150px
}
body.horizontal.mobile #contenedor_encabezado #logo {
 width:100px;
 height:50px
}
body.horizontal.mobile #contenedor_encabezado #titulosEncabezado {
 width:150px
}
body.horizontal.menu_izquierda #contenedor_encabezado {
 left:0;
 right:auto
}
body.desktop #contenedor_encabezado {
 width:964px;
 position:absolute;
 left:0;
 height:60px
}
body.desktop #contenedor_encabezado #logo {
 width:180px;
 height:60px
}
body.desktop #contenedor_encabezado #titulosEncabezado {
 position:absolute;
 top:0;
 left:180px;
 right:260px
}
body.desktop #contenedor_encabezado #titulosEncabezado #tituloPrincipal {
 display:inline-block
}
body.desktop #contenedor_encabezado #titulosEncabezado #tituloPrincipal span#tituloCurso {
 display:inline
}
body.desktop #contenedor_encabezado #titulosEncabezado #tituloSecundario {
 font-size:14px;
 line-height:26px;
 height:26px;
 padding:0 0 0 20px;
 max-width:100%;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden
}
body.desktop #contenedor_encabezado #titulosEncabezado #tituloSecundario span#tituloPagina {
 display:inline
}
body.desktop #contenedor_encabezado #titulosEncabezado.con_btn_cerrar,
body.desktop #contenedor_encabezado.con_btn_cerrar #titulosEncabezado {
 right:310px
}
body.desktop #contenedor_encabezado.con_btn_cerrar #botonCerrar {
 cursor:pointer;
 position:absolute;
 top:0;
 right:240px;
 fill:#fff
}
body.desktop.big #contenedor_encabezado {
 width:1140px
}
body.desktop.menu_izquierda #contenedor_encabezado {
 left:60px
}
body.desktop.navegacion_inferior #contenedor_encabezado {
 bottom:0;
 top:auto
}
body.desktop.interfazCuadrada.navegacion_inferior #contenedor_encabezado {
 top:0;
 bottom:auto
}
body.desktop.interfazCuadrada.navegacion_inferior #contenedor_encabezado #logo {
 position:absolute;
 left:auto;
 right:0
}
body.desktop.interfazCuadrada.navegacion_inferior #contenedor_encabezado #titulosEncabezado {
 left:0;
 right:60px
}
body.desktop.interfazCuadrada.navegacion_inferior #contenedor_encabezado #botonCerrar {
 position:absolute;
 right:0;
 cursor:pointer;
 fill:#fff
}
body .submenuDesplegado #barraSubtitulos {
 bottom:85px
}
body #barraSubtitulos {
 position:fixed;
 bottom:10px;
 text-align:center;
 display:none;
 z-index:11;
 margin:auto
}
body #barraSubtitulos span {
 background:rgba(0,0,0,.8);
 color:#fff;
 font-size:16px;
 line-height:120%;
 padding:0 5px
}
body.vertical #barraSubtitulos {
 left:30px;
 right:30px;
 bottom:70px
}
body.vertical.mobile #barraSubtitulos {
 left:10px;
 right:10px;
 bottom:60px
}
body.vertical.mobile.mini #barraSubtitulos {
 bottom:50px
}
body.vertical.mobile.mini #barraSubtitulos span {
 font-size:14px
}
body.horizontal #barraSubtitulos {
 left:10px;
 right:190px
}
body.horizontal.mobile #barraSubtitulos {
 right:160px
}
body.horizontal.mobile.mini #barraSubtitulos span {
 font-size:14px
}
body.desktop #barraSubtitulos {
 left:0;
 right:60px;
 width:920px
}
body.desktop.menu_izquierda #barraSubtitulos {
 left:60px;
 right:0
}
body.desktop.big #barraSubtitulos {
 width:1100px
}
body.desktop #barraSubtitulos.bocadillo,
body.mobile #barraSubtitulos.bocadillo,
body.phablet #barraSubtitulos.bocadillo,
body.tablet #barraSubtitulos.bocadillo {
 position:fixed;
 left:10px;
 right:10px;
 bottom:0;
 height:0;
 margin:auto;
 padding:0;
 display:block
}
body.desktop #barraSubtitulos.bocadillo span,
body.mobile #barraSubtitulos.bocadillo span,
body.phablet #barraSubtitulos.bocadillo span,
body.tablet #barraSubtitulos.bocadillo span {
 position:absolute;
 display:inline-block;
 bottom:0;
 left:0;
 right:0;
 padding:15px;
 border-radius:6px;
 line-height:120%;
 font-size:16px;
 background-color:#005697;
 background-image:linear-gradient(to top,#005697 80%,transparent);
 box-shadow:0 0 5px 0 rgba(81,81,81,.8);
 border-width:1px;
 border-style:solid;
 border-color:#005697;
 color:#fff
}
body.desktop #barraSubtitulos.bocadillo span::after,
body.mobile #barraSubtitulos.bocadillo span::after,
body.phablet #barraSubtitulos.bocadillo span::after,
body.tablet #barraSubtitulos.bocadillo span::after {
 content:'';
 position:absolute;
 left:calc(50% - 10px);
 bottom:-20px;
 width:0;
 height:0;
 border-width:10px;
 border-style:solid;
 border-color:#005697 transparent transparent
}
body.horizontal.mobile #barraSubtitulos.bocadillo {
 right:160px
}
body.horizontal.mobile.menu_izquierda #barraSubtitulos.bocadillo {
 left:160px;
 right:10px
}
body.desktop #barraSubtitulos.bocadillo,
body.phablet #barraSubtitulos.bocadillo,
body.tablet #barraSubtitulos.bocadillo {
 width:0;
 right:auto
}
body.desktop #barraSubtitulos.bocadillo span,
body.phablet #barraSubtitulos.bocadillo span,
body.tablet #barraSubtitulos.bocadillo span {
 width:350px;
 left:-190px
}
body.desktop #barraSubtitulos.bocadillo.izquierda span,
body.phablet #barraSubtitulos.bocadillo.izquierda span,
body.tablet #barraSubtitulos.bocadillo.izquierda span {
 left:-50px
}
body.desktop #barraSubtitulos.bocadillo.izquierda span::after,
body.phablet #barraSubtitulos.bocadillo.izquierda span::after,
body.tablet #barraSubtitulos.bocadillo.izquierda span::after {
 left:40px
}
body.desktop #barraSubtitulos.bocadillo.derecha span,
body.phablet #barraSubtitulos.bocadillo.derecha span,
body.tablet #barraSubtitulos.bocadillo.derecha span {
 left:-335px
}
body.desktop #barraSubtitulos.bocadillo.derecha span::after,
body.phablet #barraSubtitulos.bocadillo.derecha span::after,
body.tablet #barraSubtitulos.bocadillo.derecha span::after {
 left:calc(100% - 55px)
}
body {
 color:#232323
}
body .tituloBloque {
 font-size:28px;
 color:#00763b;
 margin-bottom:20px;
 font-family:fuente_light,sans-serif,Arial,Helvetica;
 line-height:120%
}
body .subtituloBloque {
 font-size:20px;
 color:#00763b;
 margin-bottom:15px;
 font-family:fuente_light,sans-serif,Arial,Helvetica
}
body .noTextual {
 text-decoration:line-through!important
}
.capaTexto {
 margin-bottom:15px
}
.capaTexto p,
.capaTexto span {
 font-size:16px;
 text-align:justify;
 line-height:140%
}
.caja {
 position:relative;
 padding:20px;
 background-color:#f1f1f1;
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 border-radius:3px;
 margin-bottom:15px
}
.caja .tituloCaja {
 font-size:18px;
 color:#00763b;
 margin-bottom:15px
}
#helpHand {
 position:fixed;
 top:0;
 left:0;
 width:45px;
 height:45px;
 z-index:99;
 display:none
}
#helpHand svg {
 fill:#313131
}
.pieAyuda {
 margin-bottom:15px
}
.pieAyuda p {
 font-size:12px;
 line-height:16px;
 text-align:center;
 font-style:italic;
 padding:0
}
.tituloCaja {
 font-size:20px;
 margin:0 0 10px;
 color:#00763b
}
.ui-resizable-handle {
 width:16px;
 height:16px;
 position:absolute;
 border-radius:100%;
 fill:#232323;
 background:#f1f1f1
}
.ui-resizable-handle.ui-resizable-s {
 left:calc(50% - 8px);
 bottom:-8px;
 cursor:s-resize;
 -moz-transform-origin:rotate(90deg);
 -ms-transform:rotate(90deg);
 -webkit-transform:rotate(90deg);
 -o-transform:rotate(90deg);
 transform:rotate(90deg)
}
.ui-resizable-handle.ui-resizable-e {
 right:-8px;
 bottom:calc(50% - 8px);
 cursor:e-resize
}
.ui-resizable-handle.ui-resizable-se {
 cursor:se-resize;
 right:-8px;
 bottom:-8px;
 -moz-transform-origin:rotate(45deg);
 -ms-transform:rotate(45deg);
 -webkit-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 transform:rotate(45deg)
}
.boton .ui-resizable-handle {
 fill:#232323;
 background:#00763b
}
svg rect.transparent {
 fill:transparent
}
#panelEDT {
 top:100px;
 left:100px;
 z-index:10;
 background:#7FB3D5;
 position:absolute;
 padding:4px;
 border-radius:10px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border:0 solid #5D6D7E;
 -webkit-box-shadow:8px 11px 35px -2px rgba(0,0,0,.72);
 -moz-box-shadow:8px 11px 35px -2px rgba(0,0,0,.72);
 box-shadow:8px 11px 35px -2px rgba(0,0,0,.72)
}
#panelEDT .EDTtitle {
 padding:3px;
 text-align:left;
 font-size:12px;
 color:#fff
}
#panelEDTout {
 width:100%;
 height:1px;
 background-color:#fff;
 margin-top:10px;
 font-size:11px!important
}
#panelEDTout #info {
 width:100%;
 height:100%;
 overflow:scroll;
 line-height:13px
}
#panelEDT .btnMnuDbug {
 border:1px solid #ccc;
 width:100%;
 padding:2px;
 margin-bottom:1px;
 margin-left:1px;
 background-color:#444;
 color:#fff
}
#panelEDT .btnMnuDbug:hover {
 background-color:#fff;
 color:#444
}
#panelEDT .EDTtitleclose {
 padding:3px;
 text-align:right;
 font-size:12px;
 color:#fff
}
#panelEDT .EDTtitleclose span:hover {
 color:#05d7e6
}
#panelEDT .panel1,
#panelEDT .panel2,
#panelEDT .panel3,
#panelEDT .panel4,
#panelEDT .panel5 {
 width:120px;
 background-color:#ccc;
 padding:1px;
 margin:2px;
 font-family:tahoma;
 font-size:10px;
 font-color:#000
}
#panelEDT .panelinfo1,
#panelEDT .panelinfo2,
#panelEDT .panelinfo3 {
 width:150px;
 background-color:#eee;
 padding:3px;
 margin:2px;
 font-family:tahoma;
 font-size:10px;
 font-color:#000
}
.ventana_iconos {
 display:none;
 position:fixed;
 top:0;
 left:60%;
 z-index:100;
 background:#fff;
 bottom:0;
 padding:20px;
 overflow:hidden;
 overflow-y:auto
}
.ventana_iconos .contenedor_icono {
 display:inline-block;
 width:122px;
 margin:0 5px 5px 0;
 outline:#313131 solid 1px;
 padding:5px;
 overflow:hidden;
 height:85px
}
.ventana_iconos .contenedor_icono .icono,
.ventana_iconos .contenedor_icono .icono_img {
 width:60px;
 height:60px;
 display:inline-block;
 vertical-align:middle
}
.ventana_iconos .contenedor_icono .icono img,
.ventana_iconos .contenedor_icono .icono svg,
.ventana_iconos .contenedor_icono .icono_img img,
.ventana_iconos .contenedor_icono .icono_img svg {
 width:100%;
 height:100%;
 fill:#313131
}
.ventana_iconos .contenedor_icono .icono_img {
 background-color:#313131
}
.ventana_iconos .contenedor_icono .nombre_icono {
 font-size:10px;
 text-align:center;
 margin:5px 0;
 word-break:break-all
}
.opacidad60 {
 opacity:.6;
 filter:alpha(opacity=60)
}
.icono_elemento_completado {
 position:absolute;
 margin:auto;
 -webkit-border-radius:100%;
 -moz-border-radius:100%;
 border-radius:100%;
 width:40px;
 height:40px;
 z-index:1;
 overflow:hidden;
 background-color:#fff
}
.icono_elemento_completado img,
.icono_elemento_completado svg {
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 right:0;
 margin:auto;
 width:100%;
 height:100%;
 fill:#289632
}
.capaInfografia {
 cursor:pointer;
 position:relative
}
.capaInfografia .titulo {
 display:inline-block;
 padding:10px;
 margin-bottom:15px;
 text-transform:uppercase;
 color:#fff;
 background-color:#00763b
}
body.desktop .capaInfografia .titulo,
body.phablet .capaInfografia .titulo,
body.tablet .capaInfografia .titulo {
 position:absolute;
 left:10px;
 bottom:10px;
 margin:0;
 z-index:1
}
.capaDestacado .titulo {
 margin-bottom:10px
}
.capaDestacado .titulo .icono {
 display:inline-block;
 vertical-align:middle;
 width:23px;
 height:23px;
 margin-right:5px;
 border:3.5px solid #999;
 -webkit-border-radius:100%;
 -moz-border-radius:100%;
 border-radius:100%
}
.capaDestacado .titulo svg {
 position:relative;
 width:13px;
 height:12px;
 left:4.5px;
 top:2.5px;
 fill:#00763b
}
.capaDestacado .titulo .titulo {
 font-size:18px;
 color:#00763b;
 font-family:fuente_bold,sans-serif,Arial,Helvetica;
 line-height:20px;
 position:relative;
 top:2px
}
.capaDestacado .descripcion {
 font-size:14px;
 line-height:17px
}
.capaDestacado.ejemplo .titulo {
 margin-bottom:10px
}
.capaDestacado.ejemplo .titulo .titulo {
 margin-bottom:10px;
 display:block;
 position:static;
 text-align:center
}
.capaDestacado.ejemplo .titulo .icono {
 display:block;
 width:35px;
 height:35px;
 border:4px solid #cdcdcd;
 margin:0 auto 10px
}
.capaDestacado.ejemplo .titulo .icono svg {
 width:17px;
 height:20px;
 left:8px;
 top:7px
}
.capaDestacado.ejemplo .descripcion {
 font-size:16px;
 line-height:19px;
 margin-bottom:10px;
 text-align:justify
}
sup {
 vertical-align:super;
 font-size:smaller;
 line-height:normal
}
sub {
 vertical-align:sub;
 font-size:smaller;
 line-height:normal
}
span.enlace_externo {
 display:inline-block;
 padding:0 8px;
 border-radius:10px;
 background:#00763b
}
span.enlace_externo a {
 color:#FFF;
 font-size:80%;
 text-decoration:none
}
#paneldbg {
 top:1px;
 left:1px;
 z-index:10;
 background:#000;
 position:absolute;
 padding:4px;
 border-radius:10px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border:0 solid #000;
 -webkit-box-shadow:8px 11px 35px -2px rgba(0,0,0,.72);
 -moz-box-shadow:8px 11px 35px -2px rgba(0,0,0,.72);
 box-shadow:8px 11px 35px -2px rgba(0,0,0,.72)
}
#paneldbg .dbgtitle {
 padding:3px;
 text-align:left;
 font-size:12px;
 color:#fff
}
#paneldbgout {
 width:100%;
 height:1px;
 background-color:#fff;
 margin-top:10px;
 font-size:11px!important
}
#paneldbgout #info {
 width:100%;
 height:100%;
 overflow:scroll;
 line-height:13px
}
#paneldbg .btnMnuDbug {
 border:1px solid #ccc;
 width:100%;
 padding:2px;
 margin-bottom:1px;
 margin-left:1px;
 background-color:#444;
 color:#fff
}
#paneldbg .btnMnuDbug:hover {
 background-color:#fff;
 color:#444
}
#paneldbg .dbgtitleclose {
 padding:3px;
 text-align:right;
 font-size:12px;
 color:#fff
}
#paneldbg .dbgtitleclose span:hover {
 color:#05d7e6
}
#paneldbg .panel1,
#paneldbg .panel2,
#paneldbg .panel3,
#paneldbg .panel4,
#paneldbg .panel5 {
 width:120px;
 background-color:#ccc;
 padding:1px;
 margin:2px;
 font-family:tahoma;
 font-size:10px;
 font-color:#000
}
#paneldbg .panelinfo1,
#paneldbg .panelinfo2,
#paneldbg .panelinfo3 {
 width:150px;
 background-color:#eee;
 padding:3px;
 margin:2px;
 font-family:tahoma;
 font-size:10px;
 font-color:#000
}
.iconoPreDef svg {
 min-height:30px;
 min-width:30px;
 vertical-align:bottom
}
.capaTabla {
 width:100%;
 overflow-x:auto;
 overflow-y:hidden;
 border-radius:20px;
 border:2px solid #005f61;
 margin-bottom:15px
}
.capaTabla table {
 width:100%
}
.capaTabla td,
.capaTabla th {
 vertical-align:middle;
 padding:10px;
 border:1px solid #005f61;
 text-align:center
}
.capaTabla thead th {
 background-color:#005f61;
 color:#fff;
 border:1px solid #0c3132
}
.capaTabla tbody th {
 text-align:left;
 background-color:#588B17;
 color:#fff
}
.capaTabla tbody td,
.capaTabla tbody th {
 padding:3px 6px;
 font-size:12px;
 line-height:15px
}
.capaTabla tbody td iconoPreDef,
.capaTabla tbody th iconoPreDef {
 display:inline-block
}
#cuerpo #contenedor_paginas .glossTermDescription {
 min-width:200px
}
.capaTexto.ayuda p {
 text-align:center;
 font-style:italic;
 font-size:14px;
 margin-top:15px;
 color:gray;
 fill:gray
}
.capaTexto.ayuda p span.iconoAyuda svg {
 height:22px;
 margin:0 -2px 0 1px
}
#cuerpo .capaTexto.ayuda {
 text-align:center
}
#cuerpo .capaTexto.ayuda p {
 text-align:center;
 font-style:italic;
 font-size:14px
}
#cuerpo .capaTexto.ayuda p span.iconoAyuda {
 display:inline-block
}
#cuerpo .capaTexto.ayuda p span.iconoAyuda svg {
 height:22px;
 width:22px;
 margin:0 -2px 0 1px
}
.cuerpoImagenAmpliable .capaTexto.ayuda {
 display:none
}
.fondoLeroy {
 background-image:url(../contenidos/media/fondoMindmap.png);
 background-size:cover;
 background-repeat:no-repeat
}
.mCustomScrollbar {
 -ms-touch-action:pinch-zoom;
 touch-action:pinch-zoom
}
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
 -ms-touch-action:auto;
 touch-action:auto
}
.mCustomScrollBox {
 position:relative;
 overflow:hidden;
 height:100%;
 max-width:100%;
 outline:0;
 direction:ltr;
 padding:0 20px
}
.mCSB_container {
 overflow:hidden;
 width:auto;
 height:auto
}
.cuerpoVentanaModal .mCSB_inside>.mCSB_container,
.mCSB_inside>.mCSB_container {
 margin-right:0
}
.cuerpoVentanaModal .mCSB_scrollTools {
 right:1px
}
.desktop .cuerpoVentanaModal .mCSB_scrollTools,
.tablet .cuerpoVentanaModal .mCSB_scrollTools {
 right:9px
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
 margin-right:0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
 margin-right:0;
 margin-left:30px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
 margin-left:0
}
.mCSB_scrollTools {
 position:absolute;
 width:16px;
 height:auto;
 left:auto;
 top:0;
 right:0;
 bottom:0
}
.full-page .mCSB_scrollTools {
 position:absolute;
 width:16px;
 height:auto;
 left:auto;
 top:0;
 right:0;
 bottom:90px
}
#mcs_container .mCSB_scrollTools {
 position:absolute;
 width:16px;
 height:auto;
 left:auto;
 top:20px;
 right:10px;
 bottom:20px
}
.mCSB_outside+.mCSB_scrollTools {
 right:-26px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
 right:auto;
 left:0
}
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
 left:-26px
}
.mCSB_scrollTools .mCSB_draggerContainer {
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 height:auto
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
 margin:20px 0
}
.mCSB_scrollTools .mCSB_draggerRail {
 width:2px;
 height:100%;
 margin:0 auto;
 -webkit-border-radius:16px;
 -moz-border-radius:16px;
 border-radius:16px
}
.mCSB_scrollTools .mCSB_dragger {
 cursor:pointer;
 width:100%;
 height:30px;
 z-index:1
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 position:relative;
 width:4px;
 height:100%;
 margin:0 auto;
 -webkit-border-radius:16px;
 -moz-border-radius:16px;
 border-radius:16px;
 text-align:center
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
 width:12px
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
 width:8px
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
 display:block;
 position:absolute;
 height:20px;
 width:100%;
 overflow:hidden;
 margin:0 auto;
 cursor:pointer
}
.mCSB_scrollTools .mCSB_buttonDown {
 bottom:0
}
.mCSB_horizontal.mCSB_inside>.mCSB_container {
 margin-right:0;
 margin-bottom:30px
}
.mCSB_horizontal.mCSB_outside>.mCSB_container {
 min-height:100%
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
 margin-bottom:0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
 width:auto;
 height:16px;
 top:auto;
 right:0;
 bottom:0;
 left:0
}
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
 bottom:-26px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
 margin:0 20px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
 width:100%;
 height:2px;
 margin:7px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
 width:30px;
 height:100%;
 left:0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
 width:100%;
 height:4px;
 margin:6px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
 height:12px;
 margin:2px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
 height:8px;
 margin:4px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
 display:block;
 position:absolute;
 width:20px;
 height:100%;
 overflow:hidden;
 margin:0 auto;
 cursor:pointer
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
 left:0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
 right:0
}
.mCSB_container_wrapper {
 position:absolute;
 height:auto;
 width:auto;
 overflow:hidden;
 top:0;
 left:0;
 right:0;
 bottom:0;
 margin-right:30px;
 margin-bottom:30px
}
.mCSB_container_wrapper>.mCSB_container {
 padding-right:30px;
 padding-bottom:30px;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
 bottom:20px
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
 right:20px
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
 bottom:0
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
 right:0
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
 left:20px
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
 left:0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
 margin-right:0;
 margin-left:30px
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
 padding-right:0
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
 padding-bottom:0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
 margin-right:0;
 margin-left:0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
 margin-bottom:0
}
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 -webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;
 -moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;
 -o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;
 transition:opacity .2s ease-in-out,background-color .2s ease-in-out
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
 -webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
 -moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
 -o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
 transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out
}
.mCSB_scrollTools {
 opacity:.75;
 filter:"alpha(opacity=75)";
 -ms-filter:"alpha(opacity=75)"
}
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
 opacity:0;
 filter:"alpha(opacity=0)";
 -ms-filter:"alpha(opacity=0)"
}
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
 opacity:1;
 filter:"alpha(opacity=100)";
 -ms-filter:"alpha(opacity=100)"
}
.mCSB_scrollTools .mCSB_draggerRail {
 background-color:#000;
 background-color:rgba(0,0,0,.4);
 filter:"alpha(opacity=40)";
 -ms-filter:"alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 background-color:#fff;
 background-color:rgba(255,255,255,.75);
 filter:"alpha(opacity=75)";
 -ms-filter:"alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
 background-color:#fff;
 background-color:rgba(255,255,255,.85);
 filter:"alpha(opacity=85)";
 -ms-filter:"alpha(opacity=85)"
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
 background-color:#fff;
 background-color:rgba(255,255,255,.9);
 filter:"alpha(opacity=90)";
 -ms-filter:"alpha(opacity=90)"
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
 background-image:url(mCSB_buttons.png);
 background-repeat:no-repeat;
 opacity:.4;
 filter:"alpha(opacity=40)";
 -ms-filter:"alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_buttonUp {
 background-position:0 0
}
.mCSB_scrollTools .mCSB_buttonDown {
 background-position:0 -20px
}
.mCSB_scrollTools .mCSB_buttonLeft {
 background-position:0 -40px
}
.mCSB_scrollTools .mCSB_buttonRight {
 background-position:0 -56px
}
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
 opacity:.75;
 filter:"alpha(opacity=75)";
 -ms-filter:"alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
 opacity:.9;
 filter:"alpha(opacity=90)";
 -ms-filter:"alpha(opacity=90)"
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
 background-color:#000;
 background-color:rgba(0,0,0,.15)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.75)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
 background-color:rgba(0,0,0,.85)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
 background-color:rgba(0,0,0,.9)
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
 background-position:-80px 0
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
 background-position:-80px -20px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
 background-position:-80px -40px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
 background-position:-80px -56px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
 width:4px;
 background-color:#fff;
 background-color:rgba(255,255,255,.1);
 -webkit-border-radius:1px;
 -moz-border-radius:1px;
 border-radius:1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 width:4px;
 background-color:#fff;
 background-color:rgba(255,255,255,.75);
 -webkit-border-radius:1px;
 -moz-border-radius:1px;
 border-radius:1px
}
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
 width:100%;
 height:4px;
 margin:6px auto
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
 background-color:#fff;
 background-color:rgba(255,255,255,.85)
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
 background-color:#fff;
 background-color:rgba(255,255,255,.9)
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
 background-position:-32px 0
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
 background-position:-32px -20px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
 background-position:-40px -40px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
 background-position:-40px -56px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
 background-color:#000;
 background-color:rgba(0,0,0,.1);
 -webkit-border-radius:1px;
 -moz-border-radius:1px;
 border-radius:1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.75);
 -webkit-border-radius:1px;
 -moz-border-radius:1px;
 border-radius:1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.85)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.9)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
 background-position:-112px 0
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
 background-position:-112px -20px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
 background-position:-120px -40px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
 background-position:-120px -56px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
 width:4px;
 background-color:#fff;
 background-color:rgba(255,255,255,.1);
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 width:6px;
 background-color:#fff;
 background-color:rgba(255,255,255,.75);
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
 width:100%;
 height:4px;
 margin:6px 0
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
 width:100%;
 height:6px;
 margin:5px auto
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
 background-color:#fff;
 background-color:rgba(255,255,255,.85)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
 background-color:#fff;
 background-color:rgba(255,255,255,.9)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
 background-position:-16px 0
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
 background-position:-16px -20px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
 background-position:-20px -40px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
 background-position:-20px -56px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
 background-color:#000;
 background-color:rgba(0,0,0,.1);
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.75);
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.85)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.9)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
 background-position:-96px 0
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
 background-position:-96px -20px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
 background-position:-100px -40px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
 background-position:-100px -56px
}
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
 background-color:#fff;
 background-color:rgba(255,255,255,.1)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 width:2px
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
 width:100%
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
 width:100%;
 height:2px;
 margin:7px auto
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
 background-color:#000;
 background-color:rgba(0,0,0,.15)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.75)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.85)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.9)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
 background-position:-80px 0
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
 background-position:-80px -20px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
 background-position:-80px -40px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
 background-position:-80px -56px
}
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
 background-color:#fff;
 background-color:rgba(255,255,255,.15)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
 height:14px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 width:14px;
 margin:0 1px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
 width:14px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
 height:14px;
 margin:1px 0
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
 width:16px;
 height:16px;
 margin:-1px 0
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
 width:4px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
 height:16px;
 width:16px;
 margin:0 -1px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
 height:4px;
 margin:6px 0
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
 background-position:0 -72px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
 background-position:0 -92px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
 background-position:0 -112px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
 background-position:0 -128px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.75)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
 background-color:#000;
 background-color:rgba(0,0,0,.15)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.85)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.9)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
 background-position:-80px -72px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
 background-position:-80px -92px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
 background-position:-80px -112px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
 background-position:-80px -128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
 width:4px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
 background-color:transparent;
 background-position:center
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
 background-repeat:repeat-y;
 opacity:.3;
 filter:"alpha(opacity=30)";
 -ms-filter:"alpha(opacity=30)"
}
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
 height:4px;
 margin:6px 0;
 background-repeat:repeat-x
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
 background-position:-16px -72px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
 background-position:-16px -92px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
 background-position:-20px -112px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
 background-position:-20px -128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
 background-position:-96px -72px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
 background-position:-96px -92px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
 background-position:-100px -112px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
 background-position:-100px -128px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 background-repeat:repeat-y;
 background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
 background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
 background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
 background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
 background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
 background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
 background-repeat:repeat-x;
 background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
 background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
 background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
 background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
 background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)
}
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
 height:70px
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
 width:70px
}
.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
 opacity:1;
 filter:"alpha(opacity=30)";
 -ms-filter:"alpha(opacity=30)"
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
 -webkit-border-radius:16px;
 -moz-border-radius:16px;
 border-radius:16px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
 width:8px;
 background-color:#000;
 background-color:rgba(0,0,0,.2);
 box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
 background-color:#555
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 width:8px
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
 width:100%;
 height:8px;
 margin:4px 0;
 box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
 width:100%;
 height:8px;
 margin:4px auto
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
 background-position:-32px -72px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
 background-position:-32px -92px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
 background-position:-40px -112px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
 background-position:-40px -128px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
 background-color:#000;
 background-color:rgba(0,0,0,.1);
 box-shadow:inset 1px 0 1px rgba(0,0,0,.1)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
 box-shadow:inset 0 1px 1px rgba(0,0,0,.1)
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
 background-position:-112px -72px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
 background-position:-112px -92px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
 background-position:-120px -112px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
 background-position:-120px -128px
}
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
 opacity:1;
 filter:"alpha(opacity=30)";
 -ms-filter:"alpha(opacity=30)"
}
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
 -webkit-border-radius:7px;
 -moz-border-radius:7px;
 border-radius:7px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px
}
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
 right:1px
}
.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
 box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
 bottom:1px;
 box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 box-shadow:inset 1px 0 0 rgba(255,255,255,.4);
 width:12px;
 margin:2px;
 position:absolute;
 height:auto;
 top:0;
 bottom:0;
 left:0;
 right:0
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
 box-shadow:inset 0 1px 0 rgba(255,255,255,.4)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
 background-color:#555
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
 height:12px;
 width:auto
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
 background-color:#000;
 background-color:rgba(0,0,0,.05);
 box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
 background-color:transparent
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
 background-position:-32px -72px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
 background-position:-32px -92px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
 background-position:-40px -112px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
 background-position:-40px -128px
}
.mCS-3d-thick-dark.mCSB_scrollTools {
 box-shadow:inset 0 0 14px rgba(0,0,0,.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
 box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
 box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
 background-color:#777
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
 background-color:#fff;
 background-color:rgba(0,0,0,.05);
 box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
 background-color:transparent
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
 background-position:-112px -72px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
 background-position:-112px -92px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
 background-position:-120px -112px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
 background-position:-120px -128px
}
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
 right:0;
 margin:12px 0
}
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
 bottom:0;
 margin:0 12px
}
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
 left:0;
 right:auto
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
 background-color:transparent
}
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
 height:50px
}
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
 width:50px
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 background-color:#fff;
 background-color:rgba(255,255,255,.2);
 filter:"alpha(opacity=20)";
 -ms-filter:"alpha(opacity=20)"
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
 background-color:#fff;
 background-color:rgba(255,255,255,.5);
 filter:"alpha(opacity=50)";
 -ms-filter:"alpha(opacity=50)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.2);
 filter:"alpha(opacity=20)";
 -ms-filter:"alpha(opacity=20)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.5);
 filter:"alpha(opacity=50)";
 -ms-filter:"alpha(opacity=50)"
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
 width:6px;
 background-color:#000;
 background-color:rgba(0,0,0,.2)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 width:6px
}
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
 width:100%;
 height:6px;
 margin:5px 0
}
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
 width:12px
}
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
 height:12px;
 margin:2px 0
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
 background-position:-32px -72px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
 background-position:-32px -92px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
 background-position:-40px -112px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
 background-position:-40px -128px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.75)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.85)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.9)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
 background-color:#000;
 background-color:rgba(0,0,0,.1)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
 background-position:-112px -72px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
 background-position:-112px -92px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
 background-position:-120px -112px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
 background-position:-120px -128px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
 width:12px;
 background-color:#000;
 background-color:rgba(0,0,0,.2)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 width:6px;
 margin:3px 5px;
 position:absolute;
 height:auto;
 top:0;
 bottom:0;
 left:0;
 right:0
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
 height:6px;
 margin:5px 3px;
 position:absolute;
 width:auto;
 top:0;
 bottom:0;
 left:0;
 right:0
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
 width:100%;
 height:12px;
 margin:2px 0
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
 background-position:-32px -72px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
 background-position:-32px -92px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
 background-position:-40px -112px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
 background-position:-40px -128px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.75)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.85)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.9)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
 background-color:#000;
 background-color:rgba(0,0,0,.1)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
 background-position:-112px -72px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
 background-position:-112px -92px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
 background-position:-120px -112px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
 background-position:-120px -128px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
 background-color:transparent;
 border-width:1px;
 border-style:solid;
 border-color:#fff;
 border-color:rgba(255,255,255,.2);
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
 border-color:#000;
 border-color:rgba(0,0,0,.2)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
 background-color:#fff;
 background-color:rgba(255,255,255,.6)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
 background-color:#000;
 background-color:rgba(0,0,0,.6)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.75)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.85)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
 background-color:#000;
 background-color:rgba(0,0,0,.9)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 background-color:#fff;
 background-color:rgba(255,255,255,.75)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
 background-color:#fff;
 background-color:rgba(255,255,255,.85)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
 background-color:#fff;
 background-color:rgba(255,255,255,.9)
}
.btnRepetirDeshabilitado {
 opacity:.2
}
.BLKCNT {
 margin:0;
 padding:0;
 max-width:100%
}
.BLKCNT.desactivado {
 display:block;
 position:fixed;
 left:100000px;
 top:0;
 width:calc(100% - 40px)
}
.BLKCNT .bloque {
 position:relative;
 z-index:1;
 margin:0 0 10px
}
.BLKCNT .BLKCNTpanel {
 width:100%;
 height:60px;
 display:block;
 margin-bottom:15px;
 position:relative
}
.BLKCNT .BLKCNTpanel>div {
 display:inline-block;
 vertical-align:middle;
 position:relative
}
.BLKCNT .BLKCNTpanel .BLKCNTpanelInfo {
 position:absolute;
 left:70px;
 bottom:35px
}
.BLKCNT .BLKCNTpanel .BLKCNTpanelInfo .BLKCNTlinea {
 display:none
}
.BLKCNT .BLKCNTpanel .BLKCNTpanelInfo .textoInformacion {
 font-size:10px;
 font-style:italic;
 color:#999
}
.BLKCNT .BLKCNTpanel .BLKCNTloader {
 width:60px;
 height:60px;
 padding:0 10px 0 0
}
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloExterior {
 position:relative;
 width:100%;
 height:100%;
 background:rgba(0,0,0,.1);
 -webkit-border-radius:100%;
 -moz-border-radius:100%;
 border-radius:100%
}
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior {
 position:relative;
 width:74%;
 height:74%;
 left:13%;
 top:13%;
 background:#fff;
 overflow:hidden;
 -webkit-border-radius:100%;
 -moz-border-radius:100%;
 border-radius:100%
}
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior span.circulo {
 width:16.69%;
 height:16.69%;
 background:#005697;
 position:absolute;
 top:41.5%;
 -webkit-border-radius:100%;
 -moz-border-radius:100%;
 border-radius:100%
}
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior span.circulo.c01 {
 left:20%
}
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior span.circulo.c02 {
 left:41%
}
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior span.circulo.c03 {
 left:64%
}
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior img,
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior svg {
 position:absolute;
 fill:#005697;
 width:100%;
 height:100%
}
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior .engranajeGrande,
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior .engranajeMediano,
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior .engranajePequeno {
 position:absolute
}
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior .engranajeGrande {
 width:65%;
 height:65%;
 left:7%;
 top:5%
}
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior .engranajeMediano {
 width:48%;
 height:48%;
 left:44%;
 top:34%
}
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior .engranajePequeno {
 width:38%;
 height:38%;
 left:28%;
 top:56%
}
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior .iconoFinalizado,
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior .iconoNextBlock,
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior .iconoSiguientePantalla {
 position:absolute;
 width:100%;
 height:100%;
 left:0;
 top:-100%;
 cursor:pointer
}
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior .iconoFinalizado svg,
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior .iconoNextBlock svg,
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior .iconoSiguientePantalla svg {
 position:absolute;
 fill:#005697
}
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior .iconoFinalizado {
 left:50%;
 top:50%;
 width:0;
 height:0
}
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior .iconoFinContenido {
 width:0;
 height:0;
 position:absolute;
 left:30px;
 top:30px;
 fill:#005697
}
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior .iconoFinalizado img,
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior .iconoFinalizado svg,
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior .iconoNextBlock img,
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior .iconoNextBlock svg,
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior .iconoSiguientePantalla img,
.BLKCNT .BLKCNTpanel .BLKCNTloader .circuloInterior .iconoSiguientePantalla svg {
 width:90%;
 height:90%;
 margin:5%
}
.BLKCNT .BLKCNTpanel .BLKCNTpanelActions {
 width:calc(100% - 70px);
 height:100%
}
.BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue {
 position:absolute;
 left:0;
 top:auto;
 bottom:0;
 height:26px;
 width:100%;
 margin:auto
}
.BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue .BLKCNTicono {
 position:relative;
 display:inline-block;
 width:26px;
 height:26px;
 margin-right:3px;
 background-color:#fff;
 -webkit-border-radius:100%;
 -moz-border-radius:100%;
 border-radius:100%
}
.BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue .BLKCNTicono img,
.BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue .BLKCNTicono svg {
 width:100%;
 height:100%;
 position:absolute;
 fill:#005697
}
.BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue .BLKCNTicono.btnElementosPulsables img,
.BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue .BLKCNTicono.btnElementosPulsables svg {
 width:100%;
 height:100%
}
.BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue .BLKCNTicono.btnRecargar {
 position:absolute;
 cursor:pointer;
 overflow:hidden;
 margin:auto;
 left:auto;
 right:10px;
 top:-34px;
 bottom:0;
 width:50px;
 height:50px
}
.BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue .BLKCNTicono.btnRecargar img,
.BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue .BLKCNTicono.btnRecargar svg {
 width:100%;
 height:100%
}
.BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue .BLKCNTicono .BLKCNTcontadorElementos {
 position:absolute;
 width:14px;
 height:14px;
 text-align:center;
 font-size:10px;
 line-height:14px;
 top:0;
 right:-4px;
 overflow:hidden;
 background-color:#f0be00;
 color:#fff;
 -webkit-border-radius:100%;
 -moz-border-radius:100%;
 border-radius:100%
}
.BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue .BLKCNTicono .BLKCNTcontadorElementos span {
 position:absolute;
 width:100%;
 height:100%;
 left:0;
 top:0
}
.BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue .BLKCNTicono .BLKCNTcontadorElementos svg {
 width:80%;
 height:80%;
 left:10%;
 top:180%;
 fill:#fff
}
.BLKCNT .BLKCNTpanel .BLKCNTlinea {
 width:100%;
 height:2px;
 position:absolute;
 top:0;
 bottom:0;
 margin:auto;
 background:#fff;
 background:rgba(0,0,0,.1)
}
body.phablet .BLKCNT .BLKCNTpanel,
body.tablet .BLKCNT .BLKCNTpanel {
 height:70px;
 margin-bottom:20px
}
body.phablet .BLKCNT .BLKCNTpanel .BLKCNTloader,
body.tablet .BLKCNT .BLKCNTpanel .BLKCNTloader {
 width:70px;
 height:70px
}
body.phablet .BLKCNT .BLKCNTpanel .BLKCNTpanelActions,
body.tablet .BLKCNT .BLKCNTpanel .BLKCNTpanelActions {
 width:calc(100% - 80px)
}
body.phablet .BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue,
body.tablet .BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue {
 height:30px
}
body.phablet .BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue .BLKCNTicono,
body.tablet .BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue .BLKCNTicono {
 width:30px;
 height:30px
}
body.phablet .BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue .BLKCNTicono.btnRecargar,
body.tablet .BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue .BLKCNTicono.btnRecargar {
 top:-40px;
 width:50px;
 height:50px
}
body.phablet .BLKCNT .BLKCNTpanel .BLKCNTpanelInfo,
body.tablet .BLKCNT .BLKCNTpanel .BLKCNTpanelInfo {
 left:80px;
 bottom:45px
}
body.phablet .BLKCNT .BLKCNTpanel .BLKCNTpanelInfo .textoInformacion,
body.tablet .BLKCNT .BLKCNTpanel .BLKCNTpanelInfo .textoInformacion {
 font-size:12px
}
body.desktop .BLKCNT .BLKCNTpanel,
body.tablet.vertical .BLKCNT .BLKCNTpanel {
 height:80px;
 margin-bottom:20px
}
body.desktop .BLKCNT .BLKCNTpanel .BLKCNTloader,
body.tablet.vertical .BLKCNT .BLKCNTpanel .BLKCNTloader {
 width:80px;
 height:80px;
 padding:0 10px
}
body.desktop .BLKCNT .BLKCNTpanel .BLKCNTpanelActions,
body.tablet.vertical .BLKCNT .BLKCNTpanel .BLKCNTpanelActions {
 width:calc(50% - 50px)
}
body.desktop .BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue,
body.tablet.vertical .BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue {
 width:calc(100% - 10px);
 height:42px;
 top:0;
 left:10px
}
body.desktop .BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue .BLKCNTicono,
body.tablet.vertical .BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue .BLKCNTicono {
 width:42px;
 height:42px
}
body.desktop .BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue .BLKCNTicono .BLKCNTcontadorElementos,
body.tablet.vertical .BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue .BLKCNTicono .BLKCNTcontadorElementos {
 width:18px;
 height:18px;
 font-size:12px;
 line-height:18px
}
body.desktop .BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue .BLKCNTicono.btnRecargar,
body.tablet.vertical .BLKCNT .BLKCNTpanel .BLKCNTpanelActions .BLKCNTpanelActionContinue .BLKCNTicono.btnRecargar {
 width:50px;
 height:50px;
 top:0;
 right:auto;
 left:10px
}
body.desktop .BLKCNT .BLKCNTpanel .BLKCNTpanelInfo,
body.tablet.vertical .BLKCNT .BLKCNTpanel .BLKCNTpanelInfo {
 position:relative;
 left:auto;
 bottom:auto;
 width:calc(50% - 50px)
}
body.desktop .BLKCNT .BLKCNTpanel .BLKCNTpanelInfo .BLKCNTlinea,
body.tablet.vertical .BLKCNT .BLKCNTpanel .BLKCNTpanelInfo .BLKCNTlinea {
 display:block
}
body.desktop .BLKCNT .BLKCNTpanel .BLKCNTpanelInfo .textoInformacion,
body.tablet.vertical .BLKCNT .BLKCNTpanel .BLKCNTpanelInfo .textoInformacion {
 font-size:12px;
 margin-top:-20px;
 text-align:right
}
body.desktop .BLKCNT {
 max-width:907px
}
body.desktop.big .BLKCNT {
 max-width:1083px
}
.BLKSEQUENCER {
 display:none
}
.dialogo {
 width:100%;
 position:relative
}
.dialogo .contenido {
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0
}
.dialogo .contenido .elementoFlotante {
 position:absolute
}
.dialogo.diagrama .cajaDiagrama {
 position:absolute;
 left:0;
 width:100%;
 top:1%;
 height:98%
}
.dialogo.diagrama .cajaDiagrama>ul {
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 text-align:center
}
.dialogo.diagrama .cajaDiagrama ul {
 list-style-type:none
}
.dialogo.diagrama .cajaDiagrama ul li {
 display:inline-block;
 position:relative
}
.dialogo.diagrama .cajaDiagrama ul li:not(.top)::before {
 content:'';
 width:-webkit-calc(103%);
 width:-moz-calc(103%);
 width:calc(103%);
 height:2px;
 position:absolute;
 top:-20px;
 background:#000;
 left:0
}
.dialogo.diagrama .cajaDiagrama ul li.lft::before {
 width:-webkit-calc(53%);
 width:-moz-calc(53%);
 width:calc(53%);
 left:50%
}
.dialogo.diagrama .cajaDiagrama ul li.rht::before {
 width:50%
}
.dialogo.diagrama .cajaDiagrama ul li div.botonDiagrama {
 display:inline-block;
 padding:5px;
 background:grey;
 border-radius:4px;
 color:#fff;
 width:100px;
 height:80px;
 font-size:14px;
 position:relative;
 margin-bottom:40px;
 opacity:0
}
.dialogo.diagrama .cajaDiagrama ul li div.botonDiagrama:not(.top)::after {
 content:'';
 width:2px;
 height:20px;
 position:absolute;
 top:-20px;
 left:-webkit-calc(49%);
 left:-moz-calc(49%);
 left:calc(49%);
 background:#000
}
.dialogo.diagrama .cajaDiagrama ul li div.botonDiagrama.tieneHijos::before {
 content:'';
 width:2px;
 height:20px;
 position:absolute;
 bottom:-20px;
 left:-webkit-calc(49%);
 left:-moz-calc(49%);
 left:calc(49%);
 background:#000
}
.dialogo.diagrama .cajaDiagrama ul li div.botonDiagrama.activo {
 cursor:pointer
}
.dialogo.diagrama .cajaDiagrama ul li div.botonDiagrama span {
 display:table-cell;
 padding:0;
 color:#fff;
 width:100px;
 height:80px;
 font-size:14px;
 vertical-align:middle;
 text-align:center
}
.dialogo.diagrama .cajaDiagrama ul li .imagenes {
 width:110px;
 position:relative;
 top:-20px;
 text-align:center
}
.dialogo.diagrama .cajaDiagrama ul li .imagenes .capaImagen {
 width:50px;
 height:50px;
 border-radius:100%;
 background:#fff;
 display:inline-block;
 overflow:hidden;
 margin-bottom:4px;
 opacity:0
}
.dialogo.diagrama .cajaDiagrama ul li .imagenes .capaImagen img {
 width:80%;
 margin:10%
}
.dialogo.diagrama .cajaDiagrama ul li .capaBoton.circle {
 position:absolute;
 left:-webkit-calc(34%);
 left:-moz-calc(34%);
 left:calc(34%);
 top:72px;
 border-radius:100%;
 width:34px;
 height:34px;
 padding:0;
 display:none
}
.dialogo.diagrama .cajaDiagrama ul li .capaBoton.circle span {
 display:none
}
.dialogo.diagrama .cajaDiagrama ul li .capaBoton.circle svg {
 width:50%;
 height:50%;
 margin:0;
 left:25%;
 top:25%;
 position:absolute
}
.dialogo .imagenFondo img {
 width:100%
}
#ventanaModal .vtn02 {
 display:none
}
#ventanaModal .btnActualizaVtnModal {
 display:inline-block;
 padding:5px 10px;
 border-radius:4px;
 background:#00763b;
 cursor:pointer
}
#ventanaModal .btnActualizaVtnModal span {
 display:inline-block;
 color:#fff;
 fill:#fff;
 font-size:18px;
 line-height:30px;
 height:30px;
 position:relative
}
#ventanaModal .btnActualizaVtnModal span svg {
 width:100%;
 height:100%
}
#ventanaModal .botonDespliega {
 display:block;
 padding:10px;
 border-radius:0;
 background:#999;
 cursor:pointer;
 margin:auto;
 text-align:center;
 text-transform:uppercase;
 line-height:30px
}
#ventanaModal .botonDespliega span {
 color:#fff;
 fill:#fff;
 display:inline-block;
 font-size:18px
}
#ventanaModal .botonDespliega span.icono {
 width:30px;
 height:30px
}
#ventanaModal .botonDespliega span.icono svg {
 width:100%;
 height:100%
}
#ventanaModal .cuerpoDespliega {
 opacity:0
}
body.desktop.big .dialogo.diagrama .cajaDiagrama {
 top:8%;
 height:84%
}
.cajaDialogo {
 position:relative;
 overflow:hidden;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 border-radius:3px;
 -webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.7);
 -moz-box-shadow:0 0 3px 0 rgba(0,0,0,.7);
 box-shadow:0 0 3px 0 rgba(0,0,0,.7)
}
.cajaDialogo .fondo {
 width:100%
}
.cajaDialogo .personaje {
 position:absolute
}
.cajaDialogo .personaje img {
 width:100%;
 height:100%;
 position:absolute
}
.volteaH {
 -moz-transform:scaleX(-1);
 -o-transform:scaleX(-1);
 -webkit-transform:scaleX(-1);
 transform:scaleX(-1);
 filter:FlipH
}
body.mobile .cajaDialogo,
body.phablet .cajaDialogo {
 display:none
}
.cajaDialogo .bocadillo {
 position:absolute;
 background:#f9f9f9;
 padding:15px;
 -webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.7);
 -moz-box-shadow:0 0 3px 0 rgba(0,0,0,.7);
 box-shadow:0 0 3px 0 rgba(0,0,0,.7)
}
.cajaDialogo .bocadillo:after {
 content:'';
 border-style:solid;
 position:absolute
}
.cajaDialogo .bocadillo.lt {
 -webkit-border-radius:0 3px 3px;
 -moz-border-radius:0 3px 3px;
 border-radius:0 3px 3px
}
.cajaDialogo .bocadillo.lt:after {
 border-width:10px 0 0 10px;
 border-color:transparent transparent transparent #f9f9f9;
 left:0;
 top:-10px
}
.cajaDialogo .bocadillo.rt {
 -webkit-border-radius:3px 0 3px 3px;
 -moz-border-radius:3px 0 3px 3px;
 border-radius:3px 0 3px 3px
}
.cajaDialogo .bocadillo.rt:after {
 border-width:0 0 10px 10px;
 border-color:transparent transparent #f9f9f9;
 right:0;
 top:-10px
}
.cajaDialogo .bocadillo.rb {
 -webkit-border-radius:3px 3px 0;
 -moz-border-radius:3px 3px 0;
 border-radius:3px 3px 0
}
.cajaDialogo .bocadillo.rb:after {
 border-width:0 10px 10px 0;
 border-color:transparent #f9f9f9 transparent transparent;
 right:0;
 bottom:-10px
}
.cajaDialogo .bocadillo.lb {
 -webkit-border-radius:3px 3px 3px 0;
 -moz-border-radius:3px 3px 3px 0;
 border-radius:3px 3px 3px 0
}
.cajaDialogo .bocadillo.lb:after {
 border-width:0 0 10px 10px;
 border-color:transparent transparent transparent #f9f9f9;
 left:0;
 bottom:-10px
}
.cajaDialogo .bocadillo>span {
 color:#343434;
 font-size:14px;
 font-style:italic
}
body.desktop .dialogoMvl,
body.tablet .dialogoMvl {
 display:none
}
.dialogoMvl {
 width:100%;
 margin-bottom:10px
}
.dialogoMvl .dialogoMvlBox {
 margin-bottom:15px;
 position:relative
}
.dialogoMvl .dialogoMvlBox .imagenPersonaje {
 display:table-cell;
 vertical-align:top;
 padding:0 20px 0 0
}
.dialogoMvl .dialogoMvlBox.derecha .imagenPersonaje {
 padding:0 0 0 20px
}
.dialogoMvl .dialogoMvlBox .imagenPersonaje img {
 width:120%;
 left:-10%;
 position:relative
}
.dialogoMvl .dialogoMvlBox .imagenPersonaje>div {
 position:relative;
 overflow:hidden;
 margin:0;
 padding:10px;
 width:40px;
 height:40px;
 background:#f0dc00;
 -webkit-border-radius:1000px;
 -moz-border-radius:1000px;
 border-radius:1000px
}
.dialogoMvl .dialogoMvlBox.derecha .imagenPersonaje>div {
 background:#8cf064
}
.dialogoMvl .dialogoMvlBox .nombrePersonaje {
 position:absolute;
 top:0;
 left:80px;
 padding:5px 10px 6px;
 background:#f0dc00;
 border-radius:4px;
 font-size:12px
}
.dialogoMvl .dialogoMvlBox.derecha .nombrePersonaje {
 left:auto;
 right:80px;
 background:#8cf064
}
.dialogoMvl .dialogoMvlBox .bocadillo {
 position:relative;
 padding:15px 15px 20px;
 margin-top:30px;
 font-style:italic
}
.mobile .dialogoMvl .dialogoMvlBox .bocadillo {
 padding:10px 10px 15px
}
.dialogoMvl .dialogoMvlBox .textoPersonaje {
 display:table-cell;
 vertical-align:bottom;
 width:100%
}
.dialogoMvl .dialogoMvlBox.derecha .bocadillo {
 background:#8cf064;
 float:right
}
.dialogoMvl .dialogoMvlBox.izquierda .bocadillo {
 background:#f0dc00;
 float:left
}
.dialogoMvl .dialogoMvlBox .bocadillo:after {
 content:'';
 border-style:solid;
 position:absolute
}
.dialogoMvl .dialogoMvlBox.izquierda .bocadillo:after {
 border-width:0 10px 10px 0;
 border-color:transparent #f0dc00 transparent transparent;
 left:-10px;
 top:0
}
.dialogoMvl .dialogoMvlBox.izquierda .bocadillo {
 -webkit-border-radius:0 3px 3px;
 -moz-border-radius:0 3px 3px;
 border-radius:0 3px 3px
}
.dialogoMvl .dialogoMvlBox.derecha .bocadillo {
 -webkit-border-radius:3px 0 3px 3px;
 -moz-border-radius:3px 0 3px 3px;
 border-radius:3px 0 3px 3px
}
.dialogoMvl .dialogoMvlBox.derecha .bocadillo:after {
 border-width:10px 10px 0 0;
 border-color:#8cf064 transparent transparent;
 right:-10px;
 top:0
}
.dialogoMovil .bocadillo {
 -moz-box-shadow:none;
 -ms-box-shadow:none;
 -o-box-shadow:none;
 -webkit-box-shadow:none;
 box-shadow:none
}
.ventanaDialogo {
 display:none
}
.ventanaDialogo .personaje>img {
 width:100%
}