html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

html {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

q, blockquote {
    quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none;
}

a img {
    border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

/**
 * Created by paulopaes on 27/06/16.
 * ----------------------------------------------------------------------------------------------
 * ----------------------------------------------------------------------------------------------
 * -----00000000----------000----00--------00--000000000000--00-------------00------0000---------
 * -----00------00-------00-00----00------00--------00-------00-------------00----00----00-------
 * -----00-------00-----00---00----00----00---------00-------00-------------00---00------00------
 * -----00--------00---00-----00----00--00----------00-------00-------------00--00--------00-----
 * -----00--------00--00-------00----0000-----------00-------00-----000-----00--00--------00-----
 * -----00-------00--0000000000000----00------------00-------00----00-00----00---00------00------
 * -----00------00--00-----------00---00------------00--------00--00---00--00-----00----00-------
 * -----00000000---00-------------00--00------------00---------0000-----0000--------0000---------
 * ---------------------------------------------------------------------------------0------------
 * ----------------------------------------------------------------------------------------------
 */
/**
 * Created by paulopaes on 27/06/16.
 * ----------------------------------------------------------------------------------------------
 * ----------------------------------------------------------------------------------------------
 * -----00000000----------000----00--------00--000000000000--00-------------00------0000---------
 * -----00------00-------00-00----00------00--------00-------00-------------00----00----00-------
 * -----00-------00-----00---00----00----00---------00-------00-------------00---00------00------
 * -----00--------00---00-----00----00--00----------00-------00-------------00--00--------00-----
 * -----00--------00--00-------00----0000-----------00-------00-----000-----00--00--------00-----
 * -----00-------00--0000000000000----00------------00-------00----00-00----00---00------00------
 * -----00------00--00-----------00---00------------00--------00--00---00--00-----00----00-------
 * -----00000000---00-------------00--00------------00---------0000-----0000--------0000---------
 * ---------------------------------------------------------------------------------0------------
 * ----------------------------------------------------------------------------------------------
 */
/**
 * Created by paulopaes on 27/06/16.
 * ----------------------------------------------------------------------------------------------
 * ----------------------------------------------------------------------------------------------
 * -----00000000----------000----00--------00--000000000000--00-------------00------0000---------
 * -----00------00-------00-00----00------00--------00-------00-------------00----00----00-------
 * -----00-------00-----00---00----00----00---------00-------00-------------00---00------00------
 * -----00--------00---00-----00----00--00----------00-------00-------------00--00--------00-----
 * -----00--------00--00-------00----0000-----------00-------00-----000-----00--00--------00-----
 * -----00-------00--0000000000000----00------------00-------00----00-00----00---00------00------
 * -----00------00--00-----------00---00------------00--------00--00---00--00-----00----00-------
 * -----00000000---00-------------00--00------------00---------0000-----0000--------0000---------
 * ---------------------------------------------------------------------------------0------------
 * ----------------------------------------------------------------------------------------------
 */
@font-face {
    font-family: "MetricWeb";
    src: url("fonts/MetricWeb-Thin.eot");
    src: url("fonts/MetricWeb-Thin.eot?#iefix") format("embedded-opentype"), url("fonts/MetricWeb-Thin.woff") format("woff"), url("fonts/MetricWeb-Thin.ttf") format("truetype"), url("fonts/MetricWeb-Thin.svg#MetricWeb") format("svg");
    font-style: normal;
    font-weight: 100;
}
@font-face {
    font-family: "MetricWeb";
    src: url("fonts/MetricWeb-Light.eot");
    src: url("fonts/MetricWeb-Light.eot?#iefix") format("embedded-opentype"), url("fonts/MetricWeb-Light.woff") format("woff"), url("fonts/MetricWeb-Light.ttf") format("truetype"), url("fonts/MetricWeb-Light.svg#MetricWeb") format("svg");
    font-style: normal;
    font-weight: 200;
}
@font-face {
    font-family: "MetricWeb";
    src: url("fonts/MetricWeb-Regular.eot");
    src: url("fonts/MetricWeb-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/MetricWeb-Regular.woff") format("woff"), url("fonts/MetricWeb-Regular.ttf") format("truetype"), url("fonts/MetricWeb-Regular.svg#MetricWeb") format("svg");
    font-style: normal;
    font-weight: 300;
}
/*@include fontFace('MetricWeb','fonts/MetricWeb-Medium',normal,500);*/
@font-face {
    font-family: "MetricWeb";
    src: url("fonts/MetricWeb-Semibold.eot");
    src: url("fonts/MetricWeb-Semibold.eot?#iefix") format("embedded-opentype"), url("fonts/MetricWeb-Semibold.woff") format("woff"), url("fonts/MetricWeb-Semibold.ttf") format("truetype"), url("fonts/MetricWeb-Semibold.svg#MetricWeb") format("svg");
    font-style: normal;
    font-weight: 500;
}
/*@include fontFace('MetricWeb','fonts/MetricWeb-Bold',normal,700);*/
@font-face {
    font-family: "icomoon";
    src: url("fonts/icomoon.eot");
    src: url("fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("fonts/icomoon.woff") format("woff"), url("fonts/icomoon.ttf") format("truetype"), url("fonts/icomoon.svg#icomoon") format("svg");
    font-style: normal;
    font-weight: normal;
}
[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-down:before {
    content: "\e900";
}

.icon-hamburger:before {
    content: "\e901";
}

.icon-cross:before {
    content: "\e902";
}

#global-header {
    font-weight: 500;
}
#global-header, #global-header * {
    font-size: 14px;
}
#global-header .mobile {
    opacity: 0;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}
#global-header .mobile li {
    opacity: 0;
    -moz-transition: opacity 0.1s linear, -moz-transform 0.15s ease-out;
    -o-transition: opacity 0.1s linear, -o-transform 0.15s ease-out;
    -webkit-transition: opacity 0.1s linear, -webkit-transform 0.15s ease-out;
    transition: opacity 0.1s linear, transform 0.15s ease-out;
}
#global-header .mobile li:not([data-action="toggle-mobile-menu"]) {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
#global-header .mobile li[data-action="toggle-mobile-menu"] {
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -moz-transition-duration: 0.1s, 0.3s;
    -o-transition-duration: 0.1s, 0.3s;
    -webkit-transition-duration: 0.1s, 0.3s;
    transition-duration: 0.1s, 0.3s;
}
#global-header .mobile li:nth-child(1) {
    -moz-transition-delay: 75ms, 75ms;
    -o-transition-delay: 75ms, 75ms;
    -webkit-transition-delay: 75ms, 75ms;
    transition-delay: 75ms, 75ms;
}
#global-header .mobile li:nth-child(2) {
    -moz-transition-delay: 100ms, 100ms;
    -o-transition-delay: 100ms, 100ms;
    -webkit-transition-delay: 100ms, 100ms;
    transition-delay: 100ms, 100ms;
}
#global-header .mobile li:nth-child(3) {
    -moz-transition-delay: 125ms, 125ms;
    -o-transition-delay: 125ms, 125ms;
    -webkit-transition-delay: 125ms, 125ms;
    transition-delay: 125ms, 125ms;
}
#global-header .mobile li:nth-child(4) {
    -moz-transition-delay: 150ms, 150ms;
    -o-transition-delay: 150ms, 150ms;
    -webkit-transition-delay: 150ms, 150ms;
    transition-delay: 150ms, 150ms;
}
#global-header .mobile li:nth-child(5) {
    -moz-transition-delay: 175ms, 175ms;
    -o-transition-delay: 175ms, 175ms;
    -webkit-transition-delay: 175ms, 175ms;
    transition-delay: 175ms, 175ms;
}
#global-header .mobile li:nth-child(6) {
    -moz-transition-delay: 200ms, 200ms;
    -o-transition-delay: 200ms, 200ms;
    -webkit-transition-delay: 200ms, 200ms;
    transition-delay: 200ms, 200ms;
}
#global-header .mobile li:nth-child(7) {
    -moz-transition-delay: 225ms, 225ms;
    -o-transition-delay: 225ms, 225ms;
    -webkit-transition-delay: 225ms, 225ms;
    transition-delay: 225ms, 225ms;
}
#global-header .mobile li:nth-child(8) {
    -moz-transition-delay: 250ms, 250ms;
    -o-transition-delay: 250ms, 250ms;
    -webkit-transition-delay: 250ms, 250ms;
    transition-delay: 250ms, 250ms;
}
#global-header .mobile li:nth-child(9) {
    -moz-transition-delay: 275ms, 275ms;
    -o-transition-delay: 275ms, 275ms;
    -webkit-transition-delay: 275ms, 275ms;
    transition-delay: 275ms, 275ms;
}
#global-header .mobile li:nth-child(10) {
    -moz-transition-delay: 300ms, 300ms;
    -o-transition-delay: 300ms, 300ms;
    -webkit-transition-delay: 300ms, 300ms;
    transition-delay: 300ms, 300ms;
}
#global-header .mobile li:nth-child(11) {
    -moz-transition-delay: 325ms, 325ms;
    -o-transition-delay: 325ms, 325ms;
    -webkit-transition-delay: 325ms, 325ms;
    transition-delay: 325ms, 325ms;
}
#global-header .mobile li:nth-child(12) {
    -moz-transition-delay: 350ms, 350ms;
    -o-transition-delay: 350ms, 350ms;
    -webkit-transition-delay: 350ms, 350ms;
    transition-delay: 350ms, 350ms;
}
#global-header .mobile li:nth-child(13) {
    -moz-transition-delay: 375ms, 375ms;
    -o-transition-delay: 375ms, 375ms;
    -webkit-transition-delay: 375ms, 375ms;
    transition-delay: 375ms, 375ms;
}
#global-header .mobile li:nth-child(14) {
    -moz-transition-delay: 400ms, 400ms;
    -o-transition-delay: 400ms, 400ms;
    -webkit-transition-delay: 400ms, 400ms;
    transition-delay: 400ms, 400ms;
}
#global-header .mobile li:nth-child(15) {
    -moz-transition-delay: 425ms, 425ms;
    -o-transition-delay: 425ms, 425ms;
    -webkit-transition-delay: 425ms, 425ms;
    transition-delay: 425ms, 425ms;
}

.mobile-menu #global-header .mobile.active {
    opacity: 1;
}
.mobile-menu #global-header .mobile.active li {
    opacity: 1;
}
.mobile-menu #global-header .mobile.active li:not([data-action="toggle-mobile-menu"]) {
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
.mobile-menu #global-header .mobile.active li[data-action="toggle-mobile-menu"] {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

#global-header {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 5;
    -moz-transition: top 0.1s ease-in-out;
    -o-transition: top 0.1s ease-in-out;
    -webkit-transition: top 0.1s ease-in-out;
    transition: top 0.1s ease-in-out;
}

#global-header.subpage:not(.frontpage):after {
    background: black !important;
}
#global-header ul {
    display: block;
    position: relative;
    width: 100%;
    max-width: 1280px;
    /*margin-left:auto;
    margin-right:auto;*/
    margin: 0 auto;
    clear: both;
    padding: 85px 50px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
}
#global-header ul li {
    position: realtive;
    cursor: pointer;
}
#global-header ul li a {
    color: inherit;
    text-decoration: inherit;
    font-weight: inherit;
    font-size: inherit;
}
#global-header ul li a:hover {
    color: inherit;
    text-decoration: inherit;
    font-weight: inherit;
    font-size: inherit;
}
#global-header ul .logo {
    position: relative;
    width: 85px;
    max-width: 85px;
    min-width: 85px;
    height: auto;
    border: 0;
    float: left;
    display: block;
    margin-top: -7px;
}
#global-header ul.regular {
    text-align: right;
    z-index: 1;
    line-height: 100%;
    padding: 30px 25px 0;
}
#global-header ul.regular li {
    text-transform: uppercase;
    display: inline;
    margin-left: 15px;
    color: white;
}

#global-header ul.regular li:last-child {
    margin-left: 30px;
}

#global-header ul.regular li:hover, #global-header ul.regular li.current-menu-item {
    color: #ffd100;
}
#global-header ul.regular li.hidden-on-regular {
    display: none;
}
#global-header ul.regular li.hamburger {
    margin-left: 35px;
    color: #ffd100;
}
#global-header ul.mobile {
    position: fixed;
    top: 0;
    left: 0;
    max-width: initial;
    background-color: #222;
    background-color: rgba(34, 34, 34, 0.95);
    text-align: center;
    display: none;
    z-index: 2;
    overflow: scroll;
    padding-top: 5em;
}
#global-header ul.mobile li {
    color: #ffd100;
}
#global-header ul.mobile li:nth-child(1) {
    position: fixed;
    font-size: 18px !important;
    top: 82px;
    right: 49px;
    z-index: 10;
    /*right: 20px;
    top: 20px;*/
}
@media screen and (max-width: 420px) {
    #global-header ul.mobile li:nth-child(1) {
        top: 35px;
        right: 24px;
    }
}
#global-header ul.mobile li.divider {
    padding: 50px;
}
#global-header ul.mobile li.divider:after {
    position: absolute;
    width: 200px;
    margin-left: -100px;
    left: 50%;
    height: 1px;
    background-color: white;
    content: ' ';
    opacity: 0.2;
}
#global-header ul.mobile li.menu, #global-header ul.mobile li.footer {
    font-size: 16px;
    font-weight: 200;
    display: block;
    margin: 0 auto;
    margin-bottom: 2em;
}
#global-header ul.mobile li.menu.bottomless, #global-header ul.mobile li.footer.bottomless {
    margin-bottom: 0;
}
#global-header ul.mobile li.menu {
    font-size: 25px;
    font-weight: 200;
}
#global-header ul.mobile li.footer {
    text-transform: uppercase;
    color: white;
    font-size: 16px;
    font-weight: 500;
}
#global-header ul.mobile li.icon {
    font-size: 25px;
}
#global-header ul.mobile li.icon span {
    font-weight: bold !important;
}
#global-header.down {
    -moz-transition: -moz-transform 0.1s ease-in-out;
    -o-transition: -o-transform 0.1s ease-in-out;
    -webkit-transition: -webkit-transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out;
    transform: translateY(50px);
}
#global-header.stick {
    -moz-transition: -moz-transform 0.1s ease-in-out;
    -o-transition: -o-transform 0.1s ease-in-out;
    -webkit-transition: -webkit-transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out;
    top: -50px;
    position: fixed;
}
.mobile-menu #global-header.stick {
    height: 100%;
}
#global-header.stick:after {
    height: 65px;
    background: black !important;
}
#global-header.stick ul.regular {
    padding-top: 25px;
}
#global-header.stick ul.regular .logo {
    max-width: 85px;
    min-width: 85px;
    margin-top: -9px;
}
@media screen and (max-width: 420px) {
    #global-header.stick:after {
        height: 45px;
    }
    #global-header.stick ul.regular {
        padding-top: 15px;
    }
    #global-header.stick ul.regular .logo {
        max-width: 65px;
        min-width: 65px;
        margin-top: -6px;
    }
}
#global-header.stick.down {
    -moz-transition: -moz-transform 0.2s ease-in-out;
    -o-transition: -o-transform 0.2s ease-in-out;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
}

@media screen and (max-width: 960px) {
    #global-header ul.regular li {
        display: none;
    }
    #global-header ul.regular li.show-on-mobile, #global-header ul.regular li.hidden-on-regular {
        display: inline;
    }

    body.mobile-menu {
        overflow: hidden;
    }
    body.mobile-menu #global-header ul.mobile {
        display: block;
        height: 100%;
    }
}
@media screen and (max-width: 350px) {
    #global-header ul.mobile li.menu, #global-header ul.mobile li.footer {
        margin-bottom: 1.25em;
    }
}
@media screen and (max-width: 420px) {
    #global-header:after {
        height: 120px;
    }
    #global-header ul {
        padding: 38px 25px 0;
    }
    #global-header ul .logo {
        margin-top: -7px;
    }
    #global-header ul.regular {
        position: absolute;
        top: 0;
        left: 0;
    }
    #global-header ul.mobile {
        height: 100%;
    }
}