@import url('https://fonts.googleapis.com/css?family=Muli:400,700');
* {
    margin: 0;
    padding: 0;
}
html {
    height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
strong{
    font-weight: 700;
}
img{
    max-width: 100%;
}
body {
    background: #ebebeb;
    color:#000;
    font: 14px/20px "Muli", Arial, sans-serif;
    height: 100%;
    overflow-x: hidden;
    min-width: 320px;
}
.wrapper {
    width: 100%;
    max-width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}


/* Header
-----------------------------------------------------------------------------*/
.header {
    height: 220px;
    background: url(images/header.jpg) no-repeat;
    background-color: #d1d0ce;
    position:relative;
    display:flex;
    align-items:center;
    justify-content: center;
    background-size:cover;
    background-position: calc(50% - -30px) center;
}
.header img{
    max-width: 300px;
    position:relative;
    z-index: 9;
}

/* Menu
-----------------------------------------------------------------------------*/
nav{
    width: 100%;
    height: 31px;
    background: #000;
    margin-bottom:20px;
}

nav .menu{
    max-width:970px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 100%;
}

nav .menu .item{
    color:#fff;
    list-style: none;
    margin-right: 40px;
    position: relative;
    height: 100%;
    align-items: center;
    display: flex;
    padding: 0 10px;
}
nav .menu .item a{
    color:#fff;
    text-decoration: none;
    font:700 15px 'Muli';
}
nav .menu .item a:hover{
    color:#fcc443;
}
nav .menu .item .submenu{
    padding-top:10px;
    display: none;
    position: absolute;
    top:30px;
    right:-35px;
    z-index: 1;
}
nav .menu .item ol{
    background: #fcc443;
    padding:10px 0;
    width:200px;
    list-style: none;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.29);
    
}
nav .menu .item ol:before{
    content:"";
    width: 0; 
    height: 0; 
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fcc443;
    position: absolute;
    top:3px;
    right:50px;
}
nav .menu .item ol li{
    padding:15px 0;
}
nav .menu .item ol li a{
    padding: 0 15px;
    line-height: 20px;
}
nav .menu .item ol li a:hover{
    color:#000;
}
nav .menu .item:hover .submenu{
    display: block;
}


/* Middle
-----------------------------------------------------------------------------*/
main {
    padding: 0 0 97px;
}
.content{
    max-width:970px;
    margin: 0 auto;
}
.content-text{
    border-bottom: 3px solid #fcc443;
    padding-bottom: 10px;
    margin-bottom:25px;
}
.content-text p{
    padding:10px 0;
}

.content-row{
    margin-left:-15px;
    margin-right:-15px;
    display:flex;
    flex-wrap: wrap;
}
.content-col{
    padding-left:15px;
    padding-right:15px;
    max-width:50%;
    flex-basis: 0;
    flex-grow: 1;
}
.home{
    display: flex;
}

.home-cover{
    width: 45%;
    padding-right: 18px;
}
.home-content{
    width:55%;
}
.home-info{
    display:flex;
    flex-wrap: wrap;
}
.home-info .caption{
    width:25%;
    font:700 14px/20px Muli;
    margin-bottom:30px;
    position: relative;
    padding-right: 20px;
    box-sizing: border-box;
}

.home-info .caption:after{
    content:":";
    position: absolute;
    right:10px;
    top:0;
}
.home-info .value{
    width:75%;
    font:400 14px/20px Muli;
    margin-bottom:30px;
}
.main-title{
    font: 700 16px/23px Muli;
    padding-bottom:10px;
    border-bottom:3px solid #fcc443;
    margin-bottom:10px;
}
.bgys-cover{
    margin-bottom:20px;
}
.bgys-cover{
    max-width: 100%;
}
.bgys-list{
    padding-left:20px;
}
.bgys-list li{
    margin-bottom:20px;
    font:400 14px/20px Muli;
}

.linkedin{
    background: #fff;
    height:30px;
    margin-top:20px;
    display: inline-flex;
    align-items: center;
    padding:0;
    justify-content: space-evenly;
    width:180px;
}
.linkedin span{
    font-weight: 700;
    border-left:1px solid #ebebeb;
    padding-left:14px;
}
.linkedin a{
    color:#000;
    text-decoration: none;
}

.map{
    padding-bottom:50%;
    position:relative;
}
.map iframe{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}
/* Footer
-----------------------------------------------------------------------------*/
.footer {
    margin: -87px auto 0;
    max-width: 100%;
    background: #fff;
    position: relative;
    display: flex;
    height:87px;
}
.footer .m{
    display:none;
}


@media screen and (max-width: 768px) {
    body{
        font-size:13px;
    }

    .header{
        height:170px;
    }
    .header img{
        max-height:43px;
    }
    main{
        padding:0;
    }
    nav .menu{
        justify-content: center;
    }
    nav .menu .item{
        margin: 0;
        padding: 0 7px;
    }
    nav .menu .item a{
        font:700 12px 'Muli';
    }
    nav .menu .item ol li{
        padding: 8px 0;
    }
    .content{
        max-width:100%;
        padding-left:10px;
        padding-right:10px;
    }
    .content-col{
        flex: 1 0 50%;
        max-width: 100%;
    }
    .map{
        padding-bottom:72%
    }
    .map-col {
        order:2;
        margin:27px 0;
    }
    .content.home{
        flex-direction: column;
        margin-bottom:20px;
    }
    .home .home-content{
        width:100%;
    }
    .home .home-cover{
        margin-bottom:20px;
        width:100%;
    }
    .home-info .caption{
        width:100%;
        margin-bottom:0;
    }
    .home-info .value{
        width:100%;
    }
    .home-info .value:after{
        position: static;
        margin-left: 5px;
    }
    .footer{
        height:220px;
        margin-top:0;
    }
    .footer .m{
        display:block;
    }
    .footer .w{
        display:none;
    }
  }
  @media screen and (max-width: 767px) {
    nav .menu .item a{
        font:700 10px 'Muli';
        text-align: center;
    }
    nav .menu .item:nth-child(3) a{
        width: 110px;
    }
}
@media screen and (max-width: 350px) {
    nav .menu .item a{
        font: 700 10px 'Muli';
    }
    nav .menu .item ol{
        width: 170px;
    }
}