@font-face {
	font-display: swap;
	font-family: Roboto Condensed;
	font-style: normal;
	font-weight: 300;
	src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(/niassets/fonts/roboto-condensed-v13-latin_greek-ext_latin-ext_greek-300.woff2) format("woff2"), url(/niassets/fonts/roboto-condensed-v13-latin_greek-ext_latin-ext_greek-300.woff) format("woff")
}

@font-face {
	font-display: swap;
	font-family: Roboto Condensed;
	font-style: normal;
	font-weight: 400;
	src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(/niassets/fonts/roboto-condensed-v13-latin_greek-ext_latin-ext_greek-regular.woff2) format("woff2"), url(/niassets/fonts/roboto-condensed-v13-latin_greek-ext_latin-ext_greek-regular.woff) format("woff")
}

#analytics-ni-survey-invite {
	background-color: none;
	z-index: 1031;
	position: absolute;
	margin-top: 30px;
	margin-left: calc(( 100% - 600px)/2)
}

#overlay {
	background: rgba(178, 178, 179, .85);
	z-index: 1031;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: calc(100%)
}

div.surveyInvitation {
	background-color: #fff;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: 5px solid #e7e7e7;
	color: #333;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	margin-left: calc(( 100% - 600px)/2);
	transition: opacity .15s linear;
	padding: 14px;
	padding-bottom: 20px;
	position: relative;
	top: 30px;
	width: 600px;
	z-index: 100
}

div.surveyInvitation div {
	font-family: Roboto, sans-serif;
	font-size: 16px
}

.invite h3,
div.surveyInvitation h3,
.QSIPopOver h3 {
	color: #333;
	display: block;
	float: left;
	font-family: Roboto Condensed, sans-serif;
	font-size: 21px;
	font-weight: 400;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0
}

div.surveyInvitation .footer {
	margin-top: 6px;
	color: #fff;
	font-style: italic;
	font-size: 11px;
	display: block
}

div.surveyInvitation .modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0
}

div.surveyInvitation .modal-header {
	border-bottom: none;
	padding: 0;
	min-height: 16.43px;
	display: block
}

div.surveyInvitation .modal-body {
	font-size: 14px;
	line-height: 1.42857143;
	position: relative;
	padding: 0
}

@media(min-width:768px) {}

div.surveyInvitation div.modal {
	font-size: 14px!important
}

div.surveyInvitation svg:not(:root) {
	overflow: hidden
}

#analytics-close-modal {
	color: #000;
	cursor: pointer;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	float: right;
	margin-top: -2px;
	text-shadow: 0 1px 0 #fff;
	top: 0
}

div.surveyInvitation .row {
	margin-right: -15px;
	margin-left: -15px
}

div.surveyInvitation .row:before {
	display: table;
	content: " "
}

@media(min-width:920px) {
	div.surveyInvitation .modal-content {
		background: 0 0;
		background-color: #fff;
		border-radius: 0;
		min-height: 300px
	}
}

div.surveyInvitation .modal-backdrop {
	background-color: #b2b2b2;
	opacity: 0;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 90
}

div.surveyInvitation .ni-btn,
.QSIPopOver .ni-btn {
	display: inline-block!important;
	padding: 13px 15px;
	font-family: Roboto Condensed, sans-serif;
	font-size: 17px;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	text-transform: uppercase;
	line-height: 1em
}

div.surveyInvitation .ni-btn-tertiary,
.QSIPopOver .ni-btn-tertiary {
	color: #35b77d;
	background-color: transparent;
	font-weight: 400;
	border: 2px solid #35b77d;
}

div.surveyInvitation .ni-body-copy-tertiary,
.QSIPopOver .ni-body-copy-tertiary {
	font-size: 13px;
	color: #777
}

div.surveyInvitation .ni-btn-tertiary:hover,
.QSIPopOver .ni-btn-tertiary:hover {
	color: #fff;
	background-color: #35b77d;
}

div.surveyInvitation .ni-margin-1x,
.QSIPopOver .ni-margin-1x {
	margin-bottom: 6px
}

div.surveyInvitation .clearfix:after {
	display: table;
	line-height: 0;
	content: ""
}

div.surveyInvitation .clearfix:after
{
	clear: both;
}

div.surveyInvitation .pnx-block-2x,
.QSIPopOver .pnx-block-2x {
	margin-bottom: 24px
}

div.surveyInvitation .pnx-block-1x,
.QSIPopOver .pnx-block-1x {
	margin-bottom: 12px
}

div.surveyInvitation .center-block {
	float: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center
}

div.surveyInvitation .col-md-6,
.QSIPopOver .col-md-6 {
	float: left;
	min-height: 1px;
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
	width: 50%
}

.no-scroll {
	overflow: hidden
}

.QSIPopOver div,
.QSIPopOver dl,
.QSIPopOver dt,
.QSIPopOver dd,
.QSIPopOver ul,
.QSIPopOver ol,
.QSIPopOver li,
.QSIPopOver h1,
.QSIPopOver h2,
.QSIPopOver h3,
.QSIPopOver h4,
.QSIPopOver h5,
.QSIPopOver h6,
.QSIPopOver pre,
.QSIPopOver form,
.QSIPopOver fieldset,
.QSIPopOver textarea,
.QSIPopOver p,
.QSIPopOver blockquote,
.QSIPopOver th,
.QSIPopOver td {
	outline: 0
}