/** Patterns */
.m-0 { margin: 0px; }
.ml-0 { margin-left: 0px; }
.mr-10 { margin-right: 10px !important; }
.mb-0 { margin-bottom: 0px !important;}
.mb-15 { margin-bottom: 15px !important;}
.mb-30 { margin-bottom: 30px !important;}
.mb-50 { margin-bottom: 50px !important;}
.mt-0 { margin-top: 0px !important;}
.mt-10 { margin-top: 10px !important;}
.mt-30 { margin-top: 30px !important;}
.mt-50 { margin-top: 50px !important;}
.b-b { border-bottom: 1px solid #999999; }
.b-t { border-top: 1px solid #999999; }
.p-0 {padding: 0px;}
.pb-15 { padding-bottom: 15px; }
.pb-50 { padding-bottom: 50px !important;}
.pl-0 { padding-left: 0px; }
.pr-0 { padding-right: 0px; }
.pr-10 { padding-right: 10px; }
.pt-10 { padding-top: 0px; }
.pt-30 { padding-top: 0px; }
.pt-50 { padding-top: 50px !important;}
.bold { font-weight: bold; }
.left { float: left; }
.right { float: right; }
.upc { text-transform: uppercase;}
div.error input, div.error textarea, label.error { color: #F33; border-color:#F33; }
.w-250 { max-width: 250px; }

select.form-control { padding: 0px 10px; }
.btn-sm { padding: 5px 10px;}
div.required label:not(.help-inline):after, label.required:not(.help-inline):after { content: ' *' !important; position: relative; font-size:14px; display: inline; }


.header.light .topbar .form-inline  { max-width: 490px; }
.header.light .topbar .form-inline .form-control { height: auto; padding: 2px 8px; max-width: 200px; }
.header.light .topbar .form-inline .btn { font-size: 14px; padding: 2px 8px; }




/* SITE */
.c-theme { color:#84ba3f; }
.product .product-price ins { color:#000 !important; }
.sidebar-widget .widget-link li ul { padding-left: 20px; }
.sidebar-widget .widget-link li i { margin-right: 10px !important; }
.sidebar-widget .widget-link li.active a { color:#84ba3f; }


@media (max-width: 530px) {
}

/*screen-xs*/
@media (max-width: 768px) {
    footer .logo-possamai { top: 20px; width: 100%; right: 0px; }
}

/*screen-sm*/
@media (min-width: 768px) and (max-width: 992px) {
    footer .logo-possamai { right: 70px; }
}

/*screen-md*/
@media (min-width: 992px) and (max-width: 1200px) {
    footer .logo-possamai { right: 70px; }
}

/*screen-lg corresponds with col-lg*/
@media (min-width: 1200px) and (max-width: 1320px) {
    footer .logo-possamai { right: 70px; }
}
@media (min-width: 1320px) {
}