@media screen and (min-width: 768px){body{background: #FFF;}}
#containerSite::before{background-color: rgba(51, 51, 51, 0.5);}
#header{position: fixed;top: 0;left: 0;width: 100%;z-index: 100;}
#header, #header .submenu{border-bottom: 1px solid #F1F1F1;background-color: #FFF;}
#header.header-submenu-hover{border-color: transparent;}
#header-container{position: relative;}
body:not(.header-slim):not(.header-white):not(.search-open) #header.header-transparent{border-color: transparent;background-color: transparent;}
body:not(.header-slim):not(.header-white):not(.search-open) #header.header-transparent.header-submenu-hover,
body:not(.header-slim):not(.header-white):not(.search-open) #header.header-transparent.header-submenu-hover .submenu{border-color: transparent;background-color: rgba(255, 255, 255, 0.9);}
#header .toggle-button{display: none;position: absolute;z-index: 50;top: calc(50% - 20px);left: 8px;width: 40px;height: 40px;line-height: 0;}
#header .toggle-button::before{content: '';position: absolute;top: calc(50% - 7px);left: calc(50% - 12px);width: 25px;height: 15px;background: url(/sysimages/icon-open-menu.png) left top/25px 15px no-repeat;}
#header .wrapper-header{position: relative;padding-top: 20px;padding-bottom: 19px;transition: 0.2s padding;}
#header .wrapper-header .column-menu{position: static;}
#header .wrapper-header .column-market, #header .wrapper-header .column-shop{padding-top: 22px;padding-bottom: 22px;}
#header .wrapper-header .column-market ul, #header .wrapper-header .column-shop ul{list-style: none;margin: 0;}
#header .logo{display: none;margin: 0 auto;}
#header .logo img, #header .logo-menu img{display: block;max-height: 78px;}
#header .menu > ul{display: table;margin: 0 auto;font-size: 0;line-height: 0;}
#header .menu > ul > li{display: table-cell;table-layout: fixed;vertical-align: middle;}
#header .menu > ul > li > a, #header .menu > ul > li > .a{display: block;}
#header .menu .sub{visibility: hidden;}
#header .menu .logo-center .logo-menu img{display: none;}
body.BOTH #header .menu .sub, body.TEMPERATURA #header .menu .sub[data-shop="TEMPERATURA"], body.ANASOUSA #header .menu .sub[data-shop="ANASOUSA"]{visibility: visible;}
body.BOTH #header .menu .logo-center .logo-BOTH, body.TEMPERATURA #header .menu .logo-center .logo-TEMPERATURA, body.ANASOUSA #header .menu .logo-center .logo-ANASOUSA{display: block;}
#header .menu .logo-center .logo-menu:hover img{display: none;}
#header .menu .logo-center .logo-menu:hover img.logo-BOTH{display: block;}
/*#header .menu > ul > li:hover .submenu{visibility: visible;}*/
#header .submenu{position: absolute;top: calc(100% - 19px);left: 0;width: 100%;padding-top: 20px;overflow: hidden;background-clip: content-box;visibility: hidden;z-index: 15;}
#header .submenu > div{position: relative;padding: 0 0 40px;margin-top: -11px;}
#header .submenu .wrapper-column-submenu{padding: 0 52px;}
#header .submenu .column-left .wrapper-column-submenu{float: right;}
#header .submenu .column-rigth .wrapper-column-submenu{float: left;}
#header .submenu .row-menu, #header .submenu .row-menu .row{display: table;margin: 0 -22px;}
#header .submenu .row-menu .row{width: calc(100% + 44px);}
#header .submenu .row-menu .column{display: table-cell;vertical-align: top;float: none;width: auto;padding: 0 22px;}
#header .submenu .column-menu{text-align: center;}
#header .submenu .column-menu .title-menu{padding-bottom: 16px;}
#header .submenu .column-menu .row + .title-menu{padding-top: 16px;}
#header .submenu .column-menu ul{margin: 0;list-style: none;}
#header .submenu .column-menu ul li:not(:first-child){padding-top: 6px;}
#header .submenu .column-menu ul li a{display: block;}
#header .right-header{float: right;}
#header .nav-top{float: left;padding-top: 7px;}
#header .nav-top{position: relative;}
#header .nav-top ul{float: right;}
#header .nav-top ul li{position: relative;float: left;}
#header .nav-top ul li:first-child{padding-left: 0;}
#header .nav-top > ul > li:not(:first-child){padding-left: 38px;}
#header .nav-top ul li a, #header .nav-top ul li .a{display: block;}
#header .nav-top .country-drop{display: none;position: absolute;top: 20px;left: 0;width: 270px;padding: 10px;border: 1px solid whitesmoke;background: #FFF;z-index: 15;}
#header .nav-top .country-drop .form-field {margin-bottom: 1em;}
#header .nav-top .country-drop .form-field .select{background-repeat: no-repeat;background-position: 7px center;}
#header .nav-top .country-drop select#country{padding-left: 30px;}
#header .nav-top .country-drop button{width: 100%;}
#header .nav-top .user-account > a{position: relative;}
#header .nav-top .user-account:hover .submenu-account{display: block;}
#header .submenu-account{position: absolute;top: 100%;right: -13px;display: none;min-width: 180px;padding-top: 13px;z-index: 20;}
#header .submenu-account > div{padding: 10px 0 0;background: #FFF;box-shadow: 0px 3px 4px rgba(0,0,0,0.1);text-align: right;}
#header .submenu-account p, #header .submenu-account a{display: block;padding: 6px 20px;white-space: nowrap;}
#header .submenu-account ul{margin-top: 1px;float: none;}
#header .submenu-account ul li{float: none;}
#header .submenu-account ul li.logout{padding: 5px 0;margin-top: 10px;border-top: 1px solid #F2F2F2;}
#header .shop-icons{float: left;padding: 0 3px 0 26px;}
#header .shop-icons > ul > li{float: left;}
#header .shop-icons > ul > li:not(:first-child){padding-left: 4px;}
#header .shop-icons > ul > li > a{position: relative;display: block;text-decoration: none;}
#header .shop-icons > ul > li > a::before{content: '';display: block;float: left;width: 32px;height: 32px;}
#header .shop-icons > ul > li.wishlist > a::before{background: url(/sysimages/icon-wishlist.png) left top/32px no-repeat;}
/* #header .shop-icons > ul > li.wishlist > a span{display: none;} */
#header .shop-icons > ul > li.cart > a.disabled{cursor: default;}
#header .shop-icons > ul > li.cart > a::before{background: url(/sysimages/icon-cart.png) left top/32px no-repeat;}
#header .shop-icons > ul > li.search > a::before{background-position: left top; background-size: 14px; background-repeat: no-repeat;}
#header .shop-icons > ul > li > a span{float: left;line-height: 32px;margin-left: -4px;}
#header .shop-icons > ul > li > a span::before{content: '(';}
#header .shop-icons > ul > li > a span::after{content: ')';}
#header .shop-icons > ul > li > a.disabled span{display: none;}
#header .shop-icons > ul > li:not(.cart):hover > a, #header .shop-icons > ul > li.cart:hover > a:not(.disabled){opacity: 0.5;}
#header .shop-icons > ul > li.active > a::before{background-position: left bottom;}
#header .items-dropdown{padding-top: 26px;top: calc(100% - 26px);}
#header .items-dropdown .item-remove{border: 1px solid #f1f1f1;}
#header .items-dropdown .item-remove:hover{border-color: #ccc;}
.container-search{display: none;position: absolute;top: calc(100% + 1px);left: 0;width: 100%;padding: 40px 0;background: #FFF;}
.container-search.active{display: block;}
.container-search .container{position: relative;}
.container-search .search-form{margin: 0 auto;position: relative;}
.search-form .dis-table-cell {vertical-align: middle;}
.container-search .btn-close-search{position: absolute;top: -30px;right: 25px;width: 32px;height: 32px;border-radius: 32px;background: url(/sysimages/icon_close.png) center/32px no-repeat;}
.container-search .btn-close-search:hover{opacity: .5;}
.container-search .header-search-input {width: 100%; position: relative;}
.container-search #search, .container-search .autocompleter-hint{float: left;width: 320px;border: 0;padding: 13px 56px 12px 15px;text-align: left;}
.container-search #search{border-bottom: 1px solid #000;font-size: 14px;}
.container-search .btn-search {border:0;position: absolute;right: 11px;top:calc(50% - 11px);width: 22px; height: 22px;background: url(/sysimages/icon-search-mobile.png) center/18px no-repeat;padding: 0;z-index: 1;}
.notifications{position: absolute;top: calc(100% + 5px);left: 0;width: 100%;text-align: right;}
.notifications .wrapper-notifications{float: right;}
.notifications .notification{position: relative;display: none;padding: 5px 15px;border-radius: 4px;background: rgba(0, 0, 0, 0.9);}
.notifications .add-cart-mobile {background: #FFF;text-align: center;padding: 15px;border-bottom: 1px solid lightgray;}
.notifications .add-cart-mobile p {padding-bottom: 8px;}
.notifications .notif-add-cart-mobile {zoom: 0.8;}
#containerSite::before{opacity: 0;visibility: hidden;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 55;}
#containerSite.overlay::before{opacity: 1;visibility: visible;}

/* Iframe Search */
#container-iframe-search{display: none;position: absolute;z-index: 50;top: 100%;left: 0;width: 100%; background-position: center center; background-size: 50px; background-repeat: no-repeat;}
#container-iframe-search .iframe-message{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#container-iframe-search .iframe-message > div{display: table;width: 100%;height: 100%;}
#container-iframe-search .iframe-message > div > div{display: table-cell;vertical-align: top;text-align: center;}
#container-iframe-search iframe{width: 100%;height: 100%;min-height:99%;border: 0;}
#container-iframe-search, #container-iframe-search iframe, #container-iframe-search .iframe-message{background-color: #FFF;}
#container-iframe-search .iframe-message p {padding: 10% 0;}
#container-iframe-search .container-search-results{display: none; background-color: #FFF;}
#container-iframe-search .container-search-results.visible{display: block;}
/**/

/* Auto-Completer */
.autocompleter{position: absolute;top: 0;left: 0;width: calc(100% - 64px);}
.autocompleter-show{display: block;}
.autocompleter-list{display:none;}
.autocompleter-item{cursor: pointer;}
.autocompleter-hint-show{display: block;}
.autocompleter-hint{position: relative;display: none;}
.autocompleter-hint span{visibility: hidden;}
.autocompleter-hint-show{display: block;}
/* */

.shop-icons > ul > li.search > a::before, .container-search .btn-search::before{background-image: url(/sysimages/icon-search.png);}
.container-search .btn-clear-search::before{background-image: url(/sysimages/icon-clear-search.png);}
.container-search .btn-close-search::before{background-image: url(/sysimages/icon-close-search.png);}
#container-iframe-search {background-image: url(/sysimages/listloader.gif);}

/* -------- HEADER SLIM ------- */
body.header-slim #header .logo img, body.header-slim #header .logo-menu img{max-height: 66px;}
body.header-slim #header .wrapper-header{padding-top: 14px;padding-bottom: 13px;}
body.header-slim #header .wrapper-header .column-market, body.header-slim #header .wrapper-header .column-shop{padding-top: 16px;padding-bottom: 16px;}
/* ---------------------------- */

/* ---------- TABLET ---------- */
body.tablet {background: #FFF;}
body.tablet #main{padding-top: 62px;}
body.tablet #main.home{padding-top: 0;}
body.tablet #main.search{padding-top: 138px;}
body.tablet.showMenu #containerSite-mask{opacity: 1;visibility: visible;}
body.tablet.showMenu #containerSite-mask::before{content: '';position: absolute;right: 0;top: 9px;width: 60px;height: 40px;background: url(/sysimages/icon-close-menu.png) center/20px no-repeat;}
body.tablet #header{position:fixed;background-color: rgba(255,255,255,0.9) !important;}
body.tablet #header.showOnScroll{visibility: hidden;opacity: 0;transition: 0.2s opacity;}
body.tablet #header.showOnScroll.show{visibility: visible;opacity: 1;}
body.tablet #header .wrapper-header{padding-top: 8px;padding-bottom: 8px;}
body.tablet #header .wrapper-header .row{position: relative;}
body.tablet #header .wrapper-header .column-market{position: static;}
body.tablet #header .wrapper-header .column-market, body.tablet #header .wrapper-header .column-shop{padding-top: 6px;padding-bottom: 6px;}
body.tablet #header .toggle-button{display:block;}
body.tablet #header .nav-top, body.tablet #header .logo, body.tablet #header .submenu{display: none;}
body.tablet #header .logo img, body.tablet #header .logo-menu img{max-height: 50px;}
body.tablet #header .right-header{padding: 0;}
body.tablet #header .shop-icons{padding-right: 25px;}
body.tablet #header .shop-icons > ul > li:not(:first-child){padding-left: 12px;}
body.tablet #header .shop-icons > ul > li > a::before{width: 38px;height: 38px;background-size: 38px;}
body.tablet .container-search {background: rgba(255,255,255,0.9);}
body.tablet #container-iframe-search .container-search-results {overflow-y: auto; -webkit-overflow-scrolling: touch;}
body.tablet .container-search #search, body.tablet .container-search .autocompleter-hint {background: transparent;}
/* ---------------------------- */

@media screen and (min-width: 768px){
	#main{padding-top: 118px;min-height: 600px;background: #FFF;}
	#main.search{padding-top: 240px;}
	#header .wrapper-header .column-market, #header .wrapper-header .column-shop{transition: 0.2s padding;}
	#header .logo img, #header .logo-menu img{transition: 0.2s max-height;}
	#header .menu{transition: 0.2s max-width;}
	#scroll-bottom{transition: 0.2s bottom;position: absolute;bottom: 20px;z-index: 10;left: calc(50% - 13px);width: 25px;height: 24px;background: url(/sysimages/icon-scroll-bottom.png) center/25px 24px no-repeat;cursor: pointer;}
	#scroll-bottom:hover{background-position: center bottom;bottom: 10px;height: 34px;}
	body.bannerWelcomeGiftVisible #main{padding-top: 158px;}
	body.bannerWelcomeGiftVisible.tablet #main{padding-top: 106px;}
	body.bannerWelcomeGiftVisible #main.search {padding-top: 206px !important;}
	.container-search.active {display: block !important;}
}

@media screen and (max-width: 767px) {
	#main{padding-top: 62px;}
	#main.home {padding-top: 0;}
	#main.search {padding-top: 138px;}
	.showMenu #containerSite-mask{opacity: 1;visibility: visible;}
	.showMenu #containerSite-mask::before{content: '';position: absolute;right: 0;top: 9px;width: 14%;height: 40px;background: url(/sysimages/icon-close-menu.png) center/20px no-repeat;}
	#header{position:fixed;background-color: rgba(255,255,255,0.9);}
	#header.showOnScroll{visibility: hidden;opacity: 0;transition: 0.2s opacity;}
	#header.showOnScroll.show{visibility: visible;opacity: 1;}
	#header .wrapper-header{padding-top: 6px;padding-bottom: 5px;}
	#header .wrapper-header .column-market, #header .wrapper-header .column-shop{position: static;padding-top: 0;padding-bottom: 0;}
	#header .logo img, #header .logo-menu img{max-height: 50px;}
	#header .toggle-button{display: block;}
	#header .nav-top{display:none;}
	#header .right-header{float: none;position: absolute;top: 0;right: 15px;padding: 0;}
	#header .shop-icons{padding: 5px 0;}
	#header .shop-icons > ul > li.wishlist{display:none;}
	#header .shop-icons > ul > li.cart > a::before{visibility: hidden;}
	#header .notifications{top: calc(100% + 1px);}
	#header .notifications .container{padding: 0;}
	#header .notifications .wrapper-notifications{float: none;}
	#header .notifications .notification{border-radius: 0;text-align: center;}
	.search-mobile{display: none;}
	.container-search {padding-top: 15px; padding-bottom: 15px;background: rgba(255,255,255,0.9);border-top: 1px solid #e8e8e8;}
	.container-search.searchModule .container form{width: 100%;}
	.container-search #search, .container-search .autocompleter-hint{width: 100%;padding: 10px 50px 9px 15px;height: 45px;border-bottom: 0;}
	.container-search .btn-close-search{border: 0;width: 45px;height: 45px;border-radius: 0;top: 0;right: 15px;background: #fff url(/sysimages/icon-close.png) center/26px no-repeat;}
	.container-search .btn-search {position: absolute;top: -16px;right: 15px;border: 0; position: absolute;right: 3px;top:calc(50% - 20px);width: 40px; height: 40px;background: url(/sysimages/icon-search-active.png) center center/18px 18px no-repeat;padding: 0;z-index: 99;}
	.container-search .btn-search::before {background-size: 20px; background-position: center center;}
	.container-search .search-form {width: 100%;}
	.container-search .container form{width: calc(100% - 53px);position: relative;}
	#container-iframe-search .container-search-results {overflow-y: auto; -webkit-overflow-scrolling: touch;}
	body.TEMPERATURA.search-open #header{border-bottom-color: #D50032;}
	body.ANASOUSA.search-open #header{border-bottom-color: #85888D;}
	body.TEMPERATURA .container-search{background: #D50032;border-top-color: #D50032;}
	body.ANASOUSA .container-search{background: #85888D;border-top-color: #85888D;}
}

@media print{
	#header .logo{display: table;}
}

/*
// REMOVE HEADER FIXED
body #header, body.bannerWelcomeGiftVisible:not(.unpinned):not(.menu-open) #header {position: relative !important;}
body #main:not(.search) {padding-top: 0 !important;}
body #main.search {padding-top: 52px !important;}
body.bannerWelcomeGiftVisible.unpinned #header {margin-top: 40px !important;top: 0;}
*/