@charset "utf-8";
/* CSS Document */
.top-bar {position:fixed; top:0; width:100%; background: #1e2965; z-index: 8888; transition: all 0.25s ease 0s;}
.top-barC { position: relative; margin:auto; padding: 0 20px; height: 100px; transition: all 0.25s ease 0s;}
.logo {position: absolute; top: 18px; left: 7%; line-height: 0; font-size: 0; z-index: 77; transition: all 0.25s ease 0s;}
.logo::before { content: ''; position: absolute; bottom: -50px; right: -125px; width: 638px; height: 163px; background: url("../images/logo_bg.png") no-repeat center / cover; filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.1)); z-index: -1; pointer-events: none; transition: all 0.25s ease 0s;}
.logo a { display: block; width: 344px; margin: auto 0 auto auto;}
.links {position: absolute; top: 32px; right: 100px;  padding-right: 2.5%; display: flex; flex-flow: row; align-items: center; z-index: 103; transition: all 0.25s ease 0s;}
.links > div {position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-right: 40px;}
.links > div:last-child { margin-right: 0;}
.links a:link, .links a:visited {text-decoration:none; color:#1e2965; font-weight: 500; transition: all 0.25s ease 0s;}
.links a:active, .links a:hover {text-decoration:none; color:#d70c19; cursor:pointer; transition: all 0.25s ease 0s;}
.links_cart {position: relative;}
.links_cart::before { content: ''; position: absolute; top: -6px; bottom: -6px; right: -20px; width: 3px; background: #fff; z-index: -1; transition: all 0.25s ease 0s;}
.links_cart > a { position: relative; width: 35px; transition: all 0.25s ease 0s;}
.links_cart > a img.pc { display: block;}
.links_cart > a .number { position: absolute; bottom: 0; left: -20%; background: #ff0000; color: #fff; padding: 3px; border: 1px solid #fff; border-radius: 15px; line-height: 1; display: flex; flex-flow: wrap; align-items: center; justify-content: center; min-width: 23px; text-align: center; font-weight: 600; font-size: 15px; font-family: "Lato", sans-serif; transition: all 0.25s ease 0s;}

.links_lang { transition: all 0.5s ease 0s;}
.links_lang::before { content: ''; position: absolute; top: -6px; bottom: -6px; right: -20px; width: 1px; background: #fff; opacity: 0; z-index: -1; transition: all 0.25s ease 0s;}
.links_lang > a { position: relative; display: flex; flex-flow: wrap; align-items: center; width: 33px; font-weight: 400; z-index: 1;}
.links_lang > a:link, .links_lang > a:visited {text-decoration:none; color:#9a9a9a; transition: all 0.5s ease 0s;}
.links_lang > a:active, .links_lang > a:hover {text-decoration:none; color:#9a9a9a; cursor:pointer; transition: all 0.5s ease 0s;}
.links_lang ul {position: absolute; top: 68px; left: 50%; transform: translateX(-50%); width: 80px; padding: 0; background-color: #fff; display: none; z-index: 100; box-shadow: 0px 25px 24px rgba(0, 0, 0, 0.19); overflow: hidden;}
.links_lang ul li {width: 100%; text-align: center; transition: all 0.5s ease 0s;}
.links_lang ul li:last-child {border-bottom: 0;}
.links_lang ul li:hover {background-color: #D60C1A;}
.links_lang ul li a {font-weight: 600; display: block; padding: 10px; font-size: 14px; text-decoration:none;}
.links_lang ul li a:hover, .links_lang ul li.current a {color:#fff;}
.links_lang ul li.current {background-color: #D60C1A;}

.links_search { position: absolute; top: -18px; right: -50px;}
.links_search::before { content: ''; position: absolute; top: -58px; right: -100px; width: 178px; height: 155px; background: url("../images/search_bg.png") no-repeat center / cover; opacity: 1; z-index: -1; transition: all 0.25s ease 0s;}
.links_search > a { position: absolute; right: -60px; top: -5px; width: 50px;}
.links_search img { filter: none;}
.links_search > a img.pc {display: block;}
.links_search > a img.pc_close {display: none;}
.links_search > a.search_close img.pc {display: none;}
.links_search > a.search_close img.pc_close {display: block;}
.links_search .search_box {position: absolute; top: 69px; right: -60px; width: 300px; display: flex; flex-direction: row; justify-content: center; background: #d70c19; padding: 0 10px; max-height: 0; overflow: hidden; z-index: 101; transition: all 0.75s ease 0s;}
.links_search .search_box input {width: 200px; height: 40px; margin: 10px 0; display: flex; padding: 0 10px; border: 0px; border-radius: 0;}
.links_search .search_box button {width: 70px; height: 40px; margin: 10px 0; border: 0; background: #1e2965; color: #fff; cursor: pointer; border-radius: 0; font-size: 85%; transition: all 0.5s ease 0s;}
.links_search .search_open {max-height: 60px; transition: all 0.75s ease 0s;}
.links_search .search_box button:hover { background: #323440;}