.inline,
.clr {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.clr {
    width: 100%;
    float: left;
    clear: both
}

.white {
    background-color: #fff
}


.cwhite {
    color: #fff;
    margin-left: 10px;
}
.gray {
    background-color: #eee
}

.text-center {
    text-align: center
}

.clearfix:after {
    content: '';
    clear: both;
    display: block
}

.header_,
.main-menu li,
.main-menu li span,
sub,
sup {
    position: relative
}

@font-face {
    font-family: proxima_nova_rgregular;
    src: url(../fonts/proxima_nova_regular-webfont.eot);
    src: url(../fonts/proxima_nova_regular-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/proxima_nova_regular-webfont.woff2) format("woff2"), url(../fonts/proxima_nova_regular-webfont.woff) format("woff"), url(../fonts/proxima_nova_regular-webfont.ttf) format("truetype"), url(../fonts/proxima_nova_regular-webfont.svg#proxima_nova_rgregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: proxima_nova_ththin;
    src: url(../fonts/proxima_nova_thin-webfont.eot);
    src: url(../fonts/proxima_nova_thin-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/proxima_nova_thin-webfont.woff2) format("woff2"), url(../fonts/proxima_nova_thin-webfont.woff) format("woff"), url(../fonts/proxima_nova_thin-webfont.ttf) format("truetype"), url(../fonts/proxima_nova_thin-webfont.svg#proxima_nova_ththin) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: proxima_nova_ltlight;
    src: url(../fonts/proxima_nova_light-webfont.eot);
    src: url(../fonts/proxima_nova_light-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/proxima_nova_light-webfont.woff2) format("woff2"), url(../fonts/proxima_nova_light-webfont.woff) format("woff"), url(../fonts/proxima_nova_light-webfont.ttf) format("truetype"), url(../fonts/proxima_nova_light-webfont.svg#proxima_nova_ltlight) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: proxima_nova_ltsemibold;
    src: url(../fonts/proxima_nova_semibold-webfont.eot);
    src: url(../fonts/proxima_nova_semibold-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/proxima_nova_semibold-webfont.woff2) format("woff2"), url(../fonts/proxima_nova_semibold-webfont.woff) format("woff"), url(../fonts/proxima_nova_semibold-webfont.ttf) format("truetype"), url(../fonts/proxima_nova_semibold-webfont.svg#proxima_nova_ltsemibold) format("svg");
    font-weight: 400;
    font-style: normal
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    font: 18px/20px "proxima_nova_rgregular", Arial, sans-serif;
    color: #503d89;
    background: #fff;
    min-width: 320px
}

p {
    margin: 0 0 10px
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background: 0 0;
    color: #008fd5;
    text-decoration: none;
    -webkit-transition: color .1s, background .1s;
    transition: color .1s, background .1s
}

a:active,
a:focus,
a:hover {
    outline: 0;
    text-decoration: none
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    opacity: 0
}

input[type=file] {
    opacity: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,
th {
    padding: 0
}

* {
    box-sizing: border-box
}

*:before,
*:after {
    box-sizing: border-box
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box
}

.container:before,
.container:after {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

@media(max-width:1024px) {
    .container {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(min-width:640px) {
    .container {
        width: 100%
    }
}

@media(min-width:768px) {
    .container {
        width: 100%
    }
}

@media(min-width:1025px) {
    .container {
        width: 960px
    }
}

@media(min-width:1200px) {
    .container {
        width: 1190px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}

.container-fluid:before,
.container-fluid:after {
    content: " ";
    display: table
}

.container-fluid:after {
    clear: both
}

.row {
    margin-left: -10px;
    margin-right: -10px
}

.row:before,
.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.tab-1,
.lap-1,
.desk-1,
.all-2,
.tab-2,
.lap-2,
.desk-2,
.lg-2,
.all-3,
.tab-3,
.lap-3,
.desk-3,
.lg-3,
.all-4,
.tab-4,
.lap-4,
.desk-4,
.lg-4,
.all-5,
.tab-5,
.lap-5,
.desk-5,
.lg-5,
.all-6,
.tab-6,
.lap-6,
.desk-6,
.lg-6,
.all-7,
.tab-7,
.lap-7,
.desk-7,
.lg-7,
.all-8,
.tab-8,
.lap-8,
.desk-8,
.lg-8,
.all-9,
.tab-9,
.lap-9,
.desk-9,
.lg-9,
.all-10,
.tab-10,
.lap-10,
.desk-10,
.lg-10,
.all-11,
.tab-11,
.lap-11,
.desk-11,
.lg-11,
.all-12,
.tab-12,
.lap-12,
.desk-12,
.lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px
}

.all-1,
.all-2,
.all-3,
.all-4,
.all-5,
.all-6,
.all-7,
.all-8,
.all-9,
.all-10,
.all-11,
.all-12 {
    float: left
}

.all-1 {
    width: 8.33333%
}

.all-2 {
    width: 16.66667%
}

.all-3 {
    width: 25%
}

.all-4 {
    width: 33.33333%
}

.all-5 {
    width: 41.66667%
}

.all-6 {
    width: 50%
}

.all-7 {
    width: 58.33333%
}

.all-8 {
    width: 66.66667%
}

.all-9 {
    width: 75%
}

.all-10 {
    width: 83.33333%
}

.all-11 {
    width: 91.66667%
}

.all-12 {
    width: 100%
}

.all-pull-0 {
    right: auto
}

.all-pull-1 {
    right: 8.33333%
}

.all-pull-2 {
    right: 16.66667%
}

.all-pull-3 {
    right: 25%
}

.all-pull-4 {
    right: 33.33333%
}

.all-pull-5 {
    right: 41.66667%
}

.all-pull-6 {
    right: 50%
}

.all-pull-7 {
    right: 58.33333%
}

.all-pull-8 {
    right: 66.66667%
}

.all-pull-9 {
    right: 75%
}

.all-pull-10 {
    right: 83.33333%
}

.all-pull-11 {
    right: 91.66667%
}

.all-pull-12 {
    right: 100%
}

.all-push-0 {
    left: auto
}

.all-push-1 {
    left: 8.33333%
}

.all-push-2 {
    left: 16.66667%
}

.all-push-3 {
    left: 25%
}

.all-push-4 {
    left: 33.33333%
}

.all-push-5 {
    left: 41.66667%
}

.all-push-6 {
    left: 50%
}

.all-push-7 {
    left: 58.33333%
}

.all-push-8 {
    left: 66.66667%
}

.all-push-9 {
    left: 75%
}

.all-push-10 {
    left: 83.33333%
}

.all-push-11 {
    left: 91.66667%
}

.all-push-12 {
    left: 100%
}

.all-offset-0 {
    margin-left: 0%
}

.all-offset-1 {
    margin-left: 8.33333%
}

.all-offset-2 {
    margin-left: 16.66667%
}

.all-offset-3 {
    margin-left: 25%
}

.all-offset-4 {
    margin-left: 33.33333%
}

.all-offset-5 {
    margin-left: 41.66667%
}

.all-offset-6 {
    margin-left: 50%
}

.all-offset-7 {
    margin-left: 58.33333%
}

.all-offset-8 {
    margin-left: 66.66667%
}

.all-offset-9 {
    margin-left: 75%
}

.all-offset-10 {
    margin-left: 83.33333%
}

.all-offset-11 {
    margin-left: 91.66667%
}

.all-offset-12 {
    margin-left: 100%
}

@media(min-width:640px) {
    .tab-1,
    .tab-2,
    .tab-3,
    .tab-4,
    .tab-5,
    .tab-6,
    .tab-7,
    .tab-8,
    .tab-9,
    .tab-10,
    .tab-11,
    .tab-12 {
        float: left
    }
    .tab-1 {
        width: 8.33333%
    }
    .tab-2 {
        width: 16.66667%
    }
    .tab-3 {
        width: 25%
    }
    .tab-4 {
        width: 33.33333%
    }
    .tab-5 {
        width: 41.66667%
    }
    .tab-6 {
        width: 50%
    }
    .tab-7 {
        width: 58.33333%
    }
    .tab-8 {
        width: 66.66667%
    }
    .tab-9 {
        width: 75%
    }
    .tab-10 {
        width: 83.33333%
    }
    .tab-11 {
        width: 91.66667%
    }
    .tab-12 {
        width: 100%
    }
    .tab-pull-0 {
        right: auto
    }
    .tab-pull-1 {
        right: 8.33333%
    }
    .tab-pull-2 {
        right: 16.66667%
    }
    .tab-pull-3 {
        right: 25%
    }
    .tab-pull-4 {
        right: 33.33333%
    }
    .tab-pull-5 {
        right: 41.66667%
    }
    .tab-pull-6 {
        right: 50%
    }
    .tab-pull-7 {
        right: 58.33333%
    }
    .tab-pull-8 {
        right: 66.66667%
    }
    .tab-pull-9 {
        right: 75%
    }
    .tab-pull-10 {
        right: 83.33333%
    }
    .tab-pull-11 {
        right: 91.66667%
    }
    .tab-pull-12 {
        right: 100%
    }
    .tab-push-0 {
        left: auto
    }
    .tab-push-1 {
        left: 8.33333%
    }
    .tab-push-2 {
        left: 16.66667%
    }
    .tab-push-3 {
        left: 25%
    }
    .tab-push-4 {
        left: 33.33333%
    }
    .tab-push-5 {
        left: 41.66667%
    }
    .tab-push-6 {
        left: 50%
    }
    .tab-push-7 {
        left: 58.33333%
    }
    .tab-push-8 {
        left: 66.66667%
    }
    .tab-push-9 {
        left: 75%
    }
    .tab-push-10 {
        left: 83.33333%
    }
    .tab-push-11 {
        left: 91.66667%
    }
    .tab-push-12 {
        left: 100%
    }
    .tab-offset-0 {
        margin-left: 0%
    }
    .tab-offset-1 {
        margin-left: 8.33333%
    }
    .tab-offset-2 {
        margin-left: 16.66667%
    }
    .tab-offset-3 {
        margin-left: 25%
    }
    .tab-offset-4 {
        margin-left: 33.33333%
    }
    .tab-offset-5 {
        margin-left: 41.66667%
    }
    .tab-offset-6 {
        margin-left: 50%
    }
    .tab-offset-7 {
        margin-left: 58.33333%
    }
    .tab-offset-8 {
        margin-left: 66.66667%
    }
    .tab-offset-9 {
        margin-left: 75%
    }
    .tab-offset-10 {
        margin-left: 83.33333%
    }
    .tab-offset-11 {
        margin-left: 91.66667%
    }
    .tab-offset-12 {
        margin-left: 100%
    }
}

@media(min-width:768px) {
    .lap-1,
    .lap-2,
    .lap-3,
    .lap-4,
    .lap-5,
    .lap-6,
    .lap-7,
    .lap-8,
    .lap-9,
    .lap-10,
    .lap-11,
    .lap-12 {
        float: left
    }
    .lap-1 {
        width: 8.33333%
    }
    .lap-2 {
        width: 16.66667%
    }
    .lap-3 {
        width: 25%
    }
    .lap-4 {
        width: 33.33333%
    }
    .lap-5 {
        width: 41.66667%
    }
    .lap-6 {
        width: 50%
    }
    .lap-7 {
        width: 58.33333%
    }
    .lap-8 {
        width: 66.66667%
    }
    .lap-9 {
        width: 75%
    }
    .lap-10 {
        width: 83.33333%
    }
    .lap-11 {
        width: 91.66667%
    }
    .lap-12 {
        width: 100%
    }
    .lap-pull-0 {
        right: auto
    }
    .lap-pull-1 {
        right: 8.33333%
    }
    .lap-pull-2 {
        right: 16.66667%
    }
    .lap-pull-3 {
        right: 25%
    }
    .lap-pull-4 {
        right: 33.33333%
    }
    .lap-pull-5 {
        right: 41.66667%
    }
    .lap-pull-6 {
        right: 50%
    }
    .lap-pull-7 {
        right: 58.33333%
    }
    .lap-pull-8 {
        right: 66.66667%
    }
    .lap-pull-9 {
        right: 75%
    }
    .lap-pull-10 {
        right: 83.33333%
    }
    .lap-pull-11 {
        right: 91.66667%
    }
    .lap-pull-12 {
        right: 100%
    }
    .lap-push-0 {
        left: auto
    }
    .lap-push-1 {
        left: 8.33333%
    }
    .lap-push-2 {
        left: 16.66667%
    }
    .lap-push-3 {
        left: 25%
    }
    .lap-push-4 {
        left: 33.33333%
    }
    .lap-push-5 {
        left: 41.66667%
    }
    .lap-push-6 {
        left: 50%
    }
    .lap-push-7 {
        left: 58.33333%
    }
    .lap-push-8 {
        left: 66.66667%
    }
    .lap-push-9 {
        left: 75%
    }
    .lap-push-10 {
        left: 83.33333%
    }
    .lap-push-11 {
        left: 91.66667%
    }
    .lap-push-12 {
        left: 100%
    }
    .lap-offset-0 {
        margin-left: 0%
    }
    .lap-offset-1 {
        margin-left: 8.33333%
    }
    .lap-offset-2 {
        margin-left: 16.66667%
    }
    .lap-offset-3 {
        margin-left: 25%
    }
    .lap-offset-4 {
        margin-left: 33.33333%
    }
    .lap-offset-5 {
        margin-left: 41.66667%
    }
    .lap-offset-6 {
        margin-left: 50%
    }
    .lap-offset-7 {
        margin-left: 58.33333%
    }
    .lap-offset-8 {
        margin-left: 66.66667%
    }
    .lap-offset-9 {
        margin-left: 75%
    }
    .lap-offset-10 {
        margin-left: 83.33333%
    }
    .lap-offset-11 {
        margin-left: 91.66667%
    }
    .lap-offset-12 {
        margin-left: 100%
    }
}

@media(min-width:1025px) {
    .desk-1,
    .desk-2,
    .desk-3,
    .desk-4,
    .desk-5,
    .desk-6,
    .desk-7,
    .desk-8,
    .desk-9,
    .desk-10,
    .desk-11,
    .desk-12 {
        float: left
    }
    .desk-1 {
        width: 8.33333%
    }
    .desk-2 {
        width: 16.66667%
    }
    .desk-3 {
        width: 25%
    }
    .desk-4 {
        width: 33.33333%
    }
    .desk-5 {
        width: 41.66667%
    }
    .desk-6 {
        width: 50%
    }
    .desk-7 {
        width: 58.33333%
    }
    .desk-8 {
        width: 66.66667%
    }
    .desk-9 {
        width: 75%
    }
    .desk-10 {
        width: 83.33333%
    }
    .desk-11 {
        width: 91.66667%
    }
    .desk-12 {
        width: 100%
    }
    .desk-pull-0 {
        right: auto
    }
    .desk-pull-1 {
        right: 8.33333%
    }
    .desk-pull-2 {
        right: 16.66667%
    }
    .desk-pull-3 {
        right: 25%
    }
    .desk-pull-4 {
        right: 33.33333%
    }
    .desk-pull-5 {
        right: 41.66667%
    }
    .desk-pull-6 {
        right: 50%
    }
    .desk-pull-7 {
        right: 58.33333%
    }
    .desk-pull-8 {
        right: 66.66667%
    }
    .desk-pull-9 {
        right: 75%
    }
    .desk-pull-10 {
        right: 83.33333%
    }
    .desk-pull-11 {
        right: 91.66667%
    }
    .desk-pull-12 {
        right: 100%
    }
    .desk-push-0 {
        left: auto
    }
    .desk-push-1 {
        left: 8.33333%
    }
    .desk-push-2 {
        left: 16.66667%
    }
    .desk-push-3 {
        left: 25%
    }
    .desk-push-4 {
        left: 33.33333%
    }
    .desk-push-5 {
        left: 41.66667%
    }
    .desk-push-6 {
        left: 50%
    }
    .desk-push-7 {
        left: 58.33333%
    }
    .desk-push-8 {
        left: 66.66667%
    }
    .desk-push-9 {
        left: 75%
    }
    .desk-push-10 {
        left: 83.33333%
    }
    .desk-push-11 {
        left: 91.66667%
    }
    .desk-push-12 {
        left: 100%
    }
    .desk-offset-0 {
        margin-left: 0%
    }
    .desk-offset-1 {
        margin-left: 8.33333%
    }
    .desk-offset-2 {
        margin-left: 16.66667%
    }
    .desk-offset-3 {
        margin-left: 25%
    }
    .desk-offset-4 {
        margin-left: 33.33333%
    }
    .desk-offset-5 {
        margin-left: 41.66667%
    }
    .desk-offset-6 {
        margin-left: 50%
    }
    .desk-offset-7 {
        margin-left: 58.33333%
    }
    .desk-offset-8 {
        margin-left: 66.66667%
    }
    .desk-offset-9 {
        margin-left: 75%
    }
    .desk-offset-10 {
        margin-left: 83.33333%
    }
    .desk-offset-11 {
        margin-left: 91.66667%
    }
    .desk-offset-12 {
        margin-left: 100%
    }
}

@media(min-width:1200px) {
    .lg-1,
    .lg-2,
    .lg-3,
    .lg-4,
    .lg-5,
    .lg-6,
    .lg-7,
    .lg-8,
    .lg-9,
    .lg-10,
    .lg-11,
    .lg-12 {
        float: left
    }
    .lg-1 {
        width: 8.33333%
    }
    .lg-2 {
        width: 16.66667%
    }
    .lg-3 {
        width: 25%
    }
    .lg-4 {
        width: 33.33333%
    }
    .lg-5 {
        width: 41.66667%
    }
    .lg-6 {
        width: 50%
    }
    .lg-7 {
        width: 58.33333%
    }
    .lg-8 {
        width: 66.66667%
    }
    .lg-9 {
        width: 75%
    }
    .lg-10 {
        width: 83.33333%
    }
    .lg-11 {
        width: 91.66667%
    }
    .lg-12 {
        width: 100%
    }
    .lg-pull-0 {
        right: auto
    }
    .lg-pull-1 {
        right: 8.33333%
    }
    .lg-pull-2 {
        right: 16.66667%
    }
    .lg-pull-3 {
        right: 25%
    }
    .lg-pull-4 {
        right: 33.33333%
    }
    .lg-pull-5 {
        right: 41.66667%
    }
    .lg-pull-6 {
        right: 50%
    }
    .lg-pull-7 {
        right: 58.33333%
    }
    .lg-pull-8 {
        right: 66.66667%
    }
    .lg-pull-9 {
        right: 75%
    }
    .lg-pull-10 {
        right: 83.33333%
    }
    .lg-pull-11 {
        right: 91.66667%
    }
    .lg-pull-12 {
        right: 100%
    }
    .lg-push-0 {
        left: auto
    }
    .lg-push-1 {
        left: 8.33333%
    }
    .lg-push-2 {
        left: 16.66667%
    }
    .lg-push-3 {
        left: 25%
    }
    .lg-push-4 {
        left: 33.33333%
    }
    .lg-push-5 {
        left: 41.66667%
    }
    .lg-push-6 {
        left: 50%
    }
    .lg-push-7 {
        left: 58.33333%
    }
    .lg-push-8 {
        left: 66.66667%
    }
    .lg-push-9 {
        left: 75%
    }
    .lg-push-10 {
        left: 83.33333%
    }
    .lg-push-11 {
        left: 91.66667%
    }
    .lg-push-12 {
        left: 100%
    }
    .lg-offset-0 {
        margin-left: 0%
    }
    .lg-offset-1 {
        margin-left: 8.33333%
    }
    .lg-offset-2 {
        margin-left: 16.66667%
    }
    .lg-offset-3 {
        margin-left: 25%
    }
    .lg-offset-4 {
        margin-left: 33.33333%
    }
    .lg-offset-5 {
        margin-left: 41.66667%
    }
    .lg-offset-6 {
        margin-left: 50%
    }
    .lg-offset-7 {
        margin-left: 58.33333%
    }
    .lg-offset-8 {
        margin-left: 66.66667%
    }
    .lg-offset-9 {
        margin-left: 75%
    }
    .lg-offset-10 {
        margin-left: 83.33333%
    }
    .lg-offset-11 {
        margin-left: 91.66667%
    }
    .lg-offset-12 {
        margin-left: 100%
    }
}

.header_ {
    padding-top: 35px;
    position: relative
}

.header_:before,
.header_:after {
    content: " ";
    display: table
}

.header_:after {
    clear: both
}

.logo,
.logo img,
.main-menu,
.main-menu li {
    display: inline-block
}

.menu-block {
    float: left;
    padding-bottom: 0;
    border-bottom: 1px solid #F6931D
}

.logo {
    vertical-align: middle;
    margin-right: 65px;
    width: 240px;
}

.logo img {
    width: 150px;
    margin-top: 22px
}

#payment-methods img,
.btn-menu,
.main-menu,
.table .cell {
    vertical-align: middle
}

.main-menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.header_.profiles .main-menu li {
    padding: 0 15px;
    height: 70px;
    line-height: 70px
}

.header_.profiles .main-menu li,
.main-menu li {
    padding: 0 12px
}

.main-menu .my-account {
    display: none
}

.main-menu li a {
    display: block;
    margin-top: 9px;
    color: #b4bff4
}

.main-menu li span {
    display: inline-block
}

.sign-block a,
.sign-block.profiles.hover ul,
.sign-block.profiles:hover ul {
    display: block;
    opacity: 1;
    transform: scale(1);
    pointer-events: all
}

.header_.profiles {
    padding: 0
}

.header_.profiles .menu-block {
    margin-top: 0
}

.header_.profiles:after {
    content: '';
    width: 9999px;
    background: #044e9f;
    position: absolute;
    top: 0;
    right: -9999px;
    height: 70px
}

.logo.profiles {
    height: 70px
}

.logo.profiles img {
    width: 150px;
    margin-top: 22px
}

.blue-white-section.profiles {
    background: url(../images/dashboard_bg.jpg) top left no-repeat;
    height: 70px;
    background-size: cover
}

.header_.profiles .menu-block {
    border-bottom: 0
}

.header_.profiles .logo {
    width: 150px
}

.header_.profiles .main-menu li span:after {
    display: none!important
}

.header_.profiles .main-menu li a {
    margin-top: 0!important
}

.header_.profiles .main-menu li:hover {
    background: rgba(255, 255, 255, .1)
}

@media(min-width:769px) {
    .main-menu li span .active:after,
    .main-menu li span:hover:after,
    .main-menu li.active span:after {
        content: "";
        position: absolute;
        bottom: -28px;
        width: 100%;
        height: 3px;
        background: #F6931D;
        left: 0
    }
}

.landing-block {
    margin-top: 17px
}

.landing-block a {
    background: 0 0;
    color: #ffc72e;
    border-radius: 5px;
    padding: 5px 10px;
    border: 1px solid #ffc72e;
    font-size: 18px
}


.sign-block {
    float: right;
    margin-top: 17px
}

.sign-block a {
    background: 0 0;
    color: #ffc72e;
    border-radius: 5px;
    padding: 5px 10px;
    border: 1px solid #ffc72e;
    font-size: 18px
}

.sign-block a:hover {
    background: #008fd5;
    color: #2c3487;
    border: 1px solid #273f9c
}

.sign-block.profiles {
    font-size: 18px;
    color: #fff;
    margin-top: 32px;
    position: relative
}

.sign-block.profiles:after {
    content: "";
    position: absolute;
    top: 7px;
    right: 0;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff
}

.sign-block.profiles.hover:after,
.sign-block.profiles:hover:after {
    border-bottom: transparent;
    border-top: 5px solid #fff
}

.sign-block.profiles span {
    display: block;
    margin: 0 0 20px;
    padding: 0 25px 0 0
}

.sign-block.profiles .hidden-desk {
    display: none
}

.sign-block.profiles ul {
    position: absolute;
    display: nonex;
    border-radius: 8px;
    overflow: hidden;
    z-index: 1000;
    margin: 0;
    padding: 0;
    list-style: none;
    transform: scale(1, 0);
    transform-origin: 100% 0;
    opacity: 0;
    transition: all .2s
}

.sign-block.profiles ul a {
    font-size: 16px;
    color: #99ccef;
    padding: 10px 20px;
    display: block;
    border: none;
    background: 0 0;
    border-radius: 0
}

.sign-block.profiles ul a.active,
.sign-block.profiles ul a:hover {
    background: #0545b9;
    color: #fff;
    border: none
}

.sign-block.profiles ul li {
    position: relative
}

.sign-block.profiles ul li:first-child a {
    border-radius: 5px 5px 0 0
}

.sign-block.profiles ul li:first-child:before {
    content: "";
    position: absolute;
    left: 25px;
    bottom: 100%;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #0e5fcd
}

.sign-block.profiles ul li:first-child:hover:before {
    border-bottom: 8px solid #0545b9
}

.sign-block.profiles ul li:last-child a.active,
.sign-block.profiles ul li:last-child:hover a {
    border-radius: 0 0 5px 5px
}

.sign-block.profiles {
    margin-top: 0;
    height: 70px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header_.profiles .sign-block.profiles {
    background: #044e9f;
    padding: 0 30px
}

.sign-block.profiles .avatar {
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 500em;
    display: inline-block
}

.sign-block.profiles span {
    margin: 0;
    padding: 0;
    height: 52px;
    line-height: 52px;
    margin-left: 20px;
    padding-right: 20px
}

.sign-block.profiles:after {
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    border-bottom: transparent;
    border-top: 5px solid #fff
}

.header_.profiles .sign-block.profiles:after {
    right: 30px
}

.sign-block.profiles ul {
    top: 70px;
    left: 0;
    width: 100%;
    border-radius: 5px;
    background: #044e9f
}

.header_.profiles .sign-block.profiles ul {
    border-radius: 0 0 5px 5px
}

.sign-block.profiles ul a.active,
.sign-block.profiles ul a:hover {
    background: rgba(0, 0, 0, .09)
}

.btn-menu {
    width: 34px;
    height: 34px;
    padding: 5px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    right: 15px;
    border-radius: 4px;
    display: none;
    z-index: 120
}

.btn-menu span,
.btn-menu:after,
.btn-menu:before {
    background: #fff;
    width: 27px;
    height: 2px;
    position: absolute
}

.btn-menu span {
    top: 50%;
    margin-top: -2px;
    text-indent: -9999px
}

.btn-menu:after,
.btn-menu:before {
    content: '';
    display: block;
    top: 4px;
    transition: all .3s
}

.btn-menu:after {
    top: 26px
}

.btn-menu.open {
    position: fixed
}

.btn-menu.open:after,
.btn-menu.open:before {
    transform: rotate(-45deg);
    top: 16px
}

.btn-menu.open:after {
    transform: rotate(45deg)
}

.btn-menu.open span {
    display: none
}

@media(max-width:850px) {
    .header_ {
        padding-top: 30px
    }
    .logo {
        width: 200px;
        margin-right: 35px
    }
}

@media(max-width:1315px) {
    .header_ {
        padding-top: 15px
    }
}

@media(min-width:1000px) {
    .main-menu li {
        padding: 0 16px
    }
}

@keyframes mobile-menu-open {
    0% {
        opacity: 0;
        transform: scale(.95)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes mobile-menu-close {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(.95)
    }
}

@media(max-width:768px) {
    .header_,
    .header_ .logo {
        position: absolute;
        height: 70px;
        left: 0
    }
    .header_ {
        background: #000000;
        padding: 0 10px;
        top: 0;
        right: 0;
        z-index: 100
    }
    .header_.profiles {
        background: 0 0
    }
    .header_ .logo {
        display: block;
        margin-left: 15px
    }
    .sign-block {
        margin-top: 19px;
        display: none
    }
    .sign-block.profiles,
    .blue-white-section.profiles {
        height: 70px;
        padding: 0;
        margin-right: 60px
    }
    .sign-block.profiles ul {
        top: 70px
    }
    .sign-block.profiles {
        display: none
    }
    .menu-block {
        border: none
    }
    .btn-menu,
    .main-menu {
        display: block
    }
    .btn-menu.open,
    .btn-menu.open {
        top: 0;
        right: 0;
        margin: 6%;
        position: absolute
    }
    .btn-menu.open:before,
    .btn-menu.open:after {
        background: #333;
        height: 3px
    }
    .main-menu .mobile-holder {
        display: block;
        position: absolute;
        width: 95%;
        left: 0;
        right: 0;
        top: 0;
        margin: 0 auto;
        margin-top: 3%;
        background: #fff;
        z-index: 110;
        -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, .35);
        -moz-box-shadow: 0 0 15px 1px rgba(0, 0, 0, .35);
        box-shadow: 0 0 15px 1px rgba(0, 0, 0, .35);
        border-radius: 8px;
        transform-origin: 100% 0;
        pointer-events: none;
        opacity: 0;
        -ms-transform: scale(.95);
        -ms-transform-origin: top right;
        -webkit-transform: scale(.95);
        -webkit-transform-origin: top right;
        transform: scale(.95);
        transform-origin: top right;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
    .main-menu .mobile-holder.open {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        pointer-events: all
    }
    .main-menu ul {
        display: block;
        width: 100%;
        top: 10%;
        bottom: 10%;
        height: 90%;
        padding: 6%
    }
    .main-menu li {
        width: 100%;
        display: block;
        font-size: 20px;
        font-weight: 700;
        height: 56px
    }
    .main-menu li a {
        line-height: 56px;
        margin-top: 0;
        padding-left: 40px
    }
    .main-menu li.about a {
        color: #ffc72e;
        background: url(../images/menu/about.svg) center left no-repeat
    }
    .main-menu li.terms a {
        color: #ffc72e;
        background: url(../images/menu/terms.svg) center left no-repeat
    }
    .main-menu li.prices a {
        color: #008fd5;
        background: url(../images/menu/prices.svg) center left no-repeat
    }
    .main-menu li.guide a {
        color: #4873a6;
        background: url(../images/menu/guide.svg) center left no-repeat
    }
    .main-menu li.blog a {
        color: #595386;
        background: url(../images/menu/blog.svg) center left no-repeat
    }
    .main-menu li.support a {
        color: #524364;
        background: url(../images/menu/support.svg) center left no-repeat
    }
    .main-menu .my-account {
        width: 100%;
        line-height: 56px;
        background: #f5f5f5;
        display: block;
        border-radius: 8px 8px 0 0;
        border-bottom: 1px solid #e7e7e7
    }
    .main-menu .my-account a {
        font-size: 20px;
        color: #333;
        font-weight: 500;
        padding-left: 30px;
        margin-left: 6%;
        display: block;
        height: 56px
    }
    .main-menu .my-account .username {
        margin-left: 6%;
        margin-right: 6%;
        padding-top: 30px;
        display: table
    }
    .main-menu .my-account .username span {
        vertical-align: middle;
        display: table-cell;
        padding-left: 10px
    }
    .main-menu .my-account .username img {
        width: 50px;
        height: 50px;
        vertical-align: middle;
        display: table-cell;
        border-radius: 100%
    }
    .main-menu .my-account a.profile {
        background: url(../images/menu/my-account.svg) center left no-repeat
    }
    .main-menu .my-account a.dashboard {
        background: url(../images/menu/dashboard.svg) center left no-repeat
    }
    .main-menu .my-account a.logout {
        background: url(../images/menu/logout.svg) center left no-repeat
    }
    .main-menu .my-account a.sign-in {
        background: url(../images/menu/sign-in.svg) center left no-repeat
    }
    .main-menu li.sign-in-link {
        display: block;
        padding: 0;
        margin: 0
    }
    .main-menu li span {
        display: inline-block
    }
    .main-menu li span:hover:after {
        background: 0 0
    }
    .main-menu li.active span:after {
        top: 100%;
        bottom: -5px
    }
    .main-menu li:last-child {
        margin-bottom: 0
    }
    .main-menu li.sign-in-link a {
        display: block;
        background: #273f9c;
        color: #ffc72e;
        border-radius: 5px;
        padding: 10px 20px 7px;
        border: 1px solid #ffc72e
    }
    .main-menu li.sign-in-link a:hover {
        background: #008fd5;
        color: #f4e1d3;
        border-radius: 5px;
        padding: 10px 20px 7px;
        border: 1px solid #273f9c
    }
}

@media(max-width:640px) {
    .main-menu li {
        font-size: 18px;
        line-height: 22px
    }
}

@media(max-width:450px) {
    .logo {
        width: 180px
    }
}

@media(max-width:1070px) {
    .header_.profiles:after {
        display: none
    }
    .header_.profiles .sign-block.profiles,
    .sign-block.profiles {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAADYElEQVR4Xu1b7VUTURC9twKlAk0HWoFSgVKBUoFYgVCBWIGkArECoQLtQKjAUMF4bnibk8RsssveWVbY+RM4eTs7c9+8efMVoieKiOcA3gF4AUB/63OZfgGYAbgA8J2k/k8nZr8hIl4D+ARAn21IAJyQPG/zUNu1aQBExFMAnwG8byvU2npZxAFJWYedUgAoyv/YYOZ3VUDWsJ8BQhYAXw07vw7WOcmDuyJY95wdgIh4C+CbW9DC75DkmZN3BgC/i5d3ylnxuiI5cTK2AhARutp+OgXcwOul84p0A3BcrrxMDD6SPHW9wA2A7uw3LuFq+ChIkp+xkBsA3dmvLJLVM7kk2TaoquU2AuDcrYgYLWA8AqMPGJ3geAs4HesGXoO+BjPzgJR8wBYHRIQKH0qD+yBbVugEoI8wuALXFg47AfgDQGWwPmhGcs/xIicAVwCeOYRqwOOapCrLnckJgCo1Knv3QVOSXYutczmdAGhHdAtk042KrSRlcZ3JBoAk6ekmsN0AVguotiIiMm8Dm/ev5LVaQA9WoAaJtVNkB6CAoC7Ok84HdJXBDUn7NZsFQEZxVH1C8bVSFgDaKbWzXHHBdfH89v5gCgDlGDg7RPazn+YEl+0zIhzBkd3zL8uYZgHFCnQUlCN0ob2MrnAvFlBAiC7ak0zdpFTmIwC34fHjtYAyGNU1QZq4Ep9NRzH1CJiSI2vysw5CNgCaFVgfh2vrEy9I7rd9qOn6NAAi4qhMiTWVZds660xAehxQJkU0JeZKXhQCa0rMPjxpt4CI+ABASYtL+WrDBMIxyS8Ok7IGQmXH1RJTna7rmd+ln6xAIbY6RJ0torEFRIQKnjrX2QruAmDX9wLllOR010J9vxOAsrvq+Axd8XV9BYSu0K1WshWAcp5tE1lNdiRhzdE2v1ELQERkjLsm6NeI5RnJw8aR4ANTvtJ7Iwj/WMADVb4WhBUAzNFbI9u8h0UrUeUCgJ7mfO9B342vXMwbzwEoP3BQ4mLpuA5Fyy1yqK8oEGYVABl1/KHjMO8zsOy+ihbu2H3oACi3mAgAR+l66MrWyTcVAJ1qdv+r5otscARgtIDxCPQx4z9UV3EpJ/gYY4BqQ06qOMDZyx/qbq/LdTtzsBQKq/ChHyO5hhqGCoQU17FXoWT2F7YGSTEhLQbMAAAAAElFTkSuQmCC) no-repeat;
        background-size: contain;
        background-position: center center;
        background-size: 25px;
        width: 25px
    }
    .sign-block.profiles .avatar {
        display: none
    }
    .sign-block.profiles span,
    .sign-block.profiles:after {
        display: none
    }
    .sign-block.profiles .hidden-desk {
        display: block
    }
    .sign-block.profiles .hidden-desk span {
        display: block;
        margin: 0;
        padding: 12px 14px 4px 18px
    }
    .sign-block.profiles ul {
        right: 0;
        left: auto;
        width: 220px
    }
    .sign-block.profiles ul li:first-child:before {
        right: 0;
        left: auto;
        display: none
    }
}

.footer_ {
    background: #000;
    height: 210px;
    padding-top: 63px;
    padding-bottom: 0;
    margin-top: -210px;
    position: relative
}

.footer_ .footer-holder {
    max-width: 1170px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 20px
}

.footer-menu {
    padding-top: 10px;
    float: left
}

.footer-menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-menu li {
    display: inline-block;
    position: relative;
    padding: 0 10px
}

.footer-menu li a {
    color: #F6931D
}

.footer-menu li:hover:after,
.footer-menu li.active:after {
    content: "";
    position: absolute;
    bottom: -20px;
    width: 100%;
    height: 4px;
    background: #F6931D;
    left: 0
}

.sign-in-block {
    float: right;
    text-align: right;
    max-width: 240px;
    color: #a0a0a0;
    font-family: proxima_nova_ltlight;
    line-height: 22px
}

.sign-in-block .sign-btn {
    font-family: proxima_nova_rgregular;
    color: #F6931D;
    display: inline-block;
    padding: 12px 0;
    width: 240px;
    background-color: transparent;
    border: 1px solid #F6931D;
    border-radius: 4px;
    font-size: 20px;
    position: relative;
    margin-bottom: 18px;
    text-align: center
}

.sign-in-block .sign-btn:hover {
    background-color: #F6931D;
    color: #e7e9f9
}

@media(max-width:760px) {
    .footer_ {
        height: auto;
        padding-top: 22px;
        padding-bottom: 5px;
        margin-top: 0
    }
    .footer-menu {
        display: none
    }
    .sign-in-block {
        width: 100%;
        float: none;
        max-width: 100%;
        text-align: center
    }
    .sign-in-block .sign-btn {
        display: none
    }
}

.blue-white-section {
    background: #f7f7f7 url(../images/bg.jpg) 50% 100% no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    z-index: 15
}

.blue-white-section .row-holder {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
    max-width: 1170px;
    margin: 0 auto
}

.blue-white-section .row-holder.start-animation .circles img {
    -webkit-animation: 5s circle forwards;
    animation: 5s circle forwards;
    vertical-align: middle;
}

.blue-white-section .circles-holder {
    text-align: center;
    line-height: 24px
}

.blue-white-section .img-block {
    border: 1px solid #008fd5;
    border-radius: 50%;
    position: relative;
    width: 160px;
    height: 160px;
    margin: 0 auto 40px;
    text-align: center
}

.blue-white-section .img-block.big-circle {
    width: 190px;
    height: 190px
}

.blue-white-section .img-block.big-circle .circles {
    width: 170px;
    height: 170px
}

.blue-white-section .img-block.big-circle .circles img {
    width: 135px;
    height: 135px
}

.blue-white-section .circles {
    background: #F68F23;
    border-radius: 50%;
    position: relative;
    width: 140px;
    height: 140px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.blue-white-section .circles img {
    left: 50%;
    position: absolute;
    top: 50%;
    width: 106px;
    height: 106px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0
}

.blue-white-section-holder {
    max-width: 1576px;
    margin: 0 auto;
    padding: 0 20px
}

@media(min-width:1025px) and (max-width:1315px) and (max-height:700px) {
    .blue-white-section-holder {
        max-width: 1100px
    }
}

.introducing-block-holder {
    position: relative
}

.introducing-block-holder:before,
.introducing-block-holder:after {
    content: " ";
    display: table
}

.introducing-block-holder:after {
    clear: both
}

.introducing-block {
    position: relative
}

.introducing-block:before,
.introducing-block:after {
    content: " ";
    display: table
}

.introducing-block:after {
    clear: both
}

.introducing-block .logo2 {
    display: none
}

.introducing-block .text-block {
    margin-top: 200px;
    line-height: 25px;
    font-size: 20px;
    color: #fff;
    float: left;
    font-weight: 300;
    font-family: proxima_nova_ltlight;
    max-width: 490px
}

.introducing-block .text-block h2 {
    text-transform: uppercase;
    color: #ffc72e;
    font-size: 60px;
    line-height: 62px;
    margin: 0;
    font-weight: 600
}

.introducing-block .text-block h1 {
    font-size: 80px;
    line-height: 89px;
    margin: 0 0 40px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300
}

.introducing-block .text-block p {
    margin: 0
}

.introducing-block .text-block p span {
    text-transform: uppercase
}

.introducing-block .text-block .btn-sign {
    margin-top: 65px;
    display: inline-block;
    background: 0 0;
    color: #ffc72e;
    border-radius: 4px;
    padding: 13px 31px;
    border: 1px solid #ffc72e
}

.introducing-block .text-block .btn-sign:hover {
    background: #008fd5;
    color: #2c3487;
    border-radius: 4px;
    padding: 13px 31px;
    border: 1px solid #273f9c
}

.title-intro-block {
    font-size: 25px;
    line-height: 27px;
    background: 0 0;
    color: #0bc0ed;
    border-radius: 4px;
    padding: 14px 35px;
    text-transform: uppercase;
    margin: 0;
    position: absolute;
    display: inline-block;
    padding-bottom: 10px;
    bottom: -117px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 300;
    border: 1px solid #0bc0ed
}

.title-intro-block:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 16px;
    height: 82px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABSCAYAAABdY1QGAAAEkElEQVRYR+2YXYwTVRTHz522s52p0WDbdRdZWJSgCUI2ARM/CHTKokQlgg8bQ1TwExWNGqMvatIYfdEYNYqKXygSHvYBJYFkCd1OIZoogkHRBIkJC4vuR6d+d6bttnM8dxbGaXdmupQYX9qXtnPv+fXce8/5n9PLoO4VzuSWC4xtAGAKDV16ZvhnAMyaiFuLyfh+pwmzvwwMXyyHpY8YsNX1UOd3RNytl4z1sKrrV/7cAsgDuU5oYwcYY/P8jM+OEeQnKOEyfVV8xAJEVE0FxhLTMbbnIGYLSkxh0qC2VgiwnedkfGayWcXbmJzVdtK61zYDQMBPWSSrjdFWtDcDoJMZJ0AemzOetGIRNf87ncVFzUDoNAp8Dw7SHlzdHACOMDmTe54JwnPNAMA0X2WiOnpViIWONgMwEa5tOpAQ4VtdifZMAgbzN0AA9p6LF2jiGj0Z22UnE4VzmsJ5xXQg9Otf0K8vtZOJfxAzIwuCgvgNEUU/CB1dqQLQU1Zix2oAVlaq2jOUkS/4AWjjnjCU6Gtn5/yrB/xJf38gEk8O0FJ6PSD9hUT0dhqzo7cWwK3Sp6NyIPwVeXK5E0KJc1D/q6zA6pm68/lUAI22qePzAiBkCTIpaQjfF6pGAnpn5es9cwXwSeH02GVCIMD1r6gbE9fBTZ05t2V5AixIJreOv5OQ7vDaWF8Ancoabqgrsc9agNYe/D9xYFVsER6yIrAMb/NKPL1c2DvaLrcF36mvl7wO6qXKg3Bjx7h3Ou8+OSNyQeRLKljz3WMfjxf+LlwDt8z5zVWRpEz+JUGAp7wShz83TXjZSEafdgXIav4EY9DtByBFHiJFnusOyGo6rV3yBQAaeiImuwKoNhwjQb3CDwCIP1Jrc6XHEhrLOtWFZymwXnQFgHoiLMOFadqH6928sCoS/NkLytyiO4A/7R+WpHYpJSDbaDceCH+YDLcY40YK+roM7zhwjmw5FJLndz9gaeLxoXdh45KJ6UWiY1ZLVK1y3yos57MH4r7RhaFg8F4eVxOVygfllR2uzeiU8h5WR7oDTPyY7JbVhe6BKpbXF5XOIe9c4IIqBg9TazPLPRvxtF6uLHYKa40HdO5vkvEmf0nDzaQHj3hIWv4UEbv8JQ2G9UR0tpciGeRBuIEHRfLA1s2aJdDfn+/IeKGvJgIcpWZzkasHkpp/TGBgt7FuIGp1H6dW93V3SaNWV46v2EWaeLOHJu7Rc4O3Ql9f1UcTqV+OJZ9Exh4m0Bw+kcT0JEN8q6BlXnEa8zH/RlPV7uCTikpsu9e+tBrNBpvY0sTzqQuplBBeumk53a3cxSOQ7kq2FT/fvB9SKbM+IqdEopgeWxQKBHdQkC+omYzww0S1sq7cewlPeftVA5D2/TJbCLYdJuOYa+wjaGaltNhYOfOUuyJltA+ZwO72VSQTt9K/9nu8JG2EJK2jgaSNkqR1/jeaSKH7NXmwpIEHh8gD+9Kmri7k7mNMeM8fYN6vK/H3vSSNXwvxK0Hr/Otf1PJvozZ3A1c5b03kl1MZ7U5k8Ch97JmciEcYwhuFZOwTpzEf+QeU7RqMmOQTYgAAAABJRU5ErkJggg==) no-repeat;
    background-size: cover
}

.mobile-anim-block {
    float: right
}

.mobile-anim-block .phone-block {
    float: left;
    padding: 0 100px;
    position: relative;
    margin-right: 60px;
    margin-top: 98px
}

.mobile-anim-block .phone-block .mobile-ver {
    display: none
}

.mobile-anim-block .main-phone {
    position: relative
}

.mobile-anim-block .main-phone:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 672px;
    height: 157px;
    background: url(../images/centre_shadow.png) 0 0 no-repeat
}

.mobile-anim-block .main-phone .hotspot {
    content: "";
    position: absolute;
    opacity: 0;
    top: 2%;
    bottom: 2%;
    right: 0;
    left: 4.2%;
    background: url(../images/hotspot.png) 0 0 no-repeat;
    z-index: 10;
    -webkit-animation: 2s fade-out-main-phone forwards;
    animation: 2s fade-out-main-phone forwards;
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.mobile-anim-block .main-phone .screen-img {
    position: absolute;
    -webkit-animation: 2s fade-out-main-phone forwards;
    animation: 2s fade-out-main-phone forwards;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    top: 21%;
    left: 9.5%;
    z-index: 9;
    opacity: 0
}

.mobile-anim-block .main-phone .screen-img img {
    width: 100%;
    max-width: 233px;
    padding: 0;
    margin: 0
}

.mobile-anim-block .main-phone svg {
    width: 283px;
    height: 545px
}

.mobile-anim-block .main-phone svg .no_animate_ path {
    -webkit-animation: none;
    animation: none;
    fill: #000;
    stroke-width: 0;
    opacity: 0
}

.mobile-anim-block .main-phone svg path {
    -webkit-animation: 4s main-phone-animation forwards;
    animation: 4s main-phone-animation forwards;
    stroke: #8babec;
    fill: none;
    stroke-width: 1;
    stroke-dasharray: 1028
}

.mobile-anim-block .left-phone,
.mobile-anim-block .right-phone {
    position: absolute;
    top: 55px;
    right: -10px;
    opacity: 0
}

.mobile-anim-block .left-phone:after,
.mobile-anim-block .right-phone:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 409px;
    height: 70px;
    background: url(../images/right_shadow.png) 0 0 no-repeat
}

.mobile-anim-block .left-phone img,
.mobile-anim-block .right-phone img {
    max-width: 100%;
    width: 172px;
    height: 445px
}

.mobile-anim-block .left-phone {
    right: auto;
    left: -10px;
    -webkit-animation: 2s left-phone-animation forwards;
    animation: 2s left-phone-animation forwards;
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.mobile-anim-block .right-phone {
    -webkit-animation: 2s right-phone-animation forwards;
    animation: 2s right-phone-animation forwards;
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.mobile-anim-block .circle-block {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 35px
}

.mobile-anim-block .circle-block li {
    margin-bottom: 70px;
    position: relative;
    width: 165px;
    height: 165px
}

.mobile-anim-block .circle-block li .rating-white {
    -webkit-animation: 3s rating-animation;
    animation: 3s rating-animation;
    stroke-dasharray: 1100
}

.mobile-anim-block .circle-block li:before {
    top: 50%;
    position: absolute;
    content: "";
    right: 100%;
    width: 111px;
    height: 1px;
    background-color: #00bbf9
}

.mobile-anim-block .circle-block li:nth-child(2) {
    margin-left: 155px
}

.mobile-anim-block .circle-block li:nth-child(2):before {
    width: 248px
}

.mobile-anim-block .circle-block li:nth-child(2) .circles-text {
    background: rgba(39, 46, 109, .5)
}

.mobile-anim-block .circle-block li:last-child {
    margin-left: 47px
}

.mobile-anim-block .circle-block li:last-child:before {
    width: 170px
}

.mobile-anim-block .circle-block li:last-child .rating-white {
    -webkit-animation: 3s rating-animation-2;
    animation: 3s rating-animation-2;
    stroke-dasharray: 1300
}

.mobile-anim-block .circle-block li:last-child .circles-text {
    background: rgba(39, 46, 109, .5)
}

.mobile-anim-block .circle-block li>svg {
    width: 165px;
    height: 160px
}

.mobile-anim-block .circle-block .circles-wrp {
    width: 128px;
    height: 128px;
    position: absolute!important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mobile-anim-block .circle-block .circles-wrp svg {
    display: none
}

.mobile-anim-block .circle-block .circles-text {
    background: rgba(39, 46, 109, .8);
    border-radius: 50%;
    position: absolute;
    width: 100%!important;
    height: 100%!important;
    left: 50%!important;
    top: 50%!important;
    margin: -67px 0 0 -59px;
    font-size: 30px!important;
    line-height: 32px!important;
    color: #fff
}

.mobile-anim-block .circle-block .circles-integer {
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mobile-anim-block .circle-block .circles-integer:after {
    content: "Ventas";
    position: absolute;
    bottom: -25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-transform: uppercase;
    font-size: 16px;
    line-height: 18px!important;
    font-weight: 300
}

.mobile-anim-block .circle-block .circles-integer:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background: #fff;
    bottom: -3px
}

.mobile-anim-block .circle-block #circles-2 .circles-integer:after {
    content: "Clientes"
}

.mobile-anim-block .circle-block #circles-3 .circles-integer:after {
    content: "Reparaciones"
}

.mobile-anim-block .top-circle {
    position: absolute;
    top: -97px;
    width: 334px;
    height: 153px;
    opacity: 0;
    -webkit-animation: 1s fade-out-main-phone forwards;
    animation: 1s fade-out-main-phone forwards;
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.mobile-anim-block .top-circle svg {
    max-width: 100%;
    max-height: 100%
}

.mobile-anim-block .top-circle .top-circle-animate {
    -webkit-animation: 4s top-circle-anim forwards;
    animation: 4s top-circle-anim forwards;
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.mobile-anim-block .bottom-circle {
    width: 413px;
    height: 182px;
    position: absolute;
    bottom: -130px;
    left: 0;
    opacity: 0;
    -webkit-animation: 1s fade-out-main-phone forwards;
    animation: 1s fade-out-main-phone forwards;
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.mobile-anim-block .bottom-circle svg {
    max-width: 100%;
    max-height: 100%
}

.mobile-anim-block .bottom-circle .top-circle-animate {
    -webkit-animation: 4s top-circle-anim forwards;
    animation: 4s top-circle-anim forwards;
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

@media(max-width:1450px) {
    .mobile-anim-block .phone-block {
        padding: 0 60px;
        margin-right: 20px
    }
    .mobile-anim-block .top-circle,
    .mobile-anim-block .bottom-circle {
        display: none
    }
}

@media(max-width:1350px) {
    .mobile-anim-block .circle-block li:nth-child(2) {
        margin-left: 115px
    }
}

@media(max-width:1315px) {
    .introducing-block .text-block {
        margin-top: 40px;
        max-width: 380px
    }
    .introducing-block .text-block h2 {
        font-size: 40px;
        line-height: 50px
    }
    .introducing-block .text-block h1 {
        font-size: 70px;
        margin-bottom: 30px
    }
    .introducing-block .text-block .btn-sign {
        margin-top: 45px
    }
    .mobile-anim-block .phone-block {
        margin-right: 5px;
        margin-top: 25px
    }
    .mobile-anim-block .main-phone svg {
        width: 210px;
        height: 407px
    }
    .mobile-anim-block .main-phone .screen-img {
        width: 100%;
        max-width: 83%
    }
    .mobile-anim-block .main-phone .hotspot {
        width: 100%;
        max-width: 83%;
        background-size: cover
    }
    .mobile-anim-block .top-circle {
        top: -37px;
        width: 251px;
        height: 94px;
        right: 12px
    }
    .mobile-anim-block .bottom-circle {
        width: 246px;
        height: 105px;
        bottom: -41px;
        left: 55px
    }
    .mobile-anim-block .left-phone img,
    .mobile-anim-block .right-phone img {
        width: 141px;
        height: 312px
    }
    .mobile-anim-block .circle-block {
        margin-top: 0
    }
    .mobile-anim-block .circle-block li {
        margin-bottom: 20px;
        position: relative;
        width: 140px;
        height: 140px
    }
    .mobile-anim-block .circle-block li:nth-child(1):before {
        width: 90px
    }
    .mobile-anim-block .circle-block li:nth-child(2):before {
        width: 110px
    }
    .mobile-anim-block .circle-block li:nth-child(3):before {
        width: 143px
    }
    .mobile-anim-block .circle-block li>svg {
        width: 140px;
        height: 135px
    }
    .mobile-anim-block .circle-block .circles-wrp {
        width: 108px;
        height: 108px
    }
    .mobile-anim-block .circle-block .circles-text {
        margin: -56px 0 0 -50px
    }
    .mobile-anim-block .circle-block .circles-integer:after {
        font-size: 14px
    }
}

@media(max-width:1385px) {
    .blue-white-section .row-holder {
        -webkit-transform: translateY(200px);
        -ms-transform: translateY(200px);
        transform: translateY(200px)
    }
}

@media(max-width:1240px) {
    .introducing-block .text-block {
        max-width: 400px
    }
    .introducing-block .text-block h1 {
        font-size: 65px;
        line-height: 70px
    }
    .introducing-block .text-block h2 {
        font-size: 50px;
        line-height: 55px
    }
    .introducing-block .text-block p {
        font-size: 18px
    }
}

@media(max-width:1220px) {
    .blue-white-section .row-holder {
        -webkit-transform: translateY(220px);
        -ms-transform: translateY(220px);
        transform: translateY(220px)
    }
}

@media(max-width:1170px) {
    .mobile-anim-block .phone-block {
        margin-right: 20px
    }
    .mobile-anim-block .circle-block {
        display: none
    }
    .mobile-anim-block .bottom-circle,
    .mobile-anim-block .top-circle {
        display: none
    }
}

@media(max-width:1055px) {
    .blue-white-section .row-holder {
        -webkit-transform: translateY(240px);
        -ms-transform: translateY(240px);
        transform: translateY(240px)
    }
}

@media(max-width:960px) {
    .mobile-anim-block .phone-block {
        padding: 0
    }
    .mobile-anim-block .right-phone,
    .mobile-anim-block .left-phone {
        display: none
    }
}

@media(max-width:990px) {
    .title-intro-block {
        font-size: 20px;
        padding: 14px 22px 10px
    }
}

@media(max-width:920px) {
    .blue-white-section .img-block {
        border: 1px solid #008fd5;
        border-radius: 50%;
        position: relative;
        width: 160px;
        height: 160px;
        margin: 0 auto 40px;
        text-align: center
    }
    .blue-white-section .img-block.big-circle {
        width: 180px;
        height: 180px
    }
    .blue-white-section .img-block.big-circle .circles {
        width: 160px;
        height: 160px
    }
    .blue-white-section .img-block.big-circle .circles img {
        width: 125px;
        height: 125px
    }
}

@media(max-width:768px) {
    .blue-white-section {
        background: url(../images/home_768.jpg) 50% 100% no-repeat;
        background-size: cover
    }
    .blue-white-section-holder {
        padding: 0 10px
    }
    .introducing-block {
        padding-top: 70px
    }
    .introducing-block .logo2 {
        display: block;
        position: absolute;
        top: 20px;
        left: 0
    }
    .introducing-block .text-block {
        float: none;
        font-size: 18px;
        margin-bottom: 40px;
        margin-top: 50px
    }
    .introducing-block .text-block .btn-sign {
        display: inline-block
    }
    .introducing-block .text-block h1 {
        margin-bottom: 25px
    }
    .mobile-anim-block {
        float: none
    }
    .mobile-anim-block .phone-block {
        float: none;
        margin: 20px 0 80px
    }
    .mobile-anim-block .phone-block .main-phone {
        display: none
    }
    .mobile-anim-block .phone-block .mobile-ver {
        max-width: 400px;
        margin: 0 auto;
        position: relative;
        display: block
    }
    .mobile-anim-block .phone-block .mobile-ver svg {
        display: block;
        width: 100%;
        max-height: 408px
    }
    .mobile-anim-block .phone-block .mobile-ver path {
        -webkit-animation: 2s main-phone-animation forwards;
        animation: 2s main-phone-animation forwards;
        stroke: #8babec;
        fill: none;
        stroke-width: .7;
        stroke-dasharray: 1028
    }
    .mobile-anim-block .phone-block .mobile-ver img {
        position: absolute;
        top: 21.5%;
        left: 50%;
        margin-left: -22%;
        max-height: 61.1%;
        width: 43.8%;
        opacity: 0;
        -webkit-animation: 1s fade-out-main-phone forwards;
        animation: 1s fade-out-main-phone forwards;
        -webkit-animation-delay: 2s;
        animation-delay: 2s
    }
    .blue-white-section .row-holder {
        position: absolute;
        top: 100%;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        background: #f7f7f7;
        padding-top: 80px
    }
    .blue-white-section .row-holder .circles-holder {
        margin-bottom: 20px
    }
    .blue-white-section .row-holder .img-block {
        margin: 0 40px 0 0;
        display: inline-block
    }
    .blue-white-section .row-holder .img-block.big-circle {
        width: 160px;
        height: 160px
    }
    .blue-white-section .row-holder .img-block.big-circle .circles {
        width: 140px;
        height: 140px
    }
    .blue-white-section .row-holder .img-block.big-circle .circles img {
        width: 106px;
        height: 106px
    }
    .title-intro-block {
        font-size: 16px;
        position: absolute;
        max-width: 45%;
        text-align: center;
        bottom: -55px;
        display: block;
        z-index: 10;
        width: 100%;
        background: #f7f7f7;
        padding: 5px 5px 3px
    }
    .title-intro-block:before {
        width: 10px;
        height: 53px
    }
}

@media(max-width:660px) {
    .blue-white-section .row-holder>div {
        width: 100%
    }
    .blue-white-section .circles-holder {
        text-align: left;
        position: relative;
        margin-bottom: 30px
    }
    .blue-white-section .circles-holder p {
        left: 200px;
        position: absolute;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        font-size: 18px
    }
}

@media(max-width:640px) {
    .title-intro-block {
        max-width: 65%
    }
}

@media(max-width:500px) {
    .blue-white-section .row-holder .img-block {
        margin: 0 40px 0 0;
        width: 90px;
        height: 90px
    }
    .blue-white-section .row-holder .img-block img {
        width: 65px;
        height: 65px
    }
    .blue-white-section .row-holder .img-block.big-circle {
        width: 90px;
        height: 90px
    }
    .blue-white-section .row-holder .img-block.big-circle .circles {
        width: 80px;
        height: 80px
    }
    .blue-white-section .row-holder .img-block.big-circle .circles img {
        width: 65px;
        height: 65px
    }
    .blue-white-section .row-holder .img-block .circles {
        width: 80px;
        height: 80px
    }
    .blue-white-section .circles-holder p {
        font-size: 15px;
        line-height: 17px;
        left: 120px
    }
}

@media(max-width:450px) {
    .title-intro-block {
        font-size: 15px;
        max-width: 85%;
        padding: 5px 0 3px
    }
    .introducing-block .text-block h1 {
        font-size: 45px;
        line-height: 47px
    }
    .introducing-block .text-block h2 {
        font-family: proxima_nova_rgregular;
        font-weight: 700;
        font-size: 35px;
        line-height: 37px
    }
}

* {
    outline: 0
}

.no-scroll {
    overflow: hidden!important;
    height: 100vh!important
}

#wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
    padding-bottom: 210px;
    min-height: 100vh;
    min-width: 320px;
    background: #f7f7f7
}

.popup-show {
    display: none
}

.pop-up {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    height: 100vh!important;
    z-index: 1000
}

.table {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center
}

.table .cell {
    display: table-cell;
    vertical-align: middle
}

.popup-holder {
    width: 571px;
    display: inline-block;
    background: #fff;
    padding: 20px 70px;
    position: relative;
    text-align: left;
    border-radius: 4px;
    z-index: 1000
}

.popup-holder:after {
    content: "";
    position: absolute;
    height: 36px;
    width: 38px;
    top: 18px;
    left: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAkCAYAAADl9UilAAAG2UlEQVRYR61YeXATVRj/3m7SC7El2SCo44HiADrjAcihHFpBkBEdS+mmF1Br2iSMxz8wgEhHxFFnBIR2QwNatEc2FkZBwY4crRzjMIL+oUyLoyD8oUN3UygDLc2xz++lBEuaZpPW9+fud/y++3uPQPKHmMoapvIGPpsCnQIUbkcRgbAYGlqpugpOJS+yPwdJVMhwW4OQynMO4MgCAvQEDcH3wevdxy7vXHY5URnJ0OkDW1qTJqSnryAczEUwlWpb2y5oqQgmo2QwtHGBZTnqHzMAvw0o3am6zrgBKrTBKBkMz4DAzPaGQkL40lCwp/iSu/jCYIRHeEbYvriH41MLCKFPAoEsoKQd8/NoqKu7bqBUiAnM7JCXc0BmKecuFsJ3r/cMARSxOOTVFGA2JVAZutb9AwMyzFEzKg3S53IAdo1QyVdlrY3W0Q+Y2ekp4ii3UFF2idDYGBoKKMHhlYDQdrVKrGA1208W5q8lI6NWI9reaHC3ABPs9ROB8BtVpW0ONFb4hwoKw3VeCwb3cTy/2Oeyro0pL7ciRbCMa4IQXaFWW09GaP4DxqovI/1IKOhfNNScEpzyx9hSenpo8LMUMH7ph8DiK1LRHwMZai7//C6OS92lBDuzwV3WxehuAkO3rwPQ/lYl6/YheAosTu8HjL+H+ncgqDoEVRgPVESXyS4v4wi9F/WzsPcCY80zzcB/pUits4bSEgYLqhdcBSc4xrVc7+7KuVpTooSBobfeJaCdViSrd7DeMts964GQ4QEIVCbjqb76TA7PIqzUR5jXEBgidY7/UT3d+lTSHX12hWHEhIemcsDnoqAUEgpupDx/CDRYofp2NyZd1bm5vGDJOa5KbdMJopxOgMvzSXlvJOotU2nd3VyqYR0BMkWj9DDR4KC6Tdwn2GpHESM/gwI3B5vDNEJICw34N6juon8SlY2FsylEtd0E8+Jtqmm/qC7rvkSYLWX1Y9ErtTib3umQxAMx+9ONnDHbxy/EGbvKT/0FiRQAYzM5GubxhJ9EML++1ToD+R31hVf0gDEmjnDrcckpU93iz3r04fy1yU+AEao1qq3tkPKb9HiEkk+HQ9owGUeG96gi5c2Iy4BN0DJyXB0WcXuyoekFVzuaGFPWYPMfqbS3Feo1b3RWCxGc3kNqVV52PGAWp+d9qpGzqkvcoWdxvP+CXS4lHB2jVFlXx6VzyAcxlPIBVRLnxCV0ys04754ZCqgILya3riyGiQE7jMCejW+Bt0WV8hiw/oM4ObQsp5tR1mwdjx1moTyBoZwSj9Bs927A2Xfu/wglBXK/z5WH+TbwYZiwXcjHlCrxab3kFyzjK1nyQjBgT6YvRZIfDEYXKx5VaV2ul/wMEwvlXlSG5a/fBAWHZ60G9Kfosh9W2nBHRgr3JgPR5dc2X9uRf7GvoRa7PJ8SOglHzXq9yAslnjshjUjhBovKfvVViXt0mRwNVrT6tugNhFW2FoKPGD/H4ziKqnI0vgzHVCdOB1lPh6ncm4OVO5bgGj0ZR8trmJA2PSY0YiYuf9lYobgi3Ti2aqNgyNwfqexwlQc7X8C9qveuiYcNeI1yTZe25R3X1eGQa2gQtrLtgoXzlHqufZrefp9pkx8wGmAVgijtqwD5v0ZBzewblu0z+P/lW0Lp9O4MQHDd5aqC83GB2aozBGPmUTR8YnjtwapbhTeYCyiwPi7j/C2pljEj92CxzLuFDr+b7xNE9s33lypHGxjLi7H0YCMvwUaehdW/MQwsa2lNlnFYxn7ldOtMvdUnkb4XrTQhnt7d/4gKvudAcl69uVpjHqzEqHb5XOLWeF5jc0yvQfYDlkC3D+sn5JpPErEt9dn5AZPYYsxs9gdgSadb/HMgcDhSvlGpz8qs0ktk9v/G2u7CRSF3IHqTs+FhjvJVqrIrO7Jc3nJ9M5XVTeANBrdyxf881BZfiyUIPeaiwdAnPnd+WyLALOWexylPijGh34pFP8JWnWkwZDb5aaig01VwNkIT48Irv4QfS9X2tpxYHZoVCtVCJzuq89mSqHvQkBfx9vUg9r5N/YhZFRoy91BKPsQxdbDv/5hPBJisBRhlqwqqGB0yfNNYgqsz1+ESa3RRsYp3ynZOA1VxiY196TPt9SOMhG/EB5stuD3vjZY14KOKYPcsIBy3hmr+Zaqr6EyE0eSQ5/IAkxVJ3JAQsBjNNatMftRgIG4IaSvVbdaWWHLiPkP17veG7dg09/uU1s0stDgp3sPLx2+JjBem0OLwvIreHxU2JHdjumAZvRIvKVODAb8t3o1f/+EOr1Rm4ZVyFLYE9XTjFfl3tX13ecJXs95qr8Y8GoOrUyo+smzHDZalQdzd7l9wJCjjlP4G4gAAAABJRU5ErkJggg==) 0 0 no-repeat;
    background-size: contain
}

.popup-holder h1 {
    margin: 0 0 30px;
    padding: 0 0 5px;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    color: #156ba9;
    border-bottom: 1px solid #ddd
}

.popup-holder .row-form {
    overflow: hidden;
    margin-bottom: 15px
}

.popup-holder .row-form.login,
.popup-holder .row-form.pass {
    border-radius: 4px;
    border: 1px solid #ddd;
    height: 30px;
    width: 100%;
    background: #fff
}

.popup-holder .row-form.login {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAATCAYAAACgADyUAAACKElEQVQ4T42TTUhUURTHfW82MRC5qI2BNCC6qBbhmw9RVFJDHUgJmoXgkKAUSAoqLgRh3LQTWoSICoKi0CxCbF4ORTkOCM0HCKmbiBkXYgQtdOWimff8HVF576HYhcO595z//5xzzz1XKXGsbDbbaZrmqKIoGlrBvYWe9Pl8761QcVysTCYTgTAG8K1hGB/Zy3oCYBiZ8nq9ok/XBRFSLaBksVhsd7lctfiqkGlN09apoo5gCc5tkL84iXMYbiNrgAxKm3VUs0DgGwQKOYkbONYwPozFYt2RSMSwEsn6mvMLiNVOoo5hl7vF/X7/t0uaNk4lzZTaYCMS8Q2GOuQZUf86ifTgE7ZfEAdsxFQqVUNTNguFQnkgENi3EpPJ5B23271PNR3cPW4jSofJuks5caIOOe43wTmcy+UqQqFQ0Uksgfgc4xJZNbL+EAAlyrPIEPSTbf48oG0A0ul0q6qqCzhvAexD/6PTAj5Gerj7io0YjUZdHo/nHcZegDPoDuSugAjwB5uM2yv2i/l8/qWUe5qRciZxhnEEuV9abGS/T3aVLNtnmEdgPrNfxjaoAPDi/86otVz2ftYmga0Hm8BWo5Btkc1NMnVaQVftaeAHubMQf1PiCB1b+k9il3wzeTuTMpuuK/M8KIPymEH5Khl1Lt1IFBkpacxP5IjzoYDxlcrzIJWIj3O7fDGFX6AGg8FWjE+RBzjuocuEc5bFRB8A3kPvIKu6rsdPAP2PDArreVm3AAAAAElFTkSuQmCC) 97% 50% no-repeat
}

.popup-holder .row-form.reconnect-email input[type=email] {
    background-color: #f6f6f6
}

.popup-holder .row-form.reconnect-email input[type=email]:hover,
.popup-holder .row-form.reconnect-email input[type=email]:focus,
.popup-holder .row-form.reconnect-email input[type=email]:active {
    background: #fff
}

.popup-holder .row-form.email {
    margin: -5px 0 5px
}

.popup-holder .row-form.email p {
    font-size: 14px;
    line-height: 16px;
    color: #838383
}

.popup-holder .row-form.pass {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAB+klEQVQ4T5WTTUsbURSGvSYRrBQh+QNGCy0iFCSThNCAwVXRLpuKbtzYunGlFRWRqPUD1IUU/AfZZCc0hRS6CCUfTlJBRKQixI0LNwqm0ZBPnxuiDDojOnC595773mfec+aMaKg/kUikxWazjVWr1SEhxGsZZn3ECOZyue8+n+//rfb+LGQgHo+/slgsP1heAVgvFAqqjBNT2I8DelksFvs8Hs+xHkhIB1ar9S/iP+VyeU26YJwrihKTF0KhkMlut28R82Wz2W49R0JV1WkEHyuVyoDJZFoslUojbrf7UvvGOiiJbtvhcHx7kE4qldrncAXLvfl8fsLr9V7oWUY3gG4OSOcDSDqdpgSFTvL/SgpfjIqXSCTazGbzcTgcbgoEAhWtTtxCSKXR5XIdGUHQdeD2ny5EpsPhqtPpDBoBZBzIILoZ3HbppTPFoT+TySh+v7/8iJNNzt4xvNTl6n46L4DsEowB+mwEwkkrul8UN4e2XwuqNRsptTP9ZFwj3GCoskbsXazf02izstGMQDWIfOjaZr7QGG8aYvumHj4EckrsLV+wxwh0B3mkqAKnsmM/oInS1fO4PNOm9hSI5MtWWGIeZOxQj0+a1E6eCqkZ5eIs0yguFqhTmObrwGHwWZD6R5jk4jCgA/byb19+NkSCksmkGxdRQHsAf98ARJAWJ8unoHMAAAAASUVORK5CYII=) 97% 50% no-repeat;
    margin-bottom: 26px
}

.popup-holder fieldset {
    border: none;
    padding: 0;
    margin: 0
}

.popup-holder input[type=text],
.popup-holder input[type=password],
.popup-holder input[type=email] {
    border: none;
    background: 0 0;
    color: #a1a1a1;
    font-size: 16px;
    width: 100%;
    padding: 5px 30px 5px 10px;
    height: 28px
}

.popup-holder::-webkit-input-placeholder {
    color: #a1a1a1
}

.popup-holder:-moz-placeholder {
    color: #a1a1a1
}

.popup-holder::-moz-placeholder {
    color: #a1a1a1
}

.popup-holder:-ms-input-placeholder {
    color: #a1a1a1
}

.popup-holder .remember {
    margin-bottom: 26px;
    position: relative;
    display: inline-block;
    overflow: visible
}

.popup-holder .remember input[type=checkbox] {
    display: none
}

.popup-holder .remember label {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: #008fd5
}

.popup-holder .remember label:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    margin-right: 13px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 1px solid #008fd5;
    border-radius: 4px
}

.popup-holder .remember label:after {
    content: '';
    position: absolute;
    top: 1px;
    left: -1px;
    height: 16px;
    width: 10px;
    -webkit-transform: rotate(55deg) skew(30deg);
    -ms-transform: rotate(55deg) skew(30deg);
    transform: rotate(55deg) skew(30deg);
    border-bottom: 3px solid #008fd5;
    border-right: 3px solid #008fd5;
    margin-top: -5px;
    margin-left: 6px;
    opacity: 0
}

.popup-holder .remember input[type=checkbox]:checked+label:after {
    opacity: 1
}

.popup-holder input[type=submit],
.popup-holder .btn-cancel {
    display: inline-block;
    border: 1px solid #008fd5;
    font-size: 16px;
    line-height: 18px;
    background: #ecf8ff;
    color: #008fd5;
    border-radius: 4px;
    padding: 10px 20px
}

.popup-holder input[type=submit]:hover,
.popup-holder .btn-cancel:hover {
    background: #008fd5;
    color: #fff;
    border-radius: 4px;
    padding: 10px 20px;
    border: 1px solid transparent
}

.popup-holder input[type=submit].sign-in-hover,
.popup-holder .btn-cancel.sign-in-hover {
    background: #05b6e9;
    color: #fff
}

.popup-holder input[type=submit].sign-in-hover:hover,
.popup-holder .btn-cancel.sign-in-hover:hover {
    background: #008fd5;
    color: #fff;
    border-radius: 4px;
    padding: 10px 20px;
    border: 1px solid transparent
}

.popup-holder input[type=submit] {
    margin-right: 15px
}

.popup-holder .sigh-help {
    display: block;
    margin-top: 10px;
    text-decoration: underline;
    color: #1f6bb2;
    font-size: 16px
}

.popup-holder .close {
    position: absolute;
    cursor: pointer;
    top: 18px;
    right: 20px;
    width: 20px;
    height: 20px;
    background: #ddd;
    border-radius: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 1000
}

.popup-holder .close:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.popup-holder .close:after,
.popup-holder .close:before {
    background: #fff;
    content: '';
    display: block;
    width: 16px;
    height: 2px;
    position: absolute;
    top: 9px;
    left: 2px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.popup-holder .close:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.popup-holder .close:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.description {
    overflow: visible;
    color: #000;
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    padding: 10px 20px
}

.description>p {
    margin: 0
}

.description.warning {
    background-color: #ecf8ff;
    color: #1f6bb2
}

.description.error {
    background-color: #f2dede;
    color: #b94a48
}

.tooltip-block {
    width: 12px;
    height: 12px;
    position: absolute;
    background-color: #e8e8e8;
    right: -20px;
    top: 2px;
    cursor: pointer
}

.tooltip-block:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -3px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #e8e8e8
}

.tooltip-block:hover {
    background-color: #91c7f0
}

.tooltip-block:hover:after {
    border-top: 3px solid #91c7f0
}

.tooltip-block:hover .tooltip-holder {
    display: block
}

.tooltip-block .tooltip-holder {
    display: none;
    width: 208px;
    position: absolute;
    background: #fff;
    border-radius: 4px;
    left: 50%;
    bottom: 100%;
    margin: -10px 0 15px -104px;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    border: 1px solid #ccc;
    box-shadow: 0 0 50px 2px #c7c7c7;
    z-index: 100
}

.tooltip-block .tooltip-holder .tooltip-frame {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 20px
}

.tooltip-block .tooltip-holder:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -9px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff
}

.tooltip-block .tooltip-holder:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -11px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #ccc
}

.tooltip-block .tooltip-holder .title {
    font-size: 16px;
    color: #828282;
    padding: 10px 20px;
    margin: 0 -20px 10px;
    background: #f2f2f2;
    border-radius: 4px 4px 0 0
}

@media(max-width:760px) {
    #wrapper {
        padding-bottom: 0
    }
}

@media(max-width:639px) {
    .popup-holder {
        max-width: 360px;
        padding: 20px 33px 10px
    }
    .popup-holder h1 {
        padding: 0 0 5px 5px
    }
    .popup-holder:after {
        width: 25px;
        height: 25px;
        top: 18px;
        left: 10px;
        background-size: contain
    }
    .popup-holder .row>div {
        padding: 0
    }
    .popup-holder .close {
        top: 18px;
        right: 10px
    }
    .popup-holder .tooltip-block .tooltip-holder {
        right: 0;
        left: auto
    }
    .popup-holder .tooltip-block .tooltip-holder:after,
    .popup-holder .tooltip-block .tooltip-holder:before {
        left: auto;
        right: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    .popup-holder .remember label {
        font-size: 15px;
        line-height: 15px
    }
    .popup-holder .remember label:before {
        margin-right: 3px
    }
}

@-webkit-keyframes circle {
    0% {
        opacity: 0;
        stroke-dasharray: 0 500
    }
    100% {
        opacity: 1;
        stroke-dasharray: 500 0
    }
}

@keyframes circle {
    0% {
        opacity: 0;
        stroke-dasharray: 0 500
    }
    100% {
        opacity: 1;
        stroke-dasharray: 500 0
    }
}

@-webkit-keyframes sphere {
    0% {
        stroke-dasharray: 0 200
    }
    100% {
        opacity: 1;
        stroke-dasharray: 200 0
    }
}

@keyframes sphere {
    0% {
        stroke-dasharray: 0 200
    }
    100% {
        opacity: 1;
        stroke-dasharray: 200 0
    }
}

@-webkit-keyframes circle-sphere {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes circle-sphere {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes rating-animation {
    0% {
        stroke-dashoffset: 500
    }
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes rating-animation {
    0% {
        stroke-dashoffset: 500
    }
    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes rating-animation-2 {
    0% {
        stroke-dashoffset: 800
    }
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes rating-animation-2 {
    0% {
        stroke-dashoffset: 800
    }
    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes main-phone-animation {
    0% {
        stroke-dashoffset: -1028
    }
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes main-phone-animation {
    0% {
        stroke-dashoffset: -1028
    }
    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes left-phone-animation {
    0% {
        opacity: 0;
        left: 110px
    }
    100% {
        opacity: 1;
        left: -10px
    }
}

@keyframes left-phone-animation {
    0% {
        opacity: 0;
        left: 110px
    }
    100% {
        opacity: 1;
        left: -10px
    }
}

@-webkit-keyframes right-phone-animation {
    0% {
        opacity: 0;
        right: 110px
    }
    100% {
        opacity: 1;
        right: -10px
    }
}

@keyframes right-phone-animation {
    0% {
        opacity: 0;
        right: 110px
    }
    100% {
        opacity: 1;
        right: -10px
    }
}

@-webkit-keyframes fade-out-main-phone {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fade-out-main-phone {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes top-circle-anim {
    0% {
        stroke-dasharray: 0 200px
    }
    100% {
        stroke-dasharray: 200px 0
    }
}

@keyframes top-circle-anim {
    0% {
        stroke-dasharray: 0 200px
    }
    100% {
        stroke-dasharray: 200px 0
    }
}

@-webkit-keyframes text-block-animate-left {
    0% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes text-block-animate-left {
    0% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes restart-animation-fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes restart-animation-fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

#set-email .popup-holder:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAmCAYAAACsyDmTAAAHgklEQVRYR7WYfXAU9RnHv8/uHUcOealD0hBye6mj7ViZqbWdim0NotUYRrMXIrG1IkF5ye21TByLgn2jFTsdrHbKeHtJRAUFxWNCbq8jDE4Lhc5gHdF0+kJrOwPsXgggiGAmmMvd/p7OLrkQMLncNXD/3Mzu8/LZ3+/5PS8/QrG/BXFZKfPeRizPZfCNAKYQSIDAYBCDpfMmqQck9otsdmd3233/LdQNFSoYeNiokCbSjxioJuK9DLGjN5M58HF749mRbMxc0lEp+6S5BGkemGaAxWbz1MAr2NY4kM/nmEBXf3/zlKumTnmKgK/YJNZ1R0M7AXChH+LITWvqnDbVT0sY0ndZ8G9SrerW0fTzAgW0zruIpKchsM6KqduKgRhJtlSLX1UC31qArukf4KUfblBPXCo3KpASTrYQ4U473b+w+8XG0+OFGa5fGd4+RyLPM5TNNJvtDe8PfzcikBJJ/JqZJqVOpluwrdG+nDA5WxVaIuAhel2AH+uOht7JPf8MUCCSfJKYA5auasXGSrHg5Yvjpb4SX1IIe2mqdf4/3LM53IgSTnwHJK2w9Dr1SsPk/AaXJL/APmxNf3Lm9hOvPtQ3BFSx7LXpHu+knaI/XXO5Y2aslVMinQsBusGKhlYNASkRo02Aje5oaMdFBm5b46n44pcrhOQdTHhjmc//XpLI7jk50HNJbJISMf6czfSFXKDy5s6qCZLcZul1NRdtYSTZCMbjRPiAwZnxoQxqM0pAdC2zvTql17+VsxkIJxaDMM0FCkaMZ4XNb6VaQ7tyApWaca1M9ILZ91EtNi7uvywwg0Y+tyw+dYrHtyuT7bunp/2BU87jzzdvL/PJ8mYC1khK5KvvWNGum4E1Yog4YoRJ4JwVUzddTpihYI4YK2GLQ2ZrfUfumaIZ+yiw3Pg6PGhKRdUfXHziki0M+0gqVp+4EkABLdnk2E3pdRsvQCb3UHAEUkfAydQ5IKcWTfFLLdls+qWe9kbr/wKsXe8LBCuvy+WbUYD2U1AzXhug7Opj0QZztBVSIp13gKXfgSjN4EdTUXVfMVBuVgZtIZCSyQ7c3dN+378VLbEKIGHp6rpBWw7L2+Tsm6Wr1Zc6GL5Cg4G/EowGJshg3mDpobZCoNy6JXmeA+MUEZ82M8cfQvvyjBJOPgGJp1pR9UnHTqVm3C0RaigYSe4xo3VzxwJylSKJeTLTWhCdBeOgmT3W4hgfDUwJJ38ICQ+675k7LF19JlcBcrXMOmTeUVmlNMhEK88hXVsUkGO3Imx8yUvYxASndSixe+3vHX1l/kfDoSoXxEukUl87QGUgTL805wydqkjnQmJJA9E0YWcXOPFVNJBjbDDIDQLeZcIcIfBId0z9m/NuRqQj6GXvZpDoAkvfBGcarVjDoUK215FxAmm3qau3F7JlF74seQMYm4gwwMwZAibbwFoGPvYAzwJ0nMFTCfBjgOabG+oOFwykaMZeS1fnFApU2RyfKcm+BDEsgN9mpuMgagE4DZCXwEIA2yQwMVEtMSb1nu296/SWBz8pBIoULfmHbPZYXU/78nNjJcbBFnQXQAcAnmbp6iI32Js7vyHJcuz83GE/YUXr/+ieTM14kQllDpt1sr9+xGZvQVyePtnnP/WS2utumRI2VjPRkZRe9/pFQJrxuGDx9+5YvdPUwykxQe2mDgb/h0A3m4eP1GDninROx4HNnPN6zmysPzNkZ0F8glI6cQc5oxFzhxkLRYf7CIQ7QxJJq5jQB8Yx62BXE5Vq8XI/fAnzYNe38ac12Qtxkliftenlnla1y3mmRIxfsTODMc3+FP33nNQbjxeyBW6f5Zn0WwLHTD20P6dTsazN7/GW77X6Tt/qFG8lnPgZEz5wq70SSawA0yzrZDrsLmvtel/wmqo9ZubYHDeJRZKNxHw/A6Vg8agVq3+vEJh8MoGIUS0JrjFjoR87cjPDydmyJM73Qy5U2FgNonkA/x6EGoDarGhdPNC8fZYkyS8wcIIFtuabqYqBVDRjKUj0W9H6Vx09d+Rimn1RT+1uH/u+xsj+y80dTS9PDPqv3iMI70lMZ0y97ifFOM0nq0SMjczZaEpveNc9AOHE04J4b/5BMWw8BQmHJaYGhmi1walxA9lcInvke4lRZerqA7kD4/Zk/+y6ZVQgJ/3Lpb7dpt71rQrtxpleokXMmD5eICLYgulASn//jVxDqISNRSBUWbr6i9En1+XGnZD4FisW+uV4IfLpu6UG3vhnxqBLlQZPVpmpq89fKSBnUJzg9+1g21484qA43HHFsrji9fjaTF2tvRJAg/bfAPix4fkpb1ArmtEOxj4rpm6+nFCBcOJWkug5m8XSo3r9X4fbzgvkZFOvp7xDEJKpqBobL9T0h43Jfh9+CgnX96expKjrmCHny9q8iqd8LYCbCPzz4ctbKKDTP032S48Q6H4wr7di6pbR7g7GvEHLOZ2hbb9+AnlWMuM6QLwpBO/uFh92jdbCOjHikX3VJFEtg4MkeKN9amBL97bGT/N9SMFAOSNOVfcLbw1LcjWIZ4HhJSIbzAyQxGBy/gEcBeMvQgy8Wcyl5/8AM32SNmD3g9oAAAAASUVORK5CYII=)
}

#reconnect-popup .popup-holder:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTA5LjQgMTAyLjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwOS40IDEwMi40IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz48Zz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMxMEY5QjciIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0yNC40LDcxLjdjLTQuMi0zLjQtOS41LTcuNy05LjUtNy43Yy0xLjUtMS4zLTIuMy0zLjItMS45LTVjMC4zLTEuNiwxLjQtMi45LDIuOS0zLjRsMTguNC02LjZjMS44LTAuNiwzLjgtMC4xLDUuMSwxLjRjMSwxLjIsMS41LDIuOSwxLjIsNC41bC0zLjgsMTguM2MtMC40LDIuNC0yLjEsNC00LjEsNCIvPjwvZz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMEQxRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0yNCw1Mi41YzAtMTguNywxNS4yLTMzLjksMzMuOS0zMy45czMzLjksMTUuMiwzMy45LDMzLjljMCwxMS45LTYuMSwyMi4zLTE1LjMsMjguNGMwLDAtMTQuMyw5LTYuNywxNy4zYzUuNSw2LDEzLjIsMi41LDE2LjEsMC4zYzEzLjMtMTAuMiwyMi41LTI1LjcsMjIuNS00My43YzAtMjkuOS0yNC41LTU0LjEtNTQuNS01My43QzI1LjIsMS40LDEuNywyNC43LDEsNTMuNEMwLjgsNjMuOCwzLjUsNzMuNiw4LjQsODEuOWMwLDAsNS44LDcuNiwxMy4zLDMuM3MyLjctMTMuNSwyLjctMTMuNSIvPjwvZz48Zz48Zz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMxMEY5QjciIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNNzMuNywzOS45YzAuMiwwLDAuNSwwLjEsMC43LDAuM2wzLjYsMi45YzAuNCwwLjMsMC41LDAuOCwwLjUsMS4yYy0wLjEsMC40LTAuMywwLjctMC43LDAuOGwtNC40LDEuNmMtMC40LDAuMi0wLjksMC0xLjItMC4zYy0wLjItMC4zLTAuNC0wLjctMC4zLTEuMWwwLjktNC40QzcyLjgsNDAuMyw3My4yLDM5LjksNzMuNywzOS45eiIvPjwvZz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMxMEY5QjciIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNNzUuMSw0NS43YzAsNi44LTUuNSwxMi4yLTEyLjIsMTIuMnMtMTIuMi01LjUtMTIuMi0xMi4yczUuNS0xMi4yLDEyLjItMTIuMmMwLjMsMCwwLjUsMCwwLjcsMCIvPjwvZz48L2c+PC9zdmc+)
}

#add-account .popup-holder:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTE0LjQgMTE0LjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDExNC40IDExNC40IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMENGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0yLjIsNjYuNWMtMC42LTIuMy0xLTQuNy0xLjEtNy4xYzAtMC45LDAtMS45LDAtMi44YzAuMy0zMSwyNi01Niw1Ny01NS42YzMwLjgsMC40LDU1LjcsMjUuNyw1NS40LDU2LjhjLTAuMywzMC4yLTI0LjcsNTQuOS01NC44LDU1LjZjLTkuNiwwLjItMTguNi0xLjktMjYuNi02Ii8+PC9nPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwQ0ZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTcyLjMsNDUuNGMtMC41LDAtMC45LDAuMS0xLjQsMC4xYy04LjUsMC0xNS41LTYuOS0xNS41LTE1LjVzNi45LTE1LjUsMTUuNS0xNS41YzQsMCw4LjcsMi4zLDEyLDQuNiIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwQ0ZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTQ2LDMyLjRIMjRjLTEuNiwwLTMsMS4zLTMsM3YyMC44YzAsMS4yLDEsMi4yLDIuMiwyLjJIMjdjMC44LDAsMS42LDAuNSwyLDEuMmMxLjUsMy4xLDYuNCwxMS4xLDE3LDExLjFjOS4xLDAsMTUuMy04LjQsMTcuMS0xMS4zYzAuNC0wLjYsMS4xLTEsMS45LTFoMy44YzEuMiwwLDIuMiwxLDIuMiwyLjJ2MTkuOWMwLDItMS42LDMuNy0zLjcsMy43bC00MS4xLDBjLTExLjIsMC0yMC44LTcuNC0yMy45LTE3LjciLz48Y2lyY2xlIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwQ0ZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgY3g9IjQ2IiBjeT0iNTMuOCIgcj0iOC4zIi8+PGc+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDBDRkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iNzAuOSIgeTE9IjIyLjYiIHgyPSI3MC45IiB5Mj0iMzcuNSIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwQ0ZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjYzLjUiIHkxPSIzMCIgeDI9Ijc4LjQiIHkyPSIzMCIvPjwvZz48Zz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMENGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik04MC42LDE3LjdjMTMuNiw4LjEsMjIuNywyMywyMi41LDQwYy0wLjMsMjQuNy0yMC4yLDQ0LjktNDQuOCw0NS40Yy03LjgsMC4yLTE1LjItMS42LTIxLjctNC45YzAsMC00LjQtMi4zLTcsMC42Yy0yLjcsMy0xLjMsNi45LDIuNCw4LjYiLz48L2c+PC9nPjwvc3ZnPg==)
}

#payment-methods {
    font-size: 16px
}

#payment-methods .row-form {
    margin-left: -10px
}

#payment-methods p {
    color: #000;
    margin-bottom: 20px
}

#payment-methods img {
    display: inline-block;
    vertical-align: middle;
    width: 39px;
    height: 39px;
    max-width: 100%;
    border-radius: 100%;
    margin-right: 10px
}

#payment-methods .checkbox-area {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    width: 68%;
    color: #a0a0a0
}

#payment-methods .checkbox-area input[type=checkbox] {
    opacity: 0;
    float: right
}

#payment-methods .checkbox-area label {
    display: block;
    width: 93%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#payment-methods .checkbox-area label:before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 1px solid #008fd5;
    border-radius: 4px;
    right: 0
}

#payment-methods .checkbox-area input[type=checkbox]:checked+label:after {
    position: absolute;
    content: "";
    height: 16px;
    width: 10px;
    right: 2px;
    -webkit-transform: rotate(55deg) skew(30deg);
    -ms-transform: rotate(55deg) skew(30deg);
    transform: rotate(55deg) skew(30deg);
    border-bottom: 3px solid #008fd5;
    border-right: 3px solid #008fd5;
    margin-top: -5px;
    margin-left: 6px
}

#payment-methods button {
    text-align: center;
    border: 1px solid #549de1;
    background: #ecf8ff;
    border-radius: 4px;
    color: #424183;
    padding: 7px 20px
}

#payment-methods button:first-child {
    margin-right: 55px
}

@media(max-width:640px) {
    #payment-methods .row .col-div {
        width: 100%;
        margin-left: 0
    }
    #payment-methods .popup-holder h1 {
        margin-bottom: 20px
    }
    #payment-methods .row-form {
        margin-bottom: 5px
    }
    #payment-methods .row-submit {
        text-align: center
    }
    #payment-methods button {
        display: inline-block;
        margin: 0 0 10px!important
    }
}

.popup-holder input[placeholder] {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: block
}

.popup-holder::-moz-placeholder {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: block
}

.popup-holder input:-moz-placeholder {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: block
}

.popup-holder .popup-scroll {
    max-height: 480px;
    overflow-y: auto;
    overflow-x: visible
}

.popup-holder .popup-scroll .row {
    margin: 0
}

.popup-holder .row-form.login.no-bg,
.popup-holder .row-form.pass.no-bg {
    background: 0 0
}

.popup-holder .row-form.textarea-row {
    height: auto
}

.popup-holder .row-form.textarea-row textarea {
    width: 100%;
    min-height: 50px;
    max-height: 95px;
    background: 0 0;
    border: none;
    padding: 10px;
    font-size: 16px;
    color: #a1a1a1;
    resize: none
}

.popup-holder .label-row {
    color: #000;
    margin: 0 0 10px
}

.popup-holder .question-sel {
    background: 0 0
}

.popup-holder .question-sel select {
    background: 0 0;
    width: 100%;
    border: none;
    color: #a1a1a1;
    font-size: 16px;
    line-height: 30px;
    height: 28px;
    padding-left: 5px
}

.popup-holder.email-svg:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAmCAYAAACsyDmTAAAHgklEQVRYR7WYfXAU9RnHv8/uHUcOealD0hBye6mj7ViZqbWdim0NotUYRrMXIrG1IkF5ye21TByLgn2jFTsdrHbKeHtJRAUFxWNCbq8jDE4Lhc5gHdF0+kJrOwPsXgggiGAmmMvd/p7OLrkQMLncNXD/3Mzu8/LZ3+/5PS8/QrG/BXFZKfPeRizPZfCNAKYQSIDAYBCDpfMmqQck9otsdmd3233/LdQNFSoYeNiokCbSjxioJuK9DLGjN5M58HF749mRbMxc0lEp+6S5BGkemGaAxWbz1MAr2NY4kM/nmEBXf3/zlKumTnmKgK/YJNZ1R0M7AXChH+LITWvqnDbVT0sY0ndZ8G9SrerW0fTzAgW0zruIpKchsM6KqduKgRhJtlSLX1UC31qArukf4KUfblBPXCo3KpASTrYQ4U473b+w+8XG0+OFGa5fGd4+RyLPM5TNNJvtDe8PfzcikBJJ/JqZJqVOpluwrdG+nDA5WxVaIuAhel2AH+uOht7JPf8MUCCSfJKYA5auasXGSrHg5Yvjpb4SX1IIe2mqdf4/3LM53IgSTnwHJK2w9Dr1SsPk/AaXJL/APmxNf3Lm9hOvPtQ3BFSx7LXpHu+knaI/XXO5Y2aslVMinQsBusGKhlYNASkRo02Aje5oaMdFBm5b46n44pcrhOQdTHhjmc//XpLI7jk50HNJbJISMf6czfSFXKDy5s6qCZLcZul1NRdtYSTZCMbjRPiAwZnxoQxqM0pAdC2zvTql17+VsxkIJxaDMM0FCkaMZ4XNb6VaQ7tyApWaca1M9ILZ91EtNi7uvywwg0Y+tyw+dYrHtyuT7bunp/2BU87jzzdvL/PJ8mYC1khK5KvvWNGum4E1Yog4YoRJ4JwVUzddTpihYI4YK2GLQ2ZrfUfumaIZ+yiw3Pg6PGhKRdUfXHziki0M+0gqVp+4EkABLdnk2E3pdRsvQCb3UHAEUkfAydQ5IKcWTfFLLdls+qWe9kbr/wKsXe8LBCuvy+WbUYD2U1AzXhug7Opj0QZztBVSIp13gKXfgSjN4EdTUXVfMVBuVgZtIZCSyQ7c3dN+378VLbEKIGHp6rpBWw7L2+Tsm6Wr1Zc6GL5Cg4G/EowGJshg3mDpobZCoNy6JXmeA+MUEZ82M8cfQvvyjBJOPgGJp1pR9UnHTqVm3C0RaigYSe4xo3VzxwJylSKJeTLTWhCdBeOgmT3W4hgfDUwJJ38ICQ+675k7LF19JlcBcrXMOmTeUVmlNMhEK88hXVsUkGO3Imx8yUvYxASndSixe+3vHX1l/kfDoSoXxEukUl87QGUgTL805wydqkjnQmJJA9E0YWcXOPFVNJBjbDDIDQLeZcIcIfBId0z9m/NuRqQj6GXvZpDoAkvfBGcarVjDoUK215FxAmm3qau3F7JlF74seQMYm4gwwMwZAibbwFoGPvYAzwJ0nMFTCfBjgOabG+oOFwykaMZeS1fnFApU2RyfKcm+BDEsgN9mpuMgagE4DZCXwEIA2yQwMVEtMSb1nu296/SWBz8pBIoULfmHbPZYXU/78nNjJcbBFnQXQAcAnmbp6iI32Js7vyHJcuz83GE/YUXr/+ieTM14kQllDpt1sr9+xGZvQVyePtnnP/WS2utumRI2VjPRkZRe9/pFQJrxuGDx9+5YvdPUwykxQe2mDgb/h0A3m4eP1GDninROx4HNnPN6zmysPzNkZ0F8glI6cQc5oxFzhxkLRYf7CIQ7QxJJq5jQB8Yx62BXE5Vq8XI/fAnzYNe38ac12Qtxkliftenlnla1y3mmRIxfsTODMc3+FP33nNQbjxeyBW6f5Zn0WwLHTD20P6dTsazN7/GW77X6Tt/qFG8lnPgZEz5wq70SSawA0yzrZDrsLmvtel/wmqo9ZubYHDeJRZKNxHw/A6Vg8agVq3+vEJh8MoGIUS0JrjFjoR87cjPDydmyJM73Qy5U2FgNonkA/x6EGoDarGhdPNC8fZYkyS8wcIIFtuabqYqBVDRjKUj0W9H6Vx09d+Rimn1RT+1uH/u+xsj+y80dTS9PDPqv3iMI70lMZ0y97ifFOM0nq0SMjczZaEpveNc9AOHE04J4b/5BMWw8BQmHJaYGhmi1walxA9lcInvke4lRZerqA7kD4/Zk/+y6ZVQgJ/3Lpb7dpt71rQrtxpleokXMmD5eICLYgulASn//jVxDqISNRSBUWbr6i9En1+XGnZD4FisW+uV4IfLpu6UG3vhnxqBLlQZPVpmpq89fKSBnUJzg9+1g21484qA43HHFsrji9fjaTF2tvRJAg/bfAPix4fkpb1ArmtEOxj4rpm6+nFCBcOJWkug5m8XSo3r9X4fbzgvkZFOvp7xDEJKpqBobL9T0h43Jfh9+CgnX96expKjrmCHny9q8iqd8LYCbCPzz4ctbKKDTP032S48Q6H4wr7di6pbR7g7GvEHLOZ2hbb9+AnlWMuM6QLwpBO/uFh92jdbCOjHikX3VJFEtg4MkeKN9amBL97bGT/N9SMFAOSNOVfcLbw1LcjWIZ4HhJSIbzAyQxGBy/gEcBeMvQgy8Wcyl5/8AM32SNmD3g9oAAAAASUVORK5CYII=) 0 0 no-repeat;
    background-size: contain
}

@media(max-device-width:700px) and (orientation:landscape) {
    .popup-holder .popup-scroll {
        overflow-y: scroll!important;
        -webkit-overflow-scrolling: touch;
        max-height: 240px
    }
    .popup-holder .popup-scroll .row {
        margin: 0
    }
}

#wrapper.page-404 {
    padding-bottom: 0
}

#wrapper.page-404 .blue-white-section {
    min-height: 100vh;
    background: url(../images/404-bg.jpg) 0 0 no-repeat;
    background-size: cover
}

#wrapper.page-404 .introducing-block,
#wrapper.page-404 .introducing-block-holder {
    text-align: center
}

#wrapper.page-404 .mobile-anim-block {
    float: none;
    display: inline-block
}

#wrapper.page-404 .phone-block {
    margin-right: 0;
    margin-top: 150px;
    margin-bottom: 182px
}

#wrapper.page-404 .mobile-anim-block .bottom-circle,
#wrapper.page-404 .mobile-anim-block .top-circle {
    display: block
}

#wrapper.page-404 .text-404 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#wrapper.page-404 .text-404 span {
    color: #fff;
    font-size: 140px;
    font-weight: 100;
    line-height: 65px;
    text-transform: uppercase;
    font-family: roboto, sans-serif
}

#wrapper.page-404 .text-404 p {
    color: #00b9fa;
    font-family: roboto, sans-serif;
    font-size: 70px;
    font-weight: 100;
    line-height: 83px;
    text-transform: uppercase
}

#wrapper.page-404 .text-404 a {
    display: inline-block;
    background: 0 0;
    color: #ffc72e;
    border-radius: 4px;
    padding: 10px 40px 7px;
    border: 1px solid #ffc72e
}

#wrapper.page-404 .text-404 a:hover {
    background: #008fd5;
    color: #f4e1d3;
    border-radius: 4px;
    padding: 10px 40px 7px;
    border: 1px solid #273f9c
}

#wrapper.page-404 .mobile-anim-block .main-phone svg {
    width: 283px;
    height: 545px
}

#wrapper.page-404 .mobile-anim-block .left-phone img,
#wrapper.page-404 .mobile-anim-block .right-phone img {
    width: 172px;
    height: 445px
}

#wrapper.page-404 .mobile-anim-block .top-circle {
    top: -97px;
    width: 334px;
    height: 153px
}

#wrapper.page-404 .mobile-anim-block .bottom-circle {
    width: 413px;
    height: 182px;
    bottom: -130px;
    left: 0
}

@media(max-width:960px) {
    #wrapper.page-404 .mobile-anim-block .top-circle,
    #wrapper.page-404 .mobile-anim-block .bottom-circle {
        display: none
    }
}

@media(max-width:768px) {
    #wrapper.page-404 .introducing-block .text-block .btn-sign,
    #wrapper.page-404 .mobile-anim-block .phone-block .main-phone {
        display: block
    }
    #wrapper.page-404 .phone-block {
        margin-top: 0;
        margin-bottom: 0
    }
    #wrapper.page-404 .mobile-anim-block .phone-block .mobile-ver {
        display: none
    }
    #wrapper.page-404 .introducing-block {
        padding-top: 20px
    }
    #wrapper.page-404 .blue-white-section {
        margin-bottom: 0
    }
}

@media(max-width:450px) {
    #wrapper.page-404 .introducing-block {
        padding-top: 20px
    }
    #wrapper.page-404 .mobile-anim-block .main-phone svg {
        width: 283px;
        height: 520px
    }
}

.loader-block {
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .7;
    display: none;
    z-index: 999;
    border-radius: 4px
}

.loader-block img {
    max-height: 20px!important;
    max-width: 20px!important;
    position: absolute!important;
    top: 0!important;
    bottom: 0!important;
    left: 0!important;
    right: 0!important;
    margin: auto!important
}

.social-icons {}

.social-icons svg {
    fill: #5f5f5f
}

.social-icons svg:hover {
    fill: #503d89
}

.menu::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px
}

.menu::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1);
    border-radius: 0
}

.menu::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: 5px;
    background: rgba(0, 0, 0, .25);
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

body.noscroll,
html.noscroll {
    overflow: hidden!important;
    position: relative!important;
    overflow-x: hidden;
    overflow-y: hidden
}

body .open-popup {
    cursor: pointer
}

.popup {
    width: 100%;
    height: 100vh;
    display: block;
    font-size: 0;
    top: 0;
    left: 0;
    overflow: auto;
    position: fixed;
    z-index: 9999;
    text-align: center;
    display: none;
    background-image: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 164, 245, 0.8) -80%, rgba(0, 0, 0, 0) 68%);
    background-image: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 164, 245, 0.8) -80%, rgba(0, 0, 0, 0) 68%);
    background-image: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 164, 245, 0.8) -80%, rgba(0, 0, 0, 0) 68%);
    background-image: -webkit-gradient(radial, center center, 0, center center, 286, color-stop(-80, rgba(0, 164, 245, 0.8)), color-stop(68, rgba(0, 0, 0, 0)));
    background-image: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 164, 245, 0.8) -80%, rgba(0, 0, 0, 0) 68%);
    background-image: radial-gradient(ellipse farthest-corner at center top, rgba(0, 164, 245, 0.8) -80%, rgba(0, 0, 0, 0) 68%);
    background-size: 800px 400px;
    background-repeat: no-repeat;
    background-position: top center
}

.popup {
    -webkit-animation: bg-fadeOut .3s normal forwards;
    -moz-animation: bg-fadeOut .3s normal forwards;
    -o-animation: bg-fadeOut .3s normal forwards
}

.popup.opened {
    -webkit-animation: bg-fadeIn .3s normal forwards;
    -moz-animation: bg-fadeIn .3s normal forwards;
    -o-animation: bg-fadeIn .3s normal forwards
}

@keyframes bg-fadeIn {
    0% {
        background-color: transparent
    }
    100% {
        background-color: rgba(36, 36, 98, .8)
    }
}

@keyframes bg-fadeOut {
    0% {
        background-color: rgba(36, 36, 98, .8)
    }
    100% {
        background-color: transparent
    }
}

.popup:after {
    content: " ";
    height: 100vh;
    display: inline-block;
    vertical-align: middle
}

.popup .inner {
    background: #fff;
    padding: 60px;
    border-radius: 8px;
    box-sizing: border-box;
    margin: 0 auto;
    right: 0;
    left: 0;
    -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 0 15px 1px rgba(0, 0, 0, .35);
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, .35);
    vertical-align: middle;
    display: inline-block;
    position: relative;
    margin-top: 2.5%;
    margin-bottom: 2.5%
}

.popup .inner {
    -webkit-animation: inner-hide .3s normal forwards;
    -moz-animation: inner-hide .3s normal forwards;
    -o-animation: inner-hide .3s normal forwards
}

.popup.opened .inner {
    -webkit-animation: inner-show .3s normal forwards;
    -moz-animation: inner-show .3s normal forwards;
    -o-animation: inner-show .3s normal forwards
}

@keyframes inner-show {
    0% {
        opacity: 0;
        transform: scale(.9, .9)
    }
    100% {
        opacity: 1;
        transform: scale(1, 1)
    }
}

@keyframes inner-hide {
    0% {
        opacity: 1;
        transform: scale(1, 1)
    }
    100% {
        opacity: 0;
        transform: scale(.9, .9)
    }
}

.popup.sm .inner {
    width: 420px
}

.popup.big .inner {
    width: 600px
}

.popup .inner .close,
.popup .inner .close svg {
    width: 16px;
    height: 16px;
    cursor: pointer
}

.popup .inner .close {
    position: absolute;
    top: 20px;
    right: 20px
}

.popup .inner .close svg {
    fill: #bababa
}

.popup .inner .close:hover svg {
    fill: #503d89
}

.popup .inner .close.button {
    position: static;
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    border: none;
    vertical-align: baseline;
    color: #fff;
    font-family: proxima_nova_rgregular, sans-serif;
    margin: 3em .25em 0 0;
    padding: .78571429em 1.5em;
    text-transform: none;
    text-shadow: none;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: .28571429rem;
    font-size: 16px;
    width: 100%;
    height: inherit
}

.popup .inner .close.button.success {
    background: #4ab289
}

.popup .inner .close.button.success:hover {
    background: #50bf93
}

.popup .inner .close.button.fail {
    background: #de7676
}

.popup .inner .close.button.fail:hover {
    background: #ed7f7f
}

.popup .inner .title {
    color: #503d89;
    font-size: 24px;
    font-weight: 400;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.popup .inner .title.big {
    font-size: 30px;
    font-weight: 600
}

.popup .inner .title.success {
    color: #4ab289
}

.popup .inner .title.fail {
    color: #de7676
}

.popup .inner .big_icon {
    width: 110px;
    margin: 0 auto;
    margin-bottom: 30px
}

.popup .inner p {
    font-size: 16px;
    color: #333;
    margin-top: 20px
}

.popup .inner .title img {
    margin-right: 10px
}

.popup .inner form {
    margin-top: 40px
}

.popup .pricelist {
    margin-bottom: 20px
}

.popup .pricelist .row.h {
    color: #333;
    font-size: 16px;
    margin-top: 0
}

.popup .pricelist .row {
    margin-top: 20px!important
}

.popup .pricelist .row {
    color: #adadad;
    margin: 0
}

.popup .pricelist .row div {
    float: left;
    width: 33%;
    text-align: left
}

.popup .pricelist .row .price {
    text-align: center
}

.popup .pricelist .row .price .original {
    color: red;
    text-decoration: line-through;
    color: #c6c6c6
}

.popup .pricelist .row .quantity {
    text-align: right;
    float: right
}

.popup .pricelist .summary {
    text-align: right;
    font-size: 20px;
    margin-top: 30px
}

.popup .pricelist .summary .t {
    color: #333;
    font-size: 20px;
    text-align: right
}

.popup .pricelist .summary .price {
    margin-top: 15px;
    color: #503d89
}

.popup .pricelist .summary .you-save {
    color: #0cc366;
    margin-top: 15px
}

.popup .pricelist .summary .promo {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #a6a6a6;
    font-size: 16px
}

.popup .pricelist .summary .promo a {
    color: #a6a6a6;
    cursor: pointer
}

@media screen and (max-width:768px) {}

@media screen and (max-width:614px) {
    .popup.big .inner {
        width: 95%;
        padding: 6%;
        padding-top: 40px
    }
    .popup .inner .title {
        font-size: 20px
    }
    .popup .inner {
        margin-bottom: 80px
    }
}

@media screen and (max-width:470px) {
    .popup.sm .inner {
        width: 95%;
        padding: 6%;
        padding-top: 40px
    }
    .popup .inner .title {
        font-size: 20px
    }
}

.popup .packages {
    margin-top: 40px;
    max-width: 100%;
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-family: proxima_nova_rgregular;
    color: #ccc
}

.popup .packages .package {
    width: 30%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    transition: all .2s ease-in-out;
    transform: translate3d(0, 0, 0);
    text-align: center;
    border: 1px solid #4c3a82
}

.popup .packages .package .info {
    margin-top: 20px;
    margin-bottom: 20px
}

.popup .packages .package .info .days {
    color: #503d89;
    font-size: 20px;
    font-weight: 700;
    line-height: normal
}

.popup .packages .package .info .price {
    color: #ffc72e;
    font-size: 25px;
    line-height: normal;
    margin: 10px 0
}

.popup .packages .package .info .price sup {
    margin-right: 6px;
    font-size: 18px;
    vertical-align: middle
}

.popup .packages .package .info .only {
    color: #888;
    font-size: 11px;
    font-weight: 600;
    font-family: proxima_nova_ththin
}

.popup .packages .package .info .off {
    position: absolute;
    background: #0cc366;
    right: 15px;
    top: 15px;
    font-size: 14px;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px
}

.popup .packages .package .info .off.hidden {
    opacity: 0;
    visibility: hidden
}

.popup .packages .package .buy-now {
    width: 50px;
    line-height: 50px;
    background-color: #503d89;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear
}

.popup .packages .package:hover .buy-now {
    background-color: #4c3a82
}

.popup .packages .package:nth-child(1),
.popup .packages .package:nth-child(2),
.popup .packages .package:nth-child(3) {
    margin-bottom: 5%
}

@media screen and (max-width:470px) {
    .popup .packages .package {
        width: 47%
    }
}

.ui.button {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    border: none;
    vertical-align: baseline;
    background: #503d89 none;
    color: #fff;
    font-family: proxima_nova_rgregular, sans-serif;
    margin: 0 .25em 0 0;
    padding: .78571429em 1.5em;
    text-transform: none;
    text-shadow: none;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: .28571429rem;
    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
    transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
    will-change: '';
    -webkit-tap-highlight-color: transparent
}

.ui.button:hover {
    background-color: #5a4792;
    background-image: none;
    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset;
    color: #fff
}

.ui.button:hover .icon {
    opacity: .85
}

.ui.button:focus {
    background-color: #cacbcd;
    color: rgba(0, 0, 0, .8);
    background-image: ''!important;
    box-shadow: ''!important
}

.ui.button:focus .icon {
    opacity: .85
}

.ui.active.button:active,
.ui.button:active {
    background-color: #babbbc;
    background-image: '';
    color: rgba(0, 0, 0, .9);
    box-shadow: 0 0 0 1px transparent inset, none
}

.ui.active.button {
    background-color: #c0c1c2;
    background-image: none;
    box-shadow: 0 0 0 1px transparent inset;
    color: rgba(0, 0, 0, .95)
}

.ui.active.button:hover {
    background-color: #c0c1c2;
    background-image: none;
    color: rgba(0, 0, 0, .95)
}

.ui.active.button:active {
    background-color: #c0c1c2;
    background-image: none
}

.ui.loading.loading.loading.loading.loading.loading.button {
    position: relative;
    cursor: default;
    text-shadow: none!important;
    color: transparent!important;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all 0s linear, opacity .1s ease;
    transition: all 0s linear, opacity .1s ease
}

.ui.loading.button:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -.64285714em 0 0 -.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    border-radius: 500rem;
    border: .2em solid rgba(0, 0, 0, .15)
}

.ui.loading.button:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -.64285714em 0 0 -.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    -webkit-animation: button-spin .6s linear;
    animation: button-spin .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: .2em;
    box-shadow: 0 0 0 1px transparent
}

.ui.labeled.icon.loading.button .icon {
    background-color: transparent;
    box-shadow: none
}

@-webkit-keyframes button-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes button-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ui.basic.loading.button:not(.inverted):before {
    border-color: rgba(0, 0, 0, .1)
}

.ui.basic.loading.button:not(.inverted):after {
    border-top-color: #767676
}

.ui.button:disabled,
.ui.buttons .disabled.button,
.ui.disabled.active.button,
.ui.disabled.button,
.ui.disabled.button:hover {
    cursor: default;
    opacity: .45!important;
    background-image: none!important;
    box-shadow: none!important;
    pointer-events: none!important
}

.ui.basic.buttons .ui.disabled.button {
    border-color: rgba(34, 36, 38, .5)
}

.ui.animated.button {
    position: relative;
    overflow: hidden;
    padding-right: 0!important;
    vertical-align: middle;
    z-index: 1
}

.ui.animated.button .content {
    will-change: transform, opacity
}

.ui.animated.button .visible.content {
    position: relative;
    margin-right: 1.5em
}

.ui.animated.button .hidden.content {
    position: absolute;
    width: 100%
}

.ui.animated.button .hidden.content,
.ui.animated.button .visible.content {
    -webkit-transition: right .3s ease 0s;
    transition: right .3s ease 0s
}

.ui.animated.button .visible.content {
    left: auto;
    right: 0
}

.ui.animated.button .hidden.content {
    top: 50%;
    left: auto;
    right: -100%;
    margin-top: -.5em
}

.ui.animated.button:focus .visible.content,
.ui.animated.button:hover .visible.content {
    left: auto;
    right: 200%
}

.ui.animated.button:focus .hidden.content,
.ui.animated.button:hover .hidden.content {
    left: auto;
    right: 0
}

.ui.vertical.animated.button .hidden.content,
.ui.vertical.animated.button .visible.content {
    -webkit-transition: top .3s ease, -webkit-transform .3s ease;
    transition: top .3s ease, -webkit-transform .3s ease;
    transition: top .3s ease, transform .3s ease;
    transition: top .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.ui.vertical.animated.button .visible.content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    right: auto
}

.ui.vertical.animated.button .hidden.content {
    top: -50%;
    left: 0;
    right: auto
}

.ui.vertical.animated.button:focus .visible.content,
.ui.vertical.animated.button:hover .visible.content {
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
    right: auto
}

.ui.vertical.animated.button:focus .hidden.content,
.ui.vertical.animated.button:hover .hidden.content {
    top: 50%;
    right: auto
}

.ui.fade.animated.button .hidden.content,
.ui.fade.animated.button .visible.content {
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.ui.fade.animated.button .visible.content {
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ui.fade.animated.button .hidden.content {
    opacity: 0;
    left: 0;
    right: auto;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.ui.fade.animated.button:focus .visible.content,
.ui.fade.animated.button:hover .visible.content {
    left: auto;
    right: auto;
    opacity: 0;
    -webkit-transform: scale(.75);
    transform: scale(.75)
}

.ui.fade.animated.button:focus .hidden.content,
.ui.fade.animated.button:hover .hidden.content {
    left: 0;
    right: auto;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ui.inverted.button {
    box-shadow: 0 0 0 2px #fff inset!important;
    background: transparent none;
    color: #fff;
    text-shadow: none!important
}

.ui.inverted.buttons .button {
    margin: 0 0 0 -2px
}

.ui.inverted.buttons .button:first-child {
    margin-left: 0
}

.ui.inverted.vertical.buttons .button {
    margin: 0 0 -2px
}

.ui.inverted.vertical.buttons .button:first-child {
    margin-top: 0
}

.ui.inverted.button:hover {
    background: #fff;
    box-shadow: 0 0 0 2px #fff inset!important;
    color: rgba(0, 0, 0, .8)
}

.ui.inverted.button.active,
.ui.inverted.button:focus {
    background: #fff;
    box-shadow: 0 0 0 2px #fff inset!important;
    color: rgba(0, 0, 0, .8)
}

.ui.inverted.button.active:focus {
    background: #dcddde;
    box-shadow: 0 0 0 2px #dcddde inset!important;
    color: rgba(0, 0, 0, .8)
}

.ui.labeled.button:not(.icon) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background: 0 0!important;
    padding: 0!important;
    border: none!important;
    box-shadow: none!important
}

.ui.labeled.button>.button {
    margin: 0
}

.ui.labeled.button>.label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0 -1px!important;
    padding: '';
    font-size: 1em;
    border-color: rgba(34, 36, 38, .15)
}

.ui.labeled.button>.tag.label:before {
    width: 1.85em;
    height: 1.85em
}

.ui.labeled.button:not([class*="left labeled"])>.button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ui.labeled.button:not([class*="left labeled"])>.label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ui[class*="left labeled"].button>.button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ui[class*="left labeled"].button>.label {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ui.facebook.button {
    background-color: #3b5998;
    color: #fff;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.facebook.button:hover {
    background-color: #304d8a;
    color: #fff;
    text-shadow: none
}

.ui.facebook.button:active {
    background-color: #2d4373;
    color: #fff;
    text-shadow: none
}

.ui.twitter.button {
    background-color: #55acee;
    color: #fff;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.twitter.button:hover {
    background-color: #35a2f4;
    color: #fff;
    text-shadow: none
}

.ui.twitter.button:active {
    background-color: #2795e9;
    color: #fff;
    text-shadow: none
}

.ui.google.plus.button {
    background-color: #dd4b39;
    color: #fff;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.google.plus.button:hover {
    background-color: #e0321c;
    color: #fff;
    text-shadow: none
}

.ui.google.plus.button:active {
    background-color: #c23321;
    color: #fff;
    text-shadow: none
}

.ui.linkedin.button {
    background-color: #1f88be;
    color: #fff;
    text-shadow: none
}

.ui.linkedin.button:hover {
    background-color: #147baf;
    color: #fff;
    text-shadow: none
}

.ui.linkedin.button:active {
    background-color: #186992;
    color: #fff;
    text-shadow: none
}

.ui.youtube.button {
    background-color: #cc181e;
    color: #fff;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.youtube.button:hover {
    background-color: #bd0d13;
    color: #fff;
    text-shadow: none
}

.ui.youtube.button:active {
    background-color: #9e1317;
    color: #fff;
    text-shadow: none
}

.ui.instagram.button {
    background-color: #49769c;
    color: #fff;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.instagram.button:hover {
    background-color: #3d698e;
    color: #fff;
    text-shadow: none
}

.ui.instagram.button:active {
    background-color: #395c79;
    color: #fff;
    text-shadow: none
}

.ui.pinterest.button {
    background-color: #bd081c;
    color: #fff;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.pinterest.button:hover {
    background-color: #ac0013;
    color: #fff;
    text-shadow: none
}

.ui.pinterest.button:active {
    background-color: #8c0615;
    color: #fff;
    text-shadow: none
}

.ui.vk.button {
    background-color: #4d7198;
    color: #fff;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.vk.button:hover {
    background-color: #41648a;
    color: #fff
}

.ui.vk.button:active {
    background-color: #3c5876;
    color: #fff
}

.ui.button>.icon:not(.button) {
    height: .85714286em;
    opacity: .8;
    margin: 0 .42857143em 0 -.21428571em;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    vertical-align: '';
    color: ''
}

.ui.button:not(.icon)>.icon:not(.button):not(.dropdown) {
    margin: 0 .42857143em 0 -.21428571em
}

.ui.button:not(.icon)>.right.icon:not(.button):not(.dropdown) {
    margin: 0 -.21428571em 0 .42857143em
}

.ui[class*="left floated"].button,
.ui[class*="left floated"].buttons {
    float: left;
    margin-left: 0;
    margin-right: .25em
}

.ui[class*="right floated"].button,
.ui[class*="right floated"].buttons {
    float: right;
    margin-right: 0;
    margin-left: .25em
}

.ui.compact.button,
.ui.compact.buttons .button {
    padding: .58928571em 1.125em
}

.ui.compact.icon.button,
.ui.compact.icon.buttons .button {
    padding: .58928571em
}

.ui.compact.labeled.icon.button,
.ui.compact.labeled.icon.buttons .button {
    padding: .58928571em 3.69642857em
}

.ui.mini.button,
.ui.mini.buttons .button,
.ui.mini.buttons .or {
    font-size: .78571429rem
}

.ui.tiny.button,
.ui.tiny.buttons .button,
.ui.tiny.buttons .or {
    font-size: .85714286rem
}

.ui.small.button,
.ui.small.buttons .button,
.ui.small.buttons .or {
    font-size: .92857143rem
}

.ui.button,
.ui.buttons .button,
.ui.buttons .or {
    font-size: 16px
}

.ui.large.button,
.ui.large.buttons .button,
.ui.large.buttons .or {
    font-size: 1.14285714rem
}

.ui.big.button,
.ui.big.buttons .button,
.ui.big.buttons .or {
    font-size: 1.28571429rem
}

.ui.huge.button,
.ui.huge.buttons .button,
.ui.huge.buttons .or {
    font-size: 1.42857143rem
}

.ui.massive.button,
.ui.massive.buttons .button,
.ui.massive.buttons .or {
    font-size: 1.71428571rem
}

.ui.icon.button,
.ui.icon.buttons .button {
    padding: .78571429em
}

.ui.icon.button>.icon,
.ui.icon.buttons .button>.icon {
    opacity: .9;
    margin: 0!important;
    vertical-align: top
}

.ui.basic.button,
.ui.basic.buttons .button {
    background: transparent none!important;
    color: rgba(0, 0, 0, .6)!important;
    font-weight: 400;
    border-radius: .28571429rem;
    text-transform: none;
    text-shadow: none!important;
    box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset
}

.ui.basic.buttons {
    box-shadow: none;
    border: 1px solid rgba(34, 36, 38, .15);
    border-radius: .28571429rem
}

.ui.basic.buttons .button {
    border-radius: 0
}

.ui.basic.button:hover,
.ui.basic.buttons .button:hover {
    background: #fff!important;
    color: rgba(0, 0, 0, .8)!important;
    box-shadow: 0 0 0 1px rgba(34, 36, 38, .35) inset, 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.basic.button:focus,
.ui.basic.buttons .button:focus {
    background: #fff!important;
    color: rgba(0, 0, 0, .8)!important;
    box-shadow: 0 0 0 1px rgba(34, 36, 38, .35) inset, 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.basic.button:active,
.ui.basic.buttons .button:active {
    background: #f8f8f8!important;
    color: rgba(0, 0, 0, .9)!important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset, 0 1px 4px 0 rgba(34, 36, 38, .15) inset
}

.ui.basic.active.button,
.ui.basic.buttons .active.button {
    background: rgba(0, 0, 0, .05)!important;
    box-shadow: ''!important;
    color: rgba(0, 0, 0, .95)
}

.ui.basic.active.button:hover,
.ui.basic.buttons .active.button:hover {
    background-color: rgba(0, 0, 0, .05)
}

.ui.basic.buttons .button:hover {
    box-shadow: 0 0 0 1px rgba(34, 36, 38, .35) inset, 0 0 0 0 rgba(34, 36, 38, .15) inset inset
}

.ui.basic.buttons .button:active {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset, 0 1px 4px 0 rgba(34, 36, 38, .15) inset inset
}

.ui.basic.buttons .active.button {
    box-shadow: ''!important
}

.ui.basic.inverted.button,
.ui.basic.inverted.buttons .button {
    background-color: transparent!important;
    color: #f9fafb!important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset!important
}

.ui.basic.inverted.button:hover,
.ui.basic.inverted.buttons .button:hover {
    color: #fff!important;
    box-shadow: 0 0 0 2px #fff inset!important
}

.ui.basic.inverted.button:focus,
.ui.basic.inverted.buttons .button:focus {
    color: #fff!important;
    box-shadow: 0 0 0 2px #fff inset!important
}

.ui.basic.inverted.button:active,
.ui.basic.inverted.buttons .button:active {
    background-color: rgba(255, 255, 255, .08)!important;
    color: #fff!important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .9) inset!important
}

.ui.basic.inverted.active.button,
.ui.basic.inverted.buttons .active.button {
    background-color: rgba(255, 255, 255, .08);
    color: #fff;
    text-shadow: none;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .7) inset
}

.ui.basic.inverted.active.button:hover,
.ui.basic.inverted.buttons .active.button:hover {
    background-color: rgba(255, 255, 255, .15);
    box-shadow: 0 0 0 2px #fff inset!important
}

.ui.basic.buttons .button {
    border-left: 1px solid rgba(34, 36, 38, .15);
    box-shadow: none
}

.ui.basic.vertical.buttons .button {
    border-left: none
}

.ui.basic.vertical.buttons .button {
    border-left-width: 0;
    border-top: 1px solid rgba(34, 36, 38, .15)
}

.ui.basic.vertical.buttons .button:first-child {
    border-top-width: 0
}

.ui.labeled.icon.button,
.ui.labeled.icon.buttons .button {
    position: relative;
    padding-left: 4.07142857em!important;
    padding-right: 1.5em!important
}

.ui.labeled.icon.button>.icon,
.ui.labeled.icon.buttons>.button>.icon {
    position: absolute;
    height: 100%;
    line-height: 1;
    border-radius: 0;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    text-align: center;
    margin: 0;
    width: 2.57142857em;
    background-color: rgba(0, 0, 0, .05);
    color: '';
    box-shadow: -1px 0 0 0 transparent inset
}

.ui.labeled.icon.button>.icon,
.ui.labeled.icon.buttons>.button>.icon {
    top: 0;
    left: 0
}

.ui[class*="right labeled"].icon.button {
    padding-right: 4.07142857em!important;
    padding-left: 1.5em!important
}

.ui[class*="right labeled"].icon.button>.icon {
    left: auto;
    right: 0;
    border-radius: 0;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
    box-shadow: 1px 0 0 0 transparent inset
}

.ui.labeled.icon.button>.icon:after,
.ui.labeled.icon.button>.icon:before,
.ui.labeled.icon.buttons>.button>.icon:after,
.ui.labeled.icon.buttons>.button>.icon:before {
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ui.labeled.icon.buttons .button>.icon {
    border-radius: 0
}

.ui.labeled.icon.buttons .button:first-child>.icon {
    border-top-left-radius: .28571429rem;
    border-bottom-left-radius: .28571429rem
}

.ui.labeled.icon.buttons .button:last-child>.icon {
    border-top-right-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem
}

.ui.vertical.labeled.icon.buttons .button:first-child>.icon {
    border-radius: 0;
    border-top-left-radius: .28571429rem
}

.ui.vertical.labeled.icon.buttons .button:last-child>.icon {
    border-radius: 0;
    border-bottom-left-radius: .28571429rem
}

.ui.fluid[class*="left labeled"].icon.button,
.ui.fluid[class*="right labeled"].icon.button {
    padding-left: 1.5em!important;
    padding-right: 1.5em!important
}

.ui.button.toggle.active,
.ui.buttons .button.toggle.active,
.ui.toggle.buttons .active.button {
    background-color: #21ba45!important;
    box-shadow: none!important;
    text-shadow: none;
    color: #fff!important
}

.ui.button.toggle.active:hover {
    background-color: #16ab39!important;
    text-shadow: none;
    color: #fff!important
}

.ui.circular.button {
    border-radius: 10em
}

.ui.circular.button>.icon {
    width: 1em;
    vertical-align: baseline
}

.ui.buttons .or {
    position: relative;
    width: .3em;
    height: 2.57142857em;
    z-index: 3
}

.ui.buttons .or:before {
    position: absolute;
    text-align: center;
    border-radius: 500rem;
    content: 'or';
    top: 50%;
    left: 50%;
    background-color: #fff;
    text-shadow: none;
    margin-top: -.89285714em;
    margin-left: -.89285714em;
    width: 1.78571429em;
    height: 1.78571429em;
    line-height: 1.78571429em;
    color: rgba(0, 0, 0, .4);
    font-style: normal;
    font-weight: 700;
    box-shadow: 0 0 0 1px transparent inset
}

.ui.buttons .or[data-text]:before {
    content: attr(data-text)
}

.ui.fluid.buttons .or {
    width: 0!important
}

.ui.fluid.buttons .or:after {
    display: none
}

.ui.attached.button {
    position: relative;
    display: block;
    margin: 0;
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(34, 36, 38, .15)!important
}

.ui.attached.top.button {
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.attached.bottom.button {
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui.left.attached.button {
    display: inline-block;
    border-left: none;
    text-align: right;
    padding-right: .75em;
    border-radius: .28571429rem 0 0 .28571429rem
}

.ui.right.attached.button {
    display: inline-block;
    text-align: left;
    padding-left: .75em;
    border-radius: 0 .28571429rem .28571429rem 0
}

.ui.attached.buttons {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0;
    width: auto!important;
    z-index: 2;
    margin-left: -1px;
    margin-right: -1px
}

.ui.attached.buttons .button {
    margin: 0
}

.ui.attached.buttons .button:first-child {
    border-radius: 0
}

.ui.attached.buttons .button:last-child {
    border-radius: 0
}

.ui[class*="top attached"].buttons {
    margin-bottom: -1px;
    border-radius: .28571429rem .28571429rem 0 0
}

.ui[class*="top attached"].buttons .button:first-child {
    border-radius: .28571429rem 0 0 0
}

.ui[class*="top attached"].buttons .button:last-child {
    border-radius: 0 .28571429rem 0 0
}

.ui[class*="bottom attached"].buttons {
    margin-top: -1px;
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui[class*="bottom attached"].buttons .button:first-child {
    border-radius: 0 0 0 .28571429rem
}

.ui[class*="bottom attached"].buttons .button:last-child {
    border-radius: 0 0 .28571429rem 0
}

.ui[class*="left attached"].buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 0;
    margin-left: -1px;
    border-radius: 0 .28571429rem .28571429rem 0
}

.ui[class*="left attached"].buttons .button:first-child {
    margin-left: -1px;
    border-radius: 0 .28571429rem 0 0
}

.ui[class*="left attached"].buttons .button:last-child {
    margin-left: -1px;
    border-radius: 0 0 .28571429rem 0
}

.ui[class*="right attached"].buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 0;
    margin-right: -1px;
    border-radius: .28571429rem 0 0 .28571429rem
}

.ui[class*="right attached"].buttons .button:first-child {
    margin-left: -1px;
    border-radius: .28571429rem 0 0 0
}

.ui[class*="right attached"].buttons .button:last-child {
    margin-left: -1px;
    border-radius: 0 0 0 .28571429rem
}

.ui.fluid.button,
.ui.fluid.buttons {
    width: 100%
}

.ui.fluid.button {
    display: block
}

.ui.two.buttons {
    width: 100%
}

.ui.two.buttons>.button {
    width: 50%
}

.ui.three.buttons {
    width: 100%
}

.ui.three.buttons>.button {
    width: 33.333%
}

.ui.four.buttons {
    width: 100%
}

.ui.four.buttons>.button {
    width: 25%
}

.ui.five.buttons {
    width: 100%
}

.ui.five.buttons>.button {
    width: 20%
}

.ui.six.buttons {
    width: 100%
}

.ui.six.buttons>.button {
    width: 16.666%
}

.ui.seven.buttons {
    width: 100%
}

.ui.seven.buttons>.button {
    width: 14.285%
}

.ui.eight.buttons {
    width: 100%
}

.ui.eight.buttons>.button {
    width: 12.5%
}

.ui.nine.buttons {
    width: 100%
}

.ui.nine.buttons>.button {
    width: 11.11%
}

.ui.ten.buttons {
    width: 100%
}

.ui.ten.buttons>.button {
    width: 10%
}

.ui.eleven.buttons {
    width: 100%
}

.ui.eleven.buttons>.button {
    width: 9.09%
}

.ui.twelve.buttons {
    width: 100%
}

.ui.twelve.buttons>.button {
    width: 8.3333%
}

.ui.fluid.vertical.buttons,
.ui.fluid.vertical.buttons>.button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto
}

.ui.two.vertical.buttons>.button {
    height: 50%
}

.ui.three.vertical.buttons>.button {
    height: 33.333%
}

.ui.four.vertical.buttons>.button {
    height: 25%
}

.ui.five.vertical.buttons>.button {
    height: 20%
}

.ui.six.vertical.buttons>.button {
    height: 16.666%
}

.ui.seven.vertical.buttons>.button {
    height: 14.285%
}

.ui.eight.vertical.buttons>.button {
    height: 12.5%
}

.ui.nine.vertical.buttons>.button {
    height: 11.11%
}

.ui.ten.vertical.buttons>.button {
    height: 10%
}

.ui.eleven.vertical.buttons>.button {
    height: 9.09%
}

.ui.twelve.vertical.buttons>.button {
    height: 8.3333%
}

.ui.black.button,
.ui.black.buttons .button {
    background-color: #1b1c1d;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.black.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.black.button:hover,
.ui.black.buttons .button:hover {
    background-color: #27292a;
    color: #fff;
    text-shadow: none
}

.ui.black.button:focus,
.ui.black.buttons .button:focus {
    background-color: #2f3032;
    color: #fff;
    text-shadow: none
}

.ui.black.button:active,
.ui.black.buttons .button:active {
    background-color: #343637;
    color: #fff;
    text-shadow: none
}

.ui.black.active.button,
.ui.black.button .active.button:active,
.ui.black.buttons .active.button,
.ui.black.buttons .active.button:active {
    background-color: #0f0f10;
    color: #fff;
    text-shadow: none
}

.ui.basic.black.button,
.ui.basic.black.buttons .button {
    box-shadow: 0 0 0 1px #1b1c1d inset!important;
    color: #1b1c1d!important
}

.ui.basic.black.button:hover,
.ui.basic.black.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #27292a inset!important;
    color: #27292a!important
}

.ui.basic.black.button:focus,
.ui.basic.black.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #2f3032 inset!important;
    color: #27292a!important
}

.ui.basic.black.active.button,
.ui.basic.black.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #0f0f10 inset!important;
    color: #343637!important
}

.ui.basic.black.button:active,
.ui.basic.black.buttons .button:active {
    box-shadow: 0 0 0 1px #343637 inset!important;
    color: #343637!important
}

.ui.buttons:not(.vertical)>.basic.black.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.black.button,
.ui.inverted.black.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #d4d4d5 inset!important;
    color: #fff
}

.ui.inverted.black.button.active,
.ui.inverted.black.button:active,
.ui.inverted.black.button:focus,
.ui.inverted.black.button:hover,
.ui.inverted.black.buttons .button.active,
.ui.inverted.black.buttons .button:active,
.ui.inverted.black.buttons .button:focus,
.ui.inverted.black.buttons .button:hover {
    box-shadow: none!important;
    color: #fff
}

.ui.inverted.black.button:hover,
.ui.inverted.black.buttons .button:hover {
    background-color: #000
}

.ui.inverted.black.button:focus,
.ui.inverted.black.buttons .button:focus {
    background-color: #000
}

.ui.inverted.black.active.button,
.ui.inverted.black.buttons .active.button {
    background-color: #000
}

.ui.inverted.black.button:active,
.ui.inverted.black.buttons .button:active {
    background-color: #000
}

.ui.inverted.black.basic.button,
.ui.inverted.black.basic.buttons .button,
.ui.inverted.black.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset!important;
    color: #fff!important
}

.ui.inverted.black.basic.button:hover,
.ui.inverted.black.basic.buttons .button:hover,
.ui.inverted.black.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #000 inset!important;
    color: #fff!important
}

.ui.inverted.black.basic.button:focus,
.ui.inverted.black.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #000 inset!important;
    color: #545454!important
}

.ui.inverted.black.basic.active.button,
.ui.inverted.black.basic.buttons .active.button,
.ui.inverted.black.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #000 inset!important;
    color: #fff!important
}

.ui.inverted.black.basic.button:active,
.ui.inverted.black.basic.buttons .button:active,
.ui.inverted.black.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #000 inset!important;
    color: #fff!important
}

.ui.grey.button,
.ui.grey.buttons .button {
    background-color: #767676;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.grey.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.grey.button:hover,
.ui.grey.buttons .button:hover {
    background-color: #838383;
    color: #fff;
    text-shadow: none
}

.ui.grey.button:focus,
.ui.grey.buttons .button:focus {
    background-color: #8a8a8a;
    color: #fff;
    text-shadow: none
}

.ui.grey.button:active,
.ui.grey.buttons .button:active {
    background-color: #909090;
    color: #fff;
    text-shadow: none
}

.ui.grey.active.button,
.ui.grey.button .active.button:active,
.ui.grey.buttons .active.button,
.ui.grey.buttons .active.button:active {
    background-color: #696969;
    color: #fff;
    text-shadow: none
}

.ui.basic.grey.button,
.ui.basic.grey.buttons .button {
    box-shadow: 0 0 0 1px #767676 inset!important;
    color: #767676!important
}

.ui.basic.grey.button:hover,
.ui.basic.grey.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #838383 inset!important;
    color: #838383!important
}

.ui.basic.grey.button:focus,
.ui.basic.grey.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #8a8a8a inset!important;
    color: #838383!important
}

.ui.basic.grey.active.button,
.ui.basic.grey.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #696969 inset!important;
    color: #909090!important
}

.ui.basic.grey.button:active,
.ui.basic.grey.buttons .button:active {
    box-shadow: 0 0 0 1px #909090 inset!important;
    color: #909090!important
}

.ui.buttons:not(.vertical)>.basic.grey.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.grey.button,
.ui.inverted.grey.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #d4d4d5 inset!important;
    color: #fff
}

.ui.inverted.grey.button.active,
.ui.inverted.grey.button:active,
.ui.inverted.grey.button:focus,
.ui.inverted.grey.button:hover,
.ui.inverted.grey.buttons .button.active,
.ui.inverted.grey.buttons .button:active,
.ui.inverted.grey.buttons .button:focus,
.ui.inverted.grey.buttons .button:hover {
    box-shadow: none!important;
    color: rgba(0, 0, 0, .6)
}

.ui.inverted.grey.button:hover,
.ui.inverted.grey.buttons .button:hover {
    background-color: #cfd0d2
}

.ui.inverted.grey.button:focus,
.ui.inverted.grey.buttons .button:focus {
    background-color: #c7c9cb
}

.ui.inverted.grey.active.button,
.ui.inverted.grey.buttons .active.button {
    background-color: #cfd0d2
}

.ui.inverted.grey.button:active,
.ui.inverted.grey.buttons .button:active {
    background-color: #c2c4c5
}

.ui.inverted.grey.basic.button,
.ui.inverted.grey.basic.buttons .button,
.ui.inverted.grey.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset!important;
    color: #fff!important
}

.ui.inverted.grey.basic.button:hover,
.ui.inverted.grey.basic.buttons .button:hover,
.ui.inverted.grey.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #cfd0d2 inset!important;
    color: #fff!important
}

.ui.inverted.grey.basic.button:focus,
.ui.inverted.grey.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #c7c9cb inset!important;
    color: #dcddde!important
}

.ui.inverted.grey.basic.active.button,
.ui.inverted.grey.basic.buttons .active.button,
.ui.inverted.grey.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #cfd0d2 inset!important;
    color: #fff!important
}

.ui.inverted.grey.basic.button:active,
.ui.inverted.grey.basic.buttons .button:active,
.ui.inverted.grey.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #c2c4c5 inset!important;
    color: #fff!important
}

.ui.brown.button,
.ui.brown.buttons .button {
    background-color: #a5673f;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.brown.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.brown.button:hover,
.ui.brown.buttons .button:hover {
    background-color: #975b33;
    color: #fff;
    text-shadow: none
}

.ui.brown.button:focus,
.ui.brown.buttons .button:focus {
    background-color: #90532b;
    color: #fff;
    text-shadow: none
}

.ui.brown.button:active,
.ui.brown.buttons .button:active {
    background-color: #805031;
    color: #fff;
    text-shadow: none
}

.ui.brown.active.button,
.ui.brown.button .active.button:active,
.ui.brown.buttons .active.button,
.ui.brown.buttons .active.button:active {
    background-color: #995a31;
    color: #fff;
    text-shadow: none
}

.ui.basic.brown.button,
.ui.basic.brown.buttons .button {
    box-shadow: 0 0 0 1px #a5673f inset!important;
    color: #a5673f!important
}

.ui.basic.brown.button:hover,
.ui.basic.brown.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #975b33 inset!important;
    color: #975b33!important
}

.ui.basic.brown.button:focus,
.ui.basic.brown.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #90532b inset!important;
    color: #975b33!important
}

.ui.basic.brown.active.button,
.ui.basic.brown.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #995a31 inset!important;
    color: #805031!important
}

.ui.basic.brown.button:active,
.ui.basic.brown.buttons .button:active {
    box-shadow: 0 0 0 1px #805031 inset!important;
    color: #805031!important
}

.ui.buttons:not(.vertical)>.basic.brown.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.brown.button,
.ui.inverted.brown.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #d67c1c inset!important;
    color: #d67c1c
}

.ui.inverted.brown.button.active,
.ui.inverted.brown.button:active,
.ui.inverted.brown.button:focus,
.ui.inverted.brown.button:hover,
.ui.inverted.brown.buttons .button.active,
.ui.inverted.brown.buttons .button:active,
.ui.inverted.brown.buttons .button:focus,
.ui.inverted.brown.buttons .button:hover {
    box-shadow: none!important;
    color: #fff
}

.ui.inverted.brown.button:hover,
.ui.inverted.brown.buttons .button:hover {
    background-color: #c86f11
}

.ui.inverted.brown.button:focus,
.ui.inverted.brown.buttons .button:focus {
    background-color: #c16808
}

.ui.inverted.brown.active.button,
.ui.inverted.brown.buttons .active.button {
    background-color: #cc6f0d
}

.ui.inverted.brown.button:active,
.ui.inverted.brown.buttons .button:active {
    background-color: #a96216
}

.ui.inverted.brown.basic.button,
.ui.inverted.brown.basic.buttons .button,
.ui.inverted.brown.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset!important;
    color: #fff!important
}

.ui.inverted.brown.basic.button:hover,
.ui.inverted.brown.basic.buttons .button:hover,
.ui.inverted.brown.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #c86f11 inset!important;
    color: #d67c1c!important
}

.ui.inverted.brown.basic.button:focus,
.ui.inverted.brown.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #c16808 inset!important;
    color: #d67c1c!important
}

.ui.inverted.brown.basic.active.button,
.ui.inverted.brown.basic.buttons .active.button,
.ui.inverted.brown.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #cc6f0d inset!important;
    color: #d67c1c!important
}

.ui.inverted.brown.basic.button:active,
.ui.inverted.brown.basic.buttons .button:active,
.ui.inverted.brown.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #a96216 inset!important;
    color: #d67c1c!important
}

.ui.blue.button,
.ui.blue.buttons .button {
    background-color: #2185d0;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.blue.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.blue.button:hover,
.ui.blue.buttons .button:hover {
    background-color: #1678c2;
    color: #fff;
    text-shadow: none
}

.ui.blue.button:focus,
.ui.blue.buttons .button:focus {
    background-color: #0d71bb;
    color: #fff;
    text-shadow: none
}

.ui.blue.button:active,
.ui.blue.buttons .button:active {
    background-color: #1a69a4;
    color: #fff;
    text-shadow: none
}

.ui.blue.active.button,
.ui.blue.button .active.button:active,
.ui.blue.buttons .active.button,
.ui.blue.buttons .active.button:active {
    background-color: #1279c6;
    color: #fff;
    text-shadow: none
}

.ui.basic.blue.button,
.ui.basic.blue.buttons .button {
    box-shadow: 0 0 0 1px #2185d0 inset!important;
    color: #2185d0!important
}

.ui.basic.blue.button:hover,
.ui.basic.blue.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #1678c2 inset!important;
    color: #1678c2!important
}

.ui.basic.blue.button:focus,
.ui.basic.blue.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #0d71bb inset!important;
    color: #1678c2!important
}

.ui.basic.blue.active.button,
.ui.basic.blue.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #1279c6 inset!important;
    color: #1a69a4!important
}

.ui.basic.blue.button:active,
.ui.basic.blue.buttons .button:active {
    box-shadow: 0 0 0 1px #1a69a4 inset!important;
    color: #1a69a4!important
}

.ui.buttons:not(.vertical)>.basic.blue.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.blue.button,
.ui.inverted.blue.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #54c8ff inset!important;
    color: #54c8ff
}

.ui.inverted.blue.button.active,
.ui.inverted.blue.button:active,
.ui.inverted.blue.button:focus,
.ui.inverted.blue.button:hover,
.ui.inverted.blue.buttons .button.active,
.ui.inverted.blue.buttons .button:active,
.ui.inverted.blue.buttons .button:focus,
.ui.inverted.blue.buttons .button:hover {
    box-shadow: none!important;
    color: #fff
}

.ui.inverted.blue.button:hover,
.ui.inverted.blue.buttons .button:hover {
    background-color: #3ac0ff
}

.ui.inverted.blue.button:focus,
.ui.inverted.blue.buttons .button:focus {
    background-color: #2bbbff
}

.ui.inverted.blue.active.button,
.ui.inverted.blue.buttons .active.button {
    background-color: #3ac0ff
}

.ui.inverted.blue.button:active,
.ui.inverted.blue.buttons .button:active {
    background-color: #21b8ff
}

.ui.inverted.blue.basic.button,
.ui.inverted.blue.basic.buttons .button,
.ui.inverted.blue.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset!important;
    color: #fff!important
}

.ui.inverted.blue.basic.button:hover,
.ui.inverted.blue.basic.buttons .button:hover,
.ui.inverted.blue.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #3ac0ff inset!important;
    color: #54c8ff!important
}

.ui.inverted.blue.basic.button:focus,
.ui.inverted.blue.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #2bbbff inset!important;
    color: #54c8ff!important
}

.ui.inverted.blue.basic.active.button,
.ui.inverted.blue.basic.buttons .active.button,
.ui.inverted.blue.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #3ac0ff inset!important;
    color: #54c8ff!important
}

.ui.inverted.blue.basic.button:active,
.ui.inverted.blue.basic.buttons .button:active,
.ui.inverted.blue.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #21b8ff inset!important;
    color: #54c8ff!important
}

.ui.green.button,
.ui.green.buttons .button {
    background-color: #21ba45;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.green.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.green.button:hover,
.ui.green.buttons .button:hover {
    background-color: #16ab39;
    color: #fff;
    text-shadow: none
}

.ui.green.button:focus,
.ui.green.buttons .button:focus {
    background-color: #0ea432;
    color: #fff;
    text-shadow: none
}

.ui.green.button:active,
.ui.green.buttons .button:active {
    background-color: #198f35;
    color: #fff;
    text-shadow: none
}

.ui.green.active.button,
.ui.green.button .active.button:active,
.ui.green.buttons .active.button,
.ui.green.buttons .active.button:active {
    background-color: #13ae38;
    color: #fff;
    text-shadow: none
}

.ui.basic.green.button,
.ui.basic.green.buttons .button {
    box-shadow: 0 0 0 1px #21ba45 inset!important;
    color: #21ba45!important
}

.ui.basic.green.button:hover,
.ui.basic.green.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #16ab39 inset!important;
    color: #16ab39!important
}

.ui.basic.green.button:focus,
.ui.basic.green.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #0ea432 inset!important;
    color: #16ab39!important
}

.ui.basic.green.active.button,
.ui.basic.green.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #13ae38 inset!important;
    color: #198f35!important
}

.ui.basic.green.button:active,
.ui.basic.green.buttons .button:active {
    box-shadow: 0 0 0 1px #198f35 inset!important;
    color: #198f35!important
}

.ui.buttons:not(.vertical)>.basic.green.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.green.button,
.ui.inverted.green.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #2ecc40 inset!important;
    color: #2ecc40
}

.ui.inverted.green.button.active,
.ui.inverted.green.button:active,
.ui.inverted.green.button:focus,
.ui.inverted.green.button:hover,
.ui.inverted.green.buttons .button.active,
.ui.inverted.green.buttons .button:active,
.ui.inverted.green.buttons .button:focus,
.ui.inverted.green.buttons .button:hover {
    box-shadow: none!important;
    color: #fff
}

.ui.inverted.green.button:hover,
.ui.inverted.green.buttons .button:hover {
    background-color: #22be34
}

.ui.inverted.green.button:focus,
.ui.inverted.green.buttons .button:focus {
    background-color: #19b82b
}

.ui.inverted.green.active.button,
.ui.inverted.green.buttons .active.button {
    background-color: #1fc231
}

.ui.inverted.green.button:active,
.ui.inverted.green.buttons .button:active {
    background-color: #25a233
}

.ui.inverted.green.basic.button,
.ui.inverted.green.basic.buttons .button,
.ui.inverted.green.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset!important;
    color: #fff!important
}

.ui.inverted.green.basic.button:hover,
.ui.inverted.green.basic.buttons .button:hover,
.ui.inverted.green.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #22be34 inset!important;
    color: #2ecc40!important
}

.ui.inverted.green.basic.button:focus,
.ui.inverted.green.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #19b82b inset!important;
    color: #2ecc40!important
}

.ui.inverted.green.basic.active.button,
.ui.inverted.green.basic.buttons .active.button,
.ui.inverted.green.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #1fc231 inset!important;
    color: #2ecc40!important
}

.ui.inverted.green.basic.button:active,
.ui.inverted.green.basic.buttons .button:active,
.ui.inverted.green.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #25a233 inset!important;
    color: #2ecc40!important
}

.ui.orange.button,
.ui.orange.buttons .button {
    background-color: #f2711c;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.orange.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.orange.button:hover,
.ui.orange.buttons .button:hover {
    background-color: #f26202;
    color: #fff;
    text-shadow: none
}

.ui.orange.button:focus,
.ui.orange.buttons .button:focus {
    background-color: #e55b00;
    color: #fff;
    text-shadow: none
}

.ui.orange.button:active,
.ui.orange.buttons .button:active {
    background-color: #cf590c;
    color: #fff;
    text-shadow: none
}

.ui.orange.active.button,
.ui.orange.button .active.button:active,
.ui.orange.buttons .active.button,
.ui.orange.buttons .active.button:active {
    background-color: #f56100;
    color: #fff;
    text-shadow: none
}

.ui.basic.orange.button,
.ui.basic.orange.buttons .button {
    box-shadow: 0 0 0 1px #f2711c inset!important;
    color: #f2711c!important
}

.ui.basic.orange.button:hover,
.ui.basic.orange.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #f26202 inset!important;
    color: #f26202!important
}

.ui.basic.orange.button:focus,
.ui.basic.orange.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #e55b00 inset!important;
    color: #f26202!important
}

.ui.basic.orange.active.button,
.ui.basic.orange.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #f56100 inset!important;
    color: #cf590c!important
}

.ui.basic.orange.button:active,
.ui.basic.orange.buttons .button:active {
    box-shadow: 0 0 0 1px #cf590c inset!important;
    color: #cf590c!important
}

.ui.buttons:not(.vertical)>.basic.orange.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.orange.button,
.ui.inverted.orange.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ff851b inset!important;
    color: #ff851b
}

.ui.inverted.orange.button.active,
.ui.inverted.orange.button:active,
.ui.inverted.orange.button:focus,
.ui.inverted.orange.button:hover,
.ui.inverted.orange.buttons .button.active,
.ui.inverted.orange.buttons .button:active,
.ui.inverted.orange.buttons .button:focus,
.ui.inverted.orange.buttons .button:hover {
    box-shadow: none!important;
    color: #fff
}

.ui.inverted.orange.button:hover,
.ui.inverted.orange.buttons .button:hover {
    background-color: #ff7701
}

.ui.inverted.orange.button:focus,
.ui.inverted.orange.buttons .button:focus {
    background-color: #f17000
}

.ui.inverted.orange.active.button,
.ui.inverted.orange.buttons .active.button {
    background-color: #ff7701
}

.ui.inverted.orange.button:active,
.ui.inverted.orange.buttons .button:active {
    background-color: #e76b00
}

.ui.inverted.orange.basic.button,
.ui.inverted.orange.basic.buttons .button,
.ui.inverted.orange.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset!important;
    color: #fff!important
}

.ui.inverted.orange.basic.button:hover,
.ui.inverted.orange.basic.buttons .button:hover,
.ui.inverted.orange.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #ff7701 inset!important;
    color: #ff851b!important
}

.ui.inverted.orange.basic.button:focus,
.ui.inverted.orange.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #f17000 inset!important;
    color: #ff851b!important
}

.ui.inverted.orange.basic.active.button,
.ui.inverted.orange.basic.buttons .active.button,
.ui.inverted.orange.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #ff7701 inset!important;
    color: #ff851b!important
}

.ui.inverted.orange.basic.button:active,
.ui.inverted.orange.basic.buttons .button:active,
.ui.inverted.orange.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #e76b00 inset!important;
    color: #ff851b!important
}

.ui.pink.button,
.ui.pink.buttons .button {
    background-color: #e03997;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.pink.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.pink.button:hover,
.ui.pink.buttons .button:hover {
    background-color: #e61a8d;
    color: #fff;
    text-shadow: none
}

.ui.pink.button:focus,
.ui.pink.buttons .button:focus {
    background-color: #e10f85;
    color: #fff;
    text-shadow: none
}

.ui.pink.button:active,
.ui.pink.buttons .button:active {
    background-color: #c71f7e;
    color: #fff;
    text-shadow: none
}

.ui.pink.active.button,
.ui.pink.button .active.button:active,
.ui.pink.buttons .active.button,
.ui.pink.buttons .active.button:active {
    background-color: #ea158d;
    color: #fff;
    text-shadow: none
}

.ui.basic.pink.button,
.ui.basic.pink.buttons .button {
    box-shadow: 0 0 0 1px #e03997 inset!important;
    color: #e03997!important
}

.ui.basic.pink.button:hover,
.ui.basic.pink.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #e61a8d inset!important;
    color: #e61a8d!important
}

.ui.basic.pink.button:focus,
.ui.basic.pink.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #e10f85 inset!important;
    color: #e61a8d!important
}

.ui.basic.pink.active.button,
.ui.basic.pink.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #ea158d inset!important;
    color: #c71f7e!important
}

.ui.basic.pink.button:active,
.ui.basic.pink.buttons .button:active {
    box-shadow: 0 0 0 1px #c71f7e inset!important;
    color: #c71f7e!important
}

.ui.buttons:not(.vertical)>.basic.pink.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.pink.button,
.ui.inverted.pink.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ff8edf inset!important;
    color: #ff8edf
}

.ui.inverted.pink.button.active,
.ui.inverted.pink.button:active,
.ui.inverted.pink.button:focus,
.ui.inverted.pink.button:hover,
.ui.inverted.pink.buttons .button.active,
.ui.inverted.pink.buttons .button:active,
.ui.inverted.pink.buttons .button:focus,
.ui.inverted.pink.buttons .button:hover {
    box-shadow: none!important;
    color: #fff
}

.ui.inverted.pink.button:hover,
.ui.inverted.pink.buttons .button:hover {
    background-color: #ff74d8
}

.ui.inverted.pink.button:focus,
.ui.inverted.pink.buttons .button:focus {
    background-color: #ff65d3
}

.ui.inverted.pink.active.button,
.ui.inverted.pink.buttons .active.button {
    background-color: #ff74d8
}

.ui.inverted.pink.button:active,
.ui.inverted.pink.buttons .button:active {
    background-color: #ff5bd1
}

.ui.inverted.pink.basic.button,
.ui.inverted.pink.basic.buttons .button,
.ui.inverted.pink.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset!important;
    color: #fff!important
}

.ui.inverted.pink.basic.button:hover,
.ui.inverted.pink.basic.buttons .button:hover,
.ui.inverted.pink.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #ff74d8 inset!important;
    color: #ff8edf!important
}

.ui.inverted.pink.basic.button:focus,
.ui.inverted.pink.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #ff65d3 inset!important;
    color: #ff8edf!important
}

.ui.inverted.pink.basic.active.button,
.ui.inverted.pink.basic.buttons .active.button,
.ui.inverted.pink.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #ff74d8 inset!important;
    color: #ff8edf!important
}

.ui.inverted.pink.basic.button:active,
.ui.inverted.pink.basic.buttons .button:active,
.ui.inverted.pink.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #ff5bd1 inset!important;
    color: #ff8edf!important
}

.ui.violet.button,
.ui.violet.buttons .button {
    background-color: #6435c9;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.violet.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.violet.button:hover,
.ui.violet.buttons .button:hover {
    background-color: #5829bb;
    color: #fff;
    text-shadow: none
}

.ui.violet.button:focus,
.ui.violet.buttons .button:focus {
    background-color: #4f20b5;
    color: #fff;
    text-shadow: none
}

.ui.violet.button:active,
.ui.violet.buttons .button:active {
    background-color: #502aa1;
    color: #fff;
    text-shadow: none
}

.ui.violet.active.button,
.ui.violet.button .active.button:active,
.ui.violet.buttons .active.button,
.ui.violet.buttons .active.button:active {
    background-color: #5626bf;
    color: #fff;
    text-shadow: none
}

.ui.basic.violet.button,
.ui.basic.violet.buttons .button {
    box-shadow: 0 0 0 1px #6435c9 inset!important;
    color: #6435c9!important
}

.ui.basic.violet.button:hover,
.ui.basic.violet.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #5829bb inset!important;
    color: #5829bb!important
}

.ui.basic.violet.button:focus,
.ui.basic.violet.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #4f20b5 inset!important;
    color: #5829bb!important
}

.ui.basic.violet.active.button,
.ui.basic.violet.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #5626bf inset!important;
    color: #502aa1!important
}

.ui.basic.violet.button:active,
.ui.basic.violet.buttons .button:active {
    box-shadow: 0 0 0 1px #502aa1 inset!important;
    color: #502aa1!important
}

.ui.buttons:not(.vertical)>.basic.violet.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.violet.button,
.ui.inverted.violet.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #a291fb inset!important;
    color: #a291fb
}

.ui.inverted.violet.button.active,
.ui.inverted.violet.button:active,
.ui.inverted.violet.button:focus,
.ui.inverted.violet.button:hover,
.ui.inverted.violet.buttons .button.active,
.ui.inverted.violet.buttons .button:active,
.ui.inverted.violet.buttons .button:focus,
.ui.inverted.violet.buttons .button:hover {
    box-shadow: none!important;
    color: #fff
}

.ui.inverted.violet.button:hover,
.ui.inverted.violet.buttons .button:hover {
    background-color: #8a73ff
}

.ui.inverted.violet.button:focus,
.ui.inverted.violet.buttons .button:focus {
    background-color: #7d64ff
}

.ui.inverted.violet.active.button,
.ui.inverted.violet.buttons .active.button {
    background-color: #8a73ff
}

.ui.inverted.violet.button:active,
.ui.inverted.violet.buttons .button:active {
    background-color: #7860f9
}

.ui.inverted.violet.basic.button,
.ui.inverted.violet.basic.buttons .button,
.ui.inverted.violet.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset!important;
    color: #fff!important
}

.ui.inverted.violet.basic.button:hover,
.ui.inverted.violet.basic.buttons .button:hover,
.ui.inverted.violet.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #8a73ff inset!important;
    color: #a291fb!important
}

.ui.inverted.violet.basic.button:focus,
.ui.inverted.violet.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #7d64ff inset!important;
    color: #a291fb!important
}

.ui.inverted.violet.basic.active.button,
.ui.inverted.violet.basic.buttons .active.button,
.ui.inverted.violet.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #8a73ff inset!important;
    color: #a291fb!important
}

.ui.inverted.violet.basic.button:active,
.ui.inverted.violet.basic.buttons .button:active,
.ui.inverted.violet.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #7860f9 inset!important;
    color: #a291fb!important
}

.ui.purple.button,
.ui.purple.buttons .button {
    background-color: #a333c8;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.purple.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.purple.button:hover,
.ui.purple.buttons .button:hover {
    background-color: #9627ba;
    color: #fff;
    text-shadow: none
}

.ui.purple.button:focus,
.ui.purple.buttons .button:focus {
    background-color: #8f1eb4;
    color: #fff;
    text-shadow: none
}

.ui.purple.button:active,
.ui.purple.buttons .button:active {
    background-color: #82299f;
    color: #fff;
    text-shadow: none
}

.ui.purple.active.button,
.ui.purple.button .active.button:active,
.ui.purple.buttons .active.button,
.ui.purple.buttons .active.button:active {
    background-color: #9724be;
    color: #fff;
    text-shadow: none
}

.ui.basic.purple.button,
.ui.basic.purple.buttons .button {
    box-shadow: 0 0 0 1px #a333c8 inset!important;
    color: #a333c8!important
}

.ui.basic.purple.button:hover,
.ui.basic.purple.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #9627ba inset!important;
    color: #9627ba!important
}

.ui.basic.purple.button:focus,
.ui.basic.purple.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #8f1eb4 inset!important;
    color: #9627ba!important
}

.ui.basic.purple.active.button,
.ui.basic.purple.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #9724be inset!important;
    color: #82299f!important
}

.ui.basic.purple.button:active,
.ui.basic.purple.buttons .button:active {
    box-shadow: 0 0 0 1px #82299f inset!important;
    color: #82299f!important
}

.ui.buttons:not(.vertical)>.basic.purple.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.purple.button,
.ui.inverted.purple.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #dc73ff inset!important;
    color: #dc73ff
}

.ui.inverted.purple.button.active,
.ui.inverted.purple.button:active,
.ui.inverted.purple.button:focus,
.ui.inverted.purple.button:hover,
.ui.inverted.purple.buttons .button.active,
.ui.inverted.purple.buttons .button:active,
.ui.inverted.purple.buttons .button:focus,
.ui.inverted.purple.buttons .button:hover {
    box-shadow: none!important;
    color: #fff
}

.ui.inverted.purple.button:hover,
.ui.inverted.purple.buttons .button:hover {
    background-color: #d65aff
}

.ui.inverted.purple.button:focus,
.ui.inverted.purple.buttons .button:focus {
    background-color: #d24aff
}

.ui.inverted.purple.active.button,
.ui.inverted.purple.buttons .active.button {
    background-color: #d65aff
}

.ui.inverted.purple.button:active,
.ui.inverted.purple.buttons .button:active {
    background-color: #cf40ff
}

.ui.inverted.purple.basic.button,
.ui.inverted.purple.basic.buttons .button,
.ui.inverted.purple.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset!important;
    color: #fff!important
}

.ui.inverted.purple.basic.button:hover,
.ui.inverted.purple.basic.buttons .button:hover,
.ui.inverted.purple.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #d65aff inset!important;
    color: #dc73ff!important
}

.ui.inverted.purple.basic.button:focus,
.ui.inverted.purple.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #d24aff inset!important;
    color: #dc73ff!important
}

.ui.inverted.purple.basic.active.button,
.ui.inverted.purple.basic.buttons .active.button,
.ui.inverted.purple.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #d65aff inset!important;
    color: #dc73ff!important
}

.ui.inverted.purple.basic.button:active,
.ui.inverted.purple.basic.buttons .button:active,
.ui.inverted.purple.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #cf40ff inset!important;
    color: #dc73ff!important
}

.ui.red.button,
.ui.red.buttons .button {
    background-color: #db2828;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.red.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.red.button:hover,
.ui.red.buttons .button:hover {
    background-color: #d01919;
    color: #fff;
    text-shadow: none
}

.ui.red.button:focus,
.ui.red.buttons .button:focus {
    background-color: #ca1010;
    color: #fff;
    text-shadow: none
}

.ui.red.button:active,
.ui.red.buttons .button:active {
    background-color: #b21e1e;
    color: #fff;
    text-shadow: none
}

.ui.red.active.button,
.ui.red.button .active.button:active,
.ui.red.buttons .active.button,
.ui.red.buttons .active.button:active {
    background-color: #d41515;
    color: #fff;
    text-shadow: none
}

.ui.basic.red.button,
.ui.basic.red.buttons .button {
    box-shadow: 0 0 0 1px #db2828 inset!important;
    color: #db2828!important
}

.ui.basic.red.button:hover,
.ui.basic.red.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #d01919 inset!important;
    color: #d01919!important
}

.ui.basic.red.button:focus,
.ui.basic.red.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #ca1010 inset!important;
    color: #d01919!important
}

.ui.basic.red.active.button,
.ui.basic.red.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #d41515 inset!important;
    color: #b21e1e!important
}

.ui.basic.red.button:active,
.ui.basic.red.buttons .button:active {
    box-shadow: 0 0 0 1px #b21e1e inset!important;
    color: #b21e1e!important
}

.ui.buttons:not(.vertical)>.basic.red.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.red.button,
.ui.inverted.red.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ff695e inset!important;
    color: #ff695e
}

.ui.inverted.red.button.active,
.ui.inverted.red.button:active,
.ui.inverted.red.button:focus,
.ui.inverted.red.button:hover,
.ui.inverted.red.buttons .button.active,
.ui.inverted.red.buttons .button:active,
.ui.inverted.red.buttons .button:focus,
.ui.inverted.red.buttons .button:hover {
    box-shadow: none!important;
    color: #fff
}

.ui.inverted.red.button:hover,
.ui.inverted.red.buttons .button:hover {
    background-color: #ff5144
}

.ui.inverted.red.button:focus,
.ui.inverted.red.buttons .button:focus {
    background-color: #ff4335
}

.ui.inverted.red.active.button,
.ui.inverted.red.buttons .active.button {
    background-color: #ff5144
}

.ui.inverted.red.button:active,
.ui.inverted.red.buttons .button:active {
    background-color: #ff392b
}

.ui.inverted.red.basic.button,
.ui.inverted.red.basic.buttons .button,
.ui.inverted.red.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset!important;
    color: #fff!important
}

.ui.inverted.red.basic.button:hover,
.ui.inverted.red.basic.buttons .button:hover,
.ui.inverted.red.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #ff5144 inset!important;
    color: #ff695e!important
}

.ui.inverted.red.basic.button:focus,
.ui.inverted.red.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #ff4335 inset!important;
    color: #ff695e!important
}

.ui.inverted.red.basic.active.button,
.ui.inverted.red.basic.buttons .active.button,
.ui.inverted.red.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #ff5144 inset!important;
    color: #ff695e!important
}

.ui.inverted.red.basic.button:active,
.ui.inverted.red.basic.buttons .button:active,
.ui.inverted.red.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #ff392b inset!important;
    color: #ff695e!important
}

.ui.teal.button,
.ui.teal.buttons .button {
    background-color: #00b5ad;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.teal.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.teal.button:hover,
.ui.teal.buttons .button:hover {
    background-color: #009c95;
    color: #fff;
    text-shadow: none
}

.ui.teal.button:focus,
.ui.teal.buttons .button:focus {
    background-color: #008c86;
    color: #fff;
    text-shadow: none
}

.ui.teal.button:active,
.ui.teal.buttons .button:active {
    background-color: #00827c;
    color: #fff;
    text-shadow: none
}

.ui.teal.active.button,
.ui.teal.button .active.button:active,
.ui.teal.buttons .active.button,
.ui.teal.buttons .active.button:active {
    background-color: #009c95;
    color: #fff;
    text-shadow: none
}

.ui.basic.teal.button,
.ui.basic.teal.buttons .button {
    box-shadow: 0 0 0 1px #00b5ad inset!important;
    color: #00b5ad!important
}

.ui.basic.teal.button:hover,
.ui.basic.teal.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #009c95 inset!important;
    color: #009c95!important
}

.ui.basic.teal.button:focus,
.ui.basic.teal.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #008c86 inset!important;
    color: #009c95!important
}

.ui.basic.teal.active.button,
.ui.basic.teal.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #009c95 inset!important;
    color: #00827c!important
}

.ui.basic.teal.button:active,
.ui.basic.teal.buttons .button:active {
    box-shadow: 0 0 0 1px #00827c inset!important;
    color: #00827c!important
}

.ui.buttons:not(.vertical)>.basic.teal.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.teal.button,
.ui.inverted.teal.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #6dffff inset!important;
    color: #6dffff
}

.ui.inverted.teal.button.active,
.ui.inverted.teal.button:active,
.ui.inverted.teal.button:focus,
.ui.inverted.teal.button:hover,
.ui.inverted.teal.buttons .button.active,
.ui.inverted.teal.buttons .button:active,
.ui.inverted.teal.buttons .button:focus,
.ui.inverted.teal.buttons .button:hover {
    box-shadow: none!important;
    color: rgba(0, 0, 0, .6)
}

.ui.inverted.teal.button:hover,
.ui.inverted.teal.buttons .button:hover {
    background-color: #54ffff
}

.ui.inverted.teal.button:focus,
.ui.inverted.teal.buttons .button:focus {
    background-color: #4ff
}

.ui.inverted.teal.active.button,
.ui.inverted.teal.buttons .active.button {
    background-color: #54ffff
}

.ui.inverted.teal.button:active,
.ui.inverted.teal.buttons .button:active {
    background-color: #3affff
}

.ui.inverted.teal.basic.button,
.ui.inverted.teal.basic.buttons .button,
.ui.inverted.teal.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset!important;
    color: #fff!important
}

.ui.inverted.teal.basic.button:hover,
.ui.inverted.teal.basic.buttons .button:hover,
.ui.inverted.teal.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #54ffff inset!important;
    color: #6dffff!important
}

.ui.inverted.teal.basic.button:focus,
.ui.inverted.teal.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #4ff inset!important;
    color: #6dffff!important
}

.ui.inverted.teal.basic.active.button,
.ui.inverted.teal.basic.buttons .active.button,
.ui.inverted.teal.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #54ffff inset!important;
    color: #6dffff!important
}

.ui.inverted.teal.basic.button:active,
.ui.inverted.teal.basic.buttons .button:active,
.ui.inverted.teal.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #3affff inset!important;
    color: #6dffff!important
}

.ui.olive.button,
.ui.olive.buttons .button {
    background-color: #b5cc18;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.olive.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.olive.button:hover,
.ui.olive.buttons .button:hover {
    background-color: #a7bd0d;
    color: #fff;
    text-shadow: none
}

.ui.olive.button:focus,
.ui.olive.buttons .button:focus {
    background-color: #a0b605;
    color: #fff;
    text-shadow: none
}

.ui.olive.button:active,
.ui.olive.buttons .button:active {
    background-color: #8d9e13;
    color: #fff;
    text-shadow: none
}

.ui.olive.active.button,
.ui.olive.button .active.button:active,
.ui.olive.buttons .active.button,
.ui.olive.buttons .active.button:active {
    background-color: #aac109;
    color: #fff;
    text-shadow: none
}

.ui.basic.olive.button,
.ui.basic.olive.buttons .button {
    box-shadow: 0 0 0 1px #b5cc18 inset!important;
    color: #b5cc18!important
}

.ui.basic.olive.button:hover,
.ui.basic.olive.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #a7bd0d inset!important;
    color: #a7bd0d!important
}

.ui.basic.olive.button:focus,
.ui.basic.olive.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #a0b605 inset!important;
    color: #a7bd0d!important
}

.ui.basic.olive.active.button,
.ui.basic.olive.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #aac109 inset!important;
    color: #8d9e13!important
}

.ui.basic.olive.button:active,
.ui.basic.olive.buttons .button:active {
    box-shadow: 0 0 0 1px #8d9e13 inset!important;
    color: #8d9e13!important
}

.ui.buttons:not(.vertical)>.basic.olive.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.olive.button,
.ui.inverted.olive.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #d9e778 inset!important;
    color: #d9e778
}

.ui.inverted.olive.button.active,
.ui.inverted.olive.button:active,
.ui.inverted.olive.button:focus,
.ui.inverted.olive.button:hover,
.ui.inverted.olive.buttons .button.active,
.ui.inverted.olive.buttons .button:active,
.ui.inverted.olive.buttons .button:focus,
.ui.inverted.olive.buttons .button:hover {
    box-shadow: none!important;
    color: rgba(0, 0, 0, .6)
}

.ui.inverted.olive.button:hover,
.ui.inverted.olive.buttons .button:hover {
    background-color: #d8ea5c
}

.ui.inverted.olive.button:focus,
.ui.inverted.olive.buttons .button:focus {
    background-color: #daef47
}

.ui.inverted.olive.active.button,
.ui.inverted.olive.buttons .active.button {
    background-color: #daed59
}

.ui.inverted.olive.button:active,
.ui.inverted.olive.buttons .button:active {
    background-color: #cddf4d
}

.ui.inverted.olive.basic.button,
.ui.inverted.olive.basic.buttons .button,
.ui.inverted.olive.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset!important;
    color: #fff!important
}

.ui.inverted.olive.basic.button:hover,
.ui.inverted.olive.basic.buttons .button:hover,
.ui.inverted.olive.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #d8ea5c inset!important;
    color: #d9e778!important
}

.ui.inverted.olive.basic.button:focus,
.ui.inverted.olive.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #daef47 inset!important;
    color: #d9e778!important
}

.ui.inverted.olive.basic.active.button,
.ui.inverted.olive.basic.buttons .active.button,
.ui.inverted.olive.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #daed59 inset!important;
    color: #d9e778!important
}

.ui.inverted.olive.basic.button:active,
.ui.inverted.olive.basic.buttons .button:active,
.ui.inverted.olive.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #cddf4d inset!important;
    color: #d9e778!important
}

.ui.yellow.button,
.ui.yellow.buttons .button {
    background-color: #fbbd08;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.yellow.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.yellow.button:hover,
.ui.yellow.buttons .button:hover {
    background-color: #eaae00;
    color: #fff;
    text-shadow: none
}

.ui.yellow.button:focus,
.ui.yellow.buttons .button:focus {
    background-color: #daa300;
    color: #fff;
    text-shadow: none
}

.ui.yellow.button:active,
.ui.yellow.buttons .button:active {
    background-color: #cd9903;
    color: #fff;
    text-shadow: none
}

.ui.yellow.active.button,
.ui.yellow.button .active.button:active,
.ui.yellow.buttons .active.button,
.ui.yellow.buttons .active.button:active {
    background-color: #eaae00;
    color: #fff;
    text-shadow: none
}

.ui.basic.yellow.button,
.ui.basic.yellow.buttons .button {
    box-shadow: 0 0 0 1px #fbbd08 inset!important;
    color: #fbbd08!important
}

.ui.basic.yellow.button:hover,
.ui.basic.yellow.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #eaae00 inset!important;
    color: #eaae00!important
}

.ui.basic.yellow.button:focus,
.ui.basic.yellow.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #daa300 inset!important;
    color: #eaae00!important
}

.ui.basic.yellow.active.button,
.ui.basic.yellow.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #eaae00 inset!important;
    color: #cd9903!important
}

.ui.basic.yellow.button:active,
.ui.basic.yellow.buttons .button:active {
    box-shadow: 0 0 0 1px #cd9903 inset!important;
    color: #cd9903!important
}

.ui.buttons:not(.vertical)>.basic.yellow.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.yellow.button,
.ui.inverted.yellow.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ffe21f inset!important;
    color: #ffe21f
}

.ui.inverted.yellow.button.active,
.ui.inverted.yellow.button:active,
.ui.inverted.yellow.button:focus,
.ui.inverted.yellow.button:hover,
.ui.inverted.yellow.buttons .button.active,
.ui.inverted.yellow.buttons .button:active,
.ui.inverted.yellow.buttons .button:focus,
.ui.inverted.yellow.buttons .button:hover {
    box-shadow: none!important;
    color: rgba(0, 0, 0, .6)
}

.ui.inverted.yellow.button:hover,
.ui.inverted.yellow.buttons .button:hover {
    background-color: #ffdf05
}

.ui.inverted.yellow.button:focus,
.ui.inverted.yellow.buttons .button:focus {
    background-color: #f5d500
}

.ui.inverted.yellow.active.button,
.ui.inverted.yellow.buttons .active.button {
    background-color: #ffdf05
}

.ui.inverted.yellow.button:active,
.ui.inverted.yellow.buttons .button:active {
    background-color: #ebcd00
}

.ui.inverted.yellow.basic.button,
.ui.inverted.yellow.basic.buttons .button,
.ui.inverted.yellow.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset!important;
    color: #fff!important
}

.ui.inverted.yellow.basic.button:hover,
.ui.inverted.yellow.basic.buttons .button:hover,
.ui.inverted.yellow.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #ffdf05 inset!important;
    color: #ffe21f!important
}

.ui.inverted.yellow.basic.button:focus,
.ui.inverted.yellow.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #f5d500 inset!important;
    color: #ffe21f!important
}

.ui.inverted.yellow.basic.active.button,
.ui.inverted.yellow.basic.buttons .active.button,
.ui.inverted.yellow.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #ffdf05 inset!important;
    color: #ffe21f!important
}

.ui.inverted.yellow.basic.button:active,
.ui.inverted.yellow.basic.buttons .button:active,
.ui.inverted.yellow.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #ebcd00 inset!important;
    color: #ffe21f!important
}

.ui.primary.button,
.ui.primary.buttons .button {
    background-color: #2185d0;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.primary.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
    background-color: #1678c2;
    color: #fff;
    text-shadow: none
}

.ui.primary.button:focus,
.ui.primary.buttons .button:focus {
    background-color: #0d71bb;
    color: #fff;
    text-shadow: none
}

.ui.primary.button:active,
.ui.primary.buttons .button:active {
    background-color: #1a69a4;
    color: #fff;
    text-shadow: none
}

.ui.primary.active.button,
.ui.primary.button .active.button:active,
.ui.primary.buttons .active.button,
.ui.primary.buttons .active.button:active {
    background-color: #1279c6;
    color: #fff;
    text-shadow: none
}

.ui.basic.primary.button,
.ui.basic.primary.buttons .button {
    box-shadow: 0 0 0 1px #2185d0 inset!important;
    color: #2185d0!important
}

.ui.basic.primary.button:hover,
.ui.basic.primary.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #1678c2 inset!important;
    color: #1678c2!important
}

.ui.basic.primary.button:focus,
.ui.basic.primary.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #0d71bb inset!important;
    color: #1678c2!important
}

.ui.basic.primary.active.button,
.ui.basic.primary.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #1279c6 inset!important;
    color: #1a69a4!important
}

.ui.basic.primary.button:active,
.ui.basic.primary.buttons .button:active {
    box-shadow: 0 0 0 1px #1a69a4 inset!important;
    color: #1a69a4!important
}

.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child) {
    margin-left: -1px
}

.ui.secondary.button,
.ui.secondary.buttons .button {
    background-color: #1b1c1d;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.secondary.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.secondary.button:hover,
.ui.secondary.buttons .button:hover {
    background-color: #27292a;
    color: #fff;
    text-shadow: none
}

.ui.secondary.button:focus,
.ui.secondary.buttons .button:focus {
    background-color: #2e3032;
    color: #fff;
    text-shadow: none
}

.ui.secondary.button:active,
.ui.secondary.buttons .button:active {
    background-color: #343637;
    color: #fff;
    text-shadow: none
}

.ui.secondary.active.button,
.ui.secondary.button .active.button:active,
.ui.secondary.buttons .active.button,
.ui.secondary.buttons .active.button:active {
    background-color: #27292a;
    color: #fff;
    text-shadow: none
}

.ui.basic.secondary.button,
.ui.basic.secondary.buttons .button {
    box-shadow: 0 0 0 1px #1b1c1d inset!important;
    color: #1b1c1d!important
}

.ui.basic.secondary.button:hover,
.ui.basic.secondary.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #27292a inset!important;
    color: #27292a!important
}

.ui.basic.secondary.button:focus,
.ui.basic.secondary.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #2e3032 inset!important;
    color: #27292a!important
}

.ui.basic.secondary.active.button,
.ui.basic.secondary.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #27292a inset!important;
    color: #343637!important
}

.ui.basic.secondary.button:active,
.ui.basic.secondary.buttons .button:active {
    box-shadow: 0 0 0 1px #343637 inset!important;
    color: #343637!important
}

.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child) {
    margin-left: -1px
}

.ui.positive.button,
.ui.positive.buttons .button {
    background-color: #21ba45;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.positive.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.positive.button:hover,
.ui.positive.buttons .button:hover {
    background-color: #16ab39;
    color: #fff;
    text-shadow: none
}

.ui.positive.button:focus,
.ui.positive.buttons .button:focus {
    background-color: #0ea432;
    color: #fff;
    text-shadow: none
}

.ui.positive.button:active,
.ui.positive.buttons .button:active {
    background-color: #198f35;
    color: #fff;
    text-shadow: none
}

.ui.positive.active.button,
.ui.positive.button .active.button:active,
.ui.positive.buttons .active.button,
.ui.positive.buttons .active.button:active {
    background-color: #13ae38;
    color: #fff;
    text-shadow: none
}

.ui.basic.positive.button,
.ui.basic.positive.buttons .button {
    box-shadow: 0 0 0 1px #21ba45 inset!important;
    color: #21ba45!important
}

.ui.basic.positive.button:hover,
.ui.basic.positive.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #16ab39 inset!important;
    color: #16ab39!important
}

.ui.basic.positive.button:focus,
.ui.basic.positive.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #0ea432 inset!important;
    color: #16ab39!important
}

.ui.basic.positive.active.button,
.ui.basic.positive.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #13ae38 inset!important;
    color: #198f35!important
}

.ui.basic.positive.button:active,
.ui.basic.positive.buttons .button:active {
    box-shadow: 0 0 0 1px #198f35 inset!important;
    color: #198f35!important
}

.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child) {
    margin-left: -1px
}

.ui.negative.button,
.ui.negative.buttons .button {
    background-color: #db2828;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.negative.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.negative.button:hover,
.ui.negative.buttons .button:hover {
    background-color: #d01919;
    color: #fff;
    text-shadow: none
}

.ui.negative.button:focus,
.ui.negative.buttons .button:focus {
    background-color: #ca1010;
    color: #fff;
    text-shadow: none
}

.ui.negative.button:active,
.ui.negative.buttons .button:active {
    background-color: #b21e1e;
    color: #fff;
    text-shadow: none
}

.ui.negative.active.button,
.ui.negative.button .active.button:active,
.ui.negative.buttons .active.button,
.ui.negative.buttons .active.button:active {
    background-color: #d41515;
    color: #fff;
    text-shadow: none
}

.ui.basic.negative.button,
.ui.basic.negative.buttons .button {
    box-shadow: 0 0 0 1px #db2828 inset!important;
    color: #db2828!important
}

.ui.basic.negative.button:hover,
.ui.basic.negative.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #d01919 inset!important;
    color: #d01919!important
}

.ui.basic.negative.button:focus,
.ui.basic.negative.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #ca1010 inset!important;
    color: #d01919!important
}

.ui.basic.negative.active.button,
.ui.basic.negative.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #d41515 inset!important;
    color: #b21e1e!important
}

.ui.basic.negative.button:active,
.ui.basic.negative.buttons .button:active {
    box-shadow: 0 0 0 1px #b21e1e inset!important;
    color: #b21e1e!important
}

.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child) {
    margin-left: -1px
}

.ui.buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 0;
    vertical-align: baseline;
    margin: 0 .25em 0 0
}

.ui.buttons:not(.basic):not(.inverted) {
    box-shadow: none
}

.ui.buttons:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ui.buttons .button {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 0;
    border-radius: 0;
    margin: 0
}

.ui.buttons:not(.basic):not(.inverted)>.button,
.ui.buttons>.ui.button:not(.basic):not(.inverted) {
    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.buttons .button:first-child {
    border-left: none;
    margin-left: 0;
    border-top-left-radius: .28571429rem;
    border-bottom-left-radius: .28571429rem
}

.ui.buttons .button:last-child {
    border-top-right-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem
}

.ui.vertical.buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ui.vertical.buttons .button {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    box-shadow: none;
    border-radius: 0
}

.ui.vertical.buttons .button:first-child {
    border-top-left-radius: .28571429rem;
    border-top-right-radius: .28571429rem
}

.ui.vertical.buttons .button:last-child {
    margin-bottom: 0;
    border-bottom-left-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem
}

.ui.vertical.buttons .button:only-child {
    border-radius: .28571429rem
}

.ui.button em,
.ui.buttons .button em {
    font-weight: 700
}

.ui.checkbox {
    position: relative;
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 0;
    vertical-align: baseline;
    font-style: normal;
    min-height: 17px;
    font-size: 1rem;
    line-height: 17px;
    min-width: 17px
}

.ui.checkbox.v-middle {
    padding-top: 12px
}

.ui.checkbox input[type=checkbox],
.ui.checkbox input[type=radio] {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0!important;
    outline: 0;
    z-index: 3;
    width: 17px;
    height: 17px
}

.ui.checkbox .box,
.ui.checkbox label {
    cursor: auto;
    position: relative;
    display: block;
    padding-left: 1.85714em;
    outline: 0;
    font-size: 14px
}

.ui.checkbox .box:before,
.ui.checkbox label:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    content: '';
    background: #fff;
    border-radius: .21428571rem;
    -webkit-transition: border .1s ease, opacity .1s ease, box-shadow .1s ease, -webkit-transform .1s ease;
    transition: border .1s ease, opacity .1s ease, box-shadow .1s ease, -webkit-transform .1s ease;
    transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease;
    transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease, -webkit-transform .1s ease;
    border: 1px solid #d4d4d5
}

.ui.checkbox .box:after,
.ui.checkbox label:after {
    position: absolute;
    font-size: 14px;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    text-align: center;
    opacity: 0;
    color: rgba(0, 0, 0, .87);
    -webkit-transition: border .1s ease, opacity .1s ease, box-shadow .1s ease, -webkit-transform .1s ease;
    transition: border .1s ease, opacity .1s ease, box-shadow .1s ease, -webkit-transform .1s ease;
    transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease;
    transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease, -webkit-transform .1s ease;
    font-family: Checkbox
}

.ui.checkbox label,
.ui.checkbox+label {
    color: rgba(0, 0, 0, .87);
    -webkit-transition: color .1s ease;
    transition: color .1s ease
}

.ui.checkbox+label {
    vertical-align: middle
}

.ui.checkbox .box:hover::before,
.ui.checkbox label:hover::before {
    background: #fff;
    border-color: rgba(34, 36, 38, .35)
}

.ui.checkbox label:hover,
.ui.checkbox+label:hover {
    color: #6e6e6e
}

.ui.checkbox .box:active::before,
.ui.checkbox label:active::before {
    background: #f9fafb;
    border-color: rgba(34, 36, 38, .35)
}

.ui.checkbox .box:active::after,
.ui.checkbox input:active~label,
.ui.checkbox label:active::after {
    color: #6e6e6e
}

.ui.checkbox input:focus~.box:before,
.ui.checkbox input:focus~label:before {
    background: #fff
}

.ui.checkbox input:focus~.box:after,
.ui.checkbox input:focus~label,
.ui.checkbox input:focus~label:after {
    color: #6e6e6e
}

.ui.checkbox input:checked~.box:before,
.ui.checkbox input:checked~label:before {
    background: #fff;
    border-color: rgba(34, 36, 38, .35)
}

.ui.checkbox input:checked~.box:after,
.ui.checkbox input:checked~label:after {
    opacity: 1;
    color: #503d89
}

.ui.checkbox input:not([type=radio]):indeterminate~.box:before,
.ui.checkbox input:not([type=radio]):indeterminate~label:before {
    background: #fff;
    border-color: rgba(34, 36, 38, .35)
}

.ui.checkbox input:not([type=radio]):indeterminate~.box:after,
.ui.checkbox input:not([type=radio]):indeterminate~label:after {
    opacity: 1;
    color: #000
}

.ui.checkbox input:checked:focus~.box:before,
.ui.checkbox input:checked:focus~label:before,
.ui.checkbox input:not([type=radio]):indeterminate:focus~.box:before,
.ui.checkbox input:not([type=radio]):indeterminate:focus~label:before {
    background: #fff;
    border-color: #503d89
}

.ui.checkbox input:checked:focus~.box:after,
.ui.checkbox input:checked:focus~label:after,
.ui.checkbox input:not([type=radio]):indeterminate:focus~.box:after,
.ui.checkbox input:not([type=radio]):indeterminate:focus~label:after {
    color: #503d89
}

.ui.read-only.checkbox,
.ui.read-only.checkbox label {
    cursor: default
}

.ui.checkbox input[disabled]~.box:after,
.ui.checkbox input[disabled]~label,
.ui.disabled.checkbox .box:after,
.ui.disabled.checkbox label {
    cursor: default!important;
    opacity: .5;
    color: #000
}

.ui.checkbox input.hidden {
    z-index: -1
}

.ui.checkbox input.hidden+label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui.radio.checkbox {
    min-height: 15px
}

.ui.radio.checkbox .box,
.ui.radio.checkbox label {
    padding-left: 1.85714em
}

.ui.radio.checkbox .box:before,
.ui.radio.checkbox label:before {
    content: '';
    -webkit-transform: none;
    transform: none;
    width: 15px;
    height: 15px;
    border-radius: 500rem;
    top: 1px;
    left: 0
}

.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
    border: none;
    content: ''!important;
    line-height: 15px;
    top: 1px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 500rem;
    -webkit-transform: scale(.46666667);
    transform: scale(.46666667);
    background-color: rgba(0, 0, 0, .87)
}

.ui.radio.checkbox input:focus~.box:before,
.ui.radio.checkbox input:focus~label:before {
    background-color: #fff
}

.ui.radio.checkbox input:focus~.box:after,
.ui.radio.checkbox input:focus~label:after {
    background-color: #6e6e6e
}

.ui.radio.checkbox input:indeterminate~.box:after,
.ui.radio.checkbox input:indeterminate~label:after {
    opacity: 0
}

.ui.radio.checkbox input:checked~.box:before,
.ui.radio.checkbox input:checked~label:before {
    background-color: #fff
}

.ui.radio.checkbox input:checked~.box:after,
.ui.radio.checkbox input:checked~label:after {
    background-color: #6e6e6e
}

.ui.radio.checkbox input:focus:checked~.box:before,
.ui.radio.checkbox input:focus:checked~label:before {
    background-color: #fff
}

.ui.radio.checkbox input:focus:checked~.box:after,
.ui.radio.checkbox input:focus:checked~label:after {
    background-color: #6e6e6e
}

.ui.slider.checkbox {
    min-height: 1.25rem
}

.ui.slider.checkbox input {
    width: 3.5rem;
    height: 1.25rem
}

.ui.slider.checkbox .box,
.ui.slider.checkbox label {
    padding-left: 4.5rem;
    line-height: 1rem;
    color: rgba(0, 0, 0, .4)
}

.ui.slider.checkbox .box:before,
.ui.slider.checkbox label:before {
    display: block;
    position: absolute;
    content: '';
    border: none!important;
    left: 0;
    z-index: 1;
    top: .4rem;
    background-color: rgba(0, 0, 0, .05);
    width: 3.5rem;
    height: .21428571rem;
    -webkit-transform: none;
    transform: none;
    border-radius: 500rem;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.ui.slider.checkbox .box:after,
.ui.slider.checkbox label:after {
    background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05)) #FFF;
    background: linear-gradient(transparent, rgba(0, 0, 0, .05)) #FFF;
    position: absolute;
    content: ''!important;
    opacity: 1;
    z-index: 2;
    border: none;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15) inset;
    width: 1.5rem;
    height: 1.5rem;
    top: -.25rem;
    left: 0;
    -webkit-transform: none;
    transform: none;
    border-radius: 500rem;
    -webkit-transition: left .3s ease;
    transition: left .3s ease
}

.ui.slider.checkbox input:focus~.box:before,
.ui.slider.checkbox input:focus~label:before {
    background-color: rgba(0, 0, 0, .15);
    border: none
}

.ui.slider.checkbox .box:hover,
.ui.slider.checkbox label:hover {
    color: #6e6e6e
}

.ui.slider.checkbox .box:hover::before,
.ui.slider.checkbox label:hover::before {
    background: rgba(0, 0, 0, .15)
}

.ui.slider.checkbox input:checked~.box,
.ui.slider.checkbox input:checked~label {
    color: #6e6e6e!important
}

.ui.slider.checkbox input:checked~.box:before,
.ui.slider.checkbox input:checked~label:before {
    background-color: #545454!important
}

.ui.slider.checkbox input:checked~.box:after,
.ui.slider.checkbox input:checked~label:after {
    left: 2rem
}

.ui.slider.checkbox input:focus:checked~.box,
.ui.slider.checkbox input:focus:checked~label {
    color: #6e6e6e!important
}

.ui.slider.checkbox input:focus:checked~.box:before,
.ui.slider.checkbox input:focus:checked~label:before {
    background-color: #000!important
}

.ui.toggle.checkbox {
    min-height: 1.5rem
}

.ui.toggle.checkbox input {
    width: 3.5rem;
    height: 1.5rem
}

.ui.toggle.checkbox .box,
.ui.toggle.checkbox label {
    min-height: 1.5rem;
    padding-left: 4.5rem;
    color: rgba(0, 0, 0, .87)
}

.ui.toggle.checkbox label {
    padding-top: .15em
}

.ui.toggle.checkbox .box:before,
.ui.toggle.checkbox label:before {
    display: block;
    position: absolute;
    content: '';
    z-index: 1;
    -webkit-transform: none;
    transform: none;
    border: none;
    top: 0;
    background: rgba(0, 0, 0, .05);
    box-shadow: none;
    width: 3.5rem;
    height: 1.5rem;
    border-radius: 500rem
}

.ui.toggle.checkbox .box:after,
.ui.toggle.checkbox label:after {
    background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05)) #FFF;
    background: linear-gradient(transparent, rgba(0, 0, 0, .05)) #FFF;
    position: absolute;
    content: ''!important;
    opacity: 1;
    z-index: 2;
    border: none;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15) inset;
    width: 1.5rem;
    height: 1.5rem;
    top: 0;
    left: 0;
    border-radius: 500rem;
    -webkit-transition: background .3s ease, left .3s ease;
    transition: background .3s ease, left .3s ease
}

.ui.toggle.checkbox input~.box:after,
.ui.toggle.checkbox input~label:after {
    left: -.05rem;
    box-shadow: none
}

.ui.toggle.checkbox .box:hover::before,
.ui.toggle.checkbox input:focus~.box:before,
.ui.toggle.checkbox input:focus~label:before,
.ui.toggle.checkbox label:hover::before {
    background-color: rgba(0, 0, 0, .15);
    border: none
}

.ui.toggle.checkbox input:checked~.box,
.ui.toggle.checkbox input:checked~label {
    color: #6e6e6e!important
}

.ui.toggle.checkbox input:checked~.box:before,
.ui.toggle.checkbox input:checked~label:before {
    background-color: #2185d0!important
}

.ui.toggle.checkbox input:checked~.box:after,
.ui.toggle.checkbox input:checked~label:after {
    left: 2.15rem;
    box-shadow: none
}

.ui.toggle.checkbox input:focus:checked~.box,
.ui.toggle.checkbox input:focus:checked~label {
    color: #6e6e6e!important
}

.ui.toggle.checkbox input:focus:checked~.box:before,
.ui.toggle.checkbox input:focus:checked~label:before {
    background-color: #0d71bb!important
}

.ui.fitted.checkbox .box,
.ui.fitted.checkbox label {
    padding-left: 0!important
}

.ui.fitted.slider.checkbox,
.ui.fitted.toggle.checkbox {
    width: 3.5rem
}

@font-face {
    font-family: Checkbox;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype')
}

.ui.checkbox input:checked~.box:after,
.ui.checkbox input:checked~label:after {
    content: '\e800'
}

.ui.checkbox input:indeterminate~.box:after,
.ui.checkbox input:indeterminate~label:after {
    font-size: 12px;
    content: '\e801'
}

.ui.dropdown .menu,
.ui.selection.dropdown {
    background: #fff;
    border: 1px solid rgba(34, 36, 38, .15);
    outline: 0
}

.ui.dropdown {
    font-family: proxima_nova_rgregular, sans-serif;
    cursor: pointer;
    position: relative;
    display: inline-block;
    outline: 0;
    text-align: left;
    -webkit-transition: box-shadow .1s ease, width .1s ease;
    transition: box-shadow .1s ease, width .1s ease;
    -webkit-tap-highlight-color: transparent
}

.ui.dropdown .menu {
    cursor: auto;
    position: absolute;
    display: none;
    top: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin: 0;
    padding: 0;
    font-size: 1em;
    text-shadow: none;
    text-align: left;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
    border-radius: .28571429rem;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    z-index: 11;
    will-change: transform, opacity
}

.ui.dropdown .menu>* {
    white-space: nowrap
}

.ui.dropdown>input:not(.search):first-child,
.ui.dropdown>select {
    display: none!important
}

.ui.dropdown>.dropdown.icon {
    position: relative;
    font-size: .85714286em;
    margin: 0 0 0 1em
}

.ui.dropdown .menu>.item .dropdown.icon {
    width: auto;
    float: right;
    margin: 0 0 0 1em
}

.ui.dropdown .menu>.item .dropdown.icon+.text {
    margin-right: 1em
}

.ui.dropdown>.text {
    display: inline-block;
    -webkit-transition: none;
    transition: none
}

.ui.dropdown .menu>.item {
    position: relative;
    cursor: pointer;
    display: block;
    border: none;
    height: auto;
    text-align: left;
    border-top: none;
    line-height: 1em;
    color: rgba(0, 0, 0, .87);
    padding: .78571429rem 1.14285714rem!important;
    font-size: 1rem;
    text-transform: none;
    font-weight: 400;
    box-shadow: none;
    -webkit-touch-callout: none
}

.ui.dropdown .menu>.item:first-child {
    border-top-width: 0
}

.ui.dropdown .menu .item>[class*="right floated"],
.ui.dropdown>.text>[class*="right floated"] {
    float: right!important;
    margin-right: 0!important;
    margin-left: 1em!important
}

.ui.dropdown .menu .item>[class*="left floated"],
.ui.dropdown>.text>[class*="left floated"] {
    float: left!important;
    margin-left: 0!important;
    margin-right: 1em!important
}

.ui.dropdown .menu .item>.flag.floated,
.ui.dropdown .menu .item>.icon.floated,
.ui.dropdown .menu .item>.image.floated,
.ui.dropdown .menu .item>img.floated {
    margin-top: 0
}

.ui.dropdown .menu>.header {
    margin: 1rem 0 .75rem;
    padding: 0 1.14285714rem;
    color: rgba(0, 0, 0, .85);
    font-size: .78571429em;
    font-weight: 700;
    text-transform: uppercase
}

.ui.dropdown .menu>.divider {
    border-top: 1px solid rgba(34, 36, 38, .1);
    height: 0;
    margin: .5em 0
}

.ui.dropdown .menu>.input {
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 1.14285714rem .78571429rem;
    min-width: 10rem
}

.ui.button.dropdown .menu,
.ui.label.dropdown .menu {
    min-width: 100%
}

.ui.dropdown .menu>.header+.input {
    margin-top: 0
}

.ui.dropdown .menu>.input:not(.transparent) input {
    padding: .5em 1em
}

.ui.dropdown .menu>.input:not(.transparent) .button,
.ui.dropdown .menu>.input:not(.transparent) .icon,
.ui.dropdown .menu>.input:not(.transparent) .label {
    padding-top: .5em;
    padding-bottom: .5em
}

.ui.dropdown .menu>.item>.description,
.ui.dropdown>.text>.description {
    float: right;
    margin: 0 0 0 1em;
    color: rgba(0, 0, 0, .4)
}

.ui.dropdown .menu>.message {
    padding: .78571429rem 1.14285714rem;
    font-weight: 400
}

.ui.dropdown .menu>.message:not(.ui) {
    color: rgba(0, 0, 0, .4)
}

.ui.dropdown .menu .menu {
    top: 0!important;
    left: 100%!important;
    right: auto!important;
    margin: 0 0 0 -.5em!important;
    border-radius: .28571429rem!important;
    z-index: 21!important
}

.ui.dropdown .menu .menu:after {
    display: none
}

.ui.dropdown .menu>.item>.flag,
.ui.dropdown .menu>.item>.icon,
.ui.dropdown .menu>.item>.image,
.ui.dropdown .menu>.item>.label,
.ui.dropdown .menu>.item>img,
.ui.dropdown>.text>.flag,
.ui.dropdown>.text>.icon,
.ui.dropdown>.text>.image,
.ui.dropdown>.text>.label,
.ui.dropdown>.text>img {
    margin-top: 0;
    margin-left: 0;
    float: none;
    margin-right: .78571429rem
}

.ui.dropdown .menu>.item>.image,
.ui.dropdown .menu>.item>img,
.ui.dropdown>.text>.image,
.ui.dropdown>.text>img {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    max-height: 2em
}

.ui.dropdown .ui.menu>.item:before,
.ui.menu .ui.dropdown .menu>.item:before {
    display: none
}

.ui.menu .ui.dropdown .menu .active.item {
    border-left: none
}

.ui.buttons>.ui.dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.menu .right.menu .dropdown:last-child .menu {
    left: auto;
    right: 0
}

.ui.dropdown.icon.button>.dropdown.icon {
    margin: 0
}

.ui.selection.dropdown {
    cursor: pointer;
    word-wrap: break-word;
    line-height: 1em;
    white-space: normal;
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
    min-width: 1em;
    min-height: 1em;
    display: inline-block;
    padding: .768em 2.1em .768em 1em;
    color: rgba(0, 0, 0, .87);
    box-shadow: none;
    border-radius: .28571429rem;
    -webkit-transition: box-shadow .1s ease, width .1s ease;
    transition: box-shadow .1s ease, width .1s ease
}

.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before,
.ui.selection.dropdown .menu>.hidden.addition.item {
    display: none
}

.ui.selection.dropdown.active,
.ui.selection.dropdown.visible {
    z-index: 10
}

select.ui.dropdown {
    height: 38px;
    padding: .5em;
    border: 1px solid rgba(34, 36, 38, .15);
    visibility: visible
}

.ui.selection.dropdown>.delete.icon,
.ui.selection.dropdown>.dropdown.icon,
.ui.selection.dropdown>.search.icon {
    cursor: pointer;
    position: absolute;
    width: auto;
    height: auto;
    line-height: 1.2142em;
    top: .78571429em;
    right: 1em;
    z-index: 3;
    margin: -.78571429em;
    padding: .78571429em;
    opacity: .8;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.ui.compact.selection.dropdown {
    min-width: 0
}

.ui.selection.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    border-top-width: 0!important;
    outline: 0;
    margin: 0 -1px;
    min-width: calc(100% + 2px);
    width: calc(100% + 2px);
    border-radius: 0 0 .28571429rem .28571429rem;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.ui.scrolling.dropdown .menu,
.ui.search.dropdown .menu {
    overflow-x: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    backface-visibility: hidden
}

.ui.selection.dropdown .menu>.message {
    padding: .78571429rem 1.14285714rem
}

@media only screen and (max-width:767px) {
    .ui.selection.dropdown .menu {
        max-height: 8.01428571rem
    }
}

@media only screen and (min-width:768px) {
    .ui.selection.dropdown .menu {
        max-height: 10.68571429rem
    }
}

@media only screen and (min-width:992px) {
    .ui.selection.dropdown .menu {
        max-height: 16.02857143rem
    }
}

@media only screen and (min-width:1920px) {
    .ui.selection.dropdown .menu {
        max-height: 21.37142857rem
    }
}

.ui.selection.dropdown .menu>.item {
    border-top: 1px solid #fafafa;
    padding: .78571429rem 1.14285714rem!important;
    white-space: normal;
    word-wrap: normal
}

.ui.selection.dropdown:hover {
    border-color: rgba(34, 36, 38, .35);
    box-shadow: none
}

.ui.selection.active.dropdown,
.ui.selection.active.dropdown .menu {
    border-color: #5a4792;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)
}

.ui.selection.dropdown:focus {
    border-color: #5a4792;
    box-shadow: none
}

.ui.selection.active.dropdown:hover,
.ui.selection.active.dropdown:hover .menu,
.ui.selection.dropdown:focus .menu {
    border-color: #5a4792;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)
}

.ui.selection.visible.dropdown>.text:not(.default) {
    font-weight: 400;
    color: rgba(0, 0, 0, .8)
}

.ui.active.selection.dropdown>.dropdown.icon,
.ui.visible.selection.dropdown>.dropdown.icon {
    opacity: 1;
    z-index: 3
}

.ui.active.selection.dropdown {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.ui.active.empty.selection.dropdown {
    border-radius: .28571429rem!important;
    box-shadow: none!important
}

.ui.active.empty.selection.dropdown .menu,
.ui.search.dropdown>input.search {
    border: none!important;
    box-shadow: none!important
}

.ui.search.dropdown {
    min-width: ''
}

.ui.search.dropdown>input.search {
    background: 0 0!important;
    cursor: text;
    top: 0;
    left: 1px;
    width: 100%;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    padding: inherit;
    position: absolute;
    z-index: 2
}

.ui.search.selection.dropdown>input.search,
.ui.search.selection.dropdown>span.sizer {
    line-height: 1.2142em;
    padding: .67861429em 2.1em .67861429em 1em
}

.ui.search.dropdown>.text {
    cursor: text;
    position: relative;
    left: 1px;
    z-index: 3
}

.ui.multiple.dropdown .menu,
.ui.search.dropdown.active>input.search,
.ui.search.dropdown.visible>input.search {
    cursor: auto
}

.ui.search.selection.dropdown>span.sizer {
    display: none;
    white-space: pre
}

.ui.search.dropdown.active>.text,
.ui.search.dropdown.visible>.text {
    pointer-events: none
}

.ui.active.search.dropdown input.search:focus+.text .flag,
.ui.active.search.dropdown input.search:focus+.text .icon {
    opacity: .45
}

.ui.active.search.dropdown input.search:focus+.text {
    color: rgba(115, 115, 115, .87)!important
}

.ui.search.dropdown .menu {
    overflow-y: auto
}

@media only screen and (max-width:767px) {
    .ui.search.dropdown .menu {
        max-height: 8.01428571rem
    }
}

@media only screen and (min-width:768px) {
    .ui.search.dropdown .menu {
        max-height: 10.68571429rem
    }
}

@media only screen and (min-width:992px) {
    .ui.search.dropdown .menu {
        max-height: 16.02857143rem
    }
}

@media only screen and (min-width:1920px) {
    .ui.search.dropdown .menu {
        max-height: 21.37142857rem
    }
}

.ui.multiple.dropdown {
    padding: .22620476em 2.1em .22620476em .35714286em
}

.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown>input.search {
    cursor: text
}

.ui.multiple.dropdown>.label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    font-size: 1em;
    padding: .35714286em .78571429em;
    margin: .14285714rem .28571429rem .14285714rem 0;
    box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset;
    background: #e8e8e8;
    border-radius: .28571429rem;
    color: #7a7a7a
}

.ui.dropdown .menu>.item .mini.image,
.ui.dropdown.account_selector>.text .mini.image {
    height: 25px;
    border-radius: 500em;
    vertical-align: initial;
    width: auto;
    margin-top: -.5em;
    margin-bottom: -.5em;
    max-height: 2em
}

.ui.dropdown.account_selector.multi>.default.text {
    color: #333!important;
    margin-left: 40px
}

.ui.dropdown.account_selector.multi {
    padding-left: 0
}

.ui.dropdown .menu>.item .off,
.ui.dropdown>.text>.off {
    color: #0cc366;
    margin-left: 10px
}

.ui.multiple.dropdown .dropdown.icon {
    margin: '';
    padding: ''
}

.ui.multiple.dropdown>.text {
    position: static;
    padding: 0;
    max-width: 100%;
    margin: .45240952em 0 .45240952em .64285714em;
    line-height: 1.21428571em
}

.ui.multiple.dropdown>.label~input.search {
    margin-left: .14285714em!important
}

.ui.multiple.dropdown>.label~.text {
    display: none
}

.ui.multiple.search.dropdown>.text {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding: inherit;
    margin: .45240952em 0 .45240952em .64285714em;
    line-height: 1.21428571em
}

.ui.multiple.search.dropdown>.label~.text {
    display: none
}

.ui.multiple.search.dropdown>input.search {
    position: static;
    padding: 0;
    max-width: 100%;
    margin: .45240952em 0 .45240952em .64285714em;
    width: 2.2em;
    line-height: 1.21428571em
}

.ui.inline.dropdown {
    cursor: pointer;
    display: inline-block;
    color: inherit
}

.ui.inline.dropdown .dropdown.icon {
    margin: 0 .5em 0 .21428571em;
    vertical-align: baseline
}

.ui.inline.dropdown>.text {
    font-weight: 700
}

.ui.inline.dropdown .menu {
    cursor: auto;
    margin-top: .21428571em;
    border-radius: .28571429rem
}

.ui.dropdown .menu .active.item {
    background: 0 0;
    font-weight: 700;
    color: rgba(0, 0, 0, .95);
    box-shadow: none;
    z-index: 12
}

.ui.dropdown .menu>.item:hover {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .95);
    z-index: 13
}

.ui.loading.dropdown>i.icon {
    height: 1em!important;
    padding: 1.14285714em 1.07142857em!important
}

.ui.loading.dropdown>i.icon:after,
.ui.loading.dropdown>i.icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.64285714em 0 0 -.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    content: ''
}

.ui.loading.dropdown>i.icon:before {
    border-radius: 500rem;
    border: .2em solid rgba(0, 0, 0, .1)
}

.ui.loading.dropdown>i.icon:after {
    box-shadow: 0 0 0 1px transparent;
    -webkit-animation: dropdown-spin .6s linear;
    animation: dropdown-spin .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 transparent transparent;
    border-style: solid;
    border-width: .2em
}

.ui.dropdown.error>.menu,
.ui.dropdown.error>.menu .menu,
.ui.multiple.selection.error.dropdown>.label,
.ui.selection.dropdown.error:hover {
    border-color: #e0b4b4
}

.ui.loading.dropdown.button>i.icon:after,
.ui.loading.dropdown.button>i.icon:before {
    display: none
}

@-webkit-keyframes dropdown-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes dropdown-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ui.default.dropdown:not(.button)>.text,
.ui.dropdown:not(.button)>.default.text {
    color: silver
}

.ui.default.dropdown:not(.button)>input:focus+.text,
.ui.dropdown:not(.button)>input:focus+.default.text {
    color: rgba(115, 115, 115, .87)
}

.ui.loading.dropdown>.text {
    -webkit-transition: none;
    transition: none
}

.ui.dropdown .loading.menu {
    display: block;
    visibility: hidden;
    z-index: -1
}

.ui.dropdown .menu .selected.item,
.ui.dropdown.selected {
    background: rgba(0, 0, 0, .03);
    color: rgba(0, 0, 0, .95)
}

.ui.dropdown.error,
.ui.dropdown.error>.default.text,
.ui.dropdown.error>.menu>.item,
.ui.dropdown.error>.text {
    color: #9f3a38
}

.ui.dropdown>.filtered.text {
    visibility: hidden
}

.ui.dropdown .filtered.item {
    display: none!important
}

.ui.selection.dropdown.error {
    background: #fff6f6;
    border-color: #e0b4b4
}

.ui.dropdown.error>.menu>.item:hover {
    background-color: #fff2f2
}

.ui.dropdown.error>.menu .active.item {
    background-color: #fdcfcf
}

.ui.disabled.dropdown,
.ui.dropdown .menu>.disabled.item {
    cursor: default;
    pointer-events: none;
    opacity: .45
}

.ui.dropdown .menu {
    left: 0
}

.ui.dropdown .menu .right.menu,
.ui.dropdown .right.menu>.menu {
    left: 100%!important;
    right: auto!important;
    border-radius: .28571429rem!important
}

.ui.dropdown .menu .left.menu,
.ui.dropdown>.left.menu .menu {
    left: auto!important;
    right: 100%!important;
    border-radius: .28571429rem!important
}

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
    width: auto;
    float: left;
    margin: 0 .78571429rem 0 0
}

.ui.dropdown .scrolling.menu,
.ui.scrolling.dropdown .menu {
    min-width: 100%!important;
    width: auto!important;
    overflow-x: hidden;
    overflow-y: auto
}

.ui.dropdown .item .left.dropdown.icon+.text,
.ui.dropdown .left.menu .item .dropdown.icon+.text {
    margin-left: 1em
}

.ui.upward.dropdown>.menu {
    top: auto;
    bottom: 100%;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08);
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.dropdown .upward.menu {
    top: auto!important;
    bottom: 0!important
}

.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
    border-radius: .28571429rem .28571429rem 0 0!important
}

.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.active.upward.selection.dropdown,
.ui.upward.selection.dropdown.visible {
    border-radius: 0 0 .28571429rem .28571429rem!important
}

.ui.upward.selection.dropdown .menu {
    border-top-width: 1px!important;
    border-bottom-width: 0!important;
    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .08)
}

.ui.upward.selection.dropdown:hover {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05)
}

.ui.upward.selection.dropdown.visible {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08)
}

.ui.upward.active.selection.dropdown:hover {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .05)
}

.ui.upward.active.selection.dropdown:hover .menu {
    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .08)
}

.ui.dropdown .scrolling.menu {
    position: static;
    border: none;
    box-shadow: none!important;
    border-radius: 0!important;
    margin: 0!important;
    border-top: 1px solid rgba(34, 36, 38, .15)
}

.ui.dropdown .scrolling.menu>.item.item.item,
.ui.scrolling.dropdown .menu .item.item.item {
    border-top: none;
    padding-right: calc(1.14285714rem + 17px)!important
}

.ui.dropdown .scrolling.menu .item:first-child,
.ui.scrolling.dropdown .menu .item:first-child {
    border-top: none
}

.ui.dropdown>.animating.menu .scrolling.menu,
.ui.dropdown>.visible.menu .scrolling.menu {
    display: block
}

@media all and (-ms-high-contrast:none) {
    .ui.dropdown .scrolling.menu,
    .ui.scrolling.dropdown .menu {
        min-width: calc(100% - 17px)
    }
}

@media only screen and (max-width:767px) {
    .ui.dropdown .scrolling.menu,
    .ui.scrolling.dropdown .menu {
        max-height: 10.28571429rem
    }
}

@media only screen and (min-width:768px) {
    .ui.dropdown .scrolling.menu,
    .ui.scrolling.dropdown .menu {
        max-height: 15.42857143rem
    }
}

@media only screen and (min-width:992px) {
    .ui.dropdown .scrolling.menu,
    .ui.scrolling.dropdown .menu {
        max-height: 20.57142857rem
    }
}

@media only screen and (min-width:1920px) {
    .ui.dropdown .scrolling.menu,
    .ui.scrolling.dropdown .menu {
        max-height: 20.57142857rem
    }
}

.ui.simple.dropdown .menu:after,
.ui.simple.dropdown .menu:before {
    display: none
}

.ui.simple.dropdown .menu {
    position: absolute;
    display: block;
    overflow: hidden;
    top: -9999px!important;
    opacity: 0;
    width: 0;
    height: 0;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.ui.simple.active.dropdown>.menu,
.ui.simple.dropdown:hover>.menu {
    overflow: visible;
    width: auto;
    height: auto;
    top: 100%!important;
    opacity: 1
}

.ui.simple.dropdown:hover>.menu>.item:hover>.menu,
.ui.simple.dropdown>.menu>.item:active>.menu {
    overflow: visible;
    width: auto;
    height: auto;
    top: 0!important;
    left: 100%!important;
    opacity: 1
}

.ui.simple.disabled.dropdown:hover .menu {
    display: none;
    height: 0;
    width: 0;
    overflow: hidden
}

.ui.simple.visible.dropdown>.menu {
    display: block
}

.ui.fluid.dropdown {
    display: block;
    width: 100%;
    min-width: 0
}

.ui.fluid.dropdown>.dropdown.icon {
    float: right
}

.ui.floating.dropdown .menu {
    left: 0;
    right: auto;
    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15)!important;
    border-radius: .28571429rem!important
}

.ui.floating.dropdown>.menu {
    margin-top: .5em!important;
    border-radius: .28571429rem!important
}

.ui.pointing.dropdown>.menu {
    top: 100%;
    margin-top: .78571429rem;
    border-radius: .28571429rem
}

.ui.pointing.dropdown>.menu:after {
    display: block;
    position: absolute;
    pointer-events: none;
    content: '';
    visibility: visible;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: .5em;
    height: .5em;
    box-shadow: -1px -1px 0 1px rgba(34, 36, 38, .15);
    background: #fff;
    z-index: 2;
    top: -.25em;
    left: 50%;
    margin: 0 0 0 -.25em
}

.default-select:before,
.ui.dropdown>.dropdown.icon {
    width: auto;
    font-family: Dropdown;
    font-weight: 400;
    font-style: normal
}

.ui.top.left.pointing.dropdown>.menu {
    top: 100%;
    bottom: auto;
    left: 0;
    right: auto;
    margin: 1em 0 0
}

.ui.top.left.pointing.dropdown>.menu:after {
    top: -.25em;
    left: 1em;
    right: auto;
    margin: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ui.top.right.pointing.dropdown>.menu {
    top: 100%;
    bottom: auto;
    right: 0;
    left: auto;
    margin: 1em 0 0
}

.ui.top.right.pointing.dropdown>.menu:after {
    top: -.25em;
    left: auto;
    right: 1em;
    margin: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ui.left.pointing.dropdown>.menu {
    top: 0;
    left: 100%;
    right: auto;
    margin: 0 0 0 1em
}

.ui.left.pointing.dropdown>.menu:after {
    top: 1em;
    left: -.25em;
    margin: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.ui.right.pointing.dropdown>.menu {
    top: 0;
    left: auto;
    right: 100%;
    margin: 0 1em 0 0
}

.ui.right.pointing.dropdown>.menu:after {
    top: 1em;
    left: auto;
    right: -.25em;
    margin: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.ui.bottom.pointing.dropdown>.menu {
    top: auto;
    bottom: 100%;
    left: 0;
    right: auto;
    margin: 0 0 1em
}

.ui.bottom.pointing.dropdown>.menu:after {
    top: auto;
    bottom: -.25em;
    right: auto;
    margin: 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.ui.bottom.pointing.dropdown>.menu .menu {
    top: auto!important;
    bottom: 0!important
}

.ui.bottom.left.pointing.dropdown>.menu {
    left: 0;
    right: auto
}

.ui.bottom.left.pointing.dropdown>.menu:after {
    left: 1em;
    right: auto
}

.ui.bottom.right.pointing.dropdown>.menu {
    right: 0;
    left: auto
}

.ui.bottom.right.pointing.dropdown>.menu:after {
    left: auto;
    right: 1em
}

.ui.upward.pointing.dropdown>.menu,
.ui.upward.top.pointing.dropdown>.menu {
    top: auto;
    bottom: 100%;
    margin: 0 0 .78571429rem;
    border-radius: .28571429rem
}

.ui.upward.pointing.dropdown>.menu:after,
.ui.upward.top.pointing.dropdown>.menu:after {
    top: 100%;
    bottom: auto;
    box-shadow: 1px 1px 0 1px rgba(34, 36, 38, .15);
    margin: -.25em 0 0
}

@font-face {
    font-family: Dropdown;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
    font-weight: 400;
    font-style: normal
}

.ui.dropdown>.dropdown.icon {
    line-height: 1;
    height: 1em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center
}

.ui.dropdown>.dropdown.icon:before {
    content: '\f0d7'
}

.ui.dropdown .menu .item .dropdown.icon:before {
    content: '\f0da'
}

.ui.dropdown .item .left.dropdown.icon:before,
.ui.dropdown .left.menu .item .dropdown.icon:before {
    content: "\f0d9"
}

.ui.vertical.menu .dropdown.item>.dropdown.icon:before {
    content: "\f0da"
}

.default-select {
    position: relative
}

.default-select select {
    margin: 0;
    outline: 0;
    tap-highlight-color: transparent;
    line-height: 1.2142em;
    padding: .67861429em .8em!important;
    font-size: 16px;
    background: 0 0!important;
    -webkit-appearance: none;
    position: relative
}

.default-select:before {
    content: '\f0d7';
    cursor: pointer;
    position: absolute;
    height: auto;
    line-height: 1.2142em;
    top: .78571429em;
    right: 1em;
    z-index: 3;
    margin: -.61571429em;
    padding: .78571429em;
    opacity: .8;
    pointer-events: none;
    font-size: .85714286em
}

.ui.account_selector.dropdown .menu .active.item {
    font-weight: 400
}

.ui.form {
    position: relative;
    max-width: 100%
}

.ui.form>p {
    margin: 1em 0
}

.ui.form .field {
    clear: both;
    margin: 0 0 1em;
    position: relative;
    text-align: left
}

.ui.form .field.mb {
    margin-bottom: 2em
}

.ui.form .field.msg {
    border-radius: .28571429rem;
    padding: .67861429em 1em
}

.ui.form .field.msg.fail {
    color: #9f3a38;
    border: 1px solid #e0b4b4;
    background-color: #fff6f6
}

.ui.form .field.msg.success {
    background-color: #daf1d6;
    color: #4ab289;
    border: 1px solid #4ab289
}

.ui.form .field.msg>.t {
    font-size: 16px;
    font-weight: 700;
    padding-left: 25px;
    margin-bottom: .5em
}

.ui.form .field.msg>.m {
    font-size: 16px;
    font-weight: 400
}

.ui.form .field.msg.success>.t {
    background-image: url(../images/small-success.svg);
    background-repeat: no-repeat
}

.ui.form .field.msg.fail>.t {
    background-image: url(../images/small-fail.svg);
    background-repeat: no-repeat
}

.ui.form .field:last-child,
.ui.form .fields:last-child .field {
    margin-bottom: 0
}

.ui.form .fields.space-between {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ui.form .fields .field {
    clear: both;
    margin: 0 0 1em
}

.ui.form .field>label {
    display: block;
    margin: 0 0 .28571429rem;
    color: #333;
    font-size: .92857143em;
    text-transform: none;
    text-align: left;
    font-family: proxima_nova_ltlight;
    font-weight: 600
}

.ui.form select,
.ui.form textarea {
    background: #fff;
    box-shadow: 0 0 0 0 transparent inset;
    color: rgba(0, 0, 0, .87)
}

.ui.form input:not([type]),
.ui.form input[type=date],
.ui.form input[type=datetime-local],
.ui.form input[type=email],
.ui.form input[type=file],
.ui.form input[type=number],
.ui.form input[type=password],
.ui.form input[type=search],
.ui.form input[type=tel],
.ui.form input[type=text],
.ui.form input[type=time],
.ui.form input[type=url],
.ui.form textarea {
    width: 100%;
    vertical-align: top
}

.ui.form::-webkit-datetime-edit,
.ui.form::-webkit-inner-spin-button {
    height: 1.2142em
}

.ui.form .field .selected_accounts,
.ui.form input:not([type]),
.ui.form input[type=date],
.ui.form input[type=datetime-local],
.ui.form input[type=email],
.ui.form input[type=file],
.ui.form input[type=number],
.ui.form input[type=password],
.ui.form input[type=search],
.ui.form input[type=tel],
.ui.form input[type=text],
.ui.form input[type=time],
.ui.form input[type=url] {
    font-family: proxima_nova_rgregular, sans-serif;
    margin: 0;
    outline: 0;
    -webkit-appearance: none;
    tap-highlight-color: transparent;
    line-height: 1.2142em;
    padding: .67861429em 1em;
    font-size: 16px;
    background: #fff;
    border: 1px solid rgba(34, 36, 38, .15);
    color: rgba(0, 0, 0, .87);
    border-radius: .28571429rem;
    box-shadow: 0 0 0 0 transparent inset;
    -webkit-transition: color .1s ease, border-color .1s ease;
    transition: color .1s ease, border-color .1s ease;
    text-align: left
}

.ui.form textarea {
    margin: 0;
    -webkit-appearance: none;
    tap-highlight-color: transparent;
    padding: .78571429em 1em;
    border: 1px solid rgba(34, 36, 38, .15);
    outline: 0;
    border-radius: .28571429rem;
    -webkit-transition: color .1s ease, border-color .1s ease;
    transition: color .1s ease, border-color .1s ease;
    font-size: 1em;
    line-height: 1.2857;
    resize: vertical
}

.ui.form textarea:not([rows]) {
    height: 12em;
    min-height: 8em;
    max-height: 24em
}

.ui.form input[type=checkbox],
.ui.form textarea {
    vertical-align: top
}

.ui.form input.attached {
    width: auto
}

.ui.form select {
    display: block;
    height: auto;
    width: 100%;
    border: 1px solid rgba(34, 36, 38, .15);
    border-radius: .28571429rem;
    padding: .62em 1em;
    -webkit-transition: color .1s ease, border-color .1s ease;
    transition: color .1s ease, border-color .1s ease
}

.ui.form .field>.selection.dropdown {
    width: 100%
}

.ui.form .field>.selection.dropdown>.dropdown.icon {
    float: right
}

.ui.form .inline.field>.selection.dropdown,
.ui.form .inline.fields .field>.selection.dropdown {
    width: auto
}

.ui.form .inline.field>.selection.dropdown>.dropdown.icon,
.ui.form .inline.fields .field>.selection.dropdown>.dropdown.icon {
    float: none
}

.ui.form .field .ui.input,
.ui.form .fields .field .ui.input,
.ui.form .wide.field .ui.input {
    width: 100%
}

.ui.form .inline.field:not(.wide) .ui.input,
.ui.form .inline.fields .field:not(.wide) .ui.input {
    width: auto;
    vertical-align: middle
}

.ui.form .field .ui.input input,
.ui.form .fields .field .ui.input input {
    width: auto
}

.ui.form .eight.fields .ui.input input,
.ui.form .five.fields .ui.input input,
.ui.form .four.fields .ui.input input,
.ui.form .nine.fields .ui.input input,
.ui.form .seven.fields .ui.input input,
.ui.form .six.fields .ui.input input,
.ui.form .ten.fields .ui.input input,
.ui.form .three.fields .ui.input input,
.ui.form .two.fields .ui.input input,
.ui.form .wide.field .ui.input input {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 0
}

.ui.form .error.message,
.ui.form .success.message,
.ui.form .warning.message {
    display: none
}

.ui.form .message:first-child {
    margin-top: 0
}

.ui.form .field .prompt.label {
    white-space: normal;
    background: #fff!important;
    border: 1px solid #e0b4b4!important;
    color: #9f3a38!important
}

.ui.form .inline.field .prompt,
.ui.form .inline.fields .field .prompt {
    vertical-align: top;
    margin: -.25em 0 -.5em .5em
}

.ui.form .inline.field .prompt:before,
.ui.form .inline.fields .field .prompt:before {
    border-width: 0 0 1px 1px;
    bottom: auto;
    right: auto;
    top: 50%;
    left: 0
}

.ui.form .field.field input:-webkit-autofill {
    box-shadow: 0 0 0 100px ivory inset!important;
    border-color: #e5dfa1!important
}

.ui.form .field.field input:-webkit-autofill:focus {
    box-shadow: 0 0 0 100px ivory inset!important;
    border-color: #d5c315!important
}

.ui.form .error.error input:-webkit-autofill {
    box-shadow: 0 0 0 100px #fffaf0 inset!important;
    border-color: #e0b4b4!important
}

.ui.form .field::-webkit-input-placeholder {
    color: silver
}

.ui.form .field:-ms-input-placeholder {
    color: silver
}

.ui.form: .field:-moz-placeholder {
    color: silver
}

.ui.form:focus::-webkit-input-placeholder {
    color: rgba(115, 115, 115, .87)
}

.ui.form:focus:-ms-input-placeholder {
    color: rgba(115, 115, 115, .87)
}

.ui.form:focus::-moz-placeholder {
    color: rgba(115, 115, 115, .87)
}

.ui.form .field.error::-webkit-input-placeholder {
    color: #e7bdbc
}

.ui.form .field.error:-ms-input-placeholder {
    color: #e7bdbc!important
}

.ui.form .field.error::-moz-placeholder {
    color: #e7bdbc
}

.ui.form input:not([type]):focus,
.ui.form input[type=date]:focus,
.ui.form input[type=datetime-local]:focus,
.ui.form input[type=email]:focus,
.ui.form input[type=file]:focus,
.ui.form input[type=number]:focus,
.ui.form input[type=password]:focus,
.ui.form input[type=search]:focus,
.ui.form input[type=tel]:focus,
.ui.form input[type=text]:focus,
.ui.form input[type=time]:focus,
.ui.form input[type=url]:focus,
.ui.form textarea:focus {
    color: rgba(0, 0, 0, .95);
    border-color: #503d89;
    border-radius: .28571429rem;
    background: #fff;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .35) inset
}

.ui.form textarea:focus {
    -webkit-appearance: none
}

.ui.form.success .success.message:not(:empty) {
    display: block
}

.ui.form.success .compact.success.message:not(:empty) {
    display: inline-block
}

.ui.form.success .icon.success.message:not(:empty) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ui.form.warning .warning.message:not(:empty) {
    display: block
}

.ui.form.warning .compact.warning.message:not(:empty) {
    display: inline-block
}

.ui.form.warning .icon.warning.message:not(:empty) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ui.form.error .error.message:not(:empty) {
    display: block
}

.ui.form.error .compact.error.message:not(:empty) {
    display: inline-block
}

.ui.form.error .icon.error.message:not(:empty) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ui.form .field.error .input,
.ui.form .field.error label,
.ui.form .fields.error .field .input,
.ui.form .fields.error .field label {
    color: #9f3a38
}

.ui.form .field.error .corner.label,
.ui.form .fields.error .field .corner.label {
    border-color: #9f3a38;
    color: #fff
}

.ui.form .field.error input:not([type]),
.ui.form .field.error input[type=date],
.ui.form .field.error input[type=datetime-local],
.ui.form .field.error input[type=email],
.ui.form .field.error input[type=file],
.ui.form .field.error input[type=number],
.ui.form .field.error input[type=password],
.ui.form .field.error input[type=search],
.ui.form .field.error input[type=tel],
.ui.form .field.error input[type=text],
.ui.form .field.error input[type=time],
.ui.form .field.error input[type=url],
.ui.form .field.error select,
.ui.form .field.error textarea,
.ui.form .fields.error .field input:not([type]),
.ui.form .fields.error .field input[type=date],
.ui.form .fields.error .field input[type=datetime-local],
.ui.form .fields.error .field input[type=email],
.ui.form .fields.error .field input[type=file],
.ui.form .fields.error .field input[type=number],
.ui.form .fields.error .field input[type=password],
.ui.form .fields.error .field input[type=search],
.ui.form .fields.error .field input[type=tel],
.ui.form .fields.error .field input[type=text],
.ui.form .fields.error .field input[type=time],
.ui.form .fields.error .field input[type=url],
.ui.form .fields.error .field select,
.ui.form .fields.error .field textarea {
    background: #fff6f6;
    border-color: #e0b4b4;
    color: #9f3a38;
    border-radius: '';
    box-shadow: none
}

.ui.form .field.error input:not([type]):focus,
.ui.form .field.error input[type=date]:focus,
.ui.form .field.error input[type=datetime-local]:focus,
.ui.form .field.error input[type=email]:focus,
.ui.form .field.error input[type=file]:focus,
.ui.form .field.error input[type=number]:focus,
.ui.form .field.error input[type=password]:focus,
.ui.form .field.error input[type=search]:focus,
.ui.form .field.error input[type=tel]:focus,
.ui.form .field.error input[type=text]:focus,
.ui.form .field.error input[type=time]:focus,
.ui.form .field.error input[type=url]:focus,
.ui.form .field.error select:focus,
.ui.form .field.error textarea:focus {
    background: #fff6f6;
    border-color: #e0b4b4;
    color: #9f3a38;
    -webkit-appearance: none;
    box-shadow: none
}

.ui.form .field.error select {
    -webkit-appearance: menulist-button
}

.ui.form .field.error .ui.dropdown,
.ui.form .field.error .ui.dropdown .item,
.ui.form .field.error .ui.dropdown .text,
.ui.form .fields.error .field .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown .item {
    background: #fff6f6;
    color: #9f3a38
}

.ui.form .field.error .ui.dropdown,
.ui.form .field.error .ui.dropdown:hover,
.ui.form .fields.error .field .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown:hover {
    border-color: #e0b4b4!important
}

.ui.form .field.error .ui.dropdown:hover .menu,
.ui.form .fields.error .field .ui.dropdown:hover .menu {
    border-color: #e0b4b4
}

.ui.form .field.error .ui.multiple.selection.dropdown>.label,
.ui.form .fields.error .field .ui.multiple.selection.dropdown>.label {
    background-color: #eacbcb;
    color: #9f3a38
}

.ui.form .field.error .ui.dropdown .menu .item:hover,
.ui.form .field.error .ui.dropdown .menu .selected.item,
.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
.ui.form .fields.error .field .ui.dropdown .menu .selected.item {
    background-color: #fbe7e7
}

.ui.form .field.error .ui.dropdown .menu .active.item,
.ui.form .fields.error .field .ui.dropdown .menu .active.item {
    background-color: #fdcfcf!important
}

.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label {
    color: #9f3a38
}

.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before {
    background: #fff6f6;
    border-color: #e0b4b4
}

.ui.form .field.error .checkbox .box:after,
.ui.form .field.error .checkbox label:after,
.ui.form .fields.error .field .checkbox .box:after,
.ui.form .fields.error .field .checkbox label:after {
    color: #9f3a38
}

.ui.form .disabled.field,
.ui.form .disabled.fields .field,
.ui.form .field:disabled {
    pointer-events: none;
    opacity: .45
}

.ui.form .field.disabled>label,
.ui.form .fields.disabled>label {
    opacity: .45
}

.ui.form .field.disabled:disabled {
    opacity: 1
}

.ui.loading.form {
    position: relative;
    cursor: default;
    pointer-events: none
}

.ui.loading.form:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .8);
    width: 100%;
    height: 100%;
    z-index: 100
}

.ui.loading.form:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -1.5em 0 0 -1.5em;
    width: 3em;
    height: 3em;
    -webkit-animation: form-spin .6s linear;
    animation: form-spin .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 rgba(0, 0, 0, .1) rgba(0, 0, 0, .1);
    border-style: solid;
    border-width: .2em;
    box-shadow: 0 0 0 1px transparent;
    visibility: visible;
    z-index: 101
}

@-webkit-keyframes form-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes form-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ui.form .required.field>.checkbox:after,
.ui.form .required.field>label:after,
.ui.form .required.fields.grouped>label:after,
.ui.form .required.fields:not(.grouped)>.field>.checkbox:after,
.ui.form .required.fields:not(.grouped)>.field>label:after {
    margin: -.2em 0 0 .2em;
    content: '*';
    color: #db2828
}

.ui.form .required.field>label:after,
.ui.form .required.fields.grouped>label:after,
.ui.form .required.fields:not(.grouped)>.field>label:after {
    display: inline-block;
    vertical-align: top
}

.ui.form .required.field>.checkbox:after,
.ui.form .required.fields:not(.grouped)>.field>.checkbox:after {
    position: absolute;
    top: 0;
    left: 100%
}

.ui.form .inverted.segment .ui.checkbox .box,
.ui.form .inverted.segment .ui.checkbox label,
.ui.form .inverted.segment label,
.ui.inverted.form .inline.field>label,
.ui.inverted.form .inline.field>p,
.ui.inverted.form .inline.fields .field>label,
.ui.inverted.form .inline.fields .field>p,
.ui.inverted.form .inline.fields>label,
.ui.inverted.form .ui.checkbox .box,
.ui.inverted.form .ui.checkbox label,
.ui.inverted.form label {
    color: rgba(255, 255, 255, .9)
}

.ui.inverted.form input:not([type]),
.ui.inverted.form input[type=date],
.ui.inverted.form input[type=datetime-local],
.ui.inverted.form input[type=email],
.ui.inverted.form input[type=file],
.ui.inverted.form input[type=number],
.ui.inverted.form input[type=password],
.ui.inverted.form input[type=search],
.ui.inverted.form input[type=tel],
.ui.inverted.form input[type=text],
.ui.inverted.form input[type=time],
.ui.inverted.form input[type=url] {
    background: #fff;
    border-color: rgba(255, 255, 255, .1);
    color: rgba(0, 0, 0, .87);
    box-shadow: none
}

.ui.form .grouped.fields {
    display: block;
    margin: 0 0 1em
}

.ui.form .grouped.fields:last-child {
    margin-bottom: 0
}

.ui.form .grouped.fields>label {
    margin: 0 0 .28571429rem;
    color: rgba(0, 0, 0, .87);
    font-size: .92857143em;
    font-weight: 700;
    text-transform: none
}

.ui.form .grouped.fields .field,
.ui.form .grouped.inline.fields .field {
    display: block;
    margin: .5em 0;
    padding: 0
}

.ui.form .fields {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 -.5em 1em
}

.ui.form .fields>.field {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding-left: .5em;
    padding-right: .5em
}

.ui.form .fields>.field:first-child {
    border-left: none;
    box-shadow: none
}

.ui.form .two.fields>.field,
.ui.form .two.fields>.fields {
    width: 50%
}

.ui.form .three.fields>.field,
.ui.form .three.fields>.fields {
    width: 33.33333333%
}

.ui.form .four.fields>.field,
.ui.form .four.fields>.fields {
    width: 25%
}

.ui.form .five.fields>.field,
.ui.form .five.fields>.fields {
    width: 20%
}

.ui.form .six.fields>.field,
.ui.form .six.fields>.fields {
    width: 16.66666667%
}

.ui.form .seven.fields>.field,
.ui.form .seven.fields>.fields {
    width: 14.28571429%
}

.ui.form .eight.fields>.field,
.ui.form .eight.fields>.fields {
    width: 12.5%
}

.ui.form .nine.fields>.field,
.ui.form .nine.fields>.fields {
    width: 11.11111111%
}

.ui.form .ten.fields>.field,
.ui.form .ten.fields>.fields {
    width: 10%
}

@media only screen and (max-width:767px) {
    .ui.form .fields {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .ui.form .eight.fields>.field,
    .ui.form .eight.fields>.fields,
    .ui.form .five.fields>.field,
    .ui.form .five.fields>.fields,
    .ui.form .four.fields>.field,
    .ui.form .four.fields>.fields,
    .ui.form .nine.fields>.field,
    .ui.form .nine.fields>.fields,
    .ui.form .seven.fields>.field,
    .ui.form .seven.fields>.fields,
    .ui.form .six.fields>.field,
    .ui.form .six.fields>.fields,
    .ui.form .ten.fields>.field,
    .ui.form .ten.fields>.fields,
    .ui.form .three.fields>.field,
    .ui.form .three.fields>.fields,
    .ui.form .two.fields>.field,
    .ui.form .two.fields>.fields,
    .ui.form [class*="equal width"].fields>.field,
    .ui[class*="equal width"].form .fields>.field {
        width: 100%!important;
        margin: 0 0 1em
    }
}

.ui.form .fields .wide.field {
    width: 6.25%;
    padding-left: .5em;
    padding-right: .5em
}

.ui.form .one.wide.field {
    width: 6.25%!important
}

.ui.form .two.wide.field {
    width: 12.5%!important
}

.ui.form .three.wide.field {
    width: 18.75%!important
}

.ui.form .four.wide.field {
    width: 25%!important
}

.ui.form .five.wide.field {
    width: 31.25%!important
}

.ui.form .six.wide.field {
    width: 37.5%!important
}

.ui.form .seven.wide.field {
    width: 43.75%!important
}

.ui.form .eight.wide.field {
    width: 50%!important
}

.ui.form .nine.wide.field {
    width: 56.25%!important
}

.ui.form .ten.wide.field {
    width: 62.5%!important
}

.ui.form .eleven.wide.field {
    width: 68.75%!important
}

.ui.form .twelve.wide.field {
    width: 75%!important
}

.ui.form .thirteen.wide.field {
    width: 81.25%!important
}

.ui.form .fourteen.wide.field {
    width: 87.5%!important
}

.ui.form .fifteen.wide.field {
    width: 93.75%!important
}

.ui.form .sixteen.wide.field {
    width: 100%!important
}

@media only screen and (max-width:767px) {
    .ui.form .fields>.eight.wide.field,
    .ui.form .fields>.eleven.wide.field,
    .ui.form .fields>.fifteen.wide.field,
    .ui.form .fields>.five.wide.field,
    .ui.form .fields>.four.wide.field,
    .ui.form .fields>.fourteen.wide.field,
    .ui.form .fields>.nine.wide.field,
    .ui.form .fields>.seven.wide.field,
    .ui.form .fields>.six.wide.field,
    .ui.form .fields>.sixteen.wide.field,
    .ui.form .fields>.ten.wide.field,
    .ui.form .fields>.thirteen.wide.field,
    .ui.form .fields>.three.wide.field,
    .ui.form .fields>.twelve.wide.field,
    .ui.form .fields>.two.wide.field,
    .ui.form .five.fields>.field,
    .ui.form .five.fields>.fields,
    .ui.form .four.fields>.field,
    .ui.form .four.fields>.fields,
    .ui.form .three.fields>.field,
    .ui.form .three.fields>.fields,
    .ui.form .two.fields>.field,
    .ui.form .two.fields>.fields {
        width: 100%!important
    }
    .ui.form .fields.space-between>.four.wide.field {
        width: 30%!important
    }
    .ui.form .fields {
        margin-bottom: 0
    }
    .ui.form .field.mb {
        margin-bottom: 1em
    }
}

.ui.form [class*="equal width"].fields>.field,
.ui[class*="equal width"].form .fields>.field {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.ui.form .inline.fields {
    margin: 0 0 1em;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

.ui.form .inline.fields .field {
    margin: 0;
    padding: 0 1em 0 0
}

.ui.form .inline.field>label,
.ui.form .inline.field>p,
.ui.form .inline.fields .field>label,
.ui.form .inline.fields .field>p,
.ui.form .inline.fields>label {
    display: inline-block;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: baseline;
    font-size: .92857143em;
    font-weight: 700;
    color: rgba(0, 0, 0, .87);
    text-transform: none
}

.ui.form .inline.fields>label {
    margin: .035714em 1em 0 0
}

.ui.form .inline.field>input,
.ui.form .inline.field>select,
.ui.form .inline.fields .field>input,
.ui.form .inline.fields .field>select {
    display: inline-block;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
    font-size: 1em
}

.ui.form .inline.field>:first-child,
.ui.form .inline.fields .field>:first-child {
    margin: 0 .85714286em 0 0
}

.ui.form .inline.field>:only-child,
.ui.form .inline.fields .field>:only-child {
    margin: 0
}

.ui.form .inline.fields .wide.field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ui.form .inline.fields .wide.field>input,
.ui.form .inline.fields .wide.field>select {
    width: 100%
}

.ui.mini.form {
    font-size: .78571429rem
}

.ui.tiny.form {
    font-size: .85714286rem
}

.ui.small.form {
    font-size: .92857143rem
}

.ui.form {
    font-size: 1rem
}

.ui.large.form {
    font-size: 1.14285714rem
}

.ui.big.form {
    font-size: 1.28571429rem
}

.ui.huge.form {
    font-size: 1.42857143rem
}

.ui.massive.form {
    font-size: 1.71428571rem
}

.ui.form .field.icon.left input {
    padding-left: 40px
}

.ui.form .field.icon.right input {
    padding-right: 40px
}

.ui.form .field i {
    position: absolute;
    height: 100%;
    width: 40px;
    top: 0
}

.ui.form .field i svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 20px;
    fill: silver
}

.ui.form .field.icon.left i {
    left: 0
}

.ui.form .field.icon.right i {
    right: 0
}

.ui.form .field>input:focus~i svg {
    fill: #503d89!important
}

.ui.form .field.error>input~i svg {
    fill: #e0b4b4!important
}

.ui.form .field .selected_accounts {
    display: none
}

.ui.form .field .selected_accounts a {
    display: inline-block;
    line-height: 1;
    vertical-align: baseline;
    background-color: #e8e8e8;
    background-image: none;
    padding: .5833em .45em;
    color: #7a7a7a;
    text-transform: none;
    font-weight: 500;
    border: 0 solid transparent;
    border-radius: .28571429rem;
    -webkit-animation: pop-In .2s forwards;
    animation: pop-In .2s forwards;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    margin: .14285714rem .28571429rem .14285714rem 0
}

.ui.form .field .selected_accounts a .avatar {
    height: 25px;
    border-radius: 500em;
    vertical-align: initial;
    width: auto;
    margin-top: -.5em;
    margin-bottom: -.5em;
    max-height: 2em
}

.ui.form .field .selected_accounts .delete {
    cursor: pointer;
    margin-right: 0;
    margin-left: .3em;
    font-size: .92857143em;
    opacity: .3;
    width: 10px;
    height: 10px;
    display: inline-block;
    position: static;
    background: url(../images/popup-close.svg);
    background-size: cover
}

.ui.form .field-cc .expiry-m,
.ui.form .field-cc .expiry-y {
    float: left;
    clear: none
}

.ui.form .field-cc .expiry-m {
    width: 124px
}

.ui.form .field-cc .expiry-y {
    margin-left: .5em;
    width: 67px
}

.ui.form .field-cc .cvc {
    float: right;
    clear: none;
    width: 64px
}

@keyframes pop-In {
    0% {
        transform: scale(.2)
    }
    100% {
        transform: scale(1)
    }
}

.ui.form .photo_selection {
    list-style: none;
    padding: 0;
    font-size: 0;
    text-align: left;
    margin: 0;
    line-height: 0;
    height: 174px;
    overflow: hidden
}

.ui.form .photo_selection li {
    list-style: none;
    width: 80px;
    height: 80px;
    border-radius: 5px;
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.ui.form .photo_selection li:nth-child(5n) {
    margin-right: 0
}

.ui.form .photo_selection li:before {
    content: '';
    width: 100%;
    height: 30%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100, rgba(0, 0, 0, 1)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100%)
}

.ui.form .photo_selection li:after {
    content: '\e800';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 4px;
    bottom: 4px;
    border-radius: 500px;
    border: 2px solid #fff;
    border: 2px solid rgba(255, 255, 255, .5);
    text-align: center
}

.ui.form .photo_selection li.selected:after {
    content: '\e800';
    border: 2px solid #fff;
    background: #0cc366;
    font-size: 12px;
    color: #fff;
    font-family: Checkbox;
    line-height: 17px
}

.ui.form .photo_selection li.selected:before {
    display: none
}

@media only screen and (max-width:595px) {
    .ui.form .photo_selection li:nth-child(5n) {
        margin-right: 10px
    }
}

@media only screen and (max-width:590px) {
    .ui.form .photo_selection li {
        width: 30%;
        height: 80px
    }
}

@media only screen and (max-width:396px) {
    .ui.form .photo_selection li {
        width: 29%;
        height: 80px
    }
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside>.mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.transition {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animating.transition {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    visibility: visible!important
}

.loading.transition {
    position: absolute;
    top: -99999px;
    left: -99999px
}

.hidden.transition {
    display: none;
    visibility: hidden
}

.visible.transition {
    display: block!important;
    visibility: visible!important
}

.disabled.transition {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.looping.transition {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.transition.browse {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.transition.browse.in {
    -webkit-animation-name: browseIn;
    animation-name: browseIn
}

.transition.browse.left.out,
.transition.browse.out {
    -webkit-animation-name: browseOutLeft;
    animation-name: browseOutLeft
}

.transition.browse.right.out {
    -webkit-animation-name: browseOutRight;
    animation-name: browseOutRight
}

@-webkit-keyframes browseIn {
    0% {
        -webkit-transform: scale(.8) translateZ(0);
        transform: scale(.8) translateZ(0);
        z-index: -1
    }
    10% {
        -webkit-transform: scale(.8) translateZ(0);
        transform: scale(.8) translateZ(0);
        z-index: -1;
        opacity: .7
    }
    80% {
        -webkit-transform: scale(1.05) translateZ(0);
        transform: scale(1.05) translateZ(0);
        opacity: 1;
        z-index: 999
    }
    100% {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        z-index: 999
    }
}

@keyframes browseIn {
    0% {
        -webkit-transform: scale(.8) translateZ(0);
        transform: scale(.8) translateZ(0);
        z-index: -1
    }
    10% {
        -webkit-transform: scale(.8) translateZ(0);
        transform: scale(.8) translateZ(0);
        z-index: -1;
        opacity: .7
    }
    80% {
        -webkit-transform: scale(1.05) translateZ(0);
        transform: scale(1.05) translateZ(0);
        opacity: 1;
        z-index: 999
    }
    100% {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        z-index: 999
    }
}

@-webkit-keyframes browseOutLeft {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0);
        transform: translateX(0) rotateY(0) rotateX(0)
    }
    50% {
        z-index: -1;
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: -1;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        opacity: 0
    }
}

@keyframes browseOutLeft {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0);
        transform: translateX(0) rotateY(0) rotateX(0)
    }
    50% {
        z-index: -1;
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: -1;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        opacity: 0
    }
}

@-webkit-keyframes browseOutRight {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0);
        transform: translateX(0) rotateY(0) rotateX(0)
    }
    50% {
        z-index: 1;
        -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: 1;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        opacity: 0
    }
}

@keyframes browseOutRight {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0);
        transform: translateX(0) rotateY(0) rotateX(0)
    }
    50% {
        z-index: 1;
        -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: 1;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        opacity: 0
    }
}

.drop.transition {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: cubic-bezier(.34, 1.61, .7, 1);
    animation-timing-function: cubic-bezier(.34, 1.61, .7, 1)
}

.drop.transition.in {
    -webkit-animation-name: dropIn;
    animation-name: dropIn
}

.drop.transition.out {
    -webkit-animation-name: dropOut;
    animation-name: dropOut
}

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

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

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

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

.transition.fade.in {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.transition[class*="fade up"].in {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.transition[class*="fade down"].in {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.transition[class*="fade left"].in {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.transition[class*="fade right"].in {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.transition.fade.out {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.transition[class*="fade up"].out {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

.transition[class*="fade down"].out {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

.transition[class*="fade left"].out {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

.transition[class*="fade right"].out {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.flip.transition.in,
.flip.transition.out {
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

.horizontal.flip.transition.in {
    -webkit-animation-name: horizontalFlipIn;
    animation-name: horizontalFlipIn
}

.horizontal.flip.transition.out {
    -webkit-animation-name: horizontalFlipOut;
    animation-name: horizontalFlipOut
}

.vertical.flip.transition.in {
    -webkit-animation-name: verticalFlipIn;
    animation-name: verticalFlipIn
}

.vertical.flip.transition.out {
    -webkit-animation-name: verticalFlipOut;
    animation-name: verticalFlipOut
}

@-webkit-keyframes horizontalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
        opacity: 1
    }
}

@keyframes horizontalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
        opacity: 1
    }
}

@-webkit-keyframes verticalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(0);
        transform: perspective(2000px) rotateX(0);
        opacity: 1
    }
}

@keyframes verticalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(0);
        transform: perspective(2000px) rotateX(0);
        opacity: 1
    }
}

@-webkit-keyframes horizontalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes horizontalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }
}

@-webkit-keyframes verticalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateX(0);
        transform: perspective(2000px) rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
}

@keyframes verticalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateX(0);
        transform: perspective(2000px) rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
}

.scale.transition.in {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn
}

.scale.transition.out {
    -webkit-animation-name: scaleOut;
    animation-name: scaleOut
}

@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes scaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.transition.fly {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.transition.fly.in {
    -webkit-animation-name: flyIn;
    animation-name: flyIn
}

.transition[class*="fly up"].in {
    -webkit-animation-name: flyInUp;
    animation-name: flyInUp
}

.transition[class*="fly down"].in {
    -webkit-animation-name: flyInDown;
    animation-name: flyInDown
}

.transition[class*="fly left"].in {
    -webkit-animation-name: flyInLeft;
    animation-name: flyInLeft
}

.transition[class*="fly right"].in {
    -webkit-animation-name: flyInRight;
    animation-name: flyInRight
}

.transition.fly.out {
    -webkit-animation-name: flyOut;
    animation-name: flyOut
}

.transition[class*="fly up"].out {
    -webkit-animation-name: flyOutUp;
    animation-name: flyOutUp
}

.transition[class*="fly down"].out {
    -webkit-animation-name: flyOutDown;
    animation-name: flyOutDown
}

.transition[class*="fly left"].out {
    -webkit-animation-name: flyOutLeft;
    animation-name: flyOutLeft
}

.transition[class*="fly right"].out {
    -webkit-animation-name: flyOutRight;
    animation-name: flyOutRight
}

@-webkit-keyframes flyIn {
    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)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes flyIn {
    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)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes flyInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1500px, 0);
        transform: translate3d(0, 1500px, 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)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes flyInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1500px, 0);
        transform: translate3d(0, 1500px, 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)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes flyInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1500px, 0);
        transform: translate3d(0, -1500px, 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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes flyInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1500px, 0);
        transform: translate3d(0, -1500px, 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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes flyInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes flyInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes flyOut {
    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)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes flyOut {
    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)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@-webkit-keyframes flyOutUp {
    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)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes flyOutUp {
    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)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@-webkit-keyframes flyOutDown {
    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)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes flyOutDown {
    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)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

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

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

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

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

.transition.slide.in,
.transition[class*="slide down"].in {
    -webkit-animation-name: slideInY;
    animation-name: slideInY;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.transition[class*="slide up"].in {
    -webkit-animation-name: slideInY;
    animation-name: slideInY;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.transition[class*="slide left"].in {
    -webkit-animation-name: slideInX;
    animation-name: slideInX;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.transition[class*="slide right"].in {
    -webkit-animation-name: slideInX;
    animation-name: slideInX;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.transition.slide.out,
.transition[class*="slide down"].out {
    -webkit-animation-name: slideOutY;
    animation-name: slideOutY;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.transition[class*="slide up"].out {
    -webkit-animation-name: slideOutY;
    animation-name: slideOutY;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.transition[class*="slide left"].out {
    -webkit-animation-name: slideOutX;
    animation-name: slideOutX;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.transition[class*="slide right"].out {
    -webkit-animation-name: slideOutX;
    animation-name: slideOutX;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

@-webkit-keyframes slideInY {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes slideInY {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes slideInX {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes slideInX {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes slideOutY {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@keyframes slideOutY {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@-webkit-keyframes slideOutX {
    0% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes slideOutX {
    0% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

.transition.swing {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.transition[class*="swing down"].in {
    -webkit-animation-name: swingInX;
    animation-name: swingInX;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.transition[class*="swing up"].in {
    -webkit-animation-name: swingInX;
    animation-name: swingInX;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.transition[class*="swing left"].in {
    -webkit-animation-name: swingInY;
    animation-name: swingInY;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.transition[class*="swing right"].in {
    -webkit-animation-name: swingInY;
    animation-name: swingInY;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.transition.swing.out,
.transition[class*="swing down"].out {
    -webkit-animation-name: swingOutX;
    animation-name: swingOutX;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.transition[class*="swing up"].out {
    -webkit-animation-name: swingOutX;
    animation-name: swingOutX;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.transition[class*="swing left"].out {
    -webkit-animation-name: swingOutY;
    animation-name: swingOutY;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.transition[class*="swing right"].out {
    -webkit-animation-name: swingOutY;
    animation-name: swingOutY;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

@-webkit-keyframes swingInX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(15deg);
        transform: perspective(1000px) rotateX(15deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(0);
        transform: perspective(1000px) rotateX(0)
    }
}

@keyframes swingInX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(15deg);
        transform: perspective(1000px) rotateX(15deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(0);
        transform: perspective(1000px) rotateX(0)
    }
}

@-webkit-keyframes swingInY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-17.5deg);
        transform: perspective(1000px) rotateY(-17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(0);
        transform: perspective(1000px) rotateY(0)
    }
}

@keyframes swingInY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-17.5deg);
        transform: perspective(1000px) rotateY(-17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(0);
        transform: perspective(1000px) rotateY(0)
    }
}

@-webkit-keyframes swingOutX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0);
        transform: perspective(1000px) rotateX(0)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(17.5deg);
        transform: perspective(1000px) rotateX(17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes swingOutX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0);
        transform: perspective(1000px) rotateX(0)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(17.5deg);
        transform: perspective(1000px) rotateX(17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
}

@-webkit-keyframes swingOutY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0);
        transform: perspective(1000px) rotateY(0)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-10deg);
        transform: perspective(1000px) rotateY(-10deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
}

@keyframes swingOutY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0);
        transform: perspective(1000px) rotateY(0)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-10deg);
        transform: perspective(1000px) rotateY(-10deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
}

.flash.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: flash;
    animation-name: flash
}

.shake.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: shake;
    animation-name: shake
}

.bounce.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: bounce;
    animation-name: bounce
}

.tada.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: tada;
    animation-name: tada
}

.pulse.transition {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.jiggle.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: jiggle;
    animation-name: jiggle
}

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

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

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

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

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

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@-webkit-keyframes pulse {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: .7
    }
}

@keyframes pulse {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: .7
    }
}

@-webkit-keyframes jiggle {
    0%,
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

@keyframes jiggle {
    0%,
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}