@charset "utf-8";
/* CSS Document */

body, 
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {margin: 0; padding: 0; border: 0;}


* {box-sizing:border-box; outline:medium none;}
html, body {margin:0;}
body {font-family: 'Lato', sans-serif; color:rgba(102,102,102,1.00); font-size:14px; background-color:rgba(255,255,255,1.00); line-height:1.8; letter-spacing:0.04em;
  /* -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; */}

/********** BASIC STYLING - LINKS, HEADERS, HR, LISTS, IMAGES **********/

a img:hover {opacity: 0.8;}
a img, a:link, a:hover, .TabControl:hover, .TabControlLink:hover, .CTA-block:hover {-o-transition: all 300ms;
 -moz-transition: all 300ms;
 -webkit-transition: all 300ms;
 transition: all 300ms;}
a:link {color:rgba(84,194,200,1.00);} 
a:visited {color:rgba(84,194,200,1.00);} 
a:hover {color:rgba(84,194,200,0.70);} 
a:hover strong {} 
a:active {}

p {font-size:14px; line-height:1.8; margin:15px 0;}

h1, h2, h3, h4, h5, h6 {font-weight:400; line-height:1.4;}
h1{font-size:32px; margin:30px 0 10px;}
h2{font-size:22px; margin:30px 0 10px;}
h3{font-size:18px; margin-top:10px; letter-spacing:normal;}
h4{font-size:15px; margin-top:10px; letter-spacing:normal; font-weight: 600;}

@media (min-width: 768px) {
	p {font-size: 16px;}
	h1{font-size:36px;}
	h2{font-size:28px;}
	h3{font-size:22px;}
	h4{font-size:16px;}
}
 hr {width:100%; display:inline-table; margin:25px auto; border-width:2px 0 0; border-style:dotted; border-color:#dddddd; height:1px; color:#dddddd; background-color:inherit;}

.ZoneContent ul, .ZoneContent ol {margin-left:40px;}
li {} 
.pt_1col1 ul, .pt_1col1 ol {margin-left:30px;}

img {max-width:100%;}
.imgLeft {float:none;}
.imgRight {float:none;}
a img {border:0;}

 .mobile-show {display:block !important;}
.mobile-hide {display:none !important;}

@media screen and (min-width: 992px) {
	.mobile-show {display:none !important;}
	.mobile-hide {display:block !important;}
}

.imgLeft {float:none;}
.imgRight {float:none;}

.floatleft {float:left !important;}
.floatright {float:right !important;}

.textright {text-align:right !important;}
.textleft {text-align:left !important;}
.textcenter {text-align:center !important; margin-left:auto; margin-right: auto;}
.mobiletextcenter {text-align: center !important; margin: 0 auto; display: block;}

@media (min-width: 768px) {
	.mobiletextcenter {text-align:left !important; margin:inherit;}
	.desktoptextcenter {text-align:center !important; margin: 0 auto;}
}

.sizeXXL, .sizeXL, .sizeL, .sizeM, .sizeS, .sizeXS {line-height:1.6;}

.sizeXXXL {font-size:24px ;}
.sizeXXL {font-size:20px ;}
.sizeXL {font-size:18px ;}
.sizeL {font-size:16px ;}
.sizeM {font-size:14px ;}
.sizeS {font-size:12px ;}
.sizeXS {font-size:10px;}

.hXXL {font-size:24px; line-height:1.1;}
.hXL {font-size:20px; line-height:1.1;}
.hL {font-size:18px; line-height:1.1;}

@media (min-width: 768px) {

	.sizeXXXL {font-size:34px !important;}
	.sizeXXL {font-size:28px !important;}
	.sizeXL {font-size:22px !important;}
	.sizeL {font-size:18px !important;}
	.sizeM {font-size:14px !important;}
	.sizeS {font-size:12px !important;}
	.sizeXS {font-size:10px !important;}

	.hXXL {font-size:60px;}
	.hXL {font-size:50px;}
	.hL {font-size:40px;}

}

blockquote {font-family: 'Lora', serif; font-style: italic; border-top: 1px solid #ddd; border-bottom:1px solid #ddd; font-size: 24px;  text-align: center; padding: 10px 0; margin: 20px auto; line-height: 1.2;}
@media (min-width: 768px) {
	blockquote {width:80%; padding: 20px 0; margin:50px auto; font-size:24px;}
}

.fontaqua {color:rgba(84,194,200,1);}
.fontred {color:rgba(197,77,87,1);}
.fontwhite {color: rgba(255,255,255,1.00)}
.fontgrey {color: rgba(50,50,50,1.00)}

.fontshadowscript {font-family: 'Shadows Into Light', cursive;}
.fontMontserrat {font-family: 'Montserrat';}

.fontbolder {font-weight:800 !important;}
.fontbold {font-weight:600 !important;}
.fontreg {font-weight:400 !important;}
.fontlight {font-weight:300 !important;}
.fontxlight {font-weight:200 !important;}


.marginTB {margin-top:10px !important; margin-bottom: 10px !important;}
@media (min-width: 768px) {
	.marginLR {margin-right:40px !important; margin-left:40px !important;}
	.marginLLRR {margin-right:120px !important; margin-left:120px !important;}
}

/********** HEADER - LOGOS, CLIENT LOGIN **********/

#main-menu {background:transparent;}

.Logo {text-align:center; width:85%;}
.Logo img {max-height:50px; margin-top:5px;}
@media (min-width: 768px) {
	.Logo {float:left; position:relative; width: auto;}
	.Logo img {max-height:70px; display:block; margin-top:10px;}
}
#divMainMenu {float:right; z-index:1000;}

.ClientLogin {float:right;}
.ClientLogin .e3-button {min-width:100px; margin-top: 0px;}
.ClientLogin {margin-top: 5px;}

@media (min-width: 768px) {
	#divMainMenu {margin-top: 20px;}
	.ClientLogin {margin-top: 24px;}
}

header, section, footer {width:100%; float:left;}
header {margin-top: 5px;}
section {}
@media (min-width: 768px) {
	section {margin-top:110px;}
	header {margin-top: 0; position: fixed; background-color: #fff; z-index: 1000; padding: 15px 0;}
	.scrolled-head {box-shadow: 0 0 10px #aaa; transition: all .3s ease; padding: 5px 0 10px;}
	.scrolled-head .Logo img {max-height: 50px;}
	.scrolled-head #main-menu li, .scrolled-head #main-menu a, .scrolled-head .ClientLogin a.e3-button {font-size: 14px;}
	.scrolled-head #divMainMenu {margin-top: 10px;}
	.scrolled-head .ClientLogin {margin-top: 15px;}
}

header #menu-button i {font-size:30px; color:#aaaaaa;}

/* #Header {}
#Content {}
#Footer {}*/

.wrapper {margin:0 auto; padding:0 10px;}
@media (min-width: 768px) {.wrapper {width: 750px;}}
@media (min-width: 992px) {.wrapper {width: 970px;}} /*1025 ipad */
@media (min-width: 1200px) {.wrapper {width: 1170px;}}
@media (min-width: 1550px) {.wrapper {width: 1550px;}}
/*@media (min-width: 1500px) {.wrapper {width: 1470px;}}
@media (min-width: 1600px) {.wrapper {width: 1570px;}}*/

.wrapper.fullwidth {width: 100%; float: left; margin: 0; padding: 0;}
.fullwidth.BGAqua {padding: 0 0 20px;}
@media (min-width: 768px) {
	.wrapper.fullwidth {margin: 30px 0;}
}

/*.hero {text-align: center; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.hero h1 {font-family: 'Rozha One', serif; font-size: 50px; line-height: 0.8; color: #555555; font-weight: 400;}
.hero h2 {font-size: 20px; letter-spacing: 5px;}
@media (min-width: 992px) {
	.hero {}
	.hero h1 {font-size: 100px;}
	.hero h2 {font-size: 30px;}
} */


/********** FOOTER **********/

footer {margin-bottom:20px; margin-top: 40px; font-size:11px; letter-spacing:1px; color:#777777;}
footer #CopyrightInfo {font-size:14px; line-height:1.1; letter-spacing:0;}

@media (min-width: 768px) {
	footer {margin-top: 80px;}
}

.FooterBottom {text-align: center; margin-top: 30px; float: left; width:100%;}

footer strong {text-transform: uppercase; font-size: 13px; color:rgba(90,90,90,1.00); font-weight: 800;}
footer strong a {color:#555555!important; text-decoration: none;}
footer strong a:hover {text-decoration: underline;}
footer row {text-align: left;}
footer .CMSSiteMapList {text-align:left; list-style: none; margin-bottom: 20px;}
footer a.CMSSiteMapLink {text-decoration: none; color:rgba(150,150,150,1.00); }
footer a.CMSSiteMapLink:hover {text-decoration: underline;}
footer img {height:60px; margin-bottom: 15px;}



/********** CONTENT **********/
#Content .pt_header h1 {font-size:38px; color: #444444; margin:15px 0; letter-spacing:-2px; font-family:'Montserrat'; text-align:center; font-weight: 700;}
@media (min-width: 768px) {
	#Content .pt_header h1 {font-size:80px; margin:30px 0;}
}

.e3-button {background-color:rgba(84,194,200,1.00); min-width:120px; max-width:320px; border:none; text-transform:uppercase;}
.e3-button:hover {background-color:rgba(51,177,184,1);}
a.e3-button {color:#ffffff; font-size:14px; font-weight:600;}
#alt.e3-button {background-color:#999; color:#fff;}
#alt.e3-button:hover {background-color:#aaa;}
section .e3-button {margin: 5px 8px 30px;}

@media (min-width: 768px) {
	a.e3-button {font-size: 18px;}
	.ClientLogin a.e3-button {font-size: 15px;}
}

.row.flex {}
@media (min-width: 768px) {
	.row.flex {display:flex;}
	.flex {justify-content:center;}
	.flex a {margin:10px 5px;}
}

.page-title {color: rgba(230,230,230,1.00); font-family: Montserrat; font-size: 30px; padding: 30px 0 10px; text-align: center; line-height: 1.3; margin: 10px 0 10px;}
@media (min-width: 768px) {
	.page-title {font-size: 60px; padding: 160px 0 30px; margin-top: 20px;}
}



/*mobile - responsive nav start*/

.mobile-nav-btn {float:left; width:15%;}
#menu-button.collapsed:before, #menu-button.collapsed:after, #menu-button::before {display: none;}
#menu-button {padding:10px 0 !important; display:block;}

#main-menu {box-shadow:none;}
#main-menu li, #main-menu a {border-radius:0; color:rgba(255,255,255,1); font-weight:400;}
#main-menu > li > a {background:#002b55;}
#main-menu ul {background:#1c5388;}
#main-menu ul ul {background:#477fb5;}
#main-menu ul ul ul {background:#77a3ce;}
#main-menu .sub-arrow {color:#fff;}
@media (min-width:768px) {
	#main-menu .sub-arrow {color:rgba(45,159,243,1.00);}
}

#main-menu li a {background-color:rgba(84, 194, 200, 1);}
.menu-opened nav {background-color:rgba(84, 194, 200, 1);}
nav {background-color: transparent !important;}

@media (min-width:768px) {
	#main-menu li a {background-color: #fff;}
}
@media (max-width:768px) {
	#main-menu li a:hover {background-color:rgba(23, 147, 154, 1) !important;}
}

/*responsive nav end*/


@media (min-width:768px) {
	header .mobile-nav-btn {display:none; float:none;}
	/* desktop - responsive nav start*/
	#main-menu {background: transparent none repeat scroll 0 0;	display:table !important; width:auto; margin:0 auto;}
	#main-menu li, #main-menu a {color:rgba(102,102,102,1.00); font-size:15px; border:none; font-family: 'Montserrat', sans-serif; text-transform: uppercase;}
	#main-menu > li > a {background:transparent;}
	#main-menu > li > a:hover {color:rgba(84,194,200,1.00);}
	#main-menu ul {background-color:rgba(255,255,255,0.95); box-shadow:0 2px 4px rgba(0, 0, 0, 0.2); border:1px solid #ddd;}
	.sm-blue > li:last-child > a, .sm-blue > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {border-radius:0 0 4px 4px;}
	#main-menu ul a:hover, #main-menu ul a.highlighted {background-color:#54C2C8 !important; color:rgba(255,255,255,1.00);}
	.sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {background-image: none !important;}
	#main-menu ul ul {background:#F2F2F2;}
	#main-menu ul ul ul {background:#F2F2F2;}
	#main-menu .sub-arrow {/*display:none;*/ left:auto; right:5px;; top:22px;}
	/*responsive nav end*//* CSS Document */	
}

.NPS-Category {color:white; font-family: 'Montserrat', sans-serif; text-align:center; max-width: 200px; margin: 10px auto 30px; padding: 5px; font-size: 24px; display: block;}
.red {background-color:rgba(197,77,87,1);}
.grey {background-color:rgba(121,122,125,1);}
.aqua {background-color:rgba(84,194,200,1);}


/* Meeting Bookings*/
#SOWidget {font-family: 'Lato', sans-serif !important; border: none !important;}
#SOBookingButton, #SOEmailButton {background-color:rgba(84, 194, 200, 1)  !important; box-shadow: none !important;}

/* Login */
.e3page-right.col-xs-12.col-sm-6 {width:100%;}

/* Home LANDING PAGE */
.Features {background-color: #eee; display: block; padding:30px; margin: 5px;}
a.Features {text-decoration: none; color: #555;}
.Features:nth-child(1) {margin-left: 10px;}
.Features:nth-last-child(1) {margin-right: 10px;}
.Features:hover {background-color: #d5d5d5;}

.Features i:hover {color: #36b2b9;}

.BGAqua {background-color: #53C2C8; color: #fff;}
.BGDGrey {background-color: #444444; color: #fff;}
.BGLGrey {background-color: #888888; color: #fff;}
.BGLLGrey {background-color: #eee;}
@media (min-width:768px) {
	.BGDGrey, .BGLGrey, .BGAqua {padding: 20px 0 60px !important;}
}

.rating {display:inline-block; background-color:#53C2C8; color: #fff; margin: 10px; padding: 7px; border-radius: 30px; height: 50px; width:50px; text-align: center; font-weight: 600;}
.rating:hover  {background-color: #33B1B8; cursor: pointer;}

.CollectSteps {background-color: #f1f1f1; border: 3px solid #999; border-radius: 5px; line-height: 1.3; padding: 20px !important; text-align: center;}
@media (min-width:768px) {
	.CollectSteps {margin: 10px; padding: 30px 20px !important;}
	.CollectSteps:nth-child(1) {margin-left: 40px;}
	.CollectSteps:nth-last-child(1) {margin-right: 40px;}
}

.stepsarrowright {margin: 10px 0;}
.stepsarrowright .fa-arrow-circle-down {}
@media (min-width:768px) {
	.stepsarrowright {margin-top: 100px;}
	.stepsarrowright .fa-arrow-circle-down {transform:rotate(-90deg);}
}

.IconsMostSurveys {font-size: 4em; color: #aaa;}
.DescriptionMostSurveys {}
@media (min-width:768px) {
	.IconsMostSurveys {}
	.DescriptionMostSurveys {font-size: 18}
}

.Scores {background-color:#f9f9f9; border: 1px solid #ddd; padding: 15px;}
@media (min-width:768px) {
	.Scores {padding: 40px;}
}

@media (min-width:768px) {
#IndustryLeader {margin-top: 60px;}
}

/* FEATURES PAGE */

.item {box-sizing: border-box; cursor: pointer; margin: 0 0 25px; min-height: 220px; overflow: hidden; text-align: center; padding: 10px;}

.item h1 {line-height: 1.1; font-size: 24px; font-weight: 300; font-family: 'Open Sans', sans-serif; position: relative;}

@media (min-width:768px) {
.item h1 {font-size: 32px; }
.item.deliver h1 {margin:100px 0 0;}
.item.threshold h1 {margin:110px 0 0;}
.item.business h1 {margin:230px 0 0;}
.item.benchmark h1 {margin:150px 0 0;}
.item.automation h1 {margin:125px 0 0;}
.item:hover h1 {margin: 40px 0 15px; transition: all 0.3s ease 0s;}
}
	
.item a {display: none;}

@media (min-width:768px) {
.item a {border: 2px solid #fff; padding: 10px 30px; border-radius: 30px; margin: 20px 0 0; display: inline-block; color: #fff; text-decoration: none; transition: all 0.3s ease 0s;}
.item.deliver a {color: #777; border: 2px solid #777;}
.item:hover a {display: none; margin: 400px 0 0; transition: all 0.3s ease 0s;}
}

@media (min-width:768px) {
.item p {left: 0; margin: 400px 0 0; padding: 0 15px; display: inline-block; position: relative;}
.item1 p, .item2 p, .item3 p, .item4 p, .item5 p {
   	display: block;	position: relative;}

.item:hover p {margin: 50px 0 0; transition: all 0.45s ease 0s; display: block;}
.item:hover p::before {transition: all 0.3s ease 0s;}
.item:hover {
	box-shadow: 0 0 0 500px rgba(0,0,0,0.1) inset;
   	transition: all 0.3s ease 0s; }
}

.deliver {background-color: #EEF4F8; background-image: url(/SiteDesign/Images/bg-delivery.aspx); background-repeat: no-repeat; background-position: bottom left;}
.threshold {background-color: #383838; color: #fff; background-image: url(/SiteDesign/Images/bg-tasks.aspx); background-repeat: no-repeat; background-position: bottom center;}
.business {background-color: #54c2c8; color: #fff; background-image: url(/SiteDesign/Images/bg-customizable.aspx); background-repeat: no-repeat; background-position: bottom left;}
.benchmark {background-color: #c54d57; color: #fff; background-image: url(/SiteDesign/Images/bg-benchmark.aspx); background-repeat: no-repeat; background-position: bottom center;}
.automation {background-color: #797a7d; color: #fff; background-image: url(/SiteDesign/Images/bg-automation.aspx); background-repeat: no-repeat; background-position: bottom right;}

@media (min-width:768px) {
.deliver {height: 270px;}
.threshold {height: 305px;}
.business {height: 600px;}
.benchmark {height: 400px;}
.automation {height: 350px;}
}

.One {background-image: url(/SiteDesign/Images/04.aspx); background-size: cover;}
.Two {background-image: url(/SiteDesign/Images/03.aspx); background-size: cover;}

/* Animated Checkbox */
/* .checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #54c2c8;
  fill: none;
  animation: stroke .6s cubic-bezier(0.650, 0.000, 0.450, 1.000) 1s forwards;
}

.checkmark {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 20px auto 0;
  box-shadow: inset 0px 0px 0px #FFF;
  animation: fill .4s ease-in-out 1.4s forwards, scale .3s ease-in-out 1.9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke .3s cubic-bezier(0.650, 0.000, 0.450, 1.000) 1.8s forwards;
} */

/*** @keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 50px #54c2c8;
  }
} ***/
