*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;border:0;margin:0;padding:0}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-smoothing:antialiased;-webkit-font-smoothing:antialiased}
body{font-family:'Roboto', sans-serif;font-size:16px;font-size:1.125rem;font-weight:400;font-style:normal;line-height:1.4;background:#fff;color:#333}
    html.fp-enabled,.fp-enabled body{overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}

h1{font-size:10vw;padding:0 50px;}
h2{font-size:6em;font-size:1.5vw;padding:0 15vw;font-weight:300;/*color:#fff;text-shadow:0 0 6px #000*/}
p{font-size:1.2em;font-size:2vh;padding:0 15vw;margin:.6em 0}

.b-head{position:fixed;z-index:212;top:2.5vw;left:50%;margin-left:-250px;transition:all .3s;text-align:center;padding:0 100px;width:500px;color:#eee}
    .b-head__phone{opacity:0;font-size:1em;padding:25px 0;transition:all .3s;/*position:absolute;top:30vw;right:0;left:0;z-index:211;text-align:center*/}
        .b-head__phone-link{color:#eee}
    .b-head__subtitle{opacity:0;font-size:.85em;font-weight:400;padding:0;transition:all .3s;position:absolute;top:20px;left:0;right:0}
    .fp-viewing-splash .b-logo{-webkit-filter:invert(100%);filter:invert(100%)}

.b-logo{display:block;width:300px;height:40px;background:url(../img/logo.svg) 50% 0 no-repeat;width:304px;height:44px;font-size:0}
    @media screen and (max-width:47.9375em){.b-logo{width:100%;top:4vw}h2{font-size:3vw}}

    .fp-viewing-splash .b-head{top:25vw;border:5px solid rgba(0,0,0,.2);background:rgba(50,50,50,.8);outline:solid 10px rgba(50,50,50,.75);padding:70px 90px 5px}
        .fp-viewing-splash .b-head__subtitle,.fp-viewing-splash .b-head__phone,.fp-viewing-splash .b-scrolldown{opacity:1;transition: all 1.2s}
/*
    .b-logo:before,.b-logo:after{
        display:block;content:'';width:22vw;height:2vw;position:absolute;top:0;left:0;
        background:url(../img/logo.svg) no-repeat;
        }
    .b-logo:before{-webkit-filter:invert(100%) blur(1px);opacity:.2}
*/
/*
    .fp-viewing-page3-0 .b-logo,.fp-viewing-page3-1 .b-logo,.fp-viewing-page3-2 .b-logo{-webkit-filter:invert(100%)}
*/
.b-slide{text-align:center}
.b-splash .fp-tableCell:before{display:block;content:'';position:absolute;z-index:200;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5)}
    .b-splash__frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}
        .b-splash__frame.frame01{animation:fade1 28s infinite}
        .b-splash__frame.frame02{animation:fade2 28s infinite}
        .b-splash__frame.frame03{animation:fade3 28s infinite}
        .b-splash__frame.frame04{animation:fade4 28s infinite}
        .b-splash__frame.frame05{animation:fade5 28s infinite}
        .b-splash__frame.frame06{animation:fade6 28s infinite}
        .b-splash__frame.frame07{animation:fade7 28s infinite}
    .b-splash .b-slide__img{max-width:none;max-height:none;min-height:100%;min-width:100%}/*
        @keyframes fade1{0% {opacity:1}5% {opacity:1}14.285% {opacity:0}28.57% {opacity:0}42,855% {opacity:0}57.16% {opacity:0}71.425% {opacity:0}85.71% {opacity:0}90.71% {opacity:0}100% {opacity:1}}
        @keyframes fade2{0% {opacity:0}5% {opacity:0}14.285% {opacity:1}19.285% {opacity:1}28.57% {opacity:0}42,855% {opacity:0}57.16% {opacity:0}71.425% {opacity:0}85.71% {opacity:0}100% {opacity:0}}
        @keyframes fade3{0% {opacity:0}14.285% {opacity:0}19.285% {opacity:0}28.57% {opacity:1}33.57% {opacity:1}42,855% {opacity:0}57.16% {opacity:0}71.425% {opacity:0}85.71% {opacity:0}100% {opacity:0}}
        @keyframes fade4{0% {opacity:0}14.285% {opacity:0}28.57% {opacity:0}33.57% {opacity:0}42,855% {opacity:1}47,855% {opacity:1}57.16% {opacity:0}71.425% {opacity:0}85.71% {opacity:0}100% {opacity:0}}
        @keyframes fade5{0% {opacity:0}14.285% {opacity:0}28.57% {opacity:0}42,855% {opacity:0}47,855% {opacity:0}57.16% {opacity:1}62.16% {opacity:1}71.425% {opacity:0}85.71% {opacity:0}100% {opacity:0}}
        @keyframes fade6{0% {opacity:0}14.285% {opacity:0}28.57% {opacity:0}42,855% {opacity:0}57.16% {opacity:0}62.16% {opacity:0}71.425% {opacity:1}80.425% {opacity:1}85.71% {opacity:0}100% {opacity:0}}
        @keyframes fade7{0% {opacity:0}14.285% {opacity:0}28.57% {opacity:0}42,855% {opacity:0}57.16% {opacity:0}71.425% {opacity:0}76.425% {opacity:0}85.71% {opacity:1}90.71% {opacity:1}100% {opacity:0}}
    */

    @keyframes fade1{0% {opacity:1}9.28% {opacity:1}14.285% {opacity:0}23.57% {opacity:0}28.57% {opacity:0}37.85% {opacity:0}42,855% {opacity:0}52.14% {opacity:0}57.14% {opacity:0}66.428%{opacity:0}71.428% {opacity:0}80.71% {opacity:0}85.71% {opacity:0}95% {opacity:0}100% {opacity:1}}
    @keyframes fade2{0% {opacity:0}9.28% {opacity:0}14.285% {opacity:1}23.57% {opacity:1}28.57% {opacity:0}37.85% {opacity:0}42,855% {opacity:0}52.14% {opacity:0}57.14% {opacity:0}66.428%{opacity:0}71.428% {opacity:0}80.71% {opacity:0}85.71% {opacity:0}95% {opacity:0}100% {opacity:0}}
    @keyframes fade3{0% {opacity:0}9.28% {opacity:0}14.285% {opacity:0}23.57% {opacity:0}28.57% {opacity:1}37.85% {opacity:1}42,855% {opacity:0}52.14% {opacity:0}57.14% {opacity:0}66.428%{opacity:0}71.428% {opacity:0}80.71% {opacity:0}85.71% {opacity:0}95% {opacity:0}100% {opacity:0}}
    @keyframes fade4{0% {opacity:0}9.28% {opacity:0}14.285% {opacity:0}23.57% {opacity:0}28.57% {opacity:0}37.85% {opacity:0}42,855% {opacity:1}52.14% {opacity:1}57.14% {opacity:0}66.428%{opacity:0}71.428% {opacity:0}80.71% {opacity:0}85.71% {opacity:0}95% {opacity:0}100% {opacity:0}}
    @keyframes fade5{0% {opacity:0}9.28% {opacity:0}14.285% {opacity:0}23.57% {opacity:0}28.57% {opacity:0}37.85% {opacity:0}42,855% {opacity:0}52.14% {opacity:0}57.14% {opacity:1}66.428%{opacity:1}71.428% {opacity:0}80.71% {opacity:0}85.71% {opacity:0}95% {opacity:0}100% {opacity:0}}
    @keyframes fade6{0% {opacity:0}9.28% {opacity:0}14.285% {opacity:0}23.57% {opacity:0}28.57% {opacity:0}37.85% {opacity:0}42,855% {opacity:0}52.14% {opacity:0}57.14% {opacity:0}66.428%{opacity:0}71.428% {opacity:1}80.71% {opacity:1}85.71% {opacity:0}95% {opacity:0}100% {opacity:0}}
    @keyframes fade7{0% {opacity:0}9.28% {opacity:0}14.285% {opacity:0}23.57% {opacity:0}28.57% {opacity:0}37.85% {opacity:0}42,855% {opacity:0}52.14% {opacity:0}57.14% {opacity:0}66.428%{opacity:0}71.428% {opacity:0}80.71% {opacity:0}85.71% {opacity:1}95% {opacity:1}100% {opacity:0}}


.b-about{}
.b-about.m-exit-to-int{_background-position:50% 0vh}
    .b-about:before{display:block;content:'';position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:url(../work/int.jpg) 50% 0 / cover no-repeat;opacity:.1;transition:opacity ease .5s}
        .b-about.m-exit-to-int:before{opacity:1}
    .m-exit-to-int p{color:rgba(255,255,255,.3)}
    .b-slide__title{position:absolute;bottom:2vw;right:0;left:0;display:none;z-index:2}
        .active .b-slide__title{display:block}
    .b-slide__frame{background-size:cover;background-size:auto 100%;background-position:center;background-repeat:no-repeat}
        .b-slide__img{max-width:100%;max-height:100%;_height:100%;_width:auto;_height:auto;_width:100%;width:90vh}


.b-scrolldown{display:block;cursor:pointer;position:absolute;z-index:209;bottom:50px;left:50%;margin-left:-27px;height:61px;width:61px;
    border:3px solid #333;border-radius:100%;background:url(../img/L.svg) 14px 9px / 32px 32px no-repeat;
    animation:bounce 2.5s infinite;transition: all 0.15s ease-in-out;opacity:0;-webkit-filter:invert(100%);filter:invert(100%)
    }
    .b-scrolldown:hover{opacity:.6}
@keyframes bounce{0%,20%,50%,80%,100%{transform: translateY(0) rotate(315deg)}40%{transform:translateY(-14px) rotate(315deg)}60%{transform:translateY(-9px) rotate(315deg)}}

#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;right:20px;background:rgba(0,0,0,.1);background:rgba(255,255,255,.3);padding:5px;border-radius:9px;
    opacity:1;-webkit-transform:translate3d(0,0,0);
    -webkit-transition:right ease 400ms;transition:right ease 400ms;
    }
    @media screen and (max-width:47.9375em){#fp-nav{right:20px}}

    #fp-nav.fp-show-active a.active+.fp-tooltip{
        -webkit-transition:opacity 0.2s ease-in;
        transition:opacity 0.2s ease-in;
        width:auto;
        opacity:1
    }

    #fp-nav li{list-style:none;margin-bottom:24px;position:relative}
        #fp-nav li a{display:block;width:9px;height:9px;border:1px solid #000;border-radius:100%}
        #fp-nav li a.active{background:#000}
        #fp-nav li:last-child{margin-bottom:0}
        /*#fp-nav li:last-child a,#fp-nav li:first-child a{border-radius:inherit}*/
        #fp-nav li:last-child span{display:none !important}

        #fp-nav .fp-nav__mask{content:"";background-color:rgba(0,0,0,.4);
            position:absolute;left:4px;top:12px;width:1px;height:16px;overflow:hidden
            }

        #fp-nav .fp-nav__line{width:1px;height:16px;position:absolute;background-color:#000;
            -webkit-transform:translateY(-16px);-ms-transform:translateY(-16px);transform:translateY(-16px)
            }


.fp-controlArrow{
    -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;background-position:50% 50%;/*_background-size:cover;_background:url(../img/L.svg) 50% 50% / 70px 22px no-repeat*/;
    position:absolute;z-index:4;top:50%;cursor:pointer;width:64px;height:64px;margin-top:-32px}
.fp-controlArrow.fp-prev{left:20px;/*border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent;background-image:url(../img/arrow-left.svg)*/;_transform:rotate(45deg)}
.fp-controlArrow.fp-next{right:45px;/*border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff;background-image:url(../img/arrow-right.svg);*/;_transform:rotate(225deg)}
    
    .fp-prev:before,.fp-next:before{
        content:'';display:block;position:absolute;top:16px;left:16px;width:32px;height:32px;
        background:url(../img/L.svg) 50% 50% / 32px 32px no-repeat}
        .fp-prev:before{transform:rotate(45deg)}
        .fp-next:before{transform:rotate(225deg)}

/* detect touch */
@media (pointer:coarse){.fp-controlArrow{display:none}}

@media only screen 
  and (min-width:736px) 
  and (max-width:1366px)
  and (orientation:landscape){
    .b-slide__img{min-height:100%;width:auto}
}
@media only screen and (max-width:735px){
    .b-about .fp-tableCell{padding-top:65px}p{font-size:3.5vh;padding:0 8vw 0 5vw}
    .fp-viewing-splash .b-head{top:12vh;width:300px;margin-left:-150px;padding: 30px 20px 0;}
    .b-scrolldown{bottom:20px}}
@media only screen and (max-width:414px) and (orientation:portrait){.b-about .fp-tableCell{padding-top:5vh}p{font-size:2.2vh;padding:0 15vw 0 5vw}}

@media only screen and (orientation:portrait){.b-slide__img{width:100%}}