body {


  background-color: #1b2c35;


  font-family: 'EB Garamond', serif;


  font-weight: 300;


  font-size: 16px;


  color: #555;


  overflow-x: hidden;


  -webkit-font-smoothing: antialiased;


  -webkit-overflow-scrolling: touch;


}


/* Titles */


h1,


h2,


h3,


h4,


h5,


h6 {


  font-family: 'Oswald', sans-serif;


  font-weight: 300;


  color: #333;


}


/* Paragraph & Typographic */


p {


  line-height: 25px;


  margin-bottom: 25px;


}


.centered {


  text-align: center;


}


/* Links */


a {


  color: white;


  word-wrap: break-word;


  text-decoration: underline;


  -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;


  -moz-transition: color 0.1s ease-in, background 0.1s ease-in;


  -ms-transition: color 0.1s ease-in, background 0.1s ease-in;


  -o-transition: color 0.1s ease-in, background 0.1s ease-in;


  transition: color 0.1s ease-in, background 0.1s ease-in;


}


a:hover,


a:focus {


  color: #7b7b7b;


  text-decoration: underline;


  outline: 0;


}


a:before,


a:after {


  -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;


  -moz-transition: color 0.1s ease-in, background 0.1s ease-in;


  -ms-transition: color 0.1s ease-in, background 0.1s ease-in;


  -o-transition: color 0.1s ease-in, background 0.1s ease-in;


  transition: color 0.1s ease-in, background 0.1s ease-in;


}


hr {


  display: block;


  height: 1px;


  border: 0;


  border-top: 1px solid #ccc;


  margin: 1em 0;


  padding: 0;


}


/* ==========================================================================
   Wrap Sections
   ========================================================================== */


#headerwrap {


  background: url(../img/header-bg.jpg) no-repeat fixed;


  margin-top: -10px;


  padding-top: 20px;


  text-align: center;


  background-position: center top;


  background-attachment: scroll;


  min-height: 700px;


  width: 100%;


  -webkit-background-size: cover;


  -moz-background-size: cover;


  -o-background-size: cover;


  background-size: cover;


}


#language {


  margin-top: -30px;


  color: white;


  cursor: pointer;


}


#language h4:hover,


#language h4:focus {


  color: #888;


  text-decoration: underline;


}


#headerwrap h1 {


  color: white;


  font-size: 73px;


  font-weight: 700;


  margin-top: 2px;


}


#headerwrap img {


  margin-top: 120px;


}


#headerwrap h3 {


  color: white;


  font-size: 30px;


  font-weight: 100;


  font-family: 'EB Garamond', serif;


}


#headerwrap h4 {


  padding-top: 25px;


  color: white;


  font-size: 18px;


  line-height: 22px;


  font-weight: 100;


  font-family: 'EB Garamond', serif;


  margin-bottom: 20px;


}


#headerwrap .logo {


  text-align: left;


  margin-left: 20px;


  margin-top: 15px;


}


#headerwrap i {


  color: white;


  font-size: 50px;


  padding-top: 20px;


}


#down {


  cursor: pointer;


}


/* Footer Wrap */


#f {


  background: #1b2c35;


  padding-top: 70px;


  padding-bottom: 70px;


  text-align: center


}


#f h3 {


  color: white;


  font-size: 28px;


  font-weight: 700;


  letter-spacing: 1px;


}


#ff h3 {


  color: white;


  font-size: 28px;


  font-weight: 700;


  letter-spacing: 1px;


}


#f i {


  font-size: 8px;


  color: #fff;


  padding: 3px;


}


#ff i {


  font-size: 8px;


  color: #fff;


  padding: 3px;


}


#f p {


  font-size: 20px;


  color: #f2f2f2;


}


#ff p {


  font-size: 20px;


  color: #f2f2f2;


}


#f img {


  text-align: center;


}


#const_img {


  background: url(../img/img2.jpg) no-repeat fixed;


  background-position: center center;


  background-attachment: scroll;


  min-height: 300px;


  width: 100%;


  -webkit-background-size: 100%;


  -moz-background-size: 100%;


  -o-background-size: 100%;


  background-size: 100%;


  -webkit-background-size: cover;


  -moz-background-size: cover;


  -o-background-size: cover;


  background-size: cover;


}


#money {


  background: url(../img/money.png) no-repeat;


  background-position: center center;


  height: 250px;


}


#project {


  background: url(../img/project.png) no-repeat;


  background-position: center center;


  height: 270px;


}


#law {


  background: url(../img/law.png) no-repeat;


  background-position: center center;


  height: 240px;


}


/* MENU CONF*/


.menu {


  position: fixed;


  right: -200px;


  width: 260px;


  height: 100%;


  top: 0;


  z-index: 10;


  text-align: left;


}


.menu.menu-open {


  right: 0px;


}


.menu-wrap {


  position: absolute;


  top: 0;


  left: 60px;


  background: #1a1a1a;


  width: 200px;


  height: 100%;


}


.menu h1.logo a {


  font-family: 'Oswald', sans-serif;


  font-size: 16px;


  font-weight: 700;


  letter-spacing: 0.15em;


  line-height: 40px;


  text-transform: uppercase;


  color: #ffffff;


  margin-top: 20px;


}


.menu h1.logo a:hover {


  color: #808080;


}


.menu img.logo {


  margin: 20px 0;


  max-width: 160px;


}


.menu a {


  margin-left: 20px;


  color: #808080;


  display: block;


  font-size: 12px;


  font-weight: 700;


  line-height: 40px;


  letter-spacing: 0.1em;


  text-transform: uppercase;


}


.menu a:hover {


  color: #ffffff;


}


.menu a:active {


  color: #ffffff;


}


.menu a > i {


  float: left;


  display: inline-block;


  vertical-align: middle;


  text-align: left;


  width: 25px;


  font-size: 14px;


  line-height: 40px;


  margin: 25px 2px;


}


.menu-close {


  cursor: pointer;


  display: block;


  position: absolute;


  font-size: 14px;


  color: #808080;


  width: 40px;


  height: 40px;


  line-height: 40px;


  top: 20px;


  right: 5px;


  -webkit-transition: all .1s ease-in-out;


  -moz-transition: all .1s ease-in-out;


  -ms-transition: all .1s ease-in-out;


  -o-transition: all .1s ease-in-out;


  transition: all .1s ease-in-out;


}


.menu-close:hover {


  color: #ffffff;


  -webkit-transition: all .1s ease-in-out;


  -moz-transition: all .1s ease-in-out;


  -ms-transition: all .1s ease-in-out;


  -o-transition: all .1s ease-in-out;


  transition: all .1s ease-in-out;


}


/* Push the body after clicking the menu button */


.body-push {


  overflow-x: hidden;


  position: relative;


  left: 0;


}


.body-push-toright {


  left: 200px;


}


.body-push-toleft {


  left: -200px;


}


.menu,


.body-push {


  -webkit-transition: all .3s ease;


  -moz-transition: all .3s ease;


  -ms-transition: all .3s ease;


  -o-transition: all .3s ease;


  transition: all .3s ease;


}


#menuToggle {


  position: absolute;


  top: 20px;


  left: 0;


  z-index: 11;


  display: block;


  text-align: center;


  font-size: 14px;


  color: #ffffff;


  width: 40px;


  height: 40px;


  line-height: 40px;


  cursor: pointer;


  background: rgba(0, 0, 0, 0.25);


  -webkit-transition: all .1s ease-in-out;


  -moz-transition: all .1s ease-in-out;


  -ms-transition: all .1s ease-in-out;


  -o-transition: all .1s ease-in-out;


  transition: all .1s ease-in-out;


}


#menuToggle:hover {


  color: #ffffff;


  background: rgba(0, 0, 0, 0.2);


  -webkit-transition: all .1s ease-in-out;


  -moz-transition: all .1s ease-in-out;


  -ms-transition: all .1s ease-in-out;


  -o-transition: all .1s ease-in-out;


  transition: all .1s ease-in-out;


}


#ff {


  background: #1b2c35;


  padding-top: 70px;


  padding-bottom: 70px;


  text-align: center


}


#ff h4 {


  color: white;


  font-size: 28px;


  font-weight: 100;


  font-family: 'EB Garamond', serif;


}


.s_space {


  margin-top: 40px;


  margin-bottom: 30px;


}


.cont_i {


  font-size: 25px !important;


}


#map {


  height: 350px;


  background: url(../img/map.png) no-repeat;


  background-position: center top;


}