Файл: Robot/news.html
Строк: 6623
<?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="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 --><!-- Strat News Area -->
<section class="news-area ptb-100">
<div class="container">
<div class="section-title"><span>Важные новости</span>
<h2>Новости</h2></div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="single-news">
<div class="blog-img text-center">
<a href="news.html">
<img src="storageimagesnewsL4nrfFKmgWPHHaPsgAonje1jC9uVOwauMva4EzOV.jpeg" alt="Image" style="width: 350px;">
</a>
<div class="dates"><span>13.06.2020</span>
</div>
</div>
<div class="news-content-wrap">
<ul>
<li><a href="news.html#"><i class="bx bx-user-check"></i>Администратор</a></li>
<li></li>
</ul>
<a href="news.html"><h3>Microsoft запускает бета-версию ID-системы на Биткоине</h3></a>
<p>Децентрализованная идентификационная сеть Microsoft ION, впервые анонсированная в мае, переходит к бета-тестированию на блокчейне Биткоина. Даниэль Бухнер, менеджер программы для команды Microsoft Identity, написал в блоге, что была запущена открытая сеть второго уровня ION на основе блокчейна биткоина. Цель состоит в том, чтобы предоставить пользователям децентрализованный идентификатор (DID), который мог бы заменить потребность в именах пользователей.
Разработанный совместно с Decentralized Identity Foundation, ION был разработан как децентрализованная сеть для независимой работы и не полагается на «специальные служебные токены, доверенные узлы валидатора или дополнительные механизмы консенсуса». Бухнер пишет:
Основное обещание технологии DID состоит в том, чтобы предоставить всем частным лицам и организациям право владения и контроля над своей индивидуальностью, что хорошо согласуется с нашей миссией дать каждому человеку возможность работать, играть и достигать большего. Чтобы выполнить это обещание, мы выбрали иной путь, чем некоторые из более централизованных подходов к технологиям DID, и мы считаем, что ION иллюстрирует этот выбор.
Microsoft еще не определила дату выпуска окончательной версии, но сообщает, что в ближайшие месяцы будет работать над усилением протокола и улучшением эталонной реализации ION.
Microsoft продолжает серию блокчейн-разработок
В мае мы писали, что технический гигант объявил о своей новой службе Azure Blockchain, а также о наборе средств разработки Azure Blockchain для блокчейна Ethereum. Это не единственная компания, которая видит потенциал технологии DID. Как мы рассказывали ранее, ConsenSys использует независимый от Blockchain протокол Ethr-DID для собственного DID, в отличие от SideTree от Microsoft.</p></div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-news">
<div class="blog-img text-center">
<a href="news.html">
<img src="storageimagesnewsSX8Ke9MI7Qpf4paOuJEQh9G8SRdYv6ru1mTUWNwu.jpeg" alt="Image" style="width: 350px;">
</a>
<div class="dates"><span>12.06.2020</span>
</div>
</div>
<div class="news-content-wrap">
<ul>
<li><a href="news.html#"><i class="bx bx-user-check"></i>Администратор</a></li>
<li></li>
</ul>
<a href="news.html"><h3>Bitpay запустил крипто-фиат карту Mastercard</h3></a>
<p>Крупнейший криптовалютный платежный шлюз Bitpay запустил собственную дебетовую карту Mastercard, которая поддерживает различные цифровые активы. Поставщик криптовалютных услуг из Атланты, США, утверждает, что предоплаченную карту можно использовать везде, где принимается Mastercard, и пользователи могут «мгновенно конвертировать криптовалюту в фиатную валюту».
Переход от Visa к Mastercard
Bitpay ранее предлагал предоплаченную карту Visa, которая позволяет пользователям загружать криптовалюты в обмен на USD. В четверг Bitpay объявил, что компания сотрудничает с Mastercard (MC), и новый продукт является «первой предоплаченной картой на рынке США для блокчейн-сообщества».
К сожалению, услуги предоплаченных карт Visa Bitpay, предоставляемые компанией, прекратятся 31 декабря 2020 года. Компания объясняет: «Прекращение действия этой программы означает, что срок действия всех предоплаченных карт Visa Bitpay истекает и прекращает работать 31 декабря 2020 года, независимо от даты истечения срока, указанного на вашей карте».
Все карты Bitpay Visa истекают в декабре, а 31 июля 2020 года станет последним днем, когда вы сможете загрузить средства на свою карту, включая конвертацию криптовалюты в фиатные для использования. «Пожалуйста, перенаправьте все повторяющиеся банковские депозиты, такие как начисление заработной платы, до этой даты», добавляет в релизе новых карт платежная компания.
Вместо этого Bitpay будет предлагать предоплаченные карты с логотипом американской многонациональной корпорации финансовых услуг, что означает, что его можно использовать везде, где принимаются платежи по банковским картам.</p></div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-news">
<div class="blog-img text-center">
<a href="news.html">
<img src="storageimagesnewsOSNIxh9xkNRQ9nGBFFTfWdLVkAGW4fDtFecmmVam.jpeg" alt="Image" style="width: 350px;">
</a>
<div class="dates"><span>10.06.2020</span>
</div>
</div>
<div class="news-content-wrap">
<ul>
<li><a href="news.html#"><i class="bx bx-user-check"></i>Администратор</a></li>
<li></li>
</ul>
<a href="news.html"><h3>Что такое торговый робот и как он упрощает торговлю?</h3></a>
<p>Это программа для автоматизации сделок на бирже. Грубо говоря, торговый робот содержит в себе набор правил: когда покупать, когда продавать, какие факторы при совершении сделок учитывать в первую очередь, а на что не обращать внимания. Похоже на работу профессионального трейдера, только все работает автоматически.
Чтобы понимать, как робот упрощает торговлю, представьте следующее. Для прибыльной торговли трейдеру в течение дня нужно одновременно держать в уме статистику и новостной фон по биржам других регионов, корпоративную отчетность компаний по акциям. А еще анализировать графики и учитывать изменение стоимости ценных бумаг в прошлом, мониторить макроэкономические сводки и так далее.
В этом и состоит основной принцип работы торгового робота. Он одновременно анализирует графики, новости, отчетность компаний и другую приоритетную информацию. Дальше робот либо торгует сам, либо это делает трейдер. На этом пункте биржевые роботы делятся еще на два типа.</p></div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-news">
<div class="blog-img text-center">
<a href="news.html">
<img src="storageimagesnewsriQPZyOcSjSCZsLTp2IySF5S8cBnj887UP1cGhft.jpeg" alt="Image" style="width: 350px;">
</a>
<div class="dates"><span>09.06.2020</span>
</div>
</div>
<div class="news-content-wrap">
<ul>
<li><a href="news.html#"><i class="bx bx-user-check"></i>Администратор</a></li>
<li></li>
</ul>
<a href="news.html"><h3>Блокчейн Litecoin обновлен до версии 0.18.0</h3></a>
<p>Litecoin Foundation выпустила новое обновление сети, исключив опасения, что в проекте, который появился еще в 2014 году, не ведется внедрение нового кода. Новые возможности
Как указано на Github, последнее обновление Litecoin v0.18.0 вносит улучшения в обработку блоков и транзакций, оптимизирует сетевой код и протокол P2P, выпускает новые RPC и предоставляет более 100 новых изменений и улучшений.
Как отметил разработчик Эдриан Галлахер, графический интерфейс, кошелек и другие пользовательские протоколы также были обновлены. Litecoin Core поддерживается ядром Linux, macOS 10.10 и всеми версиями после Windows 7. Обширные тесты были проведены для каждого программного протокола.
Ниже перечислены некоторые выводы из обширного обзора в блоге сети:
Вызов «getblocktemplate» завершится ошибкой, если правило нового сегмента не указано в новом формате майнинга. Сообщение об ошибке, описывающее, как включить segwit, будет работать как устранение неполадок для новых пользователей.
Параметр «rpcpassword» теперь вызывает ошибку запуска, если вводятся неизвестные символы, такие как хеш (#).
Представлен интерфейс Litecoin Core BIP174 с частичной подписью Litecoin Transactions (PSBT), который позволяет нескольким программам совместно работать над созданием, подписанием и трансляцией новых транзакций.
Блог Litecoin поясняет: «Обновление полезно для автономных кошельков (холодного хранения), кошельков с мультиподписью, реализаций совместного объединения и многих других случаев, когда двум или более программам необходимо взаимодействовать для генерации полной транзакции».
«Урегулирование» (settxfee) ранее игнорировало попытки установить плату ниже разрешенных минимумов. Теперь выдается предупреждение при отправке подобных транзакций.
Специальное значение «0» все еще можно использовать для запроса минимального значения «unloadwallet» теперь синхронно, то есть оно не вернется, пока кошелек не будет полностью выгружен.
С другой стороны, «createwallet» теперь имеет необязательный пустой аргумент, который можно использовать для создания чистого кошелька. Чистые кошельки не имеют ключей или начального значения HD и не могут быть открыты в программном обеспечении старше версии 0.18.
Доступно на Github
Те, кто заинтересован в новой версии Litecoin, могут посетить страницу загрузки обновлени по ссылке. Кроме того, папка для скачивания доступна по ссылке.
По словам Litecoin, версия была тщательно протестирована, но «может содержать ошибки». Перед обновлением рекомендуется выполнить резервное копирование всего файла wallet.dat, и теперь на Github доступен раздел сообщений об ошибках.
Основатель Litecoin Чарли Ли поздравил разработчиков проекта в твиттере и добавил, что Litecoin Core 0.20 «уже в разработке» и его выпуск приведет блокчейн «в соответствие с последним обновлением Bitcoin Core».</p></div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-news">
<div class="blog-img text-center">
<a href="news.html">
<img src="storageimagesnewsXCSC5XKeamJPwHdfgpyPH66mXVwGdqzLZz7eWi74.jpeg" alt="Image" style="width: 350px;">
</a>
<div class="dates"><span>01.06.2020</span>
</div>
</div>
<div class="news-content-wrap">
<ul>
<li><a href="news.html#"><i class="bx bx-user-check"></i>Администратор</a></li>
<li></li>
</ul>
<a href="news.html"><h3>Основные преимущества роботов для трейдинга криптовалют</h3></a>
<p>Скорость принятия решений. Даже опытным трейдерам требуется какое-то время на анализ рыночной ситуации. Начинающие делают все еще медленнее. В результате, торговая возможность может быть упущена. Для того, чтобы избежать подобных ситуаций, многие трейдеры предпочитают использовать ботов. Они намного быстрее все анализируют и принимают решения оперативнее человека. Возможность анализа неограниченного количества пар. Если сравнивать бота с человеком по этому параметру, преимущество опять оказывается на стороне первого. Человек просто не в состоянии проанализировать большое количество активов и принять адекватное решение. Но эту работу некоторые пытаются предоставить ботам, пользуясь лишь готовыми результатами из работы. Отсутствие ошибок в алгоритме. Человек в процессе рыночного анализа может допускать промашки. Связано это не только с уровнем подготовки, но и с психологическим состоянием трейдера. Боты работают четко в рамках алгоритма. Если есть сигнал, он будет его использовать. Круглосуточный трейдинг. Человеку нужен отдых. Многие не могут уделять более двух часов в день трейдингу. Бот же работает круглосуточно, ему не нужно писаться, отдыхать. Свободное время у пользователя. Использование ботов предполагает предоставление человеку больше свободного времени. Ведь ему не нужно ничего анализировать. А многие алгоритмы настроены на полную автоматизацию трейдинга от момента появления сигнала и до принятия решения. Отсутствие эмоций. Человек подвержен различным психологическим состояниям. Он азартен, может испытывать чувство страха или впадать в депрессию. Это сказывается на результатах торговли. Бот не испытывает никаких эмоций. Ему не свойственен азарт. Она работает только в рамках своего алгоритма. Дисциплина. Трейдеры часто допускают одну серьезную ошибку. Они не умеют грамотно распоряжаться капиталом. Бот для криптовалютного рынка будет действовать по заранее заложенному в него алгоритму. Если установлен лимит на размер сделки в 10 долларов, к примеру, бот никогда самостоятельно не изменит его.</p></div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-news">
<div class="blog-img text-center">
<a href="news.html">
<img src="storageimagesnewsxIN6Vu5yBAsFHbixFQNYdaX854ykhin3BlLwMIZp.jpeg" alt="Image" style="width: 350px;">
</a>
<div class="dates"><span>21.05.2020</span>
</div>
</div>
<div class="news-content-wrap">
<ul>
<li><a href="news.html#"><i class="bx bx-user-check"></i>Администратор</a></li>
<li></li>
</ul>
<a href="news.html"><h3>80% институциональных инвесторов жаждут Крипто</h3></a>
<p>Новый опрос среди 800 институциональных инвесторов в США и Европе показывает сильный интерес к криптовалюте, в частности, биткоину. Bitcoin.com приводит результаты опроса Fidelity Digital Assets, который позволяет лучше понять институциональный интерес и принятие криптовалюты, а также ключевые барьеры для инвестиций в нее для организаций и компаний в США и Европе. Опрос проводился с ноября 2019 года по март 2020 года.
Fidelity Digital Assets предлагает платформу корпоративного уровня с полным набором услуг для обеспечения безопасности, торговли и поддержки криптовалют.
В опросе приняли участие 774 институциональных инвестора, 393 из работают в США, а 381 - в Европе. Респонденты включают финансовых консультантов, семейные офисы, пенсионные фонды, крипто-и традиционные хедж-фонды, высокодоходных частных инвесторов и частные фонды. Это уже второй год подряд, когда Fidelity опрашивает учреждения США, но впервые опрашивает европейских инвесторов. По итогам:
По данным опроса, около 80% учреждений заявили, что им нравится криптовалюта, а 60% считают, что криптовалюта заемет свое место в их инвестиционном портфеле.
Разбивая это число, 74% институциональных инвесторов в США считают криптовалюту привлекательной, среди европейских инвесторов - 82%. «Заметным контрастом является то, что 25% европейских инвесторов считают тот факт, что некоторые цифровые активы свободны от вмешательства государства, являются привлекательными, тогда как только 10% инвесторов в США считают, что так», - цитирует итоги отчета Bitcoin.com.
Более того, 36% респондентов (27% в США и 45% в Европе) сообщили, что в настоящее время они инвестируют в цифровые активы.
Биткоин по-прежнему остается криптовалютой, более четверти респондентов владеют BTC, а 11% имеют доступ к ETH. «В течение пяти лет 91% респондентов, которые открыты для добаления цифровым активоа в свой портфель, ожидают, что по крайней мере 0,5% их портфеля будет выделено на цифровые активы», - говорится в отчете.
Три характеристики криптовалюты наиболее привлекательны как для американских, так и для европейских институциональных инвесторов. 36% респондентов заявили, что «не связаны с другими классами активов», 34% вынуждены использовать инновационные технологии, а 33% - высокий потенциал роста. В отчете отмечается:
Большинство институциональных инвесторов (6 из 10) считают, что цифровые активы имеют место в их портфеле, хотя мнения относительно того, какое именно, различается.
Несмотря на растущий интерес среди учреждений, остаются препятствия для внедрения криптовалюты. 53% респондентов назвали ценовую волатильность основной причиной, 47% отметили манипулирование рынком, а 45% отметили «отсутствие основ для определения надлежащей стоимости».
Президент Fidelity Digital Assets Том Джессоп прокомментировал результаты опроса: «Эти результаты подтверждают тенденцию, которую мы наблюдаем на рынке - повышение интереса к цифровым активам и принятию их в качестве нового класса активов с возможностью инвестирования. Это видно по изменяющемуся составу нашего клиентского конвейера, который простирается от криптовалютных фондов до пенсий».</p></div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-news">
<div class="blog-img text-center">
<a href="news.html">
<img src="storageimagesnewsRR8OwIanUr9G5L7iVK19LZOC1K1PCoA5VJoZd0W7.jpeg" alt="Image" style="width: 350px;">
</a>
<div class="dates"><span>15.04.2020</span>
</div>
</div>
<div class="news-content-wrap">
<ul>
<li><a href="news.html#"><i class="bx bx-user-check"></i>Администратор</a></li>
<li></li>
</ul>
<a href="news.html"><h3>Почему менеджеры фондов считают инвестиции в ETH плохой идеей</h3></a>
<p>В последние несколько месяцев резко возрос инвестиционный спрос на Ethereum, о чем можно судить по премии в 1'000% на покупку ETH в составе фонда Grayscale, однако, есть мнения против. Ничто так не показывает, как Ethereum Trust от Grayscale, регулируемый и публично торгуемый инвестиционный инструмент, поддерживаемый ETH. Доля траста, которая соответствует 0,094 ETH, достигла значения 239,50 долларов на прошлой неделе на вторичных рынках. Это означает, что инвесторы в акции фонда покупали криптовалюту в 10 раз дороже спотовой цены. Тем не менее, управляющие фондами в области криптовалюты недавно высказались о бесперспективности инвестиций в Ethereum.
ETH не представляет интерес для институциональных инвестиций
Из-за того, что биткоин уступает альткоинам в производительности по возврату на капитал (ROI), институциональные инвесторы начали искать возможности, выходящие за рамки лидера рынка. Лучшая ставка помимо BTC, говорят они, это ETH, одна из самых ликвидных криптовалют.
Fidelity Investments, управляющая активами в размере $2 трлн, в прошлом году объявила, что планирует добавить Ethereum в свои торговые и депозитарные услуги. А регулятор CFTC в США, который контролирует рынки крипто-деривативов, ожидает, что полностью регулируемые фьючерсы на ETH приобретут популярность.
Однако, по словам управляющего крипто-фонда Exponential Investments, Ethereum не является жизнеспособным институциональным вложением:
Эфир - это цифровой вольфрам по сравнению с золотом - биткоином. Моя последняя статья подробно рассказывают о том, почему институциональные инвесторы должны опасаться инвестировать в ETH.
Стивен МакКлург и Лиа Уолд из «Экспоненциальных инвестиций» опубликовали статью на тему «Эфир и биткоин - не одно и то же».
Повествование, которое изложили специалисты, является обширным, но их утверждение, что «Эфир является активом, подверженным риску и не подходит для инвестиций», по сути, сводится к следующим нескольким пунктам:
Отсутствие заранее известной или последовательной денежно-кредитной политики в Ethereum делает его неспособным стать цифровым хранилищем стоимости.
Вариант использования ETH как форму «газа» означает, что он не может оценить слишком высоко, иначе пользователи не смогут использовать базовую сеть.
У инвесторов в ETH другой менталитет, чем у инвесторов в BTC, что ограничивает потенциал роста.
Из-за того, как структурирован блокчейне, у Ethereum есть потенциальные проблемы с безопасностью, поскольку он продолжает завоевывать популярность: «По мере того, как все больше пользователей присоединяются, стоимость газа возрастает, сеть забивается, возникают потенциальные проблемы с безопасностью, что снижает ценность сервиса , что приводит к плохому пользовательскому опыту, и поэтому пользователи уходят и переходят на другие блокчейны».
Не единственные критики
Уолд и Макклург не единственные управляющие фондами в криптовалютной сфере, кто скептически относятся к инвестиционному потенциалу Ethereum. Партнер The Spartan Group, ранее принадлежавший Goldman Sachs, Кельвин Кох пишет:
Я более оптимистичен по отношению к BTC, [чем к ETH]. Мы внимательно следим за переходом к ETH2.0... В какой-то момент мы можем стать более оптимистичными к ETH. Это большое событие, но на данный момент существует значительная неопределенность.
Кох указывая на «значительную неопределенность» в отношении обновления Ethereum до версии 2.0, очевидно, ссылается на неопределенность в отношении экономических последствий и потенциальных технических проблем.
Также ранее высказывалась критика со стороны Джеффа Дормана из Arca, который считает: «ETH так тесно торгуется в тандеме с биткоинами, что теряет смысл владеть вторым цифровым активом».</p></div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-news">
<div class="blog-img text-center">
<a href="news.html">
<img src="storageimagesnewsaR3BL6vMzBRDPdmLG2cmnzHu7JjexUjLUIXtGgGQ.jpeg" alt="Image" style="width: 350px;">
</a>
<div class="dates"><span>07.04.2020</span>
</div>
</div>
<div class="news-content-wrap">
<ul>
<li><a href="news.html#"><i class="bx bx-user-check"></i>Администратор</a></li>
<li></li>
</ul>
<a href="news.html"><h3>Какие виды биржевых роботов существуют?</h3></a>
<p>Есть два основных вида биржевых роботов: автоматические и полуавтоматические. У первых весь процесс автоматический. Робот подключается к торговому счету и сам совершает сделки. Такие роботы умеют просчитывать условия для покупки, продажи, уровень риска и поведение в случае форс-мажорных ситуаций на рынке.
Полуавтоматические торговые роботы еще называются советниками. Они анализируют графики, отчетность компаний, новостной фон. И дают вам рекомендацию: покупать, продавать или держать.</p></div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-news">
<div class="blog-img text-center">
<a href="news.html">
<img src="storageimagesnews 5eO56quoePeU7d4DU52FabcEnJjaI1ZUbCP83Qr.jpeg" alt="Image" style="width: 350px;">
</a>
<div class="dates"><span>11.02.2020</span>
</div>
</div>
<div class="news-content-wrap">
<ul>
<li><a href="news.html#"><i class="bx bx-user-check"></i>Администратор</a></li>
<li></li>
</ul>
<a href="news.html"><h3>Глава Blocktown Capital: Крипторынок вырастет на 4'000%</h3></a>
<p>BTC торгуется на 50% ниже исторического максимума, ETH почти на 85%, ведь крупные игроки покинули рынок в 2017-2018 гг., тем не менее, некоторые аналитики предсказывают следующий пик рыночного цикла. По словам Джозефа Тодаро - управляющего партнера крипто-фонда Blocktown Capital, капитализация криптовалютного рынка может достичь более 10 триллионов долларов в следующем цикле, поскольку «розничные деньги действительно начинают возвращаться».
10 триллионов долларов это также примерно на 4'000% выше текущей совокупной стоимости цифровых активов, составляющей около 270 миллиардов долларов США.
Исполнительный директор Blockforce Capital Эрик Эрвин поделился приведенной ниже диаграммой, показав, что общая рыночная капитализация S&P 500 составляет 27,8 триллиона долларов. 10 триллионов долларов также составляют около 50% ВВП США в 2019 году или около 10-12% мирового ВВП. При стоимости в 10 триллионов долларов криптовалюта будет составлять чуть более трети от текущей стоимости некоторых из самых ценных компаний в мире, включая Apple, Microsoft, Facebook и Amazon.
Однако важно то, что тот факт, что рыночная капитализация крипторынка составит 10 триллионов долларов, не означает, что на эти средствабудут внесены на криптобиржи.
Из-за того, что известно как «фиатный усилитель» (fiat amplifier), купленные биткоины стоимостью в 1 доллар могут представлять рыночную капитализацию более чем на 1 доллар, индустрия в 10 триллионов долларов может оказаться не такой «наличной», как некоторые ожидают.
Центральный игрок - Биткоин
Ожидается, что все криптовалюты будут расти в грядущем рыночном цикле, но известные имена в сфере ожидают, что прибыль будет сконцентрирована вокруг биткоина. Рауль Пол, исполнительный директор Real Vision и бывший руководитель Goldman Sachs, неоднократно высказывался по этому вопросу.
Трейдер-ветеран сказал, что он видит мир криптовалюты и блокчейна как будущее, но рассматривает биткоин как «колл-опцион» в этом потенциальном мире, который будет реализован. То есть, если криптовалюты станут мейнстримом, BTC, скорее всего, возглавит процесс.
«Это полностью проверенная, безопасная, финансовая и бухгалтерская система цифровой стоимости. Это не что иное, как будущее всей нашей системы обмена, а также денег и платформы, на которой они работают», - написал Пол в недавнем анализе для подписчиков, инвестирующих в ценные бумаги.</p></div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-news">
<div class="blog-img text-center">
<a href="news.html">
<img src="storageimagesnewsUV4OJEYnAdKkAQW7QaYrZi0sHwFSLhWvU5R7vpkq.jpeg" alt="Image" style="width: 350px;">
</a>
<div class="dates"><span>04.02.2020</span>
</div>
</div>
<div class="news-content-wrap">
<ul>
<li><a href="news.html#"><i class="bx bx-user-check"></i>Администратор</a></li>
<li></li>
</ul>
<a href="news.html"><h3>Насколько популярны и безопасны торговые роботы?</h3></a>
<p>Насколько популярны и безопасны торговые роботы?
Роботизированная торговля популярна. По сообщению Центробанка России, к апрелю 2018 г. до половины всех сделок на Московской бирже совершалось с помощью компьютерных аглоритмов. За рубежом их количество доходит до 80%. А к 2025 году активы на сумму более $ 16 трлн будут под управлением роботов, согласно аналитике Deloitte.
Такие объемы сделок совершаются профессиональными роботами. Их создает команда программистов и математиков. Бесплатные роботы, которые доступны в интернете, чаще всего небезопасны: это первичные наработки, сырые демонстрационные версии. В частных разработках повышенное внимание уделяется отказоустойчивости программы и работе в условиях резких и внезапных скачков цен.
Когда торговый робот может быть полезен?
Если вы решили сами покупать ценные бумаги и формировать портфель, качественно настроенный биржевой робот поможет упростить процесс. Здесь еще важна сумма: торговать с использованием алгоритма есть смысл, если вложения начинаются от миллиона рублей. Это связано с тем, что биржевому роботу нужно «пространство» для разворота. Тяжело управлять рисками портфеля, который собран из пары ценных бумаг на небольшую сумму.</p></div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-news">
<div class="blog-img text-center">
<a href="news.html">
<img src="storageimagesnewsHKrK6K4JjuMaRK2jr1r3pCv2aPDw36i3gVgx7Rku.jpeg" alt="Image" style="width: 350px;">
</a>
<div class="dates"><span>22.01.2020</span>
</div>
</div>
<div class="news-content-wrap">
<ul>
<li><a href="news.html#"><i class="bx bx-user-check"></i>Администратор</a></li>
<li></li>
</ul>
<a href="news.html"><h3>Крипто-кредитование привлекает венчурный капитал</h3></a>
<p>Исследователи из Ana.vc сообщают, что в целом финансирование крипто-проектов венчурными капиталистами в апреле сократилось на 57%, но объем средств, привлеченных DeFi-проектами, вырос на 150%. Сбор средств просел в апреле
В отчете не учитывается финансирование Bakkt, в котором выявлено 32 раскрытых сделки на общую сумму почти 50 миллионов долларов США по сравнению со 117 миллионами долларов США в прошлом месяце.
«Крипто-зима еще не закончилась и не полностью защищена от макроэкономических тенденций, поскольку большинство сделок совершается в форме передачи акций», - заявляют исследователи.
Ava.vc обнаружила, что децентрализованные финансы (DeFi) продолжают доминировать в общем финансировании, набирая почти 40% ежемесячного общего объема, привлеченного крипто-сектором второй месяц подряд.
Вторым по величине сегментом крипто-сектора по общему росту стали фирмы, строящие инфраструктуру блокчейна с 12,9%, за которыми следуют предприятия с 9,7% и рынок с 6,5%.
Инвестиционная активность кредитования DeFi
В то время как большинство крипто-секторов понесли большие потери в общем сборе средств в апреле, DeFi-стартапы увеличили капитал на 56% - до 4,84 млн. долларов с 3,1 млн. долларов в марте.
Прибыль от сделок с акциями, несмотря на общее увеличение в секторе DeFi, упала почти на 60% с 46,21 млн. долларов до 19,35 млн. долларов.
Больше всего в процентном отношении пострадали платежные фирмы - 82,6% с 9,24 млн долларов в марте до 1,61 млн долларов. Тем не менее, для бирж наблюдалось самое большое общее падение сбора средств - на 73,8% - с 12,34 млн. долларов до всего лишь 3,23 млн. долларов.
Несмотря на существенные потери финансирования крипто-сектора в целом, DeFi-стартап Lending привлек более чем на 50% больше средств, чем в прошлом месяце.
Инвесторы утратили интерес к блокчейн-играм
Почти половина сбора средств была проведена в Соединенных Штатах, причем более 80% сделок было закрыто в США, Великобритании и Европе.</p></div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-news">
<div class="blog-img text-center">
<a href="news.html">
<img src="storageimagesnewspcLA6EVwlrYFMTK2WuNhUUNUwIuK76Cg9UyZUTqs.jpeg" alt="Image" style="width: 350px;">
</a>
<div class="dates"><span>13.01.2020</span>
</div>
</div>
<div class="news-content-wrap">
<ul>
<li><a href="news.html#"><i class="bx bx-user-check"></i>Администратор</a></li>
<li></li>
</ul>
<a href="news.html"><h3>Binance продолжает экспансию на крипторынок Сингапура</h3></a>
<p>Одна из крупнейших криптобирж по объему торгов, Binance, продолжает завоевание локальных рынков, в этот раз подав заявку на получение лицензии на торговлю крипто от регулятора Сингапура. Денежно-кредитное управление Сингапура недавно открыло свои двери для криптовалюты, введя Закон о платежных услугах. Эта политика предназначена для регулирования платежей в криптовалюте и торговли с использованием нормативных актов, которые в настоящее время регулируют традиционные платежные услуги по указу.
Любые заинтересованные стороны должны подать заявку на получение соответствующих лицензий в Сингапуре, включая стандартную лицензию платежного учреждения, лицензию на обмен денег и лицензию крупного платежного учреждения.
Согласно сообщению Bloomberg , одна из крупнейших крипто-бирж в мире сделала именно это. Binance со штаб-квартирой на Мальте, а также с офисами в городах по всей Азии пытается расширить свою пользовательскую базу, оставаясь при этом соответствующей нормативным требованиям.
Чанпэн Чжао, генеральный директор Binance, прокомментировал целесообразность процесса: «Мы подали уже заявку Сингапурское подразделение Binance поддерживает тесные контакты с местными регулирующими органами, и они всегда были объективны».
Поскольку криптовалютные биржи выходят на новые рынки, местные органы власти все еще пытаются решить, как их регулировать. Закон о платежных услугах является первым подобным законодательством для Сингапура, регулирующим криптовалюту и цифровые платежи.
Binance - не единственная торговая платформа, кто видит потенциал новых правил Сингапура. Операторы криптобиржи Luno, базирующиеся в Лондоне, и Liquid из Токио также выразили намерение подать заявку.</p></div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-news">
<div class="blog-img text-center">
<a href="news.html">
<img src="storageimagesnewsVFFoJyqxp6haldaq7ssMtSbyV9P2HSm9DIiMK0fy.jpeg" alt="Image" style="width: 350px;">
</a>
<div class="dates"><span>01.01.2020</span>
</div>
</div>
<div class="news-content-wrap">
<ul>
<li><a href="news.html#"><i class="bx bx-user-check"></i>Администратор</a></li>
<li></li>
</ul>
<a href="news.html"><h3>Промо 2020</h3></a>
<p>Новое Промо действует с 1 января 2020 года по 1 января 2021 года.
Условия промо-акции:
1)AirPods - 23 партнёра первого уровня
2)iPhone - 50 партнёра первого уровня
3)Mac - 120 партнёров первого уровня
В зачет нового Промо идут только те договора, которые были заключены на платформе http://the-arbibot.com
После выполнения условий акции наши специалисты свяжутся с каждым партнером для получения данных по отправке подарка.
Доставка подарков будет производиться курьерами нашей компании сразу после выполнения условий акции в порядке закупки и очереди.
Выплата участникам денежного эквивалента стоимости подарка или замена/обмен не производится.
Обмен/выбор цвета и доплата на больший объем памяти техники Apple (либо модель) — не допускаются.
Важно! Один пользователи имеет право получить в одни руки только один подарок!</p></div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-news">
<div class="blog-img text-center">
<a href="news.html">
<img src="storageimagesnewsL0UemfepJHoF1ApVHcELNJSZj22YAK04UvtnK64e.jpeg" alt="Image" style="width: 350px;">
</a>
<div class="dates"><span>18.12.2019</span>
</div>
</div>
<div class="news-content-wrap">
<ul>
<li><a href="news.html#"><i class="bx bx-user-check"></i>Администратор</a></li>
<li></li>
</ul>
<a href="news.html"><h3>Латинская Америка скупает Крипто на LocalBitcoins</h3></a>
<p>Еженедельные объемы торговли биткоинами на одноранговой торговой платформе LocalBitcoins в Венесуэле и Аргентине достигли новых рекордных максимумов. Веб-сайт данных криптовалюты CoinDance показывает, что объемы продаж крипто-фиат на LocalBitcoin с участием национальных валюте в Аргентине и Венесуэле достигли новых рекордных максимумов.
Согласно данным аналитического сайта, на неделе, завершившейся 21 декабря, на платформе было продано более 32,6 млн. аргентинских песо (что эквивалентно примерно $544'905), что на 34% больше, чем рекорд, зарегистрированный двумя неделями ранее.</p></div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-news">
<div class="blog-img text-center">
<a href="news.html">
<img src="storageimagesnewsXDCvTfgLEGGwbKOGcc2mUxV0fBECtj0NvBxqCowY.jpeg" alt="Image" style="width: 350px;">
</a>
<div class="dates"><span>19.11.2019</span>
</div>
</div>
<div class="news-content-wrap">
<ul>
<li><a href="news.html#"><i class="bx bx-user-check"></i>Администратор</a></li>
<li></li>
</ul>
<a href="news.html"><h3>Типы торговых стратегий ботов</h3></a>
<p>Чаще всего боты используют две стратегии: арбитраж и маркет-мейкинг (создание рынка). Арбитраж Арбитражный бот криптовалют работает одновременно на нескольких площадках. Его задача купит в одном месте подешевле и продать в другом подороже. Криптобиржи не имеют единого центра управления и поэтому цена одной и той же монеты может существенно отличаться на разных площадках. Данная стратегия может включать работу с фьючерсными контрактами. Создание рынка Роботы, использующие стратегию маркет-мейкинга, создают лимитные ордера на покупку и продажу, извлекая профит при колебании курса. Таким образом, они повышают ликвидность данной криптовалюты на бирже, за что трейдеру может быть предоставлен бонус, в виде снижения торговой комиссии. Но при чрезмерно высокой конкуренции такая стратегия может принести убытки. Особенно это касается мелких трейдеров. Создатели криптоботов интегрируют в свои программы систему страховки от резких просадок и других форс-мажорных обстоятельств. Сервисы могут располагать режимом Sell Only Mode, и тогда, при определенных параметрах, робот не будет покупать монеты. Например, при закрытии стоп-ордеров с убытком, или резком дисбалансе между покупкой и продажей конкретного цифрового актива. А также используется замораживание части депозита, чтобы избежать полной его потери при резком спаде курса.</p></div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-news">
<div class="blog-img text-center">
<a href="news.html">
<img src="storageimagesnewsFbduI6FNzkToFE4aZiLFtfp5x9zJv6u7UwdckkKT.jpeg" alt="Image" style="width: 350px;">
</a>
<div class="dates"><span>10.09.2019</span>
</div>
</div>
<div class="news-content-wrap">
<ul>
<li><a href="news.html#"><i class="bx bx-user-check"></i>Администратор</a></li>
<li></li>
</ul>
<a href="news.html"><h3>Халвинг биткоина может погубить майнинг</h3></a>
<p>Многие возлагают надежды на то, что халвинг станет стимулом роста, однако могут возникнуть более широкие проблемы, особенно в отношении майнинга биткоина. До халвинга 141 день
Обратный отсчет до планового сокращения вдвое вознаграждения майнеров сети биткоина продолжается - по прдварительным оценкам событие состоится 14 мая 2020 года. Халвинг повлечет за собой ряд последствий для экосистемы биткоина, таких как снижение его инфляции - количество BTC, добавляющихся в обращение ежедневно.
Многие ожидают, что цена будет снижаться до события, о чем свидетельствует Litecoin в начале этого года. Однако, по данным Longhash, это может быть не так. Глядя на предыдущие прайс-экшены, видно, что ценовой скачок начинался примерно через шесть месяцев после халвинга биткоина и цена достигала нового пика в течение года после события. В прошлый раз, в 2012 и 2016 годах, биткоин, безусловно поднимался в цене, в том числе, когда достиг пика в 2017 год, но это может являться простым совпадением с другими фундаментальными факторами.
В отчете Longhash говорится, что нет достаточных доказательств того, что именно халвинг в 2012 году привело к росту в 2013 и что в 2016 году халвинг стал причиной роста в 2017 году, который был в значительной степени обусловлен бумом ICO. После того, как в 2020 году вознаграждение майнерв сократится вдвое, BTC станет дороже «добывать», но это вовсе не означает, что стоимость самого актива увеличиться. В майнинг было вложено много инвестиций, что отражается в скорости хэширования сети биткоина, которая недавно достигла нового рекордного максимума в 111,84 EH/s.
Возможные последствия
Если скорость хэширования продолжит расти, но цена BTC останется на текущих уровнях после того, как произойдет халвинг, прибыль от майнинга может снизиться до тех уровней, которые не наблюдались с момента падения BTC до 3'500 долларов в конце прошлого года. Это оказыжет давление на крупнейших производителей оборудования, таких как Bitmain и Canaan.
Последний уже видел падение акций более 40% с момента IPO в ноябре. Bitmain также находится в плохом положении в настоящее время после недавней борьбы за власть в руководстве компании. Если рост цены, после халвинга биткоина, не будет реализован, то в 2020 году майнинг-промышленность окажется в очень сложной ситуации гораздо большие трудности.</p></div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-news">
<div class="blog-img text-center">
<a href="news.html">
<img src="storageimagesnewsdroYJwTe2M06wx6Bn4YzDbDBI4tN3uUBAaXfEsIp.jpeg" alt="Image" style="width: 350px;">
</a>
<div class="dates"><span>16.07.2019</span>
</div>
</div>
<div class="news-content-wrap">
<ul>
<li><a href="news.html#"><i class="bx bx-user-check"></i>Администратор</a></li>
<li></li>
</ul>
<a href="news.html"><h3>Итальянцы предпочитают биткоин Visa и Mastercard для онлайн-покупок</h3></a>
<p>Согласно новым данным маркетинговой аналитической компании SEMRush, биткоин является третьим наиболее предпочтительным методом онлайн-платежей в Италии. 31 октября итальянское новостное издание La Stampa сообщило, что в бостонской компании по маркетинговому анализу было заявлено, что в списке наиболее используемых методов онлайн-платежных систем Италии BTC занимает сильное, третье место, уступая только PayPal и итальянской карте PostePay.
Данные также показали, что итальянцы используют биткоины для покупок в интернете чаще, чем традиционные кредитные карты, такие как Visa, Mastercard или American Express.
Согласно La Stampa, биткоины используются в Италии более 215'800 раз в месяц для онлайн-покупок, а карты American Express - всего 189'000 в месяц. Visa, Mastercard и другие кредитные карты отстают только с 33'950 онлайн транзакциями в месяц.
Вслед за Paypal и PostePay
Калифорнийская служба онлайн-платежей Paypal остается бесспорным выбором для онлайн-платежей в Италии, где ежемесячно совершается около 1,3 миллиона платежных операций. Итальянский платежный процессор PostePay находится близко, проводя почти 1,2 миллиона ежемесячных транзакций.
Стоит отметить, что данные не учитывают количество счетов Paypal и PostePay, которые были связаны с кредитными картами.
Итальянцы покупают все больше и больше онлайн.
La Stampa пишет, что в 2018 году общие расходы бизнес-клиентов на электронную коммерцию превысили 40 миллиардов евро, причем 62% итальянцев совершили хотя бы одну онлайн-покупку в этом году.</p></div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-news">
<div class="blog-img text-center">
<a href="news.html">
<img src="storageimagesnewstG8PoRgGgM4bnu8PjC0RqI6WX2iFPmxfGdCeLp7Z.jpeg" alt="Image" style="width: 350px;">
</a>
<div class="dates"><span>07.05.2019</span>
</div>
</div>
<div class="news-content-wrap">
<ul>
<li><a href="news.html#"><i class="bx bx-user-check"></i>Администратор</a></li>
<li></li>
</ul>
<a href="news.html"><h3>CoinFLEX открывает ставки на появение Libra</h3></a>
<p>Криптобиржа CoinFLEX выпускает деривативы, позволяющие сделать ставку на запуск криптовалюты Libra под управлением Facebook. По сообщению Bloomberg, биржа, получившая название Initial Futures Offering (IFO), запустила аналогичные производные продукты как для проекта взаимодействия блокчейнов Polkadot, так и для сети облачных вычислений Dfinity.
IFO Libra, физически рассчитанный продукт, позволяет инвесторам делать ставки, если Libra запустится до даты расчета 30 декабря 2020 года. Фьючерсный продукт будет доступен 24 октября и будет выплачиваться в токенах Libra.
Дата запуска Libra - первоначально намеченная на начало 2020 года и теперь похожая на конец года, если не намного позже - была перенесена после обратной регулятивной реакции и выхода партнеров, таких как PayPal на прошлой неделе. Законодатели некоторых стран даже призвали остановить проект. «У Facebook есть возможность конкурировать со всей глобальной банковской системой с первого дня, но из-за того факта, что этот первый день будет далек от определенности», - рассказал Bloomberg генеральный директор CoinFLEX Марк Лэмб. «Политическая реакция была жестокой, и никто не знает справится ли с этим Facebook».
По словам Лэмба, цены на фьючерсы установлены на уровне 0,30 доллара, что соответствует 30-процентной вероятности запуска Libra к дате расчета. Если Libra запустится, будущие владельцы получат приятный бонус за веру в проект.</p></div>
</div>
</div>
</div>
</div>
</section>
</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#483b3d3838273a3c083c202d65293a2a212a273c662b2725"><span class="__cf_email__" data-cfemail="14676164647b666054607c71397566767d767b603a777b79">[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>
?>