header.header .container:after, .header-right:after, .header-right ul:after {
  content: "";
  display: table;
  width: 100%;
  clear: both; }

header.header {
  background: #f0f2f7;
  height: 130px;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 900;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -ms-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms; }
  header.header.style-2 {
    height: 90px;
    background: #06d6a0;
    margin-bottom: 70px; }
    header.header.style-2 .logo {
      display: none; }
    header.header.style-2 .header-right {
      margin: 0 0 0 0; }
      header.header.style-2 .header-right .link {
        color: #fff; }
      header.header.style-2 .header-right .btn {
        background: #ffffff;
        color: #06d6a0; }
  header.header .logo {
    margin: 20px 0 0 0;
    width: 100px;
    padding: 0 0 0 0;
    float: left;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -ms-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms; }
    header.header .logo a {
      display: block; }

.header-right {
  padding: 20px 0 0 0;
  margin: 0 0 0 120px; }
  .header-right ul {
    float: right; }
    .header-right ul li {
      float: left;
      margin: 0 0 0 38px; }
      .header-right ul li:first-child {
        margin-left: 0; }
  .header-right .link {
    text-decoration: none !important;
    color: #808080;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    margin: 15px 0 0 0; }
    .header-right .link:hover {
      color: #06d6a0; }

.mobile-menu-close {
  padding: 8px;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 40px;
  height: 40px; }
  .mobile-menu-close img {
    width: 100%; }

.mobile-menu-content {
  overflow-y: auto;
  height: 100%;
  margin: 0 -15px 0 0;
  padding: 0 15px 0 0; }

.mobile-menu {
  display: none;
  background: #f0f2f7;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 900;
  padding: 65px 15px 20px 15px; }

.mobile-menu-trigger, .mobile-menu {
  display: none; }

@media (max-width: 991px) {
  header.header {
    height: 60px;
    position: fixed; }
    header.header.style-2 {
      background: #f0f2f7;
      height: 60px;
      margin-bottom: 0; }
      header.header.style-2 .logo {
        display: block; }
    header.header .logo {
      width: 88px;
      float: none;
      margin: 17px 0 0 0; }

  .header-right {
    display: none; }

  .mobile-menu-trigger {
    display: block;
    width: 30px;
    position: absolute;
    top: 20px;
    right: 15px; }
    .mobile-menu-trigger span {
      height: 3px;
      background: #000;
      margin-bottom: 5px;
      width: auto;
      display: block; }
      .mobile-menu-trigger span:nth-child(2) {
        margin-left: 9px; }

  .mobile-menu ul li {
    margin-bottom: 25px; }
  .mobile-menu .link {
    display: block;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    color: #000;
    text-decoration: none; } }

/*# sourceMappingURL=header.css.map */