/* Page Loader */
.js .loading::before,
.js .loading::after {
    content: '';
    position: fixed;
    z-index: 1000;
}

.js .loading::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-bg);
}

.js .loading::after {
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    border-radius: 50%;
    opacity: 0.4;
    background: var(--color-link);
    animation: loaderAnim 0.7s linear infinite alternate forwards;

}

@keyframes loaderAnim {
    to {
        opacity: 1;
        transform: scale3d(0.5, 0.5, 1);
    }
}



.loaded .js-image {
    opacity: 0;
}

canvas {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
    /* border:1px solid yellow; */
    height:auto !important;        
}


.dg {
    z-index: 100 !important;    
    width:400px !important;    
    position:fixed !important;
    left:-3em;
}

.dg.a {
    float:left !important;
    margin-left:10em;
    margin-top:2.3em;
}

.dg.ac > div > div:nth-child(1),
.dg .close-button {
    display:none;

}

.dg li {
    background:transparent !important;
    border:0 !important;
    display:inline-block;
    width:100px !important;
    text-align:center;
}

.dg .property-name {
    font-family:"Gabriola";
    font-size:2.5em;
    color:#666;
    transition:all .75s ease-in-out;
}

.dg .property-name:hover {
   color:#fff;
}

.dg span.active { 
    text-decoration: underline;
    color:#fff;
}

.section {
    /* border:1px solid red; */
    padding:0;
    overflow-x: hidden; 
    height:100% !important;           
}

.item {
    width: 101%;
    height:100% !important;    
}

.item img {
    display: block;
    width: 100%;
    height:100%;
    height:100% !important;    
}

.item__image {
    height:100% !important;
}


/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * laca-text:
 *   - http://typekit.com/eulas/00000000000000003b9b39ef
 * operetta-12:
 *   - http://typekit.com/eulas/00000000000000003b9b3618
 *
 * © 2009-2020 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2020-04-14 08:21:05 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=yae0eed&ht=tk&f=42990.43548&a=1494256&app=typekit&e=css");

@font-face {
font-family:"operetta-12";
src:url("https://use.typekit.net/af/4a856a/00000000000000003b9b3618/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),
url("https://use.typekit.net/af/4a856a/00000000000000003b9b3618/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),
url("https://use.typekit.net/af/4a856a/00000000000000003b9b3618/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;
}

@font-face {
font-family:"laca-text";
src:url("https://use.typekit.net/af/cabfff/00000000000000003b9b39ef/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
url("https://use.typekit.net/af/cabfff/00000000000000003b9b39ef/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),
url("https://use.typekit.net/af/cabfff/00000000000000003b9b39ef/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}