.modal__body a{
padding: 1.19em;
}

.date-select{
content: "";
    display: block;
    width: 100%;
    height: 41px;
 
    right: 0;
    top: 0;
    border-left: 1px solid #787878;

}

.my-account{
width:100%;
}
#my-storecredits-table th{
background-color:#00AF9B;
text-transform:uppercase;
color:#fff !important;
font-weight:normal !important;
}

.category-products{
width:98%
}

.category-products ul {
    display: block;
    list-style-type: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;width:100%;margin-bottom:30px
}

.products-grid  li{
list-style: none;
display: inherit;
width:48%;
margin:0;
padding:0;
float:left

}

@media screen and (min-width: 1024px) {
.pagination{
margin-bottom:30px
}

}

@media screen and (max-width: 767px) {
    .featured-banner{
        margin-top:28px !important;
    }
}

@media screen and (min-width: 768px) {

.category-products{
width:98.5%
}

.category-products ul {
    display: block;
    list-style-type: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;width:100%;margin-bottom:30px
}


.products-grid  li{
list-style: none;
display: inherit;
width:25%;
margin:0;
padding:0;
float:left

}

.category-products div ul li div{
flex-basis: 100%;
max-width:100%;
}

.toolbar-bottom .category-selects {
display:none
}

}



ol {
    display: block;
    list-style-type: decimal;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;
}

dd {
    display: block;
    -webkit-margin-start: 0;
}

.toolbar-top .pagination{
display:none
}

.validation-advice{
color:red;font-size:0.8em
}

.date-select{
margin-right:0;
display:block;
}


/* -------------------------------------------- *
 * Messages
 */
.success {
  color: #11b400;
}

.error {
  color: #df280a;
  font-weight: bold;
}

.notice {
  color: #e26703;
  font-weight: bold;
}

/* -------------------------------------------- *
 * Messages
 */
.messages {
padding:0;
list-style-type:none;
}
.error-msg ul{
padding:0;
list-style-type:none;
}
.messages li li {
  position: relative;
  list-style-type:none;
  margin-bottom: 5px;
  padding: 7px 10px 7px 20px;
  background: #f4f4f4;
  font-size: 15px;
}

.messages li li:before {
  top: 50%;
  left: 0;
  margin-top: -6px;
}

.messages .error-msg li {
  color: black;list-style-type:none;
  border-left: 5px solid #9B7A1F !important;
  background-color: #faebe7 !important;
}

.messages .error-msg li:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #9B7A1F !important;
  border-right: none;
}

.messages .notice-msg li {
  color: black;
  border-left: 5px solid #e26703;
  background-color: #F2E9E0 !important;
}

.esgotado-label{
    background-color:#F2E9E0 !important;
    color:#9B7A1F !important;
}

.promocao-label{
    color:#fff !important;
}

.messages .notice-msg li:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #9B7A1F;
  border-right: none;
}

.messages .success-msg li {
  color: black;
  border-left: 5px solid #9B7A1F;
  background-color: #F2E9E0;
}

.messages .success-msg li:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #9B7A1F;
  border-right: none;
}

.item .col-xs-6{
max-width:100% !important;
}

.quantidade-cart{
  font-size: 10px;
  color: #fff;
  font-weight:bold;
  background-color: #D4AE47;
  min-width: 13px;
  height: auto;
  position: relative;
  display: inline-block;
  border-radius: 20px;
  text-align: center;
  padding: 3px 4px 3px;
 /* border: 2px solid #665637;*/
  top: -10px;
  left: -15px;
  width: auto;
margin-right:-20px;
}

.bg-logo_visa {
    width: 38px; height: 24px;
    background: url('../media/cartoes_aceitos-min.png') -10px -10px;
}

.bg-logo_mastercard {
    width: 38px; height: 24px;
    background: url('../media/cartoes_aceitos-min.png') -68px -10px;
}

.bg-logo_diners {
    width: 38px; height: 24px;
    background: url('../media/cartoes_aceitos-min.png') -184px -10px;
}

.bg-logo_elo {
    width: 38px; height: 24px;
    background: url('../media/cartoes_aceitos-min.png') -126px -10px;
}

.bg-logo_boleto {
    width: 38px; height: 24px;
    background: url('../media/cartoes_aceitos-min.png') -242px -10px;
}

.bg-logo_americanexpress {
    width: 38px; height: 24px;
    background: url('../media/cartoes_aceitos-min.png') -300px -10px;
}

.payment a{
font-size:unset;font-family:unset;color:unset
}

.product-list__info {
    text-align: left !important;
}

.btn-indisponivel{

background: #FF0000 !important;

}

.btn-indisponivel:hover{

background: #FF0000 !important;

}

.add-to-cart .icon-cart, .cart-modal .icon-cart, .product-card .icon-cart, .aw-acp-btn-container .icon-cart,.ajaxcartpro-box-show .icon-cart, .ajaxcartpro-add-confirm .icon-cart{
background-image: url(../images/icon-cartWrite.svg);
}

.menu_categorias{
background: #665637;
}
.menu_categorias a, .menu_categorias a:hover,.menu_categorias a:active {
color: #666;
}

@media screen and (max-width: 350px) {

.main-header__logo img{
width:140px
}
}

#product-review-table {
    width: 100%;
    display: inline-block;
    border-color: #ccc;
}

.value.item-stars {
    background: #f7eee9;
    border-radius: 3px;
    float: left;
    width: 40px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.value.item-stars label {
    font-size: 14px;
    color: #3b2706;
    letter-spacing: .23px;
    text-align: center;
    width: 100%;
    height: 40px;
    padding-top: 6px;
    cursor: pointer;
}

.value.item-stars input[type=radio] {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    display: none;
}

.value.item-stars label:after {
    content: url(/images/icon-star.png);
    width: 100%;
    display: inline-block;
    margin-right: -1px;
}

.value.item-stars.active {
    background: #3b2706;
    color: #fff;
}

.value.item-stars.active label:after {
    content: url(/images/icon-star-check.png);
    width: 100%;
    display: inline-block;
    margin-right: -1px;
}

.list-rating .rating-box {
    float: none;
}

.ratings .rating-box {
    float: left;
    margin-right: 3px;
}
.rating-box {
    width: 69px;
    height: 13px;
    font-size: 0;
    line-height: 0;
    background: url(/images/bkg_rating.gif) repeat-x;
    text-indent: -999em;
    overflow: hidden;
}

.rating-box .rating {
    height: 13px;
    background: url(/images/bkg_rating.gif) 0 100% repeat-x;
}

.product-card .rating-links {
display:none;
}

.menu-adicional {
position: relative;
    float: left;
  /*  margin-left: 213px;*/
    z-index: 100;
    margin-top: 2px !important;
}

.menu-adicional a{
  z-index: 100;
    position: relative;
    padding: 21px 1px 20px;
    font-family: 'open sans';
    font-weight:600;
    text-decoration: none;
    color: #000;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 15px !important;
    line-height: 15px !important;
    margin-right: 10px;
}

.menu-adicional a:hover{
 /* background-color: #665637;*/
  color:#665637;
}

#clickmenu.menu-desktop {
  background: #665637;
    padding: 25px 22px 20px 56px !important;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 15px !important;
    text-decoration: none;
    position: relative;
    width: auto;
    color: #FFF;
    font-size: 15px !important;
    letter-spacing: 0.1em;
    font-family: 'open sans' !important;
    margin: 0 !important;
}

#clickmenu.menu-desktop:before {
    content: url(https://www.bancadoramon.com.br/skin/frontend/default/adaptive-shop/images/ico_menu.svg);
    position: absolute;
    left: 15px;
    top: 23px;
}

/*
.dl-trigger{
width:150px;background:#665637;color:#fff;
}
*/
.list-rating {
    float: right;
    margin-top: 3px;
}

.value.item-stars.active label {
    color: #fff;
}

/* Common styles of menus */
.dl-menuwrapper-mobile {
  width: 100%;
  float: left;
  position: relative;
  perspective: 1000px;
  perspective-origin: 50% 200%;
  height: calc(100% - 3em);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.dl-menuwrapper-mobile ul {
  padding: 0;
  list-style: none;
  transform-style: preserve-3d;
}

.dl-menuwrapper-mobile li {
  position: relative;
}

.dl-menuwrapper-mobile li:first-child > a {
  border-top: 1px solid #403520;
}

.dl-menuwrapper-mobile li a {
  display: block;
  position: relative;
  /*height: 2.6666666667em;*/
  line-height: 1em;
  font-size: 0.8666666667em;
  font-family: "open sans";
  text-decoration: none;padding: 10px 5px 10px 0 !important;
  text-transform: uppercase;
  border-bottom: 1px solid #403520;
}

.dl-menuwrapper-mobile li.dl-back > a {
  padding-left: 20px;
}
.dl-subviewopen .f-l:last-child{
display: inline-flex !important;
width: 100%;
}
.dl-menuwrapper-mobile li.dl-back:after,
.dl-menuwrapper-mobile li > a:not(:only-child):after {
  content: "";
  position: absolute;
  top: 0.3333333333em;
  background: url(../images/arrow-right.svg) no-repeat center;
  width: 2.1333333333em;
  height: 1.7333333333em;
}

.sublevel {
  content: "";
  position: absolute;
  top: 0.3333333333em;
  background: url(../images/arrow-right.svg) no-repeat center;
  width: 2.1333333333em;
  height: 1.7333333333em;
  right: 0;
}

.dl-menuwrapper-mobile li.dl-back:after {
  left: -0.6666666667em;
  transform: rotate(180deg);
}

.dl-menuwrapper-mobile li > a:after {
  right: -0.6666666667em;
  color: rgba(0, 0, 0, 0.15);
}

.dl-menuwrapper-mobile .dl-menu-mobile {
  margin: 5px 0 0 0;
  position: absolute;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.dl-menuwrapper-mobile .dl-menu-mobile.dl-menu-mobile-toggle {
  transition: all 0.3s ease;
}

.dl-menuwrapper-mobile .dl-menu-mobile.dl-menuopen {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper-mobile li .dl-submenu {
  display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu-mobile.dl-subview li,
.dl-menu-mobile.dl-subview li.dl-subviewopen > a,
.dl-menu-mobile.dl-subview li.dl-subview > a {
  display: none;
}

.dl-menu-mobile.dl-subview li.dl-subview,
.dl-menu-mobile.dl-subview li.dl-subview .dl-submenu,
.dl-menu-mobile.dl-subview li.dl-subviewopen,
.dl-menu-mobile.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu-mobile.dl-subview li.dl-subviewopen > .dl-submenu > li {
  display: block;
}

.dl-subviewopen ul li:first-child {
  /*border-top: none;*/
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper-mobile > .dl-submenu {
  position: absolute;
  width: 100%;
  top: 5px;
  left: 0;
  margin: 0;
}

/* Animation classes for moving out and in */
.dl-menu-mobile.dl-animate-out-1 {
  animation: MenuAnimOut1 0.4s;
}

.dl-menu-mobile.dl-animate-out-2 {
  animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu-mobile.dl-animate-out-3 {
  animation: MenuAnimOut3 0.4s ease;
}

.dl-menu-mobile.dl-animate-out-4 {
  animation: MenuAnimOut4 0.4s ease;
}

.dl-menu-mobile.dl-animate-out-5 {
  animation: MenuAnimOut5 0.4s ease;
}

@keyframes MenuAnimOut1 {
  0% {
  }
  50% {
    transform: translateZ(-250px) rotateY(30deg);
  }
  75% {
    transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5;
  }
  100% {
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}

@keyframes MenuAnimOut2 {
  0% {
  }
  100% {
    transform: translateX(-100%);
    opacity: 0;
  }
}

@keyframes MenuAnimOut3 {
  0% {
  }
  100% {
    transform: translateZ(300px);
    opacity: 0;
  }
}

@keyframes MenuAnimOut4 {
  0% {
  }
  100% {
    transform: translateZ(-300px);
    opacity: 0;
  }
}

@keyframes MenuAnimOut5 {
  0% {
  }
  100% {
    transform: translateY(40%);
    opacity: 0;
  }
}

.dl-menu-mobile.dl-animate-in-1 {
  animation: MenuAnimIn1 0.3s;
}

.dl-menu-mobile.dl-animate-in-2 {
  animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu-mobile.dl-animate-in-3 {
  animation: MenuAnimIn3 0.4s ease;
}

.dl-menu-mobile.dl-animate-in-4 {
  animation: MenuAnimIn4 0.4s ease;
}

.dl-menu-mobile.dl-animate-in-5 {
  animation: MenuAnimIn5 0.4s ease;
}

@keyframes MenuAnimIn1 {
  0% {
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
  20% {
    transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes MenuAnimIn2 {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes MenuAnimIn3 {
  0% {
    transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0px);
    opacity: 1;
  }
}

@keyframes MenuAnimIn4 {
  0% {
    transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0px);
    opacity: 1;
  }
}

@keyframes MenuAnimIn5 {
  0% {
    transform: translateY(40%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.dl-menuwrapper-mobile > .dl-submenu.dl-animate-in-1 {
  animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper-mobile > .dl-submenu.dl-animate-in-2 {
  animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper-mobile > .dl-submenu.dl-animate-in-3 {
  animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper-mobile > .dl-submenu.dl-animate-in-4 {
  animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper-mobile > .dl-submenu.dl-animate-in-5 {
  animation: SubMenuAnimIn5 0.4s ease;
}

@keyframes SubMenuAnimIn1 {
  0% {
    transform: translateX(50%);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes SubMenuAnimIn2 {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes SubMenuAnimIn3 {
  0% {
    transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0px);
    opacity: 1;
  }
}

@keyframes SubMenuAnimIn4 {
  0% {
    transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0px);
    opacity: 1;
  }
}

@keyframes SubMenuAnimIn5 {
  0% {
    transform: translateZ(-200px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}

.dl-menuwrapper-mobile > .dl-submenu.dl-animate-out-1 {
  animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper-mobile > .dl-submenu.dl-animate-out-2 {
  animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper-mobile > .dl-submenu.dl-animate-out-3 {
  animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper-mobile > .dl-submenu.dl-animate-out-4 {
  animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper-mobile > .dl-submenu.dl-animate-out-5 {
  animation: SubMenuAnimOut5 0.4s ease;
}

@keyframes SubMenuAnimOut1 {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform: translateX(50%);
    opacity: 0;
  }
}

@keyframes SubMenuAnimOut2 {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}

@keyframes SubMenuAnimOut3 {
  0% {
    transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    transform: translateZ(-300px);
    opacity: 0;
  }
}

@keyframes SubMenuAnimOut4 {
  0% {
    transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    transform: translateZ(300px);
    opacity: 0;
  }
}

@keyframes SubMenuAnimOut5 {
  0% {
    transform: translateZ(0);
    opacity: 1;
  }
  100% {
    transform: translateZ(-200px);
    opacity: 0;
  }
}

/* No JS Fallback */
.no-js .dl-menuwrapper-mobile .dl-menu-mobile {
  position: relative;
  opacity: 1;
  transform: none;
}

.no-js .dl-menuwrapper-mobile li .dl-submenu {
  display: block;
}

.no-js .dl-menuwrapper-mobile li.dl-back {
  display: none;
}

.no-js .dl-menuwrapper-mobile li > a:not(:only-child) {
  background: rgba(0, 0, 0, 0.1);
}

.no-js .dl-menuwrapper-mobile li > a:not(:only-child):after {
  content: '';
}

/* Colors for demos */
/* Demo 1 */
.demo-1 .dl-menuwrapper-mobile button {
  background: #c62860;
}

.demo-1 .dl-menuwrapper-mobile button:hover,
.demo-1 .dl-menuwrapper-mobile button.dl-active,
.demo-1 .dl-menuwrapper-mobile ul {
  background: #9e1847;
}

/* Demo 2 */
.demo-2 .dl-menuwrapper-mobile button {
  background: #e86814;
}

.demo-2 .dl-menuwrapper-mobile button:hover,
.demo-2 .dl-menuwrapper-mobile button.dl-active,
.demo-2 .dl-menuwrapper-mobile ul {
  background: #D35400;
}

/* Demo 3 */
.demo-3 .dl-menuwrapper-mobile button {
  background: #08cbc4;
}

.demo-3 .dl-menuwrapper-mobile button:hover,
.demo-3 .dl-menuwrapper-mobile button.dl-active,
.demo-3 .dl-menuwrapper-mobile ul {
  background: #00b4ae;
}

/* Demo 4 */
.demo-4 .dl-menuwrapper-mobile button {
  background: #90b912;
}

.demo-4 .dl-menuwrapper-mobile button:hover,
.demo-4 .dl-menuwrapper-mobile button.dl-active,
.demo-4 .dl-menuwrapper-mobile ul {
  background: #79a002;
}

/* Demo 5 */
.demo-5 .dl-menuwrapper-mobile button {
  background: #744783;
}

.demo-5 .dl-menuwrapper-mobile button:hover,
.demo-5 .dl-menuwrapper-mobile button.dl-active,
.demo-5 .dl-menuwrapper-mobile ul {
  background: #643771;
}

.dl-submenu .f-l {
  display: none !important;
}

.dl-subviewopen .f-l{
  display: none !important;
}

.dl-submenu li > a:not(:only-child):after, li.dl-back::after{
  display: none !important;
}

.hightlights-mobile label{
    margin-left: 5px;
    font-size:0.8em;
    
}

.ofertasMenu a{
    color:#73623f;
    font-weight:600;
}

.footer-menu {
  list-style-type: none;
padding:0px;
}

.footer-menu li a{
    text-decoration:none;

    color:#fff;
    font-size: 13px;
}

.footer-menu li{

    padding-top: 5px;
    padding-bottom: 5px;

}

.footer-menu li a:hover{
    color:#73623f;
}

.main-header__search .main-footer__phones li{
    display:inline;
}
.main-top-header .main-footer__phones li{
    display:inline;
}

.main-top-header .main-footer__phones li label{
    color:#fff !important;
}

.destaque-top-menu{
    background:#78A53F;
    color:#fff !important;
}
.destaque-top-menu-pais{
  background: #002C4B;
    color: #fff !important;
}


.destaque-top-menu-natal:hover{
    background:#242424;
    color:#fff !important;
}

.align-right{
	text-align:right
}

.icon-arrow-bottom {
    background-image: url(../images/arrow-bottom.svg);
}

.product-card__title-desc {
    font-size: 1em;
    line-height: 1.2em;
    overflow: hidden;
    margin: 0.3333333333em 0;
    font-family: open sans;
    font-weight: 600;
}

.customer-checkbox{
    height:0.966667em;width:auto
}