:root {
	--colGrey: #878787;
	--colGreyLight: #E9E9EF;
	--colBlue: #294F96;
	--colGreen: #4E9F3D;
	--colGreenLight: #EAFFE5;
	--colBlack: #070D28;
	--colBgLightBlue: #E5EFFF;
	--colRed: #D71920;
	--colRedLight: #ffeeee;
	--colYellow: #FF9D00;
	--colYellowLight: #fff2dd;
}

.w-300 { font-weight: 300!important; }
.w-500 { font-weight: 500!important; }
.w-600 { font-weight: 600!important; }
.hl-black { color: #000!important; }
.hl-dark-black { color: var(--colBlack)!important; }
.hl-blue { color: var(--colBlue)!important; }
.hl-green { color: var(--colGreen)!important; }
.hl-grey { color: var(--colGrey)!important; }
.hl-white { color: #fff!important; }
.bg-grey { background: #f7f7f7!important; }
.bg-white { background: #fff!important; }
.bg-blue { background: var(--colBgLightBlue);!important; }
.bg-dark-blue { background: var(--colBlue);!important; }
.border-blue { border-color: var(--colBlue)!important; }
.border-1 { border-style: solid; border-width: 1px; }
.border-grey { border-color: var(--colGrey)!important; }
.border-grey-light { border-color: var(--colGreyLight)!important; }

.text-underline { text-decoration: underline!important; }
.text-strike { text-decoration: line-through!important; }
.text-italic { font-style: italic!important; }

.no-border { border: none!important}
.br-4 { border-radius: 4px!important; }
.br-6 { border-radius: 6px!important; }
.br-8 { border-radius: 8px!important; }
.br-10 { border-radius: 10px!important; }
.br-12 { border-radius: 12px!important; }
.br-14 { border-radius: 14px!important; }
.br-20 { border-radius: 20px!important; }
.br-round { border-radius: 50%!important; }

.gap-4 { gap: 4px; }
.gap-6 { gap: 6px; }
.gap-8 { gap: 8px; }
.gap-10 { gap: 10px; }
.gap-12 { gap: 12px; }
.gap-16 { gap: 16px; }
.gap-20 { gap: 20px; }

.gap-row-4 { row-gap: 4px; }
.gap-row--6 { row-gap: 6px; }
.gap-row--8 { row-gap: 8px; }
.gap-row-10 { row-gap: 10px; }
.gap-row-12 { row-gap: 12px; }
.gap-row-16 { row-gap: 16px; }
.gap-row-20 { row-gap: 20px; }

.m-2x { margin: 2rem !important }
.mt-2x, .my-2x { margin-top: 2rem!important; }
.mr-2x, .mx-2x { margin-right: 2rem!important; } 
.mb-2x, .my-2x { margin-bottom: 2rem!important; } 
.ml-2x, .mx-2x { margin-left: 2rem!important; }

.p-2x { padding: 2rem !important }
.pt-2x, .py-2x { padding-top: 2rem!important; }
.pr-2x, .px-2x { padding-right: 2rem!important; } 
.pb-2x, .py-2x { padding-bottom: 2rem!important; } 
.pl-2x, .px-2x { padding-left: 2rem!important; }

.btn { border-radius: 50px; font-weight: 700; font-size: 1.06666rem; line-height: 1; text-align: center; padding: 14px 20px; }
.btn-xs { padding: 8px 16px; }
.btn-sm { padding: 12px 24px; }
.btn-lg { padding: 18px 30px; }
.btn-grey {color: #000; background-color: #E1E1E1; border-color: #E1E1E1; }
.btn-grey:hover {color: #fff; background-color: #3E6BBE; border-color: #3E6BBE; }
.btn-white {color: #000; background-color: #fff; border-color: #fff; }
.btn-white:hover { border-color: #194986; }
.btn-warning:hover { color: #fff; }
.btn-transp { background: #fff; color: #000; border-color: #000; }
.btn-transp:hover { background: var(--colGreen); color: #fff; border-color: var(--colGreen); }
.btn-info { background: #3E6BBE; color: #fff; }
.btn-info:hover { background: var(--colGreen); color: #fff; }

.stretch-view { width: 100vw; margin-left: -50vw; left: 50%; position: relative; }
.clamp { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; }
.clamp-2 { -webkit-line-clamp: 2; height: 2.8rem; }
.clamp-3 { -webkit-line-clamp: 3; height: 4rem; }

.f-sm-1 { font-size: .93333rem!important; }
.f-sm-2 { font-size: .86666rem!important; }
.f-sm-3 { font-size: .8rem!important; }

.f-lg-1 { font-size: 1.0666rem!important; }
.f-lg-2 { font-size: 1.1333!important; }
.f-lg-3 { font-size: 1.2rem!important; }
.f-big { font-size: 1.4rem!important; }
.f-xl { font-size: 1.6rem!important; }
.small-h { font-size: 1.5rem; font-weight: 500; margin-bottom: 1rem; }
.medium-h { font-size: 2.8rem; font-weight: 700; margin-bottom: .5rem; line-height: 1.4; }
.big-h { font-size: 4.66666rem; font-weight: 700; margin-bottom: 1rem; line-height: 1; }

.lh-1 { line-height: 1; }
.lh-20 { line-height: 1.3333; }

.cuico {
	display: inline-block;
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
}

.cuico.cuico-cart { background: url(/img/misc/cuico-cart.png) no-repeat 0 0 / contain; }
.cuico.cuico-check { background: url(/img/misc/cuico-check.png) no-repeat 0 0 / contain; }

.elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper { justify-content: space-between; }
@media screen and (max-width: 600px) {
	.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper,
	.elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper { display: flex; align-items: center; margin-bottom: 10px; }
	.elementor-widget-image-box.elementor-position-left .elementor-image-box-content,
	.elementor-widget-image-box.elementor-position-right .elementor-image-box-content { text-align: left; }
	.elementor-widget-image-box.elementor-position-left .elementor-image-box-img { margin-right: 1rem!important; margin-bottom: 0; }
	.elementor-widget-image-box.elementor-position-right .elementor-image-box-img { margin-left: 1rem!important; margin-bottom: 0; order: 2; }

	.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper,
	.elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper { display: flex; align-items: center; margin-bottom: 10px; }
	.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-content,
	.elementor-widget-icon-box.elementor-position-right .elementor-icon-box-content { text-align: left; }
	.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon { margin-right: 1rem!important; margin-bottom: 0; }
	.elementor-widget-icon-box.elementor-position-right .elementor-icon-box-icon { margin: 0 0 0 1rem!important; order: 2; }

	.medium-h { font-size: 1.5rem; }
	.big-h { font-size: 2.8rem; }
}

[class*="ec-only-"] { display: none; }
body.cg-4 .ec-only-seller,
body.cg-3 .ec-only-customer { display: block; }