@charset "UTF-8";
/*
* TABLE OF CONTENTS
* ------------------
* Quick Settings - Collection of color and font settings for quick cusomization.
* Global Styles
* Main Layout
* Loading Indicator
* Tables
* Table Grid
* Simple Grid
* Question Wrapper
* Question Text
* Instruction Text
* Error Messaging
* Smart Buttons
* Text Inputs
* Radio & Checkbox Questions
* Scale Question
* Dropdown Question
* Numeric Questions
* Slider Question
* Drag & Drop Question
* Drag & Drop Scale Question
* Coordinate Tracker Question
* Footer
*/

/* theme color */

[type="radio"]+label:after {​ z-index: 99 !important; }​
/****** test endpage ****************************************************************************/
.cm-test-endpage {display: block !important;}
.cm-test-endpage .cm-test-endpage__label:nth-child(1),.cm-test-endpage .cm-test-endpage__value:nth-child(2) {display: none;}
.cm-test-endpage_link .cm-test-endpage__value p {color: rgb(33, 150, 243);}/* CMIX link blue */
.cm-test-endpage_link .cm-test-endpage__value p:before {
  content: "This session has ended due to the Respondent Status above. A live respondent would have immediately been redirected to the link below:";
  display: block;
  margin-bottom: 10px;
  color: rgb(34, 34, 34);
}
.cm-test-endpage_link .cm-test-endpage__value p:after {
  content: "If you would like to traverse back to the previous screen of the interview, click the << button in the testing tools pane on the right.";
  display: block;
  margin-top: 10px;
  color: rgb(34, 34, 34);
}
.cm-test-endpage_link .cm-test-endpage__value .cm-navigation-next-button {display: none;}

/******PAGE4 ************/
/* BASIC RESET */
			* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
			ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}
			html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
			html, body {max-width: 100%;overflow-x: hidden;}
			body{background-color:#FFFFFF; font-family: 'open-sans', sans-serif; margin: 0 auto; width: 100%; border-collapse:collapse;font-size:15px;line-height: 1.625;color:#0D0D0D; -webkit-font-smoothing: antialiased; word-wrap:break-word !important;}
			.clearfix {display: block;clear: both;}
			p {margin: 0 0 24px; margin: 0 0 2.4rem; padding: 0; text-align:left; font-size:17px; color:#000000;}
			.smallfont {margin: 0 0 24px; margin: 0 0 2.4rem; padding: 0; text-align:left; font-size:12px; color:#000000;}
			a {text-decoration: none; color: #2AACE2; font-weight: 500;}
			a:hover{font-weight: 800; color: #2AACE2; text-decoration: none;}
			img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic; max-width:100% !important; height:auto;}
			h1, h2, h3 {font-family:  'open-sans', sans-serif; font-weight: normal; line-height: 1.2; margin: 0 0 16px;}
			h1 {font-size:46px; color: #fff; font-weight: 700;}
			h2 {font-size:26px; color:#fff; font-weight: 600;}
			h3 {font-size:20px; color:#000;display: block; font-weight: 700; text-align: center;}
			h4 {font-size:32px; color:#000; text-align: center; font-weight: 600;}
			h5 {font-size:2em; color:#000000; }
			h6 {color: #000000; font-size: 22px; line-height: 24px; font-weight: 700; letter-spacing: 1px; display: block; margin: 0; cursor: pointer;}

			header {width:100%; text-align:center; margin:0 auto; height:80px; background-color:#FFFFFF; position: fixed; left: 0; top: 0; overflow: visible; box-shadow: 0 0 10px #444; right: 0; z-index:9999;}
			#header-container {max-width:1200px; width:100%; text-align:center; margin:0 auto;}
			/*.navbar-header {float: left; width: 135px;}*/
			.navbar-header2 {float: left; width: 100%; margin: 20px 40px 10px 15px; text-align: center;}
			#body-content {width: 100%; height:490px;}
			.hero { background-repeat: no-repeat; background-position: top; background-color: #ffffff; margin-top: 50px; padding: 60px 0 30px; color: #000000; position: relative; text-align: left; z-index: 0; background-size: cover; background-image: url(https://darwin-assets.dynata.com/Nielsen/2021/Nielsen-HomePage-Refresh-bg.jpg);}
			.section {clear: both; margin: 0px; max-width:980px; width:80%; text-align:center; margin:0 auto;}
			.btn {
				margin: 0 auto; 
				display: block; 
				-webkit-transition: all 0.3s ease-in-out; 
				-moz-transition: all 0.3s ease-in-out; 
				transition: all 0.3s ease-in-out; 
				display: inline-block; 
				font-family: 'open-sans', sans-serif; 
				font-weight: 700; 
				width: 300px; 
				padding: 1.3rem 0.5em; 
				font-size:1.4em; 
				line-height: 30px; 
				background: #2AACE2; 
				color: #fff; 
				border: 1px solid #2AACE2; 
				text-decoration: none; 
				border-radius: 50px;
				margin-bottom: 15px;
			}

			.btn:hover {background: transparent;  border: 1px solid #2AACE2; color: #2AACE2; text-decoration: none;}
			.btntransparent {
				margin: 0 auto; 
				display: block; 
				-webkit-transition: all 0.3s ease-in-out; 
				-moz-transition: all 0.3s ease-in-out; 
				transition: all 0.3s ease-in-out; 
				display: inline-block; 
				font-family: 'open-sans', sans-serif; 
				font-weight: 700; 
				width: 300px; 
				padding: 1.3rem 0.5em; 
				font-size:1.4em; 
				line-height: 30px; 
				background: transparent; 
				color: #fff; 
				border: 1px solid #2AACE2; 
				text-decoration: none; 
				border-radius: 50px;
				margin-bottom: 15px;
			}
			#wrapper4 .btntransparent, #wrapper2 .btntransparent {color: #2AACE2;}
			.btntransparent:hover {background: #2AACE2;  border: 1px solid #2AACE2; color: #fff; text-decoration: none;}
			#wrapper4 .btntransparent:hover, #wrapper2 .btntransparent:hover {color: #fff;}
			#boxone {text-align:left; margin: 46px 0;}
			#boxone p {text-align:center;}
			#boxone img {display:block;}
			.f-grid-cell {border: 0;}
			.centerr {text-align: center!important;}
			.padding-20 {padding: 0 20px;}
            .check {list-style-image: url("https://darwin-assets.dynata.com/Nielsen/cps-check-4.png");}
			#wrapper {background-color: #FFFFFF;}
			#wrapper2 {padding: 40px 10px; background-color: #ffffff;}
			#wrapper3 {padding: 40px 10px; background-color: #ffffff;}
			#wrapper4 {padding: 40px 10px; background-color: #F2F2F2;}
			.whitebg {background-color:rgba(255,255,255,0.5); padding: 30px; min-height: 100%; min-height: 36vh; display: flex; align-items: center;}
			.whitebg-top {/*background-color:rgba(255,255,255,0.6);*/ padding: 20px; display: flex; width: 100%; text-align: center;}
			#boxalignment {position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; text-align: left; padding: 15px;}
			#boxalignment a:hover{color: black;}
			.transition, p, ul li em:before, ul li em:after {transition: all 0.25s ease-in-out;}
			.flipIn, .flipIn ul li { animation:flipdown 0.5s ease both;}
			.no-select, h6 { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
			.faq-flip {min-height: 0; display: inline-block; position: relative; background-color: #FFFFFF; -webkit-border-radius: 5px; border-radius: 5px;	padding: 28px; max-width:100%;-webkit-box-shadow: 0px 5px 9px -1px rgba(132,132,132,0.48); box-shadow: 0px 5px 9px -1px rgba(132,132,132,0.48);}
			.faq-flip p { position: relative; overflow: hidden; max-height: 800px; opacity: 1; transform: translate(0, 0);  margin-top: 14px; z-index: 2;}
			.faq-flip ul {list-style: none; perspective: 900; padding: 0; margin: 0;}
			.faq-flip ul li {position: relative; padding: 0; margin: 0; padding-bottom: 0; padding-top: 14px; border-bottom: 1px dotted #dce7eb;}
			.faq-flip ul li:nth-of-type(1) {animation-delay: 0.5s;}
			.faq-flip ul li:nth-of-type(2) {animation-delay: 0.75s;}
			.faq-flip ul li:nth-of-type(3) {animation-delay: 1s;}
			.faq-flip ul li:last-of-type {padding-bottom: 0; border-bottom: 0;}
			.faq-flip ul li em {position: absolute; transform: translate(-6px, 0); margin-top: 16px; right: 0;}
			.faq-flip ul li em:before, ul li em:after {content: ""; position: absolute; background-color: #2AACE2; width: 3px; height: 9px;}
			.faq-flip ul li em:before { transform: translate(-2px, 0) rotate(45deg); }
			.faq-flip ul li em:after {transform: translate(2px, 0) rotate(-45deg); }
			.faq-flip ul li input[type=checkbox] {position: absolute; cursor: pointer; width: 100%; height: 100%; z-index: 1; opacity: 0;}
			.faq-flip ul li input[type=checkbox]:checked ~ p {margin-top: 0; max-height: 0; opacity: 0; transform: translate(0, 50%);}
			.faq-flip ul li input[type=checkbox]:checked ~ em:before {transform: translate(2px, 0) rotate(45deg);background-color: #000;}
			.faq-flip ul li input[type=checkbox]:checked ~ em:after {transform: translate(-2px, 0) rotate(-45deg);background-color: #000;}
            .faq-flip ul li input[type=checkbox]:checked ~ .blue {font-weight: 300;}	
			
			@keyframes flipdown { 
				0% {opacity: 0; transform-origin: top center; transform: rotateX(-90deg);}
				5% {opacity: 1;}
				80% {transform: rotateX(8deg);}
				83% {transform: rotateX(6deg);}
				92% {transform: rotateX(-3deg);}
				100% {transform-origin: top center; transform: rotateX(0deg);}
			}

			#footer { background-color:#000000; width:100%; font-size:18px; color:#ffffff; clear:both; min-height:50px; vertical-align:middle; text-align:center; padding-top:20px;}
			.icon{ width:25%}
			nav {margin-right: 70px;}
			.gray {background-color: #EAE8E8; width: 100%; padding: 10px;text-align: center; clear: both;}
			#myVideo {position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -2;}
			.hero .overlay {height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; background: #000000; opacity: 0.6;}
			.carousel-inner .active.left { left: -33%; }
			.carousel-inner .next { left:  33%; }
			.carousel-inner .prev { left: -33%; }
			.carousel-control.left,.carousel-control.right {background-image:none;}
			.carousel-control {width: 0;}
			.carousel-inner { position: relative; width: 320px; overflow: hidden; margin: 0 auto;}
			.carousel-multi{
				.carousel-inner{
					> .item{
						transition: 500ms ease-in-out left;
						> .media-card{
							background: #333;
							border-right: 10px solid #fff;
							display: table-cell;
			  				width: 1%;
							&:last-of-type{
								border-right: none;
							}
						}
					}
					.active{
						display: table;
						&.left{
							left:-33%;
						}
						&.right{
							left:33%;
						}
					}
					.next{
						left: 33%;
					}
					.prev{
						left: -33%;
					}

					@media all and (transform-3d), (-webkit-transform-3d) {
						> .item{
						/* use your favourite prefixer here*/
						transition: 500ms ease-in-out all;
						backface-visibility: visible;
						transform: none!important;
						}
					}
				}
			}

            .f-slide{
                border-color: #000;
				border: 2px;
				border-style: solid;
				padding: 20px;
				-webkit-transition : border 150ms ease-out; 
				-moz-transition : border 150ms ease-out;
				-o-transition : border 150ms ease-out;
			}

			@media only screen and (min-width: 992px) {
				.f-grid {display: flex; justify-content: space-between; margin-left: -1rem; flex-flow: row wrap;}
				.f-grid-cell {flex: 1 0; margin-left: 1rem; margin-bottom: 1rem;}
			}

			@media only screen and (max-width: 991px) {
				.f-grid-cell {margin: 20px 10px;}
				h1 {font-size: 46px; line-height: 1.2;}
				h2 {font-size:20px; line-height: 1.2;}
				.whitebg {display: block;}
			}

			@media only screen and (max-width: 830px){
				/*#myVideo {display: none;}*/
				.whitebg-top {width: 100%;}
                #body-content {height:auto;}
			}

			@media only screen and (max-width: 768px) {
				h1 {font-size:46px; line-height:1.2; text-align: center;}
				h2 {font-size:20px; line-height: 1.3em; text-align: center;}
				.navbar-collapse {display:none;}
				/*.navbar-header {float:left; margin: 0 auto; padding-top:0px;}*/
				/*.navbar-header2 {float:right; margin: 0 auto; padding-top:20px;}*/
				#body-content {height:auto;}
                .carousel-inner {margin: auto!important;}
				.whitebg {padding: 30px; min-height: 100%; min-height: auto; height: 340px;}
				h5 {font-size:1.8em;}
			}

			@media only screen and (max-width: 552px) {
				.faq-flip {box-sizing: border-box; transform: translate(0, 0); max-width: 100%; min-height: 100%; margin: 0; left: 0; }
				.faq-flip h6 {padding: 10px 0; width: 200px; font-weight: bold;}
				#boxalignment h5 {font-size: 1.3em;}
				.whitebg {padding: 15px; height: 330px;}
				.whitebg-top {padding: 10px;}
                .btn, .btntransparent {width:250px; margin-bottom: 15px;}
                .carousel-inner {width:250px;}
                .navbar-header2 {float: none; margin:auto; margin-top:15px; margin-bottom:15px;}
			}

            /* LEFT TO RIGHT ANIMATION */
			/*animation element*/
			/*animation element sliding left*/
			.animation-element.slide-left {
				animation-duration: 500ms;
				animation-iteration-count: 1;
			}

			.animation-element.slide-left.in-view {
				opacity:0 ;
				position: relative;
				animation: slidein 500ms linear 800ms 1 normal, borders 1.5s cubic-bezier(0,-0.46, 1, 0.23) 800ms 1 normal;
				animation-fill-mode: forwards;
			}

			.slide-left ul {
				animation-duration: 1.5s;
				animation-iteration-count: 1;
			}
			
			.slide-left.in-view ul {
                opacity:0 ;
				position: relative;
				animation-name: slidein2;
				animation: slidein2 1.5s cubic-bezier(0,-0.46, 1, 0.23) 800ms 1 normal;
				animation-fill-mode: forwards;
			}

			@keyframes slidein {
				0%   { opacity: 0; transform: translate3d(-100px, 0px, 0px); border-color: #fff;}
				100% { opacity: 1; transform:translate3d(0px, 0px, 0px); border-color: #000;}
			}

			@keyframes slidein2 {
				0%   { opacity: 0;}
				100% { opacity: 1;}
			}

			@keyframes borders {
				0%   {border-color: #fff;}
				100% {border-color: #000;}
			}

			/** Block Hover Effect **/
			.f-grid-hover{
				-webkit-transition : border 150ms ease-out; 
				-moz-transition : border 150ms ease-out;
				-o-transition : border 150ms ease-out;
			}

			.f-grid-hover:hover {
				-webkit-transition : border 150ms ease-out!important; 
				-moz-transition : border 150ms ease-out;
				-o-transition : border 150ms ease-out;
                border-width: 4px;
                border-color: #62F662!important;
            }

			/*** SVGs animation ***/
			.zoom {
				transition: transform 1s;
				 filter: none;
			}
			
			.zoom:hover {
				-ms-transform: scale(1.2);
				/* IE 9 */
				-webkit-transform: scale(1.2);
				/* Safari 3-8 */
				transform: scale(1.2);
				 filter: brightness(0) invert(1);
				padding-top:6px;
			}
			
			.circle-item {
				width: 60px;
				height: 60px;
				border-radius: 50%;
				transition: all 0.4s ease-in-out;
				margin: 0 auto;
			}

			.circle-bg {
				position: absolute;
				background: #2AACE2;
				width: 100px;
				height: 100px;
				border-radius: 50%;
				transition: all 0.4s ease-in-out;
				transform: scale(0);
				top: 0px;
				margin-left: -20px;
				z-index: -1;
  			}

			.circle-item:hover .circle-bg {
				transform: scale(1);
				opacity: 1;
			}
			
            /* Second Carousel Styling */
            .glider-dot:hover, .glider-dot:focus, .glider-dot.active {
				background: #2AACE2;
			}
			
			/* TESTIMONIALS */
			#carousel1 {
				position: relative;
				width: 80%;
				margin: 0 auto;
			}
			/* background */
			.carousel-bg {
				background-color: none;
				margin-top: 0px;
				margin-bottom: 0px;
			}
			/* quote */
			.quote-image {
				margin-left: auto;
				margin-right: auto;
				margin-bottom: auto;
				padding-top: 60px;
				width: 80px;
			}
			/* text-style */
			.testimonial-style .testimonial-caption-style {
				font-weight: 400;
				font-size: 24px;
				color: #354052;
				line-height: 30px;
				bottom: 40%;
				text-shadow: none;
				top: 10%;
			}
			.testimonial-style .testimonial-caption-style p{
				text-align: center;
			}
			.testimonial-style .testimonial-authors {
				font-weight: 700;
				font-size: 20px;
				color: #354052;
				line-height: 30px;
			}
			/* carousel-height-control */
			.testimonial-style .carousel-inner > .item {
				padding-top: auto;
				padding-bottom: auto;
				min-height: 260px;
				height: auto;
			}
			/* carousel-left-right-control */
			.testimonial-style .carousel-control.left {
				background: none;
				box-shadow: none;
				text-shadow: none;
			}
			.testimonial-style .carousel-control.right {
				background: none;
				box-shadow: none;
				text-shadow: none;
			}
			.testimonial-style .carousel-control {
				color: #354052;
			}
			.testimonial-style .carousel-control:hover {
				color: #354052;
				text-decoration: none;
				transition: background-color 1s ease;
			}
			/* indicators */
			.testimonial-style .carousel-indicators .active {
				background-color: #fff;
				width: 14px;
				height: 14px;
				transition: background 1s cubic-bezier(0.22, 0.61, 0.36, 1);
			}
			.testimonial-style .carousel-indicators li {
				border: 2px solid #354052;
				background-color: #354052;
			}
			.carousel-inner2 {
				width: 100%;
				/*max-width: 500px;*/
			}
			/* Textimonial CSS Code End */

			/*media queries for small devices*/
			@media screen and (max-width: 678px){
				/*testimonials*/
				.animation-element.slide-left.testimonial,
				.animation-element.slide-left.testimonial:nth-of-type(odd),
				.animation-element.slide-left.testimonial:nth-of-type(even){
					width: 100%;
					margin: 0px 0px 20px 0px;
				}

				.animation-element.slide-left.testimonial .right,
				.animation-element.slide-left.testimonial .left,
				.animation-element.slide-left.testimonial .content,
				.animation-element.slide-left.testimonial .rating{
					text-align: center;
					float: none;
				}

				.animation-element.slide-left.testimonial img{
					width: 85px;
					height: 85px;
					margin-bottom: 5px;
				}
				
				#carousel1 {
					width: 96%;
					margin: 0 auto;
				}
				
				.carousel-caption p{
					font-size: 14px;
					line-height: 20px;
				}
				
				.testimonial-style .testimonial-authors {
					font-weight: 600;
					font-size: 16px;
					line-height: 20px;
				}
			}