@charset "utf-8";
/****************************************/
/*	CSS Document 						*/
/*	CMS Agilis 3.2						*/
/*										*/
/*	Abrupta Servis s.r.o.				*/
/*	stylesheet.global.css				*/
/*	version 1.0.0.0	           			*/
/*										*/
/*	created:  2025-09-08      			*/
/*	edit:     2025-09-08				*/
/****************************************/

/* ! + RESET */
:root {
	--beat-color-01:				#5D3700;
	--beat-color-02:				#FFDD00;
	--beat-color-03:				#9B8C7D;
	--beat-color-04:				#FFE678;
	--beat-color-05:				#D1C5B9;
	--beat-color-06:				#F9EFC7;
	--beat-color-07:				#f5f1e9;
	--beat-color-08:				#e5decf;
	--beat-color-09:				#767676;
	--beat-color-10:				#f5f5f5;
	
	--beat-color-11:				#f7f4e9;
	--beat-color-12:				#aaaaaa;
	--beat-color-13:				#fafafa;
	--beat-color-14:				#f5ebd1;
	--beat-color-15:				#4CBB17;
	--beat-color-16:				#dedede;
	--beat-color-17:				#009ce8;
	--beat-color-18:				#D0473E;
	--beat-color-19:				#ffffff;
	--beat-color-20:				#ffffff;
	
	
	--beat-color-99:				#ffffff;
	--beat-color-00:				#000000;
	
	--beat-ntf-border:				4px;
	--beat-ntf-success-color:		#3c763d;
	--beat-ntf-success-back:		#dff0d8;
	--beat-ntf-success-border:		#d6e9c6;
	--beat-ntf-info-color:			#31708f;
	--beat-ntf-info-back:			#d9edf7;
	--beat-ntf-info-border:			#bce8f1;
	--beat-ntf-warning-color:		#8a6d3b;
	--beat-ntf-warning-back:		#fcf8e3;
	--beat-ntf-warning-border:		#faebcc;
	--beat-ntf-danger-color:		#a94442;
	--beat-ntf-danger-back:			#f2dede;
	--beat-ntf-danger-border:		#ebccd1;
	
	--beat-badge-inStock:			#4ad295;
	--beat-badge-inStockDays:		#4ad295;
	--beat-badge-inStockWeek:		#4ad295;
	--beat-badge-inStockWeekN:		#4ad295;
	--beat-badge-toOrder:			#4ad295;
	--beat-badge-soldOut:			#4ad295;
    
    --beat-border-color:            #e5e5e5;
	
	--beat-ff1-light: 				'woodfordbourne_thin', sans-serif;
	--beat-ff1-regular: 			'woodfordbourne_regular', sans-serif;
	--beat-ff1-italic: 				'woodfordbourne_italic', sans-serif;
	--beat-ff1-semibold:			'woodfordbourne_bold', sans-serif;
	--beat-ff1-bold: 				'woodfordbourne_bold', sans-serif;
	
	--beat-ff2-light: 				'qanelas_light', sans-serif;
	--beat-ff2-regular: 			'qanelas_regular', sans-serif;
	--beat-ff2-italic: 				'qanelas_regularitalic', sans-serif;
	--beat-ff2-semibold: 			'qanelas_medium', sans-serif;
	--beat-ff2-bold: 				'qanelas_bold', sans-serif;
	
	--beat-link-color: 				#444444;
	--beat-link-hover-color: 		#D0473E;
	
	--beat-base-color: 				#444444;
	--beat-base-size: 				18px;
	--beat-base-line: 				28px;
	
	--beat-price-color:				#111111;
	--beat-price-action-color:		#D0473E;
	--beat-price-old-color:			#666666;
	
	--beat-base-transition: 		all .3s ease-in-out 0s;
	
}

html,body,div,span,applet,object,iframe,input,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,select,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,tmenu,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-weight:100; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
* { -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
img { display:block; }
/*   - RESET */

/* ! + PAGE DESIGN */
.underlie { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; overflow: hidden; z-index: 0; background-size:cover; background-clip:border-box; background-position: center center; background-repeat: no-repeat; transition: .3s; }
.underlie > img { position: relative; top:50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: auto; min-width: 100%; height: auto; min-height: 100%; opacity: 1.0; }
.underlie.imageFill > img { width: 100%; }
.underlie.textBack { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: transparent; overflow: hidden; z-index: 0; background-size:cover; background-clip:border-box; background-position: center center; background-repeat: no-repeat; }
.underlie.textBack > div { width: 100%; }
.underlie.textBack span { font-family: 'qanelas_bold'; font-size: 5.4em; line-height: 2.1em; color: #f8f8f8; }
.underlie.backAnime { opacity: .4; background: linear-gradient(-45deg, #00ccff, #ff00cc, #fbff00); background-size: 400% 400%; animation: gradientBG 15s ease infinite; }
.underlie.backFill { opacity: .4; }
.table { display: table; width: 100%; }

.focusCont i { font-size: 4.0em; line-height: 1.0em; }
.table .focusCont { position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; opacity: .0; transition: .3s; color: #69b53e; }
.table .focusCont:focus,
.table .focusCont:hover { opacity: 1.0; -webkit-transition-delay: .3s; transition-delay: .3s; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.3s; }

.backFill { position: absolute; top:0; right: 0; bottom: 0; left: 0; z-index: 0; }
.backFill:hover { }

.borderBs { border-bottom: solid 1px var(--beat-color-10); }
.borderTs { border-top: solid 1px var(--beat-color-10); }
.borderBd { background-image: linear-gradient(to right, #d1d1d1 40%, transparent 0%); background-position: bottom; background-size: 12px 1px; background-repeat: repeat-x; }
.borderAdRad { border: dashed 1px #d1d1d1; border-radius: .4em; -webkit-border-radius: $border-radius; -webkit-mask-image: -webkit-radial-gradient(circle, white, white); }

.floatingImg { position: absolute; width: 30.0em; top: 50%; right: 10%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.tempInfoCap { background-color: #000; color: #fff; font-size: 1.4em; line-height: 1.0em; }

#Header {}

#ProductCategory { background-color: var(--beat-color-11); }
#ProductCategory .bannerBox { margin-top: -100px; z-index: 1; }

#About { background-color: var(--beat-color-11); }
#About .backImage { position: absolute; bottom: 2%; right: 4%; background: transparent; opacity: .4; z-index: 0; }
#About .backImage svg { width: 360px; fill: var(--beat-color-05); }

#ConfirmOrderBtn { gap: 0; }
#ConfirmOrderBtn .primaryText { font-size: 24px; line-height: 26px; font-family: var(--beat-ff1-bold); }
#ConfirmOrderBtn .secondaryText { font-size: 16px; line-height: 20px; font-family: var(--beat-ff1-light); }

#Footer { background-color: var(--beat-color-14); }
#Footer .backImage { position: absolute; bottom: 0; right: 1%; background: transparent; opacity: .4; z-index: 0; }
#Footer .backImage svg { width: 500px; fill: var(--beat-color-05); }

.itemBoxShadow { box-shadow: rgba(50, 50, 93, 0.1) 0px 10px 18px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; }

.perexXL p > strong { color: #1E1E1E; }

.beatGeneral-01 .flexOrder:nth-child(even) .firstFlex { order: 1; }

/* ! + BUTTONs */
.btn { font-size: var(--beat-base-size); line-height: var(--beat-base-line); border-style: solid; border-width: 2px; border-color: transparent; }
.btn:hover { background-color: transparent; }
.btn > a { font-family: var(--beat-ff2-regular); color: var(--beat-color-00); text-transform: none; }
.btn > a:hover { color: var(--beat-color-02); }
.btn i:before { margin-left: 10px; }
.btn.icoLeft i:before { margin-right: 10px; }
.btn.sxxl > a { padding: 20px 60px; font-size: 14px; line-height: 30px; min-width: 230px; text-transform: uppercase; }
.btn.sxl > a { padding: .6rem 1.6rem; font-size: 1.33rem; line-height: 1.5rem; min-width: 8.6rem; }
.btn.sl > a { padding: .4rem 1.3rem; font-size: 1.1rem; line-height: 1.4rem; min-width: 6.4rem; }
.btn.sm > a { padding: .4rem .9rem; font-size: 1.0rem; line-height: 1.2rem; }
.btn.ss > a { padding: .3rem .6rem; font-size: .9rem; line-height: 1.2rem; }
.btn.st > a { padding: 0 0; font-size: .9rem; line-height: 1.2rem; }
.btn.primary { background-color: var(--beat-color-01); border-color: var(--beat-color-01); }
.btn.primary:hover { background-color: var(--beat-color-99); }
.btn.primary > a { color: var(--beat-color-99); }
.btn.primary > a:hover { color: var(--beat-color-01); }
.btn.primout { background-color: transparent; border-color: var(--beat-color-01); border-width: 1px; }
.btn.primout:hover { background-color: var(--beat-color-01); }
.btn.primout > a { color: var(--beat-color-01); }
.btn.primout > a:hover { color: var(--beat-color-99); }
.btn.secondary { background-color: var(--beat-color-02); }
.btn.secondary:hover { background-color: var(--beat-color-15); }
.btn.secondary > a { color: var(--beat-color-01); }
.btn.secondary > a:hover { color: var(--beat-color-99); }
.btn.secout { background-color: #fff; border-color: #fed34a; }
.btn.secout:hover { background-color: #fed34a; }
.btn.secout > a { color: #fed34a; }
.btn.secout > a:hover { color: #fff; }
.btn.terciary { background-color: #DD1528; }
.btn.terciary:hover { background-color: #fff; }
.btn.terciary > a { color: #fff; }
.btn.terciary > a:hover { color: #DD1528; }
.btn.terout { background-color: #ff0000; border-color: #fff; }
.btn.terout:hover { background-color: #fff; }
.btn.terout > a { color: #fff; }
.btn.terout > a:hover { color: #ff0000; }
.btn.rounded { border-radius: .2em; }

.btn.moreCont > a { color: #e0e0e0; }
.btn.moreCont > a:hover { color: #fed34a; }

.btn.animeBtn a:hover:before { opacity: 1; transform: translate(0,0); }
.btn.animeBtn a:before { content: attr(data-hover); position: absolute; left: 0; width: 100%; opacity: 0; transform: translate(-100%,0); transition: all .3s ease-in-out; }
.btn.animeBtn a:hover span { opacity: 0; transform: translate(100%,0); }
.btn.animeBtn a span { transition: all .3s ease-in-out; }
/* ! - BUTTONs */

.badgeBox { display: flex; gap: 4px; width: 100%; }
.badge { min-width: auto; padding: 4px 8px 3px; font-size: 14px; line-height: 16px; letter-spacing: .4px; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 5px; }
.badge.success { background-color: #4ad295; }

/* ! + BADGE STOCK */
.badge.inStock { background-color: var(--beat-badge-inStock); }
.badge.inStockDays { background-color: var(--beat-badge-inStockDays); }
.badge.inStockWeek { background-color: var(--beat-badge-inStockWeek); }
.badge.inStockWeekN { background-color: var(--beat-badge-inStockWeekN); }
.badge.toOrder { background-color: var(--beat-badge-toOrder); }
.badge.soldOut { background-color: var(--beat-badge-soldOut); }
/*   - BADGE STOCK */

@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/* + MEDIA QUERIES */

@media only screen and (min-width: 1281px) {
}
/** XD 12 - Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .responsive #Header.homeHeight > .underlie.backImage { background-image: url("/img/image-header-1024.jpg"); }
    .responsive .floatingImg { width: 25.0em;right: 5%; }
    .responsive .general-01 iframe.gMap { height: 400px; }
    .responsive #Header .floatingImg { width: 40.0em; top: 80%; right: 2%; }
}
/** LD 9 - Tablet Landscape size to standard 960 (devices and browsers) **/
@media only screen and (min-width: 720px) and (max-width: 959px) {
    .responsive #Header.homeHeight > .underlie.backImage { background-image: url("/img/image-header-800.jpg"); }
    .responsive body { cursor: pointer; }
    .responsive .general-01 .bigContact p.bigger { font-size: 1.8em; }
    .responsive .general-01 iframe.gMap { height: 400px; }
    .responsive #Header .floatingImg { width: 30.0em; top: 80%; right: 2%; }
	
	.responsive .beatGeneral-01 .flexOrder:nth-child(even) .firstFlex { order: auto; }
}
/** MD 6 - Mobile Landscape Size to Tablet Portrait (devices and browsers) **/
@media only screen and (min-width: 480px) and (max-width: 719px) {
    .responsive body { cursor: pointer; }
    .responsive #Header.homeHeight > .underlie.backImage { background-image: url("/img/image-header-600.jpg"); }
    .responsive .general-01 .testimonialWrap:after { left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
    .responsive .general-01 .bigContact p.bigger { font-size: 1.4em; }
    .responsive .general-01 iframe.gMap { height: 400px; }
    .responsive #Header .floatingImg { width: 26.0em; top: 80%; right: -15%; }
    .responsive #Footer .footLogo p { letter-spacing: .1em; }
	
	.responsive .beatGeneral-01 .flexOrder:nth-child(even) .firstFlex { order: auto; }
}
/** SD 4 / Mobile Portrait Size to Mobile Landscape Size (devices and browsers) **/
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .responsive body { cursor: pointer; }
    .responsive #Header.homeHeight > .underlie.backImage { background-image: url("/img/image-header-350.jpg"); }
    .responsive #Header .underlie.imageFill > img { height: 101%; }
    .responsive .general-01 .testimonialWrap:after { left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
    .responsive .general-01 .bigContact p.bigger { font-size: 1.6em; }
    .responsive .general-01 iframe.gMap { height: 400px; }
    .responsive #Header .floatingImg { width: 20.0em; top: 80%; right: -15%; }
    .responsive #Footer .footLogo p { font-size: .6em; letter-spacing: .05em; }
	
	.responsive .beatGeneral-01 .flexOrder:nth-child(even) .firstFlex { order: auto; }
}
/* - MEDIA QUERIES */