html{
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    overflow-y:scroll;
    -webkit-text-size-adjust:100%
}
*,::after,::before{
    background-repeat:no-repeat;
    -moz-box-sizing:inherit;
    box-sizing:inherit
}
::after,::before{
    text-decoration:inherit;
    vertical-align:inherit
}
*{
    padding:0;
    margin:0
}
audio:not([controls]){
    display:none;
    height:0
}
hr{
    overflow:visible
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{
    display:block
}
summary{
    display:list-item
}
small{
    font-size:80%
}
[hidden],template{
    display:none
}
a,abbr[title]{
    text-decoration:none
}
abbr[title]{
    border-bottom:1px dotted
}
a{
    background-color:transparent;
    -webkit-text-decoration-skip:objects;
    color:currentColor
}
a:active,a:hover{
    outline-width:0
}
code,kbd,pre,samp{
    font-family: 'Roboto', sans-serif;
}
b,strong{
    font-weight:500
}
dfn{
    font-style:italic
}
mark{
    background-color:#ff0;
    color:#000
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
input{
    border-radius:0
}
[role=button],[type=button],[type=reset]{
    cursor:pointer
}
[type=number]{
    width:auto
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
textarea{
    overflow:auto;
    resize:vertical
}
button,input,optgroup,select,textarea{
    font:inherit
}
optgroup{
    font-weight:700
}
button{
    overflow:visible
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:0;
    padding:0
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{
    outline:1px dotted ButtonText
}
[type=reset],[type=submit],button,html [type=button]{
    -webkit-appearance:button
}
button,select{
    text-transform:none
}
button,input,select,textarea{
    background-color:transparent;
    border-style:none;
    color:inherit
}
select{
    -moz-appearance:none;
    -webkit-appearance:none
}
select::-ms-expand{
    display:none
}
select::-ms-value{
    color:currentColor
}
legend{
    border:0;
    color:inherit;
    display:table;
    max-width:100%;
    white-space:normal
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
img{
    border-style:none
}
progress{
    vertical-align:baseline
}
svg:not(:root){
    overflow:hidden
}
audio,canvas,progress,video{
    display:inline-block
}
[aria-busy=true]{
    cursor:progress
}
[aria-controls]{
    cursor:pointer
}
[aria-disabled]{
    cursor:default
}
::-moz-selection{
    background-color:#b3d4fc;
    color:#000;
    text-shadow:none
}
::selection{
    background-color:#b3d4fc;
    color:#000;
    text-shadow:none
}
ul{
    list-style-position:inside
}
[type=submit],button{
    cursor:pointer
}
iframe{
    border:0
}
[disabled]{
    cursor:default!important
}
body{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
    color:#000;
    font-size:16px;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    line-height:1.875;
    letter-spacing:.03em
}
p{
    margin:0em 0
}
.h1,.h2,.h3,.h4,.h5,.h6,.project__content strong,h1,h2,h3,h4,h5,h6{
    font-family: 'Roboto', sans-serif;
    font-weight:500
}
.h1,h1{
    font-size:30px
}
.h2,h2{
    font-size:20px
}
.container{
    margin-right:auto;
    margin-left:auto;
    padding-left:30px;
    padding-right:30px
}
.row{
    margin-left:-30px;
    margin-right:-30px
}
.col-lg-3,.col-lg-8,.col-md-4,.col-md-6,.col-md-7,.col-sm-5,.col-sm-6,.col-sm-7,.col-xs-12{
    position:relative;
    min-height:1px;
    padding-left:30px;
    padding-right:30px
}
.col-xs-12{
    float:left;
    width:100%
}
.background-black{
    background-color:#000
}
.color-black{
    color:#000
}
.background-white{
    background-color:#fff
}
.color-white{
    color:#fff
}
.background-gray-light{
    background-color:#ccc
}
.color-gray-light{
    color:#ccc
}
.background-gray-lighter{
    background-color:#e6e6e6
}
.color-gray-lighter{
    color:#e6e6e6
}
.font-light{
    font-weight:300
}
.font-regular{
    font-weight:400
}
.font-medium{
    font-weight:500
}
.display-xs-inline-block,.menu-inline>li{
    display:inline-block
}
.display-xs-block{
    display:block
}
.display-xs-table{
    display:table
}
.display-xs-table-cell{
    display:table-cell;
    float:none!important
}
.float-xs-left{
    float:left
}
.float-xs-right{
    float:right
}
.float-xs-none{
    float:none
}
.touch .hidden-touch,.visible-sm-block,.visible-xs-block{
    display:none!important
}
.h-xs-100{
    height:100%
}
.w-xs-50{
    width:50%
}
.w-xs-100{
    width:100%
}
.w-xs-200{
    width:200%
}
.text-xs-left{
    text-align:left
}
.text-xs-center{
    text-align:center
}
.uppercase{
    text-transform:uppercase
}
.valign-top{
    vertical-align:top
}
.valign-middle{
    vertical-align:middle
}
.valign-bottom{
    vertical-align:bottom
}
.valign-xs-middle{
    vertical-align:middle
}
.overflow-hidden{
    overflow:hidden
}
.overflow-scroll{
    overflow:scroll;
    -webkit-overflow-scrolling:touch
}
.opacity-none{
    opacity:0
}
.clearfix::after,.clearfix::before,.container::after,.container::before,.row::after,.row::before{
    content:" ";
    display:table
}
.clearfix::after,.container::after,.row::after{
    clear:both
}
.float-left{
    float:left
}
.float-right,.projects .project.odd .project__panel{
    float:right
}
.float-none{
    float:none
}
.position-fixed{
    position:fixed
}
.position-relative{
    position:relative
}
.position-absolute{
    position:absolute
}
.no-padding-xs-left{
    padding-left:0
}
.no-padding-xs-right{
    padding-right:0
}
.margin-center{
    margin:0 auto
}
.background-contain,.background-cover{
    background-position:center;
    background-repeat:no-repeat
}
.background-cover{
    background-size:cover
}
.background-contain{
    background-size:contain
}
.background-fixed{
    background-attachment:fixed
}
.list-unstyled{
    padding-left:0;
    list-style:none
}
.embed-container{
    position:relative;
    padding-bottom:56.25%;
    height:0;
    overflow:hidden;
    max-width:100%
}
.embed-container>embed,.embed-container>iframe,.embed-container>object{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.outline-none{
    outline:none
}
.btn{
    display:inline-block;
    min-width:8.4em;
    padding:.55em 1.667em;
    margin-bottom:0;
    font-size:16px;
    font-weight:300;
    line-height:1.875;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
    border:none;
    border-radius:2em;
    -webkit-transition:.3s ease;
    transition:.3s ease
}
.btn-default{
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)
}
.btn-default:hover{
    box-shadow:inset 0 0 0 1px #000
}
.btn-default.color-white,.color-white .btn-default{
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)
}
.btn-default.color-white:hover,.color-white .btn-default:hover{
    box-shadow:inset 0 0 0 1px #fff
}
.menu-inline{
    list-style:none;
    margin:0;
    padding:0
}
.form-contact{
    font-size:20px
}
.form-contact__textarea{
    display:block;
    min-width:100%;
    margin:0;
    padding:0;
    background:0 0;
    border:none;
    color:inherit;
    resize:none
}
.form-contact__textarea:focus{
    outline:none
}
.form-contact__success{
    visibility:hidden
}
.form-contact__submit{
    display:inline-block;
    height:1.75em;
    padding:0;
    overflow:hidden;
    background:0 0;
    border:none;
    color:inherit;
    outline:none
}
.form-contact__submit>span{
    display:block;
    height:1.75em;
    -webkit-transition:.6s cubic-bezier(.8,.03,.25,1);
    transition:.6s cubic-bezier(.8,.03,.25,1)
}
.form-contact__submit_default{
    -webkit-transform:translate3d(0,1.75em,0);
    transform:translate3d(0,1.75em,0)
}
.form-contact__submit_error{
    -webkit-transform:translate3d(0,-5.25em,0);
    transform:translate3d(0,-5.25em,0)
}
.form-contact__submit_sending{
    -webkit-transform:translate3d(0,-3.5em,0);
    transform:translate3d(0,-3.5em,0)
}
.form-contact__submit.active .form-contact__submit_default{
    -webkit-transform:translate3d(0,-1.75em,0);
    transform:translate3d(0,-1.75em,0)
}
.form-contact__submit.disabled .form-contact__submit_default{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.form-contact__submit.active .form-contact__submit_action,.form-contact__submit.invalid .form-contact__submit_default{
    -webkit-transform:translate3d(0,-1.75em,0);
    transform:translate3d(0,-1.75em,0)
}
.form-contact__submit.disabled .form-contact__submit_action{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.form-contact__submit.invalid .form-contact__submit_error,.form-contact__submit.sending .form-contact__submit_action{
    -webkit-transform:translate3d(0,-3.5em,0);
    transform:translate3d(0,-3.5em,0)
}
.form-contact__submit.sending .form-contact__submit_sending{
    -webkit-transform:translate3d(0,-5.25em,0);
    transform:translate3d(0,-5.25em,0)
}
.form-contact__submit.sent .form-contact__submit_sending{
    -webkit-transform:translate3d(0,-3.5em,0);
    transform:translate3d(0,-3.5em,0)
}
.typed-cursor{
    display:inline-block;
    vertical-align:middle;
    width:1px;
    height:1.72em;
    background-color:#fff;
    opacity:1;
    line-height:normal
}
.icon{
    display:inline-block;
    width:100%;
    height:100%;
    fill:currentColor
}
.icon--arrow-right{
    fill:none;
    stroke:currentColor
}
.img-full{
    display:block;
    width:100%;
    height:auto
}
.img-responsive{
    display:block;
    max-width:100%;
    height:auto
}
.lazyload{
    opacity:0
}
.lazyloading{
    background-color:#e6e6e6
}
.lazyloaded,.lazyloading{
    opacity:1;
    -webkit-transition:opacity 300ms;
    transition:opacity 300ms
}
.loader{
    position:fixed;
    z-index:99;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.loader__item,.loader__logo{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:170px;
    height:170px;
    margin:auto
}
.loader__logo{
    width:96px;
    height:54px
}
.loader__circle{
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.loader__circle__progress{
    stroke-opacity:0
}
.clock{
    position:relative;
    width:1.75em;
    height:1.75em;
    margin:auto;
    font-size:62px
}
.clock__dial{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.clock__dial__hours{
    pointer-events:none;
    fill-opacity:0;
    stroke-width:1;
    stroke-opacity:1
}
g.clock__dial__hours circle.clock__dial__hour__circle.active{
   fill:#fff;
  fill-opacity:1;
}
.clock__dial__hour{
    cursor:pointer;
    pointer-events:all;
    fill:rgba(255,255,255,0);
    fill-opacity:1;
    stroke:none
}
.clock__dial__hour__circle{
    fill:#fff
}
.clock__dial__default,.clock__dial__hours,.clock__dial__minutes,.clock__dial__progress{
    stroke:currentColor
}
.clock__dial__default,.clock__dial__minutes{
    opacity:1
}
.clock__dial__minutes .active{
    pointer-events:all;
    fill-opacity:1;
    stroke-width:1;
    stroke-opacity:1;
     fill:#fff;
    -webkit-transition:.3s ease;
    transition:.3s ease
}

.clock__overlay{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,.5);
    opacity:0;
    visibility:hidden;
    -webkit-transition:.3s ease;
    transition:.3s ease
}
.clock__display{
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    font-family: 'Roboto', sans-serif;
    font-weight:400;
    letter-spacing:0;
    text-transform:uppercase;
    white-space:nowrap;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.clock__display__hours,.clock__display__minutes,.clock__display__separator{
    display:inline-block;
    vertical-align:middle
}
.clock__display__hours,.clock__display__minutes{
    height:1em;
    overflow:hidden
}
.clock__display__separator{
    margin:0 .25em;
    font-size:.4em
}
.clock__display__digits{
    display:inline-block;
    vertical-align:top;
    width:.6em;
    text-align:right
}
.clock__display__digit{
    font-size:1em;
    line-height:1em
}
.site-transition{
    position:fixed;
    z-index:9;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff;
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;
    -webkit-transform:scaleX(0);
    -ms-transform:scaleX(0);
    transform:scaleX(0)
}
.site-main{
    position:relative;
    overflow:hidden
}
body.page--is-loading{
    cursor:wait!important
}
body.page--is-loading .barba-container{
    pointer-events:none
}
.site-header__logo{
    line-height:45px
}
.site-header__logo__svg{
    width:58px;
    height:33px;
    fill:currentColor;
    vertical-align:middle
}
.site-header__nav__btn{
    font-size:15px
}
.projects .project__panel{
    position:relative;
    float:left
}
.projects .project__content__inner__line__container{
    overflow:hidden
}
.projects .project.odd .project__thumbnail{
/*    -webkit-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    transform:scaleX(-1)*/
}
.projects .project__title{
    font-size:20px
}
.projects .project__excerpt{
    font-size:14px
}
.projects .project__excerpt>*{
    margin:0
}
.projects .project__btn{
    position:relative;
    width:44px;
    height:44px;
    min-width:0;
    margin-top:2rem;
    padding:0;
    overflow:hidden;
    font-size:12px;
    line-height:44px;
    text-align:right;
    -webkit-transition-timing-function:cubic-bezier(.65,.05,.36,1);
    transition-timing-function:cubic-bezier(.65,.05,.36,1)
}
.projects .project__btn.hidden{
    box-shadow:none
}
.projects .project__btn__text{
    position:absolute;
    top:0;
    bottom:0;
    right:44px;
    display:inline-block;
    vertical-align:middle;
    padding:0 6px 0 1.667em;
    opacity:0;
    -webkit-transition:.3s cubic-bezier(.65,.05,.36,1);
    transition:.3s cubic-bezier(.65,.05,.36,1);
    -webkit-transform:translate3d(-1em,0,0);
    transform:translate3d(-1em,0,0)
}
.projects .project__btn__icon{
    display:inline-block;
    vertical-align:middle;
    width:16px;
    height:15px;
    margin:0 14px;
    line-height:0
}
.projects .project__btn__svg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    visibility:hidden;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.projects .project__btn__svg__circle{
    fill:none;
    stroke:currentColor;
    stroke-width:1;
    opacity:.4
}
.no-touch .projects .project__btn:not(.hidden):hover{
    width:148px
}
.no-touch .projects .project__btn:not(.hidden):hover .project__btn__text{
    opacity:1;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    -webkit-transition-delay:.15s;
    transition-delay:.15s
}
.projects .project__clock{
    height:1.68em
}
.projects__clock{
    position:fixed;
    z-index:5;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.project__title{
    margin:.333em 0;
    font-size:30px;
    font-weight: bold;
    line-height:1.2
}
.project__section{
    margin-top:30px;
    margin-bottom:30px
}
.project__section_full{
    position:relative
}
.project__section__column:not(:last-child){
    margin-bottom:30px
}
.project__section_contact:last-of-type{
    margin-bottom:0
}
.project__section_full .project__media__wrapper{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.project__video__wrapper{
    position:relative;
    overflow:hidden
}
.project__video__preview,.project__video__preview::after{
    position:absolute;
    -webkit-transition:.3s ease;
    transition:.3s ease
}
.project__video__preview{
    z-index:1;
    cursor:pointer;
    top:-1px;
    left:-1px;
    right:-1px;
    bottom:-1px
}
.project__video__preview::after{
    content:"";
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#000;
    opacity:0
}
.project__video__preview:hover::after{
    opacity:.5
}
.project__video__preview.hidden{
    opacity:0;
    visibility:hidden;
    pointer-events:none
}
.project__video__play{
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    width:64px;
    height:64px
}
.project__next{
    position:relative;
    margin-top:60px
}
.project__next__content{
    position:relative;
    z-index:1;
    padding-left:30px;
    padding-right:30px
}
.project__next__thumbnail{
    position:absolute;
    top:0;
    right:0
}
.project__next__title{
    font-weight:400
}
.project__next__desc{
    font-family: 'Roboto', sans-serif;
    font-size:16px;
    font-weight:400
}
.project__next .clock{
    height:1.68em
}
.project__hour{
    display:block;
    position:fixed;
    z-index:9;
    top:-webkit-calc(130px + 3.75vw);
    top:calc(130px + 3.75vw);
    left:60px;
    width:84px;
    margin-left:-42px;
    margin-top:42px;
    opacity:0;
    visibility:hidden;
    line-height:1;
    text-align:center;
    text-transform:uppercase;
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:top center;
    -ms-transform-origin:top center;
    transform-origin:top center;
    -webkit-transition:color .15s ease;
    transition:color .15s ease
}
.page__title{
    margin-bottom:1em
}
.page__content{
    max-width:623px;
    margin-left:auto;
    margin-right:auto
}
.page__footer{
    border-top:1px solid #ccc;
    font-size:12px
}
.contact{
    position:relative;
    font-size:16px
}
.contact__container{
    padding:8% 0
}
@media screen{
    [hidden~=screen]{
        display:inherit
    }
    [hidden~=screen]:not(:active):not(:focus):not(:target){
        position:absolute!important;
        clip:rect(0 0 0 0)!important
    }
}
@media (min-width:768px){
    .col-sm-5,.col-sm-6,.col-sm-7{
        float:left
    }
    .col-sm-5{
        width:41.66667%
    }
    .col-sm-6{
        width:50%
    }
    .col-sm-7{
        width:58.33333%
    }
    .col-sm-offset-5{
        margin-left:41.66667%
    }
    .col-sm-push-5{
        left:41.66667%
    }
    .col-sm-pull-7{
        right:58.33333%
    }
    .col-sm-overlap-top-1{
        margin-top:-8.33333%
    }
    .display-sm-inline-block{
        display:inline-block
    }
    .display-sm-table{
        display:table
    }
    .display-sm-table-cell{
        display:table-cell;
        float:none!important
    }
    .h-sm-100{
        height:100%
    }
    .w-sm-100{
        width:100%
    }
    .text-sm-left{
        text-align:left
    }
    .valign-sm-bottom{
        vertical-align:bottom
    }
    .no-padding-sm-left{
        padding-left:0
    }
    .no-padding-sm-right{
        padding-right:0
    }
    .form-contact{
        font-size:25px
    }
    .clock{
        font-size:94px
    }
    .projects .project__content{
        padding:60px
    }
    .projects .project__btn{
        margin-top:1rem
    }
    .project__section__column:not(:last-child){
        margin-bottom:0
    }
    .project__video__play{
        width:128px;
        height:128px
    }
    .contact{
        padding-top:66.625%
    }
    .contact__container{
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        padding:0 8%
    }
}
@media (min-width:768px) and (max-width:991px){
    .visible-sm-block{
        display:block!important
    }
    .visible-sm-table{
        display:table!important
    }
    .hidden-sm{
        display:none!important
    }
    .projects .project{
        max-height:100vw
    }
    .project__section__column:nth-child(odd){
        padding-right:15px
    }
    .project__section__column:nth-child(even){
        padding-left:15px
    }
}
@media (min-width:992px){
    .h1,h1{
        font-size:60px
    }
    .h2,h2{
        font-size:40px
    }
    .container{
        max-width:64.375%
    }
    .col-md-4,.col-md-6,.col-md-7{
        float:left
    }
    .col-md-4{
        width:33.33333%
    }
    .col-md-6{
        width:50%
    }
    .col-md-7{
        width:58.33333%
    }
    .col-md-offset-1{
        margin-left:8.33333%
    }
    .display-md-inline{
        display:inline
    }
    .display-md-inline-block{
        display:inline-block
    }
    .display-md-block{
        display:block
    }
    .display-md-table{
        display:table
    }
    .display-md-table-cell{
        display:table-cell;
        float:none!important
    }
    .float-md-left{
        float:left
    }
    .float-md-right{
        float:right
    }
    .float-md-none{
        float:none
    }
    .w-md-50{
        width:50%
    }
    .text-md-left{
        text-align:left
    }
    .text-md-center{
        text-align:center
    }
    .projects .project.odd .project__content,.text-md-right{
        text-align:right
    }
    .visually-hidden-md{
        position:absolute;
        overflow:hidden;
        clip:rect(0 0 0 0);
        width:1px;
        height:1px;
        margin:-1px;
        padding:0;
        border:0
    }
    .no-padding-md-left{
        padding-left:0
    }
    .no-padding-md-right{
        padding-right:0
    }
    .clock{
        font-size:125px
    }
    .site-header__logo{
        position:fixed;
        top:60px;
        left:60px;
        z-index:10
    }
    .site-header__nav{
        position:fixed;
        top:60px;
        right:60px;
        z-index:10
    }
    .projects{
        position:fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        overflow:auto
    }
    .projects__panel{
        position:fixed;
        top:50%;
        width:100%;
        height:200vw;
        -webkit-transform:translate(0,-50%);
        -ms-transform:translate(0,-50%);
        transform:translate(0,-50%)
    }
    .projects__panel_left{
        right:50%;
        -webkit-transform-origin:100% 50%;
        -ms-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
    .projects__panel_right{
        left:50%;
        -webkit-transform-origin:0% 50%;
        -ms-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
    .projects .project{
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        opacity:0;
        visibility:hidden
    }
    .projects .project.active{
        opacity:1;
        visibility:visible
    }
    .projects .project__content{
        text-align:left
    }
    .projects .project__content__inner{
        width:87%
    }
    .projects .project__title{
        font-size:22px
    }
    .project__title{
        font-size:45px
    }
    .project__content{
        padding-top:70px;
        padding-bottom:60px
    }
    .project__content__main{
        font-size:18px
    }
    .project__content strong{
        display:inline-block;
        margin-top:.875em
    }
    .project__section{
        position:relative;
        z-index:4;
        margin-top:60px;
        margin-bottom:60px
    }
    .project__section_content{
        padding-top:3.75%;
        padding-bottom:3.75%
    }
    .project__next{
        height:65.4vh;
        min-height:654px
    }
    .project__next__title{
        font-size:22px
    }
    .project__next__desc__wrapper,.project__next__title__wrapper{
        position:absolute;
        left:0;
        right:0
    }
}
@media (min-width:1200px){
    .col-lg-3,.col-lg-8{
        float:left
    }
    .col-lg-3{
        width:25%
    }
    .col-lg-8{
        width:66.66667%
    }
    .text-lg-left{
        text-align:left
    }
    .project__section_full{
        max-height:75vh;
        overflow:hidden
    }
    .project__section_full .project__media__wrapper{
        background-attachment:fixed
    }
    .page__section{
        font-size:18px
    }
}
@media (min-width:1400px){
    .projects .project__content{
        padding:108px
    }
    .projects .project__content__inner{
        width:90%
    }
    .projects .project__title{
        font-size:30px
    }
    .projects .project__excerpt{
        font-size:16px
    }
    .projects__clock{
        font-size:160px
    }
}
@media (max-width:1199px){
    .page__footer{
        padding:1em 0
    }
}
@media (max-width:991px){
    .site-header{
        padding:30px
    }
    .site-header__logo,.site-header__nav{
        color:#000
    }
    .site-header__nav .site-header__nav__btn{
        box-shadow:0 0 0 1px rgba(0,0,0,.2)
    }
    .projects .project{
        height:-webkit-calc(100vh - 165px);
        height:calc(100vh - 165px)
    }
    .projects .project:not(:last-of-type){
        margin-bottom:30px
    }
    .project__next{
        padding-top:30%;
        padding-bottom:30%
    }
}
@media (max-width:767px){
    .visible-xs-block{
        display:block!important
    }
    .visible-xs-table{
        display:table!important
    }
    .hidden-xs{
        display:block!important
    }
    .projects .project__content__container{
        position:relative;
        z-index:1
    }
    .projects .project__content__inner{
        padding:30px
    }
    .projects .project.odd .project__content__container{
        float:right;
        width:100%!important
    }
    .projects .project__title{
        font-weight:400
    }
    .w-xs-50{
    width:100%
    }
    .w-xs-200{
    width:100%
    }
    .projects .project__clock {
    /*height: 1.68em;*/
    height: 100%;
    }
    .clock__dial{opacity: 0;visibility: hidden;}
}