/* ------------------------------------ /cz/global-gui-mainmenu.css ------------------------------------ */ /* ------------------------ list rollover behavior -------------------------- */ /*ul.mainmenu ul { position:absolute; visibility:hidden; text-align: left; } ul.mainmenu li { } ul.mainmenu li:hover>ul { position:absolute; visibility:visible; } ul.mainmenu li li { border:none; } ul.mainmenu li { behavior: url(/cz/hover.htc); }*/ /* -------------------------------- level 1 --------------------------------- */ /* ul.mainmenu { margin: 17px 0 0 0; float: right; padding: 0; right: 0; } ul.mainmenu li { display: inline; list-style-type: none; margin: 0; padding: 0 15px 0 15px; white-space: nowrap; position: relative; } ul.mainmenu li.first { } ul.mainmenu li.last { } ul.mainmenu li a, ul.mainmenu li a:link, ul.mainmenu li a:visited, ul.mainmenu li a:active { position: relative; left: 0; top: 0; transform-origin: 50% 50% 0px; text-decoration: none; text-align: center; line-height: 32px; transform-style: preserve-3d; height: 18px; font-size: 14px; font-weight: 300; line-height: 14px; font-family: "Avenir Light"; color: #7E8486; text-transform: uppercase; letter-spacing: 1px; } ul.mainmenu li a:hover { color: #fff; } ul.mainmenu li a.selected, ul.mainmenu li a.selected:link, ul.mainmenu li a.selected:visited, ul.mainmenu li a.selected:active, ul.mainmenu li a.selected:hover { color: #fff; } ul.mainmenu li a.opened, ul.mainmenu li a.opened:link, ul.mainmenu li a.opened:visited, ul.mainmenu li a.opened:active, ul.mainmenu li a.opened:hover { color: #fff; }*/ ul.mainmenumobile, ul.mainmenu{ display: none; } #mainmenuDivMobileContent > ul.mainmenumobile > .opened > .opened > span:first-child, #mainmenuDiv > ul.mainmenu > .opened > .opened > span:first-child { font-size: 18px; width: auto; height: 18px; text-align: left; font-weight: 100; line-height: 14px; font-family: "Avenir Light"; color: #FFF; text-transform: uppercase; letter-spacing: 1px; } .openedLevel2 { padding: 0 5px 0 5px; height: 18px; position: relative; top: -2px; color: #fff; } .openedLevel2Text { position: relative; top: -2px; padding-bottom: 3px; font-size: 14px; height: 18px; text-align: left; font-weight: 300; color: #FFF; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #B6C754; } #openedLevel2Image { position: relative; top: -2px; padding: 0 0 0 5px; } .ui-widget-content { background: #45454B; color: none; border: none; } .ui-widget { font-size: inherit; font-family: inherit; } .ui-widget-content a { color: inherit; /*color: #ffffff; /*#7E8486*/*/ } .ui-menu .ui-menu-item { float: left; font-size: 14px; font-weight: 300; line-height: 14px; font-family: "Avenir Light"; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; list-style-image: none; list-style-type: none; padding: 8px 15px 8px 15px; white-space: nowrap; } .ui-menu .ui-menu .ui-menu-item { color: #7E8486; } .ui-menu .ui-menu .ui-menu .ui-menu-item { white-space: normal; width: 260px; } .ui-menu .ui-menu-item:last-child { padding-bottom: 12px; } .ui-menu .ui-menu-item:focus { outline: none; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: 0px; border: none; background: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: none; background: #45454B; font-weight: normal; color: #fff; } .ui-state-hover a, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:link, .ui-state-focus a:visited { color: #7E8486; text-decoration: none; } .ui-icon, .ui-widget-content .ui-icon { background-image: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color:#7E8486; } #mainmenuDiv > .ui-menu > .ui-state-active > a, #mainmenuDiv > .ui-menu > .ui-state-active > a:link { color: white; } .ui-state-active a.selected, .ui-state-active a.selected:link, .ui-state-active a.selected:visited, .ui-state-active a.opened, .ui-state-active a.opened:link, .ui-state-active a.opened:visited, .ui-state-hover a.opened, .ui-state-hover a.opened:link, .ui-state-hover a.opened:visited, .ui-state-focus a.opened, .ui-state-focus a.opened:link, .ui-state-focus a.opened:visited{ color: #ffffff; } .ui-state-hover:hover > a, .ui-state-focus:hover > a, .ui-state-active:hover > a { color:#fff; } /* -------------------------------- level 2 --------------------------------- */ ul.mainmenumobile ul.ui-menu .ui-menu-item, ul.mainmenu ul.ui-menu .ui-menu-item { float: none; } ul.mainmenumobile ul.ui-menu a.selected, ul.mainmenu ul.ui-menu a.selected { color: #ffffff; } /* ul.mainmenu ul { left: 0; top: 16px; padding: 23px 0 23px 0; margin: 0; line-height: 20px; width: 315px; } ul.mainmenu ul li { padding-left: 15px; padding-bottom: 15px; display: block; } ul.mainmenu ul li.first { padding-top: 0; } ul.mainmenu ul li.last { } ul.mainmenu ul li a, ul.mainmenu ul li a:link, ul.mainmenu ul li a:visited, ul.mainmenu ul li a:active, ul.mainmenu ul li a:hover { text-align: left; white-space: normal; } ul.mainmenu ul li a.selected, ul.mainmenu ul li a.selected:link, ul.mainmenu ul li a.selected:visited, ul.mainmenu ul li a.selected:active, ul.mainmenu ul li a.selected:hover, ul.mainmenu ul li a.opened, ul.mainmenu ul li a.opened:link, ul.mainmenu ul li a.opened:visited, ul.mainmenu ul li a.opened:active, ul.mainmenu ul li a.opened:hover { } */ /* -------------------------------- level 3 --------------------------------- */ /*#mainmenuDiv > ul.mainmenu > li:nth-child(2) > ul { visibility:visible; background: skyblue; } #mainmenuDiv > ul.mainmenu > li:nth-child(2) > ul > li:nth-child(4) > ul { visibility:visible; background: skyblue; }*/ /* ul.mainmenu ul ul { top: 0; padding: 0px 0 23px 0; position: absolute; left: 100%; line-height: 20px; width: 100%; } ul.mainmenu ul ul li { float: left; width: 300px; white-space: normal; padding-bottom: 13px; } ul.mainmenu ul ul li a, ul.mainmenu ul ul li a:link, ul.mainmenu ul ul li a:visited, ul.mainmenu ul ul li a:active, ul.mainmenu ul ul li a:hover { line-height: 20px; } */ /* -------------------------------------------------------------------------- */ /* ------------------------------------ /cz/global-gui-bottommenu.css ------------------------------------ */ /* -------------------------------- level 1 --------------------------------- */ ul.bottommenu { margin: 0; padding: 0; text-align: center; } ul.bottommenu li { list-style-type: none; display: inline; margin: 0; } ul.bottommenu > li > div { display: inline; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAABAQMAAADtt7wcAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABlBMVEWfrksAAADKVeOSAAAAAWJLR0QB/wIt3gAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAtJREFUCNdjYGAAAAADAAEg1ZTHAAAAAElFTkSuQmCC') no-repeat; background-position: calc(100% - 6px) 50%; padding-right: 30px; } ul.bottommenu li.first { } ul.bottommenu li.last div { background: none; padding-right: 0; } ul.bottommenu li a, ul.bottommenu li a:link, ul.bottommenu li a:visited, ul.bottommenu li a:active, ul.bottommenu li a:hover { float: none; font-size: 1em; line-height: 1em; color: #B6C754; } ul.bottommenu li a.selected, ul.bottommenu li a.selected:link, ul.bottommenu li a.selected:visited, ul.bottommenu li a.selected:active, ul.bottommenu li a.selected:hover, ul.bottommenu li a.opened, ul.bottommenu li a.opened:link, ul.bottommenu li a.opened:visited, ul.bottommenu li a.opened:active, ul.bottommenu li a.opened:hover { color: #45444B; } /* -------------------------------- level 2 --------------------------------- */ ul.bottommenu ul { } ul.bottommenu ul li { } ul.bottommenu ul li.first { } ul.bottommenu ul li.last { } ul.bottommenu ul li a, ul.bottommenu ul li a:link, ul.bottommenu ul li a:visited, ul.bottommenu ul li a:active, ul.bottommenu ul li a:hover { } ul.bottommenu ul li a.selected, ul.bottommenu ul li a.selected:link, ul.bottommenu ul li a.selected:visited, ul.bottommenu ul li a.selected:active, ul.bottommenu ul li a.selected:hover, ul.bottommenu ul li a.opened, ul.bottommenu ul li a.opened:link, ul.bottommenu ul li a.opened:visited, ul.bottommenu ul li a.opened:active, ul.bottommenu ul li a.opened:hover { } /* -------------------------------------------------------------------------- */ /* ------------------------------------ /cz/boilerplate.css ------------------------------------ */ /* * HTML5 ✰ Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. * * Detailed information about this CSS: h5bp.com/css * * ==|== normalize ========================================================== */ /* ============================================================================= HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * 2. Force vertical scrollbar in non-IE * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */ html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 100%; /*line-height: 1.231;*/ } body, button, input, select, textarea { /*font-family: helvetica, arial,"lucida grande", verdana, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;*/ } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate * Also: hot pink! (or customize the background color to match your design) */ ::selection { text-shadow: none; background-color: highlight; color: highlighttext; } /* ============================================================================= Links ========================================================================== */ /*a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: thin dotted; }*/ /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } /* Redeclare monospace font family: h5bp.com/j */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } /* Position subscript and superscript content without affecting line-height: h5bp.com/k */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Improve image quality when scaled in IE7: h5bp.com/d * 2. Remove the gap between images and borders on image containers: h5bp.com/e */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } /* * Correct overflow not hidden in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } /* Indicate that 'label' will shift focus to the associated form element */ label { cursor: pointer; } /* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */ legend { border: 0; *margin-left: -7px; padding: 0; } /* * 1. Correct font-size not inheriting in all browsers * 2. Remove margins in FF3/4 S5 Chrome * 3. Define consistent vertical alignment display in all browsers */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } /* * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) */ button, input { line-height: normal; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6) */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } /* * Consistent box sizing and appearance */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Remove inner padding and border in FF3/4: h5bp.com/l */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE6/7/8/9 * 2. Allow only vertical resizing */ textarea { overflow: auto; vertical-align: top; resize: vertical; } /* Colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } /* ============================================================================= Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* ==|== primary styles ===================================================== Author: ========================================================================== */ /* ==|== media queries ====================================================== PLACEHOLDER Media Queries for Responsive Design. These override the primary ('mobile first') styles Modify as content requires. ========================================================================== */ @media only screen and (min-width: 480px) { /* Style adjustments for viewports 480px and over go here */ } @media only screen and (min-width: 768px) { /* Style adjustments for viewports 768px and over go here */ } /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } table { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* reflow reset for -webkit-margin-before: 1em */ p { margin: 0; } .level3Container p { margin-bottom: 25px; } html { overflow-y: auto; background-color: transparent; height: 100%; } body { background: #fff; font: normal 100%; position: relative; height: 100%; } body, div, img, p, button, input, select, textarea, a { box-sizing: border-box; } .image { display: block; } input { cursor: default; display: block; } input[type=button], input[type=submit] { background-color: #e5e9e8; border: 1px solid #9daca9; border-radius: 4px; box-shadow: inset 0 1px #fff; font: inherit; letter-spacing: inherit; text-indent: inherit; color: inherit; } input[type=button]:hover, input[type=submit]:hover { background-color: #eff1f1; } input[type=button]:active, input[type=submit]:active { background-color: #d2d6d6; border: 1px solid #9daca9; box-shadow: inset 0 1px rgba(0,0,0,0.1); } /* Reset anchor styles to an unstyled default to be in parity with design surface. It is presumed that most link styles in real-world designs are custom (non-default). */ a, a:visited, a:hover, a:active { /*color: inherit;*/ text-decoration: inherit; } /* ------------------------------------ /cz/01_services.css ------------------------------------ */ /*.primaryContainer { height: auto; margin-left: auto; margin-right: auto; min-height: 100%; width: 100%; } body { color: rgb(116, 122, 143); line-height: 24px; font-size: 14px; font-weight: 300; font-family: soleto; } */ #menu_ref_sluzby { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 100%; background-image:url('/cz/img/bg_01.png'); background-position: 0% 0%; background-repeat: repeat; background-attachment: scroll; -webkit-background-size: auto; background-size: auto; min-height: 0px; max-width: 1600px; margin-right: auto; } #servicesWebshops { float: left; height: 360px; margin-left: 0px; margin-top: 0px; clear: none; width: 33.3%; margin-right: 0px; margin-bottom: 0px; } #icoWebshops { float: none; width: auto; max-width: 100%; height: auto; margin-left: auto; margin-top: 95px; clear: none; color: rgb(0, 0, 0); margin-right: auto; } #textWebshops { float: left; font-size: 22px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 40px; margin-left: 0%; margin-top: 35px; clear: none; min-height: 0px; text-transform: uppercase; letter-spacing: 8px; color: rgb(69, 68, 75); margin-right: auto; padding-right: 20px; padding-left: 20px; font-family: Avenir; } #textWebshops1 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 26px; margin-left: 0%; margin-top: 0px; clear: both; min-height: 63px; padding-right: 20px; padding-left: 20px; padding-top: 10px; font-family: soleto; color:#747a8f; } #servicesWebshops:hover { background-color: rgb(181, 179, 174); } #servicesPublishing:hover { background-color: rgb(181, 179, 174); } #servicesPublishing { float: left; height: 360px; margin-left: 0px; margin-top: 0px; clear: none; width: 33.3%; margin-right: 0px; margin-bottom: 0px; } #icoPublishing { float: none; width: auto; max-width: 100%; height: auto; margin-left: auto; margin-top: 95px; clear: none; color: rgb(0, 0, 0); margin-right: auto; } #textPublishing { float: left; font-size: 22px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 40px; margin-left: 0%; margin-top: 35px; clear: none; min-height: 0px; text-transform: uppercase; letter-spacing: 8px; color: rgb(69, 68, 75); margin-right: auto; padding-right: 20px; padding-left: 20px; font-family: Avenir; } #textPublishing1 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 26px; margin-left: 0%; margin-top: 0px; clear: both; min-height: 63px; padding-right: 20px; padding-left: 20px; padding-top: 10px; font-family: soleto; color:#747a8f; } #servicesMobile:hover { background-color: rgb(181, 179, 174); } #servicesWebshops:hover #icoWebshops, #servicesPublishing:hover #icoPublishing, #servicesMobile:hover #icoMobile, #servicesElearning:hover #icoElearning, #services3D:hover #ico3D, #servicesGames:hover #icoGames { filter: brightness(1.5) grayscale(100%); } #servicesMobile { float: left; height: 360px; margin-left: 0px; margin-top: 0px; clear: none; width: 33.3%; margin-right: 0px; margin-bottom: 0px; } #icoMobile { float: none; width: auto; max-width: 100%; height: auto; margin-left: auto; margin-top: 95px; clear: none; color: rgb(0, 0, 0); margin-right: auto; } #textMobile { float: left; font-size: 22px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 40px; margin-left: 0%; margin-top: 35px; clear: none; min-height: 0px; text-transform: uppercase; letter-spacing: 8px; color: rgb(69, 68, 75); margin-right: auto; padding-right: 20px; padding-left: 20px; font-family: Avenir; } #textMobile1 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 26px; margin-left: 0%; margin-top: 0px; clear: both; min-height: 63px; padding-right: 20px; padding-left: 20px; padding-top: 10px; font-family: soleto; color:#747a8f; } #servicesElearning:hover { background-color: rgb(181, 179, 174); } #servicesElearning { float: left; height: 360px; margin-left: 0px; margin-top: 0px; clear: both; width: 33.3%; margin-right: 0px; margin-bottom: 0px; } #icoElearning { float: none; width: auto; max-width: 100%; height: auto; margin-left: auto; margin-top: 65px; clear: none; color: rgb(0, 0, 0); margin-right: auto; } #textElearning { float: left; font-size: 22px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 40px; margin-left: 0%; margin-top: 35px; clear: none; min-height: 0px; text-transform: uppercase; letter-spacing: 8px; color: rgb(69, 68, 75); margin-right: auto; padding-right: 20px; padding-left: 20px; font-family: Avenir; } #textElearning1 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 26px; margin-left: 0%; margin-top: 0px; clear: both; min-height: 63px; padding-right: 20px; padding-left: 20px; padding-top: 10px; font-family: soleto; color:#747a8f; } #services3D:hover { background-color: rgb(181, 179, 174); } #services3D { float: left; height: 360px; margin-left: 0px; margin-top: 0px; clear: none; width: 33.3%; margin-right: 0px; margin-bottom: 0px; } #ico3D { float: none; width: auto; max-width: 100%; height: auto; margin-left: auto; margin-top: 65px; clear: none; color: rgb(0, 0, 0); margin-right: auto; } #text3D { float: left; font-size: 22px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 40px; margin-left: 0%; margin-top: 35px; clear: none; min-height: 0px; text-transform: uppercase; letter-spacing: 8px; color: rgb(69, 68, 75); margin-right: auto; padding-right: 20px; padding-left: 20px; font-family: Avenir; } #text3D1 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 26px; margin-left: 0%; margin-top: 0px; clear: both; min-height: 63px; padding-right: 20px; padding-left: 20px; padding-top: 10px; font-family: soleto; color:#747a8f; } #servicesGames:hover { background-color: rgb(181, 179, 174); } #servicesGames { float: left; height: 360px; margin-left: 0px; margin-top: 0px; clear: none; width: 33.3%; margin-right: 0px; margin-bottom: 0px; } #icoGames { float: none; width: auto; max-width: 100%; height: auto; margin-left: auto; margin-top: 65px; clear: none; color: rgb(0, 0, 0); margin-right: auto; } #textGames { float: left; font-size: 22px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 40px; margin-left: 0%; margin-top: 35px; clear: none; min-height: 0px; text-transform: uppercase; letter-spacing: 8px; color: rgb(69, 68, 75); margin-right: auto; padding-right: 20px; padding-left: 20px; font-family: Avenir; } #textGames1 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 26px; margin-left: 0%; margin-top: 0px; clear: both; min-height: 63px; padding-right: 20px; padding-left: 20px; padding-top: 10px; font-family: soleto; color:#747a8f; } @media only screen and (max-width: 850px) { #servicesMobile { clear: both; width: 50%; } #services3D { clear: both; width: 50%; } #servicesElearning { clear: none; width: 50%; } #servicesWebshops { width: 50%; } #servicesPublishing { width: 50%; } #servicesGames { width: 50%; } #icoMobile { margin-top: 65px; } } @media only screen and (max-width: 574px) { #servicesPublishing { clear: both; width: 100%; } #servicesElearning { clear: both; width: 100%; } #servicesGames { clear: both; width: 100%; } #servicesWebshops { width: 100%; } #servicesMobile { width: 100%; } #services3D { width: 100%; } #textWebshops { font-size: 26px; } #textPublishing { font-size: 26px; } #textMobile { font-size: 26px; } #textElearning { font-size: 26px; } #text3D { font-size: 26px; } #textGames { font-size: 26px; } #textWebshops1 { font-size: 17px; font-weight: 300; } #textPublishing1 { font-size: 17px; font-weight: 300; } #textMobile1 { font-size: 17px; font-weight: 300; } #textElearning1 { font-size: 17px; font-weight: 300; } #text3D1 { font-size: 17px; font-weight: 300; } #textGames1 { font-size: 17px; font-weight: 300; } #icoPublishing { margin-top: 65px; margin-right: auto; margin-bottom: 0px; margin-left: auto; width: 70px; } #icoWebshops { width: 70px; } #icoMobile { width: 70px; } #icoElearning { width: 70px; } #ico3D { width: 70px; } #icoGames { width: 70px; } } @media only screen and (max-width: 320px) { #textWebshops { font-size: 20px; } #textPublishing { font-size: 20px; } #textMobile { font-size: 20px; } #textElearning { font-size: 20px; } #text3D { font-size: 20px; } #textGames { font-size: 20px; } #textGames1 { font-size: 14px; } #text3D1 { font-size: 14px; } #textElearning1 { font-size: 14px; } #textMobile1 { font-size: 14px; } #textPublishing1 { font-size: 14px; } #textWebshops1 { font-size: 14px; } #icoPublishing { margin-top: 40px; } #icoMobile { margin-top: 40px; } #icoElearning { margin-top: 40px; } #ico3D { margin-top: 40px; } #icoGames { margin-top: 40px; } #servicesElearning { height: 320px; } #servicesMobile { height: 320px; } #servicesPublishing { height: 320px; } #servicesWebshops { height: 320px; } #icoWebshops { margin-top: 40px; } #servicesGames { height: 320px; } #services3D { height: 320px; } } /* ------------------------------------ /cz/02_clients.css ------------------------------------ */ /*.primaryContainer { height: auto; margin-left: auto; margin-right: auto; min-height: 100%; width: 100%; } body { color: rgb(116, 122, 143); line-height: 24px; font-size: 14px; font-weight: 300; font-family: soleto; }*/ #menu_ref_references { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 100%; min-height: 0px; max-width: 1600px; margin-right: auto; background-image:-webkit-linear-gradient(270deg, rgb(159, 174, 75) 0%, rgb(182, 199, 84) 58%); background-image: linear-gradient(180deg, rgb(159, 174, 75) 0%, rgb(182, 199, 84) 58%); background-position: 0% 0%; background-repeat: repeat; background-attachment: scroll; -webkit-background-size: auto; background-size: auto; } #BoxReference { float: left; height: auto; margin-left: 0px; margin-top: 0px; clear: none; width: 66.6%; margin-right: 0px; margin-bottom: 0px; position: relative; } #BoxReference2 { float: left; height: auto; margin-left: 0px; margin-top: 0px; clear: none; width: 33.3%; margin-right: 0px; margin-bottom: 0px; } #textReference { float: left; font-size: 26px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 1.4em; margin-left: 0%; margin-top: 85px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); letter-spacing: 11px; padding-left: 5%; padding-right: 5%; } #textReference1 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin-left: 0%; margin-top: 30px; clear: both; min-height: 0px; color: rgb(255, 255, 255); padding-right: 13%; padding-bottom: 0px; padding-left: 13%; } #ImageReference { float: none; width: auto; max-width: 100%; height: auto; clear: none; color: rgb(0, 0, 0); position: static; top: 0px; left: 0px; margin-top: 0px; margin-left: auto; padding-right: 30px; padding-left: 30px; padding-top: 30px; margin-right: auto; padding-bottom: 100px; } #BoxReference1 { float: left; height: auto; margin-left: 0%; margin-top: 36px; clear: both; width: 100%; } #textReference2 { float: none; font-size: 16px; width: 89.997037%; height: auto; text-align: left; font-weight: 600; line-height: normal; margin-left: auto; margin-top: 20px; clear: none; min-height: 0px; margin-right: auto; color: rgb(255, 255, 255); } #textReference3 { float: none; font-size: 16px; width: 89.997037%; height: auto; text-align: left; font-weight: 300; line-height: normal; margin-left: auto; margin-top: 0px; clear: none; min-height: 0px; margin-right: auto; color: rgb(255, 255, 255); padding-top: 9px; margin-bottom: 90px; } #BoxReference2 a, #BoxReference2 a:visited, #BoxReference2 a:active, #BoxReference2 a:focus { color: white; text-decoration: none; } #BoxReference2 a:hover { text-decoration: underline; } #ImageReference1 { float: none; width: auto; max-width: 100%; height: auto; margin-left: auto; margin-top: 35%; clear: none; color: rgb(0, 0, 0); margin-right: auto; margin-bottom: 0px; padding-right: 5%; padding-left: 0%; position: relative; } #ImageReference1Text { position: absolute; left: 62px; top: 22%; width: 69%; height: 56%; box-sizing: border-box; /*border: 1px solid skyblue;*/ } #ImageReference1TextTable { display: table; width: 100%; height: 100%; } #ImageReference1TextContent { display: table-cell; vertical-align: middle; } #ImageReference1TextContent p { font-size: 16px; line-height: 22px; color: #fff; text-align: center; } @media only screen and (max-width: 1200px) { #textReference1 { font-size: 15px; line-height: 26px; } #textReference3 { font-size: 15px; } } @media only screen and (max-width: 1320px) { #ImageReference1 { margin-top: 70%; } #textReference3 { font-size: 12px; } #textReference1 { font-size: 14px; line-height: 24px; } } @media only screen and (max-width: 1320px) { #textReference { padding-right: 2%; padding-left: 2%; font-size: 25px; margin-top: 60px; } #BoxReference2 { clear: both; width: 100%; max-width: 440px; margin: 0 auto; float: none; } #BoxReference { width: 100%; } #ImageReference1 { margin-top: 0%; padding-top: 0px; padding-left: 5%; } #textReference2 { width: 80%; margin-top: 28px; } #textReference3 { width: 80%; font-size: 15px; margin-bottom: 60px; } #textReference1 { padding-right: 8%; padding-left: 8%; font-size: 15px; line-height: 26px; } #ImageReference { padding-bottom: 70px; } } @media only screen and (max-width: 320px) { #ImageReference { padding-right: 15px; padding-left: 15px; padding-bottom: 40px; padding-top: 16px; } #textReference { font-size: 20px; padding-right: 2%; padding-left: 2%; margin-top: 53px; } #textReference1 { padding-right: 5%; padding-left: 5%; font-size: 13px; line-height: 22px; } #BoxReference1 { margin-top: 22px; } #textReference3 { margin-bottom: 57px; font-size: 13px; } } @media screen and (max-width:450px) { #ImageReference1 { height: 350px; } #ImageReference1Img { display: none; } #ImageReference1TextContent p { text-align: left; } #ImageReference1Text { left: 10%; width: 80%; height: auto; } } /* ------------------------------------ /cz/03_about.css ------------------------------------ */ /*.primaryContainer { height: auto; margin-left: auto; margin-right: auto; min-height: 100%; width: 100%; } body { color: rgb(116, 122, 143); line-height: 32px; font-size: 14px; font-weight: 300; font-family: soleto; }*/ #menu_ref_o_nas_main { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 100%; min-height: 0px; max-width: 1600px; margin-right: auto; background-image:url('/cz/img/bg_02.png'); background-position: 0% 0%; background-repeat: repeat; background-attachment: scroll; -webkit-background-size: auto; background-size: auto; overflow: hidden; } #BoxAbout { float: left; height: auto; margin-left: 0px; margin-top: 0px; clear: none; width: 50%; margin-right: 0px; margin-bottom: 0px; position: relative; } #textAbout { float: left; font-size: 30px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 1.4em; margin-left: 0%; margin-top: 40px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 68, 75); letter-spacing: 11px; padding-left: 10%; padding-right: 10%; text-transform: uppercase; } #textAbout1 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 30px; margin-left: 0%; margin-top: 70px; clear: both; min-height: 0px; color: rgb(116, 122, 143); padding-right: 13%; padding-bottom: 0px; padding-left: 13%; margin-bottom: 0px; } #BoxAbout2 { float: left; height: auto; margin-left: -100%; margin-top: 22px; clear: none; width: 100%; } #ImageAbout { float: none; width: auto; max-width: 100%; height: auto; margin-left: auto; margin-top: 70px; clear: none; color: rgb(0, 0, 0); margin-right: auto; margin-bottom: 0px; } #ImageAbout1 { float: none; width: auto; max-width: 100%; height: auto; margin-left: auto; margin-top: 0px; clear: none; color: rgb(0, 0, 0); margin-right: auto; margin-bottom: 0px; opacity: 0.002; } #BoxAbout1 { float: left; height: auto; margin-left: 0%; margin-top: 70px; clear: both; width: 100%; margin-bottom: 90px; } #BoxAbout3 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 50%; } #BoxAbout4 { float: none; height: auto; margin-left: auto; margin-top: 153px; clear: none; width: 75%; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin-right: auto; margin-bottom: 0px; min-height: 0px; position: relative; top: 0px; left: 0px; } #BoxAbout5 { float: left; height: auto; clear: none; width: 66.596195%; padding-left: 8%; margin-left: 0px; margin-top: 0px; } #BoxAbout6 { float: left; height: 100%; clear: none; width: 33.3%; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAHjUlEQVRo3u2Zf2xV5RnHP98DVRAnCXNMQXHyY4mJnWPdkFNaUdlQT0tvoUdH5yzFbe5XJEvMyGbGFl2ybJP9Ig43f4zCVoH1tJRye50/WGFQLmRRYI6ZzBJAjfLD6XBsIA66P97nlsttb+9tb9Es8UlOzjnv+7zP8/0+74/zvO+B9+W9FfVVuKKlYhiwExgD/BJ4dOG89iPvJrAVLRUXA18Cvg68AUxdOK/9VKbe8D5ZielAsb3+ALivYV3FemANkKif2378XIBuWFcxAqgA5gMxoMiqxgPTgc68CABz7L4bOG6NQ7uONayr2Ag8AXTUz23/e4GgPwrcANwCzAIuTKveDowErjFM+RGQdLM9/npBdfyhla2VxUA9cCtwuUUnBrCytfIf5uivwItAF3AE+JddAB+w60PAZGAKcLUF5oMZ7l8GmoCGBdXx51e2Vn4FeAi4GfhWL6yZBavWV44FDtnrlLpYvCutTkCJdfOngU8B5xfSA8DbwJ+BZ4B24Nm6WLw7zedkCwzAh+ti8cP9E2irnA+sBl6qq4pf0Z/nVW2VI4CpwMdwc2ay9dClwCjgPFM9CfwbeM0i3AU8D/wF2FlXFT+Rw88BYAJQW1cVX5Ne12sISSq3x825QmeOk3adM5G0GbgDKMMtJD3i9VamTAKp94R5r0Si0zCVZ9adRaCxvWq0pGJJSNpWqOPG9ioVasMRUKdhKm5srxqdlYAnSjwhTxz1xJ5CHXviltWJqtIhsPM3wyRPlGQlIE8lclrba4O20wVHzlO9PNUXaqc2aDstT0nD1g8BUWJjbXuhTtc+GRsjEZP47NonYyMLDobYYdj6JVBsSruGwOHnJM6TuEiiZgjs7TJsxenlPQSanq4eLmmKTZbdhTtUvdlCKnwYSdpttqY0PV3ds/z3EJDHRHkUyeOYPPYX4izaWH21PErkcVIe3fK4MdpYPaEgAh77DVuRPCb2JiBdZQy7wlmt3YNz02PrTrO1QdIf5aS+EJvhrNZuSV1m96o+CDDJxljX4Fw4aemYWyRxu9lqsAuJBS0dcwv6Lkh0ma1JqbIzY0kaZ48vZjPQumneSHInb7OBscBBXMp9Pm5TNBGY3bpp3o4c7U9UX9/SZ27kSSlsKaxnCEiMt8dX+onAWCACPplHwH4bm9lyCvjP+s3z1uJ2V3/I0WYLcJuR78t/ClsKa9oyKo3H9c+hbNZjM1sOIJUhPWK6/V0NabYb8tD/GdKNsZktB7P5Rzpsuj0E0nvgUnt8rb8Qxa5rfhu4q21LTRJYDowA9gE1VeXNO7O02UZa6t62paYUt2kZBxwD7qwqb27K1aUSr9pjCutZk/gCC0Zem/eq8uYVEqUS+ySulNi2YWvNwlztNmytWSSxSWKcxAsS0/IBbxiPGMYL+iCgUbZEvZOPMYA5Zc07JZVISkgaIek38c7w4Xhn2GuixzvDUfHO8HFJv5BUJKlJ0rQ5Zc0v5OtP0juGcVRfPTDK2L2Vr0GAyhnRmxKVEg9Y+y9IjM7Uk7hEotZ0vlM5I7qtckZ0bCC+JN7K2gOI4QgQA85CK0qjbsQha7+pojQ63IfOXsRzpnNwoD4M42lrnzpuSZvEg7KYbptb7bEJIJEMhwFLcHvhpYEfdcvVfQKn+9ggfPSS9Gz0TbtfPlDDiWQ4AbgWOA20JJLhZUAH8D3gx8ATiWQ4NkUOmJVIhmMGEacUtjf6IrDL7v4gDKeivwl31rMbKMctkSeAm6zsSuA5XM/PHYSf1O6uJ1tOJ7DR7vMLIDAJWI87U30W+Djuq70HuAR4Crg4o81AJIUthfUsAo3AKeCGRDIsy9di2vABSJ0j/RQoDfxob+BHe3AHYA/jhnEqrR7QMEokw3LgesPY2ItA4Ef7gbX2ujSRDIfnaTs9kq8DFYEf3RP40ck028cDP/oyLs85asV5DyPDstRe1xjWXj0A8G3cqnEtcN8ACXQA1wR+lMimGPhRE+4kb3tG21xyPzDNsN2bXnEWgcCPXgIW2eu9iWR4R47ITMCdlS4BPhP40avkkMCP9gHXAT/CDdcxOXzUWWABFhnGHlGWRg/ifiycBmoDP/p9Fr0QOBj40dY8I5nZfjYwPFuvJZJhLfA7C/SDgR/dnamTjYCAVcDnreibgR8t5V2URDJcjOsljERd4Ee9trrqx8AwYBnwNSuKgC8GfnSUcyiJZDga95VOHcUsxw2dU33p58wgEsnwG8ADuFXjAHBX4EdPnSPwN+GW2wnAf3E9//P+2uSVAiWS4XTgcdyXFNz/g8WBH72ST/s87F+GSzlqrWgfbu7l2j/nn8MlkuGFwPdxq5SH+3e2DPhh4Ef/HCTwMcBiszkSt2gsA5YEfn6p9oCT0EQynAr8BPdjDtyH6RFgWeBHL+dp4wrgbtxG/yIr7gDuCfxoZz42Bk0gDUQAfJczacQpXLb5K+BPmSuGrWwzga/iJugwq9oB3N/fB/CcEEgDNhs3BII0e/tx+cp6e48BtwMfsfduIIHrtYIWhCH5g2JEJuGW3DrOZJyZ8jru+7I88KO9Q+F3yAikESnC/YKtxfUKuGivBp4J/CjvQ4P35f9B/geRTAqChJvPKQAAAABJRU5ErkJggg=='); background-position: 35% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: auto; background-size: auto; min-height: 0px; max-height: none; position: absolute; top: 0px; left: 66.6%; bottom: auto; padding-right: 0px; right: auto; } #textAbout2 { float: left; font-size: 20px; width: 100%; height: auto; text-align: center; font-weight: 500; line-height: normal; margin-left: 0%; margin-top: 30px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 68, 75); text-transform: uppercase; letter-spacing: 11px; } #textAbout3 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: normal; margin-left: 0px; margin-top: 0px; clear: both; min-height: 0px; color: rgb(69, 68, 75); text-transform: none; letter-spacing: normal; margin-right: 0px; margin-bottom: 30px; } #BoxAbout4:hover { background-color: rgb(181, 179, 174); } #BoxAbout7:hover { background-color: rgb(181, 179, 174); } #BoxAbout10:hover { background-color: rgb(181, 179, 174); } #BoxAbout10 { float: none; height: auto; margin-left: auto; margin-top: 30px; clear: none; width: 75%; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin-right: auto; margin-bottom: 80px; min-height: 0px; position: relative; top: 0px; left: 0px; /*opacity: 0.24;*/ } #BoxAbout11 { float: left; height: auto; margin-left: 0px; margin-top: 0px; clear: none; width: 66.596195%; padding-left: 8%; } #textAbout6 { float: left; font-size: 20px; width: 100%; height: auto; text-align: center; font-weight: 500; line-height: normal; margin-left: 0%; margin-top: 30px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 68, 75); text-transform: uppercase; letter-spacing: 11px; } #textAbout7 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: normal; margin-left: 0px; margin-top: 0px; clear: both; min-height: 0px; color: rgb(69, 68, 75); text-transform: none; letter-spacing: normal; margin-right: 0px; margin-bottom: 30px; } #BoxAbout12 { float: left; height: 100%; clear: none; width: 33.3%; min-height: 0px; max-height: none; position: absolute; top: 0px; left: 66.6%; bottom: auto; padding-right: 0px; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAHiUlEQVRo3u2Ze3BVxR3HP78EUQJTHFo6MAJOpzil/NEHfcycmyYNowE99+bmcU+i5TkKAsFWibYlUZDWUoyjU61aQOmUhgLy2NybF8dAoIAknj4stBW1I1RnHKcPp9oWpajQpn/sXnJyk9x78v7Hnblzdn/7299+v/v47W/3wkdpdJOMNoC+0vZ4eBpwA/Bl4AvAdcDHDWb31rIDRQBjRhtoN9CJ8BygAigGZqVRDSczo07g54nwJGA5cBvwmZTq3wMnzPc08B/gReDSqBOoa4jMBL4LLALGGfEloBXYD7QuLWl5K6XNdSZ7btQI7GiMTAXuR496sv8/AU8Czywpbnmnr7YizDbZsyNOYEdT5Arg28B6ukb8OLAJaFsSbenMaET4nMmdHlECv2gu+iywG+1NAE4BNYuLmg/2x46I5JrsH0aMwM6WogpgO5AD/Bu97rctijRnHvHudsYAXzPFYyNCYNeB6D3AI6bYDixcGG56I0VHgNXAYiAL2Ak8sTDc1I2giISA8cBbjMQS2u1Gq4EHTXELcNcCu+liqp4I9wIbfaKvABOBH6TolZjskQV2F7lhIfDMs9FaYK0p/vAbNzWt60tXhCqT3QT8D1gH3N0LgZjJJvzyrKEGv6e1uFZE1ooIIlKTDrwGJpOM7nbzQ0Su3tNaPMZnMyQiM0TknIi0+NsP6QzsO1TsH/mainmNtZnaZGXRDuQBHT5xR8W8xks+nRUmm6iY13hhWAjsbyvpBr68sCEjeAARWQkcBKYb0ZtwGTD720o+BpSb4q4eAzAU4NXhkloR1oqASHDwAOWFDa+IMEsEW4SICLPKCxte7iLIMhFyRHhVhMM9BmCw4OuPlK4BHjXFmtj1icDgA9geB7wGTAEqY9cntqbqDGgJxY+WCjAHuAXtMQC+Xza3C3z8aOl3AMrmJh4eKAHJYqUB/zegrled/hhMHCubAaxEHzrTU6q3AqtLC+KdiWNlArxv5FeVFsT7deqaviYCZ4DJwJ2lBfEnetMLNAMNx8sKgCogQte+eR84hI4M7wZWGVlVaUG8s+F42Y0AJV/vP3gAETYa8GfM4PSul85I43Nls4Efo692yXQUHdvEi/Pj541eJbDZ1D9UnB+vTrGzAqA4P/50EPCNz5XloSNVAeYV58fb+kWg6UQsGx32rgOygf+iY5RHonn1p/toc6chC/BQNK++2lf3ocleGc2rTzsjTSdik9HR6jXAjmhe/dJ0+j3caHN7bKIIB0XYIEK2cY0vibBPhJf6MhTNq39chBqjv7a5PXb/5VESbhbh5kzgm9tjOSIkRLhGhLMifDPTbPWYgZaO2AwgHx273wB83lf9O2BNJLe+vS+DLR0xfxBXE8mtr02pLwckklu/L0U+FlBAEfrKmBvJ7X220xLoAeh5ZxY63L0duMqIN0VC6r40bb4HbLhMIqRqfXUXTb9XREKq08iygR3AAuAiMD8SUkczYQtEIJkOPO9MBWqBJUb0iXBIvZ1G3x9afCscUk8a+VKAcEjVmbKgvcwKdDQaC4dUQ1BcgQi4nvNF21KnXM+5EjiP3tiTbUv9I0M7P4nVtqW29KLzMPquDLDYttTOoOAheCx0m/lONuDfywQewLZUNZA8gDa7nlOZAn69D/wd/QUfiIDrOV8FCk0x+R4zwfWcnIB93EXXQbTZ9ZxFxm418ICR19iW2hzQXv8IoDfvTNdzxtuWOge8buTzg3RgW6oT7QSSJOpcz9lLl6d6wLbUgAPAtARczxmPDtiygRuNeK/53ud6TnY/Sew0fVaYqgdtS20IYmNABAz4CSa/0nwfA94FvgQEjjQNiSqf6B7bUvcOBnwQAst8+ULXc+balvo7kNyMVa7nbHE9ZxzBUnIv/dG21I8GCx7SRKOu58wGLPSDawJ9rdvmes4c21K7XM+Zjl7Hq4CbXM/ZCrxgbE4DTtqWOplitth8G4cCPKSfgeXmewC9fN4EPg3sdT1nrNl45cBfgWsNmTbgWWAb8FvXcyK+AZmADhMAmoaVgOs5Y+k6cX9qW+qfgANcQG/mJtdzrrYtpdBv+pUG+KtoL/Wysf2osYVpnwO8YlvqhaEi0NcSKkH/nfMXAwzbUr92PecWtBeaD5xyPafStlQr2kVevnSY0T4DzES74Z8Ad5jqQHeCoKnXUML1nEPoDbfRttT6lLoQsA8drwN4wM+AQ7al3vDprTbA/4yOc44AHwJTbUv1+R/AoAm4nnMtXYfVTNtSr/WiMwV9M0v9H+ss8Dj6/eYCet9MQl/KpwBP2ZZaNZQz0NsSWmaI/TIVvOs5n0IvieXouAigEziMfsBtti11yae/B32ATTGjv2kowfcg4HpOFnCrKW4zsmz0v4Kr0Bs4OWtvo5fO07alzvZhv94QAHjMv8SGhYABOA14B/iViRZvp/sTSjt6wyrbUh9ksN+Bvk+/Tspr83ARSJ68Y9FeJFn/LvrG9JRtqReDGrct9YHrOafQofJ7w0rA9ZxPAlFTTMY/J9Gjvdu21PkB9rHAttSZ4QDfjQCw1JQvAHuArbalfjPYDoYTfCqBELAGqLMt9a/h7PSj5Ev/BzpPUTUQEcgdAAAAAElFTkSuQmCC'); background-position: 35% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: auto; background-size: auto; right: auto; } #BoxAbout7 { float: none; height: auto; margin-left: auto; margin-top: 30px; clear: none; width: 75%; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin-right: auto; margin-bottom: 0px; min-height: 0px; position: relative; top: 0px; left: 0px; } #BoxAbout8 { float: left; height: auto; margin-left: 0px; margin-top: 0px; clear: none; width: 66.596195%; padding-left: 8%; } #textAbout4 { float: left; font-size: 20px; width: 100%; height: auto; text-align: center; font-weight: 500; line-height: normal; margin-left: 0%; margin-top: 30px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 68, 75); text-transform: uppercase; letter-spacing: 11px; } #textAbout5 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: normal; margin-left: 0px; margin-top: 0px; clear: both; min-height: 0px; color: rgb(69, 68, 75); text-transform: none; letter-spacing: normal; margin-right: 0px; margin-bottom: 30px; } #BoxAbout9 { float: left; height: 100%; clear: none; width: 33.292225%; min-height: 0px; max-height: none; position: absolute; top: 0px; left: 66.6%; bottom: auto; padding-right: 0px; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA4VBMVEUAAACfrkufrkugr0ugr0uhsEyhsEyisUyisUyiskyiskyjs02js02ktE2ktE2ktE2ltU6ltU6ltU6ntk6ouE+puU+quk+ru1Cru1CsvVCsvVCyw1OzxFO0xVS1xlS1x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1Sgr0uhsEyisUyiskyjs02ktE2ltU6ntk6ouE+puU+quk+ru1CzxFO0xVS1xlS1x1S2x1QAAAB2p27KAAAAOXRSTlMAHNcc3BzcHNwc3NfS0hABARAfEBAQENIBARDSEBAQEBCLxRzc0gEXKYLD72Aosghm+PywXrckerMpgJ/TAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAWBJREFUSMflk2tTgkAUhlfFu5Z0M7MSUZCrcicrQy0v5///oYApBkVgt5mmD70fzp59931gzjIg9EcqFIsFknyJms+pElGeogiIcuW5Ug4LXr5ae6lVoyVf9cZro37Q5Ki5WCxaQdPymyYG0H7zdeY3wdo+zwc6NO15tN943gXdwRt7ubyMKpZWq6uoYmm9vo4qlt6/dIMLdD9CdW9xgd5dqB5u/t+q3ycENpt7MmC7fSADdrtHMmC/H5ABAExOYsiO0oERO0wALIzjBMfxsfwY2ATgm3GC51OPcuycg0nQCKIkA8iSKAS7SVo+JBSE1ClEmqoIKal5/2HKDGk6GKYlMIxgmQboGpopk6zbFQFs53vj2ABi9tfQANzY/fAugJaVV3VwDx0XdDUDeAKbP3R4G6bpeQEM59hzDBAyJjaTppkxtwRW0rRASgXkU28XQE4FTv4EDMCRwwG2uJ8Bv6xPn5NPXAF4YA8AAAAASUVORK5CYII='); background-position: 35% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: auto; background-size: auto; right: auto; } @media only screen and (max-width: 1400px) { #textAbout { font-size: 27px; } } @media only screen and (max-width: 1200px) { #textAbout { font-size: 25px; } } @media only screen and (max-width: 989px) { #textAbout2 { font-size: 19px; margin-top: 20px; letter-spacing: 7px; } #textAbout { font-size: 22px; } #textAbout3 { margin-bottom: 20px; font-size: 16px; } #textAbout6 { font-size: 19px; margin-top: 20px; letter-spacing: 7px; } #textAbout7 { margin-bottom: 20px; font-size: 16px; } #textAbout4 { font-size: 19px; margin-top: 20px; letter-spacing: 7px; } #textAbout5 { margin-bottom: 20px; font-size: 16px; } } @media only screen and (max-width: 816px) { #textAbout { padding-right: 2%; padding-left: 2%; font-size: 25px; margin-top: 60px; } #BoxAbout { width: 100%; } #textAbout1 { padding-right: 8%; padding-left: 8%; } #BoxAbout3 { clear: both; width: 100%; } #menu_ref_o_nas_main { height: auto; } #BoxAbout4 { margin-top: 0px; width: 70%; } #BoxAbout10 { margin-top: 30px; width: 70%; } #BoxAbout7 { margin-top: 30px; width: 70%; } } @media only screen and (max-width: 525px) { #BoxAbout7 { width: 95%; } #BoxAbout4 { width: 95%; } #BoxAbout10 { width: 95%; } #BoxAbout5 { width: 75%; } #BoxAbout8 { width: 75%; } #BoxAbout11 { width: 75%; } #BoxAbout6 { width: 25%; left: 75%; right: auto; } #BoxAbout9 { width: 25%; left: 75%; right: auto; } #BoxAbout12 { width: 25%; left: 75%; right: auto; } #textAbout1 { color: rgb(116, 122, 143); } } @media only screen and (max-width: 320px) { #textAbout { font-size: 18px; padding-right: 2%; padding-left: 2%; margin-top: 30px; } #textAbout1 { padding-right: 5%; padding-left: 5%; font-size: 14px; line-height: 25px; margin-top: 30px; } #BoxAbout2 { margin-top: 22px; } #textAbout4 { font-size: 19px; } #BoxAbout5 { padding-left: 1.5%; } #BoxAbout8 { padding-left: 1.5%; } #BoxAbout11 { padding-left: 1.5%; } #ImageAbout { margin-top: 50px; } #BoxAbout1 { margin-top: 30px; margin-bottom: 70px; } } /* ------------------------------------ /cz/04_contact.css ------------------------------------ */ /*.primaryContainer { height: auto; margin-left: auto; margin-right: auto; min-height: 100%; width: 100%; } body { color: rgb(116, 122, 143); line-height: 32px; font-size: 14px; font-weight: 300; font-family: soleto; } */ #menu_ref_contact_form { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 100%; min-height: 700px; max-width: 1600px; margin-right: auto; background-color: rgb(69, 69, 75); background-image:url('/cz/img/map.png'); background-position: 100% 0%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: contain; background-size: contain; } #BoxConatctAnchor { float: left; height: auto; margin-left: 0px; margin-top: 0px; clear: none; width: 50%; margin-right: 0px; margin-bottom: 0px; position: relative; } #textConatct { float: left; font-size: 30px; width: auto; height: auto; text-align: left; font-weight: 300; line-height: 1.4em; margin-left: 30px; margin-top: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); letter-spacing: 11px; padding-left: 0px; padding-right: 0px; text-transform: uppercase; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } #BoxConatct1 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 50%; } #BoxConatct2 { float: none; height: auto; margin-left: auto; margin-top: 441px; clear: none; width: 390px; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin-right: auto; margin-bottom: 0px; min-height: 0px; position: relative; top: 0px; left: 0px; background-color: rgb(255, 255, 255); } #BoxConatct3 { float: left; height: auto; clear: none; width: 80%; padding-left: 8%; margin-left: 0px; margin-top: 0px; } #BoxConatct4 { float: left; height: 100%; clear: none; width: 20%; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABlVBMVEUAAACfrkufrkufrkufrkufrkugr0ugr0ugr0ugr0ugr0ugr0uhsEyhsEyhsEyhsEyhsEyhsEyisUyisUyisUyisUyisUyisUyisUyjs02js02js02js02ltU2ltU2ltU2ltU2ntk6ntk6ntk6ntk6ntk6ouE+ouE+ouE+ouE+qulCqulCqulCqulCqulCsvFCsvFCsvFCsvFCsvFCuvlGuvlGuvlGuvlGuvlGvwFKvwFKvwFKvwFKvwFKxwlKxwlKxwlKxwlKxwlKyw1Oyw1Oyw1Oyw1Oyw1Oyw1Oyw1OzxVOzxVOzxVO1xlS1xlS1xlS1xlS1xlS1xlS1xlS1x1S1x1S1x1S1x1S1x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1Sfrkugr0uhsEyouE+qulCsvFCuvlGvwFKyw1OzxVO1xlS2x1QAAAAS7W+eAAAAenRSTlMAJXe34fw9vPe6i4gNotZgCzAj2fRqAh7sI+feKQ3Z3hyi9ClAfz1qQMC81gJAwCVgQMCAd/cLQMC3uivAQOGKwNVA/IgwHkBbzuzAzvyIMB5AW87hisBA1be6QMArd/cLJWCAvNYCPWqi9Cl/DdneHCPnHuwwi4jh/Df1p2IAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAByElEQVQoz2WSZVsCQRSFj4UdiN0J2IoBBnZgIRZKCII0AoItpeL8b3dmZZHlfrjnnH337tx5ngWyVVRcUlr2UVZaUlwEcUnK4xWVVdXx6qrKini5JI/V1Cbq6hsAaUIKNNTXJWprcrBR1tTcQk1rWyuVluYmWWMWtnd0dokO6ursaOddd09vX8Eefb093cz0DwyK2dAwBgf6qZMnFSKmHEkqAUVSzvnRsfE8NjGZSk1yOj42Ckylp/+zGVVaNZueoXY6PYW5+YUcU2s+NWpoNCwszM9hcUlgyytfK1pA+6Xl89IiVtcEur6xyWT9L6+tYmt7Z5cPe997un0dFRZ3d7a3kMlkDnh6eIijzBEVVgccwbH+xMDS6c8pzs7PqLAynOiPcXH5d4rRSPvVtVHY4/ICJjNvLcTCNSux3gjUbILNfsus1cqYJXf5W7sNDuLkR+/yGeAkDsDl9tBRImLwuF1c9xIfHRUxwEe8VPyBIO7FDMGAn2koHHko+DceIuEQ76KxSFA8GYlFsz4aDvjoanh8emQL+QLhaO7VkJ+4ndy9n8kzd0+nm/hDeZ/yuojd/PJKXl/MduLyFuzhsJne3sn7m8nmEJ79AqknZnSL38CLAAAAAElFTkSuQmCC'); background-position: 35% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: auto; background-size: auto; min-height: 0px; max-height: none; position: absolute; top: 0px; left: 80%; bottom: auto; padding-right: 0px; right: auto; } #textConatct2 { float: left; font-size: 18px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: normal; margin-left: 0%; margin-top: 20px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 68, 75); text-transform: uppercase; letter-spacing: 7px; margin-bottom: 20px; } #BoxConatct2:hover { background-color: rgb(181, 179, 174); } #BoxConatct { float: left; height: auto; margin-left: 0px; margin-top: 80px; clear: none; width: 100%; margin-right: 0px; margin-bottom: 0px; padding-left: 90px; } #ImageConatct { float: left; width: auto; max-width: 100%; height: auto; margin-left: 0px; margin-top: 0px; clear: none; color: rgb(0, 0, 0); margin-right: 0px; margin-bottom: 0px; } #Text_Input_GroupConatct { float: left; height: auto; display: block; text-align: left; margin-left: 0px; margin-top: 0px; clear: none; width: 100%; margin-right: 0%; } #Text_InputConatct { float: none; height: 33px; padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; font-size: 16px; display: block; width: 100%; color: rgb(255, 255, 255); font-weight: 300; background-color: rgb(69, 69, 75); border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; font-family: soleto; } #LabelConatct { float: none; font-size: 16px; width: auto; height: auto; text-align: left; font-weight: normal; line-height: 1em; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0em; padding-right: 0em; display: block; } #Text_Input_GroupConatct1 { float: left; height: auto; display: block; text-align: left; margin-left: 0px; margin-top: 0px; clear: both; width: 100%; margin-right: 0%; } #LabelConatct1 { float: none; font-size: 16px; width: auto; height: auto; text-align: left; font-weight: normal; line-height: 1em; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0em; padding-right: 0em; display: block; } #Text_InputConatct1 { float: none; height: 100px; padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; font-size: 16px; display: block; width: 100%; color: rgb(255, 255, 255); font-weight: 300; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; font-family: soleto; background-color: rgb(69, 69, 75); } #ButtonConatct { float: left; height: 33px; font-size: 16px; margin-left: 0px; margin-top: 20px; clear: both; width: 31.25%; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-color: rgb(69, 69, 75); border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); -webkit-box-shadow: none; box-shadow: none; font-weight: 400; color: rgb(255, 255, 255); margin-right: 0%; } #ButtonConatct:hover { background-color: rgb(181, 179, 174); } #textConatct1 { float: left; font-size: 16px; width: 80%; height: auto; text-align: left; font-weight: 300; line-height: 28.8px; margin-left: 11.25%; margin-top: 91px; clear: both; min-height: 0px; color: rgb(255, 255, 255); display: block; margin-bottom: 80px; } #SpanConatct { float: none; font-size: 16px; line-height: 1em; font-weight: 500; } #SpanConatct2 { float: none; font-size: 16px; line-height: 1em; color: rgb(182, 199, 84); } #SpanConatct1 { float: none; font-size: 16px; line-height: 1em; color: rgb(182, 199, 84); } #SpanConatct1:hover { text-decoration: underline; } #SpanConatct2:hover { text-decoration: underline; } #BoxContact_form { float: left; height: auto; margin-left: 11.25%; margin-top: 37px; clear: both; width: 80%; display: block; visibility: visible; } #BoxContact_confirm { float: left; height: 40px; margin-left: 11.248759%; margin-top: 37px; clear: both; width: 79.998759%; margin-bottom: 0px; display: block; } #textContact_x { float: left; font-size: 16px; width: 99.997096%; height: auto; text-align: left; font-weight: 300; line-height: 1.7em; margin-left: 0.00290436%; margin-top: 0px; clear: none; min-height: 40px; color: rgb(244, 244, 244); } @media only screen and (max-width: 1200px) { #BoxConatct2 { margin-top: 446px; } } @media only screen and (max-width: 989px) { #textConatct2 { margin-top: 20px; } #textConatct { font-size: 22px; } #BoxConatct2 { width: 352px; margin-top: 463px; } } @media only screen and (max-width: 816px) { #textConatct { padding-right: 2%; padding-left: 2%; font-size: 25px; margin-top: 0px; } #BoxConatctAnchor { width: 100%; } #BoxConatct1 { clear: both; width: 100%; } #menu_ref_contact_form { height: 985px; min-height: 0px; background-image:url('/cz/img/map.png'); background-position: 0px 100%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: 130%; background-size: 130%; background-color: rgb(69, 69, 75); } #BoxConatct2 { margin-top: 0px; width: 70%; } } @media only screen and (max-width: 576px) { #BoxConatct2 { width: 80%; margin-top: 55px; } #BoxConatct3 { width: 75%; } #BoxConatct4 { width: 25%; left: 75%; right: auto; } #textConatct { clear: none; margin-top: 28px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 60%; text-align: center; float: none; } #BoxConatct { margin-top: 0px; padding-left: 0px; } #ImageConatct { margin-left: auto; margin-right: auto; float: none; clear: none; margin-top: 60px; } #Text_Input_GroupConatct { margin-left: 0px; width: 100%; margin-top: 37px; clear: none; } #Text_InputConatct { width: 80%; margin-left: auto; margin-right: auto; float: none; clear: none; text-align: center; } #Text_Input_GroupConatct1 { margin-left: 0px; width: 100%; margin-top: 0px; clear: both; } #Text_InputConatct1 { width: 80%; margin-left: auto; margin-right: auto; float: none; clear: none; text-align: center; } #ButtonConatct { margin-left: 34.375%; margin-right: 0px; float: left; clear: both; margin-top: 40px; } #textConatct1 { margin-top: 40px; margin-left: 10.416667%; clear: none; } #BoxContact_form { width: 100%; margin-left: 0%; } #BoxContact_confirm { display: block; } } @media only screen and (max-width: 320px) { #textConatct { font-size: 22px; padding-right: 2%; padding-left: 2%; margin-top: 30px; } #BoxConatct3 { padding-left: 1.5%; } #ButtonConatct { width: 80%; margin-left: 10%; margin-top: 20px; } #menu_ref_contact_form { background-image:url('/cz/img/map.png'); background-position: -38px 100%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: 186.7%; background-size: 186.7%; background-color: rgb(69, 69, 75); } #textConatct1 { margin-top: 77px; } } /* ------------------------------------ /cz/05_footer.css ------------------------------------ */ /*.primaryContainer { height: auto; margin-left: auto; margin-right: auto; min-height: 100%; width: 100%; padding-top: 0px; } body { color: rgb(116, 122, 143); line-height: 32px; font-size: 14px; font-weight: 300; font-family: soleto; }*/ #footerContainer { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 100%; min-height: 0px; max-width: 1600px; margin-right: auto; } #BoxFooter { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 100%; } #textFooter { float: left; font-size: 16px; width: 100%; height: auto; text-align: left; font-weight: 300; line-height: 21px; margin-left: 0px; margin-top: 0px; clear: none; min-height: 0px; padding-top: 14px; margin-right: 0px; margin-bottom: 0px; padding-left: 30px; padding-right: 0px; padding-bottom: 12px; border-top-color: rgb(181, 179, 174); border-top-width: 1px; border-top-style: solid; } #SpanFooter { float: none; font-size: 1em; line-height: 1em; font-weight: 600; color: rgb(69, 69, 75); } #SpanFooter1 { float: none; font-size: 1em; line-height: 1em; color: rgb(182, 199, 84); } #BoxFooter1 { float: left; height: auto; margin-left: 0px; margin-top: 0px; clear: both; width: 20%; background-color: rgb(241, 241, 241); margin-right: 0px; margin-bottom: 0px; position: relative; } #textFooter1 { float: left; font-size: 18px; width: 100%; height: auto; text-align: left; font-weight: normal; line-height: 1em; margin-left: 0px; margin-top: 0px; clear: none; min-height: 0px; color: rgb(69, 69, 75); padding-left: 30px; margin-right: 0px; margin-bottom: 0px; padding-top: 40px; } #textFooter2 { float: left; font-size: 16px; width: 100%; height: auto; text-align: left; font-weight: 300; line-height: 27px; margin-left: 0px; margin-top: 0px; clear: none; min-height: 0px; color: rgb(69, 69, 75); padding-left: 30px; margin-right: 0px; margin-bottom: 0px; padding-top: 40px; padding-bottom: 40px; } #textFooter2 a { color: rgb(69, 69, 75); } #ImageFooter { float: none; width: auto; max-width: 100%; height: auto; clear: none; color: rgb(0, 0, 0); position: absolute; top: 130px; left: 8px; } #ImageFooter1 { float: none; width: auto; max-width: 100%; height: auto; clear: none; color: rgb(0, 0, 0); position: absolute; top: 157px; left: 8px; } #ImageFooter2 { float: none; width: auto; max-width: 100%; height: auto; clear: none; color: rgb(0, 0, 0); position: absolute; top: 184px; left: 9px; } #ImageFooter3 { float: none; width: auto; max-width: 100%; height: auto; clear: none; color: rgb(0, 0, 0); position: absolute; top: 211px; left: 10px; } #ImageFooter4 { float: none; width: auto; max-width: 100%; height: auto; clear: none; color: rgb(0, 0, 0); position: absolute; top: 238px; left: 9px; } #ImageFooter5 { float: none; width: auto; max-width: 100%; height: auto; clear: none; color: rgb(0, 0, 0); position: absolute; top: 265px; left: 9px; } #ImageFooter6 { float: none; width: auto; max-width: 100%; height: auto; clear: none; color: rgb(0, 0, 0); position: absolute; top: 292px; left: 9px; } #BoxFooter3 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 38%; margin-right: 0%; min-width: 0px; } #textFooter3 { float: left; font-size: 18px; width: 100%; height: auto; text-align: left; font-weight: normal; line-height: 1em; margin-left: 0px; margin-top: 0px; clear: none; min-height: 0px; color: rgb(69, 69, 75); padding-left: 30px; margin-right: 0px; margin-bottom: 0px; padding-top: 40px; } #textFooter4 { float: left; font-size: 16px; width: 100%; height: auto; text-align: left; font-weight: 300; line-height: 20px; margin-left: 0px; margin-top: 10px; clear: both; min-height: 0px; color: rgb(69, 69, 75); padding-left: 30px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } #Text_Input_GroupFooter { float: left; height: 68px; display: block; text-align: left; margin-left: 30px; margin-top: 0px; clear: both; width: 59.375%; } #Text_InputFooter { float: none; height: 33px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1em; display: block; width: 100%; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; } #LabelFooter { float: none; font-size: 1em; width: auto; height: auto; text-align: left; font-weight: normal; line-height: 1em; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0em; padding-right: 0em; display: block; } #ButtonFooter { float: left; height: 33px; font-size: 16px; margin-left: 30px; margin-top: 10px; clear: both; width: 25.78%; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); -webkit-box-shadow: none; box-shadow: none; background-color: rgb(255, 255, 255); font-family: soleto; font-weight: 300; } #ButtonFooter:hover { background-color: rgb(181, 179, 174); color: rgb(255, 255, 255); } #textFooter5 { float: left; font-size: 18px; width: 100%; height: auto; text-align: left; font-weight: normal; line-height: 1em; margin-left: 0px; margin-top: 0px; clear: none; min-height: 0px; color: rgb(69, 69, 75); padding-left: 30px; margin-right: 0px; margin-bottom: 0px; padding-top: 40px; } #ImageFooter7 { float: left; width: auto; max-width: 100%; height: auto; margin-left: 30px; margin-top: 15px; clear: both; color: rgb(0, 0, 0); padding-right: 8px; padding-top: 0px; } #ImageFooter8 { float: left; width: auto; max-width: 100%; height: auto; margin-left: 1px; margin-top: 15px; clear: none; color: rgb(0, 0, 0); margin-right: 0%; padding-right: 8px; padding-top: 0px; } #ImageFooter9 { float: left; width: auto; max-width: 100%; height: auto; margin-left: 1px; margin-top: 15px; clear: none; color: rgb(0, 0, 0); margin-right: 0%; padding-right: 8px; padding-top: 0px; } #ImageFooter10 { float: left; width: auto; max-width: 100%; height: auto; margin-left: 1px; margin-top: 15px; clear: none; color: rgb(0, 0, 0); margin-right: 0%; padding-right: 8px; padding-top: 0px; } #ImageFooter11 { float: left; width: auto; max-width: 100%; height: auto; margin-left: 1px; margin-top: 15px; clear: none; color: rgb(0, 0, 0); margin-right: 0%; padding-right: 8px; padding-top: 0px; } #BoxFooter4 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 62%; margin-right: 0%; } #textFooter6 { float: left; font-size: 18px; width: 60%; height: auto; text-align: left; font-weight: normal; line-height: 1em; margin-left: 0px; margin-top: 0px; clear: none; min-height: 0px; color: rgb(69, 69, 75); padding-left: 30px; margin-right: 0px; margin-bottom: 0px; padding-top: 40px; } #textFooter7 { float: left; font-size: 16px; width: 60%; height: auto; text-align: left; font-weight: 300; line-height: 27px; margin-left: 0px; margin-top: 10px; clear: both; min-height: 0px; color: rgb(182, 199, 84); padding-left: 30px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; display: block; } #textFooter8 { float: left; font-size: 18px; width: 60%; height: auto; text-align: left; font-weight: normal; line-height: 1em; margin-left: 0px; margin-top: 20px; clear: both; min-height: 0px; color: rgb(69, 69, 75); padding-left: 30px; margin-right: 0px; margin-bottom: 0px; padding-top: 40px; } #textFooter9 { float: left; font-size: 16px; width: 60%; height: auto; text-align: left; font-weight: 300; line-height: 27px; margin-left: 0px; margin-top: 10px; clear: both; min-height: 0px; color: rgb(69, 69, 75); padding-left: 30px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } #Text_Input_GroupFooter1 { float: left; height: auto; display: block; text-align: left; margin-left: 0px; margin-top: 0px; clear: both; width: 80%; margin-right: 0px; margin-bottom: 0px; padding-left: 30px; } #LabelFooter1 { float: none; font-size: 1em; width: auto; height: auto; text-align: left; font-weight: normal; line-height: 1em; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0em; padding-right: 0em; display: block; } #Text_InputFooter1 { float: none; height: 33px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; font-size: 16px; display: block; width: 100%; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; font-family: soleto; color: rgb(116, 122, 143); } #Text_Input_GroupFooter2 { float: left; height: auto; display: block; text-align: left; margin-left: 30px; margin-top: 0px; clear: both; width: 80%; padding-left: 0px; padding-top: 0px; } #Text_InputFooter2 { float: none; height: 10.357142857142858em; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; font-size: 16px; display: block; width: 100%; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; font-family: soleto; color: rgb(116, 122, 143); } #LabelFooter2 { float: none; font-size: 1em; width: auto; height: auto; text-align: left; font-weight: normal; line-height: 1em; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0em; padding-right: 0em; display: block; } #ButtonFooter1:hover { color: rgb(255, 255, 255); background-color: rgb(181, 179, 174); } #ButtonFooter1 { float: left; height: 33px; font-size: 16px; margin-left: 30px; margin-top: 19px; clear: both; width: 15.468%; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); -webkit-box-shadow: none; box-shadow: none; font-family: soleto; font-weight: 300; background-color: rgb(255, 255, 255); margin-right: 0%; } #textFooter10 { float: left; font-size: 14px; width: auto; height: auto; text-align: left; font-weight: 300; line-height: 27px; margin-left: 21.699776%; margin-top: 0px; clear: both; min-height: 0px; color: rgb(69, 69, 75); padding-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; } #BoxFooter2 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 79.999585%; } @media only screen and (max-width: 1200px) { #textFooter4 { font-size: 14px; } #textFooter9 { font-size: 14px; } } @media only screen and (max-width: 989px) { #BoxFooter4 { clear: both; width: 100%; } #textFooter2 { height: 710px; } #BoxFooter1 { width: 30%; } #textFooter10 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width: 100%; text-align: right; padding-right: 30px; } #BoxFooter3 { width: 100%; } #textFooter6 { visibility: visible; } #textFooter7 { visibility: visible; display: block; } #BoxFooter2 { width: 70%; } #textFooter8 { margin-top: 0px; } #textFooter9 { width: 92.6%; } } @media only screen and (max-width: 816px) { #footerContainer { min-height: 0px; } #Text_Input_GroupFooter1, #Text_Input_GroupFooter2 { width: 87%; } } @media only screen and (max-width: 576px) { #BoxFooter2 { clear: both; width: 100%; } #BoxFooter1 { width: 100%; } #textFooter2 { height: auto; padding-left: 79px; } #textFooter10 { text-align: center; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 24px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #textFooter8 { width: 100%; } #textFooter9 { width: 100%; padding-right: 30px; } #textFooter4 { padding-right: 30px; } #Text_InputFooter1 { width: 100%; } #Text_Input_GroupFooter2 { width: 84%; } #ButtonFooter1 { width: 34.07%; } #Text_Input_GroupFooter { width: 56.98%; } #ImageFooter { top: 130px; left: 53px; } #ImageFooter1 { top: 157px; left: 53px; } #ImageFooter2 { top: 184px; left: 54px; } #ImageFooter3 { top: 211px; left: 55px; } #ImageFooter4 { top: 238px; left: 54px; } #ImageFooter5 { top: 265px; left: 54px; } #ImageFooter6 { top: 292px; left: 54px; } #textFooter { font-size: 12px; padding-top: 11px; padding-bottom: 9px; } #Text_Input_GroupFooter1 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 30px; width: 84%; } } @media only screen and (max-width: 320px) { #textFooter { font-size: 11px; line-height: 16px; padding-top: 7px; padding-bottom: 6px; } #textFooter1 { padding-top: 24px; } #textFooter2 { padding-top: 25px; } #ImageFooter { top: 127px; left: 53px; } #ImageFooter1 { top: 154px; left: 53px; } #ImageFooter2 { top: 181px; left: 54px; } #ImageFooter3 { top: 208px; left: 55px; } #ImageFooter4 { top: 235px; left: 54px; } #ImageFooter5 { top: 262px; left: 54px; } #ImageFooter6 { top: 289px; left: 54px; } } /* ------------------------------------ /cz/06_lvl2_1header.css ------------------------------------ */ /*.primaryContainer { height: auto; margin-left: auto; margin-right: auto; min-height: 100%; width: 100%; padding-top: 0px; } body { color: rgb(116, 122, 143); line-height: 32px; font-size: 14px; font-weight: 300; font-family: soleto; }*/ #lvl2HeaderContainer { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 100%; min-height: 0px; max-width: 1600px; margin-right: auto; } #Boxlvl2Header { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 100%; } #Boxlvl2Header1 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 100%; background-image:url('/cz/img/content1_heroimage.jpg'); background-position: 50% 0%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover; background-size: cover; } #Boxlvl2Header2 { float: left; height: 756px; margin-left: 0%; margin-top: 0px; clear: none; width: 33.3%; background-image:url('/cz/img/video_cover.png'); background-position: 0% 0%; background-repeat: repeat-y; background-attachment: scroll; -webkit-background-size: 100%; background-size: 100%; } #Boxlvl2Header3 { float: left; height: 756px; margin-left: 0%; margin-top: 0px; clear: none; width: 66.6%; position: relative; } #Imagelvl2Header { float: none; width: 60px; max-width: 100%; height: auto; margin-left: auto; margin-top: 111px; clear: none; color: rgb(0, 0, 0); margin-right: auto; } #textlvl2Header { float: left; font-size: 30px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 1em; margin-left: 0%; margin-top: 45px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 7px; } #textlvl2Header1 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 24px; margin-left: 0%; margin-top: 0px; clear: both; min-height: 0px; color: rgb(255, 255, 255); padding-top: 25px; padding-right: 50px; padding-left: 50px; } #Imagelvl2Header1 { float: none; width: 17px; max-width: 100%; height: auto; clear: none; color: rgb(0, 0, 0); position: relative; top: 0px; left: 0px; margin-top: 350px; margin-left: auto; margin-right: auto; } #panel-h1 { float: left; font-size: 20px; width: auto; height: auto; text-align: left; font-weight: normal; line-height: 1em; margin-left: 0%; margin-top: 650px; clear: none; min-height: 0px; color: rgb(255, 255, 255); padding-left: 30px; } #panel-h2 { float: left; font-size: 12px; width: 100.000001%; height: auto; text-align: left; font-weight: 300; line-height: 1em; margin-left: 0px; margin-top: 0px; clear: both; min-height: 0px; margin-right: 0px; margin-bottom: 0px; color: rgb(181, 179, 174); padding-left: 30px; padding-top: 10px; } #panel-description { float: left; font-size: 12px; width: 100.000001%; height: auto; text-align: left; font-weight: 300; line-height: 1em; margin-left: 0px; margin-top: 0px; clear: both; min-height: 0px; margin-right: 0px; margin-bottom: 0px; color: rgb(181, 179, 174); padding-left: 30px; padding-top: 10px; } #panel-img { float: left; width: auto; max-width: 100%; height: 9px; margin-left: 7px; margin-top: 653px; clear: none; color: rgb(0, 0, 0); margin-right: 0px; margin-bottom: 0px; } @media only screen and (max-width: 640px) { #Boxlvl2Header2 { display: none; } #Boxlvl2Header3 { width: 100%; height: 900px; } #Imagelvl2Header1 { display: none; } } @media only screen and (max-width: 320px) { #textlvl2Header { line-height: 38px; margin-top: 45px; } #Boxlvl2Header3 { height: 640px; } #Imagelvl2Header { margin-top: 111px; } #textlvl2Header1 { padding-right: 20px; padding-left: 20px; padding-top: 25px; } } /* ------------------------------------ /cz/07_lvl2_2aims.css ------------------------------------ */ /*.primaryContainer { height: auto; margin-left: auto; margin-right: auto; min-height: 100%; width: 100%; padding-top: 0px; } body { color: rgb(116, 122, 143); line-height: 32px; font-size: 14px; font-weight: 300; font-family: soleto; }*/ #lvl22AimsContainer { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: both; width: 100%; min-height: 0px; max-width: 1600px; margin-right: auto; } #BoxAims { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 100%; } #BoxAims1 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 100%; background-image:url('/cz/img/bg_01.png'); background-position: 0% 0%; background-repeat: repeat; background-attachment: scroll; -webkit-background-size: auto; background-size: auto; border-bottom-color: rgb(182, 199, 84); border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 0px; } #BoxAims2 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 33.92%; position: relative; } #BoxAims2_2 { display: none; } #BoxAims5 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 66.08%; position: relative; border-left-color: rgb(182, 199, 84); border-left-width: 1px; border-left-style: solid; padding-bottom: 140px; background: #ffffff; } .textAims { float: left; font-size: 20px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 42px; margin-left: 0px; margin-top: 278px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 69, 75); letter-spacing: 7px; text-transform: uppercase; padding-right: 20px; padding-left: 20px; margin-right: 0px; margin-bottom: 0px; } #textAims1 { float: left; font-size: 16px; width: 100.000001%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin-left: 0px; margin-top: 0px; clear: none; min-height: 0px; padding-right: 20px; padding-left: 20px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; } #TextInputGroupAims { float: none; height: auto; display: block; text-align: left; clear: none; width: 100%; position: static; top: 0px; left: 0px; margin-top: 0px; margin-left: auto; margin-right: auto; } #LabelAims { float: none; font-size: 1em; width: 80%; height: auto; text-align: left; font-weight: normal; line-height: 1em; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0em; padding-right: 0em; display: block; margin-left: auto; margin-right: auto; clear: none; } #Text_InputAims { float: none; height: 33px; padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; font-size: 16px; display: block; width: 80%; color: rgb(126, 132, 134); font-weight: 300; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; font-family: soleto; text-align: center; margin-left: auto; margin-right: auto; clear: none; } #ButtonAims:hover { background-color: rgb(181, 179, 174); } #ButtonAims { float: none; height: 33px; font-size: 16px; margin-left: auto; margin-top: 16px; clear: none; width: 40%; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); -webkit-box-shadow: none; box-shadow: none; font-weight: 300; color: rgb(126, 132, 134); display: block; border-right-style: none; border-top-style: none; border-bottom-style: none; border-left-style: none; background-color: rgba(229, 233, 232, 0); margin-right: auto; } #ImageAims { float: none; width: 48px; max-width: 100%; height: auto; margin-left: auto; margin-top: 120px; clear: none; color: rgb(0, 0, 0); margin-right: auto; } #textAims7 { float: left; font-size: 20px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 42px; margin-left: 0px; margin-top: 18px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 69, 75); letter-spacing: 7px; text-transform: uppercase; padding-right: 20px; padding-left: 20px; margin-right: 0px; margin-bottom: 0px; } #textAims8 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin-left: 0px; margin-top: 31px; clear: both; min-height: 0px; padding-right: 10%; padding-left: 10%; margin-right: 0px; margin-bottom: 0px; } #BoxAims7:hover { background-color: rgb(181, 179, 174); } #BoxAims7 { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 466px; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin-right: auto; margin-bottom: 0px; min-height: 0px; position: static; top: 0px; left: 0px; display: block; background-color: rgb(255, 255, 255); } #textAims9 { float: left; font-size: 14px; width: 100%; height: auto; text-align: center; font-weight: 700; line-height: 28px; margin-left: 0px; margin-top: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 68, 75); text-transform: uppercase; letter-spacing: 7px; margin-bottom: 0px; margin-right: 0px; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; } #Text_Input_GroupAims2 { float: none; height: auto; display: block; text-align: left; clear: none; width: 466px; position: static; top: 0px; left: 0px; margin-top: 0px; margin-left: auto; margin-right: auto; } #LabelAims4 { float: none; font-size: 1em; width: auto; height: auto; text-align: left; font-weight: normal; line-height: 1em; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0em; padding-right: 0em; display: block; } #Text_InputAims3 { float: none; height: 6em; padding-top: 5px; padding-right: 13px; padding-bottom: 5px; padding-left: 13px; font-size: 16px; display: block; width: 100%; color: rgb(126, 132, 134); font-weight: 300; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; font-family: soleto; text-align: center; } #Text_Input_GroupAims { float: none; height: auto; display: block; text-align: left; clear: none; width: 466px; position: static; top: 0px; left: 0px; margin-top: 0px; margin-left: auto; margin-right: auto; } #LabelAims2 { float: none; font-size: 1em; width: auto; height: auto; text-align: left; font-weight: normal; line-height: 1em; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0em; padding-right: 0em; display: block; } #Text_InputAims1 { float: none; height: 33px; padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; font-size: 16px; display: block; width: 100%; color: rgb(126, 132, 134); font-weight: 300; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; font-family: soleto; text-align: center; } #Text_Input_GroupAims1 { float: none; height: auto; display: block; text-align: left; clear: none; width: 466px; position: static; top: 0px; left: 0px; margin-top: 8px; margin-left: auto; margin-right: auto; } #LabelAims3 { float: none; font-size: 1em; width: auto; height: auto; text-align: left; font-weight: normal; line-height: 1em; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0em; padding-right: 0em; display: block; } #Text_InputAims2 { float: none; height: 33px; padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; font-size: 16px; display: block; width: 100%; color: rgb(126, 132, 134); font-weight: 300; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; font-family: soleto; text-align: center; } #ButtonAims2:hover { background-color: rgb(181, 179, 174); } #ButtonAims2 { float: none; height: 33px; font-size: 16px; margin-left: auto; margin-top: 22px; clear: none; width: 40%; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); -webkit-box-shadow: none; box-shadow: none; font-weight: 300; color: rgb(126, 132, 134); display: block; border-right-style: none; border-top-style: none; border-bottom-style: none; border-left-style: none; background-color: rgba(229, 233, 232, 0); margin-right: auto; } #BoxAims6 { float: left; height: auto; margin-left: 0px; margin-top: 70px; clear: both; width: 100%; margin-right: 0px; margin-bottom: 0px; } #BoxAims8 { float: left; height: auto; margin-left: 0px; margin-top: 36px; clear: both; width: 100%; margin-right: 0px; margin-bottom: 0px; display: block; } #BoxAims3 { float: left; height: auto; margin-left: 0px; margin-top: 0px; clear: both; width: 100%; margin-right: 0px; margin-bottom: 0px; } .textAims3 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin-left: 0px; margin-top: 15px; clear: both; min-height: 0px; padding-right: 30px; padding-left: 30px; display: block; margin-right: 0px; color: rgb(116, 122, 143); } #TextInputGroupAims1 { float: none; height: auto; display: block; text-align: left; clear: none; width: 100%; position: static; top: 0px; left: 0px; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; } #LabelAims1 { float: none; font-size: 1em; width: 80%; height: auto; text-align: left; font-weight: normal; line-height: 1em; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0em; padding-right: 0em; display: block; margin-left: auto; margin-right: auto; clear: none; } #TextInputAims { float: none; height: 33px; padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; font-size: 16px; display: block; width: 80%; color: rgb(126, 132, 134); font-weight: 300; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; font-family: soleto; text-align: center; margin-left: auto; margin-right: auto; clear: none; } #ButtonAims1:hover { background-color: rgb(181, 179, 174); } #ButtonAims1 { float: none; height: 33px; font-size: 16px; margin-left: auto; margin-top: 16px; clear: none; width: 39.971865%; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); -webkit-box-shadow: none; box-shadow: none; font-weight: 300; color: rgb(126, 132, 134); display: block; border-right-style: none; border-top-style: none; border-bottom-style: none; border-left-style: none; background-color: rgba(229, 233, 232, 0); margin-right: auto; } .textAims2 { float: left; font-size: 22px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin-left: 0px; margin-top: 0px; clear: none; min-height: 0px; padding-right: 30px; padding-left: 30px; display: block; margin-right: 0px; color: rgb(69, 68, 75); padding-top: 0px; } #testwebStep2 { float: left; height: auto; margin-left: 0px; margin-top: 40px; clear: both; width: 100%; margin-right: 0px; margin-bottom: 80px; min-width: 0px; } #testwebStep1 { float: left; height: auto; margin-left: 0px; margin-top: 40px; clear: both; width: 100%; margin-bottom: 80px; min-width: 0px; } #BoxAims4 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: both; width: 99.999999%; } #testwebStep3 { float: left; height: auto; margin-left: 0px; margin-top: 40px; clear: both; width: 100%; margin-right: 0px; margin-bottom: 80px; display: block; min-width: 0px; } #textAims4 { float: left; font-size: 22px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin-left: 0px; margin-top: 0px; clear: none; min-height: 0px; padding-right: 30px; padding-left: 30px; display: block; margin-right: 0px; color: rgb(69, 68, 75); padding-top: 0px; } #textAims5 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin-left: 0px; margin-top: 15px; clear: both; min-height: 0px; padding-right: 30px; padding-left: 30px; display: block; margin-right: 0px; color: rgb(116, 122, 143); } #textAims6 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin-left: 0px; margin-top: 40px; clear: both; min-height: 0px; padding-right: 30px; padding-left: 30px; display: block; margin-right: 0px; color: rgb(182, 199, 84); min-width: 0px; margin-bottom: 0px; } @media only screen and (max-width: 1200px) { .textAims2 { font-size: 20px; } #textAims4 { font-size: 20px; } #textAims8 { font-size: 15px; } #Text_InputAims1 { font-size: 15px; } #Text_InputAims2 { font-size: 15px; } #Text_InputAims3 { font-size: 15px; } #ButtonAims2 { font-size: 15px; } #textAims5 { font-size: 15px; } .textAims3 { font-size: 15px; } #textAims1 { font-size: 15px; } #Text_InputAims { font-size: 15px; } #ButtonAims { font-size: 15px; } #TextInputAims { font-size: 15px; } #ButtonAims1 { font-size: 15px; } } @media only screen and (max-width: 800px) { #BoxAims7 { width: 65%; } #Text_Input_GroupAims { width: 65%; } #Text_Input_GroupAims1 { width: 65%; } #Text_Input_GroupAims2 { width: 65%; } #BoxAims5 { clear: both; width: 100%; border-top-color: rgb(182, 199, 84); border-top-width: 1px; border-top-style: solid; } #BoxAims2 { display: none; } #BoxAims2_2 { display: block; border-top: 1px solid rgb(182, 199, 84); padding: 0 0 80px 0; background-image:url('/cz/img/bg_01.png'); background-position: 0% 0%; background-repeat: repeat; background-attachment: scroll; -webkit-background-size: auto; background-size: auto; } .textAims { margin-top: 110px; } #BoxAims2_2 .textAims2 { font-size: 30px; padding-bottom: 20px; } #ImageAims { margin-top: 55px; } #TextInputGroupAims { width: 80%; } #TextInputGroupAims1 { width: 80%; } } @media only screen and (max-width: 640px) { #TextInputGroupAims { margin-left: 0px; width: 100%; margin-top: 15px; clear: both; } #Text_InputAims { width: 80%; margin-left: auto; margin-right: auto; float: none; clear: none; text-align: center; } #ButtonAims { margin-left: auto; margin-right: auto; float: none; clear: none; margin-top: 10px; width: 40%; } #BoxAims7 { width: 80%; } #Text_Input_GroupAims2 { margin-left: 0px; width: 100%; margin-top: 0px; clear: both; } #Text_InputAims3 { width: 80%; margin-left: auto; margin-right: auto; float: none; clear: none; text-align: center; } #Text_Input_GroupAims { margin-left: 0px; width: 100%; margin-top: 0px; clear: both; } #Text_InputAims1 { width: 80%; margin-left: auto; margin-right: auto; float: none; clear: none; text-align: center; } #Text_Input_GroupAims1 { margin-left: 0px; width: 100%; margin-top: 0px; clear: both; } #Text_InputAims2 { width: 80%; margin-left: auto; margin-right: auto; float: none; clear: none; text-align: center; } #ButtonAims2 { margin-left: auto; margin-right: auto; float: none; clear: none; margin-top: 17px; width: 80%; } #BoxAims2 { padding-bottom: 0px; } #TextInputGroupAims1 { margin-left: 0px; width: 100%; margin-top: 15px; clear: both; } #TextInputAims { width: 80%; margin-left: auto; margin-right: auto; float: none; clear: none; text-align: center; } #ButtonAims1 { margin-left: auto; margin-right: auto; float: none; clear: none; margin-top: 10px; width: 40%; } .textAims3 { padding-right: 20px; padding-left: 20px; } #textAims5 { padding-right: 20px; padding-left: 20px; } #textAims4 { padding-right: 20px; padding-left: 20px; } .textAims2 { padding-right: 20px; padding-left: 20px; } } @media only screen and (max-width: 320px) { #ButtonAims { width: 50%; } #ButtonAims2 { width: 80%; } #ButtonAims1 { width: 50%; } #textAims8 { padding-right: 5%; padding-left: 5%; } #textAims5 { padding-right: 10px; padding-left: 10px; } .textAims3 { padding-right: 10px; padding-left: 10px; } #textAims1 { padding-right: 10px; padding-left: 10px; } #Text_InputAims1 { width: 90%; } #BoxAims7 { width: 90%; } #Text_InputAims2 { width: 90%; } #Text_InputAims3 { width: 90%; } } /* ------------------------------------ /cz/08_lvl2_3_realisation.css ------------------------------------ */ /*.primaryContainer { height: auto; margin-left: auto; margin-right: auto; min-height: 100%; width: 100%; padding-top: 0px; } body { color: rgb(116, 122, 143); line-height: 32px; font-size: 14px; font-weight: 300; font-family: soleto; }*/ #lvl23RealisationContainer { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: both; width: 100%; min-height: 0px; max-width: 1600px; margin-right: auto; } #Boxlvl23Realisation { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 100%; background-image:url('/cz/img/bg_03.png'); background-attachment: scroll; -webkit-background-size: auto; background-size: auto; background-position: 0% 0%; background-repeat: repeat repeat; } #Boxlvl23Realisation1 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 100%; } #Boxlvl23Realisation_green { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 34%; position: relative; } #Boxlvl23Realisation3 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 66%; position: relative; padding-bottom: 81px; background-color: rgb(255, 255, 255); } #textlvl23Realisation { float: left; font-size: 30px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 42px; margin-left: 0%; margin-top: 90px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); letter-spacing: 7px; text-transform: uppercase; padding-right: 20px; padding-left: 20px; } #textlvl23Realisation1 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin-left: 0%; margin-top: 29px; clear: both; min-height: 0px; padding-right: 30px; padding-left: 30px; color: rgb(255, 255, 255); } #textlvl23Realisation3 { float: left; font-size: 16px; width: 100.000001%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin: 0px; clear: both; min-height: 0px; padding-right: 20px; padding-left: 20px; padding-top: 0px; color: rgb(255, 255, 255); } .Boxlvl23Realisation5:hover { background-color: rgb(181, 179, 174); } .Boxlvl23Realisation5 { float: none; height: auto; margin: 0px auto; clear: none; width: 466px; border: 3px solid rgb(181, 179, 174); min-height: 0px; position: static; top: 0px; left: 0px; display: block; background-color: rgb(255, 255, 255); } a.textlvl23Realisation6 { float: left; font-size: 14px; width: 100%; height: auto; text-align: center; font-weight: 700; line-height: 28px; margin: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 68, 75); text-transform: uppercase; letter-spacing: 7px; padding: 10px; } .Boxlvl23Realisation4 { float: left; height: auto; margin: 70px 0px 0px; clear: both; width: 100%; } .textlvl23Realisation5 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin: 31px 0px 0px; clear: both; min-height: 0px; padding-right: 10%; padding-left: 10%; } .textlvl23Realisation4 { float: left; font-size: 30px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 42px; margin-left: 0px; margin-top: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 69, 75); letter-spacing: 7px; text-transform: uppercase; padding-right: 20px; padding-left: 20px; margin-right: 0px; margin-bottom: 0px; padding-top: 40px; } #Boxlvl23Realisation2 { float: left; height: 340px; margin-left: 0%; margin-top: 0px; clear: both; width: 100%; background-image:url('/cz/img/bubble_blank.png'); background-attachment: scroll; -webkit-background-size: auto; background-size: auto; background-position: 50% 50%; background-repeat: no-repeat no-repeat; } #textlvl23Realisation2 { float: none; font-size: 16px; width: 250px; height: auto; text-align: center; font-weight: 300; line-height: 27px; margin-left: auto; margin-top: 103px; clear: none; min-height: 134px; color: rgb(255, 255, 255); padding-right: 0%; padding-left: 0%; margin-right: auto; } #contentContainer2 { float: left; height: auto; margin: 0px 0% 100px; clear: none; width: 100%; padding: 0px; } .item { float: left; height: auto; margin-left: 0%; margin-top: 126px; clear: none; width: 100%; margin-right: 0%; } .svg_icon { float: none; width: auto; max-width: 100%; height: auto; margin: 0px auto; clear: none; color: rgb(0, 0, 0); } @media only screen and (max-width: 1200px) { .item { min-height: 475px; } } @media only screen and (max-width: 970px) { #Boxlvl23Realisation2 { background-image:url('/cz/img/bubble_blank.png'); background-attachment: scroll; -webkit-background-size: 90%; background-size: 90%; background-position: 50% 50%; background-repeat: no-repeat no-repeat; } #textlvl23Realisation2 { width: 77.399381%; margin-top: 105px; } .item { min-height: 500px; } } @media only screen and (max-width: 800px) { .Boxlvl23Realisation5 { width: 65%; } #Boxlvl23Realisation3 { clear: both; width: 100%; border-top-color: rgb(182, 199, 84); border-top-width: 1px; border-top-style: solid; } #Boxlvl23Realisation_green { width: 100%; padding-bottom: 44px; height: auto; } #textlvl23Realisation { margin-top: 110px; } #Boxlvl23Realisation2 { background-image:url('/cz/img/bubble_blank.png'); background-attachment: scroll; -webkit-background-size: auto; background-size: auto; background-position: 50% 50%; background-repeat: no-repeat no-repeat; } #textlvl23Realisation2 { width: 250px; margin-top: 115px; } #textlvl23Realisation3 { margin-bottom: 27px; } } @media only screen and (max-width: 640px) { .Boxlvl23Realisation5 { width: 80%; } #Boxlvl23Realisation_green { padding-bottom: 69px; } .item{ min-height: 600px; } .textlvl23Realisation5 { font-size: 14px; } } @media only screen and (max-width: 320px) { .textlvl23Realisation4 { font-size: 20px; letter-spacing: 6px; font-weight: 400; } } /* ------------------------------------ /cz/09_lvl2_4_eshops.css ------------------------------------ */ /*.primaryContainer { height: auto; margin-left: auto; margin-right: auto; min-height: 100%; width: 100%; padding-top: 0px; } body { color: rgb(116, 122, 143); line-height: 32px; font-size: 14px; font-weight: 300; font-family: soleto; }*/ #lvl24EshopsContainer { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: both; width: 100%; min-height: 0px; max-width: 1600px; margin-right: auto; } #Boxlvl24Eshops { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 100%; } #Boxlvl24Eshops1 { float: left; height: auto; margin-left: 0px; margin-top: 0px; clear: none; width: 100%; background-color: rgb(181, 179, 174); margin-right: 0px; margin-bottom: 0px; background-image:url('/cz/img/bg_04_ocre.png'); background-position: 0% 0%; background-repeat: repeat; background-attachment: scroll; -webkit-background-size: auto; background-size: auto; } #Boxlvl24Eshops2 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 33.33%; position: relative; background-color: rgb(181, 179, 174); } #textlvl24Eshops { float: left; font-size: 24px; width: 100%; height: auto; text-align: left; font-weight: 300; line-height: 42px; margin-left: 0%; margin-top: 90px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 69, 75); letter-spacing: 7px; text-transform: uppercase; padding-right: 20px; padding-left: 16%; } #textlvl24Eshops1 { float: left; font-size: 16px; width: 100%; height: auto; text-align: left; font-weight: 300; line-height: 28px; margin-left: 0%; margin-top: 29px; clear: both; min-height: 0px; padding-right: 30px; padding-left: 16%; color: rgb(69, 69, 75); } #Boxlvl24Eshops4:hover { background-color: rgb(255, 255, 255); } #Boxlvl24Eshops4 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 100.000876%; border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin-right: 0px; margin-bottom: 90px; min-height: 0px; position: static; top: 0px; left: 0px; display: block; background-color: rgb(181, 179, 174); } #textlvl24Eshops2 { float: left; font-size: 14px; width: 100%; height: auto; text-align: center; font-weight: 700; line-height: 28px; margin-left: 0px; margin-top: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 68, 75); text-transform: uppercase; letter-spacing: 7px; margin-bottom: 0px; margin-right: 0px; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; } #Imagelvl24Eshops { float: right; width: 79.098727%; max-width: 79.1%; height: auto; margin-left: 0px; margin-top: 0px; clear: none; color: rgb(0, 0, 0); margin-right: 0px; margin-bottom: 0px; min-width: 0px; padding-top: 0px; } #Boxlvl24Eshops5 { float: left; height: auto; margin-left: 0px; margin-top: -5%; clear: none; width: 66.66%; margin-right: 0px; margin-bottom: -152px; position: relative; top: 0px; left: 0px; overflow-y: hidden; overflow-x: hidden; } #Boxlvl24Eshops3 { float: left; height: auto; margin-left: 15.997537%; margin-top: 13.126666%; clear: both; width: 76.999325%; } @media only screen and (max-width: 1200px) { #Imagelvl24Eshops { max-width: 100%; width: 100%; } #Boxlvl24Eshops5 { margin-top: -1.8%; } #textlvl24Eshops1 { font-size: 15px; line-height: 25px; } } @media only screen and (max-width: 970px) { #Imagelvl24Eshops { width: 100%; max-width: 100%; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; } #Boxlvl24Eshops5 { position: relative; top: 0px; left: 0px; width: 66.599549%; overflow-y: hidden; overflow-x: hidden; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #textlvl24Eshops1 { font-size: 15px; font-weight: 300; } } @media only screen and (max-width: 800px) { #Boxlvl24Eshops2 { width: 100%; padding-bottom: 44px; height: auto; } #textlvl24Eshops { margin-top: 85px; text-align: center; padding-left: 5%; padding-right: 5%; } #Boxlvl24Eshops4 { width: 65%; margin-bottom: 0px; margin-left: auto; margin-right: auto; float: none; clear: none; margin-top: 0px; } #Imagelvl24Eshops { margin-left: 0px; margin-right: 0px; float: left; position: relative; top: 0px; left: 0px; width: 131.6%; height: auto; margin-top: -21.5%; margin-bottom: -52.875%; } #Boxlvl24Eshops5 { clear: both; width: 100%; } #textlvl24Eshops1 { margin-top: 29px; margin-left: 0%; clear: both; text-align: center; padding-left: 5%; padding-right: 5%; } #Boxlvl24Eshops3 { width: 100%; margin-top: 55px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } } @media only screen and (max-width: 640px) { #Boxlvl24Eshops2 { padding-bottom: 69px; } #Boxlvl24Eshops4 { width: 80%; } #Imagelvl24Eshops { margin-top: -14.4%; margin-bottom: -50%; width: 100%; max-width: none; } #Boxlvl24Eshops3 { margin-bottom: 0px; } } @media only screen and (max-width: 320px) { #Imagelvl24Eshops { width: 131.9%; margin-left: -100px; } } /* ------------------------------------ /cz/10_lvl2_5_intranet.css ------------------------------------ */ /*.primaryContainer { height: auto; margin-left: auto; margin-right: auto; min-height: 100%; width: 100%; padding-top: 0px; } body { color: rgb(116, 122, 143); line-height: 32px; font-size: 14px; font-weight: 300; font-family: soleto; }*/ #lvl25IntranetContainer { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: both; width: 100%; min-height: 0px; max-width: 1600px; margin-right: auto; } #Boxlvl25Intranet { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 100%; } #Boxlvl25Intranet1 { float: left; height: auto; margin-left: 0px; margin-top: 0px; clear: none; width: 100%; margin-right: 0px; margin-bottom: 0px; } #Boxlvl25Intranet2 { float: left; height: 419px; margin-left: 0px; margin-top: 36px; clear: none; width: 33.33%; position: relative; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image:url('/cz/img/intranet_illu.png'); background-position: 100% 64px; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: auto 73.1%; background-size: auto 73.1%; } #Boxlvl25Intranet3 { float: left; height: auto; margin-left: 0px; margin-top: 0px; clear: none; width: 66.66%; margin-right: 0px; margin-bottom: 0px; position: relative; top: 0px; left: 0px; overflow-y: hidden; overflow-x: hidden; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #textlvl25Intranet { float: left; font-size: 24px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 42px; margin-left: 0px; margin-top: 100px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 69, 75); letter-spacing: 7px; text-transform: uppercase; padding-right: 30px; padding-left: 30px; display: block; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } #textlvl25Intranet1 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin-left: 0px; margin-top: 30px; clear: both; min-height: 0px; padding-right: 30px; padding-left: 30px; color: rgb(69, 69, 75); display: block; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } #Boxlvl25Intranet4 { float: left; height: auto; margin-left: 0px; margin-top: 50px; clear: both; width: 100%; display: block; margin-right: 0px; margin-bottom: 60px; } #Boxlvl25Intranet5:hover { background-color: rgb(181, 179, 174); } #Boxlvl25Intranet5 { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 70%; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin-right: auto; margin-bottom: 0px; min-height: 0px; position: static; top: 0px; left: 0px; display: block; } #textlvl25Intranet2 { float: left; font-size: 14px; width: 100%; height: auto; text-align: center; font-weight: 700; line-height: 28px; margin-left: 0px; margin-top: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 68, 75); text-transform: uppercase; letter-spacing: 7px; margin-bottom: 0px; margin-right: 0px; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; } @media only screen and (max-width: 1200px) { #Boxlvl25Intranet4 { margin-top: 50px; } #Boxlvl25Intranet2 { height: 371px; margin-top: 34px; } #textlvl25Intranet1 { font-size: 15px; line-height: 26px; } } @media only screen and (max-width: 970px) { #Boxlvl25Intranet3 { position: relative; top: 0px; left: 0px; overflow-y: hidden; overflow-x: hidden; } #Boxlvl25Intranet2 { height: 437px; background-image:url('/cz/img/intranet_illu.png'); background-position: 100% 64px; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: auto 65.5%; background-size: auto 65.5%; } } @media only screen and (max-width: 800px) { #Boxlvl25Intranet2 { height: 315px; width: 100%; background-image:url('/cz/img/intranet_illu.png'); background-position: 50% 40px; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: auto 72%; background-size: auto 72%; margin-top: 0px; } #Boxlvl25Intranet3 { clear: both; width: 100%; } #textlvl25Intranet { margin-top: 23px; text-align: center; padding-left: 5%; padding-right: 5%; } #textlvl25Intranet1 { margin-top: 29px; margin-left: 0%; clear: both; text-align: center; padding-left: 5%; padding-right: 5%; } #Boxlvl25Intranet4 { width: 100%; margin-top: 55px; margin-right: 0px; margin-left: 0px; } #Boxlvl25Intranet5 { width: 65%; margin-bottom: 0px; margin-left: auto; margin-right: auto; float: none; clear: none; margin-top: 0px; } } @media only screen and (max-width: 640px) { #Boxlvl25Intranet5 { width: 85%; } } @media only screen and (max-width: 320px) { #Boxlvl25Intranet2 { background-image:url('/cz/img/intranet_illu.png'); background-position: 50% 40px; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: auto 77.6%; background-size: auto 77.6%; height: 219px; } #textlvl25Intranet { margin-top: 50px; font-size: 20px; } #Boxlvl25Intranet5 { width: 90%; } } /* ------------------------------------ /cz/11_lvl2_6_related_services.css ------------------------------------ */ /*.primaryContainer { height: auto; margin-left: auto; margin-right: auto; min-height: 100%; width: 100%; padding-top: 0px; } body { color: rgb(116, 122, 143); line-height: 32px; font-size: 14px; font-weight: 300; font-family: soleto; } */ #lvl26RelatedContainer { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: both; width: 100%; min-height: 0px; max-width: 1600px; margin-right: auto; } #Boxlvl26Related { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 100%; } #Boxlvl26Related1 { float: left; height: auto; margin-left: 0px; margin-top: 0px; clear: none; width: 100%; margin-right: 0px; margin-bottom: 0px; background-color: rgb(244, 244, 244); } #Boxlvl26Related2 { float: left; height: 470px; margin-left: 0px; margin-top: 0px; clear: none; width: 33.33%; position: relative; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image:url('/cz/img/social_icns_bg.png'); background-position: 100% 64px; background-repeat: repeat; background-attachment: scroll; -webkit-background-size: auto; background-size: auto; } #Boxlvl26Related3 { float: left; height: auto; margin-left: 0px; margin-top: 0px; clear: none; width: 66.66%; margin-right: 0px; margin-bottom: 0px; position: relative; top: 0px; left: 0px; overflow-y: hidden; overflow-x: hidden; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #textlvl26Related { float: left; font-size: 24px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 42px; margin-left: 0px; margin-top: 100px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 69, 75); letter-spacing: 7px; text-transform: uppercase; padding-right: 30px; padding-left: 30px; display: block; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } #textlvl26Related1 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin-left: 0px; margin-top: 30px; clear: both; min-height: 0px; padding-right: 30px; padding-left: 30px; color: rgb(69, 69, 75); display: block; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } #Boxlvl26Related4 { float: left; height: auto; margin-left: 0px; margin-top: 50px; clear: both; width: 100%; display: block; margin-right: 0px; margin-bottom: 60px; } #Boxlvl26Related5:hover { background-color: rgb(181, 179, 174); } #Boxlvl26Related5 { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 70%; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin-right: auto; margin-bottom: 0px; min-height: 0px; position: static; top: 0px; left: 0px; display: block; } #textlvl26Related2 { float: left; font-size: 14px; width: 100%; height: auto; text-align: center; font-weight: 700; line-height: 28px; margin-left: 0px; margin-top: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 68, 75); text-transform: uppercase; letter-spacing: 7px; margin-bottom: 0px; margin-right: 0px; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; } @media only screen and (max-width: 1200px) { #Boxlvl26Related1 { background-color: rgb(241, 241, 241); } #Boxlvl26Related4 { margin-top: 50px; } #Boxlvl26Related2 { height: 478px; } #textlvl26Related1 { font-size: 15px; line-height: 26px; } } @media only screen and (max-width: 970px) { #Boxlvl26Related3 { position: relative; top: 0px; left: 0px; overflow-y: hidden; overflow-x: hidden; } #Boxlvl26Related2 { height: 496px; } } @media only screen and (max-width: 800px) { #Boxlvl26Related2 { width: 100%; height: 245px; } #Boxlvl26Related3 { clear: both; width: 100%; } #textlvl26Related { margin-top: 52px; text-align: center; padding-left: 5%; padding-right: 5%; } #textlvl26Related1 { margin-top: 29px; margin-left: 0%; clear: both; text-align: center; padding-left: 5%; padding-right: 5%; } #Boxlvl26Related4 { width: 100%; margin-top: 55px; margin-right: 0px; margin-left: 0px; } #Boxlvl26Related5 { width: 65%; margin-bottom: 0px; margin-left: auto; margin-right: auto; float: none; clear: none; margin-top: 0px; } } @media only screen and (max-width: 640px) { #Boxlvl26Related5 { width: 85%; } } @media only screen and (max-width: 320px) { #textlvl26Related { margin-top: 50px; font-size: 20px; } #Boxlvl26Related5 { width: 90%; } } /* ------------------------------------ /cz/12_lvl2_7_mappengine.css ------------------------------------ */ /*.primaryContainer { height: auto; margin-left: auto; margin-right: auto; min-height: 100%; width: 100%; padding-top: 0px; } body { color: rgb(116, 122, 143); line-height: 32px; font-size: 14px; font-weight: 300; font-family: soleto; }*/ #lvl27MappengineContainer { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 100%; min-height: 0px; max-width: 1600px; margin-right: auto; } #Boxlvl27Mappengine { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 100%; } #Boxlvl27Mappengine1 { float: left; height: auto; margin-left: 0px; margin-top: 0px; clear: none; width: 100%; margin-right: 0px; margin-bottom: 0px; } #Boxlvl27Mappengine2 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 66.66%; position: relative; } #textlvl27Mappengine { float: left; font-size: 24px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 42px; margin-left: 0%; margin-top: 90px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 69, 75); letter-spacing: 7px; text-transform: uppercase; padding-right: 0px; padding-left: 0px; min-width: 0px; padding-top: 0px; padding-bottom: 0px; } #textlvl27Mappengine2 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin-left: 0%; margin-top: 65px; clear: both; min-height: 0px; padding-right: 100px; padding-left: 100px; color: rgb(69, 69, 75); min-width: 0px; padding-top: 0px; padding-bottom: 0px; } #Boxlvl27Mappengine4:hover { background-color: rgb(255, 255, 255); } #Boxlvl27Mappengine4 { float: none; height: auto; margin-left: auto; margin-top: 50px; clear: none; width: 50%; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin-right: auto; margin-bottom: 90px; min-height: 0px; position: static; top: 0px; left: 0px; display: block; } #textlvl27Mappengine3 { float: left; font-size: 14px; width: 100%; height: auto; text-align: center; font-weight: 700; line-height: 28px; margin-left: 0px; margin-top: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 68, 75); text-transform: uppercase; letter-spacing: 7px; margin-bottom: 0px; margin-right: 0px; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; } #textlvl27Mappengine3:hover { background: rgb(181, 179, 174); } #Imagelvl27Mappengine { float: right; width: 100%; max-width: none; height: auto; clear: none; color: rgb(0, 0, 0); min-width: 0px; padding-top: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; } #Boxlvl27Mappengine5 { float: left; height: auto; margin-left: 0px; margin-top: -2%; clear: none; width: 33.33%; margin-right: 0px; margin-bottom: 0px; position: relative; top: 0px; left: 0px; overflow-y: hidden; overflow-x: hidden; } #Boxlvl27Mappengine3 { float: left; height: auto; margin-left: 0px; margin-top: 0px; clear: both; width: 100%; margin-right: 0px; margin-bottom: 0px; } #textlvl27Mappengine1 { float: left; font-size: 24px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 42px; margin-left: 0%; margin-top: 10px; clear: both; min-height: 0px; font-family: Avenir; color: rgb(69, 69, 75); letter-spacing: 7px; text-transform: uppercase; padding-right: 0px; padding-left: 0px; margin-right: 0%; min-width: 0px; padding-top: 0px; padding-bottom: 0px; } #Spanlvl27Mappengine { float: none; font-size: 1em; line-height: 1em; text-transform: none; color: rgb(182, 199, 84); } @media only screen and (max-width: 1200px) { #Imagelvl27Mappengine { width: 144.26%; height: auto; margin-right: -43.8%; } #Boxlvl27Mappengine5 { margin-top: -1.8%; margin-left: 0px; } #textlvl27Mappengine2 { font-size: 15px; line-height: 26px; } } @media only screen and (max-width: 970px) { #Imagelvl27Mappengine { width: auto; max-width: 100%; margin-top: 0px; margin-bottom: 70px; clear: none; float: none; margin-left: auto; margin-right: auto; } #Boxlvl27Mappengine5 { position: relative; top: 0px; left: 0px; width: 100%; overflow-y: hidden; overflow-x: hidden; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; clear: both; } #Boxlvl27Mappengine2 { width: 100%; } #Boxlvl27Mappengine4 { margin-bottom: 60px; } } @media only screen and (max-width: 800px) { #Boxlvl27Mappengine2 { width: 100%; padding-bottom: 44px; height: auto; } #textlvl27Mappengine { margin-top: 85px; text-align: center; padding-left: 5%; padding-right: 5%; } #Boxlvl27Mappengine4 { width: 65%; margin-bottom: 0px; margin-left: auto; margin-right: auto; float: none; clear: none; margin-top: 0px; } #Imagelvl27Mappengine { position: static; top: 0px; left: 0px; width: auto; height: auto; margin-top: 0px; margin-bottom: 57px; float: none; margin-left: auto; margin-right: auto; max-width: none; clear: none; } #Boxlvl27Mappengine5 { clear: both; width: 100%; } #textlvl27Mappengine2 { margin-top: 29px; margin-left: 0%; clear: both; text-align: center; padding-left: 5%; padding-right: 5%; } #Boxlvl27Mappengine3 { width: 100%; margin-top: 55px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } #textlvl27Mappengine1 { margin-top: 10px; text-align: center; padding-left: 5%; padding-right: 5%; } } @media only screen and (max-width: 640px) { #Boxlvl27Mappengine2 { padding-bottom: 36px; } #Boxlvl27Mappengine4 { width: 80%; } #Imagelvl27Mappengine { margin-top: 0px; margin-bottom: 53px; width: 80%; max-width: none; margin-right: auto; margin-left: auto; float: none; clear: none; } #Boxlvl27Mappengine3 { margin-bottom: 0px; } #textlvl27Mappengine1 { margin-top: 10px; } } @media only screen and (max-width: 320px) { #Imagelvl27Mappengine { width: 90%; margin-left: auto; margin-top: 0px; margin-right: auto; margin-bottom: 50px; float: none; clear: none; } } /* ------------------------------------ /cz/13_lvl2_8_references.css ------------------------------------ */ #lvl28ReferencesContainer, .lvl28ReferencesContainer { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: both; width: 100%; min-height: 0px; max-width: 1600px; margin-right: auto; } #Boxlvl28References , .Boxlvl28References { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 100%; background-image:url('/cz/img/bg_05.png'); background-position: 0% 0%; background-repeat: repeat; background-attachment: scroll; -webkit-background-size: auto; background-size: auto; border-top-color: rgb(182, 199, 84); border-top-width: 10px; border-top-style: solid; } #Boxlvl28References2:hover, .Boxlvl28References2:hover { background-color: rgb(69, 68, 75); } #Boxlvl28References2, .Boxlvl28References2 { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 30%; border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin-right: auto; margin-bottom: 0px; min-height: 0px; position: static; top: 0px; left: 0px; display: block; background-color: rgb(182, 199, 84); } #textlvl28References, a.textlvl28References { float: left; font-size: 24px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin-left: 0px; margin-top: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(243, 243, 243); text-transform: uppercase; letter-spacing: 7px; margin-bottom: 0px; margin-right: 0px; padding-right: 10px; padding-left: 10px; padding-top: 20px; padding-bottom: 16px; } #Boxlvl28References1, .Boxlvl28References1 { float: left; height: auto; margin-left: 0px; margin-top: 100px; clear: none; width: 100%; margin-right: 0px; margin-bottom: 100px; min-width: 0px; } @media only screen and (max-width: 800px) { #Boxlvl28References2, .Boxlvl28References2 { width: 65%; float: none; clear: none; } } @media only screen and (max-width: 640px) { #Boxlvl28References2, .Boxlvl28References2 { width: 80%; } } /* ------------------------------------ /cz/14_lvl2_9_contact.css ------------------------------------ */ /*.primaryContainer { height: auto; margin-left: auto; margin-right: auto; min-height: 100%; width: 100%; } body { color: rgb(116, 122, 143); line-height: 32px; font-size: 14px; font-weight: 300; font-family: soleto; }*/ #lvl29ContactContainer { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: both; width: 100%; min-height: 0px; max-width: 1600px; margin-right: auto; background-color: rgb(69, 69, 75); background-image:url('/cz/img/bg_06.png'); background-position: 0px 0%; background-repeat: repeat; background-attachment: scroll; -webkit-background-size: auto; background-size: auto; } #Boxlvl29Contact { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 100%; margin-right: auto; margin-bottom: 0px; position: relative; } #lvl2contactTitle { float: none; font-size: 30px; width: auto; height: auto; text-align: center; font-weight: 300; line-height: 1.4em; margin-left: auto; margin-top: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); letter-spacing: 11px; padding-left: 0px; padding-right: 0px; text-transform: uppercase; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } #Boxlvl29Contact1 { float: none; height: auto; margin-left: auto; margin-top: 80px; clear: none; width: 70%; margin-right: auto; margin-bottom: 70px; padding-left: 0px; } #Imagelvl29Contact { float: none; width: auto; max-width: 100%; height: auto; margin-left: auto; margin-top: 0px; clear: none; color: rgb(0, 0, 0); margin-right: auto; margin-bottom: 34px; } #Buttonlvl29Contact { float: none; height: 33px; font-size: 16px; margin-left: auto; margin-top: 0px; clear: none; width: 20%; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-color: rgb(69, 69, 75); border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); -webkit-box-shadow: none; box-shadow: none; font-weight: 400; color: rgb(255, 255, 255); margin-right: auto; } #Buttonlvl29Contact:hover { background-color: rgb(181, 179, 174); } #lvl2contactSubtitle { float: none; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin-left: 0px; margin-top: 22.5px; clear: none; min-height: 0px; color: rgb(255, 255, 255); display: block; margin-bottom: 0px; margin-right: 0px; padding-right: 30px; padding-left: 30px; } #Btnboxlvl29Contact { float: none; height: auto; margin-left: auto; margin-top: 25px; clear: none; width: 100%; margin-right: auto; margin-bottom: 100px; } #lvl2FormConatiner { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 100%; margin-right: auto; margin-bottom: 0px; padding-left: 0px; display: block; } #textlvl29Contact { float: none; height: auto; display: block; text-align: left; margin-left: auto; margin-top: -30px; clear: none; width: 40%; margin-right: auto; } #Labellvl29Contact { float: none; font-size: 1em; width: auto; height: auto; text-align: left; font-weight: normal; line-height: 1em; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0em; padding-right: 0em; display: block; } #Text_Inputlvl29Contact { float: none; height: 33px; padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; font-size: 16px; display: block; width: 100%; color: rgb(255, 255, 255); font-weight: 300; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; font-family: soleto; text-align: center; background-color: rgb(69, 69, 75); } #Text_Input_Grouplvl29Contact { float: none; height: auto; display: block; text-align: left; clear: none; width: 40%; margin-left: auto; margin-right: auto; margin-top: 0px; } #Labellvl29Contact1 { float: none; font-size: 1em; width: auto; height: auto; text-align: left; font-weight: normal; line-height: 1em; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0em; padding-right: 0em; display: block; } #Text_Inputlvl29Contact1 { float: none; height: 100px; padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; font-size: 16px; display: block; width: 100%; color: rgb(255, 255, 255); font-weight: 300; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; font-family: soleto; text-align: center; background-color: rgb(69, 69, 75); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } @media only screen and (max-width: 1200px) { #Boxlvl29Contact1 { width: 100%; } #Btnboxlvl29Contact { width: 100%; } #lvl2FormConatiner { width: 100%; } #lvl2contactSubtitle { font-size: 15px; line-height: 26px; } #Text_Inputlvl29Contact { font-size: 15px; } #Text_Inputlvl29Contact1 { font-size: 15px; } } @media only screen and (max-width: 989px) { #lvl2contactTitle { font-size: 22px; } #textlvl29Contact { width: 50%; } #Text_Input_Grouplvl29Contact { width: 50%; } } @media only screen and (max-width: 816px) { #lvl2contactTitle { padding-right: 2%; padding-left: 2%; font-size: 25px; margin-top: 0px; } #Boxlvl29Contact { width: 100%; } #lvl29ContactContainer { height: auto; min-height: 0px; } #textlvl29Contact { width: 60%; } #Text_Input_Grouplvl29Contact { width: 60%; } } @media only screen and (max-width: 576px) { #lvl2contactTitle { clear: none; margin-top: 28px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 60%; text-align: center; float: none; } #Boxlvl29Contact1 { margin-top: 0px; padding-left: 0px; } #Imagelvl29Contact { margin-left: auto; margin-right: auto; float: none; clear: none; margin-top: 60px; } #Buttonlvl29Contact { margin-left: auto; margin-right: auto; float: none; clear: none; margin-top: 0px; width: 40%; } #lvl2contactSubtitle { clear: none; } #lvl2FormConatiner { margin-top: 0px; padding-left: 0px; } #textlvl29Contact { margin-left: 0px; width: 100%; margin-top: -30px; clear: both; } #Text_Inputlvl29Contact { width: 80%; margin-left: auto; margin-right: auto; float: none; clear: none; text-align: center; } #Text_Input_Grouplvl29Contact { margin-left: 0px; width: 100%; margin-top: 0px; clear: both; } #Text_Inputlvl29Contact1 { width: 80%; margin-left: auto; margin-right: auto; float: none; clear: none; text-align: center; } } @media only screen and (max-width: 320px) { #lvl2contactTitle { font-size: 22px; padding-right: 2%; padding-left: 2%; margin-top: 30px; } #Buttonlvl29Contact { width: 60%; } #Text_Inputlvl29Contact1 { width: 90%; } #Text_Inputlvl29Contact { width: 90%; } } /* ------------------------------------ /cz/15_lvl3.css ------------------------------------ */ /*.primaryContainer { height: auto; margin-left: auto; margin-right: auto; min-height: 100%; width: 100%; padding-top: 0px; } body { color: rgb(116, 122, 143); line-height: 32px; font-size: 14px; font-weight: 300; font-family: soleto; }*/ #lvl3Container { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 100%; min-height: 0px; max-width: 1600px; margin-right: auto; } #Boxlvl3 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 100%; } #Boxlvl31 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 100%; background-image:url('/cz/img/bg_02.png'); background-position: 0% 0%; background-repeat: repeat; background-attachment: scroll; -webkit-background-size: auto; background-size: auto; } #Boxlvl35 { float: left; height: auto; margin-left: 0px; margin-top: 0px; clear: none; width: 33.3%; position: relative; margin-right: 0px; margin-bottom: 0px; } #Boxlvl34 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: both; width: 66.6%; position: relative; padding-bottom: 81px; background-color: rgb(255, 255, 255); padding-left: 40px; padding-right: 3.75%; border-right-color: rgb(182, 199, 84); border-right-width: 1px; border-right-style: solid; } .textlvl32 { float: left; font-size: 20px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 42px; margin-left: 0%; margin-top: 124px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 69, 75); letter-spacing: 7px; text-transform: uppercase; padding-right: 20px; padding-left: 20px; } .textlvl33 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin-left: 0%; margin-top: 29px; clear: both; min-height: 0px; padding-right: 30px; padding-left: 30px; } .textlvl34 { float: left; font-size: 16px; width: 100.000001%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin-left: 0px; margin-top: 0px; clear: both; min-height: 0px; padding-right: 20px; padding-left: 20px; margin-right: 0px; margin-bottom: 0px; padding-top: 10px; } #testwebInputlvl3 { float: none; height: auto; display: block; text-align: left; clear: none; width: 80%; position: static; top: 0px; left: 0px; margin-top: 0px; margin-left: auto; margin-right: auto; } #Labellvl3 { float: none; font-size: 1em; width: auto; height: auto; text-align: left; font-weight: normal; line-height: 1em; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0em; padding-right: 0em; display: block; } #Text_Inputlvl3 { float: none; height: 33px; padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; font-size: 16px; display: block; width: 100%; color: rgb(126, 132, 134); font-weight: 300; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; font-family: soleto; text-align: center; } #Buttonlvl3:hover { background-color: rgb(181, 179, 174); } #Buttonlvl3 { float: none; height: 33px; font-size: 16px; margin-left: auto; margin-top: 16px; clear: none; width: 40%; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); -webkit-box-shadow: none; box-shadow: none; font-weight: 400; color: rgb(126, 132, 134); display: block; border-right-style: none; border-top-style: none; border-bottom-style: none; border-left-style: none; background-color: rgba(229, 233, 232, 0); margin-right: auto; } #Imagelvl3 { float: left; width: 80px; max-width: 100%; height: auto; margin-left: 0px; margin-top: 50px; clear: none; color: rgb(0, 0, 0); margin-right: 0px; margin-bottom: 90px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; min-width: 0px; min-height: 0px; max-height: none; } .textlvl3_h2 { float: left; font-size: 24px; width: 100%; height: auto; text-align: left; font-weight: 300; line-height: 42px; margin-left: 0px; margin-top: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 68, 75); letter-spacing: 7px; text-transform: uppercase; padding-right: 0px; padding-left: 0px; margin-right: 0px; margin-bottom: 25px; padding-top: 0px; padding-bottom: 0px; } .textlvl3 { float: left; font-size: 18px; width: 100%; height: auto; text-align: left; font-weight: 300; line-height: 28px; margin-left: 0px; margin-top: 0px; clear: none; min-height: 0px; padding-right: 0px; padding-left: 0px; margin-right: 0px; margin-bottom: 60px; padding-top: 0px; padding-bottom: 0px; } #Boxlvl36 { float: left; height: auto; margin-left: 0px; margin-top: 20px; clear: both; width: 100%; margin-right: 0px; margin-bottom: 0px; } #Boxlvl32 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 100%; background-color: rgb(255, 255, 255); padding-left: 40px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; margin-right: 0px; margin-bottom: 0px; min-width: 0px; } .textlvl3_prednadpis { float: left; font-size: 12px; width: auto; height: auto; text-align: left; font-weight: 500; line-height: 20px; margin-left: 0px; margin-top: 0px; clear: none; min-height: 0px; font-family: Avenir; text-transform: uppercase; letter-spacing: 7px; color: rgb(69, 68, 75); margin-bottom: 0px; margin-right: 0px; } .textlvl31 { float: left; font-size: 16px; width: 100.000001%; height: auto; text-align: left; font-weight: 300; line-height: 26px; margin-left: 0px; margin-top: 0px; clear: both; min-height: 0px; padding-right: 0px; padding-left: 0px; margin-right: 0px; margin-bottom: 60px; padding-top: 0px; padding-bottom: 0px; } .textlvl3_h1 { float: left; font-size: 34px; width: auto; height: auto; text-align: left; font-weight: 100; line-height: 60px; margin-left: 0px; margin-top: 0px; clear: both; min-height: 0px; margin-right: 0px; margin-bottom: 90px; text-transform: uppercase; font-family: Avenir; color: rgb(69, 68, 75); letter-spacing: 16px; } #Boxlvl33 { float: left; height: auto; margin-left: 0px; margin-top: 0px; clear: none; width: 83.07%; margin-right: 0px; margin-bottom: 0px; padding-top: 60px; padding-left: 27px; padding-right: 0px; padding-bottom: 0px; } #Boxlvl37 { float: left; height: auto; margin-left: 0px; margin-top: 0px; clear: both; width: 100%; padding-left: 40px; display: block; background-color: rgb(244, 244, 244); margin-right: 0px; margin-bottom: 0px; } .textlvl35 { float: none; font-size: 24px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 42px; margin-left: auto; margin-top: 70px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 68, 75); letter-spacing: 7px; text-transform: uppercase; padding-right: 0px; padding-left: 0px; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; display: block; } .textlvl36 { float: none; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin-left: auto; margin-top: 15px; clear: none; min-height: 0px; padding-right: 0px; padding-left: 0px; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; display: block; color: rgb(69, 68, 75); } #Boxlvl38 { float: none; height: auto; margin-left: auto; margin-top: 30px; clear: none; width: 100%; margin-right: auto; margin-bottom: 70px; display: block; } #Boxlvl39:hover { background-color: rgb(181, 179, 174); } #Boxlvl39 { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 466px; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin-right: auto; margin-bottom: 0px; min-height: 0px; position: static; top: 0px; left: 0px; display: block; background-color: rgb(255, 255, 255); } a.textlvl37 { float: left; font-size: 14px; width: 100%; height: auto; text-align: center; font-weight: 700; line-height: 28px; margin-left: 0px; margin-top: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 68, 75); text-transform: uppercase; letter-spacing: 7px; margin-bottom: 0px; margin-right: 0px; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; } #Spanlvl3 { float: none; font-size: 1em; line-height: 1em; color: rgb(182, 199, 84); } #Spanlvl31 { float: none; font-size: 1em; line-height: 1em; color: rgb(182, 199, 84); } #Spanlvl32 { float: none; font-size: 1em; line-height: 1em; color: rgb(182, 199, 84); } #Spanlvl33 { float: none; font-size: 1em; line-height: 1em; color: rgb(182, 199, 84); } #Spanlvl34 { float: none; font-size: 1em; line-height: 1em; color: rgb(182, 199, 84); } #Spanlvl35 { float: none; font-size: 1em; line-height: 1em; color: rgb(182, 199, 84); } #Spanlvl36 { float: none; font-size: 1em; line-height: 1em; color: rgb(182, 199, 84); } #Spanlvl37 { float: none; font-size: 1em; line-height: 1em; color: rgb(182, 199, 84); } #Spanlvl38 { float: none; font-size: 1em; line-height: 1em; color: rgb(182, 199, 84); } .textlvl3_h3 { float: left; font-size: 17px; width: 99.999999%; height: auto; text-align: left; font-weight: 500; line-height: 42px; margin-left: 0px; margin-top: 20.59375px; clear: both; min-height: 0px; font-family: Avenir; color: rgb(69, 68, 75); letter-spacing: 3px; text-transform: uppercase; padding-right: 0px; padding-left: 0px; margin-right: 0px; margin-bottom: 25px; padding-top: 0px; padding-bottom: 0px; } .textlvl3_h4 { float: left; font-size: 14px; width: 99.999999%; height: auto; text-align: left; font-weight: 700; line-height: 42px; margin-left: 0px; margin-top: 8px; clear: both; min-height: 0px; font-family: Avenir; color: rgb(69, 68, 75); letter-spacing: 1px; text-transform: uppercase; padding-right: 0px; padding-left: 0px; margin-right: 0px; margin-bottom: 25px; padding-top: 0px; padding-bottom: 0px; } @media only screen and (max-width: 1200px) { #textlvl3 { font-size: 16px; } #textlvl31 { font-size: 15px; line-height: 24px; } #textlvl36 { font-size: 15px; } #textlvl33 { font-size: 15px; } #textlvl34 { font-size: 15px; } #Text_Inputlvl3 { font-size: 15px; } } @media only screen and (max-width: 800px) { #Boxlvl34 { clear: both; width: 100%; padding-right: 40px; } #Boxlvl35 { width: 100%; padding-bottom: 44px; border-top-color: rgb(182, 199, 84); border-top-width: 1px; border-top-style: solid; } .textlvl32 { margin-top: 110px; } #Imagelvl3 { width: 140px; margin-bottom: 59px; } #testwebInputlvl3 { width: 65%; } #Boxlvl39 { width: 65%; } #Boxlvl33 { clear: both; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .textlvl3_h1 { margin-bottom: 59px; } #Boxlvl32 { padding-right: 40px; } } @media only screen and (max-width: 640px) { #testwebInputlvl3 { margin-left: 0px; width: 100%; margin-top: 15px; clear: both; } #Text_Inputlvl3 { width: 80%; margin-left: auto; margin-right: auto; float: none; clear: none; text-align: center; } #Buttonlvl3 { margin-left: auto; margin-right: auto; float: none; clear: none; margin-top: 10px; } #Boxlvl35 { padding-bottom: 69px; } #Boxlvl39 { width: 80%; } .textlvl32 { margin-top: 70px; } #Boxlvl37 { border-top-color: rgb(182, 199, 84); border-top-width: 1px; border-top-style: solid; } #Boxlvl34 { padding-left: 30px; padding-right: 30px; } #Boxlvl32 { padding-left: 30px; padding-right: 30px; } .textlvl3_h1 { width: 100%; font-size: 30px; letter-spacing: 9px; line-height: 53px; } #Boxlvl33 { width: 100%; } .textlvl3_prednadpis { margin-bottom: 9px; } #Imagelvl3 { width: 100px; } .textlvl3_h2 { font-size: 20px; line-height: 34px; letter-spacing: 6px; margin-bottom: 15px; } .textlvl3 { margin-bottom: 50px; } .textlvl31 { margin-bottom: 50px; } .textlvl3_h3 { font-size: 20px; line-height: 34px; letter-spacing: 6px; margin-bottom: 15px; } .textlvl3_h4 { font-size: 20px; line-height: 34px; letter-spacing: 6px; margin-bottom: 15px; } } @media only screen and (max-width: 320px) { #Buttonlvl3 { width: 50%; } .textlvl3_h1 { font-size: 24px; line-height: 40px; } #Boxlvl32 { padding-right: 20px; padding-left: 20px; } #Boxlvl34 { padding-right: 20px; padding-left: 20px; } .textlvl3_h2 { font-size: 17px; font-weight: 500; letter-spacing: 5px; line-height: 28px; } .textlvl31 { margin-bottom: 40px; font-size: 13px; line-height: 22px; } .textlvl3 { margin-bottom: 40px; font-size: 14px; line-height: 24px; } #Boxlvl37 { padding-left: 0px; } .textlvl36 { padding-top: 0px; margin-top: 30px; } #Boxlvl38 { margin-top: 45px; } .textlvl35 { margin-top: 55px; } .textlvl33 { padding-right: 20px; padding-left: 20px; text-align: left; } .textlvl32 { text-align: left; } .textlvl34 { text-align: left; } #Text_Inputlvl3 { width: 86%; } .textlvl3_h3 { font-size: 17px; font-weight: 500; letter-spacing: 5px; line-height: 28px; } .textlvl3_h4 { font-size: 17px; font-weight: 500; letter-spacing: 5px; line-height: 28px; } } /* ------------------------------------ /cz/21_case_study.css ------------------------------------ */ /*.primaryContainer { height: auto; margin-left: auto; margin-right: auto; min-height: 100%; width: 100%; padding-top: 0px; } body { color: rgb(116, 122, 143); line-height: 32px; font-size: 14px; font-weight: 300; font-family: soleto; }*/ #cs_bc_Container { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 100%; min-height: 0px; max-width: 1600px; margin-right: auto; } #cs_bc_box { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 100%; } #cs_bc_100percent { float: left; height: 832px; margin-left: 0px; margin-top: 0px; clear: none; width: 100%; background-image:url('/cz/img/hero_bc.jpg'); background-position: 50% 0%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover; background-size: cover; margin-right: 0px; margin-bottom: 0px; } #cs_bc_30percent { float: left; height: 300px; margin-left: 0%; margin-top: 532px; clear: none; width: 100%; background-color: rgba(255, 204, 0, 0.862745); opacity: 1; } #cs_bc_clientHeadline { float: left; font-size: 14px; width: auto; height: auto; text-align: left; font-weight: 500; line-height: 14px; margin-left: 0.47619048%; margin-top: 0px; clear: none; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; } #cs_bc_clientText { float: left; font-size: 16px; width: auto; height: auto; text-align: left; font-weight: 300; line-height: 14px; margin-left: 0%; margin-top: 7px; clear: both; min-height: 0px; color: rgb(135, 99, 37); letter-spacing: 0px; margin-right: 0%; } #cs_bc_headlineLabel { float: left; font-size: 14px; width: auto; height: auto; text-align: left; font-weight: 500; line-height: 14px; margin-left: 0%; margin-top: 0px; clear: none; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; opacity: 1; } #cs_bc_headline { float: left; font-size: 30px; width: 68.93024%; height: auto; text-align: left; font-weight: 300; line-height: 1em; margin-left: 0%; margin-top: 34px; clear: both; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 7px; display: block; margin-right: 0%; } #cs_bc_clientBox { float: left; height: auto; margin-left: 6.6875%; margin-top: 20px; clear: none; width: 16.375%; } #cs_bc_headlineContainer { float: left; height: auto; margin-left: 0%; margin-top: 20px; clear: none; width: 76.9375%; } #cs_bc_headline2 { float: left; font-size: 30px; height: auto; text-align: left; font-weight: 300; line-height: 40px; margin-left: 0%; margin-top: 5px; clear: both; min-height: 0px; font-family: Avenir; color: rgb(135, 99, 37); text-transform: uppercase; letter-spacing: 7px; display: block; margin-right: 0%; } #cs_bc_storyContainer { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: both; width: 100%; opacity: 1; display: block; margin-right: 0%; background-color: rgb(226, 180, 41); } #cs_bc_storyAnnotation { float: left; font-size: 27px; width: 54.6875%; height: auto; text-align: left; font-weight: 300; line-height: 31px; margin-left: 23.0625%; margin-top: 29px; clear: none; min-height: 0px; color: rgb(135, 99, 37); letter-spacing: 1px; margin-right: 0%; opacity: 1; } #cs_bc_storyparagraphs_box { float: left; height: auto; margin-left: 23.0625%; margin-top: 50px; clear: both; width: 54.6875%; margin-bottom: 92px; } #cs_bc_storyLabel { float: left; font-size: 14px; width: 100%; height: auto; text-align: left; font-weight: 500; line-height: 23px; margin-left: 0%; margin-top: 0px; clear: none; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; opacity: 1; } #cs_bc_story_paragraph1 { float: left; font-size: 16px; width: 41.257144%; height: auto; text-align: left; font-weight: 300; line-height: 23px; margin-left: 0%; margin-top: 9px; clear: both; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; opacity: 1; } #cs_bc_story_paragraph2 { float: left; font-size: 16px; width: 41.257144%; height: auto; text-align: left; font-weight: 300; line-height: 23px; margin-left: 2.857143%; margin-top: 9px; clear: none; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; opacity: 1; } #cs_bc_detailsContainer { float: left; height: auto; margin-left: 0%; margin-top: 50px; clear: none; width: 17.3125%; } #cs_bc_detail1 { float: left; font-size: 14px; width: 63.176898%; height: auto; text-align: left; font-weight: 500; line-height: 23px; margin-left: 0px; margin-top: 0px; clear: none; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0px; opacity: 1; margin-bottom: 0px; } #cs_bc_detail_link { float: left; font-size: 14px; width: 100%; height: auto; text-align: left; font-weight: 300; line-height: 23px; margin-left: 0%; margin-top: 9px; clear: both; min-height: 0px; color: rgb(135, 99, 37); letter-spacing: 0px; margin-right: 0%; opacity: 1; display: block; } #cs_bc_detail2 { float: left; font-size: 14px; width: 99.999999%; height: auto; text-align: left; font-weight: 300; line-height: 23px; margin-left: 0%; margin-top: 20px; clear: both; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; opacity: 1; border-top-color: rgba(255, 255, 255, 0.458824); border-top-width: 1px; border-top-style: solid; padding-top: 15px; } #cs_bc_detail2span1 { float: none; font-size: 1em; line-height: 1em; color: rgb(135, 99, 37); } .cs_bc_detail2span2 { float: none; font-size: 1em; line-height: 1em; color: rgb(135, 99, 37); display: inline-block; } #cs_bc_detail3 { float: left; font-size: 14px; width: 99.999999%; height: auto; text-align: left; font-weight: 300; line-height: 23px; margin-left: 0%; margin-top: 20px; clear: both; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; opacity: 1; border-top-color: rgba(255, 255, 255, 0.478431); border-top-width: 1px; border-top-style: solid; padding-top: 15px; } #cs_bc_detail3span { float: none; font-size: 1em; line-height: 1em; color: rgb(135, 99, 37); } #cs_bc_visual1 { float: left; height: 747px; margin-left: 0%; margin-top: 0px; clear: both; width: 100%; background-color: rgb(117, 177, 223); background-image:url('/cz/img/bc_logo.png'); background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: auto; background-size: auto; } #cs_bc_visual2 { float: left; width: 100%; max-width: 100%; height: auto; margin-left: 0px; margin-top: 0px; clear: both; color: rgb(0, 0, 0); min-width: 0px; margin-right: 0px; margin-bottom: 0px; } #cs_bc_visual3 { float: left; height: 747px; margin-left: 0px; margin-top: 0px; clear: both; width: 100%; background-image:url('/cz/img/bc_devices.png'); background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: auto; background-size: auto; background-color: rgb(255, 204, 0); margin-right: 0px; margin-bottom: 0px; } #cs_bc_visual4 { float: left; width: 100%; max-width: 100%; height: auto; margin-left: 0px; margin-top: 0px; clear: both; color: rgb(0, 0, 0); margin-right: 0px; margin-bottom: 0px; min-width: 0px; } #cs_bc_visual5 { float: left; width: 100%; max-width: 100%; height: auto; margin-left: 0px; margin-top: 0px; clear: both; color: rgb(0, 0, 0); margin-right: 0px; margin-bottom: 0px; min-width: 0px; } #cs_bc_visual6 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: both; width: 100%; background-color: rgb(117, 177, 223); } #cs_bc_visual6a { float: left; width: auto; max-width: 100%; height: auto; margin-left: 0px; margin-top: 0px; clear: none; color: rgb(0, 0, 0); margin-right: 0px; margin-bottom: 0px; } #cs_bc_visual6b { float: left; width: auto; max-width: 100%; height: auto; margin-left: 0px; margin-top: 0px; clear: none; color: rgb(0, 0, 0); margin-right: 0px; margin-bottom: 0px; } #cs_bc_visual6c { float: left; width: auto; max-width: 100%; height: auto; margin-left: 0px; margin-top: 0px; clear: none; color: rgb(0, 0, 0); margin-right: 0px; margin-bottom: 0px; } #cs_bc_visual6d { float: left; width: auto; max-width: 100%; height: auto; margin-left: 0px; margin-top: 0px; clear: both; color: rgb(0, 0, 0); margin-right: 0px; margin-bottom: 0px; } #cs_bc_visual6e { float: left; width: auto; max-width: 100%; height: auto; margin-left: 0px; margin-top: 0px; clear: none; color: rgb(0, 0, 0); margin-right: 0px; margin-bottom: 0px; } #cs_bc_visual6f { float: left; width: auto; max-width: 100%; height: auto; margin-left: 0px; margin-top: 0px; clear: none; color: rgb(0, 0, 0); margin-right: 0px; margin-bottom: 0px; } #cs_bc_visual6Container { float: none; height: auto; margin-left: auto; margin-top: 100px; clear: none; width: 969.0000160000001px; margin-right: auto; margin-bottom: 90px; } #cs_bc_visual7 { float: left; width: 100%; max-width: 100%; height: auto; margin-left: 0px; margin-top: 0px; clear: both; color: rgb(0, 0, 0); margin-right: 0px; margin-bottom: 0px; min-width: 0px; } @media only screen and (max-width: 1024px) { #cs_bc_storyparagraphs_box { margin-top: 112px; margin-left: 4.499817%; clear: both; width: 70%; } #cs_bc_detailsContainer { margin-top: 112px; margin-left: 2.999878%; clear: none; width: 20%; } #cs_bc_storyAnnotation { height: auto; margin-top: 29px; margin-left: 4.5%; clear: none; width: 91.116333%; } #cs_bc_clientBox { margin-top: 20px; margin-left: 4.5%; clear: none; width: 18.455505%; } #cs_bc_headlineContainer { margin-top: 20px; margin-left: 0%; clear: none; } #cs_bc_headline { height: auto; width: 94.442792%; } #cs_bc_headline2 { height: auto; width: 94.442792%; } #cs_bc_story_paragraph1 { width: 48%; font-size: 14px; } #cs_bc_story_paragraph2 { width: 48%; margin-left: 4%; font-size: 14px; } #cs_bc_visual3 { background-image:url('/cz/img/bc_devices.png'); background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: contain; background-size: contain; background-color: rgb(255, 204, 0); } #cs_bc_visual6a { width: 33.333333%; } #cs_bc_visual6b { width: 33.333333%; } #cs_bc_visual6c { width: 33.333333%; } #cs_bc_visual6d { width: 33.333333%; } #cs_bc_visual6e { width: 33.333333%; } #cs_bc_visual6f { width: 33.333333%; } #cs_bc_visual6Container { width: 94.628908%; } } @media only screen and (max-width: 640px) { #cs_bc_story_paragraph2 { clear: both; margin-left: 0%; margin-top: 20px; width: 100%; } #cs_bc_story_paragraph1 { width: 100%; } #cs_bc_storyparagraphs_box { width: 60%; } #cs_bc_detailsContainer { width: 28.117676%; } #cs_bc_clientText { font-size: 14px; } #cs_bc_headlineContainer { margin-top: 20px; margin-left: 2.65625%; clear: none; } #cs_bc_clientBox { width: 15.79834%; } #cs_bc_100percent { background-image:url('/cz/img/hero_bc.jpg'); background-position: 36.7% 0%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover; background-size: cover; } #cs_bc_visual3 { height: 529px; } #cs_bc_visual6c { clear: both; width: 50%; } #cs_bc_visual6d { clear: none; width: 50%; } #cs_bc_visual6e { clear: both; width: 50%; } #cs_bc_visual6a { width: 50%; } #cs_bc_visual6b { width: 50%; } #cs_bc_visual6f { width: 50%; } #cs_bc_visual1 { height: 467px; background-image:url('/cz/img/bc_logo.png'); background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: 30%; background-size: 30%; background-color: rgb(117, 177, 223); } } @media only screen and (max-width: 480px) { #cs_bc_headline { font-size: 28px; } #cs_bc_headline2 { font-size: 25px; line-height: 33px; margin-top: 11px; } #cs_bc_storyAnnotation { font-size: 24px; line-height: 30px; margin-top: 42px; } #cs_bc_detailsContainer { clear: both; margin-top: 32px; margin-left: 4.5%; width: 91.11%; margin-bottom: 90px; } #cs_bc_storyparagraphs_box { width: 91.113281%; margin-top: 61px; margin-left: 4.498698%; clear: both; margin-bottom: 0px; } #cs_bc_100percent { background-image:url('/cz/img/hero_bc.jpg'); background-position: 37.4% 0%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover; background-size: cover; } #cs_bc_visual3 { height: 412px; } #cs_bc_visual6b { clear: none; width: 80%; margin-left: auto; margin-right: auto; float: none; } #cs_bc_visual6d { clear: none; width: 80%; margin-left: auto; margin-right: auto; float: none; } #cs_bc_visual6f { clear: none; width: 80%; margin-left: auto; margin-right: auto; float: none; } #cs_bc_visual6a { width: 80%; margin-left: auto; margin-right: auto; float: none; clear: none; } #cs_bc_visual6c { width: 80%; margin-left: auto; margin-right: auto; float: none; clear: none; } #cs_bc_visual6e { width: 80%; margin-left: auto; margin-right: auto; float: none; clear: none; } #cs_bc_visual1 { height: 375px; background-image:url('/cz/img/bc_logo.png'); background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: 40%; background-size: 40%; background-color: rgb(117, 177, 223); } } @media only screen and (max-width: 320px) { #cs_bc_headline { line-height: 27px; margin-top: 17px; font-size: 21px; width: 100%; } #cs_bc_headline2 { line-height: 27px; margin-top: 8px; font-size: 21px; width: 100%; } #cs_bc_headlineContainer { clear: both; margin-left: 4.5%; width: 91%; } #cs_bc_clientBox { width: 91%; } #cs_bc_storyAnnotation { width: 91%; font-size: 18px; line-height: 24px; margin-top: 25px; } #cs_bc_storyparagraphs_box { width: 91%; margin-top: 34px; } #cs_bc_100percent { background-image:url('/cz/img/hero_bc.jpg'); background-position: 43.8% 0%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover; background-size: cover; } #cs_bc_visual3 { height: 299px; } } /* ------------------------------------ /cz/22_about_benefits.css ------------------------------------ */ /*.primaryContainer { height: auto; margin-left: auto; margin-right: auto; min-height: 100%; width: 100%; } body { color: rgb(116, 122, 143); line-height: 24px; font-size: 14px; font-weight: 300; font-family: soleto; }*/ #about_benefits_Container { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 100%; background-image:url('/cz/img/bg_01.png'); background-attachment: scroll; -webkit-background-size: auto; background-size: auto; min-height: 0px; max-width: 1600px; margin-right: auto; background-position: 0% 0%; background-repeat: repeat repeat; } #about_benefits_ben1 { float: left; height: 360px; margin: 0px 0px 0px 16.67%; clear: none; width: 33.3%; } #about_benefits_1a { float: none; width: 50px; max-width: 100%; height: auto; margin-left: auto; margin-top: 95px; clear: none; color: rgb(0, 0, 0); margin-right: auto; } #about_benefits_1b { float: left; font-size: 22px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 40px; margin-left: 0%; margin-top: 35px; clear: none; min-height: 0px; text-transform: uppercase; letter-spacing: 8px; color: rgb(69, 68, 75); margin-right: auto; padding-right: 20px; padding-left: 20px; font-family: Avenir; } #about_benefits_1c { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin-left: 0%; margin-top: 0px; clear: both; min-height: 63px; padding-right: 20px; padding-left: 20px; padding-top: 17px; font-family: soleto; } #about_benefits_ben2 { float: left; height: 360px; margin: 0px; clear: none; width: 33.3%; } #about_benefits_2a { float: none; width: 50px; max-width: 100%; height: auto; margin-left: auto; margin-top: 95px; clear: none; color: rgb(0, 0, 0); margin-right: auto; } #about_benefits_2b { float: left; font-size: 22px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 40px; margin-left: 0%; margin-top: 35px; clear: none; min-height: 0px; text-transform: uppercase; letter-spacing: 8px; color: rgb(69, 68, 75); margin-right: auto; padding-right: 20px; padding-left: 20px; font-family: Avenir; } #about_benefits_2c { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin-left: 0%; margin-top: 0px; clear: both; min-height: 63px; padding-right: 20px; padding-left: 20px; padding-top: 17px; font-family: soleto; } #about_benefits_ben3 { float: left; height: 360px; margin: 0px 0px 0px 16.67%; clear: both; width: 33.3%; } #about_benefits_3a { float: none; width: 50px; max-width: 100%; height: auto; margin-left: auto; margin-top: 65px; clear: none; color: rgb(0, 0, 0); margin-right: auto; } #about_benefits_3b { float: left; font-size: 22px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 40px; margin-left: 0%; margin-top: 35px; clear: none; min-height: 0px; text-transform: uppercase; letter-spacing: 8px; color: rgb(69, 68, 75); margin-right: auto; padding-right: 20px; padding-left: 20px; font-family: Avenir; } #about_benefits_3c { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin-left: 0%; margin-top: 0px; clear: both; min-height: 63px; padding-right: 20px; padding-left: 20px; padding-top: 17px; font-family: soleto; } #about_benefits_4 { float: left; height: 360px; margin: 0px; clear: none; width: 33.3%; } #about_benefits_4a { float: none; width: 50px; max-width: 100%; height: auto; margin-left: auto; margin-top: 65px; clear: none; color: rgb(0, 0, 0); margin-right: auto; } #about_benefits_4b { float: left; font-size: 22px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 40px; margin-left: 0%; margin-top: 35px; clear: none; min-height: 0px; text-transform: uppercase; letter-spacing: 8px; color: rgb(69, 68, 75); margin-right: auto; padding-right: 20px; padding-left: 20px; font-family: Avenir; } #about_benefits_4c { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin-left: 0%; margin-top: 0px; clear: both; min-height: 63px; padding-right: 20px; padding-left: 20px; padding-top: 17px; font-family: soleto; } @media only screen and (max-width: 1200px) { #about_benefits_ben1 { width: 40%; margin-left: 10%; } #about_benefits_ben2 { width: 40%; } #about_benefits_ben3 { width: 40%; margin-left: 10%; } #about_benefits_4 { width: 40%; } #about_benefits_1c { font-size: 15px; line-height: 26px; } #about_benefits_2c { font-size: 15px; line-height: 26px; } #about_benefits_3c { font-size: 15px; line-height: 26px; } #about_benefits_4c { font-size: 15px; line-height: 26px; } } @media only screen and (max-width: 850px) { #about_benefits_4 { clear: none; width: 50%; } #about_benefits_ben3 { clear: none; width: 50%; margin: 0px; } #about_benefits_ben1 { width: 50%; margin: 0px; } #about_benefits_ben2 { width: 50%; } } @media only screen and (max-width: 574px) { #about_benefits_ben2 { clear: both; width: 100%; height: auto; } #about_benefits_ben3 { clear: both; width: 100%; height: auto; } #about_benefits_ben1 { width: 100%; height: auto; } #about_benefits_4 { width: 100%; height: auto; } #about_benefits_1b { font-size: 24px; } #about_benefits_2b { font-size: 24px; } #about_benefits_3b { font-size: 24px; } #about_benefits_4b { font-size: 24px; } #about_benefits_1c { font-size: 17px; font-weight: 300; margin-bottom: 50px; } #about_benefits_2c { font-size: 17px; font-weight: 300; margin-bottom: 50px; } #about_benefits_3c { font-size: 17px; font-weight: 300; margin-bottom: 50px; } #about_benefits_4c { font-size: 17px; font-weight: 300; margin-bottom: 50px; } #about_benefits_2a { margin-top: 95px; margin-right: auto; margin-bottom: 0px; margin-left: auto; width: 70px; } #about_benefits_1a { width: 70px; } #about_benefits_3a { width: 70px; margin-top: 95px; } #about_benefits_4a { width: 70px; margin-top: 95px; } } @media only screen and (max-width: 320px) { #about_benefits_1b { font-size: 20px; } #about_benefits_2b { font-size: 20px; } #about_benefits_3b { font-size: 20px; } #about_benefits_4b { font-size: 20px; } #about_benefits_4c { font-size: 14px; line-height: 25px; } #about_benefits_3c { font-size: 14px; line-height: 25px; } #about_benefits_2c { font-size: 14px; line-height: 25px; } #about_benefits_1c { font-size: 14px; line-height: 25px; } #about_benefits_2a { margin-top: 40px; } #about_benefits_3a { margin-top: 40px; } #about_benefits_4a { margin-top: 40px; } #about_benefits_ben3 { height: 320px; } #about_benefits_ben2 { height: 320px; } #about_benefits_ben1 { height: 320px; } #about_benefits_1a { margin-top: 40px; } #about_benefits_4 { height: 320px; } } /* ------------------------------------ /cz/23_about_team.css ------------------------------------ */ /*.primaryContainer { height: auto; margin-left: auto; margin-right: auto; min-height: 100%; width: 100%; } body { color: rgb(116, 122, 143); line-height: 24px; font-size: 14px; font-weight: 300; font-family: soleto; }*/ #team_Container { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 100%; background-image:url('/cz/img/bg_07.png'); background-position: 0% 0%; background-repeat: repeat; background-attachment: scroll; -webkit-background-size: auto; background-size: auto; min-height: 0px; max-width: 1600px; margin-right: auto; background-color: rgb(165, 181, 78); } #team_introContainer { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 50%; margin-right: auto; margin-bottom: 50px; } #team_introHeadline { float: left; font-size: 30px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 40px; margin-left: 0%; margin-top: 100px; clear: none; min-height: 0px; text-transform: uppercase; letter-spacing: 8px; color: rgb(241, 241, 241); margin-right: auto; padding-right: 20px; padding-left: 20px; font-family: Avenir; } #team_introText { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin-left: 0%; margin-top: 0px; clear: both; min-height: 63px; padding-right: 20px; padding-left: 20px; padding-top: 10px; font-family: soleto; color: rgb(241, 241, 241); } #team_3D_carousel { float: none; height: 500px; margin-left: 0px; margin-top: 0px; clear: none; width: 100%; margin-right: 0px; margin-bottom: 0px; min-width: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: static; display: block; } .team_nameText { float: left; font-size: 22px; width: 100.000001%; height: auto; text-align: center; font-weight: 300; line-height: 40px; clear: none; min-height: 0px; text-transform: uppercase; letter-spacing: 8px; color: rgb(241, 241, 241); padding-right: 20px; padding-left: 20px; font-family: Avenir; margin-top: 0px; margin-right: 0%; margin-left: 0%; } .team_nameFunction { float: left; font-size: 16px; width: 100.000001%; height: auto; text-align: center; font-weight: 300; line-height: 24px; margin-left: 0%; margin-top: 0px; clear: none; min-height: 0px; padding-right: 0px; padding-left: 0px; padding-top: 0px; font-family: soleto; color: rgb(241, 241, 241); margin-right: 0%; padding-bottom: 0px; } #team_nameContainer { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; /*width: 33.299064%;*/ margin-right: auto; margin-bottom: 90px; } @media only screen and (max-width: 1200px) { #team_introContainer { width: 70%; } #team_nameContainer { width: 100%; } #team_introText { font-size: 15px; line-height: 26px; } #team_nameFunction { font-size: 15px; line-height: 26px; } #team_introHeadline { font-size: 27px; } } @media only screen and (max-width: 850px) { #team_introContainer { width: 90%; } } @media only screen and (max-width: 574px) { #team_introContainer { height: auto; } #team_introHeadline { font-size: 24px; } #team_introText { font-size: 17px; font-weight: 300; margin-bottom: 50px; } .team_nameText { font-size: 24px; } .team_nameFunction { font-size: 16px; font-weight: 300; margin-bottom: 50px; } } @media only screen and (max-width: 320px) { #team_introHeadline { font-size: 20px; } #team_introText { font-size: 14px; font-weight: 300; } #team_introContainer { height: 320px; } .team_nameText { font-size: 20px; } .team_nameFunction { font-size: 14px; font-weight: 300; } } /* ------------------------------------ /cz/24_case_study_iaea.css ------------------------------------ */ /*.primaryContainer { height: auto; margin-left: auto; margin-right: auto; min-height: 100%; width: 100%; padding-top: 0px; } body { color: rgb(116, 122, 143); line-height: 32px; font-size: 14px; font-weight: 300; font-family: soleto; } */ #cs_iaea_Container { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 100%; min-height: 0px; max-width: 1600px; margin-right: auto; } #cs_iaea_box { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 100%; } #cs_iaea_100percent { float: left; height: 832px; margin-left: 0px; margin-top: 0px; clear: none; width: 100%; background-image:url('/cz/img/hero_case_iaea.jpg'); background-position: 50% 0%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover; background-size: cover; margin-right: 0px; margin-bottom: 0px; } #cs_iaea_30percent { float: left; height: 300px; margin-left: 0%; margin-top: 532px; clear: none; width: 100%; background-color: rgba(63, 112, 205, 0.729412); opacity: 1; } #cs_iaea_clientHeadline { float: left; font-size: 14px; width: auto; height: auto; text-align: left; font-weight: 500; line-height: 14px; margin-left: 0.47619048%; margin-top: 0px; clear: none; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; } #cs_iaea_clientText { float: left; font-size: 16px; width: auto; height: auto; text-align: left; font-weight: 300; line-height: 19px; margin-left: 0%; margin-top: 7px; clear: both; min-height: 0px; color: rgb(12, 206, 255); letter-spacing: 0px; margin-right: 0%; padding-right: 20px; } #cs_iaea_headlineLabel { float: left; font-size: 14px; width: auto; height: auto; text-align: left; font-weight: 500; line-height: 14px; margin-left: 0%; margin-top: 0px; clear: none; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; opacity: 1; } #cs_iaea_headline { float: left; font-size: 30px; height: auto; text-align: left; font-weight: 300; line-height: 40px; margin-left: 0%; margin-top: 34px; clear: both; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 7px; display: block; margin-right: 0%; } #cs_iaea_clientBox { float: left; height: auto; margin-left: 6.6875%; margin-top: 20px; clear: none; width: 16.375%; } #cs_iaea_headlineContainer { float: left; height: auto; margin-left: 0%; margin-top: 20px; clear: none; width: 76.9375%; } #cs_iaea_headline2 { float: left; font-size: 30px; height: auto; text-align: left; font-weight: 300; line-height: 40px; margin-left: 0%; margin-top: 5px; clear: both; min-height: 0px; font-family: Avenir; color: rgb(12, 206, 255); text-transform: uppercase; letter-spacing: 7px; display: block; margin-right: 0%; } #cs_iaea_storyContainer { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: both; width: 100%; opacity: 1; display: block; margin-right: 0%; background-color: rgb(63, 112, 205); } #cs_iaea_storyAnnotation { float: left; font-size: 27px; width: 54.6875%; height: auto; text-align: left; font-weight: 300; line-height: 31px; margin-left: 23.0625%; margin-top: 29px; clear: none; min-height: 0px; color: rgb(12, 206, 255); letter-spacing: 1px; margin-right: 0%; opacity: 1; } #cs_iaea_storyparagraphs_box { float: left; height: auto; margin-left: 23.0625%; margin-top: 50px; clear: both; width: 54.6875%; margin-bottom: 92px; } #cs_iaea_storyLabel { float: left; font-size: 14px; width: 100%; height: auto; text-align: left; font-weight: 500; line-height: 23px; margin-left: 0%; margin-top: 0px; clear: none; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; opacity: 1; } #cs_iaea_story_paragraph1 { float: left; font-size: 16px; width: 41.257144%; height: auto; text-align: left; font-weight: 300; line-height: 23px; margin-left: 0%; margin-top: 9px; clear: both; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; opacity: 1; } #cs_iaea_story_paragraph2 { float: left; font-size: 16px; width: 41.257144%; height: auto; text-align: left; font-weight: 300; line-height: 23px; margin-left: 2.857143%; margin-top: 9px; clear: none; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; opacity: 1; } #cs_iaea_detailsContainer { float: left; height: auto; margin-left: 0%; margin-top: 50px; clear: none; width: 17.3125%; } #cs_iaea_detail1 { float: left; font-size: 14px; width: 63.176898%; height: auto; text-align: left; font-weight: 500; line-height: 23px; margin-left: 0px; margin-top: 0px; clear: none; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0px; opacity: 1; margin-bottom: 0px; } #cs_iaea_detail_link { float: left; font-size: 14px; width: 100%; height: auto; text-align: left; font-weight: 300; line-height: 23px; margin-left: 0%; margin-top: 9px; clear: both; min-height: 0px; color: rgb(12, 206, 255); letter-spacing: 0px; margin-right: 0%; opacity: 1; display: block; } #cs_iaea_detail3 { float: left; font-size: 14px; width: 99.999999%; height: auto; text-align: left; font-weight: 300; line-height: 23px; margin-left: 0%; margin-top: 10px; clear: both; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; opacity: 1; border-top-color: rgba(255, 255, 255, 0.478431); border-top-width: 1px; border-top-style: solid; padding-top: 15px; } #cs_iaea_visual2 { float: left; width: 100%; max-width: 100%; height: auto; margin-left: 0px; margin-top: 0px; clear: both; color: rgb(0, 0, 0); min-width: 0px; margin-right: 0px; margin-bottom: 0px; } #cs_iaea_visual4 { float: left; width: 100%; max-width: 100%; height: auto; margin-left: 0px; margin-top: 0px; clear: both; color: rgb(0, 0, 0); margin-right: 0px; margin-bottom: 0px; min-width: 0px; } #cs_iaea_visual5 { float: left; width: 100%; max-width: 100%; height: auto; margin-left: 0px; margin-top: 0px; clear: both; color: rgb(0, 0, 0); margin-right: 0px; margin-bottom: 0px; min-width: 0px; } #cs_iaea_visual7 { float: left; width: 100%; max-width: 100%; height: auto; margin-left: 0px; margin-top: 0px; clear: both; color: rgb(0, 0, 0); margin-right: 0px; margin-bottom: 0px; min-width: 0px; } #cs_iaea_visual71 { float: left; width: 100%; max-width: 100%; height: auto; margin-left: 0px; margin-top: 0px; clear: both; color: rgb(0, 0, 0); margin-right: 0px; margin-bottom: 0px; min-width: 0px; } @media only screen and (max-width: 1024px) { #cs_iaea_storyparagraphs_box { margin-top: 112px; margin-left: 4.499817%; clear: both; width: 70%; } #cs_iaea_detailsContainer { margin-top: 112px; margin-left: 2.999878%; clear: none; width: 20%; } #cs_iaea_storyAnnotation { height: auto; margin-top: 29px; margin-left: 4.5%; clear: none; width: 91.116333%; } #cs_iaea_clientBox { margin-top: 20px; margin-left: 4.5%; clear: none; width: 18.455505%; } #cs_iaea_headlineContainer { margin-top: 20px; margin-left: 0%; clear: none; } #cs_iaea_headline { height: auto; width: 94.442792%; } #cs_iaea_headline2 { height: auto; width: 94.442792%; } #cs_iaea_story_paragraph1 { width: 48%; font-size: 14px; } #cs_iaea_story_paragraph2 { width: 48%; margin-left: 4%; font-size: 14px; } } @media only screen and (max-width: 640px) { #cs_iaea_story_paragraph2 { clear: both; margin-left: 0%; margin-top: 20px; width: 100%; } #cs_iaea_story_paragraph1 { width: 100%; } #cs_iaea_storyparagraphs_box { width: 60%; } #cs_iaea_detailsContainer { width: 28.117676%; } #cs_iaea_clientText { font-size: 14px; } #cs_iaea_headlineContainer { margin-top: 20px; margin-left: 2.65625%; clear: none; } #cs_iaea_clientBox { width: 15.79834%; } #cs_iaea_100percent { background-image:url('/cz/img/hero_case_iaea.jpg'); background-position: 46.2% 0%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover; background-size: cover; } } @media only screen and (max-width: 480px) { #cs_iaea_headline { font-size: 28px; line-height: 31px; margin-top: 21px; } #cs_iaea_headline2 { font-size: 17px; line-height: 28px; margin-top: 11px; } #cs_iaea_storyAnnotation { font-size: 24px; line-height: 30px; margin-top: 42px; } #cs_iaea_detailsContainer { clear: both; margin-top: 32px; margin-left: 4.5%; width: 91.11%; margin-bottom: 90px; } #cs_iaea_storyparagraphs_box { width: 91.113281%; margin-top: 61px; margin-left: 4.498698%; clear: both; margin-bottom: 0px; } #cs_iaea_100percent { background-image:url('/cz/img/hero_case_iaea.jpg'); background-position: 43% 0%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover; background-size: cover; } #cs_iaea_clientText { font-size: 13px; line-height: 16px; clear: none; } #cs_iaea_headlineContainer { clear: both; margin-left: 4.5%; width: 90.64%; } #cs_iaea_clientBox { width: auto; } } @media only screen and (max-width: 320px) { #cs_iaea_headline { line-height: 27px; margin-top: 17px; font-size: 21px; width: 100%; } #cs_iaea_headline2 { line-height: 27px; margin-top: 8px; font-size: 21px; width: 100%; } #cs_iaea_headlineContainer { clear: both; margin-left: 4.5%; width: 91%; } #cs_iaea_clientBox { width: 91%; } #cs_iaea_storyAnnotation { width: 91%; font-size: 18px; line-height: 24px; margin-top: 25px; } #cs_iaea_storyparagraphs_box { width: 91%; margin-top: 34px; } #cs_iaea_100percent { background-image:url('/cz/img/hero_case_iaea.jpg'); background-position: 43.8% 0%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover; background-size: cover; height: 631px; } #cs_iaea_clientText { margin-top: 0px; margin-left: 4.3%; } #cs_iaea_30percent { margin-top: 340px; } } /* ------------------------------------ /cz/25_case_study_jetik.css ------------------------------------ */ /*.primaryContainer { height: auto; margin-left: auto; margin-right: auto; min-height: 100%; width: 100%; padding-top: 0px; } body { color: rgb(116, 122, 143); line-height: 32px; font-size: 14px; font-weight: 300; font-family: soleto; } */ #cs_hscr_Container { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 100%; min-height: 0px; max-width: 1600px; margin-right: auto; } #cs_hscr_box { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 100%; } #cs_hscr_100percent { float: left; height: 832px; margin-left: 0px; margin-top: 0px; clear: none; width: 100%; background-image:url('/cz/img/case_hero_jetik.jpg'); background-position: 50% 0%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover; background-size: cover; margin-right: 0px; margin-bottom: 0px; position: relative; } #cs_hscr_30percent { float: left; height: 300px; margin-left: 0%; margin-top: 532px; clear: none; width: 100%; background-color: rgba(0, 117, 115, 0.862745); opacity: 1; } #cs_hscr_clientHeadline { float: left; font-size: 14px; width: auto; height: auto; text-align: left; font-weight: 500; line-height: 14px; margin-left: 0.47619048%; margin-top: 0px; clear: none; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; } #cs_hscr_clientText { float: left; font-size: 16px; width: auto; height: auto; text-align: left; font-weight: 300; line-height: 19px; margin-left: 0%; margin-top: 7px; clear: both; min-height: 0px; color: rgb(156, 244, 59); letter-spacing: 0px; margin-right: 0%; padding-right: 20px; } #cs_hscr_headlineLabel { float: left; font-size: 14px; width: auto; height: auto; text-align: left; font-weight: 500; line-height: 14px; margin-left: 0%; margin-top: 0px; clear: none; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; opacity: 1; } #cs_hscr_headline { float: left; font-size: 30px; width: auto; height: auto; text-align: left; font-weight: 300; line-height: 40px; margin-left: 0%; margin-top: 34px; clear: both; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 7px; display: block; margin-right: 0%; } #cs_hscr_clientBox { float: left; height: auto; margin-left: 6.6875%; margin-top: 20px; clear: none; width: 16.375%; } #cs_hscr_headlineContainer { float: left; height: auto; margin-left: 0%; margin-top: 20px; clear: none; width: 76.9375%; } #cs_hscr_headline2 { float: left; font-size: 30px; width: auto; height: auto; text-align: left; font-weight: 300; line-height: 40px; margin-left: 0%; margin-top: 5px; clear: both; min-height: 0px; font-family: Avenir; color: rgb(156, 244, 59); text-transform: uppercase; letter-spacing: 7px; display: block; margin-right: 0%; } #cs_hscr_storyContainer { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: both; width: 100%; opacity: 1; display: block; margin-right: 0%; background-color: rgb(0, 117, 115); } #cs_hscr_storyAnnotation { float: left; font-size: 27px; width: 54.6875%; height: auto; text-align: left; font-weight: 300; line-height: 31px; margin-left: 23.0625%; margin-top: 29px; clear: none; min-height: 0px; color: rgb(156, 244, 59); letter-spacing: 1px; margin-right: 0%; opacity: 1; } #cs_hscr_storyparagraphs_box { float: left; height: auto; margin-left: 23.0625%; margin-top: 50px; clear: both; width: 54.6875%; margin-bottom: 92px; } #cs_hscr_storyLabel { float: left; font-size: 14px; width: 100%; height: auto; text-align: left; font-weight: 500; line-height: 23px; margin-left: 0%; margin-top: 0px; clear: none; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; opacity: 1; } #cs_hscr_story_paragraph1 { float: left; font-size: 16px; width: 41.257144%; height: auto; text-align: left; font-weight: 300; line-height: 23px; margin-left: 0%; margin-top: 9px; clear: both; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; opacity: 1; } #cs_hscr_story_paragraph2 { float: left; font-size: 16px; width: 41.257144%; height: auto; text-align: left; font-weight: 300; line-height: 23px; margin-left: 2.857143%; margin-top: 9px; clear: none; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; opacity: 1; } #cs_hscr_detailsContainer { float: left; height: auto; margin-left: 0%; margin-top: 50px; clear: none; width: 17.3125%; } #cs_hscr_detail1 { float: left; font-size: 14px; width: 63.176898%; height: auto; text-align: left; font-weight: 500; line-height: 23px; margin-left: 0px; margin-top: 0px; clear: none; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0px; opacity: 1; margin-bottom: 0px; } #cs_hscr_detail_link { float: left; font-size: 14px; width: 100%; height: auto; text-align: left; font-weight: 300; line-height: 23px; margin-left: 0%; margin-top: 9px; clear: both; min-height: 0px; color: rgb(156, 244, 59); letter-spacing: 0px; margin-right: 0%; opacity: 1; display: block; } #cs_hscr_detail3 { float: left; font-size: 14px; width: 99.999999%; height: auto; text-align: left; font-weight: 300; line-height: 23px; margin-left: 0%; margin-top: 10px; clear: both; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; opacity: 1; border-top-color: rgba(255, 255, 255, 0.478431); border-top-width: 1px; border-top-style: solid; padding-top: 15px; } #cs_hscr_visual2 { float: left; width: 100%; max-width: 100%; height: auto; margin-left: 0px; margin-top: 0px; clear: both; color: rgb(0, 0, 0); min-width: 0px; margin-right: 0px; margin-bottom: 0px; } #cs_hscr_visual5 { float: left; width: 100%; max-width: 100%; height: auto; margin-left: 0px; margin-top: 0px; clear: both; color: rgb(0, 0, 0); margin-right: 0px; margin-bottom: 0px; min-width: 0px; } #cs_hscr_Image { float: left; width: auto; max-width: 100%; height: auto; clear: none; color: rgb(0, 0, 0); position: absolute; top: 438px; left: 61.931096%; } #cs_hscr_Box { float: left; height: 378px; margin-left: 0px; margin-top: 0px; clear: none; width: 99.997568%; background-color: rgb(0, 117, 115); margin-right: 0px; margin-bottom: 0px; position: relative; display: block; } #cs_hscr_Box1 { float: left; height: 550px; margin-left: 0px; margin-top: 0px; clear: none; width: 99.997568%; background-color: rgb(5, 69, 85); background-image:url('/cz/img/bg_08.png'); background-position: 0% 0%; background-repeat: repeat; background-attachment: scroll; -webkit-background-size: auto; background-size: auto; margin-right: 0px; margin-bottom: 0px; position: relative; } #cs_hscr_Image1 { float: left; width: auto; max-width: 100%; height: auto; clear: none; color: rgb(0, 0, 0); position: absolute; top: -132.5px; left: auto; right: 0px; z-index: 1; bottom: auto; } #cs_hscr_Box2 { float: left; height: 735px; margin-left: 0px; margin-top: 0px; clear: both; width: 99.997411%; background-color: rgb(0, 117, 115); background-image:url('/cz/img/case_ilu_hscr5.png'); background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: 70.94%; background-size: 70.94%; margin-right: 0px; margin-bottom: 0px; } #cs_hscr_Box3 { float: left; height: 754px; margin-left: 0%; margin-top: 0px; clear: both; width: 99.996813%; background-color: rgb(130, 189, 65); background-image:url('/cz/img/case_ilu_hscr6.png'); background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: 66.9%; background-size: 66.9%; } @media only screen and (max-width: 1024px) { #cs_hscr_storyparagraphs_box { margin-top: 112px; margin-left: 4.499817%; clear: both; width: 70%; } #cs_hscr_detailsContainer { margin-top: 112px; margin-left: 2.999878%; clear: none; width: 20%; } #cs_hscr_storyAnnotation { height: auto; margin-top: 29px; margin-left: 4.5%; clear: none; width: 91.116333%; } #cs_hscr_clientBox { margin-top: 20px; margin-left: 4.5%; clear: none; width: 18.455505%; } #cs_hscr_headlineContainer { margin-top: 20px; margin-left: 0%; clear: none; } #cs_hscr_headline { height: auto; width: 94.442792%; } #cs_hscr_headline2 { height: auto; width: 94.442792%; } #cs_hscr_story_paragraph1 { width: 48%; font-size: 14px; } #cs_hscr_story_paragraph2 { width: 48%; margin-left: 4%; font-size: 14px; } #cs_hscr_Box1 { height: 577px; } #cs_hscr_Box { height: 287px; } #cs_hscr_Image1 { top: -77.5px; bottom: auto; } #cs_hscr_Box2 { background-image:url('/cz/img/case_ilu_hscr5.png'); background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: 90.34%; background-size: 90.34%; background-color: rgb(0, 117, 115); height: 651px; } #cs_hscr_Box3 { height: 576px; } } @media only screen and (max-width: 819px) { #cs_hscr_Box1 { height: 389px; } #cs_hscr_Box2 { height: 551px; } #cs_hscr_Box3 { height: 512px; background-image:url('/cz/img/case_ilu_hscr6.png'); background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: 74.2%; background-size: 74.2%; background-color: rgb(130, 189, 65); } } @media only screen and (max-width: 640px) { #cs_hscr_story_paragraph2 { clear: both; margin-left: 0%; margin-top: 20px; width: 100%; } #cs_hscr_story_paragraph1 { width: 100%; } #cs_hscr_storyparagraphs_box { width: 60%; margin-top: 62px; } #cs_hscr_detailsContainer { width: 28.117676%; margin-top: 62px; } #cs_hscr_clientText { font-size: 12px; } #cs_hscr_headlineContainer { margin-top: 20px; margin-left: 2.65625%; clear: none; } #cs_hscr_clientBox { width: 15.79834%; } #cs_hscr_100percent { background-image:url('/cz/img/case_hero_jetik.jpg'); background-attachment: scroll; -webkit-background-size: cover; background-size: cover; background-position: 66.2% 0%; background-repeat: no-repeat no-repeat; } #cs_hscr_storyAnnotation { font-size: 19px; line-height: 27px; margin-top: 29px; } #cs_hscr_Box { height: 168px; } #cs_hscr_Box3 { background-image:url('/cz/img/case_ilu_hscr6.png'); background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: 92.4%; background-size: 92.4%; background-color: rgb(130, 189, 65); } } @media only screen and (max-width: 480px) { #cs_hscr_headline { font-size: 28px; line-height: 31px; margin-top: 21px; } #cs_hscr_headline2 { font-size: 17px; line-height: 28px; margin-top: 11px; } #cs_hscr_storyAnnotation { font-size: 24px; line-height: 30px; margin-top: 42px; } #cs_hscr_detailsContainer { clear: both; margin-top: 32px; margin-left: 4.5%; width: 91.11%; margin-bottom: 90px; } #cs_hscr_storyparagraphs_box { width: 91.113281%; margin-top: 61px; margin-left: 4.498698%; clear: both; margin-bottom: 0px; } #cs_hscr_100percent { background-image:url('/cz/img/case_hero_jetik.jpg'); background-attachment: scroll; -webkit-background-size: cover; background-size: cover; background-position: 73.1% 0%; background-repeat: no-repeat no-repeat; } #cs_hscr_clientText { font-size: 13px; line-height: 16px; clear: none; } #cs_hscr_headlineContainer { clear: both; margin-left: 4.5%; width: 90.64%; } #cs_hscr_clientBox { width: auto; } #cs_hscr_Box { height: 167px; } #cs_hscr_Box1 { height: 246px; } #cs_hscr_Image1 { top: -25.5px; bottom: auto; } #cs_hscr_Box2 { height: 421px; } #cs_hscr_Box3 { height: 422px; } } @media only screen and (max-width: 320px) { #cs_hscr_headline { line-height: 27px; margin-top: 17px; font-size: 21px; width: 100%; } #cs_hscr_headline2 { line-height: 27px; margin-top: 8px; font-size: 21px; width: 100%; } #cs_hscr_headlineContainer { clear: both; margin-left: 4.5%; width: 91%; } #cs_hscr_clientBox { width: 91%; } #cs_hscr_storyAnnotation { width: 91%; font-size: 18px; line-height: 24px; margin-top: 25px; } #cs_hscr_storyparagraphs_box { width: 91%; margin-top: 34px; } #cs_hscr_100percent { height: 554px; background-image:url('/cz/img/case_hero_jetik.jpg'); background-attachment: scroll; -webkit-background-size: cover; background-size: cover; background-position: 68.2% 0%; background-repeat: no-repeat no-repeat; } #cs_hscr_clientText { margin-top: 0px; margin-left: 4.3%; } #cs_hscr_30percent { margin-top: 340px; height: 216px; } #cs_hscr_Image { top: 284px; left: 70.458984%; height: auto; width: auto; max-width: 46.020508%; } #cs_hscr_Image1 { right: -243px; width: 509px; max-width: none; left: auto; top: -97.5px; bottom: auto; } #cs_hscr_Box2 { background-image:url('/cz/img/case_ilu_hscr5.png'); background-position: 6px 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: 180.54%; background-size: 180.54%; background-color: rgb(0, 117, 115); height: 450px; } #cs_hscr_Box3 { height: 374px; } } /* ------------------------------------ /cz/25_case_study_3d.css ------------------------------------ */ #case_study_3d_cs_hscr_Container { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 100%; min-height: 0px; max-width: 1600px; margin-right: auto; } #case_study_3d_cs_hscr_box { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 100%; } #case_study_3d_cs_hscr_100percent { float: left; height: 832px; margin: 0px; clear: none; width: 100%; background-image:url('/cz/img/case_hero_3d.jpg'); background-attachment: scroll; -webkit-background-size: cover; background-size: cover; position: relative; background-position: 50% 0%; background-repeat: no-repeat no-repeat; } #case_study_3d_cs_hscr_30percent { float: left; height: 300px; margin-left: 0%; margin-top: 532px; clear: none; width: 100%; background-color: rgba(192, 155, 106, 0.862745); opacity: 1; } #case_study_3d_cs_hscr_headlineLabel { float: left; font-size: 14px; width: auto; height: auto; text-align: left; font-weight: 500; line-height: 14px; margin-left: 0%; margin-top: 0px; clear: none; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; opacity: 1; } #case_study_3d_cs_hscr_headline { float: left; font-size: 30px; width: auto; height: auto; text-align: left; font-weight: 200; line-height: 40px; margin-left: 0%; margin-top: 34px; clear: both; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 7px; display: block; margin-right: 0%; } #case_study_3d_cs_hscr_clientBox { float: left; height: auto; margin-left: 6.6875%; margin-top: 20px; clear: none; width: 16.375%; } #case_study_3d_cs_hscr_headlineContainer { float: left; height: auto; margin-left: 0%; margin-top: 20px; clear: none; width: 76.9375%; } #case_study_3d_cs_hscr_headline2 { float: left; font-size: 30px; width: 82.859464%; height: auto; text-align: left; font-weight: 200; line-height: 40px; margin-left: 0%; margin-top: 5px; clear: both; min-height: 0px; font-family: Avenir; color: rgb(86, 73, 58); text-transform: uppercase; letter-spacing: 7px; display: block; margin-right: 0%; } #case_study_3d_cs_hscr_storyContainer { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: both; width: 100%; opacity: 1; display: block; margin-right: 0%; background-color: rgb(192, 155, 106); } #case_study_3d_cs_hscr_storyAnnotation { float: left; font-size: 24px; width: 54.6875%; height: auto; text-align: left; font-weight: 300; line-height: 33px; margin-left: 23.0625%; margin-top: 29px; clear: none; min-height: 0px; color: rgb(86, 73, 58); letter-spacing: 0px; margin-right: 0%; opacity: 1; } #case_study_3d_cs_hscr_storyparagraphs_box { float: left; height: auto; margin-left: 23.0625%; margin-top: 50px; clear: both; width: 54.6875%; margin-bottom: 92px; } #case_study_3d_cs_hscr_storyLabel { float: left; font-size: 14px; width: 100%; height: auto; text-align: left; font-weight: 500; line-height: 23px; margin-left: 0%; margin-top: 0px; clear: none; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; opacity: 1; } #case_study_3d_cs_hscr_story_paragraph1 { float: left; font-size: 16px; width: 41.257144%; height: auto; text-align: left; font-weight: 300; line-height: 23px; margin-left: 0%; margin-top: 9px; clear: both; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; opacity: 1; } #case_study_3d_cs_hscr_story_paragraph2 { float: left; font-size: 16px; width: 41.257144%; height: auto; text-align: left; font-weight: 300; line-height: 23px; margin-left: 2.857143%; margin-top: 9px; clear: none; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; opacity: 1; } #case_study_3d_cs_hscr_detailsContainer { float: left; height: auto; margin-left: 0%; margin-top: 50px; clear: none; width: 17.3125%; } #case_study_3d_cs_hscr_detail3 { float: left; font-size: 14px; width: 99.999999%; height: auto; text-align: left; font-weight: 300; line-height: 23px; margin-left: 0%; margin-top: 35px; clear: none; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; margin-right: 0%; opacity: 1; border-top-color: rgba(255, 255, 255, 0.478431); border-top-width: 1px; border-top-style: solid; padding-top: 15px; } #case_study_3d_cs_hscr_Box { float: left; height: auto; margin: 0px; clear: both; width: 99.997568%; background-color: rgb(85, 142, 161); background-image:url('/cz/img/bg_08.png'); background-attachment: scroll; -webkit-background-size: auto; background-size: auto; position: relative; background-position: 0% 0%; background-repeat: repeat repeat; } #case_study_3d_autodromBox { float: left; height: 450px; margin: 0px; clear: both; width: 100%; background-color: rgb(192, 155, 106); min-width: 0px; max-width: none; max-height: none; min-height: 0px; padding: 0px; } #case_study_3d_box5 { float: left; height: auto; margin: 0px; clear: none; width: 70%; padding-right: 6%; padding-left: 13%; padding-top: 120px; } #case_study_3d_box6 { float: left; height: 376px; margin-left: 0%; margin-top: 0px; clear: none; width: 30%; padding-right: 13%; padding-top: 170px; margin-bottom: 340px; } #case_study_3d_cs_hscr_headline3 { float: left; font-size: 30px; width: 100%; height: auto; text-align: left; font-weight: 200; line-height: 40px; margin: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 7px; display: block; min-width: 0px; } #case_study_3d_cs_hscr_headline23 { float: left; font-size: 30px; width: 100%; height: auto; text-align: left; font-weight: 200; line-height: 40px; margin-left: 0%; margin-top: 5px; clear: both; min-height: 0px; font-family: Avenir; color: rgb(86, 73, 58); text-transform: uppercase; letter-spacing: 7px; display: block; margin-right: 0%; min-width: 0px; } #case_study_3d_cs_hscr_story_paragraph12 { float: left; font-size: 16px; width: 100%; height: auto; text-align: left; font-weight: 300; line-height: 23px; margin: 50px 0px 0px; clear: both; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; opacity: 1; display: block; min-width: 0px; padding: 0px; } #case_study_3d_refBtnCasestudy4:hover { color: rgb(69, 69, 75); background-color: rgb(255, 255, 255); } #case_study_3d_refBtnCasestudy4 { float: left; font-size: 14px; width: 100%; height: auto; text-align: center; font-weight: 700; line-height: 28px; margin: 0px 0%; clear: none; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 7px; padding: 10px; border: 3px solid rgb(181, 179, 174); display: block; min-width: 0px; } #case_study_3d_refBtnCasestudy41:hover { color: rgb(69, 69, 75); background-color: rgb(255, 255, 255); } #case_study_3d_refBtnCasestudy41 { float: left; font-size: 14px; width: 100%; height: auto; text-align: center; font-weight: 700; line-height: 28px; margin: 20px 0px 0px; clear: both; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 7px; padding: 10px; border: 3px solid rgb(181, 179, 174); display: block; min-width: 0px; } #case_study_3d_autodromBox1 { float: none; height: 560px; margin: -250px auto 0px; clear: none; width: 994px; background-image:url('/cz/img/autodrom_video_ntb.png'); background-attachment: scroll; -webkit-background-size: auto; background-size: auto; position: relative; top: 0px; left: 0px; background-position: 49.6% 0%; background-repeat: no-repeat no-repeat; } #case_study_3d_Video_autodrom { float: none; height: 450px; margin-left: auto; margin-top: 32px; clear: none; width: 71.9%; margin-right: auto; } #case_study_3d_autodromBox2 { float: left; height: 0px; margin: 0px; clear: both; width: 100%; min-width: 0px; max-width: none; max-height: none; min-height: 0px; padding: 51px 0px 27%; background-color: rgb(255, 228, 192); position: relative; top: 0px; left: 0px; } #case_study_3d_image5 { float: left; width: 52.999525%; max-width: 100%; height: auto; margin: 0px; clear: none; color: rgb(0, 0, 0); } #case_study_3d_image6 { float: right; width: 36.899038%; max-width: 100%; height: auto; margin: 0px 5.6875% 0px 0px; clear: none; color: rgb(0, 0, 0); } #case_study_3d_autodromBox3 { float: left; height: auto; margin: 0px; clear: both; width: 100%; min-width: 0px; max-width: none; max-height: none; min-height: 0px; padding: 0px; position: relative; top: 0px; left: 0px; background-color: rgb(192, 155, 106); background-image:url('/cz/img/pvk_bg.png'); background-attachment: scroll; -webkit-background-size: cover; background-size: cover; background-position: 0% 0%; background-repeat: repeat repeat; } #case_study_3d_cs_hscr_headline4 { float: left; font-size: 30px; width: 50.999023%; height: auto; text-align: left; font-weight: 200; line-height: 40px; margin: 70px 0px 0px 107px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 7px; display: block; min-width: 0px; } #case_study_3d_cs_hscr_story_paragraph13 { float: left; font-size: 16px; width: 50.999023%; height: auto; text-align: left; font-weight: 300; line-height: 27px; margin: 20px 0px 60px 107px; clear: none; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; opacity: 1; display: block; min-width: 0px; padding: 0px; } #case_study_3d_image7 { float: none; width: auto; max-width: 100%; height: auto; margin-left: auto; margin-top: 0px; clear: none; color: rgb(0, 0, 0); margin-right: auto; } #case_study_3d_box7 { float: left; height: auto; margin: 0px; clear: none; width: 100%; } #case_study_3d_cs_hscr_story_paragraph14 { float: right; font-size: 16px; width: auto; height: auto; text-align: left; font-weight: 300; line-height: 27px; margin: 0px 9.978918% 86px 0px; clear: left; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; opacity: 1; display: block; min-width: 0px; padding: 0px; } #case_study_3d_autodromBox4 { float: left; height: auto; margin: 0px; clear: both; width: 100%; min-width: 0px; max-width: none; max-height: none; min-height: 0px; padding: 0px; position: relative; top: 0px; left: 0px; background-color: rgb(192, 155, 106); background-image:-webkit-linear-gradient(270deg, rgb(146, 120, 85) 54%, rgb(123, 99, 66) 54%); background-image: linear-gradient(180deg, rgb(146, 120, 85) 54%, rgb(123, 99, 66) 54%); background-attachment: scroll; -webkit-background-size: auto; background-size: auto; background-position: 0% 0%; background-repeat: repeat repeat; } #case_study_3d_cs_hscr_headline5 { float: left; font-size: 30px; width: 100.000001%; height: auto; text-align: left; font-weight: 200; line-height: 40px; margin: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 7px; display: block; min-width: 0px; } #case_study_3d_cs_hscr_headline24 { float: left; font-size: 30px; width: 100.000001%; height: auto; text-align: left; font-weight: 200; line-height: 40px; margin-left: 0%; margin-top: 5px; clear: both; min-height: 0px; font-family: Avenir; color: rgb(86, 73, 58); text-transform: uppercase; letter-spacing: 7px; display: block; margin-right: 0%; min-width: 0px; } #case_study_3d_cs_hscr_story_paragraph15 { float: left; font-size: 16px; width: 100.000001%; height: auto; text-align: left; font-weight: 300; line-height: 23px; margin: 50px 0px 0px; clear: both; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; opacity: 1; display: block; min-width: 0px; padding: 0px; } #case_study_3d_box8 { float: left; height: auto; margin: 100px 0px 74px 0%; clear: none; width: 70%; padding-left: 4.4375%; padding-right: 8%; } #case_study_3d_box10 { float: left; height: auto; margin: -458px 0px 0px 0.015625px; clear: none; width: 29%; padding-top: 100px; } #case_study_3d_box9 { float: left; height: 0px; margin-left: 0%; margin-top: 0px; clear: none; width: 70%; background-image:url('/cz/img/ipad.png'); background-attachment: scroll; -webkit-background-size: contain; background-size: contain; position: relative; top: 0px; left: 0px; padding-bottom: 50%; margin-bottom: 0px; background-position: 50% 0%; background-repeat: no-repeat no-repeat; } #case_study_3d_image8 { float: left; width: 70%; max-width: 100%; height: auto; margin-left: 12.5%; margin-top: 0px; clear: none; color: rgb(0, 0, 0); } #case_study_3d_image9 { float: left; width: 70%; max-width: 100%; height: auto; margin-left: 12.5%; margin-top: 20px; clear: both; color: rgb(0, 0, 0); } #case_study_3d_image10 { float: left; width: 70%; max-width: 100%; height: auto; margin-left: 12.5%; margin-top: 20px; clear: both; color: rgb(0, 0, 0); } #case_study_3d_image11 { float: left; width: 70%; max-width: 100%; height: auto; margin-left: 12.5%; margin-top: 20px; clear: both; color: rgb(0, 0, 0); } #case_study_3d_image12 { float: left; width: 70%; max-width: 100%; height: auto; margin-left: 12.5%; margin-top: 20px; clear: both; color: rgb(0, 0, 0); } #case_study_3d__3D_elektrarny_video { float: left; height: 78.8%; clear: none; width: 75.005753%; position: absolute; top: 6.1%; left: 14.20165%; bottom: auto; } #case_study_3d_box11 { float: right; height: auto; margin: 0px 5.6875% 95px 0px; clear: both; width: auto; } #case_study_3d_image13 { float: left; width: auto; max-width: 100%; height: auto; margin-left: 0%; margin-top: 0px; clear: none; color: rgb(0, 0, 0); display: block; } #case_study_3d_image14 { float: left; width: auto; max-width: 100%; height: auto; margin-left: 19px; margin-top: 0px; clear: none; color: rgb(0, 0, 0); display: block; } #case_study_3d_box12 { float: left; height: 0px; margin-left: 0%; margin-top: 0px; clear: both; width: 99.996094%; background-image:url('/cz/img/A1_bg.jpg'); background-attachment: scroll; -webkit-background-size: cover; background-size: cover; padding-bottom: 67.35%; position: relative; top: 0px; left: 0px; background-position: 50% 0px; background-repeat: no-repeat no-repeat; } #case_study_3d_cs_hscr_headline6 { float: left; font-size: 42px; width: 79.999219%; height: auto; text-align: left; font-weight: 200; line-height: 40px; margin: 9.375366% 0px 0px 10%; clear: none; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 7px; display: block; min-width: 0px; } #case_study_3d_cs_hscr_headline25 { float: left; font-size: 26px; width: 36.4%; height: auto; text-align: left; font-weight: 400; line-height: 40px; margin-left: 4.040381%; margin-top: 8.22%; clear: none; min-height: 0px; font-family: Avenir; color: rgb(86, 73, 58); text-transform: uppercase; letter-spacing: 3px; display: block; margin-right: 0%; min-width: 0px; } #case_study_3d_image15 { float: left; width: 38.32%; max-width: 100%; height: auto; margin-left: 7.429218%; margin-top: 86.984375px; clear: both; color: rgb(0, 0, 0); margin-bottom: 175px; } #case_study_3d_box13 { float: left; height: 0px; margin-left: 0%; margin-top: 0px; clear: both; width: 99.996094%; background-image:url('/cz/img/ec_bg.jpg'); background-attachment: scroll; -webkit-background-size: cover; background-size: cover; padding-bottom: 57.125%; position: relative; overflow: visible; background-position: 0% 0%; background-repeat: no-repeat no-repeat; } #case_study_3d_box14 { float: left; height: auto; margin: 0px; clear: none; width: 59.2%; padding-left: 8.54%; padding-right: 0%; display: block; padding-top: 111px; } #case_study_3d_cs_hscr_headline7 { float: left; font-size: 30px; width: 100.000001%; height: auto; text-align: left; font-weight: 200; line-height: 40px; margin: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 7px; display: block; min-width: 0px; } #case_study_3d_cs_hscr_headline26 { float: left; font-size: 30px; width: 100.000001%; height: auto; text-align: left; font-weight: 200; line-height: 40px; margin-left: 0%; margin-top: 5px; clear: both; min-height: 0px; font-family: Avenir; color: rgb(86, 73, 58); text-transform: uppercase; letter-spacing: 7px; display: block; margin-right: 0%; min-width: 0px; } #case_study_3d_cs_hscr_story_paragraph17 { float: left; font-size: 16px; width: 100.000001%; height: auto; text-align: left; font-weight: 300; line-height: 23px; margin: 50px 0px 0px; clear: both; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; opacity: 1; display: block; min-width: 0px; padding: 0px; } #case_study_3d_cs_hscr_story_paragraph18 { float: left; font-size: 16px; width: 100.000001%; height: auto; text-align: left; font-weight: 300; line-height: 23px; margin: 9px 0px 0px; clear: both; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; opacity: 1; display: block; min-width: 0px; padding: 0px 0px 0px 23px; } #case_study_3d_image16 { float: left; width: 29.999857%; max-width: 30%; height: auto; margin-left: 4.222235%; margin-top: 60px; clear: none; color: rgb(0, 0, 0); margin-right: 0px; } #case_study_3d_box15 { float: left; height: 501px; margin-left: 0%; margin-top: 0px; clear: both; width: 99.995797%; background-color: rgb(255, 228, 192); } #case_study_3d_image18 { float: left; width: 47.749149%; max-width: 47.75%; height: auto; margin-left: 6.687403%; margin-top: 101.5625px; clear: none; color: rgb(0, 0, 0); } #case_study_3d_refBtnCasestudy42:hover { color: rgb(69, 69, 75); background-color: rgb(255, 255, 255); } #case_study_3d_refBtnCasestudy42 { float: left; font-size: 19px; width: 23.1%; height: 66px; text-align: center; font-weight: 700; line-height: 28px; margin: 153.78px 0px 0px 12.066995%; clear: none; min-height: 0px; font-family: Avenir; color: rgb(123, 99, 66); text-transform: uppercase; letter-spacing: 7px; padding: 18px 10px 10px; border: 3px solid rgb(181, 179, 174); display: block; min-width: 0px; } #case_study_3d_cs_hscr_story_paragraph16 { float: left; font-size: 16px; width: 36.4%; height: auto; text-align: left; font-weight: 300; line-height: 23px; margin: 16px 0px 0px 4%; clear: none; min-height: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; opacity: 1; display: block; min-width: 0px; padding: 0px; } #case_study_3d_image17 { float: left; width: auto; max-width: 100%; height: auto; clear: both; color: rgb(0, 0, 0); position: absolute; top: auto; left: auto; right: 103px; bottom: -37px; } #case_study_3d_SmartCityBox { float: left; height: auto; margin-left: 0%; margin-top: 1px; clear: both; width: 99.995117%; background-color: rgb(163, 196, 229); background-image:url('/cz/img/smartcity_bg.jpg'); background-attachment: scroll; -webkit-background-size: contain; background-size: contain; background-position: 0% 100%; background-repeat: no-repeat no-repeat; } #case_study_3d_box { float: left; height: auto; margin: 0px 0px 0px 0.15625px; clear: none; width: 50%; padding: 111px 0% 79px 8.54%; display: block; } #case_study_3d_cs_hscr_headline1 { float: left; font-size: 30px; width: 100.000001%; height: auto; text-align: left; font-weight: 200; line-height: 40px; margin: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 7px; display: block; min-width: 0px; } #case_study_3d_cs_hscr_headline21 { float: left; font-size: 30px; width: 100.000001%; height: auto; text-align: left; font-weight: 200; line-height: 40px; margin-left: 0%; margin-top: 5px; clear: both; min-height: 0px; font-family: Avenir; color: rgb(87, 115, 143); text-transform: uppercase; letter-spacing: 7px; display: block; margin-right: 0%; min-width: 0px; } #case_study_3d_cs_hscr_story_paragraph11 { float: left; font-size: 16px; width: 100.000001%; height: auto; text-align: left; font-weight: 300; line-height: 23px; margin: 50px 0px 0px; clear: both; min-height: 0px; color: rgb(87, 115, 143); letter-spacing: 0px; opacity: 1; display: block; min-width: 0px; padding: 0px; } #case_study_3d_box2 { float: left; height: auto; margin: 0px 0px 308px; clear: none; width: 49.7%; padding: 100px 0px 0px; display: block; } #case_study_3d_image2 { float: none; width: auto; max-width: 69.950298%; height: auto; margin: 0px auto; clear: none; color: rgb(0, 0, 0); } #case_study_3d_image { float: left; width: 200px; max-width: 100%; height: auto; margin-left: 0%; margin-top: 0px; clear: none; color: rgb(0, 0, 0); display: block; margin-right: 0%; } #case_study_3d_image1 { float: left; width: 200px; max-width: 100%; height: auto; margin-left: 19px; margin-top: 0px; clear: none; color: rgb(0, 0, 0); display: block; margin-right: 0%; } #case_study_3d_box1 { float: left; height: auto; margin-left: -0.02228661%; margin-top: 50.609375px; clear: both; width: 100%; } #case_study_3d_TemelinBox { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: both; width: 99.995117%; background-image:url('/cz/img/temelin_bg.jpg'); background-attachment: scroll; -webkit-background-size: cover; background-size: cover; background-position: 0% 0%; background-repeat: no-repeat no-repeat; } #case_study_3d_box3 { float: right; height: auto; margin: 0px; clear: none; width: 70%; padding: 75px 10% 47px; display: block; } #case_study_3d_cs_hscr_headline2 { float: left; font-size: 30px; width: 100.000001%; height: auto; text-align: center; font-weight: 200; line-height: 40px; margin: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 7px; display: block; min-width: 0px; } #case_study_3d_cs_hscr_headline22 { float: left; font-size: 30px; width: 100.000001%; height: auto; text-align: center; font-weight: 200; line-height: 40px; margin-left: 0%; margin-top: 5px; clear: both; min-height: 0px; font-family: Avenir; color: rgb(163, 196, 229); text-transform: uppercase; letter-spacing: 7px; display: block; margin-right: 0%; min-width: 0px; } #case_study_3d_box4 { float: left; height: auto; margin: 0px; clear: both; width: 31.2%; display: block; padding: 247px 0px 0px 1.7%; } #case_study_3d_image3 { float: none; width: 54.050673%; max-width: 100%; height: auto; margin-left: auto; margin-top: 0px; clear: none; color: rgb(0, 0, 0); display: block; margin-right: auto; padding: 0px; } #case_study_3d_image4 { float: none; width: 54.050673%; max-width: 100%; height: auto; margin: 17px auto 0px; clear: none; color: rgb(0, 0, 0); display: block; } #case_study_3d_temelinVideo { float: left; height: 0px; margin: 0px 0px 85px 0.06%; clear: none; width: 65.7%; padding: 0px 0px 40.49%; } @media only screen and (max-width: 1024px) { #case_study_3d_cs_hscr_storyparagraphs_box { margin-top: 80px; margin-left: 4.499817%; clear: both; width: 70%; } #case_study_3d_cs_hscr_detailsContainer { margin-top: 80px; margin-left: 2.999878%; clear: none; width: 20%; } #case_study_3d_cs_hscr_storyAnnotation { height: auto; margin-top: 76px; margin-left: 4.5%; clear: none; width: 91.116333%; } #case_study_3d_cs_hscr_clientBox { margin-top: 20px; margin-left: 4.5%; clear: none; width: 18.455505%; } #case_study_3d_cs_hscr_headlineContainer { margin-top: 20px; margin-left: 0%; clear: none; } #case_study_3d_cs_hscr_headline { height: auto; width: 94.442792%; } #case_study_3d_cs_hscr_headline2 { height: auto; width: 94.442792%; } #case_study_3d_cs_hscr_story_paragraph1 { width: 48%; font-size: 14px; } #case_study_3d_cs_hscr_story_paragraph2 { width: 48%; margin-left: 4%; font-size: 14px; } #case_study_3d_autodromBox { height: 495px; } #case_study_3d_cs_hscr_headline3 { height: auto; text-align: center; } #case_study_3d_cs_hscr_headline23 { height: auto; text-align: center; } #case_study_3d_cs_hscr_story_paragraph12 { font-size: 14px; text-align: center; } #case_study_3d_autodromBox1 { margin-top: -147px; width: 100%; height: 0px; padding-bottom: 66.590389%; background-image:url('/cz/img/autodrom_video_ntb.png'); background-attachment: scroll; -webkit-background-size: contain; background-size: contain; background-position: 49.6% 0%; background-repeat: no-repeat no-repeat; } #case_study_3d_box6 { clear: left; width: 100%; margin-bottom: 219px; padding: 0px 30%; height: auto; } #case_study_3d_box5 { width: 100%; padding-right: 10%; padding-left: 10%; padding-bottom: 43px; } #case_study_3d_Video_autodrom { position: absolute; margin-left: 0px; margin-right: 0px; margin-top: 0px; width: 74.3%; top: 32px; left: 13.15%; height: 69.9%; right: auto; } #case_study_3d_cs_hscr_headline4 { height: auto; text-align: center; width: 100%; margin-left: 0px; padding-right: 5%; padding-left: 5%; } #case_study_3d_cs_hscr_story_paragraph13 { font-size: 14px; text-align: center; width: 100%; margin-left: 0px; padding-right: 5%; padding-left: 5%; } #case_study_3d_cs_hscr_story_paragraph14 { font-size: 14px; text-align: center; margin-right: 2.88%; } #case_study_3d_cs_hscr_headline5 { height: auto; text-align: center; } #case_study_3d_cs_hscr_headline24 { height: auto; text-align: center; font-size: 23px; letter-spacing: 3px; margin-top: 14px; font-weight: 400; } #case_study_3d_cs_hscr_story_paragraph15 { font-size: 14px; text-align: center; } #case_study_3d_cs_hscr_headline6 { height: auto; text-align: left; font-size: 31px; letter-spacing: 5px; } #case_study_3d_cs_hscr_headline25 { height: auto; text-align: center; font-size: 18px; letter-spacing: 1px; margin-top: 52px; font-weight: 600; line-height: 27px; } #case_study_3d_image15 { margin-top: 49.96875px; margin-left: 2.13%; clear: both; margin-bottom: 113px; width: 47.62%; } #case_study_3d_box12 { background-image:url('/cz/img/A1_bg.jpg'); background-attachment: scroll; -webkit-background-size: cover; background-size: cover; background-position: 50% 0px; background-repeat: no-repeat no-repeat; } #case_study_3d_box13 { background-image:url('/cz/img/ec_bg.jpg'); background-attachment: scroll; -webkit-background-size: cover; background-size: cover; height: 783px; padding-bottom: 0%; background-position: 0% 0%; background-repeat: no-repeat no-repeat; } #case_study_3d_box14 { width: 61.1%; padding-left: 3.14%; } #case_study_3d_cs_hscr_headline7 { height: auto; text-align: center; } #case_study_3d_cs_hscr_headline26 { height: auto; text-align: center; font-size: 23px; letter-spacing: 3px; margin-top: 14px; font-weight: 400; } #case_study_3d_cs_hscr_story_paragraph17 { font-size: 14px; text-align: center; } #case_study_3d_cs_hscr_story_paragraph18 { font-size: 14px; text-align: center; padding-left: 0px; } #case_study_3d_image16 { width: 33.37%; max-width: none; } #case_study_3d_cs_hscr_story_paragraph16 { font-size: 14px; text-align: center; margin-top: 16px; margin-left: 4%; } #case_study_3d_image17 { right: 30px; } #case_study_3d_box { width: 50%; padding-left: 3.14%; } #case_study_3d_cs_hscr_headline1 { height: auto; text-align: center; } #case_study_3d_cs_hscr_headline21 { height: auto; text-align: center; font-size: 23px; letter-spacing: 3px; margin-top: 14px; font-weight: 400; } #case_study_3d_cs_hscr_story_paragraph11 { font-size: 14px; text-align: center; } #case_study_3d_box2 { width: 49%; padding-left: 3.14%; margin-left: 0px; margin-right: 0px; float: left; } #case_study_3d_image { width: 44.38%; max-width: none; } #case_study_3d_image1 { width: 44.38%; max-width: none; } #case_study_3d_box1 { width: 100%; } #case_study_3d_image2 { width: 80%; max-width: none; } #case_study_3d_box3 { padding-left: 3.14%; } #case_study_3d_cs_hscr_headline2 { height: auto; text-align: center; } #case_study_3d_cs_hscr_headline22 { height: auto; text-align: center; font-size: 23px; letter-spacing: 3px; margin-top: 0px; font-weight: 400; } #case_study_3d_box4 { padding-top: 150px; } #case_study_3d_image3 { width: 60.88%; max-width: none; } #case_study_3d_image4 { width: 60.88%; max-width: none; } } @media only screen and (max-width: 819px) { #case_study_3d_autodromBox { height: 335px; } #case_study_3d_cs_hscr_headlineContainer { margin-left: 4.5%; width: 91.115308%; } #case_study_3d_cs_hscr_headline2 { font-size: 26px; letter-spacing: 6px; font-weight: 400; line-height: 38px; } #case_study_3d_box6 { padding-right: 20%; padding-left: 20%; } #case_study_3d_box5 { padding-right: 5%; padding-left: 5%; } #case_study_3d_cs_hscr_headline23 { font-size: 25px; letter-spacing: 5px; font-weight: 400; } #case_study_3d_autodromBox1 { margin-left: auto; margin-right: auto; float: none; clear: none; margin-top: -147px; width: 90%; padding-bottom: 52.87%; height: 0px; background-image:url('/cz/img/autodrom_video_ntb.png'); background-attachment: scroll; -webkit-background-size: contain; background-size: contain; background-position: 49.8% 0%; background-repeat: no-repeat no-repeat; } #case_study_3d_Video_autodrom { width: 71%; height: 75.6%; margin-top: 0px; position: absolute; margin-left: 0px; margin-right: 0px; top: 6%; left: 14.75%; right: auto; bottom: auto; } #case_study_3d_autodromBox3 { padding-top: 16px; } #case_study_3d_autodromBox4 { padding-top: 16px; } #case_study_3d_cs_hscr_headline24 { font-size: 25px; letter-spacing: 5px; font-weight: 400; } #case_study_3d_box10 { clear: both; margin-top: 0px; width: 100%; padding-top: 0px; margin-left: 0.015625px; } #case_study_3d_image8 { margin-left: 4.8%; width: 28.8%; margin-top: 0px; } #case_study_3d_image9 { margin-left: 1.6%; width: 28.8%; clear: none; margin-top: 0px; } #case_study_3d_image10 { margin-left: 1.6%; width: 28.8%; clear: none; margin-top: 0px; } #case_study_3d_image11 { margin-left: 4.8%; width: 43.9%; clear: both; margin-top: 23px; } #case_study_3d_image12 { margin-left: 1.6%; width: 43.9%; clear: none; margin-top: 23px; } #case_study_3d_box9 { width: 96%; padding-bottom: 68.6%; } #case_study_3d_box8 { width: 100%; } #case_study_3d_box11 { margin-top: 55px; width: 64.46%; margin-left: 17.769383%; margin-right: 0px; float: left; clear: both; } #case_study_3d_image13 { width: 48.118812%; } #case_study_3d_image14 { width: 48.118812%; margin-left: 3.62%; } #case_study_3d_cs_hscr_headline25 { font-size: 17px; letter-spacing: 1px; font-weight: 600; width: 28.9%; } #case_study_3d_image15 { margin-bottom: 53px; margin-left: 1.53%; width: 55.92%; } #case_study_3d_box12 { background-image:url('/cz/img/A1_bg.jpg'); background-attachment: scroll; -webkit-background-size: 140.9%; background-size: 140.9%; background-position: 50% 0px; background-repeat: no-repeat no-repeat; } #case_study_3d_box14 { width: 100%; } #case_study_3d_cs_hscr_headline26 { font-size: 25px; letter-spacing: 5px; font-weight: 400; } #case_study_3d_image16 { width: 47.27%; margin-right: 0px; margin-top: 181px; margin-left: 4.222235%; float: left; clear: both; } #case_study_3d_image18 { width: 91.05%; max-width: none; margin-left: 3.49%; } #case_study_3d_refBtnCasestudy42 { margin-left: 29.47%; width: 41.9%; margin-top: 60.78px; font-size: 16px; clear: both; } #case_study_3d_box15 { height: 586px; } #case_study_3d_cs_hscr_story_paragraph16 { width: 28.9%; } #case_study_3d_box13 { overflow: hidden; } #case_study_3d_image17 { bottom: 6px; left: 48.348692%; right: 30px; top: auto; } #case_study_3d_box { width: 100%; } #case_study_3d_cs_hscr_headline21 { font-size: 25px; letter-spacing: 5px; font-weight: 400; margin-top: 14px; margin-left: 0%; clear: both; } #case_study_3d_box2 { width: 100%; padding-top: 35px; } #case_study_3d_image { width: 48.118812%; } #case_study_3d_image1 { width: 48.118812%; margin-left: 3.62%; } #case_study_3d_box1 { width: 70%; margin-left: 14.999606%; margin-right: 0px; float: left; clear: both; margin-top: 50.609375px; } #case_study_3d_cs_hscr_story_paragraph11 { margin-top: 50px; margin-left: 0px; clear: both; } #case_study_3d_cs_hscr_headline22 { font-size: 19px; letter-spacing: 5px; font-weight: 400; margin-top: 0px; margin-left: 0%; clear: both; } #case_study_3d_box4 { float: left; clear: both; } #case_study_3d_image3 { width: 70.42%; margin-left: auto; margin-right: auto; float: none; margin-top: 0px; clear: none; } #case_study_3d_image4 { width: 70.42%; margin-left: auto; margin-top: 17px; clear: none; margin-right: auto; float: none; } #case_study_3d_TemelinBox { background-image:url('/cz/img/temelin_bg.jpg'); background-attachment: scroll; -webkit-background-size: cover; background-size: cover; background-position: 48.3% 0%; background-repeat: no-repeat no-repeat; } #case_study_3d_cs_hscr_headline2 { font-size: 26px; } } @media only screen and (max-width: 640px) { #case_study_3d_cs_hscr_story_paragraph2 { clear: both; margin-left: 0%; margin-top: 20px; width: 100%; } #case_study_3d_cs_hscr_story_paragraph1 { width: 100%; } #case_study_3d_cs_hscr_storyparagraphs_box { width: 60%; margin-top: 62px; } #case_study_3d_cs_hscr_detailsContainer { width: 28.117676%; margin-top: 62px; } #case_study_3d_cs_hscr_headlineContainer { margin-top: 20px; margin-left: 4.5%; clear: none; } #case_study_3d_cs_hscr_clientBox { width: 15.79834%; } #case_study_3d_cs_hscr_storyAnnotation { font-size: 23px; line-height: 30px; margin-top: 29px; } #case_study_3d_cs_hscr_headline2 { font-size: 22px; letter-spacing: 4px; font-weight: 500; line-height: 35px; } #case_study_3d_autodromBox { height: 271px; } #case_study_3d_autodromBox2 { padding-bottom: 96.7%; } #case_study_3d_image6 { clear: none; margin: 0px auto; float: none; width: 69.3%; } #case_study_3d_image5 { width: 95%; margin-bottom: 35px; } #case_study_3d_box11 { width: 70%; margin-left: 15.87%; } #case_study_3d_box12 { background-image:url('/cz/img/A1_bg.jpg'); background-attachment: scroll; -webkit-background-size: 183.6%; background-size: 183.6%; padding-bottom: 119.15%; background-position: 50% 0px; background-repeat: no-repeat no-repeat; } #case_study_3d_image15 { width: 60.42%; margin-bottom: 62px; } #case_study_3d_refBtnCasestudy42 { width: 53.4%; margin-left: 26.27%; } #case_study_3d_box15 { height: 552px; } #case_study_3d_cs_hscr_story_paragraph16 { line-height: 18px; font-size: 12px; } #case_study_3d_box2 { margin-bottom: 223px; } #case_study_3d_temelinVideo { clear: both; margin-left: auto; margin-right: auto; float: none; margin-top: 0px; width: 80%; } #case_study_3d_box4 { width: 100%; padding: 43px 10% 48px; margin-top: 0px; margin-left: 0px; clear: both; } #case_study_3d_image4 { margin-left: 7%; margin-right: 0px; float: left; margin-top: 0px; clear: none; width: 39.5%; } #case_study_3d_image3 { margin-left: 7%; margin-right: 0px; float: left; margin-top: 0px; clear: none; width: 39.5%; } #case_study_3d_box3 { width: 100%; padding-top: 50px; padding-bottom: 22px; padding-left: 10%; } #case_study_3d_TemelinBox { background-image:url('/cz/img/temelin_bg.jpg'); background-attachment: scroll; -webkit-background-size: cover; background-size: cover; background-position: 38% 0%; background-repeat: no-repeat no-repeat; } } @media only screen and (max-width: 480px) { #case_study_3d_cs_hscr_headline { font-size: 28px; line-height: 31px; margin-top: 21px; } #case_study_3d_cs_hscr_headline2 { font-size: 17px; line-height: 28px; margin-top: 11px; font-weight: 600; } #case_study_3d_cs_hscr_storyAnnotation { font-size: 21px; line-height: 30px; margin-top: 42px; font-weight: 300; } #case_study_3d_cs_hscr_detailsContainer { clear: both; margin-top: 32px; margin-left: 4.5%; width: 91.11%; margin-bottom: 90px; } #case_study_3d_cs_hscr_storyparagraphs_box { width: 91.113281%; margin-top: 61px; margin-left: 4.498698%; clear: both; margin-bottom: 0px; } #case_study_3d_cs_hscr_headlineContainer { clear: both; margin-left: 4.5%; width: 90.64%; } #case_study_3d_cs_hscr_clientBox { width: auto; } #case_study_3d_autodromBox { height: 205px; } #case_study_3d_cs_hscr_headline3 { font-size: 28px; line-height: 31px; margin-top: 21px; } #case_study_3d_cs_hscr_headline23 { font-size: 17px; line-height: 28px; margin-top: 11px; } #case_study_3d_autodromBox1 { width: 100%; padding-bottom: 58.77%; } #case_study_3d_box6 { padding-right: 10%; padding-left: 10%; } #case_study_3d_box5 { padding-top: 73px; } #case_study_3d_autodromBox2 { padding-bottom: 104.7%; } #case_study_3d_autodromBox3 { padding-top: 64px; } #case_study_3d_cs_hscr_headline4 { font-size: 28px; line-height: 31px; margin-top: 21px; } #case_study_3d_autodromBox4 { padding-top: 64px; } #case_study_3d_cs_hscr_headline5 { font-size: 28px; line-height: 31px; margin-top: 21px; } #case_study_3d_cs_hscr_headline24 { font-size: 17px; line-height: 28px; margin-top: 11px; } #case_study_3d_image9 { clear: both; width: 70%; margin-top: 20px; margin-left: 14.4%; } #case_study_3d_image10 { clear: both; width: 70%; margin-top: 20px; margin-left: 14.4%; } #case_study_3d_image12 { clear: both; width: 70%; margin-top: 20px; margin-left: 14.4%; } #case_study_3d_image8 { width: 70%; margin-top: 20px; margin-left: 14.4%; } #case_study_3d_image11 { width: 70%; margin-top: 20px; margin-left: 14.4%; } #case_study_3d_cs_hscr_headline6 { font-size: 22px; line-height: 40px; margin-top: 62px; text-align: center; letter-spacing: 7px; } #case_study_3d_cs_hscr_headline25 { font-size: 17px; line-height: 28px; margin-top: 0px; margin-right: 5%; margin-left: 5%; width: 90%; clear: left; } #case_study_3d_box12 { background-image:url('/cz/img/A1_bg.jpg'); background-attachment: scroll; -webkit-background-size: 324.5%; background-size: 324.5%; padding-bottom: 19.6%; height: auto; background-position: 50% 0px; background-repeat: no-repeat no-repeat; } #case_study_3d_image15 { margin-top: 41.97px; width: 91.02%; } #case_study_3d_cs_hscr_headline7 { font-size: 28px; line-height: 31px; margin-top: 21px; } #case_study_3d_cs_hscr_headline26 { font-size: 17px; line-height: 28px; margin-top: 11px; } #case_study_3d_image16 { width: 75.47%; margin-top: 55px; margin-left: 11.32%; } #case_study_3d_box15 { height: 473px; } #case_study_3d_refBtnCasestudy42 { width: 65.9%; margin-left: 17.97%; } #case_study_3d_cs_hscr_story_paragraph16 { margin: 9px 5% 53px; width: 90%; line-height: 22px; font-size: 14px; } #case_study_3d_cs_hscr_headline1 { font-size: 28px; line-height: 31px; margin-top: 21px; } #case_study_3d_cs_hscr_headline21 { font-size: 17px; line-height: 28px; margin-top: 11px; } #case_study_3d_box1 { width: 97.1%; margin-left: 0%; } #case_study_3d_box2 { margin-bottom: 174px; } #case_study_3d_cs_hscr_headline2 { font-size: 28px; line-height: 31px; margin-top: 21px; } #case_study_3d_cs_hscr_headline22 { font-size: 17px; line-height: 28px; margin-top: 11px; } #case_study_3d_box4 { padding-top: 14px; } #case_study_3d_temelinVideo { width: 90%; } #case_study_3d_TemelinBox { background-image:url('/cz/img/temelin_bg.jpg'); background-attachment: scroll; -webkit-background-size: cover; background-size: cover; background-position: 33% 0%; background-repeat: no-repeat no-repeat; } } @media only screen and (max-width: 320px) { #case_study_3d_cs_hscr_headline { line-height: 27px; margin-top: 17px; font-size: 21px; width: 100%; } #case_study_3d_cs_hscr_headline2 { line-height: 24px; margin-top: 8px; font-size: 16px; width: 100%; letter-spacing: 1px; } #case_study_3d_cs_hscr_headlineContainer { clear: both; margin-left: 4.5%; width: 91%; } #case_study_3d_cs_hscr_clientBox { width: 91%; } #case_study_3d_cs_hscr_storyAnnotation { width: 91%; font-size: 18px; line-height: 24px; margin-top: 25px; } #case_study_3d_cs_hscr_storyparagraphs_box { width: 91%; margin-top: 34px; } #case_study_3d_cs_hscr_100percent { height: 554px; } #case_study_3d_cs_hscr_30percent { margin-top: 340px; height: 216px; } #case_study_3d_autodromBox { height: 150px; } #case_study_3d_cs_hscr_headline3 { line-height: 27px; margin-top: 17px; font-size: 21px; } #case_study_3d_cs_hscr_headline23 { line-height: 27px; margin-top: 8px; font-size: 21px; } #case_study_3d_refBtnCasestudy4 { width: 100%; } #case_study_3d_refBtnCasestudy41 { width: 100%; } #case_study_3d_box5 { padding-top: 67px; } #case_study_3d_box6 { margin-bottom: 143px; } #case_study_3d_autodromBox1 { margin-top: -90px; } #case_study_3d_cs_hscr_headline4 { line-height: 27px; margin-top: 17px; font-size: 21px; } #case_study_3d_cs_hscr_story_paragraph14 { margin-right: 0%; } #case_study_3d_cs_hscr_story_paragraph13 { margin-bottom: 33px; } #case_study_3d_autodromBox3 { padding-top: 61px; } #case_study_3d_autodromBox4 { padding-top: 61px; } #case_study_3d_cs_hscr_headline5 { line-height: 27px; margin-top: 17px; font-size: 21px; } #case_study_3d_cs_hscr_headline24 { line-height: 27px; margin-top: 8px; font-size: 21px; } #case_study_3d_image8 { width: 90%; margin-left: 5.3%; } #case_study_3d_image9 { width: 90%; margin-left: 5.3%; } #case_study_3d_image10 { width: 90%; margin-left: 5.3%; } #case_study_3d_image11 { width: 90%; margin-left: 5.3%; } #case_study_3d_image12 { width: 90%; margin-left: 5.3%; } #case_study_3d_box8 { margin-top: 34px; } #case_study_3d_box11 { width: 90%; margin-left: 5.07%; } #case_study_3d_cs_hscr_headline6 { line-height: 27px; margin-top: 61px; font-size: 21px; } #case_study_3d_cs_hscr_headline25 { line-height: 27px; margin-top: 8px; font-size: 21px; } #case_study_3d_box12 { background-image:url('/cz/img/A1_bg.jpg'); background-attachment: scroll; -webkit-background-size: 363.9%; background-size: 363.9%; background-position: 50% 0px; background-repeat: no-repeat no-repeat; } #case_study_3d_box14 { margin-top: 0px; } #case_study_3d_cs_hscr_headline7 { line-height: 27px; margin-top: 17px; font-size: 21px; } #case_study_3d_cs_hscr_headline26 { line-height: 27px; margin-top: 8px; font-size: 21px; } #case_study_3d_image16 { width: 86.97%; margin-left: 5.62%; } #case_study_3d_refBtnCasestudy42 { width: 89.3%; margin-left: 5.67%; } #case_study_3d_cs_hscr_box { height: auto; } #case_study_3d_image17 { left: 29.35%; } #case_study_3d_box { margin-top: 0px; } #case_study_3d_cs_hscr_headline1 { line-height: 27px; margin-top: 17px; font-size: 21px; } #case_study_3d_cs_hscr_headline21 { line-height: 27px; margin-top: 8px; font-size: 21px; } #case_study_3d_box2 { margin-top: 0px; } #case_study_3d_image1 { clear: left; margin-left: 0%; width: 100%; padding-top: 18px; } #case_study_3d_box1 { width: 64.1%; margin-left: 16.7%; } #case_study_3d_image { width: 100%; padding-top: 18px; } #case_study_3d_box3 { margin-top: 0px; } #case_study_3d_cs_hscr_headline2 { line-height: 27px; margin-top: 17px; font-size: 21px; } #case_study_3d_cs_hscr_headline22 { line-height: 27px; margin-top: 8px; font-size: 21px; } #case_study_3d_image3 { width: 70%; padding-top: 18px; margin-left: auto; margin-right: auto; float: none; clear: none; } #case_study_3d_image4 { clear: none; margin-left: auto; width: 70%; padding-top: 18px; margin-right: auto; float: none; } #case_study_3d_temelinVideo { padding-bottom: 51.59%; } #case_study_3d_TemelinBox { background-image:url('/cz/img/temelin_bg.jpg'); background-attachment: scroll; -webkit-background-size: cover; background-size: cover; background-position: 26.8% 0%; background-repeat: no-repeat no-repeat; } } /* ------------------------------------ /cz/26_contactpage_map.css ------------------------------------ */ /*.primaryContainer { height: auto; margin-left: auto; margin-right: auto; min-height: 100%; width: 100%; } body { color: rgb(116, 122, 143); line-height: 32px; font-size: 14px; font-weight: 300; font-family: soleto; }*/ #kontakt_menu_ref_contact_form { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 100%; min-height: 0px; max-width: 1600px; margin-right: auto; background-color: rgb(69, 69, 75); background-image:url('/cz/img/map.png'); background-position: 100% 0%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: contain; background-size: contain; } #kontakt_BoxConatctAnchor { float: left; height: 779px; margin-left: 0px; margin-top: 0px; clear: none; width: 50%; margin-right: 0px; margin-bottom: 0px; position: relative; } #kontakt_textConatct { float: left; font-size: 30px; width: auto; height: auto; text-align: left; font-weight: 300; line-height: 1.4em; margin-left: 30px; margin-top: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); letter-spacing: 11px; padding-left: 0px; padding-right: 0px; text-transform: uppercase; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } #kontakt_BoxConatct1 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 50%; } #kontakt_BoxConatct2 { float: none; height: auto; margin-left: auto; margin-top: 441px; clear: none; width: 390px; border-top-color: rgb(181, 179, 174); border-right-color: rgb(181, 179, 174); border-bottom-color: rgb(181, 179, 174); border-left-color: rgb(181, 179, 174); border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin-right: auto; margin-bottom: 0px; min-height: 0px; position: relative; top: 0px; left: 0px; background-color: rgb(255, 255, 255); } #kontakt_BoxConatct3 { float: left; height: auto; clear: none; width: 80%; padding-left: 8%; margin-left: 0px; margin-top: 0px; } #kontakt_BoxConatct4 { float: left; height: 100%; clear: none; width: 20%; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABlVBMVEUAAACfrkufrkufrkufrkufrkugr0ugr0ugr0ugr0ugr0ugr0uhsEyhsEyhsEyhsEyhsEyhsEyisUyisUyisUyisUyisUyisUyisUyjs02js02js02js02ltU2ltU2ltU2ltU2ntk6ntk6ntk6ntk6ntk6ouE+ouE+ouE+ouE+qulCqulCqulCqulCqulCsvFCsvFCsvFCsvFCsvFCuvlGuvlGuvlGuvlGuvlGvwFKvwFKvwFKvwFKvwFKxwlKxwlKxwlKxwlKxwlKyw1Oyw1Oyw1Oyw1Oyw1Oyw1Oyw1OzxVOzxVOzxVO1xlS1xlS1xlS1xlS1xlS1xlS1xlS1x1S1x1S1x1S1x1S1x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1S2x1Sfrkugr0uhsEyouE+qulCsvFCuvlGvwFKyw1OzxVO1xlS2x1QAAAAS7W+eAAAAenRSTlMAJXe34fw9vPe6i4gNotZgCzAj2fRqAh7sI+feKQ3Z3hyi9ClAfz1qQMC81gJAwCVgQMCAd/cLQMC3uivAQOGKwNVA/IgwHkBbzuzAzvyIMB5AW87hisBA1be6QMArd/cLJWCAvNYCPWqi9Cl/DdneHCPnHuwwi4jh/Df1p2IAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAByElEQVQoz2WSZVsCQRSFj4UdiN0J2IoBBnZgIRZKCII0AoItpeL8b3dmZZHlfrjnnH337tx5ngWyVVRcUlr2UVZaUlwEcUnK4xWVVdXx6qrKini5JI/V1Cbq6hsAaUIKNNTXJWprcrBR1tTcQk1rWyuVluYmWWMWtnd0dokO6ursaOddd09vX8Eefb093cz0DwyK2dAwBgf6qZMnFSKmHEkqAUVSzvnRsfE8NjGZSk1yOj42Ckylp/+zGVVaNZueoXY6PYW5+YUcU2s+NWpoNCwszM9hcUlgyytfK1pA+6Xl89IiVtcEur6xyWT9L6+tYmt7Z5cPe997un0dFRZ3d7a3kMlkDnh6eIijzBEVVgccwbH+xMDS6c8pzs7PqLAynOiPcXH5d4rRSPvVtVHY4/ICJjNvLcTCNSux3gjUbILNfsus1cqYJXf5W7sNDuLkR+/yGeAkDsDl9tBRImLwuF1c9xIfHRUxwEe8VPyBIO7FDMGAn2koHHko+DceIuEQ76KxSFA8GYlFsz4aDvjoanh8emQL+QLhaO7VkJ+4ndy9n8kzd0+nm/hDeZ/yuojd/PJKXl/MduLyFuzhsJne3sn7m8nmEJ79AqknZnSL38CLAAAAAElFTkSuQmCC'); background-position: 35% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: auto; background-size: auto; min-height: 0px; max-height: none; position: absolute; top: 0px; left: 80%; bottom: auto; padding-right: 0px; right: auto; } #kontakt_textConatct3 { float: left; font-size: 18px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: normal; margin-left: 0%; margin-top: 20px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 68, 75); text-transform: uppercase; letter-spacing: 7px; margin-bottom: 20px; } #kontakt_BoxConatct2:hover { background-color: rgb(181, 179, 174); } #kontakt_BoxConatct { float: left; height: auto; margin-left: 0px; margin-top: 80px; clear: none; width: 100%; margin-right: 0px; margin-bottom: 0px; padding-left: 11.49%; } #kontakt_ImageConatct { float: left; width: auto; max-width: 100%; height: auto; margin-left: 0px; margin-top: 0px; clear: none; color: rgb(0, 0, 0); margin-right: 0px; margin-bottom: 0px; } #kontakt_textConatct1 { float: left; font-size: 14px; width: 80%; height: auto; text-align: left; font-weight: 300; line-height: 28.8px; margin-left: 11.487997%; margin-top: 83px; clear: both; min-height: 0px; color: rgb(255, 255, 255); display: block; margin-bottom: 80px; margin-right: 0%; } #kontakt_SpanConatct { float: none; font-size: 16px; line-height: 1em; font-weight: 500; } #kontakt_SpanConatct2 { float: none; font-size: 1em; line-height: 1em; color: rgb(182, 199, 84); } #kontakt_SpanConatct1 { float: none; font-size: 1em; line-height: 1em; color: rgb(182, 199, 84); } #kontakt_SpanConatct1:hover { text-decoration: underline; } #kontakt_SpanConatct2:hover { text-decoration: underline; } #kontakt_textConatct2 { float: left; font-size: 14px; width: 50%; height: auto; text-align: left; font-weight: 300; line-height: 28.8px; margin-left: 11.585265%; margin-top: 0px; clear: both; min-height: 0px; color: rgb(255, 255, 255); display: block; margin-bottom: 80px; margin-right: 0%; } @media only screen and (max-width: 1200px) { #kontakt_BoxConatct2 { margin-top: 446px; } } @media only screen and (max-width: 989px) { #kontakt_textConatct3 { font-size: 15px; margin-top: 20px; } #kontakt_textConatct { font-size: 22px; } #kontakt_BoxConatct2 { width: 352px; margin-top: 463px; } #kontakt_Span { float: none; font-size: 13px; line-height: 1em; } } @media only screen and (max-width: 816px) { #kontakt_textConatct { padding-right: 2%; padding-left: 2%; font-size: 25px; margin-top: 0px; } #kontakt_BoxConatctAnchor { width: 100%; } #kontakt_BoxConatct1 { clear: both; width: 100%; } #kontakt_menu_ref_contact_form { height: 985px; min-height: 0px; background-image:url('/cz/img/map.png'); background-position: 0px 100%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: 130%; background-size: 130%; background-color: rgb(69, 69, 75); } #kontakt_BoxConatct2 { margin-top: 0px; width: 70%; } } @media only screen and (max-width: 576px) { #kontakt_BoxConatct2 { width: 80%; margin-top: 55px; } #kontakt_BoxConatct3 { width: 75%; } #kontakt_BoxConatct4 { width: 25%; left: 75%; right: auto; } #kontakt_textConatct { clear: none; margin-top: 28px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 60%; text-align: center; float: none; } #kontakt_BoxConatct { margin-top: 0px; padding-left: 0px; } #kontakt_ImageConatct { margin-left: auto; margin-right: auto; float: none; clear: none; margin-top: 60px; } #kontakt_textConatct1 { margin-top: 40px; margin-left: 10.416667%; clear: none; } #kontakt_textConatct2 { margin-top: 40px; margin-left: 10.416667%; clear: none; } } @media only screen and (max-width: 320px) { #kontakt_textConatct { font-size: 22px; padding-right: 2%; padding-left: 2%; margin-top: 30px; } #kontakt_BoxConatct3 { padding-left: 1.5%; } #kontakt_menu_ref_contact_form { background-image:url('/cz/img/map.png'); background-position: -38px 100%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: 186.7%; background-size: 186.7%; background-color: rgb(69, 69, 75); } #kontakt_textConatct1 { margin-top: 77px; } #kontakt_textConatct2 { margin-top: 77px; } } /* ------------------------------------ /cz/27_contactpage_people.css ------------------------------------ */ /*.primaryContainer { height: auto; margin-left: auto; margin-right: auto; min-height: 100%; width: 100%; } body { color: rgb(116, 122, 143); line-height: 32px; font-size: 14px; font-weight: 300; font-family: soleto; }*/ #kontakt2_menu_ref_o_nas { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 100%; min-height: 0px; max-width: 1600px; margin-right: auto; background-image:url('/cz/img/bg_02.png'); background-attachment: scroll; -webkit-background-size: auto; background-size: auto; background-position: 0% 0%; background-repeat: repeat repeat; } #kontakt2_BoxAbout { float: left; height: auto; margin: 0px; clear: none; width: 100%; position: relative; } #kontakt2_textAbout { float: left; font-size: 30px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 1.4em; margin-left: 0%; margin-top: 40px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 68, 75); letter-spacing: 11px; padding-left: 10%; padding-right: 10%; text-transform: uppercase; } #kontakt2_BoxAbout2 { float: left; height: auto; margin-left: -100%; margin-top: 152px; clear: none; width: 100%; } #kontakt2_ImageAbout { float: none; width: auto; max-width: 100%; height: auto; margin: 70px auto 0px; clear: none; color: rgb(0, 0, 0); } #kontakt2_BoxAbout1 { float: left; height: auto; margin-left: 0%; margin-top: 120px; clear: both; width: 100%; margin-bottom: 90px; } #kontakt2_Box1 { float: left; height: auto; margin-left: 0px; margin-top: 0px; clear: none; width: 250px; margin-right: 0%; } #kontakt2_textAbout1 { float: left; font-size: 17px; width: 100%; height: auto; text-align: center; font-weight: 500; line-height: 30px; margin: 0px; clear: both; min-height: 0px; color: rgb(69, 69, 75); padding-right: 6%; padding-bottom: 0px; padding-left: 6%; display: block; } #kontakt2_textAbout2 { float: left; font-size: 16px; width: 100%; height: 22px; text-align: center; font-weight: 300; line-height: 30px; margin-left: 0px; margin-top: 3px; clear: both; min-height: 0px; color: rgb(116, 122, 143); padding-right: 13%; padding-bottom: 0px; padding-left: 13%; margin-bottom: 0px; display: block; margin-right: 0px; padding-top: 2px; } #kontakt2_textAbout3 { float: left; font-size: 16px; width: 100%; height: 22px; text-align: center; font-weight: 400; line-height: 30px; margin-left: 0px; margin-top: 3px; clear: both; min-height: 0px; color: rgb(130, 189, 65); padding-right: 6%; padding-bottom: 0px; padding-left: 6%; margin-bottom: 0px; display: block; margin-right: 0px; padding-top: 2px; } #kontakt2_textAbout4 { float: left; font-size: 16px; width: 100%; height: 22px; text-align: center; font-weight: 300; line-height: 30px; margin-left: 0px; margin-top: 3px; clear: both; min-height: 0px; color: rgb(116, 122, 143); padding-right: 13%; padding-bottom: 0px; padding-left: 13%; margin-bottom: 0px; display: block; margin-right: 0px; padding-top: 2px; } #kontakt2_Box2 { float: left; height: 106px; margin-left: 29.2%; margin-top: 12px; clear: none; width: 42.4%; background-image:url('/cz/../data/web/team/team_simopt_michael_sovadina.png'); background-attachment: scroll; -webkit-background-size: cover; background-size: cover; margin-bottom: 27px; background-position: 50% 50%; background-repeat: no-repeat no-repeat; } #kontakt2_Box3 { float: left; height: auto; margin: 0px; clear: none; width: 250px; } #kontakt2_Box4 { float: left; height: 106px; margin-left: 29.2%; margin-top: 12px; clear: none; width: 42.4%; margin-bottom: 27px; background-image:url('/cz/../data/web/team/team_simopt_jana_primasova.png'); background-attachment: scroll; -webkit-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat no-repeat; } #kontakt2_textAbout5 { float: left; font-size: 17px; width: 100%; height: auto; text-align: center; font-weight: 500; line-height: 30px; margin: 0px; clear: both; min-height: 0px; color: rgb(69, 69, 75); padding-right: 13%; padding-bottom: 0px; padding-left: 13%; display: block; } #kontakt2_textAbout6 { float: left; font-size: 16px; width: 100%; height: 22px; text-align: center; font-weight: 300; line-height: 30px; margin-left: 0px; margin-top: 3px; clear: both; min-height: 0px; color: rgb(116, 122, 143); padding-right: 13%; padding-bottom: 0px; padding-left: 13%; margin-bottom: 0px; display: block; margin-right: 0px; } #kontakt2_textAbout7 { float: left; font-size: 16px; width: 100%; height: 22px; text-align: center; font-weight: 400; line-height: 30px; margin-left: 0px; margin-top: 3px; clear: both; min-height: 0px; color: rgb(130, 189, 65); padding-right: 13%; padding-bottom: 0px; padding-left: 13%; margin-bottom: 0px; display: block; margin-right: 0px; } #kontakt2_textAbout8 { float: left; font-size: 16px; width: 100%; height: 22px; text-align: center; font-weight: 300; line-height: 30px; margin-left: 0px; margin-top: 3px; clear: both; min-height: 0px; color: rgb(116, 122, 143); padding-right: 13%; padding-bottom: 0px; padding-left: 13%; margin-bottom: 0px; display: block; margin-right: 0px; } #kontakt2_Box5 { float: left; height: auto; margin: 0px; clear: none; width: 250px; } #kontakt2_Box6 { float: left; height: 106px; margin-left: 29.2%; margin-top: 12px; clear: none; width: 42.4%; margin-bottom: 27px; background-image:url('/cz/../data/web/team/team_simopt_jan_jirmus.png'); background-attachment: scroll; -webkit-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat no-repeat; } #kontakt2_textAbout10 { float: left; font-size: 17px; width: 100%; height: auto; text-align: center; font-weight: 500; line-height: 30px; margin: 0px; clear: both; min-height: 0px; color: rgb(69, 69, 75); padding-right: 13%; padding-bottom: 0px; padding-left: 13%; display: block; } #kontakt2_textAbout11 { float: left; font-size: 16px; width: 100%; height: 22px; text-align: center; font-weight: 300; line-height: 30px; margin-left: 0px; margin-top: 3px; clear: both; min-height: 0px; color: rgb(116, 122, 143); padding-right: 13%; padding-bottom: 0px; padding-left: 13%; margin-bottom: 0px; display: block; margin-right: 0px; } #kontakt2_textAbout12 { float: left; font-size: 16px; width: 100%; height: 22px; text-align: center; font-weight: 400; line-height: 30px; margin-left: 0px; margin-top: 3px; clear: both; min-height: 0px; color: rgb(130, 189, 65); padding-right: 13%; padding-bottom: 0px; padding-left: 13%; margin-bottom: 0px; display: block; margin-right: 0px; } #kontakt2_textAbout13 { float: left; font-size: 16px; width: 100%; height: 22px; text-align: center; font-weight: 300; line-height: 30px; margin-left: 0px; margin-top: 3px; clear: both; min-height: 0px; color: rgb(116, 122, 143); padding-right: 13%; padding-bottom: 0px; padding-left: 13%; margin-bottom: 0px; display: block; margin-right: 0px; } #kontakt2_Box7 { float: left; height: auto; margin: 0px; clear: none; width: 250px; } #kontakt2_Box8 { float: left; height: 106px; margin-left: 29.2%; margin-top: 12px; clear: none; width: 42.4%; margin-bottom: 27px; background-image:url('/cz/../data/web/team/team_simopt_pavel_stupka.png'); background-attachment: scroll; -webkit-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat no-repeat; } #kontakt2_textAbout14 { float: left; font-size: 17px; width: 100%; height: auto; text-align: center; font-weight: 500; line-height: 30px; margin: 0px; clear: both; min-height: 0px; color: rgb(69, 69, 75); padding-right: 13%; padding-bottom: 0px; padding-left: 13%; display: block; } #kontakt2_textAbout15 { float: left; font-size: 16px; width: 100%; height: 22px; text-align: center; font-weight: 300; line-height: 30px; margin-left: 0px; margin-top: 3px; clear: both; min-height: 0px; color: rgb(116, 122, 143); padding-right: 13%; padding-bottom: 0px; padding-left: 13%; margin-bottom: 0px; display: block; margin-right: 0px; } #kontakt2_textAbout16 { float: left; font-size: 16px; width: 100%; height: 22px; text-align: center; font-weight: 400; line-height: 30px; margin-left: 0px; margin-top: 3px; clear: both; min-height: 0px; color: rgb(130, 189, 65); padding-right: 13%; padding-bottom: 0px; padding-left: 13%; margin-bottom: 0px; display: block; margin-right: 0px; } #kontakt2_textAbout17 { float: left; font-size: 16px; width: 100%; height: 22px; text-align: center; font-weight: 300; line-height: 30px; margin-left: 0px; margin-top: 3px; clear: both; min-height: 0px; color: rgb(116, 122, 143); padding-right: 13%; padding-bottom: 0px; padding-left: 13%; margin-bottom: 0px; display: block; margin-right: 0px; } #kontakt2_textAbout9 { float: left; font-size: 16px; width: 99.999997%; height: 22px; text-align: center; font-weight: 300; line-height: 30px; margin-left: 0px; margin-top: 3px; clear: both; min-height: 0px; color: rgb(116, 122, 143); padding-right: 13%; padding-bottom: 0px; padding-left: 13%; margin-bottom: 0px; display: block; margin-right: 0px; } #kontakt2_Box { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 1000px; margin-right: auto; } @media only screen and (max-width: 1200px) { #kontakt2_textAbout2 { font-size: 15px; margin-top: 2px; } #kontakt2_textAbout3 { font-size: 15px; margin-top: 2px; } #kontakt2_textAbout4 { font-size: 15px; margin-top: 2px; } #kontakt2_textAbout6 { font-size: 15px; margin-top: 2px; } #kontakt2_textAbout7 { font-size: 15px; margin-top: 2px; } #kontakt2_textAbout8 { font-size: 15px; margin-top: 2px; } #kontakt2_textAbout9 { font-size: 15px; margin-top: 2px; } #kontakt2_textAbout11 { font-size: 15px; margin-top: 2px; } #kontakt2_textAbout12 { font-size: 15px; margin-top: 2px; } #kontakt2_textAbout13 { font-size: 15px; margin-top: 2px; } #kontakt2_textAbout15 { font-size: 15px; margin-top: 2px; } #kontakt2_textAbout16 { font-size: 15px; margin-top: 2px; } #kontakt2_textAbout17 { font-size: 15px; margin-top: 2px; } } @media only screen and (max-width: 1000px) { #kontakt2_Box5 { clear: both; margin-top: 42px; } #kontakt2_Box7 { margin-top: 42px; } #kontakt2_Box { width: 500px; } } @media only screen and (max-width: 525px) { #kontakt2_Box3 { clear: both; margin-top: 42px; } #kontakt2_Box7 { clear: both; } #kontakt2_Box { width: 250.000002px; } #kontakt2_BoxAbout1 { margin-top: 60px; } #kontakt2_textAbout { font-size: 26px; } } /* ------------------------------------ /cz/28_vr3d.css ------------------------------------ */ #vr3dlvl28vr3dContainer { float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: 100%; min-height: 0px; max-width: 1600px; margin-right: auto; } #vr3dBoxlvl28vr3d { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 100%; } #vr3dBoxlvl28vr3d1 { float: left; height: auto; margin: 0px; clear: none; width: 100%; display: block; } #vr3dBoxlvl28vr3d2 { float: none; height: auto; margin: 0px auto; clear: none; width: 66.66%; position: relative; top: 0px; left: 0px; overflow: hidden; padding: 0px; } #vr3dtextlvl28vr3d { float: left; font-size: 24px; width: 100%; height: auto; text-align: center; font-weight: 200; line-height: 42px; margin: 100px 0px 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 69, 75); letter-spacing: 7px; text-transform: uppercase; padding: 0px 30px; display: block; } #vr3dtextlvl28vr3d1 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin: 30px 0px 0px; clear: both; min-height: 0px; padding: 0px 30px; color: rgb(69, 69, 75); display: block; } #vr3dBoxlvl28vr3d3 { float: none; height: auto; margin: 174px auto 0px; clear: none; width: 100%; position: relative; top: 0px; left: 0px; overflow: visible; padding: 0px 0px 232px; background-image:url('/cz/img/vr-bg1.png'); background-attachment: scroll; -webkit-background-size: 100%; background-size: 100%; background-position: 0% 50%; background-repeat: no-repeat no-repeat; } #vr3dbox { float: left; height: auto; margin: -80px 0px 0px; clear: none; width: 25%; padding-top: 0px; } #vr3dimage { float: none; width: auto; max-width: 100%; height: auto; margin: 0px auto; clear: none; color: rgb(0, 0, 0); padding-right: 20px; padding-left: 20px; } #vr3dtext { float: none; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin: 20px auto 0px; clear: none; min-height: 0px; color: rgb(69, 69, 75); } #vr3dbox1 { float: left; height: auto; margin: -80px 0px 0px; clear: none; width: 25%; } #vr3dimage1 { float: none; width: auto; max-width: 100%; height: auto; margin: 0px auto; clear: none; color: rgb(0, 0, 0); padding-right: 20px; padding-left: 20px; } #vr3dtext1 { float: none; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin: 20px auto 0px; clear: none; min-height: 0px; color: rgb(69, 69, 75); } #vr3dbox2 { float: left; height: auto; margin: -80px 0px 0px; clear: none; width: 25%; } #vr3dimage2 { float: none; width: auto; max-width: 100%; height: auto; margin: 0px auto; clear: none; color: rgb(0, 0, 0); padding-right: 20px; padding-left: 20px; } #vr3dtext2 { float: none; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin: 20px auto 0px; clear: none; min-height: 0px; color: rgb(69, 69, 75); } #vr3dbox3 { float: left; height: auto; margin: -80px 0px 0px; clear: none; width: 25%; } #vr3dimage3 { float: none; width: auto; max-width: 100%; height: auto; margin: 0px auto; clear: none; color: rgb(0, 0, 0); padding-right: 20px; padding-left: 20px; } #vr3dtext3 { float: none; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin: 20px auto 0px; clear: none; min-height: 0px; color: rgb(69, 69, 75); } #vr3dBoxlvl28vr3d4 { float: none; height: auto; margin: 0px; clear: none; width: 100%; position: relative; top: 0px; left: 0px; overflow: visible; padding: 0px; min-height: 0px; } #vr3dtextlvl28vr3d2 { float: left; font-size: 24px; width: 99.999999%; height: auto; text-align: left; font-weight: 200; line-height: 42px; margin: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(69, 69, 75); letter-spacing: 7px; text-transform: uppercase; padding: 0px 30px; display: block; } #vr3dtextlvl28vr3d3 { float: left; font-size: 16px; width: 99.999999%; height: auto; text-align: left; font-weight: 300; line-height: 28px; margin: 30px 0px 0px; clear: both; min-height: 0px; padding: 0px 30px; color: rgb(69, 69, 75); display: block; } #vr3dbox4 { float: left; height: auto; margin: 0px; clear: none; width: 60%; padding-left: 74px; padding-bottom: 70px; } #vr3dimage4 { float: right; width: 30%; max-width: 100%; height: auto; clear: none; color: rgb(0, 0, 0); position: absolute; top: auto; left: auto; bottom: 0px; right: 0px; } #vr3dtextspan1 { float: none; font-size: 1em; line-height: 1em; font-weight: 600; } #vr3dtextspan2 { float: none; font-size: 1em; line-height: 1em; font-weight: 700; } #vr3dtextspan3 { float: none; font-size: 1em; line-height: 1em; font-weight: 700; } #vr3dtextspan4 { float: none; font-size: 1em; line-height: 1em; font-weight: 700; } #vr3dtextspan5 { float: none; font-size: 1em; line-height: 1em; font-weight: 700; } #vr3dtextspan6 { float: none; font-size: 1em; line-height: 1em; font-weight: 700; } #vr3dtextspan { float: none; font-size: 1em; line-height: 1em; font-weight: 700; } #vr3dbox5 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 100%; background-image:url('/cz/img/bg_green2.png'); background-attachment: scroll; -webkit-background-size: auto; background-size: auto; padding-bottom: 103px; padding-top: 111px; background-position: 0px 0px; background-repeat: repeat no-repeat; } #vr3dtextlvl28vr3d4 { float: left; font-size: 20px; width: 100%; height: auto; text-align: center; font-weight: 200; line-height: 42px; margin: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); letter-spacing: 7px; text-transform: uppercase; padding: 0px 30px; display: block; } #vr3dbox6 { float: left; height: auto; margin: 50.5px 0px 0px; clear: both; width: 33%; padding-top: 0px; display: block; } #vr3dimage5 { float: none; width: auto; max-width: 100%; height: auto; margin: 0px auto; clear: none; color: rgb(0, 0, 0); padding-right: 20px; padding-left: 20px; } #vr3dtext4 { float: none; font-size: 24px; width: 100%; height: auto; text-align: center; font-weight: 200; line-height: 42px; margin: 20px auto 25px; clear: none; min-height: 0px; color: rgb(69, 69, 75); font-family: Avenir; letter-spacing: 7px; text-transform: uppercase; padding-right: 20px; padding-left: 20px; } #vr3dbox7 { float: left; height: auto; margin: 50.5px 0px 0px; clear: none; width: 33%; display: block; } #vr3dimage6 { float: none; width: auto; max-width: 100%; height: auto; margin: 0px auto; clear: none; color: rgb(0, 0, 0); padding-right: 20px; padding-left: 20px; } #vr3dtext5 { float: none; font-size: 24px; width: 100%; height: auto; text-align: center; font-weight: 200; line-height: 42px; margin: 20px auto 25px; clear: none; min-height: 0px; color: rgb(69, 69, 75); font-family: Avenir; letter-spacing: 7px; text-transform: uppercase; padding-right: 20px; padding-left: 20px; } #vr3dbox8 { float: left; height: auto; margin: 50.5px 0px 0px; clear: none; width: 33%; display: block; } #vr3dimage7 { float: none; width: auto; max-width: 100%; height: auto; margin: 0px auto; clear: none; color: rgb(0, 0, 0); padding-right: 20px; padding-left: 20px; } #vr3dtext6 { float: none; font-size: 24px; width: 100%; height: auto; text-align: center; font-weight: 200; line-height: 42px; margin: 20px auto 25px; clear: none; min-height: 0px; color: rgb(69, 69, 75); font-family: Avenir; letter-spacing: 7px; text-transform: uppercase; padding-right: 20px; padding-left: 20px; } #vr3dtextlvl28vr3d5 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin: 0px; clear: none; min-height: 0px; padding: 0px 30px; color: rgb(69, 69, 75); display: block; } #vr3dtextlvl28vr3d6 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin: 0px; clear: none; min-height: 0px; padding: 0px 30px; color: rgb(69, 69, 75); display: block; } #vr3dtextlvl28vr3d7 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin: 0px; clear: none; min-height: 0px; padding: 0px 30px; color: rgb(69, 69, 75); display: block; } #vr3dBoxlvl28vr3d5 { float: none; height: auto; margin: 0px auto; clear: none; width: 66.66%; position: relative; top: 0px; left: 0px; overflow: hidden; padding: 0px; display: block; } #vr3dtextlvl28vr3d8 { float: left; font-size: 24px; width: 100%; height: auto; text-align: center; font-weight: 200; line-height: 42px; margin: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); letter-spacing: 7px; text-transform: uppercase; padding: 0px 30px; display: block; } #vr3dtextlvl28vr3d9 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin: 30px 0px 0px; clear: both; min-height: 0px; padding: 0px 30px; color: rgb(255, 255, 255); display: block; } #vr3dBoxlvl28vr3d6 { float: left; height: auto; margin: 100px 0% 0px; clear: none; width: 100%; position: relative; top: 0px; left: 0px; overflow: visible; padding: 0px; display: block; } #vr3dbox10 { float: left; height: auto; margin: 0px; clear: none; width: 25%; padding-top: 0px; } #vr3dimage8 { float: none; width: auto; max-width: 100%; height: auto; margin: 0px auto; clear: none; color: rgb(0, 0, 0); padding-right: 20px; padding-left: 20px; } #vr3dtext7 { float: none; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin: 20px auto 0px; clear: none; min-height: 0px; color: rgb(255, 255, 255); } #vr3dbox11 { float: left; height: auto; margin: 0px; clear: none; width: 25%; } #vr3dimage9 { float: none; width: auto; max-width: 100%; height: auto; margin: 0px auto; clear: none; color: rgb(0, 0, 0); padding-right: 20px; padding-left: 20px; } #vr3dtext8 { float: none; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin: 20px auto 0px; clear: none; min-height: 0px; color: rgb(255, 255, 255); } #vr3dbox12 { float: left; height: auto; margin: 0px; clear: none; width: 25%; } #vr3dimage10 { float: none; width: auto; max-width: 100%; height: auto; margin: 0px auto; clear: none; color: rgb(0, 0, 0); padding-right: 20px; padding-left: 20px; } #vr3dtext9 { float: none; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin: 20px auto 0px; clear: none; min-height: 0px; color: rgb(255, 255, 255); } #vr3dbox13 { float: left; height: auto; margin: 0px; clear: none; width: 25%; } #vr3dimage11 { float: none; width: auto; max-width: 100%; height: auto; margin: 0px auto; clear: none; color: rgb(0, 0, 0); padding-right: 20px; padding-left: 20px; } #vr3dtext10 { float: none; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin: 20px auto 0px; clear: none; min-height: 0px; color: rgb(255, 255, 255); } #vr3dbox9 { float: left; height: auto; margin: 0px; clear: both; width: 100%; padding-top: 70px; padding-bottom: 70px; background-image:url('/cz/img/bg_06.png'); background-attachment: scroll; -webkit-background-size: auto; background-size: auto; background-position: 0% 0%; background-repeat: repeat repeat; } #vr3dBoxlvl28vr3d7 { float: left; height: auto; margin: 0px; clear: both; width: 100%; position: relative; top: 0px; left: 0px; overflow: visible; padding: 186px 0px 0px; min-height: 0px; display: block; background-image:url('/cz/img/bg_green.png'); background-attachment: scroll; -webkit-background-size: auto; background-size: auto; background-color: rgb(182, 199, 84); background-position: 0% 0%; background-repeat: repeat repeat; } #vr3dbox14 { float: left; height: auto; margin: 0px; clear: none; width: 60%; padding-left: 188px; padding-bottom: 70px; } #vr3dtextlvl28vr3d10 { float: left; font-size: 24px; width: 99.999999%; height: auto; text-align: left; font-weight: 200; line-height: 42px; margin: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); letter-spacing: 7px; text-transform: uppercase; padding: 0px 30px; display: block; } #vr3dtextlvl28vr3d11 { float: left; font-size: 16px; width: 99.999999%; height: auto; text-align: left; font-weight: 300; line-height: 28px; margin: 30px 0px 0px; clear: both; min-height: 0px; padding: 0px 30px; color: rgb(255, 255, 255); display: block; } #vr3dimage12 { float: right; width: 62%; max-width: 100%; height: auto; clear: none; color: rgb(0, 0, 0); position: absolute; top: auto; left: auto; bottom: 0px; right: 0px; } #vr3dbox15 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: both; width: 100%; background-color: rgb(69, 69, 75); background-image:url('/cz/img/bg_08.png'); background-attachment: scroll; -webkit-background-size: auto; background-size: auto; background-position: 0% 0%; background-repeat: repeat repeat; } #vr3dtextlvl28vr3d12 { float: left; font-size: 24px; width: 99.999998%; height: auto; text-align: left; font-weight: 200; line-height: 42px; margin: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); letter-spacing: 7px; text-transform: uppercase; padding: 0px 30px; display: block; } #vr3dtextlvl28vr3d13 { float: left; font-size: 16px; width: 99.999998%; height: auto; text-align: left; font-weight: 300; line-height: 28px; margin: 30px 0px 0px; clear: both; min-height: 0px; padding: 0px 30px; color: rgb(255, 255, 255); display: block; } #vr3dbox16 { float: right; height: auto; margin: 0px; clear: none; width: 50%; padding-top: 100px; padding-bottom: 100px; padding-right: 217px; } #vr3d_3d_model { float: left; height: 400px; margin-left: 0%; margin-top: 0px; clear: none; width: 48.9375%; background-image:url('/cz/img/turbina.png'); background-attachment: scroll; -webkit-background-size: contain; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat no-repeat; } #vr3dbox17 { float: left; height: auto; margin-left: 0%; margin-top: 0px; clear: none; width: 99.999999%; padding-bottom: 153px; padding-top: 111px; display: block; background-image:url('/cz/img/bg_06.png'); background-attachment: scroll; -webkit-background-size: auto; background-size: auto; margin-right: 0%; background-position: 0px 0px; background-repeat: repeat repeat; } #vr3dtextlvl28vr3d14 { float: left; font-size: 20px; width: 100%; height: auto; text-align: center; font-weight: 200; line-height: 42px; margin: 0px; clear: none; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); letter-spacing: 7px; text-transform: uppercase; padding: 0px 30px; display: block; } #vr3dbox18 { float: left; height: auto; margin: 50.5px 0px 0px; clear: both; width: 33%; padding-top: 0px; display: block; } #vr3dtext11 { float: none; font-size: 17px; width: 100%; height: auto; text-align: center; font-weight: 500; line-height: normal; margin: 29px auto 25px; clear: none; min-height: 0px; color: rgb(255, 255, 255); font-family: soleto; letter-spacing: normal; text-transform: none; padding-right: 20px; padding-left: 20px; } #vr3dtextlvl28vr3d15 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin: 0px; clear: none; min-height: 0px; padding: 0px 30px; color: rgb(255, 255, 255); display: block; } #vr3dbox19 { float: left; height: auto; margin: 50.5px 0px 0px; clear: none; width: 33%; display: block; } #vr3dtext12 { float: none; font-size: 17px; width: 100%; height: auto; text-align: center; font-weight: 500; line-height: normal; margin: 25px auto; clear: none; min-height: 0px; color: rgb(255, 255, 255); font-family: soleto; letter-spacing: normal; text-transform: none; padding-right: 20px; padding-left: 20px; } #vr3dtextlvl28vr3d16 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin: 0px; clear: none; min-height: 0px; padding: 0px 30px; color: rgb(255, 255, 255); display: block; } #vr3dbox20 { float: left; height: auto; margin: 50.5px 0px 0px; clear: none; width: 33%; display: block; } #vr3dimage13 { float: none; width: auto; max-width: 100%; height: auto; margin: 0px auto; clear: none; color: rgb(0, 0, 0); padding-right: 20px; padding-left: 20px; } #vr3dtext13 { float: none; font-size: 17px; width: 100%; height: auto; text-align: center; font-weight: 500; line-height: normal; margin: 20px auto 25px; clear: none; min-height: 0px; color: rgb(255, 255, 255); font-family: soleto; letter-spacing: normal; text-transform: none; padding-right: 20px; padding-left: 20px; } #vr3dtextlvl28vr3d17 { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 28px; margin: 0px; clear: none; min-height: 0px; padding: 0px 30px; color: rgb(255, 255, 255); display: block; } #vr3dbox21 { float: left; height: 120px; margin-left: 0%; margin-top: 0px; clear: both; width: 100%; background-image:url('/cz/img/bg_06.png'); background-attachment: scroll; -webkit-background-size: auto; background-size: auto; background-position: 0% 0%; background-repeat: repeat repeat; } #vr3drefBtnCasestudy4:hover { color: rgb(69, 69, 75); background-color: rgb(255, 255, 255); } #vr3drefBtnCasestudy4 { float: none; font-size: 14px; width: 310px; height: auto; text-align: center; font-weight: 700; line-height: 28px; margin: 0px auto; clear: none; min-height: 0px; font-family: Avenir; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 7px; padding: 10px; border: 3px solid rgb(181, 179, 174); display: block; } #vr3dyoutube_autodrom { float: none; height: 0px; margin: 0px auto; clear: none; width: 90%; padding-bottom: 54%; } #vr3dyoutube_elektrarny { float: none; height: 0px; margin: 0px auto; clear: none; width: 90%; display: block; padding-bottom: 54%; } @media only screen and (max-width: 1200px) { #vr3dBoxlvl28vr3d1 { height: auto; } #vr3dtextlvl28vr3d1 { font-size: 15px; line-height: 26px; } #vr3dimage2 { margin-top: 0px; } #vr3dtextlvl28vr3d3 { font-size: 15px; line-height: 26px; } #vr3dimage4 { width: 40%; margin-top: 0px; } #vr3dbox4 { width: 60%; } #vr3dimage7 { margin-top: 0px; padding-right: 0px; padding-left: 0px; } #vr3dtextlvl28vr3d5 { font-size: 15px; line-height: 26px; } #vr3dtextlvl28vr3d6 { font-size: 15px; line-height: 26px; } #vr3dtextlvl28vr3d7 { font-size: 15px; line-height: 26px; } #vr3dtextlvl28vr3d9 { font-size: 15px; line-height: 26px; } #vr3dimage10 { margin-top: 0px; } #vr3dbox14 { width: 60%; padding-left: 101px; } #vr3dtextlvl28vr3d11 { font-size: 15px; line-height: 26px; } #vr3dimage12 { width: 69.1%; margin-top: 0px; } #vr3dtextlvl28vr3d13 { font-size: 15px; line-height: 26px; } #vr3dtext4 { font-size: 18px; line-height: 30px; } #vr3dtext5 { font-size: 18px; line-height: 30px; } #vr3dtext6 { font-size: 18px; line-height: 30px; } #vr3dimage5 { padding-right: 0px; padding-left: 0px; } #vr3dimage6 { padding-right: 0px; padding-left: 0px; } #vr3dtext11 { font-size: 18px; line-height: 30px; } #vr3dtextlvl28vr3d15 { font-size: 15px; line-height: 26px; } #vr3dtext12 { font-size: 18px; line-height: 30px; } #vr3dtextlvl28vr3d16 { font-size: 15px; line-height: 26px; } #vr3dimage13 { margin-top: 0px; padding-right: 0px; padding-left: 0px; } #vr3dtext13 { font-size: 18px; line-height: 30px; } #vr3dtextlvl28vr3d17 { font-size: 15px; line-height: 26px; } #vr3dBoxlvl28vr3d7 { padding-top: 83px; } #vr3dbox16 { padding-right: 46px; } } @media only screen and (max-width: 970px) { #vr3dBoxlvl28vr3d2 { position: relative; top: 0px; left: 0px; overflow: hidden; } #vr3dBoxlvl28vr3d3 { position: relative; top: 0px; left: 0px; overflow: inherit; padding-bottom: 84px; background-image:url('/cz/img/vr-bg1.png'); background-attachment: scroll; -webkit-background-size: 100%; background-size: 100%; background-position: 0% 0px; background-repeat: no-repeat no-repeat; } #vr3dbox2 { clear: left; margin-top: 27px; width: 50%; } #vr3dbox3 { margin-top: 27px; width: 50%; } #vr3dbox { width: 50%; } #vr3dbox1 { width: 50%; } #vr3dBoxlvl28vr3d4 { position: relative; top: 0px; left: 0px; overflow: inherit; } #vr3dbox6 { width: 50%; } #vr3dbox7 { width: 50%; } #vr3dbox8 { clear: left; margin-top: 27px; width: 100%; } #vr3dBoxlvl28vr3d5 { position: relative; top: 0px; left: 0px; overflow: hidden; } #vr3dBoxlvl28vr3d6 { position: relative; top: 0px; left: 0px; overflow: inherit; padding-bottom: 84px; } #vr3dbox10 { width: 50%; } #vr3dbox11 { width: 50%; } #vr3dbox12 { clear: left; margin-top: 27px; width: 50%; } #vr3dbox13 { margin-top: 27px; width: 50%; } #vr3dBoxlvl28vr3d7 { position: relative; top: 0px; left: 0px; overflow: inherit; padding-top: 98px; } #vr3dbox18 { width: 50%; } #vr3dbox19 { width: 50%; } #vr3dbox20 { clear: left; margin-top: 27px; width: 100%; } #vr3dbox16 { padding-right: 27px; } #vr3dtext11 { font-size: 16px; line-height: 23px; } #vr3dtext12 { font-size: 16px; line-height: 23px; } #vr3dtext13 { font-size: 16px; line-height: 23px; } } @media only screen and (max-width: 800px) { #vr3dBoxlvl28vr3d2 { clear: both; width: 100%; } #vr3dtextlvl28vr3d { margin-top: 23px; text-align: center; padding-left: 5%; padding-right: 5%; } #vr3dtextlvl28vr3d1 { margin-top: 29px; margin-left: 0%; clear: both; text-align: center; padding-left: 5%; padding-right: 5%; } #vr3dBoxlvl28vr3d3 { clear: both; width: 100%; } #vr3dBoxlvl28vr3d4 { clear: both; width: 100%; } #vr3dtextlvl28vr3d2 { margin-top: 23px; text-align: center; padding-left: 5%; padding-right: 5%; } #vr3dtextlvl28vr3d3 { margin-top: 29px; margin-left: 0%; clear: both; text-align: center; padding-left: 5%; padding-right: 5%; } #vr3dtextlvl28vr3d4 { margin-top: 23px; text-align: center; padding-left: 5%; padding-right: 5%; } #vr3dtextlvl28vr3d5 { margin-top: 29px; margin-left: 0%; clear: both; text-align: center; padding-left: 5%; padding-right: 5%; } #vr3dtextlvl28vr3d6 { margin-top: 29px; margin-left: 0%; clear: both; text-align: center; padding-left: 5%; padding-right: 5%; } #vr3dtextlvl28vr3d7 { margin-top: 29px; margin-left: 0%; clear: both; text-align: center; padding-left: 5%; padding-right: 5%; } #vr3dimage4 { display: none; } #vr3dbox4 { width: 100%; padding-left: 0px; } #vr3dBoxlvl28vr3d5 { clear: both; width: 100%; } #vr3dtextlvl28vr3d8 { margin-top: 23px; text-align: center; padding-left: 5%; padding-right: 5%; } #vr3dtextlvl28vr3d9 { margin-top: 29px; margin-left: 0%; clear: both; text-align: center; padding-left: 5%; padding-right: 5%; } #vr3dBoxlvl28vr3d6 { clear: both; width: 100%; } #vr3dBoxlvl28vr3d7 { clear: both; width: 100%; padding-top: 42px; } #vr3dbox14 { width: 100%; padding-left: 0px; } #vr3dtextlvl28vr3d10 { margin-top: 23px; text-align: center; padding-left: 5%; padding-right: 5%; } #vr3dtextlvl28vr3d11 { margin-top: 29px; margin-left: 0%; clear: both; text-align: center; padding-left: 5%; padding-right: 5%; } #vr3dimage12 { display: none; } #vr3dtextlvl28vr3d12 { margin-top: 23px; text-align: center; padding-left: 5%; padding-right: 5%; } #vr3dtextlvl28vr3d13 { margin-top: 29px; margin-left: 0%; clear: both; text-align: center; padding-left: 5%; padding-right: 5%; } #vr3dtextlvl28vr3d14 { margin-top: 23px; text-align: center; padding-left: 5%; padding-right: 5%; } #vr3dtextlvl28vr3d15 { margin-top: 29px; margin-left: 0%; clear: both; text-align: center; padding-left: 5%; padding-right: 5%; } #vr3dtextlvl28vr3d16 { margin-top: 29px; margin-left: 0%; clear: both; text-align: center; padding-left: 5%; padding-right: 5%; } #vr3dtextlvl28vr3d17 { margin-top: 29px; margin-left: 0%; clear: both; text-align: center; padding-left: 5%; padding-right: 5%; } #vr3dbox9 { padding-bottom: 12px; } #vr3dbox16 { clear: left; width: 100%; padding-right: 0px; padding-top: 19px; padding-bottom: 60px; } #vr3d_3d_model { width: 100%; } #vr3dtext11 { font-size: 15px; line-height: 24px; margin-bottom: 6px; } #vr3dtext12 { font-size: 15px; line-height: 24px; margin-bottom: 6px; } #vr3dtext13 { font-size: 15px; margin-bottom: 0px; } #vr3dbox5 { padding-top: 52px; } } @media only screen and (max-width: 640px) { #vr3dbox7 { clear: left; width: 100%; padding-right: 5%; padding-left: 5%; } #vr3dbox6 { width: 100%; padding-right: 5%; padding-left: 5%; } #vr3dbox8 { padding-right: 5%; padding-left: 5%; } #vr3dbox18 { width: 100%; padding-right: 5%; padding-left: 5%; } #vr3dbox19 { clear: left; width: 100%; padding-right: 5%; padding-left: 5%; } #vr3dbox20 { padding-right: 5%; padding-left: 5%; } #vr3dbox5 { padding-top: 44px; } #vr3d_3d_model { height: 300px; } #vr3dbox17 { padding-top: 43px; padding-bottom: 109px; } #vr3dyoutube_autodrom { height: 250px; } #vr3dyoutube_elektrarny { height: 250px; } #vr3dBoxlvl28vr3d6 { margin-top: 50px; } } @media only screen and (max-width: 320px) { #vr3dtextlvl28vr3d { margin-top: 50px; font-size: 20px; } #vr3dbox { width: 100%; } #vr3dbox1 { width: 100%; margin-top: 27px; } #vr3dbox2 { width: 100%; } #vr3dbox3 { width: 100%; } #vr3dtextlvl28vr3d2 { margin-top: 50px; font-size: 20px; } #vr3dtextlvl28vr3d4 { margin-top: 50px; font-size: 20px; } #vr3dbox6 { width: 100%; } #vr3dbox7 { width: 100%; margin-top: 27px; } #vr3dbox8 { width: 100%; } #vr3dtextlvl28vr3d8 { margin-top: 50px; font-size: 20px; } #vr3dbox10 { width: 100%; } #vr3dbox11 { width: 100%; margin-top: 27px; } #vr3dbox12 { width: 100%; } #vr3dbox13 { width: 100%; } #vr3dtextlvl28vr3d10 { margin-top: 50px; font-size: 20px; } #vr3dtextlvl28vr3d12 { margin-top: 50px; font-size: 20px; } #vr3dtextlvl28vr3d14 { margin-top: 50px; font-size: 20px; } #vr3dbox18 { width: 100%; } #vr3dbox19 { width: 100%; margin-top: 27px; } #vr3dbox20 { width: 100%; } #vr3drefBtnCasestudy4 { width: 242px; } #vr3dBoxlvl28vr3d3 { background-image:url('/cz/img/vr-bg1.png'); background-attachment: scroll; -webkit-background-size: 100%; background-size: 100%; background-position: 0% -150px; background-repeat: no-repeat no-repeat; } #vr3dbox5 { padding-top: 0px; } #vr3dBoxlvl28vr3d7 { padding-top: 0px; } #vr3d_3d_model { height: 200px; } #vr3dbox16 { padding-top: 0px; } #vr3dyoutube_autodrom { height: 0px; width: 100%; padding-bottom: 55%; } #vr3dyoutube_elektrarny { height: 0px; width: 100%; padding-bottom: 55%; } } /* ------------------------------------ /cz/fonts/stylesheet.css ------------------------------------ */ @font-face { font-family: 'Avenir Light'; src: url('/cz/fonts/Avenir-Light.eot'); src: url('/cz/fonts/Avenir-Light.eot?#iefix') format('embedded-opentype'), url('/cz/fonts/Avenir-Light.woff') format('woff'), url('/cz/fonts/Avenir-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir'; src: url('/cz/fonts/Avenir-Light.eot'); src: url('/cz/fonts/Avenir-Light.eot?#iefix') format('embedded-opentype'), url('/cz/fonts/Avenir-Light.woff') format('woff'), url('/cz/fonts/Avenir-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir Roman'; src: url('/cz/fonts/Avenir-Roman.eot'); src: url('/cz/fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'), url('/cz/fonts/Avenir-Roman.woff') format('woff'), url('/cz/fonts/Avenir-Roman.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* ------------------------------------ /cz/style-panel-global.css ------------------------------------ */ #videoPlayers { position:relative; left: 0; top: 0; width: 100%; height: 100%; background: #B5B3AE; } #videoPlayer_1456239641{ } #videoPlayer_1456394053 { } .panel-top { position: relative; overflow: hidden; height: 10000px; } #panel-text-base { position: absolute; display: table; left: 0; top: 0; width: 100%; height: 100%; } .panel-top .panel-text { position: relative; display: table-cell; text-align: center; vertical-align:middle; left: 0; top: 0; width: 100%; height: 100%; padding: 0 3%; } .panel-top .panel-text .panel-img, .panel-top .panel-text .panel-h1, .panel-top .panel-text .panel-h2, .panel-top .panel-text .panel-description { /*position: relative;*/ width: 100%; } .panel-top .panel-text img { position: relative; top: -146px; opacity: 0; margin: 0; } .panel-top .panel-text h2 { width: 100%; position: relative; -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); opacity: 0; font: 30px/46px "Avenir Light"; letter-spacing: 7.3px; color: white; text-transform: uppercase; margin: 0; text-align: center; float: none; } .panel-top .panel-text h3 { width: 100%; position: relative; -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); opacity: 0; font: 30px/46px "Avenir Light"; letter-spacing: 7.3px; color: white; text-transform: uppercase; margin: 0; text-align: center; float: none; } .panel-top .panel-text p { width: 100%; position: relative; opacity: 0; top: 23px; font: 14px/20px "Avenir Light"; color: white; margin: 0; text-align: center; float: none; } .panel-top .panel-text .panel-description p { float: left; font-size: 16px; width: 100%; height: auto; text-align: center; font-weight: 300; line-height: 24px; margin-left: 0%; margin-top: 0px; clear: both; min-height: 0px; color: rgb(255, 255, 255); padding-top: 25px; padding-right: 50px; padding-left: 50px; } /* ---- panel pro text ve strance Tvorba webu --- */ #panelTextTvorba { display: none; position: absolute; top: 0px; height: 100%; width: 100%; } #Imagelvl2Header1 { position: absolute; bottom: 0px; margin: auto; left: 0; right: 0; top: auto; } #Boxlvl2Header2, #Boxlvl2Header3 { position: relative; height: 100%; } #panelTextTvorbaText { position:absolute; bottom: 50px; } #panelTextTvorba .panel-h1 { float: left; font-size: 1em; width: auto; height: auto; text-align: left; font-weight: normal; line-height: 1em; margin-left: 0%; margin-top: 650px; clear: none; min-height: 0px; color: rgb(255, 255, 255); padding-left: 30px; } #panelTextTvorba .panel-h2 { float: left; font-size: 11px; width: 100.000001%; height: auto; text-align: left; font-weight: 300; line-height: 1em; margin-left: 0px; margin-top: 0px; clear: both; min-height: 0px; margin-right: 0px; margin-bottom: 0px; color: rgb(181, 179, 174); padding-left: 30px; padding-top: 10px; } #panelTextTvorba .panel-description { float: left; font-size: 11px; width: 100.000001%; height: auto; text-align: left; font-weight: 300; line-height: 1em; margin-left: 0px; margin-top: 0px; clear: both; min-height: 0px; margin-right: 0px; margin-bottom: 0px; color: rgb(181, 179, 174); padding-left: 30px; padding-top: 10px; } #panelTextTvorba .panel-img { float: left; width: auto; max-width: 100%; height: 9px; margin-left: 7px; margin-top: 653px; clear: none; color: rgb(0, 0, 0); margin-right: 0px; margin-bottom: 0px; } #panelScrollHint { width: 100%; height: 100px; background: url('/cz/img/scroll_hint.svg') no-repeat center bottom; background-size: contain; position: absolute; bottom: 0; margin: 0 auto 80px auto; } @media only screen and (max-width: 1024px) { #panelScrollHint { height: 60px; margin-bottom: 50px; } } @media only screen and (max-width: 640px) { #Boxlvl2Header2 { display: none; } #Boxlvl2Header3 { width: 100%; height: 100%; } } @media only screen and (max-width: 320px) { #Boxlvl2Header3 { height: 100%; } .panel-top .panel-text .panel-description p { padding-right: 20px; padding-left: 20px; padding-top: 25px; } } #Imagelvl2Header { margin-top: 0px; } #Boxlvl2Header3 { display: table; } #panelTvorbaTitle { display:table-cell; vertical-align: middle; } #panelReference { position:absolute; left: 0; top: 0; display:none; width: 100%; height: 100%; } #panelReferenceCaption { position: absolute; top: 23%; width: 100%; text-align: center; font: 30px/46px "Avenir Light"; letter-spacing: 7.3px; color: white; text-transform: uppercase; margin: 0; } .edgeLoad-EDGE-15901987 { visibility: hidden; } #icoMusicContainer { position: relative; margin: 0 auto; max-width: 1600px; } #icoMusic { display: block; position: absolute; top: 60px; right: 15px; padding: 0; line-height: 40px; width: 20px; height: 20px; overflow: hidden; cursor: pointer; z-index: 100; } #icoMusic img { position: relative; width: 100%; } @media only screen and (max-width: 900px) { #icoMusic { right: 35px; } } /* ------------------------------------ /cz/module-eservice.css ------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------------- */ /* HP PANEL /* ------------------------------------------------------------------------------------------------------------------- */ #eservicePanel { padding: 0px 20px 0px 20px; } #eservicePanel h2.caption { margin: 35px 0px 10px 0px; color: #FED771; } #eservicePanel div.text { color: #FED771; margin: 10px 0px 10px 0px; } #eservicePanel table.submitTable, #eservicePanel table.submitTable td { margin: 0px; padding: 0px; border: none; } #eservicePanel .emailInput { width: 270px; height: 40px; margin: 0px; padding: 0px 10px 0px 10px; border: none; color: #F7EFDB; background-color: #6DA041; } #eservicePanel .emailInput::-webkit-input-placeholder { /* WebKit browsers */ color: #F7EFDB; } #eservicePanel .emailInput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #F7EFDB; opacity: 0.75; } #eservicePanel .emailInput::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #F7EFDB; opacity: 0.75; } #eservicePanel .emailInput:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #F7EFDB; } #eservicePanel .submitButton { width: 100px; height: 40px; margin: 2px 0px 0px 0px; padding: 0px; border: none; color: #F7EFDB; background-color: #6DA041; text-align: center; text-transform: uppercase; } /* ------------------------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------------------------------------------- */ /* ------------------------------------ /cz/style-hp.css ------------------------------------ */ /* ---------------------------- HOMEPAGE CONTENT ---------------------------- */ #hpContent { } #menu_ref_hp { }