@font-face{
    font-family: 'art-thin';
    src: url('Artifakt Element Thin.otf');
}

@font-face{
    font-family: 'art-light';
    src: url('Artifakt Element Light.otf');
}

@font-face{
    font-family: 'art-reg';
    src: url('Artifakt Element Regular.otf');
}

@font-face{
    font-family: 'art-book';
    src: url('Artifakt Element Book.otf');
}

@font-face{
    font-family: 'art-med';
    src: url('Artifakt Element Medium.otf');
}

@font-face{
    font-family: 'art-bold';
    src: url('Artifakt Element Bold.otf');
}

@font-face{
    font-family: 'art-black';
    src: url('Artifakt Element Black.otf');
}

body {
    width: 100%;
    height: 100%;
}

html {
    width: 100%;
    height: 100%;
}

@media (min-width:767px)
{
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .1s ease-in-out,padding .1s ease-in-out;
        -moz-transition: background .1s ease-in-out,padding .1s ease-in-out;
        transition: background .1s ease-in-out,padding .1s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}

.navbar-brand {
    padding-top: 0;
    padding-left: 0;
}

.navbar-default .navbar-nav>li>a {
    color: #777777;
}

.navbar-default {
    background: white;
}

.section-mainTop {
    height: 100%;
    padding-top: 50px;
    position: relative;
}

.section-workTop {
    height: 60%;
    padding-top: 50px;
    position: relative;
}

.container-next {
    padding-top: 60px;
    background: #362F40;
    margin-top: 50px;
    padding-bottom: 80px;
}

.image-scaleUp {
    width: 100%;
}

.image-center-horizontal {
    margin-right: auto;
    margin-left: auto;
}

.image-center-vertical {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.font-header1-OK {
    font-family: art-thin;
    font-size: 3.5em;
    padding-top: 50px;
    text-align: left;
    padding-bottom: 30px;
}

.font-header2-OK {
    font-size: 2em;
    font-family: art-light;
    padding-top: 20px;
    text-align: left;
    padding-bottom: 6px;
}

.font-header6-OK {
    font-size: 0.6em;
    font-family: art-med;
    text-align: right;
    padding-bottom: 0px;
}

.font-header3-OK {
    font-family: art-light;
    font-size: 1.2em;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.font-header4-OK {
    font-size: 2em;
    font-family: art-light;
    color: white;
}

.font-header5-OK {
    text-transform: uppercase;
    font-family: art-bold;
    font-size: 0.7em;
    letter-spacing: 3px;
}

.font-body {
    font-size: 1em;
    line-height: 1.4;
    font-family: art-reg;
}

.font-small {
    font-family: art-reg;
    font-size: 0.8em;
    line-height: 1.6;
}

.font-link,
.font-link:visited,
.font-link:hover,
.font-link:active {
    color: #444444;
    font-family: art-reg;
    font-size: 1em;
}

.nextButton {
    color: rgba(255, 255, 255, 0.5);
    font-family: art-reg;
    font-size: 1em;
    background: #33E4B8;
    width: 100%;
    height: 150px;
    margin-top: 40px;
    transition: all 0.3s ease 0s;
}

.nextButton:hover {
    background: #2FD1A9;
    transition: all 0.3s ease 0s;
}

.font-color-white {
    color: white;
}

.text-center-vertical {
    position: absolute;
    top: 40%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.column-noPadding {
    padding-left: 0px;
    padding-right: 0px;
}

.column-padding-bottom {
    padding-bottom: 30px;
}

.padding-bottom {
    padding-bottom: 10px;
}

.padding-body {
    margin-bottom: 40px;
}

.font-quote {
    text-align: right;
    font-family: art-reg;
    margin-top: 30px;
    font-size: 1.6em;
}

.text-red {
    color: #3de497;
}