/* layout */
.search_container { display: flex; flex-wrap: nowrap; flex-direction: row; margin: 0 1%;}
.search_container__left {flex-shrink: 1; flex-grow: 1; width: 480px; margin-right: 4.5%; max-width: 100%;}
.search_container__right {flex-shrink: 0; flex-grow: 0; width: 340px;}
.search_mobile_shadow {content: ''; background: black; opacity: 0; position: fixed; top: 100%; left: 0; right: 0; bottom: auto; width: 100%; height: 100%; z-index: 150; transition: opacity 0.3s;}

@media (max-width: 1024px) {
    .search {padding: 39px 0 0;}
    .search_container,
    .search_title { padding: 0 20px;}

    .search_container__right {position: fixed; top: 100%; left: 50%; opacity: 0; transition: opacity 0.3s, transform 0.3s; z-index: 151; width: 100%; max-width: 480px; background: white; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 20px 20px; /*height: 90vh;*/ transform: translate(-50%, 0);}

    .search_container__right.active {opacity: 1; transform: translate(-50%, -100%);}
    .search_container__right.active + .search_mobile_shadow {transform: translate(0, -100%); opacity: 0.7;}
}
/* end of layout */

.search_form__form .button[data-type="submit"] { background: var(--mt-color-primary-500);}
.search_form__form .button[data-type="submit"]:hover { background: var(--mt-color-primary-400);}
.search_form__form .button[data-type="submit"]:active { background: var(--mt-color-primary-600);}

.highlight {color: var(--mt-color-primary-500); background-color: var(--mt-color-primary-100); border-radius: 4px; padding: 1px 0;}


.search .default_dummy .default_subtext {color: var(--mt-color-gray-600); font-size: 14px !important;}

.main_wrapper_inner.hidden {display: none;}

.search {padding: 43px 0 0; display: block !important;}
.search_title {font-size: 22px; line-height:1.2727; font-weight: 700; color: var(--mt-color-black); margin: 0 1% 15px 1%;}
.block.search_form {position: relative; z-index: 10;}
.search_container .preloader {position: relative; min-height: 55vh; width: 100%; left:0; right:0;
top: 0; bottom: auto;}
.search_container .preloader svg {position: absolute; left: 50%; right: auto; top: 50%; bottom: auto; transform: translate(-50%, -50%);}
    /*.search_container .search_tags__more_btn .preloader {display: inline-block; width: 14px; min-height: 0; height: 14px; position: relative; vertical-align: middle; margin: -3px 0 0 10px;}*/
    /*.search_container .search_tags__more_btn .preloader svg {width: 30px; height: 30px; margin: 0;}*/
.search_tags__tags .preloader {min-height: 0; opacity:0; animation: fadeIn 0.5s; animation-fill-mode: forwards;}
/* form */
.search_form__form {display: flex; width: 100%; align-items: center; background: white; border-radius: 6px; border: 1px solid var(--mt-color-gray-500);}
.search_form__container {width: 100%; position: relative; z-index: 30; display: flex;     margin: 0 0 31px; }
.search_form__input_container {display: block; width: 100%; position: relative;}
.search_form__input {display: flex;}
.search_form__input {position: relative; align-items: center;}
.search_form__input .limiter_counter {display: none;}

.search_form__form input[type='text'],
.search_tags__input input[type="text"] {background: none; border: none; width: 100%; flex-shrink: 1; flex-grow: 1; height: 44px; font-size: 16px; font-weight: 400; color: var(--mt-color-black); padding: 0 44px 0 24px; white-space: nowrap; border-radius: 6px; margin: 0 0 0 1px;}
.search_form__form input[type='text']::placeholder,
.search_tags__input input[type="text"]::placeholder {color: var(--mt-color-gray-700);}
.search_tags__input input[type="text"] {padding: 0 40px 0 10px; font-size: 14px; height: 40px !important;}
.search_form__form.active,
.search_tags.active .search_tags__input {border-color: var(--mt-color-primary-300) !important; box-shadow: inset 0 0 0 1px var(--mt-color-primary-300) !important;}
.search_tags.active:not(.typing) .search_tags__input { box-shadow: none;}

.short_search .search_form__form input[type='text']:focus {border-color: transparent !important; box-shadow: none !important;}

.search_tags.typing .search_tags__input .i-magnify {opacity: 0;}

.search__history {display:none; padding: 10px 0 0; position: absolute; top: 100%; left: 0; right:0; bottom: auto;}
.search__history__head {font-family: 'Inter', sans-serif; font-weight: 500; color: var(--mt-color-gray-700); padding: 12px 24px;}
.search__history > div {display: block; width: 100%; height: auto; max-height: 280px; transition: height 0.3s; box-shadow: 0 4px 15px 0 rgba(110, 132, 163, 0.2); font-size: 14px; line-height: 1.21; color: var(--mt-color-black); background: #fff; padding: 12px 0 16px 0; border-radius: 6px;}
.search__history ul { margin: 0; padding: 0;}
.search__history li { margin: 0; padding: 12px 34px 12px 24px; height: 40px; color: inherit; transition: background 0.3s, color 0.3s; cursor: pointer; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.search__history li.active {cursor: default;}
.search__history li.active,
.search__history li:hover {background-color: var(--mt-color-primary-100); color: var(--mt-color-primary-500);}
.search__history li:nth-child(n+6) {display:none;}
.search_form__form .search__history li .button.close {display: flex; position: absolute; top: 0; bottom: 0; left: auto; margin: auto !important; right: 0; height: 40px; width: 40px; align-items: center;justify-content: center; color: var(--mt-color-gray-500); border: none; opacity: 0;}
.search_form__form .search__history li:hover .button.close {opacity: 1;}
.search_form__form .search__history li:hover .button.close:hover {opacity: 0.8;}

.search_form__form .button {width: auto; flex-shrink: 0; flex-grow: 0; border-radius: 6px; font-size: 16px; height: 48px; line-height: 18px; margin: -1px -1px -1px 0}
.search_form__form .button .inlay {padding: 15px 20px;}
.search_form__form .button[type="submit"] {}
.search_form__form .button[type="submit"] .inlay {font-size: 16px !important; min-width: 87px !important;}

.search_form__form .button.close {height: 25px; line-height: 25px; font-size: 25px;}
.search_form__form .button.close .inlay {padding:0; margin:0; color: var(--mt-color-gray-600); line-height: 20px; width: auto; height: auto; min-width:0;}
.search_form__form .button.close .i-close {font-size: 25px !important; line-height: 28px; height: 25px; left: 0; opacity: 1 !important;}
.search_form__form .button[data-input-clear] {position: absolute; top: 50%; left: auto; right: 11px; bottom: 50%; margin: auto !important; display: inline-block; opacity:0; cursor: pointer; pointer-events: none; border: none;}

.search_form__form.active {color: rgba(218, 218, 218, 1);}
.search_form__form.active .search_icon {color: inherit;}
.search_form__form.active input  {width: 100%; background: #fff; padding-right:40px;}
.search_form__form.show_history .search__history {display: block; opacity:0; animation: toggleDown 0.3s; animation-fill-mode: forwards;}
.search_form__form.typing .button.close {opacity:1; z-index:7; pointer-events: auto; top: 50%; bottom: 50%; margin: auto !important;}
.search_form__form.typing .button.close:hover {opacity: 0.8; background: transparent;}
.search_form__form.disabled {opacity: 0.8;}

/* end of form */


/* top form */
.leading_block .search_form {float:left;}
.short_search .search_form__container {margin: 0;}
.short_search {margin-top: 8px;}
.short_search .search_form__form {height: 36px; line-height: 38px; padding-left: 13px; position: relative; transition: 0.3s; font-size:0; width: 280px; max-width: 100%; background-color: var(--mt-color-gray-300); border-radius: 19px; color: #979EB1; border: 1px solid var(--mt-color-gray-300);}
.short_search .search_form__form .input-group-addon {border: none;}
.short_search .search_form__form input[type='text'] {height: 38px; background: none; border: none; padding: 0 47px 0 16px;}
.short_search .search_form__form .button[type="submit"] {height: 36px; display: inline-block; vertical-align: middle; border: none; position: relative; left:8px; opacity:0; cursor: pointer; padding: 0; line-height: 35px; z-index:7; overflow: hidden; border-radius: 19px; transition: opacity 0.3s; font-size: 13px; width:0;}
.short_search .search_form__form .button[type="submit"] .inlay {padding: 0 !important; min-width: 0 !important; font-size: 13px !important;}

.short_search .search_form__form.typing {width: 400px;background: white;}
.short_search .search_form__form.active {width: 400px; overflow: visible; max-width: 100%; border: 1px solid var(--mt-color-primary-300); box-shadow: inset 0 0 0 1px var(--mt-color-primary-300); background: white;}
.short_search .search_form__form.active .button[type="submit"],
.short_search .search_form__form.typing .button[type="submit"] {display: block; transition-delay: 0.2s; opacity:1; width: 72px;}
.short_search .search_icon {display: inline-block; vertical-align: middle; position: relative; top: 1px; font-size: 22px;  width:22px; transition: 0.3s; overflow: hidden; z-index:6; color: var(--mt-color-gray-600); pointer-events:none;}
.short_search .search_form__form.active .search_icon,
.short_search .search_form__form.typing .search_icon {color: var(--mt-color-gray-700);}
.short_search .search_form__form.typing:not(.active) {border-color: white;}
.short_search .search_form__form .button[data-input-clear] {height: 20px; right: 4px;}
.short_search .search_form__form .button[data-input-clear] .inlay {height: 20px; line-height: 16px;}
.short_search .search_form__form .button.close .i {font-size: 20px !important; color: var(--mt-color-gray-700); height: 20px; line-height: 20px; left: 0;}

.short_search .search__history {width: 408px; left: -14px;}
.short_search .search_form__form.show_history .search__history {animation-delay: 0.2s;}
.short_search .search__history .button.close .inlay {width: 20px; height: 20px; line-height: 18px;}

.minified .short_search {margin-left: 30px;}

/* results */
.results_container {padding:33px 32px 4px 24px; background: white; border-radius: 12px;}
.results_item {display: block; font-family: 'Roboto'; margin: 0 0 25px; opacity:0; animation: fadeIn 0.3s; animation-fill-mode: forwards; }
.results_item__category {display: block; font-weight: 500; font-size: 11px; line-height: 1.2; color: var(--mt-color-gray-700); text-transform: uppercase; margin: 0 0 5px;}
.result_item__content {display:flex; align-items: center;}
.result_item__description {max-width: 100%;}
.result_item__avatar {width: 50px; height: 50px; overflow: hidden; margin-right: 12px; min-width: 50px;}
.results_item__title {display: block; font-weight: 500; font-size: 16px; line-height: 1.375; color: var(--mt-color-primary-900);}
.results_item__title a {font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; text-decoration: none; transition: opacity 0.3s; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; overflow-wrap: break-word;}
.results_item__title a:hover {color: inherit; opacity: 0.8;}
.results_item__title.results_item_user_title a {display: inline-block;}
.results_item__title.results_item_user_title .results_item__mailto,
.results_item__title.results_item_user_title .results_item__mailto:hover {color: var(--mt-color-primary-500);}
.result_item__text {display:block; font-weight: 400; font-size: 14px; line-height: 1.4286; color: var(--mt-color-black); word-break: break-word; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.result_item__text p { margin: 0; color: inherit; word-break: inherit;}
.result_item__text img,
.result_item__text svg,
.result_item__description {max-width: 100%;}
.results_item.user .result_item__text {margin-top: 4px;}
.result_item__description {max-width: 100%;}
.result_item__tags {color: var(--mt-color-gray-600); font-size: 14px; line-height: 1.2;}
.result_item__tags .tags_block {border: none !important}
.result_item__tags .tags_block {word-break: break-word;}
.result_item__tags .tags_block .i-tag {color: inherit; font-size: inherit; line-height: inherit;}
.result_item__tags .tags_block a {color: inherit; line-height: inherit; font-size: inherit;}
.result_item__head {display: flex;}
.result_item__ext {display: flex; margin-right: 7px; margin-top: 2px;}

.search .pagination_wrapper {margin: 0; width:100% !important;}
.search .dynamic_pagination {transition: opacity 0.3s; background: var(--mt-color-gray-200) !important; border-radius: 6px; color: var(--mt-color-gray-700) !important; font-size: 14px; line-height: 50px; font-weight: 500; font-family: 'Roboto', sans-serif; border: none; }
.search .dynamic_pagination span.blue_color {color: var(--mt-color-gray-700) !important;}
.search .dynamic_pagination:hover {opacity: 0.8;}

.pagination_container {margin: 43px 0 27px;}
.search .pagination .inline-block {line-height: 34px; min-width: 34px; margin: 0; border-radius: 6px;}
.search .dynamic_pagination {margin-bottom: 20px; border: none !important;}
.search .pagination > div {color: var(--mt-color-gray-700) !important;}
.search .pagination > div.active {color: var(--mt-color-gray-800) !important;}
.search .pagination > div:not(.active):not(.disabled):not(.pagination_next):not(.pagination_prev):hover {background: var(--mt-color-gray-300) !important;}

.search .pagination > div.pagination_next,
.search .pagination > div.pagination_prev {opacity: 1 !important; color: var(--mt-color-gray-800) !important; background: var(--mt-color-gray-300) !important; transition: opacity 0.3s !important;}
.search .pagination .inline-block.pagination_next {margin-left: 28px !important;}
.search .pagination .inline-block.pagination_prev {margin-right: 28px !important;}
.search .pagination > div.pagination_next.disabled,
.search .pagination > div.pagination_prev.disabled {opacity: 1 !important; color: var(--mt-color-gray-500) !important; background: var(--mt-color-gray-200) !important;}
.search .pagination > div.pagination_next a.i,
.search .pagination > div.pagination_prev a.i{opacity: 1 !important;}
.search .pagination > div.pagination_next:not(.disabled):hover,
.search .pagination > div.pagination_prev:not(.disabled):hover {opacity: 0.8 !important;}


/* tags */
.search_tags__tags {position: relative; font-weight: 400; font-size: 14px; line-height: 1.2; color: var(--mt-color-gray-600); margin: 7px 0 5px;}
.search_tags__tags .preloader_wrapper {position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center;}
.search_tags__tags .default_dummy {min-height: 200px}
.type_badge.search_tags__tag {margin-bottom: 4px; margin-right: 4px; cursor: pointer; font-size: 12px; line-height: 1; transition: background 0.3s; max-width: 230px; text-overflow: ellipsis; overflow: hidden;}
.type_badge.search_tags__tag [data-badge-clear] {font-size: 17px; color: inherit; opacity: 0.8; position: absolute;  right: 6px; margin-top: 1px;}
.type_badge.search_tags__tag [data-badge-clear]:hover {opacity: 1;}
.type_badge.search_tags__tag.active {padding-right: 24px;}
.type_badge.search_tags__tag:not(.active):hover {background: var(--mt-color-gray-200);}
.type_badge.search_tags__tag.active:hover {background: var(--mt-color-primary-400);}
.search_tags__tags.loading .type_badge.search_tags__tag {opacity: 0.5;}
.search_tags__title { font-family: 'Inter'; font-weight: 700; font-size: 18px; line-height: 1.2222; color: var(--mt-color-black);}
.search_tags [data-tags-reset] {font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 1.2857; color: var(--mt-color-primary-500);}
.search_tags [data-tags-reset]:hover {opacity: 0.8; color: var(--mt-color-primary-500);}
.search_tags__input {display: block; /*width: 240px;*/ width: 100%; max-width: 100%; position: relative; margin: 0 0 28px; border: 1px solid var(--mt-color-gray-500); border-radius: 6px; background: white; height: 44px;}
.search_tags__input input[type="text"] {width: 100%; background: none; border-radius: inherit; border: none; color: var(--mt-color-gray-900); height: 44px; margin: 1px;}


.search_tags__input .button.close {opacity: 0; transition: opacity 0.2s; position: absolute; top: 50%; bottom: auto; left: auto; right: 10px; transform: translate(0,-50%); color: var(--mt-color-gray-600); padding:0; margin: 0; pointer-events: none; height: 20px;  display: flex;}
.search_tags__input .button.close i.i-close {font-size: 20px; left: 0;}
.search_tags__input .button.close * {padding: 0 !important; margin: 0 !important; min-width: 0 !important;}
.search_tags__input .button.close:hover {color: var(--mt-color-gray-600); opacity: 0.8 !important;}

.search_tags.typing  .search_tags__input .button.close {opacity: 1; pointer-events: auto;}

.search_tags__input .i-magnify {font-size: 20px; opacity: 1; transition: opacity 0.3s; position: absolute; top: 50%; bottom: auto; left: auto; right: 11px; transform: translate(0,-50%); color: var(--mt-color-gray-600); pointer-events: none;}

.search_tags__more_btn.button {height: 36px; width: 100%; background-color: var(--mt-color-primary-50); color: var(--mt-color-primary-500); transition: opacity 0.3s; text-align: center; font-family: 'robotomedium'; font-weight: 500; border-radius: 4px; display: flex; align-items: center; justify-content: center;}
.search_tags__more_btn.button .inlay {padding: 0;}
.search_tags__more_btn.button:hover {background-color: var(--mt-color-primary-50); color: var(--mt-color-primary-500); opacity: 0.8;}
.search_tags__head {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 33px; position: relative;}
.search_tags__head [data-search-tags-reset] {padding: 0; font-size: 14px; color: var(--mt-color-primary-500); transition: opacity 0.3s; margin: 1px 0 0 0; display:none; background:none; font-family: 'Roboto', sans-serif; font-weight: 400;}
.search_tags__head [data-search-tags-reset]:hover {color:var(--mt-color-primary-500); opacity: 0.8; background: none;}
.search_tags__head [data-search-tags-reset] *,
.search_tags__head [data-search-tags-reset] .inlay {padding: inherit !important; margin: inherit;}
.search_tags__head [data-search-tags-reset].active {display: inline-block;}
/* end of tags */

.search .default_dummy {opacity:0; animation: fadeIn 0.3s; animation-fill-mode: forwards;}


.search_tags__mobile_open.button,
.search_tags__mobile_open.button:hover {display: inline-block; width: 48px; height: 48px; color: var(--mt-color-primary-500); border: 1px solid var(--mt-color-primary-500) !important; background: white; border-radius: 6px; text-align: center; line-height: 51px; margin-left: 15px; flex-shrink:0; flex-grow: 0;}
.search_tags__mobile_open.button {display: none;}
.search_tags__mobile_open.button .inlay {padding:0; min-width: 0 !important; font-size: 22px !important; height: 100%;}
.search_tags__mobile_open.button .i {font-size: 22px !important;}


.search .submenu_filter.arrowed .i,
.search .submenu_filter.arrowed .i:not(:hover) {color: var(--mt-color-gray-800); background: var(--mt-color-gray-300) !important; border-radius: 3px; transition: background 0.3s, color 0.3s;}
.search .submenu_filter.arrowed .i:not(.disabled):hover { background: var(--mt-color-gray-200) !important; color: var(--mt-color-gray-700);}
.search .submenu_filter.arrowed .i.disabled {color:var(--mt-color-gray-500) !important; cursor: default; background: var(--mt-color-gray-300) !important; /*opacity: 1 !important; display: block !important;*/}
.search .submenu_filter.arrowed .i:after {content:''; position: absolute; width: 100%; height: 100%; left: 100%; top:0; right: auto; bottom: 0; background: linear-gradient(to right, var(--default), rgba(255,255,255,0.001));}
.search .submenu_filter.arrowed .i.i-chevron-right:after {left: auto; right: 100%; background: linear-gradient(to left, var(--default), rgba(255,255,255,0.001));}
.search .submenu_filter {padding: 0 0; border-color: var(--mt-color-gray-400);}
.search .submenu_filter.scrolled {padding: 0 0;}



.search .submenu_filter .submenu_switcher {padding: 0 0; height: 50px;}
.search .submenu_filter.arrowed .submenu_wrapper {margin: 0 !important;}
.search .submenu_filter.arrowed.scrolled .submenu_wrapper {margin: 0 !important;}
.search .submenu_item {margin-left: 10px; margin-right: 10px;}
.search .submenu_item span {font-size: 15px; color: var(--mt-color-gray-700); font-weight: 400; padding: 16px 0 12px;}
.search .submenu_item.active {font-family: 'Roboto', sans-serif;}
.search .submenu_item.active span {font-size: 15px; color: var(--mt-color-black); padding-left:0; padding-right: 0;}
.search .submenu_item span i {color: var(--mt-color-primary-500); margin: 0; font-size: inherit; padding-right: 0;}
.search .submenu_active {height: 1px;}

.search #filter_group {margin: 0; width: 100%;}
.search .submenu_filter.arrowed {/*padding: 0 28px;*/}
.search .submenu_item:first-child {margin-left: 0;}
.search .submenu_item:last-of-type {margin-right: 0;}
.search .submenu_filter.arrowed .submenu_item:first-child {/*margin-left: 28px;*/}
.search .submenu_filter.arrowed .submenu_item:last-of-type {/*margin-right: 28px;*/}


[data-search-tags-mobile-close].button {display:none; left: auto; right: -5px; top: -13px; bottom: auto; border: none;}
[data-search-tags-mobile-close].button .inlay {padding: 0;}
[data-search-tags-mobile-close].button .i {color: var(--mt-color-gray-700); font-size: 25px; left:0;}
.search_tags__buttons {display: none; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;  align-self: center; width: 500px; max-width: calc(100% + 40px); padding: 20px 20px 0; box-shadow: 0 20px 50px rgba(40, 62, 89, 0.15);}
.search_tags__buttons .button {border: none;}
.search_tags__buttons .button .inlay {line-height: 28px;}
.search_tags__buttons [data-search-tags-reset] {background: var(--mt-color-primary-100); color: var(--mt-color-primary-500) !important; border-radius: 6px; font-size: 16px; flex-grow: 1; margin-right: 20px; text-align: center;}
.search_tags__buttons [data-search-tags-apply] {background: var(--mt-color-primary-500); color: white; border-radius: 6px; font-size: 16px; flex-grow: 1; text-align: center;}

@media (max-width: 1024px) {
    .search_container__left {margin-right: 0;}
    .search_tags__buttons {display: flex; position: relative;}
    .search_tags__buttons:before {
        content:''; display:block; position: absolute; top: auto; left: 0; right: 0; bottom: 100%; background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0)); height: 8px; margin-bottom: -1px;
    }
    .search_tags {display: flex; flex-direction: column; height: 100%; overflow: hidden;}
    .search_tags__tags {margin-bottom: auto; max-height: calc(90vh - 235px); overflow: auto; position: relative; padding-top: 7px;}
    [data-search-tags-mobile-close].button {display:inline-block;}
    .search_tags__head {margin: 13px 0 19px 0;}
    .search_tags__head [data-search-tags-reset],
    .search_tags__head [data-search-tags-reset].active {display: none;}
    .search_tags__input {margin-bottom: 21px;}
    .search_tags__input:after {
        content:''; display:block; position: absolute; top: 100%; left: 0; right: auto; bottom: auto; background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0)); height: 7px; width: 100vw; margin-top: 28px; z-index: 2;
    }
    .search .submenu_filter.arrowed .i-chevron-left {left: 0;}
    .search .submenu_filter.arrowed .i-chevron-right {right: 0;}
    .search section.pagination_wrapper,
    .search section.pagination_wrapper.col3 { width: 100% !important;}
    .search_tags__mobile_open.button {display:inline-block;}
}

@media (min-width: 1024px){
/*.search_tags__mobile_open.button {display:none;}*/
}

@media (max-width: 768px){
    .short_search {display: none;}
}

@keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
@keyframes toggleDown {0% {opacity: 0; top: 60%;} 100% {opacity: 1; top: 100%;}}
