/* basic reset */
body,* { margin: 0; padding: 0; }
button::-moz-focus-inner { border: 0; padding: 0; }
p, h1, h2, h3, h4, h5, h6, ul, ol { margin: 1em 0 1em 0; line-height: 1.4em; }
input, textarea, select { font-family: inherit; }
input.no-appearance { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: field; }
input.no-appearance::-webkit-inner-spin-button { -webkit-appearance: none; }
input.no-appearance::-webkit-outer-spin-button { -webkit-appearance: none; }
ul,ol { padding-left: 20px; }
li { margin: 5px auto 5px auto; }
a img { border: none; }
/* basic classes */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

/* montserrat-regular - latin_latin-ext */
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/montserrat.woff2') format('woff2');
}

body,
input,
textarea {
	font-family: 'Montserrat',sans-serif;
	font-size: 13px;
	line-height: 1.4em;
}

a {
	color: #134395;
	text-decoration: none;
}
a:hover {
	opacity: 0.5;
	transition: 0.3s opacity linear;
	text-decoration: underline;
}

html,
body,
#main,
#footer,
.contain {
	min-width: 420px;
}
.contain {
	box-sizing: border-box;
	max-width: 1760px;
	margin: 0 auto;
}

.padding-h {
	padding-top: 10px;
	padding-bottom: 10px;
}
.padding-v {
	padding-left: 20px;
	padding-right: 20px;
}
.padding-i {
	padding-left: 10px;
	padding-right: 10px;
}
.m-top {
	margin-top: 10px;
}
.m-bottom {
	margin-bottom: 10px;
}

#main img {
	max-width: 100%;
	height: auto;
}
.img-full {
	display: block;
	width: 100%;
	height: auto;
}
.img-map {
	display: block;
	width: 100%;
	height: auto;
	min-height: 200px;
	object-fit: cover;
}
.border-radius {
	border-radius: 30px;
}
.border-top {
	border-top: 5px dotted #dadada;
}
.border {
	border: 2px solid #707070;
	border-radius: 30px;
}
.frame {
	display: block;
	border: 2px solid #134395;
	border-radius: 30px;
}

#header {
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
}
#header-phone {
	display: none;
	float: right;
	margin: 12px 50px 0 auto;
}

#navigation {
	box-sizing: border-box;
	position: fixed;
	z-index: 25;
	right: 0;
	top: 0;
	width: 0;
	height: 100%;
	padding: 0;
	text-align: center;
}
#navigation-show {
	display: none;
}
#navigation-on,
#navigation-off {
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 20;
	color: #000;
	border-radius: 10px;
	width: 60px;
	height: 60px;
	cursor: pointer;
}
#navigation-off {
	right: 20px;
}
#navigation-on > span,
#navigation-on:after,
#navigation-on:before {
	position: relative;
	left: 16px;
	display: block;
	content: ' ';
	background: #134395;
	width: 28px;
	height: 3px;
}
#navigation-on:after {
	top: 15px;
}
#navigation-on > span {
	top: 26px;
}
#navigation-on:before {
	top: 37px;
}
#navigation-on:hover {
	background: #d80c13;
}
#navigation-off:hover {
	background: #d80c13;
}
#navigation-off:after,
#navigation-off:before {
	position: relative;
	top: 24px;
	left: 18px;
	display: block;
	content: ' ';
	background: #134395;
	width: 25px;
	height: 4px;
}
#navigation-off:after {
	transform: rotate(45deg);
}
#navigation-off:before {
	transform: rotate(-45deg);
	top: 27px;
}

#navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#navigation li {
	padding: 0;
	margin: 0 auto;
}
#navigation a {
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1em;
	color: #222;
}
#navigation .active a {
	color: #d80c13;
}
#footer a {
	color: #000;
}
#footer-contact {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#footer-bottom {
	display: none;
	flex-direction: row;
	justify-content: space-between;
	border-radius: 50px;
	border: 2px solid #134395;
	padding: 0 10px;
}
#footer-bottom ul {
	display: flex;
	flex-direction: row;
	list-style: none;
	margin: 0;
	padding: 15px;
}
#footer-bottom li {
	display: inline-block;
	margin: 0 5px;
	padding: 0;
}
#footer-bottom a {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}
#footer-design {
	text-align: center;
}
#footer-info p {
	margin: 0;
	line-height: 1.6em;
}

#footer-social a {
	display: inline-block;
	background: #134395;
	color: #fff;
	width: 36px;
	height: 36px;
	margin: 0 10px;
	border-radius: 20px;
	line-height: 36px;
	font-size: 22px;
	text-align: center;
	text-decoration: none;
}

.block-top {
	text-align: center;
	overflow: hidden;
}
.block-top .title {
	position: relative;
	display: inline-block;
	padding: 10px 20px;
	line-height: 15px;
	margin: 0 auto;
	color: #000;
	text-transform: uppercase;
	font-size: 1em;
}
.block-top .title:before,
.block-top .title:after {
	position: absolute;
	top: 0;
	background-image: url('./img/line.svg');
	background-repeat: repeat-x;
	content: ' ';
	height: 35px;
	width: 50vw;
}
.block-top .title:before {
	left: calc(100% + 10px);
	background-position: center left;
}
.block-top .title:after {
	right: calc(100% + 10px);
	background-position: center right;
}

.record-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.article {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	position: relative;
	box-sizing: border-box;
	border: 2px solid #d80c13;
	border-radius: 30px;
	width: 100%;
	margin: 15px 0;
	overflow: hidden;
	transition: 0.3s border linear;
}
.article:hover {
	border-color: #f27c00;
}
.article-date {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 20px 20px 0 20px;
	margin: 0;
	font-size: 2em;
}
.article-fill {
	height: 100px;
	width: 100%;
}
img + .article-date {
	color: #fff;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}
.article-link {
	margin: 0;
}
.article-link a {
	color: #000;
	text-decoration: none;
}
.article-bottom {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding: 20px 20px 20px 30px;
	box-sizing: border-box;
}
.article-text {
	margin: 1em 0;
}
.article-more {
	margin: 0 0 -10px -20px;
}

.pagination {
	text-align: center;
	padding: 20px 0 0 0;
}
.pagination .btn {
	padding-left: 40px;
	padding-right: 40px;
}

/*** product ***/
#product-bread {
	color: #134395;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
}
#product-bread span {
	display: inline-block;
	background: #d80c13;
	width: 5px;
	height: 5px;
	border-radius: 5px;
	margin: 0.2em 0.4em;
}
.product-item {
	display: flex;
	flex-direction: column;
}
.product-item-image  {
	box-sizing: border-box;
	text-align: center;
	min-width: 50%;
}
.product-item-image img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: auto;
}
.product-item-link a {
	color: #000;
	text-decoration: none;
}
.product-item-text {
	box-sizing: border-box;
	min-width: 30%;
}

.product-img {
	display: flex;
	justify-content: center;
}
.product-img img {
	display: block;
	width: 100%;
	height: auto;
	margin: auto;
    width: 100%;
}
.product-info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.product-info h1 {
	font-size: 2em;
	margin: 1em 0 1em 0;
}
#product-tabs {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	flex-shrink: 0;
	overflow: hidden;
}
.product-tab {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 0 0 auto;
	position: relative;
	width: 100%;
	top: 0;
	left: 100%;
	background: #fff;
	transition: 0.2s left linear;
	order: 5;
}
.product-tab:target,
.product-tab.active {
	left: 0;
	order: 1;
}
.product-tab h2 {
	font-size: 1.1em;
	margin: 0 0 0.5em 0;
}
.product-tab h2 + p {
	margin-top: 0;
}
.product-ul {
	margin: 0.5em 0;
}
.product-ul li::marker {
	color: #d80c13;
}
.product-ul p {
	margin: 0;
}

.table-nutrition {
	border-collapse: collapse;
	width: 100%;
}
.table-nutrition tr {
	position: relative;
}
.table-nutrition tr span {
	display: inline-block;
	position: relative;
	background: #fff;
}
.table-nutrition tr :first-child {
	text-align: left;
}
.table-nutrition tr :first-child span {
	padding-right: 6px;
}
.table-nutrition tr :last-child {
	text-align: right;
}
.table-nutrition tr :last-child span {
	padding-left: 6px;
}
.table-nutrition tr:before {
	content: '';
	position: absolute;
	left: 4%;
	bottom: .35em;
	width: 92%;
	height: 0;
	line-height: 0;
	border-bottom: 2px dotted #000;
}

#product-tab-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
#product-tab-links li {
	display: inline-block;
	width: calc(50% - 10px);
	margin: 5px;
	padding: 0;
}
#product-tab-links a {
	display: block;
}
#product-tab-links .active .btn {
	border-color: #d80c13;
}
#product-tab-links .btn:focus,
#product-tab-links .btn:hover {
	background: #134395;
	color: #fff;
	border-color: #134395;
}
#product-tab-links :not(.active) .btn {
	background: #fff;
	color: #000;
	border-color: #134395;
}

.benefits {
	position: relative;
}
.benefits-flex {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	text-align: center;
	align-content: stretch;
	align-items: flex-start;
	background: #fff;
}
.benefits h2 {
	color: #134395;
	font-size: 1.3em;
	font-weight: bold;
}
.benefits .col {
	position: relative;
	min-width: 120px;
	padding: 0 10px;
}
.benefits .col:not(:last-of-type):after {
	position: absolute;
	top: calc(3.5em + 5px);
	right: -2px;
	content: ' ';
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background: #cc0b12;
}

.video-frame {
	display: block;
	position: relative;
}
.video-frame img {
	display: block;
	width: 100%;
	height: auto;
}
.video-btn {
	position: absolute;
	top: calc(50% - 60px);
	left: calc(50% - 60px);
	padding: 130px 0 0 0;
	margin: auto;
	width: 120px;
	height: auto;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 170 170' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='%23FFFFFF' cx='85' cy='85' r='85'/%3e%3cpath fill='%23D70F16' d='m68.9 53.8c-7 6-7.9 16.5-2 23.7l6.6 8-6.6 8c-5.8 7.1-4.9 17.6 2 23.7 6.8 5.8 17 5.1 22.9-1.7 0.1-0.1 0.2-0.2 0.3-0.4l24.3-29.6-24.3-29.6c-5.6-7-15.9-8-22.8-2.4-0.2 0.1-0.3 0.2-0.4 0.3'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: top center;
	border: none;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

/*** carousel ***/
.carousel {
	overflow: hidden;
}
.carousel-box {
	position: relative;
}
.carousel-view {
	position: relative;
	overflow: hidden;
}
.carousel-window {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	top: 0;
	left: 0;
	right: 0;
}
.carousel-endless-box {
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	flex-wrap: nowrap;
}
.carousel-item {
	flex: 0 0 auto;
	box-sizing: border-box;
	height: auto;
	width: calc(50% - 30px);
	margin: 15px;
	color: #0d344d;
}
.carousel-item img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 30px;
	border: 2px solid #d80c13;
}

.carousel-arrows a {
	position: absolute;
	top: calc(50% - 20px);
	width: 30px;
	height: 40px;
	background-position: center center;
	background-repeat: no-repeat;
	transition: transform 0.2s linear;
}
.carousel-arrows a:hover {
	transform: scale(1.1);
}
.carousel-arrows a.carousel-arrows-left { left: -20px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 40'%3e%3cpath fill='%23d80c13' d='m26.71 37.76c3.913-3.353 4.423-9.309 1.139-13.3l-3.686-4.486 3.686-4.486c3.284-3.993 2.773-9.949-1.139-13.3-3.913-3.353-9.746-2.831-13.03 1.163l-13.67 16.63 13.67 16.63c3.283 3.993 9.116 4.516 13.03 1.163'/%3e%3c/svg%3e"); ; }
.carousel-arrows a.carousel-arrows-right { right: -20px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 40'%3e%3cpath fill='%23d80c13' d='m3.304 2.209c-3.913 3.353-4.423 9.309-1.139 13.3l3.686 4.486-3.686 4.486c-3.284 3.993-2.773 9.949 1.139 13.3 3.913 3.353 9.746 2.831 13.03-1.163l13.67-16.63-13.67-16.63c-3.283-3.993-9.116-4.516-13.03-1.163'/%3e%3c/svg%3e"); }
.carousel-arrows .disabled { opacity: 0.3; }


#carousel-news .article {
	flex: 0 0 auto;
}

.alert {
	border: 1px solid transparent;
	border-radius: 4px;
	margin: 10px 0;
	padding: 10px;
}
.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #31708f;
}

/*** instagram ***/
.instagram-title {
	color: #134395;
	text-align: center;
	font-size: 1.4em;
	line-height: 1.1em;
}
.instagram-title .fa {
	font-weight: normal;
	font-size: 1.8em;
}
.instagram-block {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.instagram-block:hover {
	opacity: 1;
}
.instagram-block .border {
	box-sizing: border-box;
	width: 46%;
	margin: 2%;
	overflow: hidden;
	transition: 0.25s transform ease-in-out;
}
.instagram-block .border:hover {
	transform: scale(1.1);
}
.instagram-block img {
	display: block;
	width: 100%;
	height: auto;
}

/*** slider ***/
#slider {
	position: relative;
	min-height: 250px;
	z-index: 10;
}
#slider-frame-title {
	content: ' ';
	display: block;
	position: absolute;
	z-index: 16;
	top: -4px;
	right: 40px;
	background: #fff;
	height: 4px;
	width: 172px;
	padding: 0 20px 0 20px;
}
#slider-frame-title i {
	display: block;
	position: absolute;
	z-index: 17;
	top: -18px;
	left: 20px;
	line-height: 1em;
	background: url('./img/peceme_od_srdce.svg') center center no-repeat;
	background-size: auto 100%;
	color: #134395;
	width: 175px;
	height: 31px;
	padding: 0;
}
.slide.slide-off {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	z-index: 11;
}
.slide.active {
	display: flex;
	z-index: 15;
}
.slide {
	display: none;
	align-items: stretch;
	width: 100%;
	min-height: 120px;
	position: relative;
	overflow: hidden;
}
.slide.slide-color-1 {
	color: #fff;
}
.slide > a:hover {
	opacity: 0.8;
}
.slide-border {
	padding: 20px;
}
.slide > * {
	display: block;
	width: 100%;
}
.slide img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 26px;
	min-height: 280px;
	object-fit: cover;
}
h1.title img {
	display: inline-block;
	height: auto;
	width: auto;
	min-height: 0;
	border-radius: 0;
	transform: scale(0.6);
}
.slide-border > img {
	min-height: 240px;
}
.slide-text {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	z-index: 15;
	bottom: 0;
	left: 0;
	right: 0;
	box-sizing: border-box;
	width: 100%;
	padding: 5% 7%;
}
.slide .title {
	position: relative;
	font-size: 2.0em;
	line-height: 1em;
	margin: 0;
	text-align: center;
}
.slide-text p {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	font-size: 1.05em;
	border-radius: 50px;
}
.slide-color-0 .slide-text img {
	background: rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 40px 40px rgba(255, 255, 255, 0.1);
}
.slide-color-0 .slide-text p {
	background: rgba(255, 255, 255, 0.2);
	box-shadow: 0 0 40px 40px rgba(255, 255, 255, 0.2);
}
.slide-color-1 .slide-text img {
	background: rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 40px 40px rgba(0, 0, 0, 0.1);
}
.slide-color-1 .slide-text p {
	background: rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 40px 40px rgba(0, 0, 0, 0.2);
}
.slide-center .slide-text {
	position: absolute;
	height: 100%;
	margin: 0 auto;
	text-align: center;
}
.slide-left .slide-text,
.slide-right .slide-text {
	text-align: left;
	padding: 5% 3%;
}
/*
.slide-right .slide-text p,
.slide-left .slide-text p {
	margin-left: 20px;
}*/
.slide-left > img,
.slide-right > img {
	height: auto;
}
.slide-left > img {
	object-position: right;
}
.slide-right > img {
	object-position: left;
}

/*** button ***/
._CookieScriptReportPageSaveSettingButton,
.btn {
	display: inline-block;
	box-sizing: border-box;
	border-radius: 20px;
	background: transparent;
	color: #000;
	border: 2px solid #f27c00;
	padding: 10px 20px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1em;
	white-space: nowrap;
	cursor: pointer;
	transition: 0.3s color linear, 0.3s background linear, 0.3s border-color linear;
}
.btn:focus,
.btn:hover {
	background: #f27c00;
	color: #fff;
	text-decoration: none;
	opacity: 1;
}

.btn-move .btn {
	margin: 0 0 0 -10px;
}

/*** form ***/
.form-control {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 10px 0;
	background: none;
	color: #fff;
	border: none;
	border-bottom: 2px solid #fff;
	font-size: 15px;
	line-height: 20px;
	transition: 0.3s color,opacity linear;
}
.form-control::placeholder {
	color: #fff;
}
.form-control:focus::placeholder {
	color: #f27c00;
	opacity: 0.5;
}
textarea.form-control::placeholder {
	text-align: center;
}
.form-input-checkout {
	padding: 10px 0 0 0;
}
.form-control:focus {
	border-bottom-color: #f27c00;
	outline: none;
}
.form-input {
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
}
.form-counter {
	display: none;
}
.form-check-input {
	width: 20px;
	height: 20px;
	margin: auto;
	padding: 0;
	vertical-align: bottom;
	background: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 2px solid #fff;
	border-radius: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.form-check-input:focus {
	outline: none;
	border-color: #f27c00;
}
.form-check-input:checked {
	background-color: #fff;
}

.form-check-input:checked[type=checkbox] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23d80c13' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23d80c13' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M6 10h8'/%3e%3c/svg%3e");
}
.col-form-label {
	display: inline-block;
	vertical-align: bottom;
	align-self: center;
}

.col-form-label-custom {
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	align-self: center;
	align-content: flex-end;
}
.col-check-label {
	display: inline-block;
	vertical-align: bottom;
	margin-top: auto;
	margin-left: 10px;
}

#contact-form {
	position: relative;
	background: #134395;
	color: #fff;
	border-radius: 25px;
	padding: 20px;
}
#contact-form .row > * {
	padding: 0 10px;
}
#contact-form h2 {
	text-align: center;
	margin: 0;
	padding: 0 0 10px 0;
}
#contact-form-bottom {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}
#contact-form-bottom .col {
	flex: unset;
	width: auto;
}

.columns > div {
	padding-left: 20px;
	padding-right: 20px;
}

/*** bootstrap stub ***/
.d-flex {
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
}
.align-content-center {
	-ms-flex-line-pack: center;
	align-content: center;
}
.align-content-between {
	-ms-flex-line-pack: justify;
	align-content: space-between;
}
.align-content-stretch {
	-ms-flex-line-pack: stretch;
	align-content: stretch;
}
.align-content-end {
	-ms-flex-line-pack: flex-end;
	align-content: flex-end;
}
.justify-content-between {
	justify-content: space-between;
}

.row {
	box-sizing: border-box;
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
}
.row > * {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.col {
	flex: 1 0 0%;
}
.row-cols-auto > * {
	flex: 0 0 auto;
	width: auto;
}

.col-12 {
	flex: 0 0 auto;
	width: 100%;
}
.col-10 {
	-ms-flex: 0 0 83.3333%;
	flex: 0 0 83.3333%;
	width: 83.3333%;
}
.col-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	width: 75%;
}
.col-8 {
	-ms-flex: 0 0 66.6666%;
	flex: 0 0 66.6666%;
	width: 66.6666%;
}
.col-7 {
	-ms-flex: 0 0 58.3333%;
	flex: 0 0 58.3333%;
	width: 58.3333%;
}
.col-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	width: 50%;
}
.col-5 {
	-ms-flex: 0 0 41.6666%;
	flex: 0 0 41.6666%;
	width: 41.6666%;
}
.col-4 {
	-ms-flex: 0 0 33.3333%;
	flex: 0 0 33.3333%;
	width: 33.3333%;
}
.col-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	width: 25%;
}
.col-2 {
	-ms-flex: 0 0 16.6666%;
	flex: 0 0 16.6666%;
	width: 16.6666%;
}
.col-1 {
	-ms-flex: 0 0 8.3333%;
	flex: 0 0 8.3333%;
	width: 8.3333%;
}

.col-sm-12,.col-md-12,.col-12,
.col-sm-10,.col-md-10,.col-10,
.col-sm-9,.col-md-9,.col-9,
.col-sm-8,.col-md-8,.col-8,
.col-sm-7,.col-md-7,.col-7,
.col-sm-6,.col-md-6,.col-6,
.col-sm-5,.col-md-5,.col-5,
.col-sm-4,.col-md-4,.col-4,
.col-sm-3,.col-md-3,.col-3,
.col-sm-2,.col-md-2,.col-2,
.col-sm-1,.col-md-1,.col-1,
.col {
	box-sizing: border-box;
}

@media (max-width: 575px) {
	.slide-left > img,
	.slide-right > img {
		min-height: 220px;
	}
	#carousel-news .article {
		width: calc(100% - 30px);
		margin-left: 15px;
		margin-right: 15px;
	}
}
@media (max-width: 450px) {
	.slide-left > img,
	.slide-right > img {
		min-height: 200px;
	}
}
@media (max-width: 420px) {
	#navigation-off {
		left: 340px;
		right: auto;
	}
	#footer .padding-i {
		padding-left: 0;
		padding-right: 0;
	}
}
@media (max-width: 880px) {
	#navigation {
		background: #fff;
		-webkit-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		overflow: hidden;
		overflow-y: auto;
	}
	#navigation-show:checked + #navigation {
		width: 100%;
		padding: 50px 30px;
	}
	#header-menu-mobile {
		display: block;
		font-size: 1.5em;
	}
	#header-menu-mobile li {
		margin: 10px 0;
	}
	#header-menu-desktop {
		display: none;
	}

	.product-item {
		margin: 0 20px;
	}

	.columns > div:not(:first-child) {
		position: relative;
		border-top: 2px solid #c3a084;
	}
	.columns > div:not(:first-child):before,
	.columns > div:not(:first-child):after {
		position: absolute;
		top: -6px;
		content: ' ';
		width: 10px;
		height: 10px;
		background: #c3a084;
		border: none;
		border-radius: 10px;
	}
	.columns > div:before {
		left: 0;
	}
	.columns > div:after {
		right: 0;
	}
}

@media (min-width: 575px) {
	.gx-sm-0 {
		padding-left: 0;
		padding-right: 0;
	}
	.col-sm-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	.col-sm-10 {
		-ms-flex: 0 0 83.3333%;
		flex: 0 0 83.3333%;
		width: 83.3333%;
	}
	.col-sm-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		width: 75%;
	}
	.col-sm-8 {
		-ms-flex: 0 0 66.6666%;
		flex: 0 0 66.6666%;
		width: 66.6666%;
	}
	.col-sm-7 {
		-ms-flex: 0 0 58.3333%;
		flex: 0 0 58.3333%;
		width: 58.3333%;
	}
	.col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		width: 50%;
	}
	.col-sm-5 {
		-ms-flex: 0 0 41.6666%;
		flex: 0 0 41.6666%;
		width: 41.6666%;
	}
	.col-sm-4 {
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333%;
		width: 33.3333%;
	}
	.col-sm-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		width: 25%;
	}
	.col-sm-2 {
		-ms-flex: 0 0 16.6666%;
		flex: 0 0 16.6666%;
		width: 16.6666%;
	}
	.col-sm-1 {
		-ms-flex: 0 0 8.3333%;
		flex: 0 0 8.3333%;
		width: 8.3333%;
	}

	body {
		font-size: 14px;
	}

	.padding-h {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.padding-v {
		padding-left: 20px;
		padding-right: 20px;
	}
	.padding-i {
		padding-left: 20px;
		padding-right: 20px;
	}
	.m-top {
		margin-top: 20px;
	}
	.m-bottom {
		margin-bottom: 20px;
	}

	#product-tab-links li {
		width: auto;
	}
	#product-tab-links a {
		display: inline-block;
	}

	.article {
		width: calc(50% - 30px);
		margin: 15px;
	}
	.article-fill {
		height: 150px;
	}

	#footer-info {
		padding: 10px 55px 0 105px;
	}
}

@media (min-width: 880px) {
	.offset-md-3 {
		margin-left: 25%;
	}
	.gx-md-0 {
		padding-left: 0;
		padding-right: 0;
	}
	.col-md {
		flex: 1 0 0%;
	}
	.col-md-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	.col-md-10 {
		-ms-flex: 0 0 83.3333%;
		flex: 0 0 83.3333%;
		width: 83.3333%;
	}
	.col-md-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		width: 75%;
	}
	.col-md-8 {
		-ms-flex: 0 0 66.6666%;
		flex: 0 0 66.6666%;
		width: 66.6666%;
	}
	.col-md-7 {
		-ms-flex: 0 0 58.3333%;
		flex: 0 0 58.3333%;
		width: 58.3333%;
	}
	.col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		width: 50%;
	}
	.form-box .col-md-6 {
		-ms-flex: 0 0 45%;
	}
	.col-md-5 {
		-ms-flex: 0 0 41.6666%;
		flex: 0 0 41.6666%;
		width: 41.6666%;
	}
	.col-md-4 {
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333%;
		width: 33.3333%;
	}
	.col-md-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		width: 25%;
	}
	.col-md-2 {
		-ms-flex: 0 0 16.6666%;
		flex: 0 0 16.6666%;
		width: 16.6666%;
	}
	.col-md-1 {
		-ms-flex: 0 0 8.3333%;
		flex: 0 0 8.3333%;
		width: 8.3333%;
	}

	#header-menu-desktop,
	#footer-info {
		font-size: 0.9em;
	}

	.padding-v {
		padding-left: 30px;
		padding-right: 30px;
	}
	.padding-h {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.padding-i {
		padding-left: 30px;
		padding-right: 30px;
	}
	.slide-border {
		padding: 30px;
	}
	.m-top {
		margin-top: 30px;
	}
	.m-bottom {
		margin-bottom: 30px;
	}
	.contain-slim {
		margin-left: 105px;
		margin-right: 105px;
	}

	.slide-center .slide-text {
		width: 70%;
	}
	.slide-left .slide-text,
	.slide-right .slide-text {
		position: absolute;
		height: 100%;
		width: 29%;
	}
	.slide-right .slide-text {
		margin-left: 71%;
	}

	.slide-left > img {
		width: 71%;
		height: 100%;
		margin-left: 29%;
		object-fit: cover;
		object-position: center left;
	}
	.slide-right > img {
		width: 71%;
		height: 100%;
		object-fit: cover;
		object-position: center left;
	}

	.slide-force .slide-text {
		margin-left: 66.6666%;
		width: 33.3333%;
	}
	.slide-left.slide-force > img {
		width: 66.6666%;
		height: 100%;
		margin-left: 33.3333%;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.slide-right.slide-force > img {
		width: 66.6666%;
		height: 100%;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	#slider-frame-title {
		right: 80px;
	}

	#header {
		font-size: 1em;
		line-height: 1em;
		position: relative;
		padding-top: 35px;
		padding-bottom: 20px;
	}
	#header-phone {
		display: block;
	}

	#navigation-off,
	#navigation-on {
		display: none;
	}
	#navigation {
		display: flex;
		justify-content: center;
		position: relative;
		top: auto;
		bottom: 0;
		width: 100%;
		height: auto;
		margin: auto 0;
	}
	#navigation li {
		position: relative;
		display: inline-block;
		margin: 0 10px;
		padding: 0;
	}
	#header-menu ul {
		display: flex;
		align-content: space-between;
		margin: auto;
	}

	#footer-social {
		margin-left: 95px;
	}

	#contact-form h2 {
		display: block;
		position: absolute;
		z-index: 10;
		right: 100%;
		bottom: 0;
		color: #f27c00;
		background: #fff url('./img/napiste_nam.svg') top left no-repeat;
		border-radius: 0 0 25px 0;
		padding: 0 20px 20px 0;
		width: 109px;
		height: 70px;
	}
	#contact-form h2 span {
		display: none;
	}

	.product-item-image img {
		margin: 20px auto;
		border-radius: 20px;
	}
	.product-item {
		flex-direction: row;
	}
	.product-item-text {
		display: inline-block;
		margin: auto 50px;
	}
	.product-item-image  {
		text-align: right;
		display: inline-block;
		margin-top: auto;
		margin-bottom: auto;
	}

	.carousel-arrows a.carousel-arrows-left { left: -40px; }
	.carousel-arrows a.carousel-arrows-right { right: -40px; }

	.columns {
		display: flex;
		flex-direction: row;
	}
	.columns > div:not(:first-child) {
		position: relative;
		border-left: 2px solid #c3a084;
	}
	.columns > div:not(:first-child):before,
	.columns > div:not(:first-child):after {
		position: absolute;
		left: -6px;
		content: ' ';
		width: 10px;
		height: 10px;
		background: #c3a084;
		border: none;
		border-radius: 10px;
	}
	.columns > div:before {
		top: 0;
	}
	.columns > div:after {
		bottom: 0;
	}

	.benefits-line {
		position: absolute;
		top: calc(3.5em + 5px);
		left: -100px;
		width: calc(100% + 200px);
		height: 4px;
		background: #cc0b12;
	}
	.benefits-line:before,
	.benefits-line:after {
		position: absolute;
		top: -5px;
		content: ' ';
		width: 10px;
		height: 10px;
		background: #fff;
		border: 2px solid #cc0b12;
		border-radius: 10px;
	}
	.benefits-line:before {
		left: 0;
	}
	.benefits-line:after {
		right: 0;
	}
	.benefits .col {
		padding: 0 20px;
	}

	.img-background {
		position: relative;
	}
	.img-text {
		position: absolute;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		top: 0;
		bottom: 0;
		left: 40%;
		right: 20%;
		background: #fff;
		padding: 30px;
	}
	.box-more {
		margin: 0 0 -10px -20px;
	}
	.instagram-block .border {
		width: 30.5%;
		margin: 1.4%;
	}
}


@media (min-width: 1100px) {
	.padding-v {
		padding-left: 40px;
		padding-right: 40px;
	}
	.padding-h {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.m-top {
		margin-top: 40px;
	}
	.m-bottom {
		margin-bottom: 40px;
	}
	.columns > div {
		padding-left: 40px;
		padding-right: 40px;
	}

	body {
		font-size: 15px;
	}

	#footer-bottom {
		display: flex;
	}
	#footer-bottom ul {
		display: block;
	}
	#footer-bottom ul:last-of-type {
		text-align: right;
	}

	#navigation li.active:after {
		position: absolute;
		top: calc(100% + 14px);
		left: calc(50% - 7px);
		content: ' ';
		background: #d80c13;
		width: 14px;
		height: 14px;
		border-radius: 8px;
	}

	.slide-center .slide-text {
		width: 60%;
	}

	h1.title img {
		transform: scale(1);
	}

	.btn-move {
		margin: 0 0 0 -10px;
	}

	.carousel-item,
	.article {
		width: calc(33.3333% - 30px);
		margin: 15px;
	}
	.article-fill {
		height: 150px;
	}

	.product-item-text {
		margin: auto 60px auto 120px;
	}
	.product-img {
		-ms-flex: 0 0 45%;
		flex: 0 0 45%;
		width: 45%;
	}
	.product-info {
		-ms-flex: 0 0 55%;
		flex: 0 0 55%;
		width: 55%;
	}
	.product-info h1 {
		margin-top: 0;
	}

	#contact-form {
		padding: 25px 40px;
	}

	.img-text {
		padding: 40px;
	}
	.instagram-block .border {
		width: 15%;
		margin: 0.8%;
	}

	.benefits {
		margin-left: 205px;
		margin-right: 205px;
	}
}

@media (min-width: 1260px) {
	#slider-frame-title {
		width: 215px;
	}
	#slider-frame-title i {
		top: -22px;
		width: 215px;
		height: 38px;
	}
}

@media (min-width: 1440px) {
	.padding-v {
		padding-left: 60px;
		padding-right: 60px;
	}
	.padding-h {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.m-top {
		margin-top: 60px;
	}
	.m-bottom {
		margin-bottom: 60px;
	}
	.columns > div {
		padding-left: 60px;
		padding-right: 60px;
	}

	body {
		font-size: 16px;
	}

	.product-item-text {
		margin: auto 105px auto 165px;
	}

	.carousel-item,
	.article {
		width: calc(25% - 30px);
		margin: 15px;
	}

	.product-img {
		-ms-flex: 0 0 55%;
		flex: 0 0 55%;
		width: 55%;
	}
	.product-info {
		-ms-flex: 0 0 45%;
		flex: 0 0 45%;
		width: 45%;
	}

	.img-text {
		left: 43%;
		right: 23%;
		padding: 40px;
	}
}

/*** Gallery Box ***/
.gallery-box-all {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: auto 10px;
	z-index: 50;
	width: calc(100% - 20px);
	height: 100%;
}
.gallery-box-modal {
	position: fixed;
	top: 0;
	left: 0;
	margin: auto;
	z-index: 55;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.70;
}
.gallery-box {
	position: relative;
	top: 0;
	margin: 0;
	z-index: 60;
	text-align: center;
}
.gallery-box-content {
	position: relative;
	display: inline-block;
	padding: 10px 10px 5px 10px;
	margin: auto;
	background: #fff;
	border-radius: 30px;
	border: none;
	color: #000;
	box-sizing: content-box;
}
.gallery-box-loading .gallery-box-image {
	height: 160px;
	width: 260px;
}
.gallery-box-loading .gallery-box-loader {
	position: absolute;
	top: calc(50% - 40px);
	left: calc(50% - 40px);
	width: 80px;
	height: 80px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3e%3cpath d='m40 20c0 11-8.95 20-20 20-11 0-20-8.95-20-20s8.95-20 20-20v3.27c-9.24 0-16.7 7.46-16.7 16.7s7.46 16.7 16.7 16.7c9.2 0 16.7-7.46 16.7-16.7z' fill='%23aaa'/%3e%3cpath d='m20 0c11 0 20 8.95 20 20h-3.3c0-9.2-7.49-16.7-16.7-16.7z' fill='%23333'/%3e%3c/svg%3e");
	background-size: 100% 100%;;
	background-position: center center;
	background-repeat: no-repeat;
	animation: gallery-box-rotate 1s linear infinite;
}
.gallery-box-image img {
	display: block;
	position: relative;
	z-index: 62;
	height: 100%;
	width: 100%;
	border-radius: 26px;
}
.gallery-box-title {
	margin: 0;
	padding: 5px 0 0 0;
}
.gallery-box a.gallery-box-close,
.gallery-box a.gallery-box-zoom,
.gallery-box a.gallery-box-right,
.gallery-box a.gallery-box-left {
	display: block;
	position: absolute;
	top: 0;
	z-index: 65;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 0;
	outline: none;
}
.gallery-box a.gallery-box-close span,
.gallery-box a.gallery-box-right span,
.gallery-box a.gallery-box-left span {
	display: none;
}
.gallery-box a:hover {
	text-decoration: none;
}
.gallery-box a.gallery-box-zoom {
	top: 30px;
	right: 40px;
	width: 80px;
	height: 80px;
	background-color: rgba(255, 255, 255, 0.4);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 494 494'%3e%3cg fill='none' stroke='%23000'%3e%3ccircle cx='170' cy='170' r='150' stroke-width='40'/%3e%3cpath d='m280 280 194 194' stroke-width='56'/%3e%3c/g%3e%3c/svg%3e");
	background-size: 42px 42px;
	opacity: 0.3;
	border-radius: 50px;
}
.gallery-box a.gallery-box-zoom:hover {
	opacity: 1;
}
.gallery-box a.gallery-box-close {
	top: -10px;
	right: -10px;
	width: 32px;
	height: 32px;
	border: 4px solid #fff;
	box-shadow: 0 0 3px 0 #000;
	border-radius: 20px;
	background-color: #d80c13;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='none' stroke='%23eee' stroke-width='3'%3e%3cpath d='m1 1 14 14'/%3e%3cpath d='m1 15 14-14'/%3e%3c/g%3e%3c/svg%3e");
	background-size: 14px 14px;
	transition: 0.2s all linear;
}
.gallery-box a.gallery-box-close:hover {
	background-size: 18px 18px;
	opacity: 1;
}
.gallery-box a.gallery-box-right,
.gallery-box a.gallery-box-left {
	height: 100%;
	width: 30%;
}
.gallery-box a.gallery-box-left {
	left: 0;
	background-position: left center;
}
.gallery-box a.gallery-box-left:hover {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23eee' stroke-width='2' d='m11 2-6 6 6 6'/%3e%3c/svg%3e");
	background-size: 100px 100px;
}
.gallery-box a.gallery-box-right {
	right: 0;
	background-position: right center;
}
.gallery-box a.gallery-box-right:hover {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23eee' stroke-width='2' d='m5 14 6-6-6-6'/%3e%3c/svg%3e");
	background-size: 100px 100px;
}
.gallery-box-iframe {
	min-width: 360px;
	height: 80vh;
	width: 40vw;
	border-radius: 30px;
}

@keyframes gallery-box-rotate {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/*** dialog + polyfill ***/
dialog {
	display: none;
	/*position: absolute;*/
	z-index: 999999;
	left: 0;
	right: 0;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: fit-content;
	height: -moz-fit-content;
	height: -webkit-fit-content;
	height: fit-content;
	margin: auto;
	padding: 0;
	background: #fff;
	color: #000;
	border: 1px solid #999;
	transition: all 0.2s linear;
}
dialog[open] {
	display: block;
}
dialog + .backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.2);
}
._dialog_overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
dialog.fixed {
	position: fixed;
	top: 50%;
	transform: translate(0, -50%);
}
.modal-dialog {
	border-radius: 2px;
	transform: translate(0, -100%) scale(0.1);
	opacity: 0.1;
	min-width: 360px;
	max-width: 600px;
}
.modal-full {
	width: 80vw;
	max-width: none;
}
*::-ms-backdrop, .modal-dialog { width: 600px; }	/* IE 11 max- cant center */
@media screen\0 { .modal-dialog { width: 600px; } } /* IE 9,10 */

.modal-dialog.jdialog-show {
	transform: translate(0) scale(1);
	opacity: 1;
}
.modal-header .btn-close {
	font-size: 1.2em;
	box-sizing: content-box;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	width: 1em;
	height: 1em;
	color: #000;
	border: none;
	opacity: 0.5;
}
.modal-header .btn-close:hover {
	opacity: 0.8;
	cursor: pointer;
}
.modal-header {
	display: flex;
	border-radius: 1px 1px 0 0;
	justify-content: space-between;
	padding: 15px 15px 10px 15px;
	background: #134395;
	color: #fff;
}
.modal-header h1 {
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1em;
	margin: 0 5px 0 0;
	padding: 0;
}
.modal-body {
	padding: 0 15px;
	margin: 15px 0;
}
.modal-body input:not([type="checkbox"]):not([type="radio"]) {
	width: 100%;
}
.modal-footer {
	border-radius: 0 0 1px 1px;
	padding: 6px 12px;
	text-align: right;
	border-top: 1px solid #999;
}
.modal-footer > * {
	margin: 3px;
}