/*!  ANDONA | https://www.andona.click */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,img,b,u,i,dl,dt,dd,ol,ul,li,article,aside,footer,header,nav,section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
main,article,aside,footer,header,nav,section{display:block}
*,::before,::after{box-sizing:border-box}

html,body{height:100%;font-size:16px;overflow-x:hidden;}
body{
    background-color:#000;padding:0;-webkit-text-size-adjust:none;
    color:rgba(255,255,255,0.75);font-family:Verdana,sans-serif;font-size:15px;font-weight:400;
    letter-spacing:-.01em;line-height:1.65em;text-align:center
}
body > *{position:relative;z-index:2}
ol,ul{list-style:none}

a{border-bottom:dotted 1px rgba(255,255,255,0.25);color:inherit;transition:border-bottom-color .2s ease,color .4s ease;text-decoration:none}
a:hover{border-bottom-color:transparent;color:#1cb495;text-decoration:none}

.as-list {color: #d6feff;font-size:12px;list-style:none;margin:0;padding:0}
.as-list li {border-left:solid 1px rgba(255,255,255,0.25);display:inline-block;line-height:1.1em;margin:0 0 0 .75em;padding:0 0 0 .75em}
.as-list li:first-child {border-left:0;margin-left:0;padding-left:0}
.as-list a {color:inherit}

.as-ico{text-decoration:none;border-bottom:none;position:relative}
.as-ico:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:FontAwesome;font-style:normal;font-weight:400;text-transform:none!important}
.as-ico > .label{display:none}
[class*='as-aside-'] .as-ico::before {display:inline-block;width:40px;text-align: center;}

#asHeader{
	background-color:rgba(255,255,255,0.13);display:flex;align-items:center;justify-content:center;
	height: 40px;border-bottom:dotted 1px rgba(255,255,255,0.25);color: #d6feff;opacity:.7;
	font-size: 12px;line-height: 1.3em;
}
#asHeader_list {display:none;}
#asHeader_txt {max-width: 250px;margin:0 auto;font-variant: small-caps;}
@media (min-width: 1200px) {
    #asHeader_list{display:flex;align-items:center;justify-content:center;height:40px}
    #asHeader_txt {display:none}
}

#asMain{height:calc(100vh - 120px);padding: 0 55px;align-items:center;justify-content:center;display:flex}
#asMain_header{padding: 0 25px;color: rgba(255, 255, 255, 0.75);letter-spacing:0;font-variant: small-caps;}
h1{color:#fff;font-weight:700;margin:0 0 .2em;text-shadow:-3px 2px #3e6f7b;font-size:2.5em;line-height:1.25em}
h1 span{display:none}
#asMain_logo {
    max-width:100%;width:180px;height:auto;pointer-events:none;opacity:.8
}

#asTags{position: absolute;bottom: 0;left:55px;right:55px}
#asTags_txt {
    color: #d6feff;
    font-size: 1em;
    font-variant: small-caps;
    line-height: 1.1em;
    margin-bottom: 30px;
}

.as-list-icons {}
.as-list-icons li {position: relative;display: block;padding: 0;width: 40px;height: 40px;line-height:38px;border: dotted 1px rgba(255,255,255,0.25);margin: 5px 0;}
.as-list-icons li .icon:before {font-size:1.25em}
.as-list-icons li a {height: 38px;color:inherit}

[class*='as-aside-']{position:fixed;top:46px;bottom:46px;z-index:99;white-space: nowrap;align-items: center;display: flex;overflow: hidden;}
.as-aside-right{right:0;}
.as-aside-left .as-list-icons li {border-left:none}
.as-aside-right .as-list-icons li {border-right:none}
.as-list-icons .as-th {margin-bottom:45px}
.as-markdown {fill: rgba(255,255,255,.75)}.as-markdown path{fill: rgba(255,255,255,.75)}
.as-markdown > .label {margin:0 7px}
.as-list-icons .as-ico-flex-rbi {display:inline-flex;align-items:center;margin-left:5px}
.as-list-icons .as-ico-flex-right {justify-content:flex-end;align-items:center;display:flex}

.as-ico-uikit::before {
    content: '';
    background: url(/themes/andona/assets/home/img/logo_uikit_3_top.svg) 50% 50% / 17px no-repeat;
    opacity: 0.6;height: 38px;
}
[class*="as-aside-"] a.as-ico-uikit:hover::before {opacity:.8}

#asLeft{left:0;font-variant: small-caps;}

@media (min-width:768px){
    .as-aside-left .as-list-icons li {width:190px;text-align:right}
    .as-aside-right .as-list-icons li {width:190px;text-align:left}
    .as-aside-left .as-ico::before {float:right}
    [class*='as-aside-'] a {display:block;width:100%;height:100%;opacity:.7}[class*='as-aside-'] a:hover{opacity:1;color: #d6feff;}
    [class*='as-aside-'] .as-ico > .label {display:inline-block;font-size: 13px;}
    .as-aside-left .as-list-icons li {left:-150px;transition: left .2s linear,background .6s linear;}
    .as-aside-left .as-list-icons li:hover {left: 0;background-color: rgba(255,255,255,0.13);}
    .as-aside-right .as-list-icons li {right:-150px;transition: right .2s linear,background .6s linear;}
    .as-aside-right .as-list-icons li:hover {right: 0;background-color: rgba(255,255,255,0.07);}
}

#asFooter{color:#fff;height: 80px;line-height: 38px;opacity:.5;transition:opacity .5s ease-in-out;}
#asFooter:hover{opacity:1}
#asFooter_mail{display: block;line-height: 38px;font-size:0.8rem}
#asFooter_mail .as-ico{display: inline-block;width: 16px}
#asFooter_copyright{background-color:rgba(255,255,255,0.13);border-top:dotted 1px rgba(255,255,255,0.25);font-size: 70%}


body.is-loading *,body.is-loading::after,body.is-loading::before {animation:none!important;transition:none!important}
#bg,#bg div{height:100%;left:0;top:0}
#bg{z-index:1;transition:opacity 2s ease-in-out;opacity:.25;position:fixed;width:100%}
#bg div{transition:opacity 3s ease,visibility 3s;background-size:cover;opacity:0;position:absolute;visibility:hidden;width:125%}
#bg div.visible{animation:bg 45s linear infinite;opacity:1;visibility:visible;z-index:1}
#bg div.visible.top{z-index:2}
@media (max-width:1280px){#bg div.visible{animation:bg 29.25s linear infinite}}
@media (max-width:736px){#bg div.visible{animation:bg 18s linear infinite}}
#bg div:only-child{animation-direction:alternate!important}
body.is-loading #bg{opacity:0}
@-webkit-keyframes bg{0%{transform:translateX(0)}to{transform:translateX(-25%)}}@keyframes bg{0%{transform:translateX(0)}to{transform:translateX(-25%)}}

@media (min-width: 960px) {

}
 
@media (min-width: 1200px) {
    #asMain_logo {
        width:auto;
    }
}


@media (max-height: 640px) {
    #asTags_list{display:none}
}


@media (max-width: 1199px) {

}

@media (max-width:959px){
    .as-list li {margin: 0 0 0 .5em;padding: 0 0 0 .5em;}
    #asHeader_list,
    #asTags_txt{display:none}
}

@media (max-width: 639px) {
    #asTags_list{display:none}
}