@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap'); /* font-family: 'Muli', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap'); /*font-family: 'Muli', sans-serif;*/


body { margin: 0; padding: 0;  font-family: 'Muli', sans-serif; -webkit-font-smoothing: antialiased; letter-spacing: .05em; font-size: 11.5pt; line-height: 13.5pt; font-weight: 400; background: #ffffff; color:#000000; position: relative; position: relative; }
body > .wrap {  }
body button {  font-family: 'Muli', sans-serif; letter-spacing: .05em; font-size: 11.5pt; line-height: 13.5pt; font-weight: 400; color: #000000; margin: 0px; padding: 0px; }
body input {  font-family: 'Muli', sans-serif; letter-spacing: .05em; font-size: 11.5pt; line-height: 13.5pt; font-weight: 400; color: #000000; }
body textarea {  font-family: 'Muli', sans-serif; letter-spacing: .05em; font-size: 11.5pt; line-height: 13.5pt; font-weight: 400; color: #000000; }
body a { color: #000000; cursor: pointer; }
body button:focus,
body input:focus,
body textarea:focus { outline: none; }
body img { border: none; margin: 0px; padding: 0px; }
body ul,li { margin: 0px; padding: 0px; list-style: none; }
body ul { font-size: 0px; letter-spacing: 0px; line-height: 0px; }
body ul li {  font-family: 'Muli', sans-serif; letter-spacing: .05em; font-size: 11.5pt; line-height: 13.5pt; }
body p { margin: 0px; padding: 0px; }
body .left { float: left; }
body .right { float: right; }
body .both { clear: both; }


::-webkit-scrollbar          { display: none; }
::-webkit-scrollbar-button       { /* 2 */ }
::-webkit-scrollbar-track        { /* 3 */ }
::-webkit-scrollbar-track-piece  { /* 4 */ }
::-webkit-scrollbar-thumb        { /* 5 */ }
::-webkit-scrollbar-corner       { /* 6 */ }
::-webkit-resizer                { /* 7 */ }

::selection { color: #ffffff; background: rgba(0,0,0, 0.99); }
::-moz-selection { color: #ffffff; background: rgba(0,0,0, 0.99); }
body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.selection-yes { padding: 4px; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }




#headerLAYOUT { width: 100%; font-size: 0px; line-height: 0px; z-index: 9999; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; position: relative; z-index: 8 !important; }
#headerLAYOUT > .wrap {  }

#headerLAYOUT section.logo { float: right; }
#headerLAYOUT section.logo > .wrap { margin: 24px 24px 24px 24px; }
#headerLAYOUT section.logo a {  }
#headerLAYOUT section.logo a img { height: 18px; }

#headerLAYOUT section.menu { float: left; }
#headerLAYOUT section.menu > .wrap { margin: 0px 0px 24px 24px; }
#headerLAYOUT section.menu ul {  }
#headerLAYOUT section.menu ul li { display: inline-block; margin: 24px 24px 0px 0px; border-bottom: 1px solid transparent; }
#headerLAYOUT section.menu ul li a,
#headerLAYOUT section.menu ul li button { padding: 0px 0px 4px 0px; text-transform: uppercase; font-size: 12pt; line-height: 18px; font-weight: 700; letter-spacing: .01em; /*-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;*/ }
#headerLAYOUT section.menu ul li:hover { border-bottom: 1px solid #000000; }
#headerLAYOUT section.menu ul li.actived { border-bottom: 1px solid #000000; }

#headerLAYOUT section.menu_button { margin: 24px 24px 24px 24px; float: left; display: none; }
#headerLAYOUT section.menu_button > .wrap {  }
#headerLAYOUT section.menu_button button { position: relative; text-transform: uppercase; font-size: 18pt; font-weight: 500; letter-spacing: .01em; padding: 0px 0px 4px 0px; }
#headerLAYOUT section.menu_button button span { position: absolute; top: 3px; right: -10px; vertical-align: super; font-size: 11.5pt; line-height: 0px; }
#headerLAYOUT section.menu_button button:hover { border-bottom: 1px solid #000000; }


#headerLAYOUT.mobile { background: #000000 !important; height: 100%; }

#headerLAYOUT.mobile section.filter { display: none; }


#headerLAYOUT.mobile section.logo { float: none; display: block; }
#headerLAYOUT.mobile section.logo .logo_a,
#headerLAYOUT.mobile section.logo .logo_b {  }
#headerLAYOUT.mobile section.logo .logo_a img:last-child,
#headerLAYOUT.mobile section.logo .logo_b img:last-child { display: block; }
#headerLAYOUT.mobile section.logo .logo_a img:first-child,
#headerLAYOUT.mobile section.logo .logo_b img:first-child { display: none; }

#headerLAYOUT.mobile section.menu { float: none; display: block; position: absolute; bottom: 24px; }
#headerLAYOUT.mobile section.menu > .wrap {  }
#headerLAYOUT.mobile section.menu ul {  }
#headerLAYOUT.mobile section.menu ul li { display: block; margin: 0px 24px 0px 24px; font-size: 54pt; line-height: 54pt; letter-spacing: .01em;  font-family: 'Muli', sans-serif; }
#headerLAYOUT.mobile section.menu ul li a { color: #ffffff; padding: 0px 0px 0px 0px; }
#headerLAYOUT.mobile section.menu ul li a:hover { border-bottom: none; }
#headerLAYOUT.mobile section.menu ul li.actived a { border-bottom: none; }

#headerLAYOUT.mobile section.menu_button button { color: #ffffff; z-index: 9999; }




#footerLAYOUT {font-size: 8.5px; line-height: 8.5px; letter-spacing: .1px; }
#footerLAYOUT > .wrap { padding: 0px 0px 0px 0px; }

#footerLAYOUT section.copy { float: right; }
#footerLAYOUT section.copy > .wrap { margin: 24px 24px 24px 0px; }

#footerLAYOUT .byr { font-size: 8.5px; margin-left: 8px; }
#footerLAYOUT .byr font { font-size: 8px; }
#footerLAYOUT .byr:hover { text-decoration: underline; }




#contentLAYOUT { min-height: 100vh;}
#contentLAYOUT > .wrap {  }

#contentLAYOUT section.about { display: none; position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; z-index: 9; }
#contentLAYOUT section.about > .wrap { margin: 80px; height: calc(100vh - 160px); overflow: hidden; overflow-y: scroll; background: #ffffff; webkit-box-shadow: 0px 0px 8px 0px #000000; -moz-box-shadow: 0px 0px 8px 0px #000000; box-shadow: 0px 0px 8px 0px #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#contentLAYOUT section.about .text {  }
#contentLAYOUT section.about .text > .wrap { padding: 40px 40px 40px 40px; }

#contentLAYOUT section.about button { position: absolute; top: 88px; right: 88px; height: 24px; width: 24px; line-height: 0px; }

















@media screen and (max-width: 1023px) /*1024*/ {

}

@media screen and (max-width: 767px) /*768*/ {


}

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

  #contentLAYOUT section.about {  }
  #contentLAYOUT section.about > .wrap { margin: 24px; height: calc(100vh - 48px); }
  #contentLAYOUT section.about .text > .wrap { padding: 24px; }
  #contentLAYOUT section.about button { top: 24px; right: 24px; }

}

@media screen and (max-width: 374px) /*375*/ {



}