header {

    transition: all 0.3s ease;
}

header .nav-icon {

    display: block;
    left: 0;
    float: right;
    width: 40%;
    margin-top: 23px;

    /* border: 1px solid blue; */
    text-align: right;
}


header .nav-icon a:link,
header .nav-icon a:visited,
header .nav-icon a:hover,
header .nav-icon a:active {

    font-size: 24px;
    color: #FFF;
}


header nav {

    display: none;
    position: absolute;

    top: 0;
    left: 0;

    z-index: 10;

    text-align: left;

    width: calc(100% - 60px);
    padding: 0 30px;
    height: 100%;

    background: linear-gradient(#373737, #202020);

    /* debug*/
    /* display: block;
    */
}

header nav .close {

    /* opacity: 0.4; */
}

header nav .logo {

    margin-top: 20px;
    clear: both;
    display: block;
    height: 240px;
}

header nav .logo img {

    height: 100%;
    margin-left: -30px;
    margin-top: -26px;
}

header .reveal {

    display: block;
}

header nav>div {

    display: block;
}


header nav ul {

    display: block;
    clear: both;
    float: left;

    width: 100%;
    position: relative;
    margin-top: 30px;

    clear: both;
}

header nav ul.navs {

    border-top: 1px solid #505050;
}

header nav ul.navs li {

    display: block;
    width: 100%;
    height: 50px;
    padding-top: 3px;
    border-bottom: 1px solid #505050;
    clear: both;
}


header nav ul.navs li:last-child {

    margin-top: 40px;
    border: none;
}


header nav ul li a:link,
header nav ul li a:visited,
header nav ul li a:hover,
header nav ul li a:active {

    display: block;
    color: #fff;
    width: 100%;
    height: 100%;
    line-height: 50px;
}

header nav ul li a:hover,
header nav ul li a:active {

    color: #4db3ff;
}

header nav .sociables {

    opacity: 0.7;
}


.nav-up {

    top: -100px;
}

.shrinked>.logo {

    padding-top: 10px;
    padding-bottom: 10px;
}

.shrinked>.nav-icon {

    padding-top: 17px;
    padding-bottom: 10px;
}

header nav ul.sociables {

    /* position: absolute;
    bottom: 30px; */
}

section {

    margin-top: 70px;
}

.office {

    display: block;
    position: relative;
    float: left;
    clear: both;
    width: 100%;

    color: #666;
    padding-bottom: 60px;
}

.office img {

    width: 100%;
    margin-bottom: 20px;
}

.office div p:first-child {

    font-size: 16pt;
    line-height: 24pt;
    font-family: RobotoRegular;
}

.office p {

    font-size: 13pt;
    line-height: 15pt;
    font-family: RobotoLight;
}

.map {

    display: none;
}