@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Light.eot");
  src: local("Segoe UI Light"), local("SegoeUI-Light"), url("../fonts/segoe/SegoeUI-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Light.woff") format("woff"), url("../fonts/segoe/SegoeUI-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-BoldItalic.eot");
  src: local("Segoe UI Bold Italic"), local("SegoeUI-BoldItalic"), url("../fonts/segoe/SegoeUI-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-BoldItalic.woff") format("woff"), url("../fonts/segoe/SegoeUI-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-SemiBold.eot");
  src: local("Segoe UI Semibold"), local("SegoeUI-SemiBold"), url("../fonts/segoe/SegoeUI-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-SemiBold.woff") format("woff"), url("../fonts/segoe/SegoeUI-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI.eot");
  src: local("Segoe UI"), local("SegoeUI"), url("../fonts/segoe/SegoeUI.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI.woff") format("woff"), url("../fonts/segoe/SegoeUI.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Bold.eot");
  src: local("Segoe UI Bold"), local("SegoeUI-Bold"), url("../fonts/segoe/SegoeUI-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Bold.woff") format("woff"), url("../fonts/segoe/SegoeUI-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Italic.eot");
  src: local("Segoe UI Italic"), local("SegoeUI-Italic"), url("../fonts/segoe/SegoeUI-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Italic.woff") format("woff"), url("../fonts/segoe/SegoeUI-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

.main-search {
  text-align: left; }
  .main-search .search-result {
    position: relative; }
    .main-search .search-result .paragraph {
      position: absolute;
      width: 100%;
      background-color: #212121;
      color: #fff;
      z-index: 2;
      padding: 15px 10px;
      font-weight: 400;
      white-space: normal; }
    .main-search .search-result .search-list {
      visibility: hidden;
      position: absolute;
      width: 100%;
      background-color: #212121;
      z-index: 2;
      padding: 5px 0;
      border-radius: 0 0 19px 19px; }
      .main-search .search-result .search-list.scrolled {
        max-height: 200px;
        overflow: hidden; }
      .main-search .search-result .search-list li {
        font-size: 14px;
        border-bottom: 1px solid #666;
        padding: 0 15px; }
        .main-search .search-result .search-list li:last-child {
          border-bottom: 0; }
        .main-search .search-result .search-list li .bold {
          color: #fff; }
        .main-search .search-result .search-list li a {
          color: #999;
          padding: 8px 0;
          display: block;
          position: relative; }
          .main-search .search-result .search-list li a:hover, .main-search .search-result .search-list li a:focus {
            color: #fff; }
            .main-search .search-result .search-list li a:hover figure, .main-search .search-result .search-list li a:focus figure {
              box-shadow: 0 0 0 2px #ff9100; }
          .main-search .search-result .search-list li a:after {
            content: '\e902';
            font-family: 'icomoon';
            position: absolute;
            right: 0;
            top: 10px; }
      .main-search .search-result .search-list figure {
        border-radius: 50%;
        height: 24px;
        width: 24px;
        overflow: hidden;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        transition: box-shadow .3s; }
        .main-search .search-result .search-list figure img {
          max-width: 100%; }
  .main-search .toggle-btn {
    display: none; }
  .main-search.with-result {
    background-color: #212121;
    border-radius: 19px 19px 0 0; }
    .main-search.with-result .search-result .search-list {
      visibility: visible; }
    .main-search.with-result .bordered-form-search {
      border-left-color: transparent;
      border-right-color: transparent; }
      .main-search.with-result .bordered-form-search .input {
        background-color: #333333; }
      .main-search.with-result .bordered-form-search .btn {
        background-color: #333333;
        color: #ff9100; }

@media (min-width: 1550px) {
  .main-search.hovered {
    border-radius: 19px 19px 0 0; }
    .main-search.hovered .bordered-form-search {
      border-left-color: transparent;
      border-right-color: transparent; }
      .main-search.hovered .bordered-form-search .input {
        background-color: #333333; }
      .main-search.hovered .bordered-form-search .btn {
        background-color: #333333;
        color: #ff9100; } }