#header{position: fixed;top: 0;left: 0;width: 100%;z-index: 65;background: #fff;border-bottom: 1px solid rgba(207, 207, 207, 0.5);}
#header .container{max-width: 1440px;position: relative;}
#header .wrapper-menu{padding: 6px 0 0;max-width: calc(100% - 162px);float: left;}
#header .wrapper-menu ul{margin: 0;list-style: none;float: right;}
#header .wrapper-menu ul li{float: left;}
#header .wrapper-menu ul li a,
#header .wrapper-menu ul li p{position: relative;display: block;}
#header .wrapper-menu ul li.disabled span{display: none;}
/*#header .wrapper-menu ul li.user-wishlist .desktop-wish-notice{display: none;position: absolute;top: calc(100% + 5px);left: -1px;padding: 6px 14px;white-space: nowrap;z-index: 1;}*/

#header .wrapper-menu ul.topUl li {margin-left: 19px;}
#header .wrapper-menu ul.topUl li a{padding-left: 20px;}
#header .wrapper-menu ul.topUl li a::before{content: '';position: absolute;width: 16px;height: 16px;background-position: left top;background-size: 16px;background-repeat: no-repeat;}
#header .wrapper-menu ul.topUl li.log a::before{top: 0;left: -2px;background-image: url(../../sysimages/icon-account.png);}
#header .wrapper-menu ul.topUl li.postos{margin-left: 16px;}
#header .wrapper-menu ul.topUl li.postos a::before{top: 0;left: 2px;background-image: url(../../sysimages/icon-postos.png);}
#header .wrapper-menu ul.topUl li.faqs a::before{top: 0px;left: 0px;background-image: url(../../sysimages/faqs.png);}
#header .wrapper-menu ul.topUl li.newsletter a::before{top: 0;left: -1px;background-image: url(../../sysimages/icon-email.png);}
#header .wrapper-menu ul.topUl li.user-name{position: relative;}
#header .wrapper-menu ul.topUl li.user-name a.dropBtn{position: relative;padding-right: 13px;}
#header .wrapper-menu ul.topUl li.user-name a.dropBtn::after{content:'';position: absolute;top: calc(50% - 3px);right: 0;width: 8px;height: 6px;background: url(../../sysimages/dropBtn.png) no-repeat;background-size: 8px 4px;background-position: left top;}
#header .wrapper-menu ul.topUl li.user-name .drop-content{z-index: 55;width: 150px;border-radius: 3px;padding: 15px 15px 10px;display: none;background: #fff;position: absolute;top: 100%;right: 0;border: 1px solid #e8eaec;}
#header .wrapper-menu ul.topUl li.user-name .drop-content{border-color: #00afe6;}
#header .wrapper-menu ul.topUl li.user-name .drop-content li{margin: 0 !important;}
#header .wrapper-menu ul.topUl li.user-name .drop-content li a{padding: 0 5px;margin-bottom: 5px;}
#header .wrapper-menu ul.topUl li.user-name .drop-content li a::before{display: none;}


#header .wrapper-menu .country-drop{display: none;position: absolute;top: 21px;left: calc(50% - 135px);width: 270px;padding: 10px;border: 1px solid #EAEAEA;background: #FFF;z-index: 15;}
#header .wrapper-menu .country-drop .inputerror{margin-bottom: 10px;}
#header .wrapper-menu .country-drop .inputerror label > span{padding-bottom: 4px;}
#header .wrapper-menu .country-drop .inputerror .select{background-repeat: no-repeat;background-position: 7px center;}
#header .wrapper-menu .country-drop select#country{padding-left: 30px;}
#header .wrapper-menu .country-drop button{width: 100%;}
#header .wrapper-menu:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-image: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 65%);opacity: 0.5;}

#header .logo{float: left;display: block;max-width: 200px;margin-top: 25px;}
#header .logo img{display: block;width: 100%;}
#header .right-header{float: right;}

#header .search{position: relative;float: left;}
#header .search-form {border: 1px solid #e8eaec;border-radius: 3px;}
#header .search-form.style{padding-left: 18px;}
#header .search-form:hover, #header .search-form.style, #header .search-form.style.search:hover{border-color: #00afe6}
#header .search-form.style.search{border-color: #e8eaec;}
#header .search-form #search, #header .search-form #search_mobile{width: 0;float: left;border:0;border-bottom: 1px solid #00afe6;letter-spacing: 0;background: #FFF;border-radius: 0;padding: 0;margin-top: 25px;}
#header .search-form.active #search{width: calc(100% - 41px);transition:0.5s width;}
#header .search-form .btn-search{border:0;width: 50px;height: 60px;text-decoration: none;background: url(../../sysimages/icon-search-ret.png) no-repeat;background-position: center 11px;background-size: 20px;background-clip: content-box;padding: 12px 0px;}
#header .search-form.style .btn-search{padding-bottom: 16px;width: 41px;padding-top: 19px;background-image: url(../../sysimages/icon-search.png);background-position: 7px top;}

#header .right-header ul.shopUl{margin: 9px 0 0;list-style: none;/*width: 130px;*/margin-left: 31px;float: right;margin-right: 1px;}
#header .right-header ul.shopUl > li{position: relative;float: left;padding-left: 10px;}
#header .right-header ul.shopUl > li:first-child{padding-left: 0;}
#header .right-header ul.shopUl > li > a:not(.btn-search){text-align: center;position: relative;display: block;width: 70px;height: 62px;text-decoration: none;border: 1px solid #00afe6;border-radius: 3px;}
#header .right-header ul.shopUl > li > a.hasItems{border-color: #002D79;background-color: #002D79;color: #fff;}
#header .right-header ul.shopUl > li > a.hasItems::before{background-position: left bottom !important;}
#header .right-header ul.shopUl > li > a.disabled{cursor: default;}
#header .right-header ul.shopUl > li.cart > a::before{content: '';display: block;width: 20px;height: 20px;background: url(../../sysimages/icon-cart.png) left top/20px no-repeat;margin: 12px auto 5px;}
#header .right-header ul.shopUl > li.cart > a:not(.disabled):hover::before{/*background-position: left bottom;*/}

#header .right-header .shopUl .wrapper-whatsapp .content{border: 1px solid #25D366;border-radius: 3px;width: 66px;height: 62px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#header .right-header .shopUl .wrapper-whatsapp .rdc-icon-svg{width: 24px;height: 24px;background-image: url('/sysimages/whatsapp.png');background-position: center;background-size: 100%;background-repeat: no-repeat;}
#header .right-header .shopUl .wrapper-whatsapp a:hover .content{opacity: 0.5;}
#header .right-header ul.shopUl > li.wrapper-whatsapp > a:not(.btn-search){ text-decoration: none; border: 0; width: auto; height: auto; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
#header .right-header .shopUl .wrapper-whatsapp .text-info{text-align: center;}
#header .right-header .shopUl .wrapper-whatsapp .hours{margin-top: 1px;}
#header .right-header .shopUl .wrapper-whatsapp .icon{margin-bottom: 3px;}

#header .right-header ul.shopUl > li > a span{display: inline-block;}
#header .right-header ul.shopUl > li > a span.add-text{padding-left: 4px;}

.toggle-button{display: none;position: absolute;top: 9px;left: 5px;padding: 10px;margin-top: -11px;}
.toggle-button span{background: #333;height: 1px;width: 16px;display: block;margin-bottom: 4px;transition: all .5s;}
.toggle-button span:last-child{margin: 0;}
.toggle-button.active span:nth-of-type(1){transform: translateY(8px) rotate(45deg);}
.toggle-button.active span:nth-of-type(2){opacity: 0;}
.toggle-button.active span:nth-of-type(3){transform: translateY(-8px) rotate(-45deg);}

.right-header .mobile-wish-notice{display: none;position: fixed;top: 0;left: 0;width: 100%;padding: 4px 15px;background: #17995A;color: #fff;text-align: center;}
.right-header .mobile-cart-notice{display: none;position: fixed;top: 0;left: 0;width: 100%;padding: 4px 15px;background: #17995A;color: #fff;text-align: center;}

#header .right-header .search .items-dropdown{left: -68px;right: auto;}
#header .right-header .items-dropdown{position: absolute;top: 48px;right: 0px;display: none;width: 300px;z-index: 21;}
#header .right-header .items-dropdown-holder{margin-top: 22px;background: #FFF;border: 1px solid #EBEBEB;}

#header .right-header .items-dropdown .items-list{max-height: 256px;padding: 9px 9px 10px;}
#header .right-header .items-dropdown .items-list ul{margin: 0;list-style: none;}
#header .right-header .items-dropdown .items-list ul li{position: relative;border-top: 1px solid #EBEBEB;}
#header .right-header .items-dropdown .items-list ul li:first-child{border-top: 0;}
#header .right-header .items-dropdown .items-list ul li a{display: block;padding: 10px 0;}
#header .right-header .items-dropdown .items-list ul li:first-child a{padding-top: 0;}
#header .right-header .items-dropdown .items-list ul li:last-child a{padding-bottom: 0;}

#header .right-header .items-dropdown .items-list ul li a.item-remove{position: absolute;top: calc(50% - 7px);right: 5px;padding: 0;}
#header .right-header .items-dropdown .items-list ul li a.item-remove::before{content: '';display: block;width: 14px;height: 14px;background: url(../../sysimages/icon-remove-bag.png) left top/14px no-repeat;}

#header .right-header .items-dropdown .item-img{position: relative;float: left;width: 65px;border: 1px solid #EDEDED;}
#header .right-header .items-dropdown .item-img img{display: block;width: 100%;}
#header .right-header .items-dropdown .item-desc{position: relative;float: left;width: calc(100% - 65px);padding: 4px 25px 4px 10px;}
#header .right-header .items-dropdown .item-desc p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#header .right-header .items-dropdown .item-desc .item-ref{padding-bottom: 5px;}

#header .right-header .items-dropdown .bottom-list{text-align: center;padding: 13px 15px 15px;border-top: 1px solid #EBEBEB;background: #F7F7F7;}
#header .right-header .items-dropdown .bottom-list .total-price{padding-bottom: 8px}
#header .right-header .items-dropdown .bottom-list .button{width: 100%;}

#header .menu {float: right;clear: both;margin-right: -15px;margin-top: 10px;}
#header .menu > ul > li{float: left;padding: 0 15px;}
#header .menu > ul > li > a{display: block;padding: 13px 0;border-bottom: 3px solid transparent;}
#header .menu > ul > li > a[href="javascript:void(0);"]{cursor: default;}
#header .menu > ul > li:hover .submenu{visibility: visible;}
#header .menu .submenu{position: absolute;top: calc(100% - 5px);left: 14px;width: 100%;max-width: 1360px;visibility: hidden;z-index: 21;}
#header .menu .submenu > div{position: relative;padding: 41px 50px 38px 50px;margin-top: 6px;background: #FFF;}
#header .menu .submenu .container{max-width: 100%;padding: 0;content: 6px;}
#header .menu .submenu .column-menu > ul{float: left;/*padding-right: 3%;*/padding-right: 10px;}
#header .menu .submenu .column-menu > ul > li{width: 100%;}
#header .menu .submenu .column-menu > ul > li a span.first{padding: 2px 9px 25px;display: block;}
//#header .menu .submenu .column-menu > ul:last-child{padding-right: 0 !important;}
#header .menu .submenu .column-menu ul li a{display: block;position: relative;}
#header .menu .submenu .column-menu > ul > li{padding-top: 11px;}
#header .menu .submenu .column-menu > ul > li:first-child{padding-top: 0;}
#header .menu .submenu .column-menu > ul > li a img{width: 100%;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
#header .menu .submenu .column-menu > ul > li a:hover img{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
#header .menu .submenu .column-menu > ul ul{padding-bottom: 14px;}
#header .menu .submenu .column-menu > ul ul li{padding-top: 6px;}
#header .menu .submenu .column-menu > ul > li:last-child ul{padding-bottom: 0;}
#header .menu .submenu .column-image{padding-left: 0;}
#header .menu .submenu .column-image img{display: block;width: 100%;}

/* --------- MENU MOBILE --------- */
#menuMobile{display: none;width: 100%;position: absolute;top: 50px;left: 0;bottom: 0;overflow-y: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;height: 82vh;}

#menuMobile .content-menu{background-color: #f8f8f8;padding-top: 44px; padding-bottom:10px;}

#menuMobile .wrapper-box-menu{width: 300%;overflow: hidden;}
#menuMobile .content-menu.slide .wrapper-box-menu{width: 200%;}
#menuMobile .hidexs{display: none !important;}
#menuMobile .mobile_menu_header{display: block;}
#menuMobile .menuMobile{padding-left: 20px;padding-right: 20px;width: 33.3333%;float: left;transform: translate3d(0%, 0px, 0px);-webkit-transform: translate3d(0%, 0px, 0px);transition: transform 0.5s;}
#menuMobile .menuMobile.transform{transform: translate3d(-100%, 0px, 0px);-webkit-transform: translate3d(-100%, 0px, 0px);}
#menuMobile .menuMobile.transform2{transform: translate3d(-200%, 0px, 0px);-webkit-transform: translate3d(-200%, 0px, 0px);}

#menuMobile .box-menu{width: 100%;display: none;}

#menuMobile .box-menu .wrapper-box-title{padding-bottom: 17px;border-bottom: 1px solid #cfcfcf;text-align: center;background: url(../../sysimages/backMobile.png) no-repeat top 1px left/9px 16px;}
#menuMobile .box-menu .wrapper-box-title .box-title-menu{width: 100%;}
#menuMobile .box-menu .wrapper-box-title .box-title-menu:hover{cursor: pointer;}
#menuMobile .submenu .wrapper-box-title{border-bottom: 0;}

#menuMobile .box-menu-mobile{display: block;border-bottom: 1px solid #cfcfcf;position: relative;}
#menuMobile .box-menu-mobile:last-child{border-bottom: 0;}
#menuMobile .box-menu-mobile.not-link::after, #menuMobile .box-menu-mobile.link-noimage::after{content: '';position: absolute;top: -webkit-calc(50% - 8px);top: calc(50% - 8px);right: 10px;width: 9px;height: 16px;background: url(../../sysimages/dropFooter.png) no-repeat left top/9px 16px;}
#menuMobile .box-menu-mobile .title-menu{padding: 16px 30px 16px 0;display: block;}
#menuMobile .box-menu-mobile .title-menu:hover{cursor: pointer;}

/* 2? nivel */
#menuMobile .box-menu .menu-childs{padding-top: 20px;}
#menuMobile .box-menu .menu-childs .row {margin: 0 -5px;}
#menuMobile .box-menu .menu-childs .row > div.link-image{margin-bottom: 10px !important;padding: 0 !important;border-bottom: 0;clear: none !important;}
#menuMobile .box-menu .menu-childs .row > div.link-image::after{display: none;}
#menuMobile .box-menu .menu-childs .row > div.box-menu-mobile{clear: both;margin-bottom: 0;padding: 0 5px !important;}
#menuMobile .box-menu .menu-childs .row > div.box-menu-mobile:hover{cursor: pointer;}
#menuMobile .box-menu .menu-childs .row > div:nth-child(2n+1){clear: left;}
#menuMobile .box-menu .menu-childs .row > div .second{display: block;}
#menuMobile .box-menu .menu-childs .row > div .second img{width: 100%;display: block;border-radius: 3px;}
#menuMobile .box-menu .menu-childs .row > div .second.hasImage span{line-height: 120%;text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.5);}
#menuMobile .box-menu .menu-childs .row > div .second.hasImage span span{display: block;}
#menuMobile .box-menu .menu-childs .row > div .second.hasImage{position: relative;}
#menuMobile .box-menu .menu-childs .row > div .second.hasImage::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2);border-radius: 3px;}
#menuMobile .box-menu .menu-childs .row > div .second.hasImage .desc{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#menuMobile .box-menu .menu-childs .row > div .second.hasImage .desc .table{display: table;width: 100%;height: 100%;}
#menuMobile .box-menu .menu-childs .row > div .second.hasImage .desc .table .table_cell{display: table-cell;vertical-align: middle;}
/* 2? nivel */

/* 3? nivel */

#menuMobile .childs-submenu .wrapper-box-title{padding-bottom: 17px;border-bottom: 1px solid #cfcfcf;text-align: center;background: url(../../sysimages/backMobile.png) no-repeat top 1px left/9px 16px;}
#menuMobile .childs-submenu .wrapper-box-title .box-title-menu{color: #002d79;font-weight: 700;line-height: 15px;text-transform: uppercase;width: 100%;}
#menuMobile .childs-submenu .wrapper-box-title .box-title-menu:hover{cursor: pointer;}

#menuMobile .childs-submenu .menu-childs ul{list-style: none;margin: 0;}
#menuMobile .childs-submenu .menu-childs ul li{position: relative;display: none;}
/*#menuMobile .childs-submenu .menu-childs ul li::after{content: '';position: absolute;top: calc(50% - 8px);right: 10px;width: 9px;height: 16px;background: url(../../sysimages/dropFooter.png) no-repeat left top/9px 16px;}*/
#menuMobile .childs-submenu .menu-childs ul li a{color: #333;text-transform: none;font-weight: 400;}
/* 3? nivel */

#menuMobile .wrapper-account{padding-top: 30px;}
#menuMobile .wrapper-account .box-menu-mobile:last-child{border-bottom: 0;}
/* ------------------------------- */

/* IE */
body.IEMODE .right-header{width: /*calc(100% - 50.5%)*/ calc(100% - 34%);}
body.IEMODE .right-header.open{width: calc(100% - 40%);}

@media screen and (max-width: 1392px) and (min-width: 1288px){
   body.IEMODE .right-header{width: /*calc(100% - 46%)*/ calc(100% - 30%);}
   body.IEMODE .right-header.open{width: calc(100% - 35%);}
}

@media screen and (max-width: 1288px){
   body.IEMODE .right-header{width: /*calc(100% - 40%)*/ calc(100% - 25%);}
   body.IEMODE .right-header.open{width: calc(100% - 32%);}
}
/* IE */

@media only screen and (orientation: landscape) {
   #menuMobile .content-menu{padding-bottom: 65px;}
}
/* ------------------------------- */

#containerSite::before{opacity: 0;visibility: hidden;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);z-index: 60;}
#containerSite.overlay::before{opacity: 1;visibility: visible;}
#containerSite.background-menu::after{opacity: 0;visibility: hidden;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.6);z-index: 50;}
#containerSite.background-menu::after{opacity: 1;visibility: visible;}
#main{padding-top: 161px;background: #FFF;}

body.bannerWelcomeGiftVisible #main {padding-top: 119px;}

#header #formSearchMobile{display: none;position: relative;z-index: 1;}

/* -------- HEADER SLIM --------- */
.header-slim #header .wrapper-header{padding: 0 0 10px;}
.header-slim #header .logo{max-width: 126px;}
.header-slim #header .right-header{padding-top: 10px;}
.header-slim #header .search-form .select select{height: 28px;padding: 6px 30px 6px 8px;}
.header-slim #header .search-form #search{height: 28px;padding: 8px 10px 8px;}
.header-slim #header .search-form .btn-search{height: 28px;}
.header-slim #header .right-header .help-header{padding-top: 7px;padding-bottom: 7px;}
.header-slim #header .right-header .help-header p:not(.phone){display: none;}
.header-slim #header .right-header .shop-icons > ul > li > a{padding-top: 2px;padding-bottom: 0;}
.header-slim #header .right-header .items-dropdown{top: 26px;}
.header-slim #header .right-header .items-dropdown-holder{margin-top: 12px;}
.header-slim #header .menu > ul > li.btn-home a{min-height: 36px;}
.header-slim #header .menu > ul > li > a{padding: 8px 20px 8px;}
/* ------------------------------ */

@media screen and (min-width: 768px){
   #header{min-width: 1175px;}
   #header .menu .submenu .column-menu > ul{width: 20% !important;}
}

@media screen and (max-width: 1360px){
	#header .menu .submenu{left: 0;}
}

@media screen and (max-width: 1191px){
   #header{position: absolute;}
}

@media screen and (max-width: 768px) {
	#header{position: fixed;}
   #header .wrapper-menu{display: none;}
   #header .wrapper-header{padding: 12px 0;}
   #header .logo{float: none;max-width: 107px;margin: 0 0 0 31px;}
   #header .right-header{float: none;padding: 0;flex: 1;}
   #header .right-header .shop-icons{float: none;padding: 0;position: absolute;top: calc(50% - 17px);right: 15px;}
   #header .search-form{border: 0;border-radius: 0;display: none;}
   #header .search-form #search, #header .search-form #search_mobile{position: fixed;top: 43px;left: 0;width: 100% !important;padding: 15px;margin: 0;}
   #header .search-form .btn-search{padding: 0;background-image: url(../../sysimages/mobile-search.png);border:0;width: 16px;height: 16px;background-size: 32px;background-position: center center;position: absolute;top: 27px;right: -38px;}
    #header .btn-search{padding: 0;background: url(../../sysimages/mobile-search.png);border:0;width: 16px;height: 16px;background-size: 32px;background-position: center center;background-clip: content-box;display: block;}
    #header #formSearchMobile .search-form{display: block;position: relative;}
   #header .right-header ul.shopUl{width: auto;margin-top: 0;margin-right: 0;margin-left: 0;display: flex;align-items: center;}
   #header .right-header ul.shopUl > li{width: 16px;padding-left: 0;margin-left: 25px;}
   #header .right-header ul.shopUl > li:first-child{margin-left: 0;width: auto;}
   #header .right-header ul.shopUl > li.cart{margin-right: 10px;}
   #header .right-header ul.shopUl > li.cart.disabled{margin-right: 0;}
   #header .right-header ul.shopUl > li.cart > a{border:0;padding: 0;width: 16px;height: 16px;background-size: 32px;background-image: url(../../sysimages/mobile-cart.png);background-position: center center;background-color: transparent;background-repeat: no-repeat;}
   #header .right-header ul.shopUl > li > a span{position: absolute;right: -6px;}
   #header .right-header ul.shopUl > li.cart > a.disabled span{display: none;}
   #header .right-header ul.shopUl > li > a span.add-text{display: none;}
   #header .right-header ul.shopUl > li.cart > a::before{display: none;}
   #header .right-header ul.shopUl > li.cart > a::after{display: none;}
   #main{padding-top: 99px;}
   a.toggle-button{display: block;top: calc(50% - 5px);}
   a.toggle-button.active span{width: 18px;margin-bottom: 7px;}
   #header .wrapper-header > .container{display: flex;align-items: center;}
   #header .right-header .shopUl .wrapper-whatsapp .icon{margin-bottom: 0;}
   #header .right-header .shopUl .wrapper-whatsapp .text-info{margin-left: 6px;text-align: left;}
   #header .right-header .shopUl .wrapper-whatsapp .hours{margin-top: 0;}
   #header .right-header .shopUl .wrapper-whatsapp a:hover .content{opacity: 1;}

   body.bannerWelcomeGiftVisible #main {padding-top: 50px;}

   #header .right-header .shopUl .wrapper-whatsapp .content{width: auto;height: auto;border: 0;flex-direction: row;}

   /*------ GUIDE ------*/
   #header .right-header .shopUl .wrapper-whatsapp .wrapper-title,
   #header .right-header .shopUl .wrapper-whatsapp .hours{color: #617076;}
   /*------ GUIDE ------*/
}