body {
    margin:0;
    padding:0;
    font-size:13px;
    line-height:19px;
    font-family:arial;
    background:url(../img/languages.png) no-repeat top center #019FC4
}

.clear {
    clear:both
}

.pad20 {
    padding:20px
}

a {
    color:#015174;
    text-decoration:none
}

h1 {
    font-family: 'Oswald', sans-serif;
    font-size:28px;
    color:#015174;
    margin:0 0 15px;
}

h2 {
    font-size:21px;
    color:#015174;
    margin:0 0 25px;
    color:#003a54
}

h3 {
    font-family: 'Oswald', sans-serif;
    font-size:21px;
    color:#015174;
    margin:0;
}

#container {
    max-width:1170px;
    margin:80px auto;
}

#bg-container {
    background:#fff;
    padding:20px;
    margin:0 20px;
}

img#logo {
    width:250px;
    margin-top:-147px;
    position:relative
}

#title-head {
    font-family: 'Oswald', sans-serif;
    font-weight:700;
    color:#fff;
    font-size:40px;
    margin-top:-186px;
    margin-left:250px
}

#title-head small {
    font-size:20px;
    display:block;
    margin-top:14px
}

#social {
    float:right;
    margin-top:-88px
}

#social img {
    background:#fff;
    margin-left:3px;
    border:2px solid #fff
}

img.img-top {
    width:100%;
    margin-top:20px
}

#menu {
    height:60px;
    background:#015174;
    line-height:60px;
    font-family: 'Oswald', sans-serif;
}

#menu a {
    display:block;
    float:left;
    color:#fff;
    border-left:1px solid #018AB4;
    padding:0 15px;
    text-decoration:none;
    text-transform:uppercase;
    font-size:11.8px;
    position:relative;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

#menu span {
    display:block;
    float:left;
    color:#fff;
    background:#007db3;
    border-left:1px solid #018AB4;
    padding:0 15px;
    text-decoration:none;
    text-transform:uppercase;
    font-size:11.8px;
    position:relative;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

#menu a:hover {
    background:#019FC4
}

#menu span:hover {
    background:#019FC4
}

@media (max-width:1110px) {
    #menu a {
        font-size:12px;
        padding:0 10px
    }
    
    #menu span {
        font-size:12px;
        padding:0 10px
    }
}

@media (max-width:1000px) {
    #menu {
        display:none
    }
    
    #menu-mobile {
        display:block !important
    }
}

#menu span .submenu {
    position:absolute;
    top:15px;
    left:-30px;
    z-index:500;
    padding-top:48px;
    visibility:hidden;
    opacity:0;
    -webkit-transition: 0.0s;
    -moz-transition: 0.0s;
    -o-transition: 0.0s;
    transition: 0.0s;
    min-width:300px
}

#menu span:hover .submenu {
    visibility:visible;
    opacity:0.95;
    left:0;
}

#menu span .submenu .box-submenu {
    background:#015174;
}

#menu span .submenu .box-submenu a {
    border-bottom:1px solid #018AB4;
    display:block;
    padding:0 30px;
    line-height:40px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    border-left:0;
    float:none
}

#menu span .submenu .box-submenu a:hover {
    background:#019FC4
}

#menu-mobile {
    background:#015174;
    line-height:60px;
    display:none;
    text-align:center;
    padding-top:5px;
}

#menu-mobile a {
    color:#fff;
    font-weight:bold;
    font-size:24px
}

#menu-mobile img {
    height:15px;
    display:inline-block;
    margin-right:10px
}

#page {
    margin-top:35px
}

#sidebar {
    margin-top:35px;
    padding:20px;
    background:#f0f7ff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#footer {
    background:#015174;
    padding:15px 0;
    margin-top:30px;
    color:#fff
}

#footer h3 {
    color:#fff;
    font-size:18px;
    font-weight:400
}

#footer a {
    display:inline-block;
    color:#fff;
    padding:4px 0;
    text-decoration:none
}

#bott-foot {
    padding:15px 0;
    text-align:center;
    font-size:12px
}







/* --------- 768px - Tablet --------- */

@media (max-width:768px) {
    img#logo {
        width:250px;
        margin:-147px auto 0 auto !important;
        display:block
    }
    
    #title-head {
        display:none
    }
    
    img.img-top {
        margin-top:-60px
    }
    
}



/* --------- 480px - Smartphone --------- */

@media (max-width:480px) {
    #social img {
        display:block;
        width:28px;
        margin-bottom:3px
    }
    
    img.img-top {
        margin-top:-20px
    }
    
    #footer .span3 {
        margin-bottom:30px !important
    }
    
}