@charset "utf-8";
/* CSS Document */
.top-bar {/*background: url("../images/bg_01.png") no-repeat left top; background-size: auto 100%;*/ background-color: rgba(255, 255, 255, 1); position: fixed; top: 0px; left: 0px; width: 100%; z-index: 1028; transition: all 0.25s ease 0s; border-bottom: 6px solid #e1a013;}
.top-barC {margin:auto; max-width:1480px; height: 121px; padding: 0 100px; position: relative; transition: all 0.25s ease 0s;}
.logo {position: absolute; top: 5px; left: 100px; width: 262px; line-height: 0; font-size: 0; z-index: 99; transition: all 0.15s ease 0s;}

@media only screen and (min-width:993px){
    .links {position: absolute; top: 50%; right: 120px; z-index: 100; margin-top: -22px; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; transition: all 0.25s ease 0s;}
    .links a:link, .links a:visited {text-decoration:none; color:#99734f; transition: all 0.25s ease 0s;}
    .links a:active, .links a:hover {text-decoration:none; color:#d70c19; cursor:pointer; transition: all 0.5s ease 0s;}
    .links > div {position: relative; min-width: 45px; min-height: 45px; margin-left: 14px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .links > div .links-dropdown{position: absolute;top:44px;}
    .links-dropdown a{font-size: 14px; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
	.links > div > a span {position: absolute; top: -5px; right: -5px; width: 25px; height: 25px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; background-color: #99734f; color: #fff; border-radius: 50%;}

    .links_search {z-index: 10;}
	.search {width: 0; height: 43px; overflow: hidden; position: absolute; top: 1px; right: 50px; background-color: #fff; transition: all 0.25s ease 0s;}
    .search_btn {position: absolute; top: 0px; right: 0px; width: 45px; height: 45px; display: block; z-index: 5;}
    .search_pic {position: absolute; top: 0px; right: 0px; cursor: pointer; z-index: 10;}
    .search_pic::before {content: ''; width: 45px; height: 45px; display: block;}
    .search_open {width: 200px; transition: all 0.25s ease 0s;}
    .search_btn_open {z-index: 15;}
}
@media only screen and (max-width:992px){
    .links {position: absolute; top: 52px; right: -150%!important; z-index: 100; width: 100%; height: 50px; background-color: #fff; display: flex; flex-direction: row; align-items: center; justify-content: center; transition: all 0.25s ease 0s;}
    .links a:link, .links a:visited {text-decoration:none; color:#99734f; transition: all 0.25s ease 0s;}
    .links a:active, .links a:hover {text-decoration:none; color:#d70c19; cursor:pointer; transition: all 0.5s ease 0s;}
	.links form {position: relative; width: 35px; height: 35px;}
	.links a {width: 35px; height: 35px; display: block;}
    .links > div {position: relative; min-width: 35px; min-height: 35px; width: 35px; height: 35px; margin-left: 14px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
	.links > div > a span {position: absolute; top: 0px; right: -11px; width: 25px; height: 25px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; background-color: #99734f; color: #fff; border-radius: 50%;}
    .links_show {right: 0!important;}
	
	.links_lighting, .links_cart {position: fixed!important; top: 7px; right: 113px;}
	
    .links_search {z-index: 10; position: fixed!important; top: 7px; right: 66px;}
	.search {width: 0; height: 40px; overflow: hidden; position: absolute; top: 0px; right: 40px; background-color: #fff; transition: all 0.25s ease 0s;}
    .search_btn {position: absolute; top: 0px; right: 0px; width: 45px; height: 45px; display: block; z-index: 5;}
    .search_pic {position: absolute; top: 0px; right: 0px; cursor: pointer; z-index: 10;}
    .search_pic::before {content: ''; width: 45px; height: 45px; display: block;}
    .search_open {width: 200px; transition: all 0.25s ease 0s;}
    .search_btn_open {z-index: 15;}
}