@charset "utf-8";

/****************************************/
/*	CSS Document 						*/
/*	CMS Agilis 3.2						*/
/*										*/
/*	Abrupta Servis s.r.o.				*/
/*	stylesheet.typography.css			*/
/*										*/
/*	created:  2019-03-16      			*/
/*	edit:     2023-07-24				*/
/****************************************/

/* ! + BODY */
html { font-size: var(--beat-font-base-size); }
body { line-height: var(--beat-font-base-line); color: var(--beat-font-base-color); font-family: var(--beat-font-family2-regular); }

::-moz-selection { color: var(--beat-color-99); text-shadow: none; background: var(--beat-color-01); }
::-webkit-selection { color: var(--beat-color-99); text-shadow: none; background: var(--beat-color-01); }
::selection { color: var(--beat-color-99); text-shadow: none; background: var(--beat-color-01); }

a { color: var(--beat-link-color); text-decoration: none; -webkit-transition: var(--beat-transition-base); -moz-transition: var(--beat-transition-base); -ms-transition: var(--beat-transition-base); -o-transition: var(--beat-transition-base); transition: var(--beat-transition-base); }
a:hover { text-decoration: none; -webkit-transition: var(--beat-transition-base); -moz-transition: var(--beat-transition-base); -ms-transition: var(--beat-transition-base); -o-transition: var(--beat-transition-base); transition: var(--beat-transition-base); }
a:focus { text-decoration: none; outline: 0; }
a:hover,
a:focus { color: var(--beat-link-hover-color); text-decoration: none; outline: 0; -webkit-transition: var(--beat-transition-base); -moz-transition: var(--beat-transition-base); -ms-transition: var(--beat-transition-base); -o-transition: var(--beat-transition-base); transition: var(--beat-transition-base); }
/* ! - BODY */

/* ! + HEADING */
h1 { font-family: var(--beat-font-family1-bold); font-weight:normal; color: var(--beat-color-01); }
h2 { font-family: var(--beat-font-family1-bold); font-weight:normal; color: var(--beat-color-01); }
h3 { text-transform: uppercase; }
h3, h4, h5, h6 { font-family: var(--beat-font-family1-bold); font-weight:normal; color:var(--beat-color-02); }
h5, h6 { font-family: var(--beat-font-family1-regular); }
h1 > span, h2 > span, h3 > span { display: inline-block; font-size: .6em; line-height: 1.0em; font-family: var(--beat-font-family1-regular); text-transform: none; vertical-align: baseline; }

.general .caption > h3:before { content: ""; position:absolute; bottom: .1rem; display:block; height: 1px; width:100%; background-image: linear-gradient(to right, #d1d1d1 40%, transparent 0%); background-position: bottom; background-size: 12px 1px; background-repeat: repeat-x; z-index: 0; border-left: 1px solid var(--beat-color-01); border-right: 1px solid var(--beat-color-01); }
.general .caption > h3:after { content: ""; position:absolute; bottom: 0; display:block; height: .3rem; width:3.0rem; background-color: var(--beat-color-01); border: none; -webkit-border-radius: .2rem; border-radius: .2rem; }
/* .caption > h2:after { content: ""; position:absolute; bottom: 0; display:block; height: .3rem; width:6.0rem; background-color:#DD1528; border: none; -webkit-border-radius: .2rem; border-radius: .2rem; animation: block-blink 3.3s infinite; } */

@keyframes block-blink {
    from, to { background-color: transparent; }
    50% { background-color: #DD1528; }
}

/* .caption > h2:before { content: ""; position:absolute; bottom: .13rem; display:block; height: 0; width:100%; border-bottom: dotted 1px #efefef; z-index: 0; } */
/* .caption > h3:after { content: ""; position:absolute; bottom: 0; display:block; height: .22rem; width:2.22rem; background-color:#C3AC6D; } */
.caption > p { position: relative; display: inline-block; font-family: var(--beat-font-family1-semibold); background-color: transparent; color: var(--beat-color-02); line-height: 30px; cursor: default; letter-spacing: .8px; -webkit-border-radius: 0; border-radius: 0; text-transform: uppercase; }
.caption > p:before { content: ""; width: 60px; height: 2px; background-color: var(--beat-color-02); position: absolute; top: 12px; right: -80px;  }
.caption > p.big { font-size: 24px; padding: 0 0; margin-bottom: 10px; }
.caption > p.big:before { top: 10px; }
.caption > p.small { font-size: 14px; }

h1 > a { color: var(--beat-color-01); transition: var(--beat-transition-base); }
h2 > a { color: var(--beat-color-01); transition: var(--beat-transition-base); }
h3 > a { color: var(--beat-color-01); transition: var(--beat-transition-base); }
h4 > a { color: var(--beat-color-01); transition: var(--beat-transition-base); }
h5 > a { color: var(--beat-color-01); transition: var(--beat-transition-base); }
h6 > a { color: var(--beat-color-01); transition: var(--beat-transition-base); }

h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover { color: var(--beat-color-08) !important; transition: var(--beat-transition-base); }

.ali-left > h1:before,
.ali-left > h2:before,
.ali-left > h3:before,
.ali-left > h1:after,
.ali-left > h2:after,
.ali-left > h3:after { left: 0; }
.ali-center > h1:before,
.ali-center > h2:before,
.ali-center > h3:before,
.ali-center > h1:after,
.ali-center > h2:after,
.ali-center > h3:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.ali-right > h1:before,
.ali-right > h2:before,
.ali-right > h3:before,
.ali-right > h1:after,
.ali-right > h2:after,
.ali-right > h3:after { right: 0; }
/* ! - HEADING */

/* ! + TEXT */
p { margin-bottom: 1.0em; }
p:only-of-type, p:last-child { margin-bottom: 0; }
.perexXXL p,
.perexXL p,
.perexL p { font-family: var(--beat-font-family1-light); color: #555555; letter-spacing: .8px; } /* color: #969696; */
.perexXXL p { font-size:2.00em; line-height: 1.45em; }
.perexXL p { font-size:1.53em; line-height: 1.6em; }
.perexL p { font-size:1.00em; line-height: 1.5em; }

.image-left { float:left !important; }
p .image-left { margin:1.5em 1.5em 1.5em 0; padding:0px; }
.image-right { float:right !important; }
p .image-right { margin:1.5em 0 1.5em 1.5em; padding:0px; }

a:active, a:hover { outline: 0; }
a { background-color: transparent; }

strong, dfn { font-family: var(--beat-font-family1-bold); }
em, dfn { font-family: var(--beat-font-family1-light); }
sup,sub {line-height:0; }

abbr, acronym { border-bottom: dotted 1px rgb(102,102,102); }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:rgb(102,102,102); }

pre { margin: 24px 0; white-space: pre; }
pre,code,tt { font: 24px 'andale mono', 'lucida console', monospace; line-height: 1.5; }

blockquote { font-family: var(--beat-font-family2-italic); background-color: rgb(250,250,250); padding: 30px 40px 30px 40px; border-left: 20px solid var(--beat-color-01); font-size: 22px; line-height: 32px; margin-bottom: 18px; }
blockquote:last-item { margin-bottom: 0px; }
/* ! - TEXT */

/* ! + LISTS */
li ul, li ol { margin: 0; }
ul, ol { margin: 0 24px 24px 0; padding-left: 24px; }

ul { list-style-type: disc; }
ol { list-style-type: decimal; }

dl { margin: 0 0 24px 0; }
dl dt { font-weight: bold; }
dd { margin-left: 24px;}
/* ! - LISTS */

/* ! + OTHER */
.small { font-size: .9em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
/* ! - OTHER */

/* ! + MEDIA QUERIES */
/** XD - Smaller than standard 960 (devices and browsers) **/

@media only screen and (min-width: 1281px) {
    .ali-16-left > h1:before,
    .ali-16-left > h2:before,
    .ali-16-left > h3:before,
    .ali-16-left > h1:after,
    .ali-16-left > h2:after,
    .ali-16-left > h3:after { left: 0; }
    .ali-16-center > h1:before,
    .ali-16-center > h2:before,
    .ali-16-center > h3:before,
    .ali-16-center > h1:after,
    .ali-16-center > h2:after,
    .ali-16-center > h3:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .ali-16-right > h1:before,
    .ali-16-right > h2:before,
    .ali-16-right > h3:before,
    .ali-16-right > h1:after,
    .ali-16-right > h2:after,
    .ali-16-right > h3:after { right: 0; }
    h1 { font-size:4.00em; line-height:1.1em; margin-bottom:0.0em; }
    h2 { font-size:3.30em; line-height:1.1em; margin-bottom:0em; }
    h3 { font-size:1.33em; line-height:1.1em; margin-bottom:0em; }
    h4 { font-size:1.33em; line-height:1.1em; margin-bottom:0; }
    h5 { font-size:20px; line-height:24px; font-weight:bold; }
    h6 { font-size:16px; line-height:20px; font-weight:bold; }
    h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0.0em; }
}
/** XD - Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .ali-12-left > h1:before,
    .ali-12-left > h2:before,
    .ali-12-left > h3:before,
    .ali-12-left > h1:after,
    .ali-12-left > h2:after,
    .ali-12-left > h3:after { left: 0; }
    .ali-12-center > h1:before,
    .ali-12-center > h2:before,
    .ali-12-center > h3:before,
    .ali-12-center > h1:after,
    .ali-12-center > h2:after,
    .ali-12-center > h3:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .ali-12-right > h1:before,
    .ali-12-right > h2:before,
    .ali-12-right > h3:before,
    .ali-12-right > h1:after,
    .ali-12-right > h2:after,
    .ali-12-right > h3:after { right: 0; }
    h1 { font-size:3.4em; line-height:1.2em; margin-bottom:0.0em; }
    h2 { font-size:3.1em; line-height:1.2em; margin-bottom:0.0em; }
    h3 { font-size:1.3em; line-height:1.2em; margin-bottom:0.0em; }
    h4 { font-size:1.33em; line-height:1.2em; margin-bottom:0; }
    h5 { font-size:20px; line-height:24px; font-weight:bold; }
    h6 { font-size:16px; line-height:20px; font-weight:bold; }
    .caption > p.big { font-size: 1.6em; padding: 0 0; margin-bottom: 10px; }
    .caption > p.small { font-size: .7em; margin-bottom: 0; }
    .perexXXL p { font-size:1.33em; }
    .perexXL p { font-size:1.11em; }
    .perexL p { font-size:1.00em; }
}

/** LD - Tablet Portrait size to standard 960 (devices and browsers) **/
@media only screen and (min-width: 720px) and (max-width: 959px) {
    .ali-9-left > h1:before,
    .ali-9-left > h2:before,
    .ali-9-left > h3:before,
    .ali-9-left > h1:after,
    .ali-9-left > h2:after,
    .ali-9-left > h3:after { left: 0; }
    .ali-9-center > h1:before,
    .ali-9-center > h2:before,
    .ali-9-center > h3:before,
    .ali-9-center > h1:after,
    .ali-9-center > h2:after,
    .ali-9-center > h3:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .ali-9-right > h1:before,
    .ali-9-right > h2:before,
    .ali-9-right > h3:before,
    .ali-9-right > h1:after,
    .ali-9-right > h2:after,
    .ali-9-right > h3:after { right: 0; }
    h1 { font-size:3.4em; line-height:1.2em; margin-bottom:0.0em; }
    h2 { font-size:2.8em; line-height:1.2em; margin-bottom:0.0em; }
    h3 { font-size:1.3em; line-height:1.2em; margin-bottom:0.0em; }
    h4 { font-size:1.33em; line-height:1.2em; margin-bottom:0; }
    h5 { font-size:20px; line-height:24px; font-weight:bold; }
    h6 { font-size:16px; line-height:20px; font-weight:bold; }
    .caption > p.big { font-size: 1.4em; padding: 0 0; margin-bottom: 10px; }
    .caption > p.small { font-size: .7em; margin-bottom: 0; }
    .perexXXL p { font-size:1.33em; }
    .perexXL p { font-size:1.11em; }
    .perexL p { font-size:1.00em; }
}
/** MD - Mobile Landscape Size to Tablet Portrait (devices and browsers) **/
@media only screen and (min-width: 480px) and (max-width: 719px) {
    .ali-6-left > h1:before,
    .ali-6-left > h2:before,
    .ali-6-left > h3:before,
    .ali-6-left > h1:after,
    .ali-6-left > h2:after,
    .ali-6-left > h3:after { left: 0; }
    .ali-6-center > h1:before,
    .ali-6-center > h2:before,
    .ali-6-center > h3:before,
    .ali-6-center > h1:after,
    .ali-6-center > h2:after,
    .ali-6-center > h3:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .ali-6-right > h1:before,
    .ali-6-right > h2:before,
    .ali-6-right > h3:before,
    .ali-6-right > h1:after,
    .ali-6-right > h2:after,
    .ali-6-right > h3:after { right: 0; }
    h1 { font-size:2.8em; line-height:1.2em; margin-bottom:0.0em; }
    h2 { font-size:2.4em; line-height:1.2em; margin-bottom:0.0em; }
    h3 { font-size:1.3em; line-height:1.2em; margin-bottom:0.0em; }
    h4 { font-size:1.33em; line-height:1.2em; margin-bottom:0; }
    h5 { font-size:20px; line-height:24px; font-weight:bold; }
    h6 { font-size:16px; line-height:20px; font-weight:bold; }
    .caption > p.big { font-size: 1.0em; padding: 0 0; margin-bottom: 10px; }
    .caption > p.small { font-size: .7em; margin-bottom: 0; }
    .perexXXL p { font-size:1.33em; }
    .perexXL p { font-size:1.11em; }
    .perexL p { font-size:1.00em; }
}
/** SD / Mobile Portrait Size to Mobile Landscape Size (devices and browsers) **/
@media only screen and (max-width: 479px) {
    .ali-4-left > h1:before,
    .ali-4-left > h2:before,
    .ali-4-left > h3:before,
    .ali-4-left > h1:after,
    .ali-4-left > h2:after,
    .ali-4-left > h3:after { left: 0; }
    .ali-4-center > h1:before,
    .ali-4-center > h2:before,
    .ali-4-center > h3:before,
    .ali-4-center > h1:after,
    .ali-4-center > h2:after,
    .ali-4-center > h3:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .ali-4-right > h1:before,
    .ali-4-right > h2:before,
    .ali-4-right > h3:before,
    .ali-4-right > h1:after,
    .ali-4-right > h2:after,
    .ali-4-right > h3:after { right: 0; }
    h1 { font-size:2.0em; line-height:1.1em; margin-bottom:0.0em; }
    h2 { font-size:1.6em; line-height:1.2em; margin-bottom:0.0em; }
    h3 { font-size:1.3em; line-height:1.2em; margin-bottom:0.0em; }
    h4 { font-size:1.33em; line-height:1.2em; margin-bottom:0; }
    h5 { font-size:20px; line-height:24px; font-weight:bold; }
    h6 { font-size:16px; line-height:20px; font-weight:bold; }
    /*
    .caption > h1:after { height: .33rem; width:4.55rem; }
    .caption > h2:after { height: .26rem; width:2.44rem; }
    .caption > h3:after { height: .22rem; width:1.33rem; }
    */
    
    .caption > p:before { content: none; }
    
    .caption > p.big { font-size: .8em; padding: 0 0; margin-bottom: 10px; }
    .caption > p.small { font-size: .7em; margin-bottom: 0; }
    .perexXXL p { font-size:1.33em; }
    .perexXL p { font-size:1.11em; }
    .perexL p { font-size:1.00em; }
}
/* ! - MEDIA QUERIES */