@charset "utf-8";
/* CSS Document */
.top-bar {position:fixed; top:0; width:100%; z-index: 8888; background: rgba(255, 255, 255, 0); transition: all 0.25s ease 0s;}

.top-barC {max-width: 1820px; margin: auto; padding: 0 50px; min-height: 155px; position: relative; transition: all 0.25s ease 0s;}
.logo {position: absolute; top: 72px; left: 9.506%; z-index: 77; width: 261px; overflow: hidden; line-height: 0; font-size: 0; transition: all 0.25s ease 0s!important;}
.logo a {display: block; width: 100%; transition: all 0.25s ease 0s!important;}
.logo a img {width: 100%;}
.logo a img:nth-child(1) {display: block;}
.logo a img:nth-child(2) {display: none;}

.links {position: absolute; top: 79px; right: 8.132%; z-index: 100; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; transition: all 0.25s ease 0s;}
.links > div {position: relative; min-width: 23px; min-height: 23px; padding: 0 0 0 16px; margin: 0 0 0 18px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.links > div:first-child {padding: 0; margin: 0;}
.links > div::before {content: ''; width: 1px; height: 30px; background: rgba(255, 255, 255, 0.5); position: absolute; left: -1px; top: calc(50% - 16px); z-index: -1;}
.links > div:first-child::before {content: none;}
.links a:link, .links a:visited {text-decoration:none; color:#fff; transition: all 0.25s ease 0s;}
.links a:active, .links a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}
.links > div > a {min-width: 23px; min-height: 23px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center;}

.links_search > a img:nth-child(1) {display: block;}
.links_search > a img:nth-child(2) {display: none;}
.links_search > a img:nth-child(3) {display: none;}
.links_search > a img:nth-child(4) {display: none;}
.links_search > a.search_close img:nth-child(1) {display: none;}
.links_search > a.search_close img:nth-child(2) {display: block;}

.links_lang {position: relative;}
.links_lang ul {position: absolute; top: 30px; left: calc(50% - 65px); width: 130px; padding: 10px 0; background-color: #9b6f55; display: none; z-index: 100; box-shadow: 0 0 13px rgba(0, 0, 0, 0.13);}
.links_lang ul li {width: 100%; text-align: center; padding: 0; margin: 1px 0; transition: all 0.25s ease 0s;}
.links_lang ul li a {display: block; padding: 5px 0;}
.links_lang ul li:hover, .links_lang ul li.current {background-color: #fff;}
.links_lang ul li:hover a, .links_lang ul li.current a {color:#2b2b2b;}

.links_cart {position: relative;}
.links_cart a img:nth-child(1) {display: block;}
.links_cart a img:nth-child(2) {display: none;}
.links_cart span {min-width: 14px; height: 14px; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; border-radius: 14px; background-color: #fff; color: #5b5b5b; font-size: 12px; line-height: 1; position: absolute; bottom: -2px; right: -7px;}

.search_box {position: absolute; top: 42px; right: 0; width: 289px; display: flex; flex-direction: row; justify-content: center; background: #9b6f55; padding: 0 10px; max-height: 0; overflow: hidden; transition: all 0.75s ease 0s;}
.search_box input {width: 200px; height: 40px; margin: 10px 0; display: flex; padding: 0 10px; border: 0px;}
.search_box button {width: 70px; height: 40px; margin: 10px 0; border: 0; background: #000; color: #fff; cursor: pointer; transition: all 0.25s ease 0s;}
.search_box button:hover {background: #c6a47e;}
.search_open {max-height: 100px; transition: all 0.75s ease 0s;}

@media only screen and (max-width:1200px){
    .links {right: 70px!important; top: 17px!important;}
    .links > div::before {background: rgba(83, 83, 83, 0.5);}
    .links_search > a img:nth-child(1), .links_search > a.search_close img:nth-child(2), .links_search > a.search_close img:nth-child(3), .links_cart a img:nth-child(1) {display: none;}
    .links_search > a img:nth-child(3), .links_search > a.search_close img:nth-child(4), .links_cart a img:nth-child(2) {display: block;}
    .links_cart span {background: #90643b; color: #fff;}
    
    .search_box {top: 44px;}
}