@charset "utf-8";
/****************************************/
/*	CSS Document 						*/
/*	CMS Agilis 3.2						*/
/*										*/
/*	Abrupta Servis s.r.o.				*/
/*	stylesheet.content.css				*/
/*	version 3.2.1.6	           			*/
/*										*/
/*	edit: 2019-01-07					*/
/****************************************/

/* ! + 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; }
.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: 'qanelasbold'; font-size: 5.4em; line-height: 2.1em; color: #f8f8f8; }
.table { display: table; }
.table > .cell { display: table-cell; }
.table > .cell.backCellImage,
.table > .cell.backCellCont { position: relative; }

#MobMenu { background-color: #222222; z-index: 99; }
#MobLogo { display: block; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; }

#BackImage { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; z-index: 1; background-color: #222222; }
#BackImage .underlie { opacity: .8; }

#BackFill { display: block; width: 60%; height: 100%; position: absolute; left: -15%; top: 0; z-index: 2; opacity: .9; -moz-transform: skewX(-25deg) skewY(0deg); -webkit-transform: skewX(-25deg) skewY(0deg); -o-transform: skewX(-25deg) skewY(0deg); -ms-transform: skewX(-25deg) skewY(0deg); transform: skewX(-25deg) skewY(0deg); background: #cf0404; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmMDQwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjMwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #cf0404 0%, #ff3019 100%); background: -webkit-linear-gradient(left, #cf0404 0%,#ff3019 100%); background: linear-gradient(to right, #cf0404 0%,#ff3019 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019',GradientType=1 ); }

#FrontCont { position: relative; z-index: 3; color: #fff; }
#FrontCont .frontClock { font-size: 6.0em; line-height: 1.0em; }
#FrontCont .frontCap { font-size: 1.8em; line-height: 1.0em; font-family: 'qanelas_semibold';  }
#FrontCont .frontContact { font-size: 1.2em; line-height: 1.0; }
#FrontCont .frontContact a { color: #fff; text-decoration: none; }
#FrontCont .frontContact a:hover { text-decoration: underline; }
#FrontCont .frontContact i:before { margin-right: .6em; }
#FrontCont .frontContact i.icon-at:before { margin-right: .1em; margin-left: .1em; }

#SiteLogo { display: block; position: absolute; left: 60px; top: 60px; }
#SiteLogo .logoName { font-size: 3.0em; line-height: 1.0em; }
#SiteLogo .logoName > span { font-family: 'qanelas_semibold'; }
#SiteLogo .logoFce { font-size: 1.0em; font-family: 'qanelas_light'; line-height: 1.2em; }

#SiteFoot { display: block; position: absolute; left: 60px; bottom: 60px; color: #fff; font-size: 1.0em; line-height: 1.0em; }
#SiteFoot a { color: #fff; font-family: 'qanelas_semibold'; text-decoration: none; }
#SiteFoot a:hover { text-decoration: underline; }
#SiteFoot i:before { margin-right: .6em; }

#Countdown .countItem { font-size: 1.2em; font-family: 'qanelas_light'; }
#Countdown .countItem > span { font-size: 3.0em; font-family: 'qanelas_semibold'; line-height: 1.0em; }

.animation { opacity: 0; }
.animation.animated { opacity: 1; }

.gradualAnimation{ opacity: 0; }
.gradualAnimation.animated { opacity: 1; }

/* ! - PAGE DESIGN */

.videoBoard { background-color: #F6F6F6; border: solid 1px #C3AC6D; } /* border #eee */
.videoWrap { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
.videoWrap > iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.imageGrid { min-height: 640px; }


/* + MEDIA QUERIES */

@media only screen and (min-width: 1281px) {
}
/** XD - Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 960px) and (max-width: 1280px) {
}
/** LD - 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 - Mobile Landscape Size to Tablet Portrait (devices and browsers) **/
@media only screen and (min-width: 480px) and (max-width: 719px) {
    .responsive body { cursor: pointer; }
}
/** SD / 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; }
}
/* - MEDIA QUERIES */

@keyframes slideDown {
    0%, 100% {
        -moz-transform: translateY(0em);
        -webkit-transform: translateY(0em);
        -o-transform: translateY(0em);
        -ms-transform: translateY(0em);
        transform: translateY(0em);
    }
    50% { 
        -moz-transform: translateY(0.5em);
        -webkit-transform: translateY(0.5em);
        -o-transform: translateY(0.5em);
        -ms-transform: translateY(0.5em);
        transform: translateY(0.5em);
    }
}