.bp-element-st-search-videos.vblog-layout-header-1 .wrap-element {
  position: relative; }
  .bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .search-form {
    width: 100%;
    height: 44px;
    border-radius: 22px;
    background: rgba(37, 37, 37, 0.85);
    display: flex;
    align-items: center;
    position: relative; }
    .bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .search-form .search-field {
      font-weight: 300;
      font-size: 12px;
      color: #fff;
      line-height: 1.6;
      flex-grow: 1;
      border: none;
      height: 100%;
      border-radius: 20px;
      background: transparent;
      padding-left: 26px;
      padding-right: 60px; }
      .bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .search-form .search-field::-webkit-input-placeholder {
        color: #757575;
        font-style: italic; }
      .bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .search-form .search-field:-moz-placeholder {
        color: #757575;
        font-style: italic; }
      .bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .search-form .search-field::-moz-placeholder {
        color: #757575;
        font-style: italic; }
      .bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .search-form .search-field:-ms-input-placeholder {
        color: #757575;
        font-style: italic; }
    .bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .search-form .btn-search {
      font-size: 20px;
      line-height: 1;
      color: #757575;
      width: 70px;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      border-radius: 22px;
      transition: all .2s; }
      .bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .search-form .btn-search:hover {
        color: #e40914; }
  .bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .list-search-videos {
    position: absolute;
    z-index: 500;
    left: 0;
    top: calc(100% + 5px);
    width: 100%;
    max-height: 315px;
    overflow-y: auto;
    background: rgba(34, 34, 34, 0.8); }
    .bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .list-search-videos li {
      font-weight: 300;
      font-size: 14px;
      line-height: 1.5;
      color: #fff;
      border-bottom: 1px solid rgba(153, 153, 153, 0.15);
      margin: 0 26px; }
      .bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .list-search-videos li:first-child {
        margin-top: 5px; }
      .bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .list-search-videos li:last-child {
        border-bottom: none;
        margin-bottom: 5px; }
      .bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .list-search-videos li a {
        display: block;
        padding: 8px 0px;
        color: #fff;
        transition: all .2s; }
        .bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .list-search-videos li a:hover {
          color: #e40914; }

.bp-element-st-search-videos.vblog-layout-header-2 .wrap-element {
  position: relative; }
  .bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form {
    width: 100%;
    height: 44px;
    border-radius: 22px;
    border: 1px solid #d7d7d7;
    display: flex;
    align-items: center;
    position: relative; }
    .bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .select2.select2-container {
      border: none; }
    .bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .wrap-select2 {
      display: block;
      position: relative;
      margin-left: 33px;
      padding-right: 20px; }
      .bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .wrap-select2:after {
        content: '';
        display: block;
        width: 1px;
        height: 43px;
        background: #d7d7d7;
        position: absolute;
        top: calc(50% - 21px);
        right: 0; }
    .bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .search-field {
      font-weight: 300;
      font-size: 14px;
      color: #6e6e6e;
      line-height: 1.6;
      flex-grow: 1;
      height: 100%;
      border: none;
      border-radius: 20px;
      background: transparent;
      padding-left: 25px;
      padding-right: 60px; }
      .bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .search-field::-webkit-input-placeholder {
        color: #909090;
        font-style: italic;
        font-size: 12px; }
      .bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .search-field:-moz-placeholder {
        color: #909090;
        font-style: italic;
        font-size: 12px; }
      .bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .search-field::-moz-placeholder {
        color: #909090;
        font-style: italic;
        font-size: 12px; }
      .bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .search-field:-ms-input-placeholder {
        color: #909090;
        font-style: italic;
        font-size: 12px; }
    .bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .btn-search {
      font-size: 20px;
      line-height: 1;
      color: #909090;
      width: 60px;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      border-radius: 21px;
      transition: all .2s; }
      .bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .btn-search:hover {
        color: #e40914; }
  .bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .list-search-videos {
    position: absolute;
    z-index: 500;
    left: 0;
    top: calc(100% + 5px);
    width: 100%;
    max-height: 315px;
    overflow-y: auto;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 0px 15px 0px rgba(105, 105, 105, 0.08); }
    .bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .list-search-videos li {
      font-weight: 300;
      font-size: 14px;
      line-height: 1.5;
      color: #6e6e6e;
      border-bottom: 1px solid rgba(153, 153, 153, 0.2);
      margin: 0 33px; }
      .bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .list-search-videos li:first-child {
        margin-top: 5px; }
      .bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .list-search-videos li:last-child {
        border-bottom: none;
        margin-bottom: 5px; }
      .bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .list-search-videos li a {
        display: block;
        padding: 8px 0px;
        color: #6e6e6e;
        transition: all .2s; }
        .bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .list-search-videos li a:hover {
          color: #e40914; }

.responsive {
  /*---------------------------------------------*/
  /*---------------------------------------------*/ }
  @media (max-width: 767px) {
    .responsive .bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .search-form .wrap-select2 {
      display: none; }
    .responsive .bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .wrap-select2 {
      display: none; }
    .responsive .bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .search-field {
      padding-right: 34px;
      padding-left: 20px; }
    .responsive .bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .btn-search {
      width: 44px; } }
  @media (max-width: 575px) {
    .responsive .bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .search-form .search-field {
      padding-right: 34px;
      padding-left: 20px; }
    .responsive .bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .search-form .btn-search {
      width: 44px; } }
