/************************************/
            /* RESET */
/************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button { margin: 0;	padding: 0;	border: 0; font-size: 100%;	font: inherit; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }
* {  margin: 0; padding: 0;	box-sizing: border-box; }
:focus { outline: none; }

/************************************/
            /* END RESET */
/************************************/

/*Links*/
a:hover, a:hover p, a:focus, a:focus p, a:active, a:active p { text-decoration: none; }


/*NO SELECTEBLE HTML*/
.noselect {  -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ }


/*TRANSITIONS*/
.transition { -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }
.transitionFast { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.transitionSlow { -webkit-transition: 800ms ease-in-out; -moz-transition: 800ms ease-in-out; -o-transition: 800ms ease-in-out; -ms-transition: all 800ms ease-in-out; transition: 800ms ease-in-out; }


/*ABSOLUTE-CENTER*/
.absolute-center { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%)!important; -moz-transform: translate(-50%,-50%)!important; -ms-transform: translate(-50%,-50%)!important; -o-transform: translate(-50%,-50%)!important; transform: translate(-50%,-50%)!important; }


/*SUB DOMAINS*/
.subdomain .pagebackground { min-height: 100vh; background-color: #EEEEEE; }
.subdomain .pagebackgroundClaro { background-color: #EEEEEE; }
.subdomain .pagebackgroundEscuro { background-color: #111111; }
.subdomain .pagebackgroundTemplate { background-color: transparent; background-size: auto; background-repeat: repeat; background-position: center; background-image: url('../images/default/landing-pages-background.jpg'); }
.subdomain .pagebackground #language { position: fixed; top: 15px; right: 15px; }
.subdomain .pagebackground #language img { width: 30px; margin: 5px; }
.subdomain .pagebackground .offlinePage { width: 100%; text-align: center; }
.subdomain .pagebackground .offlinePage .stdButton { margin: 25px auto; }
.subdomain footer { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #222222; text-align: center; padding-top: 5px; padding-bottom: 5px; }
.subdomain footer #micrositeUTD { text-align: center; width: 46px; margin: 10px auto; }
.subdomain .pagebackground .onlinePage { padding-top: 100px; padding-bottom: 100px; }
.subdomain .pagebackground h1.subdomainTitle { text-align: center; margin-bottom: 25px; }
.pagebackground h1, .pagebackground h2, .pagebackground h3, .pagebackground h4, .pagebackground h5, .pagebackground h6, .pagebackground p, .pagebackground ol, .pagebackground ul, .pagebackground li { color: #000000; }
.pagebackgroundEscuro h1, .pagebackgroundEscuro h2, .pagebackgroundEscuro h3, .pagebackgroundEscuro h4, .pagebackgroundEscuro h5, .pagebackgroundEscuro h6, .pagebackgroundEscuro p, .pagebackgroundEscuro ol, .pagebackgroundEscuro ul, .pagebackgroundEscuro li { color: #FFFFFF; }
.subdomain .contactForm { width: 400px; max-width: 100%; margin: 25px auto; }
.subdomain .contactForm #name,.subdomain .contactForm #email,.subdomain .contactForm #phone,.subdomain .contactForm button { width: 100%; min-width: 100%; max-width: 100%; height: 40px; border: 1px solid #333333; border-radius: 0; background-color: #ffffff; margin: 8px auto; }
.subdomain .contactForm button { text-align: center; background-color: #222222; color: #FFFFFF; -webkit-transition: all 800ms ease-in-out; -moz-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; -ms-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out; }
.subdomain .contactForm button:hover { text-align: center; background-color: #444444; }


/*BUTTONS*/
.stdButton { display: inline-block; position: relative; padding: 15px 25px; text-align: center; cursor: pointer; background-color: #222222; }
.stdButton p,.stdButton i { display: inline-block; vertical-align: middle; }
.stdButton p { color: #ffffff; }
.stdButton i { color: #ffffff; }
.stdPopup { cursor: pointer; }


/*POPUP*/
.popup { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(255,255,255,.75); z-index: 1000; overflow: hidden; pointer-events: all; } /*Todos os popups*/
.popup .popupBox1 { width: 1000px; background: #ffffff; max-width: calc( 100% - 40px ); max-height: 100%; box-shadow: 0 0 20px rgba(0,0,0,.15); }
.popup .popupBox1 .popupBox2 { max-height: calc(100vh - 100px); overflow: auto; }
.popup .popupBox1 .popupBox2 .popupBox3 { position: relative; padding: 50px; }
.popup .popupBox1 .popupBox2 .popupBox3 .popupClose { position: absolute; top: 5px; right: 5px; width: 40px; height: 40px; cursor: pointer; z-index: 101; }
.popup .popupBox1 .popupBox2 .popupBox3 .popupClose:hover { opacity: 0.5; }
.popup .popupBox1 .popupBox2 .popupBox3 .popupClose .popupCloseArea { position: fixed; width: 40px; height: 40px; text-align: center; background-color: #ffffff; }
.popup .popupBox1 .popupBox2 .popupBox3 .popupClose i { color: #000000; font-size: 24px; line-height: 40px; }
.popup img { max-width: 100%!important; height: auto!important; }

.popup.popupSmall .popupBox1 { width: 500px; }

.popup.popupFullScreen .popupBox1 { width: 100%; }
.popup.popupFullScreen .popupBox1 .popupBox2 { height: 100vh; }

.popup.popupNoPadding .popupBox1 .popupBox2 .popupBox3 { padding: 0px; }

.popup.popupNoBackground .popupBox1 { background: transparent; box-shadow: none; }

.popup.popupVideo .popupBox1 { width: 660px; }
.popup.popupVideo .popupBox1 .popupBox2 { overflow: hidden; text-align: center; }
.popup.popupVideo iframe { width: 560px; max-width: 100%; height: 315px; margin: auto; }

.popup.popupSlideshow .slick .image { width: 100%; height: calc(100vh - 100px); background-size: contain; background-position: center; background-repeat: no-repeat; }
.popup.popupSlideshow .popupBox1 .popupBox2 { overflow: hidden; }

.popup .popupLogo { margin: auto; margin-bottom: 15px; width: 225px; max-width: 100%; height: 150px; background-size: contain; background-position: center; background-repeat: no-repeat; }

.popup.popupWebsiteLock { background: rgba(255,255,255,1); z-index: 1010; } /*Bloqueio de site*/

.popup.popupAgeBlock { z-index: 1005; } /*Bloqueio de idade*/
.popup.popupAgeBlock .popupBox1 { width: 500px; }
.popup.popupAgeBlock .confirmAgeArea { margin: auto; margin-top: 15px; text-align: center; }
.popup.popupAgeBlock .confirmAgeArea .selection { display: inline-block; vertical-align: middle; width: 100px; height: 30px; cursor: pointer; background-color: rgba(200,200,200,0.3); }
.popup.popupAgeBlock .confirmAgeArea .selection:hover { background-color: rgba(200,200,200,1); }
.popup.popupAgeBlock .confirmAgeArea .selection p { line-height: 30px; }

.popup.popupDestaque { z-index: 1004; } /*Popup de entrada (30 em 30 minutos)*/

.popup.popupLoading .popupBox1 { background-color: transparent; pointer-events: none; } /*Popup loading*/
.popup.popupLoading .popupBox2 { overflow: hidden; text-align: center; }
.popup.popupLoading .popupBox1 .popupBox2 .popupBox3 .popupClose { display: none; }
.popup.popupLoading .popupBox1 .popupBox2 .popupBox3 .loadingLogo { width: 150px; max-width: 100%; height: 150px; background-size: contain; background-position: center; background-repeat: no-repeat; margin: auto; }
.popup.popupLoading .popupBox1 .popupBox2 .popupBox3 .absolute-center { width: 100%; z-index: -1; }
.popup.popupLoading .popupBox1 .popupBox2 .popupBox3 .loadingSpinner { width: 150px; max-width: 100%; height: 150px; background-size: contain; background-position: center; background-repeat: no-repeat; margin: auto; -webkit-animation: loadingSpinner 1500ms infinite linear; -moz-animation: loadingSpinner 1500ms infinite linear; -ms-animation: loadingSpinner 1500ms infinite linear; -o-animation: loadingSpinner 1500ms infinite linear; animation: loadingSpinner 1500ms infinite linear; }
@-webkit-keyframes loadingSpinner {	from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

.popup.popupProcessing .popupBox1 { background-color: transparent; pointer-events: none; } /*Popup loading*/
.popup.popupProcessing .popupBox2 { overflow: hidden; text-align: center; }
.popup.popupProcessing .popupBox1 .popupBox2 .popupBox3 .popupClose { display: none; }
.popup.popupProcessing .popupBox1 .popupBox2 .popupBox3 .loadingSpinner { width: 100px; max-width: 100%; height: 100px; background-size: contain; background-position: center; background-repeat: no-repeat; margin: auto; margin-bottom: 25px; -webkit-animation: loadingSpinner 1500ms infinite linear; -moz-animation: loadingSpinner 1500ms infinite linear; -ms-animation: loadingSpinner 1500ms infinite linear; -o-animation: loadingSpinner 1500ms infinite linear; animation: loadingSpinner 1500ms infinite linear; }
@-webkit-keyframes loadingSpinner {	from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.popup.popupProcessing .popupBox1 .popupBox2 .popupBox3 p { font-size: 16px; }

#giftcardBtns { margin: auto; text-align: center; }
#giftcardBtns img { width: 325px; max-width: 100%; margin: 25px auto; }
#giftcardBtns .addToGiftcardBtn { position: relative; width: 60px; height: 60px; border-radius: 50%; background-color: rgba(51,51,51,1); display: inline-block; margin: 3px; cursor: pointer; }
#giftcardBtns p.cardValueTitle { margin-bottom: 15px;}
#giftcardBtns .addToGiftcardBtn p { color: #ffffff; text-align: center; line-height: 60px; }
#giftcardBtns .addToGiftcardBtn:hover { background-color: rgba(51,51,51,0.8); }

.ssi-backdrop, .ssi-modalOuter { z-index: 1000; } /*Enviar por email para amigo*/
.ssi-modalPositioned.ssi-stack { z-index: 1005; } /*Notificações canto inferior direito*/


/*Cookies*/
.acceptCookies { position: fixed; bottom: 0; left: 0; width: 100%; padding: 10px 20px; background-color: rgba(35,35,35,.95); z-index: 99;  }
.acceptCookies .acceptCookiesArea { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: auto; width: 1200px; max-width: 100%; }
.acceptCookies .acceptCookiesArea .textCookiesArea { margin-top: 15px; margin-bottom: 15px; }
.acceptCookies .acceptCookiesArea p { color: #ffffff; margin: 0; margin: 0px; }
.acceptCookies .acceptCookiesArea p.cookies { text-transform: uppercase; margin-bottom: 10px; }
.acceptCookies .acceptCookiesArea p .stdPopup { text-decoration: underline; }
.acceptCookies .acceptCookiesArea .stdButton { margin-top: 15px; margin-bottom: 15px; }


/*Posts dinâmicos - Loja, Blog*/
#dynamicPostsList { display: -ms-flexbox; display: flex; min-height: 400px; }
#dynamicPostsList .noMoreResults { margin: 50px auto; max-width:100%; }

/*SLIDESHOWS*/
.slick .image { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; }


/*FORM CONTACT*/
.contactForm #message { max-width: 100%; min-height: 40px; height: 150px; max-height: 350px; }


/*ALL PAGES*/
.pages div.row.min-vh-100 { padding-top: 125px; padding-bottom: 125px; } /*Páginas com um tamanho mínimo de 100vh*/
section#cart { padding-top: 125px; padding-bottom: 125px; }
section#checkout { padding-top: 125px; padding-bottom: 125px; }
section#billing { padding-top: 125px; padding-bottom: 125px; }
section#orders {  }
section#favorites { padding-top: 125px; padding-bottom: 125px; }
.pages input.form-control {  }
.pages select.custom-select {  }
.pages textarea { text-align: left; }

/*404 ERROR PAGE*/
section#error img.errorPageImg { width: 300px; max-width: 100%; margin: 0 auto; }


/*LOGIN*/
section#login #forgotPassword a:hover { text-decoration: none; }
section#login #forgotPassword a:hover p { opacity: 0.5; }


/*SIGNUP*/



/*RECOVERY*/



/*CART*/
section#cart p,section#cart span,section#cart h4 span,div.cart div.totalEncomenda label{  }
section#cart p s { text-decoration-color: red; }
section#cart h1 { text-align: center; }
section#cart p { margin: 0; }
div.cart div.form-group {  }
div.cart div.areaShadow { border: 1px solid #DCDCDC; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0), 0 3px 10px 0 rgba(0, 0, 0, 0); }
div.cart div.areaProduto { width: 100%; padding-top: 15px; padding-bottom: 15px; margin-top: 30px; margin-bottom: 30px; text-align: center; background-color: #FFFFFF; border-radius: 0.375rem; }
div.cart div.areaProduto div.container { width: 100%; }
div.cart div.areaProduto div.col-image { text-align: center; }
div.cart div.areaProduto div.col-product { text-align: left; }
div.cart div.areaProduto div.col-product h4 { margin-bottom: 10px; }
div.cart div.areaProduto div.col-product p.product-name { margin-bottom: 10px;}
div.cart div.areaProduto div.col-product .productOptions { margin: 0; }
div.cart div.areaProduto div.col-price { text-align: left; }
div.cart div.areaProduto div.col-quantity { text-align: left; }
div.cart div.areaProduto div.col-quantity h4 { margin-bottom: 10px; }
div.cart div.areaProduto div.col-quantity h4.subTotal { margin-top: 90px; margin-bottom: 0; }
div.cart div.areaProduto div.col-buttons,div.cart div.areaProduto div.col-buttons h4 { text-align: center; }
div.cart div.areaProduto div.imagemProduto { width: 165px; max-width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; margin: 0 auto; }
div.cart div.areaProduto div.delete-form-group { margin-bottom: 0; }
div.cart div.areaProduto div.changeInCart { cursor: pointer; }
div.cart div.areaProduto .displayQt { margin: 5px 0; }
div.cart div.areaProduto div.changeInCart i { font-size: 17px; line-height: 28px; }
div.cart div.areaProduto div.changeInCart:hover i { opacity: 0.5; }
div.cart div.giftcardVoucheur { padding-left: 15px; padding-right: 15px; margin-top: 0; margin-bottom: 15px; }
div.cart div.giftcardVoucheur h4 { text-align: center; margin-bottom: 10px; }
div.cart div.giftcardVoucheur p { text-align: center; }
div.cart div.giftcardVoucheur input { width: 100%; max-width: 100%; margin: 0 auto; margin-top: 15px; }
div.cart div.totalEncomenda { width: 100%; padding: 15px; margin-top: 15px; margin-bottom: 15px; background-color: #FFFFFF; }
div.cart div.totalEncomenda p, div.cart div.totalEncomenda div.radio { text-align: center; }
div.cart div.totalEncomenda h4 { text-align: center; margin-bottom: 10px; }
div.cart .areaDesconto { width: 300px; max-width: 100%; margin: auto; text-align: center; }
div.cart .inputDescontos { letter-spacing: 0px; font-style: normal; }
div.cart .areaInfoFinal { width: 600px; max-width: 100%; margin: auto; }
div.cart textarea#informacoesAdicionais { width: 100%; max-width: 100%; height: 150px; min-height: 60px; max-height: 250px; margin: 0 auto; }
div.cart #verificarDesconto { width: 100%; max-width: 100%; }
div.cart .areaPagamento { width: 350px; max-width: 100%; margin: auto; text-align: left; }
div.cart .areaEnvio { width: 350px; max-width: 100%; margin: auto; text-align: left; }
div.cart .areaFinal { text-align: center; }
div.cart .stdButton { margin-left: auto; margin-right: auto; margin-bottom: 0; }

/*CHECKOUT*/
section#checkout p { margin: 0; }
section#checkout h1 { text-align: center; }
section#checkout h4.text-center {  }
div.checkout .areaInfo { position: relative; width: 100%; min-height: 85px; padding: 15px; margin-bottom: 15px;background-color: #FFFFFF; text-align: left; border-radius: 0.375rem; }
div.checkout div.areaShadow { border: 1px solid #DCDCDC; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0), 0 3px 10px 0 rgba(0, 0, 0, 0); }
div.checkout div.areaInfoOrder { padding-top: 0; padding-bottom: 0; }
div.checkout .areaInfo .editInfo { position: absolute; top: 5px; right: 5px; font-size: 18px; opacity: 0.5; color: #000000; }
div.checkout .areaInfo .editInfo:hover { opacity: 1; -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
div.checkout .orderPriceArea, div.checkout .orderPriceAreaTotal { text-align: right; }
div.checkout .areaInfoFinal { text-align: center; padding-top: 15px; padding-bottom: 15px; }
div.checkout .areaInfoFinal div.stdButton {  }
div.checkout .areaInfoFinal h4,div.checkout .areaInfoFinal p { text-align: center; }
div.checkout .areaInfoFinal input { margin-top: 10px; margin-bottom: 10px; }
div.checkout #PayWithPaypal { margin-bottom: 25px;}
div.checkout .containerPayment { margin-bottom: 50px; }
div.checkout #paypal-button-container { width: 300px; max-width: 100%; margin: 20px auto 0 auto;}
div.checkout .orderArea, div.checkout .orderPriceArea { padding-top: 15px; padding-bottom: 15px; }
div.checkout .areaInfo p,div.checkout .orderArea p { margin: 0; }
div.checkout .stdButton { margin-top: 20px; margin-bottom: 0px; }
div.checkout .stdButtonMBWAY { margin-top: 5px; }
div.checkout .orderAreaNotes { padding-top: 25px; }
div.checkout #telMBWbway { width: 300px; max-width: 100%; margin: auto; margin-top: 20px; text-align: center; }
div.checkout .mbway_payment { position: relative; margin: auto; width: 300px; max-width: 100%; }


/*ACCOUNT*/
section#profile input {  }
section#profile h1 { text-align: center; }


/*BILLING*/
section#billing input,section#billing select {  }
section#billing h1 { text-align: center; }


/*ORDERS*/
section#orders h1,#orders #accordion div.card-header p, #orders #accordion div.card-body p { text-align: center; }
#orders #accordion p { margin: o; }
#orders #accordion .card-body p { margin: 0; }
#orders #accordion div.card { margin-bottom: 10px; border: 1px solid rgba(0,0,0,.125); border-radius: 0; text-align: center; }
#orders #accordion div.card-header { text-align: center; cursor: pointer; }
#orders #accordion div.card-header p { margin-top: 5px; margin-bottom: 5px; }
#orders div.imagemProduto,#orders div.imagemGiftcard { background-size: contain; background-repeat: no-repeat; background-position: center; margin: 0 auto; }
#orders div.imagemProduto { width: 120px; max-width: 100%; height: 120px; }
#orders div.imagemGiftcard { width: 120px; max-width: 100%; height: 120px; }
#orders #accordion div.card-body div.descricaoProduto p, #orders #accordion div.card-body div.descricaoGiftCard p { text-align: left; margin-bottom: 5px; }
#orders .card-body { padding: 15px 0; }
#orders .instructions { text-align: center; }
#orders .accordion-button:not(.collapsed) {  }


/*ThankYou*/


/*FAVORITES*/
section#favorites h1 { text-align: center; }


/*SELECT BOXS - AutoComplete*/
.chosen-select { width: 100%; max-width: 100%; }
.chosen-container { min-width: 100%; width: 100%; max-width: 100%; margin-bottom: 8px; }
/*Chosen Plugin Style*/
.chosen-container-single .chosen-single { background-color: #ffffff !important; -webkit-background-clip: padding-box !important; -moz-background-clip: padding !important; background-clip: padding-box !important; border: 1px solid #cccccc !important; border-radius: 4px !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important; color: #555555 !important; display: block !important; height: 34px !important; overflow: hidden !important; line-height: 34px !important; position: relative !important; text-decoration: none !important; white-space: nowrap !important; background-image: none !important; border-radius: 0!important; border-color: transparent!important; text-align: left; box-shadow: 0 4px 5px rgba(0,0,0,.15)!important; padding: 0px 20px!important; line-height: 32px!important; }
.chosen-container-single .chosen-single span { font-size: 13px!important; line-height: 32px!important; }
.chosen-container-single .chosen-single div b { background-position: 1px 5px !important; }
.chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -15px 5px !important; }
.chosen-container-single .chosen-drop { border-color: transparent!important; margin-top: 5px; }
.chosen-container .chosen-results { font-size: 13px; text-align: left; }
.chosen-container .chosen-results li.highlighted{ background-color:#737373;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#737373),color-stop(90%,#737373));background-image:linear-gradient(#737373 20%,#737373 90%);color:#fff }


/*FILTER OPTIONS AREA ABSOLUTA*/
#filterOptionsArea { position: fixed; top: 0; left: -325px; width: 325px; max-width: 80%; height: 100vh; opacity: 0; padding: 85px 20px 50px 20px; overflow-y: auto; background-color: #F5F5F5; z-index: 101; display: flex; flex-direction: column; justify-content: flex-start; -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15); box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15); }
#filterOptionsArea.openFilterArea { left: 0; opacity: 1; }
#filterOptionsArea .closeFilterArea { position: fixed; top: 25px; left: -60px; width: 40px; height: 40px; text-align: center; text-align: center; background-color: #000000; cursor: pointer; }
#filterOptionsArea.openFilterArea .closeFilterArea { left: 265px; }
#filterOptionsArea .closeFilterArea i { color: #ffffff; font-size: 24px; line-height: 40px; }
#filterOptionsArea #postOptionsBoxForFilter { width: 100%; max-width: 100%; }
#filterOptionsArea .form-control,#filterOptionsArea .custom-select {  }
#filterOptionsArea .priceRangeArea { max-width: 100%; height: 70px; }
#filterOptionsArea .slideArea { width: calc( 100% - 30px ); max-width: 100%; margin: auto; margin-top: 5px; }
#filterOptionsArea .slideArea .ui-state-default, .ui-widget-content .ui-state-default { background: #C5C5C5; border-color: #C5C5C5; cursor: grab }


/*FILTER OPTIONS BOXES*/
#priceAmountRange { width: 100%; min-width: 100%; max-width: 100%; text-align: center; min-height: 30px; } /*No IE carregava só metade do input*/


/*IMAGES OPTIONS*/
.areaImageColor { position: relative; width: 400px; height: 400px; opacity: 0; pointer-events: none; }
.areaImageColor.activo { opacity: 1; pointer-events: auto; }
.areaImageColor .areaPhoto { cursor: zoom-in; position: relative; width: 100%; height: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; z-index: 0; -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2); }
.areaImageColor .closeAreaImageColor { position: absolute; top: 0; bottom: auto; left: auto; right: 0px; width: 40px; height: 40px; cursor: pointer; text-align: center; background-color: #ffffff; z-index: 1; }
.areaImageColor .closeAreaImageColor i { color: #000000; font-size: 24px; line-height: 40px; }


/*NO RESULTS*/
#endOfResults { text-align: center; margin-top: 50px; margin-bottom: 50px; }
#endOfResults h6 { color: #6D6E70; text-transform: uppercase; }
#endOfResults img.iconEndOfResults { width: 60px; margin-bottom: 15px; }


/*JARALLAX*/
.jarallax { position: relative; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; min-height: 100px; z-index: 0; overflow: hidden; }


/*NOTIFICAÇÕES SSI-MODAL*/
.notify .ssi-modalTitle { color: #ffffff; font-size: 22px; }
.notify .ssi-modalTitle .ssi-icon { color: #ffffff; font-size: 24px; margin-top: 4px; margin-right: 4px; }
.notify .ssi-modalContent { color: #ffffff; font-size: 15px; line-height: 20px; }
.notify .ssi-modalContent strong { color: #ffffff; font-weight: 700; font-size: 16px; line-height: 20px; }
.notify .ssi-modalContent i { color: #ffffff; }


/*SHARE*/
.shareWithFriend .notify .ssi-modalTitle { text-align: center; }
.shareWithFriend { max-width: 400px; padding: 15px; }
.shareWithFriend input,.shareWithFriend button { width: 100%; margin: 0 auto; text-align: center; border-radius: 0; }
.shareWithFriend input { margin: 5px 0px; }
.shareWithFriend input#myemail { margin-top: 25px; }
.shareWithFriend button { background-color: #444444; color: #ffffff; }
.shareWithFriend button:hover { background-color: #000000; color: #ffffff; }
.checkShareFriends { text-align: center; margin-bottom: 15px; }


/*SUGGESTIONS*/
#produtsSuggestions { display:flex; flex-wrap:wrap; width: 100%; }


/*PRODUCT WIDGET*/
.productWidget .imagemProduto { width: 100%; height: 200px; background-size: contain; background-position: center; background-repeat: no-repeat; }


/*BLOG WIDGET*/
.blogWidget .imagemProduto { width: 100%; height: 200px; background-size: cover; background-position: center; background-repeat: no-repeat; }

.shop, .blog { text-align: center; }

#loadAllPosts, #loadMorePosts { margin: auto; }


/*PRODUCT PAGE*/
/*Opções - Geral*/
.options { display: flex; flex-wrap: wrap; }
.optionArea { position: relative; width: 50%; padding: 0 10px 20px 0; }
.optionArea.uniqueOption { display: none; }
.optionArea.optionAreaGlobal .optionSelect { padding: 10px; border: 1px solid rgba(0,0,0,.3); position: relative; cursor: pointer; width: 100%; overflow: hidden; }
.optionArea.optionAreaGlobal .optionSelect::after { content: "\f078"; font-family: 'Font Awesome 5 Pro'; position: absolute; top: 10px; right: 10px; font-size: 16px; }
.optionArea.optionAreaGlobal .optionSelect.active::after { content: "\f00d"; font-family: 'Font Awesome 5 Pro'; }
.optionArea.optionAreaGlobal .optionsList { position: absolute; top: calc(50% + 16px); transform: translateY(-50%); left: 0; padding: 10px; background: #fff; width: calc(100% - 37px); border: 1px solid rgba(0,0,0,.1); display: none; z-index: 101; max-height: 80vh; overflow: auto; }
.optionArea.optionAreaGlobal .optionSelectable { padding: 8px 0; color: transparent; text-shadow: 0 0 0 rgba(0,0,0,.7), 0 15px 0 rgba(0,0,0,0); cursor: pointer; }
.optionArea.optionAreaGlobal .optionSelectable:hover { color: transparent; text-shadow: 0 -15px 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,1); }

/*Opções - Cor*/
.optionArea.optionAreaColor .optionSelectable { display: inline-block; vertical-align: middle; width: 25px; height: 25px; margin: 0px 2px 2px 0px; border: 3px solid transparent; }
.optionArea.optionAreaColor .optionSelectable.optionBoxActive { border: 3px solid #333; }

@media (max-width : 992px) {
    .optionArea { width: 100%; padding: 5px 0; }
}


/*LANGUAGE*/


/*SOCIAL & SHARE BUTTONS*/
.socialAndShare { position: relative; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; gap:10px; }
.socialAndShareBtn { position: relative; display:flex; justify-content:center; align-items:center; flex-wrap:nowrap; width: 50px; height: 50px; border: 1px solid #333333; background-color: #ffffff; cursor: pointer; }
.socialAndShareBtn i { color: #333333; font-size:20px; line-height:100%; }
.socialAndShareBtn:hover { background-color: #333333; }
.socialAndShareBtn:hover i { color: #ffffff; }


/*COMMENTS*/
form.commentsForm { text-align: center; }
form.commentsForm textarea.commentTextArea { width: 100%; max-width: 100%; height: 150px; resize: none; }
.commentWidget { margin-top: 15px; margin-bottom: 15px; }


/**
No Vertical Scroll Bar
*/
.noVerticalScrollBar::-webkit-scrollbar { display: none; }
.noVerticalScrollBar { -ms-overflow-style: none; scrollbar-width: none; }


/**
Logos pagamentos
*/
.paymentsLogos img { width: auto; height: 20px; margin: 5px; filter: grayscale(100%); }
.paymentsLogos img:hover { filter: grayscale(0%); }


/**
Logo Microsite
*/
#micrositeUTD { width: 44px; }


/**
Labels flutuantes do Bootstap
*/
.form-floating > label { line-height: 24px; }


/*
Zoom de imagens e backgrounds
*/
.nodeZoom { position: relative; overflow: hidden; display: inline-block; max-width:100%; }
.nodeZoom:hover img,.nodeZoom:hover div { opacity: 0; }
.nodeZoom__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transition: -webkit-transform .5s ease-out; transition: -webkit-transform .5s ease-out; transition: transform .5s ease-out; transition: transform .5s ease-out, -webkit-transform .5s ease-out; opacity: 0; }
.nodeZoom:hover .nodeZoom__image { opacity: 1; }













/* Just for DESKTOPS */
@media only screen and (max-width : 1200px) {
    
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    div.cart div.areaProduto div.col-product,div.cart div.areaProduto div.col-price,div.cart div.areaProduto div.col-quantity { text-align: center; }
    div.cart div.areaProduto div.col-quantity { display: none; }
    div.cart div.areaProduto div.col-quantity h4.subTotal { display: block; }
    div.cart div.areaProduto div.form-group { margin: 0; }
    div.cart div.areaProduto div.imagemProduto { margin-bottom: 15px; }

    .nodeZoom:hover img,.nodeZoom:hover div { opacity: 1; }
    .nodeZoom__image { display: none; }
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    
}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 576px) {
    .ssi-modalWindow { padding: 18px 0px 5px; }
    .ssi-modalContent { padding: 5px 0px 10px; }
    
    #orders div.imagemProduto { margin-bottom: 10px; }
    #orders #accordion div.card-body div.descricaoProduto p, #orders #accordion div.card-body div.descricaoGiftCard p { text-align: center; }
    
    div.checkout .orderArea { padding-top: 20px; padding-bottom: 0px; }
    div.checkout .orderPriceArea { padding-top: 0px; text-align: left; }
    div.checkout .orderPriceAreaTotal { text-align: left; }
    
    .popup.popupVideo iframe { width: 350px; height: 197px; }

    div.cart div.areaProduto div.imagemProduto { width: 100px; height: 100px; }
}