@import url('https://fonts.googleapis.com/css?family=Raleway');

body
{
    margin: 0;
    text-align: center;
    font-family: 'Raleway', sans-serif;
}

h4
{
    font-size: 28px;
    font-weight: bold;
    color: #0098DA;
}

hr
{
    width: 80px;
    margin: 0 auto 30px;
    border: 2px solid #0098DA;
}

p
{
    font-size: 20px;
    line-height: 34px;
}

button.btn-expo
{
    margin: 0 0 0 15px;
    color: #fff !important;
    background-color: #0098DA;
}

.container-30
{
    padding: 0 30px;
}

.container-45
{
    padding: 0 45px;
}

.container-60
{
    padding: 0 60px;
}

.container-120
{
    padding: 0 120px;
}

.header
{
    margin: 56px 0 32px;
}

.header img
{
    width: 320px;
}

.footer
{
    width: 100%;
    color: #fff;
    height: auto;
    display: table;
    background-color: #48887B;
}

.footer .logo
{
    margin: 52px 0;
}

.footer .logo img
{
    height: 120px;
    max-width: 100%;
}

.footer .menu
{
    margin: 38px 0;
}

.footer .menu a
{
    color: #fff;
}

.footer .media
{
    margin: 38px 0;
}

.footer .media p
{
    font-size: 14px;
}

.footer .media img
{
    width: 126px;
}

.footer .comary
{
    margin: 46px 0;
}

.footer .comary img
{
    width: 68px;
}

.footer .comary img:nth-child(1)
{
    margin-top: 14px;
}

.footer .dafel
{
    margin: 44px 0;
}

.footer .dafel p
{
    font-weight: bold;
}

.footer .dafel p span
{
    color: #FFCC29;
}

.footer .dafel img
{
    max-width: 162px;
}

.futura
{
    padding: 10px;
    text-align: right;
    background-color: #33766A;
}

.futura a
{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.futura a span
{
    color: #FFCC29;
}

#up
{
    left: 10px;
    bottom: 10px;
    z-index: 1000;
    position: fixed;
}

#up button
{
    width: 40px;
    color: #fff;
    height: 40px;
    border-radius: 50%;
    border-color: #0098DA;
    background-color: #0098DA;
}

.content, .overlay
{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 200px 0;
    position: absolute;
}

.chevron
{
    width: 100%;
    height: 120px;
    position: absolute;
}

.chevron-up
{
    top: -60px;
}

.chevron-down
{
    bottom: -60px;
}

.chevron:before
{
    top: 0;
    left: 0;
    width: 50%;
    content: '';
    height: 100%;
    background: white;
    position: absolute;
    transform: skew(0deg, 6deg);
    -o-transform: skew(0deg, 6deg);
    -ms-transform: skew(0deg, 6deg);
    -moz-transform: skew(0deg, 6deg);
    -webkit-transform: skew(0deg, 6deg);
}

.chevron:after
{
    top: 0;
    right: 0;
    width: 50%;
    content: '';
    height: 100%;
    background: white;
    position: absolute;
    transform: skew(0deg, -6deg);
    -o-transform: skew(0deg, -6deg);
    -ms-transform: skew(0deg, -6deg);
    -moz-transform: skew(0deg, -6deg);
    -webkit-transform: skew(0deg, -6deg);
}​