@font-face{font-family:'GTPressuraMonoRegular';src:url('../themes/byro/assets/css/font/GTPressuraMonoRegular.eot');src:url('../themes/byro/assets/css/font/GTPressuraMonoRegular.eot') format('embedded-opentype'),url('../themes/byro/assets/css/font/GTPressuraMonoRegular.woff2') format('woff2'),url('../themes/byro/assets/css/font/GTPressuraMonoRegular.woff') format('woff'),url('../themes/byro/assets/css/font/GTPressuraMonoRegular.ttf') format('truetype'),url('../themes/byro/assets/css/font/GTPressuraMonoRegular.svg#GTPressuraMonoRegular') format('svg')}html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
 table{border-collapse:collapse;border-spacing:0}i{
font-style:italic}sup{
font-size:10px;
vertical-align:super}input{-webkit-appearance:none;outline-style:none;box-shadow:none;border-color:transparent}*:focus{outline:none}button:focus{outline:0}::-webkit-input-placeholder{color:#122632;opacity:1}:-moz-placeholder{color:#122632;opacity:1}::-moz-placeholder{color:#122632;opacity:1}:-ms-input-placeholder{color:#122632;opacity:1}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset}strong{
font-weight:400}*{
padding:0;margin:0;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative}.contain:before,.contain:after{content:" ";display:table}
.contain:after{clear:both}
.contain{zoom:1}html{height:100%}body{min-height:100%}body{
width:100%;
font-size:16px;
line-height:22px;
color:#000;
font-family:'GTPressuraMonoRegular';
font-weight:100;
background:#FFF;
overflow-x:hidden;
cursor:url('../themes/byro/assets/images/cursor.png'),default}a{
cursor:url('../themes/byro/assets/images/cursor.png'),default}.clear{
background:transparent none repeat scroll 0 0 !important;
clear:both !important;
display:block !important;
font-size:0 !important;
height:0 !important;
line-height:0 !important;
margin:0 !important;
overflow:hidden !important;
padding:0 !important;
width:100% !important}.intro{
max-width:1920px;
width:100%;
display:block;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)}.intro img{
width:100%;
vertical-align:top}.nav{
width:100%;
display:block;
font-size:0;
position:fixed;
top:0;
background:white;
z-index:99;
transition:all 0.5s}.nav.project{
padding:0}.nav .content{
width:100%;
max-width:1130px;
display:block;
margin:0 auto;
padding:20px}.nav .content .dots{
display:inline-block;
vertical-align:middle;
max-width:80px;
width:100%}.nav .content .dots a{
display:block;
text-decoration:none}.nav .content .dots img{
width:100%;
vertical-align:top}.nav .content .logo{
display:inline-block;
vertical-align:middle;
text-align:center;
width:100%}.nav .content .logo h1{
font-size:26px;
line-height:36px}.nav .content .logo img{
width:100%;
vertical-align:top;
margin:0 auto}.nav .content .logo a{
color:#000;
text-decoration:none}.nav .burger{
display:block;
width:25px;
position:absolute;
right:20px;
top:40px}.nav .burger .button_container{
display:inline-block}.nav .burger .button_container .bar1,.nav .burger .button_container .bar2,.nav .burger .button_container .bar3{
width:25px;
height:2px;
background-color:black;
margin:0 0 6px 0;
transition:0.4s}.nav .burger .button_container .bar3{
margin:0}.nav .burger .button_container.active .bar1{
-webkit-transform:rotate(-45deg) translate(-8px,7px);
transform:rotate(-45deg) translate(-8px,7px) }.nav .burger .button_container.active .bar2{
opacity:0}.nav .burger .button_container.active .bar3{
-webkit-transform:rotate(45deg) translate(-4px,-4px);
transform:rotate(45deg) translate(-4px,-4px) }.nav .menu{
display:none;
font-size:16px;
line-height:22px;
text-align:right;
position:absolute;
right:20px;
top:80px}.nav .menu ul li{
display:block;
margin:0 0 3px 0}.nav .menu ul li:last-child{
margin:0}.nav .menu ul li a{
text-decoration:none;
display:inline-block;
color:#000}.nav .menu ul li a:after{
content:'';
position:absolute;
bottom:-2px;
left:0;
width:0%;
border-bottom:1px solid #000;
transition:0.2s}.nav .menu ul li a:hover:after{
width:100%}.nav .menu ul li a.active:after{
width:100%}.nav .menu ul li a.home:hover:after{
width:0}.nav .menu ul li a.active.home:after{
width:0}.nav.white ul li a{
color:#000}.nav.white .menu ul li a:after{
border-bottom:1px solid #000}.nav .soc{
display:block;
width:32px;
position:absolute;
left:20px;
top:34px}.nav .soc img{
vertical-align:top;
width:100%}.nav .top-wrap{
display:flex;
justify-content:space-between;
padding:0 0 20px 0}.nav.project .top-wrap{
padding:0}.mobile-menu{
color:#000;
font-size:16px;
line-height:22px;
text-align:center;
display:none;
width:100px}.mobile-menu a{
color:#000;
text-decoration:none}.mobile-menu a::after{
content:'';
position:absolute;
bottom:-2px;
left:0;
width:0%;
border-bottom:1px solid #000;
transition:0.2s}.mobile-menu a.active::after{
width:100%}.mobile-menu ul{
display:none;
width:100%;
text-align:right}.mobile-menu ul li{
margin:0 0 3px 0}.mobile-menu ul li:last-child{
margin:0}.nav .content .burger.mobile{
display:none;
text-align:right;
display:block;
vertical-align:top;
top:0;
right:0;
position:relative;
width:auto}.nav .content .burger.mobile .button_container .bar1,
.nav .content .burger.mobile .button_container .bar2,
.nav .content .burger.mobile .button_container .bar3{
width:25px;
height:2px;
background-color:black;
margin:0 0 6px 0;
transition:0.4s}.nav .content .burger.mobile .button_container .bar3{
margin:0}.nav .content .burger.mobile .button_container.active .bar1{
-webkit-transform:rotate(-45deg) translate(-8px,7px);
transform:rotate(-45deg) translate(-8px,7px) }.nav .content .burger.mobile .button_container.active .bar2{
opacity:0}.nav .content .burger.mobile .button_container.active .bar3{
-webkit-transform:rotate(45deg) translate(-4px,-4px);
transform:rotate(45deg) translate(-4px,-4px) }.nav .soc-mobile{
display:none;
width:18px}.nav .soc-mobile img{
vertical-align:top;
width:100%}.container{
width:100%;
max-width:1180px;
margin:0 auto;
display:block;
text-align:left;
padding:140px 20px 55px 20px}.container.project{
padding:76px 20px 0 20px;
max-width:1130px}.container .mobile-head{
width:100%;
display:none;
text-align:center;
padding:0 0 20px 0}.container .mobile-page-name{
font-size:40px;
line-height:50px}.container .mobile-project-name{
font-size:26px;
line-height:36px}.projects{
width:100%;
display:flex;
align-items:center;
justify-content:flex-start;
flex-wrap:wrap}.projects .item{
width:33.33%;
display:inline-block;
padding:1.75%}.projects .item a.anchor{
display:block;
position:relative;
top:-142px;
visibility:hidden}.projects .item a{
color:#000;
text-decoration:none;
display:block;
width:100%;
transition:all 0.5s}.projects .item .photo{
display:block;
width:100%}.projects .item .photo:after{
content:"";
background:rgba(255,255,255,0);
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
transition:all 0.5s}.projects .item .photo img{
width:100%;
vertical-align:top;
-webkit-transition:-webkit-transform .5s ease-in-out;
transition:transform .5s ease-in-out}.projects .item .info{
width:100%;
text-align:center;
display:block;
position:absolute;
z-index:10;
top:50%;
left:50%;
transform:translate(-50%,-50%);
transition:all 0.5s;
opacity:0;
-webkit-backface-visibility:hidden}.projects .item .info h2{
color:#000;
font-size:22px;
line-height:32px}.projects .item a:hover .photo:after{
content:"";
background:rgba(255,255,255,0.8);
position:absolute;
top:0;
left:0;
right:0;
bottom:0}.projects .item.cross a:hover .photo:after{
content:"";
background:transparent;
position:absolute;
top:0;
left:0;
right:0;
bottom:0}.projects .item a:hover .info{
opacity:1}.about{
width:100%;
display:block;
text-align:center}.about .text-block{
width:100%;
max-width:600px;
margin:100px auto;
display:block;
font-weight:300;
font-size:16px;
line-height:26px}.about .text-block p{
margin:0 0 50px 0}.about .text-block p:last-child{
margin:0}.about .photo-block{
width:100%;
display:block}.about .photo-block img{
width:100%;
vertical-align:top}.team{
width:100%;
max-width:600px;
margin:100px auto 0;
display:block}.team .content-block{
width:100%;
display:block;
vertical-align:top;
font-size:16px;
line-height:26px}.team .content-block .member{
width:100%;
display:block;
padding:0 0 50px 0}.team .content-block .member:last-child{
padding:0}.team .content-block .member h2{
font-weight:400}.team .content-block .member h3{
font-weight:300}.team .content-block .member .list{
width:100%;
display:block;
padding:20px 0 0 20px}.team .content-block .member .list .career-item{
width:100%;
display:flex;
flex-wrap:wrap}.team .content-block .member .list .career-item .period{
width:25%}.team .content-block .photo-credits{
font-size:14px;
line-height:20px}.contact{
width:100%;
max-width:600px;
margin:100px auto 0;
display:block;
text-align:center}.contact .photo-block{
width:100%;
max-width:300px;
display:block;
margin:0 auto;
padding:0 0 50px 0}.contact .photo-block img{
width:100%;
vertical-align:top}.contact .contacts-block{
width:100%;
display:block}.contact .contacts-block h1{
margin:0 0 30px 0}.contact .contacts-block .item{
display:block;
margin:0 0 30px 0}.contact .contacts-block .item:last-child{
margin:0 0 60px 0}.contact .contacts-block .item a{
text-decoration:none;
color:#000;
display:inline-block}.contact .contacts-block .item a.soc{
margin:0 15px 0 0;
display:none}.contact .contacts-block .item a.soc:last-child{
margin:0}.contact .contacts-block .item a:after{
content:'';
position:absolute;
bottom:-2px;
left:0;
width:0%;
border-bottom:1px solid #000;
transition:0.2s}.contact .contacts-block .item a:hover:after{
width:100%}.contact .contacts-block .item a.soc:hover:after{
width:0}.contact .contacts-block .item img{
max-width:43px;
width:100%;
vertical-align:top}.project{
width:100%;
display:block;
text-align:center}.project .hero{
width:100%;
display:block;
text-align:center}.project .hero img{
width:100%;
vertical-align:top}.project .text-block{
width:100%;
display:block;
font-size:16px;
line-height:26px;
padding:100px 0}.project .text-block p{
margin:0 0 20px 0}.project .text-block p:last-child{
margin:0}.project .gallery{
width:100%;
display:flex;
flex-direction:column}.project .gallery .item{
display:flex;
width:100%}.project .gallery .item.center{justify-content:center}.project .gallery .item.left{justify-content:flex-start}.project .gallery .item.right{justify-content:flex-end}.project .gallery .item.p50{padding:0 0 50px 0}.project .gallery .item.p100{padding:0 0 100px 0}.project .gallery .item.p150{padding:0 0 150px 0}.project .gallery .item.p200{padding:0 0 200px 0}.project .gallery .item img{width:100%}.project .legal{
width:100%;
display:block;
text-align:center;
font-size:12px;
line-height:16px;
padding:0 0 50px 0}.project .spec{
width:100%;
display:block;
text-align:center;
font-size:14px;
line-height:20px}.project .spec p{
margin:0 0 10px 0}.project .spec p:last-child{
margin:0}.project .back{
width:100%;
display:block;
text-align:center;
font-size:36px;
line-height:42px;
padding:50px 0 0 0}.project .back a{
color:#000;
text-decoration:none}.footer{
width:100%;
max-width:1240px;
margin:0 auto;
display:block;
padding:55px 20px;
color:#000;
text-align:center;
font-size:14px;
line-height:20px}.footer .soc{
display:block;
width:32px;
margin:0 auto;
padding:0 0 15px 0}.footer .soc img{
vertical-align:top;
width:100%}.footer .item{
display:block;
padding:0 0 45px 0}.footer .item:last-child{
padding:0}.footer .item p{
margin:0 0 10px 0}.footer .item p:last-child{
margin:0}.footer .item a{
text-decoration:none;
color:#000;
display:inline-block}.footer .item a.soc{
margin:0 15px 0 0;
display:none}.footer .item a.soc:last-child{
margin:0}.footer .item a:after{
content:'';
position:absolute;
bottom:-2px;
left:0;
width:0%;
border-bottom:1px solid #000;
transition:0.2s}.footer .item a:hover:after{
width:100%}.footer .item a.soc:hover:after{
width:0}.footer .item img{
max-width:29px;
width:100%;
vertical-align:top}.text-page{
width:100%;
max-width:800px;
margin:100px auto 0;
display:block;
text-align:left}.text-page h1{
margin:0 0 30px 0;
text-align:center}.text-page p,.text-page h2,.text-page h3{
margin:15px 0}.text-page ul{
margin:15px 0 15px 15px}.text-page ul li{
margin:15px 0;
list-style-type:disc}.text-page a{
color:#000}.text-page .responsive-table{
overflow-x:auto}.text-page th{
padding:10px;
background:#000;
color:#fff;
border:1px solid #000}.text-page td{
padding:10px;
border:1px solid #000}.error{
width:100%;
display:block;
text-align:center;
margin:100px 0 0 0}
@media (max-width:1300px){
.nav .content .menu{
background:white;
width:100%;
right:0;
padding:0 20px 20px 0}.nav .burger{
display:none}.nav .soc{
display:none}.nav .content .burger.mobile{
display:block}.button_container{
float:none;
margin:0 auto}.mobile-menu{
display:block}.nav .soc-mobile{
display:block}}@media (max-width:1024px){
.projects .item .info{
top:0;
bottom:0;
left:0;
transform:translate(0%,0%);
opacity:1}.projects .item .info h2{
font-size:20px;
line-height:26px;
position:absolute;
text-align:center;
display:block;
bottom:0;
left:0;
right:0;
padding:10px;
background:rgba(255,255,255,0.8)}}@media (max-width:600px){
.nav.project .content .logo{
display:none}.container.project{
padding:65px 20px 0 20px}.container .mobile-head{
display:block}.projects .item{
width:100%;
display:block;
margin:0 0 19px 0;
padding:0}.project .gallery .item.center,
.project .gallery .item.left,
.project .gallery .item.right{justify-content:center}.project .gallery .item.p50,
.project .gallery .item.p100,
.project .gallery .item.p150,
.project .gallery .item.p200{padding:0 0 50px 0}.contact{
margin:0 auto}.contact .photo-block{
width:80%;
padding:0 0 50px 0}.about .text-block{
margin:0 auto 100px}.team .content-block .member .list .career-item .period{
width:40%}.team .content-block .member .list .career-item .company{
width:60%}}