@charset "utf-8";

/****************************************/
/*	CSS Document 						*/
/*	CMS Agilis 3.2						*/
/*										*/
/*	Abrupta Servis s.r.o.				*/
/*	stylesheet.text.css					*/
/*										*/
/*	edit: 2018-11-30					*/
/****************************************/

/* ! + BODY */
html { font-size:18px; }
body { line-height:26px; color:#4A4A4A; font-family: 'qanelas_regular'; }
/* ! - BODY */

/* ! + HEADING */
h1, h2 { font-family: 'fertigopro_regular'; font-weight:normal; color:#3C3C3C; }
h3, h4, h5, h6 { font-family: 'fertigopro_regular'; font-weight:normal; color:#3C3C3C; }
h1 > span, h2 > span, h3 > span { color: #8DC73F; }
/*
h1:after { content: ""; position:absolute; bottom:10px; left:10px; display:block; height:6px; width:80px; background-color:rgb(237,74,93); }
*/
.caption > h1:after { content: ""; position:absolute; bottom: 0; display:block; height: .33rem; width:7.78rem; background-color:#d1af77; }
.caption > h2:after { content: ""; position:absolute; bottom: 0; display:block; height: .33rem; width:7.78rem; background-color:#D1AF78; -webkit-border-radius: .4em; border-radius: .4em; }
/* .caption > h3:after { content: ""; position:absolute; bottom: 0; display:block; height: .22rem; width:2.22rem; background-color:#C3AC6D; } */
.caption > p { display: inline-block; background-color: transparent; color: #fff; line-height: 1.0em; cursor: default; -webkit-border-radius: 0; border-radius: 0; }
.caption > p.big { font-size: 2.0em; padding: 0.33em .83em; margin-bottom: .5em; }
.caption > p.small { font-size: 1.00em; }

h1 > a { text-decoration:none; color: #3C3C3C; transition: all 0.4s; }
h2 > a { text-decoration:none; color: #3C3C3C; transition: all 0.4s; }
h3 > a { text-decoration:none; color: #3C3C3C; transition: all 0.4s; }
h4 > a { text-decoration:none; color: #3C3C3C; transition: all 0.4s; }
h5 > a { text-decoration:none; color: #3C3C3C; transition: all 0.4s; }
h6 > a { text-decoration:none; color: #3C3C3C; transition: all 0.4s; }

h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover { text-decoration:none; color: #D1AF78; transition: all 0.4s; }

.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: 18px; }
p:only-of-type, p:last-child { margin-bottom: 0px; }
.perexXXL p { font-size:2.00em; line-height: 1.33em; }
.perexXL p { font-size:1.33em; line-height: 1.58em; }
.perexL p { font-size:1.00em; line-height: 1.42em; }

.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:focus, a:hover { color:rgb(0,153,255); }
a:active, a:hover { outline: 0; }
a { background-color: transparent; text-decoration:underline; }

strong, dfn { font-family: 'qanelas_bold'; }
em, dfn { font-family: 'qanelas_regularitalic'; }
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: 'qanelas_regularitalic'; background: rgba(255,255,255,0.5); padding: 20px 30px 20px 30px; border-left: 10px solid rgb(54,136,198); line-height: 24px; 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:2.67em; line-height:1.2em; margin-bottom:0.0em; text-transform: uppercase; }
    h2 { font-size:3.55em; line-height:1.2em; margin-bottom:0em; text-transform: uppercase; }
    h3 { font-size:1.33em; line-height:1.2em; margin-bottom: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; }
    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; text-transform: uppercase; }
    h2 { font-size:3.1em; line-height:1.2em; margin-bottom:0.0em; text-transform: uppercase; }
    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.43em .83em; margin-bottom: 1.0em; }
    .caption > p.small { font-size: .7em; margin-bottom: .6em; }
    .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; text-transform: uppercase; }
    h2 { font-size:2.8em; line-height:1.2em; margin-bottom:0.0em; text-transform: uppercase; }
    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.43em .83em; margin-bottom: 1.0em; }
    .caption > p.small { font-size: .7em; margin-bottom: .6em; }
    .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:3.4em; line-height:1.2em; margin-bottom:0.0em; text-transform: uppercase; }
    h2 { font-size:2.4em; line-height:1.2em; margin-bottom:0.0em; text-transform: uppercase; }
    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.43em .83em; margin-bottom: 1.0em; }
    .caption > p.small { font-size: .7em; margin-bottom: .6em; }
    .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.8em; line-height:1.2em; margin-bottom:0.0em; text-transform: uppercase; }
    h2 { font-size:1.8em; line-height:1.2em; margin-bottom:0.0em; text-transform: uppercase; }
    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.big { font-size: .8em; padding: 0.43em .83em; margin-bottom: 1.0em; }
    .caption > p.small { font-size: .7em; margin-bottom: .6em; }
    .perexXXL p { font-size:1.33em; }
    .perexXL p { font-size:1.11em; }
    .perexL p { font-size:1.00em; }
}
/* ! - MEDIA QUERIES */