/* =============================================================================
 *   Header CSS
 * ========================================================================== */

.static-header {
    position: relative;
    z-index: 10;
}

.header {
    width: 100%;
    background-color: #fff;
    min-width: 1180px;
}

.header-content {
    padding: 25px 0 25px;
    font: normal 13px Arial, sans-serif;
}

#logo, 
.header-info,
.header-info-block-time,
.header-info-block-user {}

.header-info {
    /*margin-left: 4.65%;*/
    margin-left: 8.15%;
    width: 28.2%;
}

.container-inner {
    margin: 0 10px;
}

#branding {
    display: inline-flex;
    width: 1180px;
    /*justify-content: space-between;*/
}

#site-slogan {
    margin: 0 !important;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #353A3E;
    display: block;
    padding: 4px 0 5px;
}

.headerSloganLine {
    line-height: 1px;
    width: 90.2%;
    display: block;
    border-top: 1px solid #e0e1e2;
    padding: 0px 0 5px;
}

.headerPhoneNumber {
    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
    display: block;
    color: #353A3E;
}

.phone-code {
    color: #b6bbbf;
}

.header-info-block-time-desc {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32;' xml:space='preserve' width='512px' height='512px'%3E%3Cg%3E%3Cg id='clock'%3E%3Ccircle cx='15' cy='10' r='1' fill='%230099cc'/%3E%3Ccircle cx='15' cy='22' r='1' fill='%230099cc'/%3E%3Ccircle cx='9' cy='16' r='1' fill='%230099cc'/%3E%3Ccircle cx='21' cy='16' r='1' fill='%230099cc'/%3E%3Ccircle cx='10.757' cy='20.242' r='1' fill='%230099cc'/%3E%3Ccircle cx='10.757' cy='11.757' r='1' fill='%230099cc'/%3E%3Ccircle cx='19.242' cy='20.242' r='1' fill='%230099cc'/%3E%3Cpath d='M25,14c-0.07,0-0.129,0.033-0.197,0.04c-0.348-1.745-1.17-3.306-2.297-4.594L21.07,1.634 C20.895,0.687,20.068,0,19.104,0h-8c-0.964,0-1.79,0.688-1.967,1.635l-1.4,7.549C6.057,10.971,5,13.352,5,16 c0,2.583,1.014,4.905,2.621,6.678l1.412,7.688C9.209,31.312,10.036,32,11,32h8c0.963,0,1.789-0.688,1.967-1.635l1.424-7.682 c1.189-1.311,2.053-2.92,2.412-4.725C24.871,17.967,24.93,18,25,18c1.104,0,2-0.896,2-2C27,14.895,26.104,14,25,14z M11.104,2h8 l1,5.387C18.627,6.528,16.936,6,15.104,6c-1.831,0-3.523,0.528-5,1.387L11.104,2z M19,30h-8l-1-5.387 C11.476,25.471,13.168,26,15,26c1.831,0,3.524-0.529,5-1.387L19,30z M15,24c-4.411,0-8-3.59-8-8c0-4.411,3.589-8,8-8s8,3.589,8,8 C23,20.41,19.41,24,15,24z' fill='%230099cc'/%3E%3Cpath d='M19.941,11.026c-0.121-0.121-0.316-0.131-0.453-0.021l-5.192,4.285 C14.105,15.482,14,15.736,14,16.008c0,0.263,0.102,0.512,0.289,0.698s0.438,0.29,0.707,0.292c0.25-0.002,0.51-0.095,0.699-0.277 l1.848-2.225l2.426-3.021C20.074,11.342,20.062,11.147,19.941,11.026z' fill='%230099cc'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat;
    display: block;
    padding: 0px 0 0 41px;
    line-height: 15px;
    width: 150px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #979797;
    background-size: 36px;
    background-position: -5px 5px;
}

.header-info-block-time {
    width: 12.2%;
    margin-right: 1.55%;
    padding-top: 5px;
    padding-left: 5px;
    margin-left: 4%;
}

/*.header-info-block-user {
    width: 21%;
    margin-top: -9px;
    display: none;
}

.header-info-block-user-icon {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 482.974 482.974' style='enable-background:new 0 0 482.974 482.974;' xml:space='preserve' width='512px' height='512px'%3E%3Cg%3E%3Cg%3E%3Cpath d='M155.504,204.774c4.4,28.6,26.5,65,62.8,77.8c14.9,5.2,31.2,5.3,46.1-0.1c35.7-12.9,58.5-49.2,63-77.7 c4.8-0.4,11.1-7.1,17.9-31.2c9.3-32.9-0.6-37.8-9-37c1.6-4.5,2.8-9.1,3.6-13.5c14.2-85.3-27.8-88.2-27.8-88.2s-7-13.4-25.3-23.5 c-12.3-7.3-29.4-12.9-51.9-11c-7.3,0.3-14.2,1.8-20.7,3.9l0,0c-8.3,2.8-15.9,6.9-22.8,11.7c-8.4,5.3-16.4,11.9-23.4,19.4 c-11.1,11.4-21,26.1-25.3,44.4c-3.6,13.7-2.8,28,0.2,43.4l0,0c0.8,4.5,2,9,3.6,13.5c-8.4-0.8-18.3,4.1-9,37 C144.404,197.674,150.704,204.374,155.504,204.774z' fill='%230099cc'/%3E%3Cpath d='M406.404,316.674c-51.1-13-92.6-42.2-92.6-42.2l-32.4,102.5l-6.1,19.3l-0.1-0.3l-5.3,16.4l-17.1-48.5 c42-58.6-8.5-58-11.3-57.9c-2.8-0.1-53.3-0.7-11.3,57.9l-17.1,48.5l-5.3-16.4l-0.1,0.3l-6.1-19.3l-32.5-102.5 c0,0-41.5,29.2-92.6,42.2c-38.1,9.7-39.9,53.7-38.4,75.4c0,0,2.2,29.5,4.4,42.5c0,0,74.4,48.3,199,48.4c124.6,0,199-48.4,199-48.4 c2.2-13,4.4-42.5,4.4-42.5C446.304,370.374,444.504,326.374,406.404,316.674z' fill='%230099cc'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat;
    display: block;
    padding: 0px 0 0 52px;
    height: 58px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    background-size: 36px;
    background-position: 0px 20px;  
}

.authInfoBlockAttention {
    color: #e83841;
    height: 18px;
}


.authButton, input[type="button"].authButton {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 13px;
    border-radius: 4px;
    background-color: #fff;
    line-height: 30px;
    box-sizing: border-box;
    padding: 0 15px 0 31px;
}

.btn-auth {
    color: #09c;
    border-color: #09c;
    background: url(../img/key.png) 13px 8px no-repeat;
}

.authButton:hover, .authButton:focus {
    color: white;
    border-bottom-color: #09c;
    background-color: #09c;
    border-color: #09c;
    background: url(../img/key_h.png) 13px 8px no-repeat #09c;
}

.authInfoBlock {
    padding-bottom: 10px;
    padding-top: 0px;
}

.header-info-block-search {
    padding-top: 8px;
    display: none;
}

.header-info-block-search-icon {
    background: url(../img/search36.png) 0 50% no-repeat;
    display: block;
    width: 60px;
    height: 36px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    background-size: 60px 36px;
    text-indent: -9999px;
    border: none;
    vertical-align: middle;
}*/

.header-bottom {
    display: flex;
    width: 100%;
    height: 40px;
    background-color: #353a3e;
}

.header-menu-inner {
    display: flex;
    align-items: center;
}

.home a {
    /*padding: 12px 44px 9px 38px;*/
    background: #52575b;
    /*margin-right: 15px;*/
    width: 210px;
    
}

.header-menu-wrapper .menuIconCatalog {
    background-image: url(../img/menu-icon-catalog.png);
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    vertical-align: text-top;
    margin-top: -1px;
    margin-right: 12px;
    background-repeat: no-repeat;
}

.header-menu {
    width: 100%;
}

.header-menu-link {
    display: flex;
}

.home a,
.header-menu-item a {
    color: #fff;
    padding-left: 28px;
    padding-right: 27px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 2px;
}

ul.navbar .fa {
    width: 14px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    margin-right: 7px;
    color: #A4E0FF;
}

ul.navbar .fa:before {
    position: relative;
}

.fa-handshake-o:before {
    content: "\f2b5";
}

ul.navbar .fa-handshake-o {
    margin-right: 14px;
}

ul.navbar .fa-newspaper-o {
    margin-right: 11px;
}

ul.navbar .fa-comments-o {
    margin-right: 12px;
}

ul.navbar .fa-user-circle {
    margin-right: 9px;
}

ul.navbar .fa-map-o,
ul.navbar .fa-map {
    margin-right: 11px;
}

ul.navbar .fa-solid {
    font-weight: bold;
}


/* New Menu */

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

ul.navbar {
    background: transparent;
    width: 100%;
    /*margin: 2em auto;*/
}

ul.navbar li {
    float: left;
    margin: 0;
    position: relative;
}

ul.navbar li a {
    color: #fff;
    padding-left: 25px;
    padding-right: 24px;
    font-size: 10px;
    
    
    height: 40px;
    display: flex;
    align-items: center;
    
    transition: all .2s ease-in-out;
}

ul.navbar > li > a {
    font-weight: 600;
    padding-bottom: 2px;
    text-transform: uppercase;
}

ul.navbar li ul li a {
    padding: 13px 18px;
    color: #333;
    border-top: 1px solid #eee;
    font-size: 12px;
}

.menuIconCatalog {
    background-image: url(../img/menu-icon-catalog.png);
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    vertical-align: text-top;
    margin-top: -1px;
    margin-right: 10px;
    background-repeat: no-repeat;
}

ul.navbar li a:hover,
ul.navbar li:hover > a {
    background: linear-gradient(to top,#0099cc, #24c1e4);
    text-shadow: rgb(0 0 0 / 30%) 1px 1px 3px;
}

ul.navbar li ul {
  margin: 0;
  position: absolute;
  background: #fff;
  /*left: 10%;*/
  left: 0;
  font-size: 10px;
  min-width: 250px;
  opacity: 0;
  visibility: hidden;
  z-index: 99;
  transition: all .5s ease;
  box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
  /*border: 1px solid rgba(0,0,0,0.2);*/
  border-bottom: 3px solid #0099cc;
  border-radius: 0 0 5px 5px;
}

ul.navbar ul li { float: none; }
ul.navbar li:hover > ul { opacity: 1; visibility: visible; left: 0; max-height: 250px }
ul.navbar > li:hover > ul { opacity: 1; visibility: visible; top: 100%; left: 0; }
ul.navbar li > ul  ul { top: 0; left: 90%; }
ul.navbar li > ul li:hover > ul { left: 100%; }


ul.navbar li ul li a:hover {
    background: #f8f8f8;
    color: #00aeee;
    text-shadow: none;
}

ul.navbar li ul li a.active {
    color: #00B742;
}

ul.navbar li ul .fa {
    width: 16px;
    font-size: 16px;
    margin-right: 14px;
    color: #9fb0c2;
}

ul.navbar > li > a.active::after,
ul.navbar > li.active::after {
    content: ' ';
    display: block;
    text-align: center;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAIAAAA7y9DJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1RjkzNTg0NUM5MDZFNjExOUMwNENEMDZFQTk2ODYzQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBODhBOTg4Q0JCQUMxMUU2ODQyNzgxMzdCRTMxQzM1MCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBODhBOTg4QkJCQUMxMUU2ODQyNzgxMzdCRTMxQzM1MCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYwOTM1ODQ1QzkwNkU2MTE5QzA0Q0QwNkVBOTY4NjNDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVGOTM1ODQ1QzkwNkU2MTE5QzA0Q0QwNkVBOTY4NjNDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ufOPAwAAAOhJREFUeNpskM0OATEUheeaosgwaKu8hoXY+En8JcJK4kmsbb2VpZXwJCR+QkxN3c4klDi7e865301LFsuVY6nbrK83W9tJ2MOg1UjT9KjT/N+YDtqFfL7k+57nTfqt38Zs3BOCSykqFVGrSsEZOp/GfDpkrFwqFn1UAUEeZ4xzhj6msN3tMUM7k6EuIYAWgFLP2/12Op0PhyOpSpnLZVORHK0NNmHAlFLXxRUCl+s1SQgOGGjrCTo0egQBApU5hjngBSfUGuIGwgACpUBHcqLzb0AYnwOTknf965esEWJADP/BQLT8EmAACa1NqgeV0gIAAAAASUVORK5CYII=') no-repeat scroll center bottom transparent;
    height: 16px;
    margin-top: 4px;
    text-indent: -9999px;
    position: absolute;
    width: 11px;
    left: 50%;
    margin-left: -5px;
    bottom: -6px;
}

ul.navbar > li > a.active,
ul.navbar > li.active > a {
    background: #757f88;
}