*{-webkit-font-smoothing:antialiased;} html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent;} html{ overflow: auto; } body { position: relative; } article,aside,figure,footer,header,hgroup,nav,section,details,summary{display:block; }object,embed{max-width:100%}img{-ms-interpolation-mode:bicubic;vertical-align:top}ul,li { margin: 0px; padding: 0px; list-style: none; }h1,h2,h3,h4,h5,h6{font-weight:normal !important;line-height:inherit !important;margin:0px;padding:0px}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;cursor: pointer;}p{margin:0px 0px 0px 0px}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom} select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace, sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer}button,input,,option,textarea{padding:0px;margin:0px}button{width:auto;overflow:visible;height:auto; background: transparent; border: none;}.clearfix:before,.clearfix:after{content:".";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}html,body{margin:0px;padding:0px}.left{float:left}.right{float:right}.both{clear:both} body button:focus, body input:focus, body textarea:focus { outline: none; } .prevent-select { -webkit-user-select: none; -ms-user-select: none; user-select: none; }

::-webkit-scrollbar { display: none; }
* { font-family: "Pixelify Sans", sans-serif; font-weight: 400; font-size: max(2vw, 16px); line-height: 160%; color: #000000; }

body { 
    height: 100vh;
    overflow: hidden;
    background-color: #000; }
/*body ul,li { margin: 0px; padding: 0px; list-style: none; }
body p { margin: 0px 0px 32px 0px; padding: 0px; }
body a { color: #000000; cursor: pointer; text-decoration: none; }
body img { border: none; margin: 0px; padding: 0px; }*/




#backgroundLAYOUT { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; }
#backgroundLAYOUT > .wrap {  }
#backgroundLAYOUT section.bars { display: flex; flex-direction: column; height: 100vh; }
#backgroundLAYOUT section.bars > .wrap { display: flex; flex: 6; }
#backgroundLAYOUT section.bars .color { flex: 1; height: 100%; display: flex; justify-content: center; align-items: center; }

#backgroundLAYOUT section.cucu { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; }
#backgroundLAYOUT section.cucu .logo { background-color: #000000;  width: min-content;  }
#backgroundLAYOUT section.cucu .logo > .wrap { padding: max(.5vw,4px) max(1vw,8px) max(1vw,8px) max(1vw,8px); font-size: max(8vw,64px); line-height: 100%; color: #FFFFFF; }

.x { animation: x 13s linear infinite alternate; }
.y { animation: y 7s linear infinite alternate; }
@keyframes x { 100% { transform: translateX(calc(100vw - var(--logo-width))); } }
@keyframes y { 100% { transform: translateY(calc(100vh - var(--logo-height))); } }

body > .wrap {  }




#headerLAYOUT {  }
#headerLAYOUT > .wrap {  }





#footerLAYOUT {  }
#footerLAYOUT > .wrap {  }





#contentLAYOUT {  }
#contentLAYOUT > .wrap {  }


    #contentLAYOUT .contacts { display: flex; justify-content: center; align-items: center; rotate: 180deg; white-space: nowrap; text-orientation: mixed; writing-mode: vertical-rl; width: calc(100vw/7); height: 100%; font-size: max(2vw, 16px); }
    #contentLAYOUT .contacts a { padding: max(1vw,8px) 0; }
    #contentLAYOUT .contacts a svg { height: max(1.5vw, 12px); vertical-align: inherit; margin-bottom: 4px; margin-right: max(0.25vw, 2.5px);  -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
    #contentLAYOUT .contacts a.instagram:hover { color: #FF00FF; }
    #contentLAYOUT .contacts a.instagram:hover svg path { fill: #FF00FF; }
    #contentLAYOUT .contacts a.email:hover { color: #0000FF; }
    #contentLAYOUT .contacts a.email:hover svg path { fill: #0000FF; }





    #contentLAYOUT .audio { position: absolute; bottom: max(1vw, 8px); left: 0; text-align: center; width: calc(100vw/7); }
    #contentLAYOUT .audio button { padding: 8px; }
    #contentLAYOUT .audio button img { width: auto; height: max(1.5vw, 12px); }

    #contentLAYOUT .cucu_x { position: absolute; top: 0; left: 0; }
    #contentLAYOUT .cucu_y { position: absolute; }

    #contentLAYOUT .cucu_logo { background-color: #000000; }
    #contentLAYOUT .cucu_logo > .wrap { padding: max(.5vw,4px) max(1vw,8px) max(1vw,8px) max(1vw,8px); font-size: max(8vw,64px); line-height: 100%; color: #FFFFFF; }
  


@media screen and (min-width: 1025px) {
	
	
}

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

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

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

    


  
  section.bars {
    display: inherit;
    flex-direction: inherit;
    height: 100vh;
  }
  section.bars > .wrap { display: flex; flex: 6; }
  section.bars .color { flex: 1; height: 100%; }

}

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

  
}