@charset "utf-8";
/* CSS Document */
.top-bar {position:fixed; top:0; width:100%; z-index: 8888; background: #fff; box-shadow: 0 0 15px rgba(41, 40, 40, 0.4); transition: all 0.25s ease 0s;}

.top-barC {margin:0 0 0 0; min-height: 84px; position: relative; transition: all 0.25s ease 0s;}
.logo {position: absolute; top: calc(50% - 1px); left: 3.938%; z-index: 77; width: 165px; overflow: hidden; line-height: 0; font-size: 0; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); transition: all 0.25s ease 0s!important;}
.logo a {display: block; width: 100%; transition: all 0.25s ease 0s!important;}

.links {position: absolute; top: 0; bottom: 0; right: 0; z-index: 100; width: 100%; max-width: 224px; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; background: #000e9d; padding: 0 17px 0 0; transition: all 0.25s ease 0s;}
.links > div {position: relative; min-width: 40px; min-height: 40px; padding: 0 0 0 0; margin: 0 0 0 25px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.links > div:first-child {margin: 0;}
.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: 40px; min-height: 40px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center;}

.links_lang {position: relative; padding: 0 19px 0 0!important;}
.links_lang > a::after {content: ""; position: absolute; right: -19px; top:12px; width: 10px; height: 10px; display: block; border-width: 2px 2px 0 0;border-style: solid; border-color: #fff; background: transparent; margin: 0; box-shadow: none; transform: translateY(0px) rotate(135deg); transition: all 0.5s ease 0s;}
.links_lang ul {position: absolute; top: 50px; left: calc(50% - 63px); width: 106px; padding: 0; background-color: #fff; display: none; z-index: 100; border: 1px solid #6d6e71; box-shadow: 0 0 13px rgba(0, 0, 0, 0.13);}
.links_lang ul li {width: 100%; font-size: 16px; font-weight: 500; padding: 0; margin: 0; transition: all 0.25s ease 0s; border-bottom: 1px solid #6d6e71;}
.links_lang ul li:last-child {border-bottom: 0;}
.links_lang ul li a {color:#231f20!important; letter-spacing: 0.15px; display: block; padding: 2px 8px 5px 8px;}
.links_lang ul li:hover, .links_lang ul li.current {background-color: #000e9d;}
.links_lang ul li:hover a, .links_lang ul li.current a {color:#fff!important;}

.links_cart {position: relative;}
.links_cart span {min-width: 22px; height: 22px; padding: 0 0 4px 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; border-radius: 22px; background-color: #91d500; color: #fff; font-size: 16px; line-height: 1; font-weight: 500; position: absolute; bottom: -10px; right: -6px;}

.search_box {background: rgba(0,0,0,.9); position: fixed; width: 100%; height: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; transition: all 0.4s ease-out 0s; opacity: 0; visibility: hidden; top:0; left: 0; z-index: 99999; padding: 20px;}
.search_open {opacity: 1; visibility: visible;}
.search_box form {width: 100%; position: relative; z-index: 100;}
.search_inp {width: 100%; max-width: 993px; display: flex; flex-direction: row; justify-content: center; background: transparent; padding: 0; margin: auto; transition: all 0.75s ease 0s;}
.search_inp input {width: calc(100% - 100px); height: 40px; margin: 0; display: flex; padding: 0 20px; border: 0px; background: #fff;}
.search_inp button {width: 100px; height: 40px; margin: 0; border: 1px solid #fff; background: url("../images/search_btn.png") no-repeat center / 30px 30px; background-color: transparent; font-size: 0; cursor: pointer; transition: all 0.25s ease 0s;}
.search_inp button:hover {background: url("../images/search_btn.png") no-repeat center / 24px 24px; border-radius: 0 40px 40px 0;}
.search_close {position: fixed; top: 0; left: 0; right: 0; bottom: 0;  z-index: 1; cursor: pointer; padding: 20px; text-align: right;}

.links_lang img, .links_cart img, .links_search > a img {filter: brightness(0) invert(1);}