﻿/* Cleverlance website CSS definition */
/* (c)2023 Cleverlance, vcervinka */
/* Date: 05.03.2023 */


@font-face {
	font-family: "stagsansweb-light";
	src: url("/Style%20Library/Fonts/stagsansweb-light.eot"); /* IE9 Compat Modes */
	src: url("/Style%20Library/Fonts/stagsansweb-light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	     url("/Style%20Library/Fonts/stagsansweb-light.woff") format("woff"), /* Modern Browsers */
	     url("/Style%20Library/Fonts/stagsansweb-light.svg") format("svg"); /* Legacy iOS */
	font-style: normal;
	font-weight: 400;
	font-stretch: normal;
}

@font-face {
	font-family: "stagsansweb-book";
	src: url("/Style%20Library/Fonts/stagsansweb-book.eot"); /* IE9 Compat Modes */
	src: url("/Style%20Library/Fonts/stagsansweb-book.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	     url("/Style%20Library/Fonts/stagsansweb-book.woff") format("woff"), /* Modern Browsers */
	     url("/Style%20Library/Fonts/stagsansweb-book.svg") format("svg"); /* Legacy iOS */
	font-style: normal;
	font-weight: 400;
	font-stretch: normal;
}

@font-face {
	font-family: "stagsansweb-semibold";
	src: url("/Style%20Library/Fonts/stagsans-semibold.eot"); /* IE9 Compat Modes */
	src: url("/Style%20Library/Fonts/stagsans-semibold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	     url("/Style%20Library/Fonts/stagsans-semibold.woff") format("woff"), /* Modern Browsers */
	     url("/Style%20Library/Fonts/stagsans-semibold.svg") format("svg"); /* Legacy iOS */
	font-style: normal;
	font-weight: 400;
	font-stretch: normal;
}

@font-face {
	font-family: "source-sans-pro-light";
	src: url("/Style%20Library/Fonts/SourceSansPro-Light.eot"); /* IE9 Compat Modes */
	src: url("/Style%20Library/Fonts/SourceSansPro-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	     url("/Style%20Library/Fonts/SourceSansPro-Light.woff") format("woff"), /* Modern Browsers */
	     url("/Style%20Library/Fonts/SourceSansPro-Light.svg") format("svg"); /* Legacy iOS */
	font-style: normal;
	font-weight: 300;
	font-stretch: normal;
}

@font-face {
	font-family: "source-sans-pro";
	src: url("/Style%20Library/Fonts/SourceSansPro-Regular.eot"); /* IE9 Compat Modes */
	src: url("/Style%20Library/Fonts/SourceSansPro-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	     url("/Style%20Library/Fonts/SourceSansPro-Regular.woff") format("woff"), /* Modern Browsers */
	     url("/Style%20Library/Fonts/SourceSansPro-Regular.svg") format("svg"); /* Legacy iOS */
	font-style: normal;
	font-weight: 400;
	font-stretch: normal;
}

@font-face {
	font-family: "stagweb-thin";
	src: url("/Style%20Library/Fonts/Stag-Thin-Web.eot"); /* IE9 Compat Modes */
	src: url("/Style%20Library/Fonts/Stag-Thin-Web.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	     url("/Style%20Library/Fonts/Stag-Thin-Web.woff") format("woff"), /* Modern Browsers */
	     url("/Style%20Library/Fonts/Stag-Thin-Web.svg") format("svg"); /* Legacy iOS */
	font-style: normal;
	font-weight: 200;
	font-stretch: normal;
}

@font-face {
	font-family: "stagweb-light";
	src: url("/Style%20Library/Fonts/stagweb-light.eot"); /* IE9 Compat Modes */
	src: url("/Style%20Library/Fonts/stagweb-light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	     url("/Style%20Library/Fonts/stagweb-light.woff") format("woff"), /* Modern Browsers */
	     url("/Style%20Library/Fonts/stagweb-light.svg") format("svg"); /* Legacy iOS */
	font-style: normal;
	font-weight: 300;
	font-stretch: normal;
}

@font-face {
  font-family: "sharp-grotesk-book20";
  src: url("/Style%20Library/Fonts/Sharp-Grotesk-Web/SharpGroteskBook20.eot");
  src: url("/Style%20Library/Fonts/Sharp-Grotesk-Web/SharpGroteskBook20.eot?#iefix") format("embedded-opentype"),
       url("/Style%20Library/Fonts/Sharp-Grotesk-Web/SharpGroteskBook20.woff2") format("woff2"),
       url("/Style%20Library/Fonts/Sharp-Grotesk-Web/SharpGroteskBook20.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "sharp-grotesk-sm-bold";
  src: url("/Style%20Library/Fonts/Sharp-Grotesk-Web/SharpGroteskSmBold20.eot");
  src: url("/Style%20Library/Fonts/Sharp-Grotesk-Web/SharpGroteskSmBold20.eot?#iefix") format("embedded-opentype"),
       url("/Style%20Library/Fonts/Sharp-Grotesk-Web/SharpGroteskSmBold20.woff2") format("woff2"),
       url("/Style%20Library/Fonts/Sharp-Grotesk-Web/SharpGroteskSmBold20.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}


body {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #fff;
    color:#696158;
    font-family: source-sans-pro, open-sans, sans-serif;
    font-size: 14px;
    line-height:1.4em;
    min-width:1260px;
}

/* Basic page structure */
#s4-bodyContainer {
	padding-bottom:0;
}

#DeltaPlaceHolderMain {
	display:block;
	margin:0;
	padding:0;
}

#page
{
	width: 100%;
	min-height: 900px;
	margin:0;
	padding:0;
	background-image: none;
	border-style: none;
	border-color: transparent;
}

#page-inside a, #page-inside a:visited {
	color:#381457;
	text-decoration:none;
}

#page-inside a:hover {
	color:#19BCFF;
	text-decoration:none;
}

#spacer-top {
	width: 100%;
	height:80px;
	margin:0;
	padding:0;
}

#header {
	width: 100%;
	height:100px;
	position:fixed;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	background-position:center bottom;
	z-index: 22;
    /* border-top:2px solid red; /* webtest indikator */
}

.shadow {
		background-image:url('/Style%20Library/Images/clv/shadow.png');
}

.noshadow {
		background-image:none;
}

#header-cover {
	width: 100%;
	height:80px;
	margin:0;
	padding:0;
	background-color: #fff;
}

#header-inside {
	width: 1260px;
	height:80px;
    line-height: 78px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	white-space:nowrap;
}

#fullsize-banner {
	clear:both;
	width: 100%;
	height:380px;
	/* overflow:hidden; */
	z-index: 19;
}

#fullsize-banner.career {
	background: #381457;
	height: 280px;
	float: left;
}

#fullsize-banner.product {
	float:left;
	height:300px;
}

#fullsize-banner-inside {
	position:relative;
	width: 1260px;
	height:380px;
	margin-left: auto;
	margin-right: auto;
}

#fullsize-banner-inside.career {
	height:280px;
}

#fullsize-banner-inside.product {
	height:300px;
}

#fullsize-banner-spacer {
	width:100%;
	margin:0;
	padding:0;
}

@media all and (max-width: 1279px) {
#banner_container a img {
	width:960px;
}
}

/* video and SVG full banner
#page #fullsize-banner.homepage,#page #fullsize-banner-inside.homepage,#page #fullsize-banner-inside.homepage div {
	height:825px;
}

@media all and (max-width: 1279px) {
#page #fullsize-banner.homepage,#page #fullsize-banner-inside.homepage,#page #fullsize-banner-inside.homepage div {
	height:624px;
}
}

@media all and (max-width: 959px) {
#page #fullsize-banner.homepage,#page #fullsize-banner-inside.homepage,#page #fullsize-banner-inside.homepage div {
	width:480px;		
	height:315px;
}
}
*/

#titleVideoWrapper{
	position:relative;
}

#muteIcon {
	position:absolute;
	top:20px;
	left:50px;
	width:50px;
	height:50px;
	cursor:pointer;
	z-index:100;
}

#playIcon {
	position:absolute;
	top:calc(50% - 50px);
	left:calc(50% - 50px);
	width:100px;
	height:100px;
	cursor:pointer;
	display:none;
	z-index:100;
}

.inpageSection .video div{
	width:100%;
	height:100%;
}

#overlayVideoWrapper {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1 !important;
}

#overlayVideoWrapper .overlayBackground {
    float: left;
    height: 100%;
    width: 100%;
    background-color: black;
    filter: alpha(opacity=75);
    opacity: 0.75;
}

#overlayVideoWrapper #youtube{
	width:853px;
	height:480px;
	position: fixed;
    left: 50%;
    top: 50%;
    margin: -180px 0 0 -420px;
}

#page-inside {
	width: 1260px;
	/* min-height:500px; */
	background-image: none;
	border-style: none;
	border-color: transparent;
	/* background-color: #ddd; */
	margin-left: auto;
	margin-right: auto;
}

#logo {
	display:inline-block;
	float:left;
	margin:17px 0 -20px 0;
	width:40px;
	height:50px;
	overflow:hidden;
}

#logo a {
	display:block;
	line-height:10px;
	margin:0 0 0 150px;
	padding:0;
	width:150px;
	height:40px;
}

#logo a img{
	margin-top:10px;
	border:0;
}

#top-menu {
	display:inline-block;
	float:left;
}

#top-menu .ms-core-listMenu-horizontalBox {
	float:left;
}

#lang-menu {
	display:inline-block;
	float:left;
	padding-left:20px;
	padding-right:20px;
}

#lang-menu a{
	/* display:none; /* skryti jazykove verze */
	display:inline-block;
	font-family: open-sans, sans-serif;
    letter-spacing: 0.3px;
    font-size:9px;
   	color:#6a6159;
   	height:26px;
   	width:26px;
   	background:#eaeadf;
	border-radius:12px;
	margin-top:26px;
	line-height:26px;
	text-align:center;
}

#lang-menu a:hover {
	text-decoration:none;
   	background:#e0e0e0;
}

#lang-menu a:visited{
	color:#6a6159;
}

#search {
	display:inline-block;
	float:left;
	margin:3px 0 -10px 0;
	width:20px;
	height:50px;
	overflow:hidden;
}

#search span {
	display:block;
	line-height:10px;
	margin:28px 0 0 0;
	padding:0;
	width:20px;
	height:20px;
}

.ms-srch-sb > .ms-srch-sb-searchLink
{
margin-left:-1px;
height:24px;
width:20px;
}

.ms-srch-sb-searchImg
{
left:-35px;
top: -55px;
position:absolute;
}

.ms-srch-sb-searchImg:hover
{
left:-1px;
top:-67px;
}

#second-menu{
	float:left;
	position:relative;
	margin: 0 0 -20px 0;
	padding:0;
	background:transparent;
	height:90px;
	width:100%;
	background-image:url('/Style%20Library/Images/clv/shadow.png');
	background-repeat:no-repeat;
	background-position:center bottom;
	z-index:21;
}

#second-menu.fixed-menu{
	position:fixed;
	top:80px;
}

#second-menu-inside{
	background:#f6f7fb;
	height:70px;
	width:100%;
    overflow: hidden;
}

#second-menu-wrapper{
	width:1260px;
	margin-left:auto;
	margin-right:auto;
}


#spacer-second-menu {
	width: 100%;
	height:70px;
	margin:0;
	padding:0;
}

.showOnMobile {
	display:none;
}

#footer {
	clear:both;
	background-color:#fff;
	width: 100%;
	height:590px;
}

#footer-inside {
	width: 1260px;
	height:380px;
	background-color:#fff;
	margin-left: auto;
	margin-right: auto;
}

.preload_images {
	display:none;
}

div.article, div.article-content {
	margin:0;
	padding:0;
}

/* Sharepoint top menu navigation */

#top-menu .ms-core-navigation {
    font-family: sharp-grotesk-book20;
    letter-spacing: 0.1px;
}

#top-menu .ms-core-listMenu-horizontalBox ul {
	margin:0;
    padding:0;
    background-image:url('/Style%20Library/Images/clv/divide-top-menu.png');
    background-repeat: no-repeat;
    background-position: 510px top;
}

#top-menu .ms-core-listMenu-horizontalBox li.static:nth-child(1) {
	width:150px;
}

#top-menu .ms-core-listMenu-horizontalBox li.static:nth-child(2) {
	width:190px;
}

#top-menu .ms-core-listMenu-horizontalBox li.static:nth-child(3) {
    background-color: transparent;
    margin-right:20px;
   	width:170px;
}

#top-menu .ms-core-listMenu-horizontalBox li.static:nth-child(4) {
    margin-left:20px;
}

#top-menu .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
    display: block;
    margin: 0;
    height: 78px;
    font-size: 14px;
    font-weight:normal;
	color:#1b1c22;
    letter-spacing: 0.1px;
    background: transparent;
    outline:none;
}

#top-menu .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item span.additional-background{
    display: block;
    height:73px;
    padding: 0 19px 0 19px;
}

#top-menu .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item span.additional-background span{
    display: block;
	height:73px;
    padding: 0 16px 0 16px;
    white-space:nowrap;
    text-align:center;
}

#top-menu .ms-core-listMenu-horizontalBox .additional-background.dynamic-children {
    padding-right: 0;
    background-image: none;
    background-repeat: no-repeat;
}

#top-menu .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected .additional-background span{
    padding-right: 0;
    background-color: transparent;
    background-image:url('/Style%20Library/Images/clv/selected-top-menu.png');
    background-repeat: repeat-x;
}

#top-menu .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:link,#top-menu  .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:visited,#top-menu  .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected,#top-menu  .ms-tv-selected:link {
	color:#1b1c22;
}

#top-menu .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:hover {
	color:#1b1c22;
	background:#fff;
}

#top-menu .ms-core-listMenu-horizontalBox li.static ul.dynamic {
	margin:0;
	padding:0;
	border:0;
	list-style: none;
	box-shadow: none;
	padding:10px 30px 10px 0;
	z-index:100;
}

#top-menu .ms-core-listMenu-horizontalBox li.dynamic > .ms-core-listMenu-item {
	padding-left:20px;
	padding-right:20px;
	line-height:40px;
	font-size: 13px;
	outline:none;
	white-space: nowrap;
}

#top-menu .ms-core-listMenu-horizontalBox li.dynamic > .ms-core-listMenu-item:hover {
	color:#381457;
}

#top-menu ul.root li.ms-listMenu-editLink {
	display:none;
}

/* second menu navigation */

#second-menu-wrapper ul {
    font-family: open-sans, sans-serif;
	line-height: 70px;
	margin:0 0 0 110px;
	padding:0;
	list-style:none;
}

#second-menu-wrapper ul li{
	display:inline-block;
    overflow: hidden;
}

#second-menu-wrapper ul li.dynamic > .ms-core-listMenu-item {
    display: block;
    margin: 0;
    height: 74px;
    font-size: 14px;
	color:#1b1c22;
    letter-spacing: 0.1px;
    background: transparent;
    outline:none;
}

#second-menu-wrapper ul li.dynamic > .ms-core-listMenu-item:hover {
	color:#381457;
}

#second-menu-wrapper ul li.dynamic > .ms-core-listMenu-item span.additional-background{
    display: block;
    height:73px;
    padding: 0 25px 0 25px;
}

#second-menu-wrapper ul li.dynamic > .ms-core-listMenu-item span.additional-background span{
    display: block;
	height:73px;
    padding: 0 21px 0 21px;
    white-space:nowrap;
    text-align:center;
}

#second-menu-wrapper ul li.dynamic:first-child:nth-last-child(n + 6) > .ms-core-listMenu-item span.additional-background,
#second-menu-wrapper ul li.dynamic:first-child:nth-last-child(n + 6) ~ li > .ms-core-listMenu-item span.additional-background {
    padding: 0 4px 0 4px;
}


/* Sharepoint bottom navigation */

#bottom-navigation {
	border-top:1px solid #c4bfb6;
	height:215px;
	width:1260px;
	margin:0 auto;	
	text-align:center;
}

#bottom-navigation a, #bottom-navigation a:visited {
	color:#1b1c22;
}

#bottom-navigation a:hover {
	color:#381457;
}

#bottom-navigation div {
	width:630px;
	margin:20px 0 0 0;
	text-align:left;
}

#bottom-navigation ul.root {
	width:100%;
	margin:0;
}

#bottom-navigation ul.root li.static {
	float:left;
	display:inline-block;
	width:200px;
	margin:0 10px 0 10px;
}


#bottom-navigation ul.root li.static:nth-child(1) {
	width:170px;
}

#bottom-navigation ul.root li.static:nth-child(4), #bottom-navigation ul.root li.static:nth-child(5) {
	display:none;
}

#bottom-navigation ul.root li.ms-listMenu-editLink {
	display:none;
}

#bottom-navigation ul.root li.static .menu-item-text {
	font-weight:bold;
	line-height:23px;
}

#bottom-navigation ul.root ul.static {
	margin:0;
	padding:0;		
}

#bottom-navigation ul.root ul.static li.static {
	float:none;
	display:block;
	width:auto;
	height:22px;
	margin:0;
	white-space: nowrap
}

#bottom-navigation ul.root ul.static li.static .menu-item-text {
	font-weight:normal;
}

#bottom-navigation .menu-item-text {
	font-family: sharp-grotesk-book20, source-sans-pro, open-sans, sans-serif;
	letter-spacing: 0.1px;
	font-size:13px;
}

#bottom-nav-static{
	margin:20px 0 0 0;
	padding-top:20px;
	height:115px;
	color:#1b1c22;
	border-top:1px solid #c4bfb6;
	border-bottom:1px solid #c4bfb6;
	text-align:center;
	background:#fff;
}

#bottom-nav-static ul{
	margin:10px 0 10px 0;
	padding:0;
	display:block;
	list-style:none;
	height:50px;
}

#bottom-nav-static ul li{
	padding:0 20px 0 20px;
	line-height:50px;
	font-family: sharp-grotesk-book20, source-sans-pro, open-sans, sans-serif;
	letter-spacing: 0.1px;
	font-size:14px;
	display:inline-block;
}

#bottom-nav-static ul li a, #bottom-nav-static ul li a:visited{
	color:#1b1c22;
}

#bottom-nav-static ul li a:hover {
	color:#381457;
	text-decoration:none;
}

#footer-inside .copyright{
	text-align:center;
	font-family: sharp-grotesk-book20, source-sans-pro, open-sans, sans-serif;
	letter-spacing: 0.1px;
	font-size:13px;
	color:#1b1c22;
	background:#fff;
	height:86px;
	padding-top:20px;
}

#footer-inside .copyright a,
#footer-inside .copyright a:visited {
	color:#1b1c22;
}

/* group logos */
#grouplogos {
	width:450px;
	margin:120px 0 0 100px;
	text-align:left;
}

#grouplogos a {
	display: inline-block;
	height:30px;
	margin:16px 0 16px 0;
}

#grouplogos a.cleverlance {
	background: transparent url("/cz/PublishingImages/customers/cleverlance-gray.png") no-repeat left top;
	width:160px;
}

#grouplogos a.cleverlance:hover {
	background: transparent url("/cz/PublishingImages/customers/cleverlance.png") no-repeat left top;
}

#grouplogos a.trustport {
	background: transparent url("/cz/PublishingImages/customers/trustport-gray.png") no-repeat left top;
	width:160px;
	margin-left:40px;
}

#grouplogos a.trustport:hover {
	background: transparent url("/cz/PublishingImages/customers/trustport.png") no-repeat left top;
}

#grouplogos a.aec {
	background: transparent url("/cz/PublishingImages/customers/aec-gray.png") no-repeat left top;
	width:90px;
	margin-left:15px;
}

#grouplogos a.aec:hover {
	background: transparent url("/cz/PublishingImages/customers/aec.png") no-repeat left top;
}

#grouplogos a.cts {
	background: transparent url("/cz/PublishingImages/customers/cts-gray.png") no-repeat left top;
	width:160px;
	margin-left:15px;
}

#grouplogos a.cts:hover {
	background: transparent url("/cz/PublishingImages/customers/cts.png") no-repeat left top;
}

#grouplogos a.h2b {
	background: transparent url("/cz/PublishingImages/customers/h2b-gray.png") no-repeat left top;
	width:185px;
	margin-left:20px;
}

#grouplogos a.h2b:hover {
	background: transparent url("/cz/PublishingImages/customers/h2b.png") no-repeat left top;
}

.yellowButton {
	margin-top:60px;
	display:inline-block;
	background:#ffed00;
	padding:10px 20px;
	color:#381457;
}

#backbutton {
	display:none;
	clear:both;
	text-align:center;
	height:32px;
	width:200px;
	margin:0 auto 0 auto;
	padding:40px 0 10px 0;
}

#backbutton a{
	display:block;
	font-size:20px;
	background-color:#381457;
	color:#fff;
	padding:10px 30px 10px 30px;
}

/* social media */
#social-media {
	clear:both;
	height:32px;
	width:300px;
	margin:0 auto 0 auto;
	padding:40px 0 40px 0;
}

#social-media a {
	display: inline-block;
	height:32px;
	width:32px;
	margin:0 20px 0 20px;
}

#social-media a.facebook {
	background: transparent url("/Style%20Library/Images/clv/facebook.png") no-repeat left top;
}

#social-media a.facebook:hover {
	background: transparent url("/Style%20Library/Images/clv/facebook-hover.png") no-repeat left top;
}

#social-media a.linkedin {
	background: transparent url("/Style%20Library/Images/clv/linkedin.png") no-repeat left top;
}

#social-media a.linkedin:hover {
	background: transparent url("/Style%20Library/Images/clv/linkedin-hover.png") no-repeat left top;
}

#social-media a.twitter {
	background: transparent url("/Style%20Library/Images/clv/twitter.png") no-repeat left top;
}

#social-media a.twitter:hover {
	background: transparent url("/Style%20Library/Images/clv/twitter-hover.png") no-repeat left top;
}

#social-media a.instagram {
	background: transparent url("/Style%20Library/Images/clv/instagram.png") no-repeat left top;
}

#social-media a.instagram:hover {
	background: transparent url("/Style%20Library/Images/clv/instagram-hover.png") no-repeat left top;
}


/* Product navigation */

#product-menu-icon {
	position:absolute;
	left:0;
	top:0;	
	height:80px;
	width:80px;
	background-image:url('/Style%20Library/Images/clv/mobile-menu-icon.svg');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:rgba(202,206,219,0.2);
}

#product-menu-icon:hover, #product-menu-icon.active {
	background-color:#ffed00;
}


#product-menu {
	position:fixed;
	left:-300px;
	top:80px;	
	background:#fff;
	height:100%;
	width:320px;
	border-left:1px solid #cacedb;
}

#mobile-menu{
	display:none;
	border-left:1px solid #cacedb;
}

#product-menu span.title{
	display:block;
	font-family: sharp-grotesk-sm-bold, open-sans, sans-serif;
	font-size: 15px;
	color:#1b1c22;
	margin:30px 0 20px 25px;
	width:280px;
}

#product-menu span.title a, #product-menu span.title a:visited{
	color:#1b1c22;
	text-decoration:none;
}

#product-menu ul {
	list-style:none;
	padding:0 0 0 15px;
}

#product-menu ul li{
}

#product-menu ul li a, #product-menu ul li a:visited{
	font-family: sharp-grotesk-book20, open-sans, sans-serif;
	font-size:15px;
	display:block;
	padding:5px 20px 5px 15px;
	color:#1b1c22;
	line-height:20px;
}
#product-menu ul li a:hover, #product-menu span.title a:hover{
	color:#381457;
	text-decoration:none;	
}

/* graphs homepage */

#graphTextDevelopers, #graphTextAnalysts, #graphTextTesters {
	position:absolute;
	font-family:source-sans-pro, open-sans, sans-serif;
 	font-size: 10px;
    letter-spacing: 2px;
 	white-space: nowrap;
}
#graphTextDevelopers, #graphTextDevelopers:hover {
	top:15px; left:330px;
	color:#5e0db4;
}
#graphTextAnalysts, #graphTextAnalysts:hover {
	top:65px; left:80px;
	color:#a20db4;
}
#graphTextTesters, #graphTextTesters:hover {
	top:115px; left:290px;
	color:#ff00d8;
}

#graphTextDevelopers.en, #graphTextDevelopers.en:hover{
	left:310px;
}
#graphTextAnalysts.en, #graphTextAnalysts.en:hover {
	left:70px;
}
#graphTextTesters.en, #graphTextTesters.en:hover {
	left:290px;
}

#graphTextDevelopers.lang-de, #graphTextDevelopers.lang-de:hover{
	left:315px;
}
#graphTextAnalysts.lang-de, #graphTextAnalysts.lang-de:hover {
	left:50px;
}
#graphTextTesters.lang-de, #graphTextTesters.lang-de:hover {
	left:300px;
}

#canvas-holder, #canvas-holder1 {
	margin:10% 10%;
	width:60%;	
}

.relativeWrapper {
	position:relative;
}

.absoluteWrapper {
	position:absolute;
}

.textOverlay {
	position:absolute;
	left:0;
	top:0;
}

.graphText {
	position:absolute;
 	color: #ae3ff1;
	font-family:stagweb-thin, Times New Roman;
 	font-size: 12px;
    letter-spacing: 2px;
 	white-space: nowrap;
}

.counterText {
 	color: #381457;
	position:absolute;
	top:140px;
	left:300px;
	font-family:stagweb-thin, Times New Roman;
	font-size: 130px;
}

.counterSubText {
	font-family:stagweb-light, Times New Roman;
	position:absolute;
	left:300px;
 	color: #666666;
 	font-size: 12px;
    letter-spacing: 2px;
 	white-space: nowrap;
}

/* news list homepage */

#titleNews{
	margin:0;
}

#titleNews ul {
	margin:0;
	padding:0;
	list-style:none;
}

#titleNews ul li{
	display:inline-block;
	width:630px;
	vertical-align:middle;
	text-align:center;
}

#titleNews ul li .cbs-CardContainer{
	width:420px;
	margin:80px 0 0 160px;
	text-align:left;
}

#titleNews ul li a.cbs-CardLine1Link h2, #titleNews ul li a.cbs-CardLine1Link:visited h2 {
	display:block;
	color:#fff;
	font-family: stagsansweb-light, open-sans, sans-serif;
	font-size:28px;
	line-height:30px;
	margin: 15px 0 10px 0;
	text-decoration:none;
	max-width:400px;
}

#titleNews ul li a.cbs-CardLine1Link:hover h2 {
	color:#ddd;
	text-decoration:none;
}

#titleNews ul li .cbs-CardLine2{
	color: #fff;
	line-height: 1.6;
}

.ms-rtestate-field p.titleNewsLink {
	display:block;
	text-align:left;
	margin:20px 0 0 160px;
}

#page-inside .titleNewsLink a, #page-inside .titleNewsLink a:visited {
	color:#ffed00;
}

#page-inside .titleNewsLink a:hover {
	color:#19BCFF;
}

/* news list overview */

#news-overview{
	margin:0;
}

#news-overview ul {
	margin:0;
	padding:0;
	list-style:none;
}

#news-overview ul li{
	display:inline-block;
	height:340px;
	width:630px;
	background:#fff;
	vertical-align:middle;
	text-align:center;
	line-height:30px;
}

#news-overview ul li:nth-child(12n+2),
#news-overview ul li:nth-child(12n+7)
{
	background:#ebebe8;
}

#news-overview ul li:nth-child(12n+3),
#news-overview ul li:nth-child(12n+10)
{
	background:#ffed00;
}

#news-overview ul li:nth-child(12n+6),
#news-overview ul li:nth-child(12n+11)
{
	background:#381457;
}

#news-overview ul li:nth-child(12n+6) .cbs-CardLine2,
#news-overview ul li:nth-child(12n+11) .cbs-CardLine2
{
	color:#eee;
}

#news-overview ul li:nth-child(12n+6) a.cbs-CardLine1Link h2,
#news-overview ul li:nth-child(12n+11) a.cbs-CardLine1Link h2,
#news-overview ul li:nth-child(12n+6) a.cbs-CardLine1Link:visited h2,
#news-overview ul li:nth-child(12n+11) a.cbs-CardLine1Link:visited h2,
#news-overview ul li:nth-child(12n+6) .cbs-CardLine3,
#news-overview ul li:nth-child(12n+11) .cbs-CardLine3
{
	color:#ffed00;
}

#news-overview ul li .cbs-CardContainer{
	width:480px;
	margin:70px 0 0 90px;
	text-align:left;
}

#news-overview ul li a.cbs-CardLine1Link h2, #news-overview ul li a.cbs-CardLine1Link:visited h2 {
  	display:block;
  	color:#381457;
	font-family: stagsansweb-light, open-sans, sans-serif;
	font-size:28px;
	line-height:30px;
	margin: 15px 0 10px 0;
	text-decoration:none;
}

#news-overview ul li a.cbs-CardLine1Link h2:hover, #news-overview ul li a.cbs-CardLine1Link h2.cbs-CardLine1:hover {
  	color:#19BCFF;
	text-decoration:none;
}

#news-overview ul li .cbs-CardLine2{
	color: #696158;
	line-height: 1.6;
    margin: 0;
}

div.news-detail {
	float:left;
	background:#fff;
	color: #696158;
	width:690px;
	padding:20px 10px 5px 160px;
}

#contentNewsRight {
	float:left;
	background:#fff;
	margin:50px 0 5px 80px;
}

ul.newsMenu {
	list-style:none;	
}

ul.newsMenu li a{
	font-family: stagsansweb-light, open-sans, sans-serif;
	font-size:16px;
}

.news-detail .edit-mode-panel{
	margin-left:0px;
}

.news-date {
	color:#d4d4d0;
}

.news-title {
	color:#381457;
	font-family: stagsansweb-light, open-sans, sans-serif;
	font-size:28px;
	line-height:30px;
	margin: 15px 0 10px 0;
}

.news-title .ms-formfieldvaluecontainer {
	font-family: open-sans, sans-serif;
	font-size:14px;
	line-height:16px;
}

/* page list */

.pageList {
	margin:0px;
}

.pageList ul {
	list-style:none;
	padding:0px;
}

.pageList ul li {
	line-height:30px;
}

.pageList ul {
	margin:0;
	padding:0;
	list-style:none;
}

.pageList ul li{
	display:inline-block;
	height:340px;
	width:630px;
	background:#fff;
	vertical-align:middle;
	text-align:center;
}

.pageList ul li:nth-child(2),
.pageList ul li:nth-child(7),
.pageList ul li:nth-child(14),
.pageList ul li:nth-child(15) {
	background:#ebebe8;
}

.pageList ul li:nth-child(3),
.pageList ul li:nth-child(10) {
	background:#ffed00;
}

.pageList ul li:nth-child(6),
.pageList ul li:nth-child(11) {
	background:#381457;
}

.pageList ul li:nth-child(6) .link-item .description,
.pageList ul li:nth-child(11) .link-item .description {
	color:#eee;
}

#page-inside .pageList ul li:nth-child(6) .link-item a,
#page-inside .pageList ul li:nth-child(6) .link-item a:visited,
#page-inside .pageList ul li:nth-child(11) .link-item a,
#page-inside .pageList ul li:nth-child(11) .link-item a:visited {
	color:#ffed00;
}


.pageList ul li div.item{
	width:500px;
	margin:70px 0 0 90px;
	text-align:left;
}

.pageList ul li div.item .image-area-right{
	float:right;
	margin-right:10px;
}

.pageList ul li div.item .image-area-right img{
	width:180px;
}

.pageList ul li .link-item a, .pageList ul li .link-item a:visited {
	display:block;
	color:#381457;
	font-family: stagsansweb-light, open-sans, sans-serif;
	font-size:28px;
	line-height:30px;
	margin: 15px 0 10px 0;
	text-decoration:none;
}

.pageList ul li .link-item a:hover {
	text-decoration:underline;
}

.pageList ul li .link-item .description{
	color: #696158;
	line-height: 1.6;
}

/* jobs list */

#jobsList {
	margin:0px;
    clear: both;
}

#jobsList ul {
	list-style:none;
	padding:0px;
}

#jobsList ul li {
	line-height:30px;
}

#jobsList ul {
	margin:0;
	padding:0;
	list-style:none;
}

#jobsList ul li{
	display:inline-block;
	height:340px;
	width:630px;
	background:#fff;
	vertical-align:middle;
	text-align:center;
}

#jobsList ul li:nth-child(12n+2),
#jobsList ul li:nth-child(12n+7)
{
	background:#ebebe8;
}

#jobsList ul li:nth-child(12n+3),
#jobsList ul li:nth-child(12n+10)
{
	background:#ffed00;
}

#jobsList ul li:nth-child(12n+6),
#jobsList ul li:nth-child(12n+11)
{
	background:#381457;
}

#jobsList ul li .cbs-CardLine2,#jobsList ul li .cbs-CardLine2 p{
	color: #696158;
	line-height: 1.6;
    margin: 0;
}

#jobsList ul li:nth-child(12n+6) .cbs-CardLine2,
#jobsList ul li:nth-child(12n+11) .cbs-CardLine2,
#jobsList ul li:nth-child(12n+6) .cbs-CardLine2 p,
#jobsList ul li:nth-child(12n+11) .cbs-CardLine2 p
{
	color:#eee;
}

#jobsList ul li:nth-child(12n+6) a.cbs-CardLine1Link h2,
#jobsList ul li:nth-child(12n+11) a.cbs-CardLine1Link h2,
#jobsList ul li:nth-child(12n+6) a.cbs-CardLine1Link:visited h2,
#jobsList ul li:nth-child(12n+11) a.cbs-CardLine1Link:visited h2,
#jobsList ul li:nth-child(12n+6) .cbs-CardLine3,
#jobsList ul li:nth-child(12n+11) .cbs-CardLine3
{
	color:#ffed00;
}

/*  jobsList filterON */

#jobsList ul li.filterON{
	background:#fff;
}

#jobsList ul li.filterON a.cbs-CardLine1Link h2 {
	color:#381457;
}

#jobsList ul li.filterON .cbs-CardLine2,#jobsList ul li.filterON .cbs-CardLine2 p{
	color: #696158;
}

#jobsList ul li.filterON .cbs-CardLine3 {
	color: #999;
}


#jobsList ul li.filterON.c1,
#jobsList ul li.filterON.c6
{
	background:#ebebe8;
}

#jobsList ul li.filterON.c2,
#jobsList ul li.filterON.c9
{
	background:#ffed00;
}

#jobsList ul li.filterON.c2 a.cbs-CardLine1Link h2,
#jobsList ul li.filterON.c9 a.cbs-CardLine1Link h2,
#jobsList ul li.filterON.c2 .cbs-CardLine3,
#jobsList ul li.filterON.c9 .cbs-CardLine3
{
	color:#381457;
}


#jobsList ul li.filterON.c5,
#jobsList ul li.filterON.c10
{
	background:#381457;
}

#jobsList ul li.filterON.c5 .cbs-CardLine2,
#jobsList ul li.filterON.c10 .cbs-CardLine2,
#jobsList ul li.filterON.c5 .cbs-CardLine2 p,
#jobsList ul li.filterON.c10 .cbs-CardLine2 p
{
	color:#eee;
}

#jobsList ul li.filterON.c5 a.cbs-CardLine1Link h2,
#jobsList ul li.filterON.c10 a.cbs-CardLine1Link h2,
#jobsList ul li.filterON.c5 a.cbs-CardLine1Link:visited h2,
#jobsList ul li.filterON.c10 a.cbs-CardLine1Link:visited h2,
#jobsList ul li.filterON.c5 .cbs-CardLine3,
#jobsList ul li.filterON.c10 .cbs-CardLine3
{
	color:#ffed00;
}


/* jobsList filterON End */


#jobsList ul li .cbs-CardContainer{
	width:500px;
	margin:70px 0 0 90px;
	text-align:left;
}

#jobsList ul li a.cbs-CardLine1Link h2, #jobsList ul li a.cbs-CardLine1Link:visited h2 {
  	display:block;
  	color:#381457;
	font-family: stagsansweb-light, open-sans, sans-serif;
	font-size:28px;
	line-height:30px;
	margin: 15px 0 10px 0;
	text-decoration:none;
}

#jobsList ul li a.cbs-CardLine1Link h2:hover, #jobsList ul li a.cbs-CardLine1Link h2.cbs-CardLine1:hover {
  	color:#19BCFF;
	text-decoration:none;
}

#jobsList ul li .cbs-CardLine3{
    display: inline-block;
    padding: 0;
    margin:0;
    color: #999;
}
  
#jobsList ul li.filterHide {
	display:none;
}

#listMessage {
	height:200px;
	padding:100px 0 50px 0;
	text-align:center;
}

/* jobs selector */

#jobSelector {
	margin: 0px 0 0 90px;
	padding-top:19px;
	height:35px;
}

#jobSelector .inlineTitle {
	float:left;
	font-size:18px;
	line-height:30px;
	margin: 2px 0 0 10px;
}

#jobSelector .location {
	float:left;
	height:30px;
	line-height:30px;
	font-size:18px;
	margin: 0px 0 0 15px;
}

#locationSelector {
	border:1px solid #eee;	
	line-height:30px;
	width:180px;
	padding:0 2px 2px 2px;
}

#jobSelector .category {
	float:left;
	height:30px;
	line-height:30px;
	font-size:18px;
	margin: 0px 0 0 15px;
}

#categorySelector {
	border:1px solid #eee;	
	line-height:30px;
	width:220px;
	padding:0 2px 2px 2px;
}

/* mobile jobs selector */

#mobileSelector {
}

#mjobSelector {
}

#mjobSelector .inlineTitle {
  color: #381457;
  font-family: stagsansweb-light, open-sans, sans-serif;
  font-size: 28px;
  line-height: 30px;
  margin: 20px 0 10px 0;
}

#mjobSelector .location {
	height:30px;
	line-height:30px;
	font-size:18px;
	margin: 10px 0 10px 0;
}

#mlocationSelector {
	border:1px solid #eee;	
	line-height:30px;
	width:220px;
	padding:0 2px 2px 2px;
}

#mjobSelector .category {
	height:30px;
	line-height:30px;
	font-size:18px;
	margin: 10px 0 10px 0;
}

#mcategorySelector {
	border:1px solid #eee;	
	line-height:30px;
	width:220px;
	padding:0 2px 2px 2px;
}


/* JSSOR banner styles */

/*
.jssorb01 div           (normal)
.jssorb01 div:hover     (normal mouseover)
.jssorb01 .av           (active)
.jssorb01 .av:hover     (active mouseover)
.jssorb01 .dn           (mousedown)
*/
.jssorb01 {
	position:absolute;
}
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av
{
    overflow:hidden;
    cursor: pointer;
	border-radius:15px;
}

#sliderb_container .jssorb01 div,#sliderb_container .jssorb01 div:hover,#sliderb_container .jssorb01 .av
{
    filter: alpha(opacity=70);
    opacity: .7;
 	border: #333 1px solid;	
}   

#sliderb_container .jssorb01 div { background-color: gray; }
#sliderb_container .jssorb01 div:hover,#sliderb_container .jssorb01 .av:hover { background-color: #d3d3d3; }
#sliderb_container .jssorb01 .av { background-color: #fff; }
#sliderb_container .jssorb01 .dn, #sliderb_container .jssorb01 .dn:hover { background-color: #555555; }

#sliderSquare1_container .jssorb01 div { background-color: #381457; }
#sliderSquare1_container .jssorb01 div:hover,#sliderSquare1_container .jssorb01 .av:hover { background-color: #d3d3d3; }
#sliderSquare1_container .jssorb01 .av { background-color: #fff; }
#sliderSquare1_container .jssorb01 .dn,#sliderSquare1_container .jssorb01 .dn:hover { background-color: #555555; }

#sliderSquare2_container .jssorb01 div { background-color: #ffed00; }
#sliderSquare2_container .jssorb01 div:hover,#sliderSquare2_container .jssorb01 .av:hover { background-color: #d3d3d3; }
#sliderSquare2_container .jssorb01 .av { background-color: #fff; }
#sliderSquare2_container .jssorb01 .dn,#sliderSquare2_container .jssorb01 .dn:hover { background-color: #555555; }

/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l              (normal)
.jssora05r              (normal)
.jssora05l:hover        (normal mouseover)
.jssora05r:hover        (normal mouseover)
.jssora05ldn            (mousedown)
.jssora05rdn            (mousedown)
*/
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
    background: url('/Style%20Library/Images/clv/arrows.png') no-repeat;
    overflow:hidden;
}
#sliderb_container .jssora05l { background-position: -10px 0px; }
#sliderb_container .jssora05r { background-position: -70px 0px; }
#sliderb_container .jssora05l:hover { background-position: -130px 0px; }
#sliderb_container .jssora05r:hover { background-position: -190px 0px; }
#sliderb_container .jssora05ldn { background-position: -250px 0px; }
#sliderb_container .jssora05rdn { background-position: -310px 0px; }

#sliderSquare2_container .jssora05l { background-position: -10px 0px; }
#sliderSquare2_container .jssora05r { background-position: -70px 0px; }
#sliderSquare2_container .jssora05l:hover { background-position: -130px 0px; }
#sliderSquare2_container .jssora05r:hover { background-position: -190px 0px; }
#sliderSquare2_container .jssora05ldn { background-position: -250px 0px; }
#sliderSquare2_container .jssora05rdn { background-position: -310px 0px; }


/* specific support slider area */

#podporujeme #sliderSquare2_container .jssorb01, #we-support #sliderSquare2_container .jssorb01, #wir-unterstutzen #sliderSquare2_container .jssorb01 {
	left:295px;
}

#podporujeme #sliderSquare2_container .jssora05l, #we-support #sliderSquare2_container .jssora05l, #wir-unterstutzen #sliderSquare2_container .jssora05l,
#podporujeme #sliderSquare2_container .jssora05l:hover, #we-support #sliderSquare2_container .jssora05l:hover, #wir-unterstutzen #sliderSquare2_container .jssora05l:hover,
#podporujeme #sliderSquare2_container .jssora05ldn, #we-support #sliderSquare2_container .jssora05ldn, #wir-unterstutzen #sliderSquare2_container .jssora05ldn
{
	left:140px;
}

#podporujeme #sliderSquare2_container .jssora05r, #we-support #sliderSquare2_container .jssora05r, #wir-unterstutzen #sliderSquare2_container .jssora05r,
#podporujeme #sliderSquare2_container .jssora05r:hover, #we-support #sliderSquare2_container .jssora05r:hover, #wir-unterstutzen #sliderSquare2_container .jssora05r:hover,
#podporujeme #sliderSquare2_container .jssora05rdn, #we-support #sliderSquare2_container .jssora05rdn, #wir-unterstutzen #sliderSquare2_container .jssora05rdn
{
	right:80px;
}

/* area slider styles */
.ms-webpartzone-cell {
	margin-bottom:0px;
}

.prezentaceTextBlock {
	position:absolute;
	left:750px;
	top:100px;
	width:450px;
}

.prezentaceNumber{
	font-family: stagweb-thin, open-sans, sans-serif;
	font-size: 100px;
	line-height:80px;
	color:#ffed00;
	margin-bottom:20px;
}

.prezentaceTitle{
	font-family: stagsansweb-light, open-sans, sans-serif;
	font-size: 40px;
	color:#fff;
	margin-bottom:20px;
}

#page-inside .prezentaceLink a{
	font-family: source-sans-pro, open-sans, sans-serif;
	font-size: 15px;
	color:#ffed00;
}

#page-inside .prezentaceLink a:hover{
	color:#19BCFF;
}

#hp-slider-navigation {
	position:absolute;
	top:200px;
	left:140px;
}

#hp-slider-navigation ul{
	list-style:none;
}

#hp-slider-navigation ul li{
	margin:0 0 8px 0;
	background-color:#333;
}

#hp-slider-navigation ul li:hover{
	color:#381457;
	background-color:#ffed00;
}

#hp-slider-navigation ul li a, #hp-slider-navigation ul li a:visited{
	display:block;
	padding:2px 20px 0px 10px;
	line-height:30px;
	font-family: open-sans, sans-serif;
	font-size:10px;
	letter-spacing: 1px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}

#hp-slider-navigation ul li a:hover{
	color:#381457;
}

/* product slider */

.product-slider-navigation {
	position:absolute;
	top:580px;
	left:400px;
	width:200px;
}

.product-slider-navigation ul{
	padding:0;
	margin:0;
	list-style:none;
}

.product-slider-navigation ul li{
	display:inline-block;
	margin:0 10px 0 0;
	height:20px;
	width:20px;
	border-radius:15px;
	background-color:#CAD5DF;
}

.product-slider-navigation ul li:hover{
	/*background-color:#94A9BC;*/
	background-color:#381457;
}



/* Talking heads slider */

#nav-back{
	position:absolute;
	height:200px;
	width:100%;
	left:0;
	top:390px;
	background:#dfcf00;
}

.sliderTalkingHead img{
	position:absolute;
	top:90px;
	left:260px;
}
.sliderTalkingHead p.title{
	position:absolute;
	top:100px;
	left:80px;
	width:250px;
	font-family:stagsansweb-light, open-sans, sans-serif;
	font-size:36px;
	line-height:38px;
	color:#381457;
}
.sliderTalkingHead p.name{
	position:absolute;
	top:450px;
	left:94px;
	width:440px;
	text-align:center;
	font-family:stagsansweb-light, open-sans, sans-serif;
	font-size:18px;
	color:#381457;
}

.sliderLogo img{
	position:absolute;
	top:100px;
	left:140px;

}

#head-slider-navigation  {
	position:absolute;
	top:495px;
	left:215px;
}

#head-slider-navigation2  {
	position:absolute;
	top:420px;
	left:270px;
}

#head-slider-navigation ul, #head-slider-navigation2 ul{
	list-style:none;
}

#head-slider-navigation ul li, #head-slider-navigation2 ul li{
	display:inline-block;
	padding:0;
	border:1px solid ##FDD85E;
	margin:0 10px 0 0;
	height:15px;
	width:15px;
	border-radius:10px;
	background-color:#F0B323;
}

#head-slider-navigation2 ul li {
	border:1px solid #00afbe;
	background-color:#007983;
}

#head-slider-navigation ul li:hover, #head-slider-navigation2 ul li:hover{
	background-color:#fff;
}


/* Big Titles */

.bannerTitle {
	font-family:stagsansweb-semibold, open-sans, sans-serif;
	font-size:36px;
	color:#381457;
}

.bannerTitle2 {
	font-family:stagsansweb-semibold, open-sans, sans-serif;
	font-size:20px;
	color:#381457;
}

.bannerButton {
	position:absolute;
	left:160px;
	top:250px;
    text-transform: uppercase;
    padding:20px 40px 20px 40px;
    background:#ffed00;
    color:#381457;
    letter-spacing:0.3px;
}

.bannerButton.shiftTop {
	top:220px;
}

.lowpos {
    background:#381457;
	color:#fff;
	top:260px;
}

.bannerTextBlock {
	width:500px;
	position:absolute;
	left:160px;
	top:70px;
	overflow:hidden;
}

p.bigBoxHeadline {
	font-family: stagweb-thin, open-sans, sans-serif;
	text-align: left;
	color: #381457;
	font-size: 80px;
	line-height: 80px;
}

.bannerTextBlock .btb-title {
	font-family:stagsansweb-semibold, open-sans, sans-serif;
	font-size:34px;
	line-height:36px;
	margin:0 0 10px 0;
}

.sectionTextBlock .btb-title {
	font-family:stagsansweb-light, open-sans, sans-serif;
	font-size:32px;
	line-height:34px;
	margin:0 0 10px 0;
}

p.bold-title {
	color: #381457;
	font-family:stagsansweb-semibold, open-sans, sans-serif;
	font-size:18px;
	line-height:22px;
	margin:0 0 10px 0;
}

.bannerTextBlock.big-title {
	top:160px;
	left:360px;
}

.bannerTextBlock.big-title.left-align {
	top:160px;
	left:120px;
}

.bannerTextBlock.big-title .btb-title {
	font-size: 50px;
	line-height: 55px;
}

.bannerTextBlock.big-title .in-title-small {
	font-size:30px;
	line-height:25px;
}

.sectionTextBlock.longName {
	width:500px;	
}

.sectionTextBlock h6 {
	font-family: source-sans-pro, open-sans, sans-serif;
	font-weight:bold;
	font-size:15px;
}

.sectionTextBlock h6.space {
	padding-top:30px;
}

.bannerTextBlock .btb-text, .bannerTextBlock .btb-text-nrm, .sectionTextBlock .btb-text {
	font-family: source-sans-pro, open-sans, sans-serif;
	margin-bottom:10px;
	font-size:15px;
	line-height:1.4em;
}

.sectionTextBlock .btb-text {
	font-size:14px;
	line-height:1.6em;
}

.sectionTextBlock .btb-list {
	margin-left:5px;
}

.sectionTextBlock .btb-list li {
	font-size:14px;
	line-height:1.6em;
	text-align:left;
}

.bannerTextBlock .btb-link, .sectionTextBlock .btb-link {
	font-family: source-sans-pro, open-sans, sans-serif;
	font-size:14px;
}

.bannerTextBlock .btb-link a, .sectionTextBlock .btb-link a{
	color:#381457;
}

.bannerTextBlock .btb-link a.yellow, .sectionTextBlock .btb-link a.yellow, .bannerTextBlock .btb-link a.yellowgreen, .sectionTextBlock .btb-link a.yellowgreen {
	color:#ffde00;
}

.bannerTextBlock .btb-link a:hover, .sectionTextBlock .btb-link a:hover, .bannerTextBlock .btb-link a.yellowgreen:hover, .sectionTextBlock .btb-link a.yellowgreen:hover {
	color:#19BCFF;
	text-decoration:none;
}

.bannerTextBlock .btb-link a.yellow:hover, .sectionTextBlock .btb-link a.yellow:hover{
	color:#381457;
}

.bannerTextBlock .btb-title, .bannerTextBlock .btb-text, .bannerTextBlock .btb-text-nrm, .bannerTextBlock .btb-link {
	text-align:left;
	color:#fff;
}

.bannerTextBlock.careerShift {
	top:220px;
	left:0;
	width:540px;
}

.bannerTextBlock.careerShift .btb-title {
	margin-left:80px;
	padding:5px 20px;
}

.bannerIllustration {
	width:300px;
	position:absolute;
	left:750px;
	top:25px;
}

.bannerIllustration img {
   position:absolute;
}

.bannerIllustration img.svgAbstract1 {
	position:relative;
	left: -250px;
	top: -250px;
	height: 1800px;
}

.bannerIllustration img.svgAbstract2 {
	position:relative;
	left: -450px; top: -100px; height: 1800px;
	transform:          rotate(40deg);
	-ms-transform:      rotate(40deg);
	-moz-transform:     rotate(40deg);
	-webkit-transform:  rotate(40deg);
	-o-transform:       rotate(40deg);
}

.bannerIllustration img.svgAbstract3 {
	position:relative;
	left: -50px; top: -800px; height: 1800px;
	transform:          rotate(-50deg);
	-ms-transform:      rotate(-50deg);
	-moz-transform:     rotate(-50deg);
	-webkit-transform:  rotate(-50deg);
	-o-transform:       rotate(-50deg);
}

.bannerIllustration img.svgAbstract3 {
	position:relative;
	left: -50px; top: -800px; height: 1800px;
	transform:          rotate(-50deg);
	-ms-transform:      rotate(-50deg);
	-moz-transform:     rotate(-50deg);
	-webkit-transform:  rotate(-50deg);
	-o-transform:       rotate(-50deg);
}

.bannerIllustration img.svgAbstract4 {
	position:relative;
	left: 200px; top: 800px; height: 1800px;
	transform:          rotate(-120deg);
	-ms-transform:      rotate(-120deg);
	-moz-transform:     rotate(-120deg);
	-webkit-transform:  rotate(-120deg);
	-o-transform:       rotate(-120deg);
}

.bannerPhoto {
	height:300px;
	width:300px;
	position:absolute;
	left:700px;
	top:50px;
}

.bannerPhoto img {
   position:absolute;
}

#pf2022 {
	position:relative;
	width:100%; 
	min-height:380px; 
	height: 380px;
	background: linear-gradient(70deg, #f2f2f2, 5%, #fff);
}

#pf2022 .innerSVG {
	display:block;
	max-width:1260px;
}

#pf2022 #mobilePFtext {
	font-family: stagsansweb-semibold, open-sans, sans-serif;
    font-size: 24px;
    color: #381457;
    position:absolute;
    left:360px;
    top:90px;
}


/* page sections */

.sectionTextBlock {
	height:300px;
	width:400px;
	position:absolute;
	left:160px;
	top:70px;
}

.sectionTextBlock .btb-title, .sectionTextBlock .btb-text, .sectionTextBlock .btb-link {
	text-align:left;
	color:#696158;
}

.sectionTextBlock .btb-title.clv-violet {
	color:#381457;
}

.sectionTextBlock .btb-title {
	margin-bottom:25px;
}

.inpageSectionLeft .sectionTextBlock {
	left:160px;
}

.inpageSectionRight .sectionTextBlock {
	left:100px;
}

.inpageSectionLeft .sectionTextBlock.wideMod {
	left:120px;
	text-align:left;
	height:auto;
	width:400px;
}

.inpageSectionRight .sectionTextBlock.wideMod {
	left:90px;
	text-align:left;
	height:auto;
	width:480px;
}

.inpageSectionLeft img {
	margin-left:100px;
}

.inpageSectionRight img {
	margin-left:0px;
}

.inpageSectionLeft p.photo-name {
	display:block;
	position:absolute;
	left: 490px;
	top: 360px;
	color: #fff;
	font-family: source-sans-pro, open-sans, sans-serif;
	letter-spacing:1px;
	font-size:14px;
}

.certificateTitle {
	margin-top:160px;
	left:120px !important;
}

.certificateTitle .btb-title{
	text-align:center !important;
}


.certificateTitle b{
	margin-top:10px;
	display:block;	
	font-family:stagsansweb-semibold;
}


.certificateImages {
	margin-top:60px;
	position:relative;
}

@media all and (max-width: 1279px) {  
	.certificateImages {
		margin-top:30px;
	}
	.certificateTitle {
		left:95px !important;
	}
}

.certificateImages img {
	margin:10px;
	width:140px;
}

.certificateImages img:hover {
	transition: 0.5s;
	transform: scale(1.6);
}



#fullsize-banner-inside img.background, .inpageSection img.background,
#fullsize-banner-inside img.background350 {
	position:absolute;
	left:0;
	top:0;
	margin:0;
}

.inpageSectionLeft img.background-half, .inpageSectionRight img.background-half {
	position:absolute;
	margin:0;
	left:0;
	top:0;
}

.inpageSection, #inpageSectionSlider {
	display:block;
	margin:0;
	padding:0;
	width:1260px;
	clear:both;
	position:relative;
}

#inpageSectionSlider {
	min-height:570px;
}

.inpageSectionRight {
	float:left;
	width:630px;
	height:570px;
	position:relative;
	background:white;	
    text-align: center;
    overflow: hidden;
}

.inpageSectionLeft {
	float:left;
	width:630px;	
	height:570px;	
	position:relative;
	background:white;	
    text-align: center;
	overflow: hidden
}

.inpageSection .create-it{
	position:absolute;
	margin:0;
	padding:0;
}

.inpageSection .csr-icon{
	position:absolute;
	margin:0;
	padding:0;
	width:300px;
}

.wideSection {
	min-height:200px;
    overflow: hidden
}

.wideSection .sectionTextBlock {
	width:1000px;
}

.wideSection .longTextBlock {
	margin:0;
	padding:40px 100px 0 120px;
	text-align:left;
}

#editor-limit {
	width:1260px;
	height:570px;
	overflow:hidden;
}

.create-it-menu{
	position:absolute;
	top:600px;
	left:50px;
	margin:0;
	padding:0;
}

.newsImage, .news-content img {
	margin: 5px;
	max-width:650px;
}

.productImage {
	margin: 5px;
	width:560px;
}

.fullPageImage {
	width:1260px;
}

.halfPage {
	width:50%;
	padding-left:130px;
}

#page-inside h1 {
	color:#381457;
	font-family: stagsansweb-light, open-sans, sans-serif;
	font-size:28px;
	line-height:30px;
	margin: 15px 0 10px 0;
}

#page-inside h1 b{
	font-family:stagsansweb-semibold, open-sans, sans-serif;
}

#page-inside h2 {
	color:#381457;
	font-family: stagsansweb-light, open-sans, sans-serif;
	font-size:20px;
	line-height:22px;
	margin: 10px 0 5px 0;
}

#page-inside h3 {
	font-family: source-sans-pro, open-sans, sans-serif;
    font-size: 14px;
    line-height:1.4em;
    font-weight:bold;
}

#page-inside .ms-rtestate-field > br {
	display:none;
}

#energetika-a-utility .inpageSectionRight {
	background: transparent;
}

.simpleTable tr:first-child td {
	background:#eee;
	text-align:center;
}

.simpleTable tr td:first-child {
	color:#222;
	vertical-align:middle;
	text-align:left;
}

.simpleTable td {
	padding:10px;
	vertical-align:top;
}

.simpleTable ol li {
	margin-bottom:5px;
}

/* product page styles */

#contentLeft {
	float:left;
	margin: 5px 0 30px 160px;
	width:600px;
}

#contentLeft ul {
	margin:0;
	padding:0 0 0 10px;
	list-style:square;
}

#contentLeft ul li{
	padding:0 0 3px 0;
	margin:0 0 0 10px;
}

#contentLeft .sectionContent div, #contentLeft .sectionContent p{
	padding:0 0 10px 0;
	margin:0;
	line-height:1.5em;
}

ul.simple {
	margin:0;
	padding:0 0 0 10px;
}

ul.simple li{
	padding:0 0 3px 0;
	margin:0 0 0 10px;
	list-style:square;
}


.sectionTitle {
	color:#381457;
	font-family: stagsansweb-book;
	font-size:17px;
	margin: 10px 0 5px 0;
}

.sectionContent {
	margin: 0 30px 10px 0;
}

/* reference styles */

.referenceBlock {
	width:1260px;
	margin:0px;	
}

.referenceBlock ul {
	list-style:none;
	padding:40px 0 20px 0;
	margin:0;
}

.referenceBlock ul li {
	display:inline-block;
}

.referenceBlock ul li span.logoWrapper{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	height:90px;
	width:186px;
}

.referenceBlock ul li img{
	margin-left:0px;
}

.referenceDivider {
	margin:20px 0 0 0;
	width:1100px;
	height:1px;
	border-top: 1px solid #c4bfb6;
}

.referenceTextSplitter {
	height:80px;
	font-family:stagsansweb-light, open-sans, sans-serif;
	font-size:34px;
	line-height:36px;
	margin:0;
}

.referenceTextSplitter span{
	display:block;
	padding:40px 0 0 120px;
}

.referenceBlock #referenceTitle {
	background-color: #ffffff;
}

.referenceBlock #finance {
	background-color: #ffffff;
}

.referenceBlock #finance ul {
	padding-top:20px;
	text-align:center;
}

.referenceBlock #telco ul, .referenceBlock #utility ul {
	margin:0;
	text-align:center;
}

.referenceBlock #telco {
	height:650px;
	text-align: left;
	background-color: #ebebe8;
}

.referenceBlock #utility {
	height: 650px;
	text-align: left;
	background-color: transparent;
}

.referenceBlock #partnersTitle {
	background-color: #ffffff;
}

.referenceBlock #partners ul {
	padding-top:20px;
	margin-left:0;			
}

.referenceBlock #partners ul li span.logoWrapper{
	width:250px;
}

.referenceBlock #partners {
	background-color: #ffffff;
	text-align: center;
}

/* right column styles */

#contentRight {
	float:left;
	margin:0 0 0 10px;
	width:300px;
}

.rightBlock {
	margin:20px 0 0 30px;
	padding:25px 0 0 0;
	width:200px;
	height: 130px;
    border-top:1px solid #c4bfb6;
    text-align:center;
}

#contentRight .last{
    border-bottom:1px solid #c4bfb6;
}

.rightBlockText {
	margin:5px 0 20px 0;
}

.productSheetImg {
	display:block;
	width: 44px;
	height: 56px;
	margin: 5px 0 15px 30px;
	position: relative;
	background: transparent url("/Style%20Library/Images/clv/sheet3.png") no-repeat left top;
	background-size: contain !important;
}

.productSheetImg:hover {
	background-image: url("/Style%20Library/Images/clv/sheet3y.png");
}

.mailImg {
	display:block;
	width: 44px;
	height: 44px;
	margin: 15px 0 15px 4px;
	position: relative;
	background: transparent url("/Style%20Library/Images/clv/mail.png") no-repeat left top;
	background-size: contain !important;
}

.mailImg:hover {
	background-image: url("/Style%20Library/Images/clv/mail2g.png");
}

.jobsImg {
	display:block;
	width: 70px;
	height: 56px;
	margin: 4px 0 0px 4px;
	position: relative;
	background: transparent url("/Style%20Library/Images/clv/jobs.png") no-repeat left top;
	background-size: contain !important;
}

.jobsImg:hover {
	background-image: url("/Style%20Library/Images/clv/jobs2g.png");
}

.referencesImg {
	display:block;
	width: 56px;
	height: 56px;
	margin: 5px 0 15px 5px;
	position: relative;
	background: transparent url("/Style%20Library/Images/clv/reference.png") no-repeat left top;
	background-size: contain !important;
}

.referencesImg:hover{
	background-image: url("/Style%20Library/Images/clv/reference2y.png");
}

.productsImg {
	display:block;
	width: 36px;
	height: 56px;
	margin: 5px auto 15px auto;
	position: relative;
	background: transparent url("/Style%20Library/Images/clv/bulb.png") no-repeat left top;
	background-size: contain !important;
}

.productsImg:hover {
	background-image: url("/Style%20Library/Images/clv/bulb2y.png");
}

.productsLinkText, .referencesLinkText, .productSheetLinkText, .mailLinkText {
	font-family: source-sans-pro, open-sans, sans-serif;
	font-size:11px;
	letter-spacing: 1px;
	color: #574F46;
}


.sectionLinkBox {
	margin:50px 0 0 0;
}

.sectionLinkBox .splitter {
	display:inline-block;
	height:90px;
	width:1px;
	background:#C4BFB6;
	margin:0 30px 0 40px;
}

.sectionLinkBox .splitterVertical {
	display:inline-block;
	width:90px;
	height:1px;
	background:#C4BFB6;
	margin:30px 0px 20px 0px;
}


a.referencesBox, a.productsBox, a.productSheetBox, a.careerBox, a.mailBox {
	height:90px;
	display:inline-block;
	text-decoration:none;
	border:0;
}

a.careerBox {
	margin-bottom:20px;
}

a.careerBox .referencesImg{
	margin-bottom:0px;
}

.referencesLinkText:hover, .productsLinkText:hover, .productSheetLinkText:hover, .mailLinkText:hover {
	color:#381457;
}

.whiteLink .productsLinkText,
.whiteLink .referencesLinkText {
	color:#fff;
}

.whiteLink .productsImg {
	background-image: url("/Style%20Library/Images/clv/bulb3.png");
}

.whiteLink .referencesImg {
	background-image: url("/Style%20Library/Images/clv/reference3.png");
}

.whiteLink .productsImg:hover  {
	background-image: url("/Style%20Library/Images/clv/bulb3y.png");
}

.whiteLink .referencesImg:hover {
	background-image: url("/Style%20Library/Images/clv/reference3y.png");
}

.yellowLink .productsImg:hover {
	background-image: url("/Style%20Library/Images/clv/bulb2w.png");
}

.yellowLink .referencesImg:hover {
	background-image: url("/Style%20Library/Images/clv/reference2w.png");
}


#contentBottomSpace {
	clear:both;
	height:40px;
}

/* career pages */

#fullsize-banner-inside.career .bannerIllustration {
	height:260px;
	left:900px;
}

#fullsize-banner-inside.career .bannerIllustration img {
	height:240px;
}


#fullsize-banner-inside.career .bannerTextBlock {
	width:520px;
	top:50px;
}

.inpageSectionLeft .careerBlock {
	margin:30px 0 0 160px;
}

.inpageSectionRight .careerBlock {
	margin:30px 0 0 100px;
}

.careerBlock .sectionTitle{
	font-family:stagsansweb-light, open-sans, sans-serif;
	font-size:26px;
}

.careerBlock ul{
	margin:14px 0;
	padding:0;
	list-style:none;
}

.careerBlock div.item {
	margin:0;
	padding:0;
}

.careerBlock div.link-item a{
	color:#696158;
	font-size:16px;
	line-height:24px;
	text-decoration:none;
}

.careerBlock div.link-item a:hover{
	text-decoration:underline;
}

.careerBlock .no-position{
	margin-top:10px;
}

#contentLeftCareer .sectionTitle {
	font-family:stagsansweb-light, open-sans, sans-serif;
	font-size:22px;
}

#contentLeftCareer {
	float:left;
	margin:0;
	padding: 5px 0 0 160px;
	width:690px;
        min-height: 600px;
	background:#fcfcfc;
}

#contentRightCareer {
	float:left;
	margin:0;
	padding:0 0 0 20px;
	width:390px;
}

.jobFooter {
	margin:40px 0 0 20px;
	line-height:20px;
	color:#381457;
}

.jobFooter .clv-label{
	color:#696158;
}

.jobTable {
	border:0;
}

.jobTable tr td{
	padding:2px 6px 0 0;
}

.jobFooter .sectionLinkBox {
	text-align:center;
	padding-left:10px;
	max-width:300px;
}

#contactBlock {
    border-top: 1px solid #c4bfb6;
    padding:20px 0 20px 0;
    margin-top:30px;
    text-align:center;
    max-width:300px;
}

#contactBlock h3 {
	font-family: stagsansweb-light, open-sans, sans-serif;
	color:#381457;
	font-size: 28px;
    font-weight: 400;
}

#contactPhoto {
	margin-top:20px;
	width:300px;
}

.gdpr-table {
	border:1px solid;
}

.gdpr-table td {
	border:1px solid;
	padding:4px 10px;
}

/* search styles */

#search-box-wrapper {
	float:right;
	display:block;
	margin:0px 0 0px 0;
	width:340px;
	height:100px;
	line-height:26px;
	overflow:hidden;
	background-color: rgba(255,255,255,0.6);
}

#search-box-wrapper #SearchBox {
	margin:30px 0 0px 50px;
	width:240px;
	height:26px;
}

.ms-srch-sb-border, .ms-srch-sb-borderFocused {
	border-width: 1px;
	border-style: solid;
	border-color: #9D968D;
	background:#fff;
}

.ms-srch-hover-actions {
	display:none;
}

#clv-search-results {
	margin:40px 0 0 160px;	
}

.ms-srch-item-path {
	color:#B9B9B9;
}

.ms-srch-item-link, .ms-srch-item-link:visited {
	color:#381457;
	font-size:18px;
	font-family:stagsansweb-light, open-sans, sans-serif;
}

/* Contact page styles */

.mapPrague {
	background-color:#e9e5dc;
}

.mapBrno {
	background-color:#e9e5dc;
}

.mapBratislava {
	background-color:#e9e5dc;
}

/* Sharepoint edit styles */

.edit-mode-panel {
	margin-left:160px;	
}

.sectionTitle .edit-mode-panel {
	margin-left:0px;	
}

.sectionTitle .edit-mode-panel {
	color:#444;
	font-family: open-sans, sans-serif;
	font-size:14px;
}

.edit-mode-notefield {
	height:200px;
}

#page-inside .ms-formfieldvaluecontainer span div{
	background:#fff;
	outline:none;
}

#page-inside .ms-rte-border-field {
	border:1px solid #B9B9B9;
}

#page-inside .ms-rte-border {
	
}

.inpageSectionLeft.pfBlock, .inpageSectionRight.pfBlock {
	height:470px;
}

.inpageSectionLeft.pfBlock img {
	margin-top:110px;
	margin-left:90px;
}

.inpageSectionRight.pfBlock img {
	margin-top:20px;
}

#brno .inpageSectionRight {
	background-color:#fff;
}

/************* AE Form ***********************/

.clv-form {
	width:440px;
}

.clv-form .ms-webpart-titleText {
	text-align:center !important;
	margin-bottom:20px;
	padding-left:80px;
}

.clv-form .aeformcontrolbox input, .clv-form .aeformcontrolbox textarea{
	width:95%;
}

.clv-form .aeformcontrolbox textarea {
	resize:none;
}

.clv-form .aeformcontrolbox input[type="checkbox"],
.clv-form .aeformcontrolbox input[type="radio"]{
	width:inherit;
	margin-right:5px;
	float:left;
}

.clv-form .aeformlabelbox {
	max-width: 120px;
    min-width: 100px;
}

.clv-form td {
	font-size:14px;
	line-height:18px;
	padding-bottom:4px;
}

.clv-form td[colspan="2"] {
	padding-left:110px;
	padding-right:20px;
	text-align:left;
}

.clv-form .aeformcontrolbox label {
	padding-left:25px;
	display:block;
}

.aeformerror {
	font-weight: bold;
    display: block;
    position: absolute;
    width: 100%;
    height: 91%;
    background: rgba(209, 249, 193, 0.79);
    font-size: 20px;
    padding: 0;
    left: 0;
    top: 0;
    text-align: center;
    padding: 80px 0 0 0;
}

.aeformstyle input[type="submit"] {
    border: 0;
    margin-left:0;
    background: #381457;
    color: #fff;
    font-size: 16px;
    padding: 7px 15px;
    cursor: pointer;
}

.ms-rtestate-field p.text-claim, #page-inside .regForm h2 {
	font-family:stagsansweb-semibold, open-sans, sans-serif;
	font-size:19px;
	line-height:24px;
    color: #381457;
}

.ms-rtestate-field p.text-claim {
	margin:30px 0 30px 0;
}

.regForm .inpageSectionLeft, .regForm .inpageSectionRight{
	height:730px;
}

.clv-form .formText {
	display:block;
	max-width:400px;
	padding-left:0;
}

.clv-form .formText.bld {
	font-weight:bold;
}

#page-inside .clv-form .formText a {
	text-decoration:underline;	
}

#page-inside h1.formTitle {
	padding-left: 120px;
    width: 100%;
}

/* cookie consent style override */

.termsfeed-com---palette-dark.termsfeed-com---nb {
	background-color:#666 !important;
}

.cc-nb-close{
    position: absolute;
    right: 10px;
    top: 10px;
    min-width: 50px;
    background-color: #777 !important;
    color: #fff !important;
}

/************************************** Contact Form ************************************************/

#contactform .contactFormWrapper {
	margin-left: 90px; margin-top: 60px; width: 400px;
}


#contactform .aeformlabelbox label,
#contactform.aeformlabelbox .aeqflabel {
  margin-top:15px;
  display:inline-block;
  font-family: source-sans-pro, open-sans, sans-serif;
  font-size:15px;
  color:#a5acc1;
}

#contactform .aeformstyle input[type="submit"] {
    height: 78px;
    width: 180px;
    background:#fff;
    color:#000;
    border:1px solid #381457;
}

#contactform .aeformstyle input[type="submit"]:hover {
   background:#ffed00;
   color:#000;	
}

#contactform .aeformstyle input[type="file"] {
  font-size: 15px;
  font-family: source-sans-pro, open-sans, sans-serif;
  width:100%;
  height:40px;
  line-height:40px;
  border:0;	
  color:#1b1c22;
  border-bottom:1px solid #cacedb;
}

#contactform input[type='text'] {
  font-family: source-sans-pro, open-sans, sans-serif;
  font-size:16px;
  line-height:22px;
  margin-top:6px;
  height:26px;
  width:100%;
  border:0;	
  color:#1b1c22;
  border-bottom:1px solid #cacedb;
}

#contactform textarea {
  font-family: source-sans-pro, open-sans, sans-serif;
  font-size:16px;
  color:#1b1c22;
  border:1px solid #cacedb;
  width:100%;
  resize:none;
  height:200px;
}

#contactform input[type='checkbox'] {
    margin:4px 5px 0 0;
    float: left;
    height: 15px;
    width: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #cacedb;
    border-radius:0px;
    outline: none;
    transition-duration: 0.3s;
    background-color: #fff;
    cursor: pointer;
}

#contactform input[type='checkbox']:focus {
	border:1px solid #666;
}

#contactform input[type='checkbox']:checked {
	border:1px solid #ffed00;
	background-color:#ffed00;
} 

#contactform input[type='checkbox']:checked::before {
	content:' ';
	display:block;
	margin:0 0 0 3px;
	width:5px;
	height:8px;
	border-right:2px solid #1b1c22;
	border-bottom:2px solid #1b1c22;
	transform: rotate(45deg);
}

#contactform input[type='text']:focus,
#contactform .aeformstyle input[type="file"],
#contactform textarea:focus {
    outline: none;
}

#contactform .aeformstyle input[type="file"] {
	cursor:pointer;
}

#contactform .formCourseQuestions {
	color:#1b1c22;
	margin-bottom:20px;
}

#contactform .formComma::after {
	content: ',';
}

#contactform .aeformbutton {
	padding-top:20px;
	text-align:left;
	text-align:center;
}


/* Definitions for screens smaller than 1260px -------------------------------------------------------------------------- */

@media all and (max-width: 1279px) {

#header {
    /* border-top:2px solid green; /* webtest indikator */
}

body {
    min-width:960px;
}

#header-inside {
	width: 960px;
}

#fullsize-banner {
	height:290px;
}

#fullsize-banner-inside {
	width: 960px;
	height:290px;
	overflow:hidden;
}

#page-inside {
	width: 960px;
}

#second-menu-wrapper{
	width:960px;
}

#footer-inside {
	width: 960px;
	height:380px;
}

#bottom-navigation {
	height:215px;
	width:960px;
}

#fullsize-banner-inside img.background, .inpageSection img.background{
	height:100%;
	left:-72px;
	top:0;
}

#fullsize-banner-inside img.background350 {
	height:350px;
	left:-72px;
	top:0;
}


#fullsize-banner.career  {
	height:300px;
}

#fullsize-banner.career .bannerTextBlock {
	width:500px;
	top:50px;
}

#fullsize-banner-inside.career .bannerIllustration {
	left:650px;
}

#fullsize-banner-inside.career {
	height:300px;
}

.inpageSectionLeft img.background-half, .inpageSectionRight img.background-half {
	height:500px;
}

.inpageSection, #inpageSectionSlider {
	width:960px;
	clear:both;
	overflow:hidden;
}

#inpageSectionSlider {
	min-height:428px;
}


#hp-slider-navigation {
	top: 100px;
	left: 100px;
}

.referenceBlock {
	width:960px;
}

.referenceBlock #finance ul {
	margin-left:25px;
	margin-right:25px;
}

.referenceBlock #telco {
	height:820px;
}

.referenceBlock #utility {
	height: 820px;
}

#titleNews ul li{
	width:480px;
}

#titleNews ul li .cbs-CardContainer{
	width:320px;
	margin:60px 0 0 100px;
	text-align:left;
}

.ms-rtestate-field p.titleNewsLink {
	margin:20px 0 0 100px;
}

#news-overview ul li{
	height:350px;
	width:480px;
}

#news-overview ul li .cbs-CardContainer{
	width: 320px;
	height: 260px;
	margin:40px 0 0 90px;
	overflow: hidden;
}

.pageList ul li{
	height:340px;
	width:480px;
}

#jobsList ul li{
	height:340px;
	width:480px;
}


.inpageSectionRight {
	width:480px;
	height:500px;
}

.inpageSectionLeft {
	width:480px;	
	height:500px;	
}

.wideSection {
	min-height:250px;
}

.wideSection .longTextBlock {
	padding-left:100px;
	width:800px;
}

#logo {
	width:40px;
	height:50px;
	overflow:hidden;
}

#logo a {
	display:block;
	line-height:10px;
	margin:0 0 0 100px;
	padding:0;
	width:150px;
	height:40px;
}

#top-menu .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item span.additional-background span{
    padding: 0;
}

#top-menu .ms-core-listMenu-horizontalBox li.static:nth-child(1) {
	width:110px;
}

#top-menu .ms-core-listMenu-horizontalBox li.static:nth-child(2) {
	width:160px;
}

#top-menu .ms-core-listMenu-horizontalBox li.static:nth-child(3) {
    background-color: transparent;
    margin-right:10px;
   	width:110px;
}

#top-menu .ms-core-listMenu-horizontalBox li.static:nth-child(4) {
    margin-left:10px;
}

#top-menu .ms-core-listMenu-horizontalBox ul {
    background-position: 388px top;
}

#second-menu-wrapper ul li.dynamic > .ms-core-listMenu-item span.additional-background {
	padding: 0 4px 0 4px;
}

#second-menu-wrapper ul li.dynamic:first-child:nth-last-child(n + 6) > .ms-core-listMenu-item span.additional-background span,
#second-menu-wrapper ul li.dynamic:first-child:nth-last-child(n + 6) ~ li > .ms-core-listMenu-item span.additional-background span{
    padding: 0 6px 0 6px;
}

#second-menu-wrapper ul {
	margin: 0 0 0 90px;
}

#lang-menu {
	padding-left:10px;
	padding-right:20px;
}

#editor-limit {
	width:960px;
	height:427px;
	overflow:hidden;
}

.bannerTextBlock {
	width:400px;
	position:absolute;
	left:100px;
	top:70px;
	overflow:hidden;
}

.product .bannerTextBlock {
	left:70px;
}

.sectionTextBlock {
	width:300px;
	left:100px;
	top:50px;
}

.sectionTextBlock.longName {
	width:300px;	
}

.bannerIllustration {
	width:300px;
	position:absolute;
	left:530px;
	top:25px;
}

.bannerPhoto {
	width:300px;
	left:530px;
	top:50px;
}

.bannerBackground {
	left:-180px;
	position:absolute;
}

.bannerBackground.careerShift {
	left:0;
}

.inpageSectionLeft .sectionTextBlock {
	left:100px;
}

.inpageSectionRight .sectionTextBlock {
	left:100px;
}

.inpageSectionLeft .sectionTextBlock.wideMod {
	left:70px;
	width:330px;
}

.inpageSectionRight .sectionTextBlock.wideMod {
	left:60px;
	width:380px;
}

.sectionTextBlock.wideMod.clv-form {
    width: 380px;
    margin-left: -40px;
}

.inpageSectionLeft .careerBlock {
	margin:20px 0 0 100px;
}

.inpageSectionRight .careerBlock {
	margin:20px 0 0 100px;
}

.inpageSectionLeft img {
	margin-left:40px;
}

.inpageSectionRight img {
	margin-left:0px;
}

.inpageSectionLeft p.photo-name {
    left: 340px;
    top: 230px;
}

.halfPage {
	width:50%;
	padding-left:80px;
}

#contentLeft {
	margin: 5px 0 30px 100px;
	width: 560px;
}

#contentRight {
	margin: 0 0 0 10px;
	width: 200px;
}

#grouplogos {
	width:450px;
	margin:100px 0 0 0px;
	text-align:left;
}

#contentLeftCareer {
	padding: 5px 20px 0 100px;
	width: 520px;
}

#contentRightCareer {
	width: 300px;
}

.sectionTextBlock .btb-title {
	font-size:28px;
	line-height:30px;
	margin:0 0 10px 0;
}

.sectionTextBlock h6 {
	font-family: source-sans-pro, open-sans, sans-serif;
	font-weight:bold;
	font-size:15px;
}

p.bigBoxHeadline {
	font-size: 60px;
	line-height: 70px;
}

.sectionTextBlock h6.space {
	padding-top:30px;
}

.pageList ul li div.item {
	width:390px;
	margin: 40px 0 0 60px;
}

#jobsList ul li .cbs-CardContainer {
	width:390px;
	margin: 40px 0 0 60px;
}

.jobFooter .sectionLinkBox {
	padding-left:10px;
}

#graf1 {
	margin-top:75px;
	width:480px;
	}

#graf2 {
	width:480px;
	}
	
.scaleableImage {
	width:320px;
}

.inpageSectionLeft.pfBlock img {
	margin-top:140px;
	margin-left:70px;
	width:400px;
}

.inpageSectionRight.pfBlock img {
	margin-top:20px;
}

.inpageSectionLeft img {
	margin-left:0px;
}

#sliderSquare1_container {
	margin-left:-30px;
}

.sliderTalkingHead p.name {
	left:60px;
}

.mapPrague img.background, .mapBrno img.background, .mapBratislava img.background {
	left:0px;
}

#podporujeme #sliderSquare2_container .jssorb01, #we-support #sliderSquare2_container .jssorb01, #wir-unterstutzen #sliderSquare2_container .jssorb01 {
	left:196px;
}

#podporujeme #sliderSquare2_container .jssora05l, #we-support #sliderSquare2_container .jssora05l, #wir-unterstutzen #sliderSquare2_container .jssora05l,
#podporujeme #sliderSquare2_container .jssora05l:hover, #we-support #sliderSquare2_container .jssora05l:hover, #wir-unterstutzen #sliderSquare2_container .jssora05l:hover,
#podporujeme #sliderSquare2_container .jssora05ldn, #we-support #sliderSquare2_container .jssora05ldn, #wir-unterstutzen #sliderSquare2_container .jssora05ldn
{
	left:80px;
}

#podporujeme #sliderSquare2_container .jssora05r, #we-support #sliderSquare2_container .jssora05r, #wir-unterstutzen #sliderSquare2_container .jssora05r,
#podporujeme #sliderSquare2_container .jssora05r:hover, #we-support #sliderSquare2_container .jssora05r:hover, #wir-unterstutzen #sliderSquare2_container .jssora05r:hover,
#podporujeme #sliderSquare2_container .jssora05rdn, #we-support #sliderSquare2_container .jssora05rdn, #wir-unterstutzen #sliderSquare2_container .jssora05rdn
{
	right:210px;
}

#clv-search-results {
	margin: 40px 0 0 60px;	
}

.fullPageImage {
	width:960px;
}

.pf2018 {
	width:960px;
	-webkit-transition: margin-left 3s; /* Safari */
    transition: margin-left 3s;    
}

.counterText {
	font-size: 100px;
}

.counterSubText {
 	font-size: 8px;
 	font-weight:bold;
}

#graphTextDevelopers, #graphTextDevelopers:hover {
    left: 310px;
}

#graphTextDevelopers.en, #graphTextDevelopers.en:hover{
	left:290px;
}

.clv-form .formText {
	padding-left:0px;
}

#page-inside h1.formTitle {
	padding-left: 60px;
    width: 100%;
}

.bannerTextBlock.big-title.left-align {
	left:80px;
}

#pf2022 .innerSVG {
    max-width: 960px;
    margin-top: -50px;
    margin-left: -15px;
}    

} /* end of 960px style */

/* Definitions for screens smaller than 960px -------------------------------------------------------------------------- */

@media all and (max-width: 959px) {  

/* @media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { */

body {
    width:480px;
    min-width:inherit;
    margin:0 auto;
}

#header {
	width:480px;
	position:absolute;
    /* border-top:2px solid orange; /* webtest indikator */
}

#header-inside {
	width: 480px;
}

#logo {
width:330px;
margin: 19px 0px -20px 0;
}

#top-menu {
	display:none;	
}

#product-menu {
	width:240px;
}

#product-menu #mobile-menu {
	display:block;
	padding:10px 10px 0 15px;
	z-index:99;
}

#product-menu #mobile-menu li a, #product-menu #mobile-menu li a{
	padding: 10px 20px 10px 15px;
	font-size:15px;
	white-space:nowrap;
}

#products {
	display:none;
}

#productTextBlock {
	width:320px;
	padding:20px 80px;
	clear:both;
}

.create-it-menu {
	top:360px;
	left:25px;
}

.inpageSection {
	width:480px;
}

#contentLeft {
	margin: 5px 0 30px 60px;
	width: 360px;
}

#contentLeftCareer {
	padding: 20px 50px 0 70px;
	width: 360px;
	margin-left: auto;
	margin-right: auto;
}

#contentNewsRight {
	margin: 30px 0 5px 20px;
}

.referenceBlock {
	width:480px;
}

.referenceBlock #telco {
	height:560px;
}

.referenceTextSplitter {
	height:auto;
}

.referenceTextSplitter span {
	padding:40px 40px 0 80px;
}

.halfPage {
	width:100%;
	padding-left:0px;
}

.hideOnMobile {
	display:none;
}

.showOnMobile {
	display:block;
}

#backbutton {
	display:block;
}

#fullsize-banner-wrapper {
	width:480px;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
}

#fullsize-banner {
	width:480px;
	height:290px;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
}

#fullsize-banner-inside {
	width: 960px;
	height:290px;
	overflow:hidden;
}

#fullsize-banner.product {
	float:inherit;
}

#fullsize-banner-spacer {
	display:none;
}

.bannerTextBlock {
	width: 320px;
}

.bannerBackground {
	left:-310px;
}

.bannerBackground.careerShift {
	left:-700px;
}

.bannerTextBlock.careerShift {
	top: 210px;
    left: 200px;
    width: 290px;
}

.bannerTextBlock.careerShift .btb-title {
	font-size:27px;
	line-height:29px;	
}

#fullsize-banner-inside .shiftSize {
	width:480px !important;
}

.bannerButton.shiftTop {
	top:250px;
}

.smallOnMobile .btb-title {
	font-size: 29px;
	line-height: 33px;
}

.newsImage, .news-content img {
	margin: 5px;
	max-width:360px;
}
.productImage {
	margin: 5px 5px 5px -20px;
	width:360px;
}


.fullPageImage {
	width:480px;
}

#telekomunikace .background, #telecommunications .background, #telekommunikation .background { 
	left:-500px;
}

#historie .background, #history .background {
	left:-553px;
}

#contentRight {
	width:480px;
	margin:0;
 	border-top: 1px solid #c4bfb6;
}

#contentRight .last {
 	border-bottom: 0;
}

.rightBlock {
	display: inline-block;
	width: 140px;
	margin: 0px 0 0 60px;
	border-top: 0;
}

#grouplogos {
	width: 200px;
	margin: 0 0 0 130px;
	text-align:center;
}

#grouplogos a.cleverlance {
	margin-left:15px;
}


#inpageSectionSliderWrapper {
	width:480px;
	overflow:hidden;
}

#inpageSectionSlider {
	margin-left:-480px;
	width:960px;
	clear:both;
}

#inpageSectionSlider {
	min-height:428px;
}

.wideSection {
	min-height:350px;
}

.wideSection .longTextBlock {
	padding-left:60px;
	width:380px;
}

#second-menu, #spacer-second-menu {
	display:none;
}

#second-menu-wrapper {
	width: 480px;
}

#second-menu.fixed-menu{
	position:relative;
	top:auto;
}

#page-inside {
	width: 480px;
	margin:0;
}

#footer {
	width:480px;
}

#footer-inside {
	width: 480px;
	height:600px;
	margin:0;
}

#bottom-navigation {
	display:none;
}

#bottom-navigation div {
	width:200px;
	margin:0;
	text-align:left;
}

#bottom-navigation ul.root {
	width:100%;
	margin:0;
}

#bottom-nav-static{
	height:115px;
}

#bottom-nav-static ul{
	width:200px;
	margin-right:auto;
	margin-left:auto;
}

div.news-detail {
	float:left;
	background:#fff;
	color: #696158;
	width:380px;
	padding:20px 40px 5px 60px;
}

.inpageSectionLeft.pfBlock {
	height:250px;
}

.inpageSectionRight.pfBlock {
	height:450px;
}

.inpageSectionLeft.pfBlock img {
	margin-top:40px;
	margin-left:0px;
	width:330px;
}

.inpageSectionRight.pfBlock img {
	margin-top:00px;
}

#contentRightCareer {
	background-color:#ffed00;
	width: 360px;
	padding: 10px 60px 10px 60px;
}

#fullsize-banner.career  {
	float: left;
	height:380px;
}

#fullsize-banner.career .bannerTextBlock {
	top:50px;
	left:70px;
	width:340px;
}

#fullsize-banner-inside.career, #fullsize-banner-inside.career img.background {
	height:380px;
}

#fullsize-banner .mobileShift {
	margin-left:-20px;
}

#fullsize-banner .pf2023 {
	background: url("/cz/PublishingImages/banner/banner-pf2023-480.jpg") no-repeat left top;
}
#fullsize-banner .pf2023 div {
	background-repeat:no-repeat;
	background-size: 640px 380px !important;
}
#fullsize-banner .pf2023 img{
	display:none !important;
}

#brno .inpageSectionRight {
	background-color:#ebebe8;
}

#news-overview ul li:nth-child(5), #news-overview ul li:nth-child(9), #news-overview ul li:nth-child(13) {
	background:#ebebe8;
}

#news-overview ul li:nth-child(14) {
	background:#fff;
}
.pageList ul li:nth-child(5), .pageList ul li:nth-child(9), .pageList ul li:nth-child(13) {
	background:#ebebe8;
}

.pageList ul li:nth-child(14) {
	background:#fff;
}

#energetika-a-utility .inpageSectionRight {
	background: #fff;
}

#clv-search-results {
	margin: 20px 0 0 20px;	
}

#clv-search-results .ms-srch-result {
  width: 460px;
  overflow: hidden;
}

.ms-srch-sbLarge>input {
	width:400px;
}

.ms-srch-item-body {
  width: 460px;
}

.jobFooter .sectionLinkBox {
	padding-left:10px;
}

#contactBlock {
    border-top: 1px solid #fff;
}

.fullPageImage {
	width:480px;
}

#pf2022 {
	height:380px;
}

#pf2022 .innerSVG {
	max-width:958px;
	margin-left:-420px;
}

.regForm .inpageSectionLeft{
	height:500px;
}

.simpleTable tr { display: block; float: left; }
.simpleTable td {
	padding:10px 0px;
	display:block;
	max-width:150px;
	min-height:400px;
}
.simpleTable tr:first-child td { max-width:80px; min-height:250px; padding-top:150px; }
.simpleTable tr td:first-child { min-height:30px; text-align:center; padding-top:10px;}

#contactform .contactFormWrapper {
	margin-left: 90px; margin-top: 20px; width: 400px;
}


} /* end of 480px style */

/* iPhone -------------------------------------------------------------------------- */

@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {  

body {
    width:480px;
    min-width:inherit;
    margin:0 auto;
}

#header {
	width:480px;
	position:absolute;
    /* border-top:2px solid orange; /* webtest indikator */
}

#header-inside {
	width: 480px;
}

#logo {
width:330px;
margin: 19px 0px -20px 0;
}

#top-menu {
	display:none;	
}

#product-menu {
	width:240px;
}

#product-menu #mobile-menu {
	display:block;
	padding:10px 10px 0 0;
}

#product-menu #mobile-menu li a, #product-menu #mobile-menu li a{
	padding: 15px 20px 15px 25px;
	font-size:20px;
}

#products {
	display:none;
}

#productTextBlock {
	width:320px;
	padding:20px 80px;
	clear:both;
}

.create-it-menu {
	top:360px;
	left:25px;
}

.inpageSection {
	width:480px;
}

#contentLeft {
	margin: 5px 0 30px 60px;
	width: 360px;
}

#contentLeftCareer {
	padding: 20px 50px 0 70px;
	width: 360px;
	margin-left: auto;
	margin-right: auto;
}

#contentNewsRight {
	margin: 30px 0 5px 20px;
}

.referenceBlock {
	width:480px;
}

.referenceTextSplitter {
	height:auto;
}

.referenceTextSplitter span {
	padding:40px 40px 0 80px;
}

.halfPage {
	width:100%;
	padding-left:0px;
}

.hideOnMobile {
	display:none;
}

.showOnMobile {
	display:block;
}

#backbutton {
	display:block;
}

#fullsize-banner-wrapper {
	width:480px;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
}

#fullsize-banner {
	width:480px;
	height:290px;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
}

#fullsize-banner-inside {
	width: 960px;
	height:290px;
	overflow:hidden;
}

#fullsize-banner.product {
	float:inherit;
}

#fullsize-banner-spacer {
	display:none;
}

.bannerTextBlock {
	width: 320px;
}

.bannerBackground {
	left:-310px;
}

.bannerBackground.careerShift {
	left:-700px;
}

.bannerTextBlock.careerShift {
	top: 210px;
    left: 200px;
    width: 280px;
}

.smallOnMobile .btb-title {
	font-size: 29px;
	line-height: 33px;
}

.productImage, .newsImage {
	margin: 5px;
	width:360px;
}

#telekomunikace .background, #telecommunications .background { 
	left:-500px;
}

#historie .background, #history .background {
	left:-553px;
}

#contentRight {
	width:480px;
	margin:0;
 	border-top: 1px solid #c4bfb6;
}

#contentRight .last {
 	border-bottom: 0;
}

.rightBlock {
	display: inline-block;
	width: 140px;
	margin: 0px 0 0 60px;
	border-top: 0;
}

#grouplogos {
	width: 200px;
	margin: 0 0 0 130px;
	text-align:center;
}

#grouplogos a.cleverlance {
	margin-left:15px;
}


#inpageSectionSliderWrapper {
	width:480px;
	overflow:hidden;
}

#inpageSectionSlider {
	margin-left:-480px;
	width:960px;
	clear:both;
}

#inpageSectionSlider {
	min-height:428px;
}

#second-menu, #spacer-second-menu {
	display:none;
}

#second-menu-wrapper {
	width: 480px;
}

#second-menu.fixed-menu{
	position:relative;
	top:auto;
}

#page-inside {
	width: 480px;
	margin:0;
}

#footer {
	width:480px;
}

#footer-inside {
	width: 480px;
	height:600px;
	margin:0;
}

#bottom-navigation {
	display:none;
}

#bottom-navigation div {
	width:200px;
	margin:0;
	text-align:left;
}

#bottom-navigation ul.root {
	width:100%;
	margin:0;
}

#bottom-nav-static{
	height:230px;
}

#bottom-nav-static ul{
	width:200px;
	margin-right:auto;
	margin-left:auto;
}

div.news-detail {
	float:left;
	background:#fff;
	color: #696158;
	width:380px;
	padding:20px 40px 5px 60px;
}

.inpageSectionLeft.pfBlock {
	height:250px;
}

.inpageSectionRight.pfBlock {
	height:450px;
}

.inpageSectionLeft.pfBlock img {
	margin-top:40px;
	margin-left:0px;
	width:330px;
}

.inpageSectionRight.pfBlock img {
	margin-top:00px;
}

#contentRightCareer {
	background-color:#ffed00;
	width: 360px;
	padding: 10px 60px 10px 60px;
}

#fullsize-banner.career  {
	float: left;
	height:380px;
}

#fullsize-banner.career .bannerTextBlock {
	top:50px;
	left:70px;
	width:340px;
}

#fullsize-banner-inside.career, #fullsize-banner-inside.career img.background {
	height:380px;
}

#fullsize-banner .mobileShift {
	margin-left:-20px;
}

#fullsize-banner .pf2023 {
	background: url("/cz/PublishingImages/banner/banner-pf2023-480.jpg") no-repeat left top;
}
#fullsize-banner .pf2023 div {
	background-repeat:no-repeat;
	background-size: 640px 380px !important;
}
#fullsize-banner .pf2023 img{
	display:none !important;
}

#brno .inpageSectionRight {
	background-color:#ebebe8;
}

#news-overview ul li:nth-child(5), #news-overview ul li:nth-child(9), #news-overview ul li:nth-child(13) {
	background:#ebebe8;
}

#news-overview ul li:nth-child(14) {
	background:#fff;
}

.pageList ul li:nth-child(5), .pageList ul li:nth-child(9), .pageList ul li:nth-child(13) {
	background:#ebebe8;
}

.pageList ul li:nth-child(14) {
	background:#fff;
}

#jobsList ul li:nth-child(5), #jobsList ul li:nth-child(9), #jobsList ul li:nth-child(13) {
	background:#ebebe8;
}

#jobsList ul li:nth-child(14) {
	background:#fff;
}


#energetika-a-utility .inpageSectionRight {
	background: #fff;
}

#clv-search-results {
	margin: 20px 0 0 20px;	
}

#clv-search-results .ms-srch-result {
  width: 460px;
  overflow: hidden;
}

.ms-srch-sbLarge>input {
	width:400px;
}

.ms-srch-item-body {
  width: 460px;
}

.jobFooter .sectionLinkBox {
	padding-left:10px;
}

#contactBlock {
    border-top: 1px solid #fff;
}

.fullPageImage {
	width:480px;
}

#pf2022 {
	height:380px;
}

#pf2022 .innerSVG {
	max-width:958px;
	margin-left:-420px;
}

.regForm .inpageSectionLeft{
	height:500px;
}

.simpleTable tr { display: block; float: left; }
.simpleTable td {
	padding:10px 0px;
	display:block;
	max-width:150px;
	min-height:400px;
}
.simpleTable tr:first-child td { max-width:80px; min-height:250px; padding-top:150px; }
.simpleTable tr td:first-child { min-height:30px; text-align:center; padding-top:10px;}

#contactform .contactFormWrapper {
	margin-left: 90px; margin-top: 20px; width: 400px;
}


} /* end of 480px style */

