/* ------------------------------------------------------------------------------
BOTÕES
------------------------------------------------------------------------------- */

/* Botão COMPRAR */

#llvDetalhes.productDetail .btnComprar {display: inline-block; margin: 15px 0;}
#llvDetalhes.productDetail .btnComprar a {width:180px;  height: 72px; text-align:center; line-height:72px; margin-top: 7px;border-bottom: 4px solid #6F0A07; background: #8D1D1A 0% 0% no-repeat padding-box;  border-radius: 5px; transition:all 300ms ease;}
#llvDetalhes.productDetail .btnComprar a strong { color: white; font-size: 19px; padding-top: 14px; font-weight:700}
#llvDetalhes.productDetail .btnComprar a:hover {background:#6F0A07}

/* TAGS */

.comprarTags {clear:both;}
.comprarTags .tag {display:inline-block; vertical-align:middle; padding:5px 8px; margin:0 3px 10px 3px; border-radius:5px; background-color:#c5deff; color:#045ac9; font-size:11px; font-weight:600; text-transform: uppercase;}
.comprarTags .tag svg {display:inline-block; margin-right:5px; width:12px; height:auto; vertical-align:middle; position:relative; top:-1px;}

.comprarTags .tag-drivetrhu {color:#00ac77; background-color: rgba(1,92,64,.1);}
.comprarTags .tag-delivery {color:#015c40; background-color:rgba(1,92,64,.1);}
.comprarTags .tag-whatsapp {color:#00ac77; background-color: rgba(1,92,64,.1);}


/* ------------------------------------------------------------------------------
POPUP TELEFONES
------------------------------------------------------------------------------- */

.LighBoxWithHTML-content {display:none;}

/* CONTAINER */

#PopUpWithHMTL {position:fixed; top:0; left:0; width:100%; height:100%; z-index:100000;}
#PopUpWithHMTL .overlay {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,0.5); opacity:0;}
#PopUpWithHMTL .overlay .container {position:relative; top:50%; transform:translateY(-50%);}

/* APPBOX */

#PopUpWithHMTL #popBox {position:relative; opacity:0;}
#PopUpWithHMTL #popBox a.closePopUpWithHMTL {position:absolute; z-index:1; top:2px; right:20px; display:inline-block; width:40px; height:40px; line-height:50px; text-align:center;}
#PopUpWithHMTL #popBox a.closePopUpWithHMTL svg {display:inline-block; width:16px; height:auto;}
#PopUpWithHMTL #popBox a.closePopUpWithHMTL svg path {fill:#535353; fill-rule:evenodd;}

#PopUpWithHMTL #popBox .wrapContent {position:relative; z-index:0; overflow:hidden; background:#ffffff; border-radius:0; padding-top:40px; padding-bottom:20px; box-shadow:0 0 15px rgba(0,0,0,0.2)}

/* CONTENT */

#PopUpWithHMTL #popBox .wrapContent h1 {font-size:28px;}

#PopUpWithHMTL #popBox .wrapContent .telefoneList {list-style:none; overflow-y:auto; margin-bottom:10px;}
#PopUpWithHMTL #popBox .wrapContent .telefoneList li {margin:15px 0 0 0; text-align:center;}
#PopUpWithHMTL #popBox .wrapContent .telefoneList a {display:inline-block; cursor:pointer; background:transparent; border:0; min-width:240px;}
#PopUpWithHMTL #popBox .wrapContent .telefoneList .wrapper {display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; border:1px solid #f0f2f5; border-radius:10px; padding:10px 20px;}
#PopUpWithHMTL #popBox .wrapContent .telefoneList .wrapper svg {display:block; width:26px; height:auto; margin-right:20px}
#PopUpWithHMTL #popBox .wrapContent .telefoneList .wrapper svg#phone path {color:#666}
#PopUpWithHMTL #popBox .wrapContent .telefoneList .wrapper svg#multiapp {margin-left: -14px; margin-right: 16px; width: 30px;}
#PopUpWithHMTL #popBox .wrapContent .telefoneList .wrapper .description {text-align:left;}
#PopUpWithHMTL #popBox .wrapContent .telefoneList .wrapper .description span {display:block;}

/* MEDIA QUERIES */

@media screen and ( orientation : landscape ) and ( max-width : 820px ) , screen and ( max-width : 680px )
{
	#PopUpWithHMTL #popBox a.closePopUpWithHMTL {width:50px; height:50px; line-height:50px;}
	#PopUpWithHMTL #popBox a.closePopUpWithHMTL img {width:20px; height:auto;}

	#PopUpWithHMTL #popBox .wrapContent .content {padding:30px 0;}
}