@charset "utf-8";
/****************************************/
/*	CSS Document 						*/
/*	CMS Agilis 3.2						*/
/*										*/
/*	Abrupta Servis s.r.o.				*/
/*	stylesheet.global.css				*/
/*										*/
/*	ROOT SITE:							*/
/*	http://www.abrupta.cz/				*/
/*	edit: 2015-03-24					*/
/****************************************/

/* + 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,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; }
/* - RESET */

.back-image { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; display: block; width: 100%; background: url(../img/img-1800-header-002.jpg) no-repeat center bottom; opacity: 0.05; background-size:cover; background-clip:border-box; z-index: 1; }
/* + PAGE design */
body {}
/* #header { background: url(../img/img-1440-background-001.jpg) no-repeat center center; background-size:cover; background-clip:border-box; } */

.perex { font-family: "robotolight", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 36px; }
.perex-xl { font-family: "robotolight", Arial, Helvetica, sans-serif; font-size: 36px; line-height: 46px; }
.perex-xxl { font-family: "robotolight", Arial, Helvetica, sans-serif; font-size: 38px; line-height: 56px; }

#program .article-date { text-align: center; font-size: 24px; line-height: 24px; font-family: "robotobold", Arial, Helvetica, sans-serif; color: white; background-color: navy; padding:10px; }
#program .article-time { text-align: center; font-size: 12px; font-family: "robotolight", Arial, Helvetica, sans-serif; }
#program .article-perex { text-align: center; font-size: 14px; line-height: 26px; display: block; width: 100%; min-height: 130px; }

#partner { font-size: 0px; }
#partner a { display: block; }
#partner a img { display: block; }

#footer a { color: #000; text-decoration: none; font-weight: bold; }
#footer a:hover { text-decoration: underline; }
.background { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; z-index: 0; opacity: 0.6; }
/* - PAGE design */

/** + BUTTONs **/
[class^="btn-"], [class*=" btn-"] { display: inline-block; text-align: center; text-decoration: none; font-weight: 400; overflow: visible; cursor: pointer; white-space: nowrap; margin-bottom: 0px; background-color: rgb(255,255,255); color: rgb(0,0,0); border: 1px solid rgb(200,200,200); }
[class^="btn-"]:hover, [class*=" btn-"]:hover { background-color: rgb(210,210,210); }
[class^="btn-"]:focus, [class*=" btn-"]:focus { outline: none !important; }
.btn-large { padding: 10px 16px; font-size: 1.2em; line-height: 1.5em; -webkit-border-radius: 7px; border-radius: 7px; }
.btn-standard { padding: 6px 12px; font-size: 1em; line-height: 1.4em; -webkit-border-radius: 4px; border-radius: 4px; }
.btn-small { padding: 5px 10px; font-size: 0.9em; line-height: 1.2em; -webkit-border-radius: 3px; border-radius: 3px; }
.btn-smaller { padding: 1px 5px; font-size: 0.9em; line-height: 1.2em; -webkit-border-radius: 3px; border-radius: 3px; }
[class^="btn-"].primary, [class*=" btn-"].primary { color: rgb(255,255,255); background: #ffb76b; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjc2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmYTczZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZmN2MwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdmMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); background: -o-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); background: -ms-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 );
 border-color: #ff7c00; }
[class^="btn-"].secondary, [class*=" btn-"].secondary { color: rgb(255,255,255); background: #6db3f2; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkYjNmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU0YTNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzM2OTBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTY5ZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); background: -o-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); background: -ms-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); border-color: #3690f0; }
[class^="btn-"].block, [class*=" btn-"].block { display: block; width: 100%; overflow: hidden; white-space: normal; }
[class^="btn-"].primary:hover, [class*=" btn-"].primary:hover, [class^="btn-"].secondary:hover, [class*=" btn-"].secondary:hover { -webkit-box-shadow:inset 0 0 5px 0 rgba(20,20,20,0.4); box-shadow:inset 0 0 5px 0 rgba(20,20,20,0.4); }
/** - BUTTONs **/

/* + OTHER elements */
.item-wrap { position: relative; display: block; width: 100%; height: 100%; }
.item-wrap > .image-wrap { position: relative; display: block; width: 100%; height: 100%; }
.image-wrap > img { position: relative; display: block; box-sizing:border-box; z-index: 1; }
.image-wrap > .image-overlay { position: absolute; display: block; text-align: center; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; }

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

.anime-infinite { -webkit-animation: flash 3s infinite; -moz-animation: flash 3s infinite; -o-animation: flash 3s infinite; animation: flash 3s infinite; }

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

.border-b2 { border-bottom: solid 2px #3f3f3f; }
.border-t2 { border-top: solid 2px #3f3f3f; }
.border-b1 { border-bottom: solid 1px #3f3f3f; }
.border-t1 { border-top: solid 1px #3f3f3f; }

.freefill { height:50px; }
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.blured { -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); }
/* - OTHER elements */

/* + MEDIA QUERIES */
/** XD - Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 960px) {
	h1 { font-size:48px; line-height:54px; }
	h2 { font-size:30px; line-height:34px; }
	h3 { font-size:24px; line-height:26px; }
    .arrow { display: block; }
}
/** LD - Tablet Portrait size to standard 960 (devices and browsers) **/
@media only screen and (min-width: 720px) and (max-width: 959px) {
	h1 { font-size:84px; line-height:90px; margin-bottom:5px; }
	h2 { font-size:60px; line-height:60px; }
	h3 { font-size:44px; line-height:44px; }
    .responsive .arrow { display: none; }
    .responsive #header #godown .arrow { display: block; }
    .responsive .demand { text-align: center; }
    .responsive .article-time:after { content: '\A'; white-space: pre; } /* pri mobilnim zobrazeni odsadit na novy radek */
}
/** MD - Mobile Landscape Size to Tablet Portrait (devices and browsers) **/
@media only screen and (min-width: 480px) and (max-width: 719px) {
	h1 { font-size:36px; line-height:46px; margin-bottom:5px; }
	h2 { font-size:60px; line-height:60px; }
	h3 { font-size:44px; line-height:44px; }
    .responsive #header { background-position: 55% 50%; }
    .responsive .arrow { display: none; }
    .responsive #header #godown .arrow { display: block; }
    .responsive .demand { text-align: center; }
    .responsive .article-time:after { content: '\A'; white-space: pre; } /* pri mobilnim zobrazeni odsadit na novy radek */
}
/** SD / Mobile Portrait Size to Mobile Landscape Size (devices and browsers) **/
@media only screen and (max-width: 479px) {
	h1 { font-size:36px; line-height:46px; margin-bottom:5px; text-align:center; }
	h2 { font-size:36px; line-height:46px; }
	h3 { font-size:44px; line-height:44px; }
    .responsive #header { background-position: 25% 50%; }
    .responsive .arrow { display: none; }
    .responsive #godown .arrow { display: block; }
    .responsive #home-slider .item-height { text-align: center; }
    .responsive .demand { text-align: center; }
    .responsive .article-time:after { content: '\A'; white-space: pre; } /* pri mobilnim zobrazeni odsadit na novy radek */
}
/* - MEDIA QUERIES */