body {
	background: #ff4a4a;
	color: #1D1078;
	//font-family: "Arial";
	//font-size: 14px;
	font-weight: 300;
	min-width: 320px;
}

/** colors
* green  background: #ff4a4a;
* deep blue background: #1D1078;
* font deep blue color: #1D1078;
*/

.color-green-background {
	color: #ff4a4a;
}
.color-deepblue-font {
	color: #1D1078;
}

.hamburger {
	transform: scale(0.5);
	display: inline-block;
	cursor: pointer;
	transition-property: opacity,filter;
	transition-duration: .15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible; 
}

.hamburger-box {
	width: 40px;
	height: 24px;
	display: inline-block;
	position: relative; 
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px; 
}

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
	width: 40px;
	height: 4px;
	background-color: #fff;
	position: absolute;
	transition-property: transform;
	transition-duration: .15s;
	transition-timing-function: ease; 
}

.hamburger-inner::after, .hamburger-inner::before {
	content: "";
	display: block; }

.hamburger-inner::before {
	top: -10px; }

.hamburger-inner::after {
	bottom: -10px; }

.hamburger .hamburger-inner {
	top: 3px;
	transition: background-color 0s .13s linear; }

.hamburger .hamburger-inner::before {
	top: 10px;
	transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}

.hamburger .hamburger-inner::after {
	top: 20px;
	transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}

.hamburger.is-active .hamburger-inner {
	transition-delay: .22s;
	background-color: transparent; 
}

.hamburger.is-active .hamburger-inner::before {
	top: 0;
	transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: translate3d(0, 10px, 0) rotate(45deg); 
	}

.hamburger.is-active .hamburger-inner::after {
	top: 0;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: translate3d(0, 10px, 0) rotate(-45deg); 
}


.logo {
	order: 1;
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-ms-flex-order: 1;
}

p {
margin: 0.5em 0;
}

a:hover{color:#ff4a4a;}

/*========== ARTICLE ==============================*/

.article {
margin-bottom: 20px;
}

.article .article-image {
	margin-bottom: 10px;
}

.article .article-image img {
    vertical-align: top;
}

.article .text-separator, .article-preview .text-separator {
	color: #1D1078;
	font-size: .9em;
	border-right: 1px solid #1D1078;
	margin-right: 10px;
	padding-right: 10px;
}

.article .article-header {
	margin-bottom: 20px;
}

.article .article-header .date, .article .article-header .author, .article .article-header .comments-count {
	color: #1D1078;
	font-size: .8em;
	margin-left: 5px;
	padding-left: 5px;
}

.article .article-header .date {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
.article .article-title {
	color: #ff4a4a;
	underline: none;
}
.article .article-body {
	overflow: hidden;
	margin-bottom: 10px;
}

.article-preview .article-body {
	border: none;
	margin: -10px 0px 0px 0px; 
	padding: 0;
}

.article-link {
	height: 30px;
}

.article-link-button {
	padding: 4px 4px 4px 8px;
	height: 30px;
}

.article-link-button :hover {
	color: #ff4a4a;
}


.article .article-footer {
	margin-bottom: 10px;
}

.article .article-footer .date, .article .article-footer .author, .article .article-footer .comments-count {
	color: #1D1078;
	font-size: .9em;
	margin-left: 5px;
	padding-left: 5px;
}

.article .article-footer .date {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}

.article-preview .article-footer .date, .article-preview .article-footer .author, .article-preview .article-footer .comments-count {
	color: #1D1078;
	font-size: .9em;
	margin-left: 5px;
	padding-left: 5px;
}


/*====== ARTICLE Comments list -------------------*/

.comments-list {
	margin-bottom: 20px;
}

.comments-count a {
	color: #ff4a4a;
}

.comments-header {
	border-bottom: 2px solid #EBEBEB;
	margin-bottom: 20px;
}

.comments-item {
	border-bottom: 2px solid #ff4a4a;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.comments-item .comment-header {
	color: #1D1078;
	font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: .9em;
	margin-top: 10px;
}

.comments-item .comment-header .author,
.comments-item .comment-header .date {
	display: inline-block;
}

.comments-item .comment-footer:after {
	content: "";
	display: table;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

.comment-button {
	height: 30px;
}

.comment-button button {
	padding: 0px 8px 0px 8px;
}

.comment-form-toggle {
	margin-bottom: 20px;
}

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

	#comment-form .form-label {
		text-align: right;
	}
}



/* ============= article-tags ------------------------------*/

.article-tags {
	margin-bottom: 10px;
}

.tags-list {
	padding: 0;
}

.tags-list .tag-item {
	display: inline-block;
	margin: 0 .5em .5em;
}


.tag {
	background: #ff4a4a;
	color: #FFFFFF;
	display: inline-block;
	font-size: .9em;
	height: 2em;
	padding: .3em 1em;
	position: relative;
	color: #FFFFFF;
	text-decoration: underline;
}

.tag:hover {
	color: #1D1078;
	text-decoration: none;
}

.tag:before {
    background: transparent;
    border: 1em solid transparent;
    border-right: 1em solid #ff4a4a;
    content: '';
    display: block;
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
}

.tag:after {
    background: #fff;
    border-radius: 50%;
    content: '';
    margin-top: -2.5px;
    position: absolute;
    top: 50%;
    left: -3px;
    height: 6px;
    width: 6px;
}

/* ============= ARTICLES =====================*/


.article-preview {
	margin-bottom: 20px;
	border-bottom: 1px solid #ff4a4a;
	padding-bottom: 10px;
}

.article-preview .article-image-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 100%;
}

.article-preview .article-image-inner {
    font-size: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
}

.article-preview .article-image-inner:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.article-preview .article-image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.article-preview .article-caption {
    display: inline-block;
    width: 100%;
}

.article-preview .article-header .date, .article-preview .article-header .author, .article-preview .article-header .comments-count {
    color: #1D1078;
    font-size: .9em;
    margin-left: 5px;
    padding-left: 5px;
}

.article-preview .article-header .date {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}

.article-preview .article-title {
    margin-bottom: 10px;
}

.article-preview .article-title a {
	color: #ff4a4a;
}
.article-preview .article-title a:hover {
	color: #5b7079;
}

.article-preview .article-introtext {
    display: inline-block;
    width: 100%;
}

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

	.article-preview .article-image {
	    margin-bottom: 15px;
	}
}

/* ============= articles-list ------------------------------*/

.articles-list {
margin-bottom: 20px;
}

.articles-list .list-item {
    list-style: none;
    margin-bottom: 10px;
}

.articles-list .list-item:before {
    background: #ff4a4a;
    content: '';
    display: inline-block;
    height: 1px;
    width: 15px;
    position: relative;
    top: -4px;
}

.articles-list .list-link {
    color: #ff4a4a;
}


/* ============= MODAL ========*/

.m-modal--msg .m-modal-wrapper {
	padding: 0.5rem 1rem;
}

.m-modal-header {
  margin:0px 0px -15px 0px; /* margin: 1rem 0;*/
  font-size: 1.5em;
  text-align: center;
}

.m-modal-button {
	font-size: 1.5rem;
	font-weight: bold;
	font-family: "Arial";	
	background: #ff4a4a;
	color: #FFFFFF;
	border-radius: 0;
	line-height: 14px;
	padding: 10px 12px;
}

.m-modal-button:hover, .m-modal-button.active {
    background: #1D1078;
    color: #fff;
}

.m-modal-button .button-text,
.m-modal-button .button-icon {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.m-modal-button:after {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    width: 0;
}


.m-input-field {
	border-radius: 0;
	background: #fff;
	border: 1px solid #ff4a4a;
	padding: 7px 10px;
	margin-bottom: 5px;
	max-width: 100%;
}

.m-modal, .m-modal-quick-order {
	background: #FFFFFF;
	border-radius: 0;
	color: #1D1078;
}

.m-modal-close-green {
	background-color: transparent;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
}

.m-modal-close-green:hover {
	background: #ff4a4a;
}
/*
.m-modal-close:after {
	content: '×';
	color: #FFFFFF;
	font-size: 30px;
}
*/


/*  filters -----------------*/


.filter {
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 5px;
}

.filter.active .filter-control {
	padding-right: 40px;
}

.filter.active .filter-clear {
	background: #568c20;
	border-left: 1px solid #ff4a4a;
	color: #1D1078;
	font-size: 1.6em;
	display: block;
	height: auto;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 40px;
}


.filter-control {
	position: relative;
}

.filter-total-count {
	display: inline-block;
	font-size: 12px;
	margin-left: 3px;
}

.filter-clear {
	display: none;
}

.filter-items {
	background: #FFFFFF;
	border: 1px solid #ff4a4a;
	color: #1D1078;
	min-width: 210px;
	top: 100%;
	left: 0;
	overflow: hidden;
}

.on-edge .filter-items {
	left: auto !important;
	right: 0;
}

.items-list {
	display: block;
	max-height: 200px;
	margin: 15px 5px 15px 15px;
	padding: 0;
	position: relative;
}

.items-list .list-item {
	overflow: hidden;
	width: 100%;
}

.items-list .list-item + .list-item {
	margin-top: 20px;
}

.filter-body {
	padding: 15px;
	margin: 15px 0;
}

.dropdown-block-control {
	padding: 0 15px;
	margin-bottom: 15px;
}

.toggled .filters-list.dropdown-block {
	display: block;
}

.filter.collapse {
	width: 100%;
}

.filter.collapse .filter-control .collapse-toggle {
	padding: 5px 10px;
	text-align: left;
	width: 100%;
}

.filter.collapse .filter-control .collapse-icon {
	display: block;
	position: absolute;
	top: 6px;
	right: 6px;
}

.filter.collapse .dropdown-block {
	border: 1px solid #ff4a4a;
	box-shadow: none;
	position: static;
	width: 100%;
}

/*======== MENU ==========================*/

.menu {
	display: block;
	margin-bottom: 20px;
}

.menu > .menu-item > .menu-link {
	display: inline-block;
	font-size: 1em;
	padding: 5px 0;
	color: #ff4a4a;
	text-decoration: none;
}

.menu > .menu-item > .menu-link:hover {
    color: #1D1078;
    text-decoration: none;
}

.menu > .menu-item.active > .menu-link,
.menu > .menu-item:hover > .menu-link,
.menu > .menu-item > .menu-link:hover {
    color: #ff4a4a;
    padding: 15px 15px 15px 15px;
}

.menu .toggled .dropdown-icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.menu .link-text,
.menu .dropdown-icon {
    display: inline-block;
    vertical-align: middle;
}

.menu .dropdown-icon {
    font-size: 12px;
    margin-left: .3em;
    position: relative;
    top: 0;
}

.menu .submenu {
    background: #EBEBEB;
    font-size: 1em;
    width: 100%;
}

.menu .submenu > .menu-item > .menu-link {
    color: #FFFFFF;
    display: inline-block;
    padding: 10px;
    width: 100%;
}

.menu .submenu > .menu-item + .menu-item {
    margin-top: 10px;
}

.menu .submenu > .menu-item.active > .menu-link,
.menu .submenu > .menu-item:hover > .menu-link,
.menu .submenu > .menu-item > .menu-link:hover {
    color: #ff4a4a;
}

.menu .submenu > .menu-item.active > .menu-link .link-text,
.menu .submenu > .menu-item:hover > .menu-link .link-text,
.menu .submenu > .menu-item > .menu-link:hover .link-text {
    text-decoration: underline;
}

/*========== MENU HORIZONTAL ======================*/

.menu-horizontal-wrapper {
	position: relative;
	background: #8097a3;
}

.menu-horizontal {
	display: block;
	padding: 5px 0px 0px 45px;
	text-align: center;
	font-size: 0;
}

.menu-horizontal > .menu-item {
	margin-right: 30px;
	padding-bottom: 6px;
	font-size: 15px;
}

.menu-horizontal > .menu-item > .menu-link {
	display: inline-block;
	font-size: 1.3em;
	padding: 0;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}

.menu-horizontal > .menu-item > .menu-link:hover {
	color: #1D1078;
	text-decoration: none;
}

.menu-horizontal > .menu-item.on-edge .submenu.level-2.dropdown-block {
	left: auto;
	right: 0;
}

.menu-horizontal > .menu-item.on-edge .submenu.level-2.dropdown-block .menu-item:after {
	left: auto;
	right: 100%;
}

.menu-horizontal > .menu-item.on-edge .submenu.level-2.dropdown-block .dropdown-icon {
	transform: rotate(180deg);
	float: left;
	margin: 5px 10px 5px 0;
}

.menu-horizontal > .menu-item.on-edge .submenu.level-2.dropdown-block .menu-item:hover .dropdown-icon {
	transform: rotate(135deg);
}

.menu-horizontal > .menu-item.on-edge .submenu.level-3.dropdown-block {
    left: auto;
    right: 105%;
}

.menu-horizontal > .menu-item.active > .menu-link,
.menu-horizontal > .menu-item:hover > .menu-link,
.menu-horizontal > .menu-item > .menu-link:hover {
	color: #a3cd39;
}

.menu-horizontal > .menu-item.active > .menu-link > .link-text,
.menu-horizontal > .menu-item:hover > .menu-link > .link-text,
.menu-horizontal > .menu-item > .menu-link:hover > .link-text {
	text-decoration: underline;
}

.menu-horizontal .menu-item.is-opened > .dropdown-block,
.menu-horizontal .menu-item:hover > .dropdown-block {
    display: block;
}

.menu-horizontal .menu-item.is-opened > .menu-link > .dropdown-icon,
.menu-horizontal .menu-item:hover > .menu-link > .dropdown-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.menu-horizontal .on-mobile:hover > .dropdown-block {
    display: none;
}

.menu-horizontal .on-mobile:hover .menu-link > .dropdown-icon {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.menu-horizontal .on-mobile:hover.is-opened > .dropdown-block {
    display: block;
}

.menu-horizontal .on-mobile:hover.is-opened:hover > .menu-link > .dropdown-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.menu-horizontal .link-text,
.menu-horizontal .dropdown-icon {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

.menu-horizontal .dropdown-icon {
    font-size: 12px;
    margin-left: .3em;
    position: relative;
    top: 0;
}

.menu-horizontal .submenu.level-2.dropdown-block {
    background: #EBEBEB;
    border: 1px solid #EBEBEB;
    font-size: 1em;
    min-width: 220px;
    top: 28px;
    z-index: 130;
    text-align: left;
}

.menu-horizontal .submenu.level-2.dropdown-block > .menu-item {
    position: relative;
}

.menu-horizontal .submenu.level-2.dropdown-block > .menu-item.on-mobile:hover > .dropdown-block {
    display: none;
}

.menu-horizontal .submenu.level-2.dropdown-block > .menu-item.on-mobile:hover .menu-link > .dropdown-icon {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.menu-horizontal .submenu.level-2.dropdown-block > .menu-item.on-mobile:hover.is-opened > .dropdown-block {
    display: block;
}

.menu-horizontal .submenu.level-2.dropdown-block > .menu-item.on-mobile:hover.is-opened:hover > .menu-link > .dropdown-icon {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-horizontal .submenu.level-2.dropdown-block > .menu-item.is-opened:after, .menu-horizontal .submenu.level-2.dropdown-block > .menu-item:hover:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    width: 6%;
}

.menu-horizontal .submenu.level-2.dropdown-block > .menu-item.is-opened .submenu, .menu-horizontal .submenu.level-2.dropdown-block > .menu-item:hover .submenu {
    display: block;
}

.menu-horizontal .submenu.level-2.dropdown-block > .menu-item.is-opened > .menu-link > .dropdown-icon, .menu-horizontal .submenu.level-2.dropdown-block > .menu-item:hover > .menu-link > .dropdown-icon {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-horizontal .submenu.level-2.dropdown-block > .menu-item > .menu-link {
    color: #1D1078;
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    padding-right: 3rem;
    width: 100%;
}

.menu-horizontal .submenu.level-2.dropdown-block .dropdown-icon {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translate(-50%, 0);
}

.menu-horizontal .submenu.level-2.dropdown-block > .menu-item.active > .menu-link,
.menu-horizontal .submenu.level-2.dropdown-block > .menu-item:hover > .menu-link,
.menu-horizontal .submenu.level-2.dropdown-block > .menu-item > .menu-link:hover {
    color: #1D1078;
}

.menu-horizontal .submenu.level-2.dropdown-block > .menu-item.active > .menu-link .link-text,
.menu-horizontal .submenu.level-2.dropdown-block > .menu-item:hover > .menu-link .link-text,
.menu-horizontal .submenu.level-2.dropdown-block > .menu-item > .menu-link:hover .link-text {
    text-decoration: underline;
}

.menu-horizontal .submenu.level-3.dropdown-block {
    background: #EBEBEB;
    border: 1px solid #EBEBEB;
    font-size: 1em;
    min-width: 220px;
    top: 0;
    display: none;
    left: 105%;
    transition: 0.2s ease visibility, 0.2s ease opacity;
    z-index: 130;
    text-align: left;
}

.menu-horizontal .submenu.level-3.dropdown-block > .menu-item > .menu-link {
    color: #1D1078;
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    width: 100%;
}

.menu-horizontal .submenu.level-3.dropdown-block > .menu-item.active > .menu-link,
.menu-horizontal .submenu.level-3.dropdown-block > .menu-item:hover > .menu-link,
.menu-horizontal .submenu.level-3.dropdown-block > .menu-item > .menu-link:hover {
    color: #ff4a4a;
}

.menu-horizontal .submenu.level-3.dropdown-block > .menu-item.active > .menu-link .link-text,
.menu-horizontal .submenu.level-3.dropdown-block > .menu-item:hover > .menu-link .link-text,
.menu-horizontal .submenu.level-3.dropdown-block > .menu-item > .menu-link:hover .link-text {
    text-decoration: underline;
}


.mobile .menu-horizontal .menu-link,
.tablet .menu-horizontal .menu-link {
vertical-align: middle;
}

.mobile .menu-horizontal .dropdown.on-mobile,
.tablet .menu-horizontal .dropdown.on-mobile {
padding-right: 33px;
}

.mobile .menu-horizontal .dropdown-icon,
.tablet .menu-horizontal .dropdown-icon {
display: none;
}

.mobile .menu-horizontal .dropdown-button,
.tablet .menu-horizontal .dropdown-button {
	cursor: pointer;
	display: inline-block;
	background: #eeeeee;
	color: #1D1078;
	border-radius: 50%;
	width: 22px;
	height: 22px;
	text-align: center;
	transform: rotate(90deg);
	position: absolute;
	top: 0;
	right: 0;
}

.mobile .menu-horizontal .submenu.level-2 .dropdown.on-mobile .dropdown-button,
.tablet .menu-horizontal .submenu.level-2 .dropdown.on-mobile .dropdown-button {
	top: 10px;
	right: 10px;
	transform: none;
	padding-bottom: 0;
}

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

	.menu-horizontal-wrapper {
		display: none;
	}
}

/*========= MENU VERTICAL =========================================*/

.menu-vertical-wrapper {
	position: relative;
	background: #EBEBEB;
}

.menu-vertical {
	display: block;
	padding: 20px 10px 10px;
	margin-bottom: 20px;
}

.menu-vertical > .menu-item {
	display: block;
	padding-bottom: 10px;
	width: 100%;
}

.menu-vertical > .menu-item > .menu-link {
	font-size: 1em;
	padding: 2px 5px;
	text-transform: uppercase;
	color: #1D1078;
	text-decoration: none;
}

.menu-vertical > .menu-item > .menu-link.active {
	background-color: #a3cd39;
	color: #FFFFFF;
}

.menu-vertical > .menu-item > .menu-link.active:hover {
	color: #1D1078;
	text-decoration: none;
}

.menu-vertical > .menu-item > .menu-link:hover {
	color: #ff4a4a;
	text-decoration: none;
}

.menu-vertical > .menu-item.on-edge .submenu.level-2.dropdown-block {
	left: auto;
	right: 0;
}

.menu-vertical > .menu-item.on-edge .submenu.level-2.dropdown-block .menu-item:after {
	left: auto;
	right: 100%;
}

.menu-vertical > .menu-item.on-edge .submenu.level-2.dropdown-block .dropdown-icon {
	transform: rotate(180deg);
	float: left;
	margin: 5px 10px 5px 0;
}

.menu-vertical > .menu-item.on-edge .submenu.level-2.dropdown-block .menu-item:hover .dropdown-icon {
	transform: rotate(135deg);
}

.menu-vertical > .menu-item.on-edge .submenu.level-3.dropdown-block {
	left: auto;
	right: 105%;
}

.menu-vertical > .menu-item.is-opened > .menu-link,
.menu-vertical > .menu-item:hover > .menu-link,
.menu-vertical > .menu-item > .menu-link:hover {
	color: #ff4a4a;
}

.menu-vertical > .menu-item.is-opened > .menu-link > .link-text,
.menu-vertical > .menu-item:hover > .menu-link > .link-text,
.menu-vertical > .menu-item > .menu-link:hover > .link-text {
	text-decoration: underline;
}

.menu-vertical .collapse-toggle {
	font-size: 1.2em;
	position: absolute;
	top: 0;
	right: -10px;
	padding: 0 10px;
}

.menu-vertical .collapse-toggle .collapse-icon {
	color: #1D1078;
	margin: 0;
}

.menu-vertical .submenu.level-2.collapse-block {
	display: block;
	font-size: 1em;
	top: 0;
	z-index: 130;
}

.menu-vertical .submenu.level-2.collapse-block > .menu-item {
	position: relative;
}

.menu-vertical .submenu.level-2.collapse-block > .menu-item > .menu-link {
	color: #1D1078;
	display: inline-block;
	padding: 10px;
	text-decoration: none;
	width: 100%;
}

.menu-vertical .submenu.level-2.collapse-block > .menu-item.is-opened > .menu-link,
.menu-vertical .submenu.level-2.collapse-block > .menu-item:hover > .menu-link,
.menu-vertical .submenu.level-2.collapse-block > .menu-item > .menu-link:hover {
	color: #ff4a4a;
}

.menu-vertical .submenu.level-2.collapse-block > .menu-item.is-opened > .menu-link .link-text,
.menu-vertical .submenu.level-2.collapse-block > .menu-item:hover > .menu-link .link-text,
.menu-vertical .submenu.level-2.collapse-block > .menu-item > .menu-link:hover .link-text {
	text-decoration: underline;
}

.menu-vertical .submenu.level-3.collapse-block {
	font-size: 1em;
	display: block;
	top: 0;
	left: 105%;
	padding-left: 10px;
	transition: 0.2s ease visibility, 0.2s ease opacity;
	z-index: 130;
}

.menu-vertical .submenu.level-3.collapse-block > .menu-item > .menu-link {
	color: #1D1078;
	display: inline-block;
	padding: 10px;
	text-decoration: none;
	width: 100%;
}

.menu-vertical .submenu.level-3.collapse-block > .menu-item.active > .menu-link,
.menu-vertical .submenu.level-3.collapse-block > .menu-item:hover > .menu-link,
.menu-vertical .submenu.level-3.collapse-block > .menu-item > .menu-link:hover {
	color: #ff4a4a;
}

.menu-vertical .submenu.level-3.collapse-block > .menu-item.active > .menu-link .link-text,
.menu-vertical .submenu.level-3.collapse-block > .menu-item:hover > .menu-link .link-text,
.menu-vertical .submenu.level-3.collapse-block > .menu-item > .menu-link:hover .link-text {
	text-decoration: underline;
}


.mobile .menu-horizontal .menu-link,
.tablet .menu-horizontal .menu-link {
	vertical-align: middle;
}

.mobile .menu-horizontal .dropdown.on-mobile,
.tablet .menu-horizontal .dropdown.on-mobile {
	padding-right: 33px;
}

.mobile .menu-horizontal .dropdown-icon,
.tablet .menu-horizontal .dropdown-icon {
	display: none;
}

.mobile .menu-horizontal .dropdown-button,
.tablet .menu-horizontal .dropdown-button {
	cursor: pointer;
	display: inline-block;
	background: #FFFFFF;
	color: #ff4a4a;
	border-radius: 50%;
	width: 22px;
	height: 22px;
	text-align: center;
	transform: rotate(90deg);
	position: absolute;
	top: 0;
	right: 0;
}

.mobile .menu-horizontal .submenu.level-2 .dropdown.on-mobile .dropdown-button,
.tablet .menu-horizontal .submenu.level-2 .dropdown.on-mobile .dropdown-button {
	top: 10px;
	right: 10px;
	transform: none;
	padding-bottom: 0;
}

@media screen and (max-width: 768px) {
	.menu-vertical-wrapper {
	    display: none;
	}
}


/*============= CATEGORIES =======================*/

.categories {
background: #FFFFFF;
}

.categories-inner {
	padding: 10px 20px 10px 20px;
}

.category {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}

.category .category-inner {
    background: #FFFFFF;
    border: 1px solid #a3cd39;
}
.category .category-inner:hover {
	border: 3px solid #a3cd39;
}

.category .category-image-wrapper {
    margin-bottom: 0px;
    width: 100%;
    position: relative;
}

.category .category-image-inner {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	text-decoration: none;
}

.category .category-image-inner:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.category .category-image {
	vertical-align: middle;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%; 
/*REMOVED height: 100%; */
}

.category .category-title {
	font-weight: 100;
	text-transform: uppercase;
	font-size: 1.4em;
	margin-top: 0.1rem;
	margin-bottom: 0.1rem;
	border: 1px solid #ff4a4a;
}

.category .category-title-inner {
	color: #1D1078;
	text-decoration: none;
}

.category .category-title-inner:hover {
	color: #1D1078;
	text-decoration: none;
}

.index-title-content-wrapper {
	padding: 0px 32px 20px 32px;
}


/*=========== SEARCH FORM =============================*/

.search-form {
	display: inline-block;
	width: 100%;
	border: 1px solid #ff4a4a;
	margin-bottom: 10px;
	background: #f1f1f1 none repeat scroll 0% 0%;
	position: relative;
}

.search-form .search-input {
    display: inline-block;
    width: 100%;
    height: 36px;
    padding: 5px 5px 5px 15px;
    font-size: 14px;
    color: #1D1078;
}

.search-form .search-button {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 20px;
	bottom: 0;
	width: 40px;
	background: #ff4a4a;
	color: #fff;
}

.search-form .search-button:hover {
	background: #1D1078;
}

.search-widget {
	display: inline-block;
	position: relative;
}

.callback-link {
	color: #ff4a4a;
	text-decoration: underline;
}

.callback-link:hover {
	color: #1D1078;
	text-decoration: none;
}

.search-widget-form {
	box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.3);
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}

.search-widget-form .search-input {
	padding: 12px 20px 12px 8px;
	background: #fff;
	border: 1px solid #ff4a4a;
	height: 50px;	
}

.search-widget-form .search-icon {
	position: relative;
}

.search-widget-form .search-button {
	position: absolute;
	right: 0;
	top: 0;
}

/*============= HEADER ================================*/

.main-header {
	position: relative;
	z-index: 1;
	background: #FFFFFF;
	padding: 10px 0px 15px 0px;
}

.main-header .contacts .phone, 	.contacts .email, 	.contacts .address {
	display: block;
}

@media screen and (max-width: 480px) {
	.main-header {
		padding: 10px 0px 5px 10px;
	}
}

.main-header:after {
	content: '';
	display: block;
	height: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
}

.main-header .phone {
	color: #ff4a4a;
	display: block;
	font-size: 1.1em;
	white-space: nowrap;
}

.main-header .phone a {
	color: #ff4a4a;
	text-decoration: none;
}

.main-header .phone p {
	margin: 0;
}

.main-header .email {
	color: #ff4a4a;
	display: block;
	white-space: nowrap;
}

.main-header .email a {
	color: #ff4a4a;
	text-decoration: none;
}

.main-header .email p {
	margin: 0;
}


/*  Main toolbar ------------------------*/

.main-toolbar {
	background: #FFFFFF;
	border-bottom: 1px solid #ff4a4a;
	margin-bottom: 10px;
}

/*
.main-menu {
	background: #FFFFFF;
	display: block;
	text-align: center;
}

.main-menu > .menu-item {
	margin: 10px;
}

.main-menu > .menu-item > .menu-link {
	font-size: 1em;
	white-space: nowrap;
	color: #1D1078;
	text-decoration: none;
}

.main-menu > .menu-item > .menu-link:hover {
	color: #ff4a4a; 
	text-decoration: underline;
}
*/
@media screen and (min-width: 481px) and (max-width: 768px) {
	/*.main-menu {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}*/
	
	.main-header .main-header-user-toolbar {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
	}
}

.main-header-user-toolbar {
	position: relative;
}


/*  Preorder widget ----------------------*/

.preorder-widget {
	display: inline-block;
	margin-left: .5em;
	position: relative;
}

.preorder-button {
	height: 40px;
	width: 100%;
	background: #ff4a4a;
}

.main-header-user-toolbar .preorder-button {
	position: relative;
	margin-left: .5em;
}

.main-header-user-toolbar .preorder-counter {
	color: #1D1078;
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	opacity: 0;
	min-width: 20px;
	height: 20px;
	font-size: 14px;
	background: #cccccc none repeat scroll 0% 0%;
	padding: 0 6px;
	line-height: 22px;
	text-align: center;
	transition: 0.2s ease opacity;
}

.main-header-user-toolbar .preorder-counter.active {
	opacity: 1;
}

/*  Compare widget ----------------------*/

.compare-widget {
	display: inline-block;
	margin-left: .5em;
	position: relative;
}

.compare-button {
	height: 40px;
	width: 100%;
	background: #ff4a4a;
}


.main-header-user-toolbar .compare-button {
	position: relative;
	margin-left: .5em;
}

.main-header-user-toolbar .compare-counter {
	color: #1D1078;
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	opacity: 0;
	min-width: 20px;
	height: 20px;
	font-size: 14px;
	background: #cccccc none repeat scroll 0% 0%;
	padding: 0 6px;
	line-height: 22px;
	text-align: center;
	transition: 0.2s ease opacity;
}

.main-header-user-toolbar .compare-counter.active {
    opacity: 1;
}

/*  Shopcart widget ---------------------*/

.shopcart-widget {
	display: inline-block;
	margin-left: .5em;
	position: relative;
}

.shopcart-widget .shopcart-counter {
	color: #1D1078;
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	opacity: 0;
	min-width: 20px;
	height: 20px;
	font-size: 14px;
	background: #cccccc none repeat scroll 0% 0%;
	padding: 0 6px;
	line-height: 22px;
	text-align: center;
	transition: 0.2s ease opacity;
}

.shopcart-widget .shopcart-counter.active {
	opacity: 1;
}

/*======= FOOTER ==================================*/

.footer {
	background: #EBEBEB;
	color: #1D1078;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	z-index: 1;
}

.footer a {
	color: #1D1078;
}

.footer a:hover {
	color: #ff4a4a;
}


.footer-menu-wrapper {
	padding-top: 10px;
}


.footer-menu > .menu-item {
	margin-bottom: 10px;
	margin-right: 20px;
}

.footer-menu > .menu-item > .menu-link {
	color: #1D1078;
}

.footer-menu > .menu-item > .menu-link:hover {
	color: #ff4a4a;
}

.footer .contacts {
	color: #1D1078;
	-webkit-box-ordinal-group: 1;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	margin-bottom: 20px;
}


.footer .contacts .phone {
	font-size: 1.4em;
	margin-bottom: 10px;
}

.footer .contacts .email{
	padding-left: 14px;
	font-size: 1.2em;
}


.footer-menu-social > .menu-item > .menu-link {
	color: #1D1078;
	display: inline-block;
	width: 40px;
	/*height: 40px;*/
	font-size: 1.4em;
	line-height: 40px;
	text-align: center;
	border: 1px dashed #1D1078;
}

.footer-menu-social > .menu-item > .menu-link:hover {
	background: #1D1078;
	color: #EBEBEB;
}

@media screen and (max-width: 1024px) {
	.footer-menu-social-wrapper {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
		margin-bottom: 20px;
	}
	.footer-menu-wrapper {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
	}
}


/*============ LEFT TOOLBAR TODO SCCS use the CONSTANT color-background-secondary ==============================*/

.left-toolbar {
	background: #a3cd39;
	box-shadow: 0 1px 1px 0 #a3cd39;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 20px 10px 20px;
	position: fixed;
	top: 50px;
	left: 0;
	bottom: 0;
	-webkit-transition: .3s ease transform;
	transition: .3s ease transform;
	-webkit-transform: translate(-320px, 0);
	-ms-transform: translate(-320px, 0);
	transform: translate(-320px, 0);
	width: 320px;
	z-index: 150;
}

.left-toolbar .search-widget-wrapper {
	box-shadow: none;
	/*margin-top: 20px;*/
	width: 100%;
}

.left-toolbar .search-widget {
	position: relative;
}

.left-toolbar .search-input {
	border: none;
	width: 100%;
}

.left-toolbar .search-button {
	background: #fff;
	color: #EBEBEB;
}

.left-toolbar.active {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	z-index: 120;
}

.button.left-toolbar-trigger {
	height: 40px;
	overflow: hidden;
	color: #1D1078;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
}

.button.left-toolbar-trigger .icon {
	line-height: 40px;
}
/*
.shopcart-toolbar .shopcart-link {
	height: 40px;
	overflow: hidden;
	color: #1D1078;
	font-size: 30px;
	padding: 0px 10px 5px 10px;
}

.shopcart-toolbar .icon {
	padding: 0px 0px 5px 10px;
	line-height: 40px;
	height: 40px;
	display: inline-block;
}

.shopcart-toolbar .shopcart-count {
	font-size: .5em;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	top: -4px;
}
*/
.shopcart-toolbar .shopcart-link{overflow:hidden;color:#1D1078;font-size:30px;}
.shopcart-toolbar .icon{display:inline-block;}
.shopcart-toolbar .shopcart-count{font-size:.5em;vertical-align:middle;display:inline-block;position:relative;}

.mobile-menu {
	margin-top: 20px;
	margin-left: -10px;
	margin-right: -10px;
}

.mobile-menu .separator {
	border-bottom: 1px solid #eeeeee;
	margin: 10px 0;
}

.mobile-menu > .menu-item {
	position: relative;
}

.mobile-menu > .menu-item > .menu-link {
	display: inline-block;
	padding: 5px 20px 5px 20px;
	width: 100%;
	color: #1D1078;
	text-decoration: none;
	transition: 0.2s ease baclkground-color;
	font-size: 18px;
}

.mobile-menu > .menu-item > .menu-link:hover {
	color: #ff4a4a;
	text-decoration: none;
}

.mobile-menu > .menu-item > .dropdown-link {
	text-align: center;
	padding: 8px 15px 6px;
	font-size: 1.4em;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 50px;
	color: #1D1078;
	text-decoration: none;
}

.mobile-menu > .menu-item > .dropdown-link:hover {
	color: #ff4a4a;
	text-decoration: none;
}

.mobile-menu > .menu-item.toggled > .dropdown-link .dropdown-icon {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.mobile-menu > .menu-item.toggled > .menu-link,
.mobile-menu > .menu-item.toggled > .dropdown-link,
.mobile-menu > .menu-item.active > .menu-link,
.mobile-menu > .menu-item.active > .dropdown-link,
.mobile-menu > .menu-item > .menu-link:hover > .menu-item > .dropdown-link:hover {
	background: #1D1078;
	color: #EBEBEB;
}

.mobile-menu > .menu-item:hover {
	background: #FFFFFF;
}

.mobile-menu .submenu.level-2 {
	background: #1D1078;
	opacity: 1 !important;
}

.mobile-menu .submenu.level-2 > .menu-item {
	position: relative;
}

.mobile-menu .submenu.level-2 > .menu-item > .menu-link {
	display: inline-block;
	padding: 10px 60px 10px 20px;
	width: 100%;
	color: #EBEBEB;
	text-decoration: none;
}

.mobile-menu .submenu.level-2 > .menu-item > .menu-link:hover {
	color: #EBEBEB;
	text-decoration: underline;
}

.mobile-menu .submenu.level-2 > .menu-item > .dropdown-link {
	text-align: center;
	padding: 8px 15px 6px;
	font-size: 1.4em;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	color: #EBEBEB;
	text-decoration: none;
}

.mobile-menu .submenu.level-2 > .menu-item > .dropdown-link:hover {
	color: #EBEBEB;
	text-decoration: none;
}

.mobile-menu .submenu.level-2 > .menu-item.toggled .dropdown-icon {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.mobile-menu .submenu.level-2 > .menu-item.toggled > .menu-link,
.mobile-menu .submenu.level-2 > .menu-item.active > .menu-link,
.mobile-menu .submenu.level-2 > .menu-item:hover > .menu-link.menu-item,
.mobile-menu .submenu.level-2 > .menu-item > .menu-link:hover {
	text-decoration: underline;
}

.mobile-menu .submenu.level-3 {
	background: #1D1078;
	padding-left: 20px;
	opacity: 1 !important;
}

.mobile-menu .submenu.level-3 > .menu-item > .menu-link {
	display: inline-block;
	padding: 10px 10px 10px 20px;
	width: 100%;
	color: #EBEBEB;
	text-decoration: none;
}

.mobile-menu .submenu.level-3 > .menu-item > .menu-link:hover {
	color: #EBEBEB;
	text-decoration: underline;
}

.mobile-menu .submenu.level-3 > .menu-item.toggled > .menu-link,
.mobile-menu .submenu.level-3 > .menu-item.active > .menu-link,
.mobile-menu .submenu.level-3 > .menu-item:hover > .menu-link.menu-item,
.mobile-menu .submenu.level-3 > .menu-item > .menu-link:hover {
	text-decoration: underline;
}


.toolbar-opened {
	overflow: hidden;
}


.toolbar-opened .left-toolbar-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 110;
}




/*========= PAGE ===================================*/

.page-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	/* overflow-x: hidden; // prevent scrolling of an element without using JavaScript */
	height: 100vh;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	-webkit-overflow-scrolling: touch;
}

.page-inner {
	background: #FFFFFF;
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	width: 100%;
}

.footer {
	background: #EBEBEB;
	color: #1D1078;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

@media screen and (max-width: 768px) {
	.page-wrapper {
		padding-top: 49px;
/*padding-top: 50px;*/
	}
}

/*========= PRODUCT CART ===========================*/

.product-cart {
	margin-bottom: 20px;
	display: flex;
}

.product-cart .card-inner {
    background: #fff;
    border: 1px solid #ff4a4a;
    padding: 20px 20px 0px 20px;
    position: relative;
    overflow: hidden;
    flex: 1 1 100%;
    z-index: 100;
}

.product-cart .product-labels {
    top: -15px;
    right: -10px;
    text-align: right;
}

.product-cart .product-photo {
    margin-bottom: 10px;
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.product-cart .product-photo .product-link {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    text-align: center;
}

.product-cart .product-photo .product-link:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.product-cart .product-image {
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}

.product-cart .product-link {
    display: inline-block;
    text-decoration: none;
}

.product-cart .product-caption {
    flex-flow: row nowrap;
    margin-bottom: 10px;
}

.product-cart .product-title {
    flex: 0 0 60%;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-cart .product-title .product-link {
    color: #ff4a4a;
}

.product-cart .product-title .product-link:hover {
    color: #1D1078;
}

.product-cart .product-introtext {
    height: 6.3em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-cart .product-prices {
    flex: 0 0 40%;
    margin-left: 10px;
    font-size: 1em;
    text-align: right;
}

.product-cart .product-prices .price,
.product-cart .product-prices .old-price {
    display: block;
    font-size: 1em;
    white-space: nowrap;
}

.product-cart .product-prices .price + .old-price {
    margin-top: 5px;
}

.product-cart .product-prices .old-price {
	color: #777777;
	text-decoration: line-through;
}

.product-cart .product-prices .weight {
	display: inline-block;
	width: 100%;
}

.product-cart .product-cart-add {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

.product-cart .product-cart-add .counter {
    width: 80%;
}

.product-cart .product-cart-add .buy {
    width: 40%;
}

.product-cart .button-buy {
    height: 40px;
    font-size: 1.2em;
    line-height: 1em;
}

.product-cart .more-info {
    width: 100%;
}

.product-cart .more-info .button-buy {
    font-size: 1em;
}

.product-cart .more-info .button-buy .link-text,
.product-cart .more-info .button-buy .button-icon {
    vertical-align: middle;
}

.product-cart .more-info .button-buy .button-icon {
    position: relative;
    top: 2px;
}

.counter {
	position: relative;
	padding-left: 40px;
	padding-right: 40px;
}


.button-number {
	background: #CCCCCC;
	color: #000000;
	height: 40px;
	font-size: 1.4em;
	text-align: center;
	vertical-align: top;
	position: absolute;
	top: 0;
	width: 40px;
}

.button-number.count-up {
    right: 0;
}

.button-number.count-down {
    left: 0;
}


.input-number {
	background: #fafafa;
	height: 40px;
	font-size: 1.1em;
	vertical-align: top;
	text-align: center;
	width: 100%;
}

.product-caption {
	margin-bottom: 10px; 
}

.product-cart .product-title {
	font-size: 1.7em;
	font-weight: 700;
	color: #1D1078;
	padding: 0;
	margin-bottom: 10px;
}

.product-title.on-page {
	font-weight: 700;
	padding: 0;
	margin-bottom: 10px;
}


.product-introtext.on-page {
	margin-bottom: 20px;
}


.product-cart .product-prices {
	font-size: 1.3em;
	font-weight: 700;
	margin-top: 10px;
}


.product-prices.on-page {
	margin-bottom: 10px;
}

.product-prices.on-page .price {
    color: #dd3f46;
    font-size: 1.6em;
    font-weight: 700;
    margin-bottom: 6px;
}

.product-prices.on-page .old-price {
    font-size: 1.1em;
    margin-left: 10px;
    margin-bottom: 5px;
    text-decoration: line-through;
}

.product-prices.on-page .weight {
    color: #777777;
    font-size: 1em;
}

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

	.product-cart .product-caption {
	    display: inline-flex;
	}
	
	.product-cart .product-title {
	    min-width: 170px;
	}
	
	.product-cart .product-prices {
		margin-left: 0px;
		padding-right: 10px;
		font-size: 1.6em;
		text-align: left;
	}
}

.option-selectors {
	margin-bottom: 10px;
}

.option-selectors .option-item {
    margin-bottom: 10px;
}

.option-selectors .select-wrapper {
    margin-bottom: 0;
}

.product-cart-add.on-page .counter {
	position: relative;
	padding-left: 40px;
	padding-right: 40px;
	max-width: 140px;
	width: auto;
}

.product-cart-add.on-page .buy {
	width: auto;
}

.product-cart-add.on-page .button-buy {
	height: 40px;
	width: 220px;
	background: #87b51f;
}

.product-cart-add.on-page .button-buy:hover {
	background: #1D1078;
}

.product-cart-add.on-page .button-buy .icon,
.product-cart-add.on-page .button-buy .button-text {
    vertical-align: middle;
}

.product-cart-add.on-page .button-buy .icon {
    margin-right: 5px;
}

.product-cart-add.on-page .button-buy .button-text {
    text-transform: uppercase;
}

.product-cart-add.on-page .button-number {
    color: #fff;
    height: 40px;
    font-size: 1.5em;
    text-align: center;
    vertical-align: top;
    position: absolute;
    top: 0;
    width: 36px;
}

.product-cart-add.on-page .button-number.count-up {
    right: 0;
}

.product-cart-add.on-page .button-number.count-down {
    left: 0;
}

.product-cart-add.on-page .input-number {
    background: #eeeeee;
    height: 40px;
    font-size: 1em;
    vertical-align: top;
    text-align: center;
    width: 100%;
}

.product-cart-add.on-page .counter-wrapper,
.product-cart-add.on-page .compare-control,
.product-cart-add.on-page .buy,
.product-cart-add.on-page .share {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}



.product-order-variant .notice {
    margin-bottom: 10px;
    text-align: center;
    width: 220px;
}



.product-cart-bundle {
	margin-bottom: 10px;
}

.product-cart-bundle .card-inner {
    border-bottom: 1px solid #ff4a4a;
    padding: 0 10px 10px;
    position: relative;
    overflow: hidden;
    z-index: 100;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}

.product-cart-bundle .product-photo {
    flex: 1 1 10%;
    padding-right: 20px;
}

    .product-cart-bundle .product-photo .product-image {
        vertical-align: top;
    }

.product-cart-bundle .product-caption {
    flex: 1 1 60%;
    margin-bottom: 0;
    padding-right: 20px;
}

.product-cart-bundle .product-title {
    font-size: 1em;
    font-weight: 500;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-cart-bundle .product-title .product-link {
    color: #ff4a4a;
}

.product-cart-bundle .product-title .product-link:hover {
    color: #1D1078;
}

.product-cart-bundle .product-labels {
    top: 0;
    right: 0;
}

.product-cart-bundle .product-prices {
    font-size: 1em;
    flex: 1 1 15%;
}

.product-cart-bundle .product-prices .price,
.product-cart-bundle .product-prices .old-price {
    font-size: 1.2em;
    white-space: nowrap;
}

.product-cart-bundle .product-prices .price {
    color: #dd3f46;
    margin-right: 10px;
}

.product-cart-bundle .product-prices .price.in-bundle {
    color: #2816a5;
}

.product-cart-bundle .product-prices .price.is-free {
    color: #5cb85c;
}

.product-cart-bundle .product-prices .old-price {
    color: #777777;
    text-decoration: line-through;
}

.product-cart-bundle .product-prices .weight {
    display: inline-block;
    width: 100%;
}

.product-cart-bundle .product-amount {
    flex: 1 1 15%;
    text-align: right;
    white-space: nowrap;
}


.bundle-discount {
	display: flex;
	flex-flow: row nowrap;
	font-size: 1.4em;
	padding-right: 10px;
}

.bundle-discount .product-price {
    color: #dd3f46;
    white-space: nowrap;
}

.bundle-discount .bundle-caption {
    padding-right: 20px;
}

.bundle-discount .bundle-price {
    white-space: nowrap;
    color: #2816a5;
    margin-left: 10px;
    text-decoration: line-through;
}


.bundle-products {
	padding-bottom: 40px;
}

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

.bundle-discount .bundle-caption {
    flex: 0 0 70%;
    text-align: right;
    padding-right: 20px;
}

.bundle-discount .bundle-prices {
    flex: 0 0 30%;
}
}

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

	.product-cart-bundle .card-inner {
	    flex-flow: row wrap;
	}
	
	.product-cart-bundle .product-caption {
	    flex: 0 0 100%;
	    margin-bottom: 10px;
	}
	
	.product-cart-bundle .product-prices {
	    flex: 0 0 50%;
	    margin-right: 0;
	}
	
	.product-cart-bundle .product-amount {
	    flex: 0 0 50%;
	}
	
	.product-cart-bundle .product-photo {
	    display: none;
	}
}


.properties-table .property-value + .property-value:before {
	content: ', ';
}

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

	.option-selectors .option-item label {
	    margin-bottom: 5px;
	}
}


/*  Product content -------------------*/

.product-tabs-menu {
	display: block;
}

.product-tabs-menu > .tabs-item {
    margin-right: 15px;
}

.product-tabs-menu > .tabs-item > .tabs-link {
	color: #1D1078;
	display: inline-block;
	font-size: 1.2em;
	padding: 0px 0;
	color: #1D1078;
	text-decoration: none;
}

.product-tabs-menu > .tabs-item > .tabs-link:hover {
    color: #ff4a4a;
    text-decoration: none;
}

.product-tabs-menu > .tabs-item.active > .tabs-link,
.product-tabs-menu > .tabs-item.active > .tabs-link:hover {
	color: #FFFFFF;
	text-decoration: none;
	cursor: default;
	background: #87b51f;
	padding: 5px 10px 10px 10px;
	margin: 0 0px -10px 0;
}

.product-tabs-menu > .tabs-item > .tabs-link,
.product-tabs-menu > .tabs-item:hover > .tabs-link,
.product-tabs-menu > .tabs-item > .tabs-link:hover {
    text-decoration: underline;
}

@media screen and (max-width: 480px) {
	.product-tabs-menu {
		font-size: 0.8em;
		margin-top: 10px;
	}
	
	.product-properties .viewer table tr td {
		max-width: 170px;
	}	
}

.product-tabs-list .tab-block {
	padding: 10px 0;
}

/*  FAQ-Reviews --------------------*/

.faq-reviews-form-wrapper .faq-review-form-toggle {
	margin-top: 10px;
	margin-bottom: 20px;
}

.faq-reviews-item {
	border-bottom: 2px solid lightgray;
	margin-bottom: 15px;
}

.faq-review-header {
	color: #1D1078;
	font-family: "Cuprum";
	font-size: .9em;
	margin-bottom: 10px;
}

.faq-review-header .author,
.faq-review-header .date {
    display: inline-block;
}

.faq-review-header .date {
    border-left: 1px solid #ff4a4a;
    margin-left: 10px;
    padding-left: 10px;
}

.faq-review-header .star-rating-wrapper {
    display: inline-block;
    float: none;
    vertical-align: middle;
    border-left: 1px solid #eeeeee;
    margin-left: 10px;
    padding-left: 10px;
}

.faq-review-footer:after {
	content: '';
	clear: both;
	display: table;
	height: 0;
	font-size: 0;
	vertical-align: top;
	width: 100%;
}

/*================ SCAFFOLDING ===================*/

@-webkit-viewport {
	width: device-width;
}

@-moz-viewport {
	width: device-width;
}

@-ms-viewport {
	width: device-width;
}

@-o-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media screen and (max-width: 768px) {
	body {
	    padding-top: 50px;
	}
}

* {
outline: none !important;
}

@media screen and (orientation: portrait) {
	@-ms-viewport {
	    width: 320px;
	    user-zoom: fixed;
	    max-zoom: 1;
	    min-zoom: 1;
	}
}

select option:disabled {
	color: #ccc;
}

.primary-inner {
	background: #FFFFFF;
}

.page-content {
	margin-bottom: 30px;
}

hr.separator {
	margin-top: 8px;
	margin-bottom: 8px;
	border: none;
	border-top: 1px solid #EBEBEB;
}

/*  Tricks ----------------------------*/

.with-object-fit.is-trick {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
}

.with-object-fit.is-trick img {
    opacity: 0;
}


/*  Status ---------------------------*/

.is-error,
.error {
color: #dd3f46;
}

.is-error input[type="text"],
.is-error input[type="email"],
.is-error input[type="password"],
.is-error textarea,
.error input[type="text"],
.error input[type="email"],
.error input[type="password"],
.error textarea {
    border-color: #dd3f46;
    color: #dd3f46;
}

/*  Buttons --------------------------*/

.button {
	font-family: inherit;
	font-size: 14px;
}

.button.is-primitive {
	font-size: 14px;
}

.button-mainheader {
	border-radius: 0;
	font-size: 2.2em;
	height: 50px;
	width: 50px;
/*line-height: 50px;*/
	text-align: center;
}

.button-mainheader.is-gray {
	background: #eeeeee;
	color: #1D1078;
}

.button-mainheader.is-gray:hover {
	background: #1D1078;
	color: #fff;
}

.button-mainheader.is-primary {
	background: #a3cd39;
	color: #FFFFFF;
}

.button-mainheader.is-primary:hover {
    background: #1D1078;
    color: #fff;
}

.button-grey {
	background: #eeeeee;
	color: #000;
	padding: 9px 12px 10px;
}

.button-grey:hover, .button-grey.active {
    background: #ff4a4a;
    color: #fff;
}

.button-action {
	padding: 5px 15px 10px 15px;
	color: #1D1078;
}

.button-action .button-text {
    border-bottom: 1px dashed;
}

.button-action.is-bigger {
    font-size: 1.2em;
}

.button-action:hover {
    color: #ff4a4a;
}

.button-primary {
	background: #1D1078;
	color: #FFFFFF;
	font-family: "Arial";
}


.button-primary:hover, .button-primary.active {
    background: #1D1078;
    color: #fff;
}

.button-primary .button-text,
.button-primary .button-icon {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

.button-primary .button-text:hover, .button-primary .active {
    text-decoration: underline;
}

.button-primary:after {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    width: 0;
}


.button-default {
	background: #fff;
	border: 1px solid #ff4a4a;
	color: #1D1078;
	padding: 10px 12px;
}

.button-default:hover,
.button-default .active {
    background: #1D1078;
    color: #fff;
    text-decoration: underline;
}

.button-error {
	background: #dd3f46;
	color: #fff;
	padding: 10px 12px;
}

.button-error:hover,
.button-error .active {
    background: #1D1078;
    color: #fff;
}


.toggled .button-grey,
	.active .button-grey {
	background: #ff4a4a;
	color: #FFFFFF;
}

/*  Checkbox ---------------------------*/

.checkbox-field {
	cursor: pointer;
	display: none;
}

.checkbox-field:checked + .checkbox-label {
    color: #ff4a4a;
}

.checkbox-field:checked + .checkbox-label:before {
    content: '\f3ff';
}


.checkbox-field {
	cursor: pointer;
	display: none;
}

.checkbox-field:checked + .checkbox-label {
    color: #ff4a4a;
}

.checkbox-field:checked + .checkbox-label:before {
    content: '\f3ff';
}


.checkbox-label {
	cursor: pointer;
	display: inline-block;
	padding-left: 23px;
	min-height: 23px;
	padding-top: 1px;
	position: relative;
}

.checkbox-label:before {
    font-family: "Ionicons";
    content: '\f401';
    display: block;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 1px;
    height: 20px;
    width: 20px;
}

/*  Radio -----------------------------*/

.radio-field {
	display: none;
}

.radio-field:checked + .radio-label {
    color: #ff4a4a;
}

.radio-field:checked + .radio-label:before {
    content: '\f192';
}

.radio-label {
	cursor: pointer;
	padding-left: 20px;
	position: relative;
}

.radio-label:before {
    font-family: "Ionicons";
    content: '\f10c';
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
}

/*  Forms ------------------------------*/

.form-row {
	margin-bottom: 10px;
}

.form-field {
	border: 1px solid #ff4a4a;
	padding: 7px 10px;
	margin-bottom: 5px;
	width: 100%;
}

.form-header {
	margin-bottom: 10px;
}

/*  Dropdown -------------------------*/

.dropdown.is-absolute {
	position: relative;
}

.dropdown.is-absolute .dropdown-block {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 200;
}

.dropdown.toggled > .dropdown-block {
	display: block;
}


.dropdown-block {
	display: none;
}


.dropdown-toggle {
	position: relative;
}


.dropdown-icon {
	transition: 0.2s ease transform;
}


.dropdown-block-control {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-float: row nowrap;
	font-size: 0;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}

/*  Notices ----------------------------*/

.notice {
	padding: 9px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	display: inline-block;
}

.notice h2, .notice h3, .notice h4 {
    margin-top: 0;
    color: inherit;
}

.notice > p,
.notice > ul {
    margin-bottom: 0;
}

.notice > p + p {
    margin-top: 5px;
}

.notice p {
    margin: 5px 0;
}

.notice-success {
background-color: #80c780;
border-color: #5cb85c;
color: #163216;
}

.notice-success hr {
    border-top-color: #4cae4c;
}

.notice-success a {
    color: #060f06;
}

.notice-info {
background-color: #85d0e7;
border-color: #5bc0de;
color: #124a5b;
}

.notice-info hr {
    border-top-color: #46b8da;
}

.notice-info a {
    color: #0a2730;
}
	
.notice-warning {
	background-color: #f4c37d;
	border-color: #f0ad4e;
	color: #694109;
}

.notice-warning hr {
    border-top-color: #eea236;
}

.notice-warning a {
    color: #3a2405;
}


.notice-error {
	background-color: #e56a70;
	border-color: #dd3f46;
	color: #440c0f;
}

.notice-error hr {
    border-top-color: #d92931;
}

.notice-error a {
    color: #190405;
}

.notice-sm {
	padding: 5px 10px;
}

.action-link {
	border-bottom: 1px dashed #555555;
	color: #ff4a4a;
	text-decoration: none;
}

.action-link:hover {
    color: #1D1078;
    text-decoration: none;
}

.action-link:hover {
    border-bottom: 1px solid #fff;
}


.cell-field {
	background: #fff;
	border: 1px solid #eeeeee;
	cursor: pointer;
	position: relative;
	width: auto;
	color: #252525;
	font-family: "Arial";
	font-size: 1em;
}


/*  Select --------------------------*/

.select-field {
	background: #fff;
	cursor: pointer;
	height: 40px;
	position: relative;
	width: auto;
	color: #252525;
	font-family: "Arial";
	font-size: 1em;
}

.select-field option {
    color: #252525;
    font-family: "Arial";
    font-size: 1em;
    padding: 3px 5px;
}
	

.select-wrapper {
	display: inline-block;
	height: 40px;
	position: relative;
	vertical-align: middle;
	width: auto;
}

/*  Page header -----------------------*/

.page-header.is-primitive h1{
	padding: 0px 5px 5px 10px;
} 
.page-header.is-primitive h2{
	padding: 0px 5px 5px 10px;
} 
.page-header.is-primitive h3{
	padding: 0px 5px 5px 10px;
} 
.page-header.is-primitive h4 {
	padding: 0px 5px 5px 10px;
}

.page-header h1  {
	background: #FFFFFF;
	font-size: 1.8em;
	margin: 0;
}
.page-header h2 {
	background: #FFFFFF;
	font-size: 1.5em;
	margin: 0;
}
.page-header h3 {
	background: #FFFFFF;
	font-size: 1.3em;
	margin: 0;
}
.page-header h4 {
	background: #FFFFFF;
	font-size: 1.1em;
	margin: 0;
}

.page-header .header-text {
	margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
	.page-header .header-text {
		margin-bottom: 10px;
	}
}

/*  Pagination ---------------------*/

.pagination {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	margin-bottom: 20px;
	margin-left: -5px;
	margin-right: -5px;
	width: 100%;
}

.pagination > .list-item {
	display: inline-block;
	position: relative;
}

.pagination .pagination-item {
	display: inline-block;
	margin: 0 5px 10px;
}

.pagination .pagination-item .pagination-link {
	color: #ff5700;
	text-decoration: underline;
	border: 1px solid #ff4a4a;
	display: block;
	color: #ff4a4a;
	font-size: 1em;
	padding: 6px 4px;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
	height: auto;
	width: 40px;
}

.pagination .pagination-item .pagination-link:hover {
	color: #b33d00;
	text-decoration: none;
}

.pagination .pagination-item .pagination-link.is-static {
	
}

.pagination .pagination-item .pagination-link.is-static:hover {
	border: 1px solid transparent;
}

.pagination .pagination-item.active .pagination-link, .pagination .pagination-item:hover .pagination-link,
.pagination .pagination-item .pagination-link:hover {
	border: 1px solid #1D1078;
	color: #1D1078;
}

/*  Block header ---------------------*/

.block-header {
	border-bottom: 1px solid #ff4a4a;
	padding-bottom: 9px;
	padding-top: 9px;
	margin-bottom: 10px;
}

.block-header.is-small h2 {
	font-size: 1.4em;
}

.block-header a {
    color: #1D1078;
    text-decoration: none;
}

.block-header a:hover {
	color: #1D1078;
	text-decoration: none;
}

/*  Tabs -------------------------------*/

.tabs-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tabs-menu .tabs-item {
	display: inline;
}

.tabs-menu .tabs-item.active .tab-link {
	color: #ff4a4a;
}

@media screen and (max-width: 480px) {
	.tabs-menu {
		margin: 0;
		white-space: normal;
	}
	
	.tabs-menu .tabs-item {
		display: inline; 
		text-align: center;
		width: 100%;
	}
	
	.tabs-menu .tabs-item + .tabs-item {
		padding-top: 10px;
		border-top: 1px solid #eeeeee;
	}
}

.tabs-list .tab-block {
	display: none;
}

.tabs-list .tab-block.active {
	display: block;
}

/*  Labels list ------------------------*/

.labels-list {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 10;
}

.labels-list .label {
	background: #a3cd39;
	display: inline-block;
	color: #fff;
	font-size: 1em;
	margin-left: 2px;
	margin-bottom: 2px;
	padding: 0px 3px 0px 3px;
	text-align: center;
	max-height: 22px;
	text-transform: lowercase;
}

.labels-list .label-sale {
	background: #5bc0de;
}

.labels-list .label-dosageform {
	background: #dee0e1;
}

.labels-list .label-new {
	background: #5cb85c;
}

.labels-list .label-discount {
	background: #dd3f46;
}

.labels-list .label-hot {
	background: #f0ad4e;
}

.labels-list .label-not-available {
	background: #dd3f46;
}

.labels-list .label-info {
	background: #5bc0de;
}

/*  Breadcrumb -----------------------------------------*/

.breadcrumb {
	background: #FFFFFF;
	list-style: none;
	margin: 0;
	padding: 0;
	height: auto;
	padding: 10px 0px 10px 10px;
}

.breadcrumb-wrapper {
	margin-bottom: 7px;
}

.breadcrumb > .breadcrumb-item {
	display: none;
	position: relative;
}

.breadcrumb > .breadcrumb-item.home,
.breadcrumb > .breadcrumb-item.active {
	display: inline-block;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
	font-family: "Ionicons";
	padding-right: .4rem;
	padding-left: .4rem;
	position: relative;
	bottom: -1px;
	content: "\f3d3";
}

.breadcrumb .breadcrumb-link {
	color: #ff4a4a;
	font-weight: 300;
	font-size: 1.1em;
	text-decoration: none;
}

.breadcrumb .breadcrumb-link:hover {
	color: #20af04;
	/*text-decoration: underline;*/
}
/*
.breadcrumb .current-page {
	color: #1D1078;
}
*/
@media screen and (max-width: 480px) {
	
	.breadcrumb {
		padding: 7px 0px 7px 7px;
	}
}

/*  rating ------------------------*/

.star-rating-wrapper:after {
	content: "";
	display: table;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

.star-rating {
	float: left;
}

.star-rating:after {
	content: "";
	display: table;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

.star-rating .star-radio {
    display: none;
}

.star-rating .star-radio:hover ~ .star-label:after, .star-rating .star-radio:checked ~ .star-label:after {
    content: "";
}

.star-rating .star-radio:hover ~ .star-label:after {
    color: gold !important;
}

.star-rating .star-radio:checked ~ .star-label:after {
    color: darkred;
}

.star-rating .star-label {
    cursor: pointer;
    float: right;
    font-size: 40px;
}

.star-rating .star-label:after {
    color: goldenrod;
    content: "";
    display: inline-block;
    font-family: "Ionicons";
}

.star-rating .star-label:hover:after {
    color: gold;
}

.star-rating .star-label.active ~ .star-label:after, .star-rating .star-label.active:after {
    content: "";
}

.star-rating .star-item {
    color: goldenrod;
    float: right;
    overflow: hidden;
}

.star-rating .star-item:after {
    content: "";
    display: inline-block;
    font-family: "Ionicons";
}

.star-rating .star-item.active:after {
    color: darkred;
    content: "";
}

.star-rating .star-item.active ~ .star-item:after {
    color: darkred;
    content: "";
}


/* COLLAPSE ================================*/

.collapse.is-opened > .collapse-block {
    opacity: 1;
    max-height: 3000px;
}

.collapse-block {
    max-height: 0;
    opacity: 0;
    overflow: hidden !important;
    transition: 0.2s ease opacity, 0.2s ease max-height;
}

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

    .collapse-block.on-mobile {
        opacity: 1;
        max-height: 3000px;
    }
}

.collapse-toggle {
    position: relative;
}

.collapse-toggle.is-active .link-text {
    border: none;
}

.collapse-toggle.is-active .collapse-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.collapse-toggle .collapse-icon {
    transition: 0.2s ease transform;
    margin-left: 5px;
}

/*====== STOCK ========================*/

.stock {
    overflow: hidden;
}

.stock-list {
	position: relative;
}

.stock-results,
.stock-control {
	margin-bottom: 15px;
}

.stock-header {
    color: #1D1078;
	font-size: 1.0em;
    font-weight: bold;
}

.stock-item {
    overflow: hidden;
    position: relative;
    border-top: 1px solid #ff4a4a;
}

.stock-footer {
	border-top: 1px solid #ff4a4a;
	padding-top: 20px;
	margin-top: 0px;
	padding-bottom: 0px;
}

.stock-control .button.button-calc {
	height: 40px;
	font-size: 1em;
	line-height: 16px;
	letter-spacing: .1em;
	padding: 22px 25px;
	text-transform: uppercase;
	width: 100%;
}

.stock-control .button.button-calc:hover {
	background: #ff4a4a;
}

.stock-control .button.button-calc {
	padding: 0 10px;
	line-height: 41px;
	letter-spacing: 0;
}

/*====== SHOPPING CART ========================*/

.shopping-cart {
    overflow: hidden;
}

.cart-list {
	position: relative;
}

.cart-results,
.cart-control {
	margin-bottom: 15px;
}

.cart-header {
    color: #1D1078;
	font-size: 1.0em;
    font-weight: bold;
}

.cart-item {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;

    border-top: 1px solid #ff4a4a;
    padding-top: 10px;
}


.cart-footer {
	border-top: 1px solid #ff4a4a;
	padding-top: 20px;
	margin-top: 0px;
	padding-bottom: 0px;
}



.item-image-wrapper {
    position: relative;
}

.item-image-inner {
    display: block;
    width: 100%;
    padding-top: 100%;
}


.item-image-link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    font-size: 0;
    text-align: center;
    text-decoration: none;
}

.item-image-link:after {
    vertical-align: middle;
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
}

.item-image {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.item-sku {
	vertical-align: middle;
}

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

	.cart-item {
	    padding-top: 10px;
	    padding-left: 20%;
	}
	
	.item-image-wrapper {
	    position: absolute;
	    left: 0;
	    top: 10px;
	    bottom: 0;
	    width: 30%;
	}
	
	.item-total.in-item {
	    margin-bottom: 10px;
	}
}

.item-title {
    font-size: 1.2em;
    font-weight: bold;
}

.item-title a {
    color: #ff4a4a;
    text-decoration: none;
}

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

    .item-caption {
        padding-right: 40px;
    }
}

.item-price.in-item {
	font-size: 1.1em;
	font-weight: bold;
	white-space: nowrap;
}


.item-old-price {
	font-size: .8em;
	font-weight: normal;
	text-decoration: line-through;
	color: #777777;
}

.item-total.in-item {
	font-size: 1.2em;
	font-weight: 700;
	white-space: nowrap;
}

.item-remove {
    text-align: right;
}


.button-remove {
	border-radius: 4px;
	padding: 7px 10px;
	height: 40px;
	width: 40px;
}

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

    .cart-header {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
	.item-image,
	.item-caption,
	.item-price,
	.item-counter,
	.item-summary,
	.item-delete {
	margin-bottom: 15px;
	}
	
	.item-remove {
		position: absolute;
		top: 30px;
		right: -10px;
		max-width: 1000px;
	}
}

@media screen and (max-width: 480px) {
	.item-remove {
		position: absolute;
		top: 5px;
		right: -10px;
	}
}

/*  Cart control ---------------------*/

.cart-control .button.button-buy {
	height: 40px;
	font-size: 1em;
	line-height: 16px;
	letter-spacing: .1em;
	padding: 22px 25px;
	text-transform: uppercase;
	width: 100%;
}

.cart-control .button.button-buy:hover {
	background: #ff4a4a;
}

.cart-control .button.button-buy,
.cart-control .button.button-fast-order {
	padding: 0 10px;
	line-height: 41px;
	letter-spacing: 0;
}

/*  Cart results --------------*/

.summary-caption {
	font-size: 1em;
	font-weight: 300;
	line-height: 20px;
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
}

.total-weight {
	color: #3e3e3e;
	font-size: 1em;
	font-weight: 400;
	line-height: 27px;
}

.total-summary {
	line-height: 21px;
	margin-bottom: 10px;
}

.total-summary .summary-caption {
	font-size: 1.2em;
	font-weight: 400;
}

.total-summary .summary-number,
.total-summary .summary-currency {
	font-size: 1.4em;
	font-weight: 700;
}

.discount-caption {
	color: #1D1078;
	font-size: 1.2em;
}


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

.discount-form {
	position: relative;
}

@media screen and (max-width: 480px) {
	.discount-form {
		margin-bottom: 20px;
	}

	.discount-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 0px;
	}
}

.discount-input {
	width: 100%;
	height: 40px;
	border: 1px solid #ff4a4a;
	padding-left: 10px;
	padding-right: 10px;
}

.discount-button {
	background: #eeeeee;
	border: 1px solid #ff4a4a;
	border-left: 0;
	color: #1D1078;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}

.contract-caption {
	color: #1D1078;
	font-size: 1.2em;
}

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

.contract-form {
	position: relative;
}

@media screen and (max-width: 480px) {
    .contract-form {
        margin-bottom: 20px;
    }

    .contract-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0px;
    }
}

.contract-input {
    width: 100%;
    height: 40px;
    border: 1px solid #ff4a4a;
    padding-left: 10px;
    padding-right: 10px;
}


.contract-button {
    background: #eeeeee;
    border: 1px solid #ff4a4a;
    border-left: 0;
    color: #1D1078;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

/*  Compare control ------------------*/

.compare-link {
	height: 40px;
	padding: 12px 0;
	display: inline-block;
	color: #ff4a4a;
	font-size: 0.95em;
	border-color: black;
	text-decoration: none;
	white-space: nowrap;
}

.compare-link .link-text {
    border-bottom: 1px dashed #1D1078;
}

.compare-link .link-text:hover {
    border-bottom: 1px dashed #1D1078;
}

.compare-link.compare-add.active {
    display: none;
}

.compare-link.compare-add.active + .compare-link.compare-delete {
    display: inline-block;
}

.compare-link.compare-delete {
    color: #dd3f46;
    border: none;
    display: none;
    padding: 12px 0;
    text-decoration: none;
}

.compare-link.compare-delete .link-text {
    border: none;
}

 
body { padding: 0;}
	.top-bar { background-color: #fff;}
	@media screen and (max-width: 39.9375em) { .no-js .top-bar { display: none; }}
	@media print, screen and (min-width: 40em) { .no-js .title-bar { display: none; }}
	[data-sticky] { width: 100%;}
	.sticky-container { z-index: 5;}

 
.callout.primary {
    background-color: rgb(233, 247, 220);
    color: rgb(10, 10, 10);
}
a {
    text-decoration: underline;
    /*color: #ff4a4a;*/
}
.cell a {
    color: #558822;
}
a:hover, a:focus {
    color: #5b7079; 
    text-decoration: underline;
    font-weight: bold;
}
.top-bar {
padding: 0px 0px 4px 24px;
}
.top-bar ul {
    background-color: #ff4a4a;
}
.menu .menu-text {
    color: #FFFFFF;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a:after {
    border-color: #ffffff transparent transparent;
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a:after {
    border-color: #ffffff transparent transparent;
}
.dropdown.menu .is-active> a:hover {
    color: #1D1078;
}


.top-bar ul > li > a:hover {
	background-color: #1D1078;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.top-bar ul > li > a {
background-color: #ff4a4a;
color: #FFFFFF;
font-weight: bold; 
border-color:#FFFFFF;
}

.top-bar .menu .menu-text {
background-color: rgb(233, 247, 220);
color: #ff4a4a;
}



.footer_line, .footer_line a , .footer_line li > a {
background-color: #ff4a4a;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
}

.footer_line a:hover, .footer_line li > a:hover {
font-weight: normal;
text-decoration: underline;
color: #1D1078;
}

.footer_line p {
    margin-top: 1rem;
    }

.footer_uppercase {
	letter-spacing: 1px; /*normal*/
	text-transform: uppercase;
	font-weight: bold;
	line-height: inherit;
	padding-top:15px; 
	background: #ff4a4a; 
	color: #FFFFFF; 
	padding:10px 10px; 
}

.sociallinks a{
	background-color: #ff4a4a;
	color: #FFFFFF;
	text-decoration: none;
}
.sociallinks > a {
	color: #FFFFFF; 
}
.sociallinks > a:hover, a:active {
	text-decoration: underline;
	color: #1D1078;
}

.mobile-toolbar-wrapper {
	background: #FFFFFF;
	color: #ff4a4a;  
	box-shadow: 0 1px 0 0 #ff4a4a;
	/* box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);*/
	display: none;
	padding-top: 0px;
	padding-bottom: 0px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1050; }
	
	.mobile-toolbar-wrapper .row {
	align-items: center; }
	
	.mobile-toolbar-wrapper a {
	color: #1D1078; }
	
	.mobile-toolbar-wrapper .phone {
	display: inline-block;
	white-space: nowrap;
	margin-bottom: 0; }
	
	.mobile-toolbar-wrapper .phone p {
	margin: 0;
}


@media screen and (max-width: 768px) {
	
	.mobile-toolbar-wrapper {
	display: block; } }
	


.mobile-toolbar .button {
	height: 40px;
	width: 40px;
	overflow: hidden;
	color: #1D1078;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
	margin: 0px 8px 0px 0px;
}

#header .header_text {
	margin: 0px 0px 0px 15px;
}

#share42 {
    margin: 6px 0px 0px 0px;
}

.top-bar {
    padding: 0;
    }
.top-bar ul > li.divider {
    background: #FFFFFF;
    -webkit-box-shadow: 1px 0 0 rgba(255,255,255,0.1);
    -moz-box-shadow: 1px 0 0 rgba(255,255,255,0.1);
    box-shadow: 1px 0 0 rgba(255,255,255,0.1);
    margin: 0; 
    width: 1px;
    padding: 0;
}    


#share42 {margin: 12px 8px 0px 0px;}
#share42 a {opacity: 0.6}
#share42:hover a {opacity: 0.95}
#share42 a:hover {opacity: 1}

#share42_big {display: inline-block; padding: 18px 18px 18px 18px; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
#share42_big:hover {background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
#share42_big a {opacity: 1; margin: 24px 24px 24px 24px; }
#share42_big:hover a {opacity: 0.9}
#share42_big a:hover {opacity: 1}


.notices-container {
	margin:20px 0px 20px 20px;
	font-size: 1.5em;
	text-align: center;
}

.product-sku {
	margin-bottom: 10px;
}

.product-pos {
	padding-bottom:10px;
	vertical-align:center;
}

.product-pos-country {
	display:none;
}

.product-pos-form-field {
	display: none;
	min-height:220px; 
	max-height:400px; 
	overflow-y: scroll; /* прокрутка по вертикали */
}

.product-pos-label {
	margin-bottom: 5px;
}

.product-pos-label-header {
	font-size:1.1em;
	font-weight: bold;
	padding-left: 8px; 
	margin-bottom:4px; 
	color: #FFFFFF;
	background-color:#ff4a4a;
}

.product-pos-label-header.off{
	background-color:#85d0e7;
}

.product-stock {
	padding-bottom:10px;
	vertical-align:center;
}

.product-price{
	
}

.button-pos {
	height: 40px;
	text-align: center;
	width: 200px;	
}

.button-pos:hover {
	background-color:#ff4a4a; 
}

.icon,
.button-text {
  vertical-align: middle;
}

.icon {
  /*margin-right: 5px;*/
}

.button-text {
  text-transform: uppercase;
}

.product-content {
  margin-top: 10px;
}


.mobile-toolbar .button{
  background-color:#a3cd39; 
  color:#FFFFFF;
}

.co-checkout-block {
  margin-bottom: 1rem;
  display: inline;
}
.co-client-info {
  display: inline;
}
.co-client-field {
  margin-bottom: 0.5rem;
  margin-right: 2.5rem;
  font-size: 1rem;
  display: inline;
}


.co-tabs-content{
  border: 1px solid #ff4a4a;
}
.co-input {
  margin: 0.5rem 0.5rem 1.0rem 0.5rem;
    
}

/* padding: 1.7rem 0.5rem 0.5rem; */
.co-input--nested .co-input-field {
  
}

/* padding: 0.5rem 0; */
.co-toggable_field--bordered {
  padding: 0rem  0rem  0rem  0rem;
}

/* padding: 0.5rem 0.5rem; */
.co-toggable_field--bordered .co-toggable_field-information {
  padding: 0.2rem  0rem  0rem  0rem;
}
  
div.textfield, p.textfield, textarea.textfield {
    background: #fff;
    border: 1px solid #ff4a4a;
    padding: 7px 10px;
    margin-bottom: 5px;
    max-width: 100%;
}

input[type="checkbox"].textfield {
    width: auto !important;
}


@font-face {
  font-family: 'herbalrussia-font';
  src:  url('/fonts/herbalrussia3.eot');
  src:  url('/fonts/herbalrussia3.eot?#iefix') format('embedded-opentype'),
    url('/fonts/herbalrussia2.ttf') format('truetype'),
    url('/fonts/herbalrussia.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.spinner {
    position: relative;
    top: 25px;
    display: block;
    width: 100px;
    font-size: 100px;
    height: 3em;
    clear: both;
    background-size: contain;
    margin: 0 auto;
    height: 315px;

    -webkit-animation: rotatearound 3s infinite ease-in-out;
    -moz-animation: rotatearound 3s infinite ease-in-out;
    animation: rotatearound 3s infinite ease-in-out;
    z-index: 1000;
}
.spinner .icon-herbalrussialeaf {
    position: relative;
    top: 20%;
    font-size: inherit;
    color: #ff4a4a;
}

.icon-herbalrussialeaf:before {
    content: "\e93a";
}

.icon-herbalrussiaheartbroken {
    font-size: inherit;
    color: #ff4a4a;
}
.icon-herbalrussiaheartbroken:before {
    content: "\e9db";
}

.icon-herbalrussiaflask {font-size: inherit;color: #ff4a4a;}
.icon-herbalrussiaflask:before{content:"\e9aa";}

.icon-herbalrussiatrash {font-size: inherit;color: #ff4a4a;}
.icon-herbalrussiatrash:before{content:"\e9ac";}

.icon-herbalrussiaplane {font-size: inherit;color: #ff4a4a;}
.icon-herbalrussiaplane:before{content:"\e9af";}

[class^="icon-"], [class*=" icon-"], [class*=" icon-"]:after, [class*=" icon-"]:before, [class^=icon-]:after, [class^=icon-]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'herbalrussia-font' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@-webkit-keyframes rotatearound{0%{-webkit-transform:rotateX(0) rotateY(0);transform:rotateX(0) rotateY(0)}50%{-webkit-transform:rotateX(0) rotateY(180deg);transform:rotateX(0) rotateY(180deg)}100%{-webkit-transform:rotateX(0) rotateY(0);transform:rotateX(0) rotateY(0)}}
@-moz-keyframes rotatearound{0%{-moz-transform:rotateX(0) rotateY(0);transform:rotateX(0) rotateY(0)}50%{-moz-transform:rotateX(0) rotateY(180deg);transform:rotateX(0) rotateY(180deg)}100%{-moz-transform:rotateX(0) rotateY(0);transform:rotateX(0) rotateY(0)}}
@keyframes rotatearound{0%{-webkit-transform:rotateX(0) rotateY(0);-moz-transform:rotateX(0) rotateY(0);transform:rotateX(0) rotateY(0)}50%{-webkit-transform:rotateX(0) rotateY(180deg);-moz-transform:rotateX(0) rotateY(180deg);transform:rotateX(0) rotateY(180deg)}100%{-webkit-transform:rotateX(0) rotateY(0);-moz-transform:rotateX(0) rotateY(0);transform:rotateX(0) rotateY(0)}}

.listing {
	list-style: square;
	padding-left: 20px; /*40*/
	margin:8px 0px 12px 12px;
}
ul.listing li {
	padding: 3px 0px;
	list-style-image: url(/images/bullet_li.gif);
}
ul.listing li span {
}

.container .content{
	padding-left: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto
}

@keyframes blinker{50%{color:#fff;text-shadow:0 -1px rgba(0,0,0,.3),0 0 5px #f03000,0 0 8px #f80000;}
}
.blinker {
    text-shadow: 0 -1px rgba(0,0,0,.1);
    -webkit-animation: blinker 1.2s linear infinite;
    animation: blinker 1.2s linear infinite;
}

/* код плавно мигающего заголовка <h2 class="blink">Образец</h2> */
.blink {
  -webkit-animation: blink 3s linear infinite;
  animation: blink 3s linear infinite;
}
@-webkit-keyframes blink {
  0% { color: rgba(34, 34, 34, 1); }
  50% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 1); }
}
@keyframes blink {
  0% { color: rgba(34, 34, 34, 1); }
  50% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 1); }
}

/* Блестящий текст CSS <h2 id="flicker">Образец</h2> */
@-webkit-keyframes flicker {
  50% {background-size: 7px 7px, 3px 3px;}
  100% {background-size: 3px 3px, 7px 7px;}
}
@keyframes flicker {
  50% {background-size: 7px 7px, 3px 3px;}
  100% {background-size: 3px 3px, 7px 7px;}
}
#flicker {
  position: relative;
  font-weight: bold;
}
#flicker:before {
  content: "";
  position:absolute; top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(rgba(255,255,255,1) 1px, rgba(255,255,255,0) 1px), radial-gradient(rgba(255,255,255,1) 1px, rgba(255,255,255,0) 1px);
  background-size: 3px 3px, 7px 7px;
  background-position: 0% 50%;
  -webkit-animation: flicker 3.5s linear infinite alternate;
  animation: flicker 3.5s linear infinite alternate;
}

/* Сверкающий текст CSS <h2 class="glitter">Образец</h2> */
@-webkit-keyframes glitter {
 10% { transform: scale(1, 1) rotate(80deg); }
 20% { transform: scale(0, 0) rotate(160deg); }
 100% { transform: scale(0, 0) rotate(0deg); }
}
@keyframes glitter {
 10% { transform: scale(1, 1) rotate(80deg); }
 20% { transform: scale(0, 0) rotate(160deg); }
 100% { transform: scale(0, 0) rotate(0deg); }
}
.glitter {
  position: relative;
  display: inline-block;
  text-shadow: 0 0 10px #3d7a97;
}
.glitter:after, .glitter:before {
  content: "";
  position: absolute; top: 20%; left: 0;
  display: block;
  width: 100%;
  height: 10px;
  background-image: 
    radial-gradient(rgba(255,255,255,1), rgba(255,255,255,0) 30%),
    linear-gradient(45deg, rgba(0,0,0,0) 49%, rgba(255,255,255,.4) 50%, rgba(0,0,0,0) 51%),
    linear-gradient(135deg, rgba(0,0,0,0) 49%, rgba(255,255,255,.4) 50%, rgba(0,0,0,0) 51%);
  -webkit-animation: glitter 10s linear infinite;
  animation: glitter 14s linear infinite;
  transform: scale(0, 0) rotate(0deg);
}
.glitter:before {
  top: 30%; right: 40%; left: auto;
  -webkit-animation-delay: 7s;  animation-delay: 7s;
}

/* Светящийся текст CSS <h2 class="pulsate">Образец</h2> */
@-webkit-keyframes pulsate {
 50% { text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; }
}
@keyframes pulsate {
 50% { text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; }
}
.pulsate {
  text-shadow: 0 -1px rgba(0,0,0,.1);
  -webkit-animation: pulsate 12s linear infinite;
  animation: pulsate 12s linear infinite;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.block-name_text {
    font-size: 17px;
    font-weight: 700;
    color: #000;
}
.block-name_text::before {
    content: "";
    width: 3px;
    height: 14px;
    background-color: #ff4a4a;
    margin-right: 11px;
}