@font-face {
  font-family: 'Museo Sans';
  src: url('../font/museosans-500.otf?orgId=00D460000001B1o');
}

@font-face {
  font-family: 'Museo Sans 100';
  src: url('../font/museosans-100.otf?orgId=00D460000001B1o');
}

.form-horizontal label.control-label {
  font-weight: 100;
  font-size: 14px;
}

html {
  height: 100%;
}

body {
  height: 100%;
  font-family: 'Museo Sans';
}

#header .box-left {
  float: left;
}

@media (min-width: 768px) and (max-width: 1199px) {
  #header .header-top {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media (min-width: 1200px) {
  #header .box-left {
    padding-left: 50px;
  }
}

#header .box-left .login {
  margin-top: 5px;
}

@media (max-width: 1024px) {
  #header .box-left .login {
    margin-top: 10px;
  }
  
  #header.header-v2 .box-right {
    padding-right: 0px;
  }
}

@media (min-width: 1200px) {
  #header .box-left {
    padding-left: 20px;
    padding-top: 10px;
  }
}

@media (min-width: 1500px) {
  #header .mega-menu {
    margin-top: 10px;
  }
}

#header .box {
  position: relative;
  max-width: 1100px;
}

#header .box a {
  color: #2e3446;
  text-decoration: underline;
  font-size: 15px;
  line-height: 50px;
}

#header .box .logo {
  position: absolute;
  left: calc(50% - 97.5px);
  margin: 0px;
}

#header .box .logo-mobile {
  position: absolute;
  left: calc(50% - 97.5px);
  margin: 0px;
}

@media (max-width: 467px) {
  #header .box .logo-mobile {
    left: calc(50% - 80px);
  }
  
  #header .header-top .logo-mobile img {
    width: 160px;
  }
}

@media (min-width: 468px) and (max-width: 767px) {
  #header .box .logo-mobile {
    left: calc(50% - 100px);
  }
  
  #header .header-top .logo-mobile img {
    width: 200px;
  }
}

@media (min-width: 768px) {
  #header .box .logo-mobile {
    left: calc(50% - 120px);
  }
  
  #header .header-top .logo-mobile img {
    width: 240px;
  }
  
  #header .box a {
    line-height: 70px;
  }
}

@media (min-width: 1025px) {
  #header .box .logo {
    left: calc(50% - 120px);
  }
  
  #header .header-top .logo img {
    width: 240px;
  }
  
  #header .box a {
    line-height: 70px;
  }
}

@media (min-width: 1200px) {
  #header .box .logo {
    left: calc(50% - 130px);
  }
  
  #header .header-top .logo img {
    width: 260px;
  }
  
  #header .box a {
    line-height: 80px;
  }
}

.body-content {
  background-image: url(../images/body-bottom-sight.png);
  background-repeat: no-repeat;
  background-origin: padding-box;
  background-size: contain;
  background-position: bottom;
}

#footer {
  background: #000 url(../images/footer-grid.png) no-repeat right;
  background-size: 300px 250px;
}

@media (min-width: 1024px) {
  #footer .menu-footer {
    margin-top: 50px;
  }
}

#footer .container {
  padding: 0px;
}

#footer .menu-footer li {
  color: #999;
  font-family: 'Museo Sans';
}

#footer .menu-footer li a {
  color: #999;
  font-family: 'Museo Sans';
}

#footer .menu-footer li a:hover {
  color: #f9a990;
}

#footer .logo-footer {
  display: inline-block;
}

#footer .logo-footer img {
  width: 80px;
}

#footer .footer-top {
  width: initial;
  padding: 30px 0px;
}

@media (min-width: 768px) {
  #footer .logo-footer img {
    width: 90px;
  }
}

@media (max-width: 1024px) {
  #footer .menu-footer {
    margin-top: 0px;
  }
}

@media (min-width: 1200px) {
  #footer .logo-footer img {
    width: 100px;
  }
}

.wrappage {
  height: 100%;
}

.body-content {
  min-height: 960px;
}

@media (max-width: 467px) {
  .body-content {
    height: calc(100% - 292px);
  }
}

@media (min-width: 468px) {
  .body-content {
    height: calc(100% - 277px);
  }
}

@media (min-width: 768px) {
  .body-content {
    height: calc(100% - 326px);
  }
}

@media (min-width: 1024px) {
  .body-content {
    height: calc(100% - 261px);
  }
}

@media (min-width: 1200px) {
  .body-content {
    height: calc(100% - 270px);
  }
}