﻿#page { background:#fff; }
#page-inside { width: 100% !important; background:#fff; margin-bottom:-20px;}
#page-inside h2 { line-height:normal;}
#bottom-navigation ul.root { box-sizing:content-box;}

#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:#381457; font-size: 15px; }


.left-image {
	width:100%;
	max-width:800px;
}

/**** Main ***/


#clvusa *, #clvusa ::after, #clvusa ::before {
  box-sizing: border-box;
}
@media (max-width: 959px) {
body, #header, #header-inside, #footer, #footer-inside {
    width: 100%;
}
}

#clvusa {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}

#clvusa .csr-container {
  width: 100%;
  font-family: "Sharp Grotesk Book 20";
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  overflow-x: visible;
}

#clvusa .csr-container.full-width .clvusa-col-12 {
	padding:0;
}

#clvusa .csr-container.full-width img {
 width:100%;
 height: inherit;
 margin-left:0;
}


@media (max-width: 960px) {
  #clvusa .csr-container.full-width img {
    width:auto;
	height: 350px;
  }
  
  #clvusa .csr-container {
	overflow-x:hidden;
}
}
@media (min-width: 480px) {
  #clvusa .csr-container {
    width: 480px;
    margin: 0 auto;
  }
  #clvusa .csr-container.full-width {
    width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 961px) {
  #clvusa .csr-container {
    width: 960px;
    margin: 0 auto;
  }
  #clvusa .csr-container.full-width {
    width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 1280px) {
  #clvusa .csr-container {
    width: 980px;
    margin: 0 auto;
  }
  #clvusa .csr-container.full-width {
    width: 100%;
    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;
  }
}

@font-face {
  font-family: "Sharp Grotesk Book 20";
  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;
}

/****************************************** CSR *************************************************/

#clvusa h1, #clvusa h2, #clvusa h3 {
  font-family: "Sharp Grotesk Book 20";
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #381457;
  margin-bottom: 25px;
  margin-left:0;
  overflow-wrap: normal;
}

#clvusa h1 {
  font-size: 35px;
}

#clvusa .csr-intro h1 {
    font-size: 50px;
}

#clvusa h2 {
  font-size:28px;	 	
}
#clvusa h3 {
  font-size:15px;	 	
}

@media (min-width: 961px) {
#clvusa h1 {
    font-size: 55px;
  }
#clvusa .csr-intro h1 {
    font-size: 60px;
  }
#clvusa h2 {
  font-size:30px;	 	
}
}
@media (min-width: 1600px) {
#clvusa h1 {
    font-size: 55px;
  }
#clvusa h2 {
  font-size:40px;	 	
  }
#clvusa h3 {
  font-size:15px;	 	
  }
}

#clvusa h2.small-title {
  font-size:16px;
  margin-bottom:15px;
}

#clvusa p, #clvusa ul li {
  font-family: "Sharp Grotesk Book 20";
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  color: #381457;
  margin-bottom:20px;
}
@media (min-width: 961px) {
#clvusa p, #clvusa ul li {
    font-size: 13px;
    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: 15px;
  }
}

@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 .csr-white-text h1, #clvusa .csr-white-text h2 {
	color:#fff;
}
#clvusa .csr-white-text h3 {
	color:#ffed00;
	margin-bottom:0;
}
#clvusa .csr-white-text p, #clvusa .csr-white-text ul li {
	color:#fff;
}  

.yellow {
	background-color:#ffed00;
}

.csr-intro {
  background-image:url('/cz/PublishingImages/page-images/blockchain/blockchain-title.jpeg');
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  min-height:500px;
}

#clvusa .csr-intro h1 {
  margin-top: 140px;
}

#clvusa textarea {
	max-width:100%;
}

.csr-values, .csr-manifesto, .csr-knowledge, .csr-ethic {
	padding:80px 0 100px 0;
}


@media (max-width: 960px) {
.csr-intro {
}

#clvusa .csr-intro h1 {
    margin-top: 60px;
  }

#clvusa .csr-intro .clvusa-offset-5 {
	margin-left:25%;
}

.csr-values, .csr-manifesto, .csr-knowledge, .csr-ethic {
	padding:50px 0 50px 0;
}

}

.csr-values {
  background-color:#381457;
}

.csr-manifesto {
  /* background-image:url('/cz/PublishingImages/page-images/blockchain/section-bg2.svg'); */
  background-repeat:no-repeat;
  background-position:bottom right;
  background-size:380px;
}

.csr-ethic {
  /* background-image:url('/cz/PublishingImages/page-images/blockchain/section-bg3.svg'); */
  background-repeat:no-repeat;
  background-position:top left;
  background-size:380px;
}

.csr-office {
  max-height:500px;
  overflow:hidden;
}

#clvusa .expertise-list {
	list-style:none;
	margin:0;
	padding:0;
}

#clvusa .expertise-list li {
	padding:20px;
	margin:5px;
    background-color: #250545;
	display:inline-block;
	max-width:300px;
	width:300px;
	height:100px;
	text-align:center;
	font-family:"Sharp Grotesk Book 20";
	font-size:16px;
	vertical-align:top;
}

@media (max-width: 961px) {
.csr-values {
  background-image:none;
}

.csr-manifesto {
  background-image:none;
}

.csr-ethic {
  background-image:none;
}

.csr-office {
  height:350px;
}
}

.csr-logos {
  position: relative;
  display: block;
  margin-top: 80px;
  margin-bottom: 31px;
}
@media (min-width: 961px) {
  .csr-logos {
    margin-top: 184px;
    margin-bottom: 144px;
  }
}
.csr-logos img {
  width: 100%;
}

.csr-footer-contact {
  border-top: 1px solid #9d9d9d;
  padding-top: 40px;
  padding-bottom: 60px;
}
#clvusa .csr-footer-contact h2 {
  font-size: 19px;
  margin-top: 0px;
}
@media (min-width: 961px) {
  #clvusa .csr-footer-contact h2 {
    font-size: 45px;
  }
}
.csr-footer-contact p {
  font-size: 10px;
}
.csr-footer-contact p.graytext {
  color: #9d9d9d;
}
@media (min-width: 961px) {
  .csr-footer-contact p {
    font-size: 15px;
  }
}
.csr-footer-contact .csr-pa-top {
  padding-top: 0px;
}
@media (min-width: 961px) {
  .csr-footer-contact .csr-pa-top {
    padding-top: 15px;
  }
}
.csr-footer-contact .order-last {
  padding-top: 15px;
}
@media (min-width: 961px) {
  .csr-footer-contact .order-last {
    padding-top: 15px;
  }
}
@media (max-width: 960px) {
  .csr-footer-contact .order-last {
    order: 10;
  }
}

.cbs-List {
		white-space:nowrap;
}

.cbs-List > * { 
	white-space:normal;
}

/**** CSR List ***/

#csr-list {
	width:960px;
	padding-bottom:80px;
	overflow-x:scroll;
	overflow-y:hidden;
}

#csr-list::-webkit-scrollbar,
#csr-solution-list::-webkit-scrollbar {
  height:8px;
  width: 8px;
  border: 0;
}

#csr-list::-webkit-scrollbar-track,
#csr-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;

}

#csr-list::-webkit-scrollbar-thumb,
#csr-solution-list::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: #e3e3e3;
}

#csr-list ul {
	width:1595px;
	margin:50px 0 0 0;
	overflow:hidden;
}

#page-inside .csr-case {
	margin-top:40px;
}

.csr-case-image img {
	max-width:700px;
	width:100%;
}

@media (max-width: 960px) {
#csr-list {
	width:320px;
    margin: auto
}
}

#csr-list ul li {
	vertical-align:top;
	display:inline-block;
}

#csr-list ul li a {
	position:relative;
	display:block;
	width:295px;
	height:450px;
	padding:20px 30px;
	margin:0 30px 0 0;  
	background:#f1f1f1;
	color:#381457;
}

#csr-list ul li:last-child a {
    margin: 0;
}

#csr-list ul li a:hover {
	color:#381457;
	background:#ffed00;
}

#csr-list ul li h2 {
	font-size:26px;
	height:65px;
	margin-top:50px;
	margin-bottom:30px;
}

.csr-item-text {
	line-height:1.5em;
}

.csr-item-image {
	position:absolute;
	left:0;
	bottom:0;
}

.csr-item-image img {
	width:295px;
}


/************************************** Slider ************************************************/

#csr-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:#381457;
}

#page-inside a.link-button, #page-inside a:visited.link-button {
    display:inline-block;
	color:#381457;
	margin-top:20px;
	padding:20px 20px;
	text-align:center;
	border:1px solid #381457;
}

#page-inside a.link-button:hover{
	background:#ffed00;
}

#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 .csr-numbers h2, #clvusa .csr-numbers p {
	color:#fff;
}

#clvusa h2.yellow {
	color:#ffed00;
}

#clvusa .csr-numbers h2 {
	font-size:120px;
}

#clvusa .csr-solution h3, #clvusa .csr-item-htmltext h3 {
	font-size:18px;
}

#clvusa .csr-solution p, #clvusa .csr-item-htmltext p {
	color:#9d9d9d;
}

#clvusa .csr-solution h1, #clvusa .csr-item-htmltext h1 {
	font-size:38px;
	width:600px;
}

@media (max-width: 960px) {
#clvusa .csr-solution h1, #clvusa .csr-item-htmltext h1 {
	font-size:30px;
	width:480px;
}
}

.csr-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;

}

#clvusa .referenceBlock {
	width:960px;
}

@media (max-width: 960px) {
#clvusa .referenceBlock {
	width:480px;
}
}

#clvusa .referenceBlock ul li img {
	width:300px;
	max-width:300px;
	padding:10px 40px 10px 40px;
	opacity: 0.8;
}

/****** Right Column *****/

#csr-right-col .item .image {
	width:100%;
}

#csr-right-col a.link-button {
    margin-top:0;
    margin-bottom:30px;
	width:100%;
}

#csr-right-col .description {
	display:none;
}

/****** Edit *****/

#clvusa .edit-mode-panel {
	margin-left:0;
	background:#fff;
}

#clvusa .edit-mode-panel .ms-formfieldcontainer {
	margin-bottom:30px;
}

/************************************** 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 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 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 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 input[type='checkbox']:focus {
	border:1px solid #666;
}

#clvusa input[type='checkbox']:checked {
	border:1px solid #ffed00;
	background-color:#ffed00;
} 

#clvusa 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 input[type='text']:focus,
#clvusa .aeformstyle input[type="file"],
#clvusa 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;
}

/************************************** Original Product Page ************************************************/

#productPage {
	text-align:center;
}

#productPage p {
	margin: 0;
    padding: 0;
    border-width: 0;
    line-height: inherit;
}

#productPage h1, h2, h3, h4 {
	color: #B6C1CC;
    font-family: source-sans-pro-light, sans-serif;
    font-weight: 300;
}

#productPage h1 {
	color: #B6C1CC;
    text-align: center;
    font-size: 70px;
    line-height: 80px;
    margin:30px 0 15px 0;
}

.prodTextBlock {
	font-family:source-sans-pro-light, sans-serif;
	font-size: 24px;
	line-height:1.3em;
    font-weight: 300;
    color:#728090;
	text-align:center;
	margin-top:50px;
	margin-bottom:50px;
	position:relative;
}

.prodTextBlock.webinar {
	font-size: 20px;
    color:#000;
	text-align:left;
}

.prodTextBlock.narrow {
	max-width:950px;
    margin-left: auto;
    margin-right: auto;
}

.prodTextBlock.slider {
	border-top:1px solid #d4e0ec;
	border-bottom:1px solid #d4e0ec;
	background-color: #E9EFF4;
}

.prodTextBlock.slider .product-slider-navigation {
	left:500px;
	top:520px;
}

#productPage .editor-limit {
    margin-left: auto;
    margin-right: auto;
}

#productPage .container {
	text-align:center;
}

#productPage .slider-text {
	text-align:left;
	margin-left: 600px;
    font-size: 16px;
    font-family: source-sans-pro, sans-serif;
    font-weight: 400;
    line-height: 24px;
    max-width: 250px;
}

#productPage .slider-claim, #productPage .slider-claim:hover {
    color:#728090;
    font-size: 30px;
    line-height: 34px;
    font-family: source-sans-pro, sans-serif;
    font-weight: 300;
}


#productPage .logo-wrapper {
	margin-top:60px;
	margin:0 auto;	
	min-height:170px;
	line-height:170px;
}

#productPage .slider-logo {
	vertical-align:middle;
}

#productPage .slider-image {
	display: inline-block;
    float: left;
    margin-left: 120px;
}

#productPage .container.vertical .slider-text {
	text-align:center;
	margin:0 auto;
    max-width: 560px;
    margin-bottom:30px;
}

#productPage .container.vertical .slider-image {
	display:block;
	float:none;
	margin:0 auto;
    max-width: 600px;
}

.prodTextBlock .item4 {
	display:inline-block;
	max-width:250px;
    vertical-align: top;
    padding: 0 5px 0 5px;
}

#productPage .prodTextBlock .item4 p {
    font-size: 16px;
    font-family: source-sans-pro, sans-serif;
    font-weight: 400;
    line-height: 24px;
}

#productPage .prodTextBlock .item4 h2 {
    font-family: source-sans-pro, sans-serif;
    margin-bottom:20px;
}

#productPage .prodTextBlock .item4 img {
	max-width:140px;
}


.prodTextBlock .item2 {
	display:inline-block;
	max-width:460px;
    vertical-align: top;
    padding: 0 10px 0 10px;
    width:50%;
}

/* webinar modifications */

#second-menu-inside.webinar {
	background:#ffed00;
}

#second-menu-inside.webinar #second-menu-wrapper ul li.dynamic > .ms-core-listMenu-item {
	font-size:14px;
	color:#000;
}

#productPage.webinar {
	background:#fff;
}

.darkStrip {
	background:#e5e4e2;
	padding:30px 0;
}

#page-inside .prodTextBlock.webinar {
	margin-top:40px;
	margin-bottom:40px;
	padding:0 30px;
}

#page-inside .prodTextBlock.webinar h2 {
	display:inline-block;
	color:#000;
	font-size:36px;
	font-weight:bold;
	line-height:40px;
	margin-bottom:20px;
	border-bottom:3px solid #ffed00;
}

.prodTextBlock.webinar .item2 {
	max-width:430px;
}

#page-inside .prodTextBlock.webinar .item2 h3, #productPage .prodTextBlock.webinar .item4 h2 {
	color:#000;
	font-size:20px;
	line-height:26px;
	padding:5px 0;
	border-bottom:0;
}

#page-inside .prodTextBlock.webinar .item2 h3.webinarTheme {
	display:inline-block;
	background:#ffed00;
	padding:5px;
	margin-left:-5px;
}

.prodTextBlock.webinar .item2 ul li {
	line-height:20px;
}

.wbLinkedIn {
	display:inline-block;
	margin-top:20px;
	padding-left:35px;
	height:30px;
	background: transparent url(/Style Library/Images/clv/linkedin-hover.png) no-repeat left top;
}

.bannerButton.webinar, .bannerButton.webinar:hover{
	top: 270px;
    left: 620px;
    background: #381457;
   	color:#fff;
   	text-decoration:none;
   	cursor:pointer;
}

.ci-logo {
	position:absolute;
	top:100px;
	left:800px;
}

/* end webinar modifications */

#productPage .prodTextBlock .item2 h1 {
    font-size: 60px;
}

.prodTextBlock .item2 ul{
	list-style:none;
	padding: 0 0 0 25px;
    text-indent: -30px;
}

.prodTextBlock .item2 ul li {
	line-height:1.1em;
	text-align:left;
	line-height:35px;
	paddgin-bottom:5px;
}

.prodTextBlock .item2 ul li:before {
	content:'\25AA';
	color:#381457;
	font-size:30px;
	line-height:32px;
	padding-right:19px;
}

/* Safari hack */
@media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) and (display:flow-root) {
 .prodTextBlock .item2 ul li:before { padding-right:15px; } 
} }

.prodTextBlock .number, .prodTextBlock  .percentage {
	color:#381457;
	font-family: source-sans-pro, sans-serif;
    font-weight: 400;
}

 .prodTextBlock  .percentage {
 	float:right;
 	margin-right:10px;
}

.joinline {
	margin-top:50px;
	margin-bottom:-5px;
}

.space-no {
	margin-top:0;	
	margin-bottom:0;
}

.space-up {
	margin-top:50px;
	margin-bottom:0;
}

.space-down {
	margin-top:0;
	margin-bottom:50px;
}

@media all and (max-width: 1279px) { 

.ci-logo {
	top:180px;
	left:590px;
}

}

@media all and (max-width: 959px) {  

#productPage {
	padding-top:350px;
}

#fullsize-banner.product, #fullsize-banner-inside, #fullsize-banner-spacer {
	height:370px !important;
}

.prodTextBlock {
	font-size:20px;
}

#productPage h1 {
    color:#728090;
	font-size:50px;
	line-height: 55px;
}

.prodTextBlock .item4 {
	max-width:350px;
    padding: 0 5px 0 5px;
    margin-bottom:30px;
}

#productPage .prodTextBlock .item4 img {
	max-width:200px;
}

.editor-limit, #productSlider1_container, .container {
	width:480px !important;
}

#productPage .container .slider-image {
	margin:0 auto 20px auto;
	float:none;
    max-width: 260px;
}

#productPage .slider-text {
	text-align:center;
	margin:0 auto;
    max-width: 400px;
}

#productPage .container.vertical .slider-image {
    max-width: 480px;
}

#productPage .slider-claim, #productPage .slider-claim:hover {
	font-size:20px;
}

#productPage .product-slider-navigation {
	left: 195px !important;
}

.prodTextBlock .item2 {
	width:100%;
}

}

/* iPhone -------------------------------------------------------------------------- */

@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {  

}
