.cristmas-widget {
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
  overflow: hidden;
  background: url("/js/cristmass-widget/images/background/bg.png") no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover; }

.cristmas-widget__objects-wrap {
  display: inline-block; }

.cristmas-tree {
  position: relative; }

.cristmas-tree__size {
  position: relative;
  max-width: 100%; }

.cristmas-tree__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.cristmas-tree__decor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.cristmas-tree__balls,
.cristmas-tree__flash1,
.cristmas-tree__flash2,
.cristmas-tree__flash3,
.cristmas-tree__flash4,
.cristmas-tree__flash5,
.cristmas-tree__flash6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.cristmas-tree__lift-carcass {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.cristmas-drone {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 100%; }

.cristmas-year {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center; }

.cristmas-year__inner {
  position: relative;
  display: inline-block;
  max-width: 87.0588235294%; }

.cristmas-year__size {
  position: relative;
  max-width: 100%; }

.cristmas-year__text {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto; }

.cristmas-company {
  max-width: 72.6351351351%;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto; }

.cristmas-ground {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 204px; }

.cristmas-ground__size {
  width: 100%; }

.cristmas-ground__img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url("/js/cristmass-widget/images/ground/ground-img.png") no-repeat;
  background-position: center top;
  -webkit-background-size: auto;
  background-size: auto; }

.cristmas-ground__logo{
    width: 100%;
    position: absolute;
    text-align: center;
    height: 61%;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cristmas-tree__decor,
.cristmas-year__text,
.cristmas-company {
  visibility: hidden; }

.cristmas-tree__img {
  z-index: 50; }

.cristmas-tree__decor {
  z-index: 51; }

.cristmas-tree__balls,
.cristmas-tree__flash1,
.cristmas-tree__flash2,
.cristmas-tree__flash3,
.cristmas-tree__flash4,
.cristmas-tree__flash5,
.cristmas-tree__flash6 {
  z-index: 52;
  visibility: hidden; }

.cristmas-tree__lift-carcass {
  z-index: 52; }

.cristmas-year__text {
  z-index: 53; }

.cristmas-company {
  z-index: 71; }

.cristmas-drone {
  z-index: 60; }

.cristmas-ground {
  z-index: 70; }

.cristmas-tree {
  -webkit-animation: tree_move 15s ease-out;
  animation: tree_move 15s ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@-webkit-keyframes tree_move {
  0% {
    -webkit-transform: perspective(50vh) translate3d(0, -400%, -1200vh);
    -ms-transform: perspective(50vh) translate3d(0, -400%, -1200vh);
    transform: perspective(50vh) translate3d(0, -400%, -1200vh); }
  74% {
    -webkit-transform: perspective(50vh) translate3d(0, 20vh, 0);
    -ms-transform: perspective(50vh) translate3d(0, 20vh, 0);
    transform: perspective(50vh) translate3d(0, 20vh, 0); }
  87% {
    -webkit-transform: perspective(50vh) translate3d(0, -10vh, 0);
    -ms-transform: perspective(50vh) translate3d(0, -10vh, 0);
    transform: perspective(50vh) translate3d(0, -10vh, 0); }
  99% {
    -webkit-transform: perspective(50vh) translate3d(0, 0vh, 0);
    -ms-transform: perspective(50vh) translate3d(0, 0vh, 0);
    transform: perspective(50vh) translate3d(0, 0vh, 0); }
  100% {
    top: 0vh; } }

@keyframes tree_move {
  0% {
    -webkit-transform: perspective(50vh) translate3d(0, -400%, -1200vh);
    -ms-transform: perspective(50vh) translate3d(0, -400%, -1200vh);
    transform: perspective(50vh) translate3d(0, -400%, -1200vh); }
  74% {
    -webkit-transform: perspective(50vh) translate3d(0, 20vh, 0);
    -ms-transform: perspective(50vh) translate3d(0, 20vh, 0);
    transform: perspective(50vh) translate3d(0, 20vh, 0); }
  87% {
    -webkit-transform: perspective(50vh) translate3d(0, -10vh, 0);
    -ms-transform: perspective(50vh) translate3d(0, -10vh, 0);
    transform: perspective(50vh) translate3d(0, -10vh, 0); }
  99% {
    -webkit-transform: perspective(50vh) translate3d(0, 0vh, 0);
    -ms-transform: perspective(50vh) translate3d(0, 0vh, 0);
    transform: perspective(50vh) translate3d(0, 0vh, 0); }
  100% {
    top: 0vh; } }
.js-position {
  -webkit-transition: margin-top 1.5s linear;
  -o-transition: margin-top 1.5s linear;
  transition: margin-top 1.5s linear; }

.cristmas-tree__img {
  -webkit-animation: tree_jump 0.65s ease-out 17.3s;
  animation: tree_jump 0.65s ease-out 17.3s; }

@-webkit-keyframes tree_jump {
  33% {
    -webkit-transform: scale(0.9) translateY(10%);
    -ms-transform: scale(0.9) translateY(10%);
    transform: scale(0.9) translateY(10%); }
  66% {
    -webkit-transform: scale(1.03) translateY(-3%);
    -ms-transform: scale(1.03) translateY(-3%);
    transform: scale(1.03) translateY(-3%); }
  100% {
    -webkit-transform: scale(1) translateY(0%);
    -ms-transform: scale(1) translateY(0%);
    transform: scale(1) translateY(0%); } }

@keyframes tree_jump {
  33% {
    -webkit-transform: scale(0.9) translateY(10%);
    -ms-transform: scale(0.9) translateY(10%);
    transform: scale(0.9) translateY(10%); }
  66% {
    -webkit-transform: scale(1.03) translateY(-3%);
    -ms-transform: scale(1.03) translateY(-3%);
    transform: scale(1.03) translateY(-3%); }
  100% {
    -webkit-transform: scale(1) translateY(0%);
    -ms-transform: scale(1) translateY(0%);
    transform: scale(1) translateY(0%); } }
.cristmas-drone {
  -webkit-animation: drone_away 20s ease-in 18s;
  animation: drone_away 20s ease-in 18s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@-webkit-keyframes drone_away {
  0% {
    z-index: 49;
    -webkit-transform: perspective(20vh) translate3d(0, 0, 0);
    -ms-transform: perspective(20vh) translate3d(0, 0, 0);
    transform: perspective(20vh) translate3d(0, 0, 0); }
  99% {
    -webkit-transform: perspective(20vh) translate3d(1700vw, 1500vh, -1000vh);
    -ms-transform: perspective(20vh) translate3d(1700vw, 1500vh, -1000vh);
    transform: perspective(20vh) translate3d(1700vw, 1500vh, -1000vh); }
  100% {
    opacity: 0; } }

@keyframes drone_away {
  0% {
    z-index: 49;
    -webkit-transform: perspective(20vh) translate3d(0, 0, 0);
    -ms-transform: perspective(20vh) translate3d(0, 0, 0);
    transform: perspective(20vh) translate3d(0, 0, 0); }
  99% {
    -webkit-transform: perspective(20vh) translate3d(1700vw, 1500vh, -1000vh);
    -ms-transform: perspective(20vh) translate3d(1700vw, 1500vh, -1000vh);
    transform: perspective(20vh) translate3d(1700vw, 1500vh, -1000vh); }
  100% {
    opacity: 0; } }
.cristmas-tree__lift-carcass {
  -webkit-animation: carcass_away 0.1s ease 17s;
  animation: carcass_away 0.1s ease 17s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes carcass_away {
  100% {
    opacity: 0; } }

@keyframes carcass_away {
  100% {
    opacity: 0; } }
.cristmas-tree__decor {
  -webkit-animation: decor_show 2s linear 20s;
  animation: decor_show 2s linear 20s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes decor_show {
  100% {
    visibility: visible; } }

@keyframes decor_show {
  100% {
    visibility: visible; } }
.cristmas-tree__balls {
  -webkit-animation: balls_show 0.5s linear 21.5s;
  animation: balls_show 0.5s linear 21.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@-webkit-keyframes balls_show {
  0% {
    visibility: visible;
    opacity: 0;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  100% {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@keyframes balls_show {
  0% {
    visibility: visible;
    opacity: 0;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  100% {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
.cristmas-tree__flash1 {
  -webkit-animation: flash_show1 1.5s steps(2, end) 22s infinite;
          animation: flash_show1 1.5s steps(2, end) 22s infinite; }

@-webkit-keyframes flash_show1 {
  0% {
    visibility: hidden; }
  100% {
    visibility: visible; } }

@keyframes flash_show1 {
  0% {
    visibility: hidden; }
  100% {
    visibility: visible; } }
.cristmas-tree__flash2 {
  -webkit-animation: flash_show2 4s steps(2, end) 22s infinite;
          animation: flash_show2 4s steps(2, end) 22s infinite; }

@-webkit-keyframes flash_show2 {
  0% {
    visibility: hidden; }
  100% {
    visibility: visible; } }

@keyframes flash_show2 {
  0% {
    visibility: hidden; }
  100% {
    visibility: visible; } }
.cristmas-tree__flash3 {
  -webkit-animation: flash_show3 3.2s steps(2, end) 22.5s infinite;
          animation: flash_show3 3.2s steps(2, end) 22.5s infinite; }

@-webkit-keyframes flash_show3 {
  0% {
    visibility: hidden; }
  100% {
    visibility: visible; } }

@keyframes flash_show3 {
  0% {
    visibility: hidden; }
  100% {
    visibility: visible; } }
.cristmas-tree__flash4 {
  -webkit-animation: flash_show4 4.7s steps(2, end) 23s infinite;
          animation: flash_show4 4.7s steps(2, end) 23s infinite; }

@-webkit-keyframes flash_show4 {
  0% {
    visibility: hidden; }
  100% {
    visibility: visible; } }

@keyframes flash_show4 {
  0% {
    visibility: hidden; }
  100% {
    visibility: visible; } }
.cristmas-tree__flash5 {
  -webkit-animation: flash_show5 2.4s steps(2, end) 23.5s infinite;
          animation: flash_show5 2.4s steps(2, end) 23.5s infinite; }

@-webkit-keyframes flash_show5 {
  0% {
    visibility: hidden; }
  100% {
    visibility: visible; } }

@keyframes flash_show5 {
  0% {
    visibility: hidden; }
  100% {
    visibility: visible; } }
.cristmas-year__text {
  -webkit-animation: year_move 1.3s linear 25s;
  animation: year_move 1.3s linear 25s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@-webkit-keyframes year_move {
  0% {
    visibility: visible;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    visibility: visible; } }

@keyframes year_move {
  0% {
    visibility: visible;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    visibility: visible; } }
.cristmas-company {
  -webkit-animation: company_appear 1s linear 28s;
  animation: company_appear 1s linear 28s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@-webkit-keyframes company_appear {
  0% {
    visibility: visible;
    opacity: 0; }
  100% {
    opacity: 1;
    visibility: visible; } }

@keyframes company_appear {
  0% {
    visibility: visible;
    opacity: 0; }
  100% {
    opacity: 1;
    visibility: visible; } }
.inner-top.m_cristmass {
  background: none; }
  .inner-top.m_cristmass .company__logo img {
    background: #FFF; }
  .inner-top.m_cristmass .company__h,
  .inner-top.m_cristmass .company__p,
  .inner-top.m_cristmass .tel__link {
    color: rgba(255, 255, 255, 0.9);
    font-family: RobotoRegular; }
  .inner-top.m_cristmass .branding {
    border-color: white; }

.cristmas-widget {
  position: absolute;
  left: 0;
  right: 0;
  top: 0; }

.cristmas-tree__size {
  width: 460px; }

@media screen and (min-height: 1000px) {
  .cristmas-tree__size {
    width: 530px; }

  .cristmas-ground {
    min-height: 234px; } }
@media screen and (min-height: 1200px) {
  .cristmas-tree__size {
    width: 640px; }

  .cristmas-ground {
    min-height: 304px; } }
@media screen and (min-height: 1500px) {
  .cristmas-tree__size {
    width: 680px; }

  .cristmas-ground {
    min-height: 504px; } }
/*@media screen and (max-height: 760px) {
  .branding {
    display: none; } }
@media screen and (max-width: 680px) {
  .branding {
    display: none; } }*/
.congrat-wrap {
  position: absolute;
  left: -webkit-calc(780px + 100%);
  left: calc(780px + 100%);
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 91; }

.congrat-separate {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 290px;
  height: 100%;
  border-left: 1px solid #587d94;
  background: url("/js/cristmass-widget/images/congratulation/separator.png") repeat-y left; }

.congrat-content {
  position: relative;
  white-space: nowrap;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: left; }

.congrat-content__plane {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%); }

.congrat-content__caption {
  display: inline-block;
  vertical-align: middle;
  position: static; }
  .congrat-content__caption::after {
    content: ".";
    font-family: 'Stamper' !important;
    font-size: 121px;
    color: transparent;
    line-height: 1em; }

.congrat-content__text {
  font-size: 121px;
  color: #FFF;
  line-height: 1em;
  font-family: 'Stamper' !important;
  white-space: nowrap;
  position: absolute;
  left: -45px; }

.congrat-wrap {
  -webkit-animation: congr_move 50s linear 27s;
  animation: congr_move 50s linear 27s;
  -webkit-animation-fill-mode: fprwards;
  animation-fill-mode: fprwards; }

@-webkit-keyframes congr_move {
  90% {
    opacity: 1;
    -webkit-transform: translateX(-5000px);
    -ms-transform: translateX(-5000px);
    transform: translateX(-5000px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-15000px);
    -ms-transform: translateX(-15000px);
    transform: translateX(-15000px); } }

@keyframes congr_move {
  90% {
    opacity: 1;
    -webkit-transform: translateX(-5000px);
    -ms-transform: translateX(-5000px);
    transform: translateX(-5000px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-15000px);
    -ms-transform: translateX(-15000px);
    transform: translateX(-15000px); } }
@font-face {
  font-family: 'Stamper';
  font-style: normal;
  font-weight: normal;
  src: url("/js/cristmass-widget/font/a_StamperCm.eot?#iefix") format("embedded-opentype"), url("/js/cristmass-widget/font/a_StamperCm.woff") format("woff"), url("/js/cristmass-widget/font/a_StamperCm.ttf") format("truetype"); }


/*# sourceMappingURL=cristmass-widget.css.map */