.p--block
{
    padding          : 32px;
    background-color : #f0f0f0;
}

a.link--blue:hover
{
    text-decoration: underline;
}

a.link--blue
{
    color           : #184a7d;
    text-decoration : none;
}

.footer--logos
{
    padding    : 8px 16px 16px 16px;
    display    : block;
    text-align : center;
    display    : block;
}

.footer--logos img
{
    width     : 90%;
    max-width : 222px;    
}

.content--article h1
{
    text-transform : uppercase;
    font-weight    : 500;
}

.content--article.ng-enter
{
    opacity                            : 0;
    transition                         : all .675s;
    -webkit-transition                 : all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-transition                    : all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-transition                      : all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition                         : all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -webkit-transition-timing-function : cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-transition-timing-function    : cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-transition-timing-function      : cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition-timing-function         : cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transform                          : translateY( 20px );
}

.content--article.ng-enter.ng-enter-active
{
    opacity          : 1;
    transition       : all .95s;
    transition-delay : .7s;
    animation-delay  : .7s;
    transform        : translateY( 0px );
}

.content--article.ng-leave
{
    opacity    : 0;
    transition : all .375s;
}

.content--article.ng-leave
{
    opacity : 0;
}


.container--wrap
{
    margin    : 0 auto;
    width     : 100%;
    max-width : 1200px;
    position  : relative;
    color     : #06060a;
}

.content--main
{
    text-align : left;
}

.content--article
{
    padding: 48px 16px 66px 16px;
}

.menu .flex
{
    /*text-align: center;*/
}

.footer--menu-box
{
    max-width     : 500px;
    padding-right : 8vw;
    margin        : 22px 0;
}

.footer--menu-items > a
{
    display         : block;
    text-align      : left;
    text-decoration : none;
    margin-bottom   : 8px;
}

.footer--menu-items.footer--menu-contact a
{
    margin-bottom : 26px;
}

.footer--menu-item
{
    color : #9d9d9d;
}

.content--pad
{
    padding : 0 20px;
}

.item--upper
{
    text-transform: uppercase;
}

.footer--menu-items
{
    padding-right : 1vw;
}

.footer--notice
{
    color       : #9d9d9d;
    font-family : 'Roboto', sans-serif;
    font-size   : 12px;
    text-align  : left;
    padding     : 32px 16px 0px 16px;
}

.footer--menu
{
    color       : #9d9d9d;
    font-family : 'Roboto', sans-serif;
    font-size   : 14px;
    text-align  : center;
    min-height  : 158px;
    padding     : 50px 16px 30px 16px;
}

.footer--menu .footer--headline
{
    color          : #ffffff;
    font-family    : 'Roboto', sans-serif;
    font-weight    : 900;
    font-size      : 22px;
    text-align     : left;
    margin-bottom  : 26px;
    text-transform : uppercase;
}

.footer--container
{
    background : #2f2f2f;
}

hr.footer--line
{
    height           : 1px;
    background-color : rgba(157, 157, 157,.7);
    margin           : 0;
    border           : none;
    overflow         : hidden;
}

.mobile--menu-panel
{
    width      : 90vw;
    position   : fixed;
    height     : 100vh;
    z-index    : 999;
    background : rgba(17, 17, 17,.98);
    max-width  : 460px;
    display    : none;
}

.mobile--menu-panel.active
{
    display : block;
}