﻿#page { background:#fff; }
#page-inside { width: 100% !important; background:#fff; margin-bottom:-20px;}
#page-inside h2 { line-height:normal;}

#bottom-navigation {padding-top:50px; min-height: 290px; height: inherit;; width:100%; max-width:960px; border-top:0;}
#bottom-navigation.lang-de { min-height:50px; padding-top:0px;}
#bottom-navigation div { width:inherit; margin:0; }
#bottom-navigation ul.root { box-sizing:content-box; width:inherit; margin-top:0; padding: 0;}
#bottom-navigation ul.root li.static { width:100px; display:block; margin:0; padding:0}
#bottom-navigation ul.root li.static a {padding:5px 0;}
#bottom-navigation ul.root li.static a:hover {text-decoration:underline;}
#bottom-navigation .bottom-nav-main li.static.ms-listMenu-editLink { display:none; }
#bottom-navigation a:hover { background:transparent; }
#bottom-navigation ul.root li.static .menu-item-text { font-family:maisonneue-book; font-size:14px; font-weight:normal; line-height: 1.4em; }

#bottom-navigation .bottom-nav-main, #bottom-navigation .bottom-nav-column { display:inline-block; width:33%; vertical-align:top;}
#bottom-navigation h3 { font-family:maisonneue-bold; font-size:14px; color:#29414D; padding-bottom:5px; }
#bottom-navigation ul.root li.static:nth-child(4), #bottom-navigation ul.root li.static:nth-child(5) { display:block; }
#bottom-navigation .bottom-nav-column ul {margin:0; padding:0; list-style:none;}
#bottom-navigation .bottom-nav-column ul li {padding:5px 0 5px 0; font-family:maisonneue-book;}
#bottom-navigation .ms-core-listMenu-selected:link, #bottom-navigation .ms-core-listMenu-selected:visited, #bottom-navigation .ms-core-listMenu-selected { background-color:transparent; }
@media (max-width: 959px) {
	#bottom-navigation {
		display:block;
	    width: 100%;
	}
}
@media (max-width: 600px) {
	#bottom-navigation .bottom-nav-main, #bottom-navigation .bottom-nav-column {
		display:block;
		width:100%;
		text-align:center;
		margin-bottom:50px;
	}

	#bottom-navigation ul.root {
		width:80%;
		margin:auto;
		padding:0;		
	}
	
	#bottom-navigation ul.root li.static,
	#bottom-navigation ul.root li.static:nth-child(1) {
		float:none;
		width:100%;
		text-align:center;
	}
}

@media (max-width: 480px) {
	.german-wordbreak::after {
	    content:'-\a';
	}
}

#footer-inside {border-top:1px solid #D6DCE5; height:340px;}
#footer .copyright {color:#ADB9CA; display:inline-block; height:40px; vertical-align:top;}
#footer-inside .copyright a, #footer-inside .copyright a:visited {color:#ADB9CA; text-decoration:underline; }
#footer-inside .copyright a:hover {color:#232323; text-decoration:underline; }
#page.lang-de #footer {height:150px;}
#page.lang-de #footer-inside {height:50px; border-top:0;}

@media (max-width: 960px) {
 #footer-inside {padding:0 20px 0 20px; box-sizing:border-box;}
}
@media (max-width: 600px) {
	#footer-inside {height:inherit; margin-bottom:50px;}
}

#second-menu.fixed-menu {position:relative}
#second-menu-wrapper ul { margin-left:140px}
#second-menu-wrapper ul li { vertical-align:top;}
#second-menu-wrapper ul li.dynamic > .ms-core-listMenu-item { color:#232323; font-size: 15px; }

#page-inside .pageHeader .ms-formfieldvaluecontainer span div {
	background-color:transparent;
}

#career {
	margin-top: 0;
}

#careerMenuBack {
	height: 80px;
	background:#4B10AC;
	margin-bottom:60px;
}

#spacer-top {
	height:0;
}

#header, #header-cover, #header-inside {
	background: transparent;
}

#logo {
	float:right;
	width:150px;
	margin:15px 0 20px 0;
}

#logo a {
	width:245px;
	margin:0;
}

.left-image {
	width:100%;
	max-width:800px;
}

#top-menu .ms-core-navigation {
	font-family: maisonneue-bold;
}

#side-menu {
	display:none;
}

#backbutton a {
	background-color:#4B10AC;
}

#backbutton a:hover {
	text-decoration:none;
}

#page-inside .de-blog-content .article-content a {
	color: #4B10AC;
    text-decoration: underline;
    font-family:maisonneue-bold;
}

#page-inside .de-blog-content .article-content a:hover {
	color: #00D73C;
    text-decoration: underline;
}

#page-inside .ms-formfieldvaluecontainer .pageHeader div {
	background:transparent;
}

.space-top-field {
	padding-top: 100px;
    margin-left: 0;
}

.soc-wrapper {
	display:block;
	min-height:50px;
	margin:0 auto;
	max-width:960px;
}

#social-media {
	vertical-align:top;
	display:inline-block;
	height:40px;
	width:260px;
	margin:0 auto 0 auto;
	padding:10px 0 10px 0;
	float:right;
}

@media (max-width: 600px) {
	#social-media {float:none;}
	.soc-wrapper {text-align:center; margin-top: 100px;}
}

#social-media a {
	display: inline-block;
	height:40px;
	width:40px;
	margin:0 10px 0 10px;
}

#social-media a.facebook {
	background: transparent url("/Style%20Library/Images/de/facebook.svg") no-repeat left top;
}

#social-media a.facebook:hover {
	background: transparent url("/Style%20Library/Images/de/facebook-hover.svg") no-repeat left top;
}

#social-media a.linkedin {
	background: transparent url("/Style%20Library/Images/de/linkedin.svg") no-repeat left top;
}

#social-media a.linkedin:hover {
	background: transparent url("/Style%20Library/Images/de/linkedin-hover.svg") no-repeat left top;
}

#social-media a.twitter {
	background: transparent url("/Style%20Library/Images/de/twitter.svg") no-repeat left top;
}

#social-media a.twitter:hover {
	background: transparent url("/Style%20Library/Images/de/twitter-hover.svg") no-repeat left top;
}

#social-media a.instagram {
	background: transparent url("/Style%20Library/Images/de/instagram.svg") no-repeat left top;
}

#social-media a.instagram:hover {
	background: transparent url("/Style%20Library/Images/de/instagram-hover.svg") no-repeat left top;
}

#page-inside .yellowButton {
	margin-top:60px;
	display:inline-block;
	background:#9ce95f;
	padding:20px 20px;
	color:#4B10AC;
}

#clvusa .product-page-menu,
#clvfix .product-page-menu {
	height:80px;
	width:100%;
	background-color:#4B10AC;
}

#clvusa .csr-values {
	background-color:#4B10AC;
}

/** Site search **/

#search {
	height:46px;
	cursor:pointer;
}

#search-box-wrapper {
	margin: 0px 0 0px 0;
    width: 100%;
    height: 80px;
    line-height: 26px;
    overflow: hidden;
	background-color:rgba(255,255,255,0.6);
  	-webkit-backdrop-filter: blur(10px);
  	backdrop-filter: blur(10px);
}

#search-box-wrapper #SearchBox {
	margin:20px auto 0px auto;
	width: 460px;
    height: 40px;
}

#search-box-wrapper .ms-srch-sb > .ms-srch-sb-searchLink,
#clvusa .searchHeader .ms-srch-sbLarge > .ms-srch-sb-searchLink {
	background-color: #6001D2;
	background-image: url('/Style%20Library/Images/clv/search.svg');
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 20px 20px;
	height:34px;
	width:34px;
}

#header.blur #search span {
	background-image: url('/Style%20Library/Images/clv/search-violet.svg');
	background-repeat:no-repeat;
	background-position:center center;
}

#header.blur #search span img {
	opacity:0.01;
}

#search-box-wrapper .ms-srch-sb-searchImg,
#clvusa .searchHeader .ms-srch-sb-searchLink img {
	opacity:0;
}


#search-box-wrapper .ms-srch-sb-border, #search-box-wrapper .ms-srch-sb-borderFocused {
	width:100%;
	border: 1px solid #6001D2;
}

#search-box-wrapper .ms-srch-sb>input {
    width: calc(100% - 40px);
    height: 35px;
    font-size: 20px;
    color: #ddd;
}

#search-box-wrapper .ms-srch-sb>input:focus {
	color:#6001D2;
;
}

#header #search-box-wrapper {
	display:none;
	opacity:0;
	transition: opacity 0.5s;
}

#header.show-search #search-box-wrapper {
	display:block;
	opacity:100;
}



/* DE fonts */

@font-face {
	font-family: "maisonneue-book";
	src: url("/Style%20Library/Fonts/MaisonNeueWEB-Book.woff") format("woff"), /* Modern Browsers */
	     url("/Style%20Library/Fonts/MaisonNeueWEB-Book.woff2") format("woff2"); 
	font-style: normal;
	font-weight: 400;
	font-stretch: normal;
}

@font-face {
	font-family: "maisonneue-bold";
	src: url("/Style%20Library/Fonts/MaisonNeueWEB-Bold.woff") format("woff"), /* Modern Browsers */
	     url("/Style%20Library/Fonts/MaisonNeueWEB-Bold.woff2") format("woff2"); 
	font-style: normal;
	font-weight: 700;
	font-stretch: normal;
}

/* blog DE styles */

#clvusa .ms-promlink-header {
	padding-right:60px;
	text-align: center;
}

#clvusa .ms-promlink-headerNav {
	float:none;
}

#clvusa .ms-promlink-button {
    width: 28px;
    height: 28px;
    background-color:#aaff67;
}

#clvusa #top {
	min-height:320px;
}

#clvusa #top-image img {
	width:1352px;
	height:260px;
	margin-left:-200px;
}

.blogHeader, .pageHeader {
	width:100%;
	height:750px;
	background-color:#4B10AC;
	padding-top:100px;
	color:#fff;
}

.csrHeader {
    width: 100%;
    height: 550px;
    background-color: #4B10AC;
    padding-top: 100px;
    color: #fff;
    margin-bottom: 140px;
}

.searchHeader {
    width: 100%;
    height: 350px;
    background-color: #4B10AC;
    padding-top: 150px;
    color: #4B10AC;
    margin-bottom: 40px;
}

#clvusa .csrHeader h1 {
	color:#00D73C;
}

.blogHeader.articleDetail {
	height:auto;
	background: linear-gradient(#4B10AC 750px, #FFFFFF 750px);
}

@media all and (max-width: 959px) {  
	.blogHeader.articleDetail {
		height:auto;
		background: linear-gradient(#4B10AC 600px, #FFFFFF 600px);
	}
}

#clvusa .blogHeader h1, #clvusa .blogHeader p,
#clvusa .pageHeader h1, #clvusa .pageHeader p,
#clvusa .searchHeader h1, #clvusa .searchHeader p {
	color:#fff;
}

#clvusa .blogTitle h1 {
	color:#00D73C;
	margin-bottom:50px;
}

#clvusa .blogMenu {
	margin-bottom:0px;
}

#clvusa .blogMenu ul {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
}

#clvusa .blogMenu ul li {
	display:inline-block;
	padding:0;
	margin:0;
}

#clvusa .blogMenu ul li a {
	display:inline-block;
	padding:0 15px;
	color:#fff;
	border-top:0;
	border-bottom:1px solid transparent;
}

#clvusa .blogMenu ul li:hover a,
#clvusa .blogMenu ul li a.selected {
	border-top:0;
	border-bottom:1px solid #fff;
	cursor:pointer;
}


#clvusa .blogMenu ul li:first-child {
	padding-left:0;
}

.blogImage {
	width: 888px;
    height: 492px;
    overflow: hidden;
}

@media all and (max-width: 959px) {  
	.blogImage {
	    width: 100%;
	    height: auto;
    }
    
	#clvusa .blogMenu ul li {
	    min-width: 30%;
	    height: 40px;
    }
}

.blogImage img {
	width:100%;
}

#clvusa .de-blog {
	min-height:400px;
	margin-top:50px;
}
#clvusa #blog{
    max-width: 934px;
}

#clvusa .de-blog.mainview {
	margin-top:-380px;
}

#clvusa .blogPerex {
	display:block;
	margin-bottom:40px;
	font-size:22px;
	line-height:30px;
	color:#6001D2;
}

#clvusa .news-date {
	display:inline-block;
	color:#ADB9CA;
}

#clvusa .author {
	display:inline-block;
	margin-right:15px;
	float:right;
	color:#ADB9CA;
}

#clvusa .article-attributes {
	margin: 10px 0 20px 0;
	padding:0;
}

/* blog list */

#blogList {
	margin:10px 0 0 0px;
    clear: both;
}

.cbs-List {
	margin:0;
	width:100%;
}

.cbs-List > li {
	display:block;
	float:left;
}


#blogList.bigFirst li:first-child {
	width:100%;
	margin-bottom:30px;
}

#blogList.bigFirst li:first-child .cbs-picture3LinesImageContainer {
	width:888px;
	height:492px;
}

#blogList.bigFirst li:first-child .cbs-pictureImgLink img {
	height:492px;
	width:auto;
	min-width:888px;
}

#blogList li .cbs-picture3LinesLine1Link, #blogList li .cbs-picture3LinesLine1Link:hover {
	text-decoration:none;
}

#blogList.bigFirst li:first-child .cbs-picture3LinesLine1Link {
	display:inline-block;
	vertical-align:top;
	width:465px;
}

#blogList.bigFirst li:first-child .cbs-picture3LinesLine1 {
	font-family: maisonneue-bold;
	font-size:24px;
	line-height:32px;
	color:#6001D2;
	margin-top:0;
}

#blogList.bigFirst .cbs-picture3LinesLine2 {
	display:inline-block;
	width:402px;
}

#blogList.bigFirst li:first-child .cbs-picture3LinesDataContainer {
	margin-left:0;
	max-width:888px;
	display:inline-block;
}

#blogList .cbs-picture3LinesLine1 {
	font-family: maisonneue-book;
	font-size:24px;
	color:#111;
}

#blogList .cbs-picture3LinesLine2 {
	height: auto;
	padding-top: 0;
	text-align:left;
	line-height:1.4em;
	color:#222;
}

#blogList .cbs-picture3LinesContainer {
  padding: 0 40px 30px 0;
  max-width:none;
}

#blogList .blogPrioritaAno{
	padding-top:10px;
	background-color:#e5e9f5;
}

#blogList .cbs-picture3LinesDataContainer {
  clear:left;
  margin: 0px;
  vertical-align: top;
  max-width: 420px;
}

#blogList .cbs-picture3LinesImageContainer {
  width: 424px;
  height: 236px;
  margin-bottom: 30px;
  margin-top:8px;
  overflow: hidden;
}

#page-inside .cbs-pictureImgLink img {
	height:236px;
	width:auto;
	min-width:424px;
}

#blogList.noDescription .cbs-picture3LinesLine2,
#blogList.noDescription .ms-promlink-header {
	display:none;
}

#blogList.bigFirst li:nth-child(2n+0){
	clear:left;
}

@media all and (max-width: 1279px) {

	/* blog list 1260 */
	
	#blogList {
		padding-left:10px;
	}
}

@media all and (max-width: 1365px) {

	.blogHeader, .pageHeader {
		height:680px;
	}
}

@media all and (max-width: 959px) {  

	/* blog list mobile */

	.blogHeader {
	height:500px;
	}

	#clvusa .de-blog.mainview {
	margin-top:-180px;
	}

	#blogList {
		padding-left:10px;
		margin:0;
	}
	
	#blogList .cbs-picture3LinesContainer {
		padding:0 0 30px 0;
	}
	
	#blogList li:first-child .cbs-picture3LinesImageContainer,
	#blogList .cbs-picture3LinesImageContainer {
		width:100%;
		height:auto;
	}

	#blogList.bigFirst li:first-child .cbs-picture3LinesImageContainer,
	#blogList.bigFirst li:first-child .cbs-picture3LinesDataContainer,
	#blogList.bigFirst li:first-child .cbs-picture3LinesLine1Link,
	#blogList.bigFirst .cbs-picture3LinesLine2 {
		width:100%;
		height:inherit;
	}
	
	
	#blogList li:first-child .cbs-pictureImgLink img,
	#blogList.bigFirst li:first-child .cbs-pictureImgLink img,
	#blogList .cbs-pictureImgLink img {
		height:auto;
		width:100%;
		min-width:inherit;
	}
	
	#blogList li:first-child .cbs-picture3LinesLine1 {
		font-size:34px;
		line-height:36px;
		margin-top:0;
	}
	
	#blogList li:first-child .cbs-picture3LinesDataContainer,
	#blogList .cbs-picture3LinesDataContainer {
		margin-left:0px;
		max-width:420px;
	}

}

/* DE references */

#clvusa .referenceBlock {
	width:100%;
	text-align:center;
	margin:50px 0;
}

#clvusa .referenceBlock ul img {
    transform: scale(0.5);
}

/* DE menu changes */

#top-menu .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
	font-weight:bold;
	color:#fff;
}

#top-menu .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:hover {
	color:#fff;
	background:transparent;
}

#top-menu .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected .additional-background span {
	background-image: url('/Style%20Library/Images/clv/selected-top-menu-de.png');
}

#top-menu.lang-de .ms-core-listMenu-horizontalBox ul,
#top-menu.lang-en .ms-core-listMenu-horizontalBox ul {
    background:transparent;
}

#top-menu.lang-de .ms-core-listMenu-horizontalBox li.static:nth-child(1),
#top-menu.lang-dn .ms-core-listMenu-horizontalBox li.static:nth-child(1) {
	width:inherit;
}

#top-menu.lang-de .ms-core-listMenu-horizontalBox li.static:nth-child(2),
#top-menu.lang-en .ms-core-listMenu-horizontalBox li.static:nth-child(2) {
	width:inherit;
}

#top-menu.lang-de .ms-core-listMenu-horizontalBox li.static:nth-child(3),
#top-menu.lang-en .ms-core-listMenu-horizontalBox li.static:nth-child(3) {
	margin:0;
	width:inherit;
}

#top-menu.lang-de .ms-core-listMenu-horizontalBox li.static:nth-child(4),
#top-menu.lang-en .ms-core-listMenu-horizontalBox li.static:nth-child(4) {
	margin-left:0;
    margin-right:inherit;
}

#top-menu.lang-de .ms-core-listMenu-horizontalBox li.static:nth-child(5) > .ms-core-listMenu-item,
#top-menu.lang-en .ms-core-listMenu-horizontalBox li.static:nth-child(5) > .ms-core-listMenu-item {
}

#language-menu {
    float: left;
    width: 50px;
    text-align: center;
    margin-bottom:-50px;
    margin-right:15px;
    font-family:maisonneue-bold;
    cursor:pointer;
}

#language-menu ul {
	margin:0;
	padding:0;
	list-style:none;
}

#language-menu ul:hover {
}

#header.blur #language-menu ul:hover {
}


#language-menu ul li {
	margin:0;
	padding:0;
	color:#fff;
}

#header.blur #language-menu ul li, #header.blur #language-menu ul li a {
	color:#6001D2;
}

#language-menu ul li:nth-child(1) {
	background-image:url('/Style%20Library/Images/de/drop-down.svg');
	background-size: 8px 5px;
	background-repeat:no-repeat;
	background-position: right 5px center;
}

#header.blur #language-menu ul li:nth-child(1) {
	background-image:url('/Style%20Library/Images/de/drop-down-violet.svg');
}

#language-menu ul li:nth-child(2),
#language-menu ul li:nth-child(3){
	line-height:30px;
	height:30px;
	display:none;
}

#language-menu ul li:nth-child(2) {
	margin-top:-23px;
}

#language-menu ul li a {
	color:#fff;
}

#language-menu ul li a:hover, #language-menu ul li a:active {
	text-decoration:none;
}

#language-menu ul:hover li:nth-child(2),
#language-menu ul:hover li:nth-child(3)  {
	display:block;
}

#language-menu ul {
	background: linear-gradient(transparent 80px, #4B10AC 80px);
}
#header.blur #language-menu ul {
	background: linear-gradient(transparent 80px, rgba(255,255,255,0.6) 80px);
}


/**** Mobile menu ***/


#top-mobile-menu {
	display:none;
}

#mobile-menu {
	list-style:none;
	border:0;
}

#mobile-menu li a {
	display:block;
	color:#fff;
	font-family:maisonneue-bold;
	font-size:16px;
	padding:15px 0 15px 15px;
}

#mobile-menu li a:hover {
	text-decoration:none;
}

#mobile-menu li a.green {
	color:#00D73C;
}

#mobile-menu .submenu {
	list-style:none;
	border:0;
}

#mobile-language-menu {
	position:absolute;
	right:20px;
	top:15px;
	width:110px;
	height:60px;
}

#mobile-language-menu ul {
	list-style:none;
	border:0;
	margin:0;
	padding:0;
}

#mobile-language-menu ul li {
	display:inline-block;
}

#mobile-language-menu ul li a{
	display:block;
	color:#fff;
	font-family:maisonneue-bold;
	font-size:16px;
	padding:15px;
}

/**** Main ***/
#footer {
	margin-top: 50px;
}

#clvusa *, #clvusa ::after, #clvusa ::before {
  box-sizing: border-box;
}
@media (max-width: 959px) {
	body, #header, #header-inside, #footer, #footer-inside {
	    width: 100%;
	}
	#header {
		position:fixed;
	}
	#header-inside {
		vertical-align:top;
		overflow:hidden;
	}
	#logo {
		margin-right:10px;
	}
	#language-menu {
	 	display:none;
	}
	#search {
		margin-left:10px;
	}
	#search-box-wrapper #SearchBox {
		width:80%;
	}
	#mobile-menu-icon {
		display:inline-block;
		float:left;
		padding:10px;
	    margin-top: 15px;
	    margin-left: 5px;
		width:30px;
		height:30px;
		background-image:url('/Style%20Library/Images/clv/menu.svg');
		background-size: 30px 30px;
		background-repeat:no-repeat;
		background-position: center center;
		cursor:pointer;
	}
	#mobile-menu-icon.close-icon {
		background-image:url('/Style%20Library/Images/clv/close.svg');
	}

	#top-mobile-menu.show-menu {
		display:block;
		position:fixed;
		width:100%;
		min-height:700px;
		margin-top:80px;
		background:#4B10AC;
	}
	#mobile-menu{
		display:block;
	}
}

#header {
  height:80px;
  transition: top 0.3s, background-color 0.3s, height 0.1s;
}

#s4-workspace #header {
	position:absolute;
	background:#4B10AC;
}

#qinshift-stamp {
	display:block;
	background-color:#FCEB6B;
	position:fixed;
	right:0;
	top:120px;
	width:38px;
	height:146px;
	text-align:right;
	overflow:hidden;
}

#qinshift-stamp img {
	width:26px;
	max-width:26px;
	margin-top:18px;
	margin-right:5px;
}


#aricoma-stamp {
	display:block;
	background-color:#AC905D;
	position:fixed;
	right:0;
	top:120px;
	width:38px;
	height:146px;
	text-align:right;
	overflow:hidden;
}

#aricoma-stamp img {
	width:34px;
	max-width:34px;
	margin-top:8px;
}

@media (max-width: 960px) {
	#aricoma-stamp {
		display:none;
	}
}

#header.blur {
  box-shadow:0 25px 50px rgba(0,0,0,0.1);
  background-color:rgba(255,255,255,0.6);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

#header.blur .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
  color:#6001D2 !important;
}

#header.blur .ms-core-listMenu-horizontalBox li.static:nth-child(5) > .ms-core-listMenu-item {
}

#header.blur #logo img {
	opacity:0.01;
}

#header.blur #mobile-menu-icon {
	background-image:url('/Style%20Library/Images/clv/menu-violet.svg');
}

#header.blur #mobile-menu-icon.close-icon {
		background-image:url('/Style%20Library/Images/clv/close-violet.svg');
}

#header.show-search {
	height:160px;
}

#header.blur.show-search #search-box-wrapper {
    background:transparent;
    backdrop-filter:none;
}

#clvusa, #clvfix {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
  line-height:0; /* sharepoint whitespace correction */
}

#clvusa .article-content, #blog-right-col {
  line-height: 1.4em;
  margin-bottom:50px;
}

#clvusa .csr-white-text h3 {
 color:#00D73C;
}

#clvusa #csr-list ul li a:hover {
	background:#aaff67;
}

@media (min-width: 959px) {
	#csr-right-col{
		margin-top:-128px;
	}
}

@media (max-width: 960px) {
	.csrHeader {
		height:380px;
	}
}

#clvusa .ms-formfieldlabelcontainer, #clvusa .ms-formfieldvaluecontainer span div {
  line-height: 1.4em;
}

#clvusa .de-container,
#clvusa .de-container-wide {
  width: 100%;
  font-family: maisonneue-book;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  overflow-x: visible;
}

#clvusa .de-container.full-width .clvusa-col-12 {
	padding:0;
}

#clvusa .de-container.full-width img {
 width:100%;
 height: inherit;
 margin-left:0;
}


@media (max-width: 960px) {
  #clvusa .de-container.full-width img {
    width:auto;
	height: 350px;
  }
  
  #clvusa .de-container {
	overflow:hidden;
  }

  #clvusa .de-container.fullwidth {
	overflow:visible;
  }
  #clvusa #top-image img {
	margin-left:-250px;  
  }
}
@media (min-width: 480px) {
  #clvusa .de-container {
    width: 480px;
    margin: 0 auto;
  }
  #clvusa .de-container.full-width {
    width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 961px) {
  #clvusa .de-container {
    width: 960px;
    margin: 0 auto;
  }
  #clvusa .de-container.full-width {
    width: 100%;
    margin: 0 auto;
  }
  #clvusa .de-container-wide {
  	width:960px;
    margin: 0 auto;
  }
}
@media (min-width: 1280px) {
  #clvusa .de-container {
    width: 980px;
    margin: 0 auto;
  }
  #clvusa .de-container.full-width {
    width: 100%;
    margin: 0 auto;
  }
  #clvusa .de-container-wide {
  	width:1260px;
    margin: 0 auto;
  }
}
#clvusa .clvusa-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
#clvusa .clvusa-col, #clvusa .clvusa-col-1, #clvusa .clvusa-col-10, #clvusa .clvusa-col-11, #clvusa .clvusa-col-12, #clvusa .clvusa-col-2, #clvusa .clvusa-col-3, #clvusa .clvusa-col-4, #clvusa .clvusa-col-5, #clvusa .clvusa-col-6, #clvusa .clvusa-col-7, #clvusa .clvusa-col-8, #clvusa .clvusa-col-9, #clvusa .clvusa-col-auto, #clvusa .clvusa-col-lg, #clvusa .clvusa-col-lg-1, #clvusa .clvusa-col-lg-10, #clvusa .clvusa-col-lg-11, #clvusa .clvusa-col-lg-12, #clvusa .clvusa-col-lg-2, #clvusa .clvusa-col-lg-3, #clvusa .clvusa-col-lg-4, #clvusa .clvusa-col-lg-5, #clvusa .clvusa-col-lg-6, #clvusa .clvusa-col-lg-7, #clvusa .clvusa-col-lg-8, #clvusa .clvusa-col-lg-9, #clvusa .clvusa-col-lg-auto, #clvusa .clvusa-col-md, #clvusa .clvusa-col-md-1, #clvusa .clvusa-col-md-10, #clvusa .clvusa-col-md-11, #clvusa .clvusa-col-md-12, #clvusa .clvusa-col-md-2, #clvusa .clvusa-col-md-3, #clvusa .clvusa-col-md-4, #clvusa .clvusa-col-md-5, #clvusa .clvusa-col-md-6, #clvusa .clvusa-col-md-7, #clvusa .clvusa-col-md-8, #clvusa .clvusa-col-md-9, #clvusa .clvusa-col-md-auto, #clvusa .clvusa-col-sm, #clvusa .clvusa-col-sm-1, #clvusa .clvusa-col-sm-10, #clvusa .clvusa-col-sm-11, #clvusa .clvusa-col-sm-12, #clvusa .clvusa-col-sm-2, #clvusa .clvusa-col-sm-3, #clvusa .clvusa-col-sm-4, #clvusa .clvusa-col-sm-5, #clvusa .clvusa-col-sm-6, #clvusa .clvusa-col-sm-7, #clvusa .clvusa-col-sm-8, #clvusa .clvusa-col-sm-9, #clvusa .clvusa-col-sm-auto, #clvusa .clvusa-col-xl, #clvusa .clvusa-col-xl-1, #clvusa .clvusa-col-xl-10, #clvusa .clvusa-col-xl-11, #clvusa .clvusa-col-xl-12, #clvusa .clvusa-col-xl-2, #clvusa .clvusa-col-xl-3, #clvusa .clvusa-col-xl-4, #clvusa .clvusa-col-xl-5, #clvusa .clvusa-col-xl-6, #clvusa .clvusa-col-xl-7, #clvusa .clvusa-col-xl-8, #clvusa .clvusa-col-xl-9, #clvusa .clvusa-col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
#clvusa .clvusa-col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
#clvusa .clvusa-col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
#clvusa .clvusa-col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
#clvusa .clvusa-col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
#clvusa .clvusa-col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
#clvusa .clvusa-col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
#clvusa .clvusa-col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
#clvusa .clvusa-col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
#clvusa .clvusa-col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
#clvusa .clvusa-col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
#clvusa .clvusa-col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
#clvusa .clvusa-col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 961px) {
  #clvusa .clvusa-col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
}
@media (min-width: 961px) {
  #clvusa .clvusa-col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
}
@media (min-width: 961px) {
  #clvusa .clvusa-col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (min-width: 961px) {
  #clvusa .clvusa-col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media (min-width: 961px) {
  #clvusa .clvusa-col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
}
@media (min-width: 961px) {
  #clvusa .clvusa-col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 961px) {
  #clvusa .clvusa-col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
}
@media (min-width: 961px) {
  #clvusa .clvusa-col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
}
@media (min-width: 961px) {
  #clvusa .clvusa-col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
}
@media (min-width: 961px) {
  #clvusa .clvusa-col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
}
@media (min-width: 961px) {
  #clvusa .clvusa-col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
}
@media (min-width: 961px) {
  #clvusa .clvusa-col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
#clvusa .clvusa-offset-1 {
  margin-left: 8.333333%;
}
#clvusa .clvusa-offset-2 {
  margin-left: 16.666667%;
}
#clvusa .clvusa-offset-3 {
  margin-left: 25%;
}
#clvusa .clvusa-offset-4 {
  margin-left: 33.333333%;
}
#clvusa .clvusa-offset-5 {
  margin-left: 41.666667%;
}
#clvusa .clvusa-offset-6 {
  margin-left: 50%;
}
#clvusa .clvusa-offset-7 {
  margin-left: 58.333333%;
}
#clvusa .clvusa-offset-8 {
  margin-left: 66.666667%;
}
#clvusa .clvusa-offset-9 {
  margin-left: 75%;
}
#clvusa .clvusa-offset-10 {
  margin-left: 83.333333%;
}
#clvusa .clvusa-offset-11 {
  margin-left: 91.666667%;
}
@media (min-width: 961px) {
  #clvusa .clvusa-offset-md-1 {
    margin-left: 8.333333%;
  }
}
@media (min-width: 961px) {
  #clvusa .clvusa-offset-md-2 {
    margin-left: 16.666667%;
  }
}
@media (min-width: 961px) {
  #clvusa .clvusa-offset-md-3 {
    margin-left: 25%;
  }
}
@media (min-width: 961px) {
  #clvusa .clvusa-offset-md-4 {
    margin-left: 33.333333%;
  }
}
@media (min-width: 961px) {
  #clvusa .clvusa-offset-md-5 {
    margin-left: 41.666667%;
  }
}
@media (min-width: 961px) {
  #clvusa .clvusa-offset-md-6 {
    margin-left: 50%;
  }
}
@media (min-width: 961px) {
  #clvusa .clvusa-offset-md-7 {
    margin-left: 58.333333%;
  }
}
@media (min-width: 961px) {
  #clvusa .clvusa-offset-md-8 {
    margin-left: 66.666667%;
  }
}
@media (min-width: 961px) {
  #clvusa .clvusa-offset-md-9 {
    margin-left: 75%;
  }
}
@media (min-width: 961px) {
  #clvusa .clvusa-offset-md-10 {
    margin-left: 83.333333%;
  }
}
@media (min-width: 961px) {
  #clvusa .clvusa-offset-md-11 {
    margin-left: 91.666667%;
  }
}
#clvusa .order-1 {
  order: 1;
}
#clvusa .order-2 {
  order: 2;
}
@media (min-width: 961px) {
  #clvusa .order-md-1 {
    order: 1;
  }
}
@media (min-width: 961px) {
  #clvusa .order-md-2 {
    order: 2;
  }
}

/****************************************** WEB DE *************************************************/

#clvusa h1, #clvusa h2, #clvusa h3 {
  font-family: maisonneue-bold;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #601ED9;
  margin-bottom: 25px;
  margin-left:0;
  overflow-wrap: normal;
}

#clvusa h1 {
  font-size: 35px;
  line-height: 39px;
}

#clvusa .de-intro h1 {
    font-size: 50px;
    line-height:55px;
    color:#fff;
}

#clvusa h2 {
  font-size:28px;	 	
}

#clvusa h3 {
  font-size:20px;
  margin-bottom:10px;	 	
}

@media (min-width: 961px) {
#clvusa h1 {
    font-size: 50px;
    line-height:55px;
  }
#clvusa .de-intro h1 {
    font-size: 50px;
    line-height:55px;
  }
#clvusa h2 {
  font-size:30px;	 	
}
}
@media (min-width: 1600px) {
#clvusa h1 {
    font-size: 50px;
    line-height:55px;
  }
#clvusa h2 {
  font-size:40px;	 	
  }
#clvusa h3 {
  font-size:20px;	 	
  }
}

#clvusa h2.small-title {
  font-size:16px;
  margin-bottom:15px;
}

#clvusa p, #clvusa ul li {
  font-family: maisonneue-book;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  color: #232323;
  margin-bottom:20px;
}

#clvusa p strong, #clvusa ul li strong{
  font-family:maisonneue-bold;
}

@media (min-width: 961px) {
#clvusa p, #clvusa ul li {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
  }
}
@media (min-width: 961px) and (min-width: 1300px) {
#clvusa p, #clvusa ul li {
    font-size: 16px;
  }
}

@media (max-width: 960px) {
  .nopad-sm {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media (min-width: 961px) {
  .nopad-md {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

#clvusa .de-white-text h1, #clvusa .de-white-text h2 {
	color:#fff;
}
#clvusa .de-white-text h3 {
	color:#ffed00;
	margin-bottom:0;
}
#clvusa .de-white-text p, #clvusa .de-white-text ul li {
	color:#fff;
}  

.de-intro {
  background-image:url('/de/PublishingImages/site/background-top.png');
  background-repeat:no-repeat;
  background-position:top;
  background-size:cover;
  min-height:680px;
}

#clvusa .de-intro h1 {
  margin-top: 110px;
  margin-bottom:100px;
}

#clvusa textarea {
	max-width:100%;
}

#clvusa .blogHeader.articleDetail #top {
	min-height:90px;
}

/* Homepage */

#top-banner {
	position:relative;
	width:1352px;
	height:260px;
	background:#fff;
	margin-left:-200px;
}

#top-banner-static {
	position:relative;
	width:1260px;
	height:240px;
	background:#fceb6b;
	margin-left:-140px;
}

#top-banner-static a img {
	width:100%;
	height:auto;
}


#top-banner-content {
	width:1260px;
	height:260px;
	overflow:hidden;
}

#top-banner-inner {
	width:3780px;
	height:260px;
}

#top-banner-counter {
	z-index:3;
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100px;
	height:260px;
	background:#fff;
}

#top-banner-counter .slide-counter {
	display:block;
	margin:25px 0 0 20px;
	width:30px;
	height:20px;
	font-family: maisonneue-book;
	font-size:16px;
	color:#232323;
}


#top-banner-arrows {
	position:absolute;
	top:0;
	right:0;
	width:100px;
	height:260px;
}

.banner-right-arrow {
	width:100px;
	height:130px;
    background-image:url('/Style%20Library/Images/de/arrow-right.svg');
    background-position:center center;
    background-size: auto 20px;
    background-repeat:no-repeat;
    border-bottom:1px solid #D6DCE5;
    cursor:pointer;
}

.banner-left-arrow {
	width:100px;
	height:130px;
    background-image:url('/Style%20Library/Images/de/arrow-left.svg');
    background-position:center center;
    background-size: auto 20px;
    background-repeat:no-repeat;
    cursor:pointer;
}

#top-banner h2 {
	font-family: maisonneue-book;
	font-size:24px;
	color:#232323;
}

#top-banner h2::after {
	content:' ';
	position:absolute;
	bottom:50px;
	display:block;
	width:214px;
	height:30px;
    background-image:url('/Style%20Library/Images/de/discover-en.svg');
    background-position:center center;
    background-size: 212px auto;
    background-repeat:no-repeat;
    cursor:pointer;
}

#top-banner h2:hover::after {
    background-image:url('/Style%20Library/Images/de/discover-en-hover.svg');
}

#top-banner .cbs-List li {
	margin-top:8px;
	position:relative;
	width:1260px;
}

#top-banner .cbs-picture3LinesContainer {
	max-width:1260px;
}

#top-banner .cbs-picture3LinesImageContainer {
	width:395px;
	height:220px;
	margin:10px 20px;
	float:right;
}

#top-banner .cbs-picture3LinesDataContainer{
	margin-left: 200px;
    width: 350px;	
}

#top-banner .cbs-pictureImgLink img {
    height: 220px;
    width: auto;
    min-width: 395px;
}

#top-banner .cbs-picture3LinesLine2 {
	display:none;
}

@media (max-width: 1259px) {
#top-banner-static {
	width:960px;
	height:auto;
	margin-left:-20px;
}
}

@media (max-width: 960px) {
.de-intro {
  background-image:url('/de/PublishingImages/site/background-top.png');
}

#clvusa .de-intro .clvusa-offset-5 {
	margin-left:25%;
}


#top-banner.pf2023en {
    width: 100%;
    height: 470px;
    max-width: 420px;
    margin-left: 0;
    margin-bottom: 40px;
    background: url("/cz/PublishingImages/banner/banner-pf2023-480en.png") no-repeat left top;
    background-repeat: no-repeat;
    background-size: 100% auto !important;
}

#top-banner.pf2023en img{
	display:none !important;
}

#top-banner.pf2023de {
    width: 100%;
    height: 470px;
    max-width: 420px;
    margin-left: 0;
    margin-bottom: 40px;
	background: url("/cz/PublishingImages/banner/banner-pf2023-480de.png") no-repeat left top;
    background-repeat: no-repeat;
    background-size: 100% auto !important;
}

#top-banner.pf2023de img{
	display:none !important;
}

}

.de-resources {
	margin:100px 0 60px 0;
}

.de-references {
	margin:0 0 60px 0;
}}

.de-logos {
  position: relative;
  display: block;
  margin-top: 80px;
  margin-bottom: 31px;
}

.de-contact {
  min-height:1400px;
  padding-top: 150px;
  background-image:url('/de/PublishingImages/site/map-contact.svg');
  background-position:right bottom;
  background-size: auto 900px;
  background-repeat:no-repeat;
}

.de-contact.hp-mod {
  background-size: auto 1100px;
}

@media (max-width: 1259px) {
.de-contact {
  min-height:1000px;
  background-size: auto 600px;
}
.de-contact.hp-mod {
  min-height:1100px;
  background-size: auto 850px;
}
}

@media (max-width: 959px) {
.de-contact.hp-mod {
  min-height:1000px;
  background-size: auto 600px;
}
}

@media (max-width: 659px) {
.de-contact {
  min-height:900px;
  background-size: auto 460px;
}
.de-contact.hp-mod {
  min-height:1000px;
  background-size: auto 460px;
}
}

.de-contact .svg-button {
	display:block;
	margin-top:40px;
}


@media (min-width: 961px) {
  .de-logos {
    margin-top: 184px;
    margin-bottom: 144px;
  }
}
.de-logos img {
  width: 100%;
}

.de-footer {
	margin-bottom:100px;
}

.de-footer-contact {
  border-top: 1px solid #9d9d9d;
  padding-top: 40px;
  padding-bottom: 60px;
}
#clvusa .de-footer-contact h2 {
  font-size: 19px;
  margin-top: 0px;
}
@media (min-width: 961px) {
  #clvusa .de-footer-contact h2 {
    font-size: 45px;
  }
}
.de-footer-contact p {
  font-size: 10px;
}
.de-footer-contact p.graytext {
  color: #9d9d9d;
}
@media (min-width: 961px) {
  .de-footer-contact p {
    font-size: 15px;
  }
}
.de-footer-contact .de-pa-top {
  padding-top: 0px;
}
@media (min-width: 961px) {
  .de-footer-contact .de-pa-top {
    padding-top: 15px;
  }
}
.de-footer-contact .order-last {
  padding-top: 15px;
}
@media (min-width: 961px) {
  .de-footer-contact .order-last {
    padding-top: 15px;
  }
}
@media (max-width: 960px) {
  .de-footer-contact .order-last {
    order: 10;
  }
}

.cbs-List {
		white-space:nowrap;
}

.cbs-List > * { 
	white-space:normal;
}

/**** DE List ***/

#de-list {
	width:960px;
	padding-bottom:80px;
	overflow-x:scroll;
	overflow-y:hidden;
}

#de-list::-webkit-scrollbar,
#de-solution-list::-webkit-scrollbar {
  height:8px;
  width: 8px;
  border: 0;
}

#de-list::-webkit-scrollbar-track,
#de-solution-list::-webkit-scrollbar-track {
  border-radius: 0;
  background: #fff;
  background-image:url('/Style%20Library/Images/clv/scroll-line.png');
  background-repeat:repeat-x;
  background-position:center;

}

#de-list::-webkit-scrollbar-thumb,
#de-solution-list::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: #e3e3e3;
}

#de-list ul {
	width:1595px;
	margin:50px 0 0 0;
	overflow:hidden;
}

#page-inside .de-case {
	margin-top:40px;
}

.de-case-image img {
	max-width:700px;
	width:100%;
}

@media (max-width: 960px) {
#de-list {
	width:320px;
    margin: auto
}
}

#de-list ul li {
	vertical-align:top;
	display:inline-block;
}

#de-list ul li a {
	position:relative;
	display:block;
	width:295px;
	height:450px;
	padding:20px 30px;
	margin:0 30px 0 0;  
	background:#f1f1f1;
	color:#232323;
}

#de-list ul li:last-child a {
    margin: 0;
}

#de-list ul li a:hover {
	color:#232323;
	background:#ffed00;
}

#de-list ul li h2 {
	font-size:26px;
	height:65px;
	margin-top:50px;
	margin-bottom:30px;
}

.de-item-text {
	line-height:1.5em;
}

.de-item-image {
	position:absolute;
	left:0;
	bottom:0;
}

.de-item-image img {
	width:295px;
}

#clvusa .de-blog-content {
	margin-top:40px;
}

/************************************** Hashtags ************************************************/

#clvusa .author h3 {
	margin:20px 0 5px 0;
}

.hashtags ul {
 	list-style:none;
 	margin:7px 0 15px 0;
 	padding:0;
 }

.hashtags ul li {
	padding:0;
    margin: 2px 0;
}

#clvusa .hashtags li a, #clvusa .hashtags li a:hover {
    border: 1px solid #6001D2;
    border-radius: 20px;
    padding: 5px 15px;
	font-size:16px;
	text-transform:capitalize;
	color: #6001D2;
}

#clvusa .hashtags li a:hover {
	background: #AAFF67;
}

/************************************** Tabs ************************************************/

.tabwrapper {
	min-height: 600px;
}

.tab {
  overflow: hidden;
}


/* Style the buttons that are used to open the tab content */
#clvusa .tab span {
  display:block;
  background-color: inherit;
  float: left;
  border-bottom: 1px solid #fff;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
  background-color: #fff;
  border-bottom: 1px solid #6001D2;
}

/* Create an active/current tablink class */
#clvusa .tab span.active {
  border-bottom: 1px solid #6001D2;
}

/* Style the tab content */
#clvusa .tabcontent {
  display: none;
  padding: 6px 12px;
}

#clvusa .tabcontent img {
	max-width:800px;
}

/************************************** People ************************************************/

.de-technology {
	margin:80px 0;
}

.de-people {
	margin:30px 0 100px 0;
	min-height:600px;
}

.single-block {
  display:inline-block;
  vertical-align:top;
  min-height:350px;
  height:350px;
  width:50%;
  border-top:1px solid #D6DCE5;
  border-right:1px solid #D6DCE5;
  padding:50px 40px;
}

.double-block {
  position:relative;
  display:inline-block;
  vertical-align:top;
  width:50%;
  min-height:700px;
  height:700px;
  padding:50px 40px;
  border-top:1px solid #D6DCE5;
  border-right:1px solid #D6DCE5;
}

#clvusa.de-prod .de-people .single-block {
	height:400px;
}
#clvusa.de-prod .de-people .double-block {
	height:800px;
}

#clvusa.de-prod .de-delivery2 .single-block {
	height:400px;  
}

.top-block {
  border-top:0;
}
.right-block {
  border-right:0;
  float:right;
  padding:50px 40px 50px 60px;
}
.left-block {
  float:left;
  padding:50px 60px 50px 0;
}
.left-block.joined {
  border-right:0;
}
.bg-block {
  background-color:#F7F8FA;
}
#clvusa .single-block h3, #clvusa .double-block h3 {
	font-size:22px;
	font-family:maisonneue-book;
}

@media (max-width: 960px) {
	#clvusa .single-block, #clvusa .double-block {
		width:100%;
	}
	#clvusa .single-block,
	#clvusa.de-prod .de-delivery2 .single-block,
	#clvusa.de-prod .de-people .single-block {
		height:auto;
		min-height:150px;
	}
	#clvusa .double-block {
	  min-height:600px;
	  height:600px;
	}
	#clvusa.de-prod .de-people .double-block {
		height:700px;
	}
	.right-block {
	  border-left:0;
	  float:none;
	  padding:50px 50px 50px 0;
	}
	.right-block.top-block {
  		border-top:1px solid #D6DCE5;
	}
	.left-block {
  	  border-right:0;
	  float:none;
	  padding:50px 50px 50px 0;
	}
	.right-block.joined {
  	  border-top:0;
	}
	.bg-block {
	 background-color:transparent;
	}
	.empty-block{
		display:none;
	}
}
}

.blocks-wrapper {

}

.experience, .devops {
  position:absolute;
  bottom:50px;
}
.interface {
  position:absolute;
  bottom:0;
}
/************************************** Services ************************************************/

.de-services {
	margin:30px 0;
}

.servicesIcons {
	margin-top:120px;
	text-align:center;
}

.services-list {
	list-style:none;
	margin:0;
	padding:0;
}

.services-list li {
	display:inline-block;
	text-align:center;
	margin:0 15px;
	width:8%;
	min-width:95px;
}

.services-list img {
	max-width:40px;
}

.services-list .service-text {
	display:block;
	font-size:12px;
	text-transform:uppercase;
}

.de-delivery {
	margin-top:80px;
    min-height:160px;
}

.de-delivery2 {
	margin-bottom:80px;
}

#clvusa .de-delivery2 .left-block, #clvusa .de-delivery2 .right-block {
	position:relative;
}

#clvusa .de-delivery2 .left-block img {
	position:absolute;
	bottom:25px;
	right:60px;
}

#clvusa .de-delivery2 .right-block img {
	position:absolute;
	bottom:25px;
	right:60px;
}

/************************************** Products ************************************************/

#productList .dfwp-item {
  display:inline-block;
  position:relative;
  vertical-align:top;
  min-height:350px;
  height:350px;
  width:50%;
  border-top:1px solid #D6DCE5;
  border-right:1px solid #D6DCE5;
  padding:50px 40px;
  margin:0;
}

#productList .dfwp-item:nth-child(1),
#productList .dfwp-item:nth-child(2) {
	border-top:0;
}

#productList .dfwp-item:nth-child(2n+0) {
	border-right:0;
}

#productList .dfwp-item .link-item a {
  font-size:22px;
  font-family:maisonneue-book;
  color:#601ED9;
}

#productList .dfwp-item .link-item a:hover {
   color:#00D73C;
}

#productList .dfwp-item .image {
	position:absolute;
	bottom:30px;
	right:60px;
	max-width:60px;
}

span.green {
	color:#00D73C;
}

/************************************** Slider ************************************************/

#de-nav-wrapper {
	margin: 0;
	padding:0;
	position:relative;
	overflow:visible;
}

.slide-right-nav {
    position: absolute;
    right: -100px;
    top: calc(50% - 90px);
    cursor: pointer;
    display: block;
    height: 90px;
    width: 44px;
    background: url('/Style%20Library/Images/clv/arrows.png') no-repeat;
    background-position: -10px 0px;
    overflow: hidden;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.slide-left-nav {
    position: absolute;
    left: -100px;
    top: calc(50% - 90px);
    cursor: pointer;
    display: block;
    height: 90px;
    width: 44px;
    background: url('/Style%20Library/Images/clv/arrows.png') no-repeat;
    background-position: -10px 0px;
    overflow: hidden;
}

.slide-left-nav:hover, .slide-right-nav:hover {
	background-position: -130px 0px;
}

@media (max-width: 960px) {
	.slide-right-nav {
		right:-10px;
	}
	.slide-left-nav {
		left:-10px;
	}
}


#page-inside a.white-link-button, #page-inside a:visited.white-link-button {
    display:inline-block;
	color:#fff;
	margin-top:20px;
	padding:20px 20px;
	text-align:center;
	border:1px solid #fff;
}

#page-inside a.white-link-button:hover{
	background:#fff;
	color:#232323;
}

#page-inside a.link-button, #page-inside a:visited.link-button {
    display:inline-block;
	color:#232323;
	margin-top:20px;
	padding:20px 20px;
	text-align:center;
	border:1px solid #232323;
}

#page-inside a.link-button:hover{
	background:#9ce95f;
}

#clvusa .bg-numbers {
	width:100%;
	margin-top:50px;
	padding-top:40px;
	height:800px;
	background: url("/cz/PublishingImages/page-images/ecm/bkg-dots-violet.png") repeat-x bottom;
	background-size:28px 200px;
	background-color:#381457;
}

#clvusa .de-numbers h2, #clvusa .de-numbers p {
	color:#fff;
}

#clvusa h2.yellow {
	color:#ffed00;
}

#clvusa .de-numbers h2 {
	font-size:120px;
}

#clvusa .de-solution h3, #clvusa .de-item-htmltext h3 {
	font-size:18px;
}

#clvusa .de-solution p, #clvusa .de-item-htmltext p {
	color:#9d9d9d;
}

#clvusa .de-solution h1, #clvusa .de-item-htmltext h1 {
	font-size:38px;
	width:600px;
}

@media (max-width: 960px) {
#clvusa .de-solution h1, #clvusa .de-item-htmltext h1 {
	font-size:30px;
	width:480px;
}
}

.de-nav-back {
	margin-top:20px;
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	font-size:20px;
	cursor:pointer;
}

.contact-button {
	display:inline-block;
	border:1px solid #381457;
	padding:20px 50px;

}

/****** Product Page 2023 *****/


/************************************** Contact Form ************************************************/
#clvusa #contacts {
	margin-top:50px;
}
#clvusa #contacts h1 {
	font-size: 45px;
    line-height: 50px;
}
#clvusa .aeformlabelbox label,
#clvusa .aeformlabelbox .aeqflabel {
  margin-top:15px;
  display:inline-block;
  font-family: sharp-grotesk-book20, open-sans, sans-serif;
  font-size:15px;
  color:#a5acc1;
}

#clvusa .aeformstyle input[type="submit"] {
    height: 78px;
    width: 180px;
    background:#fff;
    color:#000;
    border:1px solid #381457;
}

#clvusa .aeformstyle input[type="submit"]:hover {
   background:#ffed00;
   color:#000;	
}

#clvusa .aeformstyle input[type="file"] {
  font-size: 15px;
  font-family: sharp-grotesk-book20, open-sans, sans-serif;
  width:100%;
  height:40px;
  line-height:40px;
  border:0;	
  color:#1b1c22;
  border-bottom:1px solid #cacedb;
}

#clvusa .aeformstyle input[type='text'] {
  font-family: sharp-grotesk-book20, open-sans, sans-serif;
  font-size:20px;
  line-height:24px;
  margin-top:10px;
  height:28px;
  width:100%;
  border:0;	
  color:#1b1c22;
  border-bottom:1px solid #cacedb;
}

#clvusa .aeformstyle textarea {
  font-family: sharp-grotesk-book20, open-sans, sans-serif;
  font-size:15px;
  color:#1b1c22;
  border:1px solid #cacedb;
  width:100%;
  resize:none;
  height:200px;
}

#clvusa .aeformstyle 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;
}

#clvusa .aeformstyle input[type='checkbox']:focus {
	border:1px solid #666;
}

#clvusa .aeformstyle input[type='checkbox']:checked {
	border:1px solid #ffed00;
	background-color:#ffed00;
} 

#clvusa .aeformstyle 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);
}

#clvusa .aeformstyle input[type='text']:focus,
#clvusa .aeformstyle input[type="file"],
#clvusa .aeformstyle textarea:focus {
    outline: none;
}

#clvusa .aeformstyle input[type="file"] {
	cursor:pointer;
}

#clvusa .formCourseQuestions {
	color:#1b1c22;
	margin-bottom:20px;
}

#clvusa .formComma::after {
	content: ',';
}

#clvusa .aeformbutton {
	padding-top:20px;
	text-align:left;
}


/****** Contact Page *****/

#clvusa .contact-card {
	position:relative;
	min-height:90px;
	margin:10px 0 20px 0;
}

#clvusa .contact-card img {
   background-color:#F7F8FA;
   width:90px;
   height:90px;
   border-radius:50%;   
   float:left;
   margin:10px 20px 10px 0;
}

#clvusa .contact-card .email {
	margin-bottom:0px;
}

#clvusa .contact-card .email a{
	font-size:22px;
	color:#6001D2;
}
@media (max-width: 960px) {
	#clvusa .contact-card .email a{
		font-size:18px;
	}	
}

#clvusa .contact-card .position,
#clvusa .de-contact-detail .contact-state {
	text-transform:uppercase;
	letter-spacing: .2em;
	font-size:10px;
	color:#555;
}

#clvusa .contact-card .contact-button {
	padding:15px 50px;
}

#clvusa .contact-card .contact-button:hover {
	color:#00D73C;
}


#clvusa .de-contact-detail {
  min-height: 1800px;
  background-image:url('/de/PublishingImages/site/map-contact.svg');
  background-position:right bottom 350px;
  background-size: auto 1000px;
  background-repeat:no-repeat;
	
}

#clvusa .de-contact-detail #aricoma {
  margin-top:600px;
}

@media (max-width: 1260px) {
	#clvusa .de-contact-detail {
		
	}
}

@media (max-width: 960px) {
	#clvusa .de-contact-detail {
  	  min-height: 1000px;
	  background-size: auto 600px;
	  background-position:right bottom 650px;
	}
	#clvusa .de-contact-detail #aricoma {
	  margin-top:400px;
	}
}

@media (max-width: 659px) {
#clvusa .de-contact-detail {
  background-size: auto 460px;
  background-position:right bottom 750px;
}
}

#clvusa #other-contacts {
  margin-top:30px;
  border-top:1px solid #D6DCE5;
}

#clvusa .de-contact-detail .contact-state {
	margin-bottom:20px;
}

#clvusa .de-contact-detail {
	margin-top:80px;
}

#clvusa .de-contact-detail .left-contact {
	position:absolute;
	bottom:0;
}

@media (max-width: 960px) {
#clvusa .de-contact-detail .left-contact {
	position:relative;
	margin-top: 20px;
}
}

#clvusa .de-contact-detail h1 {
	margin-bottom:50px;
}

#clvusa .de-contact-detail h3 {
	font-size:22px;
	margin-top:50px;
	font-family:maisonneue-book;
}

/****** Right Column *****/

#de-right-col .item .image {
	width:100%;
}

#de-right-col a.link-button {
    margin-top:0;
    margin-bottom:30px;
	width:100%;
}

#de-right-col .description {
	display:none;
}

/****** Edit *****/

#clvusa .edit-mode-panel {
	margin-left:0;
	background:#fff;
}

#clvusa .edit-mode-panel .ms-formfieldcontainer {
	margin-bottom:30px;
}

/****** Blog *****/

#clvusa .article-content img {
	width:100%;
	max-width:690px;
}

#clvusa .article-content img.ms-taxonomy-browser-button {
	width:auto;
}

/****** Footer *****/

#aricoma {
	margin-top:80px;
}

#aricoma img {
	margin-left:-10px;
	margin-bottom:30px;
}

#aricoma p {
	margin-top:10px;
	color:#29414D;
}

#aricoma-numbers {
	color:#D08F74;
	margin-top:50px;
	margin-bottom:50px;
}

#aricoma-numbers p {
	margin-top:10px;
	color:#D08F74;
}	

@media (max-width: 960px) {
	#aricoma-numbers .clvusa-col-md-4 {
		text-align:center;
		padding:30px 20px;
	}
}

#aricoma-numbers .bigNumber {
	font-family: maisonneue-bold;
	color:#D08F74;
	font-size:40px;
}

#clvusa .btb-title.clv-violet {
	font-family: maisonneue-bold;
	font-size:20px;
	color:#601ED9;
}

/** consent color override **/
.termsfeed-com---palette-dark .cc-nb-okagree,
.termsfeed-com---palette-dark .cc-nb-reject {
	background-color:#aaff67 !important;
}

/** fxtrading color override **/
#fxpage {
	margin:auto;
	background-color:#fff;
}
#fullsize-banner-inside {
	width: 1280px;
}

@media (max-width: 959px) {
	#fullsize-banner {
    	width: 100%;
	}
	#productTextBlock {
    	width: 100%;
	}
}