.section-a,
.section-a > *
{
    position: relative;
    z-index: 1;
}.artd__aside,
.aside-content
{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
}body,
html
{
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;

    -webkit-transition: opacity .2s linear;
         -o-transition: opacity .2s linear;
            transition: opacity .2s linear;

    color: #53565a;
}p
{
    margin-bottom: 1.5em;
}.section-a
{
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;

    min-height: 100vh;

    background-image: url(../images/bg1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
            background-size: cover;

    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
    -ms-flex-pack: end;
            justify-content: flex-end;
}.col-right
{
    display: inline-block;

    width: 50%;
}.artd__logo
{
    position: absolute;
    top: 3.2em;
    left: 3.8em;

    width: 18vw;
}.aside-2:after,
.sec-it:after,
.sec-it:before,
.section-a:before
{
    top: 0;

    height: 100%;

    content: '';
}.section-a:before
{
    position: absolute;
    left: 0;

    width: 100%;

    background: rgba(0,0,0,.5);
}.artd__aside
{
    z-index: 1;

    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    padding: 5em 2em 5em 5em;

    color: #fff;
    background: rgba(63,150,209,.85);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}.title-page
{
    font-size: 2.5em;
    font-weight: 700;

    margin-bottom: 2em;
}.description,
.p-center
{
    font-size: 1.25em;
}.scroll-next
{
    position: fixed;
    z-index: 10;
    bottom: 0.5em;
    left: 50%;
    width: 3em;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: .5;
}.scroll-prev
{
    position: fixed;
    z-index: 10;
    top: 1.5em;
    left: 50%;
    width: 3em;
    -webkit-transform: translateX(-50%) rotate(180deg);
    -ms-transform: translateX(-50%) rotate(180deg);
    -o-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg);
    opacity: .5;
}.col-left
{
    display: inline-block;

    width: 50%;
}.section-b
{
    position: relative;;

    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
}.aside-2
{
    position: relative;

    background-image: url(../images/bg2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
            background-size: cover;
}.logo-aside
{
    position: absolute;
    z-index: 1;
    bottom: 6em;
    left: 50%;

    width: 15em;
    max-width: 50%;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}.aside-1
{
    position: relative;

    min-height: 100vh;
    padding: 7vh 5vw 7vh 7.5vw;
}.aside-content
{
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    height: 100%;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}.figure-it
{
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 5vh;

    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}.figure-it img
{
    width: 5em;
    margin-right: 5em;
}.aside-list
{
    margin: 5vh 0 6vh;
}.aside-list li:last-child .figure-it
{
    margin-bottom: 0;
}.p-center
{
    font-weight: 700;

    text-align: center;
}.figure-caption,
.p-desc
{
    font-size: 1.15em;
}.aside-2:after
{
    position: absolute;
    left: 0;

    width: 100%;

    background: rgba(0,0,0,.1);
}.sec-it
{
    position: relative;
    z-index: 2;

    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;

    width: 92.4%;
    margin: 2em 0 2em;
    padding: 2.8em;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}.sec-it:after,
.sec-it:before
{
    position: absolute;
    left: 0;

    width: 100%;
}.sec-it:before
{
    z-index: -2;

    opacity: .85;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
            background-size: cover;
}.sec-it:after
{
    z-index: -1;

    background: rgba(0,0,0,.3);
}.logo-label
{
    max-width: 15.7em;
}.sect-it-wr
{
    font-size: 1.25em;

    position: relative;

    max-width: 37.55em;
    margin: 0 -2.25em;
    padding: 5vh 3em;

    color: #fff;
    background: rgba(63,150,209,.85);
}.sec-it-content:after,
.sect-it-wr:after,
.sect-it-wr:before
{
    position: absolute;

    content: '';
}.sec-it:nth-child(even)
{
    margin-left: auto;
}.sec-it-content:after
{
    z-index: 1;
    bottom: 100%;

    border-width: .7em 1.6em;
    border-style: solid;
}.sec-it:nth-child(even) .sec-it-content:after
{
    left: 0;

    border-color: transparent #21597e #21597e transparent;
}.sec-it:nth-child(odd) .sec-it-content:after
{
    right: 0;

    border-color: transparent transparent #21597e #21597e;
}.sect-it-wr:after,
.sect-it-wr:before
{
    right: -.2em;

    width: 3.4em;
    height: 2.5em;

    background: #fff;
}.sect-it-wr:after
{
    top: 100%;
}.sect-it-wr:before
{
    bottom: 100%;
}.sec-it:nth-child(even) .sect-it-wr:after,
.sec-it:nth-child(even) .sect-it-wr:before
{
    left: -.2em;
}.text-center
{
    font-size: 1.55em;

    margin: 0 0 1em 0;
    padding: 0 2em;

    text-align: center;
}.section-d
{
    position: relative;

    padding: 4em 3.3em 2em;

    color: #fff;
    background-image: url(../images/bg7.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-background-size: cover;
            background-size: cover;
}.section-d:before
{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background-color: rgba(63,150,209,.85);
}.section-d .content
{
    font-size: 1.25em;
    line-height: 1.3;

    position: relative;
    z-index: 1;

    max-width: 83%;
    margin: 0 auto;
}.developer-row
{
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
    -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}.dev-logo
{
    font-size: .8em;
    line-height: 1;

    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;

    text-align: right;

    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}.dev-logo img
{
    width: 3.5em;
    margin-left: .65em;
}.section-d .content a
{
    font-size: 1.2em;
}.df_no-touchevents .fp-section .artd__section.section-c
{
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    min-height: 100vh;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
    -ms-flex-align: start;
            align-items: flex-start;
}

.df_no-touchevents #section-d.fp-section .artd__section
{
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    min-height: 100vh;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
    -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
}@media(min-width:1921px)
{
    body,
    html
    {
        font-size: .9vw;
    }
}@media(max-width:1500px)
{
    body,
    html
    {
        font-size: 13px;
    }
}@media(max-width:1024px)
{
    body,
    html
    {
        font-size: 11px;
    }.figure-it img
    {
        width: 3em;
        margin-right: 2em;
    }.aside-1
    {
        padding: 6vh 3vw 3vh;
    }.figure-it
    {
        margin-bottom: 4vh;
    }.artd__aside
    {
        padding: 3em;
    }.artd__logo
    {
        top: 2em;
        left: 2em;
    }.scroll-next
    {
        bottom: 1em;

        width: 3em;
    }.scroll-prev
    {
        top: 1em;

        width: 3em;
    }.logo-aside
    {
        bottom: 3em;

        max-width: 30%;
    }.logo-label
    {
        max-width: 18%;
    }.section-d .content
    {
        max-width: 100%;
        margin-bottom: 1em;
    }.title-page
    {
        margin-bottom: 1em;
    }.sect-it-wr
    {
        padding: 2em;
    }
}@media(max-width:600px)
{
    .artd__aside,
    .artd__logo
    {
        padding: 2em;
    }.section-a,
    .section-b
    {
        display: block;
    }.artd__logo,
    .logo-aside
    {
        position: relative;
        left: initial;
    }.col-right
    {
        width: 100%;
    }.artd__logo
    {
        top: inherit;

        width: 18em;
        margin: auto;
    }.title-page
    {
        font-size: 2em;
    }.col-left
    {
        width: 100%;
    }.logo-aside
    {
        bottom: initial;

        margin: 0 auto;
        padding: 5em 0;

        -webkit-transform: none;
            -ms-transform: none;
             -o-transform: none;
                transform: none;
    }.sect-it-wr
    {
        padding: 1.5em;
    }.section-d
    {
        padding: 3em 2em;
    }.aside-1
    {
        min-height: 0;
    }
}