*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin:0;
padding:0;
border:0;
outline:0;	
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
html {
width: 100%!important;
min-height: 100%!important;
height: auto !important;
height: 100%;
font-size: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
}
body {
height: 100%;
min-height:100%;
margin: 0;	
font-family:Poppins, sans-serif!important;
font-weight: 500;
font-style: normal;
font-size: 20px;
color: #57585a;
padding: 0;
}
img {
max-width: 100%;
width: 100%;
height: auto;
}
ol, ul {
list-style: none;
padding: 0;
}
li {
list-style: none;
}
strong {
font-weight: 800;
}
sup {
font-size: 80%;
}


.backgroundcontainer1 {
position: fixed;
right: 0;
bottom: 0;
top:0;
left:0;
width: 100%;
height: 100vh;
min-height: 100%;
background-color: transparent; 
background-image: url(../images/wcbg1.jpg);
background-position: bottom left center;
background-size: cover;
object-fit: cover; /* for inline images within this container */
z-index: 0;
}
.backgroundcontainer2 {
position: fixed;
right: 0;
bottom: 0;
top:0;
left:0;
width: 100%;
height: 100vh;
min-height: 100%;
background-color: transparent; 
background-image: url(../images/wcbg1b.jpg);
background-position: top center;
background-size: cover;
object-fit: cover; /* for inline images within this container */
z-index: 0;
}




#fullwidthheader {
display: flex;
position: fixed!important;
align-items: center;
justify-content: flex-end;
width: 100%;
background: rgba(87, 88, 90, 0.90);
height: 130px;
z-index: 999;
margin: 0 auto;
padding: 0 20px;
top: 0;
}

.headerlogo {
width: auto;
height: 100px;
position: relative;
margin: 0;
padding: 0;
}

.navarrowscontainer {
border: 0;
position: absolute;
width:auto;
height: 27px;
display: inline-block;
overflow: hidden;
left: 60px;
margin-top: -56px;
}
a.previousarrowbtn {
width:16px!important;
height: 27px!important;
position: relative;
display: inline-block;
margin: 0 20px 0 20px;
padding: 0;
overflow: hidden;
display: inline-block;
background-image: url(../images/previousarrow.png);
background-repeat: no-repeat;
background-position: top left;
}
a.nextarrowbtn {
width:16px!important;
height: 27px!important;
position: relative;
margin: 0 0 0 0;
padding: 0;
cursor: pointer;
overflow: hidden;
display: inline-block;
background-image: url(../images/nextarrow.png);
background-repeat: no-repeat;
background-position: top left;
}
a.previousarrowbtn:hover {
background-position: bottom left;
}
a.nextarrowbtn:hover {
background-position: bottom left;
}




/* menu begins */
.hidden {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	pointer-events: none;
}

.menu {
	position: fixed;
	top: 0;
	left: -380px;
	bottom: 0;
	line-height: 100vh;
	width: 380px;
	-webkit-filter: url("#blur");
	z-index: 99999999;
}

.menu-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(87, 88, 90, 0.90);
	transform-origin: 100% 0;
}

.menu-items {
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	line-height: 1;
}

.menu-item {
	display: block;
	color: #fff;
	font-size: 18px;
font-family:Poppins, sans-serif;
	font-weight: 800;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 40px;
	text-align: right;
line-height: 120%!important;
}

.menu a {
	color: #fff;
	text-decoration: none;
font-family:Poppins, sans-serif;
	font-weight: 800;
	-moz-transition: background-color .3s ease-in;
    -webkit-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in;
}

.menu a:hover {
	color: #fff;
	background: #7CD1B5;
	text-decoration: none;
	font-weight: 800;
    -moz-transition: background-color 0.01s;
    -webkit-transition: background-color 0.01s;
    -o-transition: background-color 0.01s;
    transition: background-color 0.01s;
}

.menu-toggle {
	position: fixed;
	top: 20px;
	left: 20px;
	display: block;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: none;
	border: 0;
	margin: 0;
	z-index: 999999999;
}

.menu-toggle span {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 100%;
	height: 4px;
	background-color: #fff;
	font-size: 0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.menu-open.menu-toggle span {
	background-color: transparent;
}

.menu-toggle span:before,
.menu-toggle span:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
}

.menu-toggle span:before {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

.menu-toggle span:after {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}

.menu-open.menu-toggle span:before {
	-webkit-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}

.menu-open.menu-toggle span:after {
	-webkit-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
}
/* menu ends */




.cpslogo-large {
width: 100%;
max-width: 250px;
position: relative;
padding: 0;
margin: 0;
}



.sectionwrapper {
display: block;
position: relative;
width: 100%;
max-width: 1000px;
margin: 0 auto 30px auto;
padding: 0;
}
.first-section {
display: block;
position: relative;
width: 100%;
max-width: 1000px;
margin: 195px auto 30px auto;
padding: 0;
}

.container100 {
display: flex;
position: relative;
width: 100%;
max-width: 100%;
margin: 0 auto 0 auto;
padding: 0;
border: 0;
gap: 20px;
}
.module100 {
position: relative;
flex: 1 1 100%;
margin: 0;
padding: 20px 0;
mix-blend-mode: normal!important;
}
.module70 {
display: flex;
align-items: flex-start;
justify-content: left;
position: relative;
flex: 1 1 70%;
margin: -50px 0 0 0;
padding: 20px;
mix-blend-mode: multiply;
}
.module60 {
display: flex;
align-items: flex-start;
justify-content: left;
position: relative;
flex: 1 1 60%;
margin: -30px 0 0 0;
padding: 20px;
mix-blend-mode: multiply;
}
.module40 {
display: flex;
align-items: flex-start;
justify-content: left;
position: relative;
flex: 1 1 40%;
margin: 0;
padding: 20px;
mix-blend-mode: multiply;
}
.module30 {
display: flex;
align-items: flex-start;
justify-content: left;
position: relative;
flex: 1 1 30%;
margin: 0;
padding: 0!important;
mix-blend-mode: multiply;
}
.module {
display: flex;
align-items: flex-start;
justify-content: left;
position: relative;
flex: 1 1 50%;
margin: 0;
padding: 20px;
mix-blend-mode: multiply;
}
.module img, .module30 img, .module70 img, .module100 img {
mix-blend-mode: multiply;
opacity: 1;
}

.reset-module {
padding: 20px!important;
border: 0!important;
margin: 0!important;
}

.bottom-aligned {
display: flex!important;
align-items: flex-end!important;
}


.references-box {
border: 1px solid rgba(87, 88, 90, 0.4);
border-radius: 4px;
display: flow-root;
float: left;
padding: 10px 15px;
margin: 10px 0;
mix-blend-mode: multiply;  
}

.connect-message {
color:#78797b!important;
line-height: 125%!important;
font-family:Poppins, sans-serif;
font-weight: 500!important;
font-size: 14px!important;
margin: 0 0 15px 10px!important;
letter-spacing: -0.015em;
mix-blend-mode: multiply;
display: block;
opacity: 0.8!important;
}

.contacticon {
display: inline-block;
position: relative;
width: auto;
height: 90px;
margin: 0;
padding: 0 30px 15px 0;
mix-blend-mode: normal!important;
cursor: pointer!important;
}


.pdf-cover {
display: block;
position: relative;
width: 60%;
max-width: 230px;
height: auto;
margin: 0;
padding:0;
}

.smalltext {
line-height: 130%;
font-family:Poppins, sans-serif;
font-weight: 500;
font-size: 13px;
margin-bottom: 5px;
letter-spacing: -0.015em;
mix-blend-mode: multiply;
opacity: 0.9;
display: block;
}


/*  text colors  */
.red {
color:#ea7f74;
}
.blue {
color:#95add2;
}
.green {
color:#7cd1b5;
}
.mauve {
color:#b37089;
}
.yellow {
color:#F3B47F;
}
.purple {
color:#8070a6;
}
.pink {
color:#e67db0;
}
.text-grey {
color:#57585a;
}
.mid-grey {
color:#78797b;
}
.light-grey {
color:#ececee;
}
.white {
color:#fff!important;
}

/*  background colors  */
.red-bg {
background:#ea7f74;
}
.blue-bg {
background:#95add2;
}
.green-bg {
background:#7cd1b5;
}
.mauve-bg {
background:#b37089;
}
.yellow-bg {
background:#F3B47F;
}
.purple-bg {
background:#8070a6;
}
.pink-bg {
background:#e67db0;
}
.text-grey-bg {
background:#57585a;
}
.mid-grey-bg {
background:#78797b;
}
.light-grey-bg {
background:#ececee;
}


/*  style overrides  */
.no-border {
border: 0!important;
}
.no-padding {
padding: 0!important;
}
.no-gap {
gap: 0!important;
}




h1 {
line-height: 105%;
font-family: 'Poppins', sans-serif;
letter-spacing: -0.035em;
margin-bottom: 20px;
font-weight: 900;
font-size: 60px;
mix-blend-mode: multiply;
opacity: 0.9;
}
h2 {
line-height: 105%;
letter-spacing: -0.035em;
margin-bottom: 30px;
font-weight: 900;
font-size: 50px;
mix-blend-mode: multiply;
opacity: 0.9;
display: block!important;
max-width: 85%;
}
h2 span {
font-weight: 300!important;
font-size: 30px!important;
line-height: 80%!important;
color: #57585a!important;
margin-bottom: -10px!important;
display: block!important;
letter-spacing: -0.015em;
}

h3 {
line-height: 105%;
letter-spacing: -0.035em;
margin-bottom: 15px;
font-family:Poppins, sans-serif;
font-weight: 700;
font-size: 22px;
mix-blend-mode: multiply;
opacity: 0.9;
}
h3 span {
font-weight: 400!important;
}
h4 {
line-height: 105%;
letter-spacing: -0.035em;
margin-bottom: 15px;
font-family:Poppins, sans-serif;
font-weight: 700!important;
font-size: 18px;
mix-blend-mode: multiply;
opacity: 0.9;
}
p {
line-height: 150%;
font-family:Poppins, sans-serif;
font-weight: 400;
font-size: 17px;
margin-bottom: 15px;
letter-spacing: -0.015em;
mix-blend-mode: multiply;
opacity: 0.9;
}



/*  bullet lists begin  */
ul.bulletlist {
font-family:Poppins, sans-serif!important;
margin: 0!important;
mix-blend-mode: multiply;
opacity: 0.9;
list-style: none;
padding: 10px 30px 10px 30px;
display: block!important;
}
ul.bulletlist li {
font-family:Poppins, sans-serif!important;
line-height: 150%;
font-weight: 400;
font-size: 17px;
letter-spacing: -0.015em;
mix-blend-mode: multiply;
opacity: 0.85;
color: #57585a!important;
text-indent: 0;
margin: 0 0 .7em 0;
list-style-type: none;
padding: 0 0 0 20px;
}
ul.bulletlist li {
background: url(../images/bullet.svg) no-repeat top 8px left;
  -webkit-background-size: 8px 8px;
  -moz-background-size: 8px 8px;
  background-size: 8px 8px;
}
ul.bulletlist li a {
text-decoration: underline;
color: #57585a!important;
font-weight: 800;
transition: all 0.35s ease-in-out;
}
ul.bulletlist li a:hover {
text-decoration: underline;
color: #ea7f74!important;
font-weight: 800;
}
/*  bullet lists end  */


/*  no bullet lists begin  */
ul.nobullets {
font-family:Poppins, sans-serif!important;
margin: 0!important;
mix-blend-mode: multiply;
opacity: 0.85;
list-style: none;
padding: 10px 30px 10px 30px;
display: block!important;
}
ul.nobullets li {
font-family:Poppins, sans-serif!important;
line-height: 150%;
font-weight: 400;
font-size: 17px;
letter-spacing: -0.015em;
mix-blend-mode: multiply;
opacity: 0.9;
color: #57585a!important;
text-indent: 0;
margin: 0 0 .7em 0;
list-style-type: none;
padding: 0;
}
ul.nobullets li {
background:none!important;
}
/*  no bullet lists end  */


/*  no bullet lists small begin  */
ul.nobullets-small {
font-family:Poppins, sans-serif!important;
margin: 0!important;
mix-blend-mode: multiply;
opacity: 0.85;
list-style: none;
padding: 10px 20px 10px 20px;
display: block!important;
}
ul.nobullets-small li {
font-family:Poppins, sans-serif!important;
line-height: 150%;
font-weight: 400;
font-size: 13px;
letter-spacing: -0.015em;
mix-blend-mode: multiply;
opacity: 1;
color: #57585a!important;
text-indent: 0;
margin: 0 0 10px 0;
list-style-type: none;
padding: 0;
}
ul.nobullets-small li {
background:none!important;
}
ul.nobullets-small li:last-of-type {
margin-bottom: 5px!important;
}
/*  no bullet lists small end  */






/* blockquote begins */
blockquote {
background: transparent;
border: 0;
margin: 0!important;
padding: 0!important;
display: block;
position: relative;
width: 100%;
mix-blend-mode: multiply;
}
blockquote p {
font-family: "Square Peg", cursive;
font-weight: 400;
font-style: normal;
color: #78797b!important;
font-size:38px!important;
line-height: 100%!important;
display: block;
margin: 0 0 10px 0!important;
padding: 0;
mix-blend-mode: multiply;
}
blockquote p span {
font-size:70px!important;
vertical-align: text-bottom!important;
mix-blend-mode: multiply;
}
cite {
color: #78797b!important;
font-size:12px!important;
letter-spacing: -0.03em!important;
font-family: 'Poppins', sans-serif!important;
font-weight: 400;
font-style: normal;
display: block;
margin: 0 0 0 0;
mix-blend-mode: multiply;
}
/* blockquote ends */





/* boxout begins */
.boxout {
padding: 30px;
display: block;
width: 100%;
margin: 0;
position: relative;
border-radius: 6px;
border: 0;
mix-blend-mode: multiply!important;
opacity: 0.9!important;
}
.boxout p {
color: #fff!important;
opacity: 1!important;
mix-blend-mode: normal!important;
font-weight: 500!important;
}
.boxout ul.bulletlist {
font-family:Poppins, sans-serif!important;
margin: 0!important;
opacity: 1;
list-style: none;
padding: 10px 25px 10px 25px;
display: block!important;
mix-blend-mode: normal!important;
}
.boxout ul.bulletlist li {
font-family:Poppins, sans-serif!important;
line-height: 140%;
font-weight: 400;
font-size: 17px;
letter-spacing: -0.015em;
opacity: 1;
color: #fff!important;
text-indent: 0;
margin: 0 0 .7em 0;
list-style-type: none;
padding: 0 0 0 20px;
mix-blend-mode: normal!important;
}
.boxout ul.bulletlist li {
background: url(../images/bulletwhite.svg) no-repeat top 6px left;
  -webkit-background-size: 8px 8px;
  -moz-background-size: 8px 8px;
  background-size: 8px 8px;
mix-blend-mode: normal!important;
}
.boxout ul.bulletlist li:last-of-type {
margin: 0 0 0 0!important;
}
/* boxout ends */








/* tooltip begins */
.tooltip {
position: relative;
}
.tooltip:before,
.tooltip:after {
display: block;
opacity: 0;
pointer-events: none;
position: absolute;
z-index:99;
mix-blend-mode: multiply!important;
}
.tooltip:after {
border-right: 6px solid transparent;
border-bottom: 6px solid #7cd1b5; 
border-left: 6px solid transparent;
content: '';
height: 0;
top: 10px;
left: 20px;
width: 0;
}
.tooltip:before {
font-family: 'Poppins', sans-serif!important;
background: #7cd1b5;
border-radius: 5px;
color: #57585a;
content: attr(data-title);
font-size: 11px;
font-weight: 600;
line-height: 105%;
text-align: center;
padding: 10px;
top: 16px;
left: -10px;
max-width: 120px;
}
/* tooltip animation expand */
.tooltip.expand:before {
transform: scale3d(.2,.2,1);
transition: all .2s ease-in-out;
}
.tooltip.expand:after {
transform: translate3d(0,6px,0);
transition: all .1s ease-in-out;
}
.tooltip.expand:hover:before,
.tooltip.expand:hover:after {
opacity: 1;
transform: scale3d(1,1,1);
}
.tooltip.expand:hover:after {
transition: all .2s .1s ease-in-out;
}
/* tooltip ends */




/* button over push */
@-webkit-keyframes push {
  50% {
    -webkit-transform: scale(0.96);
    transform: scale(0.96);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes push {
  50% {
    -webkit-transform: scale(0.96);
    -ms-transform: scale(0.96);
    transform: scale(0.96);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.push {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.push:hover {
  -webkit-animation-name: push;
  animation-name: push;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}






/*  ink-modal-trigger button begins */
.ink-modal-trigger{
	width:200px;
	height:179px;
	display:block;
	position:relative;
	margin: 50px 0 0 0;
padding: 0;
border-radius: 4px;
border: 1px solid rgba(87, 88, 90, 0.4);
mix-blend-mode: multiply;
}
.cog-small{
	width:60px;
	height:60px;
	position:absolute;
	top:90px;
	left:15px	;
	background: url(../images/cog-small.png) no-repeat center center;
	background-size:contain;
}
.cog-medium{
	width:90px;
	height:90px;
	position:absolute;
	top:5px;
	left:7px;
	background: url(../images/cog-medium.png) no-repeat center center;
	background-size:contain;
}
.cog-large{
	width:120px;
	height:120px;
	position:absolute;
	top:45px;
	left:75px;
	background: url(../images/cog-large.png) no-repeat center center;
	background-size:contain;
}
.exercisebtntext {
	width:50%;
	height:auto;
	display:block;
	position:absolute;
	bottom: 7px;
left: 10px;
padding: 0;
}
#cog {
	-webkit-animation: cog 5s infinite;			
	-moz-animation: cog 5s infinite;
	-ms-animation: cog 5s infinite; 			
	animation: cog 5s infinite;
	-webkit-animation-timing-function: linear;	
	-moz-animation-timing-function: linear;		
	-ms-animation-timing-function: linear;
	animation-timing-function: linear	
}
@-webkit-keyframes cog {
100%{ -webkit-transform: rotate(360deg)}
}
@-moz-keyframes cog {
100%{ -webkit-transform: rotate(360deg)}
}
@-ms-keyframes cog {
100%{ -webkit-transform: rotate(360deg)}
}
@keyframes cog {
100%{ 
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg)
}
}
#cog-anti {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-animation: cog-anti 5s infinite;
	-moz-animation: cog-anti 5s infinite;
	-ms-animation: cog-anti 5s infinite;
	animation: cog-anti 5s infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear
}
@-webkit-keyframes cog-anti {
100%{ -webkit-transform: rotate(-360deg)}
}
@-moz-keyframes cog-anti {
100%{ -webkit-transform: rotate(-360deg)}
}
@-ms-keyframes cog-anti {
100%{ -webkit-transform: rotate(-360deg)}
}
@keyframes cog-anti {
100%{ 
	-webkit-transform: rotate(-360deg);
	-moz-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	transform: rotate(-360deg)
}
}
/*  ink-modal-trigger button ends */







#pagetop {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
}
.scrolltotopbtn {
position: fixed;
bottom: 15px;
right: 15px;
background-color: rgba(87, 88, 90, 0.25);
padding: 10px;
border-radius: 50px;
transition: background-color 0.35s ease-in-out;
mix-blend-mode: multiply; 
}
.scrolltotopbtn:hover {
background-color: rgba(124, 209, 181, 0.95);
mix-blend-mode: multiply;
}
.uparrow {
width: 15px;
height: 15px;
display: block;
margin: 0 auto;
padding: 0;
}




/*  media queries begin  */


@media only screen and (max-width : 1200px) {

.sectionwrapper {
width: 80%;
padding: 0;
}
.first-section {
width: 80%;
padding: 0;
}
.contacticon {
height: 70px;
}

}


@media only screen and (max-width : 980px) {

blockquote p {
font-size:34px!important;
}

.backgroundcontainer1 {
background-position:  center center;
}

.container100 {
display: flex;
flex-direction: column;
}

.first-section {
margin: 175px auto 30px auto;
}

.module70 {
margin: -20px 0 0 0;
}

h1 {
font-size: 40px;
}
h2 {
font-size: 40px;
}
h2 span {
font-size: 26px!important;
}
h3 {
font-size: 20px;
}
p {
font-size: 16px;
}
li {
font-size: 16px!important;
}
.tooltip:before,
.tooltip:after {
display: none;
}


}



@media only screen and (max-width : 768px) {



}


@media only screen and (max-width : 480px) {

  .sectionwrapper {
    width: 90%;
    padding: 0;
  }

.module100, .module60, .module40, .module {
padding: 20px;
}

p {
font-size: 15px;
}
li {
font-size: 15px!important;
}

.boxout ul.bulletlist {
  padding: 10px 0 10px 0;
}

}



@media only screen and (max-width : 400px) {

.navarrowscontainer {
display: none!important;

}

}

/*  media queries end  */