@import url(/storage/themes/ttl/css/titles/Roboto.css);
@import url(/storage/themes/ttl/css/headers/noto_sans.css);
@import url(/storage/themes/ttl/css/body/Roboto.css);

html {
    font-size: 87.5%
}

body {
    line-height: 1.6;
    background: #ffffff;
    color: #787878;
    text-align: center;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: auto}

article, blockquote, dd, fieldset, h1, h2, h3, h4, h5, h6, header, hgroup, hr, nav, ol, p, pre, table, time, ul {
    margin-bottom: 1rem
}

figure {
    margin-bottom: 3.2rem
}

figure .figimg {
    text-align: center
}

figure img {
    /*margin-bottom: 1rem;*/
    
    max-width: 100%;
    height:auto;
}

figcaption h3 {
      margin-top: 4px;
      margin-bottom: 1em
  }

.album figcaption {
    position: absolute;
    right: 0rem;
    bottom: calc(33% + 1.5rem);
    left: 40%;
    width: auto;
    padding: 1rem 1.6rem;
    /*color:#192b53;*/
    font-size: 1.6rem;
    text-align: right;
    background-color: hsla(0,0%,100%,.6);
}
.album figcaption h4{
    font-size: 3rem;
    line-height: 3rem;
}

figcaption:empty {
    margin-bottom: 0
}

img {
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom
}

img.custom_logo {
    max-width: 100%;
    height: auto
}

.hide {
    display: none
}

.clear {
    clear: both
}

.fright {
    float: right
}

hr {
    clear: both;
    border: 0;
    height: 1px;
    background: #e5e5e5;
    margin-bottom: 1.6364rem
}

fieldset {
    position: relative;
    margin: 0 0 .5rem
}

label {
    font-size: .875rem;
    color: #787878;
    cursor: pointer;
    display: block;
    font-weight: 400;
    margin-bottom: .5em
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    -webkit-appearance: none;
    border-radius: 0;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    color: #222222;
    display: block;
    font-size: .875rem;
    font-family: inherit !important;
    margin: 0 0 1em;
    padding: .5em;
    height: auto;
    width: 100%;
    box-sizing: border-box
}

input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
    border-color: #787878;
    outline: none
}

fieldset[disabled] input[type=color], fieldset[disabled] input[type=date], fieldset[disabled] input[type=datetime-local], fieldset[disabled] input[type=datetime], fieldset[disabled] input[type=email], fieldset[disabled] input[type=month], fieldset[disabled] input[type=number], fieldset[disabled] input[type=password], fieldset[disabled] input[type=search], fieldset[disabled] input[type=tel], fieldset[disabled] input[type=text], fieldset[disabled] input[type=time], fieldset[disabled] input[type=url], fieldset[disabled] input[type=week], fieldset[disabled] textarea, input[type=color]:disabled, input[type=color][disabled], input[type=color][readonly], input[type=date]:disabled, input[type=date][disabled], input[type=date][readonly], input[type=datetime-local]:disabled, input[type=datetime-local][disabled], input[type=datetime-local][readonly], input[type=datetime]:disabled, input[type=datetime][disabled], input[type=datetime][readonly], input[type=email]:disabled, input[type=email][disabled], input[type=email][readonly], input[type=month]:disabled, input[type=month][disabled], input[type=month][readonly], input[type=number]:disabled, input[type=number][disabled], input[type=number][readonly], input[type=password]:disabled, input[type=password][disabled], input[type=password][readonly], input[type=search]:disabled, input[type=search][disabled], input[type=search][readonly], input[type=tel]:disabled, input[type=tel][disabled], input[type=tel][readonly], input[type=text]:disabled, input[type=text][disabled], input[type=text][readonly], input[type=time]:disabled, input[type=time][disabled], input[type=time][readonly], input[type=url]:disabled, input[type=url][disabled], input[type=url][readonly], input[type=week]:disabled, input[type=week][disabled], input[type=week][readonly], textarea:disabled, textarea[disabled], textarea[readonly] {
    background-color: #ddd;
    cursor: default
}

input[type=checkbox], input[type=file], input[type=radio], select {
    margin: 0 0 1rem
}

input[type=checkbox] + label, input[type=radio] + label {
    display: inline-block;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    vertical-align: baseline
}

textarea[rows] {
    height: auto
}

textarea {
    max-width: 100%
}

.button, button {
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: inherit;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 1em;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    display: inline-block;
    padding: .75rem 1.75rem;
    font-size: 1rem;
    background-color: #222222;
    color: #ffffff}

.button:focus, .button:hover, button:focus, button:hover {
    background-color: #000000;
    color: #ffffff}

.button.large, button.large {
    padding: 1.125rem 2.25rem;
    font-size: 1.25rem
}

.button.small, button.small {
    padding: .875rem 1.75rem .9375rem;
    font-size: .8125rem
}

.button.tiny, button.tiny {
    padding: .625rem 1.25rem .6875rem;
    font-size: .6875rem
}

.button.disabled, .button[disabled], button.disabled, button[disabled] {
    opacity: .5
}

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

.k-contact-form {
    width: 50%
}

@media only screen and (max-width: 767px) {
    .k-contact-form {
        width: 100%
    }
    .album figcaption {
        bottom: calc(25% + 1.5rem);
    }
    .album figcaption h4{
        font-size: 2rem;
        line-height: 1.5rem;
    }
}

.k-contact-form-success {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 1em 0
}

.k-contact-form-success:before {
    content: '✔';
    color: #222222;
    margin-right: 6px
}

.k-contact-form-required-field label:after {
    content: '*';
    color: red
}

.k-content-form-processing {
    opacity: .5
}

.k-content-form-processing button[type=submit] {
    pointer-events: none !important
}

.k-contact-form-error label:before {
    position: absolute;
    right: 0;
    color: red;
    content: "This field is required"
}

.k-contact-form-error input[type=color], .k-contact-form-error input[type=date], .k-contact-form-error input[type=datetime-local], .k-contact-form-error input[type=datetime], .k-contact-form-error input[type=email], .k-contact-form-error input[type=month], .k-contact-form-error input[type=number], .k-contact-form-error input[type=password], .k-contact-form-error input[type=search], .k-contact-form-error input[type=tel], .k-contact-form-error input[type=text], .k-contact-form-error input[type=time], .k-contact-form-error input[type=url], .k-contact-form-error input[type=week], .k-contact-form-error textarea {
    border-color: red
}

.g-recaptcha {
    margin-bottom: 1.5rem
}

a, a:link, a:visited {
    text-decoration: none;
    color: #222222;
    -webkit-transition: color .1s linear;
    transition: color .1s linear
}

a:hover {
    color: #000000}

a.disabled, a.disabled:hover {
    cursor: default;
    text-decoration: none;
    color: #787878}

a.norm {
    color: #222222 !important
}

a.tag:before {
    content: "#"
}

a.paginate.disabled {
    opacity: 0
}

.rarr:after {
    content: " →"
}

.larr:before {
    content: "← "
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color: #222222}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: 600;
    color: inherit
}

h1 {
    font-size: 1.285rem;
    line-height: 1.166rem
}

h2 {
    font-size: 1.142rem;
    line-height: 1.313rem;
    margin-top: 1.313rem
}

h3 {
    font-size: 1rem;
    line-height: 1.5rem
}

h3 a span {
    color: #787878;
    font-weight: 400
}

h4 {
    font-size: .850rem;
    line-height: 1.615rem;
    margin-bottom: 1em;
    color:lightgray!important;
}

h5 {
    font-size: .875rem;
    line-height: 1.75rem
}

h6 {
    font-size: .786rem;
    line-height: 1.909rem
}

span.tagline {
    display: block;
    margin-bottom: 4px;
    font-size: .857rem
}

h3.tag:before, h4.tag:before {
    content: "#"
}

em {
    font-style: italic
}

b, strong {
    font-weight: 700
}

blockquote, em, i {
    font-style: italic
}

blockquote {
    color: #888888;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    padding: 10px 25px;
    margin-bottom: 1.6em
}

blockquote p {
    margin-bottom: 0
}

ol.inline-links li {
    float: left
}

ol.inline-links.tags li {
    margin: 0 5px 2px 0
}

p.t-caption {
    margin-bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

p.meta-links {
    font-size: .875rem
}

p.meta-links, p.meta-links a:link, p.meta-links a:visited {
    color: #868686}

p.meta-links a:hover {
    color: #000000}

img.k-lazy-loading {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 24px 24px;
    background-image: url(/storage/themes/ttl/css/white/spinner.svg)
}

section {
    display: block;
    clear: both
}

.filter_count {
    font-size: .786rem
}

.filter_count, .filter_count a, .filter_count a:link {
    color: #787878;
    font-weight: 400
}

.filter_count a:hover {
    color: #000000}

main {
    display: block;
}
main ol {
    padding: 1rem;
    background-color: black;
    /*width:100%*/
}

.logo {
    display: inline-block;
    margin-bottom: 1.6rem
}

header.top {
    width: 100%;
    margin: 0;
    padding: 1rem 0 1rem;
    position: relative;
    text-align: center;

}

header.top h1 {
    margin-bottom: .5rem;
    font-size: [ 17 ] px;
    font-weight: 600;
    letter-spacing: [ 0 ] px;
    line-height: 1.5;
    display: inline-block;
    color: #787878;
}

header.top h1 a:active, header.top h1 a:link, header.top h1 a:visited {
    color: inherit;
    font-weight: inherit
}

header.top span.tagline {
    display: block
}

header.content {
    font-weight: 400;
    font-size: .75rem;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 1.6rem
}

header.content .right {
    float: right;
    display: block;
    padding-right: 10rem;
}

header.content ul.social-links {
    margin: -3px 0 0 !important;
    padding: 0 !important
}

header.content ul.social-links a {
    font-size: 12px
}

header.content a {
    color: inherit
}

header.content a:hover {
    color: #000000}

header.content a.disabled:hover {
    color: inherit
}

header.content span.edge_right {
    border-right: 1px solid #e5e5e5;
    padding-right: 2px;
    display: inline-block
}

header.content span.edge_left {
    border-left: 1px solid #e5e5e5;
    padding-left: 2px;
    display: inline-block
}

header.content span.wrap {
    padding: 0 6px 6px;
    display: inline-block
}

header.content span.wrap.first {
    padding-left: 0
}

header.content span.wrap.first.featured {
    padding-left: 6px
}

header.content span.wrap.last {
    padding-right: 0
}

header.content ul.detail-nav li {
    display: inline-block
}

header.page {
    margin-bottom: 1rem
}

nav#main {


    padding: .6em 0;
    border-top: 1px solid #e5e5e5}

nav#main ul {
    margin-bottom: 0
}

nav#main ul li {
    display: inline-block;
    list-style: none;
    line-height: 1.8;
    margin-right: 15px
}

nav#main ul li:last-child {
    margin-right: 0
}

nav#main a, nav#main a:link, nav#main a:visited {
    color: #787878}

nav#main a:hover {
    color: #222222}

nav#main a.k-nav-current {
    font-weight: 700;
    color: #222222}

div#crumbs {
    color: #787878;
    margin-bottom: 2rem
}

div#crumbs a {
    font-size: .857rem;
    color: #787878}

div#crumbs a:hover {
    color: #000000}

footer.bot {
    float: left;
    clear: left;
    width: calc(100% - 11%);
    margin: 0 0 3.2rem;
    padding: 1.6rem 0 0 11%;
    border-top: 1px solid #e5e5e5;
    font-size: .857rem
    display:flex;
    justify-content: space-between;
}

footer.bot nav {
    margin-bottom: 1rem
}

footer.bot ul {
    margin: 0
}

footer.bot li {
    display: inline-block;
    margin: 0 10px 0 0
}

#container {
    width: calc(100% - 4rem);
    text-align: left;
    padding: 0 2rem;
    margin: 0 auto;
}

.head {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 1rem;
    clear: both
}

.head h2 {
    display: inline-block;
    margin: 0 5px 0 0
}

.head p:first-child {
    margin-top: 2rem
}

.head section {
    margin: 0 0 24px
}

.head div.notes {
    float: right;
    width: 176px
}

.head div.text {
    font-size: .75rem;
    width: 620px
}

.head.lcol {
    width: 650px
}

.head.lcol h2 {
    width: 570px
}

.head.mcol {
    width: 645px
}

ul.block_list {
    display: block
}

ul.block_list li {
    display: block;
    margin-bottom: 1rem;
    width: 100%
}

div#twocol {
    float: left;
    margin-bottom: 1.6rem
}

div.mcol {
    width: 645px;
    float: left;
    margin-right: 35px
}

div.rcol {
    float: left;
    width: 200px
}

div.rcol section {
    margin-bottom: 1rem;
    display: block
}

div#twocol hr:last-child {
    display: none
}

aside {
    font-size: 87%
}

aside section h4 {
    margin-top: 0;
    margin-bottom: .5rem
}

aside section h4 span {
    color: #787878;
    font-weight: 400
}

aside .thumb + h4 {
    margin-top: 1rem
}

aside section p:last-child {
    margin-bottom: 0
}

aside header.content {
    margin-top: 2rem
}

aside section:first-child header.content {
    margin-top: 0
}

div#twocol article {
    float: left;
    width: 100%;
    margin-bottom: 1rem
}

div#twocol article div.mcol {
    float: left
}

div#twocol article div.rcol {
    float: left;
    width: 200px;
    margin-left: 30px
}

div#twocol article div.lcol {
    float: left;
    width: 200px;
    margin-right: 30px;
    font-size: .857rem
}

body.k-source-essay div#twocol article {
    margin-bottom: 0
}

aside a:active, aside a:link, aside a:visited {
    color: inherit
}

aside a.norm:active, aside a.norm:link, aside a.norm:visited {
    color: #222222}

aside a:hover {
    color: #000000}

.head_title {
    margin-bottom: 1rem;
    display: none;
}
.head_title p {
    font-size: 12px
}

ol.thumbs {
    clear: left;
    float: left;
    margin-bottom: 1rem;
    width:100%;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

ol.thumbs li {
    position:relative;
    width: calc(25% - 1rem);
    display: inline-block;
    /*vertical-align: top;*/
    flex-grow : 2;
    margin: 0 1rem 0 0;
}

ol.thumbs li:nth-child(4n+1) {

    width:calc(30% - 1rem);
    /*margin: 0 1rem 0 0;*/
    flex-grow:3;
}

ol.thumbs li a.thumb {
    display: block;
    text-align: center
}

ol.thumbs li p {
    font-size: .929rem;
    margin: 0
}

ol.thumbs li time {
    display: block;
    margin-top: 1rem;
    margin-bottom: -1rem;
    font-size: .786rem;
    line-height: 1.909rem
}

ol.thumbs li h4 {
    margin-bottom: .5rem
}

body.k-source-content a.mag {
    cursor: url(/storage/themes/ttl/css/img/magnify.cur), -moz-zoom-in
}

body.k-source-content a.mag + p:first-child {
    margin-top: 2rem
}

ol.thumb-strip {
    list-style: none;
    margin-bottom: 1em
}

ol.thumb-strip li {
    display: inline-block;
    margin: 0 3px 6px 0;
    width: 60px
}

ol.thumb-strip li:last-child {
    margin-right: 0
}

ol.thumb-strip li img {
    margin-bottom: 0;
    -khtml-opacity: 1 !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

ol.thumb-strip li img.current, ol.thumb-strip li img:hover {
    -khtml-opacity: 1 !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important
}

ol.data {
    overflow: auto
}

ol.data li {
    clear: left;
    float: left;
    margin-bottom: 0
}

ol.data li span.label {
    display: block;
    float: left;
    width: 80px;
    margin-right: 5px
}

ol.data li span.value {
    float: left;
    display: block;
    width: 115px
}

img.content_main {
    max-height: 700px
}

.img-copyright {
    font-size: 0.85rem;
    position: absolute;
    bottom: 50%;
    right: 3rem;
    text-shadow: 1px 1px 1px white;
    color: #414141;
}
article hr {
    clear: left;
    height: 0;
    border: 0;
    padding: 0;
    margin: 0
}

article header {
    margin-bottom: 2em
}

article header h2 {
    margin-top: 1em
}

article ol, article p, article ul {
    margin-bottom: 1rem
}

article ul {
    list-style: disc;
    list-style-position: inside
}

article ol {
    list-style: decimal;
    list-style-position: inside
}

figure.k-content-embed {
    margin: 1.6rem 0
}

figure.k-content-embed img {
    margin-bottom: 0
}

.k-content-text {
    padding: 1em;
    margin: 0;
    font-size: .857em;
    color: #222222;
    background: #e6e6e6}

.k-content img {
    max-width: 100%;
    height: auto
}

.k-content-title {
    margin: 0 5px 0 0;
    display: block;
    color: #222222}

div.essay-entry {
    margin-bottom: 2.76rem
}

div.essay-head {
    margin-bottom: 1.636rem
}

div.essay-entry h2 {
    margin: 0
}

div.essay-img {
    margin: 0 0 1.636rem
}

div.essay-img-caption {
    margin-top: .6em
}

aside h6 {
    margin-bottom: .6em
}

aside h6 span {
    font-weight: 400
}

div.essay-pag {
    margin-top: 4em
}

div.essay-pag ul {
    list-style: none;
    display: table;
    width: 100%
}

div.essay-pag ul li {
    display: table-row
}

div.essay-pag span.cell {
    display: table-cell;
    width: 50%
}

div.essay-pag span.cell.right {
    text-align: right
}

.paginate {
    float: left;
    clear: left;
    width: 100%;
    text-align: left;
    position: relative;
    padding-top: 1rem;
    margin: 0 0 3.2rem;
    border-top: 1px solid #e5e5e5;
    white-space: nowrap
}

.paginate ol {
    list-style: none;
    float: left;
    margin-bottom: 0
}

.paginate ol li {
    display: inline
}

.paginate a {
    padding: 0 3px;
    font-weight: 400;
    color: inherit;
    font-size: .857rem
}

.paginate a:first-child {
    padding-left: 0
}

.paginate a.k-pagination-current {
    cursor: default;
    color: #222222;
    font-weight: 700
}

.paginate li.prev {
    padding-right: 10px
}

.paginate li.next {
    padding-left: 10px
}

.paginate ol.num li:last-child:after {
    content: none
}

.paginate span.count {
    font-size: .857rem;
    float: right;
    padding: 1px 0
}

.k-source-index section, .k-source-index section hr {
    margin-bottom: 2rem
}

.k-source-index section.inner_margin {
    margin-bottom: 0
}

#home-slideshow-text {
    margin-top: 2rem
}

#home-slideshow-title {
    display: inline-block;
    margin: 0;
    padding: 0
}

#home-slideshow-caption {
    font-size: .857em
}

#home-slideshow {
    position: relative;
    width:100%;
    background-color: #000000;
}

#ss_spinner {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 16px 16px;
    background-image: url(/storage/themes/ttl/css/white/spinner.svg);
    background-color: #ffffff;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    z-index: 999;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    pointer-events: none
}

#ss_spinner.loading {
    opacity: 1
}

body.k-source-archives section {
    clear: both;
    margin-bottom: 2em;
    overflow: auto
}

div.essay-previews ol {
    list-style: none
}

div.essay-previews ol li {
    width: 49%;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    padding: 0 30px 1em 0;
    margin: 0
}

div.essay-previews ol li:last-child {
    padding-right: 0
}

div.essay-previews p {
    font-size: .857rem
}

div.essay-previews time {
    font-size: .75rem
}

.bitcon:active, .bitcon:hover, .bitcon:link, .bitcon:visited {
    padding-left: 18px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0
}

a.icon {
    display: inline-block;
    background-color: transparent;
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-left: 12px;
    margin-right: 2px
}

.social-links li a:hover {
    text-decoration: none !important
}

.social-links li a {
    font-size: 13px;
    padding: 0 1px
}

.social-links li:first-child a {
    padding-left: 0
}

.social-links li:last-child a {
    padding-right: 0
}

.social-links li a.share-facebook {
    padding-left: 2px
}

.social-links li a.share-tumblr {
    padding-left: 0
}

.social-links li a.share-google {
    padding-left: 3px
}

.share_button:after {
    content: " +"
}

.share_button.active, .share_button:hover {
    color: #000000}

ol.meta_list li h3, ol.meta_list li h4 {
    margin: 0;
    padding: 0;
    display: inline-block
}

ol.meta_list li a {
    display: block;
    padding: .75rem 0;
    width: 100%;
    border-bottom: 1px solid #e5e5e5}

ol.meta_list li:first-child a {
    padding-top: 0
}

ol.meta_list li:last-child a {
    border-bottom: 0
}

ol.meta_list li span.count {
    float: right;
    font-size: .875rem;
    line-height: 1.6rem
}

ol.meta_list li a span.count {
    color: #787878}

ol.meta_list li a:hover span.count {
    color: #000000}

aside ol.meta_list li a {
    padding: .5rem 0
}

.kevent {
    margin-bottom: 2rem
}

.kevent h3.featured:before {
    content: '★'
}

ul.k-mosaic {
    margin-bottom: 1.6rem
}

ul.k-mosaic.edge > li {
    margin: [ 8 ] px [ 8 ] px 0 0
}

#kdiscuss {
    margin-top: 2rem;
    float: left;
    clear: left;
    width: 100%;
    position: relative
}

.social {
    display: inline-block;
    float: right
}

.social span {
    display: inline-block;
    line-height: 0;
    font-size: 0
}

.social span.fb {
    margin-right: calc(5px - 1px)
}

.social span.tw {
    width: 75px;
    margin-right: [ 5 ] px
}

.social > span, .social iframe {
    vertical-align: middle !important
}

.social span.gplus iframe body {
    font-family: Helvetica Neue, Arial, sans-serif !important
}

.social-links {
    list-style: none
}

.social-links, .social-links li {
    display: inline-block
}

.social-links li:after {
    content: "\00a0\00a0"
}

.k-note, .k-source-archives section {
    clear: both
}

.k-note {
    color: #222222;
    background: #e6e6e6;
    padding: .25em .5em;
    display: block
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    /*#container {
        width: 728px
    }*/

    ol.thumbs li {
        width: 207px
    }

    div.mcol {
        width: 490px
    }

    div.rcol {
        font-size: 90%
    }

    .kevent .article_body {
        padding-right: 0
    }
}

@media only screen and (min-width: 1040px) {
    article{
        padding:5rem 15rem;
    }
    figure {
        margin-bottom: 1rem
    }
    ol.thumbs li:nth-child(3n) {
        margin-right: 0
    }
    .k-source-index ol.thumbs li {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin:auto;
        /*text-align: center;*/
    }
    #container.nav-sidebar {
        width: width: calc(100% - 4rem);
        padding: 0 2rem;
    }

    #container.nav-sidebar header {
        /*border-bottom: 1px solid #e5e5e5;*/
        /*margin-bottom: 0.75rem*/
    }
    #container.nav-sidebar header.content {
        border-bottom: none;
       /**/ margin-bottom: 1rem
    }
    #container.nav-sidebar nav#main {
        float: left;
        width: calc(10% - 2rem);
        /*margin: -20px 0 0;*/
        padding: 0 1rem;
        border-top: none;
        text-align:right
    }

    #container.nav-sidebar nav#main li {
        display: block
    }

    #container.nav-sidebar nav#main ul li:last-child {
        margin-right: 15px
    }

    #container.nav-sidebar main {
        float: left;
        width: calc(90% - 4rem);
        padding: 0 2rem
    }

    #container.nav-sidebar footer {
        width: calc(100% - 0);

        /*padding-left: 15%*/
    }
    nav#main {
        width: 15%;
        margin: 0 0 3.2em;
        padding: .6em 0;
        border-top: 1px solid #e5e5e5    }
}

@media only screen and (max-width: 767px) {
    /*header.top, nav#main {
        position: fixed;
    }*/
   /* #container {
        width: 280px
    }*/

    header h1 {
        display: block
    }

    header.top {
        /*margin-top: 2rem;*/
        text-align: left;
    }
    ol.thumbs li {
        margin: 0;

    }
    ol.thumbs li:nth-child(4n+1) {

        flex-grow:1;
    }
    div.mcol, ol.thumbs li {
        width: 100%;
        flex-grow: 1;
    }

    div.mcol {
        float: none;
        margin: 0 0 1.1667rem
    }

    div.rcol {
        width: 100%;
        margin: 0 0 24px;
        font-size: 90%
    }

    body.k-source-content div.head, body.k-source-content div.head h2 {
        width: 280px
    }

    .kevent .article_body {
        padding-right: 0
    }

    header.content .share, header.content span.entry-type {
        display: none
    }

    .social {
        float: none;
        margin: 0 0 24px
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    /*#container {
        padding: 0 15px;
        width: 436px
    }*/

    header.top {
        /*margin-top: 2rem*/
    }

    ol.thumbs li {
        width: 436px
    }

    div.mcol {
        margin: 0 0 1.1667em
    }

    div.mcol, div.rcol {
        width: 436px;
        float: none
    }

    div.rcol {
        margin: 0 0 24px;
        font-size: 90%
    }

    body.k-source-content div.head {
        width: 436px
    }

    div#twocol div.rcol ol.actions li {
        float: left;
        margin: 0 24px 0 0
    }

    header.content .share {
        display: block
    }

    header.content div.kshare {
        right: 20px
    }
}

@media only screen and (min-width: 1280px) and (min-height: 960px) {
    body.k-source-content div#container {
        width: 1145px
    }

    body.k-source-content .head.mcol, body.k-source-content div.mcol {
        width: 900px
    }
}

@media only screen and (min-width: 1601px) and (min-height: 1200px) {
    body.k-source-content div#container {
        width: 1500px
    }

    body.k-source-content .head.mcol, body.k-source-content div.mcol {
        width: 1265px
    }

    img.content_main {
        max-height: 900px
    }
}

.k-mosaic{position:relative;display:block;list-style:none;padding:0;margin:0}.k-mosaic:after,.k-mosaic:before{content:" ";display:table}.k-mosaic:after{clear:both}.k-mosaic>li{display:inline;height:auto;float:left;font-size:0!important;line-height:0!important;box-sizing:border-box}.k-mosaic img{max-height:none!important;vertical-align:baseline}.k-mosaic-1>li{width:100%}.k-mosaic-1>li:nth-of-type(n){clear:none}.k-mosaic-1>li:nth-of-type(1n+1){clear:both}.k-mosaic-2>li{width:50%}.k-mosaic-2>li:nth-of-type(n){clear:none}.k-mosaic-2>li:nth-of-type(2n+1){clear:both}.k-mosaic-3>li{width:33.333333333%}.k-mosaic-3>li:nth-of-type(n){clear:none}.k-mosaic-3>li:nth-of-type(3n+1){clear:both}.k-mosaic-4>li{width:25%}.k-mosaic-4>li:nth-of-type(n){clear:none}.k-mosaic-4>li:nth-of-type(4n+1){clear:both}.k-mosaic-5>li{width:20%}.k-mosaic-5>li:nth-of-type(n){clear:none}.k-mosaic-5>li:nth-of-type(5n+1){clear:both}.k-mosaic-6>li{width:16.66667%}.k-mosaic-6>li:nth-of-type(n){clear:none}.k-mosaic-6>li:nth-of-type(6n+1){clear:both}.k-mosaic-7>li{width:14.28571%}.k-mosaic-7>li:nth-of-type(n){clear:none}.k-mosaic-7>li:nth-of-type(7n+1){clear:both}.k-mosaic-8>li{width:12.5%}.k-mosaic-8>li:nth-of-type(n){clear:none}.k-mosaic-8>li:nth-of-type(8n+1){clear:both}.k-mosaic-9>li{width:11.11111%}.k-mosaic-9>li:nth-of-type(n){clear:none}.k-mosaic-9>li:nth-of-type(9n+1){clear:both}.k-mosaic-10>li{width:10%}.k-mosaic-10>li:nth-of-type(n){clear:none}.k-mosaic-10>li:nth-of-type(10n+1){clear:both}.k-mosaic.edge>li{margin:1px 1px 0 0}.k-mosaic-1.edge li:first-child,.k-mosaic-2.edge>li:nth-of-type(-n+2),.k-mosaic-3.edge>li:nth-of-type(-n+3),.k-mosaic-4.edge>li:nth-of-type(-n+4),.k-mosaic-5.edge>li:nth-of-type(-n+5),.k-mosaic-6.edge>li:nth-of-type(-n+6),.k-mosaic-7.edge>li:nth-of-type(-n+7),.k-mosaic-8.edge>li:nth-of-type(-n+8),.k-mosaic-9.edge>li:nth-of-type(-n+9),.k-mosaic-10.edge>li:nth-of-type(-n+10){margin-top:0!important}.k-mosaic-1.edge li,.k-mosaic-2.edge>li:nth-of-type(2n),.k-mosaic-3.edge>li:nth-of-type(3n),.k-mosaic-4.edge>li:nth-of-type(4n),.k-mosaic-5.edge>li:nth-of-type(5n),.k-mosaic-6.edge>li:nth-of-type(6n),.k-mosaic-7.edge>li:nth-of-type(7n),.k-mosaic-8.edge>li:nth-of-type(8n),.k-mosaic-9.edge>li:nth-of-type(9n),.k-mosaic-10.edge>li:nth-of-type(10n),.k-mosaic-uneven:last-child{margin-right:0!important}.k-mosaic-2.edge>li:nth-of-type(2n+1),.k-mosaic-3.edge>li:nth-of-type(3n+1),.k-mosaic-4.edge>li:nth-of-type(4n+1),.k-mosaic-5.edge>li:nth-of-type(5n+1),.k-mosaic-6.edge>li:nth-of-type(6n+1),.k-mosaic-7.edge>li:nth-of-type(7n+1),.k-mosaic-8.edge>li:nth-of-type(8n+1),.k-mosaic-9.edge>li:nth-of-type(9n+1),.k-mosaic-10.edge>li:nth-of-type(10n+1){margin-left:0!important}

article {
    padding-top: 1rem ;
}

.aurelie {
    z-index: 1;
    position: relative;
    margin-top: 2rem;
    margin-left:auto;
    margin-right:auto;
    top:0;
    left:0;
    height: 50rem;
    width:40%;
    background-image:  url('/storage/cache/images/000/279/T0A5879-Modifier-WEB,large.1576176360.jpg');
    background-blend-mode: soft-light;
    background-size: cover;
    background-position: center center;
}

.water {
    position: absolute;
    top:0;
    left:0;
    height: 100%;
    width: 100%;
    background-image: url('storage/cache/images/000/285/water,large.1576277282.png');
    background-size: cover;
    background-position: center center;
    filter: url("#turbulence3");
    -webkit-filter: url("#turbulence3");
    -moz-filter: url("#turbulence3");fff
}



.danseuse {
    z-index: 1;
    margin-top: 2rem;
    margin-left:auto;
    margin-right:auto;
    position: relative;
    overflow: hidden;
    height: 800px;
    width:auto;
    background-image: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%), url('/storage/cache/images/000/286/work2,xlarge.1576314911.jpg');
    background-blend-mode: soft-light;
    background-size: cover;
    background-position: center center;
}

.silhouettedanseuse {
    z-index:3;
    position: absolute;
    top:0;
    left:0;
    height: 100%;
    width: 100%;
    background-image: url('/storage/cache/images/000/287/danseuse,xlarge.1576314912.png');
    background-size: cover;
    background-position: center center;
}
.voilage {
    position: absolute;
    top:0;
    left:0;
    height: 100%;
    width: 100%;
    background-image: url('/storage/cache/images/000/313/voilage,large.1576615321.png');
    background-size: cover;
    background-position: center center;
    filter: url("#turbulence3");
    -webkit-filter: url("#turbulence3");
    -moz-filter: url("#turbulence3");
}

.jade {
    margin-top: 2rem;
    margin-left:auto;
    margin-right:auto;
    position: relative;
    overflow: hidden;
    height: 750px;
    width:500px;
    background-image:url('/storage/cache/images/000/316/jade,medium_large.1576865687.jpg');
    background-blend-mode: soft-light;
    background-size: cover;
    background-position: center center;
}
.silhouetteJade {
    z-index:3;
    position: absolute;
    top:0;
    left:0;
    height: 100%;
    width: 100%;
    background-image: url('/storage/cache/images/000/314/silhouetteJade,medium_large.1576865283.png');
    background-size: cover;
    background-position: center center;
}

.bird {
    background-image: url('/storage/cache/images/tools/bird-cells-new.svg');
    background-size: auto 100%;
    width: 88px;
    height: 125px;
    will-change: background-position;
    animation-name: fly-cycle;
    animation-timing-function: steps(10);
    animation-iteration-count: infinite;
    opacity:1;

}

.bird--one {
    animation-duration: 1s;
    animation-delay: -0.5s;
}

.bird--two {
    animation-duration: 1.5s;
    animation-delay: -0.75s;
}

.bird--three {
    animation-duration: 1.8s;
    animation-delay: -0.25s;
}

.bird--four {
    animation-duration: 1.7s;
    animation-delay: -0.5s;
}

.bird-container {
    z-index:2;
    position: absolute;
    top: 20%;
    left: -10%;
    transform: scale(0) translateX(-10vw);
    will-change: transform;
    animation-name: fly-right-one;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

}

.bird-container--one {
    animation-duration: 15s;
    animation-delay: 1s;
}

.bird-container--two {
    animation-duration: 16s;
    animation-delay: 1s;
}

.bird-container--three {
    animation-duration: 14.6s;
    animation-delay: 3.5s;
}

.bird-container--four {
    animation-duration: 17s;
    animation-delay: 5.25s;
}

@keyframes fly-cycle {

    100% {
        background-position: -900px 0;
    }

}

@keyframes fly-right-one {

    0% {
        transform: scale(0.3) translateX(-10vw);
    }

    10% {
        transform: translateY(2vh) translateX(10vw) scale(0.4);
    }

    20% {
        transform: translateY(0vh) translateX(30vw) scale(0.5);
    }

    30% {
        transform: translateY(4vh) translateX(50vw) scale(0.6);
    }

    40% {
        transform: translateY(2vh) translateX(70vw) scale(0.6);
    }

    50% {
        transform: translateY(0vh) translateX(90vw) scale(0.6);
    }

    60% {
        transform: translateY(0vh) translateX(110vw) scale(0.6);
    }

    100% {
        transform: translateY(0vh) translateX(110vw) scale(0.6);
    }

}

@keyframes fly-right-two {

    0% {
        transform: translateY(-2vh) translateX(-10vw) scale(0.5);
    }

    10% {
        transform: translateY(0vh) translateX(10vw) scale(0.4);
    }

    20% {
        transform: translateY(-4vh) translateX(30vw) scale(0.6);
    }

    30% {
        transform: translateY(1vh) translateX(50vw) scale(0.45);
    }

    40% {
        transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
    }

    50% {
        transform: translateY(0vh) translateX(90vw) scale(0.45);
    }

    51% {
        transform: translateY(0vh) translateX(110vw) scale(0.45);
    }

    100% {
        transform: translateY(0vh) translateX(110vw) scale(0.45);
    }

}
.shake {
    display: inherit;
    transform-origin: center center;
}

.shake-freeze,
.shake-constant.shake-constant--hover:hover,
.shake-trigger:hover .shake-constant.shake-constant--hover {
    animation-play-state: paused; }

.shake-freeze:hover,
.shake-trigger:hover .shake-freeze, .shake:hover,
.shake-trigger:hover .shake {
    animation-play-state: running; }

@keyframes shake {
    0% {
        transform: translate(0, 0) rotate(0);
    }
    2% {
        transform: translate(-1.5px, -0.5px) rotate(1.5deg); }
    4% {
        transform: translate(2.5px, 0.5px) rotate(-0.5deg); }
    6% {
        transform: translate(1.5px, 1.5px) rotate(1.5deg); }
    8% {
        transform: translate(1.5px, 0.5px) rotate(1.5deg); }
    10% {
        transform: translate(-0.5px, -0.5px) rotate(0.5deg); }
    12% {
        transform: translate(-1.5px, -1.5px) rotate(-0.5deg); }
    14% {
        transform: translate(2.5px, 1.5px) rotate(1.5deg); }
    16% {
        transform: translate(-0.5px, -0.5px) rotate(1.5deg); }
    18% {
        transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
    20% {
        transform: translate(-0.5px, 1.5px) rotate(0.5deg); }
    22% {
        transform: translate(2.5px, 2.5px) rotate(1.5deg); }
    24% {
        transform: translate(-0.5px, 1.5px) rotate(-0.5deg); }
    26% {
        transform: translate(0.5px, -0.5px) rotate(0.5deg); }
    28% {
        transform: translate(1.5px, 0.5px) rotate(0.5deg); }
    30% {
        transform: translate(1.5px, 2.5px) rotate(1.5deg); }
    32% {
        transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
    34% {
        transform: translate(0.5px, 1.5px) rotate(0.5deg); }
    36% {
        transform: translate(-1.5px, 0.5px) rotate(-0.5deg); }
    38% {
        transform: translate(1.5px, -0.5px) rotate(-0.5deg); }
    40% {
        transform: translate(2.5px, -0.5px) rotate(0.5deg); }
    42% {
        transform: translate(2.5px, 1.5px) rotate(1.5deg); }
    44% {
        transform: translate(0.5px, 1.5px) rotate(1.5deg); }
    46% {
        transform: translate(0.5px, 1.5px) rotate(0.5deg); }
    48% {
        transform: translate(-1.5px, -1.5px) rotate(-0.5deg); }
    50% {
        transform: translate(-0.5px, -0.5px) rotate(-0.5deg); }
    52% {
        transform: translate(-1.5px, -0.5px) rotate(-0.5deg); }
    54% {
        transform: translate(1.5px, 1.5px) rotate(0.5deg); }
    56% {
        transform: translate(0.5px, -1.5px) rotate(-0.5deg); }
    58% {
        transform: translate(-0.5px, 2.5px) rotate(1.5deg); }
    60% {
        transform: translate(2.5px, 1.5px) rotate(-0.5deg); }
    62% {
        transform: translate(2.5px, -1.5px) rotate(-0.5deg); }
    64% {
        transform: translate(-0.5px, 2.5px) rotate(1.5deg); }
    66% {
        transform: translate(1.5px, -0.5px) rotate(1.5deg); }
    68% {
        transform: translate(0.5px, -1.5px) rotate(1.5deg); }
    70% {
        transform: translate(0.5px, -0.5px) rotate(1.5deg); }
    72% {
        transform: translate(2.5px, -0.5px) rotate(0.5deg); }
    74% {
        transform: translate(-0.5px, 2.5px) rotate(1.5deg); }
    76% {
        transform: translate(1.5px, -0.5px) rotate(0.5deg); }
    78% {
        transform: translate(2.5px, -0.5px) rotate(1.5deg); }
    80% {
        transform: translate(1.5px, 2.5px) rotate(-0.5deg); }
    82% {
        transform: translate(-1.5px, 0.5px) rotate(-0.5deg); }
    84% {
        transform: translate(0.5px, -0.5px) rotate(-0.5deg); }
    86% {
        transform: translate(-1.5px, 0.5px) rotate(0.5deg); }
    88% {
        transform: translate(2.5px, 0.5px) rotate(0.5deg); }
    90% {
        transform: translate(1.5px, 2.5px) rotate(0.5deg); }
    92% {
        transform: translate(-1.5px, 1.5px) rotate(-0.5deg); }
    94% {
        transform: translate(-0.5px, 2.5px) rotate(1.5deg); }
    96% {
        transform: translate(1.5px, 0.5px) rotate(0.5deg); }
    98% {
        transform: translate(1.5px, -0.5px) rotate(-0.5deg);
    }
    100% {
        transform: translate(0, 0) rotate(0);
        background-image:  url('/storage/cache/images/000/294/work4b,medium_large.1576336463.jpg');
    }
}

.shake .work4:hover ,.shake .work4:focus,
.shake-trigger:hover .shake, .shake.shake-freeze, .shake.shake-constant {
    animation-name: shake;
    animation-duration: 100ms;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 3;
    animation-fill-mode: forwards;
    -webkit-animation-name: shake;
    -webkit-animation-duration: 100ms;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 3;
    -webkit-animation-fill-mode: forwards;

}
.work4 {
    margin-top: 2rem;
    margin-left:auto;
    margin-right:auto;
    position: relative;
    overflow: hidden;
    height: 750px;
    width:500px;
    background-image:  url('/storage/cache/images/000/295/work4,medium_large.1576336463.jpg');
    background-size: cover;
    background-position: center center;
    transition-duration: 10s;
    transition-timing-function: ease-in-out;
    transition-delay: 5s;
}
/*.work4:hover {
    background-image:  url('/storage/cache/images/000/294/work4b,medium_large.1576336463.jpg');
}*/

/**
 * Realistic CSS3 Waterfall
 * Author: Thanh Tran
 * License: MIT
 * Tutorial: <a href="http://blog.int3ractive.com/2012/04/tutorial-realistic-waterfall-with-css3.html">http://blog.int3ractive.com/2012/04/tutorial-realistic-waterfall-with-css3.html</a>
 * Image courtesy: <a href="http://wolffanticy.webs.com/waterfallcavepack.htm">http://wolffanticy.webs.com/waterfallcavepack.htm</a>
 */

/* Container with the static waterfall background image */
.waterfall {
    position: relative;

    margin-left:auto;
    margin-right:auto;
    width: 533px;
    height: 800px;
    background-image: url("/storage/cache/images/000/307/work5,medium_large.1576402480.jpg");
    background-size: cover;
    background-position: center center;
}

.waterfall > div {
    position: absolute;
}

/* The waterfall loop
Key ingredients:
- Vertically seamless bitmap
- Background repeat Y
- Infinite animation which shifts background position vertically
 */
.waterfall-loop {
    /* offset x of the mask */
    left: 0px;
    /* offset y of the mask */
    top: opx;
    /* width of the mask */
    width: 100%;
    /* height of the mask */
    height: 100%;
    background: url("/storage/cache/images/000/306/work5water,medium_large.1576402479.png") 0 0 repeat-y;
    background-size: cover;
    background-position: center center;
    -moz-animation: waterfallloop 1.5s infinite linear;
    -webkit-animation: waterfallloop 1.5s infinite linear;
    -ms-animation: waterfallloop 1.5s infinite linear;
    -o-animation: waterfallloop 1.5s infinite linear;
}

@-moz-keyframes waterfallloop {
    0% { background-position:0 0; }
    /* the end position y must equal bitmap's height */
    100% { background-position: 0 800px }
}

@-webkit-keyframes waterfallloop {
    0% { background-position:0 0; }
    100% { background-position: 0 800px; }
}

@-ms-keyframes waterfallloop {
    0% { background-position:0 0; }
    100% { background-position: 0 800px; }
}

@-o-keyframes waterfallloop {
    0% { background-position:0 0; }
    100% { background-position: 0 800px; }
}

/* The mask overlay to soften borders */
.waterfall-mask {
    width: 533px;
    height: 800px;
    background: url("/storage/cache/images/000/297/work5,medium_large.1576398850.jpg")  no-repeat;
}

.work6 {
    z-index: 1;
    position: relative;
    margin-top: 2rem;
    margin-left:auto;
    margin-right:auto;
    top:0;
    left:0;
    height: 533px;
    width:800px;
    background-image:  url('/storage/cache/images/000/308/work6smoke,medium_large.1576520576.jpg');
    background-blend-mode: soft-light;
    background-size: cover;
    background-position: center center;
}

.smoke {
    position: absolute;
    top:0;
    left:0;
    height: 100%;
    width: 100%;
    background-image: url('/storage/cache/images/000/311/smoke,medium_large.1576614572.png');
    background-size: cover;
    background-position: center center;
    filter: url("#turbulence");
}

.mask a::after {
    content: '';
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-radial-gradient(0 0,circle farthest-side, rgba(255,255,255,0) 90%,rgba(255,255,255,.8) 98%,rgba(255,255,255,0) 100%) no-repeat;
    background: -moz-radial-gradient(0 0,circle farthest-side, rgba(255,255,255,0) 90%,rgba(255,255,255,.8) 98%,rgba(255,255,255,0) 100%) no-repeat;
    background: radial-gradient(circle farthest-side at 0 0, rgba(255,255,255,0) 90%, rgba(255,255,255,.8) 98%, rgba(255,255,255,0) 100%) no-repeat;
    background-position: -140px 0;
    /*background-position-x: 0%;
    background-position-y: 0%;
    background-position: inherit;

-webkit-mask: url('/storage/cache/images/000/318/bijoux,medium_large.1576937362.jpg') center;
    mask: url('#id-masqueBijoux');*/

}
.mask a:hover::after,
.mask a:focus::after{
    transition: background-position 1s;
    background-position: 10px 0;
}

.bijoux {
    z-index: 1;
    margin-top: 2rem;
    margin-left:auto;
    margin-right:auto;
    position: relative;
    overflow: hidden;
    height: 534px;
    width:800px;
    background-image:url('/storage/cache/images/000/318/bijoux,medium_large.1576937362.jpg');

    background-size: cover;
    background-position: center center;
    filter: brightness(0.5);
    /*animation: brillanceBijoux 3s infinite ease-in-out;*/
    animation-name:brillanceBijoux;
    animation-duration:4s;
    animation-delay:2s;
    animation-timing-function:ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.masqueBijoux {
    z-index:3;
    position: absolute;
    top:0;
    left:0;
    height: 100%;
    width: 100%;
    background-image: url('/storage/cache/images/000/320/refletBijoux,medium_large.1576945603.png');
    background-size: cover;
    background-position: center center;
    background-blend-mode: soft-light;
    /*-moz-animation: brillanceBijoux 3.5s infinite linear;
  -webkit-animation: brillanceBijoux 1.5s infinite cubic-bezier(0.1, -0.6, 0.2, 0);
  -ms-animation: brillanceBijoux 5s infinite cubic-bezier(0.1, -0.6, 0.2, 0);
  -o-animation: brillanceBijoux 1.5s infinite linear;*/

}
/*.masqueBijoux:hover,
.masqueBijoux:focus{

filter: brightness(1.1);
}*/
@-webkit-keyframes brillanceBijoux {
    0% {
        filter: brightness(0.5);
    }
    10% {
        filter: brightness(0.55);
    }
    20% {
        filter: brightness(0.6);
    }
    30% {
        filter: brightness(0.65);
    }
    40% {
        filter: brightness(0.7);
    }
    50% {
        filter: brightness(0.75);
    }
    70% {
        filter: brightness(0.8);
    }
    75% {
        filter: brightness(0.8);
    }
    80% {
        filter: brightness(0.9);
    }
    85% {
        filter: brightness(0.95);
    }
    90% {
        filter: brightness(1);
    }
    95% {
        filter: brightness(1);
    }
    100% {
        filter: brightness(1);
    }
}

/*** Fog animation ***/
.fogimage{
    background:url('/storage/cache/images/000/041/MG-0194-Modifier-WEB,large.1552754281.jpg');
    background-position: 50%;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    background-size:cover;
    overflow: hidden;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:0;
}

.fog-wrapper {
    position:relative;
    height: 600px;
    max-width: 1024px;
    background: #fff;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
}
.foglayerwrapper {
    position:absolute;
    height:100%;
    width:100%;
    overflow: hidden;
    z-index:1;
}

#foglayer_01 {
    width: 200%;
    height: 100%;
    position: absolute;
    animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
    -webkit-animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
}
#foglayer_01 .image01, #foglayer_01 .image02 {
    background: url("/storage/cache/images/000/322/fog1,medium_large.1576950088.png") repeat-x top left transparent;
    background-size: 100%;
    width: 50%;
    height: 100%;
    float: left;
}

#foglayer_02 {
    width: 200%;
    height: 100%;
    position: absolute;
    animation: foglayer_02_opacity 19s linear infinite,
    foglayer_moveme 15s linear infinite;
    -webkit-animation: foglayer_01_opacity 21s linear infinite,
    foglayer_moveme 15s linear infinite;
}
#foglayer_02 .image01, #foglayer_02 .image02 {
    background: url("/storage/cache/images/000/321/fog2,medium_large.1576950087.png") repeat-x top left transparent;
    background-size: 100%;
    width: 50%;
    height: 100%;
    float: left;
}

#foglayer_03 {
    width: 200%;
    height: 100%;
    position: absolute;
    animation: foglayer_02_opacity 19s linear infinite,
    foglayer_moveme 20s linear infinite;
    -webkit-animation: foglayer_01_opacity 21s linear infinite,
    foglayer_moveme 20s linear infinite;
}
#foglayer_03 .image01, #foglayer_03 .image02 {
    background: url("/storage/cache/images/000/321/fog2,medium_large.1576950087.png") repeat-x top left transparent;
    background-size: 100%;
    width: 50%;
    height: 100%;
    float: left;
}

@keyframes foglayer_01_opacity {
    0% {
        opacity: .3;
    }
    22% {
        opacity: .7;
    }
    40% {
        opacity: .48;
    }
    58% {
        opacity: .6;
    }
    80% {
        opacity: .26;
    }
    100% {
        opacity: .3;
    }
}
@-webkit-keyframes foglayer_01_opacity {
    0% {
        opacity: .3;
    }
    22% {
        opacity: .7;
    }
    40% {
        opacity: .48;
    }
    58% {
        opacity: .6;
    }
    80% {
        opacity: .26;
    }
    100% {
        opacity: .3;
    }
}

@keyframes foglayer_02_opacity {
    0% {
        opacity: .6;
    }
    25% {
        opacity: .3;
    }
    50% {
        opacity: .2;
    }
    80% {
        opacity: .4;
    }
    100% {
        opacity: .6;
    }
}
@-webkit-keyframes foglayer_02_opacity {
    0% {
        opacity: .6;
    }
    25% {
        opacity: .3;
    }
    50% {
        opacity: .2;
    }
    80% {
        opacity: .4;
    }
    100% {
        opacity: .6;
    }
}

@keyframes foglayer_03_opacity {
    0% {
        opacity: .9;
    }
    27% {
        opacity: .3;
    }
    52% {
        opacity: .7;
    }
    68% {
        opacity: .4;
    }
    100% {
        opacity: .9;
    }
}
@-webkit-keyframes foglayer_03_opacity {
    0% {
        opacity: .9;
    }
    27% {
        opacity: .3;
    }
    52% {
        opacity: .7;
    }
    68% {
        opacity: .4;
    }
    100% {
        opacity: .9;
    }
}

@keyframes foglayer_moveme {
    0% {
        left: 0;
    }
    25% {
        left: -25%;
    }
    50% {
        left: -50%;
    }
    75% {
        left: -75%;
    }
    100% {
        left: -100%;
    }
}
@-webkit-keyframes foglayer_moveme {
    0% {
        left: 0;
    }
    50% {
        left: -50%;
    }
    100% {
        left: -100%;
    }
}
/*** Fog animation end ***/

/*** lEAVES FALLING animation ***/

.set {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: scale(1.1);
    filter: blur(0.1px);

}
.set img {
    max-width: 30px;
    max-height:30px;
    filter: brightness(10%);
    filter: saturate(50%);
}
.set div {
    position: absolute;
    display: block;
    z-index: 2;
}
.set div:nth-child(1) {
    left: 70%;
    animation: animate 20s linear infinite;
}
.set div:nth-child(2) {
    left: 20%;
    animation: animate 18s linear infinite;
    max-width: 25px;
    max-height:25px;
}
.set div:nth-child(3) {
    left: 45%;
    animation: animate 15s linear infinite;
}
.set div:nth-child(4) {
    left: 5%;
    animation: animate 10s linear infinite;
    max-width: 40px;
    max-height:40px;
}
.set div:nth-child(5) {
    left: 95%;
    animation: animate 11s linear infinite;
}
.set div:nth-child(6) {
    left: 15%;
    animation: animate 12s linear infinite;
}
.set div:nth-child(7) {
    left: 55%;
    animation: animate 14s linear infinite;
}
.set div:nth-child(8) {
    left: 85%;
    animation: animate 20s linear infinite;
}
.set div:nth-child(9) {
    left: 75%;
    animation: animate 17s linear infinite;
}
.set div:nth-child(10) {
    left: 35%;
    animation: animate 14s linear infinite;
}
@keyframes animate {
    0%
    {
        top: -10%;
        opacity: 0;
        transform: translate(20px, 0px) rotate(0deg)
    }
    10%
    {
        opacity: 1;
        transform: translate(20px, 0px)  rotate(30deg)
    }
    20%
    {
        transform: translate(15px, -0px)  rotate(45deg);
    }
    30%
    {
        transform: translate(13px, 0px)  rotate(45deg);
    }
    40%
    {
        transform: translate(12px, 0px)  rotate(90deg)
    }
    50%
    {
        transform: translate(10px, 0px)  rotate(100deg)
    }
    60%
    {
        transform: translate(8px, -0px)  rotate(155deg);
        opacity: 0.9;
    }
    70%
    {
        transform: translate(6px, -0px)  rotate(165deg);
        opacity: 0.9;
    }
    80%
    {
        transform: translate(4px, 0px) rotate(190deg);
        opacity: 0.25;
    }
    100%
    {
        top: 50%;
        transform: translate(2px, -0px) rotate(225deg);
        opacity: 0;
    }
}
.set2 {
    transform: scale(0.7) rotateY(180deg);
    filter: blur(0.5px);
}
.set3 {
    transform: scale(0.9) rotateX(50deg);
    filter: blur(0.9px);
}
.FallingLeaves{
    margin-top: 2rem;
    margin-left:auto;
    margin-right:auto;
    height: 1000px;
    width:667px;
    overflow: hidden;
    position: relative;
}
.FallingLeavesBG {

    height: 100%;
    width:auto;
    background-image:url('/storage/cache/images/000/332/FallingLeavesBG,large.1577012568.jpg');

    background-size: cover;
    background-position: center center;
}
.FallingLeavesBGSil {
    position: absolute;
    top:0;
    left:0;
    height: 100%;
    width: 100%;
    background-image:url('/storage/cache/images/000/347/silhouetteLisa,large.1577020387.png');
    background-size: cover;
    background-position: center center;
}

/*** lEAVES FALLING animation end ***/

.waterdrop {
    width: 533px;
    height: 800px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    margin-top:2rem;
    overflow: hidden;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.window {
    background: url("/storage/cache/images/000/349/T0A6287-1x1web,medium_large.1578160947.jpg");
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    transition: -webkit-filter 60ms;
    z-index: 1;
}

.raindrops {
    width: 533px;
    height: 800px;
    position: absolute;
    top: 0%;
    left: 0;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    transition: -webkit-filter 30ms;
    z-index: 2;
}

.waterdrop .raindrops {
    --webkit-filter:  brightness(1.2);
    filter:  brightness(1.2);

    -webkit-mask: linear-gradient(black, transparent 95%);
    mask: linear-gradient(black, transparent 95%);


}

/*    @-webkit-keyframes raindrop-fall {
            0% {
               !* opacity: 0;*!
                -webkit-transform: rotate(180deg) scale(2.5, 2.3) rotateY(0deg);
                transform: rotate(180deg) scale(2.5, 2.3) rotateY(0deg);
            }
            100% {

-webkit-transform: rotate(180deg) scale(1, 1) rotateY(0deg);
                transform: rotate(180deg) scale(1, 1) rotateY(0deg) translate(20px, 0px);
            }
        }*/

@keyframes raindrop-fall {
    0% {
        opacity: 0;
        -webkit-transform: rotate(180deg) scale(1.5, 1.3) rotateY(0deg);
        transform: rotate(180deg) scale(1.5, 1.3) rotateZ(0deg) perspective(300px);
    }
    5% {
        opacity: 1;
        -webkit-transform: rotate(180deg) scale(1, 1) rotateY(0deg);
        transform: rotate(180deg) scale(1, 1) rotateY(0deg);
    }
    10% {
        opacity: 1;
        -webkit-transform: rotate(180deg) scale(1, 1) rotateY(0deg);
        transform: rotate(180deg) scale(1, 1) rotateY(0deg);
    }
    15% {
        opacity: 1;
        -webkit-transform: rotate(180deg) scale(1, 1) rotateY(0deg);
        transform: rotate(180deg) scale(1, 1) rotateY(0deg);
    }
    20% {
        opacity: 1;
        -webkit-transform: rotate(180deg) scale(1, 1) rotateY(0deg);
        transform: rotate(180deg) scale(1, 1) rotateY(0deg);
    }
    30% {
        opacity: 1;
        -webkit-transform: rotate(180deg) scale(1, 1) rotateY(0deg) translatey(-2px);
        transform: rotate(180deg) scale(1, 1) rotateY(0deg) translatey(-2px) perspective(-300px) ;
    }
    40% {
        opacity: 1;
        -webkit-transform: rotate(180deg) scale(1, 1) rotateY(0deg) translatey(-5px);
        transform: rotate(180deg) scale(1, 1) rotateY(0deg) translatey(-5px) perspective(300px) ;
    }
    50% {
        opacity: 1;
        -webkit-transform: rotate(180deg) scale(1, 1.2) rotateY(0deg) translatey(-20px);
        transform: rotate(180deg) scale(1, 1.2) rotateY(0deg) translatey(-20px) perspective(300px) ;
    }
    55% {
        opacity: 1;
        filter: brightness(1);
        -webkit-transform: rotate(180deg) scale(.95, 1.3) rotateY(0deg) translatey(-22px);
        transform: rotate(180deg) scale(.95, 1.3) rotateY(0deg) translatey(-22px) perspective(300px) ;
    }
    60% {
        opacity: 1;
        filter: blur(.1px) brightness(1);
        -webkit-transform: rotate(180deg) scale(.9, 1.4) rotateY(0deg) translatey(-35px);
        transform: rotate(180deg) scale(.9, 1.4) rotateY(0deg) translatey(-35px) perspective(300px) ;
    }
    75% {
        opacity: 1;
        filter: blur(.2px)  brightness(.9);
        -webkit-transform: rotate(180deg) scale(.85, 1.8) rotateY(0deg) translatey(-40px);
        transform: rotate(180deg) scale(.85, 1.8) rotateY(0deg) translatey(-40px) perspective(300px) ;
    }
    100% {
        opacity: 1;
        filter: blur(.4px)  brightness(.8);
        -webkit-transform: rotate(180deg) scale(.8, 2) rotateY(0deg)) translatey(-200px);
        transform: rotate(180deg) scale(.8, 2) rotateY(0deg) translatey(-200px) perspective(300px) ;
    }

}
.raindrop {
    background: black;
    background-image: url("/storage/cache/images/000/349/T0A6287-1x1web,medium_large.1578160947.jpg");
    background-size: 5vw 5vh;
    position: absolute;
    border-radius: 100%;
    -webkit-transform: rotate(180deg) rotateY(0deg);
    transform: rotate(180deg) rotateY(0deg);
    transition: background-size .5s;
    opacity: 0;
    -webkit-animation: raindrop-fall
    -webkit-animation-fill-mode: forwards;
    animation-name: raindrop-fall;
    animation-timing-function: ease-in;
    /*cubic-bezier(0.175, 0.885, 0.32, 1.275);
        */
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-duration: 20s;
}

.raindrop:hover {
    background-size: 300%;
}

.border {
    position: absolute;
    box-shadow: 0 0 0px 2px black;
    border-radius: 100%;
    margin-left: 2px;
    margin-top: 1px;
    opacity: 0;
    -webkit-animation: raindrop-fall
    -webkit-animation-fill-mode: forwards;
    animation-name: raindrop-fall;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-duration: 20s;
}

.raindrop:nth-child(1) {
    left: 69.10652%;
    top: 40.6561%;
    width: 11px;
    height: 11.88px;
    background-position: 69.10652% 40.6561%;
    -webkit-animation-delay: 12.11403s;
    animation-delay: 2.11403s;
}

.border:nth-child(1) {
    left: 69.10652%;
    top: 40.6561%;
    width: 6.4px;
    height: 11.88px;
    box-shadow: 0 0 0 2.3px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 12.11403s;
    animation-delay: 2.11403s;
}

.raindrop:nth-child(2) {
    left: 18.77514%;
    top: 55.37157%;
    width: 4px;
    height: 4.56px;
    background-position: 18.77514% 55.37157%;
    -webkit-animation-delay: 7.71662s;
    animation-delay: 7.71662s;
}

.border:nth-child(2) {
    left: 18.77514%;
    top: 55.37157%;
    width: 3.6px;
    height: 4.56px;
    box-shadow: 0 0 0 0.2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 7.71662s;
    animation-delay: 7.71662s;
}

.raindrop:nth-child(3) {
    left: 78.114%;
    top: 47.96846%;
    width: 13px;
    height: 15.6px;
    background-position: 78.114% 47.96846%;
    -webkit-animation-delay: 6.80816s;
    animation-delay: 6.80816s;
}

.border:nth-child(3) {
    left: 78.114%;
    top: 47.96846%;
    width: 7.2px;
    height: 15.6px;
    box-shadow: 0 0 0 2.9px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 6.80816s;
    animation-delay: 6.80816s;
}

.raindrop:nth-child(4) {
    left: 98.85365%;
    top: 53.7378%;
    width: 5px;
    height: 5.5px;
    background-position: 98.85365% 53.7378%;
    -webkit-animation-delay: 12.07661s;
    animation-delay: 7.07661s;
}

.border:nth-child(4) {
    left: 98.85365%;
    top: 53.7378%;
    width: 4px;
    height: 5.5px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 12.07661s;
    animation-delay: 7.07661s;
}

.raindrop:nth-child(5) {
    left: 33.69545%;
    top: 45.56017%;
    width: 11px;
    height: 12.87px;
    background-position: 33.69545% 45.56017%;
    -webkit-animation-delay: 11.81746s;
    animation-delay: 11.81746s;
}

.border:nth-child(5) {
    left: 33.69545%;
    top: 45.56017%;
    width: 6.4px;
    height: 12.87px;
    box-shadow: 0 0 0 2.3px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 11.81746s;
    animation-delay: 11.81746s;
}

.raindrop:nth-child(6) {
    left: 54.33611%;
    top: 49.24425%;
    width: 13px;
    height: 13.52px;
    background-position: 54.33611% 49.24425%;
    -webkit-animation-delay: 0.66706s;
    animation-delay: 0.66706s;
}

.border:nth-child(6) {
    left: 54.33611%;
    top: 49.24425%;
    width: 7.2px;
    height: 13.52px;
    box-shadow: 0 0 0 2.9px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 0.66706s;
    animation-delay: 0.66706s;
}

.raindrop:nth-child(7) {
    left: 82.90074%;
    top: 42.78693%;
    width: 11px;
    height: 13.2px;
    background-position: 82.90074% 42.78693%;
    -webkit-animation-delay: 6.21441s;
    animation-delay: 6.21441s;
}

.border:nth-child(7) {
    left: 82.90074%;
    top: 42.78693%;
    width: 6.4px;
    height: 13.2px;
    box-shadow: 0 0 0 2.3px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 6.21441s;
    animation-delay: 6.21441s;
}

.raindrop:nth-child(8) {
    left: 85.8416%;
    top: 44.92271%;
    width: 8px;
    height: 9.52px;
    background-position: 85.8416% 44.92271%;
    -webkit-animation-delay: 7.75052s;
    animation-delay: 7.75052s;
}

.border:nth-child(8) {
    left: 85.8416%;
    top: 44.92271%;
    width: 5.2px;
    height: 9.52px;
    box-shadow: 0 0 0 1.4px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 7.75052s;
    animation-delay: 7.75052s;
}

.raindrop:nth-child(9) {
    left: 50.3383%;
    top: 43.47106%;
    width: 4px;
    height: 4.68px;
    background-position: 50.3383% 43.47106%;
    -webkit-animation-delay: 19.22576s;
    animation-delay: 19.22576s;
}

.border:nth-child(9) {
    left: 50.3383%;
    top: 43.47106%;
    width: 3.6px;
    height: 4.68px;
    box-shadow: 0 0 0 0.2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 19.22576s;
    animation-delay: 19.22576s;
}

.raindrop:nth-child(10) {
    left: 76.08472%;
    top: 43.88839%;
    width: 5px;
    height: 5.25px;
    background-position: 76.08472% 43.88839%;
    -webkit-animation-delay: 4.93779s;
    animation-delay: 4.93779s;
}

.border:nth-child(10) {
    left: 76.08472%;
    top: 43.88839%;
    width: 4px;
    height: 5.25px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 4.93779s;
    animation-delay: 4.93779s;
}

.raindrop:nth-child(11) {
    left: 80.89543%;
    top: 50.8275%;
    width: 12px;
    height: 13.08px;
    background-position: 80.89543% 50.8275%;
    -webkit-animation-delay: 11.31375s;
    animation-delay: 11.31375s;
}

.border:nth-child(11) {
    left: 80.89543%;
    top: 50.8275%;
    width: 6.8px;
    height: 13.08px;
    box-shadow: 0 0 0 2.6px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 11.31375s;
    animation-delay: 11.31375s;
}

.raindrop:nth-child(12) {
    left: 75.61675%;
    top: 43.77557%;
    width: 10px;
    height: 10.8px;
    background-position: 75.61675% 43.77557%;
    -webkit-animation-delay: 19.52973s;
    animation-delay: 19.52973s;
}

.border:nth-child(12) {
    left: 75.61675%;
    top: 43.77557%;
    width: 6px;
    height: 10.8px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 19.52973s;
    animation-delay: 19.52973s;
}

.raindrop:nth-child(13) {
    left: 80.71729%;
    top: 50.18%;
    width: 3px;
    height: 3.27px;
    background-position: 80.71729% 50.18%;
    -webkit-animation-delay: 17.3765s;
    animation-delay: 17.3765s;
}

.border:nth-child(13) {
    left: 80.71729%;
    top: 50.18%;
    width: 3.2px;
    height: 3.27px;
    box-shadow: 0 0 0 -0.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 17.3765s;
    animation-delay: 17.3765s;
}

.raindrop:nth-child(14) {
    left: 21.95252%;
    top: 40.25131%;
    width: 11px;
    height: 11.44px;
    background-position: 21.95252% 40.25131%;
    -webkit-animation-delay: 15.23884s;
    animation-delay: 15.23884s;
}

.border:nth-child(14) {
    left: 21.95252%;
    top: 40.25131%;
    width: 6.4px;
    height: 11.44px;
    box-shadow: 0 0 0 2.3px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 15.23884s;
    animation-delay: 15.23884s;
}

.raindrop:nth-child(15) {
    left: 64.26278%;
    top: 40.20801%;
    width: 13px;
    height: 15.34px;
    background-position: 64.26278% 40.20801%;
    -webkit-animation-delay: 1.30728s;
    animation-delay: 1.30728s;
}

.border:nth-child(15) {
    left: 64.26278%;
    top: 40.20801%;
    width: 7.2px;
    height: 15.34px;
    box-shadow: 0 0 0 2.9px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 1.30728s;
    animation-delay: 1.30728s;
}

.raindrop:nth-child(16) {
    left: 39.13451%;
    top: 48.30822%;
    width: 3px;
    height: 3.15px;
    background-position: 39.13451% 48.30822%;
    -webkit-animation-delay: 16.87409s;
    animation-delay: 16.87409s;
}

.border:nth-child(16) {
    left: 39.13451%;
    top: 48.30822%;
    width: 3.2px;
    height: 3.15px;
    box-shadow: 0 0 0 -0.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 16.87409s;
    animation-delay: 16.87409s;
}

.raindrop:nth-child(17) {
    left: 2.50972%;
    top: 40.69788%;
    width: 8px;
    height: 9.04px;
    background-position: 2.50972% 40.69788%;
    -webkit-animation-delay: 29.27233s;
    animation-delay: 29.27233s;
}

.border:nth-child(17) {
    left: 2.50972%;
    top: 40.69788%;
    width: 5.2px;
    height: 9.04px;
    box-shadow: 0 0 0 1.4px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 29.27233s;
    animation-delay: 29.27233s;
}

.raindrop:nth-child(18) {
    left: 42.9905%;
    top: 50.60265%;
    width: 10px;
    height: 10.5px;
    background-position: 42.9905% 50.60265%;
    -webkit-animation-delay: 8.82968s;
    animation-delay: 8.82968s;
}

.border:nth-child(18) {
    left: 42.9905%;
    top: 50.60265%;
    width: 6px;
    height: 10.5px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 8.82968s;
    animation-delay: 8.82968s;
}

.raindrop:nth-child(19) {
    left: 96.44817%;
    top: 41.15802%;
    width: 8px;
    height: 9.2px;
    background-position: 96.44817% 41.15802%;
    -webkit-animation-delay: 17.39213s;
    animation-delay: 17.39213s;
}

.border:nth-child(19) {
    left: 96.44817%;
    top: 41.15802%;
    width: 5.2px;
    height: 9.2px;
    box-shadow: 0 0 0 1.4px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 17.39213s;
    animation-delay: 17.39213s;
}

.raindrop:nth-child(20) {
    left: 83.93677%;
    top: 43.04545%;
    width: 7px;
    height: 7.35px;
    background-position: 83.93677% 73.04545%;
    -webkit-animation-delay: 16.24478s;
    animation-delay: 16.24478s;
}

.border:nth-child(20) {
    left: 83.93677%;
    top: 43.04545%;
    width: 4.8px;
    height: 7.35px;
    box-shadow: 0 0 0 1.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 16.24478s;
    animation-delay: 16.24478s;
}

.raindrop:nth-child(21) {
    left: 98.76905%;
    top: 47.71439%;
    width: 11px;
    height: 12.87px;
    background-position: 98.76905% 47.71439%;
    -webkit-animation-delay: 26.81338s;
    animation-delay: 26.81338s;
}

.border:nth-child(21) {
    left: 98.76905%;
    top: 47.71439%;
    width: 6.4px;
    height: 12.87px;
    box-shadow: 0 0 0 2.3px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 26.81338s;
    animation-delay: 26.81338s;
}

.raindrop:nth-child(22) {
    left: 3.51543%;
    top: 43.48495%;
    width: 9px;
    height: 9.63px;
    background-position: 3.51543% 73.48495%;
    -webkit-animation-delay: 23.31843s;
    animation-delay: 23.31843s;
}

.border:nth-child(22) {
    left: 3.51543%;
    top: 43.48495%;
    width: 5.6px;
    height: 9.63px;
    box-shadow: 0 0 0 1.7px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 23.31843s;
    animation-delay: 23.31843s;
}

.raindrop:nth-child(23) {
    left: 17.18126%;
    top: 53.82295%;
    width: 11px;
    height: 11.88px;
    background-position: 17.18126% 53.82295%;
    -webkit-animation-delay: 12.5284s;
    animation-delay: 12.5284s;
}

.border:nth-child(23) {
    left: 17.18126%;
    top: 53.82295%;
    width: 6.4px;
    height: 11.88px;
    box-shadow: 0 0 0 2.3px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 12.5284s;
    animation-delay: 12.5284s;
}

.raindrop:nth-child(24) {
    left: 33.18948%;
    top: 48.20573%;
    width: 4px;
    height: 4.32px;
    background-position: 33.18948% 48.20573%;
    -webkit-animation-delay: 22.49728s;
    animation-delay: 22.49728s;
}

.border:nth-child(24) {
    left: 33.18948%;
    top: 48.20573%;
    width: 3.6px;
    height: 4.32px;
    box-shadow: 0 0 0 0.2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 22.49728s;
    animation-delay: 22.49728s;
}

.raindrop:nth-child(25) {
    left: 72.53594%;
    top: 42.76698%;
    width: 13px;
    height: 14.82px;
    background-position: 72.53594% 42.76698%;
    -webkit-animation-delay: 29.15774s;
    animation-delay: 29.15774s;
}

.border:nth-child(25) {
    left: 72.53594%;
    top: 42.76698%;
    width: 7.2px;
    height: 14.82px;
    box-shadow: 0 0 0 2.9px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 29.15774s;
    animation-delay: 29.15774s;
}

.raindrop:nth-child(26) {
    left: 65.74889%;
    top: 47.11417%;
    width: 4px;
    height: 4.48px;
    background-position: 65.74889% 47.11417%;
    -webkit-animation-delay: 14.85553s;
    animation-delay: 14.85553s;
}

.border:nth-child(26) {
    left: 65.74889%;
    top: 47.11417%;
    width: 3.6px;
    height: 4.48px;
    box-shadow: 0 0 0 0.2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 14.85553s;
    animation-delay: 14.85553s;
}

.raindrop:nth-child(27) {
    left: 67.24843%;
    top: 49.71518%;
    width: 3px;
    height: 3.15px;
    background-position: 67.24843% 49.71518%;
    -webkit-animation-delay: 6.95421s;
    animation-delay: 6.95421s;
}

.border:nth-child(27) {
    left: 67.24843%;
    top: 49.71518%;
    width: 3.2px;
    height: 3.15px;
    box-shadow: 0 0 0 -0.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 6.95421s;
    animation-delay: 6.95421s;
}

.raindrop:nth-child(28) {
    left: 33.46094%;
    top: 48.4426%;
    width: 12px;
    height: 12.12px;
    background-position: 33.46094% 48.4426%;
    -webkit-animation-delay: 21.40392s;
    animation-delay: 21.40392s;
}

.border:nth-child(28) {
    left: 33.46094%;
    top: 48.4426%;
    width: 6.8px;
    height: 12.12px;
    box-shadow: 0 0 0 2.6px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 21.40392s;
    animation-delay: 21.40392s;
}

.raindrop:nth-child(29) {
    left: 74.70411%;
    top: 44.71676%;
    width: 5px;
    height: 5.65px;
    background-position: 74.70411% 44.71676%;
    -webkit-animation-delay: 1.78137s;
    animation-delay: 1.78137s;
}

.border:nth-child(29) {
    left: 74.70411%;
    top: 44.71676%;
    width: 4px;
    height: 5.65px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 1.78137s;
    animation-delay: 1.78137s;
}

.raindrop:nth-child(30) {
    left: 15.49891%;
    top: 45.30546%;
    width: 10px;
    height: 11.6px;
    background-position: 15.49891% 45.30546%;
    -webkit-animation-delay: 8.63757s;
    animation-delay: 8.63757s;
}

.border:nth-child(30) {
    left: 15.49891%;
    top: 45.30546%;
    width: 6px;
    height: 11.6px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 8.63757s;
    animation-delay: 8.63757s;
}

.raindrop:nth-child(31) {
    left: 2.59078%;
    top: 40.00994%;
    width: 10px;
    height: 11.3px;
    background-position: 2.59078% 40.00994%;
    -webkit-animation-delay: 18.46237s;
    animation-delay: 18.46237s;
}

.border:nth-child(31) {
    left: 2.59078%;
    top: 40.00994%;
    width: 6px;
    height: 11.3px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 18.46237s;
    animation-delay: 18.46237s;
}

.raindrop:nth-child(32) {
    left: 10.77765%;
    top: 54.77651%;
    width: 10px;
    height: 11px;
    background-position: 10.77765% 54.77651%;
    -webkit-animation-delay: 19.26021s;
    animation-delay: 19.26021s;
}

.border:nth-child(32) {
    left: 10.77765%;
    top: 54.77651%;
    width: 6px;
    height: 11px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 19.26021s;
    animation-delay: 19.26021s;
}

.raindrop:nth-child(33) {
    left: 54.36492%;
    top: 51.48199%;
    width: 12px;
    height: 14.4px;
    background-position: 54.36492% 51.48199%;
    -webkit-animation-delay: 11.23381s;
    animation-delay: 11.23381s;
}

.border:nth-child(33) {
    left: 54.36492%;
    top: 51.48199%;
    width: 6.8px;
    height: 14.4px;
    box-shadow: 0 0 0 2.6px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 11.23381s;
    animation-delay: 11.23381s;
}

.raindrop:nth-child(34) {
    left: 14.16374%;
    top: 52.52642%;
    width: 9px;
    height: 9.36px;
    background-position: 14.16374% 52.52642%;
    -webkit-animation-delay: 7.38004s;
    animation-delay: 7.38004s;
}

.border:nth-child(34) {
    left: 14.16374%;
    top: 52.52642%;
    width: 5.6px;
    height: 9.36px;
    box-shadow: 0 0 0 1.7px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 7.38004s;
    animation-delay: 7.38004s;
}

.raindrop:nth-child(35) {
    left: 56.05268%;
    top: 50.52254%;
    width: 7px;
    height: 8.12px;
    background-position: 56.05268% 50.52254%;
    -webkit-animation-delay: 17.84091s;
    animation-delay: 17.84091s;
}

.border:nth-child(35) {
    left: 56.05268%;
    top: 50.52254%;
    width: 4.8px;
    height: 8.12px;
    box-shadow: 0 0 0 1.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 17.84091s;
    animation-delay: 17.84091s;
}

.raindrop:nth-child(36) {
    left: 45.31775%;
    top: 46.11291%;
    width: 9px;
    height: 10.17px;
    background-position: 45.31775% 46.11291%;
    -webkit-animation-delay: 9.0562s;
    animation-delay: 9.0562s;
}

.border:nth-child(36) {
    left: 45.31775%;
    top: 46.11291%;
    width: 5.6px;
    height: 10.17px;
    box-shadow: 0 0 0 1.7px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 9.0562s;
    animation-delay: 9.0562s;
}

.raindrop:nth-child(37) {
    left: 79.6125%;
    top: 50.8584%;
    width: 4px;
    height: 4.64px;
    background-position: 79.6125% 50.8584%;
    -webkit-animation-delay: 18.24446s;
    animation-delay: 18.24446s;
}

.border:nth-child(37) {
    left: 79.6125%;
    top: 50.8584%;
    width: 3.6px;
    height: 4.64px;
    box-shadow: 0 0 0 0.2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 18.24446s;
    animation-delay: 18.24446s;
}

.raindrop:nth-child(38) {
    left: 20.90692%;
    top: 48.74974%;
    width: 7px;
    height: 7.7px;
    background-position: 20.90692% 48.74974%;
    -webkit-animation-delay: 12.38521s;
    animation-delay: 12.38521s;
}

.border:nth-child(38) {
    left: 20.90692%;
    top: 48.74974%;
    width: 4.8px;
    height: 7.7px;
    box-shadow: 0 0 0 1.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 12.38521s;
    animation-delay: 12.38521s;
}

.raindrop:nth-child(39) {
    left: 25.78212%;
    top: 42.14795%;
    width: 5px;
    height: 5.3px;
    background-position: 25.78212% 42.14795%;
    -webkit-animation-delay: 8.23935s;
    animation-delay: 8.23935s;
}

.border:nth-child(39) {
    left: 25.78212%;
    top: 42.14795%;
    width: 4px;
    height: 5.3px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 8.23935s;
    animation-delay: 8.23935s;
}

.raindrop:nth-child(40) {
    left: 44.90018%;
    top: 40.52751%;
    width: 10px;
    height: 12px;
    background-position: 44.90018% 40.52751%;
    -webkit-animation-delay: 19.32202s;
    animation-delay: 19.32202s;
}

.border:nth-child(40) {
    left: 44.90018%;
    top: 40.52751%;
    width: 6px;
    height: 12px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 19.32202s;
    animation-delay: 19.32202s;
}

.raindrop:nth-child(41) {
    left: 2.45674%;
    top: 49.62122%;
    width: 8px;
    height: 8.32px;
    background-position: 2.45674% 49.62122%;
    -webkit-animation-delay: 27.31239s;
    animation-delay: 27.31239s;
}

.border:nth-child(41) {
    left: 2.45674%;
    top: 49.62122%;
    width: 5.2px;
    height: 8.32px;
    box-shadow: 0 0 0 1.4px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 27.31239s;
    animation-delay: 27.31239s;
}

.raindrop:nth-child(42) {
    left: 16.69309%;
    top: 40.80247%;
    width: 9px;
    height: 9.09px;
    background-position: 16.69309% 40.80247%;
    -webkit-animation-delay: 29.67412s;
    animation-delay: 29.67412s;
}

.border:nth-child(42) {
    left: 16.69309%;
    top: 40.80247%;
    width: 5.6px;
    height: 9.09px;
    box-shadow: 0 0 0 1.7px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 29.67412s;
    animation-delay: 29.67412s;
}

.raindrop:nth-child(43) {
    left: 99.78778%;
    top: 45.47371%;
    width: 13px;
    height: 14.17px;
    background-position: 99.78778% 45.47371%;
    -webkit-animation-delay: 22.6817s;
    animation-delay: 22.6817s;
}

.border:nth-child(43) {
    left: 99.78778%;
    top: 45.47371%;
    width: 7.2px;
    height: 14.17px;
    box-shadow: 0 0 0 2.9px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 22.6817s;
    animation-delay: 22.6817s;
}

.raindrop:nth-child(44) {
    left: 40.43463%;
    top: 54.62186%;
    width: 10px;
    height: 11.8px;
    background-position: 40.43463% 54.62186%;
    -webkit-animation-delay: 14.4382s;
    animation-delay: 14.4382s;
}

.border:nth-child(44) {
    left: 40.43463%;
    top: 54.62186%;
    width: 6px;
    height: 11.8px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 14.4382s;
    animation-delay: 14.4382s;
}

.raindrop:nth-child(45) {
    left: 80.55286%;
    top: 41.85567%;
    width: 3px;
    height: 3.09px;
    background-position: 80.55286% 41.85567%;
    -webkit-animation-delay: 17.1502s;
    animation-delay: 17.1502s;
}

.border:nth-child(45) {
    left: 80.55286%;
    top: 41.85567%;
    width: 3.2px;
    height: 3.09px;
    box-shadow: 0 0 0 -0.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 17.1502s;
    animation-delay: 17.1502s;
}

.raindrop:nth-child(46) {
    left: 68.84064%;
    top: 40.74697%;
    width: 10px;
    height: 11.4px;
    background-position: 68.84064% 40.74697%;
    -webkit-animation-delay: 7.20497s;
    animation-delay: 7.20497s;
}

.border:nth-child(46) {
    left: 68.84064%;
    top: 40.74697%;
    width: 6px;
    height: 11.4px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 7.20497s;
    animation-delay: 7.20497s;
}

.raindrop:nth-child(47) {
    left: 41.56339%;
    top: 48.89671%;
    width: 3px;
    height: 3.12px;
    background-position: 41.56339% 48.89671%;
    -webkit-animation-delay: 25.09928s;
    animation-delay: 25.09928s;
}

.border:nth-child(47) {
    left: 41.56339%;
    top: 48.89671%;
    width: 3.2px;
    height: 3.12px;
    box-shadow: 0 0 0 -0.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 25.09928s;
    animation-delay: 25.09928s;
}

.raindrop:nth-child(48) {
    left: 68.29138%;
    top: 40.90431%;
    width: 12px;
    height: 12.12px;
    background-position: 68.29138% 40.90431%;
    -webkit-animation-delay: 27.402s;
    animation-delay: 27.402s;
}

.border:nth-child(48) {
    left: 68.29138%;
    top: 40.90431%;
    width: 6.8px;
    height: 12.12px;
    box-shadow: 0 0 0 2.6px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 27.402s;
    animation-delay: 27.402s;
}

.raindrop:nth-child(49) {
    left: 75.04492%;
    top: 40.81888%;
    width: 3px;
    height: 3.6px;
    background-position: 75.04492% 40.81888%;
    -webkit-animation-delay: 28.68583s;
    animation-delay: 28.68583s;
}

.border:nth-child(49) {
    left: 75.04492%;
    top: 40.81888%;
    width: 3.2px;
    height: 3.6px;
    box-shadow: 0 0 0 -0.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 28.68583s;
    animation-delay: 28.68583s;
}

.raindrop:nth-child(50) {
    left: 69.74759%;
    top: 56.48351%;
    width: 4px;
    height: 4.16px;
    background-position: 69.74759% 56.48351%;
    -webkit-animation-delay: 9.34671s;
    animation-delay: 9.34671s;
}

.border:nth-child(50) {
    left: 69.74759%;
    top: 56.48351%;
    width: 3.6px;
    height: 4.16px;
    box-shadow: 0 0 0 0.2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 9.34671s;
    animation-delay: 9.34671s;
}

.raindrop:nth-child(51) {
    left: 51.14601%;
    top: 59.84333%;
    width: 8px;
    height: 8.32px;
    background-position: 51.14601% 59.84333%;
    -webkit-animation-delay: 5.64582s;
    animation-delay: 5.64582s;
}

.border:nth-child(51) {
    left: 51.14601%;
    top: 59.84333%;
    width: 5.2px;
    height: 8.32px;
    box-shadow: 0 0 0 1.4px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 5.64582s;
    animation-delay: 5.64582s;
}

.raindrop:nth-child(52) {
    left: 47.16555%;
    top: 55.23758%;
    width: 5px;
    height: 5.7px;
    background-position: 47.16555% 55.23758%;
    -webkit-animation-delay: 14.36446s;
    animation-delay: 14.36446s;
}

.border:nth-child(52) {
    left: 47.16555%;
    top: 55.23758%;
    width: 4px;
    height: 5.7px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 14.36446s;
    animation-delay: 14.36446s;
}

.raindrop:nth-child(53) {
    left: 82.04543%;
    top: 50.91043%;
    width: 12px;
    height: 12.12px;
    background-position: 82.04543% 50.91043%;
    -webkit-animation-delay: 18.28547s;
    animation-delay: 18.28547s;
}

.border:nth-child(53) {
    left: 82.04543%;
    top: 50.91043%;
    width: 6.8px;
    height: 12.12px;
    box-shadow: 0 0 0 2.6px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 18.28547s;
    animation-delay: 18.28547s;
}

.raindrop:nth-child(54) {
    left: 94.01392%;
    top: 40.54303%;
    width: 3px;
    height: 3.33px;
    background-position: 94.01392% 40.54303%;
    -webkit-animation-delay: 10.58311s;
    animation-delay: 10.58311s;
}

.border:nth-child(54) {
    left: 94.01392%;
    top: 40.54303%;
    width: 3.2px;
    height: 3.33px;
    box-shadow: 0 0 0 -0.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 10.58311s;
    animation-delay: 10.58311s;
}

.raindrop:nth-child(55) {
    left: 85.8158%;
    top: 43.30986%;
    width: 7px;
    height: 7.35px;
    background-position: 85.8158% 43.30986%;
    -webkit-animation-delay: 29.91986s;
    animation-delay: 29.91986s;
}

.border:nth-child(55) {
    left: 85.8158%;
    top: 43.30986%;
    width: 4.8px;
    height: 7.35px;
    box-shadow: 0 0 0 1.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 29.91986s;
    animation-delay: 29.91986s;
}

.raindrop:nth-child(56) {
    left: 43.50594%;
    top: 57.56133%;
    width: 5px;
    height: 5.7px;
    background-position: 43.50594% 57.56133%;
    -webkit-animation-delay: 17.44098s;
    animation-delay: 17.44098s;
}

.border:nth-child(56) {
    left: 43.50594%;
    top: 57.56133%;
    width: 4px;
    height: 5.7px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 17.44098s;
    animation-delay: 17.44098s;
}

.raindrop:nth-child(57) {
    left: 10.02507%;
    top: 58.7859%;
    width: 11px;
    height: 12.76px;
    background-position: 10.02507% 58.7859%;
    -webkit-animation-delay: 11.16319s;
    animation-delay: 11.16319s;
}

.border:nth-child(57) {
    left: 10.02507%;
    top: 58.7859%;
    width: 6.4px;
    height: 12.76px;
    box-shadow: 0 0 0 2.3px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 11.16319s;
    animation-delay: 11.16319s;
}

.raindrop:nth-child(58) {
    left: 46.75555%;
    top: 43.45209%;
    width: 9px;
    height: 10.53px;
    background-position: 46.75555% 43.45209%;
    -webkit-animation-delay: 28.93759s;
    animation-delay: 28.93759s;
}

.border:nth-child(58) {
    left: 46.75555%;
    top: 43.45209%;
    width: 5.6px;
    height: 10.53px;
    box-shadow: 0 0 0 1.7px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 28.93759s;
    animation-delay: 28.93759s;
}

.raindrop:nth-child(59) {
    left: 57.02664%;
    top: 46.76496%;
    width: 13px;
    height: 13.39px;
    background-position: 57.02664% 46.76496%;
    -webkit-animation-delay: 0.42394s;
    animation-delay: 0.42394s;
}

.border:nth-child(59) {
    left: 57.02664%;
    top: 46.76496%;
    width: 7.2px;
    height: 13.39px;
    box-shadow: 0 0 0 2.9px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 0.42394s;
    animation-delay: 0.42394s;
}

.raindrop:nth-child(60) {
    left: 21.21846%;
    top: 66.50584%;
    width: 6px;
    height: 7.14px;
    background-position: 21.21846% 46.50584%;
    -webkit-animation-delay: 27.64438s;
    animation-delay: 27.64438s;
}

.border:nth-child(60) {
    left: 21.21846%;
    top: 66.50584%;
    width: 4.4px;
    height: 7.14px;
    box-shadow: 0 0 0 0.8px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 27.64438s;
    animation-delay: 27.64438s;
}

.raindrop:nth-child(61) {
    left: 56.51787%;
    top: 55.33623%;
    width: 8px;
    height: 9.52px;
    background-position: 56.51787% 55.33623%;
    -webkit-animation-delay: 8.68535s;
    animation-delay: 8.68535s;
}

.border:nth-child(61) {
    left: 56.51787%;
    top: 55.33623%;
    width: 5.2px;
    height: 9.52px;
    box-shadow: 0 0 0 1.4px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 8.68535s;
    animation-delay: 8.68535s;
}

.raindrop:nth-child(62) {
    left: 22.39188%;
    top: 62.12421%;
    width: 7px;
    height: 8.19px;
    background-position: 22.39188% 62.12421%;
    -webkit-animation-delay: 7.83214s;
    animation-delay: 7.83214s;
}

.border:nth-child(62) {
    left: 22.39188%;
    top: 62.12421%;
    width: 4.8px;
    height: 8.19px;
    box-shadow: 0 0 0 1.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 7.83214s;
    animation-delay: 7.83214s;
}

.raindrop:nth-child(63) {
    left: 96.85464%;
    top: 60.033%;
    width: 11px;
    height: 12.76px;
    background-position: 96.85464% 60.033%;
    -webkit-animation-delay: 17.12536s;
    animation-delay: 17.12536s;
}

.border:nth-child(63) {
    left: 96.85464%;
    top: 60.033%;
    width: 6.4px;
    height: 12.76px;
    box-shadow: 0 0 0 2.3px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 17.12536s;
    animation-delay: 17.12536s;
}

.raindrop:nth-child(64) {
    left: 66.93867%;
    top: 60.70031%;
    width: 10px;
    height: 11.7px;
    background-position: 66.93867% 60.70031%;
    -webkit-animation-delay: 20.82842s;
    animation-delay: 20.82842s;
}

.border:nth-child(64) {
    left: 66.93867%;
    top: 60.70031%;
    width: 6px;
    height: 11.7px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 20.82842s;
    animation-delay: 20.82842s;
}

.raindrop:nth-child(65) {
    left: 49.66222%;
    top: 66.4376%;
    width: 8px;
    height: 9.52px;
    background-position: 49.66222% 66.4376%;
    -webkit-animation-delay: 12.72406s;
    animation-delay: 12.72406s;
}

.border:nth-child(65) {
    left: 49.66222%;
    top: 66.4376%;
    width: 5.2px;
    height: 9.52px;
    box-shadow: 0 0 0 1.4px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 12.72406s;
    animation-delay: 12.72406s;
}

.raindrop:nth-child(66) {
    left: 74.00804%;
    top: 63.33288%;
    width: 9px;
    height: 9.63px;
    background-position: 74.00804% 63.33288%;
    -webkit-animation-delay: 7.95779s;
    animation-delay: 7.95779s;
}

.border:nth-child(66) {
    left: 74.00804%;
    top: 63.33288%;
    width: 5.6px;
    height: 9.63px;
    box-shadow: 0 0 0 1.7px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 7.95779s;
    animation-delay: 7.95779s;
}

.raindrop:nth-child(67) {
    left: 87.08026%;
    top: 56.13465%;
    width: 4px;
    height: 4.6px;
    background-position: 87.08026% 56.13465%;
    -webkit-animation-delay: 16.49457s;
    animation-delay: 16.49457s;
}

.border:nth-child(67) {
    left: 87.08026%;
    top: 56.13465%;
    width: 3.6px;
    height: 4.6px;
    box-shadow: 0 0 0 0.2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 16.49457s;
    animation-delay: 16.49457s;
}

.raindrop:nth-child(68) {
    left: 97.93458%;
    top: 57.20348%;
    width: 11px;
    height: 11.55px;
    background-position: 97.93458% 57.20348%;
    -webkit-animation-delay: 12.73624s;
    animation-delay: 12.73624s;
}

.border:nth-child(68) {
    left: 97.93458%;
    top: 57.20348%;
    width: 6.4px;
    height: 11.55px;
    box-shadow: 0 0 0 2.3px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 12.73624s;
    animation-delay: 12.73624s;
}

.raindrop:nth-child(69) {
    left: 78.74698%;
    top: 67.17597%;
    width: 7px;
    height: 7.77px;
    background-position: 78.74698% 67.17597%;
    -webkit-animation-delay: 12.72155s;
    animation-delay: 12.72155s;
}

.border:nth-child(69) {
    left: 78.74698%;
    top: 67.17597%;
    width: 4.8px;
    height: 7.77px;
    box-shadow: 0 0 0 1.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 12.72155s;
    animation-delay: 12.72155s;
}

.raindrop:nth-child(70) {
    left: 65.23106%;
    top: 66.37307%;
    width: 5px;
    height: 5.7px;
    background-position: 65.23106% 66.37307%;
    -webkit-animation-delay: 8.40305s;
    animation-delay: 8.40305s;
}

.border:nth-child(70) {
    left: 65.23106%;
    top: 66.37307%;
    width: 4px;
    height: 5.7px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 8.40305s;
    animation-delay: 8.40305s;
}

.raindrop:nth-child(71) {
    left: 60.34368%;
    top: 62.61666%;
    width: 7px;
    height: 7.77px;
    background-position: 60.34368% 62.61666%;
    -webkit-animation-delay: 27.43733s;
    animation-delay: 27.43733s;
}

.border:nth-child(71) {
    left: 60.34368%;
    top: 62.61666%;
    width: 4.8px;
    height: 7.77px;
    box-shadow: 0 0 0 1.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 27.43733s;
    animation-delay: 27.43733s;
}

.raindrop:nth-child(72) {
    left: 70.30783%;
    top: 40.12257%;
    width: 3px;
    height: 3.21px;
    background-position: 70.30783% 40.12257%;
    -webkit-animation-delay: 22.36715s;
    animation-delay: 22.36715s;
}

.border:nth-child(72) {
    left: 70.30783%;
    top: 40.12257%;
    width: 3.2px;
    height: 3.21px;
    box-shadow: 0 0 0 -0.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 22.36715s;
    animation-delay: 22.36715s;
}

.raindrop:nth-child(73) {
    left: 93.09295%;
    top: 69.93745%;
    width: 6px;
    height: 6.48px;
    background-position: 93.09295% 69.93745%;
    -webkit-animation-delay: 29.97002s;
    animation-delay: 29.97002s;
}

.border:nth-child(73) {
    left: 93.09295%;
    top: 69.93745%;
    width: 4.4px;
    height: 6.48px;
    box-shadow: 0 0 0 0.8px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 29.97002s;
    animation-delay: 29.97002s;
}

.raindrop:nth-child(74) {
    left: 36.87344%;
    top: 40.85312%;
    width: 5px;
    height: 5.7px;
    background-position: 36.87344% 40.85312%;
    -webkit-animation-delay: 29.80961s;
    animation-delay: 29.80961s;
}

.border:nth-child(74) {
    left: 36.87344%;
    top: 50.85312%;
    width: 4px;
    height: 5.7px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 29.80961s;
    animation-delay: 29.80961s;
}

.raindrop:nth-child(75) {
    left: 31.99976%;
    top: 56.92755%;
    width: 10px;
    height: 11px;
    background-position: 31.99976% 56.92755%;
    -webkit-animation-delay: 20.71558s;
    animation-delay: 20.71558s;
}

.border:nth-child(75) {
    left: 31.99976%;
    top: 56.92755%;
    width: 6px;
    height: 11px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 20.71558s;
    animation-delay: 20.71558s;
}

.raindrop:nth-child(76) {
    left: 48.90216%;
    top: 60.04501%;
    width: 9px;
    height: 10.53px;
    background-position: 48.90216% 60.04501%;
    -webkit-animation-delay: 20.88753s;
    animation-delay: 20.88753s;
}

.border:nth-child(76) {
    left: 48.90216%;
    top: 60.04501%;
    width: 5.6px;
    height: 10.53px;
    box-shadow: 0 0 0 1.7px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 20.88753s;
    animation-delay: 20.88753s;
}

.raindrop:nth-child(77) {
    left: 90.56814%;
    top: 40.51407%;
    width: 6px;
    height: 6.3px;
    background-position: 90.56814% 40.51407%;
    -webkit-animation-delay: 21.02478s;
    animation-delay: 21.02478s;
}

.border:nth-child(77) {
    left: 90.56814%;
    top: 0.51407%;
    width: 4.4px;
    height: 6.3px;
    box-shadow: 0 0 0 0.8px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 21.02478s;
    animation-delay: 21.02478s;
}

.raindrop:nth-child(78) {
    left: 27.58893%;
    top: 52.48931%;
    width: 11px;
    height: 11.44px;
    background-position: 27.58893% 52.48931%;
    -webkit-animation-delay: 11.63918s;
    animation-delay: 11.63918s;
}

.border:nth-child(78) {
    left: 27.58893%;
    top: 52.48931%;
    width: 6.4px;
    height: 11.44px;
    box-shadow: 0 0 0 2.3px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 11.63918s;
    animation-delay: 11.63918s;
}

.raindrop:nth-child(79) {
    left: 1.67981%;
    top: 40.98471%;
    width: 8px;
    height: 9.6px;
    background-position: 1.67981% 40.98471%;
    -webkit-animation-delay: 26.80014s;
    animation-delay: 26.80014s;
}

.border:nth-child(79) {
    left: 1.67981%;
    top: 40.98471%;
    width: 5.2px;
    height: 9.6px;
    box-shadow: 0 0 0 1.4px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 26.80014s;
    animation-delay: 26.80014s;
}

.raindrop:nth-child(80) {
    left: 87.88171%;
    top: 40.55869%;
    width: 10px;
    height: 11.3px;
    background-position: 87.88171% 40.55869%;
    -webkit-animation-delay: 25.95299s;
    animation-delay: 25.95299s;
}

.border:nth-child(80) {
    left: 87.88171%;
    top: 40.55869%;
    width: 6px;
    height: 11.3px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 25.95299s;
    animation-delay: 25.95299s;
}

.raindrop:nth-child(81) {
    left: 27.71585%;
    top: 60.93141%;
    width: 10px;
    height: 11.8px;
    background-position: 27.71585% 60.93141%;
    -webkit-animation-delay: 21.36815s;
    animation-delay: 21.36815s;
}

.border:nth-child(81) {
    left: 27.71585%;
    top: 60.93141%;
    width: 6px;
    height: 11.8px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 21.36815s;
    animation-delay: 21.36815s;
}

.raindrop:nth-child(82) {
    left: 39.21184%;
    top: 67.72531%;
    width: 12px;
    height: 12.72px;
    background-position: 39.21184% 67.72531%;
    -webkit-animation-delay: 20.94233s;
    animation-delay: 20.94233s;
}

.border:nth-child(82) {
    left: 39.21184%;
    top: 67.72531%;
    width: 6.8px;
    height: 12.72px;
    box-shadow: 0 0 0 2.6px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 20.94233s;
    animation-delay: 20.94233s;
}

.raindrop:nth-child(83) {
    left: 72.605%;
    top: 58.00369%;
    width: 6px;
    height: 6.24px;
    background-position: 72.605% 58.00369%;
    -webkit-animation-delay: 5.66251s;
    animation-delay: 5.66251s;
}

.border:nth-child(83) {
    left: 72.605%;
    top: 58.00369%;
    width: 4.4px;
    height: 6.24px;
    box-shadow: 0 0 0 0.8px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 5.66251s;
    animation-delay: 5.66251s;
}

.raindrop:nth-child(84) {
    left: 98.49693%;
    top: 50.24564%;
    width: 8px;
    height: 9.12px;
    background-position: 98.49693% 50.24564%;
    -webkit-animation-delay: 16.07296s;
    animation-delay: 16.07296s;
}

.border:nth-child(84) {
    left: 98.49693%;
    top: 50.24564%;
    width: 5.2px;
    height: 9.12px;
    box-shadow: 0 0 0 1.4px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 16.07296s;
    animation-delay: 16.07296s;
}

.raindrop:nth-child(85) {
    left: 85.8686%;
    top: 67.71088%;
    width: 13px;
    height: 14.82px;
    background-position: 85.8686% 67.71088%;
    -webkit-animation-delay: 18.89429s;
    animation-delay: 18.89429s;
}

.border:nth-child(85) {
    left: 85.8686%;
    top: 67.71088%;
    width: 7.2px;
    height: 14.82px;
    box-shadow: 0 0 0 2.9px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 18.89429s;
    animation-delay: 18.89429s;
}

.raindrop:nth-child(86) {
    left: 49.56074%;
    top: 65.22595%;
    width: 7px;
    height: 8.12px;
    background-position: 49.56074% 65.22595%;
    -webkit-animation-delay: 20.81592s;
    animation-delay: 20.81592s;
}

.border:nth-child(86) {
    left: 49.56074%;
    top: 65.22595%;
    width: 4.8px;
    height: 8.12px;
    box-shadow: 0 0 0 1.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 20.81592s;
    animation-delay: 20.81592s;
}

.raindrop:nth-child(87) {
    left: 92.97287%;
    top: 50.72618%;
    width: 12px;
    height: 12.12px;
    background-position: 92.97287% 50.72618%;
    -webkit-animation-delay: 1.14199s;
    animation-delay: 1.14199s;
}

.border:nth-child(87) {
    left: 92.97287%;
    top: 50.72618%;
    width: 6.8px;
    height: 12.12px;
    box-shadow: 0 0 0 2.6px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 1.14199s;
    animation-delay: 1.14199s;
}

.raindrop:nth-child(88) {
    left: 94.66956%;
    top: 58.02769%;
    width: 8px;
    height: 8.32px;
    background-position: 94.66956% 58.02769%;
    -webkit-animation-delay: 18.54705s;
    animation-delay: 18.54705s;
}

.border:nth-child(88) {
    left: 94.66956%;
    top: 58.02769%;
    width: 5.2px;
    height: 8.32px;
    box-shadow: 0 0 0 1.4px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 18.54705s;
    animation-delay: 18.54705s;
}

.raindrop:nth-child(89) {
    left: 60.87774%;
    top: 47.71885%;
    width: 10px;
    height: 11px;
    background-position: 60.87774% 47.71885%;
    -webkit-animation-delay: 27.81972s;
    animation-delay: 27.81972s;
}

.border:nth-child(89) {
    left: 60.87774%;
    top: 47.71885%;
    width: 6px;
    height: 11px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 27.81972s;
    animation-delay: 27.81972s;
}

.raindrop:nth-child(90) {
    left: 82.05621%;
    top: 53.55424%;
    width: 6px;
    height: 6.06px;
    background-position: 82.05621% 53.55424%;
    -webkit-animation-delay: 0.06267s;
    animation-delay: 0.06267s;
}

.border:nth-child(90) {
    left: 82.05621%;
    top: 53.55424%;
    width: 4.4px;
    height: 6.06px;
    box-shadow: 0 0 0 0.8px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 0.06267s;
    animation-delay: 0.06267s;
}

.raindrop:nth-child(91) {
    left: 26.84323%;
    top: 62.28841%;
    width: 3px;
    height: 3.6px;
    background-position: 26.84323% 62.28841%;
    -webkit-animation-delay: 8.23974s;
    animation-delay: 8.23974s;
}

.border:nth-child(91) {
    left: 26.84323%;
    top: 62.28841%;
    width: 3.2px;
    height: 3.6px;
    box-shadow: 0 0 0 -0.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 8.23974s;
    animation-delay: 8.23974s;
}

.raindrop:nth-child(92) {
    left: 10.69074%;
    top: 61.27701%;
    width: 3px;
    height: 3.15px;
    background-position: 10.69074% 61.27701%;
    -webkit-animation-delay: 19.08554s;
    animation-delay: 19.08554s;
}

.border:nth-child(92) {
    left: 10.69074%;
    top: 61.27701%;
    width: 3.2px;
    height: 3.15px;
    box-shadow: 0 0 0 -0.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 19.08554s;
    animation-delay: 19.08554s;
}

.raindrop:nth-child(93) {
    left: 77.89497%;
    top: 68.33572%;
    width: 11px;
    height: 12.54px;
    background-position: 77.89497% 68.33572%;
    -webkit-animation-delay: 3.68656s;
    animation-delay: 3.68656s;
}

.border:nth-child(93) {
    left: 77.89497%;
    top: 68.33572%;
    width: 6.4px;
    height: 12.54px;
    box-shadow: 0 0 0 2.3px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 3.68656s;
    animation-delay: 3.68656s;
}

.raindrop:nth-child(94) {
    left: 63.48966%;
    top: 62.955%;
    width: 12px;
    height: 13.2px;
    background-position: 63.48966% 62.955%;
    -webkit-animation-delay: 16.40877s;
    animation-delay: 16.40877s;
}

.border:nth-child(94) {
    left: 63.48966%;
    top: 62.955%;
    width: 6.8px;
    height: 13.2px;
    box-shadow: 0 0 0 2.6px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 16.40877s;
    animation-delay: 16.40877s;
}

.raindrop:nth-child(95) {
    left: 13.76289%;
    top: 65.1444%;
    width: 10px;
    height: 10.7px;
    background-position: 13.76289% 65.1444%;
    -webkit-animation-delay: 12.77094s;
    animation-delay: 12.77094s;
}

.border:nth-child(95) {
    left: 13.76289%;
    top: 65.1444%;
    width: 6px;
    height: 10.7px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 12.77094s;
    animation-delay: 12.77094s;
}

.raindrop:nth-child(96) {
    left: 43.0239%;
    top: 68.11324%;
    width: 12px;
    height: 12.24px;
    background-position: 43.0239% 68.11324%;
    -webkit-animation-delay: 26.74035s;
    animation-delay: 26.74035s;
}

.border:nth-child(96) {
    left: 43.0239%;
    top: 68.11324%;
    width: 6.8px;
    height: 12.24px;
    box-shadow: 0 0 0 2.6px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 26.74035s;
    animation-delay: 26.74035s;
}

.raindrop:nth-child(97) {
    left: 88.09668%;
    top: 60.3936%;
    width: 9px;
    height: 9.63px;
    background-position: 88.09668% 60.3936%;
    -webkit-animation-delay: 24.23319s;
    animation-delay: 24.23319s;
}

.border:nth-child(97) {
    left: 88.09668%;
    top: 60.3936%;
    width: 5.6px;
    height: 9.63px;
    box-shadow: 0 0 0 1.7px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 24.23319s;
    animation-delay: 24.23319s;
}

.raindrop:nth-child(98) {
    left: 36.05784%;
    top: 60.80722%;
    width: 4px;
    height: 4.2px;
    background-position: 36.05784% 60.80722%;
    -webkit-animation-delay: 5.89087s;
    animation-delay: 5.89087s;
}

.border:nth-child(98) {
    left: 36.05784%;
    top: 6.80722%;
    width: 3.6px;
    height: 4.2px;
    box-shadow: 0 0 0 0.2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 5.89087s;
    animation-delay: 5.89087s;
}

.raindrop:nth-child(99) {
    left: 23.46691%;
    top: 66.68014%;
    width: 4px;
    height: 4.56px;
    background-position: 23.46691% 66.68014%;
    -webkit-animation-delay: 12.82784s;
    animation-delay: 12.82784s;
}

.border:nth-child(99) {
    left: 23.46691%;
    top: 66.68014%;
    width: 3.6px;
    height: 4.56px;
    box-shadow: 0 0 0 0.2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 12.82784s;
    animation-delay: 12.82784s;
}

.raindrop:nth-child(100) {
    left: 6.9791%;
    top: 60.19191%;
    width: 6px;
    height: 6.66px;
    background-position: 6.9791% 60.19191%;
    -webkit-animation-delay: 5.3527s;
    animation-delay: 5.3527s;
}

.border:nth-child(100) {
    left: 6.9791%;
    top: 60.19191%;
    width: 4.4px;
    height: 6.66px;
    box-shadow: 0 0 0 0.8px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 5.3527s;
    animation-delay: 5.3527s;
}

.raindrop:nth-child(101) {
    left: 53.69738%;
    top: 42.2633%;
    width: 10px;
    height: 11.8px;
    background-position: 53.69738% 42.2633%;
    -webkit-animation-delay: 27.92593s;
    animation-delay: 27.92593s;
}

.border:nth-child(101) {
    left: 53.69738%;
    top: 42.2633%;
    width: 6px;
    height: 11.8px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 27.92593s;
    animation-delay: 27.92593s;
}

.raindrop:nth-child(102) {
    left: 53.02285%;
    top: 57.67946%;
    width: 5px;
    height: 5.65px;
    background-position: 53.02285% 57.67946%;
    -webkit-animation-delay: 23.14412s;
    animation-delay: 23.14412s;
}

.border:nth-child(102) {
    left: 53.02285%;
    top: 57.67946%;
    width: 4px;
    height: 5.65px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 23.14412s;
    animation-delay: 23.14412s;
}

.raindrop:nth-child(103) {
    left: 39.30829%;
    top: 58.35104%;
    width: 9px;
    height: 10.08px;
    background-position: 39.30829% 58.35104%;
    -webkit-animation-delay: 23.45423s;
    animation-delay: 23.45423s;
}

.border:nth-child(103) {
    left: 39.30829%;
    top: 58.35104%;
    width: 5.6px;
    height: 10.08px;
    box-shadow: 0 0 0 1.7px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 23.45423s;
    animation-delay: 23.45423s;
}

.raindrop:nth-child(104) {
    left: 4.2209%;
    top: 63.02911%;
    width: 13px;
    height: 13.91px;
    background-position: 4.2209% 63.02911%;
    -webkit-animation-delay: 0.07251s;
    animation-delay: 0.07251s;
}

.border:nth-child(104) {
    left: 4.2209%;
    top: 63.02911%;
    width: 7.2px;
    height: 13.91px;
    box-shadow: 0 0 0 2.9px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 0.07251s;
    animation-delay: 0.07251s;
}

.raindrop:nth-child(105) {
    left: 91.08216%;
    top: 54.84296%;
    width: 11px;
    height: 11.66px;
    background-position: 91.08216% 54.84296%;
    -webkit-animation-delay: 0.07917s;
    animation-delay: 0.07917s;
}

.border:nth-child(105) {
    left: 91.08216%;
    top: 54.84296%;
    width: 6.4px;
    height: 11.66px;
    box-shadow: 0 0 0 2.3px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 0.07917s;
    animation-delay: 0.07917s;
}

.raindrop:nth-child(106) {
    left: 89.4746%;
    top: 61.1074%;
    width: 5px;
    height: 5.05px;
    background-position: 89.4746% 61.1074%;
    -webkit-animation-delay: 17.7792s;
    animation-delay: 17.7792s;
}

.border:nth-child(106) {
    left: 89.4746%;
    top: 61.1074%;
    width: 4px;
    height: 5.05px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 17.7792s;
    animation-delay: 17.7792s;
}

.raindrop:nth-child(107) {
    left: 44.95903%;
    top: 60.37535%;
    width: 8px;
    height: 9.04px;
    background-position: 44.95903% 60.37535%;
    -webkit-animation-delay: 26.63726s;
    animation-delay: 26.63726s;
}

.border:nth-child(107) {
    left: 44.95903%;
    top: 60.37535%;
    width: 5.2px;
    height: 9.04px;
    box-shadow: 0 0 0 1.4px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 26.63726s;
    animation-delay: 26.63726s;
}

.raindrop:nth-child(108) {
    left: 6.83733%;
    top: 60.5459%;
    width: 8px;
    height: 8.4px;
    background-position: 6.83733% 60.5459%;
    -webkit-animation-delay: 15.24864s;
    animation-delay: 15.24864s;
}

.border:nth-child(108) {
    left: 6.83733%;
    top: 60.5459%;
    width: 5.2px;
    height: 8.4px;
    box-shadow: 0 0 0 1.4px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 15.24864s;
    animation-delay: 15.24864s;
}

.raindrop:nth-child(109) {
    left: 35.59943%;
    top: 62.89454%;
    width: 7px;
    height: 7.35px;
    background-position: 35.59943% 62.89454%;
    -webkit-animation-delay: 0.69056s;
    animation-delay: 0.69056s;
}

.border:nth-child(109) {
    left: 35.59943%;
    top: 62.89454%;
    width: 4.8px;
    height: 7.35px;
    box-shadow: 0 0 0 1.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 0.69056s;
    animation-delay: 0.69056s;
}

.raindrop:nth-child(110) {
    left: 97.17411%;
    top: 42.62311%;
    width: 6px;
    height: 7.14px;
    background-position: 97.17411% 42.62311%;
    -webkit-animation-delay: 11.93926s;
    animation-delay: 11.93926s;
}

.border:nth-child(110) {
    left: 97.17411%;
    top: 42.62311%;
    width: 4.4px;
    height: 7.14px;
    box-shadow: 0 0 0 0.8px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 11.93926s;
    animation-delay: 11.93926s;
}

.raindrop:nth-child(111) {
    left: 83.23988%;
    top: 63.53397%;
    width: 11px;
    height: 11.88px;
    background-position: 83.23988% 63.53397%;
    -webkit-animation-delay: 29.90872s;
    animation-delay: 29.90872s;
}

.border:nth-child(111) {
    left: 83.23988%;
    top: 63.53397%;
    width: 6.4px;
    height: 11.88px;
    box-shadow: 0 0 0 2.3px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 29.90872s;
    animation-delay: 29.90872s;
}

.raindrop:nth-child(112) {
    left: 7.68558%;
    top: 63.49369%;
    width: 8px;
    height: 8.08px;
    background-position: 7.68558% 63.49369%;
    -webkit-animation-delay: 12.98472s;
    animation-delay: 12.98472s;
}

.border:nth-child(112) {
    left: 7.68558%;
    top: 63.49369%;
    width: 5.2px;
    height: 8.08px;
    box-shadow: 0 0 0 1.4px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 12.98472s;
    animation-delay: 12.98472s;
}

.raindrop:nth-child(113) {
    left: 52.45237%;
    top: 64.27258%;
    width: 11px;
    height: 11.88px;
    background-position: 52.45237% 64.27258%;
    -webkit-animation-delay: 24.63669s;
    animation-delay: 24.63669s;
}

.border:nth-child(113) {
    left: 52.45237%;
    top: 64.27258%;
    width: 6.4px;
    height: 11.88px;
    box-shadow: 0 0 0 2.3px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 24.63669s;
    animation-delay: 24.63669s;
}

.raindrop:nth-child(114) {
    left: 44.4836%;
    top: 68.79346%;
    width: 7px;
    height: 8.33px;
    background-position: 44.4836% 68.79346%;
    -webkit-animation-delay: 27.33687s;
    animation-delay: 27.33687s;
}

.border:nth-child(114) {
    left: 44.4836%;
    top: 68.79346%;
    width: 4.8px;
    height: 8.33px;
    box-shadow: 0 0 0 1.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 27.33687s;
    animation-delay: 27.33687s;
}

.raindrop:nth-child(115) {
    left: 3.56374%;
    top: 57.58423%;
    width: 10px;
    height: 10.5px;
    background-position: 3.56374% 57.58423%;
    -webkit-animation-delay: 24.06954s;
    animation-delay: 24.06954s;
}

.border:nth-child(115) {
    left: 3.56374%;
    top: 57.58423%;
    width: 6px;
    height: 10.5px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 24.06954s;
    animation-delay: 24.06954s;
}

.raindrop:nth-child(116) {
    left: 52.10504%;
    top: 69.15071%;
    width: 10px;
    height: 11.1px;
    background-position: 52.10504% 69.15071%;
    -webkit-animation-delay: 11.38597s;
    animation-delay: 11.38597s;
}

.border:nth-child(116) {
    left: 52.10504%;
    top: 69.15071%;
    width: 6px;
    height: 11.1px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 11.38597s;
    animation-delay: 11.38597s;
}

.raindrop:nth-child(117) {
    left: 23.76344%;
    top: 45.39459%;
    width: 9px;
    height: 10.17px;
    background-position: 23.76344% 45.39459%;
    -webkit-animation-delay: 4.57319s;
    animation-delay: 4.57319s;
}

.border:nth-child(117) {
    left: 23.76344%;
    top: 45.39459%;
    width: 5.6px;
    height: 10.17px;
    box-shadow: 0 0 0 1.7px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 4.57319s;
    animation-delay: 4.57319s;
}

.raindrop:nth-child(118) {
    left: 68.64836%;
    top: 53.42268%;
    width: 4px;
    height: 4.64px;
    background-position: 68.64836% 53.42268%;
    -webkit-animation-delay: 13.6696s;
    animation-delay: 13.6696s;
}

.border:nth-child(118) {
    left: 68.64836%;
    top: 53.42268%;
    width: 3.6px;
    height: 4.64px;
    box-shadow: 0 0 0 0.2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 13.6696s;
    animation-delay: 13.6696s;
}

.raindrop:nth-child(119) {
    left: 28.1967%;
    top: 69.88618%;
    width: 6px;
    height: 6.42px;
    background-position: 28.1967% 69.88618%;
    -webkit-animation-delay: 28.3588s;
    animation-delay: 28.3588s;
}

.border:nth-child(119) {
    left: 28.1967%;
    top: 69.88618%;
    width: 4.4px;
    height: 6.42px;
    box-shadow: 0 0 0 0.8px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 28.3588s;
    animation-delay: 28.3588s;
}

.raindrop:nth-child(120) {
    left: 20.38168%;
    top: 50.36796%;
    width: 6px;
    height: 7.2px;
    background-position: 20.38168% 50.36796%;
    -webkit-animation-delay: 6.95155s;
    animation-delay: 6.95155s;
}

.border:nth-child(120) {
    left: 20.38168%;
    top: 50.36796%;
    width: 4.4px;
    height: 7.2px;
    box-shadow: 0 0 0 0.8px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 6.95155s;
    animation-delay: 6.95155s;
}

.raindrop:nth-child(121) {
    left: 14.95446%;
    top: 50.99719%;
    width: 5px;
    height: 5.85px;
    background-position: 14.95446% 50.99719%;
    -webkit-animation-delay: 8.37042s;
    animation-delay: 8.37042s;
}

.border:nth-child(121) {
    left: 14.95446%;
    top: 50.99719%;
    width: 4px;
    height: 5.85px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 8.37042s;
    animation-delay: 8.37042s;
}

.raindrop:nth-child(122) {
    left: 36.0398%;
    top: 65.31557%;
    width: 4px;
    height: 4.4px;
    background-position: 36.0398% 65.31557%;
    -webkit-animation-delay: 19.24946s;
    animation-delay: 19.24946s;
}

.border:nth-child(122) {
    left: 36.0398%;
    top: 65.31557%;
    width: 3.6px;
    height: 4.4px;
    box-shadow: 0 0 0 0.2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 19.24946s;
    animation-delay: 19.24946s;
}

.raindrop:nth-child(123) {
    left: 77.41965%;
    top: 68.66005%;
    width: 5px;
    height: 5.1px;
    background-position: 77.41965% 68.66005%;
    -webkit-animation-delay: 13.9415s;
    animation-delay: 13.9415s;
}

.border:nth-child(123) {
    left: 77.41965%;
    top: 68.66005%;
    width: 4px;
    height: 5.1px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 13.9415s;
    animation-delay: 13.9415s;
}

.raindrop:nth-child(124) {
    left: 76.28329%;
    top: 60.85339%;
    width: 11px;
    height: 11.33px;
    background-position: 76.28329% 60.85339%;
    -webkit-animation-delay: 24.49709s;
    animation-delay: 24.49709s;
}

.border:nth-child(124) {
    left: 76.28329%;
    top: 60.85339%;
    width: 6.4px;
    height: 11.33px;
    box-shadow: 0 0 0 2.3px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 24.49709s;
    animation-delay: 24.49709s;
}

.raindrop:nth-child(125) {
    left: 9.86537%;
    top: 68.87576%;
    width: 4px;
    height: 4.04px;
    background-position: 9.86537% 68.87576%;
    -webkit-animation-delay: 17.46481s;
    animation-delay: 17.46481s;
}

.border:nth-child(125) {
    left: 9.86537%;
    top: 68.87576%;
    width: 3.6px;
    height: 4.04px;
    box-shadow: 0 0 0 0.2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 17.46481s;
    animation-delay: 17.46481s;
}

.raindrop:nth-child(126) {
    left: 89.41162%;
    top: 65.02373%;
    width: 3px;
    height: 3.3px;
    background-position: 89.41162% 65.02373%;
    -webkit-animation-delay: 17.23623s;
    animation-delay: 17.23623s;
}

.border:nth-child(126) {
    left: 89.41162%;
    top: 65.02373%;
    width: 3.2px;
    height: 3.3px;
    box-shadow: 0 0 0 -0.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 17.23623s;
    animation-delay: 17.23623s;
}

.raindrop:nth-child(127) {
    left: 80.85901%;
    top: 68.39915%;
    width: 3px;
    height: 3.42px;
    background-position: 80.85901% 68.39915%;
    -webkit-animation-delay: 24.81037s;
    animation-delay: 24.81037s;
}

.border:nth-child(127) {
    left: 80.85901%;
    top: 68.39915%;
    width: 3.2px;
    height: 3.42px;
    box-shadow: 0 0 0 -0.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 24.81037s;
    animation-delay: 24.81037s;
}

.raindrop:nth-child(128) {
    left: 1.20956%;
    top: 60.52642%;
    width: 12px;
    height: 14.16px;
    background-position: 1.20956% 60.52642%;
    -webkit-animation-delay: 11.3813s;
    animation-delay: 11.3813s;
}

.border:nth-child(128) {
    left: 1.20956%;
    top: 60.52642%;
    width: 6.8px;
    height: 14.16px;
    box-shadow: 0 0 0 2.6px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 11.3813s;
    animation-delay: 11.3813s;
}

.raindrop:nth-child(129) {
    left: 92.8329%;
    top: 63.0584%;
    width: 5px;
    height: 5.05px;
    background-position: 92.8329% 63.0584%;
    -webkit-animation-delay: 22.9977s;
    animation-delay: 22.9977s;
}

.border:nth-child(129) {
    left: 92.8329%;
    top: 63.0584%;
    width: 4px;
    height: 5.05px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 22.9977s;
    animation-delay: 22.9977s;
}

.raindrop:nth-child(130) {
    left: 57.31903%;
    top: 66.3823%;
    width: 9px;
    height: 9.36px;
    background-position: 57.31903% 66.3823%;
    -webkit-animation-delay: 9.1401s;
    animation-delay: 9.1401s;
}

.border:nth-child(130) {
    left: 57.31903%;
    top: 66.3823%;
    width: 5.6px;
    height: 9.36px;
    box-shadow: 0 0 0 1.7px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 9.1401s;
    animation-delay: 9.1401s;
}

.raindrop:nth-child(131) {
    left: 40.47026%;
    top: 65.74957%;
    width: 11px;
    height: 11.22px;
    background-position: 40.47026% 65.74957%;
    -webkit-animation-delay: 8.11621s;
    animation-delay: 8.11621s;
}

.border:nth-child(131) {
    left: 40.47026%;
    top: 65.74957%;
    width: 6.4px;
    height: 11.22px;
    box-shadow: 0 0 0 2.3px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 8.11621s;
    animation-delay: 8.11621s;
}

.raindrop:nth-child(132) {
    left: 37.69117%;
    top: 51.10495%;
    width: 5px;
    height: 6px;
    background-position: 37.69117% 51.10495%;
    -webkit-animation-delay: 17.79228s;
    animation-delay: 17.79228s;
}

.border:nth-child(132) {
    left: 37.69117%;
    top: 51.10495%;
    width: 4px;
    height: 6px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 17.79228s;
    animation-delay: 17.79228s;
}

.raindrop:nth-child(133) {
    left: 54.73137%;
    top: 64.02543%;
    width: 9px;
    height: 10.26px;
    background-position: 54.73137% 64.02543%;
    -webkit-animation-delay: 6.49666s;
    animation-delay: 6.49666s;
}

.border:nth-child(133) {
    left: 54.73137%;
    top: 64.02543%;
    width: 5.6px;
    height: 10.26px;
    box-shadow: 0 0 0 1.7px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 6.49666s;
    animation-delay: 6.49666s;
}

.raindrop:nth-child(134) {
    left: 2.81863%;
    top: 62.10316%;
    width: 4px;
    height: 4.32px;
    background-position: 2.81863% 62.10316%;
    -webkit-animation-delay: 9.08954s;
    animation-delay: 9.08954s;
}

.border:nth-child(134) {
    left: 2.81863%;
    top: 62.10316%;
    width: 3.6px;
    height: 4.32px;
    box-shadow: 0 0 0 0.2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 9.08954s;
    animation-delay: 9.08954s;
}

.raindrop:nth-child(135) {
    left: 11.89141%;
    top: 67.65015%;
    width: 6px;
    height: 7.14px;
    background-position: 11.89141% 67.65015%;
    -webkit-animation-delay: 9.80616s;
    animation-delay: 9.80616s;
}

.border:nth-child(135) {
    left: 11.89141%;
    top: 67.65015%;
    width: 4.4px;
    height: 7.14px;
    box-shadow: 0 0 0 0.8px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 9.80616s;
    animation-delay: 9.80616s;
}

.raindrop:nth-child(136) {
    left: 3.28036%;
    top: 60.10648%;
    width: 12px;
    height: 13.08px;
    background-position: 3.28036% 60.10648%;
    -webkit-animation-delay: 7.0276s;
    animation-delay: 7.0276s;
}

.border:nth-child(136) {
    left: 3.28036%;
    top: 60.10648%;
    width: 6.8px;
    height: 13.08px;
    box-shadow: 0 0 0 2.6px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 7.0276s;
    animation-delay: 7.0276s;
}

.raindrop:nth-child(137) {
    left: 62.24455%;
    top: 54.5332%;
    width: 6px;
    height: 7.08px;
    background-position: 62.24455% 54.5332%;
    -webkit-animation-delay: 1.86465s;
    animation-delay: 1.86465s;
}

.border:nth-child(137) {
    left: 62.24455%;
    top: 54.5332%;
    width: 4.4px;
    height: 7.08px;
    box-shadow: 0 0 0 0.8px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 1.86465s;
    animation-delay: 1.86465s;
}

.raindrop:nth-child(138) {
    left: 69.56434%;
    top: 64.21771%;
    width: 10px;
    height: 10.2px;
    background-position: 69.56434% 64.21771%;
    -webkit-animation-delay: 12.61237s;
    animation-delay: 12.61237s;
}

.border:nth-child(138) {
    left: 69.56434%;
    top: 64.21771%;
    width: 6px;
    height: 10.2px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 12.61237s;
    animation-delay: 12.61237s;
}

.raindrop:nth-child(139) {
    left: 34.96867%;
    top: 58.34817%;
    width: 7px;
    height: 8.19px;
    background-position: 34.96867% 58.34817%;
    -webkit-animation-delay: 22.78674s;
    animation-delay: 22.78674s;
}

.border:nth-child(139) {
    left: 34.96867%;
    top: 58.34817%;
    width: 4.8px;
    height: 8.19px;
    box-shadow: 0 0 0 1.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 22.78674s;
    animation-delay: 22.78674s;
}

.raindrop:nth-child(140) {
    left: 45.428%;
    top: 52.03367%;
    width: 4px;
    height: 4.56px;
    background-position: 45.428% 52.03367%;
    -webkit-animation-delay: 27.46941s;
    animation-delay: 27.46941s;
}

.border:nth-child(140) {
    left: 45.428%;
    top: 52.03367%;
    width: 3.6px;
    height: 4.56px;
    box-shadow: 0 0 0 0.2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 27.46941s;
    animation-delay: 27.46941s;
}

.raindrop:nth-child(141) {
    left: 67.27458%;
    top: 57.69269%;
    width: 13px;
    height: 13.52px;
    background-position: 67.27458% 57.69269%;
    -webkit-animation-delay: 18.84657s;
    animation-delay: 18.84657s;
}

.border:nth-child(141) {
    left: 67.27458%;
    top: 57.69269%;
    width: 7.2px;
    height: 13.52px;
    box-shadow: 0 0 0 2.9px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 18.84657s;
    animation-delay: 18.84657s;
}

.raindrop:nth-child(142) {
    left: 51.32485%;
    top: 55.68565%;
    width: 13px;
    height: 15.08px;
    background-position: 51.32485% 55.68565%;
    -webkit-animation-delay: 22.29226s;
    animation-delay: 22.29226s;
}

.border:nth-child(142) {
    left: 51.32485%;
    top: 55.68565%;
    width: 7.2px;
    height: 15.08px;
    box-shadow: 0 0 0 2.9px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 22.29226s;
    animation-delay: 22.29226s;
}

.raindrop:nth-child(143) {
    left: 99.04837%;
    top: 63.68519%;
    width: 6px;
    height: 6.12px;
    background-position: 99.04837% 63.68519%;
    -webkit-animation-delay: 9.8943s;
    animation-delay: 9.8943s;
}

.border:nth-child(143) {
    left: 99.04837%;
    top: 63.68519%;
    width: 4.4px;
    height: 6.12px;
    box-shadow: 0 0 0 0.8px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 9.8943s;
    animation-delay: 9.8943s;
}

.raindrop:nth-child(144) {
    left: 29.72155%;
    top: 65.52271%;
    width: 5px;
    height: 5.1px;
    background-position: 29.72155% 65.52271%;
    -webkit-animation-delay: 0.64588s;
    animation-delay: 0.64588s;
}

.border:nth-child(144) {
    left: 29.72155%;
    top: 65.52271%;
    width: 4px;
    height: 5.1px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 0.64588s;
    animation-delay: 0.64588s;
}

.raindrop:nth-child(145) {
    left: 49.76454%;
    top: 57.37422%;
    width: 9px;
    height: 9.81px;
    background-position: 49.76454% 57.37422%;
    -webkit-animation-delay: 10.26401s;
    animation-delay: 10.26401s;
}

.border:nth-child(145) {
    left: 49.76454%;
    top: 57.37422%;
    width: 5.6px;
    height: 9.81px;
    box-shadow: 0 0 0 1.7px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 10.26401s;
    animation-delay: 10.26401s;
}

.raindrop:nth-child(146) {
    left: 94.87489%;
    top: 60.63079%;
    width: 5px;
    height: 5.4px;
    background-position: 94.87489% 60.63079%;
    -webkit-animation-delay: 27.72508s;
    animation-delay: 27.72508s;
}

.border:nth-child(146) {
    left: 94.87489%;
    top: 60.63079%;
    width: 4px;
    height: 5.4px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 27.72508s;
    animation-delay: 27.72508s;
}

.raindrop:nth-child(147) {
    left: 87.90599%;
    top: 40.77348%;
    width: 8px;
    height: 8.64px;
    background-position: 87.90599% 40.77348%;
    -webkit-animation-delay: 18.37648s;
    animation-delay: 18.37648s;
}

.border:nth-child(147) {
    left: 87.90599%;
    top: 40.77348%;
    width: 5.2px;
    height: 8.64px;
    box-shadow: 0 0 0 1.4px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 18.37648s;
    animation-delay: 18.37648s;
}

.raindrop:nth-child(148) {
    left: 40.90977%;
    top: 60.75852%;
    width: 13px;
    height: 14.43px;
    background-position: 40.90977% 60.75852%;
    -webkit-animation-delay: 17.79198s;
    animation-delay: 17.79198s;
}

.border:nth-child(148) {
    left: 40.90977%;
    top: 60.75852%;
    width: 7.2px;
    height: 14.43px;
    box-shadow: 0 0 0 2.9px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 17.79198s;
    animation-delay: 17.79198s;
}

.raindrop:nth-child(149) {
    left: 81.65151%;
    top: 50.91656%;
    width: 12px;
    height: 14.04px;
    background-position: 81.65151% 50.91656%;
    -webkit-animation-delay: 16.80878s;
    animation-delay: 16.80878s;
}

.border:nth-child(149) {
    left: 81.65151%;
    top: 50.91656%;
    width: 6.8px;
    height: 14.04px;
    box-shadow: 0 0 0 2.6px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 16.80878s;
    animation-delay: 16.80878s;
}

.raindrop:nth-child(150) {
    left: 52.07865%;
    top: 65.04039%;
    width: 10px;
    height: 10.4px;
    background-position: 52.07865% 65.04039%;
    -webkit-animation-delay: 29.10715s;
    animation-delay: 29.10715s;
}

.border:nth-child(150) {
    left: 52.07865%;
    top: 65.04039%;
    width: 6px;
    height: 10.4px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 29.10715s;
    animation-delay: 29.10715s;
}

.raindrop:nth-child(151) {
    left: 99.3796%;
    top: 61.79246%;
    width: 6px;
    height: 6.54px;
    background-position: 99.3796% 61.79246%;
    -webkit-animation-delay: 8.13152s;
    animation-delay: 8.13152s;
}

.border:nth-child(151) {
    left: 99.3796%;
    top: 61.79246%;
    width: 4.4px;
    height: 6.54px;
    box-shadow: 0 0 0 0.8px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 8.13152s;
    animation-delay: 8.13152s;
}

.raindrop:nth-child(152) {
    left: 91.59421%;
    top: 61.25995%;
    width: 4px;
    height: 4.44px;
    background-position: 91.59421% 61.25995%;
    -webkit-animation-delay: 5.49381s;
    animation-delay: 5.49381s;
}

.border:nth-child(152) {
    left: 91.59421%;
    top: 61.25995%;
    width: 3.6px;
    height: 4.44px;
    box-shadow: 0 0 0 0.2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 5.49381s;
    animation-delay: 5.49381s;
}

.raindrop:nth-child(153) {
    left: 43.92763%;
    top: 56.91929%;
    width: 9px;
    height: 9.63px;
    background-position: 43.92763% 56.91929%;
    -webkit-animation-delay: 22.4917s;
    animation-delay: 22.4917s;
}

.border:nth-child(153) {
    left: 43.92763%;
    top: 56.91929%;
    width: 5.6px;
    height: 9.63px;
    box-shadow: 0 0 0 1.7px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 22.4917s;
    animation-delay: 22.4917s;
}

.raindrop:nth-child(154) {
    left: 35.22755%;
    top: 46.65908%;
    width: 3px;
    height: 3.42px;
    background-position: 35.22755% 46.65908%;
    -webkit-animation-delay: 15.37468s;
    animation-delay: 15.37468s;
}

.border:nth-child(154) {
    left: 35.22755%;
    top: 46.65908%;
    width: 3.2px;
    height: 3.42px;
    box-shadow: 0 0 0 -0.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 15.37468s;
    animation-delay: 15.37468s;
}

.raindrop:nth-child(155) {
    left: 28.46815%;
    top: 58.661%;
    width: 6px;
    height: 6.18px;
    background-position: 28.46815% 58.661%;
    -webkit-animation-delay: 21.60502s;
    animation-delay: 21.60502s;
}

.border:nth-child(155) {
    left: 28.46815%;
    top: 58.661%;
    width: 4.4px;
    height: 6.18px;
    box-shadow: 0 0 0 0.8px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 21.60502s;
    animation-delay: 21.60502s;
}

.raindrop:nth-child(156) {
    left: 97.93544%;
    top: 59.45273%;
    width: 6px;
    height: 6.3px;
    background-position: 97.93544% 59.45273%;
    -webkit-animation-delay: 10.28845s;
    animation-delay: 10.28845s;
}

.border:nth-child(156) {
    left: 97.93544%;
    top: 59.45273%;
    width: 4.4px;
    height: 6.3px;
    box-shadow: 0 0 0 0.8px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 10.28845s;
    animation-delay: 10.28845s;
}

.raindrop:nth-child(157) {
    left: 48.69109%;
    top: 67.62576%;
    width: 8px;
    height: 8.32px;
    background-position: 48.69109% 67.62576%;
    -webkit-animation-delay: 0.07835s;
    animation-delay: 0.07835s;
}

.border:nth-child(157) {
    left: 48.69109%;
    top: 67.62576%;
    width: 5.2px;
    height: 8.32px;
    box-shadow: 0 0 0 1.4px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 0.07835s;
    animation-delay: 0.07835s;
}

.raindrop:nth-child(158) {
    left: 13.08144%;
    top: 54.81114%;
    width: 9px;
    height: 9.9px;
    background-position: 13.08144% 54.81114%;
    -webkit-animation-delay: 21.39985s;
    animation-delay: 21.39985s;
}

.border:nth-child(158) {
    left: 13.08144%;
    top: 54.81114%;
    width: 5.6px;
    height: 9.9px;
    box-shadow: 0 0 0 1.7px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 21.39985s;
    animation-delay: 21.39985s;
}

.raindrop:nth-child(159) {
    left: 58.35795%;
    top: 54.34294%;
    width: 6px;
    height: 6.6px;
    background-position: 58.35795% 54.34294%;
    -webkit-animation-delay: 29.95215s;
    animation-delay: 29.95215s;
}

.border:nth-child(159) {
    left: 58.35795%;
    top: 54.34294%;
    width: 4.4px;
    height: 6.6px;
    box-shadow: 0 0 0 0.8px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 29.95215s;
    animation-delay: 29.95215s;
}

.raindrop:nth-child(160) {
    left: 66.86127%;
    top: 59.69517%;
    width: 5px;
    height: 5.5px;
    background-position: 66.86127% 59.69517%;
    -webkit-animation-delay: 5.93548s;
    animation-delay: 5.93548s;
}

.border:nth-child(160) {
    left: 66.86127%;
    top: 59.69517%;
    width: 4px;
    height: 5.5px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 5.93548s;
    animation-delay: 5.93548s;
}

.raindrop:nth-child(161) {
    left: 84.45766%;
    top: 57.03462%;
    width: 10px;
    height: 10.3px;
    background-position: 84.45766% 57.03462%;
    -webkit-animation-delay: 13.17033s;
    animation-delay: 13.17033s;
}

.border:nth-child(161) {
    left: 84.45766%;
    top: 57.03462%;
    width: 6px;
    height: 10.3px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 13.17033s;
    animation-delay: 13.17033s;
}

.raindrop:nth-child(162) {
    left: 60.13314%;
    top: 66.4556%;
    width: 6px;
    height: 6.24px;
    background-position: 60.13314% 66.4556%;
    -webkit-animation-delay: 26.83495s;
    animation-delay: 26.83495s;
}

.border:nth-child(162) {
    left: 60.13314%;
    top: 66.4556%;
    width: 4.4px;
    height: 6.24px;
    box-shadow: 0 0 0 0.8px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 26.83495s;
    animation-delay: 26.83495s;
}

.raindrop:nth-child(163) {
    left: 78.81332%;
    top: 60.08032%;
    width: 10px;
    height: 11.7px;
    background-position: 78.81332% 60.08032%;
    -webkit-animation-delay: 21.06696s;
    animation-delay: 21.06696s;
}

.border:nth-child(163) {
    left: 78.81332%;
    top: 60.08032%;
    width: 6px;
    height: 11.7px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 21.06696s;
    animation-delay: 21.06696s;
}

.raindrop:nth-child(164) {
    left: 60.18516%;
    top: 51.08931%;
    width: 10px;
    height: 11px;
    background-position: 60.18516% 51.08931%;
    -webkit-animation-delay: 23.78716s;
    animation-delay: 23.78716s;
}

.border:nth-child(164) {
    left: 60.18516%;
    top: 51.08931%;
    width: 6px;
    height: 11px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 23.78716s;
    animation-delay: 23.78716s;
}

.raindrop:nth-child(165) {
    left: 91.7952%;
    top: 64.45319%;
    width: 7px;
    height: 8.26px;
    background-position: 91.7952% 64.45319%;
    -webkit-animation-delay: 13.38993s;
    animation-delay: 13.38993s;
}

.border:nth-child(165) {
    left: 91.7952%;
    top: 64.45319%;
    width: 4.8px;
    height: 8.26px;
    box-shadow: 0 0 0 1.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 13.38993s;
    animation-delay: 13.38993s;
}

.raindrop:nth-child(166) {
    left: 10.12298%;
    top: 65.05062%;
    width: 5px;
    height: 5.2px;
    background-position: 10.12298% 65.05062%;
    -webkit-animation-delay: 20.09638s;
    animation-delay: 20.09638s;
}

.border:nth-child(166) {
    left: 10.12298%;
    top: 65.05062%;
    width: 4px;
    height: 5.2px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 20.09638s;
    animation-delay: 20.09638s;
}

.raindrop:nth-child(167) {
    left: 18.43399%;
    top: 61.80148%;
    width: 3px;
    height: 3.18px;
    background-position: 18.43399% 61.80148%;
    -webkit-animation-delay: 6.00451s;
    animation-delay: 6.00451s;
}

.border:nth-child(167) {
    left: 18.43399%;
    top: 61.80148%;
    width: 3.2px;
    height: 3.18px;
    box-shadow: 0 0 0 -0.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 6.00451s;
    animation-delay: 6.00451s;
}

.raindrop:nth-child(168) {
    left: 9.69294%;
    top: 56.41711%;
    width: 8px;
    height: 8.56px;
    background-position: 9.69294% 56.41711%;
    -webkit-animation-delay: 6.09556s;
    animation-delay: 6.09556s;
}

.border:nth-child(168) {
    left: 9.69294%;
    top: 56.41711%;
    width: 5.2px;
    height: 8.56px;
    box-shadow: 0 0 0 1.4px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 6.09556s;
    animation-delay: 6.09556s;
}

.raindrop:nth-child(169) {
    left: 31.12963%;
    top: 50.43253%;
    width: 12px;
    height: 13.68px;
    background-position: 31.12963% 50.43253%;
    -webkit-animation-delay: 26.05084s;
    animation-delay: 26.05084s;
}

.border:nth-child(169) {
    left: 31.12963%;
    top: 50.43253%;
    width: 6.8px;
    height: 13.68px;
    box-shadow: 0 0 0 2.6px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 26.05084s;
    animation-delay: 26.05084s;
}

.raindrop:nth-child(170) {
    left: 69.73943%;
    top: 63.09118%;
    width: 13px;
    height: 14.95px;
    background-position: 69.73943% 63.09118%;
    -webkit-animation-delay: 3.60123s;
    animation-delay: 3.60123s;
}

.border:nth-child(170) {
    left: 69.73943%;
    top: 63.09118%;
    width: 7.2px;
    height: 14.95px;
    box-shadow: 0 0 0 2.9px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 3.60123s;
    animation-delay: 3.60123s;
}

.raindrop:nth-child(171) {
    left: 34.80314%;
    top: 64.97091%;
    width: 5px;
    height: 5.3px;
    background-position: 34.80314% 64.97091%;
    -webkit-animation-delay: 0.14336s;
    animation-delay: 0.14336s;
}

.border:nth-child(171) {
    left: 34.80314%;
    top: 64.97091%;
    width: 4px;
    height: 5.3px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 0.14336s;
    animation-delay: 0.14336s;
}

.raindrop:nth-child(172) {
    left: 22.3248%;
    top: 53.83333%;
    width: 8px;
    height: 8.64px;
    background-position: 22.3248% 53.83333%;
    -webkit-animation-delay: 9.92511s;
    animation-delay: 9.92511s;
}

.border:nth-child(172) {
    left: 22.3248%;
    top: 53.83333%;
    width: 5.2px;
    height: 8.64px;
    box-shadow: 0 0 0 1.4px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 9.92511s;
    animation-delay: 9.92511s;
}

.raindrop:nth-child(173) {
    left: 38.90815%;
    top: 60.75455%;
    width: 4px;
    height: 4.24px;
    background-position: 38.90815% 60.75455%;
    -webkit-animation-delay: 11.29425s;
    animation-delay: 11.29425s;
}

.border:nth-child(173) {
    left: 38.90815%;
    top: 60.75455%;
    width: 3.6px;
    height: 4.24px;
    box-shadow: 0 0 0 0.2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 11.29425s;
    animation-delay: 11.29425s;
}

.raindrop:nth-child(174) {
    left: 75.5407%;
    top: 62.96322%;
    width: 8px;
    height: 9.44px;
    background-position: 75.5407% 62.96322%;
    -webkit-animation-delay: 16.80427s;
    animation-delay: 16.80427s;
}

.border:nth-child(174) {
    left: 75.5407%;
    top: 62.96322%;
    width: 5.2px;
    height: 9.44px;
    box-shadow: 0 0 0 1.4px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 16.80427s;
    animation-delay: 16.80427s;
}

.raindrop:nth-child(175) {
    left: 69.72619%;
    top: 62.50823%;
    width: 8px;
    height: 8.4px;
    background-position: 69.72619% 62.50823%;
    -webkit-animation-delay: 24.18917s;
    animation-delay: 24.18917s;
}

.border:nth-child(175) {
    left: 69.72619%;
    top: 62.50823%;
    width: 5.2px;
    height: 8.4px;
    box-shadow: 0 0 0 1.4px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 24.18917s;
    animation-delay: 24.18917s;
}

.raindrop:nth-child(176) {
    left: 59.8133%;
    top: 55.50425%;
    width: 12px;
    height: 12.84px;
    background-position: 59.8133% 55.50425%;
    -webkit-animation-delay: 6.67684s;
    animation-delay: 6.67684s;
}

.border:nth-child(176) {
    left: 59.8133%;
    top: 55.50425%;
    width: 6.8px;
    height: 12.84px;
    box-shadow: 0 0 0 2.6px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 6.67684s;
    animation-delay: 6.67684s;
}

.raindrop:nth-child(177) {
    left: 31.87398%;
    top: 66.75281%;
    width: 7px;
    height: 7.49px;
    background-position: 31.87398% 66.75281%;
    -webkit-animation-delay: 5.49333s;
    animation-delay: 5.49333s;
}

.border:nth-child(177) {
    left: 31.87398%;
    top: 66.75281%;
    width: 4.8px;
    height: 7.49px;
    box-shadow: 0 0 0 1.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 5.49333s;
    animation-delay: 5.49333s;
}

.raindrop:nth-child(178) {
    left: 66.05333%;
    top: 62.02092%;
    width: 13px;
    height: 14.04px;
    background-position: 66.05333% 62.02092%;
    -webkit-animation-delay: 16.49946s;
    animation-delay: 16.49946s;
}

.border:nth-child(178) {
    left: 66.05333%;
    top: 62.02092%;
    width: 7.2px;
    height: 14.04px;
    box-shadow: 0 0 0 2.9px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 16.49946s;
    animation-delay: 16.49946s;
}

.raindrop:nth-child(179) {
    left: 35.13407%;
    top: 67.83539%;
    width: 7px;
    height: 7.14px;
    background-position: 35.13407% 67.83539%;
    -webkit-animation-delay: 8.53468s;
    animation-delay: 8.53468s;
}

.border:nth-child(179) {
    left: 35.13407%;
    top: 67.83539%;
    width: 4.8px;
    height: 7.14px;
    box-shadow: 0 0 0 1.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 8.53468s;
    animation-delay: 8.53468s;
}

.raindrop:nth-child(180) {
    left: 82.40742%;
    top: 59.90617%;
    width: 6px;
    height: 6.84px;
    background-position: 82.40742% 59.90617%;
    -webkit-animation-delay: 8.19844s;
    animation-delay: 8.19844s;
}

.border:nth-child(180) {
    left: 82.40742%;
    top: 59.90617%;
    width: 4.4px;
    height: 6.84px;
    box-shadow: 0 0 0 0.8px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 8.19844s;
    animation-delay: 8.19844s;
}

.raindrop:nth-child(181) {
    left: 43.30316%;
    top: 69.00756%;
    width: 5px;
    height: 5.2px;
    background-position: 43.30316% 69.00756%;
    -webkit-animation-delay: 1.48309s;
    animation-delay: 1.48309s;
}

.border:nth-child(181) {
    left: 43.30316%;
    top: 69.00756%;
    width: 4px;
    height: 5.2px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 1.48309s;
    animation-delay: 1.48309s;
}

.raindrop:nth-child(182) {
    left: 34.75357%;
    top: 40.38499%;
    width: 7px;
    height: 7.42px;
    background-position: 34.75357% 40.38499%;
    -webkit-animation-delay: 1.23107s;
    animation-delay: 1.23107s;
}

.border:nth-child(182) {
    left: 34.75357%;
    top: 40.38499%;
    width: 4.8px;
    height: 7.42px;
    box-shadow: 0 0 0 1.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 1.23107s;
    animation-delay: 1.23107s;
}

.raindrop:nth-child(183) {
    left: 51.35116%;
    top: 64.16839%;
    width: 5px;
    height: 6px;
    background-position: 51.35116% 64.16839%;
    -webkit-animation-delay: 3.55307s;
    animation-delay: 3.55307s;
}

.border:nth-child(183) {
    left: 51.35116%;
    top: 64.16839%;
    width: 4px;
    height: 6px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 3.55307s;
    animation-delay: 3.55307s;
}

.raindrop:nth-child(184) {
    left: 29.95685%;
    top: 54.60076%;
    width: 10px;
    height: 11.6px;
    background-position: 29.95685% 54.60076%;
    -webkit-animation-delay: 2.15373s;
    animation-delay: 2.15373s;
}

.border:nth-child(184) {
    left: 29.95685%;
    top: 54.60076%;
    width: 6px;
    height: 11.6px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 2.15373s;
    animation-delay: 2.15373s;
}

.raindrop:nth-child(185) {
    left: 97.46365%;
    top: 54.97002%;
    width: 3px;
    height: 3.57px;
    background-position: 97.46365% 54.97002%;
    -webkit-animation-delay: 14.86397s;
    animation-delay: 14.86397s;
}

.border:nth-child(185) {
    left: 97.46365%;
    top: 54.97002%;
    width: 3.2px;
    height: 3.57px;
    box-shadow: 0 0 0 -0.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 14.86397s;
    animation-delay: 14.86397s;
}

.raindrop:nth-child(186) {
    left: 98.11418%;
    top: 58.76678%;
    width: 6px;
    height: 6.72px;
    background-position: 98.11418% 58.76678%;
    -webkit-animation-delay: 2.19194s;
    animation-delay: 2.19194s;
}

.border:nth-child(186) {
    left: 98.11418%;
    top: 58.76678%;
    width: 4.4px;
    height: 6.72px;
    box-shadow: 0 0 0 0.8px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 2.19194s;
    animation-delay: 2.19194s;
}

.raindrop:nth-child(187) {
    left: 79.03667%;
    top: 61.32965%;
    width: 10px;
    height: 11.1px;
    background-position: 79.03667% 61.32965%;
    -webkit-animation-delay: 7.31787s;
    animation-delay: 7.31787s;
}

.border:nth-child(187) {
    left: 79.03667%;
    top: 61.32965%;
    width: 6px;
    height: 11.1px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 7.31787s;
    animation-delay: 7.31787s;
}

.raindrop:nth-child(188) {
    left: 4.79984%;
    top: 61.10988%;
    width: 6px;
    height: 6.12px;
    background-position: 4.79984% 61.10988%;
    -webkit-animation-delay: 13.75513s;
    animation-delay: 13.75513s;
}

.border:nth-child(188) {
    left: 4.79984%;
    top: 61.10988%;
    width: 4.4px;
    height: 6.12px;
    box-shadow: 0 0 0 0.8px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 13.75513s;
    animation-delay: 13.75513s;
}

.raindrop:nth-child(189) {
    left: 20.5218%;
    top: 54.59121%;
    width: 4px;
    height: 4.72px;
    background-position: 20.5218% 54.59121%;
    -webkit-animation-delay: 4.91587s;
    animation-delay: 4.91587s;
}

.border:nth-child(189) {
    left: 20.5218%;
    top: 54.59121%;
    width: 3.6px;
    height: 4.72px;
    box-shadow: 0 0 0 0.2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 4.91587s;
    animation-delay: 4.91587s;
}

.raindrop:nth-child(190) {
    left: 78.22026%;
    top: 63.69424%;
    width: 4px;
    height: 4.8px;
    background-position: 78.22026% 63.69424%;
    -webkit-animation-delay: 29.41173s;
    animation-delay: 29.41173s;
}

.border:nth-child(190) {
    left: 78.22026%;
    top: 63.69424%;
    width: 3.6px;
    height: 4.8px;
    box-shadow: 0 0 0 0.2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 29.41173s;
    animation-delay: 29.41173s;
}

.raindrop:nth-child(191) {
    left: 67.7051%;
    top: 56.60547%;
    width: 13px;
    height: 14.95px;
    background-position: 67.7051% 56.60547%;
    -webkit-animation-delay: 27.10785s;
    animation-delay: 27.10785s;
}

.border:nth-child(191) {
    left: 67.7051%;
    top: 56.60547%;
    width: 7.2px;
    height: 14.95px;
    box-shadow: 0 0 0 2.9px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 27.10785s;
    animation-delay: 27.10785s;
}

.raindrop:nth-child(192) {
    left: 43.96346%;
    top: 41.35207%;
    width: 3px;
    height: 3.21px;
    background-position: 43.96346% 41.35207%;
    -webkit-animation-delay: 2.58884s;
    animation-delay: 2.58884s;
}

.border:nth-child(192) {
    left: 43.96346%;
    top: 41.35207%;
    width: 3.2px;
    height: 3.21px;
    box-shadow: 0 0 0 -0.1px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 2.58884s;
    animation-delay: 2.58884s;
}

.raindrop:nth-child(193) {
    left: 5.18676%;
    top: 45.40056%;
    width: 12px;
    height: 12.72px;
    background-position: 5.18676% 45.40056%;
    -webkit-animation-delay: 3.84306s;
    animation-delay: 3.84306s;
}

.border:nth-child(193) {
    left: 5.18676%;
    top: 45.40056%;
    width: 6.8px;
    height: 12.72px;
    box-shadow: 0 0 0 2.6px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 3.84306s;
    animation-delay: 3.84306s;
}

.raindrop:nth-child(194) {
    left: 7.01609%;
    top: 50.75731%;
    width: 9px;
    height: 10.71px;
    background-position: 7.01609% 50.75731%;
    -webkit-animation-delay: 17.40092s;
    animation-delay: 17.40092s;
}

.border:nth-child(194) {
    left: 7.01609%;
    top: 50.75731%;
    width: 5.6px;
    height: 10.71px;
    box-shadow: 0 0 0 1.7px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 17.40092s;
    animation-delay: 17.40092s;
}

.raindrop:nth-child(195) {
    left: 65.16785%;
    top: 53.85229%;
    width: 6px;
    height: 6.24px;
    background-position: 65.16785% 53.85229%;
    -webkit-animation-delay: 29.11077s;
    animation-delay: 29.11077s;
}

.border:nth-child(195) {
    left: 65.16785%;
    top: 53.85229%;
    width: 4.4px;
    height: 6.24px;
    box-shadow: 0 0 0 0.8px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 29.11077s;
    animation-delay: 29.11077s;
}

.raindrop:nth-child(196) {
    left: 44.27187%;
    top: 59.79409%;
    width: 12px;
    height: 13.08px;
    background-position: 44.27187% 59.79409%;
    -webkit-animation-delay: 7.56599s;
    animation-delay: 7.56599s;
}

.border:nth-child(196) {
    left: 44.27187%;
    top: 59.79409%;
    width: 6.8px;
    height: 13.08px;
    box-shadow: 0 0 0 2.6px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 7.56599s;
    animation-delay: 7.56599s;
}

.raindrop:nth-child(197) {
    left: 52.89013%;
    top: 54.8819%;
    width: 8px;
    height: 8.96px;
    background-position: 52.89013% 54.8819%;
    -webkit-animation-delay: 26.72246s;
    animation-delay: 26.72246s;
}

.border:nth-child(197) {
    left: 52.89013%;
    top: 54.8819%;
    width: 5.2px;
    height: 8.96px;
    box-shadow: 0 0 0 1.4px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 26.72246s;
    animation-delay: 26.72246s;
}

.raindrop:nth-child(198) {
    left: 44.25604%;
    top: 50.43663%;
    width: 4px;
    height: 4.52px;
    background-position: 44.25604% 50.43663%;
    -webkit-animation-delay: 26.43679s;
    animation-delay: 26.43679s;
}

.border:nth-child(198) {
    left: 44.25604%;
    top: 50.43663%;
    width: 3.6px;
    height: 4.52px;
    box-shadow: 0 0 0 0.2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 26.43679s;
    animation-delay: 26.43679s;
}

.raindrop:nth-child(199) {
    left: 31.82082%;
    top: 66.70782%;
    width: 12px;
    height: 12.6px;
    background-position: 31.82082% 66.70782%;
    -webkit-animation-delay: 12.95267s;
    animation-delay: 12.95267s;
}

.border:nth-child(199) {
    left: 31.82082%;
    top: 66.70782%;
    width: 6.8px;
    height: 12.6px;
    box-shadow: 0 0 0 2.6px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 12.95267s;
    animation-delay: 12.95267s;
}

.raindrop:nth-child(200) {
    left: 96.42897%;
    top: 56.89859%;
    width: 4px;
    height: 4.52px;
    background-position: 96.42897% 56.89859%;
    -webkit-animation-delay: 18.09176s;
    animation-delay: 18.09176s;
}

.border:nth-child(200) {
    left: 96.42897%;
    top: 56.89859%;
    width: 3.6px;
    height: 4.52px;
    box-shadow: 0 0 0 0.2px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 18.09176s;
    animation-delay: 18.09176s;
}

.raindrop:nth-child(201) {
    left: 1.4521%;
    top: 53.69298%;
    width: 5px;
    height: 5.85px;
    background-position: 1.4521% 53.69298%;
    -webkit-animation-delay: 11.85191s;
    animation-delay: 11.85191s;
}

.border:nth-child(201) {
    left: 1.4521%;
    top: 53.69298%;
    width: 4px;
    height: 5.85px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: 11.85191s;
    animation-delay: 11.85191s;
}



@media only screen and (max-width: 767px) {
    .waterfall {
        height: 450px;
        width: auto;
    }
    .danseuse {
        height: 250px;
        width: auto;
    }
    .ishtar{
        height: 200px;
        width: auto;
    }
    .bijoux {
        height: 300px;
        width: auto;
    }
    .jade {
        height: 450px!important;
        width: auto!important;
    }
    .work4 {
        height: 450px;
        width: auto;
    }
    .shake {
        display:none;
    }
    .work6, .warrior {
        height: 300px;
        width: auto;
    }
    .fog-wrapper {
        height: 170px;
        width: auto;
    }
    .FallingLeaves {
        height: 450px;
        width: auto;
    }
    .set img {
        max-width: 15px;
        max-height: 15px;
    }
    .waterdrop,
    .raindrops,
    .lens {
        height: 400px!important;
        width: 267px!important;
    }
    .warrior {
        height: 450px!important;
        width: auto!important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .waterfall {
        height: 600px;
        width: 70%;
    }
    .danseuse {
        height: 450px;
        width: auto;
    }
    .ishtar{
        height: 450px;
        width: auto;
    }
    .bijoux {
        height: 400px;
        width: auto;
    }
    .jade {
        height: 600px;
        width: 70%;
    }
    .work4 {
        height: 600px;
        width: 60%;
    }
    .work6, .warrior {
        height: 450px;
        width: auto;
    }
    .fog-wrapper {
        height: 400px;
        width: auto;
    }
    .FallingLeaves {
        height: 800px;
        width: 75%;
    }

}

@media only screen and (min-width: 1024px) and (max-width: 1440px) {
    .waterfall {
        height: 1000px;
        width: 70%;
    }
    .danseuse {
        height: 600px;
        width: auto;
    }
    .ishtar{
        height: 500px;
        width: auto;
    }
    .bijoux {
        height: 500px;
        width: auto;
    }
    .jade {
        height: 800px;
        width: 70%;
    }
    .work4 {
        height: 600px;
        width: 45%;
    }
    .work6, .warrior {
        height: 650px;
        width: auto;
    }
    .fog-wrapper {
        height: 500px;
        width: auto;
    }
    .FallingLeaves {
        height: 1000px;
        width: 60%;
    }
}