/************************************/
            /* 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 */
/************************************/


/*TEXTAREAS*/
p img { max-width: 100%; height: auto; margin: 25px auto; }
p iframe { max-width: 100%; margin: 25px auto; }


/*TRANSITIONS*/
.transition { -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; }
.transitionFast { -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; }
.transitionSlow { -webkit-transition: 1500ms ease-in-out; -moz-transition: 1500ms ease-in-out; -o-transition: 1500ms ease-in-out; -ms-transition: all 1500ms ease-in-out; transition: 1500ms 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; }


/*FILTRO*/
.filtro { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(33,33,33,0.3); pointer-events: none; }


/*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 .standardButton { 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*/
.standardButton { display: table; max-width: 100%; padding: 10px 20px; background-color: #333333; color: #ffffff; border: 1px solid #333333; border-radius: 0px; font-size: 16px; margin: 10px auto; text-align: center; line-height: initial; cursor: pointer; -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; }
.standardButton:hover { background-color: #ffffff; color: #333333; border: 1px solid #333333; }
.standardButton p,.standardButton i { font-size: 16px; color: #ffffff; margin-bottom: 0!important; line-height: initial; -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; }
.standardButton:hover p,.standardButton:hover i { color: #333333; }
/*BUTTONS REVERSE*/
.standardReverseButton { background-color: #ffffff; color: #333333; border: 1px solid #ffffff; }
.standardReverseButton:hover { background-color: #333333; color: #ffffff; border: 1px solid #ffffff; }
.standardReverseButton p,.standardReverseButton i { color: #333333; }
.standardReverseButton:hover p,.standardReverseButton:hover i { color: #ffffff; }
.standardButtonLink { text-decoration: none; }
.standardButtonLink:hover, .standardButtonLink:focus, .standardButtonLink:active { text-decoration: none; }


/*POPUP AGE BLOCK*/
#ageBlockPopUp { position: fixed; z-index: 1400; width: 100%; max-width: 100%; height: 100vh; background-color: rgba(0,0,0,0.8); top: 0; left: 0; }
#ageBlockPopUp .absolute-center { width: 100%; }
#ageBlockPopUp .pop-up { position: relative; width: 650px; height: 650px; max-width: 95%; max-height: 80vh; border-radius: 0px; background-color: rgba(33,33,33,1); margin: 0 auto; }
#ageBlockPopUp .pop-up div.textoPopUp { position: relative; overflow-y: auto; overflow-x: hidden; max-height: calc( 650px - 100px ); height: calc( 80vh - 100px ); margin-top: 50px; padding-left: 5%; padding-right: 5%; text-align: center; }
#ageBlockPopUp .pop-up div.textoPopUp p { color: #ffffff; text-align: left; }
#ageBlockPopUp .pop-up div.textoPopUp img { width: 175px; max-width: 100%; height: auto; margin: 0 auto; margin-bottom: 50px; }
#ageBlockPopUp .pop-up div.textoPopUp #ageOver18,#ageBlockPopUp .pop-up div.textoPopUp #ageUnder18 { width: 90px; margin: 25px 10px; background-color: #ffffff; display: inline-block; cursor: pointer; padding-top: 8px; padding-bottom: 8px; }
#ageBlockPopUp .pop-up div.textoPopUp #ageOver18 p,#ageBlockPopUp .pop-up div.textoPopUp #ageUnder18 p { color: #333333; text-align: center; }
#ageBlockPopUp .pop-up div.textoPopUp #ageOver18:hover,#ageBlockPopUp .pop-up div.textoPopUp #ageUnder18:hover { background-color: #BBB31E; }
#ageBlockPopUp .pop-up div.textoPopUp #ageOver18:hover p,#ageBlockPopUp .pop-up div.textoPopUp #ageUnder18:hover p { color: #ffffff; }



/*POPUP*/
.popup { display: inline-block; cursor: pointer; }


/*POPUP BUTTON*/
.popupBotao { cursor: pointer; }
.maskPop-Up { display: none; position: fixed; z-index: 1300; width: 100%; max-width: 100%; height: 100vh; background-color: rgba(0,0,0,0.50); top: 0; left: 0; }
.maskPop-Up-Active {display: block; }
.maskPop-Up .absolute-center { width: 100%; }
.maskPop-Up .pop-up { position: relative; width: 700px; height: 650px; max-width: 95%; max-height: 80vh; border-radius: 0px; background-color: rgba(255,255,255,1); margin: 0 auto; }
.maskPop-Up .pop-up .closePopUp { position: absolute; z-index: 101; top: 8px; right: 15px; width: 20px; height: 20; cursor: pointer; }
.maskPop-Up .pop-up .closePopUp:hover { opacity: 0.5; }
.maskPop-Up .pop-up div.textoPopUp { position: relative; overflow-y: auto; overflow-x: hidden; max-height: calc( 650px - 100px );  height: calc( 80vh - 100px ); margin-top: 50px; padding: 50px; }
.maskPop-Up .pop-up div.textoPopUp p { color: #000000; text-align: left; }
.maskPop-Up .pop-up div.textoPopUp h1 { color: #333; font-size: 200%; padding: 0 0 30px 0; }
.maskPop-Up .pop-up div.textoPopUp select#amount { width: 250px; max-width: 100%; margin: 0 auto; text-align: center;}
.maskPop-Up .pop-up div.textoPopUp p img { max-width: 100%; height: auto; }
.maskPop-Up .pop-up iframe { max-width: 100%; width: 100%; max-height: 100%; margin: 0 auto; }
.maskPop-Up-Video .pop-up { height: 415px; }
.maskPop-Up-Video .pop-up div.textoPopUp { padding-left: 5%; padding-right: 5%; text-align: center; }


/*Privacy Policy*/
#privacy_policy { z-index: 1400; }

/*POPUP CONDITIONS*/
.popupAlert { cursor: pointer; }


/*GIFTCARD*/
.maskPop-Up div.giftCardPopUp { text-align: center; }
.maskPop-Up div.giftCardPopUp img { width: 350px; max-width: 100%; margin: 25px auto; }
.maskPop-Up div.giftCardPopUp p.cardValue { text-align: center!important; margin-bottom: 15px }
.maskPop-Up div.giftCardPopUp div.addToGiftcardBtn { position: relative; width: 60px; height: 60px; border-radius: 50%; background-color: rgba(51,51,51,1); display: inline-block; margin: 5px; cursor: pointer; }
.maskPop-Up div.giftCardPopUp div.addToGiftcardBtn p { color: #ffffff!important; text-align: center!important; line-height: 60px!important; }
.maskPop-Up div.giftCardPopUp div.addToGiftcardBtn:hover { background-color: rgba(51,51,51,0.7); }


/*LOADING PAGE*/
#loadingPage { position: fixed; top: 0; left: 0; width: 100%; max-width: 100%; height: 100vh; background-color: rgba(0,0,0,0.9); z-index: 1400; pointer-events: none; opacity: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
#loadingPage div.absolute-center { width: 100%; text-align: center; }
#loadingPage img.loadingLogo { width: 125px; margin: 0 auto; }
#loadingPage img.loadingSpinner { width: 200px; margin: 0 auto; -webkit-animation: loadingSpinner 1000ms infinite linear; -moz-animation: loadingSpinner 1000ms infinite linear; -ms-animation: loadingSpinner 1000ms infinite linear; -o-animation: loadingSpinner 1000ms infinite linear; animation: loadingSpinner 1000ms 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); } }


/*SLIDESHOWS*/
div.slideshow div.item { position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; }
div.slideshow div.item div.legenda { position: absolute; width: 100%; bottom: 0px; padding-top: 10px; padding-bottom: 10px; background-color: rgba(0,0,0,0.6) }
div.slideshow div.item div.legenda p { color: #ffffff; pointer-events: none; text-align: center; }
div.slideshow a { text-decoration: none; }
div.slideshow a:hover { text-decoration: none; }


/*RGPD - FORMS & NEWSLETTERS -> Li e aceito a Política de Privacidade. <- */
.CheckBoxRGPD { font-weight: bold; cursor: pointer; -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; }
.CheckBoxRGPD:hover { opacity: 0.75; }


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


/*NEWSLETTER*/


/*GIFTCARD BANNER*/
div.giftCardArea { position: relative; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; text-align: center; }
div.giftCardArea .standardButton { display: inline-block; }


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


/*LOGIN*/
section#login { padding-top: 10%; padding-bottom: 10%; }
section#login input,section#login p { font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 0px; font-style: normal; font-size: 12px; line-height: 15px; margin-bottom: 5px; }
section#login #forgotPassword a:hover { text-decoration: none; }
section#login #forgotPassword a:hover p { opacity: 0.5; }

/*SIGNUP*/
section#signup { padding-top: 5%; padding-bottom: 5%; }
section#signup input,section#signup p { font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 0px; font-style: normal; font-size: 12px; line-height: 15px; margin-bottom: 5px; }

/*RECOVERY*/
section#passwordRecovery { padding-top: 13%; padding-bottom: 13%; }
section#passwordRecovery input,section#passwordRecovery p,section#passwordRecovery #btn-recoverpassword { font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 0px; font-style: normal; font-size: 12px; line-height: 15px; margin-bottom: 5px; }

/*USER ACTIVATION*/
section#userActivation { padding-top: 11%; padding-bottom: 11%; }


/*CART*/
section#cartEmpty { padding-top: 15%; padding-bottom: 15%; }
section#cart { padding-top: 5%; padding-bottom: 5%; }
section#cart p,section#cart span,section#cart h4 span,div.cart div.totalEncomenda label{ font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 0px; font-style: normal; font-size: 12px; line-height: 15px; margin-bottom: 5px; }
section#cart p s { text-decoration-color: red; }
div.cart div.form-group { text-align: center; }
div.cart div.areaProduto { width: 100%; padding-top: 25px; padding-bottom: 25px; margin-top: 30px; margin-bottom: 30px; text-align: center; background-color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.1); }
div.cart div.areaProduto:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2); }
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 p.productOptions { margin-bottom: 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.subTotal { margin-top: 90px; font-size: 13px; }
div.cart div.areaProduto div.col-buttons { 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 div.changeInCart i { font-size: 17px; line-height: 28px; }
div.cart div.areaProduto div.changeInCart:hover i { opacity: 0.5; }
div.cart div.giftcardVoucheur input { width: 300px; max-width: 100%; margin: 0 auto; margin-top: 15px; }
div.cart div.giftcardVoucheur .standardButton { width: 300px; max-width: 100%; margin: 0 auto; border-radius: 0; margin-top: 5px; }
div.cart div.totalEncomenda { width: 100%; padding-top: 25px; padding-bottom: 25px; margin-top: 15px; margin-bottom: 15px; text-align: center; background-color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.1); }
div.cart div.totalEncomenda:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2); }
div.cart .inputDescontos { font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 0px; font-style: normal; font-size: 12px; line-height: 15px; color: #000000; }


/*CHECKOUT*/
section#checkoutEmpty { padding-top: 15%; padding-bottom: 15%; }
section#checkout { padding-top: 5%; padding-bottom: 5%; }
section#checkout p { font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 0px; font-style: normal; font-size: 12px; line-height: 15px; margin-bottom: 5px; }
section#checkout h4.text-center { font-size: 20px; line-height: 24px; }
div.checkout .areaInfo { position: relative; width: 100%; min-height: 85px; padding: 5px 15px;; margin-top: 15px; margin-bottom: 15px; background-color: #F8F8F8; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.1); text-align: left; }
div.checkout .areaInfo:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2); }
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 h4 { text-align: center; }
div.checkout .areaInfoFinal input { margin-top: 10px; margin-bottom: 10px; }
div.checkout #PayWithPaypal { margin-bottom: 25px;}
div.checkout .containerPayment { margin-top: 50px; margin-bottom: 50px; }
div.checkout #paypal-button-container { width: 300px; max-width: 100%; margin: 20px auto;}
div.checkout .orderArea, div.checkout .orderPriceArea { padding-top: 12px; padding-bottom: 12px; }
div.checkout .areaInfo p,div.checkout .orderArea p { font-size: 13px; margin-bottom: 0; }
div.checkout .orderArea p.productOptions { }


/*ACCOUNT*/
section#profileEmpty { padding-top: 14%; padding-bottom: 14%; }
section#profile { padding-top: 5%; padding-bottom: 5%; }
section#profile input { font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 0px; font-style: normal; font-size: 12px; line-height: 15px; margin-bottom: 5px; }


/*BILLING*/
section#billingEmpty { padding-top: 14%; padding-bottom: 14%; }
section#billing { padding-top: 5%; padding-bottom: 5%; }
section#billing input,section#billing select { font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 0px; font-style: normal; font-size: 12px; line-height: 15px; margin-bottom: 5px; }


/*ORDERS*/
section#ordersEmpty { padding-top: 14%; padding-bottom: 14%; }
section#orders { padding-top: 5%; padding-bottom: 5%; }
#orders #accordion div.card p { font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 0px; font-style: normal; font-size: 12px; line-height: 15px; margin-bottom: 5px; }
#orders #accordion div.card { margin-bottom: 10px; border: 1px solid rgba(0,0,0,.125); 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: 110px; max-width: 100%; height: 110px; }
#orders div.descricaoProduto,#orders div.descricaoGiftCard { text-align: left; }


/*ThankYou*/
section#thankYou { padding-top: 12%; padding-bottom: 12%; }


/*FAVORITES*/
section#favoritesEmpty { padding-top: 12%; padding-bottom: 12%; }
section#favorites { padding-top: 5%; padding-bottom: 5%; }


/*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 BOXES*/
#priceAmountRange { width: 100%; min-width: 100%; max-width: 100%; min-height: 34px; text-align: center; } /*No IE carregava só metade do input*/


/*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:  }
.notify .ssi-modalContent {  }
.notify .ssi-modalTitle {  }
.notify .ssi-icon { margin-left: 10px; margin-right: 10px; margin-top: 4px; color: #ffffff; font-size: 22px; }


/*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-top: 25px; }
.shareWithFriend button { background-color: #444444; color: #ffffff; margin-bottom: 25px; }
.shareWithFriend button:hover { background-color: #000000; color: #ffffff; }


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


/*SHOP*/
.shop { position: relative; }
.shop h1.shopTitle { text-align: left; }
.shop h1 { margin-bottom: 25px; }
.shop .sideMenu { text-align: left; }


/*WIDGET*/
.productLink:hover { text-decoration: none; }
.postWidget { position: relative; width: 100%; max-width: 100%; margin: 15px auto; overflow: hidden; text-align: center; }
.postWidget a:hover, .postWidget a:focus, .postWidget a:active { text-decoration: none; }
.postWidget .imagemProduto { width: 100%; height: 250px; margin: 0 auto; background-size: cover; background-position: center; background-repeat: no-repeat; }
.postWidget .filtro { opacity: 0; height: 100%; }
.postWidget .nomeProduto { position: relative; width: 100%; }
.postWidget p { margin: 0; }
.postWidget i.likeButton { cursor: pointer; }

/*PRODUCT WIDGET*/
.productWidget .imagemProduto { height: 200px; background-size: contain; }


/*BLOG WIDGET*/
.blogWidget .imagemProduto { height: 350px; }


/*PRODUCT PAGE*/
.paginaProducto .decreaseProductQt, .paginaProducto .productQuantity, .paginaProducto .increaseProductQt, .paginaProducto .addToCartBtn { height: 34px; padding: 0; border: 1px solid transparent; border-radius: 0; text-align: center; background-color: #333333; color: #ffffff; font-size: 16px; line-height: 34px; }
.paginaProducto .decreaseProductQt,.paginaProducto .productQuantity, .paginaProducto .increaseProductQt { width: 25px; }
.paginaProducto .decreaseProductQt, .paginaProducto .increaseProductQt { background-color: #444444; font-size: 20px; }
.paginaProducto .decreaseProductQt:hover, .paginaProducto .increaseProductQt:hover { background-color: #666666; }
.paginaProducto .productQuantity { width: 50px; margin-left: 1px; margin-right: 1px; pointer-events: none; }
.paginaProducto .addToCartBtn { padding-left: 15px; padding-right: 15px; margin-left: 1px; }
.paginaProducto .addToCartBtn:hover { background-color: #666666; }
.paginaProducto .addToCartBtn p { margin: 0; color: #ffffff; font-size: 14px; line-height: 32px; }
.paginaProducto .optionTitle, .paginaProducto .optionBox { margin-top: 5px; margin-bottom: 5px; }
.paginaProducto .optionTitle { display: inline-block; }
.paginaProducto .optionBox { font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 0px; font-style: normal; font-size: 12px; display: inline-block; border: 1px solid #333333; margin-left: 5px; padding: 2px 10px; cursor: pointer; }
.paginaProducto .optionBox:hover,.paginaProducto .optionBoxActive { background-color: #333333; color: #ffffff; }



/*NAVIGATION*/
nav.mainNavBar li,nav.mainNavBar li a,nav.mainNavBar span{ font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 0px; font-style: normal; line-height: 20px; }
nav.standardNav { position: fixed; top: 0; left: 0; width: 100%; height: 25px; background-color: #333333; color: #ffffff; text-align: center; z-index: 1250; }
nav.standardNav .menuBurger,nav.standardNav .closeMenu { display: none; position: absolute; top: 5px; left: 30px; cursor: pointer; }
nav.standardNav .menuBurger:hover, nav.standardNav .closeMenu:hover { opacity: 0.5; }
nav.standardNav li,nav.standardNav li a,nav.standardNav li span { color: #ffffff; text-transform: uppercase; font-size: 10px; line-height: 22px; -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; }
nav.standardNav .dropdown-item { -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; }
nav.standardNav .dropdown-item:hover, nav.standardNav .dropdown-item:focus, nav.standardNav .dropdown-item:active { background-color: transparent; opacity: 0.5; }
nav.standardNav ul.dropdown-menu .dropdown-item:hover, nav.standardNav ul.dropdown-menu .dropdown-item:focus, nav.standardNav ul.dropdown-menu .dropdown-item:active { opacity: 1; }
nav.standardNav a:hover, nav.standardNav a:focus, nav.standardNav a:active { color: #ffffff; text-decoration: none; }
nav.standardNav ul.mainMenu,nav.standardNav #iconCarrinho { display: inline-block}
nav.standardNav #iconCarrinho:hover { opacity: 0.5; }
nav.standardNav #iconCarrinho i { font-size: 12px; line-height: 22px; }
nav.standardNav #iconCarrinho i, nav.standardNav #iconCarrinho #numberOfProducts { color: #ffffff; }
nav.standardNav #numberOfProducts { font-size: 12px; vertical-align: sub; margin-left: 2px; }
nav.standardNav li { display: inline-block; margin: 0; padding-left: 15px; padding-right: 15px; }
nav.standardNav li:hover a { opacity: 0.5; }
nav.standardNav li.login { padding-right: 3px; }
nav.standardNav li.signUp { padding-left: 3px; }
nav.standardNav div.languageChanger { display: inline-block; }
nav.standardNav div.languageChanger li.lang { padding: 0; }
nav.standardNav div.languageChanger li.lang a { padding-left: 5px; padding-right: 5px; }
nav.standardNav li.separador { padding-left: 2px; padding-right: 2px; }
nav.standardNav li:hover .dropdown-menu a { opacity: 1; }
nav.standardNav .dropdown-menu { margin-top: 15px; opacity: 1; }
nav.mainNavBar .dropdown-menu { margin-top: 5px; }
nav.standardNav .dropdown-menu li { width: 100%;}
nav.standardNav .dropdown-menu li:hover a { background-color: #333333; color: #FFFFFF; }

nav.mainNavBar { background-color: #000000; }
nav.mainNavBar .dropdown-menu { margin-top: 0px; background-color: #000000; border-radius: 0; padding-bottom: 20px; }
nav.categoriesNavBar { top: 25px; z-index: 1249; }
nav.categoriesNavBar #clearCategories { cursor: pointer; }
nav.categoriesNavBar #clearCategories:hover { opacity: 0.5; }
nav.categoriesNavBar #categoriesMenuBurger { top: 0; }
nav.categoriesNavBar #categoriesMenuBurger span { color: #ffffff; }
nav.categoriesNavBar li.dropdown ul.dropdown-menu li { width: 100%; padding-left: 15px; padding-right: 15px; color: #ffffff; }


/*LANGUAGE*/


/*FOOTER*/
/* footer { background-color: #333333; text-align: left; padding-top: 30px; padding-bottom: 30px; }
footer p,footer p a,footer span,footer i,footer .popupAlert { color: #FFFFFF; font-family: 'Open Sans', sans-serif; font-weight: 400; letter-spacing: 0px; font-style: normal; font-size: 12px; line-height: 16px; margin-bottom: 3px; -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; }
footer a:hover, footer a:focus, footer a:active,footer .popupAlert:hover { text-decoration: none; color: #FFFFFF; opacity: 0.6; }
footer h6 { color: #AAAAAA; letter-spacing: 1px; margin-top: 20px; margin-bottom: 10px; text-transform: uppercase; }
footer i { font-size: 24px; margin-right: 5px; }
footer .icon_payment { width: 40px; margin: 2px; }
footer .icon_payment_1 { width: 90px; margin-top: -5px; }
footer .icon_payment_2 { margin-top: -5px; }
footer .micrositeUTD { text-align: center; }
footer #micrositeUTD { text-align: center; width: 44px; margin: 0px auto; margin-top: 25px; -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; }
footer #micrositeUTD:hover { opacity: 0.6; } */


/*WEBSITE LOCK*/
div.websiteBlock { position: fixed; top: 0; left: 0; width: 100%; height: 100vh;  background-color: #333333; text-align: center; z-index: 999999999; }
div.websiteBlock div.absolute-center { width: 90%; }
div.websiteBlock div.absolute-center img { width: 300px; }
div.websiteBlock div.absolute-center h1 { color: #FFFFFF; font-size: 30px; }


/*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; }





















/* Just for DESKTOPS */
@media only screen and (min-width : 1200px) {
    nav.standardNav .dropdown:hover>.dropdown-menu { display: block; }
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    nav.standardNav .menuBurger,nav.standardNav .closeMenu { display: block; font-size: 12px; }
    nav.standardNav ul.mainMenu { position: fixed; left: -250px; top: 0px; width: 250px; max-width: 100%; height: 100%; background-color: #000000; text-align: left; padding-top: 60px; padding-bottom: 30px; overflow-y: auto; z-index: 1251;
    -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;
    }
    nav.standardNav ul.mainMenu li { display: block; color: #ffffff; padding-left: 30px; padding-right: 30px; font-size: 11px; line-height: 17px; cursor: pointer; }
    nav.standardNav ul.mainMenu li .dropdown-menu li:hover { opacity: 0.5; }
    nav.standardNav ul.mainMenu li.separador { display: none; }
    nav.standardNav ul.mainMenu li a { white-space: normal; font-size: 11px; line-height: 17px; }
    nav.standardNav #iconCarrinho { margin-left: 0px; }
    nav.standardNav div.languageChanger {position: absolute; right: 25px; }
    nav.standardNav .dropdown-item { padding: 0; }
    nav.standardNav .dropdown-menu { background-color: #333333; border: 0px solid transparent; }
    nav.standardNav .dropdown-menu li,nav.standardNav .dropdown-menu a { color: #ffffff; padding: 0; }
    nav.standardNav .dropdown-menu li:hover { opacity: 0.5; }
    nav.categoriesNavBar #categoriesMenuBurger i { display: none; }

    nav.standardNav ul.show { position: relative!important; width: 100%; top: auto; left: auto; transform: none!important; will-change: initial; margin-top: 0; }
    nav.standardNav ul.show li { padding-left: 10px; padding-right: 10px; line-height: 17px; }


}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    section#error,section#login,section#signup,section#passwordRecovery,section#userActivation,section#cartEmpty,section#cart,section#checkoutEmpty,section#checkout,section#profileEmpty, section#profile,section#billingEmpty,section#billing,section#ordersEmpty,section#orders,section#thankYou,section#favoritesEmpty,section#favorites { padding-top: 100px; padding-bottom: 100px; }

    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; }

}


/* 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 div.descricaoProduto, #orders div.descricaoGiftCard { text-align: center; }

    .paginaProducto .productQuantity { width: calc( 100% - 50px ); }
    .paginaProducto .addToCartBtn { width: 100%; margin: 0; margin-top: 1px; }

    .maskPop-Up .pop-up div.textoPopUp { padding-left: 5%; padding-right: 5%; }


}