#header.fixed-header{height: 160px;z-index: 1040;position: fixed;width: 100%; background-repeat:no-repeat;background-size:cover;background-position:center center; }
#header .headerfixo{ position: fixed; width:100%; padding-top: 20px; z-index: 1000; }
.header-desktop{display: block; position: relative}
.header-mobile{display: none;}

.background--layer {background-color: rgba(220,220,220,0.8);position: absolute;width: 100%;height: 160px;top:0;background-position: center center;background-repeat: no-repeat;}

#header .container_header { clear: both; height: 100px; }
#header .header-menu{max-width: 1410px;margin: 0 auto; text-align: center; background: rgba(255, 255, 255, 0.4);height: 54px;}

#header .search-input-header{height: 54px;}
#header .search-input-header input{border: 0;color: #404040;font-size: 12px;background: url(../sysimages/search-but.png);background-repeat: no-repeat;background-position: 7px center;padding: 17px 0 17px 30px;};
#header .search-input-header a {display: none;}

#header .nav-header-principal nav {display: block; list-style:none;margin:0;text-align:center;}
#header .nav-header-principal nav ul li {display:inline;list-style: none;position: relative; transition: 0.2s;margin-left: 41px;}
#header .nav-header-principal nav ul li:first-child{margin-left: 0px;}
#header .nav-header-principal nav ul li a{display: inline-block;position: relative;color: #222326;font-size: 12px;letter-spacing: 2px; text-transform: uppercase;text-decoration:none;vertical-align: middle;margin-top: -36px;padding: 8px 0px 8px 13px;}
#header .nav-header-principal nav ul li a span{padding: 10.5px 13px 10px 0;}
#header .nav-header-principal nav ul li a:hover{background: url(../sysimages/menu_left.png) left top no-repeat;}
#header .nav-header-principal nav ul li a:hover span{background: url(../sysimages/menu_right.png) right top no-repeat;}
#header .nav-header-principal nav ul li a.active{background: url(../sysimages/menu_left.png) left top no-repeat;}
#header .nav-header-principal nav ul li a.active span{background: url(../sysimages/menu_right.png) right top no-repeat;}
#header .nav-header-principal nav ul li:nth-child(3) a:hover{background: none;}
#header .nav-header-principal nav ul li a span{text-transform: uppercase;}
#header .nav-header-principal img{margin-top: 19px;}

#header .country-drop{margin: 15px 0 0 60px;color: #222326;font-size: 11px;line-height: 17px;background: url(../sysimages/arrow-down-language.png) no-repeat right 26px center;}
#header .country-drop select{width: 112px;height: 27px;border: 1px solid rgb(33, 34, 38, 0.3) !important;z-index: 15;padding:0px;color: #000}
#header .country-drop .selector:hover select{border: 1px solid #000 !important}
#header .country-drop select::-ms-expand {display: none;}
#header .country-drop select{-webkit-appearance: none;appearance: none;}
#header .country-drop select#country{padding-left: 33px;}
#header .country-drop select#country{background: url(../sysimages/flags/pt.png) no-repeat 7px center;font-size: 10px;line-height: 15px;}
#header .country-drop select#country.gb{background-image: url(../sysimages/flags/gb.png)}
#header .country-drop select#country.fr{background-image: url(../sysimages/flags/fr.png)}
#header .country-drop select#country.de{background-image: url(../sysimages/flags/de.png)}
#header .country-drop select#country.ru{background-image: url(../sysimages/flags/ru.png)}

#header .country-drop select option{background: rgba(255, 255, 255, 0.3);} 
#header .header-produtos{display: none; padding-top: 30px; max-width: 690px; margin: 0 auto; text-align: center;}
#header .header-produtos img{border: 1px solid #333;}
#header .header-produtos a{text-decoration: none; text-transform: uppercase;}
#header .header-produtos span{color: #222326;font-size: 15px;line-height: 30px;}
#header .header-produtos a:hover span{border-bottom: 1px solid #333;}

.toggle-button{font-size:23px;cursor:pointer;position: absolute;z-index: 1501;top: 30px;left: 26px;display: none;border:none;background-color: transparent;}
/*.toggle-button {
    font-size: 23px;
    cursor: pointer;
    position: absolute;
    z-index: 1501;
    top: 32px;
    left: 26px;
    display: none;
    background-color: transparent;
    border: none;
    width: 16px;
    height: 0px;
    -webkit-box-shadow: 1px 10px 1px 1px #000, 1px 16px 1px 1px #000, 1px 22px 1px 1px #000;
    box-shadow: 0 10px 0 1px #000, 0 16px 0 1px #000, 0 22px 0 1px #000;
}*/

.accordion {background: url(../sysimages/arrowselector-right.png) no-repeat right 20px center;cursor: pointer;padding: 20px 20px 20px 26px;width: 100%;border: none;text-align: left;outline: none;transition: 0.4s;color: #222326;font-size: 12px;letter-spacing: 2px;text-transform: uppercase;background-color: #fff;border-bottom: 1px solid #ececec;}
.accordion.active {background: url(../sysimages/arrowselector.png) no-repeat right 20px center;}
.panel-accord {background-color: #eee;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.panel-accord a{letter-spacing: 2px;font-size: 12px;color: #222326;border-bottom: 1px solid #ececec;width: 100%;padding:18px 0px 19px 46px;background-color: #eee}
.search-input-slideout{background-color: #eee;}
.search-input-slideout input{padding: 19px 0 21px 26px; border: 0;color: #333;font-family: Montserrat-Regular;font-size: 12px; background-color: transparent;}

.accordion-language {background: url(../sysimages/arrowselector-right.png) no-repeat right 20px center;cursor: pointer;padding: 20px 20px 20px 26px;width: 100%;border: none;text-align: left;outline: none;transition: 0.4s;color: #222326;font-size: 11px;background-color: #fff;border-bottom: 1px solid #000; border-top: 1px solid #000}
.accordion-language.active {background: url(../sysimages/arrowselector.png) no-repeat right 20px center;}
.accordion-language img{padding-right: 10px}
.panel-accord-lang {background-color: #eee;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.panel-accord-lang a{border-bottom: 1px solid rgb(0,0,0,0.07);color: #222326;width: 100%;padding:18px 0px 19px 46px;background-color: #eee;font-size: 11px;}
.panel-accord-lang a img{ padding-right: 10px }


@supports (-ms-ime-align: auto) {
  #header .nav-header-principal nav ul li a span{padding: 12px 13px 10px 0}
}

@media screen and (max-width: 1366px) and (min-width: 769px){
#header .headerfixo{padding-top: 15px}
#header.fixed-header, #header .headerfixo, .background--layer {height: 92px !important;}
#header .container_header {height: 60px;}
#header .header-produtos {padding-top: 0px;max-width: 490px;}
#header .nav-header-principal img {margin-top: 15px;max-width: 66px}
#header .header-produtos span {font-size: 13px;padding-top: 0px;max-width: 490px;}
.nav-header-principal nav ul{margin-top: 11px}

}

@media screen and (max-width: 1266px) and (min-width: 769px){
#header .headerfixo, #header.fixed-header{position: absolute;}
}

@media screen and (max-width: 768px){
  #header.fixed-header{height: 100px;width: 100%}
  #header .headerfixo{min-width: 300px; max-width: 768px;height: 100px;}
  .header-desktop{display: none;}
  .header-mobile{display: block;}
  .header-menu-mobile{width: calc(100% - 30px);margin: 0 auto; text-align: center; background: rgba(255, 255, 255, 0.4);height: 54px;}
  .toggle-button{display: block;}
  .toggle-button-close{display: none;}
  .background--layer {display: none;}
}


@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  #header .nav-header-principal nav ul li a span{padding: 10px 13px 10px 0;}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
  #header .nav-header-principal nav ul li a span{padding: 10px 13px 10px 0;}
}