Файл: Robot/about.html
Строк: 6375
<?php
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html class="mdl-js">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><!-- Required meta tags -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><!-- Bootstrap CSS -->
<link rel="stylesheet" href="cssapp.css">
<script src="https://kit.fontawesome.com/61cd522d8e.js" crossorigin="anonymous"></script>
<link rel="icon" type="image/png" href="imagesfreepik-logo-.png">
<style type="text/css">/* Chart.js */
@-webkit-keyframes chartjs-render-animation {
from {
opacity: 0.99
}
to {
opacity: 1
}
}
@keyframes chartjs-render-animation {
from {
opacity: 0.99
}
to {
opacity: 1
}
}
.chartjs-render-monitor {
-webkit-animation: chartjs-render-animation 0.001s;
animation: chartjs-render-animation 0.001s;
}</style>
<style>@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap&subset=cyrillic);
.ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto
}
.ps__rail-x {
height: 15px;
bottom: 0
}
.ps__rail-x, .ps__rail-y {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
position: absolute
}
.ps__rail-y {
width: 15px;
right: 0
}
.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
display: block;
background-color: transparent
}
.ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y, .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y {
opacity: .6
}
.ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover, .ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover {
background-color: #eee;
opacity: .9
}
.ps__thumb-x {
transition: background-color .2s linear, height .2s ease-in-out;
-webkit-transition: background-color .2s linear, height .2s ease-in-out;
height: 6px;
bottom: 2px
}
.ps__thumb-x, .ps__thumb-y {
background-color: #aaa;
border-radius: 6px;
position: absolute
}
.ps__thumb-y {
transition: background-color .2s linear, width .2s ease-in-out;
-webkit-transition: background-color .2s linear, width .2s ease-in-out;
width: 6px;
right: 2px
}
.ps__rail-x.ps--clicking .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x:hover > .ps__thumb-x {
background-color: #999;
height: 11px
}
.ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y {
background-color: #999;
width: 11px
}
@supports (-ms-overflow-style:none) {
.ps {
overflow: auto !important
}
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
.ps {
overflow: auto !important
}
}
.ps {
position: relative
}
/*!
* Cropper.js v1.5.6
* https://fengyuanchen.github.io/cropperjs
*
* Copyright 2015-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2019-10-04T04:33:44.164Z
*/
.cropper-container {
direction: ltr;
font-size: 0;
line-height: 0;
position: relative;
-ms-touch-action: none;
touch-action: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.cropper-container img {
display: block;
height: 100%;
image-orientation: 0deg;
max-height: none !important;
max-width: none !important;
min-height: 0 !important;
min-width: 0 !important;
width: 100%
}
.cropper-canvas, .cropper-crop-box, .cropper-drag-box, .cropper-modal, .cropper-wrap-box {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.cropper-canvas, .cropper-wrap-box {
overflow: hidden
}
.cropper-drag-box {
background-color: #fff;
opacity: 0
}
.cropper-modal {
background-color: #000;
opacity: .5
}
.cropper-view-box {
display: block;
height: 100%;
outline: 1px solid #39f;
outline-color: rgba(51, 153, 255, .75);
overflow: hidden;
width: 100%
}
.cropper-dashed {
border: 0 dashed #eee;
display: block;
opacity: .5;
position: absolute
}
.cropper-dashed.dashed-h {
border-bottom-width: 1px;
border-top-width: 1px;
height: 33.33333%;
left: 0;
top: 33.33333%;
width: 100%
}
.cropper-dashed.dashed-v {
border-left-width: 1px;
border-right-width: 1px;
height: 100%;
left: 33.33333%;
top: 0;
width: 33.33333%
}
.cropper-center {
display: block;
height: 0;
left: 50%;
opacity: .75;
position: absolute;
top: 50%;
width: 0
}
.cropper-center:after, .cropper-center:before {
background-color: #eee;
content: " ";
display: block;
position: absolute
}
.cropper-center:before {
height: 1px;
left: -3px;
top: 0;
width: 7px
}
.cropper-center:after {
height: 7px;
left: 0;
top: -3px;
width: 1px
}
.cropper-face, .cropper-line, .cropper-point {
display: block;
height: 100%;
opacity: .1;
position: absolute;
width: 100%
}
.cropper-face {
background-color: #fff;
left: 0;
top: 0
}
.cropper-line {
background-color: #39f
}
.cropper-line.line-e {
cursor: ew-resize;
right: -3px;
top: 0;
width: 5px
}
.cropper-line.line-n {
cursor: ns-resize;
height: 5px;
left: 0;
top: -3px
}
.cropper-line.line-w {
cursor: ew-resize;
left: -3px;
top: 0;
width: 5px
}
.cropper-line.line-s {
bottom: -3px;
cursor: ns-resize;
height: 5px;
left: 0
}
.cropper-point {
background-color: #39f;
height: 5px;
opacity: .75;
width: 5px
}
.cropper-point.point-e {
cursor: ew-resize;
margin-top: -3px;
right: -3px;
top: 50%
}
.cropper-point.point-n {
cursor: ns-resize;
left: 50%;
margin-left: -3px;
top: -3px
}
.cropper-point.point-w {
cursor: ew-resize;
left: -3px;
margin-top: -3px;
top: 50%
}
.cropper-point.point-s {
bottom: -3px;
cursor: s-resize;
left: 50%;
margin-left: -3px
}
.cropper-point.point-ne {
cursor: nesw-resize;
right: -3px;
top: -3px
}
.cropper-point.point-nw {
cursor: nwse-resize;
left: -3px;
top: -3px
}
.cropper-point.point-sw {
bottom: -3px;
cursor: nesw-resize;
left: -3px
}
.cropper-point.point-se {
bottom: -3px;
cursor: nwse-resize;
height: 20px;
opacity: 1;
right: -3px;
width: 20px
}
@media (min-width: 768px) {
.cropper-point.point-se {
height: 15px;
width: 15px
}
}
@media (min-width: 992px) {
.cropper-point.point-se {
height: 10px;
width: 10px
}
}
@media (min-width: 1200px) {
.cropper-point.point-se {
height: 5px;
opacity: .75;
width: 5px
}
}
.cropper-point.point-se:before {
background-color: #39f;
bottom: -50%;
content: " ";
display: block;
height: 200%;
opacity: 0;
position: absolute;
right: -50%;
width: 200%
}
.cropper-invisible {
opacity: 0
}
.cropper-bg {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
}
.cropper-hide {
display: block;
height: 0;
position: absolute;
width: 0
}
.cropper-hidden {
display: none !important
}
.cropper-move {
cursor: move
}
.cropper-crop {
cursor: crosshair
}
.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
cursor: not-allowed
}
/*!
* vue2-animate
* (c) 2018 Pavel Savushkin
* Released under the MIT License.
* Documentation: https://github.com/asika32764/vue2-animate
*/
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0)
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0)
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
.bounce-enter-active, .bounce-leave-active, .bounceIn, .bounceOut {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.bounce-enter-active, .bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn
}
.bounce-leave-active, .bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut
}
.bounceDown-enter-active, .bounceDown-leave-active, .bounceInDown, .bounceOutDown {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.bounceDown-enter-active, .bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
.bounceDown-leave-active, .bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
.bounceInLeft, .bounceLeft-enter-active, .bounceLeft-leave-active, .bounceOutLeft {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.bounceInLeft, .bounceLeft-enter-active {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
.bounceLeft-leave-active, .bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
.bounceInRight, .bounceOutRight, .bounceRight-enter-active, .bounceRight-leave-active {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.bounceInRight, .bounceRight-enter-active {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
.bounceOutRight, .bounceRight-leave-active {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
.bounceInUp, .bounceOutUp, .bounceUp-enter-active, .bounceUp-leave-active {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.bounceInUp, .bounceUp-enter-active {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp
}
.bounceOutUp, .bounceUp-leave-active {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
.fade-enter-active, .fade-leave-active, .fadeIn, .fadeOut {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.fade-enter-active, .fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
.fade-leave-active, .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
.fadeDown-enter-active, .fadeDown-leave-active, .fadeInDown, .fadeOutDown {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.fadeDown-enter-active, .fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
.fadeDown-leave-active, .fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
.fadeDownBig-enter-active, .fadeDownBig-leave-active, .fadeInDownBig, .fadeOutDownBig {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.fadeDownBig-enter-active, .fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
.fadeDownBig-leave-active, .fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
.fadeInLeft, .fadeLeft-enter-active, .fadeLeft-leave-active, .fadeOutLeft {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.fadeInLeft, .fadeLeft-enter-active {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
.fadeLeft-leave-active, .fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
.fadeInLeftBig, .fadeLeftBig-enter-active, .fadeLeftBig-leave-active, .fadeOutLeftBig {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.fadeInLeftBig, .fadeLeftBig-enter-active {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
.fadeLeftBig-leave-active, .fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
.fadeInRight, .fadeOutRight, .fadeRight-enter-active, .fadeRight-leave-active {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.fadeInRight, .fadeRight-enter-active {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
.fadeOutRight, .fadeRight-leave-active {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
.fadeInRightBig, .fadeOutRightBig, .fadeRightBig-enter-active, .fadeRightBig-leave-active {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.fadeInRightBig, .fadeRightBig-enter-active {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
.fadeOutRightBig, .fadeRightBig-leave-active {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
.fadeInUp, .fadeOutUp, .fadeUp-enter-active, .fadeUp-leave-active {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.fadeInUp, .fadeUp-enter-active {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
.fadeOutUp, .fadeUp-leave-active {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
.fadeInUpBig, .fadeOutUpBig, .fadeUpBig-enter-active, .fadeUpBig-leave-active {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.fadeInUpBig, .fadeUpBig-enter-active {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
.fadeOutUpBig, .fadeUpBig-leave-active {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
to {
-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;
transform-origin: right bottom;
opacity: 1
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
.rotate-enter-active, .rotate-leave-active, .rotateIn, .rotateOut {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.rotate-enter-active, .rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn
}
.rotate-leave-active, .rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut
}
.rotateDownLeft-enter-active, .rotateDownLeft-leave-active, .rotateInDownLeft, .rotateOutDownLeft {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.rotateDownLeft-enter-active, .rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
.rotateDownLeft-leave-active, .rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
.rotateDownRight-enter-active, .rotateDownRight-leave-active, .rotateInDownRight, .rotateOutDownRight {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.rotateDownRight-enter-active, .rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
.rotateDownRight-leave-active, .rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
.rotateInUpLeft, .rotateOutUpLeft, .rotateUpLeft-enter-active, .rotateUpLeft-leave-active {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.rotateInUpLeft, .rotateUpLeft-enter-active {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
.rotateOutUpLeft, .rotateUpLeft-leave-active {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft
}
.rotateInUpRight, .rotateOutUpRight, .rotateUpRight-enter-active, .rotateUpRight-leave-active {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.rotateInUpRight, .rotateUpRight-enter-active {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
.rotateOutUpRight, .rotateUpRight-leave-active {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.slide-enter-active, .slide-leave-active, .slideIn, .slideOut {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.slide-enter-active, .slideIn {
-webkit-animation-name: slideIn;
animation-name: slideIn
}
.slide-leave-active, .slideOut {
-webkit-animation-name: slideOut;
animation-name: slideOut
}
.slideDown-enter-active, .slideDown-leave-active, .slideInDown, .slideOutDown {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.slideDown-enter-active, .slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
.slideDown-leave-active, .slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown
}
.slideInLeft, .slideLeft-enter-active, .slideLeft-leave-active, .slideOutLeft {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.slideInLeft, .slideLeft-enter-active {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
.slideLeft-leave-active, .slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
.slideInRight, .slideOutRight, .slideRight-enter-active, .slideRight-leave-active {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.slideInRight, .slideRight-enter-active {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
.slideOutRight, .slideRight-leave-active {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
.slideInUp, .slideOutUp, .slideUp-enter-active, .slideUp-leave-active {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.slideInUp, .slideUp-enter-active {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}
.slideOutUp, .slideUp-leave-active {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center
}
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center
}
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoom-enter-active, .zoom-leave-active, .zoomIn, .zoomOut {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.zoom-enter-active, .zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
.zoom-leave-active, .zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut
}
.zoomDown-enter-active, .zoomDown-leave-active, .zoomInDown, .zoomOutDown {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.zoomDown-enter-active, .zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown
}
.zoomDown-leave-active, .zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown
}
.zoomInLeft, .zoomLeft-enter-active, .zoomLeft-leave-active, .zoomOutLeft {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.zoomInLeft, .zoomLeft-enter-active {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft
}
.zoomLeft-leave-active, .zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft
}
.zoomInRight, .zoomOutRight, .zoomRight-enter-active, .zoomRight-leave-active {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.zoomInRight, .zoomRight-enter-active {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight
}
.zoomOutRight, .zoomRight-leave-active {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight
}
.zoomInUp, .zoomOutUp, .zoomUp-enter-active, .zoomUp-leave-active {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.zoomInUp, .zoomUp-enter-active {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp
}
.zoomOutUp, .zoomUp-leave-active {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp
}
@-webkit-keyframes flipIn {
0% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: .4
}
50% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: .5
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: .8
}
to {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 1
}
}
@keyframes flipIn {
0% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: .4
}
50% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: .5
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: .8
}
to {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 1
}
}
@-webkit-keyframes flipOut {
0% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 1
}
40% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: .6
}
50% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: .5
}
80% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: .2
}
to {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 0
}
}
@keyframes flipOut {
0% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 1
}
40% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: .6
}
50% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: .5
}
80% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: .2
}
to {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 0
}
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
.flip-enter-active, .flip-leave-active, .flipIn, .flipOut {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.flip-enter-active, .flipIn {
-webkit-animation-name: flipIn;
animation-name: flipIn
}
.flip-leave-active, .flipOut {
-webkit-animation-name: flipOut;
animation-name: flipOut
}
.flipInX, .flipOutX, .flipX-enter-active, .flipX-leave-active {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.flipInX, .flipX-enter-active {
-webkit-animation-name: flipInX;
animation-name: flipInX
}
.flipOutX, .flipX-leave-active {
-webkit-animation-name: flipOutX;
animation-name: flipOutX
}
.flipInY, .flipOutY, .flipY-enter-active, .flipY-leave-active {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.flipInY, .flipY-enter-active {
-webkit-animation-name: flipInY;
animation-name: flipInY
}
.flipOutY, .flipY-leave-active {
-webkit-animation-name: flipOutY;
animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
.lightSpeed-enter-active, .lightSpeed-leave-active, .lightSpeedIn, .lightSpeedOut {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.lightSpeed-enter-active, .lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn
}
.lightSpeed-leave-active, .lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut
}
.ls-is-placeholder {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: placeload;
animation-name: placeload;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
background: #f6f7f8;
background: #eee;
background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #ddd), color-stop(33%, #eee));
background: linear-gradient(90deg, #eee 8%, #ddd 18%, #eee 33%);
background-size: 1200px 104px
}
@-webkit-keyframes placeload {
0% {
background-position: -468px 0
}
to {
background-position: 468px 0
}
}
@keyframes placeload {
0% {
background-position: -468px 0
}
to {
background-position: 468px 0
}
}
.cropper-modal {
background: #fff !important
}
.index_overlay_3o1oc[data-v-d2cc5776] {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, .6);
z-index: 1
}
.index_flex_2WuQk[data-v-d5e2b1b8] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 12px
}
.index_dots_2sRuU[data-v-d5e2b1b8] {
position: relative;
display: block;
left: -9999px;
width: 8px;
height: 8px;
border-radius: 5px;
background-color: #fff;
color: #fff;
-webkit-box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
-webkit-animation: index_dotTyping-data-v-d5e2b1b8_3b1hP 1s linear infinite;
animation: index_dotTyping-data-v-d5e2b1b8_3b1hP 1s linear infinite
}
@-webkit-keyframes index_dotTyping-data-v-d5e2b1b8_3b1hP {
0% {
-webkit-box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff
}
16.667% {
-webkit-box-shadow: 9984px -10px 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
box-shadow: 9984px -10px 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff
}
33.333% {
-webkit-box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff
}
50% {
-webkit-box-shadow: 9984px 0 0 0 #fff, 9999px -10px 0 0 #fff, 10014px 0 0 0 #fff;
box-shadow: 9984px 0 0 0 #fff, 9999px -10px 0 0 #fff, 10014px 0 0 0 #fff
}
66.667% {
-webkit-box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff
}
83.333% {
-webkit-box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px -10px 0 0 #fff;
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px -10px 0 0 #fff
}
to {
-webkit-box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff
}
}
@keyframes index_dotTyping-data-v-d5e2b1b8_3b1hP {
0% {
-webkit-box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff
}
16.667% {
-webkit-box-shadow: 9984px -10px 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
box-shadow: 9984px -10px 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff
}
33.333% {
-webkit-box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff
}
50% {
-webkit-box-shadow: 9984px 0 0 0 #fff, 9999px -10px 0 0 #fff, 10014px 0 0 0 #fff;
box-shadow: 9984px 0 0 0 #fff, 9999px -10px 0 0 #fff, 10014px 0 0 0 #fff
}
66.667% {
-webkit-box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff
}
83.333% {
-webkit-box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px -10px 0 0 #fff;
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px -10px 0 0 #fff
}
to {
-webkit-box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff
}
}
.index_title_FH22r[data-v-1ed0849b] {
font-family: Lety Montserrat;
font-weight: 800;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: normal;
font-size: 14px;
color: #121212;
margin-bottom: 6px
}
@media (max-height: 700px) {
.index_title_FH22r[data-v-1ed0849b] {
font-size: 12px
}
}
.index_description_2-Bv5[data-v-1ed0849b] {
font-family: Open Sans;
font-size: 12px;
color: #121212;
margin-bottom: 12px
}
@media (max-height: 700px) {
.index_description_2-Bv5[data-v-1ed0849b] {
font-size: 10px
}
}
.index_stars_2Q7fp[data-v-1ed0849b] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.index_star_2xFsW[data-v-1ed0849b] {
margin-right: 8px;
cursor: pointer
}
.index_active_fCWiV[data-v-1ed0849b] {
background: red
}
.index_message_2Kdw6[data-v-1ed0849b] {
margin: 6px 0 12px
}
.index_textarea_1BEuj[data-v-1ed0849b] {
display: block;
width: 100%;
height: 70px;
resize: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 4px 8px;
margin: 0;
outline: 0;
border: 1px solid #ccc;
border-radius: 2px;
font-size: 12px;
font-style: italic
}
@media (max-height: 700px) {
.index_textarea_1BEuj[data-v-1ed0849b] {
height: 50px
}
}
.index_buttons_1OGVk[data-v-1ed0849b] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 12px 0 0 0
}
.index_button_1-jYt[data-v-1ed0849b] {
background: #fc0;
font-size: 12px;
cursor: pointer;
padding: 8px 24px;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #121212;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: all .2s ease;
transition: all .2s ease;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 33px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 120px
}
.index_button_1-jYt[data-v-1ed0849b]:hover {
background: #ffd21f
}
.index_button_1-jYt[disabled][data-v-1ed0849b] {
cursor: default;
background: #ffeb99;
color: #5f5f5f
}
.index_button_1-jYt[disabled][data-v-1ed0849b]:hover {
background: #ffeb99
}
.index_review-trigger_2t9Zb[data-v-1ed0849b] {
cursor: pointer;
font-size: 9px;
text-decoration: underline;
margin: 0 0 0 6px
}
.index_review-trigger_2t9Zb[data-v-1ed0849b]:hover {
text-decoration: none
}
.index_close_2RAkw[data-v-1ed0849b] {
position: absolute;
right: 12px;
top: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-transform: rotate(0);
transform: rotate(0);
z-index: 2
}
.index_close_2RAkw[data-v-1ed0849b]:hover {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.index_target-search-resource_3t5AL[data-v-25966366] {
border-radius: 3px;
position: relative
}
.index_target-search-resource_3t5AL[data-v-25966366]:after {
display: block;
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
visibility: hidden;
z-index: 2
}
.index_target-search-resource__image_29dJm[data-v-25966366] {
display: block;
max-width: 100%;
max-height: 420px;
margin: 0 auto
}
.index_target-search-resource--pending_2JOdi[data-v-25966366]:after {
opacity: 1;
visibility: visible
}
.index_target-search-resource__button_VCfr1[data-v-25966366] {
font-family: Open Sans;
border: 1px solid #fcd111;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #000;
background: #fcd31b;
cursor: pointer;
-webkit-transition: all .2s ease;
transition: all .2s ease;
width: 100%;
height: 48px;
border-radius: 3px;
font-size: 13px;
margin-top: 12px;
outline: 0 !important;
padding: 0 16px;
line-height: 1.2;
text-transform: none;
letter-spacing: normal;
font-weight: 400;
-webkit-box-shadow: none;
box-shadow: none
}
.index_target-search-resource__button_VCfr1[data-v-25966366]:hover {
background: #facd03
}
.index_target-search-resource__button_VCfr1[data-v-25966366]:disabled {
cursor: default;
opacity: .6
}
.index_app-bar_1mgyp[data-v-3965013a] {
width: 380px;
padding: 12px 12px 24px;
position: relative;
font-family: Open Sans
}
.index_app-bar_1mgyp [data-v-3965013a], .index_app-bar_1mgyp[data-v-3965013a] {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.index_app-bar__top_18DEU[data-v-3965013a] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 24px;
height: 24px
}
.index_app-bar__logo_uQxsw[data-v-3965013a] {
margin: 12px 10px 0 10px
}
.index_app-bar__title_1eAcz[data-v-3965013a] {
font-family: Lety Montserrat;
font-size: 14px;
margin: 6px 0 0 10px;
font-weight: 400
}
.index_app-bar__body_2MQqs[data-v-3965013a] {
margin-bottom: 6px
}
.index_app-bar__helpers_3A3ZI[data-v-3965013a] {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 12px;
background: #fff
}
.index_app-bar__helper_3BAxU[data-v-3965013a], .index_app-bar__helpers_3A3ZI[data-v-3965013a] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.index_app-bar__helper_3BAxU[data-v-3965013a] {
margin-right: 12px;
cursor: pointer;
font-size: 12px;
color: #333
}
.index_app-bar__helper_3BAxU svg[data-v-3965013a] {
margin-right: 4px
}
.index_app-bar_1mgyp .index_feedBack_2NYXB[data-v-3965013a] {
position: absolute;
left: 12px;
bottom: 52px;
width: calc(100% - 24px);
padding: 16px 24px;
background: #fff;
-webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, .05);
box-shadow: 0 0 6px 2px rgba(0, 0, 0, .05)
}
.index_beta_2okRD[data-v-3965013a] {
font-size: 9px;
color: #000;
margin: 0 0 0 4px
}
.index_rate_2mpsD {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.index_prefix_2PzY1 {
font-size: 10px;
margin-right: 3px;
margin-top: 2px;
color: #666
}
.index_current-value_2QD9Y {
font-weight: 700;
font-size: 12px
}
.index_default-value_1Nmsg {
font-size: 10px;
text-decoration: line-through
}
.index_result-item_2uvlA[data-v-1d41e716] {
font-family: Open Sans;
border: 1px solid #efefef;
height: 200px;
margin: 0 6px 12px;
border-radius: 3px;
width: calc(33.33333% - 12px);
-webkit-transition: all .2s ease;
transition: all .2s ease;
padding: 6px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
text-decoration: none;
cursor: pointer;
background: #fff;
position: relative;
overflow: hidden
}
.index_result-item_2uvlA[data-v-1d41e716]:hover {
text-decoration: none
}
.index_result-item_2uvlA:hover .index_footer_rOKZW[data-v-1d41e716] {
height: auto;
max-height: 200px
}
.index_result-item_2uvlA:hover .index_overlay_1i_Yp[data-v-1d41e716] {
opacity: .5;
visibility: visible
}
.index_result-item_2uvlA:hover .index_title_3YD5Z[data-v-1d41e716] {
opacity: 1;
visibility: visible
}
.index_thumb_1ioLi[data-v-1d41e716] {
height: 138px;
position: relative;
overflow: hidden;
margin-bottom: 12px;
border-radius: 2px;
line-height: 1;
-webkit-transition: all .2s ease;
transition: all .2s ease;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.index_thumb_1ioLi img[data-v-1d41e716] {
display: block;
max-width: 100%;
max-height: 100%;
margin: 0 auto
}
.index_price_1VIEy[data-v-1d41e716] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: 700;
color: #333
}
.index_label_3HSg0[data-v-1d41e716] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #666;
font-size: 9px
}
.index_title_3YD5Z[data-v-1d41e716] {
font-size: 10px;
color: #000;
font-weight: 400;
opacity: 0;
visibility: hidden;
line-height: 1.3
}
.index_price-row_1_nh4[data-v-1d41e716] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 12px
}
.index_overlay_1i_Yp[data-v-1d41e716] {
top: 0;
height: 100%;
background: #000;
opacity: 0;
visibility: hidden;
z-index: 2
}
.index_footer_rOKZW[data-v-1d41e716], .index_overlay_1i_Yp[data-v-1d41e716] {
position: absolute;
left: 0;
width: 100%;
-webkit-transition: all .15s linear;
transition: all .15s linear
}
.index_footer_rOKZW[data-v-1d41e716] {
bottom: 0;
height: 54px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 12px 6px;
background: #fff;
max-height: 54px;
z-index: 3
}
.index_result-item-placeholder_2WIKi[data-v-463da341] {
border: 1px solid #efefef;
height: 200px;
margin: 0 6px 12px;
border-radius: 3px;
width: calc(33.33333% - 12px);
-webkit-transition: all .2s ease;
transition: all .2s ease;
padding: 6px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
background: #fff
}
.index_result-item-placeholder__thumb_i38J4[data-v-463da341] {
height: 138px;
position: relative;
overflow: hidden;
margin-bottom: 12px;
border-radius: 2px;
line-height: 1;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.index_result-item-placeholder__price_201o6[data-v-463da341] {
height: 12px;
width: 40%;
margin-bottom: 6px
}
.index_result-item-placeholder__sold_1gyMn[data-v-463da341] {
width: 70%;
height: 12px
}
.index_items_9OrSZ {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -6px;
max-height: calc(100vh - 70px);
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.index_empty_2Afvw {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: calc(100vh - 70px);
background: #fff;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.index_app-filter_1oKHG[data-v-736ce6c9], .index_empty_2Afvw {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.index_app-filter_1oKHG[data-v-736ce6c9] {
position: relative;
z-index: 3;
height: 24px
}
.index_app-filter__trigger_2tEp1[data-v-736ce6c9] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #00b0ff
}
.index_app-filter__trigger_2tEp1 span[data-v-736ce6c9] {
cursor: pointer;
display: inline-block;
line-height: 1;
border-bottom: 1px dashed #00b0ff;
color: #00b0ff
}
.index_app-filter__trigger_2tEp1 span[data-v-736ce6c9]:hover {
border-color: transparent
}
.index_app-filter__trigger_2tEp1 svg[data-v-736ce6c9] {
margin: 0 4px -2px 0
}
.index_app-filter__dropdown_2Jcr-[data-v-736ce6c9] {
position: absolute;
width: 200px;
background: #fff;
border-radius: 3px;
left: 0;
top: 32px;
padding: 8px;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}
.index_app-filter__dropdown_2Jcr-[data-v-736ce6c9]:after {
border: 5px solid transparent;
border-bottom-color: #fff;
top: -10px
}
.index_app-filter__dropdown_2Jcr-[data-v-736ce6c9]:after, .index_app-filter__dropdown_2Jcr-[data-v-736ce6c9]:before {
display: block;
content: "";
width: 0;
height: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
left: 29px
}
.index_app-filter__dropdown_2Jcr-[data-v-736ce6c9]:before {
border: 5px solid transparent;
border-bottom-color: rgba(0, 0, 0, .07);
top: -11px
}
.index_app-filter__item_tz2Rf[data-v-736ce6c9] {
cursor: pointer;
padding: 8px 12px;
background: #fff;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.index_app-filter__item--active_Jbmum[data-v-736ce6c9], .index_app-filter__item_tz2Rf[data-v-736ce6c9]:hover {
background: #efefef
}
.index_app-content_Xn3cb[data-v-4e756f93] {
width: 520px;
padding: 12px;
background: #efefef
}
.index_app-content__top_1c8ve[data-v-4e756f93] {
height: 48px;
padding-top: 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.index_app-content__title_18A3d[data-v-4e756f93] {
font-size: 14px;
color: #333;
padding: 12px
}
.index_app_3g8VA[data-v-618f7df2] {
position: fixed;
right: 0;
top: 0;
z-index: 2147483647;
font-family: Open Sans, sans-serif;
font-size: 12px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #000;
text-align: left;
text-transform: none;
letter-spacing: normal;
font-weight: 400
}
.index_app__close_1WIC7[data-v-618f7df2] {
position: absolute;
left: -28px;
top: 12px;
cursor: pointer;
-webkit-transition: all .2s ease;
transition: all .2s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 32px;
width: 28px;
border-radius: 3px 0 0 3px;
background: #ccc
}
.index_app__close_1WIC7 svg[data-v-618f7df2] {
opacity: 1;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.index_app__close_1WIC7:hover svg[data-v-618f7df2] {
opacity: .6
}
.index_app__body_v6y3T[data-v-618f7df2] {
width: 900px;
height: 100vh;
min-height: 690px;
background: #fff;
position: relative;
z-index: 2147483647;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-shadow: -7px 0 10px 0 rgba(0, 0, 0, .12);
box-shadow: -7px 0 10px 0 rgba(0, 0, 0, .12)
}
.index_cmp_xsMI6 {
cursor: pointer
}
.index_cmp__trigger_1UHDg, .index_cmp_xsMI6 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.index_cmp__trigger_1UHDg {
color: #333;
line-height: 1
}
.index_cmp__dropdown_p_wbe {
position: absolute;
left: 0;
top: 100%;
border-radius: 3px;
overflow: hidden;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}
.index_cmp__dropdown-item_3atFb {
background: #fff;
white-space: nowrap;
padding: 10px;
border-bottom: 1px solid #efefef;
font-size: 11px
}
.index_cmp__dropdown-item_3atFb:first-child {
border-top: none
}
.index_cmp__dropdown-item_3atFb:hover {
background: #efefef
}
.index_zoomer_3zIPl[data-v-16380dd4] {
position: absolute;
left: 0;
top: 0;
opacity: 0;
visibility: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 35px;
height: 30px;
z-index: 2147483647;
font-family: Open Sans, sans-serif;
font-size: 12px;
color: #000;
font-weight: 400;
font-style: normal;
line-height: normal;
background: 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.index_zoomer--active_1RlP6[data-v-16380dd4] {
opacity: 1;
visibility: visible
}
.index_zoomer__left_1qDbG[data-v-16380dd4] {
opacity: 0;
visibility: hidden;
position: absolute;
left: 0;
top: 0;
width: 32px;
height: 30px;
background: #fc0;
-webkit-transition: all .2s ease;
transition: all .2s ease;
border-radius: 0 4px 4px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 2
}
.index_zoomer__left_1qDbG[data-v-16380dd4]:hover {
background: #f0c000
}
.index_zoomer__title_1_oLI[data-v-16380dd4] {
width: 0;
opacity: 0;
visibility: hidden;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 10px;
-webkit-transition: all .2s ease;
transition: all .2s ease;
font-weight: 700;
background: #fc0
}
.index_zoomer__title_1_oLI span[data-v-16380dd4] {
display: block;
white-space: nowrap
}
.index_zoomer__row_5V77J[data-v-16380dd4] {
cursor: pointer;
left: 0;
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
background: #fc0;
border-radius: 4px
}
.index_zoomer__icon_2PBnS[data-v-16380dd4], .index_zoomer__row_5V77J[data-v-16380dd4] {
height: 30px;
width: 35px;
position: absolute;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.index_zoomer__icon_2PBnS[data-v-16380dd4] {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
right: 0
}
.index_zoomer__icon_2PBnS svg[data-v-16380dd4] {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.index_zoomer--small_1kPaN .index_zoomer__title_1_oLI[data-v-16380dd4] {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: -30px;
border-radius: 3px;
height: 30px;
width: 120px;
margin-top: -5px
}
.index_zoomer--small_1kPaN .index_zoomer__title_1_oLI[data-v-16380dd4]:after {
display: block;
content: "";
position: absolute;
left: 50%;
bottom: -8px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
height: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
border: 4px solid transparent;
border-top-color: #fc0
}
.index_zoomer--small_1kPaN:hover .index_zoomer__title_1_oLI[data-v-16380dd4] {
opacity: 1;
visibility: visible;
margin-top: -10px
}
.index_zoomer--large_3wVRa .index_zoomer__title_1_oLI[data-v-16380dd4] {
height: 30px;
overflow: hidden;
padding-left: 17.5px;
position: absolute;
left: 29px;
top: 0;
padding-right: 22px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.index_zoomer--large_3wVRa:hover .index_zoomer__title_1_oLI[data-v-16380dd4] {
width: 122px;
opacity: 1;
visibility: visible
}
.index_zoomer--large_3wVRa:hover .index_zoomer__left_1qDbG[data-v-16380dd4] {
left: 148px;
opacity: 1;
visibility: visible
}
.Informer_root_3INwJ[data-v-cbdfce16] {
font-family: Open Sans;
position: fixed;
right: 10px;
bottom: 10px;
z-index: 2147483647;
border-radius: 4px;
-webkit-transition: all .8s ease;
transition: all .8s ease;
-webkit-transform: translateY(180px);
transform: translateY(180px);
opacity: 0;
visibility: hidden;
color: #000;
width: 336px;
height: 170px;
background: #fff;
-webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
padding: 16px
}
.Informer_root_3INwJ [data-v-cbdfce16], .Informer_root_3INwJ[data-v-cbdfce16] {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.Informer_logo_2vZFw[data-v-cbdfce16] {
margin-bottom: 12px
}
.Informer_title_2mLk9[data-v-cbdfce16] {
font-family: Lety Montserrat;
font-weight: 700;
color: #121212;
font-size: 14px;
line-height: normal;
letter-spacing: normal;
font-stretch: normal;
margin-bottom: 4px
}
.Informer_description_3J0cJ[data-v-cbdfce16] {
font-family: Open Sans;
font-size: 12px;
line-height: normal;
letter-spacing: normal;
font-stretch: normal;
color: #656565;
margin-bottom: 16px;
min-height: 32px
}
.Informer_buttons_1NrWX[data-v-cbdfce16] {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.Informer_button_1oBo7[data-v-cbdfce16], .Informer_buttons_1NrWX[data-v-cbdfce16] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.Informer_button_1oBo7[data-v-cbdfce16] {
cursor: pointer;
border-radius: 4px;
font-size: 12px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 32px;
background: #fc0;
width: 100%;
margin-left: 8px;
-webkit-transition: all .2s ease;
transition: all .2s ease;
opacity: 1
}
.Informer_button_1oBo7[data-v-cbdfce16]:first-child {
margin-left: 0
}
.Informer_button--gray_26smQ[data-v-cbdfce16] {
background: #eee
}
.Informer_button_1oBo7[data-v-cbdfce16]:hover {
opacity: .8
}
.slide_slide_CPRA1[data-v-8d2a608e] {
font-family: Open Sans
}
.slide_slide_CPRA1 [data-v-8d2a608e], .slide_slide_CPRA1[data-v-8d2a608e] {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.slide_title_396Sm[data-v-8d2a608e] {
font-family: Lety Montserrat;
font-size: 24px;
font-weight: 700;
margin: 0 0 24px
}
.slide_description_1zOW5[data-v-8d2a608e] {
color: #121212;
font-size: 14px;
line-height: 1.5;
letter-spacing: normal;
margin-bottom: 24px
}
.slide_sections_3SuIn[data-v-8d2a608e] {
margin-bottom: 24px
}
.slide_section_3eFMQ[data-v-8d2a608e] {
margin-bottom: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.slide_section-text_2y1JU[data-v-8d2a608e] {
width: 50%;
padding-right: 32px
}
.slide_section-title_2Jx-j[data-v-8d2a608e] {
font-family: Lety Montserrat;
font-weight: 800;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: normal;
font-size: 16px;
margin-bottom: 12px;
color: #121212
}
.slide_section-description_1RSZ3[data-v-8d2a608e] {
color: #121212;
font-size: 14px;
line-height: 1.5;
letter-spacing: normal
}
.slide_section-image_GXBSu[data-v-8d2a608e] {
position: relative;
width: 50%
}
.slide_section-image_GXBSu img[data-v-8d2a608e] {
display: block;
max-width: 100%
}
.slide_action-row_2D_Jk[data-v-8d2a608e] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.slide_action-button_10oOO[data-v-8d2a608e] {
background: #fc0;
font-size: 16px;
cursor: pointer;
padding: 12px 24px;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #121212
}
.slide_action-button_10oOO[data-v-8d2a608e]:hover {
background: #ffd21f
}
.slide_slide_CPRA1[data-v-af2ab4ce] {
font-family: Open Sans
}
.slide_slide_CPRA1 [data-v-af2ab4ce], .slide_slide_CPRA1[data-v-af2ab4ce] {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.slide_title_396Sm[data-v-af2ab4ce] {
font-family: Lety Montserrat;
font-size: 24px;
font-weight: 700;
margin: 0 0 24px
}
.slide_description_1zOW5[data-v-af2ab4ce] {
color: #121212;
font-size: 14px;
line-height: 1.5;
letter-spacing: normal;
margin-bottom: 24px
}
.slide_sections_3SuIn[data-v-af2ab4ce] {
margin-bottom: 24px
}
.slide_section_3eFMQ[data-v-af2ab4ce] {
margin-bottom: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.slide_section-text_2y1JU[data-v-af2ab4ce] {
width: 50%;
padding-right: 32px
}
.slide_section-title_2Jx-j[data-v-af2ab4ce] {
font-family: Lety Montserrat;
font-weight: 800;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: normal;
font-size: 16px;
margin-bottom: 12px;
color: #121212
}
.slide_section-description_1RSZ3[data-v-af2ab4ce] {
color: #121212;
font-size: 14px;
line-height: 1.5;
letter-spacing: normal
}
.slide_section-image_GXBSu[data-v-af2ab4ce] {
position: relative;
width: 50%
}
.slide_section-image_GXBSu img[data-v-af2ab4ce] {
display: block;
max-width: 100%
}
.slide_action-row_2D_Jk[data-v-af2ab4ce] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.slide_action-button_10oOO[data-v-af2ab4ce] {
background: #fc0;
font-size: 16px;
cursor: pointer;
padding: 12px 24px;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #121212
}
.slide_action-button_10oOO[data-v-af2ab4ce]:hover {
background: #ffd21f
}
.slide_slide_CPRA1[data-v-2b8a1546] {
font-family: Open Sans
}
.slide_slide_CPRA1 [data-v-2b8a1546], .slide_slide_CPRA1[data-v-2b8a1546] {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.slide_title_396Sm[data-v-2b8a1546] {
font-family: Lety Montserrat;
font-size: 24px;
font-weight: 700;
margin: 0 0 24px
}
.slide_description_1zOW5[data-v-2b8a1546] {
color: #121212;
font-size: 14px;
line-height: 1.5;
letter-spacing: normal;
margin-bottom: 24px
}
.slide_sections_3SuIn[data-v-2b8a1546] {
margin-bottom: 24px
}
.slide_section_3eFMQ[data-v-2b8a1546] {
margin-bottom: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.slide_section-text_2y1JU[data-v-2b8a1546] {
width: 50%;
padding-right: 32px
}
.slide_section-title_2Jx-j[data-v-2b8a1546] {
font-family: Lety Montserrat;
font-weight: 800;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: normal;
font-size: 16px;
margin-bottom: 12px;
color: #121212
}
.slide_section-description_1RSZ3[data-v-2b8a1546] {
color: #121212;
font-size: 14px;
line-height: 1.5;
letter-spacing: normal
}
.slide_section-image_GXBSu[data-v-2b8a1546] {
position: relative;
width: 50%
}
.slide_section-image_GXBSu img[data-v-2b8a1546] {
display: block;
max-width: 100%
}
.slide_action-row_2D_Jk[data-v-2b8a1546] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.slide_action-button_10oOO[data-v-2b8a1546] {
background: #fc0;
font-size: 16px;
cursor: pointer;
padding: 12px 24px;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #121212
}
.slide_action-button_10oOO[data-v-2b8a1546]:hover {
background: #ffd21f
}
.index_informer-visibile_1JO8s[data-v-3171fefb] {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible
}
.index_slidesContainer_3uVP_[data-v-3171fefb] {
position: fixed;
z-index: 2147483647;
background: rgba(0, 0, 0, .7);
width: 100%;
height: 100%;
min-height: 700px;
left: 0;
top: 0
}
.index_slidesContainer_3uVP_[data-v-3171fefb], .index_slidesWarpper_3jjdG[data-v-3171fefb] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.index_slidesWarpper_3jjdG[data-v-3171fefb] {
position: relative
}
.index_slides_242MR[data-v-3171fefb] {
background: #fff;
width: 764px;
height: 600px;
border-radius: 2px;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
overflow: hidden;
padding: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.index_button_2hLQi[data-v-3171fefb] {
cursor: pointer;
padding: 0 6px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 2
}
.index_close_2_oO1[data-v-3171fefb] {
position: absolute;
right: 24px;
top: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-transform: rotate(0);
transform: rotate(0);
z-index: 2
}
.index_close_2_oO1[data-v-3171fefb]:hover {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.md-dark {
color: rgba(0, 0, 0, .54)
}
.md-dark.md-inactive {
color: rgba(0, 0, 0, .26)
}
.md-light {
color: #fff
}
.md-light.md-inactive {
color: rgba(255, 255, 255, .3)
}
.text-center {
text-align: center
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
unicode-range: U+0370-03FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
unicode-range: U+0370-03FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v15/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v15/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v15/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v15/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
unicode-range: U+0370-03FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v15/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v15/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://fonts.gstatic.com/s/materialicons/v18/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format("woff2")
}
@font-face {
font-family: 'Lety Open Sans';
font-style: normal;
font-weight: 400;
src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bf8pkAp6a.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: 'Lety Open Sans';
font-style: normal;
font-weight: 400;
src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: 'Lety Open Sans';
font-style: normal;
font-weight: 700;
src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpKKSTj5PW.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: 'Lety Open Sans';
font-style: normal;
font-weight: 700;
src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhpKKSTjw.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: 'Lety Montserrat';
font-style: normal;
font-weight: 800;
src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3gTD_vx3rCubqg.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: 'Lety Montserrat';
font-style: normal;
font-weight: 800;
src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3g3D_vx3rCubqg.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: 'Lety Montserrat';
font-style: normal;
font-weight: 800;
src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3gfD_vx3rCubqg.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: 'Lety Montserrat';
font-style: normal;
font-weight: 800;
src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3gnD_vx3rCs.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
.material-icons {
font-family: 'Material Icons';
font-weight: 400;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased
}
.md-dark {
color: rgba(0, 0, 0, .54)
}
.md-dark.md-inactive {
color: rgba(0, 0, 0, .26)
}
.md-light {
color: #fff
}
.md-light.md-inactive {
color: rgba(255, 255, 255, .3)
}
.text-center {
text-align: center
}
.ls-ext-button {
text-decoration: none;
padding: 12px 24px;
font-size: 14px;
border-radius: 4px;
transition: .3s all;
display: inline-block
}
.ls-ext-button--purple {
background-color: #601ba5;
color: #fff
}
.ls-ext-button--green {
background-color: #00d092;
color: #fff
}
.ls-ext-button--plain {
background: 0 0;
padding: 0;
margin: 0;
border-radius: unset;
color: #00a8ff;
font-size: inherit
}
.ls-ext-button--sm {
padding: 8px 18px;
font-size: 12px
}
.ls-ext-button:hover {
opacity: .95;
cursor: pointer
}
.club-offer {
transition: border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
display: flex;
border-radius: 4px;
border: 1px solid transparent;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, .12);
background-color: #fff;
padding: 8px 14px;
margin: 4px 4px 8px;
align-items: center;
cursor: pointer;
white-space: nowrap
}
.club-offer:hover {
border-color: rgba(96, 27, 165, .24);
box-shadow: 0 8px 16px 0 rgba(96, 27, 165, .12)
}
.club-offer-detail {
margin-left: 16px;
display: flex;
flex: 1;
flex-direction: column
}
.club-offer-image {
width: 70px;
height: 70px;
display: flex;
align-items: center;
align-self: stretch;
justify-content: center
}
.club-offer-image img {
max-width: 100%;
max-height: 100%
}
.club-offer-title {
width: 300px;
font-weight: 700;
line-height: 1.5;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-transform: capitalize;
margin: 4px 0
}
.club-offer-subtitle {
font-family: Roboto, sans-serif !important;
font-weight: 500 !important;
font-size: 12px !important;
line-height: 15px !important;
color: #263238 !important;
letter-spacing: normal !important;
text-transform: none
}
.club-offer-total {
display: flex;
font-size: 14px;
color: #aaa
}
.club-offer-total div {
margin-right: 24px;
display: flex;
align-items: center
}
.club-offer-total svg {
margin-right: 6px
}
.club-offer-prices {
display: flex;
align-items: center
}
.club-offer-prices div {
margin-right: 12px
}
.club-offer-old-price {
font-size: 12px;
text-decoration: line-through
}
.club-offer-price {
font-size: 14px;
font-weight: 700
}
.club-offer-discount {
border-radius: 2px;
background-color: #00d093;
color: #fff;
font-size: 12px;
padding: 1px 4px
}
.club-offer-link {
color: #a0a0a0;
font-size: 10px;
border-left: 1px solid #a0a0a0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
cursor: pointer
}
.club-offer-link svg {
margin: 0 8px
}
.club-offer--post {
background: -moz-linear-gradient(to right, #993ad1, #601ba5);
background: -webkit-linear-gradient(to right, #993ad1, #601ba5);
background: -o-linear-gradient(to right, #993ad1, #601ba5);
background: -ms-linear-gradient(to right, #993ad1, #601ba5);
background: linear-gradient(to right, #993ad1, #601ba5);
white-space: unset;
padding: 0;
color: #fff
}
.club-offer--post .club-offer-detail {
font-size: 16px;
font-weight: 700;
padding: 10px 10px 15px 0
}
.club-offer--post .club-offer-title {
width: auto;
text-transform: unset
}
.club-offer--post .club-offer-subtitle {
color: #fff !important
}
.club-offer--post .club-offer-image {
width: 176px;
height: 125px;
flex: 0 0 143px;
align-self: flex-end
}
.club-offer--post .club-offer-btn {
margin-top: 10px
}
.club-offer--post .club-offer-btn .b-button {
border-radius: 35px;
width: 210px
}
.club-offer-footer {
width: 100%;
margin: 40px 0 0;
text-align: center
}
.md-dark {
color: rgba(0, 0, 0, .54)
}
.md-dark.md-inactive {
color: rgba(0, 0, 0, .26)
}
.md-light {
color: #fff
}
.md-light.md-inactive {
color: rgba(255, 255, 255, .3)
}
.text-center {
text-align: center
}
.ls-bar {
background: #fff;
border-radius: 2px;
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
display: flex;
min-width: 24px;
font-family: 'Open Sans', sans-serif;
color: #333;
position: relative;
z-index: 2
}
.ls-bar__state-trigger {
width: 16px;
height: 40px;
border-radius: 2px 0 0 2px;
background: #eee;
cursor: pointer;
position: absolute;
left: -16px;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center
}
.ls-bar__logo {
background: #fafafa;
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 10px
}
.ls-bar__logo svg.short {
display: block
}
.ls-bar__logo svg.full {
display: none
}
.ls-bar__settings {
position: absolute;
right: 4px;
top: 4px;
z-index: 2;
cursor: pointer;
line-height: 1
}
.ls-bar__settings svg {
width: 16px;
height: 16px
}
.ls-bar__close {
position: absolute;
right: 10px;
top: 14px;
width: 16px;
height: 16px;
opacity: .7
}
.ls-bar__close:hover {
opacity: 1;
cursor: pointer
}
.ls-bar__close:after, .ls-bar__close:before {
position: absolute;
content: ' ';
height: 15px;
width: 2px;
left: 7px;
background-color: #333
}
.ls-bar__close:before {
transform: rotate(45deg)
}
.ls-bar__close:after {
transform: rotate(-45deg)
}
.ls-bar__sections {
display: none;
background: #fff
}
.ls-bar__sections--base {
padding: 12px 0 6px
}
.ls-bar__sections--base .ls-bar__section {
display: block;
margin-bottom: 6px
}
.ls-bar__sections--base .ls-bar__section:after, .ls-bar__sections--base .ls-bar__section:before {
display: none
}
.ls-bar__sections--additional {
display: flex;
padding: 12px 0 6px;
border-top: 1px solid #eee;
margin: 0 12px;
min-width: 100px;
justify-content: space-around
}
.ls-bar__sections--additional .ls-bar__section {
display: block;
padding: 0 6px
}
.ls-bar__sections--additional .ls-bar__section:after, .ls-bar__sections--additional .ls-bar__section:before {
display: none
}
.ls-bar__sections-small {
display: flex;
flex-direction: column;
justify-content: center
}
.ls-bar__section {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
padding: 0 24px;
position: relative
}
.ls-bar__section:hover {
cursor: pointer
}
.ls-bar__section .ls-bar__dropdown {
position: absolute;
min-width: 250px;
top: 24px;
right: 8px;
z-index: 9
}
.ls-bar__section:before {
display: block;
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 1px;
height: 100%;
background: #eee
}
.ls-bar__section:after {
display: block;
content: '';
position: absolute;
opacity: 0;
visibility: hidden;
transition: all .2s ease;
left: 10%;
bottom: -4px;
width: 80%;
height: 4px;
border-radius: 0 0 10px 10px;
background: #1eb1fc
}
.ls-bar__section.purple-line:after {
background: #601ba5
}
.ls-bar__section:hover:after, .ls-bar__section[data-active]:after {
opacity: 1;
visibility: visible
}
.ls-bar__section:first-child:before {
display: none
}
.ls-bar__sections-inner {
position: relative
}
.ls-bar__section-top {
font-size: 12px;
display: flex;
align-items: center;
margin-bottom: 5px
}
.ls-bar__section-top span {
display: inline-block;
font-weight: 700;
margin-left: 5px;
color: #333
}
.ls-bar__section-bottom {
font-size: 10px;
display: flex;
align-items: center;
justify-content: center
}
.ls-bar__ca-button {
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
height: 48px;
border-radius: 3px;
background: #00b0ff;
color: #fff !important;
transition: all .2s ease;
font-size: 14px
}
.ls-bar__ca-button:active, .ls-bar__ca-button:focus, .ls-bar__ca-button:hover {
text-decoration: none;
background: #009ee6
}
.ls-bar__ca-activated {
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
border-radius: 2px;
background: #23cf69;
color: #fff;
font-size: 12px
}
.ls-bar__ca-activated span {
margin-left: 12px
}
.ls-bar__count-indicator {
font-size: 10px
}
.ls-bar[data-open] {
height: 56px;
position: relative;
z-index: 2
}
.ls-bar[data-open] .ls-bar-popup[data-popup-show] {
display: block
}
.ls-bar[data-open] .ls-bar__state-trigger svg {
transform: rotate(180deg)
}
.ls-bar[data-open] .ls-bar__sections {
display: flex
}
.ls-bar[data-open] .ls-bar__sections-small {
display: none
}
.ls-bar[data-open] .ls-bar__logo {
padding: 0
}
.ls-bar[data-open] .ls-bar__logo svg.full {
display: block
}
.ls-bar[data-open] .ls-bar__logo svg.short {
display: none
}
.ls-bar-popup {
position: absolute;
top: calc(100% + 10px);
right: 0;
background: #fff;
padding: 16px;
border-radius: 2px;
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
display: none;
width: 546px;
box-sizing: border-box
}
.ls-bar-popup__close {
position: absolute;
right: 16px;
top: 16px;
cursor: pointer
}
.ls-bar-popup__header {
display: flex;
flex-wrap: wrap;
margin-bottom: 16px;
min-height: 20px
}
.ls-bar-popup__title {
font-weight: 700;
margin-right: 24px;
font-size: 16px
}
.ls-bar-popup__description {
width: 100%;
margin-top: 5px;
font-size: 12px
}
.ls-bar-popup__action-trigger {
cursor: pointer;
color: #00a8ff;
display: inline-block;
line-height: 1.2;
border-bottom: 1px dashed;
font-size: 12px
}
.ls-bar-popup__action-trigger:hover {
border-bottom-color: #fff
}
.ls-bar-popup__media-empty {
display: flex;
justify-content: center;
margin: 0 0 24px
}
.ls-bar-popup__media-empty svg {
max-width: 200px
}
.ls-bar-popup__footer {
margin-top: 24px;
font-size: 12px
}
.ls-bar-popup__scroller {
max-height: 346px;
min-height: 76px;
overflow: hidden;
overflow-y: scroll
}
.ls-bar-popup__items {
display: flex;
flex-wrap: wrap;
margin: 0 -4px
}
.ls-bar-popup__item {
width: 150px;
margin: 6px;
border-radius: 2px;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, .15);
background: #fff;
overflow: hidden;
padding: 10px;
display: block;
text-decoration: none;
transition: all .2s ease;
color: #333
}
.ls-bar-popup__item:active, .ls-bar-popup__item:hover {
box-shadow: 0 0 8px 0 rgba(0, 0, 0, .13);
text-decoration: none;
color: #333
}
.ls-bar-popup__item-image {
height: 136px;
width: calc(100% + 20px);
margin: -10px -10px 10px;
overflow: hidden
}
.ls-bar-popup__item-image img {
width: 100%;
display: block
}
.ls-bar-popup__item-title {
font-weight: 700;
font-size: 16px;
margin: 0 0 4px;
color: #333
}
.ls-bar-popup__item-subtitle {
color: #a0a0a0;
font-size: 11px;
margin: 0 0 4px
}
.ls-bar-popup__item-meta {
display: flex;
align-items: center;
margin: 6px 0 0 0
}
.ls-bar-popup__item-meta-chunk {
color: #121212;
font-size: 10px;
margin-left: 10px;
display: flex;
align-items: center
}
.ls-bar-popup__item-meta-chunk:first-child {
margin-left: 0
}
.ls-bar-popup__item-meta-chunk svg {
width: 12px;
height: 12px;
margin-right: 4px
}
[data-items-empty] {
display: none;
text-align: center;
padding: 24px;
color: #333;
font-size: 14px;
font-weight: 700
}
[data-similar-loader] {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
color: #333;
font-size: 12px;
font-weight: 400
}
.ls-seller-analysis {
position: relative
}
.ls-seller-analysis__top {
position: relative;
padding-bottom: 24px;
margin-bottom: 24px;
border-bottom: 1px dashed #eee;
display: flex;
align-items: center
}
.ls-seller-analysis__progress {
position: relative;
width: 110px;
height: 110px;
margin-right: 24px
}
.ls-seller-analysis__progress [data-analysis-progress] {
position: absolute;
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 0) scale(.5)
}
.ls-seller-analysis__progress-value {
font-weight: 700;
font-size: 12px;
margin-top: 5px;
display: block;
width: 100%
}
.ls-seller-analysis__progress-center {
position: absolute;
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 0);
text-align: center
}
.ls-seller-analysis__progress-description {
font-size: 12px;
line-height: 1.5;
width: calc(100% - 134px)
}
.ls-seller-analysis__full-description {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 13px
}
.ls-seller-analysis__full-description-item {
position: relative;
padding-left: 24px;
margin-top: 16px
}
.ls-seller-analysis__full-description-item:before {
display: block;
content: '';
width: 12px;
height: 12px;
position: absolute;
left: 0;
top: 4px;
border-radius: 50%;
opacity: .2
}
.ls-seller-analysis__full-description-item:after {
display: block;
content: '';
width: 4px;
height: 4px;
position: absolute;
left: 4px;
top: 8px;
border-radius: 50%
}
.ls-seller-analysis__full-description-item:first-child {
margin-top: 0
}
.ls-seller-analysis__full-description-item[data-type=stranger]:after, .ls-seller-analysis__full-description-item[data-type=stranger]:before {
background: #fc0
}
.ls-seller-analysis__full-description-item[data-type=good]:after, .ls-seller-analysis__full-description-item[data-type=good]:before {
background: #00c853
}
.ls-seller-analysis__full-description-item[data-type=bad]:after, .ls-seller-analysis__full-description-item[data-type=bad]:before {
background: #f44336
}
.ls-seller-dynamic {
position: relative
}
.ls-seller-dynamic__header {
padding: 12px 24px;
background: #fafafa;
border-radius: 2px;
display: flex;
margin-bottom: 12px;
justify-content: space-between
}
.ls-seller-dynamic__content {
margin-bottom: 12px
}
.ls-seller-dynamic__header-col {
display: flex;
align-items: center
}
.ls-seller-dynamic__price {
font-weight: 700;
margin-right: 24px;
white-space: nowrap
}
.ls-seller-dynamic__dynamic-value {
display: flex;
align-items: center
}
.ls-seller-dynamic__dynamic-description {
font-size: 12px;
margin-left: 12px;
max-width: 300px
}
.ls-seller-dynamic__dynamic-value-media {
line-height: 1;
margin-right: 6px
}
.ls-seller-dynamic__dynamic-value-num {
font-size: 12px;
font-weight: 700;
white-space: nowrap
}
.ls-seller-dynamic__min-max {
height: 100%;
font-size: 12px;
display: flex;
align-items: center
}
.ls-seller-dynamic__min-max-col {
display: flex;
align-items: center;
margin-left: 24px
}
.ls-seller-dynamic__min-max-key {
margin-right: 6px
}
.ls-seller-dynamic__min-max-value--min {
color: #00c853
}
.ls-seller-dynamic__min-max-value--max {
color: #f44336
}
.ls-seller-dynamic__graph {
min-height: 248px;
background: #fafafa
}
.ls-seller-dynamic .letyshops-interval-down {
color: #9e9e9e;
display: block;
text-align: center;
font-size: 10px
}
.ls-seller-dynamic .letyshops-schedule {
padding: 15px 20px;
margin-left: -10px
}
.ls-image-search__drop-area {
height: 248px;
border: 1px dashed #eee;
border-radius: 3px;
background: #fafafa
}
.ls-image-search__drop-area.highlight {
background: #ededed
}
.ls-bar__dropdown-dots {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
top: 6px;
right: 0;
width: 15px
}
.ls-bar__dropdown-dots span {
width: 3px;
height: 3px;
border-radius: 100%;
background: #e0e0e0;
margin-bottom: 2px;
pointer-events: inherit;
position: relative
}
.ls-bar__dropdown-dots:hover span {
background: #cbcbcb
}
.ls-bar__dropdown {
background: #fff;
position: fixed;
top: 40px;
right: 30px;
flex-direction: column;
padding: 10px 0;
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
border-radius: 4px;
display: flex
}
.ls-bar__dropdown ul {
padding: 0;
margin: 0
}
.ls-bar__dropdown ul li {
list-style: none;
font-size: 12px;
line-height: 18px;
padding: 6px 16px;
margin: 0;
color: #000
}
.ls-bar__dropdown ul li:hover {
cursor: pointer;
background: #efefef
}
.cashback-link {
text-align: center;
padding: 32px
}
.cashback-link .ls-bar-popup__title {
font-size: 20px;
width: 100%
}
.cashback-link .ls-bar-popup__description {
font-size: 14px;
line-height: 20px;
margin: 8px 0 0
}
.cashback-link__copy {
display: flex;
flex-direction: column;
min-height: 41px;
margin-top: 8px
}
.cashback-link__copy-title {
text-align: center;
color: #a0a0a0;
font-size: 12px;
margin-bottom: 16px
}
.cashback-link__copy-field {
position: relative;
background: #fffae5;
border-radius: 4px;
padding: 12px 24px;
color: #121212;
font-size: 14px;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer
}
.cashback-link__copy-field span {
width: 80%;
text-overflow: ellipsis;
display: block;
overflow: hidden;
white-space: nowrap;
text-align: left
}
.cashback-link__copy-create, .cashback-link__copy-error, .cashback-link__copy-success {
background: #e5f9ee;
padding: 12px 24px;
color: #121212;
font-size: 14px;
border-radius: 4px;
display: none;
text-align: center
}
.cashback-link__copy-create {
background: 0 0;
text-align: center;
font-weight: 700;
text-decoration: underline;
cursor: pointer
}
.cashback-link__copy-success {
background: #e5f9ee
}
.cashback-link__copy-error {
background: #ffceca
}
.cashback-link__social {
display: flex;
flex-direction: column;
margin: 24px 0 20px;
overflow: hidden
}
.cashback-link__social-title {
text-align: center;
color: #a0a0a0;
font-size: 12px
}
.cashback-link__social-list {
display: flex;
justify-content: center;
margin: 16px 0
}
.cashback-link__social-list:hover .cashback-link__social-item {
opacity: .7
}
.cashback-link__social-item {
margin: 0 8px;
transition: all .3s ease
}
.cashback-link__social-item:hover {
cursor: pointer;
opacity: 1 !important
}
.cashback-link__social-item svg {
width: 40px;
height: 40px;
border-radius: 6px
}
.cashback-link__social-more {
text-align: center;
color: #00a8ff;
font-size: 12px;
margin-top: 8px
}
.cashback-link__social-more:hover {
cursor: pointer
}
.cashback-link__referral {
display: flex;
flex-direction: column;
padding: 24px 50px 24px 120px;
background-color: #fafafa;
text-align: left;
border-radius: 4px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAi6SURBVHgB3VtLbBRXFr2vupuPgLYBKTOz8CdkFrPwpx1hNIwX01lkYyQMswJpzHhWbgsiE81gkLyIkcYLnBkNKEjYq5g4gl0CLJxFFjESTiI7SsrGWxyDpYREStJtTILdXfXyzmt3p+pVdbs/VY2bI7Wruz5W3XM/77777mPkM3757E+NoUAoGmCslYg1ilONxKmWM2q03sc4LRGjuPi6ZJp8jge4nkwG9J2H9SXyEYx8QHK2KRokrYs4O6YKWjQYLYmXnEpx43qofWGKPIZnBPCvIrWUMvs5sbPiZy35AQbrMC8mjcCUV5ZRNgEVEdyJOCM+/iylXSmXiLII4DMt/ZyxISpA8MRTk5YfG3T/wbr8vrJq2q6Hd2tU/7ug/DS9EqKCsGERwUP3x6lElEQA/yzSSEH+LieK5rtvem6Npuefic+a/BSDjpbtgoht1Hl4B3W07sh/syBiLcleK8UaiiZgM61Du2MfPKHRD1dp5alJXqBOWMVAd1iQskNYSCDXbXFu8IuBP89fpiJQFAF8tuX/G77ugB+Cu+HE67sEGTU5iRCxYYi1z1+kAlEwAfyL1nc5px63a2MfPqFLEyu+Cm4FLCJ2fDf1Ht/jel0MveOBg3P/pAJQEAHmbOtX4hBRzz/6zqA3/vtD0f7tFUDE7bdfymUNutY+17bZ/9A2uwGaJxfhJz/9haJ9j5+b8MDydynqOve9fBcXRIz0u+dFXgsQPv+W8Pkh9TxMfnA0TlsJA38Py9igQsSEyyImvJnruZwEbER7R0QdeX+FRiYStBWRiwQxOryZa3RwJQDjPA9y+L1tqNvKwmcwHKt1C47xtRRrc8sTXGOAmIl9Qorw8LOtLjwA13SJCbXbReLmdr+DgNRMcw8pMzhE+63m8/nwxv9+lO+sIGp83uLIYWwuIE0f2lcIaDv1rYy41QSk0hgiFcRZkL3M2vSsNu0WEDT7VeER8atNeADDM95dQa25btqsIGsBboEPZoRxthoJAGrEDPPL9/5ANbtserZZQfaKETCipEZ9EfS8Fj4cDtP58+fp7t27tLi4SLqu0507d+jkyZPkNRKr6fmJApsVZC3AnGn92mr+0P6rp74hLxGLxWhgYIAYYzQ/P0/T09NUU1NDHR0d1NzcTI8ePaKjR4/S8vIyeYVcViDS5L34Is+ihqf6/vTcM/IS0Prw8DDdvHmTIpEIdXV10cjICA0ODlI0GqXu7m5JDCyjqamJvEIuK0jORqL4IgkIssA/1DuQ9HgFmDc0f+nSJSlwIuHMJyYnJ6X2V1ZWaGJiQlqGVxi7teo4p3HzmDziDzftlR1EUC99HwTArKHxfIALnD59murr6z23AtWimca6cNRkeUsx/8lPfyavce/evYLuy/g/SPASjlkrp0b+ZVuDZoQMx1R3YTFJLxrcpu1GKvWaxgzmIADFzBcNICChVKwYsYimaViy+g0vovYzWH5sj2tiOa5R46RMfB77k/V5GdVLxcIDu3JFIGzQBAu27M+PtBfRHclOIairq8s+4zVUFxDF01pNXbxMrHpf2bVmfJuhs7Mz+4zXcMgGF6AKAEkOkp9C8n0QgGyxUqgIARB+dHRUEpDPCpAuY/zfLGHyEhUhABgbG6OFhQWZ5rpleRA+ky774f+5oMnODAswe/IDXCwrZWIBZn4qQAosBe7iFxyyiUVVBEFbsS+8y1sCMvN/zPt7e3tlSuwmZEbzVnLwbCYoegGsJFkhlB8PioLAEres/DT/cRt5Abx8X1+fFBpaR2BDHIAbuAHnMS224siRI3T16lU5ffaiRqAuoXGTPwyanD/EPDyDupcCVA4g+IULF6TgmNpeu3ZN+r/bFLjSQL+BFULxelAjrnNLcRh+0tG6veT5AMpbDQ0N0qRLERwEQvNAZsTAb/yfcmIEqsQqtICmB0UxcIqCXLl5R8kEwNxv3LhR8lCGYRBmbwUqSQDcoFQCVO0Dz5LCAphYLuIzrUvWjNCNrWLgpvVMipsLIA7PIRbs379fnkPe4FUMQKuNDWIEwFKZDIsm8dtiatifuQYCUERMlNDwgBdF1MenWICAAwcOkNeoE8FP7TNC7yGOaQKYditAvN96Q+/f9pS0FnjmzBk6ceJE9vdmmrMmParl4DeeRzAtB24rxinOruP4W1l8tvUnsqwLYOLwqlgSS1So7cVPoCxeb80BkAAdnHsZX7NZjxgTr1gfwmgAK6h2nHx9l114AdNk2SaqLAHaNg0NBLassPfYbnVBoaoA3z/XHVZPx5NG2v+BrHRYK3OzgnOnwlStiB0PO7TPGbtubZSwqdfNCmLH9sjEqNoA7fce320/KXx/PUm2VhkbAdIKiDmaDN/5176qcgUI79IbIH1fbZNxSBVo18HQlPUczOidf++jasFw316H6UP7wUP6uHqvq1pZiqHL0uYKnX/ZSf/pq1Q3fOlAp1jn4Z3q6Tiaqd3udycA6bGLKyAeuCUVWwU52+TIafoZ5G2UNL5oucw461fPb8V2ueHYXmfQo7Twwq2Hcj23aa+wMdMyLuoFjuVztKINjv4k1hEMep5ABevquX1uZi/KcOx64JDek+/5MpulUxs9RM+HBEzaEJwdAS+NgpqlC26Xz2UJwOitJ7ILo1JEQOvnha+7mTxQiOYzKGrDhDEbGWLE33K7Bmt4e2KFbn78lPwCBI+J+QkEz5WXiEzvSuCgfrbQ/1n0lhlBwtkNElzHRBCBpeh0h5k3FlGI4IQtM+mA59+WmQxydZSqABEfiWB5f3G96BIb/BtFDHncvEI1tSZyl4psmrIiNRPp0WANBe4OXXiwLtvvYCVu2+ag3eZXQlT3+2ChqXdJWrei/I2TwhrMkHlW5AsIkBXbOCkEv6IF6bK177cUeLd1VhBhBChajEWUAM8Ez8CnzdORqMbNHlFo/WvZZHCsXPHbqFuG2vUp8hi+EGCFtIwQRZhhRli6H0lun3cQY9k+LxZSH3LSdFRu/N4+/yvA4P9O4eXQNwAAAABJRU5ErkJggg==);
background-position: 30px 50%;
background-repeat: no-repeat
}
.cashback-link__referral-more {
margin-top: 8px;
color: #00a8ff;
font-size: 12px
}
.cashback-link__referral-more:hover {
cursor: pointer
}
.ls-simple-similar {
background: #fff;
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
width: 320px;
font-family: 'Open Sans', sans-serif;
color: #333;
position: relative;
z-index: 2;
padding: 15px;
border-radius: 4px;
display: flex;
flex-direction: column;
text-align: left
}
.ls-simple-similar .ls-bar__settings {
right: 35px
}
.ls-simple-similar__content {
font-size: 14px !important;
line-height: 1.43 !important;
margin-top: 10px;
text-align: center
}
.ls-simple-similar__headline {
font-weight: 700;
margin-bottom: 5px;
text-align: left
}
.ls-simple-similar__subheadline {
text-align: left
}
.ls-simple-similar a.ls-simple-similar__button {
padding: 8px 20px;
border-radius: 4px;
text-align: center;
background: #fc0;
margin: 15px auto 0;
color: #121212;
max-width: 100%;
text-decoration: none;
display: inline-block
}
.ls-simple-similar a.ls-simple-similar__button:hover {
cursor: pointer;
background: #f0c000;
color: #121212;
text-decoration: none
}
.notification-permissions {
top: 268px;
height: auto;
width: 640px;
text-align: center
}
.notification-permissions__title {
font-family: 'Lety Montserrat', sans-serif !important;
font-size: 24px;
font-weight: 800;
line-height: 1.13;
color: #121212;
margin-top: 16px
}
.notification-permissions__description {
margin-top: 16px;
font-size: 16px;
color: #121212
}
.next-div-relative + div {
position: relative
}
.disabled-scroll {
overflow: hidden !important
}
.md-dark {
color: rgba(0, 0, 0, .54)
}
.md-dark.md-inactive {
color: rgba(0, 0, 0, .26)
}
.md-light {
color: #fff
}
.md-light.md-inactive {
color: rgba(255, 255, 255, .3)
}
.text-center {
text-align: center
}
.ls-ext-button {
text-decoration: none;
padding: 12px 24px;
font-size: 14px;
border-radius: 4px;
transition: .3s all;
display: inline-block
}
.ls-ext-button--purple {
background-color: #601ba5;
color: #fff
}
.ls-ext-button--green {
background-color: #00d092;
color: #fff
}
.ls-ext-button--plain {
background: 0 0;
padding: 0;
margin: 0;
border-radius: unset;
color: #00a8ff;
font-size: inherit
}
.ls-ext-button--sm {
padding: 8px 18px;
font-size: 12px
}
.ls-ext-button:hover {
opacity: .95;
cursor: pointer
}
.club-offer {
transition: border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
display: flex;
border-radius: 4px;
border: 1px solid transparent;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, .12);
background-color: #fff;
padding: 8px 14px;
margin: 4px 4px 8px;
align-items: center;
cursor: pointer;
white-space: nowrap
}
.club-offer:hover {
border-color: rgba(96, 27, 165, .24);
box-shadow: 0 8px 16px 0 rgba(96, 27, 165, .12)
}
.club-offer-detail {
margin-left: 16px;
display: flex;
flex: 1;
flex-direction: column
}
.club-offer-image {
width: 70px;
height: 70px;
display: flex;
align-items: center;
align-self: stretch;
justify-content: center
}
.club-offer-image img {
max-width: 100%;
max-height: 100%
}
.club-offer-title {
width: 300px;
font-weight: 700;
line-height: 1.5;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-transform: capitalize;
margin: 4px 0
}
.club-offer-subtitle {
font-family: Roboto, sans-serif !important;
font-weight: 500 !important;
font-size: 12px !important;
line-height: 15px !important;
color: #263238 !important;
letter-spacing: normal !important;
text-transform: none
}
.club-offer-total {
display: flex;
font-size: 14px;
color: #aaa
}
.club-offer-total div {
margin-right: 24px;
display: flex;
align-items: center
}
.club-offer-total svg {
margin-right: 6px
}
.club-offer-prices {
display: flex;
align-items: center
}
.club-offer-prices div {
margin-right: 12px
}
.club-offer-old-price {
font-size: 12px;
text-decoration: line-through
}
.club-offer-price {
font-size: 14px;
font-weight: 700
}
.club-offer-discount {
border-radius: 2px;
background-color: #00d093;
color: #fff;
font-size: 12px;
padding: 1px 4px
}
.club-offer-link {
color: #a0a0a0;
font-size: 10px;
border-left: 1px solid #a0a0a0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
cursor: pointer
}
.club-offer-link svg {
margin: 0 8px
}
.club-offer--post {
background: -moz-linear-gradient(to right, #993ad1, #601ba5);
background: -webkit-linear-gradient(to right, #993ad1, #601ba5);
background: -o-linear-gradient(to right, #993ad1, #601ba5);
background: -ms-linear-gradient(to right, #993ad1, #601ba5);
background: linear-gradient(to right, #993ad1, #601ba5);
white-space: unset;
padding: 0;
color: #fff
}
.club-offer--post .club-offer-detail {
font-size: 16px;
font-weight: 700;
padding: 10px 10px 15px 0
}
.club-offer--post .club-offer-title {
width: auto;
text-transform: unset
}
.club-offer--post .club-offer-subtitle {
color: #fff !important
}
.club-offer--post .club-offer-image {
width: 176px;
height: 125px;
flex: 0 0 143px;
align-self: flex-end
}
.club-offer--post .club-offer-btn {
margin-top: 10px
}
.club-offer--post .club-offer-btn .b-button {
border-radius: 35px;
width: 210px
}
.club-offer-footer {
width: 100%;
margin: 40px 0 0;
text-align: center
}
.md-dark {
color: rgba(0, 0, 0, .54)
}
.md-dark.md-inactive {
color: rgba(0, 0, 0, .26)
}
.md-light {
color: #fff
}
.md-light.md-inactive {
color: rgba(255, 255, 255, .3)
}
.text-center {
text-align: center
}
.lety-bar {
background: #fff;
border-radius: 2px;
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
display: flex;
min-width: 44px;
font-family: 'Open Sans', sans-serif;
color: #333;
position: relative;
z-index: 2
}
.lety-bar[data-open] {
height: 56px;
position: relative;
z-index: 2
}
.lety-bar[data-open] .lety-bar-popup[data-popup-show] {
display: block
}
.lety-bar[data-open] .lety-bar__state-trigger svg {
transform: rotate(180deg)
}
.lety-bar[data-open] .lety-bar__sections {
display: flex
}
.lety-bar[data-open] .lety-bar__sections-small {
display: none
}
.lety-bar[data-open] .lety-bar__logo svg.full {
display: block
}
.lety-bar[data-open] .lety-bar__logo svg.short {
display: none
}
.lety-bar__state-trigger {
width: 16px;
height: 40px;
border-radius: 2px 0 0 2px;
background: #eee;
cursor: pointer;
position: absolute;
left: -16px;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center
}
.lety-bar__logo {
background: #fafafa;
display: flex;
align-items: center;
justify-content: center;
padding: 2px 16px;
position: relative
}
.lety-bar__logo svg.short {
display: block
}
.lety-bar__logo svg.full {
display: none
}
.lety-bar__settings {
position: absolute;
right: 4px;
top: 4px;
z-index: 2;
cursor: pointer;
line-height: 1
}
.lety-bar__sections {
display: none;
background: #fff
}
.lety-bar__sections--base {
padding: 12px 0 6px
}
.lety-bar__sections--base .lety-bar__section {
display: block;
margin-bottom: 6px
}
.lety-bar__sections--base .lety-bar__section:after, .lety-bar__sections--base .lety-bar__section:before {
display: none
}
.lety-bar__section {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
padding: 0 24px;
position: relative
}
.lety-bar__section:before {
display: block;
content: '';
position: absolute;
left: 0;
top: 50%;
width: 1px;
height: 60%;
transform: translateY(-50%);
background: #eee
}
.lety-bar__section:after {
display: block;
content: '';
position: absolute;
opacity: 0;
visibility: hidden;
transition: all .2s ease;
left: 10%;
bottom: -3px;
width: 80%;
height: 3px;
border-radius: 0 0 6px 6px;
background: #1eb1fc
}
.lety-bar__section.purple-line:after {
background: #601aa5
}
.lety-bar__section:hover:after, .lety-bar__section[data-active]:after {
opacity: 1;
visibility: visible
}
.lety-bar__section-top {
display: flex;
align-items: center;
margin-bottom: 3px
}
.lety-bar__section-top span {
display: inline-block;
font-weight: 700;
margin-left: 5px;
color: #333
}
.lety-bar__section-bottom {
font-size: 10px;
display: flex;
align-items: center;
justify-content: center
}
.lety-bar-popup {
position: absolute;
top: calc(100% + 10px);
right: 0;
background: #fff;
padding: 16px 24px;
border-radius: 2px;
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
display: none;
width: 546px
}
.lety-bar-popup__close {
position: absolute;
right: 16px;
top: 16px;
cursor: pointer
}
.lety-bar-popup__header {
display: flex;
margin-bottom: 16px;
min-height: 20px;
flex-direction: column
}
.lety-bar-popup__title {
font-weight: 700;
margin-right: 24px;
font-size: 16px
}
.lety-bar-popup__description {
font-size: 14px;
line-height: 20px;
margin-top: 5px
}
.lety-bar-popup__action-trigger {
cursor: pointer;
color: #00a8ff;
display: inline-block;
line-height: 1.2;
border-bottom: 1px dashed;
font-size: 12px
}
.lety-bar-popup__action-trigger:hover {
border-bottom-color: #fff
}
.lety-bar-popup__media-empty {
display: flex;
justify-content: center;
margin: 0 0 24px
}
.lety-bar-popup__media-empty svg {
max-width: 200px
}
.lety-bar-popup__footer {
margin-top: 24px
}
.lety-bar-popup__scroller {
max-height: 346px;
min-height: 76px;
overflow: hidden;
overflow-y: scroll;
padding: 0 10px;
margin: 0 -10px
}
.ls-simple-similar {
background: #fff;
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
width: 320px;
font-family: 'Open Sans', sans-serif;
color: #333;
position: relative;
z-index: 2;
padding: 15px;
border-radius: 4px;
display: flex;
flex-direction: column;
text-align: left
}
.ls-simple-similar .ls-bar__settings {
right: 35px
}
.ls-simple-similar__content {
font-size: 14px !important;
line-height: 1.43 !important;
margin-top: 10px;
text-align: center
}
.ls-simple-similar__headline {
font-weight: 700;
margin-bottom: 5px;
text-align: left
}
.ls-simple-similar__subheadline {
text-align: left
}
.ls-simple-similar a.ls-simple-similar__button {
padding: 8px 20px;
border-radius: 4px;
text-align: center;
background: #fc0;
margin: 15px auto 0;
color: #121212;
max-width: 100%;
text-decoration: none;
display: inline-block
}
.ls-simple-similar a.ls-simple-similar__button:hover {
cursor: pointer;
background: #f0c000;
color: #121212;
text-decoration: none
}</style>
</head>
<span id="warning-container"><i data-reactroot=""></i></span>
<body cz-shortcut-listen="true"><!-- Start Arduix Navbar Area -->
<div id="header" class="arduix-nav-style" style="top: -100px;">
<div class="navbar-area is-sticky"><!-- Menu For Mobile Device -->
<div class="mobile-nav">
<a href="index.htm" class="logo">
<img src="imageswhite-logo.png" alt="Logo">
</a>
</div>
<!-- Menu For Desktop Device -->
<div class="main-nav">
<nav class="navbar navbar-expand-md navbar-light">
<div class="container">
<a class="navbar-brand" href="index.htm">
<img src="imageswhite-logo.png" alt="Logo">
</a>
<div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent" style="display: block;">
<ul class="navbar-nav m-auto">
<li class="nav-item">
<a href="index.htm">Home</a>
</li>
<li class="nav-item">
<a href="about.html" class="nav-link dropdown-toggle">About us</a>
</li>
<li class="nav-item">
<a href="faq.html" class="nav-link dropdown-toggle">FAQ</a>
</li>
<li class="nav-item">
<a href="news.html" class="nav-link dropdown-toggle">News</a>
</li>
<li class="nav-item">
<a href="support.html" class="nav-link dropdown-toggle">Contacts</a>
</li>
</ul>
<div class="others-option">
<a class="default-btn" href="login.html">Cabinet <i class="fas fa-user"></i></a>
</div>
</div>
</div>
</nav>
</div>
</div>
</div>
<div id="app">
<div id="header" class="arduix-nav-style" style="top: 0px;">
<div class="navbar-area"><!-- Menu For Mobile Device -->
<div class="mobile-nav">
<a href="index.htm" class="logo">
<img src="imageswhite-logo.png" alt="Logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="fas fa-bars"></span>
</button>
<div class="collapse navbar-collapse mobile-nav" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<ul class="navbar-nav m-auto">
<li class="nav-item"><a href="index.htm">Главная</a></li>
<li class="nav-item"><a href="about.html" class="nav-link dropdown-toggle">О компании</a></li>
<li class="nav-item"><a href="faq.html" class="nav-link dropdown-toggle">Вопросы</a>
</li>
<li class="nav-item"><a href="news.html" class="nav-link dropdown-toggle">Новости</a>
</li>
<li class="nav-item">
<a href="partners.html" class="nav-link dropdown-toggle">Партнерам</a>
</li>
<li class="nav-item"><a href="support.html" class="nav-link dropdown-toggle">Контакты</a>
</li>
</ul>
</ul>
</div>
</div>
<!-- Menu For Desktop Device -->
<div class="main-nav">
<nav class="navbar navbar-expand-md navbar-light">
<div class="container">
<a class="navbar-brand" href="index.htm">
<img src="imageswhite-logo.png" alt="Logo">
</a>
<div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent" style="display: block;">
<ul class="navbar-nav m-auto">
<li class="nav-item"><a href="index.htm">Главная</a></li>
<li class="nav-item"><a href="about.html" class="nav-link dropdown-toggle">О компании</a></li>
<li class="nav-item"><a href="faq.html" class="nav-link dropdown-toggle">Вопросы</a>
</li>
<li class="nav-item"><a href="news.html" class="nav-link dropdown-toggle">Новости</a>
</li>
<li class="nav-item">
<a href="partners.html" class="nav-link dropdown-toggle">Партнерам</a>
</li>
<li class="nav-item"><a href="support.html" class="nav-link dropdown-toggle">Контакты</a>
</li>
</ul>
<div class="others-option">
<a class="default-btn" href="login.html">
Кабинет<i class="bx bx-log-in-circle"></i>
</a>
</div>
</div>
</div>
</nav>
</div>
</div>
</div>
<div class="preloader" style="display: none;">
<div class="lds-ripple">
<div></div>
<div></div>
</div>
</div><!-- End Preloader Area --><!-- Start Page Title Area -->
<div class="page-title-area">
<div class="container">
<div class="page-title-content"><h2>О компании</h2>
<ul>
<li><a href="index.htm">Главная</a></li>
<li>О компании</li>
</ul>
</div>
</div>
</div><!-- End Page Title Area --><!-- Start About Area -->
<section class="about-area pt-50">
<div class="container">
<div class="row align-items-center">
<div class="col-12">
<h2>Мы рады приветствовать Вас на платформе The Arbi Bot!</h2>
</div>
<div class="col-lg-6">
Команда <b>Arbi Bot</b> состоит из большого количества профессиональных трейдеров и программистов, с опытом работы в сфере биржевой торговли от 10 лет. На протяжении последних 3 лет, компания занимается автоматизацией торговли и работой с торговым роботом. В 2018 году мы начали создавать сервис The Arbi Bot с целью упростить и полностью автоматизировать для пользователя процесс работы с торговым роботом, и у нас это получилось. </div>
<div class="col-lg-6">
На сегодняшний день компания <b>The Arbi Bot</b> – это надежный облачный сервис для заработка на валютных и криптовалютных биржах. Здесь Вы можете зарабатывать за счет деятельности торгового робота, не имея специфических знаний в сфере торговли. Arbi Bot– результат труда большой команды профессиональных трейдеров и программистов, чей опыт позволил создать высококачественный и прибыльный продукт. </div>
<div class="col-md-12">
<div class="box-about ">
<div class="top">
<div class="row">
<div class="col-sm-9 col-md-8">
<h2 class="title with-icon white">
<img src="imageshelp.svg" class="mr-2"> Немного о нашем предложении </h2>
<p>Arbi Bot — это созданные алгоритмы, использующие различные индикаторы, а также программную систему, распознающую точки вхождения в рынок и совершающую сделку.</p>
<h3 class="title white">Возможности робота:</h3></div>
</div>
</div>
<div class="bottom">
<div class="row">
<div class="col-sm-12 col-md-4">
<div class="bottom-item">
<div><img src="imagesabout-icon-1.svg" alt=""><b>Автоматическая торговля<br>
24 часа в сутки</b></div>
<p>Торговый робот, следуя выбранному алгоритму и настройкам, выставляет на биржу
ордеры и отслеживает их выполнение 24 часа в сутки. Вам не нужно постоянно
следить за работой робота, так как его мониторингом занимаются специалисты
компании, а прибыль на Ваш баланс поступает каждые 24 часа с момента начала
торговли.</p></div>
</div>
<div class="col-sm-12 col-md-4">
<div class="bottom-item item-2">
<div><img src="imagesabout-icon-2.svg" class="img2" alt=""><b>Безопасность</b></div>
<p>Торговля происходит только в подходящие моменты времени. Чтобы не начать
покупать слишком рано и дорого, а также чтобы не начать продавать слишком
рано и дешево, специалисты используют фильтры для старта торговли. Это
исключает риск уменьшения депозита.</p></div>
</div>
<div class="col-sm-12 col-md-4">
<div class="bottom-item item-3 last">
<div><img src="imagesabout-icon-3.svg" class="img3" alt=""><b>Прибыльность</b></div>
<p>Чтобы получить больше дохода важно выбирать подходящие торговые пары с
хорошей волатильностью. Для этого специалисты <b>Arbi Bot</b> используют
индикаторы волатильности и торговые сигналы по каждой из торговых пар,
которые есть на биржах. Это позволяет роботам полностью покрывать заданную
доходность для пользователя.</p></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 my-5">
<p>Основным конкурентным преимуществом платформы The Arbi Bot является отсутствие необходимости скачивать и устанавливать программное обеспечение на свой компьютер, настраивать и постоянно мониторить работу торгового робота.</p>
<p>Благодаря сервису Arbi Bot, Вам достаточно выбрать инвестиционный пакет, пополнить торговый баланс и отправить средства в работу. Настройкой и мониторингом торговли робота занимаются специалисты платформы.</p>
</div>
</div>
</div>
</section>
<section class="about-area pt-50">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="about-img"><img src="imagesabout-img-three.png" alt="Image"></div>
</div>
<div class="col-lg-6">
<div class="about-content">
<h2>Arbi Bot — лидер на рынке криптовалют и Ваш надежный партнер.</h2>
<p>Стратегия работы наших торговых роботов построена на трех основных принципах: диверсификация
рисков, всесторонний анализ валютного рынка и эффективное распределение финансовых активов при
проведении сделок. Задача компании — определить самый эффективный алгоритм вхождения в
сделку.</p>
<div class="row">
<div class="col-lg-6 col-sm-6">
<ul>
<li><i class="fas fa-check"></i>Поддержка 24/7</li>
<li><i class="fas fa-check"></i>Моментальные начисления</li>
</ul>
</div>
<div class="col-lg-6 col-sm-6">
<ul>
<li><i class="fas fa-check"></i>Гарантия выплат</li>
<li><i class="fas fa-check"></i>Легальная компания</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="my-5">
<div class="container">
<div class="row">
<div class="col-12">
<h2>
Как это работает? </h2>
<p>
“The Arbi Bot” – это инвестиционная-онлайн платформа которая внедрила и создала торгового робота на рынке криптовалюты. Он анализирует сотни торговых сигналов и совершает десятки успешных сделок. “Arbi”-робот обладает уникальным алгоритмом определения лучшего момента для входа на рынок. В отличии от людей он способен адекватно обрабатывать поступающие сигналы: он учитывает только факты и не поддаётся эмоциональному состоянию либо предположениям..
“Arbi Bot” лишён указанных недостатков, быстрее и точнее человека. Система применима на российском и зарубежных рынках. </p>
<h2>
Немного информации об Arbi… </h2>
<p>
“Arbi”- это автоматизированная торговая система которая открывает и закрывает сделки самостоятельно по заложенному в неё алгоритму. Бот быстро реагирует на изменения в рыночной ситуации. Он создан для работы на нескольких биржах. Он покупает криптовалюту на той площадке, где она стоит дешевле, и продаёт там где её цена выше. Разница в цене за вычетом комиссий – это и есть прибыль со сделки.
Торговый алгоритм, способен безукоризненно выполнить работу трейдеров на полном автомате!
В отличии от трейдера, которому присущи эмоции, Arbi торгует строго по правилам. Он не откроет сделку, если нет сигнала. Не войдет на рынок по интуиции и не закроет ордер раньше времени из-за страха потерять то, что уже есть.
Бот для торговли криптовалютой быстрее реагирует на изменчивый рынок. Посколько курс виртуальных денег подтвержден высокой волатильности, трейдер может опоздать со входом и открыть сделку на покупку на вершине движения или продать на дне тренда. Arbi не допускает таких ошибок. </p>
</div>
</div>
</div>
</section>
<div class="container">
<section class="documents wow fadeInUp" data-wow-duration="0.4s" data-wow-delay="0.2s" style="visibility: visible; animation-duration: 0.4s; animation-delay: 0.2s; animation-name: fadeInUp;">
<div class="left"><b>Документы компании</b><a href="https://beta.companieshouse.gov.uk" target="_blank" class="btn btn-yellow btn-special-1 btn-inline">Проверить</a><img src="imagespanel-right-arrow.svg" class="svg-arrow"></div>
<div class="right">
<ul>
<li class="item1"><a href="imagesРегистрация компании.pdf" target="_blank"><i class="icon icon-pdf"></i><span>Регистрация<br>компании</span></a>
</li>
<li class="item2"><a href="imagesПользовательское соглашение.pdf" target="_blank"><i class="icon icon-pdf"></i><span>Соглашение<br>пользователя</span></a>
</li>
<li><a href="imagesПолитика AML.pdf"><i class="icon icon-pdf"></i><span>Политика AML</span></a>
</li>
<li><a href="imagesДокументы компании.pdf" target="_blank"><i class="icon icon-pdf"></i><span>Документы компании</span></a></li>
</ul>
</div>
</section>
</div>
</div>
<footer class="footer-top-area pt-100 pb-70">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="single-widget">
<a href="index.htm">
<img src="imageswhite-logo.png" alt="Image">
</a>
<p>ARBI is high frequency triangular trading robot</p>
<ul class="social-icon">
<li><a href="https://www.youtube.com/channel/UCrZRYJhLmqxoA-464twujsg"><i class="fab fa-youtube"></i></a></li>
<li><a href="https://vk.com/id299498826"><i class="fab fa-vk"></i></a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="single-widget">
<ul>
<li><a href="index.htm"><i class="right-icon fas fa-chevron-right"></i>Главная</a></li>
<li><a href="about.html"><i class="right-icon fas fa-chevron-right"></i>О компании</a>
</li>
<li><a href="partners.html"><i class="right-icon fas fa-chevron-right"></i>Партнерам</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="single-widget">
<ul>
<li><a href="faq.html"><i class="right-icon fas fa-chevron-right"></i>Вопросы</a>
</li>
<li><a href="news.html"><i class="right-icon fas fa-chevron-right"></i>Новости</a>
</li>
<li><a href="support.html"><i class="right-icon fas fa-chevron-right"></i>Контакты</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="single-widget">
<ul class="information">
<li class="address">
<i class="fas fa-envelope"></i>
<span>Email</span>
<a href="cdn-cgilemail-protection.html#780b0d0808170a0c380c101d55190a1a111a170c561b1715"><span class="__cf_email__" data-cfemail="23505653534c515763574b460e4251414a414c570d404c4e">[email protected]</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-shape">
<img src="imagesfooter-shape-one.png" alt="Image">
<img src="imagesfooter-shape-two.png" alt="Image">
</div>
</footer>
<footer class="footer-bottom-area">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-4">
<div class="copy-right">
<p>
Copyright <i class="fas fa-copyright mr-1"></i> 2016-2020
<a href="index.htm">The Arbi Bot</a>. All rights reserved
</p>
</div>
</div>
<div class="col-lg-4">
<div class="privacy">
<ul></ul>
</div>
</div>
<div class="col-lg-4"></div>
</div>
</div>
</footer>
<a href="#" class="go-top active"><i class="fas fa-chevron-up"></i><i class="fas fa-chevron-up"></i></a>
<script data-cfasync="false" src="cdn-cgiscripts5c5dd728cloudflare-staticemail-decode.min.js"></script><script src="jsapp.js"></script>
</body>
</html>
?>