/*TRANSITIONS*/
.transition { -webkit-transition: all 800ms; -moz-transition: all 800ms; -o-transition: all 800ms; transition: all 800ms; }
.transitionFast { -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; }
.transitionSlow { -webkit-transition: 1500ms; -moz-transition: 1500ms; -o-transition: 1500ms; transition: 1500ms; }


/*SCALE*/
.scale:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.scaleSmall:hover { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); }
.scaleMedium:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.scaleLarge:hover { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }


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


/*PAGER*/
.pager li .active_link{ background: #DBDBDB!important;}


/*LANGUAGE*/
.open > .dropdown-menu#menuBandeiras {display: inline-flex;}
.dropdown-menu#menuBandeiras > li > a { padding: 3px 10px; }


/*POPUP*/
.popupBotao { cursor: pointer; }
.maskPop-Up { display: none; position: fixed; z-index: 1200; width: 100%; max-width: 100%; height: 100vh; background-color: rgba(0,0,0,0.60); top: 0; left: 0; }
.maskPop-Up-Active {display: block; }
.maskPop-Up .absolute-center { width: 100%; }
.maskPop-Up .pop-up { position: relative; width: 650px; 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 i.closePopUp { position: absolute; z-index: 101; top: 8px; right: 15px; color: #000000; font-size: 25px; cursor: pointer; }
.maskPop-Up .pop-up i.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-left: 5%; padding-right: 5%; }
.maskPop-Up .pop-up div.textoPopUp p { font-size: 15px; color: #000000; margin-bottom: 0; letter-spacing: 1px; text-align: left; }
.maskPop-Up .pop-up .logoPaypal { width: 250px; margin: 25px auto; }
.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; }



/*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%; }
#ageBlockPopUp .pop-up div.textoPopUp p { font-size: 15px; color: #ffffff; margin-bottom: 0; letter-spacing: 1px; 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; }



/*SLIDESHOWS*/
div.slideshow a { text-decoration: none; }
div.slideshow a:hover { text-decoration: none; }
div.slideshow div.item { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
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;}


/*NAVIGATION*/
.navbar .fa-fw { font-size: 18px; }

/*IMAGES*/
img { max-width: 100%;}


/*FORM CONTACT*/
#contactForm #message{max-width: 100%; max-height: 400px;}
#contactForm #checkContactFormBox, #contactForm p.textContactFormBox { display: inline; }


/*NEWSLETTER*/
div.newsletter #checkSubscribeFormBox, div.newsletter p.textSubscribeFormBox { display: inline; }
div.newsletter #checkForRealContactNewsletter { margin-top: 5px; min-height: 50px; }


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


/*LOGIN*/
#login div.absolute-center { width: 100%; }
#login div.container div.row div.col-md-6 div.form-wrap h1 { color: #ffffff; }
#login div.container div.row div.col-md-6 div.form-wrap h3 { color: #ffffff; }


/*REGISTRATION*/
div.container-fluid-registration #checkUsernameIcon i.fa-check { color: green; }
div.container-fluid-registration #checkUsernameIcon i.fa-times { color: red; }
/*RECOVER*/
div.container-fluid-recover {  margin-top: -80px;}
#recover div.absolute-center { width: 100%; }


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


/*SSI-MODAL*/
.notify .ssi-icon { margin-left: 10px; margin-right: 10px; margin-top: 4px; }


/*CART*/
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-price { text-align: center; }
div.cart div.areaProduto div.col-quantity { text-align: center; }
div.cart div.areaProduto div.col-quantity h6 { margin-top: 80px; 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.imagemProduto: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 .btn { background-color: #EAEAEA; 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 .btn: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.delete-form-group { margin-bottom: 0;}
div.cart input.inputDescontos { width: 200px; max-width: 100%; margin: 0 auto; }
div.cart button.descontos {  width: 200px; max-width: 100%; margin: 0 auto; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.1); margin-top: 0px; background-color: #000000; border: 0; }
div.cart button.descontos: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 button.finalizarEncomenda { margin: 0 auto; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.1); margin-top: 15px; }
div.cart button.finalizarEncomenda: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.descontos { width: 100%; padding-top: 15px; padding-bottom: 15px; 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.descontos: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.totalEncomenda { 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.totalEncomenda:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2); }



/*CHECKOUT*/
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: -0px; right: 0px; font-size: 18px; opacity: 0.5; }
div.checkout .areaInfo .editInfo:hover { opacity: 1; -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
div.checkout .areaInfoFinal { text-align: center; padding-top: 15px; padding-bottom: 15px; }
div.checkout .areaInfoFinal h4 { text-align: center; }
div.checkout .areaInfoFinal img.logoPaypal { max-width: 100%; width: 120px; margin: 0 auto; margin-top: 25px; }
div.checkout .areaInfoFinal input { margin-top: 10px; margin-bottom: 10px; }
div.checkout #PayWithPaypal { margin-bottom: 25px;}
div.checkout .payWithGiftCardBtn {background-color: #000000; border: 0 none; font-size: 16px; max-width: 90%; width: 300px; margin-top: 15px; margin-bottom: 15px; }
div.checkout .giftCardArea h5 { margin-top: 0; }
div.checkout #PayWithWireTransfer,div.checkout #PayWithGiftCard { margin-top: 10px; 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;}



/*404 ERROR PAGE*/
div.error { text-align: center; }
div.error img.errorPageImg { width: 300px; max-width: 100%; margin: 0 auto; }


/*SELECT BOXS - AutoComplete*/
.chosen-select { width: 100%; max-width: 100%;}
/*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; padding: 0 0 0 8px !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; font-size: 13px; padding-left: 20px!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*/
div.priceCollapseBoxOuter { -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); color: #555555; display: block; height: 34px; overflow: hidden; line-height: 34px; padding: 0 0 0 8px; position: relative; text-decoration: none; white-space: nowrap; background-image: none; border-radius: 0; border-color: transparent; text-align: left; box-shadow: 0 4px 5px rgba(0,0,0,.15); font-size: 13px; padding-left: 20px; padding-right: 20px; background-color: #ffffff; }
div.priceCollapseBoxOuter div.botao { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; background: url(../images/default/plugin_chosen/chosen-sprite.png) no-repeat 0 5px; }
div.priceCollapseBoxOuter p { line-height: 34px; font-size: 13px; color: #555555; }
#priceCollapseBox { -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); color: #555555;  line-height: 34px; padding: 0 0 0 8px; position: relative; text-decoration: none; white-space: nowrap; background-image: none; border-radius: 0; border-color: transparent; text-align: left; box-shadow: 0 4px 5px rgba(0,0,0,.15); font-size: 13px; padding-left: 20px; padding-right: 20px; background-color: #ffffff; position: absolute; z-index: 1000; margin-top: 5px; width: calc( 100% - 30px ); padding-bottom: 15px; }
#priceCollapseBox input { width: 100%; background-color: transparent; text-align: left; font-size: 13px; text-align: center; }
#priceCollapseBox span.ui-slider-handle {background-color: #E2E2E2; cursor: pointer; }
#priceCollapseBox span.ui-state-active { border-color: #666; }
#priceAmountRange { min-height: 34px; } /*No IE carregava só metade do input*/



/*LOADING PAGE*/
#loadingPage { position: fixed; top: 0; left: 0; width: 100%; max-width: 100%; height: 100vh; background-color: rgba(64,64,65,0.8); z-index: 1301; display: none; }
#loadingPage div.absolute-center { width: 100%; text-align: center; }
#loadingPage img.loadingLogo { width: 125px; margin: 0 auto; margin-bottom: 15px; }
#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); }
}


/*NO RESULTS*/
#endOfResults { margin-top: 75px; margin-bottom: 75px; }


/*ORDERS*/
div.orders div.imagemProduto,div.orders div.imagemGiftcard { background-size: contain; background-repeat: no-repeat; background-position: center; margin: 0 auto; }
div.orders div.imagemProduto { width: 120px; max-width: 100%; height: 120px; }
div.orders div.imagemGiftcard { width: 110px; max-width: 100%; height: 110px; }
div.orders div.descricaoProduto,div.orders div.descricaoGiftCard { text-align: left; }















/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    /*Corrige o bug do botão de carergar mais posts que ganha um tamnhanho enorme conforme o ajax injecta mais posts*/
    div.pages div.columnForLoadInfinitPosts { display: flex; padding: 0; }
    div.pages #dynamicPostsList { width: 100%; }
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    div.checkout .orderDescription { margin-top: 50px; }
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    div.cart div.areaProduto div.imagemProduto { margin-bottom: 20px; }
    div.cart div.areaProduto div.col-product { text-align: center; }
    div.cart div.areaProduto div.col-quantity h4, div.cart div.areaProduto div.col-quantity h5 { display: none; }
    div.cart div.areaProduto div.col-quantity h6 { margin-top: 15px; }
    div.orders div.descricaoProduto,div.orders div.descricaoGiftCard { text-align: center; }
}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    #ageBlockPopUp .pop-up div.textoPopUp #ageOver18,#ageBlockPopUp .pop-up div.textoPopUp #ageUnder18 { margin: 25px 2px; }
}


/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}