|
|
@@ -10220,6 +10220,118 @@ img {
|
|
|
height: 14px;
|
|
|
line-height: 14px; }
|
|
|
|
|
|
+.header-search--static {
|
|
|
+ height: 45px;
|
|
|
+ background: #ebebeb;
|
|
|
+ border-radius: 25px 0 0 25px;
|
|
|
+ padding-left: 50px;
|
|
|
+ padding-right: 0;
|
|
|
+ display: -webkit-flex;
|
|
|
+ display: -ms-flex;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: center;
|
|
|
+ align-content: center;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ position: relative; }
|
|
|
+.header-search--filter {
|
|
|
+ padding: 0 5px;
|
|
|
+ width: 180px; }
|
|
|
+.header-search--float {
|
|
|
+ display: -webkit-flex;
|
|
|
+ display: -ms-flex;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: center;
|
|
|
+ align-content: center;
|
|
|
+ align-items: center;
|
|
|
+ height: 30px;
|
|
|
+ padding: 0 10px; }
|
|
|
+.header-search__inputcase {
|
|
|
+ position: relative; }
|
|
|
+ .header-search__inputcase--float {
|
|
|
+ display: -webkit-flex;
|
|
|
+ display: -ms-flex;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: center;
|
|
|
+ align-content: center;
|
|
|
+ align-items: center; }
|
|
|
+ .header-search__inputcase--float form {
|
|
|
+ height: auto; }
|
|
|
+.header-search--static .header-search__iconzoom {
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 0;
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ background: url("../img/icon_zoom_search@2x.png") 0 0/cover no-repeat;
|
|
|
+ border-radius: 0 25px 25px 0 / 0 25px 25px 0;
|
|
|
+ cursor: pointer;
|
|
|
+ overflow: hidden;
|
|
|
+ display: none; }
|
|
|
+.header-search--filter .header-search__iconzoom {
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 0;
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ background: url("../img/icon_news_titl@2x.png") 0 -60px/30px 90px no-repeat #e65e26;
|
|
|
+ border-radius: 15px;
|
|
|
+ cursor: pointer;
|
|
|
+ overflow: hidden; }
|
|
|
+ .header-search--filter .header-search__iconzoom:hover {
|
|
|
+ background-color: #eb914e; }
|
|
|
+.header-search--float .header-search__iconzoom {
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 0;
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ background: url("../img/icon_news_titl@2x.png") 0 -60px/30px 90px no-repeat #e65e26;
|
|
|
+ border-radius: 15px;
|
|
|
+ cursor: pointer;
|
|
|
+ overflow: hidden; }
|
|
|
+ .header-search--float .header-search__iconzoom:hover {
|
|
|
+ background-color: #eb914e; }
|
|
|
+.header-search input, .header-search__input {
|
|
|
+ background: #ffffff;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 25px;
|
|
|
+ border-radius: 15px;
|
|
|
+ padding: 0 12px;
|
|
|
+ width: calc(100% - 24px);
|
|
|
+ color: #929292;
|
|
|
+ opacity: 1;
|
|
|
+ font-size: 11px; }
|
|
|
+ .header-search input::-webkit-input-placeholder, .header-search__input::-webkit-input-placeholder {
|
|
|
+ color: #929292;
|
|
|
+ opacity: 1; }
|
|
|
+ .header-search input::-moz-placeholder, .header-search__input::-moz-placeholder {
|
|
|
+ color: #929292;
|
|
|
+ opacity: 1; }
|
|
|
+ .header-search input:-moz-placeholder, .header-search__input:-moz-placeholder {
|
|
|
+ color: #929292;
|
|
|
+ opacity: 1; }
|
|
|
+ .header-search input:-ms-input-placeholder, .header-search__input:-ms-input-placeholder {
|
|
|
+ color: #929292;
|
|
|
+ opacity: 1; }
|
|
|
+ .header-search input:focus::-webkit-input-placeholder, .header-search__input:focus::-webkit-input-placeholder {
|
|
|
+ color: transparent;
|
|
|
+ opacity: 1; }
|
|
|
+ .header-search input:focus::-moz-placeholder, .header-search__input:focus::-moz-placeholder {
|
|
|
+ color: transparent;
|
|
|
+ opacity: 1; }
|
|
|
+ .header-search input:focus:-moz-placeholder, .header-search__input:focus:-moz-placeholder {
|
|
|
+ color: transparent;
|
|
|
+ opacity: 1; }
|
|
|
+ .header-search input:focus:-ms-input-placeholder, .header-search__input:focus:-ms-input-placeholder {
|
|
|
+ color: transparent;
|
|
|
+ opacity: 1; }
|
|
|
+.header-search--static input:focus + .header-search__iconzoom, .header-search--static .header-search__input:focus + .header-search__iconzoom {
|
|
|
+ display: block; }
|
|
|
+
|
|
|
@media (min-width: 992px) {
|
|
|
.left-side {
|
|
|
padding-right: 20px; }
|
