body,
p {
	line-height: 1.5;
}
.container,
.container.with-xlarge{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10px;
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.wrap {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.center {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.j-end {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.end {
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

.baseline {
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
}

.j-center {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.between {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.around {
	-webkit-box-pack: justify;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
.gap-default {
	gap: 20px;
}

/* header START*/

.site-header{
	padding: 70px 0 15px 0;
	position: relative;
}


.logo img{
	max-width: 100px;
}

.header-buttons{
	display: flex;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    text-align: center;
	justify-content: center;
}
.header-buttons .dropdown-menu {
	min-width: 100%;
	max-width: 200px;
}

.header-btn{
	display: inline-block;
	font-size: 15px;
	background: #ffffff;
	color: #000000;
	padding: 7px 24px;
	border-radius: 5px;
}

.header-btn-contact{
	background: #fed141;
	margin-right: 15px;
}

.header-btn.yellow{
	background: #fed141;
}

.header-icons{
	margin-left: 10px;
}
.header-icons svg{
	width: 30px;
	height: 30px;
}
.m-quick-cart svg,
.header-icons .headerIcon:not(:first-child) svg{
	width: 40px;
	height: 40px;
}

.headerIcon{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: 20px;
}

/* header -- search */
#searchForm {
    display: none;
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    top: 100%;
    max-width: 1180px;
    margin: auto;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-size: .9em;
    background: #fed141;
    padding: 10px;
}

#searchBtn:hover{
	cursor: pointer;
}

/* header -- cart */
.quick-cart-link {
    position: relative;
}

.m-quick-cart__count {
    position: absolute;
	top: -24px;
    right: 4px;
    background: #fed141;
    border-radius: 100%;
    display: block;
    width: 23px;
    height: 23px;
    text-align: center;
    color: #ffffff;
    font-size: 13px;
    padding-top: 4px;
}

/* header -- mmenu */
.mm-navbar__title{
	color: #000000!important;
	font-weight: 700!important;
}

.mm-slideout { 
    z-index: 0; 
}
.mm-menu_offcanvas {
    z-index: 9;
}
/* header END*/

/* Site navigation */
.site-navigation{
	display: none;
}

.site-navigation ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.site-navigation .nav > li{
    padding: 0;
}

.site-navigation .nav > li > a{
	position: relative;
    color: #002859;
    display: block;
	font-size: 17px;
    padding: 15px 10px;
}

.site-navigation .nav > li > a:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background-color: #002859; 
	-webkit-transform: scaleX(0); 
	    -ms-transform: scaleX(0); 
	        transform: scaleX(0);
	-webkit-transform-origin: left;
	    -ms-transform-origin: left;
	        transform-origin: left;
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	-o-transition: transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.site-navigation .nav > li > a:hover:after{
	-webkit-transform: scaleX(1);
	    -ms-transform: scaleX(1);
	        transform: scaleX(1);
}

.site-navigation ul ul{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    z-index: 999;
}

.site-navigation ul ul ul{
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
}
.site-navigation .nav li:hover>ul {
    display: block;
}

.site-navigation ul ul li a{
    background: #002859;
    color: #fff;
    padding: 10px;
}
.site-navigation ul ul li a:hover{
    background: #fed141;
	color: #002859;
}

/* Site content NOT USER */
.noUser{
	background: url(/upload_dir/pics/bg.jpg) no-repeat center/cover;
	padding: 70px 0;
}

.welcome{
	margin-bottom: 70px;
}

.welcome .page-title-frontpage{
	border: none;
	padding: 0;
	text-align: left;
	margin: 0 0 20px 0;
}

.welcome .page-title-frontpage .m-text-headline{
	font-size: 34px;
	font-weight: 900;
}

.welcome .m-text-content p{
	font-size: 17px;
	line-height: 23px;
}

.noUser .welcome .page-title-frontpage .m-text-headline,
.noUser .welcome .m-text-content p{
	color: #fff;
}

.userContent{
	padding: 30px 0;
}

/* categories */

.cItem a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin-bottom: 20px;
}

.cItem .placeholder-wrapper,
.cItem img{
	width: 100%!important;
	max-width: 100%!important;
}

.cItem-title{
	display: block;
	font-size: 17px;
	background: #ffffff;
	border-radius: 0 0 5px 5px;
	padding: 10px;
	-webkit-transition: .3s linear;
	-o-transition: .3s linear;
	transition: .3s linear;
}
.cItem:hover .cItem-title{
	background: #fed141;
}

/* Category sidebar */
.column{
	margin-bottom: 3em;
}
.column .b-productcategories{
	border: none;
	background: none;
	height: 100%;
}
.column .b-productcategories .panel-heading{
	background: #fed141;
	border-radius: 10px 10px 0 0;
	border: none;
}

.column .b-productcategories .panel-heading .h5{
	font-size: 17px;
	font-weight: 700;
}

.column .b-productcategories .panel-body{
	background: #002859;
	border-radius: 0 0 10px 10px;
	height: 100%;
}

.column .b-productcategories ul li a{
	font-size: 17px;
	color: #fff;
}

/* Frontpage products */
.frontpage-content .page-title-frontpage{
	margin: 0 0 40px 0;
	padding: 0 0 10px 0;
	border-top: 0;
	border-bottom: 1px solid #002859;
	text-align: left;
}

.frontpage-content .page-title-frontpage .h1{
	font-size: 21px;
	font-weight: 700;	
	padding-left: 10px;
}

.productItem .type-col{
	border: none;
}

.productContent-wrapper{
	background: #002859;
	color: #ffffff;
	padding: 20px;
}

.h5.m-productlist-title{
	font-size: 14px;
	font-weight: 700;
	color: #ffffff!important;
}

.productItem .type-col .description, .productItem .type-col .m-reviews-stars, .productItem .type-col .product-delivery, .productItem .type-col .title{
	padding:0;
}

.productItem .type-col .product-description{
	margin-bottom: 0;
}

.productItem .type-col .product-transaction{
	padding: 0;
	background: none;
	border: none;
}

.m-productlist-transactions{
	margin-bottom: 10px;
}

.productItem .m-productlist-price{
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
}

.productItem .type-col .form-group{
	margin-bottom: 0;
}

.productItem .type-col .button-primary{
	border-radius: 0 0 10px 10px;
	font-size: 15px;
	padding: 10px;
	border: none;
}

.m-product-warnings,
.m-product-information .panel-success.m-product-instock,
.m-product-additional-info .nav-tabs li.active>a,
.m-product-additional-info .t-panel-clean>.pane,
.m-product-variants .panel-warning,
.m-product-variants .panel-success,
.w-notification .panel-success,
.panel-warning,
.panel-danger.m-product-stock.m-product-soldout {
    background: none;
}

.m-productlist-none .panel-warning,
.w-notification .panel-success,
.m-product-information .panel-success.m-product-instock{
	border: none;
		color: #002859;
}

.m-product-information .panel-success.m-product-instock .panel-body{
	padding: 0;
	color: #002859;
}
.m-breadcrumb, .m-print{
	margin: 1.5em 0;
}
.panel-warning,
.panel-success a{
		color: #002859;
}

.m-product-additional-info [data-target] {
	cursor: pointer;
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid #f6f6f6;
}
.m-product-additional-info [data-target]:after {
    content: "\2304";
    margin-top: -15px;
    font-size: 20px;
    line-height: 0;
}
[data-target="panel-desc"] {
    border-top: 1px solid #f6f6f6;
}
.m-product-additional-info [data-group] {
	padding: 10px 0;
}

.closed .icon-closed {
    display: none !important;
}
.opened .icon-opened {
    display: none !important;
}

.m-product-customdata .table-h-striped tbody tr {
	background: none;
}
.m-product-customdata .table-h-striped tbody tr td {
    border: solid #999;
    border-width: 0 0 2px;
}

/* footer */
.site-footer{
	background: #f6f6f6;
	border: none;
	padding: 60px 0;
}
.site-footer p,
.site-footer span,
.site-footer li,
.site-footer a {
    font-size: 14px;
    line-height: 21px;
    color: #002859;
}

.site-footer a:hover {
    text-decoration: underline;
}

.site-footer .f-title {
    font-size: 19px;
    font-weight: 500;
	margin-bottom: 20px;
}
.w-cart-goto-cart .button-primary,
.m-product-transaction-button .button-primary{
	padding: 11px 36px;
	font-size: 15px;
	line-height: 19px;
	border-radius: 5px;
	border: none;
}

.m-product-transaction-amount .form-input{
	height: 41px;
	max-width: 70px;
}
.m-product-transaction-amount .input-group-main {
	border-radius: 5px 0 0 5px;
}
.m-product-transaction-amount .input-group-addon {
	border-radius: 0 5px 5px 0;
}
.panel-border .t-striped > li:nth-child(odd),
.panel-border .panel-heading,
form .panel .panel-footer,
form .panel-border{
	background: none;
	border: none;
}

form.checkoutForm .panel-border{
	border: 1px solid #f6f6f6;
} 

form.checkoutForm .panel-body{
	padding-left: 1em;
	padding-right: 1em;
}

form .panel-body{
	padding-left: 0;
	padding-right: 0;
}

form .panel .panel-footer{
	padding: 0;
}

form .form-submit {
	display: inline-block;
	font-size: 15px!important;
	background: #fed141;
	border-radius: 5px;
	border: none;
	padding: 9px 24px!important;
	width: 100%;
	color: #002859;
}

.m-cart-row {
    padding: 1em 0;
	border-bottom: 1px solid #f5f5f5;
}
.checkoutFrame .button,
.checkoutFrame .button-primary,
.modules.m-cart .button,
.modules.m-cart .button-primary{
	border: none;
	border-radius: 5px;
	font-size: 15px;
}
.cart-total-value select {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0 3px;
}

.m-cart-delivery-info-container .table td {
	border: solid;
	border-width: 0 0 1px;
	padding:  5px 0;
}
.m-cart-delivery-info-container .table tfoot td {
	border: none;
}

.amount-buttons {
	align-items: center;
	border-radius: 5px;
	border: 1px solid #cfcfcf;
	padding: 0 5px;
}
.amount-buttons input {
	max-width: 60px;
	border: none;
	padding: 0 5px;
	text-align: center;
	outline: none;
}
.amount-buttons .button {
	background: none;
	padding: 0 5px;
}
.amount-buttons svg {
	vertical-align: middle;
}

@media(min-width:380px){
	.logo img{
		max-width: 150px;
	}
}

@media(min-width:480px){
	.header-icons{
		margin-left:70px;
	}
	.logo img{
		max-width: 100%;
	}

}
@media(min-width:768px){
	.site-header{
		padding: 15px 0;
	}
	.header-buttons{
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        text-align: left;
	}
	.header-btn{
		padding: 11px 36px;
	}
}
@media(min-width:960px){
	.site-navigation{
		display: block;
		padding: 0;
		border-bottom: 1px solid #002859;
	}
}


body.pageId0,
.pageTypecontact {
	background-color: #f5f5f5;
}
body.pageId0 .m-userlogin,
body.pageId0 .m-userpasswordrecover {
    max-width: 450px;
    margin: auto;
    padding: 2em;
    background: #fff;
    border-radius: 10px;
}
body.pageTypecart .modules,
body.pageTypecheckout .modules {
	max-width: 100%;
	padding: 0;
	background: none;
}
body.pageId0 .modules form {
	text-align: left;
}
body.pageId0 .modules .input-group-addon,
body.pageId0 .modules .input-group-main,
body.pageId0 .modules .form-input,
.pageTypecontact .modules .form-input,
.pageTypecontact .input-group-addon,
.stepColumn .input-group-addon,
.stepColumn .input-group-main {
	height: auto;
	padding: 10px;
	font-size: 14px;
	background: none;
	border: none;
}

body.pageId0 .modules .form-label+.form-input,
body.pageId0 .modules .input-group,
.pageTypecontact .input-group,
.pageTypecontact .form-group>.form-input,
.stepColumn .input-group {
	border: 1px solid #d8d8d8;
	border-radius: 5px;
}
.pageTypecheckout {
	background-color: #f5f5f5;
}
.stepColumn .input-group {
	background-color: #fff;
}

#orderLines .modules.m-cart,
.m-cart-content {
  margin-bottom: 20px !important;
  border-width: 0 0 1px;
}
#orderLines .modules.m-cart .panel-border,
.m-cart-content .panel-border{
  background: none;
  margin-bottom: 0;
  border: none;
}

.m-cart-content .panel-border .panel-heading{
  border-bottom: 2px solid #000;
  background-color: #002859;
}

.m-cart-content .panel-border .panel-heading .h6{
  font-weight: 700;
  color: #fff;
}
body.pageTypecart .m-cart-content {
	background-color: #fff;
	border-radius: 10px;
}
#orderLines .panel-border .t-striped > li,
.panel-border .t-striped > li{
  background: none!important;
}

.panel-border .t-striped > li:not(:last-child){
  border-bottom: 1px solid #000;
}
#paymentInfo {
	position: sticky;
	top: 10px;
}
.checkoutFrame  {
	padding-bottom: 50px;
}

.m-cart-product-container .button-group {
	display: flex;
	border: 1px solid #cfcfcf ;
	border-radius: 5px;
	overflow: hidden;
	max-width: 100px;
}
.m-cart-product-container .button-group > li {
	width: 50%;
}
.m-cart-product-container .button-group .button{
  padding: 10px;
  border: none;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.m-cart-product-container .form-group{
  border: 1px solid #000;
}

.m-cart-product-container .form-group .form-input{
  border: none;
}

.m-cart-product-container .input-group .input-group-main {
	border-radius: 5px 0 0 5px;
	max-width: 50px;
}
.m-cart-product-container .input-group .input-group-addon {
	border-radius: 0 5px 5px 0;
	max-width: 50px;
	flex: 1;
}

.m-cart-coupon-input-text + .form-group .input-group .button,
.m-cart-product-container .form-group .input-group-addon{
  border-left: 1px solid #000 !important;
  background: #fff;
}


.btnBack,
.cart-utility-actions .button{
  border: 1px solid #000!important;
  background: none!important;
  color: #000 !important;
}

.m-cart-coupon-input-text + .form-group .input-group{
  border: 1px solid #000;
}

.m-cart-product-title{
  font-weight: 700;
}

.stepColumn {
    background: #fff;
    padding: 1em 2em;
    border-radius: 5px;
	margin-bottom: 20px;
}

.stepColumn > .panel{
  border: 2px solid #000;
  border-radius: 5px;
  background: #fcfaf9;
}

.stepColumn .panel-body{
  padding: 0;
}
.stepHeader .title{
    padding: 1em 0;
}

.stepHeader .title .h5{
  font-weight: 700;
}

.stepHeader .title + hr{
  display: none;
}

.stepHeaderLogin .button,
.stepBox .button {
  background: #fff;
  border: 1px solid #000;
}



.panel-buttons {
    gap: 10px;
    padding: 1em;
}
.panel-buttons a {
    padding: 10px;
}

.validate {
    border-color: red !important;
}


.checkoutProgress {
    list-style: none;
    counter-reset: item;
    padding: 0;
    margin: 0 auto 2em;
    display: flex;
    gap: 20px;
    justify-content: center;
    max-width: 800px;
    position: relative;
    align-items: flex-start;
}
.checkoutProgress::after {
    content: "";
    display: block;
    width: 100%;
    border-bottom: 2px solid;
    position: absolute;
    top: 40%;
}
.checkoutProgress>li {
    counter-increment: item;
    margin-bottom: 5px;
    padding: 5px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    text-align: center;
    align-items: center;
}
.checkoutProgress>li.active {
    color: var(--cw-accent-bg-color);
    font-weight: bold;
}
.checkoutProgress>li:before {
    content: counter(item);
    border-radius: 100%;
    text-align: center;
    width: 30px;
    height: 30px;
    border: 2px solid;
    display: inline-block;
    vertical-align: middle;
    line-height: 26px;
}

.paymentMethodOnlineIcons img {
  display: inline-block;
}


.stepBox .form-input {
    height: auto;
	padding: 10px;
	font-size: 14px;
	border-radius: 5px;
}
.stepBox>.flex>div {
    display: flex;
    flex-direction: column;
    margin: 20px 0;
}
.stepBox .m-productlist-link {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}
.stepBox .align-self-bottom {
    margin-top: auto;
    gap: 10px;
    justify-content: space-between;
}
.stepBox .m-productlist-link.adding {
    opacity: .5;
}
.stepBox .m-productlist-link.adding:after {
    content: "\f110";
    font-family: fontAwesome;
}
.stepBox .m-productlist-link.added:after {
    content: "\f00c";
    font-family: fontAwesome;
}

.stepBox input[type=number]::-webkit-inner-spin-button, 
.stepBox input[type=number]::-webkit-outer-spin-button {  

   opacity: 1;

}

.orderSummary .orderLine {
    display: flex;
    gap: 20px;
}
.orderSummary .orderLine article {
    width: 100%;
}
.button-remove {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 0 10px auto;
    color: #000;
    font-size: 15px;
    text-align: right;
    cursor: pointer;
    order: 2;
}
.m-userlogin-item {
	text-align: right;
}
.m-userlogin-item a {
	text-decoration: underline;
}

.m-checkout-zipcode,
.m-checkout-city {
	margin: .5em 0;
}
.m-checkout-city {
	width: 100%;
}
.m-checkout .checkout-country-single {
	display: block;
    padding: 10px;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid #cfcfcf;
    opacity: .5;
    background: #fff;
}

#m-contact,
#m-useredit {
	padding: 2em;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
}