@charset "utf-8";
/****************************************/
/*	CSS Document 						*/
/*	CMS Agilis 3.2						*/
/*										*/
/*	Abrupta Servis s.r.o.				*/
/*	stylesheet.global.css				*/
/*	version 1.0.0.0	           			*/
/*										*/
/*	created:  2019-07-17      			*/
/*	edit:     2022-06-05				*/
/****************************************/

/* ! + RESET */
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.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%; }
.table > .cell { display: table-cell; width: 50%; }
.table > .cell.backCellImage,
.table > .cell.backCellCont { position: relative; overflow: hidden; }

.focusCont i:not(.btn > a > 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: #E67124; }
.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 #E5E5E5; }
.borderBdas { border-bottom: dashed 1px #909090; }
.borderBd { background-image: linear-gradient(to right, #555555 10%, rgba(255, 255, 255, 0) 0%); background-position: bottom; background-size: 10px 1px; background-repeat: repeat-x; }

.floatingImg { position: absolute; width: 30.0em; top: 70%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

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

/* .homeSlideHeight { min-height: 700px; } */

/* #Header { background-color: #404040; } */
/* #Header { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1OTU5NTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(-45deg, #222222 0%, #595959 100%); background: -webkit-linear-gradient(-45deg, #222222 0%,#595959 100%); background: linear-gradient(135deg, #222222 0%,#595959 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#595959',GradientType=1 ); } */
#Header { background: #03B132; }
#Header > .underlie { opacity: .5; }
#Header .headcap-01 .underlie { opacity: .2; transition: all 0.4s; }
#Header .headcap-01:hover .underlie { opacity: .5; transition: all 0.4s; }
#Header .floatingImg { position: absolute; width: 50.0em; top: 10%; left: 75%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: .4; }
#Header .headcap-01 .floatingImg { top: 50%; }
#Header .borderBdotted { background-image: linear-gradient(to right, transparent 0%, #5d5d5d 40%); }
#Header .headcap-01 p > strong { color: #fff; }

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

#About { background-color: #fbfbfb; }

#Footer { color: #fff; background-color: #143479; }
#Footer .underlie { opacity: .2; }
#Footer h3 > a { color: #fff; }
#Footer .caption > h3:before { content: ""; position:absolute; bottom: .07rem; display:block; height: 1px; width:100%; border-bottom: dashed 1px #909090; }
#Footer i:before { margin-right: .4em; }
#Footer .borderBd { background-image: linear-gradient(to right, #cccccc 10%, rgba(255, 255, 255, 0) 0%); }
#Footer a:hover { color: #fff; }

.general-01 .contactBlock { background-color: #F3F8F3; border: solid 1px #ecf1ec; box-shadow: 0 5px 5px 0px rgba(0,0,0,.03); }

/* ! + 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: 'qanelas_regular'; color: #222222; text-transform: none; }
.btn > a:hover { color: #E67124; }
.btn i:before { margin-left: .4em; transition: margin .3s ease; }
.btn.icoLeft i:before { margin-right: .4em; }
.btn.sxl > a { padding: .6rem 1.6rem; font-size: 1.33rem; line-height: 1.5rem; min-width: 8.6rem; }
.btn.sl > a { padding: .5rem 1.3rem; font-size: 1.1rem; line-height: 1.4rem; min-width: 6.4rem; }
.btn.sm > a { padding: .5rem .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: #E7B31B; }
.btn.primary:hover { background-color: #fff; }
.btn.primary > a { color: #fff; }
.btn.primary > a:hover { color: #E7B31B; }
.btn.primout { background-color: transparent; border-color: #E67124; }
.btn.primout:hover { background-color: #E67124; }
.btn.primout > a { color: #E67124; }
.btn.primout > a:hover { color: #fff; }
.btn.secondary { background-color: #0F6494; }
.btn.secondary:hover { background-color: #fff; }
.btn.secondary > a { color: #fff; }
.btn.secondary > a:hover { color: #0F6494; }
.btn.secout { background-color: transparent; border-color: #E06903; }
.btn.secout:hover { background-color: #E06903; }
.btn.secout > a { color: #E06903; }
.btn.secout > a:hover { color: #fff; }
.btn.terciary { background-color: #B18903; }
.btn.terciary:hover { background-color: #fff; }
.btn.terciary > a { color: #fff; }
.btn.terciary > a:hover { color: #E67124; }
.btn.terout { background-color: transparent; border-color: #fff; }
.btn.terout:hover { background-color: #fff; }
.btn.terout > a { color: #fff; }
.btn.terout > a:hover { color: #E06903; }
.btn.rounded { border-radius: .2em; }

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

.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; }

.btn.st a:hover i:before { margin-left: .8em; transition: margin .3s ease; }
/* ! - BUTTONs */

@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 #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 #Header .floatingImg { width: 30.0em; top: 80%; right: 2%; }
    .responsive #MinistryFoot img { height: 2.9em; }
}
/** 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 #Header .floatingImg { width: 26.0em; top: 80%; right: -15%; }
    .responsive #MinistryFoot img { height: 2.9em; }
    .responsive #Footer .footLogo p { letter-spacing: .1em; }
}
/** 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 .floatingImg { width: 20.0em; top: 80%; right: -15%; }
    .responsive #MinistryFoot img { height: 2.6em; }
    .responsive #Footer .footLogo p { font-size: .6em; letter-spacing: .05em; }
}
/* - MEDIA QUERIES */