font-face {
  font-display: swap;
  font-family: 'Cera Pro';
  font-weight: 200;
  src: url('fonts/Cera-Pro/Cera-Pro-Thin.eot'); 
  src: url('fonts/Cera-Pro/Cera-Pro-Thin.eot?#iefix') format('embedded-opentype'),
       url('fonts/Cera-Pro/Cera-Pro-Thin.woff2') format('woff2'), 
       url('fonts/Cera-Pro/Cera-Pro-Thin.woff') format('woff'); 
}

@font-face {
  font-display: swap;
  font-family: 'Cera Pro';
  font-weight: 300;
  src: url('fonts/Cera-Pro/Cera-Pro-Light.eot'); /* IE9 Compat Modes */
  src: url('fonts/Cera-Pro/Cera-Pro-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Cera-Pro/Cera-Pro-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Cera-Pro/Cera-Pro-Light.woff') format('woff'); /* Pretty Modern Browsers */
}

@font-face {
  font-display: swap;
  font-family: 'Cera Pro';
  font-weight: 400;
  src: url('fonts/Cera-Pro/Cera-Pro-Regular.eot'); 
  src: url('fonts/Cera-Pro/Cera-Pro-Regular.eot?#iefix') format('embedded-opentype'), 
       url('fonts/Cera-Pro/Cera-Pro-Regular.woff2') format('woff2'),
       url('fonts/Cera-Pro/Cera-Pro-Regular.woff') format('woff'); 
}

@font-face {
  font-display: swap;
  font-family: 'Cera Pro';
  font-weight: 600;
  src: url('fonts/Cera-Pro/Cera-Pro-Bold.eot'); 
  src: url('fonts/Cera-Pro/Cera-Pro-Bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/Cera-Pro/Cera-Pro-Bold.woff2') format('woff2'), 
       url('fonts/Cera-Pro/Cera-Pro-Bold.woff') format('woff'); 
}

@font-face {
  font-display: swap;
  font-family: 'Cera Pro';
  font-weight: 900;
  src: url('fonts/Cera-Pro/Cera-Pro-Black.eot'); 
  src: url('fonts/Cera-Pro/Cera-Pro-Black.eot?#iefix') format('embedded-opentype'),
       url('fonts/Cera-Pro/Cera-Pro-Black.woff2') format('woff2'), 
       url('fonts/Cera-Pro/Cera-Pro-Black.woff') format('woff'); 
}

html, body {
	font-family: "Cera Pro", sans-serif;
}

h1 {
	font-family: "Cera Pro", sans-serif;
}

h2 {
	font-family: "Cera Pro", sans-serif;
}

h3 {
	font-family: "Cera Pro", sans-serif;
}

.subtitle {
	font-family: "Cera Pro", sans-serif;
}

.txt-body1 {
	font-family: "Cera Pro", sans-serif;
}

.txt-body2 {
	font-family: "Cera Pro", sans-serif;
}

button, .btn {
	font-family: "Cera Pro", sans-serif;
}

#main-header a {
	font-family: "Cera Pro", sans-serif;
}

#product-grid tr.grid-group-item .product-image img {
	object-fit: contain;
}

#product-list tr.grid-group-item .product-image img {
	object-fit: contain;
}

#product-view .preview-thumbnail.nav-tabs li img {
    object-fit: contain;
}

#main-header {
	background: rgb(52,65,72);
}

footer.page-footer {
	background: rgb(52,65,72);
}

#main-nav #header-search .input-group-btn {
	background: rgb(241,225,0);
}

#search-button-area {
	background: rgb(241,225,0);
}

.nav-link {
	color: white !important;
}

.categories-list .nav-link {
	color: black !important;
}

#main-header a:not(.dropdown-toggle):not(.navbar-brand):hover:after, #main-header a.active-category:after {
	background: rgb(241,225,0);
}

#body-wrap {
	background: rgb(248,248,248);
}

a .subtitle {
	color: white !important;
}

#product-tabs .nav-link {
	color: black !important;
}

#product-tabs .nav-link:hover:after, #product-tabs .nav-link.active:after {
	background: rgb(241,225,0);
}

#product-filter-sidebar .nav-link.active-category {
	color: black !important;
	font-weight: bold;
}

.categories-list .nav-link:hover {
	color: rgb(241,225,0) !important;
}

#register-tab {
	color: black !important;
}

#contact-tab {
	color: black !important;
}

#contact-form .nav-link:hover:after, #contact-form .nav-link.active:after {
	background: rgb(241,225,0) !important;
}

#register-consumer-tab {
	color: black !important;
}

.add-to-cart {
	/*background: rgb(241,225,0);*/
	/*color: black;*/
}

.product-filter-box {
	width: 100%;
	margin-right: 127px;
}

.btn {
	background: rgb(52,65,72) !important;
	color: white !important;
	border: none !important;
	border-radius: 0 !important;
}

.btn:hover {
	background-color: #fff125;
	box-shadow: 0 0 15px 5px rgb(241 225 0 / 30%);
	color: black;
}

.btn-link {
	background: none !important;
	color: white !important;
}

.btn-link:hover {
	color: white !important;
	background: none !important;
	box-shadow: none !important;
}

.delivery-option.selected {
	border-color: rgb(52,65,72) ;
	border: 2px solid rgb(52,65,72) ;
}

.delivery-option.selected .order-delivery-image {
	color: rgb(52,65,72) ;
}

.posti-delivery-option.selected {
	border: 2px solid rgb(52,65,72)  !important;
}

.modal-header {
	background: rgb(52,65,72) !important;
}

.slider-container .clickable-dummy {
	background: #fff125 !important;
}

#main-nav .navbar-brand img {
    height: 40px;
    max-width: 202px;
    width: 202px;
}

.container {
	max-width: 1650px;
}

#header-search {
	margin-left: 42px;
}

.add-to-cart {
	background: #f1e100 !important;
	color: black !important;
}

#main-nav #header-search .input-group-btn {
	background: #f1e100 !important;
	color: black !important;
}

#product-search-wrapper .input-group-btn {
	background: #f1e100 !important;
	color: black !important;
}

#checkout {
	background: #f1e100 !important;
	color: black !important;
}

#product-grid .btn .btn-primary {
	background: #f1e100 !important;
	color: black !important;
}

#main-header #main-nav {
	background: rgb(52,65,72);
	color: white;
}

.navbar-toggler .fa {
	color: white;
}

.navbar-toggler .far {
	color: white;
}

@media (max-width: 767px) {
	#header-category-navbar {
		background: rgb(52,65,72);
	}

	#header-category-navbar h3 {
		color: white;
	}
}

#product-grid .btn-primary {
	background: #f1e100 !important;
	color: black !important;
}

.layout {
    background: #ffffff none repeat scroll 0 0;
    -webkit-box-shadow: 0 1px 6px rgba(57,73,76,0.35);
    box-shadow: 0 1px 6px rgba(57,73,76,0.35);
}

#product-view {
	background: rgb(248,248,248) !important;
}

.btn.shop-style-active {
	color: #f1e100 !important;
}

.sale-badge {
    position: absolute;
/*    right:-20px;*/
    top: 15px;
    background: red;
    text-align: right;
/*    border-radius: 30px 30px 30px 30px;*/
    color: white;
    padding: 3px 8px 3px 12px;
    font-size: 13px;
    font-weight: 600;
    left: 0;
}