Вход Регистрация
Файл: Robot/faq.html
Строк: 6434
<?php

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<
html class="mdl-js">
<
head>
    <
meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><!-- Required meta tags -->
    <
meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><!-- Bootstrap CSS -->
    <
link rel="stylesheet" href="cssapp.css">
    <
script src="https://kit.fontawesome.com/61cd522d8e.js" crossorigin="anonymous"></script>
    <
link rel="icon" type="image/png" href="imagesfreepik-logo-.png">
    <
style type="text/css">/* Chart.js */
        
@-webkit-keyframes chartjs-render-animation {
            
from {
                
opacity: 0.99
            
}
            
to {
                
opacity: 1
            
}
        }

        @
keyframes  chartjs-render-animation {
            
from {
                
opacity: 0.99
            
}
            
to {
                
opacity: 1
            
}
        }

        .
chartjs-render-monitor {
            -
webkit-animation: chartjs-render-animation 0.001s;
            
animation: chartjs-render-animation 0.001s;
        }</
style>
    <
style>@charset  "UTF-8";
        @
import  url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap&subset=cyrillic);

        
.ps {
            
overflow: hidden !important;
            
overflow-anchor: none;
            -
ms-overflow-style: none;
            
touch-action: auto;
            -
ms-touch-action: auto
        
}

        .
ps__rail-x {
            
height: 15px;
            
bottom: 0
        
}

        .
ps__rail-x, .ps__rail-y {
            
display: none;
            
opacity: 0;
            
transition: background-color .2s linear, opacity .2s linear;
            -
webkit-transition: background-color .2s linear, opacity .2s linear;
            
position: absolute
        
}

        .
ps__rail-y {
            
width: 15px;
            
right: 0
        
}

        .
ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
            
display: block;
            
background-color: transparent
        
}

        .
ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y, .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y {
            
opacity: .6
        
}

        .
ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover, .ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover {
            
background-color: #eee;
            
opacity: .9
        
}

        .
ps__thumb-x {
            
transition: background-color .2s linear, height .2s ease-in-out;
            -
webkit-transition: background-color .2s linear, height .2s ease-in-out;
            
height: 6px;
            
bottom: 2px
        
}

        .
ps__thumb-x, .ps__thumb-y {
            
background-color: #aaa;
            
border-radius: 6px;
            
position: absolute
        
}

        .
ps__thumb-y {
            
transition: background-color .2s linear, width .2s ease-in-out;
            -
webkit-transition: background-color .2s linear, width .2s ease-in-out;
            
width: 6px;
            
right: 2px
        
}

        .
ps__rail-x.ps--clicking .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x:hover > .ps__thumb-x {
            
background-color: #999;
            
height: 11px
        
}

        .
ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y {
            
background-color: #999;
            
width: 11px
        
}

        @
supports (-ms-overflow-style:none) {
            .
ps {
                
overflow: auto !important
            
}
        }

        @
media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
            .
ps {
                
overflow: auto !important
            
}
        }

        .
ps {
            
position: relative
        
}

        
/*!
 * Cropper.js v1.5.6
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-10-04T04:33:44.164Z
 */
        
.cropper-container {
            
direction: ltr;
            
font-size: 0;
            
line-height: 0;
            
position: relative;
            -
ms-touch-action: none;
            
touch-action: none;
            -
webkit-user-select: none;
            -
moz-user-select: none;
            -
ms-user-select: none;
            
user-select: none
        
}

        .
cropper-container img {
            
display: block;
            
height: 100%;
            
image-orientation: 0deg;
            
max-height: none !important;
            
max-width: none !important;
            
min-height: 0 !important;
            
min-width: 0 !important;
            
width: 100%
        }

        .
cropper-canvas, .cropper-crop-box, .cropper-drag-box, .cropper-modal, .cropper-wrap-box {
            
bottom: 0;
            
left: 0;
            
position: absolute;
            
right: 0;
            
top: 0
        
}

        .
cropper-canvas, .cropper-wrap-box {
            
overflow: hidden
        
}

        .
cropper-drag-box {
            
background-color: #fff;
            
opacity: 0
        
}

        .
cropper-modal {
            
background-color: #000;
            
opacity: .5
        
}

        .
cropper-view-box {
            
display: block;
            
height: 100%;
            
outline: 1px solid #39f;
            
outline-color: rgba(51, 153, 255, .75);
            
overflow: hidden;
            
width: 100%
        }

        .
cropper-dashed {
            
border: 0 dashed #eee;
            
display: block;
            
opacity: .5;
            
position: absolute
        
}

        .
cropper-dashed.dashed-h {
            
border-bottom-width: 1px;
            
border-top-width: 1px;
            
height: 33.33333%;
            
left: 0;
            
top: 33.33333%;
            
width: 100%
        }

        .
cropper-dashed.dashed-v {
            
border-left-width: 1px;
            
border-right-width: 1px;
            
height: 100%;
            
left: 33.33333%;
            
top: 0;
            
width: 33.33333%
        }

        .
cropper-center {
            
display: block;
            
height: 0;
            
left: 50%;
            
opacity: .75;
            
position: absolute;
            
top: 50%;
            
width: 0
        
}

        .
cropper-center:after, .cropper-center:before {
            
background-color: #eee;
            
content: " ";
            
display: block;
            
position: absolute
        
}

        .
cropper-center:before {
            
height: 1px;
            
left: -3px;
            
top: 0;
            
width: 7px
        
}

        .
cropper-center:after {
            
height: 7px;
            
left: 0;
            
top: -3px;
            
width: 1px
        
}

        .
cropper-face, .cropper-line, .cropper-point {
            
display: block;
            
height: 100%;
            
opacity: .1;
            
position: absolute;
            
width: 100%
        }

        .
cropper-face {
            
background-color: #fff;
            
left: 0;
            
top: 0
        
}

        .
cropper-line {
            
background-color: #39f
        
}

        .
cropper-line.line-e {
            
cursor: ew-resize;
            
right: -3px;
            
top: 0;
            
width: 5px
        
}

        .
cropper-line.line-n {
            
cursor: ns-resize;
            
height: 5px;
            
left: 0;
            
top: -3px
        
}

        .
cropper-line.line-w {
            
cursor: ew-resize;
            
left: -3px;
            
top: 0;
            
width: 5px
        
}

        .
cropper-line.line-s {
            
bottom: -3px;
            
cursor: ns-resize;
            
height: 5px;
            
left: 0
        
}

        .
cropper-point {
            
background-color: #39f;
            
height: 5px;
            
opacity: .75;
            
width: 5px
        
}

        .
cropper-point.point-e {
            
cursor: ew-resize;
            
margin-top: -3px;
            
right: -3px;
            
top: 50%
        }

        .
cropper-point.point-n {
            
cursor: ns-resize;
            
left: 50%;
            
margin-left: -3px;
            
top: -3px
        
}

        .
cropper-point.point-w {
            
cursor: ew-resize;
            
left: -3px;
            
margin-top: -3px;
            
top: 50%
        }

        .
cropper-point.point-s {
            
bottom: -3px;
            
cursor: s-resize;
            
left: 50%;
            
margin-left: -3px
        
}

        .
cropper-point.point-ne {
            
cursor: nesw-resize;
            
right: -3px;
            
top: -3px
        
}

        .
cropper-point.point-nw {
            
cursor: nwse-resize;
            
left: -3px;
            
top: -3px
        
}

        .
cropper-point.point-sw {
            
bottom: -3px;
            
cursor: nesw-resize;
            
left: -3px
        
}

        .
cropper-point.point-se {
            
bottom: -3px;
            
cursor: nwse-resize;
            
height: 20px;
            
opacity: 1;
            
right: -3px;
            
width: 20px
        
}

        @
media (min-width: 768px) {
            .
cropper-point.point-se {
                
height: 15px;
                
width: 15px
            
}
        }

        @
media (min-width: 992px) {
            .
cropper-point.point-se {
                
height: 10px;
                
width: 10px
            
}
        }

        @
media (min-width: 1200px) {
            .
cropper-point.point-se {
                
height: 5px;
                
opacity: .75;
                
width: 5px
            
}
        }

        .
cropper-point.point-se:before {
            
background-color: #39f;
            
bottom: -50%;
            
content: " ";
            
display: block;
            
height: 200%;
            
opacity: 0;
            
position: absolute;
            
right: -50%;
            
width: 200%
        }

        .
cropper-invisible {
            
opacity: 0
        
}

        .
cropper-bg {
            
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
        
}

        .
cropper-hide {
            
display: block;
            
height: 0;
            
position: absolute;
            
width: 0
        
}

        .
cropper-hidden {
            
display: none !important
        
}

        .
cropper-move {
            
cursor: move
        
}

        .
cropper-crop {
            
cursor: crosshair
        
}

        .
cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
            
cursor: not-allowed
        
}

        
/*!
 * vue2-animate
 * (c) 2018 Pavel Savushkin
 * Released under the MIT License.
 * Documentation: https://github.com/asika32764/vue2-animate
 */
        
@-webkit-keyframes bounceIn {
            
0%, 20%, 40%, 60%, 80%, to {
                -
webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }
            
0% {
                
opacity: 0;
                -
webkit-transform: scale3d(.3, .3, .3);
                
transform: scale3d(.3, .3, .3)
            }
            
20% {
                -
webkit-transform: scale3d(1.1, 1.1, 1.1);
                
transform: scale3d(1.1, 1.1, 1.1)
            }
            
40% {
                -
webkit-transform: scale3d(.9, .9, .9);
                
transform: scale3d(.9, .9, .9)
            }
            
60% {
                
opacity: 1;
                -
webkit-transform: scale3d(1.03, 1.03, 1.03);
                
transform: scale3d(1.03, 1.03, 1.03)
            }
            
80% {
                -
webkit-transform: scale3d(.97, .97, .97);
                
transform: scale3d(.97, .97, .97)
            }
            
to {
                
opacity: 1;
                -
webkit-transform: scaleX(1);
                
transform: scaleX(1)
            }
        }

        @
keyframes  bounceIn {
            
0%, 20%, 40%, 60%, 80%, to {
                -
webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }
            
0% {
                
opacity: 0;
                -
webkit-transform: scale3d(.3, .3, .3);
                
transform: scale3d(.3, .3, .3)
            }
            
20% {
                -
webkit-transform: scale3d(1.1, 1.1, 1.1);
                
transform: scale3d(1.1, 1.1, 1.1)
            }
            
40% {
                -
webkit-transform: scale3d(.9, .9, .9);
                
transform: scale3d(.9, .9, .9)
            }
            
60% {
                
opacity: 1;
                -
webkit-transform: scale3d(1.03, 1.03, 1.03);
                
transform: scale3d(1.03, 1.03, 1.03)
            }
            
80% {
                -
webkit-transform: scale3d(.97, .97, .97);
                
transform: scale3d(.97, .97, .97)
            }
            
to {
                
opacity: 1;
                -
webkit-transform: scaleX(1);
                
transform: scaleX(1)
            }
        }

        @-
webkit-keyframes bounceOut {
            
20% {
                -
webkit-transform: scale3d(.9, .9, .9);
                
transform: scale3d(.9, .9, .9)
            }
            
50%, 55% {
                
opacity: 1;
                -
webkit-transform: scale3d(1.1, 1.1, 1.1);
                
transform: scale3d(1.1, 1.1, 1.1)
            }
            
to {
                
opacity: 0;
                -
webkit-transform: scale3d(.3, .3, .3);
                
transform: scale3d(.3, .3, .3)
            }
        }

        @
keyframes  bounceOut {
            
20% {
                -
webkit-transform: scale3d(.9, .9, .9);
                
transform: scale3d(.9, .9, .9)
            }
            
50%, 55% {
                
opacity: 1;
                -
webkit-transform: scale3d(1.1, 1.1, 1.1);
                
transform: scale3d(1.1, 1.1, 1.1)
            }
            
to {
                
opacity: 0;
                -
webkit-transform: scale3d(.3, .3, .3);
                
transform: scale3d(.3, .3, .3)
            }
        }

        @-
webkit-keyframes bounceInDown {
            
0%, 60%, 75%, 90%, to {
                -
webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(0, -3000px, 0);
                
transform: translate3d(0, -3000px, 0)
            }
            
60% {
                
opacity: 1;
                -
webkit-transform: translate3d(0, 25px, 0);
                
transform: translate3d(0, 25px, 0)
            }
            
75% {
                -
webkit-transform: translate3d(0, -10px, 0);
                
transform: translate3d(0, -10px, 0)
            }
            
90% {
                -
webkit-transform: translate3d(0, 5px, 0);
                
transform: translate3d(0, 5px, 0)
            }
            
to {
                -
webkit-transform: none;
                
transform: none
            
}
        }

        @
keyframes  bounceInDown {
            
0%, 60%, 75%, 90%, to {
                -
webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(0, -3000px, 0);
                
transform: translate3d(0, -3000px, 0)
            }
            
60% {
                
opacity: 1;
                -
webkit-transform: translate3d(0, 25px, 0);
                
transform: translate3d(0, 25px, 0)
            }
            
75% {
                -
webkit-transform: translate3d(0, -10px, 0);
                
transform: translate3d(0, -10px, 0)
            }
            
90% {
                -
webkit-transform: translate3d(0, 5px, 0);
                
transform: translate3d(0, 5px, 0)
            }
            
to {
                -
webkit-transform: none;
                
transform: none
            
}
        }

        @-
webkit-keyframes bounceOutDown {
            
20% {
                -
webkit-transform: translate3d(0, 10px, 0);
                
transform: translate3d(0, 10px, 0)
            }
            
40%, 45% {
                
opacity: 1;
                -
webkit-transform: translate3d(0, -20px, 0);
                
transform: translate3d(0, -20px, 0)
            }
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(0, 2000px, 0);
                
transform: translate3d(0, 2000px, 0)
            }
        }

        @
keyframes  bounceOutDown {
            
20% {
                -
webkit-transform: translate3d(0, 10px, 0);
                
transform: translate3d(0, 10px, 0)
            }
            
40%, 45% {
                
opacity: 1;
                -
webkit-transform: translate3d(0, -20px, 0);
                
transform: translate3d(0, -20px, 0)
            }
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(0, 2000px, 0);
                
transform: translate3d(0, 2000px, 0)
            }
        }

        @-
webkit-keyframes bounceInLeft {
            
0%, 60%, 75%, 90%, to {
                -
webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(-3000px, 0, 0);
                
transform: translate3d(-3000px, 0, 0)
            }
            
60% {
                
opacity: 1;
                -
webkit-transform: translate3d(25px, 0, 0);
                
transform: translate3d(25px, 0, 0)
            }
            
75% {
                -
webkit-transform: translate3d(-10px, 0, 0);
                
transform: translate3d(-10px, 0, 0)
            }
            
90% {
                -
webkit-transform: translate3d(5px, 0, 0);
                
transform: translate3d(5px, 0, 0)
            }
            
to {
                -
webkit-transform: none;
                
transform: none
            
}
        }

        @
keyframes  bounceInLeft {
            
0%, 60%, 75%, 90%, to {
                -
webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(-3000px, 0, 0);
                
transform: translate3d(-3000px, 0, 0)
            }
            
60% {
                
opacity: 1;
                -
webkit-transform: translate3d(25px, 0, 0);
                
transform: translate3d(25px, 0, 0)
            }
            
75% {
                -
webkit-transform: translate3d(-10px, 0, 0);
                
transform: translate3d(-10px, 0, 0)
            }
            
90% {
                -
webkit-transform: translate3d(5px, 0, 0);
                
transform: translate3d(5px, 0, 0)
            }
            
to {
                -
webkit-transform: none;
                
transform: none
            
}
        }

        @-
webkit-keyframes bounceOutLeft {
            
20% {
                
opacity: 1;
                -
webkit-transform: translate3d(20px, 0, 0);
                
transform: translate3d(20px, 0, 0)
            }
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(-2000px, 0, 0);
                
transform: translate3d(-2000px, 0, 0)
            }
        }

        @
keyframes  bounceOutLeft {
            
20% {
                
opacity: 1;
                -
webkit-transform: translate3d(20px, 0, 0);
                
transform: translate3d(20px, 0, 0)
            }
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(-2000px, 0, 0);
                
transform: translate3d(-2000px, 0, 0)
            }
        }

        @-
webkit-keyframes bounceInRight {
            
0%, 60%, 75%, 90%, to {
                -
webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(3000px, 0, 0);
                
transform: translate3d(3000px, 0, 0)
            }
            
60% {
                
opacity: 1;
                -
webkit-transform: translate3d(-25px, 0, 0);
                
transform: translate3d(-25px, 0, 0)
            }
            
75% {
                -
webkit-transform: translate3d(10px, 0, 0);
                
transform: translate3d(10px, 0, 0)
            }
            
90% {
                -
webkit-transform: translate3d(-5px, 0, 0);
                
transform: translate3d(-5px, 0, 0)
            }
            
to {
                -
webkit-transform: none;
                
transform: none
            
}
        }

        @
keyframes  bounceInRight {
            
0%, 60%, 75%, 90%, to {
                -
webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(3000px, 0, 0);
                
transform: translate3d(3000px, 0, 0)
            }
            
60% {
                
opacity: 1;
                -
webkit-transform: translate3d(-25px, 0, 0);
                
transform: translate3d(-25px, 0, 0)
            }
            
75% {
                -
webkit-transform: translate3d(10px, 0, 0);
                
transform: translate3d(10px, 0, 0)
            }
            
90% {
                -
webkit-transform: translate3d(-5px, 0, 0);
                
transform: translate3d(-5px, 0, 0)
            }
            
to {
                -
webkit-transform: none;
                
transform: none
            
}
        }

        @-
webkit-keyframes bounceOutRight {
            
20% {
                
opacity: 1;
                -
webkit-transform: translate3d(-20px, 0, 0);
                
transform: translate3d(-20px, 0, 0)
            }
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(2000px, 0, 0);
                
transform: translate3d(2000px, 0, 0)
            }
        }

        @
keyframes  bounceOutRight {
            
20% {
                
opacity: 1;
                -
webkit-transform: translate3d(-20px, 0, 0);
                
transform: translate3d(-20px, 0, 0)
            }
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(2000px, 0, 0);
                
transform: translate3d(2000px, 0, 0)
            }
        }

        @-
webkit-keyframes bounceInUp {
            
0%, 60%, 75%, 90%, to {
                -
webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(0, 3000px, 0);
                
transform: translate3d(0, 3000px, 0)
            }
            
60% {
                
opacity: 1;
                -
webkit-transform: translate3d(0, -20px, 0);
                
transform: translate3d(0, -20px, 0)
            }
            
75% {
                -
webkit-transform: translate3d(0, 10px, 0);
                
transform: translate3d(0, 10px, 0)
            }
            
90% {
                -
webkit-transform: translate3d(0, -5px, 0);
                
transform: translate3d(0, -5px, 0)
            }
            
to {
                -
webkit-transform: translateZ(0);
                
transform: translateZ(0)
            }
        }

        @
keyframes  bounceInUp {
            
0%, 60%, 75%, 90%, to {
                -
webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(0, 3000px, 0);
                
transform: translate3d(0, 3000px, 0)
            }
            
60% {
                
opacity: 1;
                -
webkit-transform: translate3d(0, -20px, 0);
                
transform: translate3d(0, -20px, 0)
            }
            
75% {
                -
webkit-transform: translate3d(0, 10px, 0);
                
transform: translate3d(0, 10px, 0)
            }
            
90% {
                -
webkit-transform: translate3d(0, -5px, 0);
                
transform: translate3d(0, -5px, 0)
            }
            
to {
                -
webkit-transform: translateZ(0);
                
transform: translateZ(0)
            }
        }

        @-
webkit-keyframes bounceOutUp {
            
20% {
                -
webkit-transform: translate3d(0, -10px, 0);
                
transform: translate3d(0, -10px, 0)
            }
            
40%, 45% {
                
opacity: 1;
                -
webkit-transform: translate3d(0, 20px, 0);
                
transform: translate3d(0, 20px, 0)
            }
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(0, -2000px, 0);
                
transform: translate3d(0, -2000px, 0)
            }
        }

        @
keyframes  bounceOutUp {
            
20% {
                -
webkit-transform: translate3d(0, -10px, 0);
                
transform: translate3d(0, -10px, 0)
            }
            
40%, 45% {
                
opacity: 1;
                -
webkit-transform: translate3d(0, 20px, 0);
                
transform: translate3d(0, 20px, 0)
            }
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(0, -2000px, 0);
                
transform: translate3d(0, -2000px, 0)
            }
        }

        .
bounce-enter-active, .bounce-leave-active, .bounceIn, .bounceOut {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
bounce-enter-active, .bounceIn {
            -
webkit-animation-name: bounceIn;
            
animation-name: bounceIn
        
}

        .
bounce-leave-active, .bounceOut {
            -
webkit-animation-name: bounceOut;
            
animation-name: bounceOut
        
}

        .
bounceDown-enter-active, .bounceDown-leave-active, .bounceInDown, .bounceOutDown {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
bounceDown-enter-active, .bounceInDown {
            -
webkit-animation-name: bounceInDown;
            
animation-name: bounceInDown
        
}

        .
bounceDown-leave-active, .bounceOutDown {
            -
webkit-animation-name: bounceOutDown;
            
animation-name: bounceOutDown
        
}

        .
bounceInLeft, .bounceLeft-enter-active, .bounceLeft-leave-active, .bounceOutLeft {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
bounceInLeft, .bounceLeft-enter-active {
            -
webkit-animation-name: bounceInLeft;
            
animation-name: bounceInLeft
        
}

        .
bounceLeft-leave-active, .bounceOutLeft {
            -
webkit-animation-name: bounceOutLeft;
            
animation-name: bounceOutLeft
        
}

        .
bounceInRight, .bounceOutRight, .bounceRight-enter-active, .bounceRight-leave-active {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
bounceInRight, .bounceRight-enter-active {
            -
webkit-animation-name: bounceInRight;
            
animation-name: bounceInRight
        
}

        .
bounceOutRight, .bounceRight-leave-active {
            -
webkit-animation-name: bounceOutRight;
            
animation-name: bounceOutRight
        
}

        .
bounceInUp, .bounceOutUp, .bounceUp-enter-active, .bounceUp-leave-active {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
bounceInUp, .bounceUp-enter-active {
            -
webkit-animation-name: bounceInUp;
            
animation-name: bounceInUp
        
}

        .
bounceOutUp, .bounceUp-leave-active {
            -
webkit-animation-name: bounceOutUp;
            
animation-name: bounceOutUp
        
}

        @-
webkit-keyframes fadeIn {
            
0% {
                
opacity: 0
            
}
            
to {
                
opacity: 1
            
}
        }

        @
keyframes  fadeIn {
            
0% {
                
opacity: 0
            
}
            
to {
                
opacity: 1
            
}
        }

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

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

        @-
webkit-keyframes fadeInDown {
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(0, -100%, 0);
                
transform: translate3d(0, -100%, 0)
            }
            
to {
                
opacity: 1;
                -
webkit-transform: none;
                
transform: none
            
}
        }

        @
keyframes  fadeInDown {
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(0, -100%, 0);
                
transform: translate3d(0, -100%, 0)
            }
            
to {
                
opacity: 1;
                -
webkit-transform: none;
                
transform: none
            
}
        }

        @-
webkit-keyframes fadeOutDown {
            
0% {
                
opacity: 1
            
}
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(0, 100%, 0);
                
transform: translate3d(0, 100%, 0)
            }
        }

        @
keyframes  fadeOutDown {
            
0% {
                
opacity: 1
            
}
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(0, 100%, 0);
                
transform: translate3d(0, 100%, 0)
            }
        }

        @-
webkit-keyframes fadeInDownBig {
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(0, -2000px, 0);
                
transform: translate3d(0, -2000px, 0)
            }
            
to {
                
opacity: 1;
                -
webkit-transform: none;
                
transform: none
            
}
        }

        @
keyframes  fadeInDownBig {
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(0, -2000px, 0);
                
transform: translate3d(0, -2000px, 0)
            }
            
to {
                
opacity: 1;
                -
webkit-transform: none;
                
transform: none
            
}
        }

        @-
webkit-keyframes fadeOutDownBig {
            
0% {
                
opacity: 1
            
}
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(0, 2000px, 0);
                
transform: translate3d(0, 2000px, 0)
            }
        }

        @
keyframes  fadeOutDownBig {
            
0% {
                
opacity: 1
            
}
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(0, 2000px, 0);
                
transform: translate3d(0, 2000px, 0)
            }
        }

        @-
webkit-keyframes fadeInLeft {
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(-100%, 0, 0);
                
transform: translate3d(-100%, 0, 0)
            }
            
to {
                
opacity: 1;
                -
webkit-transform: none;
                
transform: none
            
}
        }

        @
keyframes  fadeInLeft {
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(-100%, 0, 0);
                
transform: translate3d(-100%, 0, 0)
            }
            
to {
                
opacity: 1;
                -
webkit-transform: none;
                
transform: none
            
}
        }

        @-
webkit-keyframes fadeOutLeft {
            
0% {
                
opacity: 1
            
}
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(-100%, 0, 0);
                
transform: translate3d(-100%, 0, 0)
            }
        }

        @
keyframes  fadeOutLeft {
            
0% {
                
opacity: 1
            
}
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(-100%, 0, 0);
                
transform: translate3d(-100%, 0, 0)
            }
        }

        @-
webkit-keyframes fadeInLeftBig {
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(-2000px, 0, 0);
                
transform: translate3d(-2000px, 0, 0)
            }
            
to {
                
opacity: 1;
                -
webkit-transform: none;
                
transform: none
            
}
        }

        @
keyframes  fadeInLeftBig {
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(-2000px, 0, 0);
                
transform: translate3d(-2000px, 0, 0)
            }
            
to {
                
opacity: 1;
                -
webkit-transform: none;
                
transform: none
            
}
        }

        @-
webkit-keyframes fadeOutLeftBig {
            
0% {
                
opacity: 1
            
}
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(-2000px, 0, 0);
                
transform: translate3d(-2000px, 0, 0)
            }
        }

        @
keyframes  fadeOutLeftBig {
            
0% {
                
opacity: 1
            
}
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(-2000px, 0, 0);
                
transform: translate3d(-2000px, 0, 0)
            }
        }

        @-
webkit-keyframes fadeInRight {
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(100%, 0, 0);
                
transform: translate3d(100%, 0, 0)
            }
            
to {
                
opacity: 1;
                -
webkit-transform: none;
                
transform: none
            
}
        }

        @
keyframes  fadeInRight {
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(100%, 0, 0);
                
transform: translate3d(100%, 0, 0)
            }
            
to {
                
opacity: 1;
                -
webkit-transform: none;
                
transform: none
            
}
        }

        @-
webkit-keyframes fadeOutRight {
            
0% {
                
opacity: 1
            
}
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(100%, 0, 0);
                
transform: translate3d(100%, 0, 0)
            }
        }

        @
keyframes  fadeOutRight {
            
0% {
                
opacity: 1
            
}
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(100%, 0, 0);
                
transform: translate3d(100%, 0, 0)
            }
        }

        @-
webkit-keyframes fadeInRightBig {
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(2000px, 0, 0);
                
transform: translate3d(2000px, 0, 0)
            }
            
to {
                
opacity: 1;
                -
webkit-transform: none;
                
transform: none
            
}
        }

        @
keyframes  fadeInRightBig {
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(2000px, 0, 0);
                
transform: translate3d(2000px, 0, 0)
            }
            
to {
                
opacity: 1;
                -
webkit-transform: none;
                
transform: none
            
}
        }

        @-
webkit-keyframes fadeOutRightBig {
            
0% {
                
opacity: 1
            
}
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(2000px, 0, 0);
                
transform: translate3d(2000px, 0, 0)
            }
        }

        @
keyframes  fadeOutRightBig {
            
0% {
                
opacity: 1
            
}
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(2000px, 0, 0);
                
transform: translate3d(2000px, 0, 0)
            }
        }

        @-
webkit-keyframes fadeInUp {
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(0, 100%, 0);
                
transform: translate3d(0, 100%, 0)
            }
            
to {
                
opacity: 1;
                -
webkit-transform: none;
                
transform: none
            
}
        }

        @
keyframes  fadeInUp {
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(0, 100%, 0);
                
transform: translate3d(0, 100%, 0)
            }
            
to {
                
opacity: 1;
                -
webkit-transform: none;
                
transform: none
            
}
        }

        @-
webkit-keyframes fadeOutUp {
            
0% {
                
opacity: 1
            
}
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(0, -100%, 0);
                
transform: translate3d(0, -100%, 0)
            }
        }

        @
keyframes  fadeOutUp {
            
0% {
                
opacity: 1
            
}
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(0, -100%, 0);
                
transform: translate3d(0, -100%, 0)
            }
        }

        @-
webkit-keyframes fadeInUpBig {
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(0, 2000px, 0);
                
transform: translate3d(0, 2000px, 0)
            }
            
to {
                
opacity: 1;
                -
webkit-transform: none;
                
transform: none
            
}
        }

        @
keyframes  fadeInUpBig {
            
0% {
                
opacity: 0;
                -
webkit-transform: translate3d(0, 2000px, 0);
                
transform: translate3d(0, 2000px, 0)
            }
            
to {
                
opacity: 1;
                -
webkit-transform: none;
                
transform: none
            
}
        }

        @-
webkit-keyframes fadeOutUpBig {
            
0% {
                
opacity: 1
            
}
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(0, -2000px, 0);
                
transform: translate3d(0, -2000px, 0)
            }
        }

        @
keyframes  fadeOutUpBig {
            
0% {
                
opacity: 1
            
}
            
to {
                
opacity: 0;
                -
webkit-transform: translate3d(0, -2000px, 0);
                
transform: translate3d(0, -2000px, 0)
            }
        }

        .
fade-enter-active, .fade-leave-active, .fadeIn, .fadeOut {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
fade-enter-active, .fadeIn {
            -
webkit-animation-name: fadeIn;
            
animation-name: fadeIn
        
}

        .
fade-leave-active, .fadeOut {
            -
webkit-animation-name: fadeOut;
            
animation-name: fadeOut
        
}

        .
fadeDown-enter-active, .fadeDown-leave-active, .fadeInDown, .fadeOutDown {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
fadeDown-enter-active, .fadeInDown {
            -
webkit-animation-name: fadeInDown;
            
animation-name: fadeInDown
        
}

        .
fadeDown-leave-active, .fadeOutDown {
            -
webkit-animation-name: fadeOutDown;
            
animation-name: fadeOutDown
        
}

        .
fadeDownBig-enter-active, .fadeDownBig-leave-active, .fadeInDownBig, .fadeOutDownBig {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
fadeDownBig-enter-active, .fadeInDownBig {
            -
webkit-animation-name: fadeInDownBig;
            
animation-name: fadeInDownBig
        
}

        .
fadeDownBig-leave-active, .fadeOutDownBig {
            -
webkit-animation-name: fadeOutDownBig;
            
animation-name: fadeOutDownBig
        
}

        .
fadeInLeft, .fadeLeft-enter-active, .fadeLeft-leave-active, .fadeOutLeft {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
fadeInLeft, .fadeLeft-enter-active {
            -
webkit-animation-name: fadeInLeft;
            
animation-name: fadeInLeft
        
}

        .
fadeLeft-leave-active, .fadeOutLeft {
            -
webkit-animation-name: fadeOutLeft;
            
animation-name: fadeOutLeft
        
}

        .
fadeInLeftBig, .fadeLeftBig-enter-active, .fadeLeftBig-leave-active, .fadeOutLeftBig {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
fadeInLeftBig, .fadeLeftBig-enter-active {
            -
webkit-animation-name: fadeInLeftBig;
            
animation-name: fadeInLeftBig
        
}

        .
fadeLeftBig-leave-active, .fadeOutLeftBig {
            -
webkit-animation-name: fadeOutLeftBig;
            
animation-name: fadeOutLeftBig
        
}

        .
fadeInRight, .fadeOutRight, .fadeRight-enter-active, .fadeRight-leave-active {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
fadeInRight, .fadeRight-enter-active {
            -
webkit-animation-name: fadeInRight;
            
animation-name: fadeInRight
        
}

        .
fadeOutRight, .fadeRight-leave-active {
            -
webkit-animation-name: fadeOutRight;
            
animation-name: fadeOutRight
        
}

        .
fadeInRightBig, .fadeOutRightBig, .fadeRightBig-enter-active, .fadeRightBig-leave-active {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
fadeInRightBig, .fadeRightBig-enter-active {
            -
webkit-animation-name: fadeInRightBig;
            
animation-name: fadeInRightBig
        
}

        .
fadeOutRightBig, .fadeRightBig-leave-active {
            -
webkit-animation-name: fadeOutRightBig;
            
animation-name: fadeOutRightBig
        
}

        .
fadeInUp, .fadeOutUp, .fadeUp-enter-active, .fadeUp-leave-active {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
fadeInUp, .fadeUp-enter-active {
            -
webkit-animation-name: fadeInUp;
            
animation-name: fadeInUp
        
}

        .
fadeOutUp, .fadeUp-leave-active {
            -
webkit-animation-name: fadeOutUp;
            
animation-name: fadeOutUp
        
}

        .
fadeInUpBig, .fadeOutUpBig, .fadeUpBig-enter-active, .fadeUpBig-leave-active {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
fadeInUpBig, .fadeUpBig-enter-active {
            -
webkit-animation-name: fadeInUpBig;
            
animation-name: fadeInUpBig
        
}

        .
fadeOutUpBig, .fadeUpBig-leave-active {
            -
webkit-animation-name: fadeOutUpBig;
            
animation-name: fadeOutUpBig
        
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .
rotate-enter-active, .rotate-leave-active, .rotateIn, .rotateOut {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
rotate-enter-active, .rotateIn {
            -
webkit-animation-name: rotateIn;
            
animation-name: rotateIn
        
}

        .
rotate-leave-active, .rotateOut {
            -
webkit-animation-name: rotateOut;
            
animation-name: rotateOut
        
}

        .
rotateDownLeft-enter-active, .rotateDownLeft-leave-active, .rotateInDownLeft, .rotateOutDownLeft {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
rotateDownLeft-enter-active, .rotateInDownLeft {
            -
webkit-animation-name: rotateInDownLeft;
            
animation-name: rotateInDownLeft
        
}

        .
rotateDownLeft-leave-active, .rotateOutDownLeft {
            -
webkit-animation-name: rotateOutDownLeft;
            
animation-name: rotateOutDownLeft
        
}

        .
rotateDownRight-enter-active, .rotateDownRight-leave-active, .rotateInDownRight, .rotateOutDownRight {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
rotateDownRight-enter-active, .rotateInDownRight {
            -
webkit-animation-name: rotateInDownRight;
            
animation-name: rotateInDownRight
        
}

        .
rotateDownRight-leave-active, .rotateOutDownRight {
            -
webkit-animation-name: rotateOutDownRight;
            
animation-name: rotateOutDownRight
        
}

        .
rotateInUpLeft, .rotateOutUpLeft, .rotateUpLeft-enter-active, .rotateUpLeft-leave-active {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
rotateInUpLeft, .rotateUpLeft-enter-active {
            -
webkit-animation-name: rotateInUpLeft;
            
animation-name: rotateInUpLeft
        
}

        .
rotateOutUpLeft, .rotateUpLeft-leave-active {
            -
webkit-animation-name: rotateOutUpLeft;
            
animation-name: rotateOutUpLeft
        
}

        .
rotateInUpRight, .rotateOutUpRight, .rotateUpRight-enter-active, .rotateUpRight-leave-active {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
rotateInUpRight, .rotateUpRight-enter-active {
            -
webkit-animation-name: rotateInUpRight;
            
animation-name: rotateInUpRight
        
}

        .
rotateOutUpRight, .rotateUpRight-leave-active {
            -
webkit-animation-name: rotateOutUpRight;
            
animation-name: rotateOutUpRight
        
}

        @-
webkit-keyframes slideInDown {
            
0% {
                -
webkit-transform: translate3d(0, -100%, 0);
                
transform: translate3d(0, -100%, 0);
                
visibility: visible
            
}
            
to {
                -
webkit-transform: translateZ(0);
                
transform: translateZ(0)
            }
        }

        @
keyframes  slideInDown {
            
0% {
                -
webkit-transform: translate3d(0, -100%, 0);
                
transform: translate3d(0, -100%, 0);
                
visibility: visible
            
}
            
to {
                -
webkit-transform: translateZ(0);
                
transform: translateZ(0)
            }
        }

        @-
webkit-keyframes slideOutDown {
            
0% {
                -
webkit-transform: translateZ(0);
                
transform: translateZ(0)
            }
            
to {
                
visibility: hidden;
                -
webkit-transform: translate3d(0, 100%, 0);
                
transform: translate3d(0, 100%, 0)
            }
        }

        @
keyframes  slideOutDown {
            
0% {
                -
webkit-transform: translateZ(0);
                
transform: translateZ(0)
            }
            
to {
                
visibility: hidden;
                -
webkit-transform: translate3d(0, 100%, 0);
                
transform: translate3d(0, 100%, 0)
            }
        }

        @-
webkit-keyframes slideInLeft {
            
0% {
                -
webkit-transform: translate3d(-100%, 0, 0);
                
transform: translate3d(-100%, 0, 0);
                
visibility: visible
            
}
            
to {
                -
webkit-transform: translateZ(0);
                
transform: translateZ(0)
            }
        }

        @
keyframes  slideInLeft {
            
0% {
                -
webkit-transform: translate3d(-100%, 0, 0);
                
transform: translate3d(-100%, 0, 0);
                
visibility: visible
            
}
            
to {
                -
webkit-transform: translateZ(0);
                
transform: translateZ(0)
            }
        }

        @-
webkit-keyframes slideOutLeft {
            
0% {
                -
webkit-transform: translateZ(0);
                
transform: translateZ(0)
            }
            
to {
                
visibility: hidden;
                -
webkit-transform: translate3d(-100%, 0, 0);
                
transform: translate3d(-100%, 0, 0)
            }
        }

        @
keyframes  slideOutLeft {
            
0% {
                -
webkit-transform: translateZ(0);
                
transform: translateZ(0)
            }
            
to {
                
visibility: hidden;
                -
webkit-transform: translate3d(-100%, 0, 0);
                
transform: translate3d(-100%, 0, 0)
            }
        }

        @-
webkit-keyframes slideInRight {
            
0% {
                -
webkit-transform: translate3d(100%, 0, 0);
                
transform: translate3d(100%, 0, 0);
                
visibility: visible
            
}
            
to {
                -
webkit-transform: translateZ(0);
                
transform: translateZ(0)
            }
        }

        @
keyframes  slideInRight {
            
0% {
                -
webkit-transform: translate3d(100%, 0, 0);
                
transform: translate3d(100%, 0, 0);
                
visibility: visible
            
}
            
to {
                -
webkit-transform: translateZ(0);
                
transform: translateZ(0)
            }
        }

        @-
webkit-keyframes slideOutRight {
            
0% {
                -
webkit-transform: translateZ(0);
                
transform: translateZ(0)
            }
            
to {
                
visibility: hidden;
                -
webkit-transform: translate3d(100%, 0, 0);
                
transform: translate3d(100%, 0, 0)
            }
        }

        @
keyframes  slideOutRight {
            
0% {
                -
webkit-transform: translateZ(0);
                
transform: translateZ(0)
            }
            
to {
                
visibility: hidden;
                -
webkit-transform: translate3d(100%, 0, 0);
                
transform: translate3d(100%, 0, 0)
            }
        }

        @-
webkit-keyframes slideInUp {
            
0% {
                -
webkit-transform: translate3d(0, 100%, 0);
                
transform: translate3d(0, 100%, 0);
                
visibility: visible
            
}
            
to {
                -
webkit-transform: translateZ(0);
                
transform: translateZ(0)
            }
        }

        @
keyframes  slideInUp {
            
0% {
                -
webkit-transform: translate3d(0, 100%, 0);
                
transform: translate3d(0, 100%, 0);
                
visibility: visible
            
}
            
to {
                -
webkit-transform: translateZ(0);
                
transform: translateZ(0)
            }
        }

        @-
webkit-keyframes slideOutUp {
            
0% {
                -
webkit-transform: translateZ(0);
                
transform: translateZ(0)
            }
            
to {
                
visibility: hidden;
                -
webkit-transform: translate3d(0, -100%, 0);
                
transform: translate3d(0, -100%, 0)
            }
        }

        @
keyframes  slideOutUp {
            
0% {
                -
webkit-transform: translateZ(0);
                
transform: translateZ(0)
            }
            
to {
                
visibility: hidden;
                -
webkit-transform: translate3d(0, -100%, 0);
                
transform: translate3d(0, -100%, 0)
            }
        }

        .
slide-enter-active, .slide-leave-active, .slideIn, .slideOut {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
slide-enter-active, .slideIn {
            -
webkit-animation-name: slideIn;
            
animation-name: slideIn
        
}

        .
slide-leave-active, .slideOut {
            -
webkit-animation-name: slideOut;
            
animation-name: slideOut
        
}

        .
slideDown-enter-active, .slideDown-leave-active, .slideInDown, .slideOutDown {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
slideDown-enter-active, .slideInDown {
            -
webkit-animation-name: slideInDown;
            
animation-name: slideInDown
        
}

        .
slideDown-leave-active, .slideOutDown {
            -
webkit-animation-name: slideOutDown;
            
animation-name: slideOutDown
        
}

        .
slideInLeft, .slideLeft-enter-active, .slideLeft-leave-active, .slideOutLeft {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
slideInLeft, .slideLeft-enter-active {
            -
webkit-animation-name: slideInLeft;
            
animation-name: slideInLeft
        
}

        .
slideLeft-leave-active, .slideOutLeft {
            -
webkit-animation-name: slideOutLeft;
            
animation-name: slideOutLeft
        
}

        .
slideInRight, .slideOutRight, .slideRight-enter-active, .slideRight-leave-active {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
slideInRight, .slideRight-enter-active {
            -
webkit-animation-name: slideInRight;
            
animation-name: slideInRight
        
}

        .
slideOutRight, .slideRight-leave-active {
            -
webkit-animation-name: slideOutRight;
            
animation-name: slideOutRight
        
}

        .
slideInUp, .slideOutUp, .slideUp-enter-active, .slideUp-leave-active {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
slideInUp, .slideUp-enter-active {
            -
webkit-animation-name: slideInUp;
            
animation-name: slideInUp
        
}

        .
slideOutUp, .slideUp-leave-active {
            -
webkit-animation-name: slideOutUp;
            
animation-name: slideOutUp
        
}

        @-
webkit-keyframes zoomIn {
            
0% {
                
opacity: 0;
                -
webkit-transform: scale3d(.3, .3, .3);
                
transform: scale3d(.3, .3, .3)
            }
            
50% {
                
opacity: 1
            
}
        }

        @
keyframes  zoomIn {
            
0% {
                
opacity: 0;
                -
webkit-transform: scale3d(.3, .3, .3);
                
transform: scale3d(.3, .3, .3)
            }
            
50% {
                
opacity: 1
            
}
        }

        @-
webkit-keyframes zoomOut {
            
0% {
                
opacity: 1
            
}
            
50% {
                
opacity: 0;
                -
webkit-transform: scale3d(.3, .3, .3);
                
transform: scale3d(.3, .3, .3)
            }
            
to {
                
opacity: 0
            
}
        }

        @
keyframes  zoomOut {
            
0% {
                
opacity: 1
            
}
            
50% {
                
opacity: 0;
                -
webkit-transform: scale3d(.3, .3, .3);
                
transform: scale3d(.3, .3, .3)
            }
            
to {
                
opacity: 0
            
}
        }

        @-
webkit-keyframes zoomInDown {
            
0% {
                
opacity: 0;
                -
webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                -
webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            
60% {
                
opacity: 1;
                -
webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -
webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }

        @
keyframes  zoomInDown {
            
0% {
                
opacity: 0;
                -
webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                -
webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            
60% {
                
opacity: 1;
                -
webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -
webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }

        @-
webkit-keyframes zoomOutDown {
            
40% {
                
opacity: 1;
                -
webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -
webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            
to {
                
opacity: 0;
                -
webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -
webkit-transform-origin: center bottom;
                
transform-origin: center bottom;
                -
webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }

        @
keyframes  zoomOutDown {
            
40% {
                
opacity: 1;
                -
webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -
webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            
to {
                
opacity: 0;
                -
webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -
webkit-transform-origin: center bottom;
                
transform-origin: center bottom;
                -
webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }

        @-
webkit-keyframes zoomInLeft {
            
0% {
                
opacity: 0;
                -
webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                -
webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            
60% {
                
opacity: 1;
                -
webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                -
webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }

        @
keyframes  zoomInLeft {
            
0% {
                
opacity: 0;
                -
webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                -
webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            
60% {
                
opacity: 1;
                -
webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                -
webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }

        @-
webkit-keyframes zoomOutLeft {
            
40% {
                
opacity: 1;
                -
webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
            }
            
to {
                
opacity: 0;
                -
webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
                
transform: scale(.1) translate3d(-2000px, 0, 0);
                -
webkit-transform-origin: left center;
                
transform-origin: left center
            
}
        }

        @
keyframes  zoomOutLeft {
            
40% {
                
opacity: 1;
                -
webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
            }
            
to {
                
opacity: 0;
                -
webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
                
transform: scale(.1) translate3d(-2000px, 0, 0);
                -
webkit-transform-origin: left center;
                
transform-origin: left center
            
}
        }

        @-
webkit-keyframes zoomInRight {
            
0% {
                
opacity: 0;
                -
webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                -
webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            
60% {
                
opacity: 1;
                -
webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                -
webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }

        @
keyframes  zoomInRight {
            
0% {
                
opacity: 0;
                -
webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                -
webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            
60% {
                
opacity: 1;
                -
webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                -
webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }

        @-
webkit-keyframes zoomOutRight {
            
40% {
                
opacity: 1;
                -
webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
            }
            
to {
                
opacity: 0;
                -
webkit-transform: scale(.1) translate3d(2000px, 0, 0);
                
transform: scale(.1) translate3d(2000px, 0, 0);
                -
webkit-transform-origin: right center;
                
transform-origin: right center
            
}
        }

        @
keyframes  zoomOutRight {
            
40% {
                
opacity: 1;
                -
webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
            }
            
to {
                
opacity: 0;
                -
webkit-transform: scale(.1) translate3d(2000px, 0, 0);
                
transform: scale(.1) translate3d(2000px, 0, 0);
                -
webkit-transform-origin: right center;
                
transform-origin: right center
            
}
        }

        @-
webkit-keyframes zoomInUp {
            
0% {
                
opacity: 0;
                -
webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                -
webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            
60% {
                
opacity: 1;
                -
webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -
webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }

        @
keyframes  zoomInUp {
            
0% {
                
opacity: 0;
                -
webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                -
webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            
60% {
                
opacity: 1;
                -
webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -
webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }

        @-
webkit-keyframes zoomOutUp {
            
40% {
                
opacity: 1;
                -
webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -
webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            
to {
                
opacity: 0;
                -
webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -
webkit-transform-origin: center bottom;
                
transform-origin: center bottom;
                -
webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }

        @
keyframes  zoomOutUp {
            
40% {
                
opacity: 1;
                -
webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -
webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            
to {
                
opacity: 0;
                -
webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -
webkit-transform-origin: center bottom;
                
transform-origin: center bottom;
                -
webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }

        .
zoom-enter-active, .zoom-leave-active, .zoomIn, .zoomOut {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
zoom-enter-active, .zoomIn {
            -
webkit-animation-name: zoomIn;
            
animation-name: zoomIn
        
}

        .
zoom-leave-active, .zoomOut {
            -
webkit-animation-name: zoomOut;
            
animation-name: zoomOut
        
}

        .
zoomDown-enter-active, .zoomDown-leave-active, .zoomInDown, .zoomOutDown {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
zoomDown-enter-active, .zoomInDown {
            -
webkit-animation-name: zoomInDown;
            
animation-name: zoomInDown
        
}

        .
zoomDown-leave-active, .zoomOutDown {
            -
webkit-animation-name: zoomOutDown;
            
animation-name: zoomOutDown
        
}

        .
zoomInLeft, .zoomLeft-enter-active, .zoomLeft-leave-active, .zoomOutLeft {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
zoomInLeft, .zoomLeft-enter-active {
            -
webkit-animation-name: zoomInLeft;
            
animation-name: zoomInLeft
        
}

        .
zoomLeft-leave-active, .zoomOutLeft {
            -
webkit-animation-name: zoomOutLeft;
            
animation-name: zoomOutLeft
        
}

        .
zoomInRight, .zoomOutRight, .zoomRight-enter-active, .zoomRight-leave-active {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
zoomInRight, .zoomRight-enter-active {
            -
webkit-animation-name: zoomInRight;
            
animation-name: zoomInRight
        
}

        .
zoomOutRight, .zoomRight-leave-active {
            -
webkit-animation-name: zoomOutRight;
            
animation-name: zoomOutRight
        
}

        .
zoomInUp, .zoomOutUp, .zoomUp-enter-active, .zoomUp-leave-active {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
zoomInUp, .zoomUp-enter-active {
            -
webkit-animation-name: zoomInUp;
            
animation-name: zoomInUp
        
}

        .
zoomOutUp, .zoomUp-leave-active {
            -
webkit-animation-name: zoomOutUp;
            
animation-name: zoomOutUp
        
}

        @-
webkit-keyframes flipIn {
            
0% {
                -
webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
                
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
                -
webkit-animation-timing-function: ease-out;
                
animation-timing-function: ease-out;
                
opacity: 0
            
}
            
40% {
                -
webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
                
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
                -
webkit-animation-timing-function: ease-out;
                
animation-timing-function: ease-out;
                
opacity: .4
            
}
            
50% {
                -
webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
                
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
                -
webkit-animation-timing-function: ease-in;
                
animation-timing-function: ease-in;
                
opacity: .5
            
}
            
80% {
                -
webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
                
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
                -
webkit-animation-timing-function: ease-in;
                
animation-timing-function: ease-in;
                
opacity: .8
            
}
            
to {
                -
webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
                
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
                -
webkit-animation-timing-function: ease-in;
                
animation-timing-function: ease-in;
                
opacity: 1
            
}
        }

        @
keyframes  flipIn {
            
0% {
                -
webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
                
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
                -
webkit-animation-timing-function: ease-out;
                
animation-timing-function: ease-out;
                
opacity: 0
            
}
            
40% {
                -
webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
                
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
                -
webkit-animation-timing-function: ease-out;
                
animation-timing-function: ease-out;
                
opacity: .4
            
}
            
50% {
                -
webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
                
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
                -
webkit-animation-timing-function: ease-in;
                
animation-timing-function: ease-in;
                
opacity: .5
            
}
            
80% {
                -
webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
                
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
                -
webkit-animation-timing-function: ease-in;
                
animation-timing-function: ease-in;
                
opacity: .8
            
}
            
to {
                -
webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
                
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
                -
webkit-animation-timing-function: ease-in;
                
animation-timing-function: ease-in;
                
opacity: 1
            
}
        }

        @-
webkit-keyframes flipOut {
            
0% {
                -
webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
                
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
                -
webkit-animation-timing-function: ease-in;
                
animation-timing-function: ease-in;
                
opacity: 1
            
}
            
40% {
                -
webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
                
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
                -
webkit-animation-timing-function: ease-in;
                
animation-timing-function: ease-in;
                
opacity: .6
            
}
            
50% {
                -
webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
                
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
                -
webkit-animation-timing-function: ease-in;
                
animation-timing-function: ease-in;
                
opacity: .5
            
}
            
80% {
                -
webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
                
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
                -
webkit-animation-timing-function: ease-out;
                
animation-timing-function: ease-out;
                
opacity: .2
            
}
            
to {
                -
webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
                
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
                -
webkit-animation-timing-function: ease-out;
                
animation-timing-function: ease-out;
                
opacity: 0
            
}
        }

        @
keyframes  flipOut {
            
0% {
                -
webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
                
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
                -
webkit-animation-timing-function: ease-in;
                
animation-timing-function: ease-in;
                
opacity: 1
            
}
            
40% {
                -
webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
                
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
                -
webkit-animation-timing-function: ease-in;
                
animation-timing-function: ease-in;
                
opacity: .6
            
}
            
50% {
                -
webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
                
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
                -
webkit-animation-timing-function: ease-in;
                
animation-timing-function: ease-in;
                
opacity: .5
            
}
            
80% {
                -
webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
                
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
                -
webkit-animation-timing-function: ease-out;
                
animation-timing-function: ease-out;
                
opacity: .2
            
}
            
to {
                -
webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
                
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
                -
webkit-animation-timing-function: ease-out;
                
animation-timing-function: ease-out;
                
opacity: 0
            
}
        }

        @-
webkit-keyframes flipInX {
            
0% {
                -
webkit-transform: perspective(400px) rotateX(90deg);
                
transform: perspective(400px) rotateX(90deg);
                -
webkit-animation-timing-function: ease-in;
                
animation-timing-function: ease-in;
                
opacity: 0
            
}
            
40% {
                -
webkit-transform: perspective(400px) rotateX(-20deg);
                
transform: perspective(400px) rotateX(-20deg);
                -
webkit-animation-timing-function: ease-in;
                
animation-timing-function: ease-in
            
}
            
60% {
                -
webkit-transform: perspective(400px) rotateX(10deg);
                
transform: perspective(400px) rotateX(10deg);
                
opacity: 1
            
}
            
80% {
                -
webkit-transform: perspective(400px) rotateX(-5deg);
                
transform: perspective(400px) rotateX(-5deg)
            }
            
to {
                -
webkit-transform: perspective(400px);
                
transform: perspective(400px)
            }
        }

        @
keyframes  flipInX {
            
0% {
                -
webkit-transform: perspective(400px) rotateX(90deg);
                
transform: perspective(400px) rotateX(90deg);
                -
webkit-animation-timing-function: ease-in;
                
animation-timing-function: ease-in;
                
opacity: 0
            
}
            
40% {
                -
webkit-transform: perspective(400px) rotateX(-20deg);
                
transform: perspective(400px) rotateX(-20deg);
                -
webkit-animation-timing-function: ease-in;
                
animation-timing-function: ease-in
            
}
            
60% {
                -
webkit-transform: perspective(400px) rotateX(10deg);
                
transform: perspective(400px) rotateX(10deg);
                
opacity: 1
            
}
            
80% {
                -
webkit-transform: perspective(400px) rotateX(-5deg);
                
transform: perspective(400px) rotateX(-5deg)
            }
            
to {
                -
webkit-transform: perspective(400px);
                
transform: perspective(400px)
            }
        }

        @-
webkit-keyframes flipInY {
            
0% {
                -
webkit-transform: perspective(400px) rotateY(90deg);
                
transform: perspective(400px) rotateY(90deg);
                -
webkit-animation-timing-function: ease-in;
                
animation-timing-function: ease-in;
                
opacity: 0
            
}
            
40% {
                -
webkit-transform: perspective(400px) rotateY(-20deg);
                
transform: perspective(400px) rotateY(-20deg);
                -
webkit-animation-timing-function: ease-in;
                
animation-timing-function: ease-in
            
}
            
60% {
                -
webkit-transform: perspective(400px) rotateY(10deg);
                
transform: perspective(400px) rotateY(10deg);
                
opacity: 1
            
}
            
80% {
                -
webkit-transform: perspective(400px) rotateY(-5deg);
                
transform: perspective(400px) rotateY(-5deg)
            }
            
to {
                -
webkit-transform: perspective(400px);
                
transform: perspective(400px)
            }
        }

        @
keyframes  flipInY {
            
0% {
                -
webkit-transform: perspective(400px) rotateY(90deg);
                
transform: perspective(400px) rotateY(90deg);
                -
webkit-animation-timing-function: ease-in;
                
animation-timing-function: ease-in;
                
opacity: 0
            
}
            
40% {
                -
webkit-transform: perspective(400px) rotateY(-20deg);
                
transform: perspective(400px) rotateY(-20deg);
                -
webkit-animation-timing-function: ease-in;
                
animation-timing-function: ease-in
            
}
            
60% {
                -
webkit-transform: perspective(400px) rotateY(10deg);
                
transform: perspective(400px) rotateY(10deg);
                
opacity: 1
            
}
            
80% {
                -
webkit-transform: perspective(400px) rotateY(-5deg);
                
transform: perspective(400px) rotateY(-5deg)
            }
            
to {
                -
webkit-transform: perspective(400px);
                
transform: perspective(400px)
            }
        }

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

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

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

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

        .
flip-enter-active, .flip-leave-active, .flipIn, .flipOut {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
flip-enter-active, .flipIn {
            -
webkit-animation-name: flipIn;
            
animation-name: flipIn
        
}

        .
flip-leave-active, .flipOut {
            -
webkit-animation-name: flipOut;
            
animation-name: flipOut
        
}

        .
flipInX, .flipOutX, .flipX-enter-active, .flipX-leave-active {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
flipInX, .flipX-enter-active {
            -
webkit-animation-name: flipInX;
            
animation-name: flipInX
        
}

        .
flipOutX, .flipX-leave-active {
            -
webkit-animation-name: flipOutX;
            
animation-name: flipOutX
        
}

        .
flipInY, .flipOutY, .flipY-enter-active, .flipY-leave-active {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
flipInY, .flipY-enter-active {
            -
webkit-animation-name: flipInY;
            
animation-name: flipInY
        
}

        .
flipOutY, .flipY-leave-active {
            -
webkit-animation-name: flipOutY;
            
animation-name: flipOutY
        
}

        @-
webkit-keyframes lightSpeedIn {
            
0% {
                -
webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
                
transform: translate3d(100%, 0, 0) skewX(-30deg);
                
opacity: 0
            
}
            
60% {
                -
webkit-transform: skewX(20deg);
                
transform: skewX(20deg);
                
opacity: 1
            
}
            
80% {
                -
webkit-transform: skewX(-5deg);
                
transform: skewX(-5deg)
            }
            
to {
                -
webkit-transform: translateZ(0);
                
transform: translateZ(0)
            }
        }

        @
keyframes  lightSpeedIn {
            
0% {
                -
webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
                
transform: translate3d(100%, 0, 0) skewX(-30deg);
                
opacity: 0
            
}
            
60% {
                -
webkit-transform: skewX(20deg);
                
transform: skewX(20deg);
                
opacity: 1
            
}
            
80% {
                -
webkit-transform: skewX(-5deg);
                
transform: skewX(-5deg)
            }
            
to {
                -
webkit-transform: translateZ(0);
                
transform: translateZ(0)
            }
        }

        @-
webkit-keyframes lightSpeedOut {
            
0% {
                
opacity: 1
            
}
            
to {
                -
webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
                
transform: translate3d(100%, 0, 0) skewX(30deg);
                
opacity: 0
            
}
        }

        @
keyframes  lightSpeedOut {
            
0% {
                
opacity: 1
            
}
            
to {
                -
webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
                
transform: translate3d(100%, 0, 0) skewX(30deg);
                
opacity: 0
            
}
        }

        .
lightSpeed-enter-active, .lightSpeed-leave-active, .lightSpeedIn, .lightSpeedOut {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: both;
            
animation-fill-mode: both
        
}

        .
lightSpeed-enter-active, .lightSpeedIn {
            -
webkit-animation-name: lightSpeedIn;
            
animation-name: lightSpeedIn
        
}

        .
lightSpeed-leave-active, .lightSpeedOut {
            -
webkit-animation-name: lightSpeedOut;
            
animation-name: lightSpeedOut
        
}

        .
ls-is-placeholder {
            -
webkit-animation-duration: 1s;
            
animation-duration: 1s;
            -
webkit-animation-fill-mode: forwards;
            
animation-fill-mode: forwards;
            -
webkit-animation-iteration-count: infinite;
            
animation-iteration-count: infinite;
            -
webkit-animation-name: placeload;
            
animation-name: placeload;
            -
webkit-animation-timing-function: linear;
            
animation-timing-function: linear;
            
background: #f6f7f8;
            
background: #eee;
            
background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #ddd), color-stop(33%, #eee));
            
background: linear-gradient(90deg, #eee 8%, #ddd 18%, #eee 33%);
            
background-size: 1200px 104px
        
}

        @-
webkit-keyframes placeload {
            
0% {
                
background-position: -468px 0
            
}
            
to {
                
background-position: 468px 0
            
}
        }

        @
keyframes  placeload {
            
0% {
                
background-position: -468px 0
            
}
            
to {
                
background-position: 468px 0
            
}
        }

        .
cropper-modal {
            
background: #fff !important
        
}

        .
index_overlay_3o1oc[data-v-d2cc5776] {
            
position: fixed;
            
left: 0;
            
top: 0;
            
width: 100%;
            
height: 100vh;
            
background: rgba(0, 0, 0, .6);
            
z-index: 1
        
}

        .
index_flex_2WuQk[data-v-d5e2b1b8] {
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center;
            -
webkit-box-pack: center;
            -
ms-flex-pack: center;
            
justify-content: center;
            
height: 12px
        
}

        .
index_dots_2sRuU[data-v-d5e2b1b8] {
            
position: relative;
            
display: block;
            
left: -9999px;
            
width: 8px;
            
height: 8px;
            
border-radius: 5px;
            
background-color: #fff;
            
color: #fff;
            
-webkit-box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
            
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
            
-webkit-animation: index_dotTyping-data-v-d5e2b1b8_3b1hP 1s linear infinite;
            
animation: index_dotTyping-data-v-d5e2b1b8_3b1hP 1s linear infinite
        
}

        @-
webkit-keyframes index_dotTyping-data-v-d5e2b1b8_3b1hP {
            
0% {
                -
webkit-box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
                
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff
            
}
            
16.667% {
                -
webkit-box-shadow: 9984px -10px 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
                
box-shadow: 9984px -10px 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff
            
}
            
33.333% {
                -
webkit-box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
                
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff
            
}
            
50% {
                -
webkit-box-shadow: 9984px 0 0 0 #fff, 9999px -10px 0 0 #fff, 10014px 0 0 0 #fff;
                
box-shadow: 9984px 0 0 0 #fff, 9999px -10px 0 0 #fff, 10014px 0 0 0 #fff
            
}
            
66.667% {
                -
webkit-box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
                
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff
            
}
            
83.333% {
                -
webkit-box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px -10px 0 0 #fff;
                
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px -10px 0 0 #fff
            
}
            
to {
                -
webkit-box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
                
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff
            
}
        }

        @
keyframes  index_dotTyping-data-v-d5e2b1b8_3b1hP {
            
0% {
                -
webkit-box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
                
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff
            
}
            
16.667% {
                -
webkit-box-shadow: 9984px -10px 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
                
box-shadow: 9984px -10px 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff
            
}
            
33.333% {
                -
webkit-box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
                
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff
            
}
            
50% {
                -
webkit-box-shadow: 9984px 0 0 0 #fff, 9999px -10px 0 0 #fff, 10014px 0 0 0 #fff;
                
box-shadow: 9984px 0 0 0 #fff, 9999px -10px 0 0 #fff, 10014px 0 0 0 #fff
            
}
            
66.667% {
                -
webkit-box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
                
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff
            
}
            
83.333% {
                -
webkit-box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px -10px 0 0 #fff;
                
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px -10px 0 0 #fff
            
}
            
to {
                -
webkit-box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
                
box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff
            
}
        }

        .
index_title_FH22r[data-v-1ed0849b] {
            
font-family: Lety Montserrat;
            
font-weight: 800;
            
font-stretch: normal;
            
font-style: normal;
            
line-height: 1.25;
            
letter-spacing: normal;
            
font-size: 14px;
            
color: #121212;
            
margin-bottom: 6px
        
}

        @
media (max-height: 700px) {
            .
index_title_FH22r[data-v-1ed0849b] {
                
font-size: 12px
            
}
        }

        .
index_description_2-Bv5[data-v-1ed0849b] {
            
font-family: Open Sans;
            
font-size: 12px;
            
color: #121212;
            
margin-bottom: 12px
        
}

        @
media (max-height: 700px) {
            .
index_description_2-Bv5[data-v-1ed0849b] {
                
font-size: 10px
            
}
        }

        .
index_stars_2Q7fp[data-v-1ed0849b] {
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center
        
}

        .
index_star_2xFsW[data-v-1ed0849b] {
            
margin-right: 8px;
            
cursor: pointer
        
}

        .
index_active_fCWiV[data-v-1ed0849b] {
            
background: red
        
}

        .
index_message_2Kdw6[data-v-1ed0849b] {
            
margin: 6px 0 12px
        
}

        .
index_textarea_1BEuj[data-v-1ed0849b] {
            
display: block;
            
width: 100%;
            
height: 70px;
            
resize: none;
            -
webkit-box-sizing: border-box;
            
box-sizing: border-box;
            
padding: 4px 8px;
            
margin: 0;
            
outline: 0;
            
border: 1px solid #ccc;
            
border-radius: 2px;
            
font-size: 12px;
            
font-style: italic
        
}

        @
media (max-height: 700px) {
            .
index_textarea_1BEuj[data-v-1ed0849b] {
                
height: 50px
            
}
        }

        .
index_buttons_1OGVk[data-v-1ed0849b] {
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-pack: start;
            -
ms-flex-pack: start;
            
justify-content: flex-start;
            
margin: 12px 0 0 0
        
}

        .
index_button_1-jYt[data-v-1ed0849b] {
            
background: #fc0;
            
font-size: 12px;
            
cursor: pointer;
            
padding: 8px 24px;
            
border-radius: 4px;
            -
webkit-user-select: none;
            -
moz-user-select: none;
            -
ms-user-select: none;
            
user-select: none;
            
color: #121212;
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-transition: all .2s ease;
            
transition: all .2s ease;
            
text-align: center;
            -
webkit-box-pack: center;
            -
ms-flex-pack: center;
            
justify-content: center;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center;
            
height: 33px;
            -
webkit-box-sizing: border-box;
            
box-sizing: border-box;
            
min-width: 120px
        
}

        .
index_button_1-jYt[data-v-1ed0849b]:hover {
            
background: #ffd21f
        
}

        .
index_button_1-jYt[disabled][data-v-1ed0849b] {
            
cursor: default;
            
background: #ffeb99;
            
color: #5f5f5f
        
}

        .
index_button_1-jYt[disabled][data-v-1ed0849b]:hover {
            
background: #ffeb99
        
}

        .
index_review-trigger_2t9Zb[data-v-1ed0849b] {
            
cursor: pointer;
            
font-size: 9px;
            
text-decoration: underline;
            
margin: 0 0 0 6px
        
}

        .
index_review-trigger_2t9Zb[data-v-1ed0849b]:hover {
            
text-decoration: none
        
}

        .
index_close_2RAkw[data-v-1ed0849b] {
            
position: absolute;
            
right: 12px;
            
top: 12px;
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center;
            -
webkit-box-pack: center;
            -
ms-flex-pack: center;
            
justify-content: center;
            
cursor: pointer;
            -
webkit-transition: all .2s ease;
            
transition: all .2s ease;
            -
webkit-transform: rotate(0);
            
transform: rotate(0);
            
z-index: 2
        
}

        .
index_close_2RAkw[data-v-1ed0849b]:hover {
            -
webkit-transform: rotate(180deg);
            
transform: rotate(180deg)
        }

        .
index_target-search-resource_3t5AL[data-v-25966366] {
            
border-radius: 3px;
            
position: relative
        
}

        .
index_target-search-resource_3t5AL[data-v-25966366]:after {
            
display: block;
            
content: "";
            
width: 100%;
            
height: 100%;
            
position: absolute;
            
left: 0;
            
top: 0;
            
opacity: 0;
            
visibility: hidden;
            
z-index: 2
        
}

        .
index_target-search-resource__image_29dJm[data-v-25966366] {
            
display: block;
            
max-width: 100%;
            
max-height: 420px;
            
margin: 0 auto
        
}

        .
index_target-search-resource--pending_2JOdi[data-v-25966366]:after {
            
opacity: 1;
            
visibility: visible
        
}

        .
index_target-search-resource__button_VCfr1[data-v-25966366] {
            
font-family: Open Sans;
            
border: 1px solid #fcd111;
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center;
            -
webkit-box-pack: center;
            -
ms-flex-pack: center;
            
justify-content: center;
            
color: #000;
            
background: #fcd31b;
            
cursor: pointer;
            -
webkit-transition: all .2s ease;
            
transition: all .2s ease;
            
width: 100%;
            
height: 48px;
            
border-radius: 3px;
            
font-size: 13px;
            
margin-top: 12px;
            
outline: 0 !important;
            
padding: 0 16px;
            
line-height: 1.2;
            
text-transform: none;
            
letter-spacing: normal;
            
font-weight: 400;
            -
webkit-box-shadow: none;
            
box-shadow: none
        
}

        .
index_target-search-resource__button_VCfr1[data-v-25966366]:hover {
            
background: #facd03
        
}

        .
index_target-search-resource__button_VCfr1[data-v-25966366]:disabled {
            
cursor: default;
            
opacity: .6
        
}

        .
index_app-bar_1mgyp[data-v-3965013a] {
            
width: 380px;
            
padding: 12px 12px 24px;
            
position: relative;
            
font-family: Open Sans
        
}

        .
index_app-bar_1mgyp [data-v-3965013a], .index_app-bar_1mgyp[data-v-3965013a] {
            -
webkit-box-sizing: border-box;
            
box-sizing: border-box
        
}

        .
index_app-bar__top_18DEU[data-v-3965013a] {
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center;
            
margin-bottom: 24px;
            
height: 24px
        
}

        .
index_app-bar__logo_uQxsw[data-v-3965013a] {
            
margin: 12px 10px 0 10px
        
}

        .
index_app-bar__title_1eAcz[data-v-3965013a] {
            
font-family: Lety Montserrat;
            
font-size: 14px;
            
margin: 6px 0 0 10px;
            
font-weight: 400
        
}

        .
index_app-bar__body_2MQqs[data-v-3965013a] {
            
margin-bottom: 6px
        
}

        .
index_app-bar__helpers_3A3ZI[data-v-3965013a] {
            
position: absolute;
            
left: 0;
            
bottom: 0;
            
width: 100%;
            
padding: 12px;
            
background: #fff
        
}

        .
index_app-bar__helper_3BAxU[data-v-3965013a], .index_app-bar__helpers_3A3ZI[data-v-3965013a] {
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center
        
}

        .
index_app-bar__helper_3BAxU[data-v-3965013a] {
            
margin-right: 12px;
            
cursor: pointer;
            
font-size: 12px;
            
color: #333
        
}

        .
index_app-bar__helper_3BAxU svg[data-v-3965013a] {
            
margin-right: 4px
        
}

        .
index_app-bar_1mgyp .index_feedBack_2NYXB[data-v-3965013a] {
            
position: absolute;
            
left: 12px;
            
bottom: 52px;
            
width: calc(100% - 24px);
            
padding: 16px 24px;
            
background: #fff;
            
-webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, .05);
            
box-shadow: 0 0 6px 2px rgba(0, 0, 0, .05)
        }

        .
index_beta_2okRD[data-v-3965013a] {
            
font-size: 9px;
            
color: #000;
            
margin: 0 0 0 4px
        
}

        .
index_rate_2mpsD {
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-align: baseline;
            -
ms-flex-align: baseline;
            
align-items: baseline;
            -
webkit-box-pack: start;
            -
ms-flex-pack: start;
            
justify-content: flex-start
        
}

        .
index_prefix_2PzY1 {
            
font-size: 10px;
            
margin-right: 3px;
            
margin-top: 2px;
            
color: #666
        
}

        .
index_current-value_2QD9Y {
            
font-weight: 700;
            
font-size: 12px
        
}

        .
index_default-value_1Nmsg {
            
font-size: 10px;
            
text-decoration: line-through
        
}

        .
index_result-item_2uvlA[data-v-1d41e716] {
            
font-family: Open Sans;
            
border: 1px solid #efefef;
            
height: 200px;
            
margin: 0 6px 12px;
            
border-radius: 3px;
            
width: calc(33.33333% - 12px);
            -
webkit-transition: all .2s ease;
            
transition: all .2s ease;
            
padding: 6px;
            -
webkit-box-sizing: border-box;
            
box-sizing: border-box;
            
display: block;
            
text-decoration: none;
            
cursor: pointer;
            
background: #fff;
            
position: relative;
            
overflow: hidden
        
}

        .
index_result-item_2uvlA[data-v-1d41e716]:hover {
            
text-decoration: none
        
}

        .
index_result-item_2uvlA:hover .index_footer_rOKZW[data-v-1d41e716] {
            
height: auto;
            
max-height: 200px
        
}

        .
index_result-item_2uvlA:hover .index_overlay_1i_Yp[data-v-1d41e716] {
            
opacity: .5;
            
visibility: visible
        
}

        .
index_result-item_2uvlA:hover .index_title_3YD5Z[data-v-1d41e716] {
            
opacity: 1;
            
visibility: visible
        
}

        .
index_thumb_1ioLi[data-v-1d41e716] {
            
height: 138px;
            
position: relative;
            
overflow: hidden;
            
margin-bottom: 12px;
            
border-radius: 2px;
            
line-height: 1;
            -
webkit-transition: all .2s ease;
            
transition: all .2s ease;
            
background: #fff;
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center;
            -
webkit-box-pack: center;
            -
ms-flex-pack: center;
            
justify-content: center;
            -
webkit-box-sizing: border-box;
            
box-sizing: border-box
        
}

        .
index_thumb_1ioLi img[data-v-1d41e716] {
            
display: block;
            
max-width: 100%;
            
max-height: 100%;
            
margin: 0 auto
        
}

        .
index_price_1VIEy[data-v-1d41e716] {
            -
webkit-box-sizing: border-box;
            
box-sizing: border-box;
            
font-weight: 700;
            
color: #333
        
}

        .
index_label_3HSg0[data-v-1d41e716] {
            -
webkit-box-sizing: border-box;
            
box-sizing: border-box;
            
color: #666;
            
font-size: 9px
        
}

        .
index_title_3YD5Z[data-v-1d41e716] {
            
font-size: 10px;
            
color: #000;
            
font-weight: 400;
            
opacity: 0;
            
visibility: hidden;
            
line-height: 1.3
        
}

        .
index_price-row_1_nh4[data-v-1d41e716] {
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-pack: justify;
            -
ms-flex-pack: justify;
            
justify-content: space-between;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center;
            
margin-bottom: 12px
        
}

        .
index_overlay_1i_Yp[data-v-1d41e716] {
            
top: 0;
            
height: 100%;
            
background: #000;
            
opacity: 0;
            
visibility: hidden;
            
z-index: 2
        
}

        .
index_footer_rOKZW[data-v-1d41e716], .index_overlay_1i_Yp[data-v-1d41e716] {
            
position: absolute;
            
left: 0;
            
width: 100%;
            -
webkit-transition: all .15s linear;
            
transition: all .15s linear
        
}

        .
index_footer_rOKZW[data-v-1d41e716] {
            
bottom: 0;
            
height: 54px;
            -
webkit-box-sizing: border-box;
            
box-sizing: border-box;
            
padding: 12px 6px;
            
background: #fff;
            
max-height: 54px;
            
z-index: 3
        
}

        .
index_result-item-placeholder_2WIKi[data-v-463da341] {
            
border: 1px solid #efefef;
            
height: 200px;
            
margin: 0 6px 12px;
            
border-radius: 3px;
            
width: calc(33.33333% - 12px);
            -
webkit-transition: all .2s ease;
            
transition: all .2s ease;
            
padding: 6px;
            -
webkit-box-sizing: border-box;
            
box-sizing: border-box;
            
display: block;
            
background: #fff
        
}

        .
index_result-item-placeholder__thumb_i38J4[data-v-463da341] {
            
height: 138px;
            
position: relative;
            
overflow: hidden;
            
margin-bottom: 12px;
            
border-radius: 2px;
            
line-height: 1;
            -
webkit-transition: all .2s ease;
            
transition: all .2s ease
        
}

        .
index_result-item-placeholder__price_201o6[data-v-463da341] {
            
height: 12px;
            
width: 40%;
            
margin-bottom: 6px
        
}

        .
index_result-item-placeholder__sold_1gyMn[data-v-463da341] {
            
width: 70%;
            
height: 12px
        
}

        .
index_items_9OrSZ {
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
ms-flex-wrap: wrap;
            
flex-wrap: wrap;
            
margin: 0 -6px;
            
max-height: calc(100vh - 70px);
            -
webkit-box-align: start;
            -
ms-flex-align: start;
            
align-items: flex-start;
            -
webkit-box-pack: start;
            -
ms-flex-pack: start;
            
justify-content: flex-start
        
}

        .
index_empty_2Afvw {
            -
webkit-box-pack: center;
            -
ms-flex-pack: center;
            
justify-content: center;
            
height: calc(100vh - 70px);
            
background: #fff;
            
-webkit-box-orient: vertical;
            -
webkit-box-direction: normal;
            -
ms-flex-direction: column;
            
flex-direction: column
        
}

        .
index_app-filter_1oKHG[data-v-736ce6c9], .index_empty_2Afvw {
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center
        
}

        .
index_app-filter_1oKHG[data-v-736ce6c9] {
            
position: relative;
            
z-index: 3;
            
height: 24px
        
}

        .
index_app-filter__trigger_2tEp1[data-v-736ce6c9] {
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center;
            
color: #00b0ff
        
}

        .
index_app-filter__trigger_2tEp1 span[data-v-736ce6c9] {
            
cursor: pointer;
            
display: inline-block;
            
line-height: 1;
            
border-bottom: 1px dashed #00b0ff;
            
color: #00b0ff
        
}

        .
index_app-filter__trigger_2tEp1 span[data-v-736ce6c9]:hover {
            
border-color: transparent
        
}

        .
index_app-filter__trigger_2tEp1 svg[data-v-736ce6c9] {
            
margin: 0 4px -2px 0
        
}

        .
index_app-filter__dropdown_2Jcr-[data-v-736ce6c9] {
            
position: absolute;
            
width: 200px;
            
background: #fff;
            
border-radius: 3px;
            
left: 0;
            
top: 32px;
            
padding: 8px;
            -
webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
            
box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
        }

        .
index_app-filter__dropdown_2Jcr-[data-v-736ce6c9]:after {
            
border: 5px solid transparent;
            
border-bottom-color: #fff;
            
top: -10px
        
}

        .
index_app-filter__dropdown_2Jcr-[data-v-736ce6c9]:after, .index_app-filter__dropdown_2Jcr-[data-v-736ce6c9]:before {
            
display: block;
            
content: "";
            
width: 0;
            
height: 0;
            -
webkit-box-sizing: content-box;
            
box-sizing: content-box;
            
position: absolute;
            
left: 29px
        
}

        .
index_app-filter__dropdown_2Jcr-[data-v-736ce6c9]:before {
            
border: 5px solid transparent;
            
border-bottom-color: rgba(0, 0, 0, .07);
            
top: -11px
        
}

        .
index_app-filter__item_tz2Rf[data-v-736ce6c9] {
            
cursor: pointer;
            
padding: 8px 12px;
            
background: #fff;
            
-webkit-transition: all .2s ease;
            
transition: all .2s ease
        
}

        .
index_app-filter__item--active_Jbmum[data-v-736ce6c9], .index_app-filter__item_tz2Rf[data-v-736ce6c9]:hover {
            
background: #efefef
        
}

        .
index_app-content_Xn3cb[data-v-4e756f93] {
            
width: 520px;
            
padding: 12px;
            
background: #efefef
        
}

        .
index_app-content__top_1c8ve[data-v-4e756f93] {
            
height: 48px;
            
padding-top: 8px;
            -
webkit-box-sizing: border-box;
            
box-sizing: border-box;
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex
        
}

        .
index_app-content__title_18A3d[data-v-4e756f93] {
            
font-size: 14px;
            
color: #333;
            
padding: 12px
        
}

        .
index_app_3g8VA[data-v-618f7df2] {
            
position: fixed;
            
right: 0;
            
top: 0;
            
z-index: 2147483647;
            
font-family: Open Sans, sans-serif;
            
font-size: 12px;
            -
webkit-user-select: none;
            -
moz-user-select: none;
            -
ms-user-select: none;
            
user-select: none;
            
color: #000;
            
text-align: left;
            
text-transform: none;
            
letter-spacing: normal;
            
font-weight: 400
        
}

        .
index_app__close_1WIC7[data-v-618f7df2] {
            
position: absolute;
            
left: -28px;
            
top: 12px;
            
cursor: pointer;
            -
webkit-transition: all .2s ease;
            
transition: all .2s ease;
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center;
            -
webkit-box-pack: center;
            -
ms-flex-pack: center;
            
justify-content: center;
            
height: 32px;
            
width: 28px;
            
border-radius: 3px 0 0 3px;
            
background: #ccc
        
}

        .
index_app__close_1WIC7 svg[data-v-618f7df2] {
            
opacity: 1;
            -
webkit-transform: rotate(180deg);
            
transform: rotate(180deg);
            -
webkit-transition: all .2s ease;
            
transition: all .2s ease
        
}

        .
index_app__close_1WIC7:hover svg[data-v-618f7df2] {
            
opacity: .6
        
}

        .
index_app__body_v6y3T[data-v-618f7df2] {
            
width: 900px;
            
height: 100vh;
            
min-height: 690px;
            
background: #fff;
            
position: relative;
            
z-index: 2147483647;
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
ms-flex-wrap: nowrap;
            
flex-wrap: nowrap;
            -
webkit-box-shadow: -7px 0 10px 0 rgba(0, 0, 0, .12);
            
box-shadow: -7px 0 10px 0 rgba(0, 0, 0, .12)
        }

        .
index_cmp_xsMI6 {
            
cursor: pointer
        
}

        .
index_cmp__trigger_1UHDg, .index_cmp_xsMI6 {
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            
position: relative;
            
width: 100%;
            
height: 100%;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center;
            -
webkit-box-pack: center;
            -
ms-flex-pack: center;
            
justify-content: center
        
}

        .
index_cmp__trigger_1UHDg {
            
color: #333;
            
line-height: 1
        
}

        .
index_cmp__dropdown_p_wbe {
            
position: absolute;
            
left: 0;
            
top: 100%;
            
border-radius: 3px;
            
overflow: hidden;
            -
webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
            
box-shadow: 0 0 3px rgba(0, 0, 0, .3)
        }

        .
index_cmp__dropdown-item_3atFb {
            
background: #fff;
            
white-space: nowrap;
            
padding: 10px;
            
border-bottom: 1px solid #efefef;
            
font-size: 11px
        
}

        .
index_cmp__dropdown-item_3atFb:first-child {
            
border-top: none
        
}

        .
index_cmp__dropdown-item_3atFb:hover {
            
background: #efefef
        
}

        .
index_zoomer_3zIPl[data-v-16380dd4] {
            
position: absolute;
            
left: 0;
            
top: 0;
            
opacity: 0;
            
visibility: hidden;
            -
webkit-user-select: none;
            -
moz-user-select: none;
            -
ms-user-select: none;
            
user-select: none;
            
width: 35px;
            
height: 30px;
            
z-index: 2147483647;
            
font-family: Open Sans, sans-serif;
            
font-size: 12px;
            
color: #000;
            
font-weight: 400;
            
font-style: normal;
            
line-height: normal;
            
background: 0 0;
            -
webkit-box-sizing: border-box;
            
box-sizing: border-box
        
}

        .
index_zoomer--active_1RlP6[data-v-16380dd4] {
            
opacity: 1;
            
visibility: visible
        
}

        .
index_zoomer__left_1qDbG[data-v-16380dd4] {
            
opacity: 0;
            
visibility: hidden;
            
position: absolute;
            
left: 0;
            
top: 0;
            
width: 32px;
            
height: 30px;
            
background: #fc0;
            
-webkit-transition: all .2s ease;
            
transition: all .2s ease;
            
border-radius: 0 4px 4px 0;
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center;
            -
webkit-box-pack: center;
            -
ms-flex-pack: center;
            
justify-content: center;
            
z-index: 2
        
}

        .
index_zoomer__left_1qDbG[data-v-16380dd4]:hover {
            
background: #f0c000
        
}

        .
index_zoomer__title_1_oLI[data-v-16380dd4] {
            
width: 0;
            
opacity: 0;
            
visibility: hidden;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center;
            -
webkit-box-pack: center;
            -
ms-flex-pack: center;
            
justify-content: center;
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            
font-size: 10px;
            -
webkit-transition: all .2s ease;
            
transition: all .2s ease;
            
font-weight: 700;
            
background: #fc0
        
}

        .
index_zoomer__title_1_oLI span[data-v-16380dd4] {
            
display: block;
            
white-space: nowrap
        
}

        .
index_zoomer__row_5V77J[data-v-16380dd4] {
            
cursor: pointer;
            
left: 0;
            -
webkit-transition: all .2s ease;
            
transition: all .2s ease;
            -
webkit-box-pack: end;
            -
ms-flex-pack: end;
            
justify-content: flex-end;
            
background: #fc0;
            
border-radius: 4px
        
}

        .
index_zoomer__icon_2PBnS[data-v-16380dd4], .index_zoomer__row_5V77J[data-v-16380dd4] {
            
height: 30px;
            
width: 35px;
            
position: absolute;
            
top: 0;
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center
        
}

        .
index_zoomer__icon_2PBnS[data-v-16380dd4] {
            -
webkit-box-pack: center;
            -
ms-flex-pack: center;
            
justify-content: center;
            
right: 0
        
}

        .
index_zoomer__icon_2PBnS svg[data-v-16380dd4] {
            -
webkit-transform: rotate(-90deg);
            
transform: rotate(-90deg)
        }

        .
index_zoomer--small_1kPaN .index_zoomer__title_1_oLI[data-v-16380dd4] {
            
position: absolute;
            
left: 50%;
            -
webkit-transform: translateX(-50%);
            
transform: translateX(-50%);
            
top: -30px;
            
border-radius: 3px;
            
height: 30px;
            
width: 120px;
            
margin-top: -5px
        
}

        .
index_zoomer--small_1kPaN .index_zoomer__title_1_oLI[data-v-16380dd4]:after {
            
display: block;
            
content: "";
            
position: absolute;
            
left: 50%;
            
bottom: -8px;
            -
webkit-transform: translateX(-50%);
            
transform: translateX(-50%);
            
width: 0;
            
height: 0;
            -
webkit-box-sizing: content-box;
            
box-sizing: content-box;
            
border: 4px solid transparent;
            
border-top-color: #fc0
        
}

        .
index_zoomer--small_1kPaN:hover .index_zoomer__title_1_oLI[data-v-16380dd4] {
            
opacity: 1;
            
visibility: visible;
            
margin-top: -10px
        
}

        .
index_zoomer--large_3wVRa .index_zoomer__title_1_oLI[data-v-16380dd4] {
            
height: 30px;
            
overflow: hidden;
            
padding-left: 17.5px;
            
position: absolute;
            
left: 29px;
            
top: 0;
            
padding-right: 22px;
            -
webkit-box-sizing: border-box;
            
box-sizing: border-box
        
}

        .
index_zoomer--large_3wVRa:hover .index_zoomer__title_1_oLI[data-v-16380dd4] {
            
width: 122px;
            
opacity: 1;
            
visibility: visible
        
}

        .
index_zoomer--large_3wVRa:hover .index_zoomer__left_1qDbG[data-v-16380dd4] {
            
left: 148px;
            
opacity: 1;
            
visibility: visible
        
}

        .
Informer_root_3INwJ[data-v-cbdfce16] {
            
font-family: Open Sans;
            
position: fixed;
            
right: 10px;
            
bottom: 10px;
            
z-index: 2147483647;
            
border-radius: 4px;
            -
webkit-transition: all .8s ease;
            
transition: all .8s ease;
            -
webkit-transform: translateY(180px);
            
transform: translateY(180px);
            
opacity: 0;
            
visibility: hidden;
            
color: #000;
            
width: 336px;
            
height: 170px;
            
background: #fff;
            
-webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
            
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
            
padding: 16px
        
}

        .
Informer_root_3INwJ [data-v-cbdfce16], .Informer_root_3INwJ[data-v-cbdfce16] {
            -
webkit-box-sizing: border-box;
            
box-sizing: border-box
        
}

        .
Informer_logo_2vZFw[data-v-cbdfce16] {
            
margin-bottom: 12px
        
}

        .
Informer_title_2mLk9[data-v-cbdfce16] {
            
font-family: Lety Montserrat;
            
font-weight: 700;
            
color: #121212;
            
font-size: 14px;
            
line-height: normal;
            
letter-spacing: normal;
            
font-stretch: normal;
            
margin-bottom: 4px
        
}

        .
Informer_description_3J0cJ[data-v-cbdfce16] {
            
font-family: Open Sans;
            
font-size: 12px;
            
line-height: normal;
            
letter-spacing: normal;
            
font-stretch: normal;
            
color: #656565;
            
margin-bottom: 16px;
            
min-height: 32px
        
}

        .
Informer_buttons_1NrWX[data-v-cbdfce16] {
            -
webkit-box-pack: justify;
            -
ms-flex-pack: justify;
            
justify-content: space-between
        
}

        .
Informer_button_1oBo7[data-v-cbdfce16], .Informer_buttons_1NrWX[data-v-cbdfce16] {
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center
        
}

        .
Informer_button_1oBo7[data-v-cbdfce16] {
            
cursor: pointer;
            
border-radius: 4px;
            
font-size: 12px;
            -
webkit-box-pack: center;
            -
ms-flex-pack: center;
            
justify-content: center;
            
height: 32px;
            
background: #fc0;
            
width: 100%;
            
margin-left: 8px;
            -
webkit-transition: all .2s ease;
            
transition: all .2s ease;
            
opacity: 1
        
}

        .
Informer_button_1oBo7[data-v-cbdfce16]:first-child {
            
margin-left: 0
        
}

        .
Informer_button--gray_26smQ[data-v-cbdfce16] {
            
background: #eee
        
}

        .
Informer_button_1oBo7[data-v-cbdfce16]:hover {
            
opacity: .8
        
}

        .
slide_slide_CPRA1[data-v-8d2a608e] {
            
font-family: Open Sans
        
}

        .
slide_slide_CPRA1 [data-v-8d2a608e], .slide_slide_CPRA1[data-v-8d2a608e] {
            -
webkit-box-sizing: border-box;
            
box-sizing: border-box
        
}

        .
slide_title_396Sm[data-v-8d2a608e] {
            
font-family: Lety Montserrat;
            
font-size: 24px;
            
font-weight: 700;
            
margin: 0 0 24px
        
}

        .
slide_description_1zOW5[data-v-8d2a608e] {
            
color: #121212;
            
font-size: 14px;
            
line-height: 1.5;
            
letter-spacing: normal;
            
margin-bottom: 24px
        
}

        .
slide_sections_3SuIn[data-v-8d2a608e] {
            
margin-bottom: 24px
        
}

        .
slide_section_3eFMQ[data-v-8d2a608e] {
            
margin-bottom: 32px;
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center
        
}

        .
slide_section-text_2y1JU[data-v-8d2a608e] {
            
width: 50%;
            
padding-right: 32px
        
}

        .
slide_section-title_2Jx-j[data-v-8d2a608e] {
            
font-family: Lety Montserrat;
            
font-weight: 800;
            
font-stretch: normal;
            
font-style: normal;
            
line-height: 1.25;
            
letter-spacing: normal;
            
font-size: 16px;
            
margin-bottom: 12px;
            
color: #121212
        
}

        .
slide_section-description_1RSZ3[data-v-8d2a608e] {
            
color: #121212;
            
font-size: 14px;
            
line-height: 1.5;
            
letter-spacing: normal
        
}

        .
slide_section-image_GXBSu[data-v-8d2a608e] {
            
position: relative;
            
width: 50%
        }

        .
slide_section-image_GXBSu img[data-v-8d2a608e] {
            
display: block;
            
max-width: 100%
        }

        .
slide_action-row_2D_Jk[data-v-8d2a608e] {
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center;
            -
webkit-box-pack: center;
            -
ms-flex-pack: center;
            
justify-content: center
        
}

        .
slide_action-button_10oOO[data-v-8d2a608e] {
            
background: #fc0;
            
font-size: 16px;
            
cursor: pointer;
            
padding: 12px 24px;
            
border-radius: 4px;
            -
webkit-user-select: none;
            -
moz-user-select: none;
            -
ms-user-select: none;
            
user-select: none;
            
color: #121212
        
}

        .
slide_action-button_10oOO[data-v-8d2a608e]:hover {
            
background: #ffd21f
        
}

        .
slide_slide_CPRA1[data-v-af2ab4ce] {
            
font-family: Open Sans
        
}

        .
slide_slide_CPRA1 [data-v-af2ab4ce], .slide_slide_CPRA1[data-v-af2ab4ce] {
            -
webkit-box-sizing: border-box;
            
box-sizing: border-box
        
}

        .
slide_title_396Sm[data-v-af2ab4ce] {
            
font-family: Lety Montserrat;
            
font-size: 24px;
            
font-weight: 700;
            
margin: 0 0 24px
        
}

        .
slide_description_1zOW5[data-v-af2ab4ce] {
            
color: #121212;
            
font-size: 14px;
            
line-height: 1.5;
            
letter-spacing: normal;
            
margin-bottom: 24px
        
}

        .
slide_sections_3SuIn[data-v-af2ab4ce] {
            
margin-bottom: 24px
        
}

        .
slide_section_3eFMQ[data-v-af2ab4ce] {
            
margin-bottom: 32px;
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center
        
}

        .
slide_section-text_2y1JU[data-v-af2ab4ce] {
            
width: 50%;
            
padding-right: 32px
        
}

        .
slide_section-title_2Jx-j[data-v-af2ab4ce] {
            
font-family: Lety Montserrat;
            
font-weight: 800;
            
font-stretch: normal;
            
font-style: normal;
            
line-height: 1.25;
            
letter-spacing: normal;
            
font-size: 16px;
            
margin-bottom: 12px;
            
color: #121212
        
}

        .
slide_section-description_1RSZ3[data-v-af2ab4ce] {
            
color: #121212;
            
font-size: 14px;
            
line-height: 1.5;
            
letter-spacing: normal
        
}

        .
slide_section-image_GXBSu[data-v-af2ab4ce] {
            
position: relative;
            
width: 50%
        }

        .
slide_section-image_GXBSu img[data-v-af2ab4ce] {
            
display: block;
            
max-width: 100%
        }

        .
slide_action-row_2D_Jk[data-v-af2ab4ce] {
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center;
            -
webkit-box-pack: center;
            -
ms-flex-pack: center;
            
justify-content: center
        
}

        .
slide_action-button_10oOO[data-v-af2ab4ce] {
            
background: #fc0;
            
font-size: 16px;
            
cursor: pointer;
            
padding: 12px 24px;
            
border-radius: 4px;
            -
webkit-user-select: none;
            -
moz-user-select: none;
            -
ms-user-select: none;
            
user-select: none;
            
color: #121212
        
}

        .
slide_action-button_10oOO[data-v-af2ab4ce]:hover {
            
background: #ffd21f
        
}

        .
slide_slide_CPRA1[data-v-2b8a1546] {
            
font-family: Open Sans
        
}

        .
slide_slide_CPRA1 [data-v-2b8a1546], .slide_slide_CPRA1[data-v-2b8a1546] {
            -
webkit-box-sizing: border-box;
            
box-sizing: border-box
        
}

        .
slide_title_396Sm[data-v-2b8a1546] {
            
font-family: Lety Montserrat;
            
font-size: 24px;
            
font-weight: 700;
            
margin: 0 0 24px
        
}

        .
slide_description_1zOW5[data-v-2b8a1546] {
            
color: #121212;
            
font-size: 14px;
            
line-height: 1.5;
            
letter-spacing: normal;
            
margin-bottom: 24px
        
}

        .
slide_sections_3SuIn[data-v-2b8a1546] {
            
margin-bottom: 24px
        
}

        .
slide_section_3eFMQ[data-v-2b8a1546] {
            
margin-bottom: 32px;
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center
        
}

        .
slide_section-text_2y1JU[data-v-2b8a1546] {
            
width: 50%;
            
padding-right: 32px
        
}

        .
slide_section-title_2Jx-j[data-v-2b8a1546] {
            
font-family: Lety Montserrat;
            
font-weight: 800;
            
font-stretch: normal;
            
font-style: normal;
            
line-height: 1.25;
            
letter-spacing: normal;
            
font-size: 16px;
            
margin-bottom: 12px;
            
color: #121212
        
}

        .
slide_section-description_1RSZ3[data-v-2b8a1546] {
            
color: #121212;
            
font-size: 14px;
            
line-height: 1.5;
            
letter-spacing: normal
        
}

        .
slide_section-image_GXBSu[data-v-2b8a1546] {
            
position: relative;
            
width: 50%
        }

        .
slide_section-image_GXBSu img[data-v-2b8a1546] {
            
display: block;
            
max-width: 100%
        }

        .
slide_action-row_2D_Jk[data-v-2b8a1546] {
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center;
            -
webkit-box-pack: center;
            -
ms-flex-pack: center;
            
justify-content: center
        
}

        .
slide_action-button_10oOO[data-v-2b8a1546] {
            
background: #fc0;
            
font-size: 16px;
            
cursor: pointer;
            
padding: 12px 24px;
            
border-radius: 4px;
            -
webkit-user-select: none;
            -
moz-user-select: none;
            -
ms-user-select: none;
            
user-select: none;
            
color: #121212
        
}

        .
slide_action-button_10oOO[data-v-2b8a1546]:hover {
            
background: #ffd21f
        
}

        .
index_informer-visibile_1JO8s[data-v-3171fefb] {
            -
webkit-transform: translateY(0);
            
transform: translateY(0);
            
opacity: 1;
            
visibility: visible
        
}

        .
index_slidesContainer_3uVP_[data-v-3171fefb] {
            
position: fixed;
            
z-index: 2147483647;
            
background: rgba(0, 0, 0, .7);
            
width: 100%;
            
height: 100%;
            
min-height: 700px;
            
left: 0;
            
top: 0
        
}

        .
index_slidesContainer_3uVP_[data-v-3171fefb], .index_slidesWarpper_3jjdG[data-v-3171fefb] {
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center;
            -
webkit-box-pack: center;
            -
ms-flex-pack: center;
            
justify-content: center
        
}

        .
index_slidesWarpper_3jjdG[data-v-3171fefb] {
            
position: relative
        
}

        .
index_slides_242MR[data-v-3171fefb] {
            
background: #fff;
            
width: 764px;
            
height: 600px;
            
border-radius: 2px;
            -
webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
            
box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
            
overflow: hidden;
            
padding: 40px;
            -
webkit-box-sizing: border-box;
            
box-sizing: border-box
        
}

        .
index_button_2hLQi[data-v-3171fefb] {
            
cursor: pointer;
            
padding: 0 6px;
            -
webkit-user-select: none;
            -
moz-user-select: none;
            -
ms-user-select: none;
            
user-select: none;
            
z-index: 2
        
}

        .
index_close_2_oO1[data-v-3171fefb] {
            
position: absolute;
            
right: 24px;
            
top: 24px;
            
display: -webkit-box;
            
display: -ms-flexbox;
            
display: flex;
            -
webkit-box-align: center;
            -
ms-flex-align: center;
            
align-items: center;
            -
webkit-box-pack: center;
            -
ms-flex-pack: center;
            
justify-content: center;
            
cursor: pointer;
            -
webkit-transition: all .2s ease;
            
transition: all .2s ease;
            -
webkit-transform: rotate(0);
            
transform: rotate(0);
            
z-index: 2
        
}

        .
index_close_2_oO1[data-v-3171fefb]:hover {
            -
webkit-transform: rotate(180deg);
            
transform: rotate(180deg)
        }

        .
md-dark {
            
color: rgba(0, 0, 0, .54)
        }

        .
md-dark.md-inactive {
            
color: rgba(0, 0, 0, .26)
        }

        .
md-light {
            
color: #fff
        
}

        .
md-light.md-inactive {
            
color: rgba(255, 255, 255, .3)
        }

        .
text-center {
            
text-align: center
        
}

        @
font-face {
            
font-family: Roboto;
            
font-style: normal;
            
font-weight: 300;
            
src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
            
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
        
}

        @
font-face {
            
font-family: Roboto;
            
font-style: normal;
            
font-weight: 300;
            
src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
            
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
        
}

        @
font-face {
            
font-family: Roboto;
            
font-style: normal;
            
font-weight: 300;
            
src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
            
unicode-range: U+1F00-1FFF
        
}

        @
font-face {
            
font-family: Roboto;
            
font-style: normal;
            
font-weight: 300;
            
src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
            
unicode-range: U+0370-03FF
        
}

        @
font-face {
            
font-family: Roboto;
            
font-style: normal;
            
font-weight: 300;
            
src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
            
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB
        
}

        @
font-face {
            
font-family: Roboto;
            
font-style: normal;
            
font-weight: 300;
            
src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
            
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
        
}

        @
font-face {
            
font-family: Roboto;
            
font-style: normal;
            
font-weight: 300;
            
src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
            
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
        
}

        @
font-face {
            
font-family: Roboto;
            
font-style: normal;
            
font-weight: 400;
            
src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
            
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
        
}

        @
font-face {
            
font-family: Roboto;
            
font-style: normal;
            
font-weight: 400;
            
src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
            
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
        
}

        @
font-face {
            
font-family: Roboto;
            
font-style: normal;
            
font-weight: 400;
            
src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
            
unicode-range: U+1F00-1FFF
        
}

        @
font-face {
            
font-family: Roboto;
            
font-style: normal;
            
font-weight: 400;
            
src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
            
unicode-range: U+0370-03FF
        
}

        @
font-face {
            
font-family: Roboto;
            
font-style: normal;
            
font-weight: 400;
            
src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
            
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB
        
}

        @
font-face {
            
font-family: Roboto;
            
font-style: normal;
            
font-weight: 400;
            
src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
            
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
        
}

        @
font-face {
            
font-family: Roboto;
            
font-style: normal;
            
font-weight: 400;
            
src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format("woff2");
            
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
        
}

        @
font-face {
            
font-family: Roboto;
            
font-style: normal;
            
font-weight: 700;
            
src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v15/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
            
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
        
}

        @
font-face {
            
font-family: Roboto;
            
font-style: normal;
            
font-weight: 700;
            
src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v15/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
            
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
        
}

        @
font-face {
            
font-family: Roboto;
            
font-style: normal;
            
font-weight: 700;
            
src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v15/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
            
unicode-range: U+1F00-1FFF
        
}

        @
font-face {
            
font-family: Roboto;
            
font-style: normal;
            
font-weight: 700;
            
src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v15/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
            
unicode-range: U+0370-03FF
        
}

        @
font-face {
            
font-family: Roboto;
            
font-style: normal;
            
font-weight: 700;
            
src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v15/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
            
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB
        
}

        @
font-face {
            
font-family: Roboto;
            
font-style: normal;
            
font-weight: 700;
            
src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v15/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
            
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
        
}

        @
font-face {
            
font-family: Roboto;
            
font-style: normal;
            
font-weight: 700;
            
src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
            
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
        
}

        @
font-face {
            
font-family: 'Material Icons';
            
font-style: normal;
            
font-weight: 400;
            
src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://fonts.gstatic.com/s/materialicons/v18/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format("woff2")
        
}

        @
font-face {
            
font-family: 'Lety Open Sans';
            
font-style: normal;
            
font-weight: 400;
            
src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bf8pkAp6a.woff2) format("woff2");
            
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
        
}

        @
font-face {
            
font-family: 'Lety Open Sans';
            
font-style: normal;
            
font-weight: 400;
            
src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format("woff2");
            
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
        
}

        @
font-face {
            
font-family: 'Lety Open Sans';
            
font-style: normal;
            
font-weight: 700;
            
src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpKKSTj5PW.woff2) format("woff2");
            
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
        
}

        @
font-face {
            
font-family: 'Lety Open Sans';
            
font-style: normal;
            
font-weight: 700;
            
src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhpKKSTjw.woff2) format("woff2");
            
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
        
}

        @
font-face {
            
font-family: 'Lety Montserrat';
            
font-style: normal;
            
font-weight: 800;
            
src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3gTD_vx3rCubqg.woff2) format("woff2");
            
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
        
}

        @
font-face {
            
font-family: 'Lety Montserrat';
            
font-style: normal;
            
font-weight: 800;
            
src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3g3D_vx3rCubqg.woff2) format("woff2");
            
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
        
}

        @
font-face {
            
font-family: 'Lety Montserrat';
            
font-style: normal;
            
font-weight: 800;
            
src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3gfD_vx3rCubqg.woff2) format("woff2");
            
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
        
}

        @
font-face {
            
font-family: 'Lety Montserrat';
            
font-style: normal;
            
font-weight: 800;
            
src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3gnD_vx3rCs.woff2) format("woff2");
            
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
        
}

        .
material-icons {
            
font-family: 'Material Icons';
            
font-weight: 400;
            
font-style: normal;
            
font-size: 24px;
            
line-height: 1;
            
letter-spacing: normal;
            
text-transform: none;
            
display: inline-block;
            
white-space: nowrap;
            
word-wrap: normal;
            
direction: ltr;
            -
webkit-font-feature-settings: 'liga';
            -
webkit-font-smoothing: antialiased
        
}

        .
md-dark {
            
color: rgba(0, 0, 0, .54)
        }

        .
md-dark.md-inactive {
            
color: rgba(0, 0, 0, .26)
        }

        .
md-light {
            
color: #fff
        
}

        .
md-light.md-inactive {
            
color: rgba(255, 255, 255, .3)
        }

        .
text-center {
            
text-align: center
        
}

        .
ls-ext-button {
            
text-decoration: none;
            
padding: 12px 24px;
            
font-size: 14px;
            
border-radius: 4px;
            
transition: .3s all;
            
display: inline-block
        
}

        .
ls-ext-button--purple {
            
background-color: #601ba5;
            
color: #fff
        
}

        .
ls-ext-button--green {
            
background-color: #00d092;
            
color: #fff
        
}

        .
ls-ext-button--plain {
            
background: 0 0;
            
padding: 0;
            
margin: 0;
            
border-radius: unset;
            
color: #00a8ff;
            
font-size: inherit
        
}

        .
ls-ext-button--sm {
            
padding: 8px 18px;
            
font-size: 12px
        
}

        .
ls-ext-button:hover {
            
opacity: .95;
            
cursor: pointer
        
}

        .
club-offer {
            
transition: border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
            
display: flex;
            
border-radius: 4px;
            
border: 1px solid transparent;
            
box-shadow: 0 0 4px 0 rgba(0, 0, 0, .12);
            
background-color: #fff;
            
padding: 8px 14px;
            
margin: 4px 4px 8px;
            
align-items: center;
            
cursor: pointer;
            
white-space: nowrap
        
}

        .
club-offer:hover {
            
border-color: rgba(96, 27, 165, .24);
            
box-shadow: 0 8px 16px 0 rgba(96, 27, 165, .12)
        }

        .
club-offer-detail {
            
margin-left: 16px;
            
display: flex;
            
flex: 1;
            
flex-direction: column
        
}

        .
club-offer-image {
            
width: 70px;
            
height: 70px;
            
display: flex;
            
align-items: center;
            
align-self: stretch;
            
justify-content: center
        
}

        .
club-offer-image img {
            
max-width: 100%;
            
max-height: 100%
        }

        .
club-offer-title {
            
width: 300px;
            
font-weight: 700;
            
line-height: 1.5;
            
font-size: 12px;
            
white-space: nowrap;
            
overflow: hidden;
            
text-overflow: ellipsis;
            
text-transform: capitalize;
            
margin: 4px 0
        
}

        .
club-offer-subtitle {
            
font-family: Roboto, sans-serif !important;
            
font-weight: 500 !important;
            
font-size: 12px !important;
            
line-height: 15px !important;
            
color: #263238 !important;
            
letter-spacing: normal !important;
            
text-transform: none
        
}

        .
club-offer-total {
            
display: flex;
            
font-size: 14px;
            
color: #aaa
        
}

        .
club-offer-total div {
            
margin-right: 24px;
            
display: flex;
            
align-items: center
        
}

        .
club-offer-total svg {
            
margin-right: 6px
        
}

        .
club-offer-prices {
            
display: flex;
            
align-items: center
        
}

        .
club-offer-prices div {
            
margin-right: 12px
        
}

        .
club-offer-old-price {
            
font-size: 12px;
            
text-decoration: line-through
        
}

        .
club-offer-price {
            
font-size: 14px;
            
font-weight: 700
        
}

        .
club-offer-discount {
            
border-radius: 2px;
            
background-color: #00d093;
            
color: #fff;
            
font-size: 12px;
            
padding: 1px 4px
        
}

        .
club-offer-link {
            
color: #a0a0a0;
            
font-size: 10px;
            
border-left: 1px solid #a0a0a0;
            
text-overflow: ellipsis;
            
white-space: nowrap;
            
overflow: hidden;
            
cursor: pointer
        
}

        .
club-offer-link svg {
            
margin: 0 8px
        
}

        .
club-offer--post {
            
background: -moz-linear-gradient(to right, #993ad1, #601ba5);
            
background: -webkit-linear-gradient(to right, #993ad1, #601ba5);
            
background: -o-linear-gradient(to right, #993ad1, #601ba5);
            
background: -ms-linear-gradient(to right, #993ad1, #601ba5);
            
background: linear-gradient(to right, #993ad1, #601ba5);
            
white-space: unset;
            
padding: 0;
            
color: #fff
        
}

        .
club-offer--post .club-offer-detail {
            
font-size: 16px;
            
font-weight: 700;
            
padding: 10px 10px 15px 0
        
}

        .
club-offer--post .club-offer-title {
            
width: auto;
            
text-transform: unset
        }

        .
club-offer--post .club-offer-subtitle {
            
color: #fff !important
        
}

        .
club-offer--post .club-offer-image {
            
width: 176px;
            
height: 125px;
            
flex: 0 0 143px;
            
align-self: flex-end
        
}

        .
club-offer--post .club-offer-btn {
            
margin-top: 10px
        
}

        .
club-offer--post .club-offer-btn .b-button {
            
border-radius: 35px;
            
width: 210px
        
}

        .
club-offer-footer {
            
width: 100%;
            
margin: 40px 0 0;
            
text-align: center
        
}

        .
md-dark {
            
color: rgba(0, 0, 0, .54)
        }

        .
md-dark.md-inactive {
            
color: rgba(0, 0, 0, .26)
        }

        .
md-light {
            
color: #fff
        
}

        .
md-light.md-inactive {
            
color: rgba(255, 255, 255, .3)
        }

        .
text-center {
            
text-align: center
        
}

        .
ls-bar {
            
background: #fff;
            
border-radius: 2px;
            
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
            
display: flex;
            
min-width: 24px;
            
font-family: 'Open Sans', sans-serif;
            
color: #333;
            
position: relative;
            
z-index: 2
        
}

        .
ls-bar__state-trigger {
            
width: 16px;
            
height: 40px;
            
border-radius: 2px 0 0 2px;
            
background: #eee;
            
cursor: pointer;
            
position: absolute;
            
left: -16px;
            
top: 50%;
            
transform: translateY(-50%);
            
display: flex;
            
align-items: center
        
}

        .
ls-bar__logo {
            
background: #fafafa;
            
display: flex;
            
align-items: center;
            
justify-content: center;
            
position: relative;
            
padding: 10px
        
}

        .
ls-bar__logo svg.short {
            
display: block
        
}

        .
ls-bar__logo svg.full {
            
display: none
        
}

        .
ls-bar__settings {
            
position: absolute;
            
right: 4px;
            
top: 4px;
            
z-index: 2;
            
cursor: pointer;
            
line-height: 1
        
}

        .
ls-bar__settings svg {
            
width: 16px;
            
height: 16px
        
}

        .
ls-bar__close {
            
position: absolute;
            
right: 10px;
            
top: 14px;
            
width: 16px;
            
height: 16px;
            
opacity: .7
        
}

        .
ls-bar__close:hover {
            
opacity: 1;
            
cursor: pointer
        
}

        .
ls-bar__close:after, .ls-bar__close:before {
            
position: absolute;
            
content: ' ';
            
height: 15px;
            
width: 2px;
            
left: 7px;
            
background-color: #333
        
}

        .
ls-bar__close:before {
            
transform: rotate(45deg)
        }

        .
ls-bar__close:after {
            
transform: rotate(-45deg)
        }

        .
ls-bar__sections {
            
display: none;
            
background: #fff
        
}

        .
ls-bar__sections--base {
            
padding: 12px 0 6px
        
}

        .
ls-bar__sections--base .ls-bar__section {
            
display: block;
            
margin-bottom: 6px
        
}

        .
ls-bar__sections--base .ls-bar__section:after, .ls-bar__sections--base .ls-bar__section:before {
            
display: none
        
}

        .
ls-bar__sections--additional {
            
display: flex;
            
padding: 12px 0 6px;
            
border-top: 1px solid #eee;
            
margin: 0 12px;
            
min-width: 100px;
            
justify-content: space-around
        
}

        .
ls-bar__sections--additional .ls-bar__section {
            
display: block;
            
padding: 0 6px
        
}

        .
ls-bar__sections--additional .ls-bar__section:after, .ls-bar__sections--additional .ls-bar__section:before {
            
display: none
        
}

        .
ls-bar__sections-small {
            
display: flex;
            
flex-direction: column;
            
justify-content: center
        
}

        .
ls-bar__section {
            
display: flex;
            
flex-direction: column;
            
justify-content: center;
            
align-items: center;
            
cursor: pointer;
            
padding: 0 24px;
            
position: relative
        
}

        .
ls-bar__section:hover {
            
cursor: pointer
        
}

        .
ls-bar__section .ls-bar__dropdown {
            
position: absolute;
            
min-width: 250px;
            
top: 24px;
            
right: 8px;
            
z-index: 9
        
}

        .
ls-bar__section:before {
            
display: block;
            
content: '';
            
position: absolute;
            
left: 0;
            
top: 0;
            
bottom: 0;
            
width: 1px;
            
height: 100%;
            
background: #eee
        
}

        .
ls-bar__section:after {
            
display: block;
            
content: '';
            
position: absolute;
            
opacity: 0;
            
visibility: hidden;
            
transition: all .2s ease;
            
left: 10%;
            
bottom: -4px;
            
width: 80%;
            
height: 4px;
            
border-radius: 0 0 10px 10px;
            
background: #1eb1fc
        
}

        .
ls-bar__section.purple-line:after {
            
background: #601ba5
        
}

        .
ls-bar__section:hover:after, .ls-bar__section[data-active]:after {
            
opacity: 1;
            
visibility: visible
        
}

        .
ls-bar__section:first-child:before {
            
display: none
        
}

        .
ls-bar__sections-inner {
            
position: relative
        
}

        .
ls-bar__section-top {
            
font-size: 12px;
            
display: flex;
            
align-items: center;
            
margin-bottom: 5px
        
}

        .
ls-bar__section-top span {
            
display: inline-block;
            
font-weight: 700;
            
margin-left: 5px;
            
color: #333
        
}

        .
ls-bar__section-bottom {
            
font-size: 10px;
            
display: flex;
            
align-items: center;
            
justify-content: center
        
}

        .
ls-bar__ca-button {
            
text-decoration: none;
            
display: flex;
            
align-items: center;
            
justify-content: center;
            
height: 48px;
            
border-radius: 3px;
            
background: #00b0ff;
            
color: #fff !important;
            
transition: all .2s ease;
            
font-size: 14px
        
}

        .
ls-bar__ca-button:active, .ls-bar__ca-button:focus, .ls-bar__ca-button:hover {
            
text-decoration: none;
            
background: #009ee6
        
}

        .
ls-bar__ca-activated {
            
display: flex;
            
align-items: center;
            
justify-content: center;
            
padding: 16px;
            
border-radius: 2px;
            
background: #23cf69;
            
color: #fff;
            
font-size: 12px
        
}

        .
ls-bar__ca-activated span {
            
margin-left: 12px
        
}

        .
ls-bar__count-indicator {
            
font-size: 10px
        
}

        .
ls-bar[data-open] {
            
height: 56px;
            
position: relative;
            
z-index: 2
        
}

        .
ls-bar[data-open] .ls-bar-popup[data-popup-show] {
            
display: block
        
}

        .
ls-bar[data-open] .ls-bar__state-trigger svg {
            
transform: rotate(180deg)
        }

        .
ls-bar[data-open] .ls-bar__sections {
            
display: flex
        
}

        .
ls-bar[data-open] .ls-bar__sections-small {
            
display: none
        
}

        .
ls-bar[data-open] .ls-bar__logo {
            
padding: 0
        
}

        .
ls-bar[data-open] .ls-bar__logo svg.full {
            
display: block
        
}

        .
ls-bar[data-open] .ls-bar__logo svg.short {
            
display: none
        
}

        .
ls-bar-popup {
            
position: absolute;
            
top: calc(100% + 10px);
            
right: 0;
            
background: #fff;
            
padding: 16px;
            
border-radius: 2px;
            
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
            
display: none;
            
width: 546px;
            
box-sizing: border-box
        
}

        .
ls-bar-popup__close {
            
position: absolute;
            
right: 16px;
            
top: 16px;
            
cursor: pointer
        
}

        .
ls-bar-popup__header {
            
display: flex;
            
flex-wrap: wrap;
            
margin-bottom: 16px;
            
min-height: 20px
        
}

        .
ls-bar-popup__title {
            
font-weight: 700;
            
margin-right: 24px;
            
font-size: 16px
        
}

        .
ls-bar-popup__description {
            
width: 100%;
            
margin-top: 5px;
            
font-size: 12px
        
}

        .
ls-bar-popup__action-trigger {
            
cursor: pointer;
            
color: #00a8ff;
            
display: inline-block;
            
line-height: 1.2;
            
border-bottom: 1px dashed;
            
font-size: 12px
        
}

        .
ls-bar-popup__action-trigger:hover {
            
border-bottom-color: #fff
        
}

        .
ls-bar-popup__media-empty {
            
display: flex;
            
justify-content: center;
            
margin: 0 0 24px
        
}

        .
ls-bar-popup__media-empty svg {
            
max-width: 200px
        
}

        .
ls-bar-popup__footer {
            
margin-top: 24px;
            
font-size: 12px
        
}

        .
ls-bar-popup__scroller {
            
max-height: 346px;
            
min-height: 76px;
            
overflow: hidden;
            
overflow-y: scroll
        
}

        .
ls-bar-popup__items {
            
display: flex;
            
flex-wrap: wrap;
            
margin: 0 -4px
        
}

        .
ls-bar-popup__item {
            
width: 150px;
            
margin: 6px;
            
border-radius: 2px;
            
box-shadow: 0 0 4px 0 rgba(0, 0, 0, .15);
            
background: #fff;
            
overflow: hidden;
            
padding: 10px;
            
display: block;
            
text-decoration: none;
            
transition: all .2s ease;
            
color: #333
        
}

        .
ls-bar-popup__item:active, .ls-bar-popup__item:hover {
            
box-shadow: 0 0 8px 0 rgba(0, 0, 0, .13);
            
text-decoration: none;
            
color: #333
        
}

        .
ls-bar-popup__item-image {
            
height: 136px;
            
width: calc(100% + 20px);
            
margin: -10px -10px 10px;
            
overflow: hidden
        
}

        .
ls-bar-popup__item-image img {
            
width: 100%;
            
display: block
        
}

        .
ls-bar-popup__item-title {
            
font-weight: 700;
            
font-size: 16px;
            
margin: 0 0 4px;
            
color: #333
        
}

        .
ls-bar-popup__item-subtitle {
            
color: #a0a0a0;
            
font-size: 11px;
            
margin: 0 0 4px
        
}

        .
ls-bar-popup__item-meta {
            
display: flex;
            
align-items: center;
            
margin: 6px 0 0 0
        
}

        .
ls-bar-popup__item-meta-chunk {
            
color: #121212;
            
font-size: 10px;
            
margin-left: 10px;
            
display: flex;
            
align-items: center
        
}

        .
ls-bar-popup__item-meta-chunk:first-child {
            
margin-left: 0
        
}

        .
ls-bar-popup__item-meta-chunk svg {
            
width: 12px;
            
height: 12px;
            
margin-right: 4px
        
}

        [
data-items-empty] {
            
display: none;
            
text-align: center;
            
padding: 24px;
            
color: #333;
            
font-size: 14px;
            
font-weight: 700
        
}

        [
data-similar-loader] {
            
width: 100%;
            
height: 100%;
            
display: flex;
            
align-items: center;
            
justify-content: center;
            
padding: 24px;
            
color: #333;
            
font-size: 12px;
            
font-weight: 400
        
}

        .
ls-seller-analysis {
            
position: relative
        
}

        .
ls-seller-analysis__top {
            
position: relative;
            
padding-bottom: 24px;
            
margin-bottom: 24px;
            
border-bottom: 1px dashed #eee;
            
display: flex;
            
align-items: center
        
}

        .
ls-seller-analysis__progress {
            
position: relative;
            
width: 110px;
            
height: 110px;
            
margin-right: 24px
        
}

        .
ls-seller-analysis__progress [data-analysis-progress] {
            
position: absolute;
            
left: 50%;
            
top: 50%;
            
transform: translate3d(-50%, -50%, 0) scale(.5)
        }

        .
ls-seller-analysis__progress-value {
            
font-weight: 700;
            
font-size: 12px;
            
margin-top: 5px;
            
display: block;
            
width: 100%
        }

        .
ls-seller-analysis__progress-center {
            
position: absolute;
            
left: 50%;
            
top: 50%;
            
transform: translate3d(-50%, -50%, 0);
            
text-align: center
        
}

        .
ls-seller-analysis__progress-description {
            
font-size: 12px;
            
line-height: 1.5;
            
width: calc(100% - 134px)
        }

        .
ls-seller-analysis__full-description {
            list-
style-type: none;
            
margin: 0;
            
padding: 0;
            
font-size: 13px
        
}

        .
ls-seller-analysis__full-description-item {
            
position: relative;
            
padding-left: 24px;
            
margin-top: 16px
        
}

        .
ls-seller-analysis__full-description-item:before {
            
display: block;
            
content: '';
            
width: 12px;
            
height: 12px;
            
position: absolute;
            
left: 0;
            
top: 4px;
            
border-radius: 50%;
            
opacity: .2
        
}

        .
ls-seller-analysis__full-description-item:after {
            
display: block;
            
content: '';
            
width: 4px;
            
height: 4px;
            
position: absolute;
            
left: 4px;
            
top: 8px;
            
border-radius: 50%
        }

        .
ls-seller-analysis__full-description-item:first-child {
            
margin-top: 0
        
}

        .
ls-seller-analysis__full-description-item[data-type=stranger]:after, .ls-seller-analysis__full-description-item[data-type=stranger]:before {
            
background: #fc0
        
}

        .
ls-seller-analysis__full-description-item[data-type=good]:after, .ls-seller-analysis__full-description-item[data-type=good]:before {
            
background: #00c853
        
}

        .
ls-seller-analysis__full-description-item[data-type=bad]:after, .ls-seller-analysis__full-description-item[data-type=bad]:before {
            
background: #f44336
        
}

        .
ls-seller-dynamic {
            
position: relative
        
}

        .
ls-seller-dynamic__header {
            
padding: 12px 24px;
            
background: #fafafa;
            
border-radius: 2px;
            
display: flex;
            
margin-bottom: 12px;
            
justify-content: space-between
        
}

        .
ls-seller-dynamic__content {
            
margin-bottom: 12px
        
}

        .
ls-seller-dynamic__header-col {
            
display: flex;
            
align-items: center
        
}

        .
ls-seller-dynamic__price {
            
font-weight: 700;
            
margin-right: 24px;
            
white-space: nowrap
        
}

        .
ls-seller-dynamic__dynamic-value {
            
display: flex;
            
align-items: center
        
}

        .
ls-seller-dynamic__dynamic-description {
            
font-size: 12px;
            
margin-left: 12px;
            
max-width: 300px
        
}

        .
ls-seller-dynamic__dynamic-value-media {
            
line-height: 1;
            
margin-right: 6px
        
}

        .
ls-seller-dynamic__dynamic-value-num {
            
font-size: 12px;
            
font-weight: 700;
            
white-space: nowrap
        
}

        .
ls-seller-dynamic__min-max {
            
height: 100%;
            
font-size: 12px;
            
display: flex;
            
align-items: center
        
}

        .
ls-seller-dynamic__min-max-col {
            
display: flex;
            
align-items: center;
            
margin-left: 24px
        
}

        .
ls-seller-dynamic__min-max-key {
            
margin-right: 6px
        
}

        .
ls-seller-dynamic__min-max-value--min {
            
color: #00c853
        
}

        .
ls-seller-dynamic__min-max-value--max {
            
color: #f44336
        
}

        .
ls-seller-dynamic__graph {
            
min-height: 248px;
            
background: #fafafa
        
}

        .
ls-seller-dynamic .letyshops-interval-down {
            
color: #9e9e9e;
            
display: block;
            
text-align: center;
            
font-size: 10px
        
}

        .
ls-seller-dynamic .letyshops-schedule {
            
padding: 15px 20px;
            
margin-left: -10px
        
}

        .
ls-image-search__drop-area {
            
height: 248px;
            
border: 1px dashed #eee;
            
border-radius: 3px;
            
background: #fafafa
        
}

        .
ls-image-search__drop-area.highlight {
            
background: #ededed
        
}

        .
ls-bar__dropdown-dots {
            
display: flex;
            
flex-direction: column;
            
align-items: center;
            
position: absolute;
            
top: 6px;
            
right: 0;
            
width: 15px
        
}

        .
ls-bar__dropdown-dots span {
            
width: 3px;
            
height: 3px;
            
border-radius: 100%;
            
background: #e0e0e0;
            
margin-bottom: 2px;
            
pointer-events: inherit;
            
position: relative
        
}

        .
ls-bar__dropdown-dots:hover span {
            
background: #cbcbcb
        
}

        .
ls-bar__dropdown {
            
background: #fff;
            
position: fixed;
            
top: 40px;
            
right: 30px;
            
flex-direction: column;
            
padding: 10px 0;
            
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
            
border-radius: 4px;
            
display: flex
        
}

        .
ls-bar__dropdown ul {
            
padding: 0;
            
margin: 0
        
}

        .
ls-bar__dropdown ul li {
            list-
style: none;
            
font-size: 12px;
            
line-height: 18px;
            
padding: 6px 16px;
            
margin: 0;
            
color: #000
        
}

        .
ls-bar__dropdown ul li:hover {
            
cursor: pointer;
            
background: #efefef
        
}

        .
cashback-link {
            
text-align: center;
            
padding: 32px
        
}

        .
cashback-link .ls-bar-popup__title {
            
font-size: 20px;
            
width: 100%
        }

        .
cashback-link .ls-bar-popup__description {
            
font-size: 14px;
            
line-height: 20px;
            
margin: 8px 0 0
        
}

        .
cashback-link__copy {
            
display: flex;
            
flex-direction: column;
            
min-height: 41px;
            
margin-top: 8px
        
}

        .
cashback-link__copy-title {
            
text-align: center;
            
color: #a0a0a0;
            
font-size: 12px;
            
margin-bottom: 16px
        
}

        .
cashback-link__copy-field {
            
position: relative;
            
background: #fffae5;
            
border-radius: 4px;
            
padding: 12px 24px;
            
color: #121212;
            
font-size: 14px;
            
display: flex;
            
align-items: center;
            
justify-content: space-between;
            
cursor: pointer
        
}

        .
cashback-link__copy-field span {
            
width: 80%;
            
text-overflow: ellipsis;
            
display: block;
            
overflow: hidden;
            
white-space: nowrap;
            
text-align: left
        
}

        .
cashback-link__copy-create, .cashback-link__copy-error, .cashback-link__copy-success {
            
background: #e5f9ee;
            
padding: 12px 24px;
            
color: #121212;
            
font-size: 14px;
            
border-radius: 4px;
            
display: none;
            
text-align: center
        
}

        .
cashback-link__copy-create {
            
background: 0 0;
            
text-align: center;
            
font-weight: 700;
            
text-decoration: underline;
            
cursor: pointer
        
}

        .
cashback-link__copy-success {
            
background: #e5f9ee
        
}

        .
cashback-link__copy-error {
            
background: #ffceca
        
}

        .
cashback-link__social {
            
display: flex;
            
flex-direction: column;
            
margin: 24px 0 20px;
            
overflow: hidden
        
}

        .
cashback-link__social-title {
            
text-align: center;
            
color: #a0a0a0;
            
font-size: 12px
        
}

        .
cashback-link__social-list {
            
display: flex;
            
justify-content: center;
            
margin: 16px 0
        
}

        .
cashback-link__social-list:hover .cashback-link__social-item {
            
opacity: .7
        
}

        .
cashback-link__social-item {
            
margin: 0 8px;
            
transition: all .3s ease
        
}

        .
cashback-link__social-item:hover {
            
cursor: pointer;
            
opacity: 1 !important
        
}

        .
cashback-link__social-item svg {
            
width: 40px;
            
height: 40px;
            
border-radius: 6px
        
}

        .
cashback-link__social-more {
            
text-align: center;
            
color: #00a8ff;
            
font-size: 12px;
            
margin-top: 8px
        
}

        .
cashback-link__social-more:hover {
            
cursor: pointer
        
}

        .
cashback-link__referral {
            
display: flex;
            
flex-direction: column;
            
padding: 24px 50px 24px 120px;
            
background-color: #fafafa;
            
text-align: left;
            
border-radius: 4px;
            
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAi6SURBVHgB3VtLbBRXFr2vupuPgLYBKTOz8CdkFrPwpx1hNIwX01lkYyQMswJpzHhWbgsiE81gkLyIkcYLnBkNKEjYq5g4gl0CLJxFFjESTiI7SsrGWxyDpYREStJtTILdXfXyzmt3p+pVdbs/VY2bI7Wruz5W3XM/77777mPkM3757E+NoUAoGmCslYg1ilONxKmWM2q03sc4LRGjuPi6ZJp8jge4nkwG9J2H9SXyEYx8QHK2KRokrYs4O6YKWjQYLYmXnEpx43qofWGKPIZnBPCvIrWUMvs5sbPiZy35AQbrMC8mjcCUV5ZRNgEVEdyJOCM+/iylXSmXiLII4DMt/ZyxISpA8MRTk5YfG3T/wbr8vrJq2q6Hd2tU/7ug/DS9EqKCsGERwUP3x6lElEQA/yzSSEH+LieK5rtvem6Npuefic+a/BSDjpbtgoht1Hl4B3W07sh/syBiLcleK8UaiiZgM61Du2MfPKHRD1dp5alJXqBOWMVAd1iQskNYSCDXbXFu8IuBP89fpiJQFAF8tuX/G77ugB+Cu+HE67sEGTU5iRCxYYi1z1+kAlEwAfyL1nc5px63a2MfPqFLEyu+Cm4FLCJ2fDf1Ht/jel0MveOBg3P/pAJQEAHmbOtX4hBRzz/6zqA3/vtD0f7tFUDE7bdfymUNutY+17bZ/9A2uwGaJxfhJz/9haJ9j5+b8MDydynqOve9fBcXRIz0u+dFXgsQPv+W8Pkh9TxMfnA0TlsJA38Py9igQsSEyyImvJnruZwEbER7R0QdeX+FRiYStBWRiwQxOryZa3RwJQDjPA9y+L1tqNvKwmcwHKt1C47xtRRrc8sTXGOAmIl9Qorw8LOtLjwA13SJCbXbReLmdr+DgNRMcw8pMzhE+63m8/nwxv9+lO+sIGp83uLIYWwuIE0f2lcIaDv1rYy41QSk0hgiFcRZkL3M2vSsNu0WEDT7VeER8atNeADDM95dQa25btqsIGsBboEPZoRxthoJAGrEDPPL9/5ANbtserZZQfaKETCipEZ9EfS8Fj4cDtP58+fp7t27tLi4SLqu0507d+jkyZPkNRKr6fmJApsVZC3AnGn92mr+0P6rp74hLxGLxWhgYIAYYzQ/P0/T09NUU1NDHR0d1NzcTI8ePaKjR4/S8vIyeYVcViDS5L34Is+ihqf6/vTcM/IS0Prw8DDdvHmTIpEIdXV10cjICA0ODlI0GqXu7m5JDCyjqamJvEIuK0jORqL4IgkIssA/1DuQ9HgFmDc0f+nSJSlwIuHMJyYnJ6X2V1ZWaGJiQlqGVxi7teo4p3HzmDziDzftlR1EUC99HwTArKHxfIALnD59murr6z23AtWimca6cNRkeUsx/8lPfyavce/evYLuy/g/SPASjlkrp0b+ZVuDZoQMx1R3YTFJLxrcpu1GKvWaxgzmIADFzBcNICChVKwYsYimaViy+g0vovYzWH5sj2tiOa5R46RMfB77k/V5GdVLxcIDu3JFIGzQBAu27M+PtBfRHclOIairq8s+4zVUFxDF01pNXbxMrHpf2bVmfJuhs7Mz+4zXcMgGF6AKAEkOkp9C8n0QgGyxUqgIARB+dHRUEpDPCpAuY/zfLGHyEhUhABgbG6OFhQWZ5rpleRA+ky774f+5oMnODAswe/IDXCwrZWIBZn4qQAosBe7iFxyyiUVVBEFbsS+8y1sCMvN/zPt7e3tlSuwmZEbzVnLwbCYoegGsJFkhlB8PioLAEres/DT/cRt5Abx8X1+fFBpaR2BDHIAbuAHnMS224siRI3T16lU5ffaiRqAuoXGTPwyanD/EPDyDupcCVA4g+IULF6TgmNpeu3ZN+r/bFLjSQL+BFULxelAjrnNLcRh+0tG6veT5AMpbDQ0N0qRLERwEQvNAZsTAb/yfcmIEqsQqtICmB0UxcIqCXLl5R8kEwNxv3LhR8lCGYRBmbwUqSQDcoFQCVO0Dz5LCAphYLuIzrUvWjNCNrWLgpvVMipsLIA7PIRbs379fnkPe4FUMQKuNDWIEwFKZDIsm8dtiatifuQYCUERMlNDwgBdF1MenWICAAwcOkNeoE8FP7TNC7yGOaQKYditAvN96Q+/f9pS0FnjmzBk6ceJE9vdmmrMmParl4DeeRzAtB24rxinOruP4W1l8tvUnsqwLYOLwqlgSS1So7cVPoCxeb80BkAAdnHsZX7NZjxgTr1gfwmgAK6h2nHx9l114AdNk2SaqLAHaNg0NBLassPfYbnVBoaoA3z/XHVZPx5NG2v+BrHRYK3OzgnOnwlStiB0PO7TPGbtubZSwqdfNCmLH9sjEqNoA7fce320/KXx/PUm2VhkbAdIKiDmaDN/5176qcgUI79IbIH1fbZNxSBVo18HQlPUczOidf++jasFw316H6UP7wUP6uHqvq1pZiqHL0uYKnX/ZSf/pq1Q3fOlAp1jn4Z3q6Tiaqd3udycA6bGLKyAeuCUVWwU52+TIafoZ5G2UNL5oucw461fPb8V2ueHYXmfQo7Twwq2Hcj23aa+wMdMyLuoFjuVztKINjv4k1hEMep5ABevquX1uZi/KcOx64JDek+/5MpulUxs9RM+HBEzaEJwdAS+NgpqlC26Xz2UJwOitJ7ILo1JEQOvnha+7mTxQiOYzKGrDhDEbGWLE33K7Bmt4e2KFbn78lPwCBI+J+QkEz5WXiEzvSuCgfrbQ/1n0lhlBwtkNElzHRBCBpeh0h5k3FlGI4IQtM+mA59+WmQxydZSqABEfiWB5f3G96BIb/BtFDHncvEI1tSZyl4psmrIiNRPp0WANBe4OXXiwLtvvYCVu2+ag3eZXQlT3+2ChqXdJWrei/I2TwhrMkHlW5AsIkBXbOCkEv6IF6bK177cUeLd1VhBhBChajEWUAM8Ez8CnzdORqMbNHlFo/WvZZHCsXPHbqFuG2vUp8hi+EGCFtIwQRZhhRli6H0lun3cQY9k+LxZSH3LSdFRu/N4+/yvA4P9O4eXQNwAAAABJRU5ErkJggg==);
            
background-position: 30px 50%;
            
background-repeat: no-repeat
        
}

        .
cashback-link__referral-more {
            
margin-top: 8px;
            
color: #00a8ff;
            
font-size: 12px
        
}

        .
cashback-link__referral-more:hover {
            
cursor: pointer
        
}

        .
ls-simple-similar {
            
background: #fff;
            
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
            
width: 320px;
            
font-family: 'Open Sans', sans-serif;
            
color: #333;
            
position: relative;
            
z-index: 2;
            
padding: 15px;
            
border-radius: 4px;
            
display: flex;
            
flex-direction: column;
            
text-align: left
        
}

        .
ls-simple-similar .ls-bar__settings {
            
right: 35px
        
}

        .
ls-simple-similar__content {
            
font-size: 14px !important;
            
line-height: 1.43 !important;
            
margin-top: 10px;
            
text-align: center
        
}

        .
ls-simple-similar__headline {
            
font-weight: 700;
            
margin-bottom: 5px;
            
text-align: left
        
}

        .
ls-simple-similar__subheadline {
            
text-align: left
        
}

        .
ls-simple-similar a.ls-simple-similar__button {
            
padding: 8px 20px;
            
border-radius: 4px;
            
text-align: center;
            
background: #fc0;
            
margin: 15px auto 0;
            
color: #121212;
            
max-width: 100%;
            
text-decoration: none;
            
display: inline-block
        
}

        .
ls-simple-similar a.ls-simple-similar__button:hover {
            
cursor: pointer;
            
background: #f0c000;
            
color: #121212;
            
text-decoration: none
        
}

        .
notification-permissions {
            
top: 268px;
            
height: auto;
            
width: 640px;
            
text-align: center
        
}

        .
notification-permissions__title {
            
font-family: 'Lety Montserrat', sans-serif !important;
            
font-size: 24px;
            
font-weight: 800;
            
line-height: 1.13;
            
color: #121212;
            
margin-top: 16px
        
}

        .
notification-permissions__description {
            
margin-top: 16px;
            
font-size: 16px;
            
color: #121212
        
}

        .
next-div-relative + div {
            
position: relative
        
}

        .
disabled-scroll {
            
overflow: hidden !important
        
}

        .
md-dark {
            
color: rgba(0, 0, 0, .54)
        }

        .
md-dark.md-inactive {
            
color: rgba(0, 0, 0, .26)
        }

        .
md-light {
            
color: #fff
        
}

        .
md-light.md-inactive {
            
color: rgba(255, 255, 255, .3)
        }

        .
text-center {
            
text-align: center
        
}

        .
ls-ext-button {
            
text-decoration: none;
            
padding: 12px 24px;
            
font-size: 14px;
            
border-radius: 4px;
            
transition: .3s all;
            
display: inline-block
        
}

        .
ls-ext-button--purple {
            
background-color: #601ba5;
            
color: #fff
        
}

        .
ls-ext-button--green {
            
background-color: #00d092;
            
color: #fff
        
}

        .
ls-ext-button--plain {
            
background: 0 0;
            
padding: 0;
            
margin: 0;
            
border-radius: unset;
            
color: #00a8ff;
            
font-size: inherit
        
}

        .
ls-ext-button--sm {
            
padding: 8px 18px;
            
font-size: 12px
        
}

        .
ls-ext-button:hover {
            
opacity: .95;
            
cursor: pointer
        
}

        .
club-offer {
            
transition: border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
            
display: flex;
            
border-radius: 4px;
            
border: 1px solid transparent;
            
box-shadow: 0 0 4px 0 rgba(0, 0, 0, .12);
            
background-color: #fff;
            
padding: 8px 14px;
            
margin: 4px 4px 8px;
            
align-items: center;
            
cursor: pointer;
            
white-space: nowrap
        
}

        .
club-offer:hover {
            
border-color: rgba(96, 27, 165, .24);
            
box-shadow: 0 8px 16px 0 rgba(96, 27, 165, .12)
        }

        .
club-offer-detail {
            
margin-left: 16px;
            
display: flex;
            
flex: 1;
            
flex-direction: column
        
}

        .
club-offer-image {
            
width: 70px;
            
height: 70px;
            
display: flex;
            
align-items: center;
            
align-self: stretch;
            
justify-content: center
        
}

        .
club-offer-image img {
            
max-width: 100%;
            
max-height: 100%
        }

        .
club-offer-title {
            
width: 300px;
            
font-weight: 700;
            
line-height: 1.5;
            
font-size: 12px;
            
white-space: nowrap;
            
overflow: hidden;
            
text-overflow: ellipsis;
            
text-transform: capitalize;
            
margin: 4px 0
        
}

        .
club-offer-subtitle {
            
font-family: Roboto, sans-serif !important;
            
font-weight: 500 !important;
            
font-size: 12px !important;
            
line-height: 15px !important;
            
color: #263238 !important;
            
letter-spacing: normal !important;
            
text-transform: none
        
}

        .
club-offer-total {
            
display: flex;
            
font-size: 14px;
            
color: #aaa
        
}

        .
club-offer-total div {
            
margin-right: 24px;
            
display: flex;
            
align-items: center
        
}

        .
club-offer-total svg {
            
margin-right: 6px
        
}

        .
club-offer-prices {
            
display: flex;
            
align-items: center
        
}

        .
club-offer-prices div {
            
margin-right: 12px
        
}

        .
club-offer-old-price {
            
font-size: 12px;
            
text-decoration: line-through
        
}

        .
club-offer-price {
            
font-size: 14px;
            
font-weight: 700
        
}

        .
club-offer-discount {
            
border-radius: 2px;
            
background-color: #00d093;
            
color: #fff;
            
font-size: 12px;
            
padding: 1px 4px
        
}

        .
club-offer-link {
            
color: #a0a0a0;
            
font-size: 10px;
            
border-left: 1px solid #a0a0a0;
            
text-overflow: ellipsis;
            
white-space: nowrap;
            
overflow: hidden;
            
cursor: pointer
        
}

        .
club-offer-link svg {
            
margin: 0 8px
        
}

        .
club-offer--post {
            
background: -moz-linear-gradient(to right, #993ad1, #601ba5);
            
background: -webkit-linear-gradient(to right, #993ad1, #601ba5);
            
background: -o-linear-gradient(to right, #993ad1, #601ba5);
            
background: -ms-linear-gradient(to right, #993ad1, #601ba5);
            
background: linear-gradient(to right, #993ad1, #601ba5);
            
white-space: unset;
            
padding: 0;
            
color: #fff
        
}

        .
club-offer--post .club-offer-detail {
            
font-size: 16px;
            
font-weight: 700;
            
padding: 10px 10px 15px 0
        
}

        .
club-offer--post .club-offer-title {
            
width: auto;
            
text-transform: unset
        }

        .
club-offer--post .club-offer-subtitle {
            
color: #fff !important
        
}

        .
club-offer--post .club-offer-image {
            
width: 176px;
            
height: 125px;
            
flex: 0 0 143px;
            
align-self: flex-end
        
}

        .
club-offer--post .club-offer-btn {
            
margin-top: 10px
        
}

        .
club-offer--post .club-offer-btn .b-button {
            
border-radius: 35px;
            
width: 210px
        
}

        .
club-offer-footer {
            
width: 100%;
            
margin: 40px 0 0;
            
text-align: center
        
}

        .
md-dark {
            
color: rgba(0, 0, 0, .54)
        }

        .
md-dark.md-inactive {
            
color: rgba(0, 0, 0, .26)
        }

        .
md-light {
            
color: #fff
        
}

        .
md-light.md-inactive {
            
color: rgba(255, 255, 255, .3)
        }

        .
text-center {
            
text-align: center
        
}

        .
lety-bar {
            
background: #fff;
            
border-radius: 2px;
            
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
            
display: flex;
            
min-width: 44px;
            
font-family: 'Open Sans', sans-serif;
            
color: #333;
            
position: relative;
            
z-index: 2
        
}

        .
lety-bar[data-open] {
            
height: 56px;
            
position: relative;
            
z-index: 2
        
}

        .
lety-bar[data-open] .lety-bar-popup[data-popup-show] {
            
display: block
        
}

        .
lety-bar[data-open] .lety-bar__state-trigger svg {
            
transform: rotate(180deg)
        }

        .
lety-bar[data-open] .lety-bar__sections {
            
display: flex
        
}

        .
lety-bar[data-open] .lety-bar__sections-small {
            
display: none
        
}

        .
lety-bar[data-open] .lety-bar__logo svg.full {
            
display: block
        
}

        .
lety-bar[data-open] .lety-bar__logo svg.short {
            
display: none
        
}

        .
lety-bar__state-trigger {
            
width: 16px;
            
height: 40px;
            
border-radius: 2px 0 0 2px;
            
background: #eee;
            
cursor: pointer;
            
position: absolute;
            
left: -16px;
            
top: 50%;
            
transform: translateY(-50%);
            
display: flex;
            
align-items: center
        
}

        .
lety-bar__logo {
            
background: #fafafa;
            
display: flex;
            
align-items: center;
            
justify-content: center;
            
padding: 2px 16px;
            
position: relative
        
}

        .
lety-bar__logo svg.short {
            
display: block
        
}

        .
lety-bar__logo svg.full {
            
display: none
        
}

        .
lety-bar__settings {
            
position: absolute;
            
right: 4px;
            
top: 4px;
            
z-index: 2;
            
cursor: pointer;
            
line-height: 1
        
}

        .
lety-bar__sections {
            
display: none;
            
background: #fff
        
}

        .
lety-bar__sections--base {
            
padding: 12px 0 6px
        
}

        .
lety-bar__sections--base .lety-bar__section {
            
display: block;
            
margin-bottom: 6px
        
}

        .
lety-bar__sections--base .lety-bar__section:after, .lety-bar__sections--base .lety-bar__section:before {
            
display: none
        
}

        .
lety-bar__section {
            
display: flex;
            
flex-direction: column;
            
justify-content: center;
            
align-items: center;
            
cursor: pointer;
            
padding: 0 24px;
            
position: relative
        
}

        .
lety-bar__section:before {
            
display: block;
            
content: '';
            
position: absolute;
            
left: 0;
            
top: 50%;
            
width: 1px;
            
height: 60%;
            
transform: translateY(-50%);
            
background: #eee
        
}

        .
lety-bar__section:after {
            
display: block;
            
content: '';
            
position: absolute;
            
opacity: 0;
            
visibility: hidden;
            
transition: all .2s ease;
            
left: 10%;
            
bottom: -3px;
            
width: 80%;
            
height: 3px;
            
border-radius: 0 0 6px 6px;
            
background: #1eb1fc
        
}

        .
lety-bar__section.purple-line:after {
            
background: #601aa5
        
}

        .
lety-bar__section:hover:after, .lety-bar__section[data-active]:after {
            
opacity: 1;
            
visibility: visible
        
}

        .
lety-bar__section-top {
            
display: flex;
            
align-items: center;
            
margin-bottom: 3px
        
}

        .
lety-bar__section-top span {
            
display: inline-block;
            
font-weight: 700;
            
margin-left: 5px;
            
color: #333
        
}

        .
lety-bar__section-bottom {
            
font-size: 10px;
            
display: flex;
            
align-items: center;
            
justify-content: center
        
}

        .
lety-bar-popup {
            
position: absolute;
            
top: calc(100% + 10px);
            
right: 0;
            
background: #fff;
            
padding: 16px 24px;
            
border-radius: 2px;
            
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
            
display: none;
            
width: 546px
        
}

        .
lety-bar-popup__close {
            
position: absolute;
            
right: 16px;
            
top: 16px;
            
cursor: pointer
        
}

        .
lety-bar-popup__header {
            
display: flex;
            
margin-bottom: 16px;
            
min-height: 20px;
            
flex-direction: column
        
}

        .
lety-bar-popup__title {
            
font-weight: 700;
            
margin-right: 24px;
            
font-size: 16px
        
}

        .
lety-bar-popup__description {
            
font-size: 14px;
            
line-height: 20px;
            
margin-top: 5px
        
}

        .
lety-bar-popup__action-trigger {
            
cursor: pointer;
            
color: #00a8ff;
            
display: inline-block;
            
line-height: 1.2;
            
border-bottom: 1px dashed;
            
font-size: 12px
        
}

        .
lety-bar-popup__action-trigger:hover {
            
border-bottom-color: #fff
        
}

        .
lety-bar-popup__media-empty {
            
display: flex;
            
justify-content: center;
            
margin: 0 0 24px
        
}

        .
lety-bar-popup__media-empty svg {
            
max-width: 200px
        
}

        .
lety-bar-popup__footer {
            
margin-top: 24px
        
}

        .
lety-bar-popup__scroller {
            
max-height: 346px;
            
min-height: 76px;
            
overflow: hidden;
            
overflow-y: scroll;
            
padding: 0 10px;
            
margin: 0 -10px
        
}

        .
ls-simple-similar {
            
background: #fff;
            
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
            
width: 320px;
            
font-family: 'Open Sans', sans-serif;
            
color: #333;
            
position: relative;
            
z-index: 2;
            
padding: 15px;
            
border-radius: 4px;
            
display: flex;
            
flex-direction: column;
            
text-align: left
        
}

        .
ls-simple-similar .ls-bar__settings {
            
right: 35px
        
}

        .
ls-simple-similar__content {
            
font-size: 14px !important;
            
line-height: 1.43 !important;
            
margin-top: 10px;
            
text-align: center
        
}

        .
ls-simple-similar__headline {
            
font-weight: 700;
            
margin-bottom: 5px;
            
text-align: left
        
}

        .
ls-simple-similar__subheadline {
            
text-align: left
        
}

        .
ls-simple-similar a.ls-simple-similar__button {
            
padding: 8px 20px;
            
border-radius: 4px;
            
text-align: center;
            
background: #fc0;
            
margin: 15px auto 0;
            
color: #121212;
            
max-width: 100%;
            
text-decoration: none;
            
display: inline-block
        
}

        .
ls-simple-similar a.ls-simple-similar__button:hover {
            
cursor: pointer;
            
background: #f0c000;
            
color: #121212;
            
text-decoration: none
        
}</style>
</
head>
<
span id="warning-container"><i data-reactroot=""></i></span>
<
body cz-shortcut-listen="true"><!-- Start Arduix Navbar Area -->
<
div id="header" class="arduix-nav-style" style="top: -100px;">
    <
div class="navbar-area is-sticky"><!-- Menu For Mobile Device -->
        <
div class="mobile-nav">
            <
a href="index.htm" class="logo">
                <
img src="imageswhite-logo.png" alt="Logo">
            </
a>
        </
div>
        <!-- 
Menu For Desktop Device -->
        <
div class="main-nav">
            <
nav class="navbar navbar-expand-md navbar-light">
                <
div class="container">
                    <
a class="navbar-brand" href="index.htm">
                        <
img src="imageswhite-logo.png" alt="Logo">
                    </
a>
                    <
div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent" style="display: block;">
                        <
ul class="navbar-nav m-auto">
                            <
li class="nav-item">
                                <
a href="index.htm">Home</a>
                            </
li>
                            <
li class="nav-item">
                                <
a href="about.html" class="nav-link dropdown-toggle">About us</a>
                            </
li>
                            <
li class="nav-item">
                                <
a href="faq.html" class="nav-link dropdown-toggle">FAQ</a>
                            </
li>
                            <
li class="nav-item">
                                <
a href="news.html" class="nav-link dropdown-toggle">News</a>
                            </
li>
                            <
li class="nav-item">
                                <
a href="support.html" class="nav-link dropdown-toggle">Contacts</a>
                            </
li>
                        </
ul>
                        <
div class="others-option">
                            <
a class="default-btn" href="login.html">Cabinet <i class="fas fa-user"></i></a>
                        </
div>
                    </
div>
                </
div>
            </
nav>
        </
div>
    </
div>
</
div>
<
div id="app">
        <
div id="header" class="arduix-nav-style" style="top: 0px;">
        <
div class="navbar-area"><!-- Menu For Mobile Device -->
        <
div class="mobile-nav">
    <
a href="index.htm" class="logo">
        <
img src="imageswhite-logo.png" alt="Logo">
    </
a>

    <
button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <
span class="fas fa-bars"></span>
    </
button>

    <
div class="collapse navbar-collapse mobile-nav" id="navbarSupportedContent">
        <
ul class="navbar-nav mr-auto">
            <
ul class="navbar-nav m-auto">
                <
li class="nav-item"><a href="index.htm">Главная</a></li>
                <
li class="nav-item"><a href="about.html" class="nav-link dropdown-toggle">О компании</a></li>
                <
li class="nav-item"><a href="faq.html" class="nav-link dropdown-toggle">Вопросы</a>
                </
li>
                <
li class="nav-item"><a href="news.html" class="nav-link dropdown-toggle">Новости</a>
                </
li>
                <
li class="nav-item">
                    <
a href="partners.html" class="nav-link dropdown-toggle">Партнерам</a>
                </
li>
                <
li class="nav-item"><a href="support.html" class="nav-link dropdown-toggle">Контакты</a>
                </
li>
            </
ul>
        </
ul>
    </
div>
</
div>
            <!-- 
Menu For Desktop Device -->
            <
div class="main-nav">
                <
nav class="navbar navbar-expand-md navbar-light">
                    <
div class="container">
                        <
a class="navbar-brand" href="index.htm">
                            <
img src="imageswhite-logo.png" alt="Logo">
                        </
a>
                        <
div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent" style="display: block;">
                            <
ul class="navbar-nav m-auto">
                                <
li class="nav-item"><a href="index.htm">Главная</a></li>
                                <
li class="nav-item"><a href="about.html" class="nav-link dropdown-toggle">О компании</a></li>
                                <
li class="nav-item"><a href="faq.html" class="nav-link dropdown-toggle">Вопросы</a>
                                </
li>
                                <
li class="nav-item"><a href="news.html" class="nav-link dropdown-toggle">Новости</a>
                                </
li>
                                <
li class="nav-item">
                                    <
a href="partners.html" class="nav-link dropdown-toggle">Партнерам</a>
                                </
li>
                                <
li class="nav-item"><a href="support.html" class="nav-link dropdown-toggle">Контакты</a>
                                </
li>
                            </
ul>
                            <
div class="others-option">
                                <
a class="default-btn" href="login.html">
                                    
Кабинет<i class="bx bx-log-in-circle"></i>
                                </
a>
                            </
div>
                        </
div>
                    </
div>
                </
nav>
            </
div>
        </
div>
    </
div>
    <
div class="preloader" style="display: none;">
        <
div class="lds-ripple">
            <
div></div>
            <
div></div>
        </
div>
    </
div><!-- End Preloader Area --><!-- Start Page Title Area -->
    <
div class="page-title-area">
        <
div class="container">
            <
div class="page-title-content"><h2>О компании</h2>
                <
ul>
                    <
li><a href="index.htm">Главная</a></li>
                    <
li>О компании</li>
                </
ul>
            </
div>
        </
div>
    </
div><!-- End Page Title Area --><!-- Start About Area -->

    <
section class="faq pb-70">
    <
div class="container">
        <
div class="section-title"><br><br>
            <
h2>FAQ</h2>
        </
div>
        <
div class="row">
            <
div class="col-12">
                <
div class="accordion" id="accordionExample">
                                            <
div class="card">
                            <
div class="card-header" id="headingOne">
                                <
h2 class="mb-0">
                                    <
button class="btn btn-link btn-question btn-block text-left" type="button" data-toggle="collapse" data-target="#collapse0" aria-expanded="true" aria-controls="collapse0">
                                        <
i class="fas fa-question mr-2"></i> Что из себя представляет компания The Arbi Bot?
                                    </
button>
                                </
h2>
                            </
div>

                            <
div id="collapse0" class="collapse  show " aria-labelledby="heading0" data-parent="#accordionExample">
                                <
div class="card-body pt-0 pl-5">
                                    
The Arbi Bot – это инвестиционная-онлайн платформа, которая создана для заработка на валютных и криптовалютных биржах. Здесь вы можете зарабатывать за счет уникального алгоритма торгового робота Arbi
                                
</div>
                            </
div>
                        </
div>
                                            <
div class="card">
                            <
div class="card-header" id="headingOne">
                                <
h2 class="mb-0">
                                    <
button class="btn btn-link btn-question btn-block text-left" type="button" data-toggle="collapse" data-target="#collapse1" aria-expanded="false" aria-controls="collapse1">
                                        <
i class="fas fa-question mr-2"></i> За счет чего я получаю прибыль?
                                    </
button>
                                </
h2>
                            </
div>

                            <
div id="collapse1" class="collapse " aria-labelledby="heading1" data-parent="#accordionExample">
                                <
div class="card-body pt-0 pl-5">
                                    
Ваша прибыль формируется из результатов торговли робота на валютных и криптовалютных биржах. Полученный от торговли доход является Вашей прибылью
                                
</div>
                            </
div>
                        </
div>
                                            <
div class="card">
                            <
div class="card-header" id="headingOne">
                                <
h2 class="mb-0">
                                    <
button class="btn btn-link btn-question btn-block text-left" type="button" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
                                        <
i class="fas fa-question mr-2"></i> За счет чего компания “The Arbi Bot” получает прибыль?
                                    </
button>
                                </
h2>
                            </
div>

                            <
div id="collapse2" class="collapse " aria-labelledby="heading2" data-parent="#accordionExample">
                                <
div class="card-body pt-0 pl-5">
                                    
Прибыль компании “The Arbi Bot” формируется из комиссии, которая заложена в алгоритм торговли робота. Платформа не имеет скрытых комиссий,  поэтому пользователь получает ровно ту сумму средств, которая указана при открытии депозита при работе с роботом
                                
</div>
                            </
div>
                        </
div>
                                            <
div class="card">
                            <
div class="card-header" id="headingOne">
                                <
h2 class="mb-0">
                                    <
button class="btn btn-link btn-question btn-block text-left" type="button" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
                                        <
i class="fas fa-question mr-2"></i> Зачем пользоваться торговым роботом, если можно вести торговлю самостоятельно?
                                    </
button>
                                </
h2>
                            </
div>

                            <
div id="collapse3" class="collapse " aria-labelledby="heading3" data-parent="#accordionExample">
                                <
div class="card-body pt-0 pl-5">
                                    
В отличие от рядового трейдера, торговый робот придерживается четкого алгоритма действий, безошибочно определяет графические модели и паттерны, что исключает вероятность ошибок, связанных с человеческим фактором.
                                </
div>
                            </
div>
                        </
div>
                                            <
div class="card">
                            <
div class="card-header" id="headingOne">
                                <
h2 class="mb-0">
                                    <
button class="btn btn-link btn-question btn-block text-left" type="button" data-toggle="collapse" data-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
                                        <
i class="fas fa-question mr-2"></i> Как много денег я получу от торговли?
                                    </
button>
                                </
h2>
                            </
div>

                            <
div id="collapse4" class="collapse " aria-labelledby="heading4" data-parent="#accordionExample">
                                <
div class="card-body pt-0 pl-5">
                                    
Доход, который Вы будете получать от торговли, полностью зависит от выбранного инвестиционного пакета, суммы и срока депозита. Ознакомиться с предложениями и рассчитать свою доходность Вы можете с помощью калькулятора доходности.
                                </
div>
                            </
div>
                        </
div>
                                            <
div class="card">
                            <
div class="card-header" id="headingOne">
                                <
h2 class="mb-0">
                                    <
button class="btn btn-link btn-question btn-block text-left" type="button" data-toggle="collapse" data-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
                                        <
i class="fas fa-question mr-2"></i> Может ли робот «слить» мой депозит?
                                    </
button>
                                </
h2>
                            </
div>

                            <
div id="collapse5" class="collapse " aria-labelledby="heading5" data-parent="#accordionExample">
                                <
div class="card-body pt-0 pl-5">
                                    
Нет. Так как торговый робот занимается процессом торговли под постоянным присмотром специалистов платформы, вероятность форс-мажорных обстоятельств сводится к нулю.
                                </
div>
                            </
div>
                        </
div>
                                            <
div class="card">
                            <
div class="card-header" id="headingOne">
                                <
h2 class="mb-0">
                                    <
button class="btn btn-link btn-question btn-block text-left" type="button" data-toggle="collapse" data-target="#collapse6" aria-expanded="false" aria-controls="collapse6">
                                        <
i class="fas fa-question mr-2"></i> Есть ли риски при работе с торговым роботом?
                                    </
button>
                                </
h2>
                            </
div>

                            <
div id="collapse6" class="collapse " aria-labelledby="heading6" data-parent="#accordionExample">
                                <
div class="card-body pt-0 pl-5">
                                    
Несмотря на отлаженную работу, построенную на сложных алгоритмах, существуют факторы, на которые команда  не может повлиять. Так, при форс-мажорных обстоятельствах (государственные перевороты, войны, катаклизмы и т.д.) компания  The Arbi Bot обязуется вернуть пользователю средства в сроки, указанные в договоре двусторонней оферты.
                                </
div>
                            </
div>
                        </
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#33404643435c414773475b561e5241515a515c471d505c5e"><span class="__cf_email__" data-cfemail="077472777768757347736f622a6675656e6568732964686a">[email&#160;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>
?>
Онлайн: 2
Реклама