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

/* ! + RESET */
:root {
	--beat-back-color1: 			#CC0D24;
	--beat-back-color2: 			#C2C6AB;
	--beat-back-color3: 			#3C3C3C;
	--beat-back-color4: 			#f4f4f4;
	--beat-back-color5: 			#F3F3F3;
	--beat-back-color6:				#f5fefe;
	--beat-back-color7: 			transparent;
	--beat-back-color8:				#081a55;
	
	--beat-back-color-black: 		#000000;
	--beat-back-color-white: 		#ffffff;
	
	--beat-border-color1: 			#CC0D24;
	--beat-border-color2: 			#C2C6AB;
	--beat-border-color3: 			#3C3C3C;
	--beat-border-color4: 			#E5E4E4;
	--beat-border-color5:			#ededed;
	
	--beat-font-color1: 			#CC0D24;
	--beat-font-color2: 			#C2C6AB;
	--beat-font-color3: 			#3C3C3C;
	--beat-font-color4: 			#dddddd;
	--beat-font-color5:				#d00909;
	--beat-font-color6:				#E8E8E8;
	
	--beat-font-color-black: 		#000000;
	--beat-font-color-white: 		#ffffff;
	
	--beat-font-family1-light: 		'noirpro_light', sans-serif;
	--beat-font-family1-regular: 	'kapraneue_regular', sans-serif;
	--beat-font-family1-italic: 	'kapraneue_regularitalic', sans-serif;
	--beat-font-family1-semibold:	'kapraneue_semibold', sans-serif;
	--beat-font-family1-bold: 		'kapraneue_bold', sans-serif;
	
	--beat-font-family2-light: 		'qanelas_light', sans-serif;
	--beat-font-family2-regular: 	'qanelas_regular', sans-serif;
	--beat-font-family2-italic: 	'qanelas_reguaritalic', sans-serif;
	--beat-font-family2-semibold: 	'qanelas_medium', sans-serif;
	--beat-font-family2-bold: 		'qanelas_bold', sans-serif;
	
	--beat-link-color: 				#CC0D24;
	--beat-link-hover-color: 		#b91024;
	
	--beat-font-base-color: 		#6D6E70;
	--beat-font-base-size: 			18px;
	--beat-font-base-line: 			28px;
	
	--beat-transition-base: 		all .3s ease 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; }

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

.borderBs { border-bottom: solid 1px #E5E5E5; }
.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); }

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

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

#HeaderSlideWrap > .underlie { opacity: .8; }
#HeaderSlideWrap > .underlie.headerSlider { background-color: #6FC191; }
#HeaderSlideWrap .homeHeadContHeight { min-height: 560px; }
#HeaderSlideWrap > .underlie.backFill {  }
#HeaderSlideWrap .underlie.backFill { opacity: .6; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
 }
 
#ServicesList { background-color: var(--beat-back-color4); }

#ReferencesList { background-color: var(--beat-back-color4); }

#Footer { background-color: var(--beat-back-color3); color: var(--beat-font-color4); }
#Footer .underlie { opacity: .1; }
#Footer a { color: var(--beat-font-color-white); }
#Footer i:before { margin-right: .4em; }

.advCategory .advCategoryIcon img { height: 120px; width: auto; margin: 0 auto; }

@media only screen and (min-width: 720px) and (max-width: 959px) {
	.responsive .beatFeatures-01 .featureIcon img { height: 80px; }
}
/** 6 / Mobile Landscape Size to Tablet Portrait (devices and browsers) **/
@media only screen and (min-width: 480px) and (max-width: 719px) {
	.responsive .beatFeatures-01 .featureIcon img { height: 80px; }
}
/** 4 / Mobile Portrait Size to Mobile Landscape Size (devices and browsers) **/
@media only screen and (max-width: 479px) {
	.responsive .beatFeatures-01 .featureIcon img { height: 80px; }
}

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

.general .directorsCorner .perexL > p { color: #222222; font-size: 1.2em; }
.general .directorsCorner .floatingImg { width: 20.0em; bottom: -20%; right: -4%; opacity: .4; }
.general .directorWords { border-radius: .8em; }
.general .directorPerson p { margin-bottom: .1em; font-size: .9em; line-height: 1.0em; }
.general .directorPerson p:first-child { color: #DD1528; font-size: 1.4em; font-family: 'madeevolvesans_bold'; }

.general .testimonialWrap:after { content: ""; position:absolute; bottom: .6rem; left: 2.4rem; display:block; height: 2.0rem; width:2.0rem; background-color:#DD1528; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.general .testimonialWords { background-color: #DD1528; border: solid 1px #ededed; border-radius: .4em; -webkit-border-radius: $border-radius; -webkit-mask-image: -webkit-radial-gradient(circle, white, white); }
.general .testimonialWords .perexL > p { color: #fff; }
.general .testimonialPerson p { margin-bottom: .1em; font-size: .9em; line-height: 1.0em; }
.general .testimonialPerson p:first-child { font-size: 1.4em; font-family: 'madeevolvesans_bold'; }

.general .bigContact p { color: #DD1528; line-height: 1.0em; }
.general .bigContact p:first-child { margin-bottom: .4em; text-transform: uppercase; color: #223574; }
.general .bigContact p.bigger { color: #DD1528; font-family: 'madeevolvesans_bold'; font-size: 2.0em; line-height: 1.0em; }
.general iframe {}
.general iframe.gMap { width: 100%; height: 600px; border: none; }


/* ! + BUTTONs */
.btn { font-size: 1.0em; line-height: 1.4em; border-style: solid; border-width: 2px; border-color: transparent; }
.btn:hover { background-color: transparent; }
.btn > a { font-family: var(--beat-font-family2-regular); color: #000; text-transform: lowercase; letter-spacing: 1.2px; }
.btn > a:hover { color: #DD1528; }
.btn i:before { margin-left: .4em; }
.btn.icoLeft i:before { margin-right: .4em; }
.btn.sxxl > a { padding: 20px 60px; font-size: 14px; line-height: 30px; min-width: 230px; text-transform: uppercase; }
.btn.sxl > a { padding: 15px 40px; font-size: 14px; line-height: 20px; min-width: 180px; }
.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-back-color1); border: none; overflow: hidden; vertical-align: top; border-radius: 8px; }
.btn.primary:hover { background-color: var(--beat-back-color1); }
.btn.primary > a { color: var(--beat-font-color-white); }
.btn.primary > a:hover { color: var(--beat-font-color-white); }
.btn.primary:before { content: ""; width: 110%; height: 100%; position: absolute; top: 0; right: -103%; bottom: 0; transform: skewX(-15deg); opacity: .4; background-color: var(--beat-back-color2); transition: var(--beat-transition-base); }
.btn.primary:after { content: ""; width: 110%; height: 100%; position: absolute; top: 0; right: -103%; bottom: 0; transform: skewX(15deg); opacity: .4; background-color: var(--beat-back-color2); transition: var(--beat-transition-base); pointer-events: none; }
.btn.primary:hover:before { right: -5%; opacity: 1; transition: var(--beat-transition-base); }
.btn.primary:hover:after { right: -5%; opacity: 0; transition: var(--beat-transition-base); }
.btn.primout { background-color: transparent; border-color: #ffffff; }
.btn.primout:hover { background-color: #ffffff; }
.btn.primout > a { color: #ffffff; }
.btn.primout > a:hover { color: #223574; }
.btn.secondary { background-color: var(--beat-back-color2); border: none; overflow: hidden; vertical-align: top; }
.btn.secondary:hover { background-color: var(--beat-back-color2); }
.btn.secondary > a { color: var(--beat-font-color-white); }
.btn.secondary > a:hover { color: var(--beat-font-color-white); }
.btn.secondary:before { content: ""; width: 110%; height: 100%; position: absolute; top: 0; right: -103%; bottom: 0; transform: skewX(-15deg); opacity: .4; background-color: var(--beat-back-color1); transition: var(--beat-transition-base); }
.btn.secondary:hover:before { right: -5%; opacity: 1; transition: var(--beat-transition-base); }
.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: var(--beat-back-color-white); border: none; overflow: hidden; vertical-align: top; }
.btn.terciary:hover { background-color: var(--beat-back-color-white); }
.btn.terciary > a { color: var(--beat-font-color2); }
.btn.terciary > a:hover { color: var(--beat-font-color-white); }
.btn.terciary:before { content: ""; width: 110%; height: 100%; position: absolute; top: 0; right: -103%; bottom: 0; transform: skewX(-15deg); opacity: .4; background-color: var(--beat-back-color2); transition: var(--beat-transition-base); }
.btn.terciary:hover:before { right: -5%; opacity: 1; transition: var(--beat-transition-base); }
.btn.terout { background-color: var(--beat-back-color7); border-color: var(--beat-font-color-white); }
.btn.terout:hover { background-color: var(--beat-back-color-white); }
.btn.terout > a { color: var(--beat-font-color-white); }
.btn.terout > a:hover { color: var(--beat-font-color1); }
.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 */

/* ! + ANIMATION */
.bounce-y { -webkit-animation: bounce-y 10s infinite linear; animation:bounce-y 10s infinite linear }
.bounce-x { -webkit-animation: bounce-x 10s infinite linear; animation:bounce-x 10s infinite linear }
.spin { -webkit-animation: spin 10s infinite linear; animation: spin 10s infinite linear }

@-webkit-keyframes bounce-y {
	0% { -webkit-transform: translateY(0); transform:translateY(0) }
	50% { -webkit-transform: translateY(-30px); transform:translateY(-30px) }
	100% { -webkit-transform: translateY(0); transform:translateY(0) }
}

@keyframes bounce-y {
	0% { -webkit-transform: translateY(0); transform:translateY(0) }
	50% { -webkit-transform: translateY(-30px); transform:translateY(-30px) }
	100% { -webkit-transform: translateY(0); transform:translateY(0) }
}

@-webkit-keyframes bounce-x {
	0% { -webkit-transform: translateX(0); transform:translateX(0) }
	50% { -webkit-transform: translateX(30px); transform:translateX(30px) }
	100% { -webkit-transform: translateX(0); transform:translateX(0) }
}

@keyframes bounce-x {
	0% { -webkit-transform: translateX(0); transform:translateX(0) }
	50% { -webkit-transform: translateX(30px); transform:translateX(30px) }
	100% { -webkit-transform: translateX(0); transform:translateX(0) }
}

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

@-moz-keyframes spin { 
	100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
	100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
	100% { 
		-webkit-transform: rotate(360deg); 
		transform:rotate(360deg); 
	} 
}
/*   - ANIMATION */

/* + 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) {
}
/** LD 9 - Tablet Landscape size to standard 960 (devices and browsers) **/
@media only screen and (min-width: 720px) and (max-width: 959px) {
    .responsive body { cursor: pointer; }
}
/** 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 .btn.primary a { white-space: normal; }
}
/** 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 .btn.primary a { white-space: normal; }
}
/* - MEDIA QUERIES */