.exploded-figures-section .content,
.ledge,
.page-content .masterhead h1,
.work-project-content,
.work-project-monitor .work-project {
    pointer-events: none
}

.box-arrow-link,
.lone-arrow span.text,
h3,
h5 {
    text-transform: uppercase
}
/*

@font-face {
    font-family: 'Roboto', sans-serif;
    src: url(/fonts/GT-Sectra-Book.eot);
    src: url(/fonts/GT-Sectra-Book.eot) format("embedded-opentype"), url(/fonts/GT-Sectra-Book.woff) format("woff"), url(/fonts/GT-Sectra-Book.ttf) format("truetype"), url(/fonts/GT-Sectra-Book.svg#Sectra) format("svg")
}

@font-face {
    font-family: 'Sectra Bold';
    src: url(/fonts/GT-Sectra-Display-Bold.eot);
    src: url(/fonts/GT-Sectra-Display-Bold.eot) format("embedded-opentype"), url(/fonts/GT-Sectra-Display-Bold.woff) format("woff"), url(/fonts/GT-Sectra-Display-Bold.ttf) format("truetype"), url(/fonts/GT-Sectra-Display-Bold.svg#Sectra) format("svg")
}

@font-face {
    font-family: 'Roboto', sans-serif;;
    src: url(/fonts/f37ginger-regular-webfont.eot);
    src: url(/fonts/f37ginger-regular-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/f37ginger-regular-webfont.woff) format("woff"), url(/fonts/f37ginger-regular-webfont.ttf) format("truetype"), url(/fonts/f37ginger-regular-webfont.svg#f37ginger-bold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Roboto', sans-serif;;
    src: url(/fonts/f37ginger-bold-webfont.eot);
    src: url(/fonts/f37ginger-bold-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/f37ginger-bold-webfont.woff) format("woff"), url(/fonts/f37ginger-bold-webfont.ttf) format("truetype"), url(/fonts/f37ginger-bold-webfont.svg#f37ginger-bold) format("svg");
    font-weight: 400;
    font-style: normal
}
*/

body,
html {
    height: 100%;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    font-family: 'Roboto', sans-serif;
    text-align: center
}

.gigantic-text,
.huge-text,
a,
h1,
h3,
h5 {
    font-family: 'Roboto', sans-serif;
    font-weight: 900 !important;
}

ul,
ul li {
    margin: 0;
    padding: 0
}

ol,
ul {
    list-style: none
}

a,
body,
h1,
h2,
h3,
h4,
h5,
p {
    color: #fff;
    text-decoration: none;
    margin: 0;
    font-size: 1em;
    -webkit-font-smoothing: antialiased;
    line-height: 1.2em;
    font-weight: 400
}

a,
div,
h1,
h2,
h3,
h4,
section {
    position: relative
}

.pos-a,
.pos-a-b-l,
.pos-a-b-r,
.pos-a-center,
.pos-a-t-l,
.pos-a-t-r {
    position: absolute
}

a {
    display: block;
    font-size: 10.5px;
    letter-spacing: .1em
}

i,
i.rights {
    font-style: normal;
    display: inline-block
}

.gigantic-text,
.huge-text,
h1,
h3,
h5 {
    letter-spacing: -.05em
}

.huge-text,
h1 {
    font-size: 4.5em;
    line-height: .9em
}

/* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
        
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
        
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

    }

@media only screen and (min-width:1200px) {
    .huge-text,
    h1 {
        font-size: 5.5vw
    }
    
}

@media only screen and (min-width:1600px) {
    .huge-text,
    h1 {
        font-size: 6.6em
    }
}

@media screen and (max-width:800px) {
    h1 {
        font-size: 2.5em
    }
}

.gigantic-text {
    font-size: 25em
}

@media only screen and (min-width:1200px) {
    .gigantic-text {
        font-size: 38vw
    }
}

@media only screen and (min-width:1600px) {
    .gigantic-text {
        font-size: 30vw
    }
}

h2 {
    font-size: 48px;
    margin-bottom: .5em;
    line-height: 1.2em;
    letter-spacing: -.015em
}

@media only screen and (max-width:1200px) {
    h2 {
        font-size: 40px
    }
}

@media only screen and (max-width:800px) {
    h2 {
        font-size: 20px
    }
}

h3 {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 2.2em;
    letter-spacing: .1em
}

@media only screen and (max-width:800px) {
    h3 {
        font-size: 10px
    }
}

h3.no-line {
    padding-bottom: 1em
}

h3:not(.no-line) {
    margin-bottom: 3.6em
}

h3:not(.no-line)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 24px;
    height: 7px;
    margin: -3.5px 0 0 -12px;
    -webkit-transition: .72s cubic-bezier(.52, .01, .16, 1);
    -moz-transition: .72s cubic-bezier(.52, .01, .16, 1);
    transition: .72s cubic-bezier(.52, .01, .16, 1);
    -webkit-transform: skewY(-16deg) scaleX(1);
    -moz-transform: skewY(-16deg) scaleX(1);
    -ms-transform: skewY(-16deg) scaleX(1);
    -o-transform: skewY(-16deg) scaleX(1);
    transform: skewY(-16deg) scaleX(1);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.profile-content{background: url('../img/bio-bg.jpg');height: 500px;background-position: 50% 17%;background-size: cover;}
.profile-content h2{font-family: 'Geogtq-Bold';font-size:80px;color:#fff !important;padding: 60px 0 0 0;letter-spacing: 20px;}

.contact-content{background: url('../img/contact-bg.jpg');height: 500px;background-position: 50% 10%;background-size: cover;}
.contact-content h2{font-family: 'Geogtq-Bold';font-size:80px;color:#fff !important;padding: 60px 0 0 0;letter-spacing: 20px;}

.media-content{background: url('../img/media-bg.jpg');height: 500px;background-position: 50% 50%;background-size: cover;}
.media-content h2{font-family: 'Geogtq-Bold';font-size:80px;color:#fff !important;padding: 60px 0 0 0;letter-spacing: 20px;}

.alignSocial{text-align: center !important;}
.socialLink{padding: 12px 12px 10px 12px;background: #fff;border-radius: 45px;cursor: pointer;}

.wiggle,
a.arrow-link,
a.arrow-link span,
a.arrow-link span::before {
    -webkit-transition: .45s cubic-bezier(.52, .01, .16, 1);
    -moz-transition: .45s cubic-bezier(.52, .01, .16, 1)
}

h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    margin-bottom: .5em;
    color: #212121
}

cite,
i,
p {
    font-family: 'Roboto', sans-serif;
}

@media only screen and (max-width:800px) {
    h4 {
        font-size: 16px
    }
}

h5 {
    font-size: 12px;
    margin-bottom: 5px;
    letter-spacing: .15em
}

@media only screen and (max-width:800px) {
    h5 {
        font-size: 10px
    }
}

p {
    font-size: 16px;
    line-height: 1.7em;
    letter-spacing: -.02em
}

@media only screen and (max-width:800px) {
    p {
        font-size: 14px
    }
}

cite {
    font-style: normal;
    font-size: .7em
}

i {
    font-size: 11px;
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    transform: translateY(-25%);
    margin-right: 3px
}

i.rights {
    font-size: .5em;
    -webkit-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    -o-transform: translateY(-20%);
    transform: translateY(-20%)
}

.flex-vert,
.flex-vert-center {
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-pack: center
}

.full-size {
    width: 100%;
    height: 100%
}

.viewport-full-size {
    width: 100vw;
    height: 100vh
}

.flex-horiz>*,
.full-width {
    width: 100%
}

.flex-vert-center {
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    height: 100vh;
    margin-top: -.5%
}

.awards .gigantic-text,
.flex-vert {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .flex-vert-center {
        height: 88vh
    }
}

.flex-vert {
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column
}

.columns,
.flex-horiz {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal
}

.flex-vert>* {
    height: 100%
}

.flex-horiz {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row
}

.pos-a-center {
    left: 50%;
    top: 50%
}

.pos-a-t-l {
    top: 0;
    left: 0
}

.pos-a-b-l {
    bottom: 0;
    left: 0
}

.pos-a-t-r {
    top: 0;
    right: 0
}

.pos-a-b-r {
    bottom: 0;
    right: 0
}

.pos-f,
.pos-f-bottom,
.pos-f-t-l {
    position: fixed
}

.pos-f-t-l {
    top: 0;
    left: 0
}

.pos-f-bottom {
    bottom: 0;
    left: 0
}

.pc-a::after,
.pc-b::before {
    content: ""
}

.center-l-t {
    position: absolute;
    left: 50%;
    top: 50%
}

.mob-only {
    display: none
}

.desktop-only {
    display: block
}

@media only screen and (max-width:800px) {
    .mob-only {
        display: block
    }
    .desktop-only {
        display: none
    }
}

.perch-content {
    display: none
}

.box-arrow-link,
.widow-killer,
a.arrow-link {
    display: inline-block
}

a.arrow-link,
a.arrow-link span,
a.arrow-link span::before {
    transition: .45s cubic-bezier(.52, .01, .16, 1)
}

a.arrow-link {
    padding-right: 10px;
    position: relative;
    font-size: .9em
}

a.arrow-link span {
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -3px;
    width: 60px;
    height: 8px;
    overflow: hidden
}

.underline-link::after,
a.arrow-link span::before {
    width: 100%;
    left: 0;
    content: ''
}

a.arrow-link span::before {
    position: absolute;
    top: 0;
    height: 100%;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    background: url(../img/ui/arrow.svg) center center/100% 100% no-repeat
}

a.arrow-link:hover {
    -webkit-transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    -ms-transform: translateX(-25px);
    -o-transform: translateX(-25px);
    transform: translateX(-25px)
}

a.arrow-link:hover span {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

a.arrow-link:hover span::before {
    -webkit-transform: translateX(-4px);
    -moz-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    -o-transform: translateX(-4px);
    transform: translateX(-4px)
}

.underline-link {
    position: relative
}

.underline-link::after {
    position: absolute;
    bottom: -5%;
    height: 2px;
    z-index: 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.underline-link span {
    z-index: 1;
    position: relative;
    -webkit-transition: .35s cubic-bezier(.7, .3, 0, 1);
    -moz-transition: .35s cubic-bezier(.7, .3, 0, 1);
    transition: .35s cubic-bezier(.7, .3, 0, 1)
}

.underline-link::before {
    background-color: #212121
}

.underline-link::after {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .45s cubic-bezier(.7, .3, 0, 1);
    -moz-transition: .45s cubic-bezier(.7, .3, 0, 1);
    transition: .45s cubic-bezier(.7, .3, 0, 1)
}

.underline-link:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.arrow-head {
    width: 26px;
    height: 26px;
    overflow: hidden
}

.arrow-head span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: .45s cubic-bezier(.7, .3, 0, 1);
    -moz-transition: .45s cubic-bezier(.7, .3, 0, 1);
    transition: .45s cubic-bezier(.7, .3, 0, 1)
}

.arrow-head span::after,
.arrow-head span::before {
    content: '';
    position: absolute;
    top: 50%
}

.arrow-head span::before {
    height: 2px;
    width: 90%;
    left: 0;
    margin-top: -1px;
    background-color: #FFF
}

.arrow-head span::after {
    right: 0;
    width: 6px;
    height: 6px;
    margin: -3px 0 0 -3px;
    background: url(../img/ui/arrow-head-white.svg) center center/100% no-repeat
}

.arrow-head[data-color=black] span::before {
    background-color: #212121
}

.arrow-head[data-color=black] span::after {
    background: url(../img/ui/arrow-head-black.svg) center center/100% no-repeat
}

.box-arrow-link {
    height: 38px;
    border: 2px solid #fff;
    -webkit-transition: .52s cubic-bezier(.7, .3, 0, 1);
    -moz-transition: .52s cubic-bezier(.7, .3, 0, 1);
    transition: .52s cubic-bezier(.7, .3, 0, 1);
    -webkit-transform: translateX(-22px);
    -moz-transform: translateX(-22px);
    -ms-transform: translateX(-22px);
    -o-transform: translateX(-22px);
    transform: translateX(-22px)
}

.box-arrow-link .box-arrow-1::before,
/*.logo-animation .logo-piece div {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0
}
*/
@media screen and (max-width:800px) {
    .box-arrow-link {
        font-size: 10px
    }
}

.box-arrow-link .box-text {
    padding: 0 16px;
    line-height: 36px
}

.box-arrow-link .box-arrow-1,
.box-arrow-link .box-arrow-2 {
    position: absolute;
    height: 43px;
    width: 50px;
    top: -2px;
    overflow: hidden
}

.box-arrow-link .box-arrow-1::before,
.box-arrow-link .box-arrow-2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 38px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transition: .55s cubic-bezier(.7, .3, 0, 1);
    -moz-transition: .55s cubic-bezier(.7, .3, 0, 1);
    transition: .55s cubic-bezier(.7, .3, 0, 1)
}

.box-arrow-link .box-arrow-1 .arrow-head,
.box-arrow-link .box-arrow-2 .arrow-head {
    left: 50%;
    top: 50%;
    width: 20px;
    margin: -14px 0 0 -10px;
    position: absolute
}

.box-arrow-link .box-arrow-1 {
    right: 100%
}

.box-arrow-link .box-arrow-1::before {
    border-left: 2px solid #fff;
    transform-origin: 100% 0;
    background-color: #FFF
}

.box-arrow-link .box-arrow-2 {
    left: 100%
}

.box-arrow-link .box-arrow-2::before {
    margin-left: -3px;
    border-right: 2px solid #fff;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0
}

.box-arrow-link .box-arrow-1::before {
    -webkit-transform: translateX(105%);
    -moz-transform: translateX(105%);
    -ms-transform: translateX(105%);
    -o-transform: translateX(105%);
    transform: translateX(105%)
}

.box-arrow-link .box-arrow-1 .arrow-head span {
    -webkit-transform: translateX(-105%);
    -moz-transform: translateX(-105%);
    -ms-transform: translateX(-105%);
    -o-transform: translateX(-105%);
    transform: translateX(-105%)
}

.box-arrow-link:hover {
    -webkit-transform: translateX(25px);
    -moz-transform: translateX(25px);
    -ms-transform: translateX(25px);
    -o-transform: translateX(25px);
    transform: translateX(25px);
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    transition-delay: .15s
}

.box-arrow-link:hover .box-arrow-1::before {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: .22s;
    -moz-transition-delay: .22s;
    transition-delay: .22s
}

.box-arrow-link:hover .box-arrow-2::before {
    -webkit-transform: translateX(-105%);
    -moz-transform: translateX(-105%);
    -ms-transform: translateX(-105%);
    -o-transform: translateX(-105%);
    transform: translateX(-105%)
}

.box-arrow-link:hover .box-arrow-1 .arrow-head span {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: .22s;
    -moz-transition-delay: .22s;
    transition-delay: .22s
}

.box-arrow-link:hover .box-arrow-2 .arrow-head span {
    -webkit-transform: translateX(105%);
    -moz-transform: translateX(105%);
    -ms-transform: translateX(105%);
    -o-transform: translateX(105%);
    transform: translateX(105%);
    -webkit-transition-duration: .35s;
    -moz-transition-duration: .35s;
    transition-duration: .35s
}

.box-arrow-link.clicked:hover:not(.dark-box-arrow-link),
.box-arrow-link.clicked:not(.dark-box-arrow-link) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0
}

.box-arrow-link.dark-box-arrow-link {
    border-color: #c8c8c8;
    color: #212121;
    margin-top: 32px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.box-arrow-link.dark-box-arrow-link .box-arrow-1::before,
.box-arrow-link.dark-box-arrow-link .box-arrow-2::before {
    border-top: 2px solid #c8c8c8;
    border-bottom: 2px solid #c8c8c8
}

.box-arrow-link.dark-box-arrow-link .box-arrow-1::before {
    border-left: 2px solid #c8c8c8;
    background-color: #c8c8c8
}

.box-arrow-link.dark-box-arrow-link .box-arrow-2::before {
    border-right: 2px solid #c8c8c8
}

.box-arrow-link.dark-box-arrow-link:hover {
    -webkit-transform: translateX(48px);
    -moz-transform: translateX(48px);
    -ms-transform: translateX(48px);
    -o-transform: translateX(48px);
    transform: translateX(48px)
}

.close {
    width: 16px;
    height: 16px
}

@media screen and (min-width:1400px) {
    .close {
        width: 22px;
        height: 22px
    }
}

.close span::after,
.close span::before {
    content: '';
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #fff;
    margin-top: -1px;
    -webkit-transition: .45s cubic-bezier(.7, .3, 0, 1);
    -moz-transition: .45s cubic-bezier(.7, .3, 0, 1);
    transition: .45s cubic-bezier(.7, .3, 0, 1)
}

.icon::after,
.icon::before,
.wiggle::before {
    top: 0;
    content: '';
    position: absolute
}

.close span:nth-child(2)::after,
.close span:nth-child(2)::before,
.close:hover span:nth-child(1)::after,
.close:hover span:nth-child(1)::before {
    background-color: rgba(33, 33, 33, 0)
}

.close span::before {
    -webkit-transform: rotate(45deg) translateZ(0) scale(1, 1);
    -moz-transform: rotate(45deg) translateZ(0) scale(1, 1);
    -ms-transform: rotate(45deg) translateZ(0) scale(1, 1);
    -o-transform: rotate(45deg) translateZ(0) scale(1, 1);
    transform: rotate(45deg) translateZ(0) scale(1, 1)
}

.close span::after {
    -webkit-transform: rotate(-45deg) translateZ(0) scale(1, 1);
    -moz-transform: rotate(-45deg) translateZ(0) scale(1, 1);
    -ms-transform: rotate(-45deg) translateZ(0) scale(1, 1);
    -o-transform: rotate(-45deg) translateZ(0) scale(1, 1);
    transform: rotate(-45deg) translateZ(0) scale(1, 1)
}

.close span:nth-child(2)::after {
    -webkit-transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    -moz-transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    -ms-transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    -o-transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1)
}

.close span:nth-child(2)::before {
    -webkit-transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    -moz-transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    -ms-transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    -o-transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1)
}

.close:hover span:nth-child(1)::after {
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    transition-delay: .15s;
    -webkit-transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    -moz-transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    -ms-transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    -o-transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1)
}

.close:hover span:nth-child(1)::before {
    -webkit-transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    -moz-transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    -ms-transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    -o-transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1)
}

.close:hover span:nth-child(2)::after,
.close:hover span:nth-child(2)::before {
    background-color: #212121
}

.close:hover span:nth-child(2)::before {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(45deg) translate3d(0, 0, 0);
    -ms-transform: rotate(45deg) translate3d(0, 0, 0);
    -o-transform: rotate(45deg) translate3d(0, 0, 0);
    transform: rotate(45deg) translate3d(0, 0, 0)
}

.close:hover span:nth-child(2)::after {
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(-45deg) translate3d(0, 0, 0);
    -ms-transform: rotate(-45deg) translate3d(0, 0, 0);
    -o-transform: rotate(-45deg) translate3d(0, 0, 0);
    transform: rotate(-45deg) translate3d(0, 0, 0)
}

.icon {
    width: 21px;
    height: 21px
}

.icon::after,
.icon::before {
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: .28s cubic-bezier(.62, .02, .34, 1);
    -moz-transition: .28s cubic-bezier(.62, .02, .34, 1);
    transition: .28s cubic-bezier(.62, .02, .34, 1);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1)
}

.icon::before {
    opacity: 0;
    -webkit-transition: 10ms .3s;
    -moz-transition: 10ms .3s;
    transition: 10ms .3s
}

.icon.icon-mail::after {
    background: url(../img/ui/icon-mail.svg) center center/100% no-repeat
}

.icon.icon-twitter::after {
    background: url(../img/ui/icon-twitter.svg) center center/100% no-repeat
}

.icon.icon-behance::after {
    background: url(../img/ui/icon-behance.svg) center center/100% no-repeat
}

.icon.icon-dribbble::after {
    background: url(../img/ui/icon-dribbble.svg) center center/100% no-repeat
}

.icon.icon-linkedin::after {
    background: url(../img/ui/icon-linkedin.svg) center center/100% no-repeat
}

.icon:hover::before {
    opacity: 1;
    -webkit-transition: 10ms 0s;
    -moz-transition: 10ms 0s;
    transition: 10ms 0s
}

.icon:hover::after {
    opacity: 0
}

.letter-split>span,
.letter-split>span>span {
    display: inline;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.columns,
footer ul li:nth-child(2) {
    display: -webkit-box;
    display: -moz-box
}

.letter-split>span {
    opacity: 0
}

.letter-split>span:nth-child(1),
.letter-split>span:nth-child(1) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) 0s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) 0s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) 0s
}

.letter-split>span:nth-child(2),
.letter-split>span:nth-child(2) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) 20ms;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) 20ms;
    transition: .45s cubic-bezier(.62, .02, .34, 1) 20ms
}

.letter-split>span:nth-child(3),
.letter-split>span:nth-child(3) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) 40ms;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) 40ms;
    transition: .45s cubic-bezier(.62, .02, .34, 1) 40ms
}

.letter-split>span:nth-child(4),
.letter-split>span:nth-child(4) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) 60ms;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) 60ms;
    transition: .45s cubic-bezier(.62, .02, .34, 1) 60ms
}

.letter-split>span:nth-child(5),
.letter-split>span:nth-child(5) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) 80ms;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) 80ms;
    transition: .45s cubic-bezier(.62, .02, .34, 1) 80ms
}

.letter-split>span:nth-child(6),
.letter-split>span:nth-child(6) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .1s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .1s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .1s
}

.letter-split>span:nth-child(7),
.letter-split>span:nth-child(7) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .12s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .12s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .12s
}

.letter-split>span:nth-child(8),
.letter-split>span:nth-child(8) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .14s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .14s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .14s
}

.letter-split>span:nth-child(9),
.letter-split>span:nth-child(9) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .16s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .16s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .16s
}

.letter-split>span:nth-child(10),
.letter-split>span:nth-child(10) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .18s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .18s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .18s
}

.letter-split>span:nth-child(11),
.letter-split>span:nth-child(11) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .2s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .2s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .2s
}

.letter-split>span:nth-child(12),
.letter-split>span:nth-child(12) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .22s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .22s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .22s
}

.letter-split>span:nth-child(13),
.letter-split>span:nth-child(13) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .24s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .24s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .24s
}

.letter-split>span:nth-child(14),
.letter-split>span:nth-child(14) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .26s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .26s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .26s
}

.letter-split>span:nth-child(15),
.letter-split>span:nth-child(15) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .28s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .28s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .28s
}

.letter-split>span:nth-child(16),
.letter-split>span:nth-child(16) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .3s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .3s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .3s
}

.letter-split>span:nth-child(17),
.letter-split>span:nth-child(17) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .32s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .32s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .32s
}

.letter-split>span:nth-child(18),
.letter-split>span:nth-child(18) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .34s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .34s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .34s
}

.letter-split>span:nth-child(19),
.letter-split>span:nth-child(19) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .36s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .36s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .36s
}

.letter-split>span:nth-child(20),
.letter-split>span:nth-child(20) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .38s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .38s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .38s
}

.letter-split>span:nth-child(21),
.letter-split>span:nth-child(21) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .4s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .4s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .4s
}

.letter-split>span:nth-child(22),
.letter-split>span:nth-child(22) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .42s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .42s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .42s
}

.letter-split>span:nth-child(23),
.letter-split>span:nth-child(23) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .44s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .44s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .44s
}

.letter-split>span:nth-child(24),
.letter-split>span:nth-child(24) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .46s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .46s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .46s
}

.letter-split>span:nth-child(25),
.letter-split>span:nth-child(25) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .48s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .48s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .48s
}

.letter-split>span:nth-child(26),
.letter-split>span:nth-child(26) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .5s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .5s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .5s
}

.letter-split>span:nth-child(27),
.letter-split>span:nth-child(27) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .52s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .52s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .52s
}

.letter-split>span:nth-child(28),
.letter-split>span:nth-child(28) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .54s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .54s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .54s
}

.letter-split>span:nth-child(29),
.letter-split>span:nth-child(29) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .56s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .56s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .56s
}

.letter-split>span:nth-child(30),
.letter-split>span:nth-child(30) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .58s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .58s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .58s
}

.letter-split>span:nth-child(31),
.letter-split>span:nth-child(31) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .6s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .6s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .6s
}

.letter-split>span:nth-child(32),
.letter-split>span:nth-child(32) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .62s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .62s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .62s
}

.letter-split>span:nth-child(33),
.letter-split>span:nth-child(33) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .64s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .64s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .64s
}

.letter-split>span:nth-child(34),
.letter-split>span:nth-child(34) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .66s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .66s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .66s
}

.letter-split>span:nth-child(35),
.letter-split>span:nth-child(35) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .68s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .68s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .68s
}

.letter-split>span:nth-child(36),
.letter-split>span:nth-child(36) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .7s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .7s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .7s
}

.letter-split>span:nth-child(37),
.letter-split>span:nth-child(37) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .72s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .72s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .72s
}

.letter-split>span:nth-child(38),
.letter-split>span:nth-child(38) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .74s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .74s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .74s
}

.letter-split>span:nth-child(39),
.letter-split>span:nth-child(39) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .76s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .76s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .76s
}

.letter-split>span:nth-child(40),
.letter-split>span:nth-child(40) span {
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1) .78s;
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1) .78s;
    transition: .45s cubic-bezier(.62, .02, .34, 1) .78s
}

.wiggle-link:hover .wiggle,
.wiggle-link:hover .wiggle::before {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.wiggle {
    position: absolute;
    bottom: -7px;
    height: 3px;
    left: 20%;
    width: 60%;
    overflow: hidden;
    -webkit-transform: translateX(-105%);
    -moz-transform: translateX(-105%);
    -ms-transform: translateX(-105%);
    -o-transform: translateX(-105%);
    transform: translateX(-105%);
    transition: .45s cubic-bezier(.52, .01, .16, 1);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.wiggle::before {
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(105%);
    -moz-transform: translateX(105%);
    -ms-transform: translateX(105%);
    -o-transform: translateX(105%);
    transform: translateX(105%);
    -webkit-transition: .45s cubic-bezier(.52, .01, .16, 1);
    -moz-transition: .45s cubic-bezier(.52, .01, .16, 1);
    transition: .45s cubic-bezier(.52, .01, .16, 1);
    background: url(../img/ui/wiggle-white.svg) center center/7px 3px repeat-x;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.toyfight-logo-flat {
    width: 660px;
    height: 330px;
    margin: -165px 0 0 -330px;
    background: url(../img/ui/bb-logo.png) center center/100% no-repeat
}

.scroll-arrow-wrap {
    width: 50px;
    height: 40px;
    margin: -20px 0 0 -25px;
    bottom: 3%;
    left: 50%;
    -webkit-transition: .19s linear;
    -moz-transition: .19s linear;
    transition: .19s linear;
    z-index: 3
}

.scroll-arrow-wrap[data-active=off],
.scroll-arrow-wrap[data-preloading=on] {
    opacity: 0;
    pointer-events: none
}

.back-to-top-arrow-wrap:hover,
.scroll-arrow-wrap:hover {
    cursor: pointer
}

body[data-state=intro] .back-to-top-arrow-wrap:hover span::after,
body[data-state=intro] .back-to-top-arrow-wrap:hover span::before,
body[data-state=intro] .scroll-arrow-wrap:hover span::after,
body[data-state=intro] .scroll-arrow-wrap:hover span::before {
    background-color: #000;
}

body[data-state=who] .back-to-top-arrow-wrap:hover span::after,
body[data-state=who] .back-to-top-arrow-wrap:hover span::before,
body[data-state=who] .scroll-arrow-wrap:hover span::after,
body[data-state=who] .scroll-arrow-wrap:hover span::before {
    background-color: #96ffca
}

body[data-state=what] .back-to-top-arrow-wrap:hover span::after,
body[data-state=what] .back-to-top-arrow-wrap:hover span::before,
body[data-state=what] .scroll-arrow-wrap:hover span::after,
body[data-state=what] .scroll-arrow-wrap:hover span::before {
    background-color: #07933d
}

body[data-state=work] .back-to-top-arrow-wrap:hover span::after,
body[data-state=work] .back-to-top-arrow-wrap:hover span::before,
body[data-state=work] .scroll-arrow-wrap:hover span::after,
body[data-state=work] .scroll-arrow-wrap:hover span::before {
    background-color: #fbe10f
}

.back-to-top-arrow-wrap:hover span::before,
.scroll-arrow-wrap:hover span::before {
    -webkit-transform: skewY(32deg);
    -moz-transform: skewY(32deg);
    -ms-transform: skewY(32deg);
    -o-transform: skewY(32deg);
    transform: skewY(32deg)
}

.back-to-top-arrow-wrap:hover span::after,
.scroll-arrow-wrap:hover span::after {
    -webkit-transform: skewY(-32deg);
    -moz-transform: skewY(-32deg);
    -ms-transform: skewY(-32deg);
    -o-transform: skewY(-32deg);
    transform: skewY(-32deg)
}

.scroll-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    width: 40px;
    height: 50px;
    margin: -20px 0 0 -20px;
}
.back-to-top-arrow-wrap .scroll-arrow {
    height: 2px;
    width: 20px;
    margin: -20px 0 0 -10px;
}
.scroll-arrow span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: arrowpointing forwards infinite 3s cubic-bezier(.52, .01, .16, 1);
    -moz-animation: arrowpointing forwards infinite 3s cubic-bezier(.52, .01, .16, 1);
    animation: arrowpointing forwards infinite 3s cubic-bezier(.52, .01, .16, 1)
}

@media only screen and (max-width:800px) {
    .scroll-arrow span {
        -webkit-animation: none!important;
        -moz-animation: none!important;
        animation: none!important
    }
}

.scroll-arrow span::after,
.scroll-arrow span::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    background-color: #fff;
    -webkit-transform: skewY(22deg);
    -moz-transform: skewY(22deg);
    -ms-transform: skewY(22deg);
    -o-transform: skewY(22deg);
    transform: skewY(22deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: .36s cubic-bezier(.7, .3, 0, 1);
    -moz-transition: .36s cubic-bezier(.7, .3, 0, 1);
    transition: .36s cubic-bezier(.7, .3, 0, 1)
}

.scroll-arrow span:nth-child(2) {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.scroll-arrow span::before {
    left: 0
}

.scroll-arrow span::after {
    left: 50%;
    -webkit-transform: skewY(-22deg);
    -moz-transform: skewY(-22deg);
    -ms-transform: skewY(-22deg);
    -o-transform: skewY(-22deg);
    transform: skewY(-22deg)
}

body[data-state=intro] .scroll-arrow span::after,
body[data-state=intro] .scroll-arrow span::before {
    background-color: #fff;
}

.logo-animation {
    width: 776px;
    height: 357px;
    margin: -210px 0 0 -388px;
    /*-webkit-transform: scale(.73);
    -moz-transform: scale(.73);
    -ms-transform: scale(.73);
    -o-transform: scale(.73);
    transform: scale(.73)*/
}

.logo-animation .logo-piece {
    position: absolute
}

/*.logo-animation .logo-piece.logo-piece-h {
    width: 22.3%;
    height: 6.35%;
    -webkit-transform: rotate(-16deg);
    -moz-transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    -o-transform: rotate(-16deg);
    transform: rotate(-16deg)
}*/

/*.logo-animation .logo-piece.logo-piece-v {
    width: 25.96%;
    height: 7.93%;
    -webkit-transform: rotate(-65.9deg);
    -moz-transform: rotate(-65.9deg);
    -ms-transform: rotate(-65.9deg);
    -o-transform: rotate(-65.9deg);
    transform: rotate(-65.9deg)
}

.logo-animation .logo-piece.logo-piece-d {
    width: 20.9%;
    height: 7.68%;
    -webkit-transform: rotate(-43.7deg);
    -moz-transform: rotate(-43.7deg);
    -ms-transform: rotate(-43.7deg);
    -o-transform: rotate(-43.7deg);
    transform: rotate(-43.7deg)
}

.logo-animation .logo-piece div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform-origin: 100% 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.logo-animation .logo-piece div::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.logo-animation .logo-piece:nth-child(1) div,
.logo-animation .logo-piece:nth-child(1) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) 10ms;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) 10ms;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) 10ms
}

.logo-animation .logo-piece:nth-child(2) div,
.logo-animation .logo-piece:nth-child(2) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) 20ms;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) 20ms;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) 20ms
}

.logo-animation .logo-piece:nth-child(3) div,
.logo-animation .logo-piece:nth-child(3) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) 30ms;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) 30ms;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) 30ms
}

.logo-animation .logo-piece:nth-child(4) div,
.logo-animation .logo-piece:nth-child(4) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) 40ms;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) 40ms;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) 40ms
}

.logo-animation .logo-piece:nth-child(5) div,
.logo-animation .logo-piece:nth-child(5) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) 50ms;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) 50ms;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) 50ms
}

.logo-animation .logo-piece:nth-child(6) div,
.logo-animation .logo-piece:nth-child(6) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) 60ms;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) 60ms;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) 60ms
}

.logo-animation .logo-piece:nth-child(7) div,
.logo-animation .logo-piece:nth-child(7) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) 70ms;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) 70ms;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) 70ms
}

.logo-animation .logo-piece:nth-child(8) div,
.logo-animation .logo-piece:nth-child(8) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) 80ms;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) 80ms;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) 80ms
}

.logo-animation .logo-piece:nth-child(9) div,
.logo-animation .logo-piece:nth-child(9) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) 90ms;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) 90ms;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) 90ms
}

.logo-animation .logo-piece:nth-child(10) div,
.logo-animation .logo-piece:nth-child(10) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .1s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .1s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .1s
}

.logo-animation .logo-piece:nth-child(11) div,
.logo-animation .logo-piece:nth-child(11) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .11s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .11s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .11s
}

.logo-animation .logo-piece:nth-child(12) div,
.logo-animation .logo-piece:nth-child(12) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .12s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .12s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .12s
}

.logo-animation .logo-piece:nth-child(13) div,
.logo-animation .logo-piece:nth-child(13) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .13s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .13s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .13s
}

.logo-animation .logo-piece:nth-child(14) div,
.logo-animation .logo-piece:nth-child(14) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .14s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .14s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .14s
}

.logo-animation .logo-piece:nth-child(15) div,
.logo-animation .logo-piece:nth-child(15) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .15s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .15s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .15s
}

.logo-animation .logo-piece:nth-child(16) div,
.logo-animation .logo-piece:nth-child(16) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .16s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .16s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .16s
}

.logo-animation .logo-piece:nth-child(17) div,
.logo-animation .logo-piece:nth-child(17) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .17s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .17s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .17s
}

.logo-animation .logo-piece:nth-child(18) div,
.logo-animation .logo-piece:nth-child(18) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .18s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .18s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .18s
}

.logo-animation .logo-piece:nth-child(19) div,
.logo-animation .logo-piece:nth-child(19) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .19s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .19s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .19s
}

.logo-animation .logo-piece:nth-child(20) div,
.logo-animation .logo-piece:nth-child(20) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .2s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .2s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .2s
}

.logo-animation .logo-piece:nth-child(21) div,
.logo-animation .logo-piece:nth-child(21) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .21s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .21s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .21s
}

.logo-animation .logo-piece:nth-child(22) div,
.logo-animation .logo-piece:nth-child(22) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .22s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .22s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .22s
}

.logo-animation .logo-piece:nth-child(23) div,
.logo-animation .logo-piece:nth-child(23) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .23s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .23s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .23s
}

.logo-animation .logo-piece:nth-child(24) div,
.logo-animation .logo-piece:nth-child(24) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .24s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .24s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .24s
}

.logo-animation .logo-piece:nth-child(25) div,
.logo-animation .logo-piece:nth-child(25) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .25s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .25s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .25s
}

.logo-animation .logo-piece:nth-child(26) div,
.logo-animation .logo-piece:nth-child(26) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .26s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .26s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .26s
}

.logo-animation .logo-piece:nth-child(27) div,
.logo-animation .logo-piece:nth-child(27) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .27s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .27s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .27s
}

.logo-animation .logo-piece:nth-child(28) div,
.logo-animation .logo-piece:nth-child(28) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .28s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .28s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .28s
}

.logo-animation .logo-piece:nth-child(29) div,
.logo-animation .logo-piece:nth-child(29) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .29s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .29s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .29s
}

.logo-animation .logo-piece:nth-child(30) div,
.logo-animation .logo-piece:nth-child(30) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .3s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .3s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .3s
}

.logo-animation .logo-piece:nth-child(31) div,
.logo-animation .logo-piece:nth-child(31) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .31s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .31s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .31s
}

.logo-animation .logo-piece:nth-child(32) div,
.logo-animation .logo-piece:nth-child(32) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .32s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .32s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .32s
}

.logo-animation .logo-piece:nth-child(33) div,
.logo-animation .logo-piece:nth-child(33) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .33s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .33s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .33s
}

.logo-animation .logo-piece:nth-child(34) div,
.logo-animation .logo-piece:nth-child(34) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .34s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .34s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .34s
}

.logo-animation .logo-piece:nth-child(35) div,
.logo-animation .logo-piece:nth-child(35) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .35s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .35s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .35s
}

.logo-animation .logo-piece:nth-child(36) div,
.logo-animation .logo-piece:nth-child(36) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .36s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .36s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .36s
}

.logo-animation .logo-piece:nth-child(37) div,
.logo-animation .logo-piece:nth-child(37) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .37s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .37s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .37s
}

.logo-animation .logo-piece:nth-child(38) div,
.logo-animation .logo-piece:nth-child(38) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .38s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .38s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .38s
}

.logo-animation .logo-piece:nth-child(39) div,
.logo-animation .logo-piece:nth-child(39) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .39s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .39s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .39s
}

.logo-animation .logo-piece:nth-child(40) div,
.logo-animation .logo-piece:nth-child(40) div::before {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.62, .02, .34, 1) .4s;
    -moz-transition: -moz-transform .45s cubic-bezier(.62, .02, .34, 1) .4s;
    transition: transform .45s cubic-bezier(.62, .02, .34, 1) .4s
}

.page-content[data-active=off] .logo-animation .logo-piece div {
    -webkit-transform: translate3d(-105%, 0, 0);
    -moz-transform: translate3d(-105%, 0, 0);
    -ms-transform: translate3d(-105%, 0, 0);
    -o-transform: translate3d(-105%, 0, 0);
    transform: translate3d(-105%, 0, 0)
}

.page-content[data-active=off] .logo-animation .logo-piece div::before {
    -webkit-transform: translate3d(105%, 0, 0);
    -moz-transform: translate3d(105%, 0, 0);
    -ms-transform: translate3d(105%, 0, 0);
    -o-transform: translate3d(105%, 0, 0);
    transform: translate3d(105%, 0, 0)
}


.page-content[data-active=on] .logo-animation .logo-piece:nth-child(1) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(1) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 285ms;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 285ms;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 285ms
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(2) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(2) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) .37s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) .37s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) .37s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(3) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(3) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 455ms;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 455ms;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 455ms
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(4) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(4) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) .54s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) .54s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) .54s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(5) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(5) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 625ms;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 625ms;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 625ms
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(6) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(6) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) .71s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) .71s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) .71s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(7) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(7) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 795ms;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 795ms;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 795ms
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(8) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(8) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) .88s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) .88s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) .88s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(9) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(9) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 965ms;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 965ms;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 965ms
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(10) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(10) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 1.05s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 1.05s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 1.05s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(11) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(11) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 1.135s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 1.135s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 1.135s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(12) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(12) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 1.22s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 1.22s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 1.22s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(13) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(13) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 1.305s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 1.305s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 1.305s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(14) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(14) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 1.39s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 1.39s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 1.39s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(15) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(15) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 1.475s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 1.475s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 1.475s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(16) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(16) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 1.56s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 1.56s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 1.56s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(17) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(17) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 1.645s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 1.645s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 1.645s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(18) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(18) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 1.73s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 1.73s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 1.73s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(19) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(19) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 1.815s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 1.815s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 1.815s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(20) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(20) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 1.9s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 1.9s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 1.9s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(21) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(21) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 1.985s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 1.985s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 1.985s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(22) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(22) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 2.07s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 2.07s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 2.07s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(23) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(23) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 2.155s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 2.155s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 2.155s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(24) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(24) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 2.24s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 2.24s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 2.24s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(25) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(25) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 2.325s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 2.325s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 2.325s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(26) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(26) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 2.41s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 2.41s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 2.41s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(27) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(27) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 2.495s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 2.495s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 2.495s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(28) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(28) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 2.58s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 2.58s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 2.58s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(29) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(29) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 2.665s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 2.665s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 2.665s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(30) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(30) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 2.75s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 2.75s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 2.75s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(31) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(31) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 2.835s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 2.835s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 2.835s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(32) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(32) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 2.92s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 2.92s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 2.92s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(33) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(33) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 3.005s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 3.005s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 3.005s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(34) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(34) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 3.09s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 3.09s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 3.09s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(35) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(35) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 3.175s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 3.175s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 3.175s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(36) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(36) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 3.26s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 3.26s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 3.26s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(37) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(37) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 3.345s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 3.345s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 3.345s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(38) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(38) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 3.43s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 3.43s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 3.43s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(39) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(39) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 3.515s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 3.515s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 3.515s
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(40) div,
.page-content[data-active=on] .logo-animation .logo-piece:nth-child(40) div::before {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.62, .02, .34, 1) 3.6s;
    -moz-transition: -moz-transform .5s cubic-bezier(.62, .02, .34, 1) 3.6s;
    transition: transform .5s cubic-bezier(.62, .02, .34, 1) 3.6s
}
*/
.logo-animation .logo-piece.t-1 {
    top: 45.3%;
    left: 2.1%
}

.logo-animation .logo-piece.t-1 div::before {
    background: url(../img/ui/logo/toyfight-word/t/t-h-1.svg) center center no-repeat
}

.logo-animation .logo-piece.t-2 {
    top: 65.9%;
    left: -5.1%
}

.logo-animation .logo-piece.t-2 div::before {
    background: url(../img/ui/logo/toyfight-word/t/t-v-1.svg) center center no-repeat
}

.logo-animation .logo-piece.t-3 {
    top: 73%;
    left: 1.2%
}

.logo-animation .logo-piece.t-3 div::before {
    background: url(../img/ui/logo/toyfight-word/t/t-d-1.svg) center center no-repeat
}

.logo-animation .logo-piece.o-1 {
    width: 40%;
    top: 60.5%;
    left: -4.1%
}

.logo-animation .logo-piece.o-1 div::before {
    background: url(../img/ui/logo/toyfight-word/o/o-v-1.svg) center center no-repeat
}

.logo-animation .logo-piece.o-2 {
    top: 56%;
    left: 13.8%
}

.logo-animation .logo-piece.o-2 div::before {
    background: url(../img/ui/logo/toyfight-word/o/o-h-1.svg) center center no-repeat
}

.logo-animation .logo-piece.o-3 {
    top: 59.5%;
    left: 8.8%
}

.logo-animation .logo-piece.o-3 div::before {
    background: url(../img/ui/logo/toyfight-word/o/o-v-2.svg) center center no-repeat
}

.logo-animation .logo-piece.o-4 {
    top: 70.5%;
    left: 9.5%
}

.logo-animation .logo-piece.o-4 div::before {
    background: url(../img/ui/logo/toyfight-word/o/o-d-1.svg) center center no-repeat
}

.logo-animation .logo-piece.y-1 {
    top: 52.5%;
    left: 15.1%
}

.logo-animation .logo-piece.y-1 div::before {
    background: url(../img/ui/logo/toyfight-word/y/y-v-1.svg) center center no-repeat
}

.logo-animation .logo-piece.y-2 {
    top: 59.9%;
    left: 20.8%
}

.logo-animation .logo-piece.y-2 div::before {
    background: url(../img/ui/logo/toyfight-word/y/y-d-1.svg) center center no-repeat
}

.logo-animation .logo-piece.y-3 {
    top: 68.7%;
    left: 17.2%
}

.logo-animation .logo-piece.y-3 div::before {
    background: url(../img/ui/logo/toyfight-word/y/y-v-2.svg) center center no-repeat
}

.logo-animation .logo-piece.y-4 {
    top: 76.4%;
    left: 22.7%
}

.logo-animation .logo-piece.y-4 div::before {
    background: url(../img/ui/logo/toyfight-word/y/y-d-2.svg) center center no-repeat
}

.logo-animation .logo-piece.f-1 {
    top: 20.9%;
    left: 40.4%
}

.logo-animation .logo-piece.f-1 div::before {
    background: url(../img/ui/logo/toyfight-word/f/f-h-1.svg) center center no-repeat
}

.logo-animation .logo-piece.f-2 {
    top: 41.1%;
    left: 32.8%
}

.logo-animation .logo-piece.f-2 div::before {
    background: url(../img/ui/logo/toyfight-word/f/f-v-1.svg) center center no-repeat
}

.logo-animation .logo-piece.f-3 {
    top: 39.7%;
    left: 39.8%
}

.logo-animation .logo-piece.f-3 div::before {
    background: url(../img/ui/logo/toyfight-word/f/f-h-2.svg) center center no-repeat
}

.logo-animation .logo-piece.i-1 {
    top: 35%;
    left: 42.4%
}

.logo-animation .logo-piece.i-1 div::before {
    background: url(../img/ui/logo/toyfight-word/i/i-v-1.svg) center center no-repeat
}

.logo-animation .logo-piece.i-2 {
    top: 43.1%;
    left: 47.8%
}

.logo-animation .logo-piece.i-2 div::before {
    background: url(../img/ui/logo/toyfight-word/i/i-d-1.svg) center center no-repeat
}

.logo-animation .logo-piece.g-1 {
    top: 29.5%;
    left: 50.4%
}

.logo-animation .logo-piece.g-1 div::before {
    background: url(../img/ui/logo/toyfight-word/g/g-v-1.svg) center center no-repeat
}

.logo-animation .logo-piece.g-2 {
    top: 38.6%;
    left: 55.4%
}

.logo-animation .logo-piece.g-2 div::before {
    background: url(../img/ui/logo/toyfight-word/g/g-d-1.svg) center center no-repeat
}

.logo-animation .logo-piece.g-3 {
    top: 23.9%;
    left: 58.2%;
    width: 32%;
    height: 7%
}

.logo-animation .logo-piece.g-3 div::before {
    background: url(../img/ui/logo/toyfight-word/g/g-h-1.svg) center center no-repeat
}

.logo-animation .logo-piece.g-4 {
    width: 38%;
    top: 49.1%;
    left: 46%
}

.logo-animation .logo-piece.g-4 div::before {
    background: url(../img/ui/logo/toyfight-word/g/g-v-2.svg) center center no-repeat
}

.logo-animation .logo-piece.g-5 {
    top: 64.5%;
    left: 53.2%;
    width: 25.4%;
    height: 6.7%
}

.logo-animation .logo-piece.g-5 div::before {
    background: url(../img/ui/logo/toyfight-word/g/g-h-2.svg) center center no-repeat
}

.logo-animation .logo-piece.g-6 {
    top: 38.5%;
    left: 51%;
    width: 34%;
    height: 13%
}

.logo-animation .logo-piece.g-6 div::before {
    background: url(../img/ui/logo/toyfight-word/g/g-d-2.svg) center center no-repeat
}

.logo-animation .logo-piece.h-1 {
    top: 20.7%;
    left: 64.6%
}

.logo-animation .logo-piece.h-1 div::before {
    background: url(../img/ui/logo/toyfight-word/h/h-v-1.svg) center center no-repeat
}

.logo-animation .logo-piece.h-2 {
    top: 20.2%;
    left: 71.7%
}

.logo-animation .logo-piece.h-2 div::before {
    background: url(../img/ui/logo/toyfight-word/h/h-d-1.svg) center center no-repeat
}

.logo-animation .logo-piece.h-3 {
    width: 35%;
    height: 8.3%;
    top: 15.7%;
    left: 66.6%
}

.logo-animation .logo-piece.h-3 div::before {
    background: url(../img/ui/logo/toyfight-word/h/h-v-2.svg) center center no-repeat
}

.logo-animation .logo-piece.h-4 {
    top: 25.4%;
    left: 76.6%
}

.logo-animation .logo-piece.h-4 div::before {
    background: url(../img/ui/logo/toyfight-word/h/h-d-2.svg) center center no-repeat
}

.logo-animation .logo-piece.t2-1 {
    top: 12.6%;
    left: 78.1%
}

.logo-animation .logo-piece.t2-1 div::before {
    background: url(../img/ui/logo/toyfight-word/t2/t2-v-1.svg) center center no-repeat
}

.logo-animation .logo-piece.t2-2 {
    top: 10.6%;
    left: 85.6%
}

.logo-animation .logo-piece.t2-2 div::before {
    background: url(../img/ui/logo/toyfight-word/t2/t2-h-1.svg) center center no-repeat
}

.logo-animation .logo-piece.t2-3 {
    top: 20.4%;
    left: 83.8%
}

.logo-animation .logo-piece.t2-3 div::before {
    background: url(../img/ui/logo/toyfight-word/t2/t2-d-1.svg) center center no-repeat
}

.logo-animation .logo-piece.logo-piece-dash {
    top: 77.8%;
    left: 29.8%;
    width: 27%;
    height: 6.8%;
    /*-webkit-transform: rotate(-17deg);
    -moz-transform: rotate(-17deg);
    -ms-transform: rotate(-17deg);
    -o-transform: rotate(-17deg);
    transform: rotate(-17deg)*/
}

.logo-animation .logo-piece.logo-piece-dash div::before {
    background: url(../img/ui/logo/toyfight-word/slash.svg) center center no-repeat
}

.logo-animation .logo-piece.logo-piece-rights {
    top: 32%;
    left: 92.4%;
    width: 5%;
    height: 5%
}

.logo-animation .logo-piece.logo-piece-rights div::before {
    background: url(../img/ui/logo/toyfight-word/rights.svg) center center no-repeat
}

.preloader-shield {
    z-index: 500
}

.sound-on-off,
nav {
    z-index: 100
}

.modal {
    z-index: 120
}

.page-content .masterhead {
    -webkit-transition: .65s cubic-bezier(.62, .02, .34, 1) .15s;
    -moz-transition: .65s cubic-bezier(.62, .02, .34, 1) .15s;
    transition: .65s cubic-bezier(.62, .02, .34, 1) .15s
}

 

@media screen and (min-width:1400px) {
     
    .container h1{font-size: 9em;color:#fff !important;}
}

.page-content .masterhead[data-active=off] {
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px)
}

footer::before,
section.white-bg::before {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0
}

.intro-content h1 {
    color: #fffade
}

.intro-content h2,
.intro-content h3,
.intro-content p {
    color: rgba(33, 33, 33, .9)
}

.intro-content a {
    color: #212121
}

.intro-content h3::after {
    background-color: #fffade
}

.intro-content .ledge::before {
    background-color: #111;
}

body[data-state=intro] .underline-link::after {
    background-color: #ffd42d
}

body[data-state=intro] .underline-link:hover span {
    color: #ffd42d
}

body[data-state=intro] .icon-mail::before {
    background: url(../img/ui/colors/intro/icon-mail.svg) center center/100% no-repeat
}

body[data-state=intro] .icon-twitter::before {
    background: url(../img/ui/colors/intro/icon-twitter.svg) center center/100% no-repeat
}

body[data-state=intro] .icon-behance::before {
    background: url(../img/ui/colors/intro/icon-behance.svg) center center/100% no-repeat
}

body[data-state=intro] .icon-dribbble::before {
    background: url(../img/ui/colors/intro/icon-dribbble.svg) center center/100% no-repeat
}

body[data-state=intro] .icon-linkedin::before {
    background: url(../img/ui/colors/intro/icon-linkedin.svg) center center/100% no-repeat
}

.who-content h1 {
    color: #fff;
    font-weight: 900;
}

.who-content h3::after {
    background-color: #96ffca
}

.who-content .exploded-figures-section[data-active=off] .ledge::before,
.who-content .ledge::before {
    background-color: #111;
}

body[data-state=who] .underline-link::after {
    background-color: #07933d
}

body[data-state=who] .underline-link:hover span {
    color: #07933d
}

body[data-state=who] .icon-mail::before {
    background: url(../img/ui/colors/who/icon-mail.svg) center center/100% no-repeat
}

body[data-state=who] .icon-twitter::before {
    background: url(../img/ui/colors/who/icon-twitter.svg) center center/100% no-repeat
}

body[data-state=who] .icon-behance::before {
    background: url(../img/ui/colors/who/icon-behance.svg) center center/100% no-repeat
}

body[data-state=who] .icon-dribbble::before {
    background: url(../img/ui/colors/who/icon-dribbble.svg) center center/100% no-repeat
}

body[data-state=who] .icon-linkedin::before {
    background: url(../img/ui/colors/who/icon-linkedin.svg) center center/100% no-repeat
}

.what-content h1 {
    color: #07933d
}

.what-content h3::after {
    background-color: #07933d
}

.what-content .white-bg h3::after {
    background-color: #07933d
}

.what-content .ledge {
    top: -35%
}

.what-content .ledge::before {
    background-color: rgba(255, 255, 255, .08)
}

body[data-state=what] .underline-link::after {
    background-color: #07933d
}

body[data-state=what] .underline-link:hover span {
    color: #07933d
}

body[data-state=what] a.icon-mail::before {
    background: url(../img/ui/colors/what/icon-mail.svg) center center/100% no-repeat
}

body[data-state=what] a.icon-twitter::before {
    background: url(../img/ui/colors/what/icon-twitter.svg) center center/100% no-repeat
}

body[data-state=what] a.icon-behance::before {
    background: url(../img/ui/colors/what/icon-behance.svg) center center/100% no-repeat
}

body[data-state=what] a.icon-dribbble::before {
    background: url(../img/ui/colors/what/icon-dribbble.svg) center center/100% no-repeat
}

body[data-state=what] a.icon-linkedin::before {
    background: url(../img/ui/colors/what/icon-linkedin.svg) center center/100% no-repeat
}

.work-content h1,
.work-content h5 {
    color: #fbe10f
}

.work-content h3::after {
    background-color: #fbe10f
}

.work-content .white-bg h3::after {
    background-color: #5210ac
}

.work-content .masterhead {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

footer::before,
section.white-bg.rule-below::after,
section.white-bg::before {
    position: absolute;
    left: 0;
    content: ''
}

body[data-state=work] .ledge>div,
body[data-state=project] .ledge>div {
    background-color: #5817b3
}

body[data-state=work] .underline-link::after,
body[data-state=project] .underline-link::after {
    background-color: #5210ac
}

body[data-state=work] .underline-link:hover span,
body[data-state=project] .underline-link:hover span {
    color: #5210ac
}

body[data-state=work] a.icon-mail::before,
body[data-state=project] a.icon-mail::before {
    background: url(../img/ui/colors/work/icon-mail.svg) center center/100% no-repeat
}

body[data-state=work] a.icon-twitter::before,
body[data-state=project] a.icon-twitter::before {
    background: url(../img/ui/colors/work/icon-twitter.svg) center center/100% no-repeat
}

body[data-state=work] a.icon-behance::before,
body[data-state=project] a.icon-behance::before {
    background: url(../img/ui/colors/work/icon-behance.svg) center center/100% no-repeat
}

body[data-state=work] a.icon-dribbble::before,
body[data-state=project] a.icon-dribbble::before {
    background: url(../img/ui/colors/work/icon-dribbble.svg) center center/100% no-repeat
}

body[data-state=work] a.icon-linkedin::before,
body[data-state=project] a.icon-linkedin::before {
    background: url(../img/ui/colors/work/icon-linkedin.svg) center center/100% no-repeat
}

.page-content {
    -webkit-transition: .27s linear;
    -moz-transition: .27s linear;
    transition: .27s linear;
    opacity: 1;
    will-change: opacity;
    overflow: hidden
}

html.safari-browser .page-content {
    opacity: .999
}

.page-content footer,
.page-content section {
    -webkit-transition: .4s cubic-bezier(.52, .01, .16, 1) 0s;
    -moz-transition: .4s cubic-bezier(.52, .01, .16, 1) 0s;
    transition: .4s cubic-bezier(.52, .01, .16, 1) 0s
}

.page-content h1 {
    margin-bottom: .35em
}

.page-content[data-active=off] {
    opacity: 0;
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    transition-delay: .6s
}

.page-content[data-active=off] .ledge,
.page-content[data-active=off] .masterhead,
.page-content[data-active=off] footer,
.page-content[data-active=off] section,
html.safari-browser .page-content[data-active=off] {
    opacity: 0
}

.page-content .scrolling-content {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.page-content .scrolling-content.work-content {
    overflow-y: hidden
}

.page-content .scrolling-content-wrap {
    overflow: hidden
}

.page-content[data-active=on] .letter-split>span {
    opacity: 1
}

.page-content[data-active=on] .letter-split>span:nth-child(1),
.page-content[data-active=on] .letter-split>span:nth-child(1) span {
    -webkit-transition: .64s cubic-bezier(.62, .02, .34, 1) .23s;
    -moz-transition: .64s cubic-bezier(.62, .02, .34, 1) .23s;
    transition: .64s cubic-bezier(.62, .02, .34, 1) .23s
}

.page-content[data-active=on] .letter-split>span:nth-child(2),
.page-content[data-active=on] .letter-split>span:nth-child(2) span {
    -webkit-transition: .68s cubic-bezier(.62, .02, .34, 1) .26s;
    -moz-transition: .68s cubic-bezier(.62, .02, .34, 1) .26s;
    transition: .68s cubic-bezier(.62, .02, .34, 1) .26s
}

.page-content[data-active=on] .letter-split>span:nth-child(3),
.page-content[data-active=on] .letter-split>span:nth-child(3) span {
    -webkit-transition: .72s cubic-bezier(.62, .02, .34, 1) .29s;
    -moz-transition: .72s cubic-bezier(.62, .02, .34, 1) .29s;
    transition: .72s cubic-bezier(.62, .02, .34, 1) .29s
}

.page-content[data-active=on] .letter-split>span:nth-child(4),
.page-content[data-active=on] .letter-split>span:nth-child(4) span {
    -webkit-transition: .76s cubic-bezier(.62, .02, .34, 1) .32s;
    -moz-transition: .76s cubic-bezier(.62, .02, .34, 1) .32s;
    transition: .76s cubic-bezier(.62, .02, .34, 1) .32s
}

.page-content[data-active=on] .letter-split>span:nth-child(5),
.page-content[data-active=on] .letter-split>span:nth-child(5) span {
    -webkit-transition: .8s cubic-bezier(.62, .02, .34, 1) .35s;
    -moz-transition: .8s cubic-bezier(.62, .02, .34, 1) .35s;
    transition: .8s cubic-bezier(.62, .02, .34, 1) .35s
}

.page-content[data-active=on] .letter-split>span:nth-child(6),
.page-content[data-active=on] .letter-split>span:nth-child(6) span {
    -webkit-transition: .84s cubic-bezier(.62, .02, .34, 1) .38s;
    -moz-transition: .84s cubic-bezier(.62, .02, .34, 1) .38s;
    transition: .84s cubic-bezier(.62, .02, .34, 1) .38s
}

.page-content[data-active=on] .letter-split>span:nth-child(7),
.page-content[data-active=on] .letter-split>span:nth-child(7) span {
    -webkit-transition: .88s cubic-bezier(.62, .02, .34, 1) .41s;
    -moz-transition: .88s cubic-bezier(.62, .02, .34, 1) .41s;
    transition: .88s cubic-bezier(.62, .02, .34, 1) .41s
}

.page-content[data-active=on] .letter-split>span:nth-child(8),
.page-content[data-active=on] .letter-split>span:nth-child(8) span {
    -webkit-transition: .92s cubic-bezier(.62, .02, .34, 1) .44s;
    -moz-transition: .92s cubic-bezier(.62, .02, .34, 1) .44s;
    transition: .92s cubic-bezier(.62, .02, .34, 1) .44s
}

.page-content[data-active=on] .letter-split>span:nth-child(9),
.page-content[data-active=on] .letter-split>span:nth-child(9) span {
    -webkit-transition: .96s cubic-bezier(.62, .02, .34, 1) .47s;
    -moz-transition: .96s cubic-bezier(.62, .02, .34, 1) .47s;
    transition: .96s cubic-bezier(.62, .02, .34, 1) .47s
}

.page-content[data-active=on] .letter-split>span:nth-child(10),
.page-content[data-active=on] .letter-split>span:nth-child(10) span {
    -webkit-transition: 1s cubic-bezier(.62, .02, .34, 1) .5s;
    -moz-transition: 1s cubic-bezier(.62, .02, .34, 1) .5s;
    transition: 1s cubic-bezier(.62, .02, .34, 1) .5s
}

.page-content[data-active=on] .letter-split>span:nth-child(11),
.page-content[data-active=on] .letter-split>span:nth-child(11) span {
    -webkit-transition: 1.04s cubic-bezier(.62, .02, .34, 1) .53s;
    -moz-transition: 1.04s cubic-bezier(.62, .02, .34, 1) .53s;
    transition: 1.04s cubic-bezier(.62, .02, .34, 1) .53s
}

.page-content[data-active=on] .letter-split>span:nth-child(12),
.page-content[data-active=on] .letter-split>span:nth-child(12) span {
    -webkit-transition: 1.08s cubic-bezier(.62, .02, .34, 1) .56s;
    -moz-transition: 1.08s cubic-bezier(.62, .02, .34, 1) .56s;
    transition: 1.08s cubic-bezier(.62, .02, .34, 1) .56s
}

.page-content[data-active=on] .letter-split>span:nth-child(13),
.page-content[data-active=on] .letter-split>span:nth-child(13) span {
    -webkit-transition: 1.12s cubic-bezier(.62, .02, .34, 1) .59s;
    -moz-transition: 1.12s cubic-bezier(.62, .02, .34, 1) .59s;
    transition: 1.12s cubic-bezier(.62, .02, .34, 1) .59s
}

.page-content[data-active=on] .letter-split>span:nth-child(14),
.page-content[data-active=on] .letter-split>span:nth-child(14) span {
    -webkit-transition: 1.16s cubic-bezier(.62, .02, .34, 1) .62s;
    -moz-transition: 1.16s cubic-bezier(.62, .02, .34, 1) .62s;
    transition: 1.16s cubic-bezier(.62, .02, .34, 1) .62s
}

.page-content[data-active=on] .letter-split>span:nth-child(15),
.page-content[data-active=on] .letter-split>span:nth-child(15) span {
    -webkit-transition: 1.2s cubic-bezier(.62, .02, .34, 1) .65s;
    -moz-transition: 1.2s cubic-bezier(.62, .02, .34, 1) .65s;
    transition: 1.2s cubic-bezier(.62, .02, .34, 1) .65s
}

.page-content[data-active=on] .letter-split>span:nth-child(16),
.page-content[data-active=on] .letter-split>span:nth-child(16) span {
    -webkit-transition: 1.24s cubic-bezier(.62, .02, .34, 1) .68s;
    -moz-transition: 1.24s cubic-bezier(.62, .02, .34, 1) .68s;
    transition: 1.24s cubic-bezier(.62, .02, .34, 1) .68s
}

.page-content[data-active=on] .letter-split>span:nth-child(17),
.page-content[data-active=on] .letter-split>span:nth-child(17) span {
    -webkit-transition: 1.28s cubic-bezier(.62, .02, .34, 1) .71s;
    -moz-transition: 1.28s cubic-bezier(.62, .02, .34, 1) .71s;
    transition: 1.28s cubic-bezier(.62, .02, .34, 1) .71s
}

.page-content[data-active=on] .letter-split>span:nth-child(18),
.page-content[data-active=on] .letter-split>span:nth-child(18) span {
    -webkit-transition: 1.32s cubic-bezier(.62, .02, .34, 1) .74s;
    -moz-transition: 1.32s cubic-bezier(.62, .02, .34, 1) .74s;
    transition: 1.32s cubic-bezier(.62, .02, .34, 1) .74s
}

.page-content[data-active=on] .letter-split>span:nth-child(19),
.page-content[data-active=on] .letter-split>span:nth-child(19) span {
    -webkit-transition: 1.36s cubic-bezier(.62, .02, .34, 1) .77s;
    -moz-transition: 1.36s cubic-bezier(.62, .02, .34, 1) .77s;
    transition: 1.36s cubic-bezier(.62, .02, .34, 1) .77s
}

.page-content[data-active=on] .letter-split>span:nth-child(20),
.page-content[data-active=on] .letter-split>span:nth-child(20) span {
    -webkit-transition: 1.4s cubic-bezier(.62, .02, .34, 1) .8s;
    -moz-transition: 1.4s cubic-bezier(.62, .02, .34, 1) .8s;
    transition: 1.4s cubic-bezier(.62, .02, .34, 1) .8s
}

.page-content[data-active=on] .letter-split>span:nth-child(21),
.page-content[data-active=on] .letter-split>span:nth-child(21) span {
    -webkit-transition: 1.44s cubic-bezier(.62, .02, .34, 1) .83s;
    -moz-transition: 1.44s cubic-bezier(.62, .02, .34, 1) .83s;
    transition: 1.44s cubic-bezier(.62, .02, .34, 1) .83s
}

.page-content[data-active=on] .letter-split>span:nth-child(22),
.page-content[data-active=on] .letter-split>span:nth-child(22) span {
    -webkit-transition: 1.48s cubic-bezier(.62, .02, .34, 1) .86s;
    -moz-transition: 1.48s cubic-bezier(.62, .02, .34, 1) .86s;
    transition: 1.48s cubic-bezier(.62, .02, .34, 1) .86s
}

.page-content[data-active=on] .letter-split>span:nth-child(23),
.page-content[data-active=on] .letter-split>span:nth-child(23) span {
    -webkit-transition: 1.52s cubic-bezier(.62, .02, .34, 1) .89s;
    -moz-transition: 1.52s cubic-bezier(.62, .02, .34, 1) .89s;
    transition: 1.52s cubic-bezier(.62, .02, .34, 1) .89s
}

.page-content[data-active=on] .letter-split>span:nth-child(24),
.page-content[data-active=on] .letter-split>span:nth-child(24) span {
    -webkit-transition: 1.56s cubic-bezier(.62, .02, .34, 1) .92s;
    -moz-transition: 1.56s cubic-bezier(.62, .02, .34, 1) .92s;
    transition: 1.56s cubic-bezier(.62, .02, .34, 1) .92s
}

.page-content[data-active=on] .letter-split>span:nth-child(25),
.page-content[data-active=on] .letter-split>span:nth-child(25) span {
    -webkit-transition: 1.6s cubic-bezier(.62, .02, .34, 1) .95s;
    -moz-transition: 1.6s cubic-bezier(.62, .02, .34, 1) .95s;
    transition: 1.6s cubic-bezier(.62, .02, .34, 1) .95s
}

.page-content[data-active=on] .letter-split>span:nth-child(26),
.page-content[data-active=on] .letter-split>span:nth-child(26) span {
    -webkit-transition: 1.64s cubic-bezier(.62, .02, .34, 1) .98s;
    -moz-transition: 1.64s cubic-bezier(.62, .02, .34, 1) .98s;
    transition: 1.64s cubic-bezier(.62, .02, .34, 1) .98s
}

.page-content[data-active=on] .letter-split>span:nth-child(27),
.page-content[data-active=on] .letter-split>span:nth-child(27) span {
    -webkit-transition: 1.68s cubic-bezier(.62, .02, .34, 1) 1.01s;
    -moz-transition: 1.68s cubic-bezier(.62, .02, .34, 1) 1.01s;
    transition: 1.68s cubic-bezier(.62, .02, .34, 1) 1.01s
}

.page-content[data-active=on] .letter-split>span:nth-child(28),
.page-content[data-active=on] .letter-split>span:nth-child(28) span {
    -webkit-transition: 1.72s cubic-bezier(.62, .02, .34, 1) 1.04s;
    -moz-transition: 1.72s cubic-bezier(.62, .02, .34, 1) 1.04s;
    transition: 1.72s cubic-bezier(.62, .02, .34, 1) 1.04s
}

.page-content[data-active=on] .letter-split>span:nth-child(29),
.page-content[data-active=on] .letter-split>span:nth-child(29) span {
    -webkit-transition: 1.76s cubic-bezier(.62, .02, .34, 1) 1.07s;
    -moz-transition: 1.76s cubic-bezier(.62, .02, .34, 1) 1.07s;
    transition: 1.76s cubic-bezier(.62, .02, .34, 1) 1.07s
}

.page-content[data-active=on] .letter-split>span:nth-child(30),
.page-content[data-active=on] .letter-split>span:nth-child(30) span {
    -webkit-transition: 1.8s cubic-bezier(.62, .02, .34, 1) 1.1s;
    -moz-transition: 1.8s cubic-bezier(.62, .02, .34, 1) 1.1s;
    transition: 1.8s cubic-bezier(.62, .02, .34, 1) 1.1s
}

.page-content[data-active=on] .letter-split>span:nth-child(31),
.page-content[data-active=on] .letter-split>span:nth-child(31) span {
    -webkit-transition: 1.84s cubic-bezier(.62, .02, .34, 1) 1.13s;
    -moz-transition: 1.84s cubic-bezier(.62, .02, .34, 1) 1.13s;
    transition: 1.84s cubic-bezier(.62, .02, .34, 1) 1.13s
}

.page-content[data-active=on] .letter-split>span:nth-child(32),
.page-content[data-active=on] .letter-split>span:nth-child(32) span {
    -webkit-transition: 1.88s cubic-bezier(.62, .02, .34, 1) 1.16s;
    -moz-transition: 1.88s cubic-bezier(.62, .02, .34, 1) 1.16s;
    transition: 1.88s cubic-bezier(.62, .02, .34, 1) 1.16s
}

.page-content[data-active=on] .letter-split>span:nth-child(33),
.page-content[data-active=on] .letter-split>span:nth-child(33) span {
    -webkit-transition: 1.92s cubic-bezier(.62, .02, .34, 1) 1.19s;
    -moz-transition: 1.92s cubic-bezier(.62, .02, .34, 1) 1.19s;
    transition: 1.92s cubic-bezier(.62, .02, .34, 1) 1.19s
}

.page-content[data-active=on] .letter-split>span:nth-child(34),
.page-content[data-active=on] .letter-split>span:nth-child(34) span {
    -webkit-transition: 1.96s cubic-bezier(.62, .02, .34, 1) 1.22s;
    -moz-transition: 1.96s cubic-bezier(.62, .02, .34, 1) 1.22s;
    transition: 1.96s cubic-bezier(.62, .02, .34, 1) 1.22s
}

.page-content[data-active=on] .letter-split>span:nth-child(35),
.page-content[data-active=on] .letter-split>span:nth-child(35) span {
    -webkit-transition: 2s cubic-bezier(.62, .02, .34, 1) 1.25s;
    -moz-transition: 2s cubic-bezier(.62, .02, .34, 1) 1.25s;
    transition: 2s cubic-bezier(.62, .02, .34, 1) 1.25s
}

.page-content[data-active=on] .letter-split>span:nth-child(36),
.page-content[data-active=on] .letter-split>span:nth-child(36) span {
    -webkit-transition: 2.04s cubic-bezier(.62, .02, .34, 1) 1.28s;
    -moz-transition: 2.04s cubic-bezier(.62, .02, .34, 1) 1.28s;
    transition: 2.04s cubic-bezier(.62, .02, .34, 1) 1.28s
}

.page-content[data-active=on] .letter-split>span:nth-child(37),
.page-content[data-active=on] .letter-split>span:nth-child(37) span {
    -webkit-transition: 2.08s cubic-bezier(.62, .02, .34, 1) 1.31s;
    -moz-transition: 2.08s cubic-bezier(.62, .02, .34, 1) 1.31s;
    transition: 2.08s cubic-bezier(.62, .02, .34, 1) 1.31s
}

.page-content[data-active=on] .letter-split>span:nth-child(38),
.page-content[data-active=on] .letter-split>span:nth-child(38) span {
    -webkit-transition: 2.12s cubic-bezier(.62, .02, .34, 1) 1.34s;
    -moz-transition: 2.12s cubic-bezier(.62, .02, .34, 1) 1.34s;
    transition: 2.12s cubic-bezier(.62, .02, .34, 1) 1.34s
}

.page-content[data-active=on] .letter-split>span:nth-child(39),
.page-content[data-active=on] .letter-split>span:nth-child(39) span {
    -webkit-transition: 2.16s cubic-bezier(.62, .02, .34, 1) 1.37s;
    -moz-transition: 2.16s cubic-bezier(.62, .02, .34, 1) 1.37s;
    transition: 2.16s cubic-bezier(.62, .02, .34, 1) 1.37s
}

.page-content[data-active=on] .letter-split>span:nth-child(40),
.page-content[data-active=on] .letter-split>span:nth-child(40) span {
    -webkit-transition: 2.2s cubic-bezier(.62, .02, .34, 1) 1.4s;
    -moz-transition: 2.2s cubic-bezier(.62, .02, .34, 1) 1.4s;
    transition: 2.2s cubic-bezier(.62, .02, .34, 1) 1.4s
}

.scrolling-content::-webkit-scrollbar {
    width: 6px;
    background: rgba(0, 0, 0, .13)
}

.scrolling-content::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #FFF
}

.project-content::-webkit-scrollbar-thumb {
    background: #212121
}

.intro-content cite::selection,
.intro-content h1::selection,
.intro-content h2::selection,
.intro-content h3::selection,
.intro-content h4::selection,
.intro-content p::selection {
    background: #07933d;
    color: #101010;
}

.scrolling-content {
    width: 100%;
    left: 0;
    top: 0;
    height: 100%
}

section .content {
    margin: 1vw auto 20vw;
    width: 60.5%
}

@media only screen and (max-width:900px) {
    section .content {
        width: 85%
    }
}

@media only screen and (max-width:800px) {
    section .content {
        margin-bottom: 30vw
    }
}

section p {
    width: 75%;
    max-width: 580px
}

section h2,
section p {
    margin-left: auto;
    margin-right: auto
}

section h2 {
    max-width: 800px
}

section:not(.scroll-content-shown) .content>* {
    -webkit-transition: .52s cubic-bezier(.52, .01, .16, 1);
    -moz-transition: .52s cubic-bezier(.52, .01, .16, 1);
    transition: .52s cubic-bezier(.52, .01, .16, 1)
}

section.white-bg {
    padding: 3vw 0 3vw
}

section.white-bg h2,
section.white-bg h3,
section.white-bg p {
    color: rgba(33, 33, 33, .9)
}

section.white-bg.rule-below::after {
    width: 100%;
    height: 1px;
    bottom: 0;
    background-color: rgba(0, 0, 0, .05)
}

section.white-bg::before {
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #e7eeed;
    transform-origin: 50% 0;
    -webkit-transition: .85s cubic-bezier(.52, .01, .16, 1);
    -moz-transition: .85s cubic-bezier(.52, .01, .16, 1);
    transition: .85s cubic-bezier(.52, .01, .16, 1)
}

section[data-active=off]:not(.scroll-content-shown) .columns li>*,
section[data-active=off]:not(.scroll-content-shown) .content>*,
section[data-active=off]:not(.scroll-content-shown) .logo-matrix li {
    opacity: 0;
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px)
}

section[data-active=off]:not(.scroll-content-shown) h3::after {
    -webkit-transform: skewY(-16deg) scaleX(0);
    -moz-transform: skewY(-16deg) scaleX(0);
    -ms-transform: skewY(-16deg) scaleX(0);
    -o-transform: skewY(-16deg) scaleX(0);
    transform: skewY(-16deg) scaleX(0)
}

section[data-active=on]:not(.scroll-content-shown) .content>:nth-child(1) {
    -webkit-transition-delay: .17s;
    -moz-transition-delay: .17s;
    transition-delay: .17s;
    -webkit-transition-duration: .52s;
    -moz-transition-duration: .52s;
    transition-duration: .52s
}

section[data-active=on]:not(.scroll-content-shown) .content>:nth-child(2) {
    -webkit-transition-delay: .34s;
    -moz-transition-delay: .34s;
    transition-delay: .34s;
    -webkit-transition-duration: .64s;
    -moz-transition-duration: .64s;
    transition-duration: .64s
}

section[data-active=on]:not(.scroll-content-shown) .content>:nth-child(3) {
    -webkit-transition-delay: .51s;
    -moz-transition-delay: .51s;
    transition-delay: .51s;
    -webkit-transition-duration: .76s;
    -moz-transition-duration: .76s;
    transition-duration: .76s
}

section[data-active=on]:not(.scroll-content-shown) .content>:nth-child(4) {
    -webkit-transition-delay: .68s;
    -moz-transition-delay: .68s;
    transition-delay: .68s;
    -webkit-transition-duration: .88s;
    -moz-transition-duration: .88s;
    transition-duration: .88s
}

section[data-active=on]:not(.scroll-content-shown) .content>:nth-child(5) {
    -webkit-transition-delay: .85s;
    -moz-transition-delay: .85s;
    transition-delay: .85s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s
}

section[data-active=on]:not(.scroll-content-shown) .content>:nth-child(6) {
    -webkit-transition-delay: 1.02s;
    -moz-transition-delay: 1.02s;
    transition-delay: 1.02s;
    -webkit-transition-duration: 1.12s;
    -moz-transition-duration: 1.12s;
    transition-duration: 1.12s
}

section[data-active=on]:not(.scroll-content-shown) .content>:nth-child(7) {
    -webkit-transition-delay: 1.19s;
    -moz-transition-delay: 1.19s;
    transition-delay: 1.19s;
    -webkit-transition-duration: 1.24s;
    -moz-transition-duration: 1.24s;
    transition-duration: 1.24s
}

section[data-active=on]:not(.scroll-content-shown) .content>:nth-child(8) {
    -webkit-transition-delay: 1.36s;
    -moz-transition-delay: 1.36s;
    transition-delay: 1.36s;
    -webkit-transition-duration: 1.36s;
    -moz-transition-duration: 1.36s;
    transition-duration: 1.36s
}

section[data-active=on]:not(.scroll-content-shown) .content>:nth-child(9) {
    -webkit-transition-delay: 1.53s;
    -moz-transition-delay: 1.53s;
    transition-delay: 1.53s;
    -webkit-transition-duration: 1.48s;
    -moz-transition-duration: 1.48s;
    transition-duration: 1.48s
}

section[data-active=on]:not(.scroll-content-shown) .content>:nth-child(10) {
    -webkit-transition-delay: 1.7s;
    -moz-transition-delay: 1.7s;
    transition-delay: 1.7s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(1)>:nth-child(1) {
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    transition-delay: .6s;
    -webkit-transition-duration: .52s;
    -moz-transition-duration: .52s;
    transition-duration: .52s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(1)>:nth-child(2) {
    -webkit-transition-delay: .8s;
    -moz-transition-delay: .8s;
    transition-delay: .8s;
    -webkit-transition-duration: .52s;
    -moz-transition-duration: .52s;
    transition-duration: .52s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(1)>:nth-child(3) {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transition-duration: .52s;
    -moz-transition-duration: .52s;
    transition-duration: .52s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(1)>:nth-child(4) {
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    transition-delay: 1.2s;
    -webkit-transition-duration: .52s;
    -moz-transition-duration: .52s;
    transition-duration: .52s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(1)>:nth-child(5) {
    -webkit-transition-delay: 1.4s;
    -moz-transition-delay: 1.4s;
    transition-delay: 1.4s;
    -webkit-transition-duration: .52s;
    -moz-transition-duration: .52s;
    transition-duration: .52s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(1)>:nth-child(6) {
    -webkit-transition-delay: 1.6s;
    -moz-transition-delay: 1.6s;
    transition-delay: 1.6s;
    -webkit-transition-duration: .52s;
    -moz-transition-duration: .52s;
    transition-duration: .52s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(1)>:nth-child(7) {
    -webkit-transition-delay: 1.8s;
    -moz-transition-delay: 1.8s;
    transition-delay: 1.8s;
    -webkit-transition-duration: .52s;
    -moz-transition-duration: .52s;
    transition-duration: .52s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(1)>:nth-child(8) {
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    transition-delay: 2s;
    -webkit-transition-duration: .52s;
    -moz-transition-duration: .52s;
    transition-duration: .52s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(1)>:nth-child(9) {
    -webkit-transition-delay: 2.2s;
    -moz-transition-delay: 2.2s;
    transition-delay: 2.2s;
    -webkit-transition-duration: .52s;
    -moz-transition-duration: .52s;
    transition-duration: .52s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(1)>:nth-child(10) {
    -webkit-transition-delay: 2.4s;
    -moz-transition-delay: 2.4s;
    transition-delay: 2.4s;
    -webkit-transition-duration: .52s;
    -moz-transition-duration: .52s;
    transition-duration: .52s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(2)>:nth-child(1) {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transition-duration: .64s;
    -moz-transition-duration: .64s;
    transition-duration: .64s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(2)>:nth-child(2) {
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    transition-delay: 1.2s;
    -webkit-transition-duration: .64s;
    -moz-transition-duration: .64s;
    transition-duration: .64s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(2)>:nth-child(3) {
    -webkit-transition-delay: 1.4s;
    -moz-transition-delay: 1.4s;
    transition-delay: 1.4s;
    -webkit-transition-duration: .64s;
    -moz-transition-duration: .64s;
    transition-duration: .64s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(2)>:nth-child(4) {
    -webkit-transition-delay: 1.6s;
    -moz-transition-delay: 1.6s;
    transition-delay: 1.6s;
    -webkit-transition-duration: .64s;
    -moz-transition-duration: .64s;
    transition-duration: .64s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(2)>:nth-child(5) {
    -webkit-transition-delay: 1.8s;
    -moz-transition-delay: 1.8s;
    transition-delay: 1.8s;
    -webkit-transition-duration: .64s;
    -moz-transition-duration: .64s;
    transition-duration: .64s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(2)>:nth-child(6) {
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    transition-delay: 2s;
    -webkit-transition-duration: .64s;
    -moz-transition-duration: .64s;
    transition-duration: .64s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(2)>:nth-child(7) {
    -webkit-transition-delay: 2.2s;
    -moz-transition-delay: 2.2s;
    transition-delay: 2.2s;
    -webkit-transition-duration: .64s;
    -moz-transition-duration: .64s;
    transition-duration: .64s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(2)>:nth-child(8) {
    -webkit-transition-delay: 2.4s;
    -moz-transition-delay: 2.4s;
    transition-delay: 2.4s;
    -webkit-transition-duration: .64s;
    -moz-transition-duration: .64s;
    transition-duration: .64s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(2)>:nth-child(9) {
    -webkit-transition-delay: 2.6s;
    -moz-transition-delay: 2.6s;
    transition-delay: 2.6s;
    -webkit-transition-duration: .64s;
    -moz-transition-duration: .64s;
    transition-duration: .64s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(2)>:nth-child(10) {
    -webkit-transition-delay: 2.8s;
    -moz-transition-delay: 2.8s;
    transition-delay: 2.8s;
    -webkit-transition-duration: .64s;
    -moz-transition-duration: .64s;
    transition-duration: .64s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(3)>:nth-child(1) {
    -webkit-transition-delay: 1.4s;
    -moz-transition-delay: 1.4s;
    transition-delay: 1.4s;
    -webkit-transition-duration: .76s;
    -moz-transition-duration: .76s;
    transition-duration: .76s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(3)>:nth-child(2) {
    -webkit-transition-delay: 1.6s;
    -moz-transition-delay: 1.6s;
    transition-delay: 1.6s;
    -webkit-transition-duration: .76s;
    -moz-transition-duration: .76s;
    transition-duration: .76s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(3)>:nth-child(3) {
    -webkit-transition-delay: 1.8s;
    -moz-transition-delay: 1.8s;
    transition-delay: 1.8s;
    -webkit-transition-duration: .76s;
    -moz-transition-duration: .76s;
    transition-duration: .76s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(3)>:nth-child(4) {
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    transition-delay: 2s;
    -webkit-transition-duration: .76s;
    -moz-transition-duration: .76s;
    transition-duration: .76s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(3)>:nth-child(5) {
    -webkit-transition-delay: 2.2s;
    -moz-transition-delay: 2.2s;
    transition-delay: 2.2s;
    -webkit-transition-duration: .76s;
    -moz-transition-duration: .76s;
    transition-duration: .76s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(3)>:nth-child(6) {
    -webkit-transition-delay: 2.4s;
    -moz-transition-delay: 2.4s;
    transition-delay: 2.4s;
    -webkit-transition-duration: .76s;
    -moz-transition-duration: .76s;
    transition-duration: .76s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(3)>:nth-child(7) {
    -webkit-transition-delay: 2.6s;
    -moz-transition-delay: 2.6s;
    transition-delay: 2.6s;
    -webkit-transition-duration: .76s;
    -moz-transition-duration: .76s;
    transition-duration: .76s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(3)>:nth-child(8) {
    -webkit-transition-delay: 2.8s;
    -moz-transition-delay: 2.8s;
    transition-delay: 2.8s;
    -webkit-transition-duration: .76s;
    -moz-transition-duration: .76s;
    transition-duration: .76s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(3)>:nth-child(9) {
    -webkit-transition-delay: 3s;
    -moz-transition-delay: 3s;
    transition-delay: 3s;
    -webkit-transition-duration: .76s;
    -moz-transition-duration: .76s;
    transition-duration: .76s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(3)>:nth-child(10) {
    -webkit-transition-delay: 3.2s;
    -moz-transition-delay: 3.2s;
    transition-delay: 3.2s;
    -webkit-transition-duration: .76s;
    -moz-transition-duration: .76s;
    transition-duration: .76s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(4)>:nth-child(1) {
    -webkit-transition-delay: 1.8s;
    -moz-transition-delay: 1.8s;
    transition-delay: 1.8s;
    -webkit-transition-duration: .88s;
    -moz-transition-duration: .88s;
    transition-duration: .88s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(4)>:nth-child(2) {
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    transition-delay: 2s;
    -webkit-transition-duration: .88s;
    -moz-transition-duration: .88s;
    transition-duration: .88s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(4)>:nth-child(3) {
    -webkit-transition-delay: 2.2s;
    -moz-transition-delay: 2.2s;
    transition-delay: 2.2s;
    -webkit-transition-duration: .88s;
    -moz-transition-duration: .88s;
    transition-duration: .88s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(4)>:nth-child(4) {
    -webkit-transition-delay: 2.4s;
    -moz-transition-delay: 2.4s;
    transition-delay: 2.4s;
    -webkit-transition-duration: .88s;
    -moz-transition-duration: .88s;
    transition-duration: .88s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(4)>:nth-child(5) {
    -webkit-transition-delay: 2.6s;
    -moz-transition-delay: 2.6s;
    transition-delay: 2.6s;
    -webkit-transition-duration: .88s;
    -moz-transition-duration: .88s;
    transition-duration: .88s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(4)>:nth-child(6) {
    -webkit-transition-delay: 2.8s;
    -moz-transition-delay: 2.8s;
    transition-delay: 2.8s;
    -webkit-transition-duration: .88s;
    -moz-transition-duration: .88s;
    transition-duration: .88s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(4)>:nth-child(7) {
    -webkit-transition-delay: 3s;
    -moz-transition-delay: 3s;
    transition-delay: 3s;
    -webkit-transition-duration: .88s;
    -moz-transition-duration: .88s;
    transition-duration: .88s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(4)>:nth-child(8) {
    -webkit-transition-delay: 3.2s;
    -moz-transition-delay: 3.2s;
    transition-delay: 3.2s;
    -webkit-transition-duration: .88s;
    -moz-transition-duration: .88s;
    transition-duration: .88s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(4)>:nth-child(9) {
    -webkit-transition-delay: 3.4s;
    -moz-transition-delay: 3.4s;
    transition-delay: 3.4s;
    -webkit-transition-duration: .88s;
    -moz-transition-duration: .88s;
    transition-duration: .88s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(4)>:nth-child(10) {
    -webkit-transition-delay: 3.6s;
    -moz-transition-delay: 3.6s;
    transition-delay: 3.6s;
    -webkit-transition-duration: .88s;
    -moz-transition-duration: .88s;
    transition-duration: .88s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(5)>:nth-child(1) {
    -webkit-transition-delay: 2.2s;
    -moz-transition-delay: 2.2s;
    transition-delay: 2.2s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(5)>:nth-child(2) {
    -webkit-transition-delay: 2.4s;
    -moz-transition-delay: 2.4s;
    transition-delay: 2.4s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(5)>:nth-child(3) {
    -webkit-transition-delay: 2.6s;
    -moz-transition-delay: 2.6s;
    transition-delay: 2.6s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(5)>:nth-child(4) {
    -webkit-transition-delay: 2.8s;
    -moz-transition-delay: 2.8s;
    transition-delay: 2.8s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(5)>:nth-child(5) {
    -webkit-transition-delay: 3s;
    -moz-transition-delay: 3s;
    transition-delay: 3s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(5)>:nth-child(6) {
    -webkit-transition-delay: 3.2s;
    -moz-transition-delay: 3.2s;
    transition-delay: 3.2s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(5)>:nth-child(7) {
    -webkit-transition-delay: 3.4s;
    -moz-transition-delay: 3.4s;
    transition-delay: 3.4s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(5)>:nth-child(8) {
    -webkit-transition-delay: 3.6s;
    -moz-transition-delay: 3.6s;
    transition-delay: 3.6s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(5)>:nth-child(9) {
    -webkit-transition-delay: 3.8s;
    -moz-transition-delay: 3.8s;
    transition-delay: 3.8s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(5)>:nth-child(10) {
    -webkit-transition-delay: 4s;
    -moz-transition-delay: 4s;
    transition-delay: 4s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(6)>:nth-child(1) {
    -webkit-transition-delay: 2.6s;
    -moz-transition-delay: 2.6s;
    transition-delay: 2.6s;
    -webkit-transition-duration: 1.12s;
    -moz-transition-duration: 1.12s;
    transition-duration: 1.12s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(6)>:nth-child(2) {
    -webkit-transition-delay: 2.8s;
    -moz-transition-delay: 2.8s;
    transition-delay: 2.8s;
    -webkit-transition-duration: 1.12s;
    -moz-transition-duration: 1.12s;
    transition-duration: 1.12s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(6)>:nth-child(3) {
    -webkit-transition-delay: 3s;
    -moz-transition-delay: 3s;
    transition-delay: 3s;
    -webkit-transition-duration: 1.12s;
    -moz-transition-duration: 1.12s;
    transition-duration: 1.12s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(6)>:nth-child(4) {
    -webkit-transition-delay: 3.2s;
    -moz-transition-delay: 3.2s;
    transition-delay: 3.2s;
    -webkit-transition-duration: 1.12s;
    -moz-transition-duration: 1.12s;
    transition-duration: 1.12s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(6)>:nth-child(5) {
    -webkit-transition-delay: 3.4s;
    -moz-transition-delay: 3.4s;
    transition-delay: 3.4s;
    -webkit-transition-duration: 1.12s;
    -moz-transition-duration: 1.12s;
    transition-duration: 1.12s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(6)>:nth-child(6) {
    -webkit-transition-delay: 3.6s;
    -moz-transition-delay: 3.6s;
    transition-delay: 3.6s;
    -webkit-transition-duration: 1.12s;
    -moz-transition-duration: 1.12s;
    transition-duration: 1.12s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(6)>:nth-child(7) {
    -webkit-transition-delay: 3.8s;
    -moz-transition-delay: 3.8s;
    transition-delay: 3.8s;
    -webkit-transition-duration: 1.12s;
    -moz-transition-duration: 1.12s;
    transition-duration: 1.12s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(6)>:nth-child(8) {
    -webkit-transition-delay: 4s;
    -moz-transition-delay: 4s;
    transition-delay: 4s;
    -webkit-transition-duration: 1.12s;
    -moz-transition-duration: 1.12s;
    transition-duration: 1.12s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(6)>:nth-child(9) {
    -webkit-transition-delay: 4.2s;
    -moz-transition-delay: 4.2s;
    transition-delay: 4.2s;
    -webkit-transition-duration: 1.12s;
    -moz-transition-duration: 1.12s;
    transition-duration: 1.12s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(6)>:nth-child(10) {
    -webkit-transition-delay: 4.4s;
    -moz-transition-delay: 4.4s;
    transition-delay: 4.4s;
    -webkit-transition-duration: 1.12s;
    -moz-transition-duration: 1.12s;
    transition-duration: 1.12s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(7)>:nth-child(1) {
    -webkit-transition-delay: 3s;
    -moz-transition-delay: 3s;
    transition-delay: 3s;
    -webkit-transition-duration: 1.24s;
    -moz-transition-duration: 1.24s;
    transition-duration: 1.24s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(7)>:nth-child(2) {
    -webkit-transition-delay: 3.2s;
    -moz-transition-delay: 3.2s;
    transition-delay: 3.2s;
    -webkit-transition-duration: 1.24s;
    -moz-transition-duration: 1.24s;
    transition-duration: 1.24s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(7)>:nth-child(3) {
    -webkit-transition-delay: 3.4s;
    -moz-transition-delay: 3.4s;
    transition-delay: 3.4s;
    -webkit-transition-duration: 1.24s;
    -moz-transition-duration: 1.24s;
    transition-duration: 1.24s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(7)>:nth-child(4) {
    -webkit-transition-delay: 3.6s;
    -moz-transition-delay: 3.6s;
    transition-delay: 3.6s;
    -webkit-transition-duration: 1.24s;
    -moz-transition-duration: 1.24s;
    transition-duration: 1.24s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(7)>:nth-child(5) {
    -webkit-transition-delay: 3.8s;
    -moz-transition-delay: 3.8s;
    transition-delay: 3.8s;
    -webkit-transition-duration: 1.24s;
    -moz-transition-duration: 1.24s;
    transition-duration: 1.24s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(7)>:nth-child(6) {
    -webkit-transition-delay: 4s;
    -moz-transition-delay: 4s;
    transition-delay: 4s;
    -webkit-transition-duration: 1.24s;
    -moz-transition-duration: 1.24s;
    transition-duration: 1.24s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(7)>:nth-child(7) {
    -webkit-transition-delay: 4.2s;
    -moz-transition-delay: 4.2s;
    transition-delay: 4.2s;
    -webkit-transition-duration: 1.24s;
    -moz-transition-duration: 1.24s;
    transition-duration: 1.24s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(7)>:nth-child(8) {
    -webkit-transition-delay: 4.4s;
    -moz-transition-delay: 4.4s;
    transition-delay: 4.4s;
    -webkit-transition-duration: 1.24s;
    -moz-transition-duration: 1.24s;
    transition-duration: 1.24s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(7)>:nth-child(9) {
    -webkit-transition-delay: 4.6s;
    -moz-transition-delay: 4.6s;
    transition-delay: 4.6s;
    -webkit-transition-duration: 1.24s;
    -moz-transition-duration: 1.24s;
    transition-duration: 1.24s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(7)>:nth-child(10) {
    -webkit-transition-delay: 4.8s;
    -moz-transition-delay: 4.8s;
    transition-delay: 4.8s;
    -webkit-transition-duration: 1.24s;
    -moz-transition-duration: 1.24s;
    transition-duration: 1.24s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(8)>:nth-child(1) {
    -webkit-transition-delay: 3.4s;
    -moz-transition-delay: 3.4s;
    transition-delay: 3.4s;
    -webkit-transition-duration: 1.36s;
    -moz-transition-duration: 1.36s;
    transition-duration: 1.36s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(8)>:nth-child(2) {
    -webkit-transition-delay: 3.6s;
    -moz-transition-delay: 3.6s;
    transition-delay: 3.6s;
    -webkit-transition-duration: 1.36s;
    -moz-transition-duration: 1.36s;
    transition-duration: 1.36s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(8)>:nth-child(3) {
    -webkit-transition-delay: 3.8s;
    -moz-transition-delay: 3.8s;
    transition-delay: 3.8s;
    -webkit-transition-duration: 1.36s;
    -moz-transition-duration: 1.36s;
    transition-duration: 1.36s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(8)>:nth-child(4) {
    -webkit-transition-delay: 4s;
    -moz-transition-delay: 4s;
    transition-delay: 4s;
    -webkit-transition-duration: 1.36s;
    -moz-transition-duration: 1.36s;
    transition-duration: 1.36s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(8)>:nth-child(5) {
    -webkit-transition-delay: 4.2s;
    -moz-transition-delay: 4.2s;
    transition-delay: 4.2s;
    -webkit-transition-duration: 1.36s;
    -moz-transition-duration: 1.36s;
    transition-duration: 1.36s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(8)>:nth-child(6) {
    -webkit-transition-delay: 4.4s;
    -moz-transition-delay: 4.4s;
    transition-delay: 4.4s;
    -webkit-transition-duration: 1.36s;
    -moz-transition-duration: 1.36s;
    transition-duration: 1.36s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(8)>:nth-child(7) {
    -webkit-transition-delay: 4.6s;
    -moz-transition-delay: 4.6s;
    transition-delay: 4.6s;
    -webkit-transition-duration: 1.36s;
    -moz-transition-duration: 1.36s;
    transition-duration: 1.36s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(8)>:nth-child(8) {
    -webkit-transition-delay: 4.8s;
    -moz-transition-delay: 4.8s;
    transition-delay: 4.8s;
    -webkit-transition-duration: 1.36s;
    -moz-transition-duration: 1.36s;
    transition-duration: 1.36s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(8)>:nth-child(9) {
    -webkit-transition-delay: 5s;
    -moz-transition-delay: 5s;
    transition-delay: 5s;
    -webkit-transition-duration: 1.36s;
    -moz-transition-duration: 1.36s;
    transition-duration: 1.36s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(8)>:nth-child(10) {
    -webkit-transition-delay: 5.2s;
    -moz-transition-delay: 5.2s;
    transition-delay: 5.2s;
    -webkit-transition-duration: 1.36s;
    -moz-transition-duration: 1.36s;
    transition-duration: 1.36s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(9)>:nth-child(1) {
    -webkit-transition-delay: 3.8s;
    -moz-transition-delay: 3.8s;
    transition-delay: 3.8s;
    -webkit-transition-duration: 1.48s;
    -moz-transition-duration: 1.48s;
    transition-duration: 1.48s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(9)>:nth-child(2) {
    -webkit-transition-delay: 4s;
    -moz-transition-delay: 4s;
    transition-delay: 4s;
    -webkit-transition-duration: 1.48s;
    -moz-transition-duration: 1.48s;
    transition-duration: 1.48s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(9)>:nth-child(3) {
    -webkit-transition-delay: 4.2s;
    -moz-transition-delay: 4.2s;
    transition-delay: 4.2s;
    -webkit-transition-duration: 1.48s;
    -moz-transition-duration: 1.48s;
    transition-duration: 1.48s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(9)>:nth-child(4) {
    -webkit-transition-delay: 4.4s;
    -moz-transition-delay: 4.4s;
    transition-delay: 4.4s;
    -webkit-transition-duration: 1.48s;
    -moz-transition-duration: 1.48s;
    transition-duration: 1.48s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(9)>:nth-child(5) {
    -webkit-transition-delay: 4.6s;
    -moz-transition-delay: 4.6s;
    transition-delay: 4.6s;
    -webkit-transition-duration: 1.48s;
    -moz-transition-duration: 1.48s;
    transition-duration: 1.48s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(9)>:nth-child(6) {
    -webkit-transition-delay: 4.8s;
    -moz-transition-delay: 4.8s;
    transition-delay: 4.8s;
    -webkit-transition-duration: 1.48s;
    -moz-transition-duration: 1.48s;
    transition-duration: 1.48s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(9)>:nth-child(7) {
    -webkit-transition-delay: 5s;
    -moz-transition-delay: 5s;
    transition-delay: 5s;
    -webkit-transition-duration: 1.48s;
    -moz-transition-duration: 1.48s;
    transition-duration: 1.48s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(9)>:nth-child(8) {
    -webkit-transition-delay: 5.2s;
    -moz-transition-delay: 5.2s;
    transition-delay: 5.2s;
    -webkit-transition-duration: 1.48s;
    -moz-transition-duration: 1.48s;
    transition-duration: 1.48s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(9)>:nth-child(9) {
    -webkit-transition-delay: 5.4s;
    -moz-transition-delay: 5.4s;
    transition-delay: 5.4s;
    -webkit-transition-duration: 1.48s;
    -moz-transition-duration: 1.48s;
    transition-duration: 1.48s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(9)>:nth-child(10) {
    -webkit-transition-delay: 5.6s;
    -moz-transition-delay: 5.6s;
    transition-delay: 5.6s;
    -webkit-transition-duration: 1.48s;
    -moz-transition-duration: 1.48s;
    transition-duration: 1.48s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(10)>:nth-child(1) {
    -webkit-transition-delay: 4.2s;
    -moz-transition-delay: 4.2s;
    transition-delay: 4.2s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(10)>:nth-child(2) {
    -webkit-transition-delay: 4.4s;
    -moz-transition-delay: 4.4s;
    transition-delay: 4.4s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(10)>:nth-child(3) {
    -webkit-transition-delay: 4.6s;
    -moz-transition-delay: 4.6s;
    transition-delay: 4.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(10)>:nth-child(4) {
    -webkit-transition-delay: 4.8s;
    -moz-transition-delay: 4.8s;
    transition-delay: 4.8s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(10)>:nth-child(5) {
    -webkit-transition-delay: 5s;
    -moz-transition-delay: 5s;
    transition-delay: 5s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(10)>:nth-child(6) {
    -webkit-transition-delay: 5.2s;
    -moz-transition-delay: 5.2s;
    transition-delay: 5.2s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(10)>:nth-child(7) {
    -webkit-transition-delay: 5.4s;
    -moz-transition-delay: 5.4s;
    transition-delay: 5.4s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(10)>:nth-child(8) {
    -webkit-transition-delay: 5.6s;
    -moz-transition-delay: 5.6s;
    transition-delay: 5.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(10)>:nth-child(9) {
    -webkit-transition-delay: 5.8s;
    -moz-transition-delay: 5.8s;
    transition-delay: 5.8s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s
}

section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(10)>:nth-child(10) {
    -webkit-transition-delay: 6s;
    -moz-transition-delay: 6s;
    transition-delay: 6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(1) {
    -webkit-transition: opacity .35s cubic-bezier(.62, .02, .34, 1) .35s;
    -moz-transition: opacity .35s cubic-bezier(.62, .02, .34, 1) .35s;
    transition: opacity .35s cubic-bezier(.62, .02, .34, 1) .35s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(2) {
    -webkit-transition: opacity .4s cubic-bezier(.62, .02, .34, 1) .4s;
    -moz-transition: opacity .4s cubic-bezier(.62, .02, .34, 1) .4s;
    transition: opacity .4s cubic-bezier(.62, .02, .34, 1) .4s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(3) {
    -webkit-transition: opacity .45s cubic-bezier(.62, .02, .34, 1) .45s;
    -moz-transition: opacity .45s cubic-bezier(.62, .02, .34, 1) .45s;
    transition: opacity .45s cubic-bezier(.62, .02, .34, 1) .45s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(4) {
    -webkit-transition: opacity .5s cubic-bezier(.62, .02, .34, 1) .5s;
    -moz-transition: opacity .5s cubic-bezier(.62, .02, .34, 1) .5s;
    transition: opacity .5s cubic-bezier(.62, .02, .34, 1) .5s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(5) {
    -webkit-transition: opacity .55s cubic-bezier(.62, .02, .34, 1) .55s;
    -moz-transition: opacity .55s cubic-bezier(.62, .02, .34, 1) .55s;
    transition: opacity .55s cubic-bezier(.62, .02, .34, 1) .55s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(6) {
    -webkit-transition: opacity .6s cubic-bezier(.62, .02, .34, 1) .6s;
    -moz-transition: opacity .6s cubic-bezier(.62, .02, .34, 1) .6s;
    transition: opacity .6s cubic-bezier(.62, .02, .34, 1) .6s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(7) {
    -webkit-transition: opacity .65s cubic-bezier(.62, .02, .34, 1) .65s;
    -moz-transition: opacity .65s cubic-bezier(.62, .02, .34, 1) .65s;
    transition: opacity .65s cubic-bezier(.62, .02, .34, 1) .65s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(8) {
    -webkit-transition: opacity .7s cubic-bezier(.62, .02, .34, 1) .7s;
    -moz-transition: opacity .7s cubic-bezier(.62, .02, .34, 1) .7s;
    transition: opacity .7s cubic-bezier(.62, .02, .34, 1) .7s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(9) {
    -webkit-transition: opacity .75s cubic-bezier(.62, .02, .34, 1) .75s;
    -moz-transition: opacity .75s cubic-bezier(.62, .02, .34, 1) .75s;
    transition: opacity .75s cubic-bezier(.62, .02, .34, 1) .75s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(10) {
    -webkit-transition: opacity .8s cubic-bezier(.62, .02, .34, 1) .8s;
    -moz-transition: opacity .8s cubic-bezier(.62, .02, .34, 1) .8s;
    transition: opacity .8s cubic-bezier(.62, .02, .34, 1) .8s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(11) {
    -webkit-transition: opacity .85s cubic-bezier(.62, .02, .34, 1) .85s;
    -moz-transition: opacity .85s cubic-bezier(.62, .02, .34, 1) .85s;
    transition: opacity .85s cubic-bezier(.62, .02, .34, 1) .85s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(12) {
    -webkit-transition: opacity .9s cubic-bezier(.62, .02, .34, 1) .9s;
    -moz-transition: opacity .9s cubic-bezier(.62, .02, .34, 1) .9s;
    transition: opacity .9s cubic-bezier(.62, .02, .34, 1) .9s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(13) {
    -webkit-transition: opacity .95s cubic-bezier(.62, .02, .34, 1) .95s;
    -moz-transition: opacity .95s cubic-bezier(.62, .02, .34, 1) .95s;
    transition: opacity .95s cubic-bezier(.62, .02, .34, 1) .95s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(14) {
    -webkit-transition: opacity 1s cubic-bezier(.62, .02, .34, 1) 1s;
    -moz-transition: opacity 1s cubic-bezier(.62, .02, .34, 1) 1s;
    transition: opacity 1s cubic-bezier(.62, .02, .34, 1) 1s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(15) {
    -webkit-transition: opacity 1.05s cubic-bezier(.62, .02, .34, 1) 1.05s;
    -moz-transition: opacity 1.05s cubic-bezier(.62, .02, .34, 1) 1.05s;
    transition: opacity 1.05s cubic-bezier(.62, .02, .34, 1) 1.05s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(16) {
    -webkit-transition: opacity 1.1s cubic-bezier(.62, .02, .34, 1) 1.1s;
    -moz-transition: opacity 1.1s cubic-bezier(.62, .02, .34, 1) 1.1s;
    transition: opacity 1.1s cubic-bezier(.62, .02, .34, 1) 1.1s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(17) {
    -webkit-transition: opacity 1.15s cubic-bezier(.62, .02, .34, 1) 1.15s;
    -moz-transition: opacity 1.15s cubic-bezier(.62, .02, .34, 1) 1.15s;
    transition: opacity 1.15s cubic-bezier(.62, .02, .34, 1) 1.15s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(18) {
    -webkit-transition: opacity 1.2s cubic-bezier(.62, .02, .34, 1) 1.2s;
    -moz-transition: opacity 1.2s cubic-bezier(.62, .02, .34, 1) 1.2s;
    transition: opacity 1.2s cubic-bezier(.62, .02, .34, 1) 1.2s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(19) {
    -webkit-transition: opacity 1.25s cubic-bezier(.62, .02, .34, 1) 1.25s;
    -moz-transition: opacity 1.25s cubic-bezier(.62, .02, .34, 1) 1.25s;
    transition: opacity 1.25s cubic-bezier(.62, .02, .34, 1) 1.25s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(20) {
    -webkit-transition: opacity 1.3s cubic-bezier(.62, .02, .34, 1) 1.3s;
    -moz-transition: opacity 1.3s cubic-bezier(.62, .02, .34, 1) 1.3s;
    transition: opacity 1.3s cubic-bezier(.62, .02, .34, 1) 1.3s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(21) {
    -webkit-transition: opacity 1.35s cubic-bezier(.62, .02, .34, 1) 1.35s;
    -moz-transition: opacity 1.35s cubic-bezier(.62, .02, .34, 1) 1.35s;
    transition: opacity 1.35s cubic-bezier(.62, .02, .34, 1) 1.35s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(22) {
    -webkit-transition: opacity 1.4s cubic-bezier(.62, .02, .34, 1) 1.4s;
    -moz-transition: opacity 1.4s cubic-bezier(.62, .02, .34, 1) 1.4s;
    transition: opacity 1.4s cubic-bezier(.62, .02, .34, 1) 1.4s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(23) {
    -webkit-transition: opacity 1.45s cubic-bezier(.62, .02, .34, 1) 1.45s;
    -moz-transition: opacity 1.45s cubic-bezier(.62, .02, .34, 1) 1.45s;
    transition: opacity 1.45s cubic-bezier(.62, .02, .34, 1) 1.45s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(24) {
    -webkit-transition: opacity 1.5s cubic-bezier(.62, .02, .34, 1) 1.5s;
    -moz-transition: opacity 1.5s cubic-bezier(.62, .02, .34, 1) 1.5s;
    transition: opacity 1.5s cubic-bezier(.62, .02, .34, 1) 1.5s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(25) {
    -webkit-transition: opacity 1.55s cubic-bezier(.62, .02, .34, 1) 1.55s;
    -moz-transition: opacity 1.55s cubic-bezier(.62, .02, .34, 1) 1.55s;
    transition: opacity 1.55s cubic-bezier(.62, .02, .34, 1) 1.55s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(26) {
    -webkit-transition: opacity 1.6s cubic-bezier(.62, .02, .34, 1) 1.6s;
    -moz-transition: opacity 1.6s cubic-bezier(.62, .02, .34, 1) 1.6s;
    transition: opacity 1.6s cubic-bezier(.62, .02, .34, 1) 1.6s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(27) {
    -webkit-transition: opacity 1.65s cubic-bezier(.62, .02, .34, 1) 1.65s;
    -moz-transition: opacity 1.65s cubic-bezier(.62, .02, .34, 1) 1.65s;
    transition: opacity 1.65s cubic-bezier(.62, .02, .34, 1) 1.65s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(28) {
    -webkit-transition: opacity 1.7s cubic-bezier(.62, .02, .34, 1) 1.7s;
    -moz-transition: opacity 1.7s cubic-bezier(.62, .02, .34, 1) 1.7s;
    transition: opacity 1.7s cubic-bezier(.62, .02, .34, 1) 1.7s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(29) {
    -webkit-transition: opacity 1.75s cubic-bezier(.62, .02, .34, 1) 1.75s;
    -moz-transition: opacity 1.75s cubic-bezier(.62, .02, .34, 1) 1.75s;
    transition: opacity 1.75s cubic-bezier(.62, .02, .34, 1) 1.75s
}

section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(30) {
    -webkit-transition: opacity 1.8s cubic-bezier(.62, .02, .34, 1) 1.8s;
    -moz-transition: opacity 1.8s cubic-bezier(.62, .02, .34, 1) 1.8s;
    transition: opacity 1.8s cubic-bezier(.62, .02, .34, 1) 1.8s
}

section[data-active=on]:not(.scroll-content-shown) h3::after {
    -webkit-transition-delay: .51s;
    -moz-transition-delay: .51s;
    transition-delay: .51s
}

.columns {
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.columns p {
    margin-bottom: .6em
}

.columns li {
    width: 100%
}

.logo-matrix {
    overflow: hidden;
    margin-top: 40px
}

.logo-matrix li {
    width: 9.9vw;
    height: 4.95vw;
    float: left;
    margin-bottom: .5em;
    -webkit-backface-visibility: hidden;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center
}

@media screen and (max-width:900px) {
    .logo-matrix li {
        width: 33%;
        height: 25vw
    }
}

footer {
    width: 100%;
    position: relative;
    height: 51px;
    color: #212121;
    overflow: hidden
}

footer::before {
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f1f5f5;
    transform-origin: 50% 0;
    -webkit-transition: -webkit-transform .62s cubic-bezier(.7, .3, 0, 1);
    -moz-transition: -moz-transform .62s cubic-bezier(.7, .3, 0, 1);
    transition: transform .62s cubic-bezier(.7, .3, 0, 1)
}

.ledge,
footer::after {
    left: 50%;
    position: absolute
}

footer::after {
    content: '';
    width: 175px;
    height: 51px;
    bottom: 0;
    margin-left: -90px;
}

footer .toyfight-logo-flat {
    margin-top: -200px;
    -webkit-transition: .65s cubic-bezier(.52, .01, .16, 1) .2s;
    -moz-transition: .65s cubic-bezier(.52, .01, .16, 1) .2s;
    transition: .65s cubic-bezier(.52, .01, .16, 1) .2s
}

footer .footer-footer {
    width: 98%;
    background-color: #fff;
    padding: 30px 1% 12px;
}

footer .footer-footer cite {
    display: block;
    
}



footer ul li:nth-child(1) {
    float: left
}

footer ul li:nth-child(2) {
    float: right;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end
}

footer ul li:nth-child(2) a {
    margin: 0 .3vw
}

footer.condensed {
    height: 51px
}

@media only screen and (max-width:800px) {
    footer.condensed {
        height: auto
    }
}

footer.condensed[data-active=off] .footer-footer,
footer.condensed[data-active=on] .footer-footer {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ledge {
    top: 50%;
    width: 0;
    height: 0;
    -webkit-transition: .55s cubic-bezier(.62, .02, .34, 1);
    -moz-transition: .55s cubic-bezier(.62, .02, .34, 1);
    transition: .55s cubic-bezier(.62, .02, .34, 1)
}

.ledge::before,
.ledge>div {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: -webkit-transform .9s cubic-bezier(.52, .01, .16, 1), background .26s linear;
    -moz-transition: -moz-transform .9s cubic-bezier(.52, .01, .16, 1), background .26s linear;
    transition: transform .9s cubic-bezier(.52, .01, .16, 1), background .26s linear;
    width: 300vw;
    height: 300vw;
    margin-left: -142vw
}

.ledge-27-deg::before {
    -webkit-transform: rotate(27deg);
    -moz-transform: rotate(27deg);
    -ms-transform: rotate(27deg);
    -o-transform: rotate(27deg);
    transform: rotate(27deg)
}

.ledge-minus-16-deg::before {
    -webkit-transform: rotate(-16deg);
    -moz-transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    -o-transform: rotate(-16deg);
    transform: rotate(-16deg)
}

.awards ul {
    max-width: 940px;
    margin-top: 10vw;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

.awards li {
    width: auto;
    text-align: left;
    z-index: 1
}

.awards li h4 {
    width: 100%;
    font-size: 19px;
    margin-bottom: 1.2em
}

@media screen and (max-width:1260px) {
    .awards li h4 {
        width: 90%;
        font-size: 16px
    }
}

.awards .gigantic-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    color: #07933d;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-top: -3%
}

.project-thumb-hover-inner,
.work-project-content {
    -webkit-box-pack: center;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical
}

.awards .gigantic-text span.award-count {
    line-height: 1em;
    position: relative
}

.awards .gigantic-text #award-counter,
.awards .gigantic-text .asterik {
    -webkit-transform: translateX(-2vw);
    -moz-transform: translateX(-2vw);
    -ms-transform: translateX(-2vw);
    -o-transform: translateX(-2vw);
    transform: translateX(-2vw);
    display: inline-block
}

.awards .gigantic-text span.asterik {
    -webkit-transform: scale(.25);
    -moz-transform: scale(.25);
    -ms-transform: scale(.25);
    -o-transform: scale(.25);
    transform: scale(.25);
    -webkit-transform-origin: 0 16%;
    -moz-transform-origin: 0 16%;
    -ms-transform-origin: 0 16%;
    -o-transform-origin: 0 16%;
    transform-origin: 0 16%;
    position: absolute
}

.awards .gigantic-text span.asterik,
.awards .gigantic-text span.disclaimer {
    opacity: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.awards .gigantic-text span.award-count::before {
    content: '*Subject to change';
    position: absolute;
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 0;
    bottom: -30px;
    left: 0;
    width: 100%;
    text-align: center
}

.awards .gigantic-text.counted span.asterik,
.awards .gigantic-text.counted span.award-count::before {
    opacity: 1
}

.exploded-figures-section[data-active=off] .exploded-figures>div,
.work-scroll-ledge,
section.profile-section[data-active=off] .profile-figure div {
    opacity: 0
}

@media screen and (max-width:960px) {
    .awards ul {
        display: block
    }
    .awards ul li {
        text-align: center
    }
    .awards ul li h4 {
        width: 100%
    }
    .awards .gigantic-text {
        display: none
    }
}

.project-thumb,
.project-thumb .thumb-p-1,
.project-thumb .thumb-p-2 {
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat
}

.project-thumb {
    width: 45vw;
    height: 29.997vw
}

@media screen and (min-width:1500px) {
    .project-thumb {
        width: 660px;
        height: 440px
    }
}

.project-thumb div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.project-thumb.adidas-thumb .thumb-p-1 {
    background-image: url(../img/perch-content/project-thumbs/adidas-thumb-p-1.html)
}

.project-thumb.adidas-thumb .thumb-p-2 {
    background-image: url(../img/perch-content/project-thumbs/adidas-thumb-p-2.html)
}

.project-thumb.lexus-thumb .thumb-p-1 {
    background-image: url(../img/perch-content/project-thumbs/lexus-thumb-p-1.html)
}

.project-thumb.lexus-thumb .thumb-p-2 {
    background-image: url(../img/perch-content/project-thumbs/lexus-thumb-p-2.html)
}

.project-thumb.v76-thumb .thumb-p-1 {
    background-image: url(../img/perch-content/project-thumbs/v76-thumb-p-1.html)
}

.project-thumb.v76-thumb .thumb-p-2 {
    background-image: url(../img/perch-content/project-thumbs/v76-thumb-p-2.html)
}

.project-thumb-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 25vw;
    height: 25vw;
    margin: -12.5vw 0 0 -12.5vw
}

.project-thumb-hover cite,
.project-thumb-hover h2 {
    color: rgba(255, 255, 255, 0);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
    -webkit-transition: .45s cubic-bezier(.62, .02, .34, 1);
    -moz-transition: .45s cubic-bezier(.62, .02, .34, 1);
    transition: .45s cubic-bezier(.62, .02, .34, 1)
}

.project-thumb-hover h2 {
    font-family: 'Roboto', sans-serif;
    width: 68%;
    margin-left: 13%;
    font-size: 1.7vw;
    text-align: left;
    margin-bottom: .5em
}

.project-thumb-hover cite {
    font-family: 'Roboto', sans-serif;;
    text-transform: uppercase;
    font-size: 10px;
    left: 13%;
    bottom: 13%
}

.project-thumb-hover .arrow-head,
.project-thumb-hover cite {
    position: absolute
}

.project-thumb-hover .arrow-head {
    right: 14%;
    bottom: 11.5%;
    margin: 0 -4px -4px 0
}

.project-thumb-hover .arrow-head span {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-thumb-hover:hover .project-thumb-hover-inner::before {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1)
}

.project-thumb-hover:hover .project-thumb-hover-inner cite,
.project-thumb-hover:hover .project-thumb-hover-inner h2 {
    color: #fff;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.project-thumb-hover:hover .project-thumb-hover-inner h2 {
    -webkit-transition-delay: .26s;
    -moz-transition-delay: .26s;
    transition-delay: .26s
}

.project-thumb-hover:hover .project-thumb-hover-inner cite {
    -webkit-transition-delay: .44s;
    -moz-transition-delay: .44s;
    transition-delay: .44s
}

.project-thumb-hover:hover .project-thumb-hover-inner .arrow-head span {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: .53s;
    -moz-transition-delay: .53s;
    transition-delay: .53s
}

.project-thumb-hover-inner {
    position: absolute;
    width: 60%;
    height: 60%;
    left: 20%;
    top: 20%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column
}

.project-thumb-hover-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #212121;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: .65s cubic-bezier(.7, .3, 0, 1);
    -moz-transition: .65s cubic-bezier(.7, .3, 0, 1);
    transition: .65s cubic-bezier(.7, .3, 0, 1)
}

@media screen and (max-width:800px) {
    .intro-content .project-thumbs {
        margin-top: -60px;
        margin-bottom: 50px
    }
    .intro-content .home-thumb {
        display: none
    }
}

.intro-content .project-thumb {
    width: 40vw;
    height: 26.664vw;
    margin: -13.332vw 0 0 -20vw;
    position: absolute;
    -webkit-transition: .67s cubic-bezier(.52, .01, .16, 1);
    -moz-transition: .67s cubic-bezier(.52, .01, .16, 1);
    transition: .67s cubic-bezier(.52, .01, .16, 1)
}

.intro-content section[data-active=off] .ledge::before {
    background-color: transparent;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.intro-content section[data-active=off] .project-thumb {
    opacity: 0;
    -webkit-transform: translate3d(-60px, -30.5px, 0);
    -moz-transform: translate3d(-60px, -30.5px, 0);
    -ms-transform: translate3d(-60px, -30.5px, 0);
    -o-transform: translate3d(-60px, -30.5px, 0);
    transform: translate3d(-60px, -30.5px, 0)
}

.intro-content section[data-active=on] .project-thumbs>:nth-child(1) {
    -webkit-transition-delay: .62s;
    -moz-transition-delay: .62s;
    transition-delay: .62s
}

.intro-content section[data-active=on] .project-thumbs>:nth-child(2) {
    -webkit-transition-delay: .84s;
    -moz-transition-delay: .84s;
    transition-delay: .84s
}

.intro-content section[data-active=on] .project-thumbs>:nth-child(3) {
    -webkit-transition-delay: 1.06s;
    -moz-transition-delay: 1.06s;
    transition-delay: 1.06s
}

.intro-content section[data-active=on] .project-thumbs>:nth-child(4) {
    -webkit-transition-delay: 1.28s;
    -moz-transition-delay: 1.28s;
    transition-delay: 1.28s
}

.intro-content .home-thumb:nth-child(1) {
    top: -8.55vw;
    left: -27.6vw
}

@media screen and (min-width:1400px) {
    .intro-content .project-thumb {
        width: 30vw;
        height: 19.93vw;
        margin: -9.965vw 0 0 -15vw
    }
    .intro-content .home-thumb:nth-child(1) {
        top: -9.85vw
    }
}

.intro-content .home-thumb:nth-child(2) {
    top: 2.15vw;
    left: 28vw
}

@media screen and (min-width:1400px) {
    .intro-content .home-thumb:nth-child(2) {
        top: 5.25vw
    }
}

.intro-content .mobile-thumb {
    display: none;
    top: auto;
    left: auto
}

.exploded-figures-section {
    margin-bottom: 15vw;
    margin-top: 25vw
}

@media only screen and (max-width:800px) {
    .project-thumb-hover-inner {
        display: none
    }
    .exploded-figures-section {
        padding-top: 30vw
    }
}

.exploded-figures-section .ledge {
    margin-top: -14vw
}

.exploded-figures-section[data-active=off] .exploded-figures .jonny-exploded {
    -webkit-transform: translate3d(30px, 22px, 0);
    -moz-transform: translate3d(30px, 22px, 0);
    -ms-transform: translate3d(30px, 22px, 0);
    -o-transform: translate3d(30px, 22px, 0);
    transform: translate3d(30px, 22px, 0)
}

.exploded-figures-section[data-active=off] .exploded-figures .leigh-exploded {
    -webkit-transform: translate3d(-30px, -22px, 0);
    -moz-transform: translate3d(-30px, -22px, 0);
    -ms-transform: translate3d(-30px, -22px, 0);
    -o-transform: translate3d(-30px, -22px, 0);
    transform: translate3d(-30px, -22px, 0)
}

@media screen and (max-width:800px) {
    .intro-content .mobile-thumb {
        display: block
    }
    .exploded-figures {
        display: none
    }
}

.exploded-figures>div {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: .65s cubic-bezier(.52, .01, .16, 1);
    -moz-transition: .65s cubic-bezier(.52, .01, .16, 1);
    transition: .65s cubic-bezier(.52, .01, .16, 1);
    width: 40vw;
    height: 40vw;
    margin: -20vw 0 0 -20vw
}

.exploded-figures .jonny-exploded {
    left: -25vw;
    background: url(../img/figures/jonny-exploded.png) center center/100% 100% no-repeat;
    top: 7vw;
    -webkit-transition: .65s cubic-bezier(.52, .01, .16, 1) .4s;
    -moz-transition: .65s cubic-bezier(.52, .01, .16, 1) .4s;
    transition: .65s cubic-bezier(.52, .01, .16, 1) .4s
}

.exploded-figures .leigh-exploded {
    left: 23vw;
    top: -6vw;
    background: url(../img/figures/leigh-exploded.png) center center/100% 100% no-repeat;
    -webkit-transition: .65s cubic-bezier(.52, .01, .16, 1) .65s;
    -moz-transition: .65s cubic-bezier(.52, .01, .16, 1) .65s;
    transition: .65s cubic-bezier(.52, .01, .16, 1) .65s
}

section.left-aligned-section {
    padding: 10vw 0 5vw
}

section.left-aligned-section .content {
    margin: 1vw 0 12vw 15%;
    width: 33%
}

@media only screen and (max-width:800px) {
    section.left-aligned-section {
        padding-top: 25vw
    }
    section.left-aligned-section .content {
        margin: 1vw auto 20vw;
        width: 80%
    }
}

section.left-aligned-section .content>* {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

section.left-aligned-section .content h1 {
    margin-bottom: .5em
}

section.profile-section h1,
section.profile-section h3 {
    color: #07933d;
    font-weight: 900;
}

section.profile-section .social-list {
    margin-top: 1.7em;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start
}

@media only screen and (max-width:800px) {
    section.left-aligned-section .content>* {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
    section.profile-section .social-list {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center
    }
    section.profile-section .profile-figure {
        display: none
    }
}

section.profile-section .profile-figure {
    right: 26%;
    top: 50%;
    width: 42vw;
    height: 42vw;
    margin-top: -21vw;
    margin-right: -20vw
}

section.profile-section .profile-figure div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

section.profile-section .profile-figure div:nth-child(1) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) .23s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) .23s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) .23s
}

section.profile-section .profile-figure div:nth-child(2) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) .46s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) .46s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) .46s
}

section.profile-section .profile-figure div:nth-child(3) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) .69s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) .69s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) .69s
}

section.profile-section .profile-figure div:nth-child(4) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) .92s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) .92s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) .92s
}

section.profile-section .profile-figure div:nth-child(5) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 1.15s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 1.15s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 1.15s
}

section.profile-section .profile-figure div:nth-child(6) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 1.38s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 1.38s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 1.38s
}

section.profile-section .profile-figure div:nth-child(7) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 1.61s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 1.61s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 1.61s
}

section.profile-section .profile-figure div:nth-child(8) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 1.84s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 1.84s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 1.84s
}

section.profile-section .profile-figure div:nth-child(9) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 2.07s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 2.07s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 2.07s
}

section.profile-section .profile-figure div:nth-child(10) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 2.3s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 2.3s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 2.3s
}

section.profile-section .profile-figure div:nth-child(11) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 2.53s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 2.53s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 2.53s
}

section.profile-section .profile-figure div:nth-child(12) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 2.76s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 2.76s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 2.76s
}

section.profile-section .profile-figure div:nth-child(13) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 2.99s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 2.99s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 2.99s
}

section.profile-section .profile-figure div:nth-child(14) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 3.22s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 3.22s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 3.22s
}

section.profile-section .profile-figure div:nth-child(15) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 3.45s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 3.45s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 3.45s
}

section.profile-section .profile-figure div:nth-child(16) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 3.68s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 3.68s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 3.68s
}

section.profile-section .profile-figure div:nth-child(17) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 3.91s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 3.91s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 3.91s
}

section.profile-section .profile-figure div:nth-child(18) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 4.14s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 4.14s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 4.14s
}

section.profile-section .profile-figure div:nth-child(19) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 4.37s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 4.37s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 4.37s
}

section.profile-section .profile-figure div:nth-child(20) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 4.6s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 4.6s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 4.6s
}

section.profile-section .profile-figure div:nth-child(21) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 4.83s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 4.83s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 4.83s
}

section.profile-section .profile-figure div:nth-child(22) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 5.06s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 5.06s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 5.06s
}

section.profile-section .profile-figure div:nth-child(23) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 5.29s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 5.29s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 5.29s
}

section.profile-section .profile-figure div:nth-child(24) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 5.52s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 5.52s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 5.52s
}

section.profile-section .profile-figure div:nth-child(25) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 5.75s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 5.75s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 5.75s
}

section.profile-section .profile-figure div:nth-child(26) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 5.98s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 5.98s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 5.98s
}

section.profile-section .profile-figure div:nth-child(27) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 6.21s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 6.21s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 6.21s
}

section.profile-section .profile-figure div:nth-child(28) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 6.44s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 6.44s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 6.44s
}

section.profile-section .profile-figure div:nth-child(29) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 6.67s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 6.67s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 6.67s
}

section.profile-section .profile-figure div:nth-child(30) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 6.9s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 6.9s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 6.9s
}

section.profile-section .profile-figure div:nth-child(31) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 7.13s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 7.13s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 7.13s
}

section.profile-section .profile-figure div:nth-child(32) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 7.36s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 7.36s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 7.36s
}

section.profile-section .profile-figure div:nth-child(33) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 7.59s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 7.59s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 7.59s
}

section.profile-section .profile-figure div:nth-child(34) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 7.82s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 7.82s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 7.82s
}

section.profile-section .profile-figure div:nth-child(35) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 8.05s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 8.05s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 8.05s
}

section.profile-section .profile-figure div:nth-child(36) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 8.28s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 8.28s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 8.28s
}

section.profile-section .profile-figure div:nth-child(37) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 8.51s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 8.51s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 8.51s
}

section.profile-section .profile-figure div:nth-child(38) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 8.74s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 8.74s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 8.74s
}

section.profile-section .profile-figure div:nth-child(39) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 8.97s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 8.97s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 8.97s
}

section.profile-section .profile-figure div:nth-child(40) {
    -webkit-transition: .95s cubic-bezier(.62, .02, .34, 1) 9.2s;
    -moz-transition: .95s cubic-bezier(.62, .02, .34, 1) 9.2s;
    transition: .95s cubic-bezier(.62, .02, .34, 1) 9.2s
}

@media only screen and (max-width:800px) {
    section.profile-section {
        padding-bottom: 250px
    }
    section.profile-section .mob-figure {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 300px
    }
    section.profile-section .mob-jon {
        background: url(../img/figures/mob/jon-mob.html) center bottom/380px no-repeat
    }
    section.profile-section .mob-leigh {
        background: url(../img/figures/mob/leigh-mob.html) center bottom/380px no-repeat
    }
}

.jon-profile-figure div:nth-child(1) {
    background: url(../img/figures/jon-exploded-face-on-1.png) center center/100% no-repeat
}

.jon-profile-figure div:nth-child(2) {
    background: url(../img/figures/jon-exploded-face-on-2.png) center center/100% no-repeat
}

.jon-profile-figure div:nth-child(3) {
    background: url(../img/figures/jon-exploded-face-on-3.png) center center/100% no-repeat
}

.jon-profile-figure div:nth-child(4) {
    background: url(../img/figures/jon-exploded-face-on-4.png) center center/100% no-repeat
}

.leigh-profile-figure div:nth-child(1) {
    background: url(../img/figures/leigh-exploded-face-on-1.png) center center/100% no-repeat
}

.leigh-profile-figure div:nth-child(2) {
    background: url(../img/figures/leigh-exploded-face-on-2.png) center center/100% no-repeat
}

.leigh-profile-figure div:nth-child(3) {
    background: url(../img/figures/leigh-exploded-face-on-3.png) center center/100% no-repeat
}

.leigh-profile-figure div:nth-child(4) {
    background: url(../img/figures/leigh-exploded-face-on-4.png) center center/100% no-repeat
}

.full-screen-image .img-fill,
.project-carousel .carousel-img-wrap li div,
.project-footer .project-footer-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.work-project {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.work-project .cta-wrap {
    position: fixed;
    bottom: 16%;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

@media screen and (max-width:800px) {
    .work-project .cta-wrap {
        bottom: 50px
    }
}

.work-scroll-ledge {
    position: fixed
}

.work-scroll-ledge div {
    -webkit-transition: .75s cubic-bezier(.7, .3, 0, 1) .3s;
    -moz-transition: .75s cubic-bezier(.7, .3, 0, 1) .3s;
    transition: .75s cubic-bezier(.7, .3, 0, 1) .3s
}

.work-scroll-ledge[data-active=on] {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s
}

.work-project-content {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    margin-top: -30px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-transition: .26s linear;
    -moz-transition: .26s linear;
    transition: .26s linear
}

.work-project-content h4 {
    margin-bottom: 40px
}

.js-work-scroll-ledge.force-out,
.work-project-content.force-out {
    opacity: 0!important;
    -webkit-transition: .26s linear 0s!important;
    -moz-transition: .26s linear 0s!important;
    transition: .26s linear 0s!important
}

.project-thumb {
    margin: 0 auto
}

.work-project-monitor .work-project h4,
.work-project-monitor .work-project h5 {
    opacity: 0;
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
    transform: translateY(3px);
    -webkit-transition: .6s cubic-bezier(.62, .02, .34, 1);
    -moz-transition: .6s cubic-bezier(.62, .02, .34, 1);
    transition: .6s cubic-bezier(.62, .02, .34, 1)
}

.work-project-monitor .work-project h4 {
    color: #fff
}

.work-project-monitor .work-project .cta-wrap {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: .28s cubic-bezier(.62, .02, .34, 1);
    -moz-transition: .28s cubic-bezier(.62, .02, .34, 1);
    transition: .28s cubic-bezier(.62, .02, .34, 1)
}

.work-project-monitor .work-project .project-thumb {
    opacity: 0;
    -webkit-transition: .4s cubic-bezier(.62, .02, .34, 1) 0s;
    -moz-transition: .4s cubic-bezier(.62, .02, .34, 1) 0s;
    transition: .4s cubic-bezier(.62, .02, .34, 1) 0s
}

.work-project-monitor .work-project .thumb-mover {
    -webkit-transition: .75s cubic-bezier(.52, .01, .16, 1);
    -moz-transition: .75s cubic-bezier(.52, .01, .16, 1);
    transition: .75s cubic-bezier(.52, .01, .16, 1)
}

.work-project-monitor .work-project .thumb-mover:nth-child(1) {
    -webkit-transition-delay: 80ms;
    -moz-transition-delay: 80ms;
    transition-delay: 80ms
}

.work-project-monitor[data-active-project="1"] .masterhead {
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px)
}

.work-project-monitor[data-active-project="1"] .work-scroll-ledge {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1
}

.work-project-monitor[data-active-project="2"] .masterhead {
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px)
}

.work-project-monitor[data-active-project="2"] .work-scroll-ledge {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1
}

.work-project-monitor[data-active-project="3"] .masterhead {
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px)
}

.work-project-monitor[data-active-project="3"] .work-scroll-ledge {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1
}

.work-project-monitor[data-active-project="4"] .masterhead {
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px)
}

.work-project-monitor[data-active-project="4"] .work-scroll-ledge {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1
}

.work-project-monitor[data-active-project="5"] .masterhead {
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px)
}

.work-project-monitor[data-active-project="5"] .work-scroll-ledge {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1
}

.work-project-monitor[data-active-project="6"] .masterhead {
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px)
}

.work-project-monitor[data-active-project="6"] .work-scroll-ledge {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1
}

.work-project-monitor[data-active-project="7"] .masterhead {
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px)
}

.work-project-monitor[data-active-project="7"] .work-scroll-ledge {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1
}

.work-project-monitor[data-active-project="8"] .masterhead {
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px)
}

.work-project-monitor[data-active-project="8"] .work-scroll-ledge {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1
}

.work-project-monitor[data-active-project="9"] .masterhead {
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px)
}

.work-project-monitor[data-active-project="9"] .work-scroll-ledge {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1
}

.work-project-monitor[data-active-project="10"] .masterhead {
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px)
}

.work-project-monitor[data-active-project="10"] .work-scroll-ledge {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1
}

.work-project-monitor[data-active-project="11"] .masterhead {
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px)
}

.work-project-monitor[data-active-project="11"] .work-scroll-ledge {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1
}

.work-project-monitor[data-active-project="12"] .masterhead {
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px)
}

.work-project-monitor[data-active-project="12"] .work-scroll-ledge {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1
}

.work-project-monitor[data-active-project="13"] .masterhead {
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px)
}

.work-project-monitor[data-active-project="13"] .work-scroll-ledge {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1
}

.work-project-monitor[data-active-project="14"] .masterhead {
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px)
}

.work-project-monitor[data-active-project="14"] .work-scroll-ledge {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1
}

.work-project-monitor[data-active-project="15"] .masterhead {
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px)
}

.work-project-monitor[data-active-project="15"] .work-scroll-ledge {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1
}

.work-project-monitor[data-active-project="16"] .masterhead {
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px)
}

.work-project-monitor[data-active-project="16"] .work-scroll-ledge {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1
}

.work-project-monitor[data-active-project="17"] .masterhead {
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px)
}

.work-project-monitor[data-active-project="17"] .work-scroll-ledge {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1
}

.work-project-monitor[data-active-project="18"] .masterhead {
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px)
}

.work-project-monitor[data-active-project="18"] .work-scroll-ledge {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1
}

.work-project-monitor[data-active-project="19"] .masterhead {
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px)
}

.work-project-monitor[data-active-project="19"] .work-scroll-ledge {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1
}

.work-project-monitor[data-active-project="20"] .masterhead {
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px)
}

.work-project-monitor[data-active-project="20"] .work-scroll-ledge {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1
}

.work-project-monitor .work-projects-scroll[data-direction=backwards] .work-project[data-active=on] .thumb-mover {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-delay: .5s
}

.work-project-monitor .work-projects-scroll[data-direction=backwards] .work-project[data-active=on] .thumb-mover:nth-child(1) {
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

.work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"],
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"],
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"],
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"],
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"],
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"],
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"],
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"],
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"],
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"],
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"],
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"],
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"],
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"],
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] {
    pointer-events: auto
}

.work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] .cta-wrap,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] .project-thumb,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] h4,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] h5,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] .cta-wrap,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] .project-thumb,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] h4,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] h5,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] .cta-wrap,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] .project-thumb,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] h4,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] h5,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] .cta-wrap,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] .project-thumb,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] h4,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] h5,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] .cta-wrap,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] .project-thumb,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] h4,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] h5,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] .cta-wrap,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] .project-thumb,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] h4,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] h5,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] .cta-wrap,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] .project-thumb,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] h4,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] h5,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] .cta-wrap,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] .project-thumb,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] h4,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] h5,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] .cta-wrap,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] .project-thumb,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] h4,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] h5,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] .cta-wrap,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] .project-thumb,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] h4,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] h5,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] .cta-wrap,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] .project-thumb,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] h4,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] h5,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] .cta-wrap,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] .project-thumb,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] h4,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] h5,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] .cta-wrap,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] .project-thumb,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] h4,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] h5,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] .cta-wrap,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] .project-thumb,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] h4,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] h5,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] .cta-wrap,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] .project-thumb,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] h4,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] h5 {
    opacity: 1
}

.work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] .cta-wrap,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] .cta-wrap,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] .cta-wrap,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] .cta-wrap,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] .cta-wrap,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] .cta-wrap,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] .cta-wrap,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] .cta-wrap,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] .cta-wrap,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] .cta-wrap,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] .cta-wrap,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] .cta-wrap,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] .cta-wrap,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] .cta-wrap,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] .cta-wrap {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-delay: .5s
}

.work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] .cta-wrap,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] h4,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] h5,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] .cta-wrap,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] h4,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] h5,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] .cta-wrap,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] h4,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] h5,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] .cta-wrap,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] h4,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] h5,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] .cta-wrap,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] h4,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] h5,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] .cta-wrap,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] h4,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] h5,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] .cta-wrap,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] h4,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] h5,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] .cta-wrap,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] h4,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] h5,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] .cta-wrap,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] h4,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] h5,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] .cta-wrap,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] h4,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] h5,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] .cta-wrap,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] h4,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] h5,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] .cta-wrap,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] h4,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] h5,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] .cta-wrap,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] h4,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] h5,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] .cta-wrap,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] h4,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] h5,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] .cta-wrap,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] h4,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] h5 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] h5,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] h5,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] h5,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] h5,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] h5,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] h5,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] h5,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] h5,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] h5,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] h5,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] h5,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] h5,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] h5,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] h5,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] h5 {
    -webkit-transition-delay: .95s;
    -moz-transition-delay: .95s;
    transition-delay: .95s
}

.work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] h4,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] h4,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] h4,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] h4,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] h4,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] h4,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] h4,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] h4,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] h4,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] h4,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] h4,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] h4,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] h4,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] h4,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] h4 {
    -webkit-transition-delay: 1.1s;
    -moz-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] .project-thumb,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] .project-thumb,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] .project-thumb,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] .project-thumb,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] .project-thumb,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] .project-thumb,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] .project-thumb,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] .project-thumb,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] .project-thumb,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] .project-thumb,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] .project-thumb,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] .project-thumb,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] .project-thumb,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] .project-thumb,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] .project-thumb {
    -webkit-transition-delay: .65s;
    -moz-transition-delay: .65s;
    transition-delay: .65s
}

.work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] .thumb-mover,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] .thumb-mover,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] .thumb-mover,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] .thumb-mover,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] .thumb-mover,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] .thumb-mover,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] .thumb-mover,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] .thumb-mover,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] .thumb-mover,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] .thumb-mover,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] .thumb-mover,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] .thumb-mover,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] .thumb-mover,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] .thumb-mover,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] .thumb-mover {
    -webkit-transition: .9s cubic-bezier(.62, .02, .34, 1) .35s;
    -moz-transition: .9s cubic-bezier(.62, .02, .34, 1) .35s;
    transition: .9s cubic-bezier(.62, .02, .34, 1) .35s
}

.work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] .thumb-mover:nth-child(1),
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] .thumb-mover:nth-child(1),
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] .thumb-mover:nth-child(1),
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] .thumb-mover:nth-child(1),
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] .thumb-mover:nth-child(1),
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] .thumb-mover:nth-child(1),
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] .thumb-mover:nth-child(1),
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] .thumb-mover:nth-child(1),
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] .thumb-mover:nth-child(1),
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] .thumb-mover:nth-child(1),
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] .thumb-mover:nth-child(1),
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] .thumb-mover:nth-child(1),
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] .thumb-mover:nth-child(1),
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] .thumb-mover:nth-child(1),
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] .thumb-mover:nth-child(1) {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-delay: .5s
}

.work-project-monitor[data-active-project="2"] .work-project[data-work-project="1"] .thumb-mover,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="1"] .thumb-mover,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="2"] .thumb-mover,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="1"] .thumb-mover,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="2"] .thumb-mover,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="3"] .thumb-mover,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="1"] .thumb-mover,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="2"] .thumb-mover,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="3"] .thumb-mover,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="4"] .thumb-mover,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="1"] .thumb-mover,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="2"] .thumb-mover,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="3"] .thumb-mover,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="4"] .thumb-mover,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="5"] .thumb-mover,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="1"] .thumb-mover,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="2"] .thumb-mover,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="3"] .thumb-mover,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="4"] .thumb-mover,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="5"] .thumb-mover,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="6"] .thumb-mover,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="1"] .thumb-mover,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="2"] .thumb-mover,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="3"] .thumb-mover,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="4"] .thumb-mover,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="5"] .thumb-mover,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="6"] .thumb-mover,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="7"] .thumb-mover,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="1"] .thumb-mover,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="2"] .thumb-mover,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="3"] .thumb-mover,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="4"] .thumb-mover,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="5"] .thumb-mover,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="6"] .thumb-mover,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="7"] .thumb-mover,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="8"] .thumb-mover,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="1"] .thumb-mover,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="2"] .thumb-mover,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="3"] .thumb-mover,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="4"] .thumb-mover,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="5"] .thumb-mover,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="6"] .thumb-mover,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="7"] .thumb-mover,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="8"] .thumb-mover,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="9"] .thumb-mover,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="1"] .thumb-mover,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="2"] .thumb-mover,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="3"] .thumb-mover,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="4"] .thumb-mover,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="5"] .thumb-mover,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="6"] .thumb-mover,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="7"] .thumb-mover,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="8"] .thumb-mover,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="9"] .thumb-mover,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="10"] .thumb-mover,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="1"] .thumb-mover,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="2"] .thumb-mover,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="3"] .thumb-mover,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="4"] .thumb-mover,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="5"] .thumb-mover,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="6"] .thumb-mover,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="7"] .thumb-mover,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="8"] .thumb-mover,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="9"] .thumb-mover,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="10"] .thumb-mover,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="11"] .thumb-mover,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="1"] .thumb-mover,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="2"] .thumb-mover,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="3"] .thumb-mover,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="4"] .thumb-mover,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="5"] .thumb-mover,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="6"] .thumb-mover,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="7"] .thumb-mover,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="8"] .thumb-mover,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="9"] .thumb-mover,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="10"] .thumb-mover,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="11"] .thumb-mover,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="12"] .thumb-mover,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="1"] .thumb-mover,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="2"] .thumb-mover,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="3"] .thumb-mover,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="4"] .thumb-mover,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="5"] .thumb-mover,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="6"] .thumb-mover,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="7"] .thumb-mover,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="8"] .thumb-mover,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="9"] .thumb-mover,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="10"] .thumb-mover,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="11"] .thumb-mover,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="12"] .thumb-mover,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="13"] .thumb-mover,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="1"] .thumb-mover,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="2"] .thumb-mover,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="3"] .thumb-mover,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="4"] .thumb-mover,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="5"] .thumb-mover,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="6"] .thumb-mover,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="7"] .thumb-mover,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="8"] .thumb-mover,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="9"] .thumb-mover,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="10"] .thumb-mover,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="11"] .thumb-mover,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="12"] .thumb-mover,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="13"] .thumb-mover,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="14"] .thumb-mover {
    -webkit-transform: translateX(30%);
    -moz-transform: translateX(30%);
    -ms-transform: translateX(30%);
    -o-transform: translateX(30%);
    transform: translateX(30%)
}

.work-project-monitor[data-active-project="2"] .work-project[data-work-project="1"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="1"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="2"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="1"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="2"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="3"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="1"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="2"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="3"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="4"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="1"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="2"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="3"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="4"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="5"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="1"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="2"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="3"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="4"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="5"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="6"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="1"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="2"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="3"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="4"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="5"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="6"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="7"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="1"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="2"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="3"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="4"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="5"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="6"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="7"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="8"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="1"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="2"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="3"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="4"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="5"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="6"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="7"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="8"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="9"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="1"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="2"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="3"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="4"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="5"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="6"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="7"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="8"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="9"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="10"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="1"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="2"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="3"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="4"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="5"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="6"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="7"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="8"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="9"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="10"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="11"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="1"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="2"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="3"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="4"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="5"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="6"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="7"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="8"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="9"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="10"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="11"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="12"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="1"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="2"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="3"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="4"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="5"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="6"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="7"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="8"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="9"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="10"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="11"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="12"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="13"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="1"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="2"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="3"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="4"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="5"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="6"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="7"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="8"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="9"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="10"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="11"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="12"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="13"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="15"] .work-project[data-work-project="14"] .thumb-mover.negative-angle {
    -webkit-transform: translateX(-30%);
    -moz-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    -o-transform: translateX(-30%);
    transform: translateX(-30%)
}

.work-project-monitor[data-active-project="1"] .work-project[data-work-project="2"] .thumb-mover,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="3"] .thumb-mover,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="4"] .thumb-mover,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="5"] .thumb-mover,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="6"] .thumb-mover,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="7"] .thumb-mover,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="8"] .thumb-mover,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="9"] .thumb-mover,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="10"] .thumb-mover,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="11"] .thumb-mover,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="12"] .thumb-mover,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="13"] .thumb-mover,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="14"] .thumb-mover,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="15"] .thumb-mover,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="3"] .thumb-mover,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="4"] .thumb-mover,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="5"] .thumb-mover,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="6"] .thumb-mover,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="7"] .thumb-mover,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="8"] .thumb-mover,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="9"] .thumb-mover,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="10"] .thumb-mover,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="11"] .thumb-mover,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="12"] .thumb-mover,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="13"] .thumb-mover,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="14"] .thumb-mover,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="15"] .thumb-mover,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="4"] .thumb-mover,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="5"] .thumb-mover,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="6"] .thumb-mover,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="7"] .thumb-mover,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="8"] .thumb-mover,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="9"] .thumb-mover,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="10"] .thumb-mover,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="11"] .thumb-mover,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="12"] .thumb-mover,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="13"] .thumb-mover,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="14"] .thumb-mover,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="15"] .thumb-mover,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="5"] .thumb-mover,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="6"] .thumb-mover,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="7"] .thumb-mover,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="8"] .thumb-mover,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="9"] .thumb-mover,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="10"] .thumb-mover,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="11"] .thumb-mover,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="12"] .thumb-mover,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="13"] .thumb-mover,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="14"] .thumb-mover,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="15"] .thumb-mover,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="6"] .thumb-mover,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="7"] .thumb-mover,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="8"] .thumb-mover,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="9"] .thumb-mover,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="10"] .thumb-mover,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="11"] .thumb-mover,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="12"] .thumb-mover,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="13"] .thumb-mover,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="14"] .thumb-mover,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="15"] .thumb-mover,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="7"] .thumb-mover,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="8"] .thumb-mover,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="9"] .thumb-mover,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="10"] .thumb-mover,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="11"] .thumb-mover,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="12"] .thumb-mover,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="13"] .thumb-mover,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="14"] .thumb-mover,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="15"] .thumb-mover,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="8"] .thumb-mover,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="9"] .thumb-mover,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="10"] .thumb-mover,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="11"] .thumb-mover,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="12"] .thumb-mover,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="13"] .thumb-mover,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="14"] .thumb-mover,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="15"] .thumb-mover,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="9"] .thumb-mover,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="10"] .thumb-mover,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="11"] .thumb-mover,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="12"] .thumb-mover,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="13"] .thumb-mover,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="14"] .thumb-mover,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="15"] .thumb-mover,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="10"] .thumb-mover,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="11"] .thumb-mover,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="12"] .thumb-mover,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="13"] .thumb-mover,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="14"] .thumb-mover,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="15"] .thumb-mover,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="11"] .thumb-mover,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="12"] .thumb-mover,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="13"] .thumb-mover,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="14"] .thumb-mover,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="15"] .thumb-mover,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="12"] .thumb-mover,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="13"] .thumb-mover,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="14"] .thumb-mover,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="15"] .thumb-mover,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="13"] .thumb-mover,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="14"] .thumb-mover,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="15"] .thumb-mover,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="14"] .thumb-mover,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="15"] .thumb-mover,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="15"] .thumb-mover,
.work-project-monitor[data-active-project="0"] .work-project[data-work-project="1"] .thumb-mover {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.work-project-monitor[data-active-project="1"] .work-project[data-work-project="2"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="3"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="4"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="5"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="6"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="7"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="8"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="9"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="10"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="11"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="12"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="13"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="14"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="1"] .work-project[data-work-project="15"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="3"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="4"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="5"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="6"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="7"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="8"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="9"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="10"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="11"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="12"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="13"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="14"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="2"] .work-project[data-work-project="15"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="4"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="5"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="6"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="7"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="8"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="9"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="10"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="11"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="12"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="13"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="14"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="3"] .work-project[data-work-project="15"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="5"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="6"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="7"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="8"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="9"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="10"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="11"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="12"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="13"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="14"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="4"] .work-project[data-work-project="15"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="6"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="7"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="8"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="9"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="10"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="11"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="12"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="13"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="14"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="5"] .work-project[data-work-project="15"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="7"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="8"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="9"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="10"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="11"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="12"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="13"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="14"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="6"] .work-project[data-work-project="15"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="8"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="9"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="10"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="11"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="12"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="13"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="14"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="7"] .work-project[data-work-project="15"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="9"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="10"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="11"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="12"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="13"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="14"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="8"] .work-project[data-work-project="15"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="10"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="11"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="12"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="13"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="14"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="9"] .work-project[data-work-project="15"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="11"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="12"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="13"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="14"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="10"] .work-project[data-work-project="15"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="12"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="13"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="14"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="11"] .work-project[data-work-project="15"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="13"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="14"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="12"] .work-project[data-work-project="15"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="14"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="13"] .work-project[data-work-project="15"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="14"] .work-project[data-work-project="15"] .thumb-mover.negative-angle,
.work-project-monitor[data-active-project="0"] .work-project[data-work-project="1"] .thumb-mover.negative-angle {
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%)
}

.work-project-monitor .work-projects-nav {
    right: 2.7%;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column
}

.work-project-monitor .work-projects-nav li {
    margin-bottom: 35px
}

.work-project-monitor .work-projects-nav li:last-child {
    margin-bottom: 0
}

.work-project-monitor .work-projects-nav a {
    color: rgba(255, 255, 255, .2);
    -webkit-transition: .35s;
    -moz-transition: .35s;
    transition: .35s;
    padding: 0 10px;
    font-size: 12px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.work-project-monitor .work-projects-nav a:hover {
    color: #fff
}

.work-project-monitor[data-active-project="1"] .work-projects-nav li:nth-child(1) a,
.work-project-monitor[data-active-project="2"] .work-projects-nav li:nth-child(2) a,
.work-project-monitor[data-active-project="3"] .work-projects-nav li:nth-child(3) a,
.work-project-monitor[data-active-project="4"] .work-projects-nav li:nth-child(4) a,
.work-project-monitor[data-active-project="5"] .work-projects-nav li:nth-child(5) a,
.work-project-monitor[data-active-project="6"] .work-projects-nav li:nth-child(6) a,
.work-project-monitor[data-active-project="7"] .work-projects-nav li:nth-child(7) a,
.work-project-monitor[data-active-project="8"] .work-projects-nav li:nth-child(8) a,
.work-project-monitor[data-active-project="9"] .work-projects-nav li:nth-child(9) a,
.work-project-monitor[data-active-project="10"] .work-projects-nav li:nth-child(10) a,
.work-project-monitor[data-active-project="11"] .work-projects-nav li:nth-child(11) a,
.work-project-monitor[data-active-project="12"] .work-projects-nav li:nth-child(12) a,
.work-project-monitor[data-active-project="13"] .work-projects-nav li:nth-child(13) a,
.work-project-monitor[data-active-project="14"] .work-projects-nav li:nth-child(14) a,
.work-project-monitor[data-active-project="15"] .work-projects-nav li:nth-child(15) a {
    color: #fff;
    -webkit-transition: .45s .2s;
    -moz-transition: .45s .2s;
    transition: .45s .2s
}

.corner-project-back {
    position: fixed;
    top: 3vw;
    right: 3vw
}

html.safari-browser .corner-project-back span.text {
    color: #212121!important
}

.lone-arrow {
    width: 18px;
    height: 20px
}

.lone-arrow span.arrow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.lone-arrow .arrow-length {
    position: absolute;
    top: 50%;
    left: 16%;
    width: 80%;
    height: 2px;
    background-color: #fff
}

.lone-arrow .arrow-tip {
    position: absolute;
    left: 0;
    top: 50%;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 3px solid #fff;
    margin-top: -2px
}

.lone-arrow span.arrow span {
    -webkit-transition: .45s cubic-bezier(.7, .3, 0, 1);
    -moz-transition: .45s cubic-bezier(.7, .3, 0, 1);
    transition: .45s cubic-bezier(.7, .3, 0, 1)
}

.lone-arrow span.arrow:nth-child(2) span {
    -webkit-transform: translateX(22px);
    -moz-transform: translateX(22px);
    -ms-transform: translateX(22px);
    -o-transform: translateX(22px);
    transform: translateX(22px)
}

.lone-arrow span.text {
    right: 200%;
    top: 50%;
    position: absolute;
    white-space: nowrap;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%)
}

.lone-arrow:hover span.arrow:nth-child(1) span {
    -webkit-transform: translateX(-22px);
    -moz-transform: translateX(-22px);
    -ms-transform: translateX(-22px);
    -o-transform: translateX(-22px);
    transform: translateX(-22px)
}

.lone-arrow:hover span.arrow:nth-child(2) span {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: .16s;
    -moz-transition-delay: .16s;
    transition-delay: .16s
}

.project-back-reverse span.text {
    right: auto;
    left: 200%
}

.player-elapsed,
.player-timeline {
    left: 0;
    bottom: 0;
    position: absolute
}

.right-arrow .arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.project-blocks {
    width: 100vw;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap
}

.project-blocks h2,
.project-blocks h3,
.project-blocks p {
    color: #212121
}

.project-block {
    width: 100%;
    order: 100
}

.project-block img {
    display: block
}

.project-block:not(.project-intro-block) h2 {
    font-size: 30px
}

.project-video-block {
    width: 100vw;
    height: 100vh
}

.image-alone-full-width-block img {
    width: 100%
}

.image-with-space-content-width img {
    margin: 0 auto;
    width: 60%
}

@media only screen and (max-width:800px) {
    .project-block:not(.project-intro-block) h2 {
        font-size: 21px
    }
    .project-block.project-intro-block h2 {
        font-size: 30px
    }
    .image-with-space-content-width img {
        width: 75%
    }
}

.header-with-space {
    padding: 8vw 0 1vw
}

.header-with-space>* {
    width: 60%;
    margin: 0 auto
}

.header-with-space[data-align=center] {
    text-align: center
}

.header-with-space[data-align=left] {
    text-align: left
}

.header-with-space[data-align=right] {
    text-align: right
}

.full-screen-image {
    height: 100vh
}

@media only screen and (max-width:800px) {
    .header-with-space>* {
        width: 75%
    }
    .full-screen-image,
    .project-carousel {
        height: 70vw!important
    }
}

.image-with-space-content-width,
.video-content-width {
    padding: 4vw 0 7vw
}

.project-content-block,
.project-intro-block {
    text-align: left;
    padding: 6vw 0 6.5vw
}

.project-content-block .content,
.project-intro-block .content {
    width: 60%;
    margin: 0 auto
}

@media only screen and (max-width:800px) {
    .project-content-block .content,
    .project-intro-block .content {
        width: 75%
    }
    .video-content-width {
        display: none
    }
}

@media screen and (max-width:1280px) {
    .project-content-block .content,
    .project-intro-block .content {
        width: 75%
    }
}

.video-with-space-content-width {
    padding: 7vw 0
}

.video-with-space-content-width .vimeo-embed-wrap {
    width: 80vw;
    height: 44.96vw;
    margin: 0 auto
}

.video-with-space-content-width .vimeo-embed-wrap iframe {
    width: 100%;
    height: 100%
}

.player-timeline {
    width: 100%;
    height: 4px
}

.player-elapsed {
    width: 40%;
    height: 100%
}

.video-content-width video {
    width: 60%;
    margin: 0 auto
}

.project-intro-block {
    padding: 18vh 0
}

.project-intro-block .project-text-block {
    margin-top: -5px
}

.project-intro-block .project-text-block h2 {
    margin-bottom: .95em
}

.mini-info {
    float: left;
    width: 22%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.mini-info li {
    margin-bottom: 2.3em
}

@media only screen and (max-width:1100px) {
    .mini-info {
        width: 28%
    }
}

@media only screen and (max-width:800px) {
    .mini-info {
        float: none;
        width: 53%;
        margin-bottom: 40px
    }
}

.project-content-block p,
.project-text-block {
    float: right;
    width: 60%
}

@media only screen and (max-width:800px) {
    .project-content-block p,
    .project-text-block {
        width: 75%
    }
}

.project-content-block h2 {
    float: left;
    width: 26%
}

.image-overhang-content {
    padding: 10vw 0
}

.image-overhang-content img {
    position: absolute;
    bottom: 0;
    left: 43%;
    height: 108%
}

.image-overhang-content .content {
    text-align: left;
    width: 60%;
    margin: 0 auto
}

@media only screen and (max-width:800px) {
    .image-overhang-content .content {
        width: 75%;
        margin: 0 auto 0 12%
    }
}

.image-overhang-content .content h2 {
    width: 35%
}

.image-overhang-content .content p {
    width: 44%
}

@media only screen and (max-width:800px) {
    .image-overhang-content img {
        display: none
    }
    .image-overhang-content img .content {
        width: 75%
    }
}

.project-footer {
    width: 100%;
    height: 30vw;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column
}

.project-footer a {
    position: absolute
}

.project-footer a.project-footer-prev-project {
    top: 49%;
    left: 15%
}

.project-footer a.project-footer-next-project {
    top: 49%;
    right: 15%
}

@media only screen and (max-width:800px) {
    .project-footer a .arrow:nth-child(2),
    .project-footer h1 {
        display: none
    }
    .project-footer {
        height: 42vw
    }
    .project-footer a.project-footer-prev-project {
        left: 7%;
        top: 45%
    }
    .project-footer a.project-footer-next-project {
        right: 7%;
        top: 45%
    }
}

.project-carousel {
    width: 100%;
    height: 100vh
}

.project-carousel .carousel-img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.project-carousel .carousel-img-wrap li,
.project-carousel .carousel-img-wrap li div,
.project-carousel .carousel-img-wrap ul {
    position: absolute;
    width: 100%;
    height: 100%
}

.project-carousel .carousel-img-wrap li {
    width: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -webkit-transition: .72s cubic-bezier(.7, .3, 0, 1);
    -moz-transition: .72s cubic-bezier(.7, .3, 0, 1);
    transition: .72s cubic-bezier(.7, .3, 0, 1);
    will-change: transform
}

.project-carousel .carousel-img-wrap li div {
    -webkit-transition: .72s cubic-bezier(.7, .3, 0, 1);
    -moz-transition: .72s cubic-bezier(.7, .3, 0, 1);
    transition: .72s cubic-bezier(.7, .3, 0, 1);
    will-change: transform
}

.project-carousel a {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0
}

.project-carousel a.carousel-left {
    left: 0
}

.project-carousel a.carousel-left:hover {
    cursor: w-resize
}

.project-carousel a.carousel-right {
    right: 0
}

.project-carousel a.carousel-right:hover {
    cursor: e-resize
}

.project-carousel .carousel-nav-wrap {
    position: absolute;
    bottom: 10%;
    width: 100%;
    z-index: 10
}

@media screen and (max-width:800px) {
    .project-carousel .carousel-nav-wrap {
        bottom: 20%
    }
}

.project-carousel .carousel-nav {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-left: -24px
}

.project-carousel .carousel-nav li {
    margin: 0 14px
}

.project-carousel .carousel-nav li a {
    width: 20px;
    height: 20px
}

.project-carousel .carousel-nav li a::before {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    left: 5px;
    top: 5px;
    -webkit-transition: .32s cubic-bezier(.62, .02, .34, 1);
    -moz-transition: .32s cubic-bezier(.62, .02, .34, 1);
    transition: .32s cubic-bezier(.62, .02, .34, 1);
    border-radius: 100%;
    background-color: rgba(33, 33, 33, .16)
}

.project-carousel .carousel-nav li a::after {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    left: 7px;
    top: 7px;
    -webkit-transition: .32s cubic-bezier(.62, .02, .34, 1);
    -moz-transition: .32s cubic-bezier(.62, .02, .34, 1);
    transition: .32s cubic-bezier(.62, .02, .34, 1);
    border-radius: 100%;
    background-color: #fff
}

.project-carousel[data-carousel-current-img="1"] .carousel-nav li:nth-child(1) a::before {
    background-color: #fff
}

.project-carousel[data-carousel-current-img="1"] .carousel-nav li:nth-child(1) a::after {
    background-color: #212121
}

.project-carousel[data-carousel-current-img="2"] .carousel-nav li:nth-child(2) a::before {
    background-color: #fff
}

.project-carousel[data-carousel-current-img="2"] .carousel-nav li:nth-child(2) a::after {
    background-color: #212121
}

.project-carousel[data-carousel-current-img="3"] .carousel-nav li:nth-child(3) a::before {
    background-color: #fff
}

.project-carousel[data-carousel-current-img="3"] .carousel-nav li:nth-child(3) a::after {
    background-color: #212121
}

.project-carousel[data-carousel-current-img="4"] .carousel-nav li:nth-child(4) a::before {
    background-color: #fff
}

.project-carousel[data-carousel-current-img="4"] .carousel-nav li:nth-child(4) a::after {
    background-color: #212121
}

.project-carousel[data-carousel-current-img="5"] .carousel-nav li:nth-child(5) a::before {
    background-color: #fff
}

.project-carousel[data-carousel-current-img="5"] .carousel-nav li:nth-child(5) a::after {
    background-color: #212121
}

.project-carousel[data-carousel-current-img="6"] .carousel-nav li:nth-child(6) a::before {
    background-color: #fff
}

.project-carousel[data-carousel-current-img="6"] .carousel-nav li:nth-child(6) a::after {
    background-color: #212121
}

.project-carousel[data-carousel-current-img="7"] .carousel-nav li:nth-child(7) a::before {
    background-color: #fff
}

.project-carousel[data-carousel-current-img="7"] .carousel-nav li:nth-child(7) a::after {
    background-color: #212121
}

.project-carousel[data-carousel-current-img="8"] .carousel-nav li:nth-child(8) a::before {
    background-color: #fff
}

.project-carousel[data-carousel-current-img="8"] .carousel-nav li:nth-child(8) a::after {
    background-color: #212121
}

.project-carousel[data-carousel-current-img="9"] .carousel-nav li:nth-child(9) a::before {
    background-color: #fff
}

.project-carousel[data-carousel-current-img="9"] .carousel-nav li:nth-child(9) a::after {
    background-color: #212121
}

.project-carousel[data-carousel-current-img="10"] .carousel-nav li:nth-child(10) a::before {
    background-color: #fff
}

.project-carousel[data-carousel-current-img="10"] .carousel-nav li:nth-child(10) a::after {
    background-color: #212121
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%)
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%)
}

#slides {
  position: relative;
}
#slides .slides-container {
  display: none;
}
#slides .scrollable {
  *zoom: 1;
  position: relative;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
#slides .scrollable:after {
  content: "";
  display: table;
  clear: both;
}

.slides-navigation {
  margin: 0 auto;
  position: absolute;
  z-index: 3;
  top: 46%;
  width: 100%;
}
.slides-navigation a {
  position: absolute;
  display: block;
}
.slides-navigation a.prev {
  left: 0;
}
.slides-navigation a.next {
  right: 0;
}

.slides-pagination {
  position: absolute;
  z-index: 3;
  bottom: 0;
  text-align: center;
  width: 100%;
}
.slides-pagination a {
  border: 2px solid #222;
  border-radius: 15px;
  width: 10px;
  height: 10px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
  margin: 2px;
  overflow: hidden;
  text-indent: -100%;
}
.slides-pagination a.current {
  background: #222;
}

.container {
  position: relative;
  width: 50%;
   
  left: 90px;
  top: 25%;
  padding: 10px 20px;
}

.clear{clear: both;}

@media screen and (max-width: 767px) {
  .container {
    margin-top: 70px;
    max-width: 100%;
    width: 100%;
    position: static;
  }
}

.container .slideTitle{font-size: 9em;color:#fff;}
.middleMenu li{display: inline-block;margin-left: 28px;color:#fff;font-family:'Roboto',sans-serif;font-size: 25px;cursor: pointer;}
.middleMenu li:first-child{margin-left: -24px;}
.wBorder{width: 30px;height: 1px;background: #fff;margin-bottom: 8px;}
.closeBtn{width: 45px;height: 45px;background: url('../img/close.png');margin: auto;display: none;top:20px;z-index: 9999;cursor: pointer;}
.bottomArrow{background: url('../img/bottom.png') no-repeat;width: 45px;height: 45px;margin: auto;bottom: 10px;position: relative;left: -50%;display: none;}
.rotateMenu{transform: rotate(91deg) ; -webkit-transform: rotate(91deg) ; -moz-transform: rotate(91deg) ; -o-transform: rotate(91deg) ; -ms-transform: rotate(91deg);right: -118px; position: absolute; top: 55%;display: none;z-index: 9999;}
.rotateMenu ul.middleMenu li{font-size: 19px;color: #d2d2d2;font-family: 'Roboto',sans-serif;font-weight: bold;}
.toggleWindow{width: 100%;background:url('../img/togglebg.png');position: absolute;bottom: 0;display: none;padding-bottom: 30px;}
.toggleTitle{font-family: 'Roboto'; font-size: 39px; color: #fff; margin: 74px 0 0 0;font-weight: 900;}
.toggleTextContent{color: #fff;font-family: 'Roboto',sans-serif;font-size: 17px;width: 62%;margin: 30px auto auto auto;line-height: 32px;text-align: justify;}
.fnt{font-family: 'Geogtq-Lg',sans-serif !important;font-size: 18px;}
.score-tab-container{width: 100%;position: relative;left: -125px;}
.score-tab-inner{width: 100%;display: none;}
.matches{margin: 0 0 0 95px;}
.matchesTitle{font-size:15px;color:#fff;font-family:'Roboto',sans-serif;transform: rotate(271deg); -webkit-transform: rotate(271deg); -moz-transform: rotate(271deg); -o-transform: rotate(271deg); -ms-transform: rotate(271deg);top: 34px;left: 0;position: absolute;}
.heightBorder{width: 2px;background: #fff;height: 95px;left: 43px;}
.matchesNumber{font-family: 'Roboto';font-size: 16px;}
.bigBorderline{width: 200px;clear: both;height: 2px;background: #fff;margin:0 0 0 110px;}
.score-tab-menu{width: 100%;}
.score-tab-menu ul{list-style: none;margin: 14px 0 0 110px;}
.score-tab-menu ul li{display: inline-block;margin: 6px;}
.score-tab-menu ul li a{color:#fff;font-family: 'Roboto',sans-serif;font-weight: bolder;font-size: 19px;border: 1px solid #fff; padding: 7px 17px 7px 17px; border-radius: 3px;}
.currentTab a{color:#fff;}
.score-tab-inner:first-child{display: block;}
.flextcont{display: flex;margin-top: 38px;}
.team-item-container{flex:1;margin: 0 0 0 15px;}
.team-item-title{width: 100%;text-align: center;font-weight: bolder;font-family: 'Roboto',sans-serif;font-size: 16px;}
.team-item img{max-width: 100%;}
.minHeight{height: 120px;}
.rotateMenuMedia{right: -72px !important;}
.owl-carousel .item{margin: 3px;cursor: pointer;}
.owl-carousel .item img{width: 100%;display: block;}
.owl-prev{left: -18px; top: -122px;width: 32px;height: 32px;}
.owl-next{right: -22px; position: absolute; top: -122px;width: 19px;height: 32px;}
.newsTitle{width: 100%;text-align: center;margin: 5px 0 0 0;cursor: pointer;}
.newsTitle a{color:#fff;font-family: 'Roboto',sans-serif;font-size: 17px;font-weight: bold;}
.galleryItem{height: 200px;border:1px solid #d2d2d2;overflow: hidden;border-radius: 5px;cursor: pointer;}
.galleryItem img{border-radius: 5px;}
.videoItem{height: 200px;}
.videoTitle{width: 100%;color:#fff;font-family: 'Roboto',sans-serif;text-align: center;}
.bottomArrowCollapse{position: absolute;left: 50%;bottom: 10px;}
.captionSlider{width: 50%; margin: auto; font-family: 'Roboto'; font-size: 46px; top: 61%; line-height: 71px; text-align: center; padding-left: 25px; font-weight: 300;color:#fff;left: 23%;position: absolute;}
.leftM{margin-left: 52px;}
.galleryCol{display: none;}
.goBack{font-family: 'Geogtq-Bold';font-size: 16px;color:#fff;clear: both;display: none;cursor: pointer;}
.bordernew{display: inline-block;width: 1px;height: 38px;background: #8db0a1;margin-top: -9px !important;}

.project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(10),
.project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(2),
.project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(3),
.project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(4),
.project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(5),
.project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(6),
.project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(7),
.project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(8),
.project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(9),
.project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(10),
.project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(3),
.project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(4),
.project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(5),
.project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(6),
.project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(7),
.project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(8),
.project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(9),
.project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(10),
.project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(4),
.project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(5),
.project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(6),
.project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(7),
.project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(8),
.project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(9),
.project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(10),
.project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(5),
.project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(6),
.project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(7),
.project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(8),
.project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(9),
.project-carousel[data-total-carousel-imgs="5"] .carousel-nav li:nth-child(10),
.project-carousel[data-total-carousel-imgs="5"] .carousel-nav li:nth-child(6),
.project-carousel[data-total-carousel-imgs="5"] .carousel-nav li:nth-child(7),
.project-carousel[data-total-carousel-imgs="5"] .carousel-nav li:nth-child(8),
.project-carousel[data-total-carousel-imgs="5"] .carousel-nav li:nth-child(9),
.project-carousel[data-total-carousel-imgs="6"] .carousel-nav li:nth-child(10),
.project-carousel[data-total-carousel-imgs="6"] .carousel-nav li:nth-child(7),
.project-carousel[data-total-carousel-imgs="6"] .carousel-nav li:nth-child(8),
.project-carousel[data-total-carousel-imgs="6"] .carousel-nav li:nth-child(9),
.project-carousel[data-total-carousel-imgs="7"] .carousel-nav li:nth-child(10),
.project-carousel[data-total-carousel-imgs="7"] .carousel-nav li:nth-child(8),
.project-carousel[data-total-carousel-imgs="7"] .carousel-nav li:nth-child(9),
.project-carousel[data-total-carousel-imgs="8"] .carousel-nav li:nth-child(10),
.project-carousel[data-total-carousel-imgs="8"] .carousel-nav li:nth-child(9),
.project-carousel[data-total-carousel-imgs="9"] .carousel-nav li:nth-child(10) {
    display: none
}

@media screen and (max-width:1280px) {
     
}
footer ul li a {
    color: #212121;
    transition: color .3s;
}
footer ul li a:hover,
footer ul li a:focus{
    color: #07933d;
}
@media screen and (max-width:700px) {
    .intro-content .project-thumb-hover span,
    footer .toyfight-logo-flat,
    footer::after,
    footer::before {
        display: none
    }
    h3:not(.no-line) {
        margin-bottom: 3em
    }
    /*.logo-animation {
        -webkit-transform: scale(.45);
        -moz-transform: scale(.45);
        -ms-transform: scale(.45);
        -o-transform: scale(.45);
        transform: scale(.45)
    }*/
    section p {
        width: 85%
    }
    .intro-content .project-thumb,
    .intro-content .project-thumbs {
        position: relative;
        left: auto;
        top: auto
    }
    .intro-content .project-thumb-hover {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0
    }
    .intro-content .project-thumb {
        margin: 0 auto
    }
    .intro-content .project-thumb,
    .project-thumb {
        width: 88vw;
        height: 58.6608vw
    }
    .work-project-content {
        margin-top: -7%
    }
    .work-project-content .project-thumb {
        margin-top: 7%
    }
    footer {
        height: auto
    }
    footer .footer-footer {
        position: relative;
        width: 80%;
        padding: 24px 10%;
        -webkit-transform: translateY(0)!important;
        -moz-transform: translateY(0)!important;
        -ms-transform: translateY(0)!important;
        -o-transform: translateY(0)!important;
        transform: translateY(0)!important
    }
    footer .footer-footer cite {
        margin-left: 0
    }
    footer .footer-footer ul li {
        float: none;
        width: 100%;
    }
    .floatfooter{float: none;}
    footer .footer-social {
        -webkit-box-pack: center!important;
        -moz-box-pack: center!important;
        box-pack: center!important;
        -webkit-justify-content: center!important;
        -moz-justify-content: center!important;
        -ms-justify-content: center!important;
        -o-justify-content: center!important;
        justify-content: center!important;
        -ms-flex-pack: center!important;
        margin-top: 15px
    }
    
    footer ul li:nth-child(2) a {
        margin: 0 2vw
    }
    .corner-project-back {
        top: 22px;
        right: 30px
    }
    .project-content-block .content,
    .project-intro-block .content {
        width: 75%
    }
    .project-content-block p,
    .project-text-block {
        width: 100%;
        float: none
    }
    .image-overhang-content .content h2,
    .image-overhang-content .content p,
    .project-content-block h2 {
        width: 100%
    }
    .image-overhang-content img {
        left: 70%
    }
}

@media screen and (max-width:480px) {
    /*.logo-animation {
        -webkit-transform: scale(.35);
        -moz-transform: scale(.35);
        -ms-transform: scale(.35);
        -o-transform: scale(.35);
        transform: scale(.35)
    }*/
}

@-webkit-keyframes arrowpointing {
    0%,
    30% {
        -webkit-transform: translateY(0);
        opacity: 1
    }
    50% {
        -webkit-transform: translateY(8px);
        opacity: 0
    }
    85% {
        -webkit-transform: translateY(-7px);
        opacity: 0
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes arrowpointing {
    0%,
    30% {
        -moz-transform: translateY(0);
        opacity: 1
    }
    50% {
        -moz-transform: translateY(8px);
        opacity: 0
    }
    85% {
        -moz-transform: translateY(-7px);
        opacity: 0
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@keyframes arrowpointing {
    0%,
    30% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    50% {
        -webkit-transform: translateY(8px);
        -moz-transform: translateY(8px);
        -ms-transform: translateY(8px);
        -o-transform: translateY(8px);
        transform: translateY(8px);
        opacity: 0
    }
    85% {
        -webkit-transform: translateY(-7px);
        -moz-transform: translateY(-7px);
        -ms-transform: translateY(-7px);
        -o-transform: translateY(-7px);
        transform: translateY(-7px);
        opacity: 0
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.logoMnp{width: 20%;height: 13%;position: fixed;left: 0;top:0;z-index: 9999;cursor: pointer;}
.LanguageLink{border:1px solid #fff;border-radius: 62px;-webkit-border-radius: 62px;-moz-border-radius: 62px;-o-border-radius: 62px;color:#fff !important;padding: 8px;}
.LanguageLink:hover{background: #000 !important;color:#fff !important;}



@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 
.captionSlider{width: 57%;font-size: 41px;line-height: 52px;padding-left: 10px;}
.profile-content h2{font-size: 45px;}
.media-content h2{font-size: 45px;}
.contact-content h2{font-size: 45px;}
.middleMenu li{display: block;margin-bottom: 10px;margin-left: -24px;}
.wBorder{width: 0px;}
.toggleTextContent{width: 82%;text-align: center;}
.matches{margin: 0 0 0 11px;}
.bigBorderline{margin: 0 0 0 82px;}
.score-tab-menu ul{text-align: left;margin: 14px 0 0 76px;}
.score-tab-menu ul li{display: block;}
.matchesNumber{left: 42px;}
.team-item-container{float: none;margin: auto auto 10px auto;}
.logo-shield-wrap{width: 126px;}
.featherlight-inner{width: 100%;}
.newscontent img{width: 100%;max-width: 100%;}
.score-tab-container{left: -53px;}
.score-tab-menu ul li a{text-align: center;}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 
.captionSlider{width: 64%;font-size: 41px;line-height: 52px;padding-left: 10px;}
.profile-content h2{font-size: 40px;padding: 60px 0 0 16px;}
.media-content h2{font-size: 40px;padding: 60px 0 0 16px;}
.contact-content h2{font-size: 40px;padding: 60px 0 0 16px;}
.middleMenu li{display: block;margin-bottom: 10px;margin-left: -24px;}
.wBorder{width: 0px;}
.toggleTextContent{width: 82%;text-align: center;}
.matches{margin: 0 0 0 0px;}
.bigBorderline{margin: 0 0 0 50px;}
.score-tab-menu ul{text-align: left;margin: 14px 0 0 95px;}
.score-tab-menu ul li{display: block;}
.matchesNumber{left: 42px;}
.team-item-container{float: none;margin: auto 8px 10px auto;}
.owl-next{right: -14px;top: -123px;}
.logo-shield-wrap{width: 104px !important;}
.featherlight-inner{width: 100%;}
.newscontent img{width: 100%;max-width: 100%;}
.score-tab-container{left: -53px;}
.score-tab-menu ul li a{text-align: center;}
.flextcont{display: inline-block;}
.team-item-container{width: 241px; margin-left: auto;}
.team-item{width: 200px;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
.captionSlider{width: 64%;font-size: 41px;line-height: 52px;padding-left: 10px;}
.profile-content h2{font-size: 40px;padding: 60px 0 0 16px;}
.media-content h2{font-size: 40px;padding: 60px 0 0 16px;}
.contact-content h2{font-size: 40px;padding: 60px 0 0 16px;}
.middleMenu li{display: block;margin-bottom: 10px;margin-left: -24px;}
.wBorder{width: 0px;}
.toggleTextContent{width: 82%;text-align: center;}
.matches{margin: 0 0 0 0px;}
.bigBorderline{margin: 0 0 0 50px;}
.score-tab-menu ul{text-align: left;margin: 14px 0 0 64px;}
.score-tab-menu ul li{display: block;}
.matchesNumber{left: 42px;}
.team-item-container{float: none;margin: auto auto 10px auto;}
.owl-next{right: -14px;top: -123px;}
.logo-shield-wrap{width: 130px !important;}
.featherlight-inner{width: 100%;}
.newscontent img{width: 100%;max-width: 100%;}
}

.text-center{text-align: center !important;}

.section{overflow: hidden;}

#coverPhoto{left:-206px !important;}

.floatfooter{float: left;}

.top0{top: 1%;}

#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #333 url('../img/logo-white-v1.png') no-repeat center center;display: none;}