/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Equal image heights */
.product-small .box-image .image-zoom a {
	text-align: center;
}

.product-small .box-image {
	padding-top: 120%;
}

.product-small .box-image img {
	position: absolute;
	
	width: auto;
	padding: 4.5%;
	height: auto;
	max-height: 100%;
	
	top: 50%;
	transform: translate(0,-50%);
}

#content .flickity-viewport .product-small .box-image img {
	transform: translate(-50%,-50%);
}

.has-hover:hover .product-small .image-zoom img {
	transform: scale(1.1) translate(0,-45%);
}

#content .flickity-viewport .has-hover:hover .image-zoom img {
	transform: scale(1.1) translate(-45%,-45%);
}
/* Equal image heights end */

/* CATALOG */

.icon-heart:before{
	content:""
}

.icon-heart-o:before{
	content:""
}

.grecaptcha-badge {
	opacity: 0;
}

/* Product page */

/* limit product image height on product page */
.woocommerce div.product div.images img {
	background-color: #fff;
	min-height: 600px;
	max-height: 600px;
	min-width: 100%
	max-width: 100%;
	object-fit: contain;
}
/* limit product image height on product page end*/

.parameters > * {
	padding: .5em;
	transition: all ease-in-out .2s;
}

.parameters > *:not(.CATEGORY) {
	border-bottom: 1px solid #ececec;
	display: flex;
	flex-direction: row;
	border-bottom: 1px solid #ececec;
}

.parameters > *:not(.CATEGORY):hover {
	background-color: #f1f1f1;
}

.parameters .CATEGORY {
	font-weight: bold;
	font-size: 1.3em;
	padding-top: 1.3em;
	padding-bottom: 1px;
}

.parameters .value {
	flex: 1;
	text-align: right;
	color: #000;
	font-weight: bold;
	margin-left: 6px;
}

.technology-container .col {
	padding-bottom: 15px;
	padding-top: 15px;
}

.technology-icon {
	position: absolute;
	z-index: 20;
	top: 10%;
	left: 5%;
}

/* Checkout */

.woocommerce-checkout .optional {
	display: none;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}


/* IMPORTED STUFF */

h1.re-title {
	color:#212529!important;
	font-size:36px;
	font-weight:600;
	line-height:1.4;
	margin-top:20px;
	margin-bottom:20px;
}
@media only screen and (max-width:1267.98px) {
	h1.re-title {
		line-height:1.2;
	}
}
@media only screen and (max-width:575.98px) {
	h1.re-title {
		font-size:34px;
	}
}
h2.re-title {
	color:#212529!important;
	font-size:33px;
	font-weight:600;
	line-height:1.4;
	margin-top:20px;
	margin-bottom:20px;
}
@media only screen and (max-width:1267.98px) {
	h2.re-title {
		line-height:1.2;
	}
}
@media only screen and (max-width:575.98px) {
	h2.re-title {
		font-size:31px;
	}
}
h3.re-title {
	color:#212529!important;
	font-size:26px;
	font-weight:600;
	line-height:1.4;
	margin-top:20px;
	margin-bottom:20px;
}
h3.re-title.re-title-blockquote {
	text-align:center;
	color:#7a7a7a!important;
	font-style:italic!important;
	font-size:20px!important;
}
@media only screen and (max-width:1267.98px) {
	h3.re-title.re-title-blockquote {
		font-size:18px!important;
		line-height:1.2;
	}
}
@media only screen and (max-width:575.98px) {
	h3.re-title.re-title-blockquote {
		font-size:16px!important;
	}
}
h3.re-title.re-title-blockquote:before {
	content:"„";
}
h3.re-title.re-title-blockquote:after {
	content:"“";
}
@media only screen and (max-width:1267.98px) {
	h3.re-title {
		font-size:24px;
		line-height:1.2;
	}
}
@media only screen and (max-width:575.98px) {
	h3.re-title {
		font-size:22px;
	}
}
h4.re-title {
	color:#212529!important;
	font-size:20px;
	font-weight:600;
	line-height:1.4;
	margin-top:20px;
	margin-bottom:20px;
}
h4.re-title.re-title-blockquote {
	text-align:center;
	color:#7a7a7a!important;
	font-style:italic!important;
}
h4.re-title.re-title-blockquote:before {
	content:"„";
}
h4.re-title.re-title-blockquote:after {
	content:"“";
}
@media only screen and (max-width:1267.98px) {
	h4.re-title {
		font-size:18px;
		line-height:1.2;
	}
}
@media only screen and (max-width:575.98px) {
	h4.re-title {
		font-size:16px;
	}
}
.re-center {
	text-align:center;
}
.re-row {
	display:flex;
	flex-direction:row;
	overflow:hidden;
	margin:30px -30px;
}
.re-row.re-row-bottom-sticky {
	margin-bottom:-30px;
}
@media only screen and (max-width:1267.98px) {
	.re-row.re-row-bottom-sticky {
		margin-bottom:0;
	}
}
@media only screen and (max-width:1267.98px) {
	.re-row {
		margin:0;
		flex-direction:column;
	}
}
.re-row.re-row-middle .re-column {
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.re-row .re-column {
	flex:1 1 0;
	margin:0 30px 30px 30px;
}
@media only screen and (max-width:1267.98px) {
	.re-row .re-column {
		margin:0 0 30px 0;
	}
}
.re-row .re-column h1,
.re-row .re-column h2,
.re-row .re-column h3,
.re-row .re-column h4 {
	margin-top:0!important;
}
@media only screen and (max-width:575.98px) {
	.re-row .re-column h2,
	.re-row .re-column h3,
	.re-row .re-column h4 {
		text-align:center!important;
	}
}
.re-row .re-column p,
.re-row .re-column ul {
	color:#7a7a7a;
}
.re-row .re-column .re-column-middle {
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.re-row .re-column .re-column-inner p:last-child {
	margin-bottom:0;
}
.re-grid {
	display:grid;
	overflow:hidden;
	margin:0 -15px;
}
@media only screen and (max-width:1267.98px) {
	.re-grid {
		grid-template-columns:100%!important;
	}
}
.re-grid .re-grid-item-1 {
	grid-column:1;
	grid-row:1;
	margin:0 15px 30px 15px;
}
@media only screen and (max-width:1267.98px) {
	.re-grid .re-grid-item-1 {
		margin:0 0 30px 0;
	}
}
.re-grid .re-grid-item-2 {
	grid-column:2;
	grid-row:1;
	margin:0 15px;
}
@media only screen and (max-width:1267.98px) {
	.re-grid .re-grid-item-2 {
		grid-column:1;
		grid-row:2;
		margin:0 0 30px 0;
	}
}
.re-grid.re-grid-1-3 {
	grid-template-columns:25% 75%;
}
.re-grid.re-grid-3-1 {
	grid-template-columns:75% 25%;
}
.re-grid.re-grid-1-2 {
	grid-template-columns:33.3% 66.6%;
}
.re-grid.re-grid-2-1 {
	grid-template-columns:66.6% 33.3%;
}
.re-align-middle {
	height:100%;
	display:flex;
	align-items:center;
}
.re-align-middle .re-align-middle-inner {
	flex:1;
	flex-direction:row;
}
.re-align-bottom {
	height:100%;
	display:flex;
	align-items:flex-end;
}
ul.re-list {
	list-style:none!important;
	margin-left:0;
	margin-bottom:30px;
	padding-left:0;
}
@media only screen and (max-width:575.98px) {
	ul.re-list {
		margin-bottom:20px;
	}
}
ul.re-list li {
	margin-bottom:-5px;
	list-style-position:inside;
	padding-left:1em;
	text-indent:-1em;
}
ul.re-list li:before {
	width:30px;
	content:"■";
	font-size:1.5em;
	padding-right:9px;
}
ul.re-list ul {
	padding-inline-start:20px;
	list-style:none!important;
	margin-left:0;
	padding-left:0;
	margin-bottom:5px;
}
ul.re-list ul li {
	margin-left:5px;
	list-style-position:inside;
	padding-left:1em;
	text-indent:-1em;
}
ul.re-list ul li:before {
	content:"-";
	font-size:1.2em;
	padding-right:9px;
}
ul.re-list ul ul {
	padding-inline-start:40px;
	list-style:none!important;
	margin-left:0;
	padding-left:0;
	margin-bottom:5px;
}
ul.re-list ul ul li {
	margin-left:2px;
	list-style-position:inside;
	padding-left:1em;
	text-indent:-1em;
}
ul.re-list ul ul li:before {
	content:"-";
	font-size:1.2em;
	padding-right:9px;
}
p+ul.re-list {
	margin-top:-15px;
}
@media only screen and (max-width:575.98px) {
	p+ul.re-list {
		margin-top:-5px;
	}
}
p.re-paragraph {
	margin-bottom:30px;
}
@media only screen and (max-width:575.98px) {
	p.re-paragraph {
		margin-bottom:20px;
	}
}
.re-button {
	text-align:center;
	margin-top:24px;
}
.re-button.re-button-left {
	text-align:left!important;
}
@media only screen and (max-width:575.98px) {
	.re-button.re-button-left {
		text-align:center!important;
	}
}
.re-button.re-button-right {
	text-align:right!important;
}
.re-button.re-button-center {
	text-align:center!important;
}
.re-button button,
.re-button a {
	text-decoration:none!important;
	display:inline-block;
	font-weight:400;
	color:#fff!important;
	text-align:center;
	vertical-align:middle;
	user-select:none;
	background-color:#cf0101;
	padding:.5rem 1rem;
	font-size:1.15rem;
	line-height:1.5;
	border-radius:.3rem;
	border:1px solid transparent;
	cursor:pointer;
	transition:all ease-in-out .2s;
}
.re-button button:hover,
.re-button a:hover {
	background-color:#717171;
	transform:scale(1.05);
}
.re-button button:focus,
.re-button a:focus {
	box-shadow:0 0 0 .2rem rgba(206,2,1,.2);
}
.re-modal {
	display:none;
}
.re-youtube {
	position:relative;
	width:100%;
	padding-bottom:56.25%;
	height:0;
}
.re-youtube iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
}
img.re-picture {
	height:auto;
	width:100%;
	margin:auto;
	cursor:pointer;
}
img.re-picture-non-responsive {
	height:auto;
	width:auto;
	max-width:100%;
}
video.re-video {
	height:auto;
	width:100%;
	margin:auto;
}
.re-mt-1 {
	margin-top:4px;
}
.re-mt-2 {
	margin-top:8px;
}
.re-mt-3 {
	margin-top:16px;
}
.re-mt-4 {
	margin-top:24px;
}
.re-mt-5 {
	margin-top:30px;
}
.re-mt-6 {
	margin-top:36px;
}
.re-mt-7 {
	margin-top:42px;
}
.re-mr-1 {
	margin-right:4px;
}
.re-mr-2 {
	margin-right:8px;
}
.re-mr-3 {
	margin-right:16px;
}
.re-mr-4 {
	margin-right:24px;
}
.re-mr-5 {
	margin-right:30px;
}
.re-mr-6 {
	margin-right:36px;
}
.re-mr-7 {
	margin-right:42px;
}
.re-mb-1 {
	margin-bottom:4px;
}
.re-mb-2 {
	margin-bottom:8px;
}
.re-mb-3 {
	margin-bottom:16px;
}
.re-mb-4 {
	margin-bottom:24px;
}
.re-mb-5 {
	margin-bottom:30px;
}
.re-mb-6 {
	margin-bottom:36px;
}
.re-mb-7 {
	margin-bottom:42px;
}
.re-ml-1 {
	margin-left:4px;
}
.re-ml-2 {
	margin-left:8px;
}
.re-ml-3 {
	margin-left:16px;
}
.re-ml-4 {
	margin-left:24px;
}
.re-ml-5 {
	margin-left:30px;
}
.re-ml-6 {
	margin-left:36px;
}
.re-ml-7 {
	margin-left:42px;
}
.re-hidden {
	display:none;
}
.re-popup-image {
	display:none;
	position:fixed;
	z-index:9999;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.8);
	overflow:auto;
}
.re-popup-image .re-popup-image-content {
	margin:auto;
	display:block;
	height:100%;
	width:100%;
	position:relative;
	z-index:9999;
	cursor:pointer;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.re-popup-image .re-popup-image-content img {
	position:relative;
	display:block;
	width:auto;
	height:auto;
	max-width:80%;
	max-height:80%;
	margin:auto;
}
@media only screen and (max-width:575.98px) {
	.re-popup-image .re-popup-image-content img {
		max-width:70%;
		max-height:70%;
	}
}
.re-popup-image .re-popup-image-content .re-popup-image-close {
	position:absolute;
	top:64px;
	right:64px;
	font-size:2.6em;
	color:#fff;
	font-weight:bold;
	padding:10px;
	cursor:pointer;
	transition:all ease-in-out .2s;
}
@media only screen and (max-width:1267.98px) {
	.re-popup-image .re-popup-image-content .re-popup-image-close {
		top:64px;
		right:32px;
	}
}
.re-popup-image .re-popup-image-content .re-popup-image-close:hover {
	color:#aaa;
}
.re-popup-image-src {
	cursor:pointer;
}
/* IMPORTED STUFF END */