/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

ol,
ul {
  list-style: none;
}

li {
/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2013 Daniel Eden
*/

.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;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-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);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-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;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-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;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-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;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    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% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) 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% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    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);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -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;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    -ms-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    -ms-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    -ms-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    -ms-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
html {height: 100%;}
* html body {height: 100%;}

body {
    font-family:Arial;
    font-size:14px;
    margin:0;
    color: #333;
    
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
    min-width:990px;
}

* {
    outline:none;
}

a {
    color: #333;
    text-decoration:none;
    cursor:pointer;
}

a:hover {
    color: #13a4d2;
}

a img {
    border:none;
}

p {
    margin-bottom:20px;
}

article,
p {
    line-height:140%;    
}

.viewport {
    width:950px;
    margin-left:auto;
    margin-right:auto;
}

.viewportWide {
    width:990px;
    margin:0 auto;
}

.button,
.addToCart,
.formSave,
.cart .submit,
.balance .addfunds,
.viewAllAddons,
.formStyle .submitButton,
.products .buttons .double .buy,
.boxCloud .box .buttonScope a,
.products .buttons .double .download {
    -moz-transition: background-color ease 0.3s, border-color ease 0.3s;
    -webkit-transition: background-color ease 0.3s, border-color ease 0.3s;
    -o-transition: background-color ease 0.3s, border-color ease 0.3s;
    transition: background-color ease 0.3s, border-color ease 0.3s;
}

#goTop {
    height:36px;
    line-height:36px;
    margin-left:110px;
    background: url(/templates/rs/resource/img/arrup.png) no-repeat right center;
    padding-right:20px;
    display:block;
    float:left;
    color: #666;
    display:none;
}

.sites .more:hover,
#goTop:hover {
    color:#13a4d2;
}

#topFloatMenu {
    float:left;
}

.floatTop {
    position:fixed;
    z-index:50;
    background: white;
    height:36px;
    line-height:36px;
    border-bottom:1px solid #dddfe2;
    width:100%;
    box-shadow:0 -2px 5px #999;
    -moz-box-shadow:0 -2px 5px #999;
    -webkit-box-shadow:0 -2px 5px #999;
}

.floatTop .user {
    float:right;    
}

.floatTop .user .userMenu {
    width:36px;
    height:36px;
    border-left:1px solid #dddfe2;
    border-right:1px solid #dddfe2;
}

.floatTop .user .userMenu:hover ul{
    display:block;
}
.floatTop .user .userMenu:hover .rs-active {
    background-color: #d3eef7;
}

.floatTop .balance ul,
.floatTop .user .userMenu ul {
    display:none;
}

.floatTop .balance,
.floatTop .user .userMenu,
.floatTop .user .name {
    float:right;
    line-height:36px;
}

.floatTop .user .userMenu .rs-active {
    background: url(/templates/rs/resource/img/dropdown.png) no-repeat center center;
    display:block;
    height:36px;
}

.floatTop .user .userMenu .rs-dropdown {
    position:absolute;
    white-space:nowrap;
    left:auto;
    right:0;
    background: white;
    box-shadow:0 4px 4px #666;
    -moz-box-shadow:0 4px 4px #666;
    -webkit-box-shadow:0 4px 4px #666;
}

.user .userMenu .exit {
    color: #999;
}

.user .userMenu .addfunds {
    font-weight:bold;
}

.floatTop .balance li,
.floatTop .user .userMenu li {
    border-top:1px solid #d4d7da;
    position:relative;
}

.floatTop .balance li i,
.floatTop .user .userMenu li i {
    width:15px;
    height:8px;
    background: url(/templates/rs/resource/img/user_corner.png) no-repeat;
    position:absolute;
    top:-8px;
    right:12px;
}

.floatTop .balance li a,
.floatTop .user .userMenu li a {
    display: block;
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
    border-left:1px solid #dcdee1;
    border-right:1px solid #dcdee1;
}

.floatTop .balance li a:hover,
.floatTop .user .userMenu li a:hover {
    background-color: #2d5a8b;
    border-left:1px solid #2d5a8b;
    border-right:1px solid #2d5a8b;        
    color: white;
}

.floatTop .balance {
    padding:0 17px;
    background: #ed5270;
    color: white;
    cursor:pointer;
    position:relative;
}

.floatTop .balance li i {
    right:20px;
}

.floatTop .balance .rs-dropdown {
    position:absolute;
    white-space:nowrap;
    left:auto;
    right:0;
    background: white;
    box-shadow:0 4px 4px #666;
    -moz-box-shadow:0 4px 4px #666;
    -webkit-box-shadow:0 4px 4px #666;
}

.floatTop .user.on .balance .rs-dropdown {
    display:block;
}

.floatTop .user.on .userMenu .rs-dropdown {
    display:none;
}

.floatTop .name {
    margin-right:13px;
    font-weight:bold;
}

.floatTop .viewport {
    position:relative;
}

.floatTop .lang li{
    float:left;
    height:36px;
    border-left:1px solid #dddfe2;
    position:relative;
}

.floatTop .lang li.act a:hover,
.floatTop .lang li a {
    padding:12px 13px 0;
    height:24px;
    display:block;
    background: white;
}

.floatTop .lang li a img{
    float:left;
}

.floatTop .lang li a:hover {
    background: #d3eef7;
}

.floatTop .lang li.first {
    border:none;
}

.floatTop .lang li i {
    position:absolute;
    width:9px;
    height:6px;
    background: url(/templates/rs/resource/img/lang_corner.png) no-repeat top left;
    bottom:-6px;
    left:16px;
    display:none;
}

.floatTop .lang li.act i {
    display:block;
}

.floatTop .cart {
    width:192px;
    border-left:1px solid #dddfe2; 
    border-right:1px solid #dddfe2; 
    height:36px;
    position:absolute;
    left:50%;
    margin-left:-97px;
    background: url(/templates/rs/resource/img/cart.png) no-repeat 20px top;
    overflow:hidden;
}

.floatTop .cart:hover {
    background-color: #ed5270;
    background-position:20px -36px;
}

.floatTop .cart .count {
    background: url(/templates/rs/resource/img/cart_count.png) no-repeat center center;
    width:30px;
    height:29px;
    line-height:28px;
    float:left;
    text-align:center;
    color: white;
    margin-left:49px;
    margin-top:3px;
}

.floatTop .cart .total {
    line-height:36px;
    white-space:nowrap;
    margin-left:7px;
}

.floatTop .cart:hover .total {
    color: white;
}

.floatTop .auth {
    float:right;
    height:36px;
}

.floatTop .sign {
    line-height:36px;
    height:36px;
    padding-left:46px;
    position:relative;
    display:block;
}

.floatTop .sign:hover i{
    background-color: #d3eef7;
}

.floatTop .sign i {
    position:absolute;
    left:0;
    top:0;
    height:36px;
    width:36px;
    background: #f4f4f5 url(/templates/rs/resource/img/sign.png) no-repeat center center;
}

header {
    padding-top:37px;
}

header .info {
    padding:26px 0;
    height:48px;
    position:relative;        
}

header .social {
    width:192px;
    position:absolute;
    top:28px;
    left:50%;
    margin-left:-97px;
    overflow:hidden;
    color: white;    
    line-height:44px;    
}

header .social .vk {
    width:77px;
    height:44px;
    background: url(/templates/rs/resource/img/vk.png) no-repeat top left;
    float:left;
    color: white;    
}

.social .vk a,
.social .fb a {
    display:block;
    width:100%;
    color: white;
}

header .social .fb {
    float:right;
    width:77px;
    height:44px;
    background: url(/templates/rs/resource/img/fb.png) no-repeat top left;
    color: white;    
}

header .social span {
    padding-left:45px;
    padding-right:6px;
    text-align:center;
    display:block;
    font-size:11px;
}

header .phones {
    float:right;
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;        
    position:absolute;
    right:0;
}

header .phones.en {
    font-size:20px;
    padding-top:7px;
}

header .phones .help {
    font-size:16px;
    line-height:100%;
    margin-bottom:3px;
}

header .phones .phone {
    float:right;
}

header .phones .number {
    font-size:22px;    
}

header .phones .first {
    margin-right:40px;
}

header nav {
    background: #2e2e2e;
    height:41px;
}

/* Второй уровень */

header nav ul li ul{
    position:absolute;
    z-index:10;
    box-shadow:0 4px 4px #333;
    -moz-box-shadow:0 4px 4px #333;
    -webkit-box-shadow:0 4px 4px #333;
    top:100%;
    left:0;
    margin-top:1px;
    background: white;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -khtml-border-radius:2px;
    display:none;
    background: white;
}

header nav ul li.last ul {
    left:auto;
    right:0;
}

header nav ul li ul li {
    float:none;
    display:block;
}

header nav ul li ul a {
    color: #1d1626;    
    font-size:16px;
    white-space:nowrap;
    display:block;
    float:none;
    border-left:1px solid #cfd9df;
    border-right:1px solid #cfd9df;
}

header nav ul ul li.node > a {
    background-image: url(/templates/rs/resource/img/menu_node.png);
    background-position: right center;
    background-repeat: no-repeat;
}

header nav ul li ul a:hover {
    background-color: #2d5a8b;
    border-left:1px solid #2d5a8b;
    border-right:1px solid #2d5a8b;        
    color: white;
}

header nav ul li ul li {
    border-top:1px solid #f0f1f2;
}

/* Третий уровень */

header nav ul ul ul {
    left:100%;
    top:-1px;
    display:none;
}

header nav ul ul ul li.first i {
    position:absolute;
    width:13px;
    height:26px;
    top:9px;
    left:-12px;
    background: url(/templates/rs/resource/img/menu_corner3.png) no-repeat;
}
header nav ul ul ul li.first a:hover i {
    background-position:0 -26px;
}


/* Первый уровень */

header nav ul li {
    float:left;
    position:relative;
}

header nav ul li a {
    color: white;
    font-size:18px;
    padding:0 20px;
    height:41px;
    line-height:41px;
    display:block;
}

header nav ul li.node.over > a > i {
    width:15px;
    height:8px;
    background: url(/templates/rs/resource/img/menu_corner.png) no-repeat;
    position:absolute;
    margin-left:-7px;
    bottom:-2px;
    left:50%;    
    z-index:11;
}

header nav ul li a:hover {
    background: black;
    color: #b4dce4;
}

header nav ul.visible {
    display:block;
}

header nav ul > li.over > a {
    background: black;
    color: #b4dce4;    
}

header nav ul ul li.over > a {
    background-color: #2d5a8b;
    border-left-color: #2d5a8b;
    border-right-color: #2d5a8b;
    color: white;
}

.banners {
    height:407px;
    background: #d05c47;
    background: -moz-linear-gradient(top, #706ee3 0%, #de78ca 40%, #e25b63 80%, #e47e42 100%);
    background: -o-linear-gradient(top, #706ee3 0%, #de78ca 40%, #e25b63 80%, #e47e42 100%);
    background: -ms-linear-gradient(top, #706ee3 0%, #de78ca 40%, #e25b63 80%, #e47e42 100%);
    background: linear-gradient(top, #706ee3 0%, #de78ca 40%, #e25b63 80%, #e47e42 100%);
    
    background-image:url(/templates/rs/resource/img/banner_tx3.jpg);
    background-repeat:repeat;
    background-position:center top;
    position:relative;
    overflow:hidden;
    font-family:Arial;
    clear:both;
}

.banners .light {
    height:407px;
    background:url(/templates/rs/resource/img/banner1/cloudback.jpg) no-repeat top center;
}

.banners .light .dash {
    height:331px;
}

.banners .item {
    height:331px;
    position:absolute;
    width:100%;
    top:0;
    left:0;
    display:none;
}

.banners .item.visible {
    display:block;
}

.banners .control {
    height:76px;
}

.mb0 {
    margin-bottom:0;
}

.mt15 {
    margin-top:15px;
}

.mt30 {
    margin-top:30px;
}

.mt60 {
    margin-top:60px;
}

.mt0 {
    margin-top:0;
}

.main {
    z-index:3;
    overflow:hidden;
    margin-bottom:58px;
}

.main .colLeft {
    width:457px;
    float:left;
}

.main .about {
    line-height:18px;
    border:2px solid #e6e7eb;
    padding:10px 13px;
    position:relative;
    border-radius:2px;
}

.main .about .corner {
    width:18px;
    height:87px;
    background:url(/templates/rs/resource/img/about_corner.png) no-repeat;
    right:-18px;
    top:37px;
    position:absolute;
}

.main .about a {
    border-bottom:1px dashed #aaa;
}

.main .about a:hover {
    border:none;
}

.main .video {
    
}

.main .colRight {
    width:450px;
    float:right;
} 

.whoWeAre {
    font-size:36px;
    line-height:100%;
    text-align:center;
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;    
    margin-bottom: 25px;
}

h1,
h2,
.h2 {
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;
    font-size:36px;
    line-height:35px;
    font-weight:normal;
}

h3,
.h3 {
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;
    font-size:26px;
    line-height:100%;
    margin-top:30px;
    font-weight:normal;
}

h1,
h2,
h3 {
    margin-bottom:20px;
}

article h3,
article .h3 {
    margin-bottom:10px;
}

article a {
    text-decoration:underline;
}

.banners .makeshops {
    color: white;        
    position:relative;
}

.makeshops .topFeatures {
    margin:30px 0;
    color:#2e2e2e;
    font-size:12px;
}

.makeshops .topFeatures .sms {
    display:inline-block;
    height:48px;
    background:url(/templates/rs/resource/img/banner1/sms.png) no-repeat left center;
    padding-left:55px;
    line-height:48px;
    margin-right:20px;    
}

.makeshops .topFeatures .pay {
    display:inline-block;
    height:48px;
    background:url(/templates/rs/resource/img/banner1/pay.png) no-repeat left center;
    padding-left:55px;
    line-height:48px;
    position:relative;
}

.makeshops .demo {
    border:2px solid white;
    display:inline-block;
    position:relative;
    color: white;
    font-size:20px;
    border-radius:30px;
}

.makeshops .demo:hover .bg {
    opacity:0.3;
    filter:alpha(opacity=30);
}

.makeshops .demo .bg {
    border-radius:30px;
    background: white;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0.15;
    filter:alpha(opacity=15);
    -moz-transition: opacity ease 0.3s;
    -webkit-transition: opacity ease 0.3s;
    -o-transition: opacity ease 0.3s;
    transition: opacity ease 0.3s;        
}

.makeshops .picture {
    width:780px;
    height:406px;
    background:url(/templates/rs/resource/img/banner1/tpls.jpg) no-repeat;
    position:absolute;
    left:430px;
    top:1px;
}

.makeshops .demo .data {
    position:relative;
    z-index:2;
    padding:15px 40px;    
    display:block;
}

.banners .makeshops .try {
    background:url(/templates/rs/resource/img/banner1/h1_border.png) no-repeat bottom center;
    padding-top:25px;
    font-size:32px;
    text-align:center;
    margin:0 0 5px;
    font-weight:bold;
    line-height:100%;
    font-stretch: normal;
    font-family:Roboto;
    width:990px;
    margin-left:-20px;
    height:66px;
    line-height:65px;
}

.banners .makeshops .select {
    overflow:hidden;
    position:relative;
}

.banners .makeshops .select .box {
    padding-top:129px;
    background:url(/templates/rs/resource/img/banner1/box.png) no-repeat top center;
    text-align:center;
    float:left;
    margin-left:40px;
}

.banners .makeshops .select .product {
    font-size: 28px;
    font-family: Roboto;
    font-weight:100;
    margin:0; 
    line-height:100%;
}

.banners .makeshops .select .subtext {
    font-size:34px;
    font-family:Roboto;
    font-weight:bold;
    line-height:100%;
    margin-bottom:15px;
}

.banners .makeshops .select .or {
    background: url(/templates/rs/resource/img/banner1/or.png) no-repeat top left;
    width:45px;
    height:86px;
    line-height:80px;
    font-size: 30px;
    font-family: Roboto;
    font-weight:100;
    position:absolute;
    top:80px;
    left:50%;
}

.banners .makeshops .select .cloud {
    padding-top:129px;
    background:url(/templates/rs/resource/img/banner1/cloud.png) no-repeat center 7px;
    text-align:center;
    float:right;    
    margin-right:40px;
}

.banners .makeshops .platform {
    font-size:30px;
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;
    margin-top:10px;
}

.banners .makeshops .offer {
    margin-left:-174px;
    width:346px;
    height:56px;
    background: url(/templates/rs/resource/img/offer.png) no-repeat top left;
    position:absolute;
    top:302px;      
    left:50%;
}

.banners .makeshops .offer .buy {
    width:115px;
    height:54px;
    margin:1px;
    line-height:54px;
    background: url(/templates/rs/resource/img/minicart.png) no-repeat 26px center;
    padding-left:55px;
    color: white;
    display:block;
    float:left;
}

.banners .makeshops .offer .demo {
    width:94px;
    height:54px;
    line-height:54px;
    margin:1px 1px 1px 0;
    display:block;
    float:left;
    background: url(/templates/rs/resource/img/eye.png) no-repeat 43px center;
    padding-left:73px;
    color: white;
}

.banners .makeshops .offer a:hover {
    color: #333;
}

.banners .responsive .adaptive {
    width:200px;
    padding-top:40px;
    margin-top:147px;
    margin-right:15px;
    float:left;
    background: url(/templates/rs/resource/img/banner2/arrow.png) no-repeat top left;
    color: white;
    font-size:15px;
}

.banners .responsive .mobile {
    display:block;
    margin-top:76px;
    float:left;
    margin-right:43px;
}

.banners .responsive .tablet {
    display:block;
    margin-top:27px;
    float:left;
}

.banners .responsive .info {
    margin-left:650px;
    padding-top:90px;
    font-size:44px;
    font-weight:bold;
    color: white;
    line-height:100%;
}

.banners .usability .design {
    float:left;
    margin-top:18px;
}

.banners .usability .info {
    padding-top:55px;
    font-size:44px;
    margin-left:670px;
    color: white;
}

.banners .usability .info p {
    line-height:100%;
    font-weight:bold;
}

.banners .usability .info .top {
    margin-bottom:40px;
}

.banners .editmode .image {
    float:left;
    margin-top:35px;
}

.banners .editmode .text {
    margin-left:650px;
    font-size:45px;
    font-weight:bold;
    display:block;
    color: white;
    margin-top:80px;
    line-height:100%;
}

.banners .editmode .normal {
    font-weight:normal;
    font-size:35px;
}

.banners .quest {
    text-align:center;
    font-size:47px;
    color: white;
    font-weight:bold;
    padding-top:20px;
}

.banners .image {
    float:right;
}

.banners .tryus {
    display:block;
    font-size:40px;
    line-height:100%;
    margin-top:60px;
    color: white;
    background: url(/templates/rs/resource/img/banner7/arrow.png) no-repeat right bottom;
    width:380px;
    padding-left:40px;
    padding-bottom:60px;
}

.custom .customAbility {
    padding-top:82px;
    overflow:hidden;
}

.custom .customAbility li {
    float:left;
    color: white;
}

.custom .customAbility p {
    font-size:38px;
    font-weight:bold;
}

.custom .customAbility .small {
    font-size:16px;
    font-weight:normal;
    margin:0;
}

.custom .customAbility li {
    margin-left:90px;
    text-align:center;
}

.custom .customAbility li.first {
    margin-left:0;
}

.custom .slider {
    height:4px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    margin-top:40px;
    background:url(/templates/rs/resource/img/banner4/sprite-black.png) repeat-x;
}

.custom .slider .active {
    height:4px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    background:url(/templates/rs/resource/img/banner4/sprite-black.png) repeat-x 0 -4px;
    width:600px;
    position:relative;
}

.custom .slider .active i {
    width:36px;
    height:36px;
    position:absolute;
    right:-18px;
    top:-16px;
    background: url(/templates/rs/resource/img/banner4/picker-black.png) no-repeat;
}

.custom .customize {
    font-size:28px;
    text-align:center;
    margin-top:47px;
    color: white;
}

.banners .rs1c .back {
    width:950px;
    height:303px;
    background: url(/templates/rs/resource/img/banner5/rs-1c-white.png) no-repeat;
    margin-top:16px;
}

.banners .rs1c .info {
    display:block;
    padding:75px 230px 0;
    font-size:54px;
    font-weight:bold;
    color: white;    
    text-align:center;
    line-height:100%;
}

.banners .rs1c .info .sub {
    font-size:24px;
    font-weight:normal;
    display:block;
}

.banners .rs1c .info .top {
    font-size:50px;
    font-weight:bold;
    line-height:100%;
}

.banners .rs1c .info .bottom {
    font-size:28px;
    line-height:normal;    
}

.control .viewport {
    position:relative;
}

.control .prev,
.control .next {
    width:34px;
    height:34px;
    position:absolute;    
    opacity:0.3;
    filter:alpha(opacity=30);
    order:1px solid white;
    background:url(/templates/rs/resource/img/leftright.png) no-repeat 13px center;
    z-index:2;
}

.control .prev:hover,
.control .next:hover {
    opacity:1;
    filter:alpha(opacity=100);
}

.control .prev {
    top:33px;
    left:338px;
}

.control .next {
    top:33px;
    right:350px;
    background-position:-21px 50%;
}

.control .circles {
    position:relative;
    top:42px;
    width:346px;
    height:14px;
    margin:0 auto;
    text-align:center;
}

.control .circles a {
    width:14px;
    height:13px;
    background: url(/templates/rs/resource/img/circ.png) no-repeat;
    display:inline-block;
    margin-right:10px;
}

.control .circles a.act,
.control .circles a:hover {
    background-position:0 -13px;
}

.defvalue {
    color: #C0C0C0;
}

.blog {
    margin-top:30px;
    padding-bottom:25px;
    border-bottom:1px solid #dddfe2;
    text-align:center;
    overflow:hidden;
}
.blog .h2 {
    display:inline-block;
    margin-bottom:30px;
}

.blogpost {
    overflow:hidden;
}

.blog ul {
    text-align:left;
    margin-right:-2%;
}

.blog li {
    width:47%;
    margin:15px 2% 25px 0;
    display:inline-block;
    vertical-align:top;    
}

.blog .date {
    color: #999;
    font-size:22px;
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;            
    margin-bottom:7px;
}

.blog .title {
    font-size:18px;
    color: #28538e;
}

.blog .title:hover {
    color: #13a4d2;
}

.blog .description {
    margin:7px 0;
}

.clearBoth {
    clear:both;
}

.offerCircle {
    margin-top:50px;
    height:381px;
    background: url(/templates/rs/resource/img/offercenter.png) no-repeat center center;
    text-align:center;
    line-height:365px;
    color: white;
    font-size:60px; /* Arial 50px */
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;
}

.products {
    width:98%;
    margin-left:2%;
    border-collapse:collapse;
}

.products .images td{
    vertical-align:bottom;
    text-align:right;
}

.products .images .tdBase {
    width:310px;
}

.products .images .tdMiddle {
    width:340px;
}

.products .images .tdMiddle a {
    margin-right:10px;
}

.products .titles td {
    text-align:center;
    padding:0 10px;
}

.products .titles .a,
.products .titles a {
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;
    font-size:42px; /* 40px Arial */
}

.products .titles p {
    color: #666;
    margin-top:10px;
}

.products .buttons .double {
    height:51px;
    width:268px;
    margin:0 auto;
    border:1px solid #adafb2;    
}

.products .buttons .double .buy {
    width:178px;
    height:51px;
    font-weight:bold;
    text-align:center;
    line-height:51px;
    display:block;
    float:left;
}

.products .buttons .double .buy:hover,
.products .buttons .double .download:hover {
    background: #adafb2;
    color: white;
}

.products .buttons .double .download {
    width:89px;
    height:51px;
    border-left:1px solid #adafb2;
    text-align:center;
    line-height:51px;
    display:block;
    float:left;    
}
.features {
    background:#464546 url(/templates/rs/resource/img/features_tx.gif) repeat top left;
    box-shadow:inset 0 0 10px #2b2425;
    -moz-box-shadow:inset 0 0 10px #2b2425;
    -webkit-box-shadow:inset 0 0 10px #2b2425;
    padding:36px 0;
}

.featureTable td {
    border:1px solid #e6e3e3;
    height:133px;
    width:20%;
    background: white;
}

.featureTable td {
    padding:25px 25px 0;
}

.featureTable a {
    text-align:center;
    display:block;
    font-size:24px; /* Arial 20px */
    opacity:0.8;
    filter:alpha(opacity=80);
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;    
    line-height:100%;
}

.featureTable a:hover {
    opacity:1;
    filter:alpha(opacity=100);
}

.featureTable i {
    display:block;
    height:52px;
    margin-bottom:17px;
    background-position:center center;
    background-repeat: no-repeat;
}

.featureTable .responsive i { background-image: url(/templates/rs/resource/img/features/responsive.png); }
.featureTable .x1c i { background-image: url(/templates/rs/resource/img/features/1c.png); }
.featureTable .bootstrap i { background-image: url(/templates/rs/resource/img/features/960gs.png); }
.featureTable .widgets i { background-image: url(/templates/rs/resource/img/features/widgets.png); }
.featureTable .comments i { background-image: url(/templates/rs/resource/img/features/comments.png); }

.featureTable .discount i { background-image: url(/templates/rs/resource/img/features/discount.png); }
.featureTable .compare i { background-image: url(/templates/rs/resource/img/features/compare.png); }
.featureTable .social i { background-image: url(/templates/rs/resource/img/features/social.png); }
.featureTable .epay i { background-image: url(/templates/rs/resource/img/features/visa.png); }
.featureTable .more i { background-image: url(/templates/rs/resource/img/features/more.png); }

.featureTable .exchange i { background-image: url(/templates/rs/resource/img/features/exchange.png); }
.featureTable .siteupdate i { background-image: url(/templates/rs/resource/img/features/siteupdate.png); }
.featureTable .editmode i { background-image: url(/templates/rs/resource/img/features/editmode.png); }
.featureTable .multicurrency i { background-image: url(/templates/rs/resource/img/features/currency.png); }
.featureTable .taxes i { background-image: url(/templates/rs/resource/img/features/taxes.png); }
.featureTable .sms i { background-image: url(/templates/rs/resource/img/features/sms.png); }
.featureTable .moreEn i { background-image: url(/templates/rs/resource/img/features/more_en.png); }

footer {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:48px 0 20px;
    overflow:hidden;
    border-top:3px solid #464546;
}

.index footer {
    border:none;
}

.footerSpace {
    height:179px;
}

footer .logo {
    width:164px;
    float:left;
    font-size:12px;
    margin-right:190px;
}

footer .logo p {
    margin-top:16px;
}

footer .menu1 {
    float:left;
}

footer .menu2 {
    float:left;
    margin-left:80px;
}

footer .menu1 li,
footer .menu2 li {
    padding-bottom:5px;
}

footer .social {
    width:180px;
    float:right;
    color: white;    
    line-height:44px;    
}

footer .social .vk {
    width:77px;
    height:44px;
    background: url(/templates/rs/resource/img/vk.png) no-repeat top left;
    float:left;
}

footer .social .fb {
    float:right;
    width:77px;
    height:44px;
    background: url(/templates/rs/resource/img/fb.png) no-repeat top left;
}

footer .social span {
    padding-left:45px;
    padding-right:6px;
    text-align:center;
    display:block;
    font-size:11px;
}

.relative {
    position:relative;
}

.arrows {
    width:671px;
    height:277px;
    background: url(/templates/rs/resource/img/arrows.gif) no-repeat;
    position:absolute;
    left:50%;
    top:200px;
    margin-left:-337px;
    z-index:3;
}

.arrowDown {
    width:21px;
    height:716px;
    background: url(/templates/rs/resource/img/arrowdown.gif) no-repeat;
    position:absolute;
    left:50%;
    margin-left:-10px;
    z-index:5;
}

.productsZone {
    position:relative;
    margin-top:50px;
}

.consultant {
    position:fixed;
    right:0;
    top:300px;
    background: #2e2e2e;
    width:42px;
    height:123px;
    background: url(/templates/rs/resource/img/consultant.png) no-repeat;
    z-index:5;
    opacity:0.4;
    filter:alpha(opacity=40);
}

.consultant:hover {
    opacity:1;
    filter:alpha(opacity=100);
}

.dialogInside {
    padding:27px 24px;
}

.formStyle input[type=text],
.formStyle input[type=password],
.formStyle textarea,
.formStyle .row {
    margin-bottom:11px;    
}

.formStyle input[type=text],
.formStyle input[type=password],
.formStyle textarea {
    height:50px;
    border:1px solid #a8abad;
    line-height:normal;
    padding:0 3%;
    font-size:14px; /* ipad */
    font-family:Arial;
}

.formStyle textarea {
    height:150px;
    padding:3%;
}

input::-webkit-input-placeholder { font-size:14px; }
input::-moz-placeholder { font-size:14px; } /* firefox 19+ */
input:-ms-input-placeholder { font-size:14px; } /* ie */
input:-moz-placeholder { font-size:14px; }

.recover input[type=text],
.recover input[type=password],
.auth input[type=text],
.auth input[type=password] {
    width:94%;
}


.formStyle input[type=text]:focus,
.formStyle input[type=password]:focus,
.formStyle textarea:focus {
    outline: 2px solid #c6e5eb;    
}

.has-error,
.formStyle .has-error[type=text]:focus,
.formStyle textarea.has-error:focus {
    outline: 2px solid #fec8d3;
}

.formStyle .submitButton {
    height:50px;
    background: none;
    border:2px solid #8cc768;
    width:100%;
    cursor:pointer;
    font-weight:bold;
    font-family:Arial;
    vertical-align:middle;
    font-size:15px;    
}

.formStyle .submitButton:focus,
.formStyle .submitButton:hover {
    background:#8cc768;
}

.formStyle .formTable .help{
    clear: both;
    color: gray;
    font-size: 10px;
}

.formStyle .fieldGroup {
    border:1px solid #a8abad;
    margin-bottom:11px;
    margin-top:10px;
    padding:15px;
    position:relative;
}

.formStyle .fieldGroup .fieldGroupName {
    position:absolute;
    font-weight:bold;
    background:white;
    padding:0 10px;
    top:-10px;
}

.dialog .submitButton img {
    margin-right:10px;
    vertical-align:middle;    
}

.ini {
    margin-right:10px;
    vertical-align:middle;        
}

.dialog.auth .bottomLine {
    margin-top:20px;
    overflow:hidden;
    line-height:20px;
    font-size:12px;
}

.dialog.auth .bottomLine input,
.dialog.auth .bottomLine label {
    vertical-align:middle;
    color: #999;
}


.dialog.auth .forgetPassword {
    float:right;
    color: #28538e;
    text-decoration:underline;
}

.errBlock,
.dialog .error {
    background: #e9274c;    
    padding:19px 24px;
}

.errBlock .h,
.dialog .error .h {
    color: white;
    font-size:33px;
    margin:0;
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;    
}

.errBlock .msg,
.dialog .error .msg {
    color: white;
    font-size:12px;
    margin:0;
}

.errBlock a {
    text-decoration:underline;
    color: white;
}

.errBlock a:hover {
    color: #d3eef7;
}

.md20 {
    margin-bottom:20px;
}

.dialog .gotoAuth {
    background: #e6f6fc url(/templates/rs/resource/img/blue_dash.png) repeat-x top left;
}

.dialog .gotoAuth .h2 {
    margin-bottom:5px;
}

.dialog .gotoAuth .evrika {
    color: #666;
    font-size:12px;
}

.ablue {
    color: #28538e;
    text-decoration:underline;
}

.graytext {
    color: #666;
}

.dialog.success .dialogInside {
    padding:45px;
    text-align:center;
    background: #e6f6fc;
    font-size:36px;
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;    
    line-height:100%;    
}

.dialog.success .icon {
    margin:25px;
}

.def-value {
    color: #999;
}


.partnerSuccess {
    padding:20px;
    background: #e6f6fc;
    font-size:26px; 
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;    
}


.auth-nodialog{
    width: 453px;
    margin-top: 20px;
}


.wideTable {
    width:100%;
}

.wideTable thead td {
    background: #dddfe2;
    height:52px;
    vertical-align:middle;
    font-size:12px;
    border-left:none;
    border-right:none;
}

.wideTable.headCenter thead td {
    text-align:center;
}

.wideTable .left,
.wideTable .right {
    width:50%
}

.wideTable .right,
.wideTable .left {
    border-left:none;
    border-right:none;
}

.wideTable .right {
    border-right:none;
}

.wideTable tbody td{
    border:1px solid #dddfe2;
    padding:20px;
}

.wideTable tbody tr:hover {
    background: #d3eef7;
}

.wideTable tbody tr.noOver:hover {
    background:none;
}

.wideTable .emptyRow {
    width:950px;
    border-left:none;
    border-right:none;
    font-style:italic;
    color: #999;
}

.balanceTable tbody .date {
    border-left:none;
    padding-left:0;
    color:#999;
}

.balanceTable tbody .reason {
    font-size:18px;
}

.balanceTable tbody .cost {
    border-right:none;
    padding-right:0;
    font-size:18px;
}

.balanceTable tbody .minus .cost {
    padding-left:140px;
    color: #999;
}

.balanceTable tbody a {
    color:#28538e;
    border-bottom:1px dotted #28538e;
}

.balanceTable tbody a:hover {
    border-bottom:none;
}

.balanceTable .date span {
    width:150px;
    display:block;
}

.balanceTable .reason span {
    width:555px;
    display:block; 
}

.balanceTable .cost span{
    width:245px;
    display:block;
}

.breadcrumbs {
    margin-bottom:10px;
}

.breadcrumbs .a{
    color: #999;
    margin-right:15px;
}

.breadcrumbs a {
    color: #999;
    margin-right:15px;
    text-decoration:underline;
}

.balanceLine {
    overflow:hidden;
    margin-bottom:45px;
}

.myBalance {
    padding:0 15px;
    background: #ed5270;
    font-size: 30px;
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;
    color: white;
    float:left;
    margin-right:3px;
    height:52px;
    line-height:52px;
}

.balanceLine .current {
    line-height:52px;
    height:52px;
    float:left;
    display:block;
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;
    font-size:20px;
    background: url(/templates/rs/resource/img/arrleft.png) no-repeat left center;
    padding-left:25px;
    margin-left:5px;
}

.balance .addfunds {
    float:left;
    height:50px;
    line-height: 50px;
    padding:0 25px;
    display:inline-block;
    border:1px solid #dddfe2;    
    cursor:pointer;    
}

.balance .addfunds:hover {
    background-color:#28538e;
    border-color:#28538e;
    color: white;    
}

.balance .payfunds img, 
.balance .addfunds img {
    margin-right:10px;
    vertical-align:middle;
}

.balance .addfunds span {
    vertical-align:middle;
}

.tabs {
    overflow:hidden;
    margin-bottom:28px;
}

.tabs li {
    float:left;
    margin-right:30px;
}

.tabs li a {
    font-size:22px;
    font-family: Arial Narrow, Arial;
    font-stretch: ultra-condensed;
    font-weight:bold;
    padding-bottom:10px;
    display:block;
}

.tabs li.act {
    border-bottom:7px solid #e9274c;
}

.tabs li.act a {
    color: #e9274c;
}

.whiteTabs {
    height:44px;
    margin-bottom:28px;    
    border-bottom:1px solid #a8abad;
}

.whiteTabs li {
    float:left;
    margin-right:30px;
}

.whiteTabs li a {
    line-height:44px;
    height:44px;
    display:block;
    background:white;
    margin-bottom:-1px;
    padding:0 28px;
    font-size:16px;
}

.whiteTabs.bold li a {
    font-weight:bold;
}

.whiteTabs .act a {
    border:1px solid #a8abad;
    border-bottom:none;
}



.profile input[type=text],
.profile input[type=password] {
    width:405px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.profile input.companyInput {
    width:690px;
}

.profile .passTrigger {
    margin:20px 0 30px;
}

.profile .passTrigger a {
    color:#28538e;
    border-bottom:1px dotted #28538e;
    font-size:18px;
    cursor:pointer;    
}

.profile input.curPass {
    width:300px;
}


.profile .kaptcha input{
    width:300px;
}

.button.ok i {
    width:19px;
    height:17px;
    display:inline-block;
    vertical-align:middle;
    margin-right:13px;
    background:url(/templates/rs/resource/img/cloud/ok.png) no-repeat top left;
    margin-bottom:3px;
}

.button.ok:hover i {
    background-position:0 -17px;
}

.button.ok {
    color:#2d5a8b;
    border-color:#2d5a8b;
    padding:0 85px;
}

.button {
    display:inline-block;
    *display:inline;
    height:51px;
    line-height:51px;
    background: none;
    
    border:1px solid #babcbf;    
    cursor:pointer;
    padding:0 40px;
    
    box-sizing: content-box;
}

.button:hover {
    background-color:#28538e;
    border-color:#28538e;
    color: white;
}

.button.added:hover {
    color: black;
}

.templates .button:hover {
    border-color:#dddfe2;
    background-color: white;
}

.recover .button,
.profile .button {
    width:405px;
    padding:0 3%;
}

.profile .companyForm {
    display:none;
}

.profile .company .companyForm {
    display:block;
}

.hidden {
    display:none;
}

.paginator a{
    padding:8px 18px;
    font-size:20px;
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;
}

.paginator a:hover {
    background: #d3eef7;
    color: black;
}

.paginator a.act {
    background: #13a4d2;
    color: white;
}

.offers .product .viewport {
    position:relative;
    height:477px;    
}

.offerBase {
    background: #dce7f0 url(/templates/rs/resource/img/p_base_tx.png) repeat top left;
}

.offerMiddle {
    background: #b4d262 url(/templates/rs/resource/img/p_middle_tx.png) repeat top left;
}

.offerFull {
    background: #524d64 url(/templates/rs/resource/img/p_full_tx.png) repeat top left;
}

.licenseInfo {
    background: #464546 url(/templates/rs/resource/img/features_tx.gif) repeat top left;
    box-shadow:inset 0 0 10px #2b2425;
    -moz-box-shadow:inset 0 0 10px #2b2425;
    -webkit-box-shadow:inset 0 0 10px #2b2425;
    padding-bottom:20px;
}

.featuresTable .feature .wide{
    width:950px;
    display:block;
}

.featuresTable tbody td {
    border:none;
    border-top:1px solid #e6e3e3;
    border-bottom:1px solid #e6e3e3;
    padding:15px 0;
}

.featuresTable .more td {
    border-bottom:none;
}

.featuresTable .more a {
    font-size:16px;
    color:#28538e;
    text-decoration:underline;
}

.offers .product .image {
    float:left;
    margin-top:35px;
}

.offers .product .description {
    margin-left:430px;
    padding-top:120px;
    line-height:20px;
}

.offers .product .floatButtons {
    position:absolute;
    z-index:3;
    left:0;
    bottom:-25px;
    height:53px;
}

.offers .product .floatButtons .buy {
    background: #8bc767 url(/templates/rs/resource/img/cart_black.png) no-repeat 25px center;
    display:block;
    float:left;
    height:53px;
    line-height:53px;
    padding: 0 28px 0 60px;
    font-weight:bold;
    width:300px;
    white-space:nowrap;
    box-shadow: inset 0 0 20px #6aa64a, 0 1px 2px #2f2e2f;
    -moz-box-shadow: inset 0 0 20px #6aa64a, 0 1px 2px #2f2e2f;
    -webkit-box-shadow: inset 0 0 20px #6aa64a, 0 1px 2px #2f2e2f;
}

.offers .product .floatButtons .buy:hover {
    color: white;
    background-image: url(/templates/rs/resource/img/cart_white.png);
}

.offers .product .floatButtons .buy:active {
    background-color: #64a73c;
    box-shadow:inset 0 0 10px #333;
    -moz-box-shadow:inset 0 0 10px #333;
    -webkit-box-shadow:inset 0 0 10px #333;
}

.offers .product .floatButtons .download {
    height:53px;
    line-height:53px;
    background: #fefefe url(/templates/rs/resource/img/butt.png) repeat-x bottom left;
    display:block;
    float:left;
    padding: 0 15px;    
    margin-left:5px;
}

.offers .product .floatButtons .demo {
    height:53px;
    line-height:53px;
    background: #fefefe url(/templates/rs/resource/img/butt.png) repeat-x bottom left;
    display:block;
    float:left;
    padding: 0 15px;    
    margin-left:5px;
}

.createTender {
    float:right;
    background: #51afc3;
    border-color: #51afc3;
    font-size:18px;
    font-weight:bold;
    color: white;
}

.createTender i {
    display:inline-block;
    width:20px;
    height:22px;
    background:url(/templates/rs/resource/img/partners/tender.png) no-repeat;
    vertical-align:middle;
    margin-right:11px;
}

.createTender:hover {
    background-color: #e9274c;
    border-color: #e9274c;    
}

.inLicense {
    padding:70px 0 40px;
    color: white;
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;    
    position:relative;
}

.inLicense .caption {
    font-size:36px;
    border-bottom:3px solid white;
    padding-bottom:7px;
}

.inLicense ul {
    font-size:30px;
    margin-top:20px;
}

.addLicenseTable {
    width:100%;
    border-collapse:collapse;
}

.addLicenseTable .colPrice {
    width:125px;
}

.addLicenseTable .colCart {
    width:100px;
}

.addLicenseTable tr {
    background: url(/templates/rs/resource/img/green_dash.png) repeat-x top left;
}

.addLicenseTable td {
    padding:6px 0;
    color: #8cc768;
    font-weight:bold;
    vertical-align:middle;
}

.addToCart {
    width:46px;
    height:35px;
    display:block;
    background: #8cc768 url(/templates/rs/resource/img/cart_black.png) no-repeat center center;
}

.addToCart.inline {
    vertical-align:middle;
    background-color: white;
    width:19px;
    height:17px;
    display:inline-block;
}

.addToCart:hover {
    background-color: white;
}

.addToCart.inline:hover {
    opacity:0.8;
    filter:alpha(opacity=80);
}

.addToCart.added {
    background-color: #e6f6fc;
    background-image: url(/templates/rs/resource/img/ok.png);
}

.offerFull .description {
    color: white;
}

.compareTable tbody td {
    border-left:none;
    border-right:none;
}

.compareTable .prFull span {
    width:115px;
    display:block;
}

.compareTable .prMiddle span {
    width:95px;
    display:block;
}

.compareTable .prBase span {
    width:85px;
    display:block;
}

.compareTable .feature span {
    width:653px;
    display:block;
}

.compareTable .prFull,
.compareTable .prMiddle,
.compareTable .prBase {
    text-align:center;
}

.compareTable tbody .prFull,
.compareTable tbody .prMiddle,
.compareTable tbody .prBase {
    font-size:25px;
    font-family: 'Open Sans Condensed';
}

.compareTable thead td {
    border-bottom:none;
}

.compareTable tbody td {
    padding:13px 0;
    vertical-align:middle;
    border-top:none;
    line-height:25px;
}

.compareTable .prBase {
    background: #dce7f0 url(/templates/rs/resource/img/p_base_tx.png) repeat top left;
}

.compareTable .prMiddle {
    background: #dce7f0 url(/templates/rs/resource/img/p_middle_tx.png) repeat top left;
    border-left:1px solid white;
}

.compareTable .prFull {
    color: white;
    border-left:1px solid white;
    background: #dce7f0 url(/templates/rs/resource/img/p_full_tx.png) repeat top left;
}

.compareTable tbody .prBase {
    background: #eaf1f6 url(/templates/rs/resource/img/p_base_ltx.png) repeat top left;
}

.compareTable tbody .prMiddle {
    background: #d2e4a1 url(/templates/rs/resource/img/p_middle_ltx.png) repeat top left;
    border-bottom-color: #c7da96;
}

.compareTable tbody .prFull {
    background: #9492a1 url(/templates/rs/resource/img/p_full_ltx.png) repeat top left;
    border-bottom-color:#8a8796;
}

/*
.compareTable tbody tr:hover td{
    ackground:none;
    olor: black;
    order-left-color: #d3eef7;
    order-right-color: #d3eef7;
    order-bottom-color: #DDDFE2;
}
*/

.compareTable tfoot td {
    padding:10px 2px 0;
}

.compareTable tfoot .tdFull {
    padding-right:0;
}

.compareTable .small td {
    font-size:14px;
    font-family:Arial;
}

.compareTable .button {
    display:block;
    text-align:center;
    font-weight:bold;
    padding:0;
}

.compareTable .button.buy.added {
    background-image:none;
    background-color:#8cc768;
    border-color:#8cc768;
    color: white;
}

.upgradeTable tbody td {
    border-left:none;
    border-right:none;
    padding: 7px 0;
    vertical-align:middle;
    font-weight:bold;
}

.upgradeTable .licName .w {
    width:620px;
    display:block;
}

.upgradeTable .licName .key {
    width:60px;
    display:inline-block;
}

.upgradeTable .licCost span {
    width:145px;
    display:block;
}

.upgradeTable .licToCart span {
    width:185px;
    display:block;
}

.upgradeTable i.right {
    display:inline-block;
    background: url(/templates/rs/resource/img/longarrow.png) no-repeat;
    width:69px;
    height:21px;
    vertical-align: middle;
    margin:0 20px;
}

.updateTable thead span {
    display:block;
}

.updateTable thead .prBase span,
.updateTable thead .prMiddle span,
.updateTable thead .prFull span {
    width:200px;
}

.updateTable thead .feature span {
    width:347px;
}

.updateTable .addToCart {
    display:inline-block;
    vertical-align:middle;
    background-color:transparent;
}

.updateTable .prMiddle .addToCart.added {
    background-color: #D2E4A1;
}

.updateTable .addToCart:hover {
    background-color:white;
}

.updateTable tbody td {
    vertical-align:middle;
    border-left:none;
    border-right:none;
    border-top:none;
    padding:13px 0;
    font-weight:bold;
}

.updateTable .prBase {
    background: #dce7f0 url(/templates/rs/resource/img/p_base_tx.png) repeat top left;
}

.updateTable .prMiddle {
    background: #dce7f0 url(/templates/rs/resource/img/p_middle_tx.png) repeat top left;
    border-left:1px solid white;
}

.updateTable .prFull {
    color: white;
    border-left:1px solid white;
    background: #dce7f0 url(/templates/rs/resource/img/p_full_tx.png) repeat top left;
}


.updateTable tbody .prBase {
    background: #eaf1f6 url(/templates/rs/resource/img/p_base_ltx.png) repeat top left;
    text-align:center;
}

.updateTable tbody .prMiddle {
    background: #d2e4a1 url(/templates/rs/resource/img/p_middle_ltx.png) repeat top left;
    border-bottom-color: #c7da96;
    text-align:center;
}

.updateTable tbody .prFull {
    background: #9492a1 url(/templates/rs/resource/img/p_full_ltx.png) repeat top left;
    border-bottom-color:#8a8796;
    text-align:center;
}


.updateTable thead td {
    text-align:center;
}

.addfunds .balanceLine {
    margin-bottom: 25px;
}

.gray {
    color: #666;
}

.paymentTable {
    margin-top:20px;
}

.paymentTable td {
    vertical-align:middle;
    padding-bottom:8px;
}

.paymentTable .button {
    display:block;
    text-align:center;
    min-width:403px;
    padding:0 5px;
    font-family:Arial;
    font-size:14px;
}

.paymentTable .description {
    padding-left:20px;
    font-size:12px;
    color: #666;
}

.addfunds .cost {
    font-size:18px;
    width:125px;
    text-align:right;
}

.formFieldError {
    margin-left:10px;
    color: #e9274c;
}

.article ul {
    list-style:square;
    padding-left:20px;
    margin-bottom:20px;
}

.article {
    line-height:130%;
}

ol {
    padding-left:20px;
    margin-bottom:20px;
    list-style: decimal;
}

ol li {
    padding:4px 0;
}

.nob {
    font-weight:normal;
}

.offers .product .floatButtons .buy.added {
    background: #e6f6fc url(/templates/rs/resource/img/ok.png) no-repeat 30px center;
    box-shadow:inset 0 2px 4px #9ca8ad;
    -moz-box-shadow:inset 0 2px 4px #9ca8ad;
    -webkit-box-shadow:inset 0 2px 4px #9ca8ad;
    color: black;
}

.checkoutBlock {
    position:absolute;
    width:365px;
    height:140px;
    background: #8cc768;
    top:36px;
    left:50%;
    margin-left:-182px;
    text-align:center;
    box-shadow:2px 4px 4px #666;
    -moz-box-shadow:2px 4px 4px #666;
    -webkit-box-shadow:2px 4px 4px #666;
    display:none;
}

.checkoutBlock .corner {
    position:absolute;
    top:0;
    left:50%;
    width:16px;
    height:8px;
    background: url(/templates/rs/resource/img/checkout_corner.png) no-repeat top left;
    margin-left:-8px;
}

.checkoutBlock p {
    padding-top:37px;
    color: white;
    font-size:16px;   
}

.checkoutBlock a {
    height:51px;
    line-height: 51px;
    display:inline-block;
    width:235px;
    padding:0;
}

.formStyle .w200 {
    width:200px !important;
}

.formStyle .w300 {
    width:300px !important;
}

.formStyle .w600 {
    width:600px !important;
}

.cartTable {
    margin-top:25px;
}

.cartTable thead .colPreview div {
    width:145px;
}

.cartTable thead .colTitle div {
    width:450px;
}

.cartTable thead .colSingleCost div {
    width:120px;
    text-align:center;
}

.cartTable thead .colAmount div {
    width:102px;
    text-align:center;
}

.cartTable thead .colPrice div {
    width:120px;
    text-align:center;
}

.cartTable tbody tr:hover {
    background:none;
}

.checkout .cartTable thead .colTitle div {
    width: 490px;
}

.checkout .cartTable .colPrice {
    border-right:none;
}

.cartTable tbody td {
    padding:15px 10px;
}

.cartTable tbody .colPreview {
    text-align:center;
}

.cartTable tbody .colPreview,
.cartTable tbody .colRemove {
    border-left:none;
    border-right:none;
}

.cartTable tbody .colTitle {
    border-left:none;
}

.cartTable tbody .colTitle .title {
    font-size:16px;
}

.cartTable tbody .colSingleCost,
.cartTable tbody .colPrice {
    font-size:16px;
    font-weight:bold;
}

.cartTable tbody .colSingleCost,
.cartTable tbody .colPrice {
    text-align:right;
}

.cartTable .fieldAmount {
    width:40px;
    text-align:center;
    height:25px;
    line-height: 25px;
}

.cartTable tbody .colAmount {
    text-align:center;
    font-size:16px;
    padding:15px 0 15px 15px;
}

.cartTable .colAmount .error {
    color:red;
    font-size:10px;
}

.cartTable tfoot td{
    background: #f0f0f0;
    height:52px;
    vertical-align:middle;
    text-align: right;
}

.cartTable .summary .text {
    color: #666;
}

.cartTable .summary .total-value {
    font-size:18px;
    font-weight:bold;
    margin-right:10px;
}

.cartTable .preview {
    float:left;
}

.cart .coupon {
    position:relative;
}

.cart .couponCode {
    width:150px;
}

.cart .coupon .couponError {
    position:absolute;
    background: #e91d57;
    padding:25px;
    color: white;
}

.cart .coupon .couponError i {
    position:absolute;
    width:17px;
    height:9px;
    background: url(/templates/rs/resource/img/err_corner.png) no-repeat top left;
    top:-9px;
    left:20px;
    display:block;
}

.cart .coupon p {
    color: #666;
    margin-bottom:10px;
}

.cart .coupon .button {
    height:50px;
    line-height:50px;
    display:inline-block;
    padding:0 30px;
}

.cart .buttonsLine {
    margin-top:13px;
    overflow:hidden;
    padding:5px 2px;
}

.cart .submit {
    background: #a5d587 url(/templates/rs/resource/img/cart_black.png) no-repeat 25px center;
    border:2px solid #8cc768;
    height:54px;
    line-height:54px;
    display:block;
    float:left;
    padding-left:60px;
    padding-right:25px;
    color: #333;
    font-size:16px;
    font-weight:bold;
}

.cart .submit.disabled,
.cart .submit.disabled:hover,
.cart .submit.disabled:active {
    background-color: #c1c1c1;
    border-color: #c1c1c1;
    color: #858585;
    text-shadow:0 1px white;
    cursor:default;
}

.cart .submit:hover {
    background-color: #8cc768;
}

.cart .clearCart {
    float:right;
    line-height:50px;
    background: url(/templates/rs/resource/img/delete.png) no-repeat left center;
    padding-left:25px;
    text-decoration:underline;
    color:#b2b2b2;
}

.cart .clearCart:hover {
    color: black;
}

.cartTable .con {
    margin-top:10px;
}

.cartTable .con li {
    padding-bottom:5px;
}

.cartTable .con li * {
    vertical-align:middle;    
}

.cartTable .colPrice .discount {
    font-size:11px;
    color: #b2b2b2;
}

.cartTable .discountLine td {
    border:none;
    background: #f5f5f6;
}

.cartTable .remove {
    width:16px;
    height:16px;
    background: url(/templates/rs/resource/img/remove.png) no-repeat top left;
    display:block;
    float:left;
}

.cartTable tr.removing:hover {
    opacity:0.5;
    filter:alpha(opacity=50);
    background: none;
}

.cartTable .remove:hover {
    background-position:0 -16px;
}

.cartTable .discountLine .remove {
    margin-right:10px;
}

.cartTable .cartLoading {
    margin-right:15px;
    visibility:hidden;
}

.inloading .cartTable .cartLoading {
    visibility:visible;
}

.colAmount .qpicker {
    width:20px;
    height:50px;
    float:left;
    margin-left:3px;
}

.colAmount .qpicker a {
    background: #C0C0C0;
    height:14px;
    display:block;    
    cursor:pointer;
    background-repeat:no-repeat;
    background-position:center center;    
}

.colAmount .qpicker a:hover {
    background-color: #ACACAC;
}

.colAmount .qpicker .inc {
    margin-bottom:3px;
    background-image:url(/templates/rs/resource/img/up.png);
}

.colAmount .qpicker .dec {
    background-image:url(/templates/rs/resource/img/down.png);
}

.colAmount .fieldAmount {
    float:left;
}

.noData,
.cart .empty {
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;
    text-align:center;
    font-size:36px;
    padding:150px 0;    
}

.checkout .steps {
    overflow:hidden;
    margin-bottom:35px;
}

.checkout .steps li{    
    float:left;
    text-align:center;
    font-size:12px;
}

.checkout .steps li .a {
    width:111px;
    height:111px;
    background: url(/templates/rs/resource/img/step.png) no-repeat;    
    display:block;
}

.checkout .steps li strong {
    display:block;
    padding-top:35px;
    font-size:14px;
}

.checkout li.step1 strong{
    padding-top:30px;
}

.checkout .steps li {
    padding-left:126px;
    background: url(/templates/rs/resource/img/longright.png) no-repeat left center;
}

.checkout .steps .step1 {
    padding-left:0;
    background:none;
}

.checkout .steps .already .a,
.checkout .steps .step1.current .a,
.checkout .steps .current .a {
    background-image: url(/templates/rs/resource/img/step_act.png);
}

.checkout .steps .step1.current {
    background: none;
}

.checkout .steps .already {
    background-color:#d3eef7;
}

.checkout .steps .already,
.checkout .steps .current {
    background-color:#d3eef7;
}

.checkout .steps .step1.already .a {
    background-image: url(/templates/rs/resource/img/step_start.png);
    background-position:top left;
    background-repeat:no-repeat;
}

.checkout .steps .current .a {
    background-image: url(/templates/rs/resource/img/step_end.png);
    background-position:top right;
    background-repeat:no-repeat;
}

.checkout .formStyle input[type=text],
.checkout .formStyle input[type=password] {
    height:45px;
    margin-bottom:0;
}

.checkout .formStyle select {
    height:45px;
    line-height:45px;
    padding:13px 10px 10px 20px;
}


.checkout .help {
    margin:5px 0 10px;
    font-size:12px;
    color: #999;
}

.bordered {
    padding-bottom:45px;
    margin-bottom:23px;
    background: url(/templates/rs/resource/img/gray_dash.png) repeat-x bottom left;
}

.formSave {
    border:2px solid #28538e;
    font-size:16px;
    height:51px;
    width:405px;
    cursor:pointer;
}

.userBlock .companyForm {
    display:none;
}

.userBlock .company .companyForm {
    display:block;
}

#manual-login {
    margin-top:15px;
}

.checkout .inline {
    float:left;
    margin-left:20px;
}

.checkout .inline.f {
    margin-left:0;
}

.checkout .password input,
.checkout .password label {
    vertical-align:middle;
}

.checkout .password label {
    color:#999;
    font-size:12px;
}

.checkout .password .formFieldError {
    padding-top:15px;
}

.checkout .existsAddress {
    background: #e6f6fc;
    margin-bottom:20px;
    padding:20px;
}

.existsAddress .h3 {
    margin-top:0;
}

.existsAddress table {
    width:100%;
}

.existsAddress td {
    background: url(/templates/rs/resource/img/gray_dash.png) repeat-x bottom left;
    padding:8px 0;
    vertical-align:middle;
}

.existsAddress .cb {
    width:35px;
}

.checkout .sign {
    height:46px;
    display:inline-block;
    vertical-align:middle;
    padding:0 50px;
}

.userInfo {
    padding-bottom:20px;
}

.userInfo li {
    padding:5px 0;
    color: #333;
}

.userInfo li .key {
    color: #666;
}

.checkout .radioSelect {
    margin-bottom:50px;
}

.checkout .radioSelect label {
    display:inline-block;
    padding:4px;
}

.checkout .radioSelect label * {
    vertical-align:middle;
}

.checkout .radioSelect label span {
    font-weight:bold;
    font-size:16px;
}

.checkout .radioSelect li {
    margin-bottom:20px;
}

.checkout .radioSelect .act {
    background: #d3eef7;
}

.orderInfo {
    padding-bottom:0px;
    margin-bottom:25px;
}

.commentBlock {
    padding:36px 0;
    position:relative;
}

.commentBlock .placeholder {
    position:absolute;
    display:none;
    left:15px;
    top:52px;
    background: url(/templates/rs/resource/img/comment.png) no-repeat left center;
    padding-left:20px;
}

.commentBlock textarea {
    width:100%;
    height:85px;
}

.formSave.green {
    background: #a5d587;
    border:2px solid #8cc768;    
    display:inline-block;
    line-height:51px;
    text-align:center;
    color: #333;
    font-size:16px;
    font-weight:bold;
}

.formSave.green:hover {
    background-color: #8cc768;
}

.formSave.disabledButton,
.formSave.disabledButton:hover,
.formSave.disabledButton:active {
    background-color: #c1c1c1;
    border-color: #c1c1c1;
    color: #858585;
    text-shadow:0 1px white;
    cursor:default;
}

.bimg {
    margin-right:15px;
}

.stepBack {
    background: url(/templates/rs/resource/img/longleft.png) no-repeat left center;
    padding-left:58px;
    float:right;
    height:51px;
    line-height:51px;
    color: #b2b2b2;
}

.orderInfo .userInfo {
    background: url(/templates/rs/resource/img/gray_dash.png) repeat-x top left;
    padding-top:20px;
}

.orderSuccess {
    font-weight:bold;
    font-size:26px;
    margin:20px 0 10px;
}

.checkout .link {
    text-decoration:underline;
    color: #28538e;
}

.paymentDocuments {
    background: #e6f6fc;
    padding:23px 20px;
}

.paymentDocuments .h3 {
    margin-top:0;
    font-size:34px;
}

.paymentDocuments .helpText {
    color: #666;
}

.underText a {
    color: #28538e;
    text-decoration:underline;
}

.underText a:hover {
    color: #13a4d2;
}

.underText .button:hover {
    color: white;
}

.docsList a {
    background: url(/templates/rs/resource/img/doc.png) no-repeat left center;
    padding-left:25px;    
}

article ul {
    list-style:square;
    padding-left:25px;
}


.forDevelopers .com {
    float:right;
    color: #666;
    width:770px;
}

.forDevelopers .odd {
    background: #f5f5f5;
}

.bsection {
    margin-bottom:20px;
    background: url(/templates/rs/resource/img/gray_dash.png) repeat-x bottom left;
    overflow:hidden;
}

.cart .emptyText {
    display:none;
    color: #999;
    line-height:36px;
    padding-left:10px;
}

.cart:hover .emptyText {
    color: white;
}

.cart.cartEmpty .emptyText {
    display:inline;
}

.cart.cartEmpty .total {
    display:none;
}

.order {
    margin-bottom:30px;
    padding-bottom:10px;
    background: url(/templates/rs/resource/img/gray_dash.png) repeat-x bottom left;
}

.order .more {
    display:none;
}

.order .orderMore {
    float:right;
    padding:5px 0 5px 10px;
    text-decoration:underline;
}

.order .caption .status {
    float:right;
    color: white;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    padding:5px;
}

.order .caption .title {
    color: #28538e;
    font-size:20px;
    display:block;
}

.order .caption .title span {
    vertical-align:middle;    
    background: url(/templates/rs/resource/img/bluedot.png) repeat-x bottom left;
}

.order .caption .title .marker{
    margin-left:20px;
    background: url(/templates/rs/resource/img/order_open.png) no-repeat center center;
    display:inline-block;
    width:15px;
    height:10px;
    vertical-align:middle;
}

.order.open .caption .title .marker {
    background: url(/templates/rs/resource/img/order_close.png) no-repeat center center;
}

.order .caption .client {
    margin-top:3px;
    font-size:12px;
}

.order .caption {
    margin-bottom:10px;
}

.tableWrapper {
    background: #f5f5f6;
    padding:0px 6px 20px;
}

.myOrderTable {
    width:100%;
}

.myOrderTable thead td{
    height:50px;
    vertical-align:middle;
    text-align:center;
    font-size:12px;
}

.myOrderTable thead .colTitle {
    text-align:left;
    padding-left:15px;
}

.myOrderTable tbody td {
    background: white;
    border:1px solid #dddfe2;
    padding:15px;
    font-size:16px;
}

.myOrderTable .colPreview {
    border-right:none;
    width:103px;
    text-align:center;
}

.myOrderTable .colTitle {
    border-left:none;
} 

.myOrderTable tbody .colSingleCost,
.myOrderTable tbody .colPrice {
    font-weight:bold;
}

.myOrderTable tbody .colAmount {
    text-align:center;
}

.myOrderTable tbody .colPrice .discount {
    font-weight:normal;
    font-size:11px;
    color: #b2b2b2;
}

.tableWrapper .summary {
    text-align:right;
    color: #666;
    margin-top:20px;
    margin-right:25px;
}

.tableWrapper .summaryVal {
    color: #333;
    font-size:18px;
    font-weight:bold;
}

.tableWrapper .docs {
    text-align:right;
    margin-right:25px;
    margin-top:15px;
}

.tableWrapper .docs a {
    color: #28538e;
    text-decoration:underline;
    margin-left:20px;    
}

.tableWrapper .docs .doc {
    background: url(/templates/rs/resource/img/doc.png) no-repeat left center;
    padding-left:25px;
}

.tableWrapper .docs .pay {
    background: url(/templates/rs/resource/img/card.png) no-repeat left center;
    padding-left:25px;
}

.formStyle .userFields input[type=text] {
    width:350px;
    
}

.myOrderView .headLine .status {
    float:right;
    color: white;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    padding:5px;
    margin-top:8px;
}


.myOrderView .headLine .client {
    font-size:12px;
    color: #999;
}

.myOrderView .headLine .client {
    margin-bottom:20px;
}

.myOrderView .asCsv {
    background: url(/templates/rs/resource/img/download.png) no-repeat left center;
    padding-left:28px;
    float:right;
    margin-top:12px;
}

.myOrderView .userText {
    background: #e6f6fc;
    padding:20px;
    margin:20px 0;
}

.myOrderView .userText .h3 {
    margin-top:0;
}

.myOrderView .userInfoBlock {
    margin-top:20px;
}

.myOrderView .userInfo {
    padding-bottom:0;
}

.orderViewTable .colLicense {
    border-left:none;    
    padding-left:0;
    color: #666;
    white-space:nowrap;
}

.orderViewTable .colStatus {
    border-right:none;
    border-left:none;
    background: #f5f5f6;
    text-align:center;
    vertical-align:middle;
    padding:12px 20px;
}

.orderViewTable .colStatus.active {
    background: #b9d664;
}

.orderViewTable .colStatus .domain {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.orderViewTable .colStatus .date {
    color: #666;
    font-size:11px;
}

.orderViewTable .colDesc {
    border-right:none;
}

.orderViewTable .colLicense div {
    width:205px;
}

.orderViewTable .colStatus div {
    width:135px;
}

.orderViewTable .colDesc div {
    width:509px;
}

.und span {
    background: url(/templates/rs/resource/img/bluedot.png) repeat-x bottom left;
}

.forPaginator {
    padding:10px 0;
    margin-top:10px;
}

.sellInfo {
    padding-bottom:20px;
    background: url(/templates/rs/resource/img/gray_dash.png) repeat-x bottom left;
    margin-bottom:20px;
}

.sellInfo li {
    padding:5px 0;
    color: #333;
    font-size:16px;    
}

.sellInfo li .key {
    color: #666;
}

.sellInfo .price {
    font-size:18px;
}

.sellForm {
    background: url(/templates/rs/resource/img/gray_dash.png) repeat-x top left;
    padding-top:20px;
    margin-top:5px;
}

.successBlock,
.failBlock {
    text-align:center;
    margin-top:50px;
}

.successBlock .text,
.failBlock .text {
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;
    font-size:36px;
}

.failBlock .text {
    color: #b00e25;
}

.successBlock .text {
    color: #365b01;
}

.successBlock .button,
.failBlock .button {
    height:51px;
    line-height:51px;
    padding:0 42px;
    display:inline-block;
    font-weight:bold;
    font-size:16px;
}

.trialText {
    color: #666;
    margin-bottom:30px;
}

.yellow {
    background: #fbeeb3;
    padding:30px 0 5px;
}

.trialItem {
    padding-bottom:25px;
    background: url(/templates/rs/resource/img/dark_dash.png) repeat-x bottom left;
    margin-bottom:25px;
}

.trialItem.last {
    background:none;
    margin-bottom:0;
}

.products.trial {
    margin-left:0;
    width:100%;
}

.products.trial .tdBase img {
    margin-right:25px;
}

.products.trial .tdMiddle img {
    margin-right:30px;
}

.products.trial .tdMiddle {
    width:330px;
}

.products.trial .buttons td {
    text-align:center;
}

.products.trial .buttons .download {
    height:51px;
    width:195px;
    display:inline-block;
    text-align: center;
    font-weight:bold;
    font-size:16px;
    background-image: url(/templates/rs/resource/img/download_black.png);
    background-repeat: no-repeat;
    background-position: 60px center;
    padding-left:25px;
    padding-right:0;
}

.products.trial .downloaded {
    color: #999;
    font-size:12px;
    margin:5px 0 0;
}

.versionRs {
    background: url(/templates/rs/resource/img/dark_dash.png) repeat-x top left;
    margin-top:40px;
    padding-top:20px;
    margin-bottom:50px;
}

.blueLine {
    background: #d3eef7;
}

.blueLine .updateText {
    padding:20px 0;    
}

.yourLogin {
    font-size:18px;
}

.yourLogin .key {
    color: #666;
}

.blueZoneRecover {
    background: #fbeeb3;
    padding:20px 0;
    margin-bottom:20px;
}

/* Страница возможности */

.topFilter {
    float:right;
    margin-top:9px;
}

.topFilter li {
    float:left;
    
}

.topFilter li a {
    padding:9px;
    color: #28538e;
    margin-left:3px;
}

.topFilter li a:hover {
    color: #333;
}

.topFilter li a:hover span {
    background: none;
}

.topFilter li a span {
    background: url(/templates/rs/resource/img/bluedot.png) repeat-x bottom left;
}

.topFilter .act a {
    background: #d5edf9;
    color: #333;
}

.topFilter .act a span {
    background: none;
}

.featureTarget {
    background: #dddfe2;
    padding:20px 0;
}

.featureTarget p {
    margin-bottom:0;
    font-size:28px;
    font-weight:bold;
    line-height:normal;
    font-family: Arial Narrow, Arial;
    font-stretch: ultra-condensed;        
}

.featuresCols .line {
    border-top:1px solid #dddfe2;
    padding:25px 0;
    overflow:hidden;
}

.featuresCols .line.first {
    border-top:none;
}

.featuresCols .line h4 {
    margin-bottom:12px;
    font-size:18px;
}

.featuresCols .line p {
    color: #666;
}

.featuresCols li {
    float:left;
}

.featuresCols .col1_2 li {
    width:65%;
    margin-left:5%;
}

.featuresCols .col1_2 li.f {
    width:30%;
}

.featuresCols .col2_1 li {
    width:30%;
    margin-left:5%;
}

.featuresCols .col2_1 li.f {
    width:65%;
}

.featuresCols .col3 li {
    width:30%;
    margin-left:5%;
}

.featuresCols .col2 li {
    width:47%;
    margin-left:6%;
}

.featuresCols li.f,
.featuresCols li.fst {
    margin-left:0;
}

.featuresCols .col1 li {
    float:none;
    width:100%;
}

.featuresCols .center {
    text-align:center;
    display:block;
}

.featuresCols .botm {
    margin-bottom:10px;
    overflow:hidden;
}

.featuresCols .s20 {
    font-size:20px;
}

.featuresCols .s18 {
    font-size:18px;
}

.featuresCols .s16 {
    font-size:16px;
}

.featuresCols .oh {
    overflow:hidden;
}

.dis h4 {
    text-decoration:line-through ;
}

.accessLine {
    text-align:center;
    font-size:30px;
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;        
}

.accessLine .access {
    background: #8cc768;
    padding:5px;
    color: white;
}

.demoProduct {
    padding:35px 0;
    overflow:hidden;
    margin-bottom:2px;
}

.demoProduct .pic {
    float:left;
}

.demoProduct .description {
    margin-left:430px;
    padding-top:70px;
}

.demoProduct .buttons {
    overflow:hidden;
    padding:2px 2px 2px 0;
}

.demoProduct .buttons .button {
    height:51px;
    display:block;
    float:left;
    padding:0 35px;
}

.demoProduct .buttons .admin {
    margin-left:-1px;
}

.blogList li {
    border-top:1px solid #dddfe2;
    padding:35px 0;
}

.blogList li.first {
    border-top:none;
    padding-top:10px;
}

.blogList .date {
    font-size:22px;
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;    
    color: #999;    
    margin-bottom:0;
}

.blogList .title {
    font-size:26px;
    color: #28538e;
    text-decoration:underline;
    font-family: Arial Narrow, Arial;
    font-stretch: ultra-condensed;        
}

.blogList .title:hover {
    color: #333;
}

.blogList .description {
    margin-top:20px;
    color: #666;
}

.viewArticle h1 {
    margin-bottom:30px;
}

.demoRx1 {
    background: #e6e6e6;
    padding:35px 0;
    overflow:hidden;
}

.demoRx1 .pic {
    float:left;
}

.demoRx1 .description {
    margin-left:430px;
    padding-top:70px;
}

.demoRx1 .buttons {
    overflow:hidden;
    padding:2px 2px 2px 0;
}

.demoRx1 .buttons .button {
    height:51px;
    display:block;
    float:left;
    padding:0 35px;
}

.demoRx1 .buttons .admin {
    border-left:none;
}

.mt20 {
    margin-top:20px;
}

.blueLine.developTheme {
    padding:30px 0;
    margin:35px 0;
}

.developTheme .consist {
    list-style:square;
    padding-left:20px;
}

.developTheme .consist li {
    padding:4px 0;
}

.p20 {
    padding:20px 0;
}

.themeTable tbody .prBase,
.themeTable tbody .prMiddle,
.themeTable tbody .prFull {
    font-size:18px;
}

.themeTable .buy {
    margin-top:10px;
    font-size:14px;
}

.button.buy.added .data {
    background: url(/templates/rs/resource/img/ok.png) no-repeat 13px center;
}

.colorPrice {
    font-weight:bold;
    font-size:16px;
}

.contacts .workTime {
    background: url(/templates/rs/resource/img/dark_dash.png) repeat-x bottom left;
    padding-bottom:22px;
}

.contacts .workTime .freecall {
    float:right;
    margin-right:15px;
    margin-top:-10px;
}

.contacts .workTime .freecall .cap {
    color: #666;
}

.contacts .workTime .freecall .number {
    font-size:30px;
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;            
}

.contacts .workTime * {
    vertical-align:middle;   
}

.contacts .workTime .time {
    display:inline-block;
    background: url(/templates/rs/resource/img/timeback.png) no-repeat top left;
    width:49px;
    height:49px;
    text-align:center;
    line-height:49px;
}

.contacts .workTime .arrow {
    width:24px;
    height:11px;
    background: url(/templates/rs/resource/img/black_right.png) no-repeat top left;
    display:inline-block;
    margin:0 10px;
}

.contacts .workTime .days {
    width:150px;
    height:49px;
    line-height:49px;
    text-align:center;
    background: url(/templates/rs/resource/img/workdays.png) no-repeat top left;
    display:inline-block;
    color: #666;
    font-size:11px;
    margin-left:20px;
}

.contacts .phones {
    background: url(/templates/rs/resource/img/dark_dash.png) repeat-x bottom left;
    height:40px;
    padding:15px 0;
}

.contacts .phones .phone {
    font-size:26px;
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;        
    line-height:20px;
}

.contacts .phones .phone .help {
    font-family:Arial;
    font-stretch:normal;
    margin-left:50px;
    
}

.contacts .phones .email {
    width:190px;
    float:right;
    font-weight:bold;
    font-size:14px;
    text-align:center;
}

.contacts .phones .help {
    font-weight:normal;
    font-size:11px;
    color: #666;
}

.contacts .map {
    margin-top:20px;
    height:500px;
    position:relative;
}

.contacts .map .loader {
    background: url(/templates/rs/resource/img/cartloading.gif) no-repeat center left;    
    padding-left:30px;
    position:absolute;
    top:50%;
    left:50%;
    width:100px;
    margin-left:-50px;
    margin-top:-9px;
}

.contacts .map .mapHere {
    position:relative;
    z-index:2;
}

.persons {
    background:#e6e6e5;
}

.persons .people {
    overflow:hidden;
    padding:32px 0;
    border-top:1px solid #D0D0D0;
}

.persons .people.first {
    border-top:none;
}

.persons .people .photo {
    float:left;
}

.persons .people .info {
    margin-left:290px;
}

.persons .people .name {
    font-size:36px;
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;        
    margin-bottom:10px;
}

.persons .people .post {
    margin-bottom:25px;
}

.persons .people .post span {
    background: #c4c4c4;
    padding:6px 8px;
}

.persons .people .quote {
    background: white;
    padding:32px 35px;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    -khtml-border-radius:7px;
    position:relative;
    box-shadow:0 0 3px #d4d4d4;
    -moz-box-shadow:0 0 3px #d4d4d4;
    -webkit-box-shadow:0 0 3px #d4d4d4;
}

.persons .people .quote i {
    width:22px;
    height:45px;
    background: url(/templates/rs/resource/img/white_corner.png) no-repeat;
    position:absolute;
    top:14px;
    left:-22px;
}

.progress {
    margin-top:20px;
}

.progress p{
    color: #666;
    margin-bottom:3px;
}

.progress .a {
    color: #28538e;
}

.progress a {
    color: #28538e;
    text-decoration:underline;
}

.progress a:hover {
    color: #13a4d2;
}

.grayBack {
    background: #E6E6E6;
    padding:20px;
}

.bigurl {
    font-size:20px;
}

.gallery .images {
    position:relative;
    overflow:hidden;
}

.gallery .images ul {
    position:relative;
    list-style:none;
    width:4000px;
    padding:0;
}

.gallery .images ul li {
    float:left;
    margin-right:40px;
}

.gallery .images ul li.last {
    margin-right:0;
}

.controlLine {
    background: #838383;
    height:30px;
    margin:20px -20px -20px -20px;
}

.controlLine .control {
    position:absolute;
    line-height:30px;
    color: white;
    text-decoration:none;
    cursor:pointer;
}

.controlLine .control:hover {
    color: #ddd;
}

.controlLine .control.disabled {
    opacity:0.3;
    filter:alpha(opacity=30);
    cursor:default;
}

.controlLine .control.prev {
    right:50%;
    margin-right:20px;
    background: url(/templates/rs/resource/img/white_left.png) no-repeat left center;
    padding-left:25px;
}

.controlLine .control.next {
    left:50%;
    margin-left:20px;
    background: url(/templates/rs/resource/img/white_right.png) no-repeat right center;
    padding-right:25px;    
}

.articleEnd {
    padding:30px 0 10px;
}

.articleEnd .shortinfo {
    padding:7px;
    background: #BCBCBC;
    color: white;
}

.s30 {
    font-size:30px;
}

.emailback {
    background: #FBEEB3;
    padding:7px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
}

.partnerQuest {
    font-size:17px;
}

.oh {
    overflow: hidden;
}

.fleft {
    float:left;
}

.fright {
    float:right;
}

.subscribe {
    background: #fee67e;
    height:128px;
    position:relative;
}

.subscribe form {
    padding:36px 0;
    position:relative;
}

.subscribe form .contact:hover,
.subscribe form .contact:focus {
    background-color: #fff6d2;
}

.subscribe form .contact {
    -moz-transition: background-color ease 0.3s;
    -webkit-transition: background-color ease 0.3s;
    -o-transition: background-color ease 0.3s;
    transition: background-color ease 0.3s;    
    width:355px;
    height:51px;
    font:1em/1 Arial;
    background:url(/templates/rs/resource/img/email.png) no-repeat 10px center;
    padding:0px 65px 0px 60px;
    margin-right:10px;
    border:2px solid #757575;
    -moz-box-sizing:content-box;    
    -webkit-box-sizing:content-box;    
    box-sizing:content-box;    
}

.subscribe form .contact.has-error {
    outline:none;
    border-color:#e91d57;
}

.subscribe form .submit {
    height:53px;
    background: none;
    cursor:pointer;
    border:1px solid #28538e;
    margin-left:10px;
    padding:0 30px;
    font-size:16px;
    color: #28538e;
    -moz-transition: background-color ease 0.3s;
    -webkit-transition: background-color ease 0.3s;
    -o-transition: background-color ease 0.3s;
    transition: background-color ease 0.3s;    
    
    -moz-box-sizing:content-box;    
    -webkit-appearance:none;
}

.subscribe form .submit:hover {
    background-position:0 -51px;
    background: #28538e;
    color: white;
}

.subscribe .subscribeError {
    position:absolute;
    background: #e91d57;
    padding:20px;
    color: white;
    margin-top:12px;
    margin-left:5px;
}

.subscribe .subscribeError i {
    position:absolute;
    width:17px;
    height:9px;
    background: url(/templates/rs/resource/img/err_corner.png) no-repeat top left;
    top:-9px;
    left:20px;
    display:block;
}

.subscribeSuccess {
    height:128px;
    line-height:128px;
    font-size:36px;
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;        
    position:absolute;
    text-align:center;
    top:0;
    left:0;
    width:100%;
    background: #fee67e;
}
.subscribeSuccess img {
    margin-right:20px;
}

.headerException,
.exceptionBlock {
    text-align:center;
}

.exceptionBlock .code {
    font-size:120px;
    font-weight:bold;
}

.exceptionBlock .gomain {
    text-decoration:underline;
}

.blueLine.smsService {
    padding:30px 0;
    margin:35px 0;
}

.smsService h3 {
    margin-top:0;
}

.smsService .list li {
    padding:3px 0;
}

.smsService .list p {
    margin:0;
    margin-left:28px;
}

.smsService .list span {
    float:left;
    display:block;
    padding-top:2px;
}

.smsTable tbody td {
    padding-top:15px;
    padding-bottom:15px;
}

.smsTable tbody .colQuantity {
    border-left:none;
    vertical-align:middle;
    padding-left:0;
    font-size:16px;
}

.smsTable tbody .colPrice {
    vertical-align:middle;
    font-weight:bold;
    font-size:18px;
}

.smsTable .colDo {
    border-right:none;
    vertical-align:middle;
}

.smsTable thead .colQuantity div{
    width: 600px;
}

.smsTable thead .colPrice div {
    width:150px;
    text-align:center;
}

.smsTable thead .colDo div {
    width:200px;
}

.smsYellow {
    padding:30px 0;
}

.en header {
    border-bottom:3px solid #464546;
}

.downloadBlock {
    padding:30px 0;
    overflow:hidden;
}

.demoVersion {
    background: url(/templates/rs/resource/img/p_base_tx.png) repeat;
    padding:40px 0;
}

.demoVersion .viewport {
    background: url(/templates/rs/resource/img/whitelongback.png) no-repeat;
    height:382px;
}

.downloadTrial {
    float:left;
    margin-right:30px;
}

.downloadBlock p {
    padding-top:17px;
    margin-bottom:0;
}

.demoVersion .data {
    padding-left:100px;
    padding-top:110px;
    float:left;
}

.demoVersion .image {
    float:left;
}

.demoVersion .login,
.demoVersion .password {
    font-size:25px;
    font-family:'Open Sans Condensed',Arial Narrow,Arial;
    font-stretch: ultra-condensed;
}

.demoVersion .access {
    background: #8cc768;
    padding:5px;
    color: white;
}

.demoVersion .image {
    padding-top:66px;
    margin-left:50px;
}

.demoVersion .buttons {
    padding-top:140px;
}

.demoVersion .button {
    margin-bottom:5px;
    width:260px;
    padding:0;
    text-align:center;
}

.en footer {
    text-align:center;
}

.hr {
    background:url(/templates/rs/resource/img/gray_dash.png) repeat-x bottom left;
    height:1px;
    margin-bottom:20px;
}

.notabene {
    border:1px solid #C69D2D;
    margin-bottom:20px;
}

.notabene p {
    margin:20px;
}

.liPaddBottom10 li {
    padding-bottom:10px;
}

.fileHl {
    font-weight:bold;
}

.placeholder {
    color: #ACACAC;
}

.sites .center {
    text-align:center;
}

.sites h2 {
    margin-bottom:30px;
}

.sites .more {
    background:url(/templates/rs/resource/img/tpls/next.png) no-repeat right 6px;
    padding-right:25px;
    display:inline-block;
    margin-top:10px;
    color: #999;
}

.sitelist {
    margin-left:1px;
    overflow:hidden;
    border:1px solid #e4e4e4;
}

.sitelist li {
    width:314px;
    height:240px;
    position:relative;
    float:left;
    border-left:1px solid #e4e4e4;    
    border-bottom:1px solid #e4e4e4;    
}

.sitelist li.bottom {
    border-bottom:none;
}

.sitelist li.rowstart {
    border-left:none;
}

.sitelist .info {
    
    opacity:0;
    filter:alpha(opacity=0);
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;    
}

.sitelist li:hover .info {
    opacity:1;
    filter:alpha(opacity=100);
}
    
.sitelist .info .back,
.sitelist .info {
    position:absolute;
    top:0;
    left:0;
    height:220px;
    width:296px;
    padding:10px;
    text-align:center;
}

.sitelist .info .back {
    background: black;
    opacity:0.85;
    filter:alpha(opacity=85);
}

.sitelist .info .link,
.sitelist .info .descr {
    position:relative;
    display:block;
    color: #c8c8c8;
    font-size:12px;
}

.sitelist .info .link {
    color: #70b8ce;
    font-size:18px;
    text-decoration:underline;
    margin-bottom:5px;
    padding-top:80px;
}

.userdocs .button {
    text-decoration:none;
}

.userdocs .button span,
.userdocs .button strong {
    vertical-align: middle;
}


.userdocs .online {
    width:400px;
    text-align:center;
}

.userdocs .pdf {
    margin-left:30px;
}

.faq .title {
    color: #28538e;
    font-size:20px;
    display:block;
    margin-bottom:20px;
    text-decoration:none;
}

.faq .title span {
    vertical-align:middle;    
    background: url(/templates/rs/resource/img/bluedot.png) repeat-x bottom left;
}

.faq .title .marker{
    margin-left:20px;
    background: url(/templates/rs/resource/img/order_open.png) no-repeat center center;
    display:inline-block;
    width:15px;
    height:10px;
    vertical-align:middle;
}

.faq .title.open .marker {
    background: url(/templates/rs/resource/img/order_close.png) no-repeat center center;
}

.faq .more {
    background: #f2f2f2;
    margin-bottom:20px;
    padding:20px;
    display:none;
}

.faq ul {
    list-style:square;
    padding-left:20px;
    margin-bottom:20px;    
}

.faq ul li {
    padding:4px 0;
}

.filesign {
    text-align:center;
}

.code .com {
    float:right;
    color: #666;
    width:770px;
}

.code .odd {
    background: #f5f5f5;
}

.code ul {
    margin-bottom:0;
}

.eventsTable {
    font-size:12px;
}
.eventsTable tbody td {
    padding:10px;
}

.eventsTable thead td {
    text-align:center;
}

@media only screen and (max-device-width: 480px) {
    body { -webkit-text-size-adjust:90% }
    .features td { -webkit-text-size-adjust:80% }
}

#snow {
    position:absolute;
    left:0;
    top:0;
    height:407px;
}

.couponCard{
    margin-top:10px;
    margin-bottom:10px;
    padding: 20px;
    background: #d3eef7;
    font-size: 18px;
}

.couponCard p {
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;    
    font-size:24px;    
}

.couponSended {
    padding:20px;
    background: #fbeeb3;
    font-size:26px; 
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;        
}

.formStyle input.captchaField {
    width:190px;
}

.licenseInfo .slider {
    padding-top:50px;        
    position:relative;
}

.licenseInfo .slider .caption {
    font-size:30px;
    color: white;
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;        
}

.licenseInfo .slider .line {
    margin-top:20px;
    margin-left:16px;    
    width:922px;
    height:17px;
    background: url(/templates/rs/resource/img/slider.png) no-repeat top left;
    position:relative;
}

.licenseInfo .slider .line .handler {
    width:30px;
    height:30px;
    background: url(/templates/rs/resource/img/slider_handler.png) no-repeat top left;
    position:absolute;
    left:100%;
    top:-10px;
    margin-left:-15px;
    cursor:pointer;
}

.licenseInfo .slider .helpers {
    padding-top:3px;
    position:relative;
}

.licenseInfo .slider .helpers li{
    position:absolute;
    color: white;
    text-align:center;
    font-size:11px;
    left:0;
    top:0;
    white-space:nowrap;
}

.licenseInfo .slider .helpers .risk-2 {
    left:200px;    
}

.licenseInfo .slider .helpers .risk-3 {
    left:440px;
}

.licenseInfo .slider .helpers .risk-4 {
    left:680px;
}

.licenseInfo .slider .helpers .risk-5 {
    left:916px;
}

.floatButtons #price {
    font-size:18px;
}

.licenseInfo .hint {
    background: #999;
    font-size:10px;
    border-radius:12px;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    -khtml-border-radius:12px;
    vertical-align:top;
    width:20px;
    height:20px;
    line-height:20px;
    *display:inline;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    color: black;
    font-weight:bold;
    font-family:Arial;
}

.licenseInfo .hint.small {
    width:15px;
    height:15px;
    line-height:15px;
}

.licenseInfo .hint.on,
.licenseInfo .hint:hover {
    background: #d3eef7;
}

#updateTime,
#expire {
    background: url(/templates/rs/resource/img/whitedot.png) repeat-x bottom left;
}

.hintBlock {
    background: white;
    box-shadow:5px 5px 15px #2E2E2E;
    -moz-box-shadow:5px 5px 15px #2E2E2E;
    -webkit-box-shadow:5px 5px 15px #2E2E2E;
    position:absolute;
    width:700px;
    z-index:2;
    padding:20px;
    left:20px;
    margin-top:3px;
    color: black;
    font-size:14px;
    font-family: Arial;
    font-stretch:normal;
    display:none;
}

.hintBlock p {
    margin:7px 0;
}

.hintBlock dt {
    padding-top:5px;
}

.hintBlock dd {
    padding-left:10px;
}

.hintBlock .corner {
    position:absolute;
    left:130px;
    top:-6px;
    background: url(/templates/rs/resource/img/up_top_corner.png) no-repeat;
    width:14px;
    height:7px;
}

.firstHelp {
    width:100px;
    height:45px;
    position:absolute;
    background: white;
    font-size:11px;
    right:15px;
    top:25px;
    padding:5px;
    text-align:center;
    box-shadow:1px 1px 2px #000;
    -moz-box-shadow:1px 1px 2px #000;
    -webkit-box-shadow:1px 1px 2px #000;
}

.firstHelp i {
    position:absolute;
    bottom:-16px;
    right:0;
    background: url(/templates/rs/resource/img/down_top_corner.png) no-repeat;
    width:35px;
    height:17px;    
}

.pricePlace {
    width:250px;
    padding:10px;
    margin:0 auto 20px;
}

.dotblock {
    background: url(/templates/rs/resource/img/blackdot.png) repeat-x center left;
    height:30px;
    overflow:hidden;
    margin:0 auto;
}

.dotblock .cost {
    float:right;
    line-height:30px;
    font-weight:bold;
    font-size:16px;
    background: white;
    padding-left:5px;
}

.dotblock .time {
    float:left;
    line-height:30px;    
    background: white;
    padding-right:5px;
}

.templates {
    height:1186px;
    position:relative;
    overflow:hidden;
}

.templates.preview .tpl .button,
.templates.all .tpl .button {
    height:74px;
    line-height:74px;
    font-size:22px;
    background: #fcc724; /* Для старых браузров */
    background: linear-gradient(to top, #fcc724, #fdd842);
    border-color:#dddfe2;
    border-bottom:1px solid #faaa10;
    font-weight:bold;
}

.templates.preview .tpl .buttons {
    text-align:center;
}

.templates.preview .items .info {
    width:230px;
    margin-right:20px;
}

.templates .items .info .properties tr {
    margin-bottom:10px;
    padding-bottom:10px;
    font-size:13px;
    background: url(/templates/rs/resource/img/blackdot.png) repeat-x bottom left;
}

.templates .items .info .properties tr td {
    padding-top:15px;
    padding-bottom:3px;
    vertical-align:bottom;        
}

.templates .items .properties .value {
    text-align:right;
}

.templates .tpl .howInstall {
    display:inline-block;
    margin-top:16px;
    border-bottom:1px dashed #28538e;
    color: #28538e;
}

.templates .tpl .howInstall:hover {
    border:none;
    color: black;
}

.templates .tpl .button:hover {
    color: #a93c07;
}

.templates .backgrounds .tpl {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    filter:alpha(opacity=0);
}

.templates .backgrounds .active {
    opacity:1;
    filter:alpha(opacity=100);
}

.templates .backgrounds .tpl_young {
    background: url(/templates/rs/resource/img/tpls/young/bg.png) repeat top center;
}

.templates .backgrounds .tpl_fashion {
    background: url(/templates/rs/resource/img/tpls/fashion/bg.jpg) repeat top center;
}

.templates .backgrounds .tpl_fashion .subPattern {
    width:440px;
    height:100%;
    background: url(/templates/rs/resource/img/tpls/fashion/bg2.png) repeat-y top left;
    position:absolute;
    left:50%;
    margin-left:130px;
}

.templates .backgrounds .tpl_perfume {
    background: url(/templates/rs/resource/img/tpls/perfume/bg.png) repeat top center;
}

.templates .backgrounds .tpl_default {
    background: url(/templates/rs/resource/img/tpls/default/bg.png) repeat top center;
}

.templates .viewport {
    position:relative;
}

.templates h2 {
    text-align:center;
    padding-top:27px;
    margin-top:0;
}

.templates .items {
    height:829px;
    position:relative;
}

.templates .items .tpl {
    position:absolute;
    width:100%;
    top:0;
    left:0;
    opacity:0;
    filter:alpha(opacity=0);
}

.templates .items .mainPage {
    position:relative;
}

.templates .items .mainPage img.plain {
    position:absolute;
    left:-162px;
    top:107px;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}

.templates .items .active {
    opacity:1;
    filter:alpha(opacity=100);
    z-index:2;
}

.templates .items .mainPage {
    width:477px;
    float:left;
}

.templates .items .otherPages {
    margin-left:16px;
    width:238px;
    float:left;
}

.templates .items .mainPage img,
.templates .items .otherPages img {
    box-shadow:0px 3px 10px #b4b4b4;    
    -moz-box-shadow:0px 3px 10px #b4b4b4;    
    -webkit-box-shadow:0px 3px 10px #b4b4b4;    
}

.templates .items .otherPages .first {
    margin-top:0;
}

.templates .items .info {
    width:175px;
    float:right;
}

.templates .legend {
    width:728px;
    height:192px;
    position:relative;
    margin-top:40px;
    
}

.templates .legend .back {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:1px solid #d9dadb;
    background: white;
    opacity:0.8;
    filter:alpha(opacity=80);
    border-radius:36px;
    -moz-border-radius:36px;
    -webkit-border-radius:36px;
    -khtml-border-radius:36px;
}

.templates .legend .back .corner {
    background: url(/templates/rs/resource/img/tpls/corner.png) no-repeat;
    width:47px;
    height:25px;
    position:absolute;
    top:-25px;
    left:143px;
}

.templates .legend .previews {
    position:relative;
    padding:23px 53px 0;
}

.templates .legend .previews li {
    float:left;
    margin-left:46px;
}

.templates .legend .previews li a {
    padding:4px;
    display:block;
    opacity:0.4;
    filter:alpha(opacity=40);
    transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
}

.templates .legend .previews .first {
    margin-left:0;
}

.templates .legend .previews .active a {
    background: white;
    box-shadow:3px 3px 10px #939392;
    -moz-box-shadow:3px 3px 10px #939392;
    -webkit-box-shadow:3px 3px 10px #939392;
    opacity:1;
    filter:alpha(opacity=100);
}

.templates .legend .previews li a:hover {
    opacity:1;
    filter:alpha(opacity=100);
}

.templates .info .cap {
    color: #666666;
    margin-bottom:14px;
}

.templates .info .tags {
    overflow:hidden;
}

.templates .info .tags li {
    margin-bottom:3px;
    color: #000;
}

.templates .info .tags span {
    border:1px solid #a2a3a3;
    display:inline-block;
    padding:8px 10px;
    border-radius:16px;
    -moz-border-radius:16px;
    -webkit-border-radius:16px;
    -khtml-border-radius:16px;
    font-size:12px;
}

.templates.preview .info .tags span {
    font-size:13px;
}

.templates.preview .tpl .buttons {
    margin-top:150px;
}

.templates .info .properties {
    margin-top:70px;
    color: #000;
}

.templates .info .properties li {
    margin-bottom:3px;
}

.templates .info .colors {
    margin-top:70px;
    font-size:11px;
    color: #666;
    text-align:center;
}

.templates .info .colors img {
    margin-left:12px;
}

.templates .info .buttons {
    margin-top:60px;
    text-align:center;
}

.templates .info .buttons .more {
    margin-top:15px;
    color: #28538e;
    text-decoration:underline;
    text-align:center;
    display:inline-block;
}

.templates .info .buttons .more:hover {
    text-decoration: none;
    color: #000;
}

.templates .prev,
.templates .next {
    width:68px;
    height:68px;
    background:url(/templates/rs/resource/img/tpls/arrback.png) no-repeat;
    position:absolute;
    top:50%;
    margin-top:-34px;
    left:-165px;
    opacity:0.5;
    filter:alpha(opacity=50);
    
    transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;    
}

.templates .prev.disabled,
.templates .next.disabled,
.templates .prev.disabled:hover,
.templates .next.disabled:hover {
    opacity:0.2;
    filter:alpha(opacity=20);
}

.templates .prev:hover,
.templates .next:hover {
    opacity:1;
    filter:alpha(opacity=100);
}

.templates .next {
    left:auto;
    right:-165px;
}

.templates .prev i,
.templates .next i {
    width:10px;
    height:18px;
    background: url(/templates/rs/resource/img/leftright.png) no-repeat 0 center;
    display:block;
    position:relative;
    z-index:1;
    margin-left:27px;
    margin-top:25px;
}

.templates .next i {
    background-position:-33px center;
    margin-left:30px;
}

.templates.all {
    height:auto;
}

.all .items {
    height:auto;
}

.all .items .tpl {
    position:relative;
    opacity:1;
    filter:alpha(opacity=100);
    height:985px;
}

.all h2 {
    font-size:26px;
    margin-bottom:25px;
}

.all h2 .rightLine,
.all h2 .leftLine {
    width:105px;
    border-bottom:1px solid #acb3b7;
    height:0;
    display:inline-block;
    vertical-align:middle;
    margin-right:17px;
}

.all h2 .rightLine {
    margin-left:17px;
    margin-right:0;
}

.templates.preview .items .mainPage {
    margin-left:94px;
}

.templates.preview .viewport {
    height:885px;
}

.templates.preview .viewport {
    padding-top:47px;
}

.templates.preview .prevTpl,
.templates.preview .nextTpl {
    position:absolute;
    top:50%;
    left:0;
    display:block;
    width:58px;
    text-align:center;    
}

.templates.preview .nextTpl {
    left:600px;
}

.templates.preview .prevTpl img {
    vertical-align:middle;
    margin-right:5px;
}

.templates.preview .nextTpl img {
    vertical-align:middle;
    margin-left:5px;
}

.templates.preview .nextTpl span,
.templates.preview .prevTpl span {
    display:block;
    color: #a4a9ac;
    font-size:9px;
    margin-top:5px;
}


.fixedMenu {
    background: #31aad9;
    position: fixed;
    right: 0;
    top: 426px;
    z-index: 2;
    padding:13px 11px 13px 12px;
}

.fixedMenu li {
    margin-top:4px;    
    position:relative;
}

.fixedMenu li a{
    width:19px;
    height:19px;
    background:url(/templates/rs/resource/img/tpls/nav.png) no-repeat 0 -38px;
    display:block;
}

.fixedMenu li a:hover {
    background-position:0 -19px;
}

.fixedMenu li a:hover .tip {
    display:block;
}

.fixedMenu .first {
    margin-top:0;
}

.fixedMenu .act a {
    background-position:0 0;
}

.fixedMenu .tip {
    display:none;
    background: #f8e8af;
    padding:15px 25px;
    position:absolute;
    right:100%;
    margin-right:14px;
    top:-14px;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    color: black;
}

.fixedMenu .tip i {
    position:absolute;
    width:10px;
    height:20px;
    background:url(/templates/rs/resource/img/tpls/tipcorner.png) no-repeat;
    right:-10px;
    top:50%;
    margin-top:-10px;
}

.mobilePreview {
    background: #fcde76;
    padding:45px 0;
    overflow:hidden;
}

.mobilePreview .tablet {
    width:407px;
    height:512px;
    background:url(/templates/rs/resource/img/tpls/tablet.png) no-repeat;
    margin-right:48px;
    float:left;
    position:relative;
}

.mobilePreview .workArea img {
    vertical-align:top;
}

.mobilePreview .tablet .overlay,
.mobilePreview .tablet .workArea {
    position:absolute;
    left:45px;
    top:44px;
    width:312px;
    height:416px;
    overflow:hidden;
}

.mobilePreview .phone {
    width:235px;
    height:450px;
    background:url(/templates/rs/resource/img/tpls/phone.png) no-repeat;
    float:left;
    margin-top:32px;
    margin-right:62px;
    position:relative;
}

.mobilePreview .phone .overlay,
.mobilePreview .phone .workArea {
    position:absolute;
    left:21px;
    top:64px;
    width:193px;
    height:321px;
    overflow:hidden;    
}

.mobilePreview .text {
    float:left;
    font-size:35px;
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;        
    line-height:100%;
    margin-top:185px;
}

.mobilePreview .tablet .floatcart {
    height:20px;
    position:absolute;
    bottom:51px;
    left:45px;
    width:312px;
    opacity:0.9;
    filter:alpha(opacity=90);
}

.mobilePreview .phone .floatcart {
    width:193px;
    height:30px;
    position:absolute;
    bottom:65px;
    left:21px;
    opacity:0.9;
    filter:alpha(opacity=90);
}

.floatPreviewList {
    height:112px;
    position:relative;
    border-bottom:1px solid #e9e9e9;
}

.floatPreviewList.fixed .floatBox{
    position:fixed;
    z-index:5;
    height:112px;
    width:100%;
    bottom:0px;
    left:0;
    transition: bottom .25s ease-in-out;    
    box-shadow:0 -5px 10px #bbb;
    -moz-box-shadow:0 -5px 10px #bbb;
    -webkit-box-shadow:0 -5px 10px #bbb;
}

.floatPreviewList .bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: white;
    opacity:0.9;
    filter:alpha(opacity=90);
}

.floatPreviewList .viewport {
    position:relative;
}

.floatPreviewList .tplSelector {
    position:absolute;
    right:10px;
    top:26px;
}

.floatPreviewList .tplSelector .handler {
    background:url(/templates/rs/resource/img/tpls/handler.png) no-repeat right center;
    padding-right:25px;
    font-size:18px;
}

.floatPreviewList .tplSelector ul {
    position:absolute;
    bottom: 100%;
    left:-20px;
    box-shadow:4px 4px 10px #aaa;
    -moz-box-shadow:4px 4px 10px #aaa;
    -webkit-box-shadow:4px 4px 10px #aaa;
    margin-bottom:42px;
    display:none;
}

.floatPreviewList .tplSelector.on ul {
    display:block;
}

.floatPreviewList .tplSelector.on .handler {
    color: #13a4d2;
}

.floatPreviewList .tplSelector ul li {
    border-top:1px solid #f0f1f2;
}

.floatPreviewList .tplSelector ul li.corner {
    position:absolute;
    background: url(/templates/rs/resource/img/tpls/hcorner.png) no-repeat;
    width:24px;
    height:13px;
    left:50%;
    bottom:-13px;
    margin-left:-12px;
    border:none;
}

.floatPreviewList .tplSelector ul .first {
    border:none;
}

.floatPreviewList .tplSelector ul a {
    display:block;
    width:180px;
    background:white;
    padding:12px 0;
    text-align:center;
    font-size:16px;
}

.floatPreviewList .tplSelector ul a:hover {
    background: #2d5a8b;
    color: white;
}

.floatPreviewList .colors {
    padding-top:24px;
    margin-right:40px;
    float:left;
}

.floatPreviewList .colors a {
    width:28px;
    height:28px;
    display: block;
    float:left;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    margin:2px 10px 2px 2px;
}

.floatPreviewList .colors a.act:hover,
.floatPreviewList .colors a.act {
    border:2px solid #454545;
    margin:0 8px 0 0;
    box-shadow:2px 2px 5px #aaa;
    -moz-box-shadow:2px 2px 5px #aaa;
    -webkit-box-shadow:2px 2px 5px #aaa;
}

.floatPreviewList .colors a:hover {
    border:2px solid #666;
    box-shadow:2px 2px 5px #aaa;
    -moz-box-shadow:2px 2px 5px #aaa;
    -webkit-box-shadow:2px 2px 5px #aaa;
    margin:0 8px 0 0;
}

.floatPreviewList .colors .young_yellow {
    background: #fed265;
    background: linear-gradient(top right, #f3a565, #fed265);
    background: -moz-linear-gradient(top right, #f3a565, #fed265);
    background: -webkit-linear-gradient(top right, #f3a565, #fed265);
    background: -o-linear-gradient(top right, #f3a565, #fed265);
    background: -ms-linear-gradient(top right, #f3a565, #fed265);
}

.floatPreviewList .colors .young_green {
    background: #49ae7f;
    background: linear-gradient(top right, #48a958, #4bb39f);
    background: -moz-linear-gradient(top right, #48a958, #4bb39f);
    background: -webkit-linear-gradient(top right, #48a958, #4bb39f);
    background: -o-linear-gradient(top right, #48a958, #4bb39f);
    background: -ms-linear-gradient(top right, #48a958, #4bb39f);
}

.floatPreviewList .colors .young_violet {
    background: #c185dc;
    background: linear-gradient(top right, #624a9a, #c78ae0);
    background: -moz-linear-gradient(top right, #624a9a, #c78ae0);
    background: -webkit-linear-gradient(top right, #624a9a, #c78ae0);
    background: -o-linear-gradient(top right, #624a9a, #c78ae0);
    background: -ms-linear-gradient(top right, #624a9a, #c78ae0);
}

.floatPreviewList .colors .young_pastel {
    background: #f7b8cd;
    background: linear-gradient(top right, #f5aec5, #fccedb);
    background: -moz-linear-gradient(top right, #f5aec5, #fccedb);
    background: -webkit-linear-gradient(top right, #f5aec5, #fccedb);
    background: -o-linear-gradient(top right, #f5aec5, #fccedb);
    background: -ms-linear-gradient(top right, #f5aec5, #fccedb);
}

.floatPreviewList .colors .fashion_orange { background: #fec447 }
.floatPreviewList .colors .fashion_green { background: #c9d823 }
.floatPreviewList .colors .fashion_violet { background: #5c5799 }
.floatPreviewList .colors .fashion_purple { background: #a63813 }

.floatPreviewList .colors .perfume_pink { background: #d55c92; }
.floatPreviewList .colors .perfume_orange { background: #f08421; }
.floatPreviewList .colors .perfume_red { background: #e81913; }
.floatPreviewList .colors .perfume_violet { background: #8c5cd4; }

.floatPreviewList .colors .default_gray { background: #f2f2f0; }



.floatPreviewList .pages {
    padding-top:5px;
}

.floatPreviewList .pages li {
    float:left;
    margin-right:16px;
    position:relative;
}

.floatPreviewList .pages a {
    margin:2px;
    border:1px solid #ebebeb;
    display:block;
}

.floatPreviewList .pages a img {
    vertical-align:bottom;
}

.floatPreviewList .pages li:hover a,
.floatPreviewList .pages li.act a {
    border:3px solid #159ed3;
    box-shadow:3px 3px 10px #acabaa;
    -moz-box-shadow:3px 3px 10px #acabaa;
    -webkit-box-shadow:3px 3px 10px #acabaa;
    margin:0;
}

.floatPreviewList .pages li:hover .tip {
    display:block;
}

.floatPreviewList .tip {
    background: #f8e8af;
    padding:15px 25px;
    position:absolute;
    left:-10px;
    margin-right:14px;
    top:-70px;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    color: black;
    box-shadow:0 1px 3px #555555;
    -moz-box-shadow:0 1px 3px #555555;
    -webkit-box-shadow:0 1px 3px #555555;
    display:none;
    white-space:nowrap;
}

.floatPreviewList .tip i {
    position:absolute;
    width:20px;
    height:13px;
    background:url(/templates/rs/resource/img/tpls/tipcorner_d.png) no-repeat;
    bottom:-13px;
    left:40px;
}

.mainPage .overlay,
.phone .overlay,
.tablet .overlay {
    z-index:2;
    display:none;
}

.mainPage .new {
    position:absolute;
    left:0;
    opacity:0;
    filter:alpha(opacity=0);
}

.overlay .back {
    background: white;
    opacity:0.9;
    filter:alpha(opacity=90);
    position:absolute;
    display:block;
    left:0;
    right:0;
    bottom:0;
    top:0;
}

.overlay .loader {
    width:100px;
    height:40px;   
    background:url(/templates/rs/resource/img/tpls/loader.gif) no-repeat top center;
    top:50%;
    left:50%;
    margin-top:-20px;
    margin-left:-50px;
    position:absolute;
    padding-top:30px;
    text-align:center;
    color: #555;
    display:block;
}

.mainPage .overlay .loader {
    background:url(/templates/rs/resource/img/tpls/loader_big.gif) no-repeat top center;
    padding-top:60px;
    font-size:18px;
    width:150px;
    margin-left:-75px;
}

.templates .mainPage .overlay .back {
    top:21px;
    left:1px;
    right:1px;
    bottom:1px;
}

.templates.index .mainPage .overlay .back {
    opacity:0.5;
    filter:alpha(opacity=50);
}

.templates.index .otherPages .overlay .back {
    top:11px;
    left:1px;
    right:1px;
    bottom:1px;
    opacity:0.5;
    filter:alpha(opacity=50);
}

.templates.index .items .mainPage .browser {
    height:807px;
}

.templates.index .overlay {
    display:block;
}

.templates .hint {
    position:relative;
}

.templates .hint .popup {
    padding:20px;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    background: #fcd263;
    position:relative;
}

.templates .hint .popup .corner {
    width:20px;
    height:11px;
    background:url(/templates/rs/resource/img/tpls/hint_corner.png) no-repeat;
    position:absolute;
    top:-11px;
    right:47px;
}

.templates .hint .handle {
    background: #ddd; 
    padding:2px 4px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    font-size:9px;
    vertical-align:middle;
    cursor:help;
}

.templates .hint.over .handle,
.templates .hint:hover .handle {
    background: #fcd263;
}

.templates .hint.over .popup,
.templates .hint:hover .popup {
    display:block;
}

.templates .hint .popup {
    display:none;
    position:absolute;
    z-index:10;
    right:-50px;
    top:100%;
    margin-top:15px;
    box-shadow:0 1px 3px #555;
    -moz-box-shadow:0 1px 3px #555;
    -webkit-box-shadow:0 1px 3px #555;
    width:200px;
}

.browser {
    border:1px solid #b6b7b8;
    background: url(/templates/rs/resource/img/tpls/browser.png) no-repeat top left;
    padding-top:20px;
    border-radius:3px 3px 0 0;
    display:block;
}

.otherPages .browser {
    border:1px solid #b6b7b8;
    background: url(/templates/rs/resource/img/tpls/browser_mini.png) no-repeat top left;
    padding-top:11px;
    border-radius:3px 3px 0 0;
    margin-top:8px;
    position:relative;
}

.buyTheme {
    background: #FCDE76;
    padding:70px 0;
    text-align:center;
}

.buyTheme a {
    border:1px solid #f8b15c;
    background: white;
    background: -moz-linear-gradient(top, #fff, #eee);
    background: -webkit-linear-gradient(top, #fff, #eee);
    background: -o-linear-linear-gradient(top, #fff, #eee);
    background: -ms-linear-gradient(top, #fff, #eee);
    background: linear-gradient(top, #fff, #eee);
    padding:15px 30px;
    display:inline-block;
    line-height:140%;
    border-radius:30px;
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;
    font-size:20px;
}

.hide {
    visibility:hidden;
}

.button.demo {
    padding:0 !important;
    position:relative;
    border-color: white;    
}

.button.demo .bg {    
    background: white;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0.6;
    filter:alpha(opacity=60);
    -moz-transition: opacity ease 0.3s;
    -webkit-transition: opacity ease 0.3s;
    -o-transition: opacity ease 0.3s;
    transition: opacity ease 0.3s;        
}

.button.demo .data {
    position:relative;
    z-index:2;
    padding:0 35px;
    display:block;
}

.button.demo:hover .bg {
    opacity:1;
    filter:alpha(opacity=100);
}

.button.demo:hover {
    border-color: white;
    background: none;
    z-index:2;
    color: black;
}

.dialog.auth-nodialog {
    margin-top:50px;
}

.auth-nodialog .dialogInside {
    border:1px solid #aaa;
}

.dialog .authLogo {
    text-align:center;
    margin-bottom:20px;
}

.recover.auth-nodialog .dialogInside.formStyle {
    border-bottom:none;
}
.recover.auth-nodialog .gotoAuth.dialogInside {
    border-top:none;
}

body.noMinWidth {
    min-width:0;
    min-height:0;
}

.boxCloud {
    background:url(/templates/rs/resource/img/compare/clouds.jpg) repeat;
    padding:24px 0 38px;
    margin-bottom:1px;
    margin-top:38px;
    overflow: hidden;
}

.boxCloud ul li { height:34px; padding:17px 25px; }
.boxCloud ul li.platform { height:24px; }
.boxCloud ul .lines3 { height:51px; }
.boxCloud ul .lines1 { height:17px; }
.boxCloud ul .buttonScope { height:auto; }

.boxCloud .between li { line-height:34px; padding:17px 25px; }
.boxCloud .between .platform { line-height:24px; }
.boxCloud .between .lines3 { line-height:51px; }
.boxCloud .between .lines1 { line-height:17px; }

.boxCloud .between {
    float:left;
    width:210px;
    text-align:center;
    text-transform:uppercase;
    color: #318da1;
    margin:0 5px;
}

.boxCloud .between .inpadd {
    padding:0;
    height:auto;
}

.boxCloud .between .inpadd .wcloud {
    padding:17px 25px;
}

.boxCloud .wcloud {
    background:url(/templates/rs/resource/img/compare/cloud_plus.png) no-repeat right center;
}

.boxCloud .wbox {
    background:url(/templates/rs/resource/img/compare/product_plus.png) no-repeat left center;
}

.boxCloud .caption {
    width:990px;
    height:65px;
    line-height:60px;
    background:url(/templates/rs/resource/img/compare/title.png) no-repeat;
    margin-left:-20px;
    text-align:center;
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;        
    font-size:36px;
    margin-bottom:30px;
}

.boxCloud .cloud,
.boxCloud .box {
    width:365px;
    float:left;
    color:#666;
}

.boxCloud .box li,
.boxCloud .cloud li {
    background:white;
    border-radius:2px;
}

.boxCloud li {
    margin-bottom:1px;
}

.boxCloud li.platform {
    background: none;
    font-weight:bold;
    text-align:center;
    font-size:18px;
    color: black;
    font-family:Roboto;
    padding:0 0 10px;
}

.boxCloud .cloud {
    float:right;
}

.boxCloud li.buttonScope {
    background:none;
    padding:0;
}

.boxCloud .buttonScope a {
    display:block;
    padding:17px 0;
    text-align:center;
    color: white;
    font-size:16px;    
}

.boxCloud .box .buttonScope a {
    background: #376699;
    border:1px solid #2d5a8b;
}

.boxCloud .box .buttonScope a:hover {
    background: #4e77a4;
}

.boxCloud .cloud .buttonScope a {
    background: #e76a48;
    border:1px solid #d03f2c;
}

.boxCloud .cloud .buttonScope a:hover {
    background:#f07a5a;
}

.cloudList thead span {
    display:block;
}
.cloudList .title span { width:200px; }
.cloudList .tariff span { width:244px; }
.cloudList .expire span { width:150px; }
.cloudList .remain span { width:150px; }
.cloudList .actions span { width:200px; }
.cloudList .disabledAccount {
    text-align:center;
    border-right:none;
    padding-right:0;
}

.cloudList .disabledAccount a {
    text-decoration: underline;
}

.cloudList .disabledAccount .text {
    font-size:20px;
    margin-bottom:3px;
}

.cloudList .title {
    border-left:0;
    padding-left:0;
}

.cloudList .actions {
    border-right:none;
    padding-right:0;
}

.cloudList .action {
    display:inline-block;
    background:url(/templates/rs/resource/img/cloud/edit_buttons.png) no-repeat;
    margin-right:15px;
}

.cloudList .action.edit {
    width:21px;
    height:20px;
    background-position:0 -5px;
}

.cloudList .action.edit:hover {
    background-position:0 -28px;
}

.cloudList .action.domains {
    width:28px;
    height:27px;
    background-position:-36px 0;
}

.cloudList .action.domains:hover {
    background-position:-36px -28px;
}

.cloudList .dropdownDots {
    display:inline-block;
    position:relative;
}

.cloudList .dropdownDots .handler {
    width:28px;
    height:27px;
    display:inline-block;
    background:url(/templates/rs/resource/img/cloud/edit_buttons.png) no-repeat -72px 0;
}

.cloudList .dropdownDots.over .handler {
    background-position:-72px -28px;
}

.cloudList .dropdownDots.over .droplist {
    display:block;
}

.cloudList .dropdownDots .droplist {
    right:0;
    position:absolute;
    background:white;
    box-shadow:1px 1px 2px #aaa;
    -moz-box-shadow:1px 1px 2px #aaa;
    -webkit-box-shadow:1px 1px 2px #aaa;
    display: none;
}

.cloudList .dropdownDots .droplist .first {
    border-top:none;
}

.cloudList .dropdownDots .droplist li {
    border-top: 1px solid #d4d7da;
    position: relative;
}

.cloudList .dropdownDots .droplist i {
    background: url(/templates/rs/resource/img/user_corner.png) no-repeat;
    height: 8px;
    position: absolute;
    right: 7px;
    top: -8px;
    width: 15px;
}

.cloudList .dropdownDots .droplist a {
    border-left: 1px solid #dcdee1;
    border-right: 1px solid #dcdee1;
    display: block;
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
    white-space:nowrap;
}

.cloudList .dropdownDots .droplist a:hover {
   background-color: #2d5a8b;
    border-left: 1px solid #2d5a8b;
    border-right: 1px solid #2d5a8b;
    color: white;    
}

.cloudList .tariffPackage {
    font-size:16px;
    font-weight:bold;
    margin-bottom:3px;
}

.cloudList .tariffDescr {
    color: #666;
    margin-bottom:3px;    
}

.cloudList .tariffPrice {
    margin-bottom:0;
}

.cloudList .creating {
    color: #666;
}

.domainList tbody td {
    border-left:none;
    border-right:none;
}

.domainList .title {
    padding-left:0;
}

.domainList .actions {
    text-align:center;
}

.domainList .title span {
    display:block;
    width:815px;
    font-size:18px;
}

.domainList .actions span {
    display:block;
    width:75px;
}

.domainList .actions a {
    display:none;    
    color: #666;    
}

.domainList .actions a.remove {
    background:url(/templates/rs/resource/img/cloud/x.png) no-repeat right center;    
    padding-right:17px;
}

.domainList tr:hover .actions {
    background: #c4e5f0;
}

.domainList tr .actions:hover {
    background: #a6d8e8;
}

.domainList tr:hover .actions.empty {
    background:none;
}

.domainList tr:hover .actions a {
    display:inline;
}

.addDomain {
    padding:25px 0;
}

.addDomain input.name {
    margin:0;
    border:0;
    outline:none;
    vertical-align:middle;
}

.addDomain .button {
    vertical-align:middle;
    margin-left:10px;
}

.addDomain {
    margin-bottom:50px;
}

.addDomainGuide .title {
    font-weight:bold;
    font-size:18px;
}

.addDomainGuide .title .example {
    font-weight:normal;
    color: #666;
}

.addDomainGuide .steps {
    overflow:hidden;
    text-align:center;
}

.addDomainGuide .steps p {
    text-align:left;
}

.addDomainGuide .steps  .first {
    border-left:1px solid #dddfe2;
    padding-left:25px;
}

.addDomainGuide .steps  li {
    height:232px;
    position:relative;
    border-top:1px solid #dddfe2;
    border-bottom:1px solid #dddfe2;
    float:left;
    width:215px;
    padding:0 17px 0 84px;
}

.addDomainGuide .steps .corner {
    height:232px;
    width:62px;
    background:url(/templates/rs/resource/img/cloud/domain_step.png) no-repeat;
    display:block;
    position:absolute;
    top:0;
    right:-61px;
}

.addDomainGuide .steps .num {
    display:inline-block;
    margin:27px 0 20px;
    
    width:42px;
    height:42px;
    line-height:42px;
    border:1px solid #dee0e3;
    border-radius:25px;
    color: #999;
    font-size:22px;
}

.confirmCenterText {
    text-align:center;
    margin:45px 0;
}

.confirmCenterText .h2 {
    margin-bottom:10px;
}

.confirmCenterText .domain {
    color: #2d5a8b;
}

.confirmCenterText .descr {
    color: #666;
}

.deleteLine {
    text-align:center;
}

.deleteLine .button {
    vertical-align:middle;
    border-color: #2d5a8b;
    color:#2d5a8b;
}

.deleteLine .button:hover {
    color: white;
}

.deleteLine .sepRight {
    margin-right:50px;
}

.button.back i {
    display:inline-block;
    width:25px;
    height:17px;
    background:url(/templates/rs/resource/img/cloud/back.png) no-repeat top left;
    vertical-align:middle;
    margin-right:13px;
}

.button.back { color: #2d5a8b; }
.button.back:hover i { background-position:0 -17px; }

.button.noBrd {
    border-color:transparent;
}

.button.delete i {
    width:12px;
    height:16px;
    background:url(/templates/rs/resource/img/cloud/del.png) no-repeat top left;
    display:inline-block;
    vertical-align:middle;
    margin-right:13px;
    margin-bottom:3px;
    color: #2d5a8b;
    border-color: #2d5a8b;
}

.button.delete:hover i {
    background-position:0 -16px;
}

.deletedObject {
    text-align:center;
    margin:50px 0;
    padding-top:120px;
    background:url(/templates/rs/resource/img/cloud/deleted.png) no-repeat top center;
}

.cloudAccInfo {
    overflow:hidden;
    margin-top:30px;
}

.cloudAccInfo p {
    float:left;
    border-left:1px solid #dddfe2;
    padding:0 10px 0 30px;
}

.cloudAccInfo .tariff {
    border-left:none;
    padding-left:0;
    width:300px;
}

.cloudAccInfo .expire {
    width:350px;
}

.cloudAccInfo .create {
    width:180px;
}

.cloudAccInfo .key {
    color: #999;
}

.cloudAccInfo .value {
    color: #5b60a5;
    font-size:16px;
}

.cloudAccTariff {
    background:url(/templates/rs/resource/img/cloud/cloud_service_white.jpg) repeat;
    position:relative;
    margin:30px 0 40px;
}

.cloudAccTariff .bottomLine,
.cloudAccTariff .topLine {
    height:19px;
    background:url(/templates/rs/resource/img/cloud/mini_clouds_yell.png) repeat-x;
    top:-13px;
    position:absolute;
    width:100%;
}

.cloudAccTariff .bottomLine {
    top:auto;
    bottom:-10px;
}

.cloudAccTariff h2 {
    text-align:center;
    font-family:Roboto;
    font-weight:bold;
    padding:30px 0 10px;
    margin:0;
}

.cloud .noEntity {
    width:277px;
    height:113px;
    background:url(/templates/rs/resource/img/cloud/no_entity.png) no-repeat;
    padding-top:55px;
    padding-left:10px;
    text-align:center;
    font-size:30px;
    color: #999;
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;            
    line-height:100%;
    margin:150px auto 0;  
}

#tooltip {
    position: absolute;
    z-index: 3000;
    background-color: #fbeeb3;
    padding: 7px;
    text-align: left;
    box-shadow:-1px 2px 2px #bbb;
    -moz-box-shadow:-1px 2px 2px #bbb;
    -webkit-box-shadow:-1px 2px 2px #bbb;
    
}

#tooltip .body {
    background: #fbeeb3;
    border:none;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}

#tooltip .shadow {
    display:none;
}

#tooltip h3, #tooltip div { margin: 0; }

#tooltip .corner {
    width:25px;
    height:11px;
    background:url(/templates/rs/resource/img/cloud/tips.png) no-repeat;
    top:-11px;
    left:10px;
    position:absolute;
}

#tooltip.expireTips .corner {
    left:140px;
}

.cloudList .help {
    cursor:help;
    background:#dddfe2;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    font-size: 9px;
    padding: 2px 4px;    
    margin-left:5px;
}

.cloudList .help:hover {
    background:#fbeeb3;
}

.faq .topBorder {
    border-top:1px solid #999;
    padding-top:20px;
}

.someList li {
    margin-bottom:10px;
}

.someList .gray {
    display:block;
    margin:5px 0;
}

.redButton {
    background: #e76a48;
    line-height: 50px;
    height:48px;
    display:inline-block;
    color: white;
    padding:0 25px;
    text-decoration:none;
    border:1px solid #d03f2c;
}

.redButton:hover {
    background-color: #f07a5a;
    color: white;
}

.centerText {
    text-align:center;
}

.rightText {
    text-align:right;
}

.ml0 {
    margin-left:0;
}

.mb10 {
    margin-bottom:10px;
}

/* Диалог для проведения тендеров */

#tender {
    padding:20px 50px;
    width:600px;
}

#tender h2 {
    text-align:center;
    margin-bottom:10px;
}

#tender .info {
    color: #666;
    font-size:12px;
    text-align:center;
    margin-bottom:30px;
}

#tender .row {
    margin-bottom:20px;
    clear:both;
}

#tender .city {
    height:33px;
    width:280px;
}

#tender .label {
    color: #a8abad;
    font-style:italic;
    margin-bottom:3px;
}

#tender .companies {
    background:#edeff1;
    padding:12px 20px;
    height:140px;
    overflow:auto;
}

#tender .companies label {
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
    width:270px;
    display:block;
    color: #666;
    font-size:12px;
}

#tender .companies li {
    width:50%;
    float:left;
}

#tender .productType {
    overflow:hidden;
    padding-bottom:5px;
}

#tender .productType .label {
    float:left;
    width:260px;
    color: #a8abad;
}

#tender .productType .label {
    background:url(/templates/rs/resource/img/partners/longarr.png) no-repeat right 21px;
    margin-top:55px;
}

#tender .productType .item {
    float:left;
    width:90px;
    cursor:pointer;
    text-align:center;    
}

#tender .productType .item:hover span {
    color: #28538e;
}

#tender .productType .item.base {
    margin-left:10px;
}

#tender .productType .item.middle {
    margin-right:5px;
    margin-left:9px;
}

#tender .productType .item.full {
    width:120px;
}

#tender .productType .imgWrap {
    height:117px;
    line-height:117px;
    margin-bottom:5px;
}

#tender .productType .imgWrap img {
    vertical-align:bottom;    
}

#tender .productType .item .centerText {
    padding:5px 12px;   
}

#tender .productType .item .centerText span {
    border-bottom:1px dotted black;
}

#tender .productType .item.act span {
    background: #222;
    border:none;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    color:white;
}

#tender .message {
    width:100%;
    height:150px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding:5px;
}

#tender .addFile {
    background:url(/templates/rs/resource/img/partners/attach.png) no-repeat left center;
    padding-left:21px;
}

#tender .addFile span {
    border-bottom:1px dotted #28538e;
    color: #28538e;
}

#allPartners:hover,
#tender .addFile:hover span {
    color: #51afc3;
}

#tender .files {
    margin-bottom:10px;
}

#tender .files li {
    background:#edeff1;
    padding:0 18px;
    height:32px;
    line-height:32px;
    margin-bottom:1px;
    font-size:12px;
    overflow:hidden;
}

#tender .files li .filename {
    float:left;
}

#tender .files li .x {
    float:right;
    background:url(/templates/rs/resource/img/partners/x.png) no-repeat center center;
    width:11px;
    height:11px;
    padding:5px;
    margin-top:5px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;    
}

#tender .files li .x:hover {
    background-color: white;
}

#allPartners {
    color: black;
    border-bottom:1px dotted black;
}

#tender .customer input {
    width:100%;
}

#tender .halfLeft {
    width:48%;
    float:left;
}

#tender .halfRight {
    width:48%;
    float:right;
}

#tender .partnersTitle {
    line-height:30px;
}

#tender input[type=text],
#tender textarea {
    margin-bottom:0;    
}

#tender input[type=text] {
    height:37px;
    border:1px solid #a8abad;
    padding:0 5px;
}

#tender .expireDate input {
    width:200px;
}

#tender .price input {
    width:80px;
}

#tender .inp {
    float:left;
}

#tender .expireDate .label {
    font-size: 11px;
    display: block;
    margin-left:218px;
}

#tender .price .label {
   display: block;
   font-size: 11px;
   margin-left: 130px;
}

#tender .label .big {
    font-size:14px;
}

#tender input[type=text] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;    
}

#tender .button.send i {
    display:inline-block;
    width:20px;
    height:16px;
    background:url(/templates/rs/resource/img/partners/send.png) no-repeat;
    margin-right:10px;
    vertical-align:middle;
}

#tender .button.send:hover i {
    background-position:-20px 0;
}

#tender .button.send {
    color: #28538e;
    border-color: #28538e;    
    font-weight:bold;
}

#tender .button.send:hover {
    color:white;
}

#tender .recipients .fieldError,
#tender .productType .fieldError {
    display:block;
}

#tender .fileError {
    color: red;
    margin-top:10px;
    font-size:12px;
}

#tender .sending .button.send i {
    background-image:url(/templates/rs/resource/img/partners/sending.gif);
    background-position: center center;
}

#tender .sending .button.send {
    color: #808080;
    border-color: #ddd;
    background-color:#eee;
}

.ml10 {
    margin-left:10px;
}

.fieldError {
    position:relative;
    display:none;    
}

.fieldError .text {
    position:absolute;
    top:12px;
    left:-4px;
    background: #ff5d37;
    width:auto;
    min-width: 200px;
    padding:8px;
    color: white;
    z-index:20;
    font-size:11px;
}

.fieldError .text .cor {
    background: url(/templates/rs/resource/img/cloud/error_top_tip.png) no-repeat top left;
    position:absolute;
    left:7px;
    top:-5px;
    width:12px;
    height:5px;    
}

.portfolio {
    background: #f3f3f3;
    padding:30px 0;
}

.works {
    overflow:hidden;
    width:985px;
    margin-bottom:-35px;
}

.works .item {
    border:2px solid white;
    display:block;
    width:288px;
    height:414px;
    float:left;
    margin-right:35px;
    margin-bottom:35px;
}

.works .item .image {
    background: white;
    display:block;
    padding:9px 0 23px;
    text-align:center;
    height:270px;
}

.works .item .info {
    position:relative;
    padding:9px;
    display:block;
    height:94px;
    color: black;
}

.works .item .info .domain {
    display:block;
    font-weight:bold;
    margin:10px 0 15px;
}

.works .item .info i {
    display:block;
    position:absolute;
    width:50px;
    height:10px;
    background:url(/templates/rs/resource/img/portfolio/corner.png) no-repeat;
    top:-10px;
    left:27px;
}

.works .item:hover .info {
    background:#f7e512;
}

.works .item:hover .info i {
    background-position:0 -10px;
}

.showroom {
    background: #cdd1d1 url(/templates/rs/resource/img/portfolio/texture.jpg) repeat;
}

.showroom .board {
    background: white;
    width:900px;
    padding:30px;
    margin:0 auto;
    box-shadow:0 14px 24px #999;
    -moz-box-shadow:0 14px 24px #999;
    -webkit-box-shadow:0 14px 24px #999;
    -o-box-shadow:0 14px 24px #999;
}

.showroom .board .image {
    margin-top:30px;
    border-top:2px dotted #aaa;
    padding-top:30px;
}

.showroom .board .image.first {
    margin-top:0;
    padding-top:0;
    border-top:none;
}

.lastUsersPost {
    background: #4b4956 url(/templates/rs/resource/img/socialback.jpg) no-repeat top center;
    padding:40px 0;
}

.lastUsersPost h2 {
    text-align:center;
    color: white;
}

.lastUsersPost h4 {
    font-size:17px;
    font-weight:normal;
    margin-bottom:10px;
}

.lastUsersPost h4 a {
    color: #979797;    
}

.lastUsersPost h4 a:hover {
    color: #13a4d2;
}

.lastUsersPost .forum {
    margin-bottom:32px;
}

.lastUsersPost .forum .row {
    position:relative;
    padding:15px 20px;
    overflow:hidden;
}

.lastUsersPost .forum .line {
    position:absolute;
    border-right:1px solid #696770;
    left:50%;
    top:15px;
    bottom:15px;
}

.lastUsersPost .forum .back {
    background: #2d2d34;
    opacity:0.2;
    filter:alpha(opacity=20);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.lastUsersPost .forum .item {
    width:48%;
    float:right;
    position:relative;
    padding-left:20px;
    box-sizing:border-box;
}

.lastUsersPost .forum .item.first {
    float:left;
    width:48%;
    padding-right:20px;
    padding-left:0;
}

.lastUsersPost .forum .item .topic {
    font-size:22px;
    color: white;
}

.lastUsersPost .forum .item .topic:hover {
    color:#E5E5E5;
}

.lastUsersPost .forum .date {
    margin:14px 0 0;    


    color: #979797;
    font-size:12px;
}

.lastUsersPost .wish {
    overflow:hidden;
}


.lastUsersPost .wish .item {
    background: #51afc3;
    width:48%;
    float:right;
    padding:30px 20px;
    box-sizing:border-box;
}

.lastUsersPost .wish .item.first {
    float:left;
}

.lastUsersPost .wish .topic {
    color: white;
    font-size:30px;
    font-family: 'Open Sans Condensed', Arial Narrow, Arial;
    font-stretch: ultra-condensed;        
    line-height:100%;
    display:block;
    max-height:64px;
    overflow:hidden;
}

.lastUsersPost .wish .info {
    margin:14px 0 25px;
    font-size:12px;
}

.lastUsersPost .wish .titleBlock {
    height:116px;
}

.lastUsersPost .wish .author {
    text-decoration:underline;
    color: white;
}

.lastUsersPost .wish .topic:hover,
.lastUsersPost .wish .author:hover {
    color: #E5E5E5;
}

.lastUsersPost .wish .updated {
    border-left:1px solid white; 
    margin-left:10px;
    padding-left:10px;
    color: white;
}
.lastUsersPost .wish .description {
    color: #444;
    margin-bottom:0;
    height:78px;
    overflow:hidden;
}

.socialGroups {
    margin-top:60px;
    margin-bottom:50px;
    overflow:hidden;
    height:350px;
}

.socialGroups .quest {
    width:410px;
    padding-top:100px;
    padding-left:20px;
    float:left;
}

.socialGroups .quest .big {
    font-size: 49px;
    font-family: Roboto;
    font-weight:100;
    line-height:100%;
    text-transform: uppercase;
}

.socialGroups .quest .bold {
    font-family: Roboto;
    font-weight:bold;
    font-size:30px;
    background: url(/templates/rs/resource/img/social_arrow.png) no-repeat right center;
    padding-right:110px;
    line-height:55px;
}

.socialGroups .facebookGroup {
    float:left;
    width:270px;
}

.socialGroups .vkontakteGroup {
    width:220px;
    float:left;
    margin-left: 30px;
}

.table {
    margin-bottom:20px;
}

.table td {
    border:1px solid #dddfe2;    
}

.payoutTable thead span { display:block; padding-left:20px; }
.payoutTable .date span { width:180px; }
.payoutTable .number span { width:100px; }
.payoutTable .status span { width:200px; }
.payoutTable .type span { width:170px; }
.payoutTable .amount span { width:100px; }
.payoutTable .actions span { width:80px;}

.payoutTable tbody a {
    color:#28538e;
    border-bottom:1px dotted #28538e;
}

.payoutTable tbody a:hover {
    border-bottom:none;
}

.payoutTable tbody .amount {font-weight:bold; font-size:16px; white-space:nowrap;}
.payoutTable tbody .message {font-size:12px; color: #ed5270;}
.payoutTable tbody .status .message {font-size:12px; }
.payoutTable tbody .date { border-left:none;  color: #999; }
.payoutTable .actions { border-right:none; }
.payoutTable .st-canceled { color: #ed5270; }
.payoutTable .st-done { color: #009011;}
.payoutTable .dateOfProcess {
    font-size:12px;
}

.formPart {
    background: #fafafa;
    padding:20px;
}

.formPart.dark {
    background:#F0F0F0;
}

.formPart .mr {
    margin-right:30px;
}

.formPart .inline {
    display:inline-block;
    white-space: nowrap;
}

.formPart .inline input {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

.property-title {
    font-size:12px;
    color: #666;
    margin-bottom:5px;
}

.amountBlock .inline { width:30%; margin-left:4%; vertical-align:bottom; }
.amountBlock .first { margin-left:0; }
.amountBlock input { width:100%;}

.formStyle .w323 {
    width:323px !important;
}

.payoutForm input[type=text] {
    padding:0 10px;
}

.payoutOrderTable .date { border-left:none; padding-left:0; }
.payoutOrderTable .date span  {
    width:455px;
    display:block;
}

.payoutOrderTable .value {border-right:none;}
.payoutOrderTable .value span {
    width:434px;
    display:block;
}

.noteBox {
    border:2px solid #636770;
    padding:20px;
    overflow:hidden;
}

.noteBox .yes {
    float:left;
    color:#327605;
    border-bottom:1px dashed #327605;
    font-size:16px;
    font-weight:bold;
}

.orderViewTable .colDesc .noteBox,
.orderViewTable .colDesc .noteBox div { width:auto; }

.noteBox .no {
    float:right;
    color: #ed5270;
    border-bottom:1px dashed #ed5270;
}

.noteBox .yes:hover,
.noteBox .no:hover {
    opacity:0.7;
    filter:alpha(opacity=70);
}

.howFindDiscount {
    color:#ACACAC;
    text-decoration: underline;
    font-size:12px;
}

.banners .marketplace {
    text-align:center;
    font-family:Roboto;
}

.banners .marketplace .i {
    position:absolute;
    background-repeat: no-repeat;
    background-position: top left;
    left:50%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

.banners .marketplace .bTemplates {
    width:107px;
    height:123px;
    background-image:url(/templates/rs/resource/img/banner8/b_theme.png);
    margin-left:-310px;
    top:24px;
    font-size:12px;
    padding-top:54px;
}

.banners .marketplace .bIntegration {
    width:188px;
    height:150px;
    background-image:url(/templates/rs/resource/img/banner8/b_integration.png);
    margin-left:-468px;
    top:128px;
    padding:85px 65px 0 33px;
}

.banners .marketplace .bSeo {
    width:110px;
    height:92px;
    background-image:url(/templates/rs/resource/img/banner8/b_seo.png);
    margin-left:-278px;
    top:266px;
    padding:49px 21px 0 5px;
    font-size:12px;
}

.banners .marketplace .bSolution {
    width:187px;
    height:153px;
    background-image:url(/templates/rs/resource/img/banner8/b_solution.png);
    margin-left:174px;
    padding:88px 38px 0 75px;
    top:24px;
}

.banners .marketplace .bAdv {
    width:188px;
    height:152px;
    background-image:url(/templates/rs/resource/img/banner8/b_adv.png);
    margin-left:278px;
    top:195px;
    padding:90px 0 0 40px;
}

.banners .marketplace .bOther {
    width:109px;
    height:92px;
    background-image:url(/templates/rs/resource/img/banner8/b_other.png);
    margin-left:145px;
    top:254px;
    padding:48px 0 0 18px;
    font-size:12px;
}

.banners .marketplace .project {
    font-family: Roboto;
    font-weight:100;
    font-size:48px;
    margin:102px 0 10px;
}

.banners .marketplace .project span {
    color: white;
}

.banners .marketplace .link {
    height:43px;
    line-height:43px;
    border:2px solid white;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    padding:0 65px;
    display:inline-block;
    font-size:18px;
    color: white;
    position:relative;
}

.banners .marketplace .link:after {
    content:' ';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: white;
    opacity:0;
    filter:alpha(opacity=0);
    transition:opacity 0.3s ease;
}

.banners .marketplace .link:hover:after {
    opacity:0.2;
    filter:alpha(opacity=20);
}

.banners .marketplace .newAbility {
    font-size:22px;
    font-weight:100;
    padding-top:35px;
    color: white;
    background: url(/templates/rs/resource/img/down.png) no-repeat center 18px;
}

.addons {
    margin-bottom:32px;
    overflow:hidden;
}

.addons .item {
    width:48%;
    display:block;
    float:right;
    padding: 36px 45px 15px;
    box-sizing:border-box;
    position:relative;
}

.addons .item:hover {
    opacity:0.9;
    filter:alpha(opacity=90);
}

.addons .item:after {
    content:' ';
    background: #2d2d34;
    opacity:0.2;
    filter:alpha(opacity=20);
    top:0;
    left:0;
    width:100%;
    height:100%;
    position:absolute;
}

.addons .item.first {
    float:left;
}

.addons .title {
    display:block;
    color: white;
    margin-top:8px;
    font-size:16px;
    height:20px;
    
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
}

.addons .title,
.addons img {
    position:relative;
    z-index:1;    
}

.featuresMarketplace img {
    max-width:100%;
}

.featuresMarketplace img:hover {
    opacity:0.9;
    filter:alpha(opacity=90);
}

.featuresMarketplace .more {
    color:#13a4d2;
    text-decoration:underline;
}

.featuresMarketplace .more:hover {
    color:#28538e;
}

.viewAllAddons {
    border:2px solid #446ca3;
    color:#28538e;
    display:block;
    text-align:center;
    padding:15px;
}

.viewAllAddons:hover {
    background:#446ca3;
    color: white;
}

.featuresCols h5 {
    margin:5px 0 10px;
}

.toDocs,
.toMarketplace {
    margin-left:20px;
    font-size:12px;
    font-family:Roboto;
}

.toMarketplace {
    margin-left:50px;
}

.saleProducts {
    font-style:italic;
}

.notice {
    background: #eaeaea none repeat scroll 0 0;
    border-left: 3px solid #adadad;
    padding: 12px 20px;
}

.notice.blue {
    background-color: #dbeef6;
    border-color: #51afc3;
}

.arialText {
    font-family:Arial; 
    font-size:16px; 
    font-stretch:normal;
}

.successMessage {
    background-color: #66CC99;
    padding:20px;
    color: white;
}

.yourReferalLink {
    padding:30px;
    font-size:20px;
}

.referalExample {
    border:1px solid #ddd;
    padding:20px;
    line-height:20px;
}

.referalTable thead span { display:block; box-sizing:border-box; padding-left:20px; }
.referalTable thead .fio span { width:330px;}
.referalTable thead .payoutsCount span { width:120px }
.referalTable thead .payoutsTotal span { width:150px }
.referalTable thead .date span { width: 180px }
.referalTable thead .isActive span { width:120px }
.referalTable thead .actions span { width:50px }
.referalTable .actions {
    border-right:none;
}
.referalTable .more { 
    visibility:hidden;
    display:inline-block; 
    width:16px;
    height:16px;
    background:url(/templates/rs/resource/img/more.png) no-repeat;
}

.referalTable .more:hover {
    opacity:0.7;
    filter:alpha(opacity=70);
}

.referalTable tr:hover .more {
    visibility:visible;
}

.wideTable thead a {
    border-bottom:1px dotted #000;
}

.wideTable thead .asc {
    background:url(/templates/rs/resource/img/sort_asc.gif) no-repeat right center;
    padding-right:10px;
}

.wideTable thead .desc {
    background:url(/templates/rs/resource/img/sort_desc.gif) no-repeat right center;
    padding-right:10px;
}

.digit {
    background: #969696 none repeat scroll 0 0;
    border-radius: 15px;
    color: white;
    padding: 2px 6px;
    font-size:12px;
    font-family:Arial;
    font-stretch: normal;    
}

.referalPayoutTable thead div {}
.referalPayoutTable thead .date div { width: 200px; }
.referalPayoutTable thead .cost div { width:200px; }
.referalPayoutTable thead .reason div { width:550px; }

.recoverWide {
    padding:20px 24px;
    margin:0 -24px 20px;
}

.collapse-element .handle span {
    text-decoration:none;
    border-bottom:1px dashed #000;
    cursor:pointer;
}

.collapse-element .handle span:hover {
    border-bottom:none;
}

.collapse-element .data {
    display:none;
}

.collapse-element.expand .data {
    display:block;
}

.subscribeDialog {
    font-size:16px;
}

.subscribeDialog .wideInput {
    width:100%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

.subscribeDialog .noButton,
.subscribeDialog .submitButton {
    width:49%;
    height:51px;
    line-height:51px;
    box-sizing:border-box;
    padding:0;
    text-align:center;
    vertical-align:middle;
}

.subscribeDialog .noButton {
    border-color: white;
}

.subscribeDialog .noButton:hover {
    background-color:#babcbf;
    border-color:#babcbf;
}
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay{background:black;}
#colorbox{background:white; box-shadow:0 0 15px #333;}

#cboxLoadingOverlay{background:url(/templates/rs/resource/img/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(/templates/rs/resource/img/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

#cboxClose{position:absolute; top:10px; right:-60px; background:url(/templates/rs/resource/img/close.png) no-repeat; width:44px; height:44px; text-indent:-9999px;}
#cboxClose:hover{background-position:0 -44px;}

#cboxCurrent, #cboxPrevious, #cboxNext, #cboxSlideshow {
    display:none !important;
}

.showpicture #cboxContent {
    padding:20px;
}