@charset "utf-8";
/* CSS Document */
.top-bar {position:fixed; top:0; width:100%; z-index: 996; background: rgba(0, 0, 0, 0.7); transition: all 0.25s ease 0s;}
.top-barC { position: relative; margin:auto; height: 80px; transition: all 0.25s ease 0s;}
.ind_post { position: relative; width: 100%; display: flex; flex-flow: wrap; align-items: center; justify-content: center; background: #385881; color: #fff; padding: 15px 100px; text-align: center; overflow: hidden; transition: all 0.25s ease 0s;}
.logo {position: absolute; top: 0; right: 85%; width: 170px; line-height: 0; font-size: 0; z-index: 100; transition: all 0.25s ease 0s;}
.logo a {display: block;}
.logo:hover {  transform: translateX(-15px);}
.links {position: absolute; top: 30px; left: 85%; right: 0; margin: 0 auto; display: flex; flex-flow: row; align-items: center; justify-content: center; padding: 0 50px 0 0; z-index: 103; transition: all 0.25s ease 0s;}
.links > div {position: relative; margin-left: 23px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; min-width: 23px;}
.links a:link, .links a:visited {text-decoration:none; color:#173c96; font-weight: 500; transition: all 0.25s ease 0s;}
.links a:active, .links a:hover {text-decoration:none; color:#3F3F41; cursor:pointer; transition: all 0.5s ease 0s;}
.links_search > a img.pc {display: block; width: 23px;}
.links_search > a img.mobile {display: none; width: 23px;}
.links_search > a img.pc_close {display: none; width: 23px;}
.links_search > a img.mobile_close {display: none; width: 23px;}
.links_search > a.search_close img.pc {display: none;}
.links_search > a.search_close img.pc_close {display: block;}
.links_cart {position: relative;}
.links_cart > a { position: relative; transition: all 0.25s ease 0s;}
.links_cart > a img.pc { display: block; width: 23px;}
.links_cart > a img.mobile { display: none; width: 23px;}
.links_cart > a .number { position: absolute; top: -10px; right: -10px; background: #c59820; color: #fff; padding: 0 3px; border-radius: 10px; line-height: 1; display: flex; flex-flow: wrap; align-items: center; justify-content: center; min-width: 18px; min-height: 18px; text-align: center; font-weight: 500;}
.search_box {position: absolute; top: 40px; right: 0; width: 289px; display: flex; flex-direction: row; justify-content: center; background: #608dca; padding: 0 10px; max-height: 0; overflow: hidden; z-index: 101; transition: all 0.75s ease 0s;}
.search_box input {width: 200px; height: 40px; margin: 10px 0; display: flex; padding: 0 10px; border: 0px; border-radius: 0;}
.search_box button {width: 70px; height: 40px; margin: 10px 0; border: 0; background: #385881; color: #fff; cursor: pointer; border-radius: 0; font-size: 85%; transition: all 0.5s ease 0s;}
.search_open {max-height: 60px; transition: all 0.75s ease 0s;}
.search_box button:hover { background: #231815;}