@font-face {
    font-family: 'bariolregular';
    src: url('../font/bariol_regular-webfont.eot');
    src: url('../font/bariol_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bariol_regular-webfont.woff2') format('woff2'),
         url('../font/bariol_regular-webfont.woff') format('woff'),
         url('../font/bariol_regular-webfont.ttf') format('truetype'),
         url('../font/bariol_regular-webfont.svg#bariolregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bariolbold';
    src: url('../font/bariol_bold-webfont.eot');
    src: url('../font/bariol_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bariol_bold-webfont.woff2') format('woff2'),
         url('../font/bariol_bold-webfont.woff') format('woff'),
         url('../font/bariol_bold-webfont.ttf') format('truetype'),
         url('../font/bariol_bold-webfont.svg#bariolbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bariolthin';
    src: url('../font/bariol_thin-webfont.eot');
    src: url('../font/bariol_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bariol_thin-webfont.woff2') format('woff2'),
         url('../font/bariol_thin-webfont.woff') format('woff'),
         url('../font/bariol_thin-webfont.ttf') format('truetype'),
         url('../font/bariol_thin-webfont.svg#bariolregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bariollight';
    src: url('../font/bariol_light-webfont.eot');
    src: url('../font/bariol_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bariol_light-webfont.woff2') format('woff2'),
         url('../font/bariol_light-webfont.woff') format('woff'),
         url('../font/bariol_light-webfont.ttf') format('truetype'),
         url('../font/bariol_light-webfont.svg#bariollight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bariolserifbold';
    src: url('../font/bariol_serif_bold-webfont.eot');
    src: url('../font/bariol_serif_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bariol_serif_bold-webfont.woff2') format('woff2'),
         url('../font/bariol_serif_bold-webfont.woff') format('woff'),
         url('../font/bariol_serif_bold-webfont.ttf') format('truetype'),
         url('../font/bariol_serif_bold-webfont.svg#bariol_serifbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bariolserifregular';
    src: url('../font/bariol_serif_regular-webfont.eot');
    src: url('../font/bariol_serif_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bariol_serif_regular-webfont.woff2') format('woff2'),
         url('../font/bariol_serif_regular-webfont.woff') format('woff'),
         url('../font/bariol_serif_regular-webfont.ttf') format('truetype'),
         url('../font/bariol_serif_regular-webfont.svg#bariol_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.font-bsr { font-family: 'bariolserifregular'; }

html, body { height: 100%; margin: 0px; position: relative; font-family: 'bariolregular', 'PT Sans', 'Open Sans', sans-serif; }
body { background: #FFFFFF; }
div { font-family: 'bariolregular', 'PT Sans', 'Open Sans', sans-serif; font-size: 16px; color: #646363; }

a { color: #003869; text-decoration: none; }
a:hover { color: #FF9100; text-decoration: none; }
	a:focus { color: #003869; text-decoration: none; }
h1 { font-family: 'bariolserifbold', 'PT Sans', 'Open Sans', sans-serif; font-size: 44px; font-weight: 900; color: #003869; margin-top: 0px; margin-bottom: 20px; }
h2 { font-family: 'bariolserifbold', 'PT Sans', 'Open Sans', sans-serif; font-size: 34px; font-weight: 400; color: #003869; margin-top: 0px; margin-bottom: 20px; }
h3 { font-family: 'bariolserifbold', 'PT Sans', 'Open Sans', sans-serif; font-size: 24px; font-weight: 400; color: #003869; margin-top: 0px; margin-bottom: 20px; }
h4 { font-family: 'bariolbold', 'PT Sans', 'Open Sans', sans-serif; font-size: 20px; font-weight: 600; color: #003869; margin-top: 0px; margin-bottom: 20px; }
h5 { font-family: 'bariolbold', 'PT Sans', 'Open Sans', sans-serif; font-size: 15px; font-weight: 800; color: #003869; margin-top: 0px; margin-bottom: 20px; }

a, input, textarea, .section, #footer { -webkit-transition: 100ms ease-in-out; -moz-transition: 100ms ease-in-out; -ms-transition: 100ms ease-in-out; -o-transition: 100ms ease-in-out; transition: 100ms ease-in-out; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.color1, a.color1 { color: #FF9100; }
	a:focus.color1 { color: #FF9100; }
.color2, a.color2 { color: #EC008C; }
.white, a.white { color: #FFFFFF; }
.white-strict * { color: #FFFFFF !important; }
.blue, a.blue { color: #003869; }
.black, a.black { color: #000000; }
.gray, a.gray { color: #646363; }

.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs14-strict * { font-size: 14px !important; }
.fs-lg { font-size: 20px; }
.selected { font-weight: 600; }
.bold { font-weight: 600; }
.typcn.typcn-2x { font-size: 30px; }
.typcn.typcn-3x { font-size: 30px; }
.italic { font-style: italic; }
strong { font-family: 'bariolbold'; }
	.category-header strong { color: #FF9100; }
	.category-header div { color: #FFFFFF !important; }
.noscroll { overflow: hidden; }

.mb200 { margin-bottom: 200px; }
.small-text { letter-spacing: 2px; font-size: 12px; }
.ls-2 { letter-spacing: 2px; }
.fw800 { font-weight: 800; }
.pt100 { padding-top: 100px; }
.pb100 { padding-bottom: 100px; }
.ptb120 { padding-top: 120px; padding-bottom: 120px; }

.anim { transition: all .50s ease-in-out; }
	.anim.cubic { transition-timing-function: cubic-bezier(0.62, 0, .8, 1); }
.anim-fast { transition: all .20s ease-in-out; }
	.anim-fast.cubic { transition-timing-function: cubic-bezier(0.62, 0, .8, 1); }
.anim-slow { transition: all .80s ease-in-out; }
	.anim-slow.cubic { transition-timing-function: cubic-bezier(0.62, 0, .8, 1); transition-duration: 1s, 0.5s, 230ms; }
	.anim-slow.cubic-out { transition-timing-function: cubic-bezier(0, 0, 0.1, 1); }
.anim-superslow { transition: all 1.80s ease-in-out; }
	.anim-superslow.cubic { transition-timing-function: cubic-bezier(0.42, 1, 1, 1); }

input:focus, submit:focus button.submit:focus {
    outline: none;
}
.form-control { border: 2px solid #666668; }

.btn-inova { background: none; border-radius: 5px; font-size: 12px; padding: 8px 20px; border: 1px solid #FFFFFF; color: #FFFFFF; }
	.btn-inova:hover { background: #FFFFFF; color: #FF9100; }
.btn-inova.blue { border: 1px solid #003869; color: #003869; }
	.btn-inova.blue:hover { background: #003869; color: #FFFFFF; }
.btn-submit { background: #003869; border-radius: 5px; color: #FF9100; font-size: 16px; font-weight: 600; padding: 10px 20px; border: 1px solid #003869; text-transform: uppercase; }

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 120s linear infinite;
  -moz-animation: rotating 120s linear infinite;
  -ms-animation: rotating 120s linear infinite;
  -o-animation: rotating 120s linear infinite;
  animation: rotating 120s linear infinite;
}

/* HLAVNE BLOKY */
.container-detail { padding: 40px 300px; }
.container-big { padding: 130px 240px; }
.container120 { padding-left: 120px; padding-right: 120px; }
.container60 { padding-left: 60px; padding-right: 60px; }
.container30 { padding-left: 30px; padding-right: 30px; }
.container-inside { padding: 60px; }

#window { overflow: hidden; }
#header { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999; }
#application { position: relative; }
#application-header { }
#application-body { }
#application-before-route { }
#application-route { margin-bottomx: 20px; }
#application-content {  }
#application-content.reset { margin-left: 0px; margin-right: 0px; }
#application-after-route { }
#application-footer { }
#footer { }
body:not(.home) .topmargin { margin-top: 140px; }

/* HEADER */
#header, .anim { transition: all .50s ease-in-out; }

#header a {  }
#header #menu {  }
#header .menu-mobile-container { text-align: center; }
#menu-mobile { position: absolute; right: 100px; top: 20px; z-index: 999; text-align: center; margin-top: 0px; margin-bottom: 0px; color: #FFFFFF; }

.menu-container-compact { position: absolute; top: 35px; left: 0px; width: 100%; z-index: 999; }
.menuitem { display: block; text-align: left; font-size: 18px; font-weight: 400; color: #FFFFFF; position: relative; padding-bottom: 30px; margin-left: 30px; margin-right: 30px; margin-bottom: 0px; border-bottom: 1px solid transparent; text-transform: uppercase; }
	.menuitem.compact { display: inline-block; padding-bottomx: 0px; margin-bottom: 0px; font-size: 16px; }
.menuitem a { color: #FFFFFF; position: relative; }
.menuitem a:hover { color: #00A1ED; }
.menuitem a:after { content: ''; position: absolute; width: 0; height: 1px; display: block; margin-top: 3px; left: 0; background: #00A1ED; transition: width .2s ease; -webkit-transition: width .2s ease; }
.menuitem a:hover:after{ width: 100%; left: 0; background: #00A1ED; }

.submenu-container { position: absolute; left: 70px; top: 30px; background: #FFFFFF; border-radius: 4px; padding: 10px 30px; visibility:hidden; opacity:0; transition: visibility 0s linear 0.2s,opacity 0.2s linear; text-transform: none; font-size: 16px; line-heightx: 2; white-space: nowrap; z-index: 99999;
-webkit-box-shadow: 10px 10px 60px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 10px 10px 60px 0px rgba(0,0,0,0.35);
box-shadow: 10px 10px 60px 0px rgba(0,0,0,0.35);
}
.submenu-container a { display: block; margin-top: 10px; margin-bottomx: 5px; color: #003869; }
.menuitem:hover .submenu-container { visibility:visible; opacity:1; transition-delay:0s; }

#header.scrolled .menuitem {  }
#header.scrolled .menu-container { topx: -140px; }

#header #menu a:hover { color: #222222; }
#header #menu .menuitem.selected {  }
.menuitem.selected {  }

#header #menu.compact .selected { background: #8CC63F; }
#header #menu.compact .selected a { color: #FFFFFF; }

.logo-container { padding: 80px 30px 30px 100px; position: fixed; top: 0px; left: 0px; z-index: 99999; }
.logo-container-compact { padding: 20px 30px 5px; position: fixed; top: 0px; left: 0px; width: 100%; height: 93px; z-index: 999;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003869+0,009fe3+100&1+0,0+100 */
background: -moz-linear-gradient(-45deg, rgba(0,56,105,.95) 0%, rgba(0,159,227,.95) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,56,105,.95) 0%,rgba(0,159,227,.95) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,56,105,.95) 0%,rgba(0,159,227,.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003869', endColorstr='#00009fe3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
	body.home .logo-container-compact { top: -500px; z-index: 9999; }
	.logo-container-compact .menu-container { margin-top: 15px; }
	.logo-container-compact .submenu-container { left: -20px; padding-bottom: 25px; }
body.scrolled .logo-container {
	position: fixed; left: -500px;
}
body.scrolled2 .logo-container-compact {
	top: 0px;
}

.logo { width: 250px; z-index: 999; margin-bottom: 60px; }
.logo-compact { position: absolute; top: 20px; left: 30px; width: 160px; max-width: 100%; z-index: 999; }
#header.scrolled .logo-gfah { position: absolute; top: -10px; left: 50%; margin-left: -120px; width: 240px; z-index: 999; }
.language-container { position: absolute; top: 20px; right: 20px; padding: 0px; z-index: 999; color: #FFFFFF; }
	.search { position: absolute; top: 20px; right: 30px; font-size: 18px; display: inline-block; color: #003869; widthx: 46px; height: 45px; text-align: center; padding-top: 8px; padding-right: 14px; padding-left: 14px; border: 1px solid #003869; border-radius: 5px; margin-right: 0px; line-heightx: 30px; z-index: 999; }
		/*
		.isearch { position: absolute; top: -1px; right: 50px; padding-top: 0px; padding-left: 10px; height: 45px; border: 1px solid #003869; border-radius: 5px; background: none; color: #003869; borderx: none; opacity: 0; }
		.search:hover .isearch { opacity: 1; }
		*/
	.language { font-size: 18px; display: inline-block; color: #003869; width: 46px; height: 45px; text-align: center; padding-top: 8px; border: 1px solid #003869; border-radius: 5px; margin-right: 20px; line-heightx: 30px; }
	.language:hover, .search:hover { background: #003869; color: #FFFFFF; }
	#header.scrolled .language-container { top: -500px; }
.social-container { position: absolute; top: 0px; right: 0px; padding: 30px; z-index: 999; }
	a.social { font-size: 20px !important; display: inline-block; margin-left: 12px; color: #FFFFFF; }
	a.social:hover { color: #222222 !important; }
	#header.scrolled .social-container { padding: 15px 30px; }
	.social-container-mobile { display: none; padding: 60px 0px 0px; text-align: center; }
.map { text-transform: uppercase; display: inline-block; margin-top: 10px; }

/* APP */
.hp-slider { 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003869+0,009fe3+100 */
background: #003869; /* Old browsers */
background: -moz-linear-gradient(-45deg, #003869 0%, #009fe3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #003869 0%,#009fe3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #003869 0%,#009fe3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003869', endColorstr='#009fe3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.slide-container {
position: absolute; top: -20%; width: 120%; height: 140%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,646363+100 */
background: #ffffff;
background: -moz-linear-gradient(-14deg, #ffffff 20%, #646363 100%);
background: -webkit-linear-gradient(-14deg, #ffffff 20%,#646363 100%);
background: linear-gradient(166deg, #ffffff 20%,#646363 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#646363',GradientType=1 );
border-radius: 100%;
border: 5px solid #FF9100;
}
.slide-container.photo { overflow: hidden; }
.product-detail-container {
position: absolute; top: -30%; right: -300px; width: 1500px; height: 1500px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,646363+100 */
background: #003869; /* Old browsers */
background: -moz-linear-gradient(-45deg, #003869 0%, #009fe3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #003869 0%,#009fe3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #003869 0%,#009fe3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003869', endColorstr='#009fe3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border-radius: 100%;
}

.photo-overlay {
position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 998; border-radius: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003869+0,009fe3+100&1+0,0+100 */
background: -moz-linear-gradient(-45deg, rgba(0,56,105,.5) 0%, rgba(0,159,227,.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,56,105,.5) 0%,rgba(0,159,227,.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,56,105,.5) 0%,rgba(0,159,227,.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003869', endColorstr='#00009fe3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.icon-overlay {
position: absolute;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003869+0,009fe3+100&1+0,0+100 */
background: -moz-linear-gradient(-45deg, rgba(0,159,227,.8) 0%, rgba(0,56,105,.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,159,227,.8) 0%,rgba(0,56,105,.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,159,227,.8) 0%,rgba(0,56,105,.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003869', endColorstr='#00009fe3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.subpage-item { display: inline-block; border-left: 2px solid #003869; border-right: 0px solid #003869; background-color: #FFFFFF; padding: 5px 10px; margin-bottom: 0px; font-size: 20px; }
	.subpage-item:hover { border-left: 5px solid #003869; }
.subpage-item2 { display: block; border: 2px solid #003869; border-rightx: 0px solid #003869; background-color: #FFFFFF; padding: 6px 10px; margin-bottom: 0px; font-size: 20px; border-radius: 5px; }
	.subpage-item2:hover { border-leftx: 5px solid #003869; }
	.subpage-item2.selected { border: 2px solid #FF9100; background: #FF9100; color: #FFFFFF; }
.subpage-item3 { display: block; font-size: 20px; }

.tab { display: block; background: #01294C; padding: 25px; text-align: center; color: #FFFFFF; font-weight: 600; }
.tab.active, .tab:hover { background: #003869; color: #FF9100; }
.tab-content { display: none; }
.tab-content.active { display: block; }

/*
.backstretch-caption { position: absolute; top: -230px; left: 50%; width: 500px; margin-left: -250px; padding: 6px 0px 0px; text-align: center; display: inline-block; color: #FFFFFF; font-family: 'FuturaLT'; font-size: 36px; font-weight: 400; letter-spacingx: 1.8px; white-spacex: nowrap; }
.backstretch-caption b { color: #80C342; font-size: 50px; font-weight: 800; font-style: italic; }
.backstretch-caption.active { top: 35%; }
.backstretch-caption:hover { color: #FFFFFF; }
.backstretch-caption:focus { color: #FFFFFF; }
.backstretch-caption:hover:focus { color: #FFFFFF !important; }
*/
.backstretch-caption { position: absolute; top: 35%; right: -800px; width: 1000px; height: 1000px; border-radius: 100%; backgroundx: rgba(0, 56, 105, .9); padding-top: 20%; padding-left: 10%; padding-right: 30%; }
.backstretch-caption.active { right: 0px; }
.backstretch-image { position: absolute; top: 50%; margin-top: -300px; left: 100%; max-width: 50%; }
.backstretch-image.active { left: -180px; }
	.caption-title { font-size: 50px; }

.backstretch-button { position: absolute; top: 150%; left: 50%; width: 200px; margin-left: -100px; font-size: 14px; font-weight: 600 !important; color: #CCCCCC; text-align: center; padding: 10px 10px; letter-spacing: 1.8px; border: 1px solid #CCCCCC; }
.backstretch-button:hover { color: #92B832; border: 1px solid #92B832; }
.backstretch-button.active { top: 70%; }

.map-gradient {
background: rgba(0,151,215,.8);
background: -moz-linear-gradient(left, rgba(0,151,215,1) 0%, rgba(2,69,120,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,151,215,1)), color-stop(100%, rgba(2,69,120,1)));
background: -webkit-linear-gradient(left, rgba(0,151,215,1) 0%, rgba(2,69,120,1) 100%);
background: -o-linear-gradient(left, rgba(0,151,215,1) 0%, rgba(2,69,120,1) 100%);
background: -ms-linear-gradient(left, rgba(0,151,215,1) 0%, rgba(2,69,120,1) 100%);
background: linear-gradient(to right, rgba(0,151,215,1) 0%, rgba(2,69,120,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0097d7', endColorstr='#024578', GradientType=1 );
}
.map { width: 100%; height: 100%; background-position: top left; background-repeat: no-repeat; background-size: 100% auto; position: relative; transition: all 1.20s ease-in-out; transition-timing-function: cubic-bezier(0.62, 0, .8, 1); transition-duration: 1s, 0.5s, 230ms; }
	.map.moved { margin-left: -40px; transform: scale(1.15); }
.branch-container { position: absolute; top: 0px; bottomx: 0px; right: -440px; width: 440px; padding: 40px; backgroundx: #0D4372; background: rgba(255,255,255,.95); box-shadow: 10px 10px 60px 0px rgba(0,0,0,0.65); }
	.branch-container.moved { right: 0px; }
.marker .title { visibility:hidden; opacity:0; transition: visibility 0s linear 0.2s,opacity 0.2s linear; }
	.marker:hover .title { visibility:visible; opacity:1; transition-delay:0s; }
.marker-dot-sm { width: 20px; }
.marker-dot-lg { width: 30px; }
.marker-dot.active {  }
.marker-dot.active img { border: 2px solid #0D4473; background: #0D4473; border-radius: 100%; }
.marker-dot img {
  -webkit-transition: -webkit-transform 1.2s ease-in-out;
          transition:         transform 1.2s ease-in-out;
}
.marker-dot:hover img {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
	
/* CELL TYPES */
#filters.scrolled { position: fixed; top: 110px; width: 1170px; margin-left: auto; }
.product-list-item-container { position: absolute; top: 0px; left: 0px; width: 100%; padding: 40px; z-index: 98; }
.product-category-container { height: 800px; }
.product-category-image { position: absolute; max-widthx: 500px; max-width: 35%; max-height: 400px; top: 45%; margin-top: -200px; left: -30%; visibility:hidden; max-widthx: 100%; }
.product-category-text { transform: translateY(-250px); margin-bottom: -250px; height: 1500px; padding-top: 400px; padding-left: 200px; padding-right: 200px; border-left: 5px solid #FF9100; border-top-left-radius: 50%; border-bottom-left-radius: 50%; visibilityx:hidden; position: relative; }

#history-slides { position: absolute; top: 100px; left: 300px; width: 100000px; }
.slider-gradient {
background: rgba(0,151,215,.8);
background: -moz-linear-gradient(left, rgba(0,151,215,.8) 0%, rgba(2,69,120,.8) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,151,215,.8)), color-stop(100%, rgba(2,69,120,.8)));
background: -webkit-linear-gradient(left, rgba(0,151,215,.8) 0%, rgba(2,69,120,.8) 100%);
background: -o-linear-gradient(left, rgba(0,151,215,.8) 0%, rgba(2,69,120,.8) 100%);
background: -ms-linear-gradient(left, rgba(0,151,215,.8) 0%, rgba(2,69,120,.8) 100%);
background: linear-gradient(to right, rgba(0,151,215,.8) 0%, rgba(2,69,120,.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0097d7', endColorstr='#024578', GradientType=1 );
}
.slider-navi { position: absolute; top: -4px; width: 7px; height: 7px; border-radius: 100%; background: #FFFFFF; transition: all .2s ease-in-out; }
	.slider-navi.big { top: -6px; width: 11px; height: 11px; }
	.slider-navi.active { background: #FF9100; width: 13px; height: 13px; top: -7px; margin-left: -3px; }
	.slider-navi:hover { background: #FF9100; }
.popis { opacity: 0; }
.popis.show { opacity: 1; }
#history-navigation { position: absolute; bottom: 100px; width: 800px; left: 50%; margin-left: -400px; border-top: 2px solid #FFFFFF; }
.history-text { width: 400px; margin: 60px auto; }

.who-we-are-photo-container { text-align: right; }
.who-we-are-photo { display: inline-block; width: 500px; height: 500px; border-radius: 100%; position: relative; }
.hp-circle { position: absolute; top: -350px; left: 0px; width: 500px; pointer-events: none; }

.products-solutions-circle { position: absolute; bottom: -90px; right: -110px; border: 1px solid #FF9100; width: 360px; height: 360px; border-radius: 100%; z-index: 98; pointer-events:none; background:none !important; }
.products-solutions-icon-container { position: absolute; bottom: -100px; right: -100px; backgroundx: rgba(0, 159, 227, .8); width: 360px; height: 360px; border-radius: 100%; z-index: 98; }
.products-solutions-icon { position: absolute; top: 60px; left: 40%; margin-left: -60px; width: 125px; }
.products-solutions-text { float: left; width: 50%; }

/* ACCORDION */
.panel-group {
  margin-bottom: 0;
}
.panel-group .panel {
  border-radius: 0;
  box-shadow: none;
}
.panel-group .panel .panel-heading {
  padding: 0;
}
.panel-group .panel .panel-heading h4 a {
  background: #f8f8f8;
  display: block;
  font-sizex: 12px;
  font-weight: bold;
  padding: 15px;
  text-decoration: none;
  transition: 0.15s all ease-in-out;
}
.panel-group .panel .panel-heading h4 a:hover, .panel-group .panel .panel-heading h4 a:not(.collapsed) {
  background: #fff;
  transition: 0.15s all ease-in-out;
}
.panel-group .panel .panel-heading h4 a:not(.collapsed) i.fa:before {
  content: "";
}
.panel-group .panel .panel-heading h4 a i.fa-plus {
  color: #FF9100;
}
.panel-group .panel .panel-body {
  padding-top: 0;
}
.panel-group .panel .panel-heading + .panel-collapse > .list-group,
.panel-group .panel .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}
.panel-group .panel + .panel {
  border-top: none;
  margin-top: 0;
}
	
/* FOOTER */
.footer-container { padding-top: 230px; }
.copyright-container { background: rgba(100, 99, 99, 1); font-size: 14px !important; color: #CCCCCC; padding-top: 15px; padding-bottom: 15px; font-size: 12px; text-align: center; }
.copyright-container a { color: #CCCCCC; }
#footer b { }
#footer a.social { font-size: 20px !important; display: inline-block; margin-left: 15px; color: #82C440; }
#footer #back-top a { color: #40331E; }

/* WIDGETS */
.search-container { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(255,255,255,1); opacity: 0; pointer-events: none; z-index: 99999; }
	.search-container.active { opacity: 1; pointer-events: auto; }

/* MEDIA QUERIES */
@media (min-width: 2000px) {
	.container-detail { padding: 40px 500px; }
}
@media (min-width: 1680px) {
	.content_container { width: 1000px; margin-left: auto; margin-right: auto; }
	.content_container.reset { width: auto; margin-left: 0px; margin-right: 0px; }
}
@media (max-width: 1640px) {
	.container-detail { padding: 40px 200px; }
	.container-big { padding: 120px; }
	.container120 { padding-left: 80px; padding-right: 80px; }
	#history-slides { position: absolute; top: 100px; left: 170px; width: 100000px; }
	.backstretch-caption { padding-top: 23%; padding-left: 15%; padding-right: 20%; }
	.map.moved { margin-left: 0px; transform: scale(1.10); }
}
@media (max-width: 1500px) {
	#header #menu .menuitem { margin-left: 15px; margin-right: 15px; }
}
@media (max-width: 1440px) {
	.container-detail { padding: 40px 100px; }
	.content_container { margin-left: 180px; margin-right: 180px; }
	.main_container { padding-left: 10%; padding-right: 10%; }
	
	.hp-circle { position: absolute; top: -150px; left: 0px; width: 300px; }
}
@media (max-width: 1320px) {
	.backstretch-caption { padding-top: 23%; padding-left: 25%; padding-right: 25%; }
	.backstretch-image { position: absolute; top: 50%; margin-top: -300px; left: 100%; max-width: 50%; }
	.backstretch-image.active { left: 180px; }
	
	.products-solutions-circle { position: absolute; bottom: -90px; right: -110px; border: 1px solid #FF9100; width: 260px; height: 260px; border-radius: 100%; z-index: 98; pointer-events:none; background:none !important; }
	.products-solutions-icon-container { position: absolute; bottom: -100px; right: -100px; backgroundx: rgba(0, 159, 227, .8); width: 260px; height: 260px; border-radius: 100%; z-index: 98; }
	.products-solutions-icon { position: absolute; top: 40px; left: 40%; margin-left: -60px; width: 85px; }
	.products-solutions-text { float: left; width: 75%; }
}

@media (max-width: 1199px) {
	h1 { font-size: 36px; }
	
	.container-big { padding: 80px; }
	.container120 { padding-left: 80px; padding-right: 80px; }
	.main_container { padding-left: 5%; padding-right: 5%; }
	.main_container_wide { padding-left: 25px; padding-right: 25px; }
	
	.social-container { position: absolute; top: 0px; left: 100px; z-index: 999; }
	.logo-container { display: none; }
	.language-container { display: none; }
	.logo-container-compact { height: 93px; }
	body.home .logo-container-compact { top: 0px; }
	
	/*#header.scrolled .logo-container { height: 64px; }*/
	#header.scrolled #menu-mobile { top: 10px; }
}
@media (max-width: 1090px) {
	.logo { max-width: 240px; }
	#history-slides { position: absolute; top: 100px; left: 40px; width: 100000px; }
}
@media (min-width: 991px) {
	#menu-selector.scrolled { padding-leftx: 330px; }
	#menu-selector.scrolled a {  }
}
@media (min-width: 1200px) {
	#menu-mobile { display: none; }
}
@media (max-width: 1199px) {
	.content_container { margin-left: 140px; margin-right: 140px; }
	#menu-mobile { display: inline-block; }
	.menu-container-compact { margin: 0px; position: fixed; top: 93px; leftx: -1200px; width: 100%; height: 100%; backgroundx: rgba(147,192,37,.98); padding: 60px 30px 60px; text-align: center; opacity: 0; pointer-events: none;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003869+0,009fe3+100&1+0,0+100 */
		background: -moz-linear-gradient(-45deg, rgba(0,56,105,1) 0%, rgba(0,159,227,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg, rgba(0,56,105,1) 0%,rgba(0,159,227,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg, rgba(0,56,105,1) 0%,rgba(0,159,227,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003869', endColorstr='#00009fe3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
	}
	.menu-container-compact.open { top: 93px; left: 0px; opacity: 1; pointer-events: auto; }
	.menuitem.compact { display: block; text-align: center; padding-bottomx: 0px; margin-bottom: 0px; font-size: 26px; }
	.submenu-container { position: static; left: auto; top: auto; background: none; border-radius: 4px; padding: 10px 30px; visibility:visible; opacity:1; transition: visibility 0s linear 0.2s,opacity 0.2s linear; text-transform: none; font-size: 16px; line-heightx: 2; white-space: normal; z-index: 9999;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}
	.submenu-container a { display: inline-block; margin-top: 10px; margin-left: 15px; margin-right: 15px; margin-bottomx: 5px; color: #FFFFFF; }
	.menuitem:hover .submenu-container { visibility:visible; opacity:1; transition-delay:0s; }
	.logo-container-compact .submenu-container { left: -20px; padding-bottom: 0px; }	
	
	.menu-left { padding-right: 15px; text-align: center; }
	.menu-right { padding-left: 15px; text-align: center; }
	a.social { margin-right: 12px; }
	
	.backstretch-caption { padding-top: 15%; padding-left: 20%; padding-right: 20%; }
	.backstretch-image { position: absolute; top: 65%; margin-top: -300px; left: 100%; max-width: 40%; }
	.backstretch-image.active { left: -30px; }
}

@media (max-width: 991px) {
	#window { margin-left: 0px; margin-rightx: 30px; box-shadow: none; }
	#headerx { position: static; top: auto; right: auto; width: 100%; height: auto; background: #050505; margin-leftx: 30px; margin-right: 0px; box-shadow: none; padding-top: 0px; padding-bottomx: 30px; }
	.container-big { padding: 60px; }
	.container120 { padding-left: 60px; padding-right: 60px; }
	#header-bottomx { position: static; bottom: auto; left: auto; width: 100%; text-align: center; margin-top: 20px; }

	.container-detail { padding-left: 30px; padding-right: 30px; }
	.content_container { margin-left: 40px; margin-right: 40px; }
	.container { padding-left: 30px; padding-right: 30px; }
	.container { padding-left: 15px; padding-right: 15px; }
	
	#history-navigation { position: absolute; bottom: 100px; width: 500px; left: 50%; margin-left: -250px; border-top: 2px solid #FFFFFF; }
	.product-list-item-container { position: absolute; top: 0px; left: 0px; width: 100%; padding: 15px; z-index: 98; }
	.product-list-item-container h3 { font-size: 20px; }
	.product-category-container { height: auto; }
	.product-category-text { transform: translateY(300px); margin-bottom: 300px; height: auto; padding-top: 100px; padding-bottom: 100px; padding-left: 100px; padding-right: 100px; border-top: 5px solid #FF9100; border-left: 5px solid #FF9100; border-top-left-radius: 30%; border-bottom-left-radius: 0px; border-top-right-radius: 0px; visibilityx:hidden; position: relative; }
	.product-category-image { position: absolute; max-widthx: 500px; max-width: 40%; max-height: 400px; top: -5%; margin-topx: -200px; left: 50%; margin-left: -20%; visibility:hidden; max-widthx: 100%; }
	
	.who-we-are-photo { display: inline-block; width: 400px; height: 400px; border-radius: 100%; position: relative; }
	
	.backstretch-caption { padding-top: 20%; padding-left: 20%; padding-right: 20%; }
	.backstretch-image { position: absolute; top: 55%; margin-top: -300px; left: 100%; max-width: 35%; }
	.backstretch-image.active { left: 15%; }
}
@media (max-width: 891px) {
}

@media (max-width: 767px) {
	h1 { font-size: 32px; }
	h2 { font-size: 29px; }
	h2 { font-size: 26px; }
	
	.ptb120 { padding-top: 60px; padding-bottom: 60px; }
	.container60 { padding-left: 30px; padding-right: 30px; }
	.container_inside { padding: 40px 0px; }
	
	.social-container { display: none; }
	.social-container-mobile { display: block; }
	.logo-gfah { margin-left: -120px; width: 240px; }
	
	/*
	.backstretch-caption { position: absolute; top: -230px; left: 0%; width: 100%; margin-left: 0px; padding: 6px 30px 0px; text-align: center; display: block; color: #FFFFFF; font-size: 26px; font-weight: 900; letter-spacing: 1.8px; white-spacex: nowrap; }
	.backstretch-caption.active { top: 20%; }
	*/
	.backstretch-caption { position: absolute; top: 35%; right: 0px; width: 100%; height: 100%; border-radius: 0%; opacity: 1; }
		.backstretch-caption.active { opacity: 1; }
		.backstretch-info { opacity: 0; }
		.backstretch-caption.active .backstretch-info { opacity: 1; }
	.slide-container { position: absolute; top: 0%; width: 100%; height: 100%; border-radius: 0px; border: none; }
	.backstretch-image { position: absolute; top: 55%; margin-top: -300px; left: 100%; max-width: 40%; }
	.backstretch-image.active { left: 50%; margin-left: -25%; }
	.caption-title { font-size: 34px; }
	
	.who-we-are-photo-container { text-align: center; }
	
	/*body:not(.home) .topmargin { margin-top: 200px; }*/
	.footer-container { padding-top: 100px; }
}
@media (max-width: 600px) {
	#history-slides { position: absolute; top: 100px; left: 0px; width: 100000px; }
	#history-navigation { position: absolute; bottom: 100px; width: 400px; left: 50%; margin-left: -200px; border-top: 2px solid #FFFFFF; }
	.history-text { width: 280px; margin: 40px auto; }
		.history-text h2 { font-size: 20px; }
	.product-category-text { transform: translateY(300px); margin-bottom: 300px; height: auto; padding-top: 40px; padding-bottom: 40px; padding-left: 40px; padding-right: 40px; border-top: 5px solid #FF9100; border-left: 5px solid #FF9100; border-top-left-radius: 10%; border-bottom-left-radius: 0px; border-top-right-radius: 0px; visibilityx:hidden; position: relative; }
	.product-category-image { position: absolute; max-widthx: 500px; max-width: 40%; max-height: 400px; top: -5%; margin-topx: -200px; left: 50%; margin-left: -20%; visibility:hidden; max-widthx: 100%; }
	.backstretch-image { position: absolute; top: 55%; margin-top: -300px; left: 100%; max-width: 50%; }
	.backstretch-image.active { left: 50%; margin-left: -25%; }
}
@media (max-width: 540px) {
	.language { font-size: 10px; }
	div { font-size: 14px; }
	.container-detail { padding: 40px 10px; }
	.container-big { padding: 30px; }
	.container120 { padding-left: 30px; padding-right: 30px; }
	.logo { max-width: 140px; }
	.menuitem { font-sizex: 12px; padding: 10px 0px; }
	
	/*
	.backstretch-caption { font-size: 20px; }
	.backstretch-button.active { top: 75%; }
	*/
	
	.product-list-item-container h3 { font-size: 18px; }
	.backstretch-caption { position: absolute; top: 45%; padding-top: 30px; padding-left: 30px; padding-right: 30px; }
	.backstretch-image { position: absolute; top: 55%; margin-top: -50%; left: 100%; max-width: 50%; }
}
@media (max-width: 480px) {
	body:not(.home) .topmargin { margin-top: 120px; }
	.container-inside { padding: 20px; }
	#header-menu { background-image: none; }
	#menu { padding-top: 20px; }
	#header .menu-mobile-container { text-align: right; }
	
	.menu-container-compact { padding: 10px; }
	.menuitem.compact { font-size: 20px; }
		.submenu-container { padding: 10px 10px 0px; }
		.submenu-container a { margin-top: 0px; }
	.menu-container { padding-top: 100px; }
	.logo-container { height: 64px; }
	.logo-compact { position: absolute; top: 25px; left: 20px; width: 140px; max-width: 100%; z-index: 999; }
	#header.scrolled .logo-gfah { top: 0px; margin-left: -80px; width: 160px; }
	.language-container { padding: 15px 30px; }
	#header #menu-mobile { top: 10px; }
	
	a.social { font-size: 18px !important; }
	
	.branch-container { width: 380px; padding: 40px; backgroundx: #0D4372; background: rgba(255,255,255,.95); box-shadow: 10px 10px 60px 0px rgba(0,0,0,0.65); z-index: 999; }
	
	#history-navigation { position: absolute; bottom: 100px; width: 280px; left: 50%; margin-left: -140px; border-top: 2px solid #FFFFFF; }
	.history-text { width: 280px; margin: 40px auto; }
	
	.product-category-image { position: absolute; max-widthx: 500px; max-width: 40%; max-height: 400px; top: 0%; margin-topx: -200px; left: 50%; margin-left: -20%; visibility:hidden; max-widthx: 100%; }
	.product-list-item-container h3 { font-size: 20px; }
	.backstretch-image { position: absolute; top: 50%; margin-top: -60%; left: 100%; max-width: 60%; }
	.backstretch-image.active { left: 50%; margin-left: -30%; }
	.caption-title { font-size: 28px; }
	
	.copyright-container { text-align: center; }
}
@media (max-width: 380px) {
	.branch-container { width: 320px; padding: 30px; }
	
	#history-navigation { position: absolute; bottom: 100px; width: 220px; left: 50%; margin-left: -110px; border-top: 2px solid #FFFFFF; }
	.history-text { width: 220px; margin: 40px auto; }
	.product-list-item-container h3 { font-size: 18px; }
}