@charset "utf-8";
/* CSS Document */
.top-bar {position:fixed; top:0; z-index: 1040; width:calc(100% + 0px); transition: all 0.25s ease 0s;}
.top-link {background: #425d91; height: 50px; position: relative; z-index: 10; padding: 0 0 0 17px;}
.top-link > div {display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.top-link > div > ul {font-size: 14px; display: flex; flex-wrap: wrap; align-items: center; padding: 1px 0 0 14px;}
.top-link > div > ul li {line-height: 1.2; letter-spacing: 0.2px; margin: 0 12px 0 0;}
.top-link > div > ul li:last-child {margin: 0;}
.top-link > div > ul li img {margin: 0 7px 0 0;}
.top-link > div > ul li:hover img, .search_box:hover img {-webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
.top-link > div > ul li a:link, .top-link > div > ul li a:visited {text-decoration:none; color:#fff; display: flex; flex-wrap: wrap; align-items: center; transition: all 0.5s ease 0s;}
.top-link > div > ul li a:active, .top-link > div > ul li a:hover {text-decoration:none; color:#d55952; cursor:pointer; transition: all 0.5s ease 0s;}
.top-barC {margin:auto; /*height: 142px; background: url("../images/bg_01.png") no-repeat bottom center;*/ position: relative; z-index: 1; transition: all 0.25s ease 0s;}
.top-barC::before {content: ''; background: url("../images/bg_01.png") no-repeat bottom right; width: 3000px; height: 142px; position: absolute; top: 0; right: 0; z-index: 10; pointer-events: none; cursor: text; transition: all 0.25s ease 0s;}
.logo {position: absolute; top: 30px; left: 53px; width: 225px; line-height: 0; font-size: 0; z-index: 777; transition: all 0.25s ease 0s;}
.logo a {display: block;}

.links {position: absolute; top: 35px; right: 87px; 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: 39px; height: 44px; margin-left: 18px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.links a:link, .links a:visited {text-decoration:none; color:#000a14; 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: 39px; height: 44px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center;}
.links > div > a img {max-height: 100%;}
.links > div > a img:nth-child(1) {display: block;}
.links > div > a img:nth-child(2) {display: none;}

.links_search {margin: 0 -1px 0 0; transition: all 0.25s ease 0s;}
.search_box {display: flex; flex-flow: wrap; align-items: center; border-radius: 12px; overflow: hidden;}
.search_box button {border: 0; width: 40px; height: 28px; display: flex; flex-flow: wrap; justify-content: center; align-items: center; background: #d55952; padding: 0 3px 0 0; cursor: pointer;}
.search_box button img {height: 17px; margin: auto;}
.links_search_bot, .closeBtn {display: none;}
	
.links_lang {position: relative;}
.links_lang ul {position: absolute; top: 40px; right: 20px; width: 140px; border-radius: 15px 0 15px 15px; padding: 0; background-color: #fff; display: none; z-index: 100; box-shadow: 0 0 13px rgba(0, 0, 0, 0.7); overflow: hidden;}
.links_lang ul li {width: 100%; text-align: center; border-bottom: 1px solid #d35851; transition: all 0.5s ease 0s;}
.links_lang ul li:last-child {border-bottom: 0;}
.links_lang ul li:hover {background-color: #425d91;}
.links_lang ul li a {display: block; padding: 5px 0;}
.links_lang ul li a:hover, .links_lang ul li.current a {color:#fff;}
.links_lang ul li.current {background-color: #d35851;}
.links_lang a img {margin: -6px 0 0 0;}

.links_cart {position: relative;}
.links_cart span {min-width: 19.82px; height: 19.82px; border-radius: 20px; padding: 0 3px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; background-color: #d35851; color: #fff; font-size: 14px; position: absolute; top: -14px; right: -1px; transition: all 0.25s ease 0s;}

@media only screen and (min-width:1201px){
    .links {position: absolute; top: 35px; right: 70px; z-index: 100; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; transition: all 0.25s ease 0s;}
}
@media only screen and (max-width:1200px){
    .links {position: absolute; top: 20px; z-index: 100; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; transition: all 0.25s ease 0s;}
}