@charset "UTF-8";
/* CSS Document */

/************************************************************************************/
/* General */
/************************************************************************************/
body
{
	margin-bottom:0 !important;
}
a
{
	color:#48BDF3;
}
a:hover
{
	color:#E70C93;
}
a:focus {
	outline:none;
}
.align-right
{
	text-align:right;
}
.align-center
{
	text-align: center;
}
.blue-shadow
{
	background:#e5f3fc;
	margin:20px 0;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(72,189,243,0.5);
	-moz-box-shadow: 0px 1px 1px 0px rgba(72,189,243,0.5);
	box-shadow: 0px 1px 1px 0px rgba(72,189,243,0.5);
	font-size:16px;
	color: #48bdf3;
	font-weight:900;
	padding:10px 25px 9px;
	outline:none;
}
.blue-border
{
	border-top: 15px solid #00bbf8;
	margin-bottom: 50px;
}
section.content_area section
{
    padding: 0;
    box-shadow: none;
}


#violet
{
	background:#E70C93;
}
#violet:hover
{
	background-color:#0CB1E7;
}
.green-btn
{
	background:#0aca24;
	color:white;
	display:inline-block;
	font-size:24px;
	font-weight:700;
	margin:15px auto;
	padding:10px 25px 9px;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(72,189,243,0.5);
	-moz-box-shadow: 0px 1px 1px 0px rgba(72,189,243,0.5);
	box-shadow: 0px 1px 1px 0px rgba(72,189,243,0.5);
}
.green-btn:focus,
.green-btn:hover
{
	background: #48bdf3;
	color:white;
}
.green-btn.blue
{
	background:#48bdf3;
	padding-left:40px;
	padding-right:40px;
}
.green-btn.blue:hover,
.green-btn.blue:focus
{
	background:#e70c93;
}
.green-btn.violet
{
	background:#e70c93;
	padding-left:40px;
	padding-right:40px;
}
.green-btn.violet:hover,
.green-btn.violet:focus
{
	background:#48bdf3;
}
.w600
{
	width: 600px;
}
.faq_content p {margin-bottom:20px !important;}

.copy-to-clipboard {
	cursor: pointer;
}
.additional-logos-block .social-box {
	width: 40px;
	height: 20px;
	display:inline-block;
	border-radius:4px;
	background:#fff;
	margin:4px;
	font-size:15px !important;

}
.facebook {
	position:relative;
	top:2px;
}
.additional-logos-block a {
	text-decoration: none !important;
}
.additional-logos-block .google-plus i {
	color:#DB4437;
	position:relative;
	top:-1px;
}

.additional-logos-block .facebook i {
	color:#4867AA;
	position:relative;
	top:-2px;
}

.additional-logos-block .twitter i {
	color:#1B95E0;

}

/************************************************************************************/
/* Pricing */
/************************************************************************************/
.plans
{
	background:#fff;
	border-top:10px solid #00bbf8;
	text-align:center;
	position:relative;
}
.plans.itworks
{
	background:#F1F1F3;
}
.plans .row
{
	padding-top:60px;
	padding-bottom:30px;
}
.plans .pricing.pro .row
{
	padding:0;
	margin:0;
	position:relative;
}
.plans .pricing.pro .row > div:first-child
{
	padding: 0;
}
.plans .row.text-left
{
	padding-top:0;
	padding-bottom:80px;
}

.plans.itworks .row
{
	padding-bottom:0;
}
.plans .arrow-down
{
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 11px solid #00bbf8;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-15px;
}
.plans .col-xs-12.col-sm-4
{
	padding-left:0;
	padding-right:0;
}
.plans .col-xs-12.col-sm-6
{
	padding-left:1px;
	padding-right:0;
}
.pricing
{
	background:#f8f8f8;
	margin:30px 0 0;
	position:relative;
}
.pricing.highlighted
{
	margin:0 1px;
}
.price-top
{
	height:180px;
	border-bottom:1px solid #637381;
	background:#314659;
	color:white;
	line-height:32px;
	font-size:36px;
	padding:30px;
	display:block;
	text-decoration:none;
}
.price-block .price-top
{
	height:auto;
	border-bottom:none;
	padding:0;
}
.pricing.diy .offer {
	font-weight: bold;
	font-size: 16px;
}
.pricing.highlighted .price-top
{
	border-bottom:none;
	font-size:48px;
}
.price-top h2
{
	border-bottom:none;
	margin:0;
	padding:25px 0 0;
	font-size:28px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35);
	text-transform:uppercase;
}
.price-block .price-top h2
{
	padding-top:13px;
}
.pricing h2 span
{
	font-size: 20px;
	text-transform:none;
}
.price-top:hover i,
.price-top:hover h2,
.price-top:focus i,
.price-top:focus h2
{
	color:#e70c93;
	text-shadow:none;
}
.pricing.pro .price-top h2
{
	font-size:32px;
}
.price-block
{
	height:160px;
	background:#314659;
	color:white;
	padding:25px;
	position:relative;
}
.pricing .or
{
	position:absolute;
	top:calc(50% - 7px);
	left:calc(50% - 25px);
	background:#e70c93;
	color:white;
	font-weight:900;
	font-size:20px;
	display:block;
	width:50px;
	height:30px;
	line-height:30px;
	text-transform:uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.price-block .cost
{
	font-weight:300;
	font-size:64px;
	line-height:70px;
	margin-bottom: 10px;
}
.highlighted .price-block .cost
{
	font-size:90px;
	margin-top: 10px;
	margin-bottom: 30px;
}
.pro .price-block p {
	font-size: 34px;
	line-height: 46px;
}
.pro .price-block p {
	font-size: 34px;
	line-height: 46px;
	padding-top:10px;
}
.price-block .cost sup
{
	font-size:30px;
	top:-1.5em;
}
.price-block p
{
	font-size:14px;
	line-height:20px;
	margin-bottom:0;
}
.price-block p span
{
	font-size:12px;
	color:#d0d0d0;
}
.pricing.highlighted .price-block
{
	height:190px;
	background:#00bbf8;
	padding-top:25px;
}
.pricing.pro .price-block .cost
{
	line-height:100px;
}
.pricing .well-inner ul
{
	margin:0;
	list-style:none;
}
.pricing .well-inner ul li
{
	display:block;
	min-height:60px;
	margin:0;
	border-top:2px solid white;
	line-height:24px;
	padding: 15px 10px;
	color:#596a79;
}
.submit_tester_info span {font-size:16px; margin-left:5px; color:#809199;}
.pricing .well-inner ul li strong
{
	font-weight:900;
}
.alert-launch-tos {
	top:275px;
	z-index:999;
}
.privacy-required {
	font-size:16px;
	display:block;
	max-width:650px;
	text-align:center;
	color:#000;
}
.privacy-required .icheckbox_square-pink {
	margin:10px 5px;
	border:1px solid grey;
}
.welcome ~ .privacy-required span, .welcome ~ .privacy-required a {
	color:#fff !important;
	font-size:18px !important;
}

.checkmark {
	position:relative;
	top:5px;
	height: 20px;
	width: 20px;
	background-color: #eee;
}
.privay-black {
	color:#fff !important; }
.privacy-required-launch, .privacy-required-launch a {
	color:#000 !Important;
}
#privacy-code, #privacy-code a{
	color:#000;
	max-width:none;
	font-size:15px;
	top:-10px;
}
#ctest {background-color:#fff; margin-top:-40px;}
#ctest .calculate {text-align:center;}
#ctest form {width:90%; margin:0 auto; background:#F6F7FB; padding:2%;}

.newpricing {margin:0px !important;}
.creating-test
{
	display:none;
	border-top:2px solid white;
	padding:22px;
}
.pricing .creating-test .form-group.text-input input.form-control, #ctest .form-group.text-input input.form-control
{
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	width:90%;
	margin: 0 5%;
}
.form-group option[value=""][disabled] {
	display: none;
}

.form-group select {
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	-webkit-border-radius: 0px;
	width: 90%;
	margin: 0 5%;
	height:38px;
	border:none;
	text-align-last: center;
	padding-right: 29px;
	color:#b0b0b0;
}
.pricing .creating-test .form-group input.form-control::placeholder,
.pricing .creating-test .form-group input.form-control::-ms-input-placeholder,
.pricing .creating-test .form-group input.form-control::-ms-input-placeholder,
.pricing .creating-test .form-group input.form-control::-webkit-input-placeholder
{
	color:#999999;
}
/* Fix Edge placeholders */
::-webkit-input-placeholder {
	color: inherit !important;
	opacity: 0.54 !important;
}
.pricing .creating-test .form-group.text-input input.form-control:focus, #ctest .form-group.text-input input.form-control:focus
{
	box-shadow:none;
}
.pricing .creating-test .form-group.text-input input.form-control.empty, #ctest .form-group.text-input input.form-control.empty
{
	box-shadow:none;
	border-bottom:2px solid #e70c93;
}

.price-button
{
	height:100px;
	border-top:2px solid white;
	padding:28px;
}
.price-button a.btn
{
	display:inline-block;
	background:#e70c93;
	border-color:#e70c93;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
	text-shadow:none;
	font-size:18px;
	font-weight:500;
	color:white;
	letter-spacing:normal;
	padding-left:30px;
	padding-right:30px;
}
.diy .price-button a.btn {
	padding-left:12px;
	padding-right:12px;
}
.price-button a#calculate.btn
{
	border-color:#00bbf8;
	background:#00bbf8;
}
.price-button a.btn:hover
{
	background:#fff;
	border-color:#fff;
	color:#e70c93;
}
.diy-landing .price-button a.btn:hover
{
	background:#48BDF3;
	color:#fff;
}
.price-button a#calculate.btn:hover
{
	border-color:#fff;
	background:#fff;
	color:#00bbf8;
}
.price-button p
{
	margin-top: 6px;
	font-size: 13px;
}
.pricing .participants
{
	border-top:2px solid white;
	padding:22px;
	display:none;
}
.pricing .control-label
{
	color:#314659;
	padding-top:0;
}
.pricing .annual
{
	padding-top:22px;
}
.pricing .input-group.spinner
{
	width:60px;
	height:38px;
	background:white;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	display:block;
	margin:0 auto;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}
.pricing .form-group input.form-control
{
	color: #333;
	background: white;
	min-width: 40px;
	width:40px;
	font-size:15px;
	text-align:center;
	padding:0;
	height:38px;
}
.pricing .input-group-btn-vertical
{
	width:16px;
	padding: 4px 0;
}
.pricing .btn-transparent-blue
{
	border:none;
	color:white;
	background:#00bbf8;
	display:block;
	padding:0;
	width:16px;
	height: 16px;
	font-size: 10px;
	-webkit-border-radius: 4px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 4px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.pricing .btn-transparent-blue:nth-child(2)
{
	-webkit-border-radius: 0;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius: 0;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-radius: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.pricing .form-group
{
	margin-bottom: 22px;
}
.pricing .form-group.term-accept
{
	margin-top: 22px;
	padding-top:22px;
	border-top:2px solid white;
}
.pricing .form-group.term-accept sup
{
	color: #e70c93;
}
.pricing .form-group.term-accept .icheckbox_square-pink
{
	margin-right:10px;

	background-color:white;
}
.price-button.calculate
{
	padding-bottom:0;
	height:auto;
}
.price-button.calculate .btn
{
	background: #00bbf8;
	text-shadow: none;
	font-size: 20px;
	font-weight: 500;
	color: white;
	letter-spacing: normal;
	padding-left: 30px;
	padding-right: 30px;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
}
.creating-test .price-button.calculate .btn
{
	background: #e70c93;
}
.price-button.calculate .btn:hover
{
	background:white;
	color: #00bbf8;
}
.calculated-info
{
	display:none;
}
.calculated-info .annual
{
	padding:22px 50px;
	border-top:2px solid white;
}
.calculated-info .annual sup
{
	color:#e70c93;
}
.calculated-info .annual p
{
	color: #314659;
	font-size:16px;
	line-height:30px;
}
.calculated-info #btn_submit_learn_more
{
	background: #e70c93;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
	font-size: 20px;
	font-weight: 500;
	color: white;
	letter-spacing: normal;
	padding-left: 30px;
	padding-right: 30px;
}
.calculated-info #btn_submit_learn_more:hover
{
	background:white;
	color: #e70c93;
}
.pricing .step_3 .price_wrapper h3
{
	font-size:22px;
	font-weight:900;
	margin: 0;
	padding:0;
}
.inner-box.cost
{
	color:white;
}

/* Pricing 2018 */
#recommendations {
	float:inherit;
	margin-bottom:0;
	font-weight:bold;
	margin-top:22px;
	border:1px dashed #48bdf3;
	padding:15px 15px;
	font-size:17px;
	color:#48bdf3;
}
.pricing-page
{
	background:#fff;
	border-top:15px solid #00bbf8;
	text-align:center;
	position:relative;
	padding-top:50px;
	padding-bottom:22px;
}
.pricing-page .arrow-down
{
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 11px solid #00bbf8;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-15px;
}
.model-features
{
	width:230px;
	float:left;
	text-align:left;
}
.pricing-models
{
	width:calc(100% - 230px);
	float:left;
}
.pricing-models .col-sm-3
{
	padding-right:0;
	padding-left:5px;
}
.model-header
{
	display:block;
	height:160px;
	vertical-align:middle;
	color:white;
	padding:20px 5px 0;
	overflow:hidden;
	background:#48bdf3;
}
/*.pricing-models .col-sm-3:first-child .model-header,*/
.pricing-models .col-sm-3:first-child .model-header
{
	background:#e70c93;
}
.pricing-page .sticky
{
	position: fixed;
	z-index: 101;
	height:80px;
	padding-top:10px;
	display: flex;
	flex-direction: column-reverse;
	justify-content: center;
}
.pricing-page .sticky i.fa {
	display: none;
}
.pricing-page .stop
{
	position: absolute;
	height:80px;
	padding-top:10px;
	z-index: 101;
}
.pricing-page .sticky h2,
.pricing-page .stop h2
{
	padding-top:5px;
}
.model-header.footer,
.pricing-models .col-sm-3:first-child .model-header.footer,
.pricing-models .col-sm-3:last-child .model-header.footer
{
	background:none;
	color:#809199;

}
.model-header.footer>span {
	width:90%;
	position:absolute;
	left:10%;
	margin-top:-5px;
}
.model-header i.fa
{
	font-size:27px;
}
.pricing-models .col-sm-3:nth-child(2) .model-header i.fa
{
	font-size:28px;
}
.pricing-models .col-sm-3:last-child .model-header i.fa
{
	font-size:24px;
}
.fa-diamond {margin-bottom:5px;}
.model-header h2
{
	font-size:22px;
	border-bottom:none;
	margin:0;
	padding:15px 0;
	font-weight:900;
	text-shadow: 0px 2px 2px rgba(9, 145, 237, 1);
}
.model-header p
{
	margin:0 10%;
	text-shadow: 0px 2px 2px rgba(9, 145, 237, 1);
	font-weight:500;
	line-height:20px;
}
.pricing-models .col-sm-3:first-child .model-header h2,
.pricing-models .col-sm-3:first-child .model-header p
{
	text-shadow: 0px 2px 2px #c20353;
}
.model-features .model-header
{
	color:#4b5b63;
	background:white;
	font-weight:bold;
	text-align:left;
	font-size:28px;
	padding-top:27%;
}
.feature-row
{
	display:block;
	height:50px;
	vertical-align:middle;
	line-height:50px;
	padding:0 0 0 6px;
	font-size:14px;
	color:#809199;
}
.feature-row:nth-child(2n+1)
{
	background:#f6f7fb;
}
.model-features .feature-row
{
	font-size:16px;
	font-weight:500;
	color:#4b5b63;
}
.model-features .feature-row span.tooltip-container
{
	display: inline-block;
	background:#48bdf3;
	border-radius:100%;
	height:16px;
	width:16px;
	color:white;
	font-size:11px;
	line-height:16px;
	font-weight:900;
	text-align:center;
	margin-left:5px;
	cursor:pointer;
}
.model-features .feature-row span.tooltip-container .tooltiptext
{
	width:200px;
	margin-left: -100px;
	z-index:102;
}
.model-header.footer h3
{
	margin:0;
	padding:15px 30% 0;
	font-size:60px;
	font-weight:500;
	letter-spacing: -0.05em;
	color:#48bdf3;
}
.pricing-models .col-sm-3:first-child .model-header.footer h3
{
	color:#e70c93;
}
.pricing-models .col-sm-3:last-child .model-header.footer h3
{
	padding:15px 0 0;
	font-size:28px;
	color:#809199;
}
.pricing-models .col-sm-3:last-child .model-header.footer h3 strong
{
	color:#48bdf3;
	font-size:54px;
}
.model-header.footer h3 span
{
	font-size:36px;
	float:left;
	display:inline-block;
}
.model-buttons
{
	display:block;
	height:110px;
	background:#f6f7fb;
	vertical-align:middle;
	padding-top:13px;
	margin-top: 15px;
}
.pricing-models .col-sm-3:nth-child(1) .model-buttons
{
	width: calc(200% + 5px);
}
.pricing-models .col-sm-3:nth-child(2) .model-buttons
{
	display:none;
}
.model-buttons p
{
	margin:-11px 0 0;
	font-size:13px;
	color:#809199;
}

/* FAQ Section at Pricing Page */
.faq
{
	background:#f6f7fb;
	padding-top:50px;
	padding-bottom:50px;
}
.faq h3
{
	text-align:center;
	padding:0 0 20px;
	margin:0;
	font-size:38px;
}
.faq .question
{
	background:white;
	padding:0 15px 0 20px;
	font-size:16px;
	margin-top:20px;
}
.faq .question.opened
{
	-webkit-box-shadow: 0px 0px 20px 0px rgba(3,51,51,0.2);
	-moz-box-shadow: 0px 0px 20px 0px rgba(3,51,51,0.2);
	box-shadow: 0px 0px 20px 0px rgba(3,51,51,0.2);
}
.faq .question a.question-header,
.faq .question a.question-header-link
{
	display:block;
	text-decoration:none;
	color:#4b5b63;
	padding: 15px 0;
	outline:none;
}
.faq .question a.question-header-link,
.faq .question a.question-header:hover,
.faq .question a.question-header-link:hover
{
	color:#48bdf3;
}
.faq .question a.question-header i.fa,
.faq .question a.question-header-link i.fa
{
	float:right;
	color:#48bdf3;
	font-size: 18px;
	margin-top: 4px;
}
.faq .question.opened a.question-header i.fa.fa-chevron-circle-down:before
{
	content: "\f139";
	color:#e70c93;
}
.faq .question .answer
{
	display:none;
	color: #809199;
	padding-bottom:15px;
}
.faq .question .answer strong
{
	color:#e70c93;
}
.faq .question.opened .answer
{
}

/* Home Page with Transparetn Header*/
body.homepage
{
	padding-top:0;
}
body.homepage .navbar-usl
{
	background: transparent;
	border-bottom-color: transparent;
	transition: 0.2s;
}
body.homepage .darkHeader .navbar-usl
{
	background: #333;
	border-bottom-color: #333;
}
body.homepage .navbar-usl .navbar-nav > li > a,
body.homepage .login-signup li a
{
	color: white;
}
body.homepage .navbar-usl .navbar-nav > li > a:hover
{
	text-decoration:underline;
}
body.homepage .navbar-usl .navbar-nav > li.active > a
{
	background: rgba(255,255,255,0.2);
	color: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border:1px solid rgba(255,255,255,0.4);
}
.full-link
{
	position:relative;
}
.full-link a
{
	display: block;
	height:100%;
	width:100%;
	text-align:center;
	vertical-align:middle;
	padding:105px 0 130px 17%;
}
/* Home Page 2018 */
.steps h2,
.last-articles h2,
.reels h2,
.features h2,
.recruiting h2
{
	font-size:38px;
	text-transform:none;
	border-bottom:none;
}
.steps h2 span,
.features h2 span
{
	color:#00BBF8;
}
.step-top span
{
	background:url(../img/arrow-top.png) top center no-repeat;
	height: 182px;
}
.step-left span.arrow-left-14
{
	background:url(../img/arrow-left-14.png) top left no-repeat;
	height: 383px;
	width:174px;
	bottom:-386px;
	text-indent: 2px;
}
.step-right span.arrow-right-9
{
	background:url(../img/arrow-right-9.png) top right no-repeat;
	height:345px;
	bottom: -345px;
}
.steps
{
	background: #f6f7fb;
}

#carousel-steps
{
	background: url(../../front/img/steps.jpg) top center no-repeat #fff;
	margin-top:10px;
	height:840px;
}
.steps .carousel .carousel-control
{
	left:20%;
	top:0;
}
.steps .carousel .carousel-control.left
{
	margin: 0;
}
.steps .carousel .carousel-control.right
{
	margin: 0;
	left:auto;
	right:20%;
}
.step-left
{
	margin: -320px 0 0 0;
	width: 630px;
	height:710px;
	background: url(../img/ipad.png) 15px 230px no-repeat;
}
.step-left img
{
	top: 257px;
	left: 85px;
}
.step-right
{
	margin: -710px 0 0 0;
	width: 340px;
	min-height: 730px;
	background: url(../img/iphone.png) 0 250px no-repeat;
}
.step-right img
{
	top: 260px;
	left: 32px;
}
.step-top img
{
	top: 64px;
}
#carousel-steps .carousel-indicators
{
	bottom:15px;
}
#carousel-steps .carousel-indicators li
{
	width:14px;
	height:14px;
	margin:0 4px;
	border-radius:100%;
	border:none;
}
#carousel-steps .carousel-indicators li.active
{
	width:16px;
	height:16px;
	margin:0 6px;
}
.free-demo-box
{
	background:#E70C93;
	padding:25px 0;
}
.homepage .free-demo-box
{
	background:#f5f7fa;
}
.logo-client {
	width:24.5%;
	display:inline-block;
	margin:0; padding:0;
	text-align:center;
}
.logo-client img {width:82%;}
.free-demo-box.white
{
	background:#fff;
}
.last-articles
{
	background:white;
	padding:50px 0;
}
.last-articles article
{
	height:533px;
	overflow:hidden;
	position:relative;
}
.last-articles article img
{
	height:100%;
	width:auto;
	position:relative;
}
.last-articles article .article-text
{
	position: absolute;
	top:0;
	width: 60%;
	right: 0;
	height: 100%;
	background: rgba(0,0,0,0.7);
	padding:40px;
	color:#bfc8cc;
}
.last-articles article .article-text h4
{
	font-size:20px;
	margin-bottom:20px;
	max-height: 75px;
	overflow:hidden;
}
.last-articles article .article-text h4 a
{
	color:#e70c93;
	line-height:26px;
	text-decoration:none;
}
.last-articles article .article-text h4 a:hover
{
	color:#48bdf3;
}
.last-articles article .article-text p
{
	line-height:24px;
	margin-bottom:25px;
	max-height: 240px;
	overflow:hidden;
}
.last-articles article .article-text .meta-data
{
	color:#f3f3f3;
	font-size:14px;
}
.last-articles article .article-text .green-btn.blue
{
	position:absolute;
	bottom:30px;
	right:30px;
	margin:0;
}
.last-articles ul
{
	margin:0;
	padding:0;
	list-style:none;
}
.last-articles ul li
{
	font-size:0;
	margin-bottom:40px;
}
.last-articles ul li a.art-list-photo
{
	display:inline-block;
	height:150px;
	width:130px;
	overflow:hidden;
	margin:0 25px 0 0;
	vertical-align:top;
}
.last-articles ul li a.art-list-photo img
{
	width:auto;
	height:100%;
	margin-left:-30%;
}
.last-articles ul li a.art-list-photo .smallmargin {
	margin-left:-15%;
}
.last-articles ul li .art-list-text
{
	display:inline-block;
	width:calc(100% - 155px);
	font-size:16px;
	vertical-align:top;
	color:#809199;
}
.last-articles ul li .art-list-text h4
{
	margin-bottom: 12px;
	font-size:20px;
	height: 22px;
	overflow: hidden;
	font-weight:bold;
}
.last-articles ul li .art-list-text h4 a
{
	text-decoration:none;
}
.last-articles ul li .art-list-text p
{
	margin-bottom: 0;
	height: 70px;
	overflow: hidden;
}
.last-articles ul li .art-list-text .meta-data
{
	border-top:1px solid #ebf0f5;
	margin:13px 0 0;
	padding:13px 0 0;
	font-size:14px;
	color: #bfc8cc;
}
.last-articles ul li .art-list-text .meta-data .sharing,
.last-articles article .article-text .meta-data .sharing
{
	float:right;
}
.last-articles ul li .art-list-text .meta-data .sharing a,
.last-articles article .article-text .meta-data .sharing a
{
	color:#e70c93;
	margin-left:13px;
}
.last-articles article .article-text .meta-data .sharing a
{
	color:#f3f3f3;
}
.last-articles ul li .art-list-text .meta-data .sharing a:hover
{
	color:#48bdf3;
}
.last-articles article .article-text .meta-data .sharing a:hover
{
	color:#e70c93;
}
.reels
{
	background:url(../img/reels.jpg) top center no-repeat #f5f7fa;
	background-size:cover;
	padding-top:50px;
	min-height:650px;
	color:#809199;
}
.reels h2
{
	margin-bottom:5px;
	color:#363636;
}
.reels .left-video,
.reels .right-video
{
	height:230px;
	margin-top:25px;
	vertical-align:middle;
}
.reels .right-video
{
	height:315px;
	margin-bottom: 150px;
}
.reels .left-video a,
.reels .right-video a
{
	display:block;
	height:100%;
	position:relative;
	outline:none;
}
.reels .left-video a img
{
	position:absolute;
	bottom:60px;
	right:315px;
}
.reels .right-video a img
{
	position:absolute;
	bottom:-20px;
	left:315px;
}
.reels h3
{
	font-size:30px;
	line-height:36px;
	margin-bottom:25px;
	color:#363636;
}
.reels h3 strong
{
	color:#e70c93;
}
.reels h3 span
{
	color:#48bdf3;
}
.seo-text
{
	background:white;
	padding-top:50px;
	padding-bottom:40px;
	color:#809199;
}
.seo-text strong
{
	color:#e70c93;
}
.seo-text a
{
	font-weight:bold;
	text-decoration:none;
}
.features
{
	background:#f5f7fa;
	padding: 20px 15px 0;
}
.features#uxtools
{
	padding-bottom:20px;
	padding-top:30px;
}
.features ul
{
	padding-top:20px;
}
.features ul li
{
	height:160px;
}
.features ul li i
{
	background:none;
	font-size:30px;
	height:19px;
	width:auto;
	margin:0 50px 20px 0px;
	line-height:20px;
}
.features ul li i:first-child
{
	color:#48bdf3;
	margin:0 0 0 20px;
}
.features ul li:nth-child(2) i,
.features ul li:nth-child(3) i,
.features ul li:nth-child(6) i,
.features ul li:nth-child(7) i,
.features ul li:nth-child(8) i
{
	margin:0 35px 20px 0px;
}
.features ul li:nth-child(2) i:first-child,
.features ul li:nth-child(3) i:first-child,
.features ul li:nth-child(6) i:first-child,
.features ul li:nth-child(7) i:first-child,
.features ul li:nth-child(8) i:first-child
{
	margin:0 0 0 15px;
}
.how-it-works
{
	background:white;
	padding:50px 15px;
}
.col-sm-6.img-right-full
{
	padding-right:0;
	vertical-align:middle;
}
.how-it-works h3
{
	margin:30px 0;
	padding:70px 0 0;
}
.how-it-works h3 a
{
	text-decoration:none;
}
.how-it-works p
{
	margin:0 30% 25px 0;
	color:#809199;
}
.how-it-works p strong,
.recruiting p strong,
.homepage-articles p strong
{
	color:#e70c93;
}

.how-works .image_test-goals {
	margin: 40px -15px 0;
	padding: 60px 0;
	background: url("/front/img/how-it-works/test-goals.jpg") no-repeat;
	background-size: 100% 100%;
}

.how-works .define-persona {
	background-color: #F4F7FA;
	padding: 0;
}

.how-works .device-targeting {
    position: relative;
    z-index: 2;
	padding: 60px 0;
}

.how-works .triangle-left,
.how-works .triangle-right {
	width: 100%;
}

.how-works .screener,
.how-works .define-tasks {
	position: relative;
}

.how-works .define-tasks {
	margin-top: 200px;
}

.how-works .define-tasks .container:before {
	content: "";
	position: absolute;
	top: -75px;
	left: 0;
	height: 500px;
	width: 100%;
	background-color: #F4F7FA;
	transform: skewY(-12deg);
}

.how-works .image_screener,
.how-works .image_define-tasks {
	display: none;
}

.how-works .deliverables,
.how-works .quantitative {
	margin: 100px 0;
}

@media (min-width: 768px) {
	.how-works .image_screener {
		display: block;
		position: absolute;
		max-width: 420px;
		right: 0;
		top: -270px;
		z-index: 1;
	}
	.how-works .image_define-tasks {
		display: block;
		position: absolute;
		max-width: 360px;
		left: 0;
		top: -170px;
		z-index: 1;
	}
}

@media (min-width: 992px) {
	.how-works .image_screener {
		max-width: 450px;
		top: -310px;
	}
	.how-works .image_define-tasks {
		max-width: 410px;
		top: -230px;
	}
}

@media (min-width: 1200px) {
	.how-works .image_screener {
		max-width: 620px;
		top: -430px;
	}
	.how-works .image_define-tasks {
		max-width: 480px;
		top: -330px;
	}
}

@media (min-width: 1600px) {
	.how-works .image_screener {
		max-width: 775px;
		top: -550px;
	}

	.how-works .image_define-tasks {
		max-width: 600px;
		top: -450px;
	}
}

.recruiting
{
	text-align:center;
	background:#f5f7fa;
	padding-top:50px;
	-webkit-box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.03);
	-moz-box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.03);
	box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.03);
}
.recruiting p
{
	margin:0 25% 15px;
	color:#809199;
}
.recruiting .green-btn
{
	margin:35px auto;
}
.homepage-articles
{
	background: url(../img/bg_home_articles.jpg) center left repeat-x white;
	padding-bottom:60px;
}
.homepage-articles .row
{
	padding-top:80px;
}
.homepage-articles img
{
	mix-blend-mode: multiply;
}
.homepage-articles h3
{
	margin-bottom:25px;
}
.homepage-articles h3.mar_top
{
	margin-top:70px;
}
.homepage-articles p
{
	margin:0 0 15px;
	color:#809199;
}

#myModal h3 {
	background:#48BDF3;
	color:#fff;
	text-transform:none !important;
	padding:20px 0 !important;
	font-weight:bold;
	margin:0;
	font-size:38px !important;
	border:none;
}
#myModal .block p {
	font-size:27px;
	color:#000;
}
body.homepage .home-articul ul li
{
	cursor:pointer;
}
body.homepage .home-articul ul li a
{
	color:white;
}
body.homepage .home-articul ul li a h2
{
	border-bottom:1px solid #fff;
	cursor:pointer;
}
body.homepage .home-articul ul li a:hover h2
{
	border-bottom-color: transparent;
}
.homepage .home-articul ul li:nth-child(1) a h2,
.homepage.mob-vid .home-articul ul li:nth-child(2) a h2,
.homepage.prot-vid .home-articul ul li:nth-child(3) a h2
{
	text-transform:uppercase;
	font-weight:600;
}
.homepage.prot-vid .home-articul ul li:nth-child(1) a h2,
.homepage.mob-vid .home-articul ul li:nth-child(1) a h2
{
	text-transform:none;
	font-weight:300;
}
.instant-insights
{
	background:white;
	text-align:center;
	padding-top:60px;
	padding-bottom:40px;
}
.instant-insights h2,
.recruitment-features.how-it-works-homepage h2
{
	font-size: 38px;
	margin: 0 0 40px;
	padding: 0;
	font-weight: 500;
	text-align: center;
	border-bottom: none;
}
.instant-insights p,
.recruitment-features.how-it-works-homepage p
{
	margin: 0 0 25px;
	color: #809199;
}
.instant-insights p a,
.recruitment-features.how-it-works-homepage p a
{
	font-weight: 500;
	text-decoration: none;
}
.instant-insights p strong,
.recruitment-features.how-it-works-homepage p strong
{
	color: #e70c93;
}
.home-features
{
	padding-top:30px;
	text-align:left;
}
.home-features.advanced
{
	padding-right:0;
	padding-top:0;
	text-align:right;
}
.home-features ul
{
	list-style:none;
	margin:0;
}
.home-features ul li
{
	padding: 25px 30px;
	margin:10px 20px 0;
}
.home-features ul li img.mobile,
.advanced-features li img.mobile
{
	display:none;
}
.home-features ul li i.fa
{
	font-size:22px;
	color:#48bdf3;
}
.home-features ul li i.fa:nth-child(2)
{
	color:#e70c93;
}
.home-features ul li i.fa.fa-home
{
	position:relative;
}
.home-features ul li i.fa.fa-home:before
{
	position: absolute;
	bottom:-6px;
}
.home-features ul li h4
{
	margin:10px 0;
}
.home-features ul li p
{
	margin-bottom:0;
}
.home-features ul li.active
{
	-webkit-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2);
}
.home-features ol
{
	list-style:none;
	margin:0;
}
.home-features.advanced ol
{
	margin-top:-10px;
	margin-bottom:10px;
}
.home-features ol li,
.testimonial-logo
{
	display:none;
	vertical-align:middle;
	text-align:center;
	height: 500px;
	margin:0;
	padding:0;
	width: 100%;
	white-space: nowrap;
}
.testimonial p
{
	height:105px;
}
.testimonial-logo
{
	display:block;
	height:105px;
}
.testimonial-logo img.img-responsive
{
	display:inline-block;
}
.testimonial p
{
	text-align:left;
}
.home-features.advanced ol li
{
	height:570px;
}
.home-features.advanced ol li img
{
}
.home-features ol li span.helper,
.testimonial-logo span.helper
{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.home-features ol li.active
{
	display:block;
}
.home-features.advanced ol li.active
{
	text-align:left;
}
.home-features ol li img
{
	display: inline-block;
}
.advanced-features
{
	list-style:none;
	margin:10px 0 10px 1%;
	text-align:left;
}
.advanced-features li
{
	padding:15px;
	margin-bottom:10px;
}
.advanced-features li h4
{
	margin:0 0 5px;
	font-size:20px;
	font-weight:700;
}
.advanced-features li p
{
	margin-bottom:0;
	font-size:15px;
}
.advanced-features li.active
{
	background:#00bbf8;
	color:white;
	font-weight:400;
	position:relative;
	text-shadow: 0px 1px 1px rgba(0, 172, 246, 1);
	margin-right:-6%;
	z-index:999;
}
.advanced-features li.active p,
.advanced-features li.active p strong,
.advanced-features li.active p a
{
	color:white;
}
.advanced-features li.active p strong,
.advanced-features li.active p a
{
	font-weight:700;
}
.advanced-features li.active p a
{
	text-decoration: underline;
}
.advanced-features li .arrow-left
{
	display:none;
}
.advanced-features li.active .arrow-left
{
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #00bbf8;
	position: absolute;
	top: 50%;
	right: -15px;
	margin-top: -13px;
	display:block;
}

.recruitment-features.how-it-works-homepage
{
	background: #f5f7fa;
	padding-top: 50px;
	padding-bottom:50px;
}
.recruitment-features.how-it-works-homepage .row:last-child
{
	margin-top: 55px;
}
.recruitment-features.how-it-works-homepage p
{
	text-align: center;
}
#testimonial-home
{
	padding:50px 70px 15px 30px !important;
	background:white;
}
.testimonial-box
{
	margin-top:0;
}
#testimonial-home .carousel
{
	height:auto;
}
#testimonial-carousel
{
	min-height:170px;
}
#testimonial-home .carousel-indicators
{
	bottom: -20px;
}
#testimonial-home .testimonial p
{
	background: #f5f7fa;
	color: #809199;
	max-height: 150px;
	min-height: 150px;
	margin-bottom: 45px;
}
#testimonial-home .testimonial p:before
{
	border-top: 10px solid #f5f7fa;
}


/* Clients Logo in Grid */
.clients-grid
{
	background:#fff;
	padding-top:80px;
	padding-bottom:80px;
	text-align:center;
}
.clients-grid h4{
	margin-top:35px;
}
.clients-grid .col-sm-2
{
	position:relative;
}
.clients-grid .col-sm-2 div
{
	height:150px;
	vertical-align:middle;
	display: flex;
	text-align:center;
	width:100%;
}
.clients-grid .col-xs-12:nth-child(2n+1) .col-sm-2.col-xs-6:nth-child(2n)
{
	background:#F1F1F3;
}
.clients-grid .col-xs-12:nth-child(2n) .col-sm-2.col-xs-6:nth-child(2n+1)
{
	background:#F1F1F3;
}
.clients-grid .col-sm-2 div img
{
	max-height: 120px;
	width: auto;
	height: auto;
	margin: auto;
}
.clients-grid .col-sm-2 p
{
	display:none;
	background:#fff;
	position:absolute;
	bottom:0;
	width:100%;
	padding:5px;
	left:0;
	font-size:14px;
	border:2px solid #F6F6F6;
}
.clients-grid .col-sm-2:hover p
{
	display:block;
}
.clients-grid .col-xs-12:nth-child(2n+1) .col-sm-2.col-xs-6:nth-child(2n+1) p
{
	background:#F6F6F6;
	border:none;
}
.clients-grid .col-xs-12:nth-child(2n) .col-sm-2.col-xs-6:nth-child(2n) p
{
	background:#F6F6F6;
	border:none;
}

/* Learn More Page */
.image_stripe.learn-page-image
{
	padding-top:60px;
	padding-bottom:35px;
	/*background:url(../../front/img/learn-more-page.jpg) top center no-repeat;*/
}
.learn-page-image .welcome
{
	padding-left:0;
	padding-right:0;
}
.learn-page
{
	position: relative;
	top: -220px;
	background: white;
	color: black;
	padding: 30px 50px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(3,51,51,0.05);
	-moz-box-shadow: 0px 0px 10px 0px rgba(3,51,51,0.05);
	box-shadow: 0px 0px 10px 0px rgba(3,51,51,0.05);
}
.learn-more-content
{
	/*
	color: #fff;
	background:url(../../front/img/learn-more-bg.jpg) 0 0 no-repeat;
	background-size:cover;
	*/
	background:#F1F1F3;
	padding-top:40px;
	padding-bottom:20px;
	border-top: 15px solid #00bbf8;
	position: relative;
}
.learn_more_content_area {
	padding:0 !important;
}
.learn-more-content .arrow-down
{
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 11px solid #00bbf8;
	position: absolute;
	top: 0;
	left: 66.67%;
	margin-left: -15px;
}
.learn-more-content h3, .learn-more-content h1
{
	font-size: 27px;
	font-weight: 100;
	margin: 30px 0;
	text-transform: uppercase;
	text-align:center;
}
.learn-more-content p
{
	margin-bottom: 20px;
}
.learn-more-content ul
{
	line-height:18px;
	margin:0 0 50px 30px;
}
.learn-more-content ul ul
{
	margin:15px 0 0 0;
	padding-bottom:5px;
}
.learn-more-content ul.w_icon li i
{
	font-size:16px;
	top:1px;
	color:#e70c93;
}
.learn-more-content ul.w_icon li i.fa-lock
{
	font-size:20px;
}
.learn-more-content ul.w_icon ul li i,
.learn-more-content ul.w_icon.blue-part li i
{
	color:#00BBF8;
}
.learn-more-content ul.w_icon li i.fa-question,
.learn-more-content ul.w_icon li i.fa-mobile,
.learn-more-content ul.w_icon li i.fa-id-badge
{
	left:2px;
}
.learn-more-content ul.w_icon li i.fa-question
{
	font-size:17px;
}
.learn-more-content ul.w_icon li i.fa-mobile
{
	font-size:22px;
}
.learn-more-content ul.w_icon li i.fa-tablet
{
	font-size:20px;
}
.learn-more-content .form-group
{
	margin-bottom: 20px;
}
.learn-more-content .form-group input.form-control,
.learn-more-content .form-group textarea.form-control
{
	padding:0 15px;
	font-size:14px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height:37px;
	border:1px solid #00BBF8;
	color:#363636;
}
.learn-more-content .form-group input.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #809199;
	opacity: 1; /* Firefox */
}
.learn-more-content .form-group input.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #809199;
}
.learn-more-content .form-group input.form-control::-ms-input-placeholder { /* Microsoft Edge */
	color: #809199;
}
.learn-more-content .form-group input.form-control:hover,
.learn-more-content .form-group textarea.form-control:hover
{
	border-width:2px;
	background:#f8f8f9;
}
.learn-more-content .form-group textarea.form-control
{
	padding:10px 15px;
	height:87px;
}
.learn-more-content .checkbox
{
	margin-bottom:23px;
}
.learn-more-content .checkbox .icheckbox_square-pink
{
	background:url(../../front/img/blue.png) 0 0 no-repeat;
}
.learn-more-content .icheckbox_square-pink.hover
{
	background-position: -24px 0;
	background-image:url(../../front/img/blue.png);
}
.learn-more-content .icheckbox_square-pink.checked
{
	background-image:url(../../front/img/blue.png);
	background-position: -48px 0;
}
.learn-more-content .icheckbox_square-pink
{
	margin-right: 10px;
}
.learn-more-content .iradio_square-pink
{
	background-image:url(../../front/img/blue.png);
	background-position:-72px 0;
	background-size:auto!important;
}
.learn-more-content .iradio_square-pink.hover
{
	background-position: -96px 0;
}
.learn-more-content .iradio_square-pink.checked
{
	background-position: -120px 0;
}
.learn-more-content .radio label
{
	padding-left:0;
}
.learn-more-content #siimage
{
	margin:0 9px 0 0;
}
.captcha-source
{
	width:175px;
	float:left;
	margin-bottom:10px;
}
.captcha-source object
{
	margin-top:5px;
}
.captcha-source a.refresh
{
	color:#fff;
	font-size:17px;
}
.captcha-source a.refresh i
{
	margin:2px 0 0 1px;
}
.learn-more-content .form-group input.form-control.captcha_input
{
	float:left;
	width:calc( 100% - 175px);
	margin:0;
	height:52px;
}
.learn-more-content .no-padding
{
	padding: 0;
}
.learn-more-content #submit_custom_project
{
	width: 200px;
	margin: 30px auto 15px;
	height: 54px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-transform:uppercase;
	cursor:pointer;
	border:none;
	display:block;
	font-size:20px;
	font-weight:bold;
}
.learn-more-content #submit_custom_project:hover
{
}
#learn-more-error {
	color: #a94442;
	font-weight: bold;
}
/*Blank Page*/
.blankpage {
	min-height: 500px;
	background:#fff;
}
.blankpage .box {
	width:60%;
	margin:60px auto;
}
.blankpage p {
	width:100%;
	font-size:18px;
}

/* How It Works */
.how-it-works-home {
	color:#48BDF3;
}
.itworks h2
{
	border-bottom: none;
	text-align: center;
	margin: 10px 0 40px;
	text-transform: uppercase;
}
.graybg
{
	background:#f8f8f8;
	padding-bottom:50px;
}
.graybg h2
{
	border-bottom: none;
	text-align: center;
	margin: 50px 0 40px;
	text-transform: uppercase;
}
.work-step
{
	margin-right:calc(50% - 30px);
	margin-top: -85px;
	position:relative;
	min-height:245px;
	text-align:right;
	padding:0 60px 0 0;
}
.work-step#step1
{
	margin-top:0;
}
.work-step#step6
{
	margin-top:-116px;
}
.work-step#step8
{
	min-height:150px;
}
.work-step:nth-child(2n)
{
	margin-right:0;
	margin-left:calc(50% - 30px);
	text-align:left;
	padding:0 0 0 60px;
}
.hexagon-b
{
	position: absolute;
	width: 60px;
	height: 34.64px;
	background-color: #ffffff;
	margin: 17.32px 0;
	border-left: solid 3px #b2c8d0;
	border-right: solid 3px #b2c8d0;
	right:0;
	top:0;
	text-align:center;
}
.work-step:nth-child(2n) .hexagon-b
{
	right:auto;
	left:0;
}
.work-step.current-step .hexagon-b,
.work-step:hover .hexagon-b
{
	border-color:#01baf7;
}
.hexagon-b:before,
.hexagon-b:after
{
	content: "";
	position: absolute;
	z-index: 1;
	width: 42.43px;
	height: 42.43px;
	-webkit-transform: scaleY(0.5774) rotate(-45deg);
	-ms-transform: scaleY(0.5774) rotate(-45deg);
	transform: scaleY(0.5774) rotate(-45deg);
	background-color: inherit;
	left: 5.7868px;
}
.hexagon-b:before
{
	top: -21.2132px;
	border-top: solid 4.2426px #b2c8d0;
	border-right: solid 4.2426px #b2c8d0;
}
.work-step.current-step .hexagon-b:before,
.work-step:hover .hexagon-b:before
{
	border-color:#01baf7;
}
.hexagon-b:after
{
	bottom: -21.2132px;
	border-bottom: solid 4.2426px #b2c8d0;
	border-left: solid 4.2426px #b2c8d0;
}
.work-step.current-step .hexagon-b:after,
.work-step:hover .hexagon-b:after
{
	border-color:#01baf7;
}
.hexagon-b i.fa
{
	position:relative;
	z-index:2;
	font-size:24px;
	line-height:36px;
	color:#b2c8d0;
}
.work-step.current-step .hexagon-b i.fa,
.work-step:hover .hexagon-b i.fa
{
	color: #e70c93;
}
.step-title
{
	font-size:16px;
	border-bottom:2px solid #d5e0e4;
	font-weight: 400;
	padding:8px 25px 2px 0;
}
.step-title a
{
	font-weight:bold;
	text-decoration:none;
}
.step-title a:hover
{
	color: #e70c93;
}
.work-step:nth-child(2n) .step-title
{
	padding:8px 0 2px 25px;
}
.work-step.current-step .step-title,
.work-step:hover .step-title
{
	border-color:#b2c8d0;
}
.step-title strong
{
	color: #e70c93;
}
.step-img
{
	margin-right:105px;
	border:2px solid #b2c8d0;
	border-top:none;
	opacity:0.5;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,0.62) 47%, rgba(178,200,208,0.2) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,0.62)), color-stop(100%, rgba(178,200,208,0.2)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,0.62) 47%, rgba(178,200,208,0.2) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,0.62) 47%, rgba(178,200,208,0.2) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,0.62) 47%, rgba(178,200,208,0.2) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,0.62) 47%, rgba(178,200,208,0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b2c8d0', GradientType=0 );
}
.step-img ul
{
	color:#68848e;
	font-size:18px;
	text-transform:uppercase;
	list-style:none;
	margin: 0;
	padding: 25px 0 20px 40px;
	font-weight:400;
	text-align:left;
}
.step-img ul i.fa
{
	width:22px;
	font-size:19px;
	text-align:center;
	margin-right:30px;
	font-weight:bold;
	color:#e70c93;
}
.work-step:nth-child(2n) .step-img
{
	margin-right:0;
	margin-left:105px;
}
.work-step.current-step .step-img,
.work-step:hover .step-img
{
	opacity:1;
}
.step-img img
{
	width:100%;
	height:auto;
}
.work-arrow
{
	background:url(../img/how-it-works-arrow.gif) -3px 0 repeat-y;
	width:2px;
	height:92px;
	position:absolute;
	top:68px;
	right:30px;
}
.work-step:nth-child(2n) .work-arrow
{
	right:auto;
	left:28px;
}
.work-step.current-step .work-arrow,
.work-step:hover .work-arrow
{
	background-position: 0 0;
}
.work-arrow i.fa
{
	border-radius:100%;
	color:#b2c8d0;
	font-size:17px;
	text-align:center;
	border:1px solid #b2c8d0;
	display:block;
	height:22px;
	width:22px;
	line-height:22px;
	background:#fff;
	margin: 35px 0 0 -10px;
	padding-left: 1px;
}
.work-step.current-step .work-arrow i.fa,
.work-step:hover .work-arrow i.fa
{
	border-color:#01baf7;
	color:#01baf7;
}
.asset-types
{
	background:url(../img/how-it-works-bg.jpg) top center no-repeat;
	background-size:cover;
	padding-top:60px;
	padding-bottom:40px;
	font-size:16px;
	color: white;
}
.asset-types h2
{
	border-bottom: none;
	text-align: center;
	margin: 0 0 50px;
	text-transform: uppercase;
	font-weight:400;
}
.asset-types img
{
	margin-top:20px;
}
.asset-types ul
{
	margin:0;
}
.asset-types ul li
{
	list-style:none;
	margin-bottom:15px;
}
.asset-types li:before
{
	content:'\f196';
	font-family: FontAwesome;
	color:#e70891;
	margin-right:22px;
}
.text-work p
{
	margin:0 0 25px;
	color:#809199;
}
.text-work:nth-child(2) p
{
	padding-right:10px;
}
.text-work p strong
{
	color: #e70c93;
	text-transform:uppercase;
}
.text-work .dev
{
	background: url(../img/dev.png) top left repeat-x;
	height: 6px;
	display: block;
	clear: both;
	margin: 0 30% 20px;
}
/* Partnership-list */

.userlytics-partners .img-fluid {
	max-width:100%;
}
.userlytics-partners p {
	font-size:17px; text-align:justify;
}
.userlytics-partners hr {
	width:90%; margin-left:5%;
}
.userlytics-partners h1 {
	font-size:38px;
}
.userlytics-partners p {
	font-color:grey;
	font-size:17px;
	text-align:center;
}
.userlytics-partners .img-fluid {
	margin-top:50px;
}
.userlytics-partners .col-md-7 p {
	margin-bottom:22px !important;
	text-align:justify;
}
.userlytics-partners h3 {
	font-size:30px;
	font-weight:bold;
	margin-bottom:15px !important;
	margin-top:20px;
}

/* Multilingual */

.multilingual
{
	padding: 0 !important;
}
.multilingual .image_stripe
{
	padding: 114px 0 50px 0;
	background: url("../img/multilingual/multilingual.jpg") no-repeat top center;
	background-size:cover;
	box-shadow: none;
	min-height:629px;
}
.multilingual .image_stripe h1.page_header
{
	font-size:60px;
	line-height:40px;
	font-weight:400;
}
.multilingual .features .container
{
	padding:70px 0;
}
.multilingual .features .container .row
{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(3,51,51,0.05);
	-moz-box-shadow: 0px 0px 10px 0px rgba(3,51,51,0.05);
	box-shadow: 0px 0px 10px 0px rgba(3,51,51,0.05);
	background:white;
}
.multilingual .features .container .row .col-xs-12.col-sm-6
{
	padding-left:0;
	padding-right:0;
}
.multilingual .features .container .row .col-xs-12.col-sm-6 .picture
{
	height:280px;
	overflow:hidden;
}
.multilingual .features .container .row .col-xs-12.col-sm-6 .picture img
{
	width: auto;
	height:100%;
	min-width:100%;
}
.multilingual .features .container .row .col-xs-12.col-sm-6 .description
{
	padding:50px 55px 40px 55px;
	height:280px;
}
.multilingual .features .container .row .col-xs-12.col-sm-6 .description h4
{
	font-size:30px;
	line-height:30px;
	margin-bottom:35px;
}
.multilingual .features .container .row .col-xs-12.col-sm-6 .description p
{
	font-size:14px;
	margin-bottom:12px;
	font-weight:500;
	color:#5c5c5c;
	line-height:24px;
}
.multilingual .features .container .row .col-xs-12.col-sm-6 .description p a
{
	font-weight:900;
	text-decoration:none;
}
.multilingual .features .container .row .col-xs-12.col-sm-6 .description p strong
{
	color:#e70c93;
}
.multilingual .features .container .row.english .col-xs-12.col-sm-6 .picture,
.multilingual .features .container .row.english .col-xs-12.col-sm-6 .description
{
	height:310px;
}
.multilingual .features .container .row .col-xs-12.col-sm-6 .description a.btn
{
	display: inline-block;
	background: #00bbf8;
	border-color: #00bbf8;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
	text-shadow: none;
	font-size: 20px;
	font-weight: 500;
	color: white;
	letter-spacing: normal;
	padding-left: 30px;
	padding-right: 30px;
	margin-top:20px;
}
.multilingual .features .container .row.english .col-xs-12.col-sm-6 .description a.btn
{
	background: #e70c93;
	border-color: #e70c93;
	margin-top:12px;
}
.multilingual .features .container .row .col-xs-12.col-sm-6 .description a.btn:hover
{
	background: #fff;
	border-color: #fff;
	color: #00bbf8;
}
.multilingual .features .container.english .row .col-xs-12.col-sm-6 .description a.btn:hover
{
	color: #e70c93;
}
.multilingual .features .container .row.features .col-xs-12.col-sm-6 .picture,
.multilingual .features .container .row.features .col-xs-12.col-sm-6 .description
{
	height:330px;
}

/* Call to Action Buttons */
body.homepage .home-articul a.btn,
.image_stripe .free-demo-box.for_image_stripe .col-xs-6.text-left .btn.btn-lg.btn-transparent-white.text-uppercase,
.pricing.sreen .price-button a.btn,
.branching .experience .block-button a,
.br-logic .block-button a,
.price-button a.btn,
.creating-test .price-button.calculate .btn
{
	background:#07D623;
	border:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* Call to Action Buttons */
body.homepage .home-articul a.btn:hover,
.image_stripe .free-demo-box.for_image_stripe .col-xs-6.text-left .btn.btn-lg.btn-transparent-white.text-uppercase:hover,
.pricing.sreen .price-button a.btn:hover,
.branching .experience .block-button a:hover,
.br-logic .block-button a:hover,
.price-button a.btn:hover,
.price-button.calculate .btn:hover
{
	background:#07D623;
	color: #000;
}
body.homepage .home-articul a.btn:hover
{
	background:#e70c93;
	color:white;
}
.videos .container p
{
	font-size: 17px;
}

/*SUBMENU*/
.submenu{
	display:none;
	z-index:999;
	margin:0;
	position:absolute;
	background-color:#333;
	list-style:none;
	padding-bottom:20px;
	width:280px;
}
.nav li:hover > ul {
	display:block;
}
.submenu a {
	width:100%;
	color:#fff;
	text-decoration:none;
}
.submenu a:hover {
	text-decoration:underline;
	color:#fff;
}
.submenu:hover {text-decoration:none;}
.submenu li {width:100%; margin:15px 0; margin-left:15px; padding:0;}

.fa-caret-down {color:#fff; margin-left: 8px;}
/************************************************************************************/
/* Promotion
/************************************************************************************/
.non-semantic-protector
{
	position: absolute;
	z-index: 1;
	left: -14px;
	right: -14px;
	top: -65px;
}
.non-semantic-protector:after
{
	display:block;
	content:' ';
	background: #2e3f4e;
	height: 14px;
	width: 94%;
	margin: 0 auto;
}
.ribbon
{
	position: relative;
	background: #E70C93;
	color: #fff;
	text-align: center;
	padding:7px 10px 5px;
}
.ribbon:before,
.ribbon:after
{
	content: "";
	position: absolute;
	display: block;
	bottom: -1em;
	border: 26px solid #bd137b;
	z-index: -1;
}
.ribbon:before
{
	left: -33px;
	border-right-width: 1.5em;
	border-left-color: transparent;
}
.ribbon:after
{
	right: -33px;
	border-left-width: 1.5em;
	border-right-color: transparent;
}
.ribbon .ribbon-content
{
	display:block;
	color:white;
	text-decoration:none;
}
.ribbon .ribbon-content:before,
.ribbon .ribbon-content:after
{
	content: "";
	position: absolute;
	display: block;
	border-style: solid;
	border-color: #832b69 transparent transparent transparent;
	bottom: -1em;
}
.ribbon .ribbon-content:before {
	left: 0;
	border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after {
	right: 0;
	border-width: 1em 1em 0 0;
}
.ribbon .ribbon-content h3
{
	margin:0 0 5px;
	text-transform:uppercase;
	font-size:16px;
	text-shadow: 0px 2px 2px rgba(131, 43, 105, 0.5);
}
.ribbon .ribbon-content h4
{
	margin:0;
	font-weight:200;
	font-size: 14px;
	text-shadow: 0px 1px 1px rgba(131, 43, 105, 0.5);
}
.ribbon .ribbon-content h4 strong
{
	font-size:30px;
	line-height:22px;
	text-shadow: 0px 2px 2px rgba(131, 43, 105, 0.9);
}


/* branching_logic */
.branching_logic .first
{
	width:100%;
	text-align:center;
}
.branching_logic .first h1
{ font-weight:300;
	text-transform:uppercase;
	font-size:32px;
}

.branching_subheader
{
	color:#809199;
	font-size:24px;
	text-align:center;
	font-weight:200;
	border-bottom:0px;
	margin:0;
	padding:0;
}
.branching_logic .first
{
	width:100%;
	text-align:center;
}
.branching_logic .first h1
{ font-weight:300;
	text-transform:uppercase;
	font-size:32px;
}
.branching_subheader
{
	color:#809199;
	font-size:24px;
	text-align:center;
	font-weight:200;
	border-bottom:0;
	margin:0;
	padding:0;
}

.blue-dark {
	color: #4077b7;
}

/************************************************************************************/
/*	Launch Test Page
/************************************************************************************/
.navbar.dhs
{
	background-color: #036;
}
.navbar-usl.dhs .navbar-brand img
{
	max-width: 200px !important;
}
.launch-page-first .navbar-usl .navbar-nav,
.launch-page-start .navbar-usl .navbar-nav
{
	border-right:none;
	margin-right:0;
}
.image_stripe.launch-page
{
	padding-bottom: 0;
	padding-top: 35px;
}
.launch-page-start .image_stripe.launch-page
{
	background: none;
	padding-bottom: 35px;

}
.welcome
{
	padding: 40px 18% 0;
}
.welcome h3
{
	font-size:20px;
	line-height:30px;
	font-weight:400;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	margin:0;
}
.launch-page-first .arrow-row {
	border-top: 0;
}
#mirroring-instructions .launch-page-first .arrow-row
{
	border-top:1px solid #CED6E1;
}
.launch-page-first .arrow-row p b,
.launch-page-first .arrow-row p strong
{
	color:#48BDF3;
}
.launch-page-first .arrow-row.mobile-step
{
	border-top:16px solid #48BDF3;
}
.launch-page-first .arrow-row .row,
.launch-page-start .arrow-row .row
{
	padding-top: 25px;
	padding-bottom: 20px;
}
.launch-page-first .arrow-row.mobile-step.passed .row,
.launch-page-first .arrow-row.desktop-step.passed .row
{
	padding-top:10px;
	padding-bottom:10px;
}
.launch-page-first .arrow-row.mobile-step.passed .arrow-down
{
	display:none;
}
.launch-page-first .arrow-row p,
.launch-page-start .arrow-row p
{
	font-weight:400;
}
.launch-page-first .arrow-row p
{
	font-size:25px;
	margin-bottom:5px;
}
.launch-page-first .arrow-row p.small {
	font-size: 20px;
}
.launch-page-first .arrow-row.mobile-step.passed
{
	border-top-width:9px;
}
.launch-page-first .arrow-row.mobile-step.passed p,
.launch-page-first .arrow-row.desktop-step.passed p
{
	font-size:15px;
	margin-bottom:0;
	opacity:0.35;
	cursor:pointer;
}
.launch-page-first .arrow-row.mobile-step.passed p:hover,
.launch-page-first .arrow-row.desktop-step.passed p:hover
{
	opacity:1;
}
.launch-page-first #download-recorder {
	display: none;
}
#select-desktop,
.mirror-step,
#ios-mac,
#android-desktop
{
	display:none;
}
.why-need
{
	display: inline !important;
	text-decoration:none;
	border-bottom:1px dotted;
}
.why-need:hover
{
	border-bottom:none;
}
#launch-test
{
	background:url(../img/launch-test/launch-test-bg.jpg) top center repeat-x #dce3e5;
	background-size:cover;
	padding-top:20px;
	text-align:center;
	height:560px;
}
.launch-test h2
{
	border-bottom:none;
	font-weight:400;
}
.launch-test
{
	background:url(../img/launch-test/launch-test-man.jpg) bottom center no-repeat;
	min-height:500px;
	height:100%;
	position:relative;
}
.launch-test.dhs
{
	margin: 40px 0 70px 0;
	min-height: auto;
	background: none;
}
.launch-test .browser
{
	width:320px;
	height:420px;
	position:absolute;
	bottom:85px;
	left:calc(50% - 480px);
	background:url(../img/launch-test/man-left.jpg) bottom right no-repeat #fff;
}
.launch-test.dhs .browser
{
	position: inherit;
	width: auto;
	max-width: 550px;
	height: auto;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 0 10px #AAA;
}
.launch-test .browser.other
{
	left:calc(50% + 160px);
	background:url(../img/launch-test/man-right.jpg) bottom left no-repeat #fff;
}
.launch-test .browser .title-header
{
	height:90px;
	overflow:hidden;
	color:#f6f7f9;
	font-size:21px;
	line-height:21px;
	font-weight:bold;
	background:#00bbf8;
	padding: 15px 20px 0;
}
.launch-test.dhs .browser .title-header
{
	line-height: 60px;
	font-size: 22px;
}
.launch-test .browser .title-header span
{
	font-weight:300;
	font-size:16px;
	display:block;
}
.launch-test .browser .title-header strong
{
	font-weight:900;
}
.launch-test .browser .title-header a
{
	color: #f6f7f9;
}
.launch-test .browser .content-block
{
	color: #809199;
	padding:27px 40px;
	position:relative;
}
.launch-test.dhs .browser .content-block
{
	color: #333;
}
.launch-test .browser .content-block h4
{
	font-size:16px;
	line-height:22px;
	margin-bottom:24px;
}
.launch-test .browser .content-block .btn
{
	display:inline-block;
	background:#e70c93;
	border-color:#e70c93;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.3);
	text-shadow:none;
	font-size:18px;
	font-weight:500;
	color:white;
	letter-spacing:normal;
	padding:5px 15px 6px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.launch-test.dhs .browser .content-block .btn
{
	border-radius: 3px;
	padding: 10px 20px;
}
.launch-test .browser .content-block .btn:hover
{
	background:#fff;
	border-color:#fff;
	color:#e70c93;
}
.launch-test .browser .content-block p
{
	margin-bottom:18px;
}
.launch-test .browser .content-block a
{
	color: #00bbf8;
	text-decoration: none;
	font-weight: 500;
}
.launch-test.dhs .browser .content-block a
{
	color:#e70c93;
	text-decoration: underline;
}
.launch-test.dhs .browser .alert-info
{
	width: 100%;
	margin: 0;
	border: none;
	border-radius: 0;
	color: #333;
}
.launch-test.dhs .browser .alert-info a
{
	color: #e70c93;
}
.launch-test .browser .consent {
	text-align: center;
	font-size: 12px;
}
#launch_form .privacy-required {
	position:relative;
	width:260px;
	padding: 0 5px;
	top:2px;
	left:0;
	background-color:#fff;
	text-align: left;
}
#launch_form .privacy-required a {
	text-decoration:underline;
	font-weight:300;
}
#launch_form .privacy-required a, #launch_form .privacy-required span:not(.tooltiptext) {
	color:#000;
	font-size:11px;
	line-height: 12px;
}
.launch-test .browser .content-block a.pull-right
{
	font-size:11px;
	color:#809199;
	font-weight:300;
	border-bottom:1px dotted;
	margin:-15px 0 17px;
}
#launch_form
{
	padding: 0 0 0 20px;
	text-align: right;
}
.launch-test .browser .content-block .form-control
{
	background:#f1f1f1;
	border:none;
	box-shadow:none;
	margin-bottom:20px;
	text-align:center;
}
.launch-test.dhs .browser .content-block .form-control
{
	height: 40px;
}
.launch-test .browser .content-block img
{
	position:absolute;
	top:-45px;
	left:-50px;
}
.launch-test .browser.other .content-block img
{
	left:auto;
	right:-50px;
}
.free-demo-box.questions
{
	text-align:center;
	color:white;
	font-size:18px;
}
.free-demo-box.questions p
{
	margin:0;
}
.free-demo-box.questions p a
{
	color:white;
}
.free-demo-box.questions h3
{
	margin:0;
	text-transform:uppercase;
	font-size:18px;
	line-height:26px;
}
.open-recorder
{
	display: inline-block;
	background:#fff;
	color: #333;
	font-size:22px;
	font-weight:500;
	padding:15px 25px;
	text-decoration:none;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	outline:none;
}
.open-recorder.alt {
	margin-top: 20px;
	font-size: 14px;
}
.open-recorder i
{
	font-size:24px;
	margin-right:15px;
}
.open-recorder:focus,
.open-recorder:hover
{
	background:#333;
	color:white;
	text-decoration:none;
}
.dhs .open-recorder:focus,
.dhs .open-recorder:hover
{
	background: none;
	color: inherit;
}
.app-badget {
	display: inline-block;
	max-width: 200px;
}
.app-badget img {
	width: 100%;
}
.app-badget.ios img {
	width: 130%;
}
.launch-recorder
{
	background:#f8f8f8;
	color:#809199;
	line-height:24px;
	padding:15px 0px 35px 0px;
}
.launch-recorder .difitem .hexagon
{
	line-height:18px;
}
.launch-recorder .difitem p
{
	font-size:17px;
	padding-left:60px;
	padding-right:20px;
}
.launch-recorder .difitem p a
{
	color:#00bbf8;
	font-weight:500;
	text-decoration:none;
}
.launch-recorder .difitem p a:hover
{
	text-decoration:underline;
}
.free-demo-box.questions.recorder p
{
	font-size:18px;
	line-height:22px;
}
.free-demo-box.questions.recorder p strong
{
	text-transform:uppercase;
}
.launch-page-first h1, .launch-page-start h1 {
	line-height: 65px;
	text-align: center !important;
	text-shadow: 1px 1px 1px #333333;
}
.launch-page-first h1.page_header a {
	color: #FFF;
	text-decoration: none;
	border-bottom: 2px solid #FFF;
}
.launch-page-start .result-code, .dhs .result-code
{
	display: block;
	width: 300px;
	color: white;
	background:#0aca24;
	padding: 10px 25px 12px;
	margin: 20px auto;
	font-size: 38px;
	text-align: center;
	text-shadow: none;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(72,189,243,0.5);
	-moz-box-shadow: 0px 1px 1px 0px rgba(72,189,243,0.5);
	box-shadow: 0px 1px 1px 0px rgba(72,189,243,0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	font-family:arial;
	letter-spacing:1px;
}
#launch-test .dhs .result-code
{
	width: 200px;
	margin-top: 10px;
	font-size: 24px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.dhs ol
{
	text-align: left;
}
.dhs ol p
{
	font-size: 14px;
}
.launch-page-start .image_stripe p
{
	margin-top:35px;
	margin-bottom:30px;
	text-shadow: 1px 1px 1px #333333;
}
.launch-page-start .image_stripe p a
{
	color:white;
}
.launch-page-start .welcome
{
	padding-top:0;
}
.launch-page-start .welcome.dhs p
{
	margin: 10px 0;
}
.launch-page-start .hexagon
{
	font-size:20px;
}

/* Mobile Instructions */
#mobile_help_section
{
	/*background: url(../img/launch-test/launch-test-bg.jpg) top center no-repeat #dce3e5;
	background-size:cover;*/
	background:#ced6e1;
	text-align:center;
}
#mobile_help_section h3
{
	margin:30px 0 0;
}
.desktop-step
{
	display:none;
}
#explain-mirroring img {
	margin: 0 auto;
}
#explain-mirroring a {
	max-width: 300px;
	margin: 20px auto;
}
.main_select
{
	list-style:none;
	margin:0;
	padding: 20px 0 0;
	text-align: center;
}
.main_select,
.main_select li
{
	/*cursor:pointer;*/
	margin:0;
	font-size:0;
}
#select-mobile li,
#select-desktop li,
#ios-mac li,
#android-desktop li
{
	display:inline-block;
	float:none;
	vertical-align:middle;
}
#windows
{
	margin-top:50px;
}
.main_select a
{
	display:block;
	color:#F6F7F9;
	border:1px solid #F6F7F9;
	text-decoration:none;
	padding:15px 20px 20px;
	vertical-align:middle;
	color: white;
	border: none;
	background: #48bdf3;
	line-height: 42px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
	vertical-align:middle;
	margin-bottom:10px;
}
.main_select li.active a,
.main_select a:hover,
.main_select a:focus
{
	background:#e70c93;
}
.main_select h4
{
	margin:10px 0 0;
}
.main_select h4 span
{
	font-size:13px;
	font-weight:100;
}
.help-info
{
	/*margin-top:40px;*/
	margin:0;
}
.mirroring .btn-next
{
	background-color:#48BDF3;
	color:#fff !important;
}
.mirroring .btn-next:hover {
	background-color:#E70C93 !important;
}

.help-info .panel-group
{
	padding:0 30px;
	margin:0;
}
.col-xs-12.noheight
{
	min-height:0;
}
.help-info .panel
{
	box-shadow:none;
	border:none;
}
.help-info .step_list
{
	background: white;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	position: relative;
	padding: 30px;
}
.help-info ul.step_list > li
{
	margin-bottom:0;
}
.help-info .step_list h4
{
	overflow: hidden;
	margin-bottom:25px;
}
.help-info #itools .step_list .js_ios_step_1 h4
{
	margin-bottom:5px;
}
.help-info #itools .step_list .js_ios_step_1 i.fa-download
{
	font-size:84px;
	color:#48bdf3;
}
.help-info .step_list strong
{
	color:#e70c93;
}
.help-info .step_list a strong
{
	color:#48bdf3;
}
.help-info .step_list a:hover strong
{
	color:#e70c93;
}
.help-info .step_list .step_point
{
	width: 52px;
	height: 30px;
	background-color: #e70c93;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 30px;
	line-height: 30px;
	font-weight: 900;
	position: absolute;
	top: -45px;
	left: -56px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius:0;
}
.help-info .step_list .step_point:before,
.help-info .step_list .step_point:after
{
	content: "";
	position: absolute;
	width: 0;
	border-left: 26px solid transparent;
	border-right: 26px solid transparent;
	left:0;
}
.help-info .step_list .step_point:before
{
	bottom: 100%;
	border-bottom: 15px solid #e70c93;
}
.help-info .step_list .step_point:after
{
	top: 100%;
	width: 0;
	border-top: 15px solid #e70c93;
}
.help-info .step_list .panel-body
{
	padding: 0 5px;
	text-align:center;
}
.buttons
{
	margin:30px -15px;
}
.buttons a.btn,

#footercontact
{
	color:#aaa;
}
#footercontact .fa {
	margin-right:5px;
}
#footercontact a {
	margin-top:5px;
}
#footercontact .fa, #footercontact a
{
	color:#fff;
	text-decoration:none;
}

.facebook {
	border-radius:4px;
	height:20px;
	background:#fff;
	width:30px;
	text-align:center;
	display:inline-block;
	padding:2px 0;
	margin-top:-4px;
}
.modal-footer a.btn
{
	display:block;
	background: #e70c93;
	color:white;
}
.buttons a.btn:hover,
.modal-footer a.btn:hover
{
	background: #48bdf3;
}
.buttons a.btn.show_start_test_section
{
	background: #48bdf3;
}
.buttons a.btn.show_start_test_section:hover
{
	background: #e70c93;
}
.buttons a.back_btn i.fa,
.modal-footer a.btn.pull-left i.fa
{
	margin-right:15px;
	font-size:15px;
}
.buttons a.main_btn i.fa,
.modal-footer a.btn.pull-right i.fa
{
	margin-left:15px;
	font-size:15px;
}
.alt-ways
{
	border-top: 1px solid #F1F1F3;
	padding-top: 25px;
}
#ios-alt-last
{
	display:block!important;
}


/* ====================================================================
	Tooltip
==================================================================== */
.tooltip-container
{
	position: relative;
	display: block;
}
.tooltip-container .tooltiptext
{
	visibility: hidden;
	width: 620px;
	background-color: black;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 8px 12px 9px;
	position: absolute;
	z-index: 1;
	bottom: 130%;
	left: 50%;
	margin-left: -310px;
	text-transform:none;
	font-size:13px;
	line-height:22px;
	font-weight:normal;
	white-space:normal;
}
.tooltip-container .tooltiptext::after
{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;
}
.tooltip-container:hover .tooltiptext
{
	visibility: visible;
}

.tooltiptext.w160 {
	width: 160px;
	margin-left: -80px;
}

.tooltiptext.w220 {
	width: 220px;
	margin-left: -110px;
}


/************************************************************************************/
/* DIY Landing Page
/************************************************************************************/
body.diy-landing
{
	background:#e5f3fc;
	padding:45px 50px;
	margin:0;
}
body:before
{
	background-image: none;
	display:none;
}
.white-container
{
	background:white;
	-webkit-box-shadow: 0px 20px 30px 0px rgba(182,196,208,0.25);
	-moz-box-shadow: 0px 20px 30px 0px rgba(182,196,208,0.25);
	box-shadow: 0px 20px 30px 0px rgba(182,196,208,0.25);
	padding:15px 0 0;
}
.diy-landing .logo svg
{
	width:auto;
	height:80px;
	color:#48bdf3;
	fill:#48bdf3;
}

#modal-box-diy a:focus, .videoprototypes:focus {
	outline: none;
}
#modal-box-diy .fa-play-circle
{
	color:rgba(38, 52, 65, 0.7);
	font-size:100px;
}
.star-line-left,
.star-line-right,
.stars-line
{
	display:inline-block;
	width:120px;
	color:#fa9200;
	vertical-align:middle;
	min-height:2px;
	text-align:center;
}
.star-line-left,
.star-line-right
{
	width:calc(50% - 70px);
}
.star-line-left
{
	background:url("../img/star-line-left.png") center right no-repeat;
}
.star-line-right
{
	background:url("../img/star-line-right.png") center left no-repeat;
}
.get-started .undersub-promo {
	color:#798084;
	font-size:14px;
	position:relative;
	display:block;
	top:7px;
}
.optimize
{
	text-align:center;
	padding:15px 0;
}
.optimize h3
{
	line-height:48px;
	font-size:38px;
	font-weight:100;
	color:#272829;
	margin-bottom:10px;
}
.optimize h3 strong
{
	font-weight:400;
}
.optimize p
{
	font-size:18px;
	color:#798084;
}
.get-started
{
	background:url("../img/get-started.jpg") center top no-repeat;
	background-size: 100% auto;
	padding:0 0 0px;
	margin:0;
}
.get-started .green-btn
{
	margin-bottom:30px;
}
.get-started img.img-responsive
{
	display:inline-block;
}
.blue-box
{
	background:#48bdf3;
	position:absolute;
	top:80px;
	left:5%;
	width:135px;
	color:white;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(72,189,243,0.5);
	-moz-box-shadow: 0px 0px 3px 0px rgba(72,189,243,0.5);
	box-shadow: 0px 0px 3px 0px rgba(72,189,243,0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	font-size:13px;
	font-weight:600;
	padding:20px 10px 0;
	padding-bottom:20px;
}
.blue-box.right-one
{
	left:auto;
	right:10%;
	top:auto;
	bottom:50px;
	padding-top:35px;
}
.blue-box span
{
	display:block !important;
}
.blue-box .shild
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	background:#e70c93;
	font-size:11px;
	text-align:center;
	display:inline-block;
	position:absolute;
	padding:2px 8px;
	top:15px;
	left:-12px;
	font-weight:800;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(72,189,243,1);
	-moz-box-shadow: 0px 0px 2px 0px rgba(72,189,243,1);
	box-shadow: 0px 0px 2px 0px rgba(72,189,243,1);
}
.blue-box.right-one .shild
{
	left:auto;
	right:-12px;
}
.blue-box i.fa
{
	display:block;
	font-size:54px;
	margin-bottom:5px;
}
.blue-box.right-one i.fa
{
	font-size:50px;
	margin-bottom:15px;
}
.blue-box-website{
	left:20%;
	margin-top:240px;
	width:150px;
}
.fa-youtube-play:focus {
	outline:none;
}
.blue-box-website-left {
	left:70%;
	margin-top:240px;
	width:150px;
}

.white-button {color:#fff; text-decoration:none;}
.white-button:hover {color:#e70c93; text-decoration:none;}
.discover
{
	padding:0 0 70px;
}
.discover h2
{
	border-bottom:none;
	color:#48bdf3;
	margin:55px 0 15px;
	padding:0;
	font-size:36px;
	line-height:40px;
	font-weight:400;
}
.discover p
{
	font-size:18px;
	line-height:30px;
	margin:0;
	padding:0 25%;
	color:#363636;
}
.user-centric
{
	margin:50px 0 190px;
	background:#f5fafd;
}
.user-centric .container-fluid
{
	display:table;
	width:100%;
}
.user-centric .container-fluid .col-sm-2,
.user-centric .container-fluid .col-sm-4,
.user-centric .container-fluid .col-sm-6
{
	display:table-cell;
	height:100%;
	float:none;
}
.user-centric .container-fluid .col-lg-4
{
	padding-right:5%;
}
.user-centric h3
{
	font-size:27px;
	color:black;
	font-weight:400;
	line-height:30px;
	padding:80px 0 30px;
	margin:0;
}
.user-centric p
{
	margin-bottom:20px;
}
.user-centric .btn.green-btn.blue
{
	margin-bottom:70px;
}
.user-centric .photoside
{
	position:relative;
	background:url("../img/photoside.jpg") 35px 0 no-repeat;
	background-size:cover;
}
.user-centric .photoside img
{
	position:absolute;
	top:-50px;
	left:-15px;
}
.website-framework .container-fluid
{
	padding-left:0;
}
.website-framework .img-responsive
{
	width:100%;
}
.website-framework .col-lg-4
{
	padding-left:5%;
}
.easy-customize
{
	background:url("../img/easy-customize.jpg") center left repeat-x;
	padding:60px 0;
}
.easy-customize h3
{
	font-size:27px;
}
.easy-customize p
{
	margin-right:20%;
	margin-bottom:20px;
}
.easy-customize img.img-responsive
{
	-webkit-box-shadow: 0px 0px 40px 0px rgba(182,196,208,0.3);
	-moz-box-shadow: 0px 0px 40px 0px rgba(182,196,208,0.3);
	box-shadow: 0px 0px 40px 0px rgba(182,196,208,0.3);
}
.clients-grid.diy-landing
{
	padding-top:0;
}
.clients-grid.diy-landing h4,
.helping h4
{
	font-size:36px;
	font-weight:200;
	text-transform:uppercase;
	margin-bottom:55px;
}
.helping h4
{
	text-transform:uppercase;
}
.helping
{
	padding:60px 0 350px;
	background:url("../img/helping.jpg") center bottom no-repeat;
	background-size:100% auto;
	margin-bottom:50px;
}
.helping .container-fluid
{
	max-width:1170px;
}
.helping h4
{
	text-transform:none;
}
.helping h4 strong
{
	text-transform:uppercase;
}
.stat-circle
{
	background:url("../img/circle-1.png") center center no-repeat;
	background-size:100% auto;
	font-size:18px;
	color:#b2b2b2;
	line-height:18px;
	padding:180px 15px 150px;
}
.stat-circle.big
{
	background-image:url("../img/circle-big.png");
}
.stat-circle.secnd
{
	background-image:url("../img/circle-2.png");
}
.stat-circle strong
{
	display:block;
	font-size:30px;
	font-weight:bold;
	color:#e70c93;
	white-space:nowrap;
	margin-bottom:8px;
}
.stat-circle.big strong
{
	color:#6fcbf5;
}
.onlanding .price-top
{
	background:#f8f8f8;
	-webkit-box-shadow: 0px 0px 40px 0px rgba(182,196,208,0.3);
	-moz-box-shadow: 0px 0px 40px 0px rgba(182,196,208,0.3);
	box-shadow: 0px 0px 40px 0px rgba(182,196,208,0.3);
	color:#48bdf3;
	border-bottom:none;
}
.onlanding .price-top h2
{
	text-shadow:none;
	font-size:48px;
	font-weight:bold;
	line-height:30px;
}
.onlanding .price-top h2 span
{
	font-weight:400;
}
.onlanding .price-block
{
	background:#48bdf3;
}
.onlanding.pricing .well-inner ul li
{
	padding-left:25px;
	padding-right:25px;
}
.onlanding .price-button
{
	height:auto;
}
.onlanding.diy .price-button a.btn
{
	margin:0;
	font-size:30px;
	padding:15px 40px;
}

.question-form
{
	background:#263441;
	color:white;
	margin-top:90px;
	padding:80px 0 60px;
	text-align:center;
}
.question-form h3
{
	font-size:36px;
	margin:0 0 15px;
	font-weight:300;
}
.question-form p
{
	font-size:18px;
}
.question-form input[type="text"],
.question-form input[type="email"],
.question-form textarea, .question-form select
{
	padding:0 15px;
	font-size:14px;
	text-transform:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height:37px;
	color:#363636;
	margin: 10px 0;
	width: 100%;
	border: none;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
}
.question-form textarea
{
	padding: 10px 15px;
	height: 152px;
}
.question-form input[type="submit"]
{
	margin:45px auto 10px;
	height:46px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-transform:uppercase;
	cursor:pointer;
	background:#e70c93;
	border:none;
	display: inline-block;
	font-size:20px;
	font-weight:bold;
	padding:0 40px;
}
.question-form input[type="submit"]:hover
{
	background:white;
	color:#e70c93;
}
.plus-proto .question-form {
	padding: 5px 0 20px;
}
#protectiontitle {
	margin-top:-20px;
}
#protectionimg
{
	margin-top:30px;
}
.copyright
{
	text-align:center;
	padding-top:40px;
	color:#85939e;
	font-weight:500;
}



/************************************************************************************/
/*	Website Page */
/************************************************************************************/
.website-page
{
	text-align:center;
	background:white;
}
.website-page .image_stripe
{
	margin-bottom:300px;
	box-shadow:none;
}
.website-image
{
	position:relative;
	width:100%;
	text-align:center;
	margin:45px 0 -300px;
	padding-top:45px;
}
.website-image img
{
	max-width:100%;
	height:auto;
}
.white-section
{
	background:white;
}
.website-textable
{
	text-align:left;
	padding-top:40px;
	color:#809199;
	background:url("../img/website-bg.png") center center no-repeat;
}
.website-textable .col-sm-6:nth-child(1)
{
	width:38%;
	margin:0 8% 0 4%;
}
.website-textable .col-sm-6:nth-child(2)
{
	width:45%;
	margin:0 0 0 5%;
}
.website-textable a
{
	font-weight:bold;
	text-decoration:none;
}
.website-textable strong
{
	color:#e70c93;
}
.website-textable p
{
	margin-bottom:30px;
}
.website-textable ul
{
	list-style:none;
}
.website-textable ul li
{
	font-size:0;
	line-height:20px;
}
.website-textable ul li p
{
	display: inline-block;
	width: calc(100% - 35px);
	vertical-align: top;
	margin:0;
	font-size:16px;
}
.website-textable ul li i.fa
{
	display:inline-block;
	width:35px;
	vertical-align:top;
	font-size:18px;
	color:#e70c93;
	margin-top:2px;
}
.website-textable ul li i.fa.fa-puzzle-piece,
.website-textable ul li i.fa.fa-play-circle-o
{
	font-size:22px;
}
#carousel-clients.carousel
{
	height:90px;
	margin:0 0 50px;
}
#carousel-clients .carousel-inner
{
	width:calc(100% - 150px);
	margin:0 75px;
}
#carousel-clients .carousel-inner .item .col-sm-3
{
	height:90px;
	white-space:nowrap;
	text-align:center;
}
#carousel-clients .carousel-inner .item .col-sm-3 .helper
{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
#carousel-clients img
{
	-webkit-filter: grayscale(100%) opacity(30%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%) opacity(30%);
	max-height:90px;
	max-width:100%;
	width:auto;
	height:auto;
	vertical-align:middle;
}
#carousel-clients img:hover
{
	-webkit-filter: grayscale(0%) opacity(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(0%) opacity(100%);
}
.carousel#carousel-clients .carousel-control
{
	width: 50px;
	height: 50px;
	background: #f5f7fa;
	margin: 20px 0 0;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius:100%;
	text-align:center;
}
.carousel#carousel-clients .carousel-control:hover
{
	background: #e70c93;
}
.carousel#carousel-clients .carousel-control > span.fa
{
	text-shadow:none;
	color:#e70c93;
	position:static;
	line-height:50px;
	text-decoration:none;
	margin:25px 0 0;
}
.carousel#carousel-clients .carousel-control:hover > span.fa
{
	color:white;
}



/************************************************************************************/
/* Plus Proto Landing */
/************************************************************************************/
.plus-proto .logo img,
.plus-proto .logo svg
{
	float:left;
	position:relative;
	z-index:2;
}
.diy-landing.plus-proto .logo svg
{
	height:95px;
}
.plus-proto .logo img
{
	margin-top:18px;
	margin-left:-27px;
	z-index:1;
}
.plus-proto .optimize h1
{
	line-height:44px;
	font-size:38px;
	font-weight:100;
	color:#272829;
	margin-bottom:10px;
}
.plus-proto .optimize p span
{
	font-weight: 800;
	font-size: 39px;
	color: #e70c93;
	letter-spacing: -0.02em;
}

.plus-proto .optimize p strong
{
	color:#363636;
}
.plus-proto .optimize p strike
{
	font-size: 34px;
	letter-spacing: -0.1em;
	opacity: 0.8;
}
.plus-proto .price-block .cost strike
{
	font-size: 34px;
	color: #363636;
	letter-spacing: -0.1em;
	margin-left: -15px;
}



/************************************************************************************/
/* Prototypes Page */
/************************************************************************************/
.user-tests
{
	background: url(../img/bg_home_articles.jpg) center left repeat-x white;
	background-size:auto 100%;
}
.user-tests h3,
.compatible h3
{
	color:#363636;
	font-size:24px;
	text-transform:uppercase;
	line-height:30px;
	margin:0 0 35px;
	padding:0;
	font-weight:300;
}
.user-tests h3
{
	padding-top:25%;
}
.user-tests p,
.compatible p,
.target-persona p
{
	margin:0 0 25px;
	color:#809199;
}
.user-tests p strong,
.compatible p strong,
.target-persona p strong
{
	color:#e70c93;
}
.user-tests p a,
.compatible p a,
.target-persona p a
{
	font-weight:500;
	text-decoration:none;
}
.prototypes
{
	text-align:left;
	padding: 20px 0 80px;
}
.prototypes .col-sm-6.align-right
{
	padding-right:0;
}
.prototypes .col-sm-6.align-left
{
	padding-left:0;
}
.prototypes .col-sm-6.align-right a[data-toggle="modal"]
{
	float:right;
}
.compatible
{
	background:white;
	padding-bottom:80px;
}
.target-persona
{
	background:#f5f7fa;
	padding-top: 70px;
}
.target-persona h2
{
	font-size:38px;
	margin:0 0 40px;
	padding:0;
	font-weight:600;
	text-align:center;
	border-bottom:none;
}
.target-persona a.btn.green-btn
{
	display:block;
	width:220px;
	margin:20px auto 40px;
}
.prototypes-center
{
	background:url("../img/prototypes_img5.jpg") center center no-repeat #333;
	background-size:cover;
	padding: 100px 15px;
}
.prototypes-center a.btn.green-btn
{
	width:220px;
	margin-bottom:80px;
}
.prototypes-center p
{
	font-size:17px;
	line-height:28px;
	color:#eee;
	font-weight:400;
	text-shadow: 0px 1px 5px rgba(0, 0, 0, 1);
}
.prototypes-center p strong
{
	font-weight:900;
	text-transform:uppercase;
	color:white;
}


/************************************************************************************/
/* Tester Sign Up */
/************************************************************************************/
.tester-signup .get-paid
{
	background: url(../img/bg_home_articles.jpg) bottom left repeat-x white;
	background-size:auto 70%;
	padding-bottom:80px;
}
#sign-up-subtitle {
	font-size:1.8EM;
	margin-top:-30px;
}
.tester-signup #message_error {
	position:fixed;
	right:2%;
	left: 2%;
	z-index:99999;
	bottom:5px;
	border:1px solid red;
	border-radius: 3px;
}
.tester-signup h1
{
	font-size:50px;
	margin:-10px 0 35px;
}
.tester-signup h3
{
	font-size:38px;
	margin:0 0 30px;
	padding:0;
	font-weight:600;
}
.tester-signup h4
{
	font-size:24px;
	margin:0 0 30px;
	padding:0;
	font-weight:500;
	text-transform:uppercase;
}
.tester-signup p
{
	color:#809199;
	margin-bottom:25px;
}
.tester-signup p strong
{
	color:#e70c93;
}
.tester-signup a
{
	font-weight:bold;
	text-decoration:none;
}
.tester-signup a.sliding-link
{
	border-bottom:1px dotted;
}
.tester-signup a.sliding-link:hover
{
	border-bottom:none;
}
.tester-signup .sign-up
{
	list-style:none;
	margin:0 0 0 45px;
	padding:0;
}
.tester-signup .sign-up li
{
	font-size:0;
	margin:0;
}
.tester-signup .sign-up li span.number
{
	display:inline-block;
	height:34px;
	width:34px;
	border-radius:100%;
	background:#e70c93;
	font-size:20px;
	color:white;
	font-weight:900;
	text-align:center;
	line-height:32px;
	vertical-align:top;
	margin-right:20px;
}
.tester-signup .sign-up li div
{
	display:inline-block;
	width:calc(100% - 54px);
}
.tester-signup .sign-up li div h2
{
	margin:0;
	padding:3px 0 5px;
	font-size:24px;
	border-bottom:none;
}
.tester-signup .square .open-recorder {
	background: #333;
	color:white;
	font-size:18px;
	text-align:center;
}
.tester-signup .square ul {
	margin-bottom:15px;
}
.tester-signup .square .mobile-buttons img{
	max-width:90%;
}
.tester-signup .submit-email
{
	margin:10px 0 0 98px;
	padding:0;
}
.tester-signup .submit-email .shadow-input
{
	background:white;
	font-size:0;
	height:50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	-webkit-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.1);
	margin:0 0 10px;
}
.tester-signup .submit-email .shadow-input input[type="email"]
{
	font-size:18px;
	color:#809199;
	height:50px;
	padding:0 20px;
	line-height:48px;
	background:none;
	display:inline-block;
	border:none;
	width:calc(100% - 150px);
	outline:none;
	vertical-align:top;
}
.tester-signup .submit-email .shadow-input input[type="email"]:focus,
.tester-signup .submit-email .shadow-input input[type="email"]:active,
.tester-signup .submit-email .shadow-input input[type="email"]:hover
{
	outline:none;
}
.tester-signup .submit-email .shadow-input input[type="button"]
{
	background:#e70c93;
	color:white;
	display:inline-block;
	font-size:24px;
	font-weight:600;
	margin:0;
	padding:0;
	width:150px;
	height:50px;
	border:none;
	text-align:center;
	line-height:50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
}
.tester-signup .submit-email .shadow-input input[type="button"]:focus,
.tester-signup .submit-email .shadow-input input[type="button"]:hover
{
	background: #48bdf3;
	color:white;
}
.tester-signup .submit-email p
{
	margin:0 0 0 3px;
	font-size:16px;
	font-weight:400;
}
.tester-signup .submit-email p span
{
	color:#809199;
}
.tester-signup .how-signup
{
	background: url(../img/how-signup-bg.png) bottom center no-repeat;
	width:calc(100% - 30px);
	padding:70px 0 130px;
	margin:0 15px;
}
.tester-signup .how-signup .how-singup-works
{
	background:white;
	padding:50px 60px 0;
	font-size:0;
}
.tester-signup .how-signup .how-singup-works .text-left
{
	display:inline-block;
	width:100%;
	margin-bottom:-60px;
}
.tester-signup .how-signup .how-singup-works .button-right
{
	display:inline-block;
	text-transform:uppercase;
	vertical-align:top;
	width:270px;
	text-align:right;
}
.tester-signup .how-signup .how-singup-works .button-right a.green-btn
{
	margin:0;
}
.tester-signup .row.inner-pads
{
	padding:0 60px 70px;
}
.tester-signup .row.inner-pads .inner-img-left
{
	padding-right: 85px;
	padding-top: 45px;
}
.gray-section
{
	background:#f5f7fa;
	padding:80px 15px 60px;
	margin-bottom:70px;
}
.tester-signup .gray-section .row
{
	padding:20px 45px;
}
.square
{
	background:#fcfdfe;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	padding:20px;
	min-height:190px;
	margin:0 0 20px;
	position:relative;
}
.square:hover
{
	-webkit-box-shadow: 0px 0px 20px 0px rgba(182,196,208,0.5);
	-moz-box-shadow: 0px 0px 20px 0px rgba(182,196,208,0.5);
	box-shadow: 0px 0px 20px 0px rgba(182,196,208,0.5);
}
.square ul {
	width:60%;
	margin:0 auto;
	text-align:justify;
}
.square i.fa
{
	color:#e70c93;
	font-size:72px;
	line-height:115px;
}
.square p
{
	margin:0;
	font-size:18px;
	font-weight:900;
	color:#363636;
}
.square span
{
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius:100%;
	background:#0aca24;
	display:none;
	width:30px;
	height:30px;
	position:absolute;
	top:-15px;
	left:calc(50% - 15px);
}
.square:hover span
{
	display:block;
}
.square span i.fa
{
	font-size:14px;
	color:white;
	line-height:30px;
}
#tester-signup
{
	padding:30px 0 0;
	margin:0 -15px;
}

.tester-signup .question-form {background:none !important;}
#tester-signup textarea,
#tester-signup input[type="text"],
#tester-signup input[type="email"]
{
	background:#f5f7fa;
	width:100%;
	height:45px;
	border:none;
	color:#809199;
	font-size:16px;
	font-weight:400;
	padding:0 20px;
	line-height:44px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin:0 0 20px;
}
#tester-signup textarea {
	height:140px;
}
#tester-signup input[type="text"]:active,
#tester-signup input[type="email"]:active,
#tester-signup input[type="text"]:focus,
#tester-signup input[type="email"]:focus
{
	outline:none;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(182,196,208,0.35);
	-moz-box-shadow: 0px 0px 20px 0px rgba(182,196,208,0.35);
	box-shadow: 0px 0px 20px 0px rgba(182,196,208,0.35);
	background:#f8f9fb;
}
#tester-signup .accept-terms
{
	height:45px;
	margin-bottom:20px;
	text-align:left;
	line-height:44px;

}
.tester-error-message {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;

}
.tester-signup-error {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
	padding:20px;
	display:none;
}
.information-signup-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #449e5f !important;
	padding:20px;
	display:none;
}
.tos ins {
	border:solid 3px rgba(182,196,208,0.35) !important;
	background-color:#fff !important;
	opacity:0.5 !important;
}
.accept-terms ins {

	border:solid 3px rgba(182,196,208,0.35) !important;
	background-color:#f5f7fa !important;
	opacity:0.5 !important;
	padding-right:10px !important;
}
.accept-terms .icheckbox_square-pink {margin-right:10px;}
#tester-signup input[type="submit"]
{
	text-transform:none;
}
#accept-terms
{
	position: absolute;
	z-index: -1;
	opacity: 0;
	margin: 10px 0 0 20px;

}
.accept-terms {
	color:#809199 !important;
}

.accept-terms + label
{
	position: relative;
	padding: 0 0 0 35px;
	cursor: pointer;
	color:#809199;
	font-weight:400;
	font-size:16px;
}
#accept-terms + label:before
{
	content: '';
	position: absolute;
	top: 12px;
	left: 0;
	width: 22px;
	height: 22px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background: #f5f7fa;
	transition: .2s;
}
#accept-terms + label:after
{
	content: "";
	position: absolute;
	font: normal normal normal 14px/1 FontAwesome;
	color:#809199;
	top: 16px;
	left: 5px;
	width: auto;
	height: auto;
	transition: .2s;
}
#accept-terms:checked + label:before
{
}
#accept-terms:checked + label:after
{
	content: "\f00c";
}
#accept-terms:focus + label:before
{
	box-shadow: inset 0 2px 3px rgba(0,0,0,.2), 0 0 0 3px rgba(255,255,0,.7);
}


/************************************************************************************/
/* Children Tester Sign Up */
/************************************************************************************/
.partners-logos
{
	text-align:center;
	padding:40px 0 0;
}
.partners-logos a,
.partners-logos span
{
	display:inline-block;
	vertical-align:middle;
}
.partners-logos a.userlytics-logo
{
	width:260px;
}
.partners-logos a.children-logo
{
	width:325px;
}
.partners-logos a.children-logo svg
{
	fill:#901F61;
}
.partners-logos span
{
	font-size:36px;
	font-weight:300;
	margin:0 40px 0 38px;
}
.your-time
{
	text-align:center;
}
.tester-signup .your-time h1
{
	margin-top:45px;
	margin-bottom:15px;
	font-size:45px;
}
.your-time h1 span
{
	color:#E70C93;
}
.tester-signup .your-time h4
{
	font-size:18px;
	font-weight:normal;
	color:#E70C93;
	margin-bottom:50px;
}
.tester-signup .your-time h3
{
	font-weight:300;
	margin-bottom:55px;
}
.children-why
{
	text-align:center;
}
.children-why i.fa
{
	font-size:54px;
	color:#E70C93;
}
.children-why div:nth-child(3) i.fa
{
	font-size:68px;
	line-height: 56px;
}
.children-why h5
{
	margin:15px 0 20px;
	font-size:20px;
	font-weight:bold;
}
.children-why div:nth-child(3) h5
{
	margin-top:12px;
}
.children-signup-form
{
	padding:30px 0;
}
.children-signup-form .submit-email
{
	padding:50px 0 0 60px;
	margin-left:0;
	margin-top:0;
}
.tester-signup .children-signup-form .submit-email h3
{
	font-size: 24px;
	margin-bottom:40px;
}
.tester-signup .children-signup-form .submit-email .shadow-input
{
	-webkit-box-shadow: 0px 0 20px 0px rgba(128,145,153,0.4);
	-moz-box-shadow: 0px 0 20px 0px rgba(128,145,153,0.4);
	box-shadow: 0px 0 20px 0px rgba(128,145,153,0.4);
	margin-bottom:30px;
}
.children-signup-form .submit-email .tos
{
	line-height:28px;
	padding:6px 0;
}
.tester-signup .children-signup-form .submit-email .submit_tester_info .tos input[type="checkbox"]
{
	position: absolute;
	opacity: 0;
	margin:0;
}
.tester-signup .children-signup-form .submit-email .submit_tester_info .tos input[type="checkbox"] + label
{
	position: relative;
	padding: 0 0 0 35px;
	cursor: pointer;
	color:#809199;
	font-weight:400;
	font-size:16px;
}
.tester-signup .children-signup-form .submit-email .submit_tester_info .tos input[type="checkbox"] + label strong
{
	color:#E70C93;
}
.tester-signup .children-signup-form .submit-email .submit_tester_info .tos input[type="checkbox"] + label:before
{
	content: '';
	position: absolute;
	top: 2px;
	left: 0;
	width: 22px;
	height: 22px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background: #fff;
	transition: .2s;
	-webkit-box-shadow: 0px 0 10px 0px rgba(128,145,153,0.4);
	-moz-box-shadow: 0px 0 10px 0px rgba(128,145,153,0.4);
	box-shadow: 0px 0 10px 0px rgba(128,145,153,0.4);
}
.tester-signup .children-signup-form .submit-email .submit_tester_info .tos input[type="checkbox"] + label:after
{
	content: "";
	position: absolute;
	font: normal normal normal 14px/1 FontAwesome;
	color:#809199;
	top: 7px;
	left: 5px;
	width: auto;
	height: auto;
	transition: .2s;
}
.tester-signup .children-signup-form .submit-email .submit_tester_info .tos input[type="checkbox"]:checked + label:after
{
	content: "\f00c";
}
.tester-signup .children-signup-form .submit-email .submit_tester_info .tos input[type="checkbox"]:focus + label:before
{
	box-shadow: inset 0 2px 3px rgba(0,0,0,.2), 0 0 0 3px rgba(255,255,255, 0.3);
}
.tester-signup .children-signup-form .submit-email p
{
	margin-left:34px;
}
.tester-signup .how-signup.children-how
{
	margin-top:-75px;
	padding-top:0;
}
.faq.children-faq
{
	background: none;
	padding-top: 0;
	padding-bottom: 80px;
}
.faq.children-faq .question
{
	background:#F5F7FA;
}
.faq.children-faq .question a strong
{
	font-weight:900;
}
.faq.children-faq .question.opened
{
	background: #fff;
}
.play {
    position: absolute;
    bottom: 170px;
    left: 225px;
    vertical-align: middle;
}

/************************************************************************************/
/* User Testing App */
/************************************************************************************/
.user-testing-app
{
	background:#fff;
	border-top:15px solid #00bbf8;
	position:relative;
	padding-top:50px;
	padding-bottom:50px;
}
.user-testing-app .arrow-down
{
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 11px solid #00bbf8;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-15px;
}
.user-testing-app h3
{
	color:#363636;
	font-size:24px;
	text-transform:uppercase;
	line-height:30px;
	margin:50px 0 35px;
	padding:0;
	font-weight:300;
}
.user-testing-app p,
.easy-installation p
{
	margin:0 0 25px;
	color:#809199;
}
.user-testing-app p strong,
.easy-installation p strong
{
	color:#e70c93;
}
.user-testing-app p a,
.easy-installation p a
{
	font-weight:500;
	text-decoration:none;
}
.play-around
{
	margin:-15px 0 0 40px!important;
}
.play-around a
{
	color:#809199;
	font-size:12px;
	border-bottom:1px dotted;
	font-weight:300!important;
}
.play-around a:hover
{
	border-bottom:none;
}
.easy-installation
{
	background: url(../img/user-testing-app-pattern.gif) top center #eef1f6;
	padding-top:70px;
	padding-bottom:60px;
	text-align:center;
}
.easy-installation h2
{
	font-size:38px;
	margin:0 0 40px;
	padding:0;
	font-weight:600;
	text-align:center;
	border-bottom:none;
}
.easy-installation .col-lg-8
{
	background: rgba(234,239,246,0.7);
}
.easy-installation p
{
	margin-bottom:5px;
}
.easy-installation h4
{
	font-weight:300;
	margin:50px 0 40px;
	font-size:24px;
}
.easy-installation .list-in-col
{
	text-align:left;
}
.easy-installation .list-in-col ul
{
	list-style:none;
	margin:0 0 50px;
}
.easy-installation .list-in-col ul li
{
	margin:10px 0;
	padding:0;
	color:#809199;
}
.easy-installation .list-in-col ul li:before
{
	content:'\f00c';
	font-family: FontAwesome;
	margin-right:10px;
	color:#48bdf3;
}
.easy-installation .list-in-col div:nth-child(2) ul
{
	border-right:1px dotted #c0c3c7;
	margin-right:15px;
}
.easy-installation .list-in-col div:nth-child(2) ul li:before
{
	color:#e70c93;
}
.easy-installation .btn.green-btn
{
	margin-top:50px;
}
.testing-mobile
{
	background: url(../img/bg_home_articles.jpg) center left repeat-x white;
	background-size:auto 100%;
	padding-top:60px;
	padding-bottom:60px;
}
.testing-mobile h3
{
	color:#363636;
	font-size:24px;
	text-transform:uppercase;
	line-height:30px;
	margin:45px 0 35px;
	padding:0;
	font-weight:300;
}
.testing-mobile .row:nth-child(1)
{
	margin-bottom:30px;
}
.testing-mobile .row:nth-child(1) .col-lg-5
{
	padding-left:0;
}
.testing-mobile .row:nth-child(1) h3
{
	margin-top:95px;
}
.testing-mobile p
{
	margin:0 0 25px;
	color:#809199;
}
.testing-mobile p strong
{
	color:#e70c93;
}
.testing-mobile p a
{
	font-weight:500;
	text-decoration:none;
}
.testing-mobile .video-image
{
	padding: 0;
	margin-left: -15px;
	width: calc(50% + 15px);
}
.testing-mobile .row:nth-child(2) .video-image
{
	margin-left: 0;
	margin-right:-15px;
}
.testing-mobile .row:nth-child(2) .col-lg-5
{
	text-align:right;
	padding-right:0;
}


/************************************************************************************/
/* Sample Clips */
/************************************************************************************/
.sample-clips
{
	line-height:1.6;
}
.sample-clips h2
{
	font-size:38px;
	margin:0 0 30px;
	padding:0;
	font-weight:500;
	text-align:center;
	border-bottom:none;
}
.sample-clips h2 strong
{
	text-transform:uppercase;
}
.sample-clips .pad-top
{
	padding-top:40px;
}
.sample-clips .easy-installation
{
	background-image:none;
	text-align:left;
}
.sample-clips .easy-installation h2
{
	margin-bottom:50px;
}
.sample-clips .easy-installation .btn.green-btn
{
	margin-top: 5px;
}
#carousel-clips
{
	min-height: 540px;
	margin-bottom: -35px;
	margin-top: -45px;
}
#carousel-clips:after
{
	content:' ';
	display:block;
	clear:both;
}
#carousel-clips .videoitem
{
	float:left;
	width:290px;
	text-align:center;
	margin:115px 0 0px;
	padding:0;
}
#carousel-clips .videoitem a
{
	text-align:center;
	display: inline-block;
	width:100%;
	outline:none;
	/*transition: 0.5s;*/
	padding:0 70px;
	position:relative;
}
#carousel-clips .videoitem a img
{
	width:100%;
	height:auto;
	-webkit-box-shadow: 0px 5px 30px 0px rgba(128,145,153,0.4);
	-moz-box-shadow: 0px 5px 30px 0px rgba(128,145,153,0.4);
	box-shadow: 0px 5px 30px 0px rgba(128,145,153,0.4);
}
#carousel-clips .videoitem a img.tester
{
	width:75px;
	min-width:0;
	min-height:0;
	-webkit-box-shadow: 0px 5px 30px 4px rgba(128,145,153,0.9);
	-moz-box-shadow: 0px 5px 30px 4px rgba(128,145,153,0.9);
	box-shadow: 0px 5px 30px 4px rgba(128,145,153,0.9);
	position:absolute;
	top: 170px;
	right: 40px;
}
#carousel-clips .videoitem a h5
{
	margin-top:15px;
}
#carousel-clips .videoitem.slick-center
{
	margin:0 15px;
}
#carousel-clips .videoitem.slick-center a
{
	background:url("../img/sample-clips-bg.png") top left no-repeat;
	padding:57px 35px 30px 36px;
	text-align:center;
	min-height:485px;
}
#carousel-clips .videoitem.slick-center a img
{
	min-width:219px;
	min-height:357px;
	box-shadow:none;
}
#carousel-clips .videoitem.slick-center a img.tester
{
	min-width:0;
	min-height:0;
	-webkit-box-shadow: 0px 5px 30px 4px rgba(128,145,153,0.9);
	-moz-box-shadow: 0px 5px 30px 4px rgba(128,145,153,0.9);
	box-shadow: 0px 5px 30px 4px rgba(128,145,153,0.9);
	top:320px;
	right:0;
	width:100px;
}
#carousel-clips .videoitem.slick-center a h5
{
	margin:50px 15px 0;
}
.slick-prev,
.slick-next
{
	z-index:999;
	width:40px;
	height:40px;
	top:45%;
}
.slick-prev
{
	left: 0;
}
.slick-next
{
	right: 0;
}
.slick-slider .slick-list
{
	margin:0;
}
.slick-prev:before,
.slick-next:before
{
	font-family:FontAwesome;
	font-size:60px;
	color:#48bdf3;
	font-weight:bold;
}
.slick-prev:before
{
	content:'\f104';
}
.slick-next:before
{
	content:'\f105';
}

.slider-width {
	width: 55%;
}

.launch-test-steps
{
	background: url(../img/gradient-bg.jpg) center left repeat-x white;
	background-size:auto 100%;
	padding-top:60px;
	padding-bottom:50px;
}
.launch-test-steps h3
{
	color:#363636;
	font-size:24px;
	text-transform:uppercase;
	line-height:30px;
	margin:25px 0 35px;
	padding:0;
	font-weight:300;
}
.launch-test-steps p
{
	margin:0 0 25px;
	color:#809199;
}
.launch-test-steps p strong,
.launch-test-steps ul strong
{
	color:#e70c93;
}
.launch-test-steps p a,
.launch-test-steps ul a
{
	font-weight:500;
}
.launch-test-steps .launch-steps
{
	list-style:none;
	margin:0;
	padding:0;
}
.launch-test-steps .launch-steps li
{
	margin:0;
}
.launch-test-steps ul.launch-steps strong,
.launch-test-steps ul.launch-steps p
{
	display:inline-block;
	width:65px;
	vertical-align:top;
}
.launch-test-steps ul.launch-steps p
{
	width:calc(100% - 70px);
}
.free-demo-box.gray-bg
{
	background: #f5f7fa;
}
.free-demo-up-button {
	background:#07D623;
	border:solid 1px grey;
	border-radius:2px;
	font-weight:bold;
}

.select2-selection, .select2-container--default .select2-selection--single {
	background-color: rgba(255, 255, 255, 0.2) !important;
}
.select2-selection__placeholder {
	color: #F0F0F0 !important;
}
.select2-selection__rendered {
	color: white !important;
}
/*
.select2-search { background-color: #00f; }
.select2-search input { background-color: #00f; }
.select2-results { background-color: #00f; }
.select2-choice { background-color: #00f; }
*/





/************************************************************************************/
/* Recruitment */
/************************************************************************************/
.text-page
{
	background:white;
}
.text-page .gray-section
{
	padding:15px 0 5px;
	margin-bottom:0;
}
.text-page .gray-section.b2c
{
	padding:0;
}
.text-page .gray-section.b2c .container
{
	padding-top:20px;
}
.text-page h2
{
	font-size:38px;
	margin:0 0 60px;
	padding:0;
	font-weight:500;
	text-align:center;
	border-bottom:none;
}
.how-works h2 {
	margin-top:17px;
}
.text-page .content_area h3,
.text-page .sus h3,
.text-page .container h3
{
	color:#363636;
	font-size:24px;
	text-transform:uppercase;
	line-height:30px;
	margin:25px 0 35px;
	padding:0;
	font-weight:300;
}
.text-page p
{
	margin:0 0 25px;
	color:#809199;
}
.text-page p strong
{
	color:#e70c93;
}
.text-page strong.blue
{
	color:#0275bd !important;
}
.text-page strong.grey
{
	color: #809199 !important;
}
.text-page p a
{
	font-weight:500;
	text-decoration:none;
}
.text-page .image_stripe
{
	box-shadow:none;
}
.participant-panel:after
{
	display:block;
	content:' ';
	clear:both;
}
.participant-panel .image_stripe
{
	padding:0;
}
.participant-panel .image_stripe .col-xs-12
{
	background:url(../img/recruitment_full.png) center 140px no-repeat;
	min-height:670px;
}
.participant-panel .image_stripe .col-xs-12 h1
{
	color:#fff;
	height:140px;
	margin:0;
	padding:0;
	font-size:48px;
	line-height:122px;
}
.participant-panel .participant-info,
.participant-panel .panel-tester,
.participant-panel .block
{
	position:absolute;
	top:122px;
	left:calc(50% - 265px);
}
.participant-panel .participant-info
{
	width:220px;
	height:240px;
	background:white;
	top: 265px;
	left: calc(50% - 555px);
	background: rgb(237,240,241); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(237,240,241,1) 0%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(237,240,241,1) 0%,rgba(255,255,255,1) 100%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(237,240,241,1) 0%,rgba(255,255,255,1) 100%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf0f1', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	-webkit-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.25);
}
.participant-panel .participant-info .arrow-right
{
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 12px solid #ffffff;
	position:absolute;
	top:69px;
	right:-12px;
}
.participant-panel .participant-info .title-header
{
	display:block;
	border-bottom:1px solid #e7e7e7;
	height:70px;
	margin-bottom:15px;
	font-size:16px;
	color:#809199;
	padding-top:12px;
}
.participant-panel .participant-info .title-header strong
{
	display:block;
	color:#e70c93;
	font-size:18px;
	font-weight:900;
}
.participant-panel .image_stripe .participant-info p
{
	font-size:0;
	margin-bottom:5px;
}
.participant-panel .image_stripe .participant-info p label,
.participant-panel .image_stripe .participant-info p span
{
	display:inline-block;
	width:50%;
	font-size:14px;
	text-align:left;
}
.participant-panel .image_stripe .participant-info p label
{
	text-align:right;
	color:#363636;
	padding-right:10px;
}
.participant-panel .panel-tester
{
	top: 302px;
	left: calc(50% - 327px);
	z-index:20;
}
.participant-panel .block
{
	width:530px;
	height:440px;
	overflow:hidden;
	background:white;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius:10px;
	-webkit-box-shadow: 0px 8px 30px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 8px 30px 5px rgba(0,0,0,0.25);
	box-shadow: 0px 8px 30px 5px rgba(0,0,0,0.25);
	z-index:10;
}
.participant-panel .block p
{
	font-size:16px;
	padding:25px 30px;
	margin:0;
	text-align:left;
}
.participant-panel .block .bg
{
	background:url(../img/block-bg.jpg) center center no-repeat;
	background-size:cover;
	color:#809199;
	text-transform:uppercase;
	text-align:left;
	font-size:16px;
	height:95px;
	padding:29px 250px 20px 35px;
}
.participant-panel .block .bg a
{
	text-decoration:none;
	font-weight:bold;
}
.participant-panel .green-btn.blue
{
	margin-top:448px;
}
.recruitment_lines
{
	background:url(../img/recruitment_lines.jpg) center bottom no-repeat;
}
.text-page .b2c p.central
{
	margin-bottom: 13px;
	margin-top: -10px;
	text-align: center;
}
.text-page .b2c .align-center .img-responsive
{
	display:inline-block;
}
.recruitment-features
{
	background: url(../img/gradient-bg.jpg) center left repeat-x;
	background-size:auto 100%;
	text-align:center;
}
.recruitment-features .row:last-child
{
	margin-top:40px;
}
.recruitment-features i.fa
{
	font-size:54px;
	color:#e70c93;
}
.recruitment-features .col-md-4:nth-child(2n) i.fa
{
	color:#48bdf3;
}
.recruitment-features .row:last-child i.fa
{
	color:#48bdf3;
}
.recruitment-features .row:last-child .col-md-4:nth-child(2n) i.fa
{
	color:#e70c93;
}
.recruitment-features h4
{
	margin:15px 0;
	font-size:20px;
}
.recruitment-features p
{
	text-align: justify;
	-moz-text-align-last: center;
	text-align-last: center;
}


/************************************************************************************/
/* SUS Page */
/************************************************************************************/
.pricing-page.sus
{
	padding-top:0;
	padding-bottom:0;
	text-align:left;
	background: url(../img/sus_bg.png) bottom center no-repeat;
	background-size: 100% auto;
}
.text-page .pricing-page.sus .container,
.text-page .higher-level .container
{
	padding-top:40px;
	padding-bottom:45px;
}
.text-page .pricing-page.sus h3
{
	margin-top:60px;
}
.higher-level
{
	background: url(../img/gradient-bg.jpg) center left repeat-x;
	background-size: auto 100%;
}
.text-page .side-pads
{
	padding-left:65px;
	padding-right:65px;
}
.text-page .higher-level .col-lg-5 h3
{
	margin-top:100px;
}
.mar-top
{
	margin-top:13%;
}
.recruitment-features.benefits
{
	background-image:none;
}
.recruitment-features.benefits h5
{
	font-size:16px;
	text-transform:uppercase;
	margin-bottom:0;
}
.text-page .recruitment-features.benefits .container
{
	padding-bottom:30px;
}
.prototypes-center.average
{
	background-image: url(../img/sus_pic_05.jpg);
	padding: 10px 15px 0;
}
.text-page .prototypes-center.average .container
{
	padding-bottom:30px;
}
.text-page .prototypes-center p
{
	color:#eee;
}
.text-page .prototypes-center p strong
{
	color:white;
}
.prototypes-center.average a.btn.green-btn
{
	margin-bottom:40px;
}
.text-page .however .container
{
	padding-bottom:0;
}
.however .col-lg-6
{
	padding-top:55px;
}



/************************************************************************************/
/* Video Features */
/************************************************************************************/
.video-features .image_stripe
{
	background: url(../img/video-features.jpg) center center repeat-x;
	height:320px;
}
.video-features .image_stripe .tint
{
	background: rgba(0, 0, 0, 0.6);
}
.video-features .free-demo-box.for_image_stripe
{
	height:80px;
}
.video-features .free-demo-up-button.green-btn
{
	background:#0aca24;
	border:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	width: auto;
	margin:3px auto;
	text-transform:uppercase;
}
.video-features h1.page_header
{
	font-size:60px;
	font-size:6rem;
	line-height:40px;
	line-height:4rem;
	letter-spacing: 0;
	margin-top:20px;
}
.video-features h2.subpage_header
{
	font-size:20px;
	font-size:2rem;
	margin:30px 18% 0;
}
.video-features h2.subpage_header strong
{
	text-transform:uppercase;
	font-weight:900;
}
.video-features .gradient
{
	background: url(../img/bg_home_articles.jpg) top left repeat-x white;
	background-size: auto 70%;
}
.video-features .how-signup
{
	background: url(../img/video-features-provides.png) bottom center no-repeat;
	width:calc(100% - 30px);
	padding:0 0 143px;
	margin:0 15px;
}
.video-features .how-signup .how-singup-works
{
	background:white;
	padding: 50px 60px 0;
	font-size:0;
}
.text-page.video-features .how-signup .how-singup-works h2
{
	text-align:left;
	margin-bottom:30px;
}
.video-features .how-signup .how-singup-works .text-left
{
	display:inline-block;
	width:calc(100% - 270px);
	margin-bottom:-60px;
}
.video-features .how-signup .how-singup-works .button-right
{
	display:inline-block;
	text-transform:uppercase;
	vertical-align:top;
	width:270px;
	text-align:right;
}
.video-features .how-signup .how-singup-works .button-right a.green-btn
{
	margin:0;
}
.video-features.text-page p a
{
	font-weight: 600;
}
.pic-in-pic
{
	padding-top:40px;
}
.text-page.video-features .container h3
{
	font-size:28px;
	font-size:2.8rem;
	font-weight:400;
}
.video-features .green-btn.blue
{
	text-transform:uppercase;
}
.video-features .recruitment_lines
{
	background: url(../img/video-features-waves.png) center bottom no-repeat;
}
.text-page.video-features .recruitment_lines h3
{
	margin-top:70px;
}
.video-features .circles
{
	background: url(../img/video-features-circles.png) center center no-repeat;
	height:560px;
	text-align:center;
	position:relative;
}
.video-features .circles img
{
	top: calc(50% - 180px);
	left:0;
	position:absolute;
	z-index:20;
}
.video-transcrip .container
{
	padding-bottom:0;
}
.video-transcrip .container .col-lg-8
{
	padding:0 6%;
}
.video-transcrip a.learn-more
{
	text-decoration:underline;
}
.video-transcrip a.learn-more:hover
{
	text-decoration:none;
}
#video-speed
{
	margin-top:10px;
	margin-bottom:10px;
}
.text-page.video-features .gray-section.b2c
{
    padding-bottom: 50px;
}
.video-features .container-fluid.annotations
{
    padding-top: 50px;
    padding-bottom: 30px;
}
.container-fluid.video-transcrip
{
	padding-top:40px;
}
.text-page.video-features .gray-section:nth-child(5)
{
	padding-top:50px;
	padding-bottom:40px;
}
.text-page.video-features .gray-section:nth-child(5) .col-lg-6:nth-child(2)
{
	padding-left:50px;
}

/* animation*/
@keyframes around_task
{
	10%  { left: -15px; top: 20px;width:300px; height:auto; opacity:1;}
	20% { left: calc(50% - 145px); top: -40px;width:300px; height:auto;opacity:1;}
	30% { left: calc(100% - 300px); top: 40px;width:300px; height:auto;opacity:1;}
	35% { left: calc(100% - 300px); top: calc(50% - 90px);width:250px; height:auto;opacity:1;}

	40% { left: calc(50% - 50px); top: calc(50% - 45px); width:100px; height:auto;opacity:0.85;}
	60% { left: calc(50% - 50px); top: calc(50% - 45px); width:100px; height:auto;opacity:0.85;}

	65% { left: calc(100% - 300px); top: calc(50% - 90px);width:250px; height:auto;opacity:1;}
	70% { left: calc(100% - 300px); top: 40px;width:300px; height:auto;opacity:1;}
	80% { left: calc(50% - 145px); top: -40px;width:300px; height:auto;opacity:1;}
	90% { left: -15px; top: 20px;width:300px; height:auto;opacity:1;}
}
@keyframes around_user
{
	10%  { top: 20px; right: -15px; width:295px; height:auto;opacity:1;}
	20% { top: calc(50% - 125px); right: -45px;width:295px; height:auto;opacity:1;}
	30% { top: calc(100% - 250px); right: 45px;width:295px; height:auto;opacity:1;}
	35% { top: calc(50% - 75px); right: 150px; width:250px; height:auto;opacity:1;}

	40% { top: calc(50% - 45px); right: 108px; width:102px; height:auto;opacity:0.85;}
	60% { top: calc(50% - 45px); right: 108px; width:102px; height:auto;opacity:0.85;}

	65% { top: calc(50% - 75px); right: 150px; width:250px; height:auto;opacity:1;}
	70% { top: calc(100% - 250px); right: 45px;width:295px; height:auto;opacity:1;}
	80% { top: calc(50% - 125px); right: -45px;width:295px; height:auto;opacity:1;}
	90%  { top: 20px; right: -15px; width:295px; height:auto;opacity:1;}
}
@keyframes around_website
{
	10%  { bottom:20px; left:-15px; width:300px; height:auto;opacity:1;}
	20% { bottom:calc(50% - 115px); left:-50px; width:300px; height:auto;opacity:1;}
	30% { bottom:calc(100% - 290px); left:40px; width:300px; height:auto;opacity:1;}
	35% { bottom: calc(100% - 300px); left: calc(50% - 130px);width: 290px; height:auto;opacity:1;}

	40% { bottom: calc(50% - 139px); left: calc(50% - 139px); width: 280px; height:auto;opacity:0.85;}
	60% { bottom: calc(50% - 139px); left: calc(50% - 139px); width: 280px; height:auto;opacity:0.85;}

	65% { bottom: calc(100% - 300px); left: calc(50% - 130px);width: 290px; height:auto;opacity:1;}
	70% { bottom:calc(100% - 290px); left:40px; width:300px; height:auto;opacity:1;}
	80% { bottom:calc(50% - 115px); left:-30px; width:300px; height:auto;opacity:1;}
	90% { bottom:20px; left:-15px; width:300px; height:auto;opacity:1;}
}
@keyframes around_desktop
{
	10% { bottom:17px; right:-58px;width:370px; height:auto;}
	20% { bottom:-40px; right:calc(50% - 235px); width:420px; height:auto;}
	30% { bottom:20px; right:calc(100% - 390px); width:500px; height:auto; }
	35% { bottom: 135px; right:calc(100% - 470px); width:570px; height:auto; }

	40% { bottom: 100px; right: -17px; width: 670px; height:auto;}
	60% { bottom: 100px; right: -17px; width: 670px;height:auto; }

	65% { bottom: 135px; right:calc(100% - 470px); width:570px; height:auto; }
	70% { bottom:20px; right:calc(100% - 390px); width:500px; height:auto; }
	80% { bottom:-40px; right:calc(50% - 235px); width:420px; height:auto;}
	90% { bottom:17px; right:-58px;width:370px; height:auto;}
}
@keyframes around_logo
{
	10%  { top:calc(50% - 29px); left:calc(50% - 37px);width:76px; height:auto;}
	35%  { top:calc(50% - 29px); left:calc(50% - 37px);width:76px; height:auto;opacity:1;}

	40% { top:calc(50% + 3px); left:calc(50% + 12px);width:66px; height:auto; opacity:0;}
	60% { top:calc(50% + 3px); left:calc(50% + 12px);width:66px;height:auto; opacity:0;}

	65% { top:calc(50% - 29px); left:calc(50% - 37px);width:76px; height:auto;opacity:1;}
	90% { top:calc(50% - 29px); left:calc(50% - 37px);width:76px; height:auto;}
}
@keyframes around_play
{
	0%  { opacity:0;}
	30%  { opacity:0;}

	45% { opacity:1;}
	55% { opacity:1; }

	70% { opacity:0;}
	100% { opacity:0;}
}






/************************************************************************************/
/* Responsivness Min */
/************************************************************************************/
@media (min-width: 2000px)
{
	.pricing-page.sus
	{
		background-size: 75% auto;
	}
}

@media (min-width: 1701px)
{
	body.homepage .home-articul
	{
		background-size:cover;
		background-position:center center;
	}
	.instant-insights#most-advanced .row
	{
		margin:0 auto;
		max-width:1700px;
	}
}

@media (min-width: 1300px)
{
	.how-it-works-home {
		margin-top: -35px !important;
	}

}
@media (min-width: 1200px)
{
	.multilingual .features .container
	{
		width:930px;
	}
}
@media (min-width: 992px)
{
	.multilingual .features .container
	{
		width:930px;
	}
}

/* Responsivness Max */
@media (max-width: 1499px)
{
	#carousel-clients-logo.carousel .carousel-control.left
	{
		left: -60px;
	}
	#carousel-clients-logo.carousel .carousel-control.right
	{
		right: -60px;
	}

	/* HomePage 2018 */
	.steps .carousel .carousel-control
	{
		left:11%;
	}
	.steps .carousel .carousel-control.right
	{
		right:11%;
	}
	body.homepage.prot-vid .home-articul .full-link a
	{
		padding-left:3%;
	}
	.advanced-features li
	{
		padding: 10px 15px;
	}
	.advanced-features li p
	{
		font-size:14px;
	}
	.home-features.advanced ol li
	{
		height: 530px;
	}

	/* SUS */
	.text-page .pricing-page.sus .container
	{
		padding-bottom:20px;
	}
}

@media (max-width: 1349px)
{
	.navbar-usl .navbar-nav
	{
		padding-right:10px;
	}
	.login-signup
	{
		margin-left:10px;
	}

	/* Home Page Testimonials */
	#testimonial-carousel
	{
		min-height: 190px;
	}
	.testimonial p,
	.testimonial-logo
	{
		height: 125px;
	}
}

@media (max-width: 1299px)
{
	/* Header */
	.navbar .container-fluid
	{
		padding-left: 20px;
		padding-right: 20px;
	}
	.navbar-usl .navbar-nav
	{
		padding-right:5px;
		margin-top: 23px;
	}
	.login-signup
	{
		margin-left:0;
	}
	.navbar-usl .navbar-nav
	{
		padding-top:0;
	}
	.navbar-usl .navbar-nav > li,
	.login-signup li
	{
		font-size:15px;
	}
	.navbar-usl .navbar-nav > li > a
	{
		padding-left:15px;
		padding-right:15px;
	}

	/* Home */
	body.homepage .home-articul h3
	{
		font-size:26px;
	}
	body.homepage .home-articul .head-buttons
	{
		padding-top:35px;
	}
	.full-link a
	{
	}
	body.homepage.prot-vid .home-articul .full-link a
	{
	}
	body.homepage.mob-vid .home-articul .full-link a
	{
	}
	#carousel-homepage .slider-text h2
	{
		font-size: 40px;
	}
	#carousel-homepage .slider-text .panel-body
	{
		padding-top:10px;
	}
	.learn-more-demo
	{
		padding-top:30px;
	}
	#carousel-homepage.carousel,
	#carousel-homepage.carousel .carousel-inner .image-box
	{
		height: 420px;
	}
	#carousel-homepage.carousel .carousel-control.right > span.fa
	{
		right: 60px;
	}
	#carousel-clients-logo.carousel
	{
		margin:0 60px;
	}
	.how-it-works h3
	{
		padding-top:0;
	}
	/* Home Page 2018 */
	.advanced-features li
	{
		margin-bottom:0;
	}
	.advanced-features li h4
	{
		font-size:16px;
	}
	.home-features.advanced ol
	{
		margin-top:-30px;
	}

	/* DIY Landing */
	.user-centric .container-fluid .col-sm-4
	{
		padding-right:3%;
	}
	.user-centric .btn.green-btn.blue
	{
		margin-bottom: 60px;
	}
	.helping
	{
		padding-bottom:200px;
	}

	/* Proto Promo Page */
	.plus-proto header
	{
		margin-bottom:15px;
	}
	.plus-proto .discover p
	{
		padding:0 20%;
	}
	.plus-proto .website-framework .col-lg-4
	{
		padding-top:0;
	}
	.plus-proto .blue-box
	{
		left:9%;
	}

	/* Prototypes */
	.prototypes .col-lg-5,
	.prototypes .col-sm-6
	{
		padding-left:40px;
		padding-right:40px;
	}
	.in-prototypes .col-lg-5
	{
		padding-top: 50px;
	}
}

@media (max-width: 1255px) and (min-width: 1200px)
{
	/* Video Features */
	.video-features .circles
	{
		margin-right:35px;
	}
}

@media (max-width: 1199px)
{
	/* Home Page */
	#carousel-homepage .slider-text h2
	{
		font-size: 36px;
	}
	#carousel-homepage.carousel,
	#carousel-homepage.carousel .carousel-inner .image-box
	{
		height: 370px;
	}
	#carousel-homepage.carousel
	{
		padding-left: 5%;
	}
	#carousel-homepage.carousel .carousel-control.left > span.fa
	{
		left: 10px;
		font-size: 30px;
	}
	#carousel-homepage.carousel .carousel-control.right > span.fa
	{
		right: 20px;
		font-size: 30px;
	}
	body.homepage .home-articul
	{
		padding-top:105px;
	}

	/* Steps */
	.steps .container
	{
		width:100%;
	}
	.step-left h4
	{
		width: 200px;
	}
	.step-right h4
	{
		padding-left: 120px;
	}

	/* Other */
	#carousel-clients-logo.carousel
	{
		margin:0 10px;
	}
	.difference h6
	{
		margin: 0 0 10px 0;
	}
	.supporting h2
	{
		font-size: 29px;
		margin: 14% 87px 0 0;
	}
	.supporting img
	{
		margin-left: -95px;
	}
	.calculated-info .annual p br
	{
		display:none;
	}

	/* How It Works */
	.step-img ul li
	{
		font-size:16px;
		text-transform: none;
	}
	.step-img ul li i.fa
	{
		font-size:16px;
		margin-right:25px;
	}
	.asset-types ul li
	{
		position:relative;
		padding-left:30px;
	}
	.asset-types ul li:before
	{
		position:absolute;
		top:2px;
		left:0;
	}

	/* Promotion */
	.ribbon .ribbon-content h4 strong
	{
		font-size: 24px;
		line-height: 18px;
	}
	.non-semantic-protector:after
	{
		width:92%;
	}

	/* Pricing */
	.pricing .well-inner ul li:nth-child(3)
	{
		min-height:80px;
	}
	.model-header h2
	{
		font-size: 17px;
	}
	.model-header p
	{
		margin: 0 8%;
		font-size: 14px;
	}
	.model-header .sticky p,
	.model-header .stop p
	{
		display:none;
	}
	.model-header.footer h3
	{
		padding: 15px 24% 0;
	}
	.pricing-models .col-sm-3:first-child .model-header.footer h3 strong
	{
		font-size:50px;
	}
	.pricing-models .green-btn
	{
		font-size: 21px;
		padding: 10px 20px 9px;
	}

	/* DIY Landing */
	.user-centric .container-fluid .col-lg-4
	{
		padding-right:1%;
		padding-left:5%;
	}
	.blue-box-website {
		left:12%;
		margin-top:180px;
	}
	.blue-box-website-left {
		margin-top:180px;
		left:75%;
	}
	/* Home Page 2018 */
	.advanced-features
	{
		margin-left:0;
	}
	.advanced-features li p
	{
		font-size: 13px;
	}
	.home-features.advanced ol
	{
		margin-top:-10px;
	}

	/* Proto Promo Page */

	.diy-landing.plus-proto .logo svg
	{
		height: 90px;
	}

	.plus-proto .logo img
	{
		height:55px;
		margin-left:-29px;
	}

	/* User Testing App */
	.testing-mobile .row:nth-child(1)
	{
		margin-bottom: 50px;
	}
	.testing-mobile .row:nth-child(1) h3
	{
		margin-top: 80px;
	}

	/* SUS */
	.however .col-lg-6
	{
		padding-top: 20px;
	}
	.text-page .side-pads
	{
		padding-left: 25px;
		padding-right: 25px;
	}
	.text-page .higher-level .container
	{
		padding-top: 0px;
	}
	.text-page .higher-level .col-lg-5 h3
	{
		margin-top: 30px;
	}
	.text-page .pricing-page.sus h3
	{
		margin-top: 30px;
	}
	.text-page .pricing-page.sus .container
	{
		padding-bottom: 60px;
	}

	/* Sign up Children Testers */
	.tester-signup .how-signup.children-how
	{
		margin-top: 0px;
	}

	/* Video Features */
	.text-page.video-features .recruitment_lines h3
	{
		margin-top: 0;
	}
	.video-features .circles
	{
		margin-right:30px;
		margin-left:-30px;
	}
	.video-features .b2c .img-responsive
	{
		margin-top:12%;
	}
	.video-features .b2c strong
	{
		white-space:nowrap;
	}
	.video-features .annotations .img-responsive
	{
		margin-top:25%;
	}
	.text-page.video-features .video-transcrip .container
	{
		padding-bottom:0;
	}
}

@media (max-width: 1099px)
{	.logo-client {
	width:33%;
}
	.navbar-usl .navbar-nav
	{
		margin-top: 30px;
	}
	.navbar-usl .navbar-nav li
	{
		font-size:15px;
	}
	.navbar-usl .navbar-nav li a
	{
		padding: 6px 11px;
	}
	#carousel-clients-logo.carousel
	{
		margin:0 30px;
	}

	/* Launch Test Page */
	.alert-launch-tos {
		top:290px;
	}
	#launch_form .privacy-required {
		width:230px;
		top:2px;
		left:-5px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	#launch-test {
		height: 600px;
	}
	.launch-test .browser
	{
		width:280px;
		height:480px;
		left:calc(50% - 440px);
	}
	.launch-test .browser .title-header
	{
		font-size:18px;
	}
	.launch-test .browser .content-block
	{
		padding-left:35px;
		padding-right:35px;
	}
	.launch-test .browser .content-block p
	{
		margin: 0 5px 15px;
		font-size: 15px;
	}
	.launch-test .browser .content-block .btn
	{
		font-size:17px;
	}

	/* HomePage 2018 */
	.steps .carousel .carousel-control
	{
		left: 1%;
	}
	.steps .carousel .carousel-control.right
	{
		right: 1%;
	}
	.how-it-works p
	{
		margin-right:5%;
	}

	.last-articles article .article-text .green-btn.blue
	{
		width:150px;
		font-size:18px;
		padding-left:0;
		padding-right:0;
	}
	.blue-box-website {
		left:10%;
		margin-top:180px;
	}
	.blue-box-website-left {
		margin-top:180px;
		left:75%;
	}
	#testimonial-carousel
	{
		min-height: 210px;
	}
	.testimonial p,
	.testimonial-logo
	{
		height: 145px;
	}

	/* Proto Promo Page */
	.diy-landing.plus-proto .logo svg
	{
		height: 85px;
	}
	.plus-proto .logo img
	{
		height:50px;
	}
	.plus-proto get-started
	{
		background-position:center center;
	}
}

@media (max-width: 1050px)
{
	.navbar-usl .navbar-nav
	{
		padding-right: 10px;
		margin-right:11px;
	}
	.navbar-usl .navbar-nav li
	{
		font-size: 14.5px;
	}
	.login-signup li
	{
		font-size: 14px;
	}

	/* Other */
	#carousel-homepage.carousel .carousel-control.right > span.fa
	{
		right: 30px;
	}
	.learn-more-demo
	{
		padding-top: 20px;
	}
	#carousel-clients-logo.carousel
	{
		margin:0 60px;
	}

	/* DIY Landing */
	.discover p
	{
		padding-left:15%;
		padding-right:15%;
	}

	/* HomePage 2018 */
	.step-left h4
	{
		width: 160px;
		padding-left:10px;
	}
	.step-right
	{
		width:265px;
	}
	.step-right h4
	{
		padding-left: 100px;
		padding-right:10px;
	}
	#carousel-steps
	{
		height:840px;
	}
	#carousel-steps .carousel-indicators
	{
		bottom: -10px;
	}
	.full-link a
	{
		padding-left: 14%;
		padding-top: 70px;
	}
	body.homepage.mob-vid .home-articul .full-link a
	{
		padding-top: 85px;
		padding-left: 0;
	}
	body.homepage.prot-vid .home-articul .full-link a
	{
		padding-top: 70px;
		padding-left: 0;
	}
	.home-features ol li
	{
		height:500px;
	}
	.home-features.advanced ol
	{
		margin-top: -20px;
	}
	.advanced-features li p
	{
		line-height:16px;
	}

	/* Proto Promo Page */
	.diy-landing.plus-proto .logo svg
	{
		height: 80px;
	}
	.plus-proto .logo img
	{
		height:45px;
	}

	/* Prototypes */
	.target-persona a.btn.green-btn
	{
		margin-top:10px;
	}

	/* SUS */
	.text-page .pricing-page.sus .container
	{
		padding-bottom: 50px;
	}

	/* Video Features */
	#video-speed
	{
		margin-top: 22%;
	}
}

@media (max-width: 999px)
{
	.navbar-usl .navbar-nav li
	{
		font-size: 14px;
	}
	.container
	{
		max-width:960px;
	}
	#carousel-homepage.carousel .carousel-inner .image-box
	{
		padding-top: 50px;
	}
	#carousel-homepage .slider-text h2
	{
		font-size: 34px;
	}
	.navbar-usl ul.login-signup > li a
	{
		padding:0;
	}

	/* HomePage 2018 */
	.steps h2
	{
		margin-bottom:20px;
	}

	/* DIY Landing */
	.stat-circle
	{
		padding-top:120px;
		padding-bottom:100px;
	}

	/* Recruitment */
	.recruitment_lines
	{
		background-size:130%;
	}
}

@media (max-width: 991px)
{	.model-header {
	height:200px;
}
	#protectionimg
	{
		display:none;
	}
	.navbar-usl .navbar-brand img
	{
		max-width: 150px!important;
	}
	.navbar-usl.dhs .navbar-brand img
	{
		max-width: 200px !important;
	}
	.navbar-usl .navbar-nav
	{
		margin-top: 20px;
	}
	.navbar-usl ul > li a
	{
		font-size:13px;
	}
	.navbar-usl .navbar-nav li a
	{
		padding: 6px 9px;
	}
	.login-signup
	{
		margin-top:13px;
	}
	.login-signup li:last-child
	{
		margin-top:-7px;
	}
	.login-signup li a i
	{
		width: 20px;
		height: 20px;
		margin-right: 5px;
		line-height: 15px;
		font-size: 11px;
	}
	#carousel-clients-logo.carousel
	{
		margin: 0;
		height:190px;
	}
	#carousel-clients-logo.carousel .carousel-inner
	{
		height:190px;
	}
	#carousel-clients-logo.carousel .carousel-inner .item .col-sm-3.col-xs-6 div
	{
		height: 130px;
	}
	#carousel-clients-logo.carousel .carousel-inner .item .col-sm-3.col-xs-6 div img
	{
		max-height: 70px;
	}
	#carousel-clients-logo.carousel .carousel-inner .item .col-sm-3.col-xs-6 p
	{
		font-size:15px;
	}
	#carousel-clients-logo.carousel .carousel-control
	{
		top:70px;
	}
	.difference h6
	{
		font-size:16px;
		height:43px;
	}
	.difference h6 br
	{
		display:none;
	}
	.difference .col-sm-4
	{
		height:181px;
	}
	.supporting h2
	{
		font-size: 22px;
		margin: 15% 65px 0 0;
	}
	.supporting img
	{
		margin-left: -80px;
	}
	.pricing .well-inner ul li
	{
		padding:15px 20px;
		height:auto;
		line-height:20px;
	}
	.pricing.pro .price-block .cost
	{
		font-size:45px;
	}
	.calculated-info .annual
	{
		padding:22px;
	}
	/* HomePage 2018 */
	.seo-text p:last-child
	{
		margin-bottom:25px;
	}
	.recruiting p
	{
		margin-left:10%;
		margin-right:10%;
	}
	.homepage-articles h3.mar_top
	{
		margin-top: 20px;
	}
	.home-features
	{
		padding-top: 0;
	}
	.home-features ol
	{
		display:none;
	}
	.home-features ul li
	{
		margin: 10px 0px;
		clear:both
	}
	.advanced-features
	{
		margin:20px 10% 10px;
	}
	.home-features ul li img.mobile,
	.advanced-features li img.mobile
	{
		display: block;
		width:25%;
		float:right;
		margin:-15px 0 10px 30px;
	}
	.advanced-features li:after
	{
		content:' ';
		display:block;
		clear:both;
	}
	.advanced-features li img.mobile
	{
		margin: 0 0 0 30px;
		width:40%;
	}
	.advanced-features li h4
	{
		margin-top:20px;
	}
	.advanced-features li
	{
		clear:both;
		margin-bottom:20px;
		padding: 20px 30px;
	}
	.advanced-features li.active
	{
		-webkit-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2);
		background:#fff;
		color:#809199;
		text-shadow:none;
		font-weight:300;
		margin-right:0;
	}
	.advanced-features li h4
	{
		color:#363636;
		font-size:22px;
	}
	.advanced-features li p
	{
		font-size:16px;
		line-height:20px;
	}
	.advanced-features li.active p
	{
		color:#809199;
	}
	.advanced-features li.active p strong
	{
		color:#e70c93;
	}
	.advanced-features li.active p a
	{
		color:#48BDF3;
	}
	.advanced-features li.active .arrow-left
	{
		display:none;
	}
	.reels .left-video a img
	{
		right:auto;
		left:0;
	}


	/* Learn More */
	.learn-more-content .col-sm-4
	{
		width:50%;
	}
	.learn-more-content .col-sm-4.lmform
	{
		width:100%;
		padding-top:40px;
	}
	.learn-page
	{
		top:0;
		margin-bottom:55px;
	}
	.learn-more-content .arrow-down
	{
		left:50%;
	}

	/* How it Works */
	.step-img ul
	{
		padding-left:20px;
	}
	.step-img ul li i.fa
	{
		margin-right:15px;
	}
	#step5 .step-img
	{
		margin-right:45px;
	}

	/* Promotion */
	.non-semantic-protector:after
	{
		width: 90%;
	}
	.ribbon .ribbon-content h3
	{
		font-size:13px;
	}
	.ribbon .ribbon-content h4 strong
	{
		font-size: 20px;
		line-height: 14px;
	}

	/* Pricing */
	.plans .row
	{
		padding-top: 20px;
	}
	.price-top
	{
		padding:30px 10px;
	}
	.pricing.pro .price-top h2
	{
		font-size: 22px;
		padding-top: 28px;
	}
	.pricing.pro h2 span
	{
		line-height:48px;
	}
	.faq .question a.question-header i.fa
	{
		margin-left:10px;
	}
	.model-header h2
	{
		padding:15px 10px 10px;
	}
	.pricing-models .col-sm-3:last-child .model-header h2
	{
		padding-bottom:30px;
	}
	.pricing-models .feature-row
	{
		overflow:hidden;
	}
	.model-header p
	{
		font-size: 12px;
		line-height: 14px;
	}
	.pricing-page .sticky,
	.pricing-page .stop
	{
		height:90px;
	}
	.model-header.footer h3
	{
		padding: 15px 7% 0;
	}
	.pricing-models .col-sm-3:last-child .model-header.footer h3 strong
	{
		font-size: 32px;
		display:block;
	}
	.pricing-models .green-btn
	{
		font-size: 16px;
		padding: 5px 8px;
	}

	/* Launch Test Page */
	#launch-test h2
	{
		margin-top:-15px;
	}
	.welcome h3
	{
		font-size: 18px;
		line-height: 26px;
	}
	.welcome
	{
		padding-left:10%;
		padding-right:10%;
	}
	.arrow-row .row
	{
		padding-bottom: 33px;
	}

	#launch_form .privacy-required {
		width:230px;
		padding:5px 5px;
		top:5px;
		left:-10px;
	}
	.launch-test .browser .content-block
	{
		padding-left: 20px;
		padding-right: 40px;
	}
	.launch-test .browser .content-block img
	{
		left:auto;
		right:-50px;
	}
	.launch-test .browser.other .content-block
	{
		padding-left: 40px;
		padding-right: 20px;
	}
	.launch-test .browser.other .content-block img
	{
		left:-65px;
		right: auto;
	}
	.free-demo-box.questions.recorder p
	{
		font-size: 17px;
	}
	.launch-page-start h1.page_header strong
	{
		display: block;
		width: 200px;
		text-align: center;
		margin: 20px auto 0 20%;
	}

	/* DIY Landing */
	.diy-landing header
	{
		margin-bottom:20px;
	}
	.user-centric
	{
		margin-bottom:140px;
	}
	.website-framework .col-lg-4
	{
		padding-left: 2%;
		padding-top: 100px;
	}
	.website-framework .col-lg-4 p
	{
		margin-bottom:20px;
	}
	.easy-customize
	{
		padding:60px 0;
	}
	.stat-circle strong
	{
		font-size:25px;
	}

	/* Website Page */
	.website-textable .col-sm-6:nth-child(1),
	.website-textable .col-sm-6:nth-child(2)
	{
		width:50%;
		margin:0;
	}

	/* Proto Promo Page */
	.diy-landing.plus-proto .logo svg
	{
		height: 75px;
	}
	.plus-proto .logo img
	{
		height:40px;
	}
	.plus-proto header .green-btn.blue
	{
		margin:10px 0;
		font-size:20px;
	}

	/* Prototype */
	.user-tests h3,
	.compatible h3
	{
		font-size: 20px;
		line-height: 24px;
	}
	.prototypes-center
	{
		padding:70px 15px;
	}
	.prototypes-center a.btn.green-btn
	{
		margin-bottom:60px;
	}

	/* Tester Sign Up */
	.tester-signup h1
	{
		font-size: 48px;
	}
	.tester-signup .sign-up
	{
		margin-left:15px;
	}
	.tester-signup .submit-email
	{
		margin-left:68px;
		margin-right:60px;
	}
	.tester-signup .children-signup-form .submit-email
	{
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-top:0;
	}
	.tester-signup .how-signup .how-singup-works .text-left
	{
		display: block;
		width: 100%;
		margin-bottom: 0;
	}
	.tester-signup .how-signup .how-singup-works .button-right
	{
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: -30px;
	}
	.tester-signup .row.inner-pads
	{
		padding: 0 0 70px;
	}
	.tester-signup .row.inner-pads .inner-img-left
	{
		padding-right: 30px;
		padding-top: 85px;
	}
	.tester-signup h3
	{
		font-size: 32px;
	}
	.tester-signup .gray-section .row
	{
		padding: 20px 0;
	}
	.square i.fa
	{
		font-size: 50px;
		line-height: 110px;
	}
	.square p
	{
		font-size:16px;
		line-height:20px;
	}

	/* User Testing App */
	.user-testing-app h3
	{
		margin-top:0;
	}
	.user-testing-app h3 strong
	{
		white-space:nowrap;
	}
	.user-testing-app a .img-responsive
	{
		margin-top:30%;
	}
	.testing-mobile .row:nth-child(1)
	{
		margin-bottom: 0px;
	}
	.testing-mobile h3
	{
		font-size:20px;
		line-height:24px;
	}
	.testing-mobile .row:nth-child(1) h3
	{
		margin-top: 0;
	}
	.testing-mobile .video-image
	{
		margin-left: 0;
		width: 50%;
	}
	.testing-mobile .video-image a .img-responsive
	{
		margin-top:15%;
	}
	.testing-mobile .row:nth-child(2) .video-image a .img-responsive
	{
		margin-top: 35%;
	}

	/* Sample Clips */
	.sample-clips .col-md-4.align-right,
	.tablet-central,
	.sample-clips .col-md-4.pad-top
	{
		text-align:center;
	}
	.tablet-central img.img-responsive
	{
		display:inline-block;
	}
	.slick-prev
	{
		margin-left: -180px;
	}
	.slick-next
	{
		margin-right:-180px;
	}

	/* Recruitement */
	.participant-panel .participant-info
	{
		left: calc(50% - 440px);
		width:170px;
		height: 225px;
	}
	.participant-panel .image_stripe .participant-info p label,
	.participant-panel .image_stripe .participant-info p span
	{
		font-size:12px;
	}

	/* SUS */
	.text-page .pricing-page.sus h3
	{
		font-size:20px;
		line-height:24px;
	}
	.pricing-page.sus
	{
		background-image:none;
	}
	.recruitment-features.benefits h4
	{
		font-size:18px;
	}

	/* Video Features */
	.video-features .circles
	{
		margin-right:0;
		margin-left:0;
		width:652px;
		margin:0 auto;
	}
	.video-features .b2c .img-responsive
	{
		margin-top: 25%;
	}
	.text-page .video-transcrip .img-responsive
	{
		margin-top: 0;
	}
}

@media (max-width: 910px)
{
	body
	{
		padding-top:75px;
	}

	/* Header */
	.login-signup
	{
		margin-top: 12px;
	}
	.navbar-usl,
	.navbar-usl .container-fluid .navbar-header
	{
		min-height:75px;
	}
	.navbar-usl .navbar-brand img
	{
		max-height: 55px;
		max-width:142px!important;
	}
	.navbar-usl.dhs .navbar-brand img
	{
		max-width: 200px !important;
	}
	.navbar-usl .navbar-nav
	{
		margin-right: 9px;
		margin-top: 24px;
	}
	.navbar-usl ul > li a
	{
		font-size: 12px;
	}
	.navbar-usl .navbar-nav li a
	{
		padding: 4px 7px;
	}
	.navbar-usl ul.login-signup > li a
	{
		padding: 0;
	}

	/* Home Page */
	#carousel-homepage.carousel
	{
		padding-left: 2%;
	}
	#carousel-homepage .slider-text
	{
		padding-left:10%;
	}
	#carousel-homepage .slider-text h2
	{
		font-size: 27px;
	}
	#carousel-homepage .slider-text .panel-body
	{
		padding-left: 25px;
	}
	#carousel-homepage.carousel .carousel-control.right > span.fa
	{
		right: 10px;
	}
	.learn-more-demo
	{
		padding-top: 0;
	}
	#carousel-steps
	{
		background:none;
		padding-bottom:50px;
	}
	#carousel-steps .carousel-indicators
	{
		bottom: -25px;
	}
	.step-top img
	{
		position:static;
		margin-top:10px;
		width:auto;
	}
	#carousel-steps
	{
		height: auto;
	}
	.steps .container
	{
		width: 750px;
	}
	.step-top
	{
		height: auto;
		width: 100%;
	}
	.step-top span
	{
		background:#e70c93;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius:100%;
		height:22px;
	}
	.step-left
	{
		margin: 20px 0 0;
		width: 100%;
		min-height:0;
		background:none;
		text-align:center;
		height:auto;
	}
	.step-left h4
	{
		width: 100%;
		height:auto;
		display:block;
		padding-top:30px;
	}
	.step-left img
	{
		position: static;
		margin-top:15px;
		width: auto;
		height:auto;
	}
	.step-left span
	{
		background:#e70c93;
		width:22px;
		height:22px;
		margin-left:49%;
		text-align:center;
		text-indent:0;
		top:0;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius:100%;
	}
	.step-right
	{
		float:none;
		margin: 30px 0 0 0;
		width: 100%;
		min-height: 0;
		background:none;
		text-align:center;
	}
	.step-right h4
	{
		padding-left: 0;
		height: auto;
		display: block;
		padding-top:30px;
	}
	.step-right img
	{
		position: static;
		margin-top:10px;
	}
	.step-right span
	{
		background:#e70c93;
		width:22px;
		height:22px;
		margin:0 0 0 49%;
		text-align:center;
		padding-right:0;
		top:0;
		border-radius:100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
	}
	#carousel-clients-logo.carousel
	{
		margin: 0 50px;
	}
	.steps .carousel .carousel-control
	{
		width:44px;
		overflow:hidden;
		left:5%;
		top:-7px;
	}
	.carousel .carousel-control.left > span.fa
	{
		left: 15px;
	}
	.steps .carousel .carousel-control .fa-long-arrow-left:after
	{
		display:none;
	}
	.steps .carousel .carousel-control.right
	{
		right: 5%;
	}
	.carousel .carousel-control.right > span.fa
	{
		right: 15px;
	}
	#carousel-steps .carousel-indicators
	{
		bottom: -45px;
	}
	/* Home Page - 2018 */
	.full-link a
	{
		padding-left: 30%;
		padding-top: 60px;
	}
	body.homepage.mob-vid .home-articul .full-link a
	{
		padding-left: 18%;
		padding-top: 70px;
	}
	body.homepage.prot-vid .home-articul .full-link a
	{
		padding-left: 15%;
		padding-top: 60px;
	}
	#testimonial-carousel
	{
		min-height: 230px;
	}
	.testimonial p,
	.testimonial-logo
	{
		height: 165px;
	}
	.reels .left-video a img
	{
		right:auto;
		left:0;
	}
	.recruitment-features.how-it-works-homepage
	{
		padding-bottom:30px;
	}
	.last-articles
	{
		padding-bottom:20px;
	}
	.advanced-features li:last-child h4
	{
		margin-top: 0;
	}

	/* Multilingual */
	.multilingual .image_stripe h1.page_header
	{
		font-size: 48px;
	}
	.multilingual .features .container .row .col-xs-12.col-sm-6 .description
	{
		padding: 40px 35px;
	}
	.multilingual .features .container .row.english .col-xs-12.col-sm-6 .description a.btn
	{
		display:none;
	}

	/* Launch Test Page */
	.alert-launch-tos {
		top:308px;
	}
	#launch_form .privacy-required {
		width: 225px;
		padding: 5px 5px;
		top: 0px;
		left: -45px;
	}
	.launch-test .browser
	{
		width: 230px;
		left: calc(50% - 390px);
	}
	.launch-test .browser .title-header
	{
		line-height:21px;
	}
	.launch-test .browser .content-block
	{
		padding-left:20px;
	}
	.launch-test .browser.other .content-block
	{
		padding-left:30px;
	}
	.launch-test .browser .content-block p
	{
		font-size:15px;
	}
	.launch-test .browser .content-block button.btn
	{
		padding-left:20px;
		padding-right:20px;
	}
	.launch-test .browser .content-block .btn
	{
		font-size: 15px;
		padding-left:10px;
		padding-right:10px;
	}

	/* DIY Landing */
	.get-started
	{
		background-position:center center;
	}
	.user-centric .photoside img
	{
		top:-13px;
	}
	.user-centric
	{
		margin-bottom: 100px;
	}
	.easy-customize
	{
		padding: 60px 0;
		background-size: auto 100%;
	}
	.stat-circle
	{
		padding-top: 100px;
		padding-bottom: 75px;
		font-size: 16px;
		line-height: 16px;
	}
	.stat-circle strong
	{
		font-size: 20px;
	}

	/* Proto Promo Page */
	.diy-landing.plus-proto .logo svg
	{
		height: 65px;
	}
	.plus-proto .logo img
	{
		height:30px;
		margin-left:-24px;
		margin-top:19px;
	}
	.plus-proto header .green-btn.blue
	{
		font-size:18px;
	}
	.discover p
	{
		padding-left: 10%;
		padding-right: 10%;
	}
	.user-centric .photoside img
	{
		top: -8px;
		left:-30px;
	}

	/* Prototypes Page */
	.user-tests img.img-responsive,
	.compatible img.img-responsive
	{
		margin-top: 35%;
	}
	.prototypes
	{
		padding-bottom:60px;
	}

	/* Recruitemnt */
	.participant-panel .participant-info,
	.participant-panel .panel-tester
	{
		display:none;
	}
}

@media (max-width: 800px)
{   .logo-client {
	width:49.5%;
	display:inline-block;
	margin:0; padding:0;
	text-align:center;
}
	#testimonial-home {
		margin-top:20px;
		padding:0 !important;
	}
	#myModal .modal-dialog {margin-top:85px;}
	#sign-up-subtitle {
		margin-top:-20px;
	}
	.navbar-brand
	{
		padding-right:0;
	}
	.navbar-usl .navbar-nav li a
	{
		padding: 4px 6px;
	}
	#carousel-homepage .slider-text h2
	{
		font-size: 26px;
	}
	#carousel-homepage.carousel,
	#carousel-homepage.carousel .carousel-inner .image-box
	{
		height: 420px;
	}
	#carousel-homepage br
	{
		display:none;
	}
	.features ul li
	{
		width:50%;
	}
	.videos
	{
		padding-bottom:20px;
	}
	.videos .container,
	.features .container
	{
		padding:0 30px;
	}
	.videos .container img
	{
		margin-bottom:30px;
	}
	.videos .container h3
	{
		font-size: 23px;
	}
	.videos .container p
	{
		margin: 10px 0;
		font-size: 17px;
	}
	#carousel-clients-logo.carousel
	{
		margin: 0 60px;
	}

	/* Launch Test Page */
	.launch-test .browser
	{
		width: 210px;
		left: calc(50% - 370px);
	}
	.launch-test .browser .content-block .btn
	{
		font-size: 14px;
	}

	/* HomePage 2018 */
	.how-it-works h3
	{
		margin-top:0;
	}
	.reels .right-video,
	.reels .left-video
	{
		background-size:60%;
	}
	.reels .right-video a img
	{
		bottom: auto;
		left: 60%;
		top: 45%;
	}
	.reels .left-video a img
	{
		right:60%;
		top:20%;
	}
	.last-articles article .article-text
	{
		width:100%;
	}
	.img-right-full img
	{
		margin-top:50px;
	}
	body.homepage .home-articul
	{
		height: 330px!important;
		max-height: 330px;
		min-height: 330px;
		padding-top:80px!important;
	}
	body.homepage .home-articul h1
	{
		font-size: 19px;
	}
	.full-link a
	{
		padding-left: 19%;
		padding-top: 50px;
	}
	body.homepage.mob-vid .home-articul .full-link a
	{
		padding-left: 14%;
	}
	body.homepage.prot-vid .home-articul .full-link a
	{
		padding-left: 2%;
		padding-top: 50px;
	}
	.instant-insights h2
	{
		margin-bottom:20px;
	}
	.recruitment-features.how-it-works-homepage
	{
		padding-bottom: 20px;
	}

	/* Proto Promo Page */
	.discover
	{
		padding-bottom:20px;
	}
	.discover p
	{
		padding-left: 5%;
		padding-right: 5%;
	}

	/* Tester Sign Up */
	.tester-signup .row.inner-pads
	{
		padding: 0 15px 70px;
	}
	.tester-signup h1
	{
		margin:45px 0;
	}
	.tester-signup .sign-up
	{
		margin-left: 0;
	}
	.tester-signup .submit-email
	{
		margin-left: 55px;
		margin-right: 55px;
	}

	/* Video Features */
	.video-features h1.page_header
	{
		font-size: 50px;
		font-size: 5rem;
	}
	.video-features h2.subpage_header
	{
		font-size: 18px;
		font-size:1.8rem;
	}
	.video-features .circles
	{
		width:640px;
	}
}

@media (max-width: 768px)
{
	.pricing-page .green-btn {
		max-width:100%;
		padding:0;
		font-size:14px !important;
	}
	.container
	{
		width: 730px;
	}
	.alert-launch-tos {top:280px;}
	#launch_form .privacy-required {
		width:100%;
		left: 0;
	}

	/* Home with Tr. Vi */
	body.homepage .home-articul a.btn,
	body.homepage .home-articul .watch-video
	{
		font-size: 16px;
	}
	.last-articles
	{
		padding-bottom:20px;
	}
	.last-articles ul li .art-list-text .meta-data
	{
		font-size:13px;
	}

	/* Home Page 2018 */
	.instant-insights
	{
		padding-top:40px;
	}
	.advanced-features li h4
	{
		margin-top: 10px;
	}

	/* Multilingual */
	.multilingual .image_stripe h1.page_header
	{
		font-size: 40px;
	}

	/* Launch Test Page */
	.welcome
	{
		padding-left: 5%;
		padding-right: 5%;
	}
	ul.step_list > li h4,
	ol.step_list > li h4
	{
		font-size: 18px;
		margin-bottom: 15px!important;
	}

	/* Tester Sign Up */
	.tester-signup h1
	{
		font-size: 46px;
		text-align: center;
	}

	/* Prototypes Page */
	.pricing-page.user-tests .green-btn,
	.pricing-page.sus .green-btn
	{
		padding: 10px 25px 9px;
		font-size:24px!important;
	}

	/* Video Features */
	#video-speed
	{
		margin-top: 29%;
	}
}

@media (max-width: 767px)
{
	/* Header */
	.login-signup
	{
		float:none;
		margin:20px 0 10px;
	}
	.login-signup li
	{
		width:auto;
	}
	.navbar-usl ul.login-signup > li a
	{
		font-size:16px;
	}
	.navbar-fixed-top .navbar-collapse,
	.navbar-fixed-bottom .navbar-collapse
	{
		max-height: 400px;
		background: #333;
	}
	.navbar-usl .navbar-nav
	{
		border-right: none;
		padding-right: 0;
		margin-right: 0;
		margin-left:25px;
	}
	.submenu
	{
		position:relative;
		display:block;
		padding:0;
		width: calc(100% - 30px);
		margin:10px 15px;
	}
	.submenu li {margin:0px 0; padding:0;}
	.submenu li a { color:#aaa;}

	/* HomePage Slider */
	#carousel-homepage.carousel,
	#carousel-homepage.carousel .carousel-inner .image-box
	{
		height: auto;
	}
	#carousel-homepage.carousel .carousel-inner .image-box
	{
		margin-right: 5%;
		margin-left: 5%;
	}
	#carousel-homepage .slider-text .panel-body
	{
		padding-left:0;
	}
	#carousel-homepage .slider-text
	{
		padding-left: 6%;
	}
	.steps .container
	{
		width: 90%;
	}
	.container
	{
		width: 95%;
	}
	#carousel-clients-logo.carousel
	{
		margin: 0 70px;
		height: 380px;
	}
	#carousel-clients-logo.carousel .carousel-inner
	{
		height: 380px;
	}
	#carousel-clients-logo.carousel .carousel-control
	{
		top: 165px;
		text-align:center;
	}
	#carousel-clients-logo.carousel .carousel-control.left > span.fa
	{
		left: 19px;
	}
	#carousel-clients-logo.carousel .carousel-control.right > span.fa
	{
		left: 6px;
	}
	#carousel-steps .step-top h4
	{
		margin-left:15%;
		margin-right:15%;
		width:70%;
	}
	.reels .left-video a img
	{
		right: auto;
		left: 0;
	}
	.reels .right-video a img
	{
		left: auto;
		top: 30%;
		right: 0;
	}

	/* Why */
	.difference .col-sm-4
	{
		height: auto;
	}
	.difference .difitem.opened
	{
		position: relative;
	}
	.difference .difitem .dev-dots,
	.difference .difitem a
	{
		display:none;
	}
	.difference .difitem p span.hidden
	{
		display: inline!important;
	}
	.supporting h2
	{
		margin: 0;
		text-align: center;
	}
	.supporting img
	{
		margin:40px 0 0;
	}

	/* Home with Tr. Vi */
	.navbar-usl .navbar-toggle
	{
		margin-top: 15px;
	}
	body.homepage .home-articul
	{
		height: 280px!important;
		max-height: 280px;
		min-height: 280px;
	}
	body.homepage .home-articul h1
	{
		font-size: 17px;
	}
	body.homepage .home-articul ul
	{
		margin-left:0;
		padding-left:0;
		padding-top:10px!important;
		padding-bottom:5px!important;
	}
	body.homepage .home-articul ul li h2
	{
		font-size: 16px;
	}
	body.homepage .home-articul .head-buttons
	{
		padding-top:5px;
	}
	body.homepage .home-articul h3
	{
		font-size: 18px;
		margin-bottom:5px;
	}
	body.homepage .home-articul .watch-video
	{
		background:white;
		color:#333;
	}
	.full-link a
	{
		padding-left: 0;
		padding-top: 25px;
		padding-right:21%;
	}
	.last-articles article
	{
		height: auto;
	}
	.last-articles article img
	{
		height: auto;
		width: 100%;
		position: static;
		margin-left: 0;
	}
	.last-articles article .article-text
	{
		position: static;
		height: auto;
		background: none;
		padding: 20px 0 45px;
		color: #809199;
	}
	.last-articles article .article-text p
	{
		margin-bottom:15px;
	}
	.last-articles article .article-text .meta-data
	{
		color: #bfc8cc;
		border-top: 1px solid #ebf0f5;
		padding-top:13px;
	}
	.last-articles article .article-text h4 a,
	.last-articles article .article-text .meta-data .sharing a
	{
		color: #48BDF3;
	}
	.last-articles article .article-text h4 a:hover
	{
		color:#e70c93;
	}
	.last-articles article .article-text .green-btn.blue
	{
		display:none;
	}
	.last-articles ul li a.art-list-photo
	{
		display: block;
		height: auto;
		width: auto;
		margin: 0 0 25px;
	}
	.last-articles ul li a.art-list-photo img
	{
		width: 100%;
		height: auto;
		margin-left: 0;
	}
	.last-articles ul li .art-list-text
	{
		display: block;
		width: 100%;
	}
	.how-it-works .col-lg-4.col-sm-5
	{
		padding-right:10%;
		padding-left:10%;
	}
	.recruiting p
	{
		margin-left: 0;
		margin-right: 0;
	}
	.homepage-articles .row
	{
		padding-top: 50px;
	}
	/* Home Page 2018 */
	.home-features ul li img.mobile
	{
		width: 34%;
		margin: 0px -5px 10px 20px;
	}
	.home-features ul li:first-child img.mobile
	{
		margin-top:-15px;
	}

	/* How it Works */
	.asset-types ul
	{
		margin-left:25%;
	}
	.work-step
	{
		width: 80%;
		margin: 0 auto 20px;
		padding: 0 0 0 60px;
		min-height:100px;
	}
	.work-step:nth-child(2n)
	{
		width: 80%;
		margin: 0 auto 20px;
	}
	#step6.work-step
	{
		margin-top: 0;
	}
	.hexagon-b
	{
		right:auto;
		left:0;
	}
	.step-title
	{
		padding: 8px 0 2px 25px;
		text-align:left;
	}
	.step-img
	{
		margin-left: 105px;
		margin-right:0;
	}
	#step5 .step-img
	{
		margin-right: 0;
	}
	.work-arrow
	{
		height:100%;
		right:auto;
		left:29px;
	}

	/* Multilingual */
	.multilingual .image_stripe h1.page_header
	{
		line-height:20px;
	}
	.multilingual .features .container .row .col-xs-12.col-sm-6 .picture,
	.multilingual .features .container .row .col-xs-12.col-sm-6 .description
	{
		height:auto!important;
	}
	.multilingual .features .container .row.features .col-xs-12.col-sm-6 .picture
	{
		display:none;
	}
	.multilingual .features .container .row.english .col-xs-12.col-sm-6 .description a.btn
	{
		display: inline-block;
	}

	/* Promotion */
	.plans
	{
		padding: 0 6%;
	}
	.non-semantic-protector:after
	{
		width: 96%;
	}
	.ribbon .ribbon-content h3
	{
		font-size: 16px;
	}
	.ribbon .ribbon-content h4 strong
	{
		font-size: 30px;
		line-height: 22px;
	}

	/* Pricing */
	.pricing .or
	{
		top: calc(50% - 15px);
	}
	.pricing .well-inner ul li,
	.pricing .well-inner ul li:nth-child(3)
	{
		min-height: 50px;
	}
	.pricing-models .col-sm-3:nth-child(1) .model-header.footer
	{
		margin-right: 0;
	}
	.pricing-models .col-sm-3:nth-child(1) .model-buttons
	{
		width: auto;
	}
	.pricing-models .col-sm-3:nth-child(2) .model-header.footer,
	.pricing-models .col-sm-3:nth-child(2) .model-buttons
	{
		display: block;
	}
	.model-header h2,
	.pricing-models .col-sm-3:first-child .model-header h2
	{
		font-size: 22px;
		padding: 15px 0;
	}
	.model-header p
	{
		margin: 0 10%;
		line-height: 20px;
		font-size:16px;
	}
	.pricing-models .green-btn
	{
		font-size: 21px;
		padding: 10px 20px 9px;
	}
	.model-header.footer h3
	{
		padding: 15px 30% 0;
	}
	.third-model-features,
	.fourth-model-features
	{
		padding-top:110px;
	}

	/* Launch Test Page */
	h1.page_header
	{
		line-height:24px;
	}
	.welcome
	{
		padding-left: 0;
		padding-right: 0;
	}
	#launch-test
	{
		height: auto;
		padding-top:50px;
		padding-bottom:20px;
	}
	.launch-test
	{
		background:none;
	}
	.launch-test .browser
	{
		width: 330px;
		position:static;
		margin:0 auto 40px;
		height: auto;
		background:#fff;
		clear:both;
	}
	.launch-test .browser .content-block
	{
		padding-left: 30px;
	}
	.launch-test .browser.other
	{
		background:#fff;
	}
	.launch-test .browser .title-header
	{
		height: 70px;
	}
	.launch-test .browser .content-block button.btn
	{
		margin-bottom:0;
		margin-top:10px;
		width:150px;
	}
	.free-demo-box.questions
	{
		height:auto;
	}
	#launch_form
	{
		padding: 0;
		text-align: center;
	}
	.launch-recorder
	{
		padding:35px 0;
	}
	.launch-recorder .col-xs-12
	{
		margin:15px 0;
	}
	.launch-test .browser .content-block .btn
	{
		font-size: 18px;
	}
	.help-info .panel-group
	{
		padding:0;
	}
	.help-info .step_list
	{
		padding:20px;
	}
	.help-info .step_list .step_point
	{
		top: -36px;
		left: -45px;
	}
	ul.step_list > li h4,
	ol.step_list > li h4
	{
		font-size: 18px;
		margin-bottom: 15px!important;
	}

	/* DIY Landing */
	.get-started .col-sm-12
	{
		clear:both;
	}
	.user-centric
	{
		margin:0;
	}
	.user-centric .col-sm-6.col-lg-4
	{
		width:100%;
		padding-right:5%;
	}
	.user-centric .col-sm-6.photoside
	{
		display:none;
	}
	.website-framework .container-fluid
	{
		padding-right: 0;
	}
	.website-framework .any-project
	{
		padding:50px 10% 0;
	}
	.easy-customize p
	{
		margin-right:0;
	}
	.easy-customize img.img-responsive
	{
		margin-top:30px;
	}
	.helping
	{
		padding-bottom: 140px;
	}
	.stat-circle
	{
		padding-top: 60px;
		padding-bottom: 50px;
	}

	/* Home Page Header */
	.full-link
	{
		position: absolute;
		top: 0;
		right: 0;
	}
	.mob-vid .full-link
	{
		right:3%;
	}
	.instant-insights h2
	{
		font-size:34px;
	}
	.recruitment-features.how-it-works-homepage
	{
		padding-bottom: 50px;
	}
	.recruitment-features.how-it-works-homepage h2
	{
		margin-bottom:0;
	}
	.recruitment-features.how-it-works-homepage .row:last-child
	{
		margin-top: 0;
	}
	.recruitment-features.how-it-works-homepage .row .col-md-4.col-sm-4
	{
		margin-top:40px;
	}
	.recruitment-features.how-it-works-homepage p
	{
		margin-bottom:5px;
	}
	.advanced-features
	{
		margin-left:4%;
		margin-right:4%;
	}
	.advanced-features li h4
	{
		font-size:18px;
	}
	.advanced-features li img.mobile
	{
		margin: 12px -5px 0 30px;
		width:40%;
	}
	.advanced-features li:first-child img.mobile
	{
		margin-top:5px;
	}
	.advanced-features li:last-child img.mobile
	{
		margin-top: 27px;
	}
	.testimonial-box
	{
		padding-top:0;
	}
	.testimonial-logo
	{
		height:100px;
	}
	.last-articles ul li a.art-list-photo .smallmargin
	{
		margin-left: 0;
	}
	#testimonial-home .carousel
	{
		height: 380px;
	}

	/* Website Page */
	.website-image
	{
		margin-top:5px;
	}
	#carousel-clients .carousel-inner
	{
		height:120px;
	}
	#carousel-clients .carousel-inner .item .col-sm-3
	{
		height:50px;
		margin-top:10px;
	}
	#carousel-clients img
	{
		max-height:50px;
	}
	.carousel#carousel-clients .carousel-control
	{
		margin-top:35px;
	}
	.website-textable .col-sm-6:nth-child(1),
	.website-textable .col-sm-6:nth-child(2)
	{
		width: 90%;
		margin:0 5%;
	}
	.website-textable ul
	{
		margin:40px 0 0;
	}

	/* Proto Promo Page */
	.plus-proto header .col-sm-6
	{
		text-align:center;
	}
	.plus-proto header .logo
	{
		display:inline-block;
		margin-bottom:10px;
	}

	/* Prototypes */
	.user-tests img.img-responsive,
	.compatible img.img-responsive
	{
		margin-top:30px;
	}
	.user-tests .prototypes .col-sm-6.align-left img.img-responsive
	{
		display:none;
	}
	.prototypes
	{
		padding-bottom: 30px;
	}
	.compatible .col-sm-5
	{
		text-align:center;
	}
	.compatible img.img-responsive
	{
		display:inline;
	}

	/* Tester Sign Up */
	.tester-signup .row.inner-pads
	{
		padding-bottom:50px;
	}
	.tester-signup .row.inner-pads .inner-img-left
	{
		padding: 0 0 40px;
		text-align: center;
	}
	.tester-signup .row.inner-pads .inner-img-left .img-responsive
	{
		display:inline;
	}
	.tester-signup h4
	{
		text-align:center;
	}
	.tester-signup .row.inner-pads a.btn.green-btn.blue
	{
		display:block;
		width:230px;
		margin-top:30px;
	}
	.square
	{
		margin-bottom:30px;
	}

	/* User Testing App */
	.user-testing-app a .img-responsive
	{
		margin-top: 50px;
	}
	.easy-installation .list-in-col div:nth-child(2) ul
	{
		margin-right: 0;
	}
	.testing-mobile .video-image
	{
		width: 100%;
		text-align: center;
	}
	.testing-mobile .video-image a .img-responsive
	{
		margin-top:0;
	}
	.testing-mobile .row:nth-child(1) .col-lg-5
	{
		padding-left: 15px;
	}
	.testing-mobile .row:nth-child(2) .col-lg-5
	{
		text-align: left;
		padding-right: 15px;
	}
	.testing-mobile .row:nth-child(2) .video-image a .img-responsive
	{
		margin-top: 0;
	}

	/* Sample Clips */
	.sample-clips .easy-installation .align-right,
	.sample-clips .easy-installation .col-sm-4
	{
		text-align: center;
	}
	.sample-clips .easy-installation .btn.green-btn
	{
		margin-top: 25px;
		margin-bottom: 25px;
	}
	#carousel-clips
	{
		margin-top:0;
	}

	/* Recruitement */
	.text-page .img-responsive
	{
		margin-top: 0;
		display:inline-block;
	}
	.recruitment_lines
	{
		padding-bottom:100px;
	}
	.b2c,
	.b2c .align-right
	{
		text-align: center;
	}
	.text-page .b2c .align-center .img-responsive
	{
		display: none;
	}
	.recruitment-features .row:last-child
	{
		margin-top: 0;
	}
	.recruitment-features i.fa
	{
		margin-top:30px;
	}
	.text-page .recruitment-features h2
	{
		margin-bottom:10px;
	}

	/* Children Testers Sign Up */
	.partners-logos span
	{
		display:block;
		margin:3px 10px 0;
	}
	.tester-signup.children-int h3
	{
		font-size: 30px;
	}

	/* Video Features */
	.video-features .how-signup .how-singup-works .text-left
	{
		display: block;
		width: 100%;
		margin-bottom: 0;
	}
	.video-features .how-signup .how-singup-works .button-right
	{
		width:auto;
		text-align:left;
	}
	.video-features .b2c .img-responsive,
	.video-features .annotations .img-responsive
	{
		margin-top: 0;
	}
	.video-features .annotations .row
	{
		display:flex;
		flex-direction:column-reverse;
	}
	.video-features .circles
	{
		width: 100%;
		background-size: contain;
		height: 360px;
	}
	.video-features .circles img
	{
		width:100%;
		top:25%;
	}
	.video-features .circles img.result
	{
		display:block;
	}
	#video-speed
	{
		margin-top:0;
		margin-bottom: 30px;
	}
	.text-page.video-features .gray-section:nth-child(5) .col-lg-6:nth-child(2)
	{
		padding-left: 15px;
	}
}

@media (max-width: 640px)
{
	.model-header{
		height:220px;
	}
	#myModal .block p {
		font-size:20px;
		color:#000;
	}
	#myModal h3 {font-size:25px !important;}
	.trans-picture {display:none;}
	.step-top img
	{
		width: 100%;
	}
	#recommendations {
		font-size:16px;
		padding:12px 12px;
		margin-top:50px;
	}

	.features ul li
	{
		width:100%;
	}

	/* How it Works */
	.work-step
	{
		width: 100% !important;
	}

	/* Multilingual */
	.multilingual .image_stripe h1.page_header {
		font-size: 35px;
	}

	/* Promotion */
	.non-semantic-protector:after
	{
		width: 95.5%;
	}

	/* DIY Landing */
	.blue-box
	{
		height:auto;
		width:100px;
	}
	.blue-box i.fa
	{
		font-size:45px;
	}
	.blue-box.right-one i.fa
	{
		font-size: 30px;
		margin-bottom: 8px;
	}
	.blue-box-website {left:10%; margin-top:
			0px;}
	.blue-box-website-left {left:70%; margin-top:10px;}

	/* Proto Promo Page */
	.stat-circle strong
	{
		font-size: 18px;
	}

	/* Home Page 2018 */
	.home-features ul li img.mobile
	{
		width:35%;
	}
	.advanced-features li img.mobile
	{
		margin-top: 15px;
	}
	.advanced-features li:first-child img.mobile
	{
		margin-top: 20px;
	}
	.advanced-features li:last-child img.mobile
	{
		margin-top: 35px;
		margin-bottom: 10px;
	}

	/* Children Testers Sign Up */
	.tester-signup.children-int h3
	{
		font-size: 28px;
	}

	/* Video Features */
	.video-features h1.page_header
	{
		font-size: 42px;
		font-size: 4.2rem;
		line-height: 0.5;
		margin-top: 40px;
	}
	.video-features h2.subpage_header
	{
		margin-left:1%;
		margin-right:1%;
	}
	.video-features .how-signup
	{
		margin:0;
		width:100%;
		padding-bottom:100px;
	}
	.video-features .how-signup .how-singup-works
	{
		padding:0 25px;
	}
	.container-fluid.video-transcrip
	{
		padding-top: 0;
	}
	.recruitment_lines
	{
		padding-bottom:0;
	}
	.text-page.video-features .gray-section.b2c
	{
		padding-bottom: 0;
	}
	.video-features .container-fluid.annotations
	{
		padding-top: 0;
		padding-bottom: 0;
	}
	.text-page.video-features .gray-section:nth-child(5)
	{
		padding-top: 0;
		padding-bottom: 0;
	}

}

@media (max-width: 599px)
{
	#pricing .block {margin:0 5%;}
	.plus-proto .green-btn.blue {
		padding:10px 10px !important;
	}
	.plus-proto .logo img {
		margin-left:0 !important;
	}
	.align-button {text-align:center;}
	.protologos  {text-align:center;}
	.container
	{
		width: 90%;
	}

	/* Home with Tr. Vi */
	body.homepage .home-articul
	{
		max-height:400px;
	}
	body.homepage .home-articul ul
	{
		padding:20px 0;
	}
	body.homepage .home-articul ul li i
	{
		margin-right:5px;
	}
	.reels .right-video,
	.reels .left-video
	{
		background-size: 50%;
	}
	.home-features ul li img.mobile,
	.home-features ul li:first-child img.mobile,
	.advanced-features li img.mobile
	{
		width: 100%;
		float: none;
		margin: 0;
	}
	.advanced-features li img.mobile,
	.advanced-features li:first-child img.mobile,
	.advanced-features li:last-child img.mobile
	{
		margin-top: 10px;
		margin-bottom:30px;
	}
	#testimonial-home .carousel,
	.testimonial p
	{
		height:auto;
	}
	#testimonial-home .carousel-indicators
	{
		bottom: -70px;
	}
	.testimonial-box
	{
		padding-bottom:40px;
	}
	body.homepage .home-articul,
	body.homepage.prot-vid .home-articul,
	body.homepage.mob-vid .home-articul
	{
		height: auto!important;
		max-height: none!important;
		background-image:url(../img/homepage-head-mobile.jpg)!important;
	}
	body.homepage .home-articul h3
	{
		margin-bottom: 10px;
		margin-top: 10px;
	}
	body.homepage .home-articul .head-buttons
	{
		margin-bottom:20px;
	}
	.advanced-features
	{
		margin: 0 3% 10px;
	}
	.advanced-features li img.mobile,
	.advanced-features li:first-child img.mobile,
	.advanced-features li:last-child img.mobile
	{
		width: 106.5%;
		margin:0 -3% 15px -3.5%;
	}

	/* How it Works */
	.asset-types ul
	{
		margin-left: 10%;
	}
	.step-img
	{
		margin-left: 25px!important;
	}

	/* Multilingual */
	.multilingual .image_stripe h1.page_header {
		font-size: 25px;
	}
	.multilingual .features .container .row .col-xs-12.col-sm-6 .picture img {
		width: 100%;
		height: auto;
	}

	/* Promotion */
	.non-semantic-protector:after
	{
		width: 95%;
	}
	.ribbon .ribbon-content h4 strong
	{
		font-size: 24px;
	}

	/* Launch Page */
	.launch-page-start .image_stripe h1.page_header, .image_stripe h2.page_header
	{
		font-size: 22px;
	}
	.launch-page-start h1.page_header strong
	{
		margin-left:12%;
	}
	.launch-page-start .open-recorder
	{
		font-size:21px;
	}
	.launch-page-first .arrow-row p
	{
		font-size: 20px;
	}
	.select-mirror
	{
		margin-bottom:30px;
	}
	#select-mobile .col-xs-4,
	#select-desktop .col-xs-4,
	.select-mirror .col-xs-4
	{
		width:100%;
		float:none;
	}
	.tooltip-container .tooltiptext
	{
		width:300px;
		margin-left:-150px;
	}
	.tooltiptext.w160 {
		width: 120px;
		margin-left: -60px;
	}

	.tooltiptext.w220 {
		width: 180px;
		margin-left: -90px;
	}

	/* DIY Landing */
	body.diy-landing
	{
		padding:20px;
	}
	.helping
	{
		padding-bottom: 70px;
	}
	.stat-circle
	{
		font-size:14px;
	}
	.stat-circle strong
	{
		font-size: 13px;
		margin-bottom:0;
	}
	.onlanding.diy .price-button a.btn
	{
		font-size: 26px;
		padding: 15px 30px;
	}

	/* Pricing Page */
	.model-features
	{
		width: 120px;
	}
	.model-features .model-header
	{
		font-size: 17px;
		padding-top: 53%;
	}
	.model-features .feature-row
	{
		font-size: 12px;
		line-height: 16px;
		padding-top: 10px;
	}
	.enterprise {margin-top:12px;}
	.pricing-models
	{
		width: calc(100% - 120px);
	}

	/* Home Header */
	.full-link
	{
		display:none;
	}

	/* Website Page */
	.website-image
	{
		margin-top: 18px;
	}
	.faq h3
	{
		padding: 0;
		font-size: 30px;
	}
	.website-textable .green-btn.blue
	{
		padding-left:20px;
		padding-right:20px;
		width:100%;
		display:block;
	}

	/* Proto Promo Page */
	.optimize h1
	{
		line-height: 36px;
		font-size: 32px;
	}

	/* Tester Sign Up */
	.tester-signup .submit-email
	{
		margin-left: 0;
		margin-right: 0;
	}
	.tester-signup .get-paid
	{
		padding-bottom:40px;
	}
	.gray-section
	{
		padding:50px 15px;
	}

	/* Prototypes Page */
	.target-persona h2
	{
		font-size: 30px;
	}
	.prototypes
	{
		padding-top:0;
	}
	.prototypes-center p
	{
		font-size: 16px;
		line-height: 26px;
	}

	/* User Testing App */
	.easy-installation h2
	{
		font-size: 26px;
	}
	.list-in-col .col-xs-6
	{
		width:100%;
	}
	.easy-installation .list-in-col div:nth-child(2) ul
	{
		border-right: none;
	}

	/* Sample Clips */
	.sample-clips h2
	{
		font-size: 26px;
		margin:0;
	}

	/* Recruitement */
	.participant-panel .image_stripe
	{
		background-size:cover;
		padding: 45px 0 30px;
	}
	.participant-panel .image_stripe .col-xs-12 h1
	{
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: normal;
	}
	.participant-panel .block
	{
		width: 98%;
		height: auto;
		margin:30px auto 0;
		position:static;
	}
	.participant-panel .image_stripe .col-xs-12 h2
	{
		height: auto;
		padding: 20px 0;
		font-size: 38px;
		line-height: 40px;
	}
	.participant-panel .block .bg
	{
		padding:15px 45% 12px 30px;
		height:auto;
	}
	.participant-panel .green-btn.blue
	{
		margin-top: 20px;
	}
	.text-page h2
	{
		font-size: 30px;
		margin: 0 0 30px;
	}
	.text-page .content_area h3,
	.text-page .container h3
	{
		font-size: 18px;
		line-height: 24px;
		margin: 25px 0;
	}

	/* Children Testers Sign Up */
	.tester-signup.children-int h1
	{
		font-size: 40px;
	}

	/* Video Features */
	.video-features h1.page_header
	{
		font-size: 32px;
		font-size:3.2rem;
		line-height:1;
	    margin-top: 10px;
	}
	.image_stripe h1.page_header .circle
	{
		top:0;
	}
	.video-features h2.subpage_header
	{
		font-weight:300;
	}
	.video-features .circles img.result
	{
		top: 32%;
	}
}

@media (max-width: 480px)
{
	.logo-client {
		width: 80%;
	}

	.play {
		bottom: 0px !important;
		left: 0px !important;
	}
	.price-button
	{
		width:120%;
		margin-left:-10%;
	}
	.step-left img
	{
		width:100%;
	}
	.learn-more-demo
	{
		white-space:normal;
		width:150px;
		margin:0 auto;
		padding-top:30px;
		display:block;
	}
	.learn-more-demo a
	{
		margin-top:15px;
	}
	.image_stripe h1.page_header
	{
		margin-left:15px;
		margin-bottom: 20px;
	}

	/* Home with Tr. Vi */
	body.homepage .home-articul h1
	{
		font-size: 22px;
	}
	body.homepage .home-articul ul li
	{
		white-space:nowrap;
		overflow:hidden;
	}
	body.homepage.prot-vid .home-articul ul li:nth-child(3) h2
	{
		white-space: normal;
		text-align: left;
	}
	body.homepage .home-articul h3
	{
		font-size: 16px;
	}
	body.homepage .home-articul a.btn,
	body.homepage .home-articul .watch-video
	{
		font-size:16px;
		padding-left:10px;
		padding-right:10px;
		margin-right:5px;
	}
	/* Home Page 2018 */
	.steps h2,
	.last-articles h2,
	.reels h2,
	.features h2,
	.recruiting h2,
	.instant-insights h2,
	.recruitment-features.how-it-works-homepage h2
	{
		font-size:28px;
	}

	/* Learn More */
	.learn-more-content .col-sm-4
	{
		width:100%;
		margin-bottom:20px;
	}
	.learn-more-content
	{
		padding-left:0;
		padding-right:0;
	}
	.learn-page
	{
		padding:15px 30px;
	}

	/* Pricing Page */
	.sreen .price-block .cost
	{
		font-size:59px;
	}
	.model-header.footer h3,
	.pricing-models .col-sm-3:nth-child(2) .model-header.footer h3
	{
		padding: 15px 23% 0;
	}
	.model-header h2,
	.pricing-models .col-sm-3:first-child .model-header h2
	{
		font-size: 20px;
		padding: 10px 0;
	}
	.model-header p
	{
		line-height: 18px;
		font-size: 14px;
	}

	/* How it Works */
	.step-title
	{
		font-size: 14px;
	}
	.step-img ul
	{
		padding: 15px 10px 5px 7px;
	}
	.step-img ul li
	{
		font-size:14px;
		margin-bottom:10px;
	}
	.step-img ul li i.fa
	{
		font-size:14px!important;
		margin-right:5px;
	}
	.asset-types h2
	{
		margin-bottom:0;
	}
	.asset-types ul
	{
		margin-left: 0;
	}

	/* Multilingual */
	.multilingual .image_stripe h1.page_header {
		margin: 0 10%;
	}

	/* Promotion */
	.plans
	{
		overflow:hidden;
	}
	.non-semantic-protector:after
	{
		width: 93%;
	}

	/* Launch Test Page */
	.welcome h3
	{
		font-size: 16px;
		line-height: 22px;
	}
	.launch-test
	{
		padding:0 25px;
	}
	.launch-test .browser
	{
		width:100%;
	}
	.launch-test .browser.other .title-header
	{
		line-height: 21px;
	}
	.open-recorder
	{
		font-size:18px;
		padding-left:15px;
		padding-right:15px;
		white-space:nowrap;
	}
	.launch-page-start h1.page_header strong
	{
		margin-left: 0;
	}
	.launch-page-start .open-recorder
	{
		font-size: 18px;
	}

	/* DIY Landing */
	.diy-landing header .col-xs-6
	{
		width:100%;
		float:none;
		text-align:center;
	}
	.discover
	{
		padding-bottom:60px;
	}
	.discover h2 {
		margin-top:120px;
	}
	.helping .col-xs-4
	{
		width: 42%;
		margin: 0 auto;
		float: none;
	}
	.onlanding.diy .price-button a.btn
	{
		font-size: 20px;
		padding: 15px 20px;
	}

	/* Website Page */
	.website-page .image_stripe
	{
		margin-bottom: 220px;
	}
	.website-textable .col-sm-6:nth-child(1),
	.website-textable .col-sm-6:nth-child(2)
	{
		width:100%;
		margin: 0;
	}
	.faq h3,
	.website-textable .green-btn.blue
	{
		font-size:22px;
	}

	/* Proto Promo Page */
	.blue-box.right-one
	{
		bottom:20px;
		right:3%;
	}
	.optimize h1
	{
		line-height: 32px;
		font-size: 26px;
	}
	.blue-box
	{
		left: 3%;
	}
	.blue-box-website
	{
		left:10%;
		top: 90px;
	}
	.blue-box-website-left
	{
		left:70%;
	}
	.discover h2
	{
		margin-top: 100px;
		font-size: 26px;
		line-height: 34px;
	}

	/* Tester Sign Up */
	.tester-signup .submit-email .shadow-input input[type="button"]
	{
		font-size:18px;
		width:110px;
	}
	.tester-signup .submit-email .shadow-input input[type="email"]
	{
		width:calc(100% - 110px);
	}
	.tester-signup .how-signup
	{
		padding-top:40px;
	}
	.tester-signup .how-signup .how-singup-works
	{
		padding: 30px 30px 0;
	}

	/* Recruitement */
	.text-page .content_area h3
	{
		font-size: 20px;
		line-height: 24px;
		margin: 25px 0;
		text-align:center;
	}

	/* SUS */
	.text-page .pricing-page.sus h3
	{
		font-size: 18px;
		margin-top:0;
	}

	/* Children Testers Sign Up */
	.tester-signup.children-int h1
	{
		font-size: 32px;
	}
	/* Video Features */
	.video-features .circles img
	{
		top:35%;
	}
}

@media (max-width: 399px)
{
	.needfix {height:205px;}
	#carousel-clients-logo.carousel,
	#carousel-clients-logo.carousel .carousel-inner
	{
		height: 440px;
	}
	#carousel-clients-logo.carousel .carousel-inner .item .col-sm-3.col-xs-6
	{
		width:100%;
	}
	#carousel-clients-logo.carousel .carousel-inner .item .col-sm-3.col-xs-6 div
	{
		height: 80px;
		padding: 10px 30px;
	}
	#carousel-clients-logo.carousel .carousel-inner .item .col-sm-3.col-xs-6 p
	{
		line-height:30px;
		height: 30px;
	}
	#carousel-clients-logo.carousel .carousel-inner .item .col-sm-3.col-xs-6 div img
	{
		max-height: 60px;
	}
	#carousel-clients-logo.carousel .carousel-control
	{
		top: 200px;
	}

	/* Home Page 2018 */
	body.homepage .home-articul a.btn,
	body.homepage .home-articul .watch-video
	{
		font-size:14px;
	}
	body.homepage .home-articul .watch-video
	{
		padding-top:6px;
		padding-bottom:5px;
	}

	/* Pricing Page */
	.sreen .price-block .cost
	{
		font-size:50px;
	}
	.pricing-page-min-width
	{
		min-width:400px;
	}


	/* Promotion */
	.non-semantic-protector:after
	{
		width: 91%;
	}
	.ribbon .ribbon-content h3
	{
		font-size: 15px;
	}
	.ribbon .ribbon-content h4 strong
	{
		font-size: 20px;
		line-height: 14px;
	}

	/* Launch Test Page */
	.launch-test .browser .title-header span
	{
		display: inline;
		margin-left:7px;
	}
	.open-recorder
	{
		width:100%;
		font-size: 16px;
	}
	.open-recorder i
	{
		font-size: 17px;
		margin-right: 5px;
	}
	.launch-test .browser .title-header
	{
		height: auto;
		padding-bottom: 10px;
	}
	.launch-test .browser .content-block .btn
	{
		font-size: 16px;
	}
	.launch-page-start .open-recorder
	{
		font-size: 16px;
	}
	.launch-page-start h1.page_header strong
	{
		width:160px;
	}

	/* DIY Landing */
	body.diy-landing
	{
		padding: 15px;
	}
	.optimize h3
	{
		line-height: 40px;
		font-size: 28px;
	}
	.green-btn
	{
		font-size:18px;
		padding-left:20px;
		padding-right:20px;
	}
	.get-started .green-btn
	{
		margin-bottom: 65px;
	}
	.blue-box
	{
		top:-50px;
	}
	.blue-box.right-one
	{
		right: 0;
		top:auto;
		bottom: 0;
		padding-top: 20px;
	}
	.blue-box i.fa
	{
		font-size: 32px;
	}
	.website-image
	{
		margin-bottom: 10px;
	}
	.blue-box-website
	{
		left:10% !important;
		top: 295px;
	}
	.blue-box-website-left
	{
		right: 10% !important;
		left: unset !important;
		top: 274px;
	}
	#modal-box-diy .fa
	{
		margin-top:130px;
		color:#E70C93;
		font-size:80px;
	}
	.discover h2
	{
		font-size:26px;
		line-height:32px;
	}
	.discover p
	{
		padding-left: 5%;
		padding-right: 5%;
	}
	.user-centric h3
	{
		padding-top:45px;
	}
	.buy-diy.col-xs-12,
	.buy-diy .col-md-6
	{
		padding:0;
	}
	.helping
	{
		margin-bottom:0;
	}
	.helping .col-xs-4
	{
		width: 52%;
	}
	.question-form
	{
		margin-top:20px;
	}
	.question-form h3
	{
		font-size: 30px;
	}
	.copyright
	{
		padding-top:20px;
	}

	/* Learn More */
	.learn-more-content ul
	{
		margin-left:0;
	}
	.image_stripe.learn-page-image
	{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.learn-page-image .welcome
	{
		padding-top:22px;
	}

	/* Website Page */
	.website-textable .green-btn.blue
	{
		font-size: 18px;
	}
	.website-page .image_stripe
	{
		margin-bottom: 200px;
	}

	/* Promo Proto Page */
	.helping
	{
		padding-top:0;
	}
	.helping h4
	{
		font-size: 30px;
	}
	.diy-landing.plus-proto .logo svg
	{
		height: 60px;
	}
	.plus-proto .logo img
	{
		height: 25px;
	}
	.optimize h1
	{
		line-height: 28px;
		font-size: 22px;
	}
	.plus-proto .optimize p span
	{
		font-size:30px;
	}

	/* Tester Sign Up */
	.tester-signup h1
	{
		font-size:34px;
		margin:35px 0;
	}
	.tester-signup .gray-section .row .col-sm-3.col-xs-6
	{
		width:100%;
		float:none;
		clear:both;
	}
	.tester-signup h3
	{
		font-size: 24px;
	}

	/* User Testing App */
	.play-around
	{
		margin-left:22px!important;
	}
	.easy-installation .list-in-col ul
	{
		margin-bottom:20px;
	}

	/* Sample Clips */
	.sample-clips .green-btn.blue
	{
		background: #48bdf3;
		padding-left: 20px;
		padding-right: 20px;
	}
	.sample-clips h2
	{
		font-size: 24px;
	}
	.launch-test-steps h3
	{
		font-size:18px;
		line-height:24px;
	}

	/* SUS */
	.text-page h2
	{
		font-size: 20px;
	}
	.text-page .pricing-page.sus h3
	{
		font-size: 16px;
	}

	/* Children Tester Sign Up */
	.tester-signup.children-int h1
	{
		font-size: 28px;
	}
	.children-why br
	{
		display:none;
	}
	.tester-signup.children-int h3
	{
		font-size: 26px;
	}

	/* Video Features */
	.text-page.video-features .how-singup-works h2
	{
		font-size: 28px;
		font-size:2.8rem;
	}
	.video-features .circles
	{
		height:320px;
	}
}

@media (max-width: 360px)
{
	.learn-more-demo
	{
		white-space:normal;
	}
	.price-top h2
	{
		font-size:25px;
	}

	/* Home with Tr. Vi */
	body.homepage .home-articul h2, body.homepage .home-articul h1 {
		font-size: 23px;
	}
	body.homepage .home-articul ul li h2 {
		font-size: 14px;
	}
	body.homepage .home-articul a.btn,
	body.homepage .home-articul .watch-video
	{
		font-size: 20px;
		width: 100%;
		margin-bottom: 20px;
	}
	body.homepage .home-articul h3
	{
		margin-bottom:10px;
	}

	/* Pricing Page */
	.sreen .price-block .cost
	{
		font-size:43px;
	}

	/* Promotion */
	.ribbon .ribbon-content h3
	{
		font-size: 14px;
	}

	/* Pricing */
	.pro .price-block p
	{
		font-size: 30px;
	}

	/* Launch Page */
	.launch-test .browser .content-block
	{
		padding:20px!important;
	}
	.launch-test .browser .content-block .btn
	{
		font-size: 15px;
	}
	.launch-page-start .open-recorder
	{
		font-size: 13px;
	}

	/* DIY Landing */
	.helping .col-xs-4
	{
		width: 57%;
	}

	/* Learn Page */
	.learn-page
	{
		padding: 5px 30px 15px 30px;
		margin: -15px -15px 40px;
	}

	/* Website Page */
	.website-page .image_stripe
	{
		margin-bottom: 160px;
	}
	.website-textable .green-btn.blue
	{
		font-size: 16px;
	}

	/* Proto Promo Page */
	.plus-proto .logo img
	{
		height: 23px;
		margin-top: 18px;
		margin-left: -20px;
	}
	.diy-landing.plus-proto .logo svg
	{
		height: 55px;
	}
	.plus-proto header .green-btn.blue
	{
		display: block;
		padding-left: 5px;
		padding-right: 5px;
	}

	/* SUS */
	.text-page .pricing-page.sus h3
	{
		font-size: 14px;
		margin-bottom: 20px;
	}

	/* Children Tester Sign Up */
	.partners-logos a.userlytics-logo
	{
		width: 70%;
	}
	.partners-logos span
	{
		margin: -10px 0 -15px 0;
	}
	.partners-logos a.children-logo
	{
		width: 70%;
	}
	.tester-signup.children-int h1
	{
		font-size: 24px;
	}
	.tester-signup .your-time h4
	{
		font-size: 15px;
	}
	.tester-signup.children-int h3
	{
		font-size: 24px;
	}
	.tester-signup.children-int h3
	{
		font-size: 22px;
		margin-bottom:30px;
	}
	.tester-signup.children-int .how-signup
	{
		width:100%;
		margin:0;
	}
	.tester-signup .children-signup-form .submit-email p
	{
		margin-bottom:30px;
	}
}

/* Multichannel Testing Page Stylesheets */
.mc-testing .image_stripe
{
	padding: 70px 0 55px 0;
	background-size: cover;
}
@media screen and (max-width: 1199px)
{
	.mc-testing .image_stripe
	{
		padding: 55px 0 35px 0;
	}
}
.mc-testing .image_stripe .tint
{
	background: rgba(0, 0, 0, 0.6);
}
.mc-testing h1.page_header
{
	text-align: center;
	font-weight: 400;
	font-size: 36px;
	padding: 0;
	width: 65%;
	margin: auto;
}
@media screen and (max-width: 768px)
{
	.mc-testing h1.page_header
	{
		width: 100%;
		font-size: 22px;
	}
}
@media screen and (max-width: 475px)
{
	.mc-testing h1.page_header
	{
		font-size: 20px;
	}
}
.mc-testing__header__buttons
{
	margin-top: 30px;
	position: relative;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
}
.mc-testing__header__buttons .btn
{
	margin: 5px 15px;
	width: auto;
	border: none;
	border-radius: 4px;
	font-size: 20px;
	font-weight: 700;
	padding: 8px 26px;
}
@media screen and (max-width: 768px)
{
	.mc-testing__header__buttons .btn
	{
		font-size: 18px;
	}
}
@media screen and (max-width: 475px)
{
	.mc-testing__header__buttons .btn
	{
		font-size: 16px;
	}
}
.mc-testing .free-demo-up-button:focus
{
	background: #fff;
	color: #000;
}
.mc-testing .watch-video
{
	background: rgba(255,255,255,0.3);
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}
.mc-testing .watch-video:hover
{
	background: #e70c93;
	color: white;
}
.mc-testing__content
{
	position: relative;
	background: #fff;
	border-top: 15px solid #00bbf8;
	padding-top: 25px;
}
.mc-testing__content::before
{
	content: '';
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 11px solid #00bbf8;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -15px;
	z-index: 1;
}
.mc-testing__content__section
{
	padding: 50px 0 55px;
}
@media screen and (max-width: 768px)
{
	.mc-testing__content__section
	{
		padding: 30px 0 35px;
	}
}
.mc-testing__content__section--gray
{
	background-color: #eef1f6;
}
.mc-testing__content__section img
{
	display: block;
	max-width: 100%;
	margin-left: 60px;
}
.mc-testing__content__section h3
{
	text-transform: uppercase;
	line-height: 1.25;
}
.mc-testing__content__section h3,
.mc-testing__content__section h4
{
	margin: 0 0 25px;
	color: #363636;
}
.mc-testing__content__section p
{
	margin-bottom: 25px;
	line-height: 1.4;
	color: #809199;
}
.mc-testing__content__section__text
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-left: 60px;
	width: 75%;
}
@media screen and (max-width: 1199px)
{
	.mc-testing__content__section__text
	{
		width: 100%;
		margin: auto;
	}
	.mc-testing__content__section img
	{
		margin: auto;
	}
}
.mc-testing__content__section__first h3
{
	font-weight: 300;
}
.mc-testing__content__section__first strong
{
	display: block;
}
.mc-testing__content__section__second h4
{
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 25px;
}
@media screen and (max-width: 768px)
{
	.mc-testing__content__section__second .mc-testing__content__section__text
	{
		margin-top: 25px;
	}
}
.mc-testing__content__section__third .mc-testing__content__section__text,
.mc-testing__content__section__fourth .mc-testing__content__section__text,
.mc-testing__content__section__fifth .mc-testing__content__section__text
{
	margin-top: 25px;
}
.mc-testing__content__section__second strong,
.mc-testing__content__section__fifth strong
{
	display: block;
	color: #e70c93;
	font-size: 20px;
	font-weight: 700;
}
.mc-testing__content__section__second .free-demo-up-button
{
	width: auto;
	font-size: 20px;
	border: none;
	border-radius: 4px;
	margin: 30px 0 0;
}
.mc-testing__content__section__fourth p
{
	color: #eb0088;
	font-size: 24px;
	font-weight: 400;
}
@media screen and (max-width: 768px)
{
	.mc-testing__content__section__fifth .mc-testing__content__section__text
	{
		margin-bottom: 45px;
	}
}
.mc-testing__footer .mc-testing__footer__inner
{
	background: #fff url(/front/img/mc-testing/mc-testing_footer-banner-bg.png) no-repeat center center;
	background-size: cover;
	color: #fff;
	padding: 100px 0;
	text-align: center;
}
@media screen and (max-width: 768px)
{
	.mc-testing__footer .mc-testing__footer__inner
	{
		padding: 50px 0;
	}
}
.mc-testing__footer .mc-testing__footer__title
{
	font-size: 30px;
	font-weight: 700;
	width: 75%;
	margin: auto;
	border: none;
}
@media screen and (max-width: 768px)
{
	.mc-testing__footer .mc-testing__footer__title
	{
		font-size: 22px;
	}
	.mc-testing__footer .mc-testing__footer__title br
	{
		display: none;
	}
}
@media screen and (max-width: 475px)
{
	.mc-testing__footer .mc-testing__footer__title
	{
		font-size: 20px;
	}
}
.mc-testing__footer .mc-testing__footer__more-btn
{
	border: none;
	margin-top: 30px;
	background: #07D623;
	border-radius: 4px;
	width: auto;
	padding: 8px 20px;
	font-weight: 700;
	font-size: 20px;
}
@media screen and (max-width: 768px)
{
	.mc-testing__footer .mc-testing__footer__more-btn
	{
		margin-top: 15px;
		font-size: 18px;
	}
}
.mc-testing__footer .mc-testing__footer__more-btn:focus,
.mc-testing__footer .mc-testing__footer__more-btn:hover
{
	background: #fff;
	color: #000;
}

body.mobile-active
{
	overflow: hidden;
}

body.mobile-active .header
{
	background: #333;
}

body.mobile-active .header__nav
{
	display: block;
	height: auto;
}

/* Header Layout - DIGIS */
.header
{
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	z-index: 1030;
	padding: 15px 0;
}

@media screen and (max-width: 992px)
{
	.header
	{
		padding: 10px 0;
	}
}

.header--dark
{
	background-color: #333;
}

body.homepage .header,
body.transparent-header .header
{
	background-color: transparent;
}

body.homepage.darkHeader .header,
body.free-webinar.darkHeader .header,
body.login-page.darkHeader .header,
body.why-userlytics.darkHeader .header
{
	background-color: #333;
}

.header__inner
{
	display: flex;
	justify-content: space-between;
}

.header__logo
{
	width: 200px;
	position: relative;
	z-index: 9999;
}

@media screen and (max-width: 992px)
{
	.header__logo
	{
		width: 150px;
	}
}

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

.header__nav__buttons
{
	display: flex;
	justify-content: flex-end;
}

.header__nav__buttons a
{
	margin-left: 20px;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	border: 1px solid #ffffff;
	padding: 6px 18px;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: color 150ms ease-in-out, background-color 150ms ease-in-out;
}

@media screen and (max-width: 1024px)
{
	.header__nav a
	{
		font-size: 14px;
	}
}

.header__nav__buttons a:hover
{
	text-decoration: none;
	color: #000;
	background-color: #fff;
}

.header__nav__links
{
	display: flex;
	align-items: center;
	margin: auto auto 0 auto;
	padding: 0;
	list-style: none;
}

.header__nav__links li
{
	margin: 0;
	padding: 0;
}

.header__nav__links li a
{
	color: #fff;
	text-decoration: none;
	margin-left: 40px;
}

.header__nav__links li a:hover
{
	text-decoration: underline;
}

.header__nav__features:hover .submenu
{
	display: block;
}

.header__nav__features li
{
	margin: 15px 0;
}

.hamburger
{
	position: relative;
	padding: 0;
	display: none;
	outline: none;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
	z-index: 9999;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after
{
	background-color: #fff;
}

.hamburger-box
{
	width: 40px;
	height: 24px;
	display: inline-block;
	position: relative;
}

.hamburger-inner
{
	display: block;
	top: 50%;
	margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after
{
	width: 40px;
	height: 4px;
	background-color: #fff;
	border-radius: 2px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after
{
	content: "";
	display: block;
}

.hamburger-inner::before
{
	top: -10px;
}

.hamburger-inner::after
{
	bottom: -10px;
}

.hamburger--slider .hamburger-inner
{
	top: 2px;
}

.hamburger--slider .hamburger-inner::before
{
	top: 10px;
	transition-property: transform, opacity;
	transition-timing-function: ease;
	transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after
{
	top: 20px;
}

.hamburger--slider.is-active .hamburger-inner
{
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before
{
	transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
	opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after
{
	transform: translate3d(0, -20px, 0) rotate(-90deg);
}

@media screen and (max-width: 992px)
{
	.header__nav
	{
		padding: 45px 15px;
		position: fixed;
		display: none;
		left: 0;
		right: 0;
		bottom: 0;
		top: 78px;
		height: 0;
		width: 100%;
		z-index: 100;
		background-color: #333;
		transition: height 150ms ease-in-out;
	}

	.header__nav__buttons
	{
		padding: 10px 0;
		justify-content: center;
	}

	.header__nav__buttons a
	{
		margin: auto;
		padding: 6px 14px;
	}

	.header__nav__links
	{
		flex-direction: column;
		align-items: flex-start;
		padding: 0 10px;
	}

	.header__nav__links li,
	.header__nav__features li
	{
		width: 100%;
		margin: 5px 0;
	}

	.header__nav__links li a
	{
		margin: 0;
	}

	.submenu
	{
		position: static;
		margin: 0 0 0 25px;
		padding: 0;
	}

	.hamburger
	{
		display: inline-block;
	}
}

body.homepage .masthead
{
	background-image: url("../img/masthead-bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0;
	color: #fff;
	padding: 150px 0 45px;
	overflow: hidden;
	text-align: center;
}

body.homepage .masthead__info h1
{
	font-size: 45px;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0 0 10px;
}

body.homepage .masthead__info h2
{
	font-size: 40px;
	font-weight: 300;
	border: 0;
	margin: 0;
	padding: 0;
}

body.homepage .masthead__buttons
{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 45px;
}

body.homepage .masthead__buttons a
{
	background: #07d623;
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
	text-shadow: none;
	text-decoration: none;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	padding: 7px 17px;
	outline: none;
	border-radius: 4px;
	margin: 0 15px;
}

body.homepage .masthead__buttons a.btn:hover
{
	background-color: #e70c93;
}

body.homepage .masthead__buttons .watch-video
{
	background: rgba(255, 255, 255, 0.25);
	border: 2px solid #fff;
	padding: 6px 17px;
}

body.homepage .masthead__buttons .watch-video:hover
{
	background-color: #e70c93;
	border-color: #e70c93;
}

body.homepage .masthead__features
{
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: center;
	margin-top: 45px;
}

body.homepage .masthead__features__item
{
	width: 160px;
	height: 160px;
	border-radius: 3px;
	border: 2px solid #ffffff;
	margin: 0 15px;
	padding: 15px;
	color: #fff;
	text-decoration: none;
	transition: box-shadow 150ms ease-in-out;
}

body.homepage .masthead__features__item:hover
{
	color: #fff;
	box-shadow: 0 0 14px 1px rgba(0,0,0,0.45);
}

body.homepage .masthead__features__item img
{
	display: block;
	margin: auto auto 10px;
	max-width: 65px;
}

body.homepage .masthead__features__item p
{
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.15;
}

@media screen and (max-width: 768px)
{
	body.homepage .masthead
	{
		padding: 100px 0 25px;
	}

	body.homepage .masthead__info h1
	{
		font-size: 36px;
	}

	body.homepage .masthead__info h2
	{
		font-size: 32px;
	}

	body.homepage .masthead__buttons
	{
		flex-direction: column;
		margin-top: 30px;
	}

	body.homepage .masthead__buttons a
	{
		margin: auto auto 15px;
	}

	body.homepage .masthead__buttons a:first-child
	{
		padding: 7px 31px;
	}

	body.homepage .masthead__features__item
	{
		margin: auto auto 15px;
		width: 130px;
		height: 130px;
	}

	body.homepage .masthead__features__item img
	{
		max-width: 45px;
	}

	body.homepage .masthead__features__item p
	{
		font-size: 14px;
	}
}

@media screen and (max-width: 520px)
{
	body.homepage .masthead__info h1
	{
		font-size: 32px;
	}

	body.homepage .masthead__info h2
	{
		font-size: 26px;
	}

	body.homepage .masthead__features__item
	{
		width: 115px;
		height: 115px;
	}

	body.homepage .masthead__features__item img
	{
		max-width: 35px;
	}

	body.homepage .masthead__features__item p
	{
		font-size: 12px;
	}
}

body.free-webinar
{
	padding-top: 0;
}

body.free-webinar .free-webinar__header
{
	position: relative;
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
	background-image: url(/front/img/free-webinar/free-webinar-masthead-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0;
	color: #fff;
	padding: 135px 0 55px;
	overflow: hidden;
	text-align: center;
}

body.free-webinar .free-webinar__header h1
{
	font-size: 45px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 25px;
}
body.free-webinar .free-webinar__header__info
{
	display: flex;
	flex-direction: column;
	font-size: 40px;
}

body.free-webinar .free-webinar__header__info span
{
	font-weight: 400;
	line-height: 1.2;
}
body.free-webinar .free-webinar__header__info strong
{
	font-weight: 900;
	position: relative;
}
body.free-webinar .free-webinar__header__info span:first-child strong::before
{
	content: '';
	width: 23px;
	height: 24px;
	position: absolute;
	left: -33px;
	top: 14px;
	background: url(/front/img/free-webinar/clock-icon.png) 0 0 no-repeat;
	background-size: contain;
}

body.free-webinar .free-webinar__header__info span:last-child strong::before
{
	content: '';
	width: 22px;
	height: 31px;
	position: absolute;
	left: -33px;
	top: 11px;
	background: url(/front/img/free-webinar/mark-icon.png) 0 0 no-repeat;
	background-size: contain;
}

body.free-webinar .free-webinar__reserve-btn,
body.free-webinar .free-webinar__footer__book-btn
{
	margin-top: 50px;
	border-radius: 4px;
	background-color: #07d623;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}
body.free-webinar .free-webinar__reserve-btn:hover,
body.free-webinar .free-webinar__footer__book-btn:hover
{
	background-color: #e70c93;
}
@media screen and (max-width: 1024px)
{
	body.free-webinar .free-webinar__header h1
	{
		font-size: 38px;
	}
	body.free-webinar .free-webinar__header__info
	{
		font-size: 32px;
	}
	body.free-webinar .free-webinar__header__info span
	{
		line-height: 1.4;
	}
	body.free-webinar .free-webinar__header__info span:first-child strong::before
	{
		width: 23px;
		left: -32px;
		top: 10px;
	}
	body.free-webinar .free-webinar__header__info span:last-child strong::before
	{
		width: 18px;
		left: -27px;
		top: 9px;
	}
}

@media screen and (max-width: 768px)
{
	body.free-webinar .free-webinar__header h1
	{
		font-size: 32px;
	}
	body.free-webinar .free-webinar__header__info
	{
		font-size: 26px;
	}
	body.free-webinar .free-webinar__header__info span:first-child strong::before
	{
		width: 20px;
		left: -29px;
		top: 8px;
		height: 20px;
	}
	body.free-webinar .free-webinar__header__info span:last-child strong::before
	{
		width: 16px;
		left: -25px;
		top: 8px;
		height: 20px;
	}
	body.free-webinar .free-webinar__reserve-btn
	{
		font-size: 18px;
	}
}
@media screen and (max-width: 475px)
{
	body.free-webinar .free-webinar__header__info
	{
		font-size: 18px;
	}

	body.free-webinar .free-webinar__header__info span:first-child strong::before
	{
		width: 13px;
		left: -20px;
		top: 5px;
		height: 16px;
	}
	body.free-webinar .free-webinar__header__info span:last-child
	{
		margin-top: 10px;
	}
	body.free-webinar .free-webinar__header__info span:last-child strong::before
	{
		width: 15px;
		left: -22px;
		top: 5px;
		height: 16px;
	}
}

body.free-webinar .free-webinar__presentation
{
	background-color: #fff;
	padding: 45px 0;
}

body.free-webinar .free-webinar__presentation h2
{
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	text-transform: uppercase;
	border: none;
}

body.free-webinar .free-webinar__presentation p
{
	color: #809199;
	margin: 0;
}
body.free-webinar .free-webinar__presentation strong
{
	display: block;
	color: #eb0088;
	font-weight: 700;
	font-size: 16px;
	margin: 30px 0;
}
body.free-webinar .free-webinar__presentation img
{
	display: block;
	margin: auto;
}
body.free-webinar .free-webinar__for
{
	background-color: #eef1f6;
	padding: 45px 0 55px;
	text-align: center;
}
body.free-webinar .free-webinar__for h2
{
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	text-transform: uppercase;
	border: none;
}
body.free-webinar .free-webinar__for__items
{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	margin-top: 15px;
}
body.free-webinar .free-webinar__for__item
{
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}
body.free-webinar .free-webinar__for__item p
{
	color: #363636;
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	margin-top: 20px;
}
@media screen and (max-width: 1024px)
{
	body.free-webinar .free-webinar__presentation p:last-child
	{
		margin-bottom: 25px;
	}
	body.free-webinar .free-webinar__presentation img
	{
		width: 100%;
	}
	body.free-webinar .free-webinar__for__items
	{
		flex-flow: row wrap;
	}
	body.free-webinar .free-webinar__for__item
	{
		margin: 0 15px 25px;
	}

}
body.free-webinar .free-webinar__profit
{
	background-color: #fff;
	padding: 55px 0;
	text-align: center;
}
body.free-webinar .free-webinar__profit h2
{
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	text-transform: uppercase;
	border: none;
}
body.free-webinar .free-webinar__profit__items
{
	margin-top: 30px;
	display: flex;
	justify-content: center;
}
body.free-webinar .free-webinar__profit__item
{
	margin: 0 25px;
	flex: 1 0 33.3%;
}
body.free-webinar .free-webinar__profit__item img
{
	width: 60px;
	height: 57px;
	display: block;
	margin: auto;
}
body.free-webinar .free-webinar__profit__item p
{
	color: #809199;
	font-size: 24px;
	font-weight: 300;
	margin-top: 20px;
}
@media screen and (max-width: 1024px)
{
	body.free-webinar .free-webinar__profit__items
	{
		flex-flow: row wrap;
		flex-direction: column;
	}
	body.free-webinar .free-webinar__profit__item
	{
		margin: auto auto 25px;
	}
	body.free-webinar .free-webinar__profit__item p
	{
		font-size: 18px;
	}
}
body.free-webinar .free-webinar__footer
{
	background-image: url("/front/img/free-webinar/free-webinar-footer-bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0;
	color: #fff;
	padding: 65px 0;
	overflow: hidden;
	text-align: center;
}

body.free-webinar .free-webinar__footer h1
{
	font-size: 45px;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 30px;
}
body.free-webinar .free-webinar__footer__book-btn
{
	margin: auto;
}
@media screen and (max-width: 575px)
{
	body.free-webinar .free-webinar__footer h1
	{
		font-size: 38px;
	}
}
body.free-webinar .modal-dialog
{
	width: 992px;
	height: 100vh;
}
body.free-webinar .free-webinar-popup
{
	display: flex;
	z-index: 1050;
	margin: auto;
	border-radius: 4px;
	max-height: 690px;
	height: 100%;
}

body.free-webinar .free-webinar-popup__left,
body.free-webinar .free-webinar-popup__right
{
	flex: 1 0 50%;
	padding: 70px 40px;
}

body.free-webinar .free-webinar-popup__left
{
	background-image: url("/front/img/free-webinar/free-webinar-popup-bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0;
	color: #fff;
	text-align: center;
	display: flex;
	flex-direction: column;
}

body.free-webinar .free-webinar-popup__left h2
{
	font-size: 43px;
	font-weight: 900;
	line-height: 48px;
	margin: 0;
	border: none;
	padding: 0;
}
body.free-webinar .free-webinar-popup__left h3
{
	font-weight: 400;
	font-size: 43px;
	margin: 0;
	line-height: 1;
}
body.free-webinar .free-webinar-popup__right
{
	background-color: #00b3f6;
	color: #fff;
}
body.free-webinar .free-webinar-popup__right h3
{
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	text-transform: uppercase;
	text-align: center;
}
body.free-webinar .free-webinar-popup__when span,
body.free-webinar .free-webinar-popup__where span
{
	position: relative;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.25;
}
body.free-webinar .free-webinar-popup__when
{
	margin: 85px auto 35px;
}
body.free-webinar .free-webinar-popup__when span::before
{
	content: '';
	width: 36px;
	height: 29px;
	position: absolute;
	left: -52px;
	top: 14px;
	background: url(/front/img/free-webinar/clock-icon.png) 0 0 no-repeat;
	background-size: contain;
}
body.free-webinar .free-webinar-popup__where
{
	margin: 35px auto 70px;
}
body.free-webinar .free-webinar-popup__where span::before
{
	content: '';
	width: 35px;
	height: 37px;
	position: absolute;
	left: -51px;
	top: -3px;
	background: url(/front/img/free-webinar/mark-icon.png) 0 0 no-repeat;
	background-size: contain;
}
body.free-webinar .free-webinar-popup__socials
{
	margin: 100px auto;
}
body.free-webinar .free-webinar-popup__socials h4
{
	font-size: 20px;
	font-weight: 900;
	line-height: 20px;
	text-transform: uppercase;
	border: 0;
	margin: 0 0 15px;
}
body.free-webinar .free-webinar-popup__socials__items
{
	display: flex;
	justify-content: center;
}
body.free-webinar .free-webinar-popup__socials__items a
{
	margin: auto 5px;
}
body.free-webinar .free-webinar-popup__right
{
	display: flex;
	flex-direction: column;
}
body.free-webinar .free-webinar-popup__form
{
	margin-top: 15px;
}
body.free-webinar .free-webinar-popup__form input
{
	width: 100%;
	border-radius: 4px;
	background-color: #c6e9f6;
	color: #000;
	border: none;
	padding: 15px 20px;
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: 300;
}
body.free-webinar .free-webinar-popup__form input:last-child
{
	margin-bottom: 0;
}
body.free-webinar .free-webinar-popup__form button
{
	display: block;
	border-radius: 4px;
	background-color: #07d623;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	text-transform: uppercase;
	padding: 9px 20px;
	margin: auto;
}
body.free-webinar .free-webinar-popup__form .privacy-required
{
	color: #ffffff;
	font-size: 16px;
	font-weight: 300;
	text-align: left;
	margin-top: 15px;
}
body.free-webinar .free-webinar-popup__form .privacy-required .icheckbox_square-pink
{
	margin-right: 10px;
	background-color: #fff;
	border-radius: 3px;
	border: none;
}

body.free-webinar .free-webinar-popup__form .privacy-required a
{
	text-decoration: underline;
	color: #fff;
	margin: 0 5px;
}
body.free-webinar .free-webinar-popup__form button:hover
{
	color: #fff;
	background-color: #e70c93;
}
body.free-webinar .free-webinar-popup__right h4
{
	font-size: 24px;
	font-weight: 400;
	line-height: 28px;
	text-decoration: underline;
	text-transform: uppercase;
	text-align: center;
	margin: 20px auto 0;
}
body.free-webinar .free-webinar-popup__close
{
	position: absolute;
	top: 20px;
	right: 20px;
	color: #fff;
}
@media screen and (max-width: 1024px)
{
	body.free-webinar .modal-dialog
	{
		width: 768px;
	}
	body.free-webinar .free-webinar-popup {
		max-height: 640px;
		height: 100%;
	}
	body.free-webinar .free-webinar-popup__left,
	body.free-webinar .free-webinar-popup__right {
		padding: 60px 35px;
	}
	body.free-webinar .free-webinar-popup__left h2
	{
		margin-bottom: 5px;
	}
	body.free-webinar .free-webinar-popup__left h3
	{
		font-size: 32px;
	}
	body.free-webinar .free-webinar-popup__when {
		margin: 75px auto 35px;
	}
	body.free-webinar .free-webinar-popup__right h4
	{
		font-size: 18px;
		margin-top: 20px;
	}
}
@media screen and (max-width: 768px)
{
	body.free-webinar .modal-open .modal {
		margin-bottom: 25px;
	}
	body.free-webinar .modal-dialog
	{
		width: 545px;
		margin: 35px auto;
		padding: 25px;
	}
	body.free-webinar .free-webinar-popup
	{
		flex-direction: column;
	}
	body.free-webinar .free-webinar-popup__left,
	body.free-webinar .free-webinar-popup__right {
		flex: 1 0 auto;
		padding: 35px;
	}
	body.free-webinar .free-webinar-popup__left h2 {
		margin-bottom: 15px;
	}
	body.free-webinar .free-webinar-popup__when {
		margin: 35px auto 0px;
	}
	body.free-webinar .free-webinar-popup__where {
		margin: 25px auto 35px;
	}
}
@media screen and (max-width: 768px)
{
	body.free-webinar .modal-dialog
	{
		width: 100%;
	}
}

/* Login Pages */
body.login-page
{
	padding-top: 0;
}
body.login-page .login-wrapper
{
	position: relative;
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);

	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0;
	color: #fff;
	padding: 135px 0 55px;
	overflow: hidden;
	text-align: center;
}
body.login-page .client-login
{
	background-image: url(/front/img/client-login-bg.png);
}
body.login-page .tester-login
{
	background-image: url(/front/img/tester-login-bg.png);
}
body.login-page .login-form
{
	display: flex;
	min-height: 450px;
}
body.login-page .login-form .login-form__left,
body.login-page .login-form .login-form__right
{
	width: 50%;
	padding: 40px 50px;
	min-height: 100%;
	display: flex;
	flex-direction: column;
}
body.login-page .login-form .login-form__left
{
	background-color: #00b3f6;
	color: #fff;
	box-shadow: 6px 6px 9px 1px rgba(0, 0, 0, 0.16);
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	z-index: 1;

}
body.login-page .login-form .login-form__left .form-block
{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 75%;
	margin: auto;
}
body.login-page .login-form .login-form__left .form-block .form-group
{
	width: 100%;
}
body.login-page .login-form .login-form__left input
{
	width: 100%;
	background: transparent;
	font-size: 20px;
	border-bottom: 1px solid #fff;
	padding: 10px 10px 10px 15px;
}
body.login-page .login-form .login-form__left input:focus
{
	box-shadow: none;
}
body.login-page .login-form .login-form__right
{
	background-color: #fff;
	color: #2d2d2d;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	z-index: 0;
}
body.login-page .login-form .login-form__left h3
{
	font-size: 40px;
	font-weight: 400;
	line-height: 42px;
}
body.login-page .login-form .login-form__left .login-form__forgot-pw
{
	display: block;
	color: #ffffff;
	font-size: 14px;
	font-weight: 300;
	text-decoration: underline;
	text-align: right;
	margin: auto 0 auto auto;
}
body.login-page .login-form .login-form__left .login-form__forgot-pw:hover
{
	color: #d23390;
}
body.login-page .login-form .login-form__left button.submit
{
	border-radius: 3px;
	background-color: #07d623;
	font-size: 22px;
	font-weight: 400;
	line-height: 30px;
	text-transform: uppercase;
	border: none;
	margin: 30px auto 0;
	display: block;
	max-width: 170px;
	width: 100%;
}
body.login-page .login-form .login-form__left button.submit:hover
{
	color: #fff;
	background-color: #d23390;
}
body.login-page .login-form .login-form__right .icon-shield-person
{
	display: block;
	margin: auto auto 15px;
	width: 56px;
	height: 69px;
	background-image: url(/front/img/icon-shield-person.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0;
}

body.login-page .login-form .login-form__right h3
{
	font-size: 30px;
	font-weight: 400;
	line-height: 32px;
	margin: 0 0 25px;
}

body.login-page .login-form .login-form__right h4
{
	font-size: 24px;
	font-weight: 300;
	line-height: 28px;
	margin: 0 0 25px;
}

body.login-page .login-form .login-form__right h4 strong
{
	font-weight: 700;
}

body.login-page .login-form .login-form__right a.btn.submit
{
	display: block;
	max-width: 370px;
	width: 100%;
	border-radius: 3px;
	background-color: #d23390;
	margin: 15px auto 10px;
	color: #fff;
	font-size: 22px;
	font-weight: 400;
	line-height: 30px;
	text-transform: uppercase;
}

body.login-page .login-form .login-form__right a.btn.submit:hover
{
	background-color: #fff;
	color: #000;
	border-color: #000;
}

body.login-page .login-form .login-form__right a.login-form__shedule-a-demo
{
	font-size: 20px;
	font-weight: 300;
	line-height: 28px;
	text-decoration: underline;
	color: #d23390;
	transition: color 150ms ease-in-out;
}

body.login-page .login-form .login-form__right a.login-form__shedule-a-demo:hover
{
	color: #000;
}

body.login-page .login-form .login-form__right .icon-team
{
	display: block;
	margin: 35px auto 30px;
	width: 86px;
	height: 65px;
	background-image: url(/front/img/icon-team.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0;
}

body.login-page .tester-login .login-form .login-form__right h3
{
	margin-bottom: 30px;
	padding: 0 15px;
}

body.login-page .tester-login .login-form .login-form__right a.submit
{
	max-width: 170px;
}

@media screen and (max-width: 1200px)
{
	body.login-page .login-form .login-form__left h3
	{
		font-size: 36px;
	}

	body.login-page .login-form .login-form__right h3
	{
		font-size: 26px;
	}

	body.login-page .login-form .login-form__right h4
	{
		font-size: 20px;
	}
}

@media screen and (max-width: 992px)
{
	body.login-page .login-form .login-form__left,
	body.login-page .login-form .login-form__right
	{
		padding: 25px;
	}
	body.login-page .login-form .login-form__left .form-block
	{
		width: 100%;
	}
	body.login-page .login-form .login-form__left h3
	{
		font-size: 32px;
	}

	body.login-page .login-form .login-form__right h3
	{
		font-size: 22px;
	}

	body.login-page .login-form .login-form__right h4
	{
		font-size: 16px;
	}

	body.login-page .login-form .login-form__left button.submit
	{
		font-size: 16px;
	}

	body.login-page .login-form .login-form__right a.btn.submit
	{
		font-size: 16px;
	}

	body.login-page .tester-login .login-form .login-form__right h3
	{
		margin-bottom: 15px;
	}
}
@media screen and (max-width: 768px)
{
	.login-form
	{
		flex-direction: column;
	}

	body.login-page .login-form .login-form__left,
	body.login-page .login-form .login-form__right
	{
		width: 100%;
		margin: auto;
	}
}

/* Footer */
.footer
{
	background-color: #00b3f6;
}
.footer__head
{
	padding: 20px 0;
	border-bottom: 1px solid #0099d2;
}
.footer__head__inner
{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer__head__logo
{
	width: 92px;
	height: 36px;
}
.footer__head__buttons
{
	display: flex;
}
.footer__head__buttons a
{
	margin-left: 20px;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	border: 1px solid #ffffff;
	padding: 6px 18px;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: color 150ms ease-in-out, background-color 150ms ease-in-out;
}
.footer__head__buttons a:hover
{
	text-decoration: none;
	color: #000;
	background-color: #fff;
}
.footer__copyright
{
	background-color: #0099d2;
	color: #fff;
	padding: 20px 0;
	text-align: center;
}
.footer__content
{
	display: flex;
	width: 100%;
	justify-content: space-between;
	padding: 25px 0;
}

.footer__col h5
{
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	margin: 0 auto 25px;
	min-height: 65px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.footer__contacts__box
{
	display: flex;
	flex-direction: column;
	text-align: center;
	margin-bottom: 10px;
}
.footer__contacts__box strong
{
	font-size: 16px;
	line-height: 30px;
	color: #fff;
}
.footer__contacts__box a
{
	color: #fff;
	text-decoration: none;
}
.footer__contacts__box a:hover
{
	text-decoration: underline;
}
.footer__col ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.footer__col ul li
{
	padding: 10px 0 0;
	margin: 0;
}
.footer__col ul li a
{
	color: #fff;
	text-decoration: none;
}
.footer__col ul li a:hover
{
	text-decoration: underline;
}
.footer__socials
{
	display: flex;
	justify-content: space-between;
	padding-top: 13px;
}
@media screen and (max-width: 992px)
{
	.footer__content
	{
		flex-flow: row wrap;
	}
	.footer__col
	{
		margin-bottom: 45px;
		width: 33.3%;
	}
	.footer__col h5
	{
		min-height: 40px;
	}
	.footer__socials
	{
		justify-content: center;
	}
	.footer__socials a
	{
		margin: auto 10px;
	}
	.play {
    bottom: 70px;
    left: 145px;
	}
}

@media screen and (max-width: 768px)
{
	.footer__col
	{
		width: 50%;
	}
	.play {
    bottom: 240px;
    left: 225px;
}
}
@media screen and (max-width: 575px)
{
	.footer__head__inner
	{
		flex-direction: column;
	}
	.footer__head__buttons
	{
		margin-top: 20px;
		width: 100%;
		justify-content: space-around;
	}
	.footer__head__buttons a
	{
		margin: auto;
	}
	.footer__col
	{
		width: 100%;
		margin-bottom: 25px;
	}
	.footer__col h5
	{
		margin-bottom: 10px;
	}
	.footer__col ul li
	{
		padding: 5px 0 0;
	}
	.play {
    bottom: 120px;
    left: 125px;
}
}
@media screen and (max-width: 425px)
{
	.footer__head__buttons
	{
		flex-direction: column;
	}
	.footer__head__buttons a
	{
		margin: auto auto 10px;
	}
}

/* Blog - Main */
body.blog {
  padding-top: 0;
}

body.blog .masthead {
  background-image: url(../img/blog-masthead-bg.png);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  color: #fff;
  padding: 150px 0 45px;
  overflow: hidden;
}

body.blog .masthead h1 {
  font-size: 45px;
  font-weight: 700;
  text-transform: uppercase;
}

body.blog .masthead h2 {
  font-size: 45px;
  font-weight: 300;
  border: none;
}
body.blog .blog-main__content {
  padding: 50px 0;
  background: #fff;
}
body.blog .blog-main__categories {
  padding: 20px;
  border-top: 1px solid #d5dbe5;
  border-bottom: 1px solid #d5dbe5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
body.blog .blog-main__categories h5 {
  margin: 0;
  font-size: 20px;
  font-weight: 300;
  color: #636465;
}
body.blog .blog-main__categories__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 0 35px;
  padding: 0;
  list-style: none;
}
body.blog .blog-main__categories__item {
  margin: 0 0 0 35px;
}
body.blog .blog-main__categories__item:first-child {
  margin-left: 0;
}
body.blog .blog-main__categories__item a {
  color: #636465;
  font-size: 20px;
  font-weight: 300;
  text-decoration: none;
}
body.blog .blog-main__categories__item a:hover {
  text-decoration: underline;
}
body.blog .blog-main__categories__item.is-active a {
  color: #00b3f6;
  font-size: 20px;
  font-weight: 400;
}
body.blog .blog-main__posts {
  margin: 50px -15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
body.blog .blog-post-mini {
  width: 33.3%;
  padding: 0 15px;
  color: #636465;
  margin-bottom: 50px;
  display: none;
}
body.blog .blog-post-mini.is-active {
  display: block;
}
body.blog .blog-post-mini__inner {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #eef1f6;
}
body.blog .blog-post-mini__picture {
  min-height: 270px;
  max-height: 270px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
body.blog .blog-post-mini__meta,
body.blog .blog-post-mini__description p {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
body.blog .blog-post-mini__meta {
  margin-bottom: 5px;
}
body.blog .blog-post-mini__info {
  padding: 15px;
}
body.blog .blog-post-mini__description h5 {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 5px;
}
body.blog .blog-post-mini__description h5 a {
  color: #636465;
  text-decoration: none;
}
body.blog .blog-post-mini__description h5 a:hover {
  text-decoration: underline;
}
body.blog .blog-post-mini__categories {
  border-top: 1px solid #d5dbe5;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
body.blog .blog-post-mini__categories .blog-post-mini__category {
  color: #ffffff;
  padding: 5px 16px;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  background-color: #00b3f6;
  margin: 15px 7px 15px 0;
  text-decoration: none;
}
body.blog .blog-post-mini__categories .blog-post-mini__category:last-child {
  margin-right: 0;
}
body.blog .blog-main__load-more {
  color: #809199;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #00b3f6;
  width: 150px;
  height: 38px;
  margin: auto;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
body.blog .blog-main__load-more.is-active {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
}
body.blog .upload-icon {
  background: url('../img/upload-icon.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  width: 15px;
  height: 17px;
  margin-right: 15px;
}
@media screen and (max-width:992px) {
  body.blog .masthead {
    padding: 100px 0 30px;
  }
  body.blog .masthead h1 {
    font-size: 36px;
  }

  body.blog .masthead h2 {
    font-size: 34px;
  }
  body.blog .blog-post-minibody.blog .blog-post-mini {
    width: 50%;
  }
}
@media screen and (max-width:768px) {
  body.blog .blog-main__categories {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  body.blog .masthead {
    padding: 90px 0 20px;
  }
  body.blog .masthead h1 {
    font-size: 30px;
  }

  body.blog .masthead h2 {
    font-size: 28px;
  }
}
@media screen and (max-width:600px) {
  body.blog .blog-main__categories__list {
    margin: 0 0 0 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  body.blog .blog-main__categories__item {
    margin: 0 0 0 15px;
  }
  body.blog .blog-main__categories__item a {
    font-size: 18px;
  }
  body.blog .blog-main__categories h5 {
    font-size: 18px;
  }
  body.blog .blog-post-mini {
    width: 100%;
  }
  body.blog .masthead h1 {
    font-size: 24px;
  }

  body.blog .masthead h2 {
    font-size: 22px;
  }
}
@media screen and (max-width:475px) {
  body.blog .blog-main__categories__list {
    margin: -4px 0 0 10px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  body.blog .blog-main__categories__item {
    margin: 0 0 0 10px;
  }
  body.blog .blog-main__categories h5 {
    font-size: 14px;
  }
  body.blog .blog-main__categories__item a {
    font-size: 14px;
  }
}

/* Blog Post */
body.blog.blog-post {
  padding-top: 107px;
}
body.blog .blog-post {
  background: #fff;
  padding: 50px 0 0;
}
body.blog .blog-post__wrapper {
  max-width: 780px;
  padding: 0 15px;
  margin: auto;
  width: 100%;
}
body.blog .breadcrumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #636465;
}
body.blog .breadcrumbs__item {
  margin: 0 0 0 5px;
  font-size: 18px;
  line-height: 20px;
  position: relative;
}
body.blog .breadcrumbs__item::after {
  content: '>';
  margin-left: 5px;
}
body.blog .breadcrumbs__item:last-child {
  font-weight: 700;
  line-height: 20px;
  text-decoration: underline;
}
body.blog .breadcrumbs__item:last-child::after {
  display: none;
}
body.blog .breadcrumbs__item:first-child {
  margin: 0;
}
body.blog .breadcrumbs__item a {
  color: #636465;
  text-decoration: none;
}
body.blog .breadcrumbs__item a:hover {
  text-decoration: underline;
}
body.blog .blog-post__inner {
  margin-top: 50px;
}
body.blog .blog-post__name {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 15px;
}
body.blog .blog-post__meta {
  font-size: 20px;
  font-weight: 300;
  line-height: 20px;
}
body.blog .blog-post__categories {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 15px;
}
body.blog .blog-post__category {
  color: #ffffff;
  padding: 5px 16px;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  background-color: #00b3f6;
  margin-bottom: 7px;
  margin-right: 10px;
}
body.blog .blog-post__content {
  margin-top: 30px;
}
body.blog .blog-post__content img {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
body.blog .blog-post__content p {
  color: #636465;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 20px;
}
body.blog .blog-post__content h4,
body.blog .blog-post__content h5 {
  font-size: 25px;
  font-weight: 700;
  line-height: 26px;
  color: #636465;
}
body.blog .blog-post__content h5 {
  margin-bottom: 20px;
}
body.blog .blog-post__related-posts {
  background-color: #eef1f6;
  padding: 50px 0;
}
body.blog .blog-post__related-posts h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 26px;
  margin: auto;
  text-align: center;
  border: none;
}
body.blog .blog-post__related-posts__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 30px -15px 0;
}
body.blog .blog-post__related-posts__content .blog-post-mini__inner {
  background: #fff;
}
body.blog .blog-post__content__quote {
  border-left: 10px solid #00b3f6;
  padding-left: 15px;
  font-size: 18px;
  font-weight: 700;
  font-style: italic;
  line-height: 26px;
  margin: 20px 0;
}
body.blog .blog-post__about-author {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 35px;
  padding: 35px 0;
  border-top: 1px solid #d5dbe5;
}
body.blog .blog-post__about-author img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: block;
  width: 69px;
  height: 69px;
}
body.blog .blog-post__about-author__description {
  margin-left: 30px;
  color: #636465;
}
body.blog .blog-post__about-author__name {
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 15px;
}
body.blog .blog-post__about-author p {
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
}

#professional-services .image_stripe
{
  padding-bottom:30px;
}
.how-works#professional-services h2.subpage_header
{
  margin: 25px 20%;
}
.main-benefits
{
  clear:both;
  margin:0 25%;
}
.main-benefits img,
.main-benefits h3
{
  display:inline-block;
  vertical-align:middle;
}
.main-benefits h3
{
  font-size:20px;
  font-size:2rem;
  font-weight:900;
  text-transform:uppercase;
  margin:0;
  padding:0 0 0 10px;
}
.reduce-one
{
  background:#f5f7fa;
}
.reduce-one .row
{
  background:white;
}
.reduce-one .row .col-lg-6:first-child
{
  background: url(../img/reduce-one-left.gif) top right no-repeat #f5f7fa;
  min-height:478px;
}
.reduce-one .row .col-lg-6 .text-left
{
  padding:100px 55px 0 37%;
}
.reduce-one .row .col-lg-6:last-child
{
  background: url(../img/reduce-one-right.gif) top left no-repeat #fff;
  min-height:315px;
  padding-top:40px;
  padding-left:30px;
}
.reduce-one h3,
.reduce-right-text h3,
.customizable h3,
.prof-services h3
{
  font-size:28px;
  font-size:2.8rem;
  font-weight:400;
  text-transform:uppercase;
}
.reduce-two img
{
  position:absolute;
  top: -225px;
  left: -235px;
}
.reduce-two .col-lg-5 p
{
  padding-left:60px;
  padding-right:40px;
  position:relative;
  z-index:99;
}
.reduce-three
{
  margin-top:-120px;
}
.reduce-three .row .col-lg-6
{
  padding-top: 190px;
}
.reduce-three .row .col-lg-6:last-child
{
  background: url(../img/reduce_three.gif) top left no-repeat #fff;
  min-height:593px;
}
.reduce-text
{
  background: url(../img/reduce_icons.gif) top right no-repeat;
  text-align:right;
  margin:0 40px 0 30%;
  padding:140px 45px 0 0;
}
.reduce-text p
{
  margin-left:25%;
}
.reduce-right-text
{
  margin:30px 30% 0 80px;
}
.reduce-right-text h3
{
  margin-bottom:25px;
}
.how-works .reduce-right-text ul li
{
  margin: 0 0 10px;
  background: url(../img/prof-list.svg) 0 7px no-repeat;
  padding: 0 0 0 23px;
  font-weight: 400;
}
.text-page .reduce-right-text ul strong
{
  color: #e70c93;
}
.customizable .row .col-lg-6:first-child
{
  background: url(../img/customizable.gif) top right no-repeat #fff;
  min-height:800px;
  overflow:hidden;
}
.customizable .row .col-lg-6:first-child img
{
  position:absolute;
  top:50px;
  right:90px;
}
.customizable-text
{
  margin: 80px 35% 0 85px;
}
.prof-services .col-lg-6:first-child .img-responsive
{
  float:right;
  margin-right:-50px;
}
.prof-services .img-responsive.fast-turn-img
{
  margin:-260px 30px 0 0;
  float:right;
}
.prof-services .img-responsive.real-participants-img
{
  margin:-20px 30px 120px 0;
  float:right;
}
.fast-turn
{
  position:relative;
  margin:40px 45% 0 -70px;
  clear:both;
}
.real-participants
{
  margin:0 25% 100px 0;
  clear:both;
}
.how-works ul.reports
{
  margin: 30px 3% 50px;
  padding: 0 5px;
  background: #272727;
  width: 94%;
  font-size:0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.2);
}
.how-works ul.reports li
{
  color: white;
  list-style: none;
  margin:10px 5px 0;
  background: none;
  padding:20px 0;
  font-weight: bold;
  display: inline-block;
  width: calc(50% - 10px);
  font-size:20px;
  font-size:2rem;
  line-height:20px;
  text-transform:uppercase;
  vertical-align: middle;
  background:#363636;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position:relative;
}
.how-works ul.reports li:last-child
{
  width:calc(100% - 10px);
  margin-bottom:10px;
}
.how-works ul.reports li i
{
  font-style:normal;
  text-transform:none;
}
.how-works ul.reports li span
{
  font-size:14px;
  font-size:1.4rem;
  color:#e70c93;
  text-transform:none;
  position: absolute;
  margin-top: -9px;
  margin-left: -65px;
}
.how-works ul.reports li:nth-child(4) span
{
  margin-left:1px;
}
.how-works ul.reports li:nth-child(2)
{
  background:#383838;
}
.how-works ul.reports li:nth-child(3)
{
  background:#424242;
}
.how-works ul.reports li:nth-child(4)
{
  background:#404040;
}
.how-works ul.reports li:nth-child(5)
{
  background:#444444;
}
.how-works ul.reports li:nth-child(6)
{
  background:#464646;
}
.how-works ul.reports li:nth-child(7)
{
  background:#505050;
}
.how-works ul.reports li:nth-child(8)
{
  background:#484848;
}
.how-works ul.reports li:nth-child(9)
{
  background:#525252;
}
.how-works ul.reports li:nth-child(10)
{
  background:#545454;
}
.how-works ul.reports li:nth-child(11)
{
  background:#585858;
}
.how-works ul.reports li:nth-child(12)
{
  background:#565656;
}
.how-works ul.reports li:nth-child(13)
{
  background:#606060;
}
.how-works ul.reports li:nth-child(14)
{
  background:#626262;
}
.how-works ul.reports li:nth-child(15)
{
  background:#646464;
}
.how-works ul.reports li:after
{
  content:' ';
  display:block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 9px;
  border-color: transparent transparent transparent #363636;
  position:absolute;
  right:-9px;
  top:20px;
}
.how-works ul.reports li:nth-child(2):after,
.how-works ul.reports li:nth-child(3):after,
.how-works ul.reports li:nth-child(6):after,
.how-works ul.reports li:nth-child(7):after,
.how-works ul.reports li:nth-child(10):after,
.how-works ul.reports li:nth-child(11):after,
.how-works ul.reports li:nth-child(14):after
{
  top:auto;
  bottom:-9px;
  right:calc(50% - 10px);
  border-width: 9px 10px 0 10px;
  border-color: #383838 transparent transparent transparent;
}
.how-works ul.reports li:nth-child(4):after,
.how-works ul.reports li:nth-child(8):after,
.how-works ul.reports li:nth-child(12):after
{
  border-width: 10px 9px 10px 0;
  border-color: transparent #404040 transparent transparent;
  left:-9px;
  right:auto;
}
.how-works ul.reports li:nth-child(3):after
{
  border-color: #424242 transparent transparent transparent;
}
.how-works ul.reports li:nth-child(5):after
{
  border-color: transparent transparent transparent #444444;
}
.how-works ul.reports li:nth-child(6):after
{
  border-color: #464646 transparent transparent transparent;
}
.how-works ul.reports li:nth-child(8):after
{
  border-color: transparent #484848 transparent transparent;
}
.how-works ul.reports li:nth-child(7):after
{
  border-color: #505050 transparent transparent transparent;
}
.how-works ul.reports li:nth-child(9):after
{
  border-color: transparent transparent transparent #525252;
}
.how-works ul.reports li:nth-child(10):after
{
  border-color: #545454 transparent transparent transparent;
}
.how-works ul.reports li:nth-child(12):after
{
  border-color: transparent #565656 transparent transparent;
}
.how-works ul.reports li:nth-child(11):after
{
  border-color: #585858 transparent transparent transparent;
}
.how-works ul.reports li:nth-child(13):after
{
  border-color: transparent transparent transparent #606060;
}
.how-works ul.reports li:nth-child(14):after
{
  border-color: #626262 transparent transparent transparent;
}
.how-works ul.reports li:nth-child(15):after
{
  display:none;
}
.how-works ul.reports li:before
{
  content:' ';
  display:block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 9px;
  border-color: transparent transparent transparent #272727;
  position:absolute;
  left:0;
  top:20px;
}
.how-works ul.reports li:nth-child(1):before
{
  display:none;
}
.how-works ul.reports li:nth-child(4):before,
.how-works ul.reports li:nth-child(5):before,
.how-works ul.reports li:nth-child(8):before,
.how-works ul.reports li:nth-child(9):before,
.how-works ul.reports li:nth-child(12):before,
.how-works ul.reports li:nth-child(13):before,
.how-works ul.reports li:nth-child(15):before
{
  border-width: 9px 10px 0 10px;
  border-color: #272727 transparent transparent transparent;
  top:0;
  left:calc(50% - 10px);
}
.how-works ul.reports li:nth-child(3):before,
.how-works ul.reports li:nth-child(7):before,
.how-works ul.reports li:nth-child(11):before
{
  border-width: 10px 9px 10px 0;
  border-color: transparent #272727 transparent transparent;
  right:0;
  left:auto;
}
.how-works ul.reports li:nth-child(15):before
{
  left:calc(75% - 8px);
}

/* Why Userlytics */
body.why-userlytics {
	padding-top: 0;
}

.why-userlytics__head {
	background: url('/front/img/why-userlytics/bg-header-why-userlytics.png') no-repeat 0 0;
	background-size: cover;
	padding: 230px 0 75px;
}

.why-userlytics__title {
	font-size: 45px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	margin: 0 auto 20px;
}

.why-userlytics__subtitle {
	font-size: 40px;
	font-weight: 300;
	margin: 0 auto;
	color: #fff;
	text-align: center;
}

.why-userlytics__content {
	background-color: #fff;
	padding: 50px 0 50px;
}

.why-userlytics__content .container {
	display: flex;
	justify-content: center;
}

.why-userlytics__content h2 {
	color: #363636;
	font-size: 24px;
	text-transform: uppercase;
	line-height: 30px;
	margin: 0 0 30px;
	padding: 0;
	font-weight: 300;
	border-bottom: none;
}

.why-userlytics__content p {
	margin: 0 0 25px;
	color: #809199;
}

.why-userlytics__content h3{
    text-transform: uppercase;
}

.why-userlytics__features {
	padding: 0;
}

.why-userlytics.features.difference {
	border-top: none;
	padding: 0 0 80px;
}

.why-userlytics.features.difference h2 {
	color: #363636;
	font-size: 24px;
	font-weight: 300;
	line-height: 30px;
	margin: 80px 0 55px;
	padding: 0;
	text-transform: uppercase;
}

.why-userlytics.features.difference .difitem__head {
  display: flex;
  min-height: 80px;
}

.why-userlytics.features.difference .difitem h6 {
	color: #e70c93;
	height: auto;
  	margin-left: 30px;
}

.why-userlytics.features.difference .difitem a {
    color: #809199;
    font-weight: bold;
	text-decoration: underline;
}

.why-userlytics.features.difference .difitem:hover a {
    color: #00b3f6;
}

.why-userlytics.features.difference .difitem:hover h6 {
	color: #00b3f6;
}

.why-userlytics.features.difference .difitem__icon {
	display: inline-block;
}

.why-userlytics.features.difference .difitem__icon .feature-icon-1 {
	display: inline-block;
	width: 71px;
	height: 50px;
	background: url("/front/img/why-userlytics/PiP-red.png") no-repeat 0 0;
	background-size: contain;
}

.why-userlytics.features.difference .difitem:hover .difitem__icon .feature-icon-1 {
	background: url("/front/img/why-userlytics/PiP.png") no-repeat 0 0;
}

.why-userlytics.features.difference .difitem__icon .feature-icon-2 {
	display: inline-block;
	width: 54px;
	height: 56px;
	background: url("/front/img/why-userlytics/Privacy–Protection-red.png") no-repeat 0 0;
	background-size: contain;
}

.why-userlytics.features.difference .difitem:hover .difitem__icon .feature-icon-2 {
	background: url("/front/img/why-userlytics/Privacy–Protection.png") no-repeat 0 0;
}

.why-userlytics.features.difference .difitem__icon .feature-icon-3 {
	display: inline-block;
	width: 58px;
	height: 57px;
	background: url("/front/img/why-userlytics/Screener-Questions-red.png") no-repeat 0 0;
	background-size: contain;
}

.why-userlytics.features.difference .difitem:hover .difitem__icon .feature-icon-3 {
	background: url("/front/img/why-userlytics/Screener-Questions.png") no-repeat 0 0;
}

.why-userlytics.features.difference .difitem__icon .feature-icon-4 {
	display: inline-block;
	width: 50px;
	height: 72px;
	background: url("/front/img/why-userlytics/Skipping-Logic-red.png") no-repeat 0 0;
	background-size: contain;
}

.why-userlytics.features.difference .difitem:hover .difitem__icon .feature-icon-4 {
	background: url("/front/img/why-userlytics/Skipping-Logic.png") no-repeat 0 0;
}

.why-userlytics.features.difference .difitem__icon .feature-icon-5 {
    display: inline-block;
    width: 56px;
    height: 54px;
    background: url("/front/img/why-userlytics/Private-Labeling-red.png") no-repeat 0 0;
    background-size: contain;
}

.why-userlytics.features.difference .difitem:hover .difitem__icon .feature-icon-5 {
    background: url("/front/img/why-userlytics/Private-Labeling.png") no-repeat 0 0;
}

.why-userlytics.features.difference .difitem__icon .feature-icon-6 {
    display: inline-block;
    width: 47px;
    height: 60px;
    background: url("/front/img/why-userlytics/Quantitative-Metrics-red.png") no-repeat 0 0;
    background-size: contain;
}

.why-userlytics.features.difference .difitem:hover .difitem__icon .feature-icon-6 {
    background: url("/front/img/why-userlytics/Quantitative-Metrics.png") no-repeat 0 0;
}

.why-userlytics.features.difference .difitem__icon .feature-icon-7 {
    display: inline-block;
    width: 71px;
    height: 50px;
    background: url("/front/img/why-userlytics/Automated-Multilingual-Transcriptions-red.png") no-repeat 0 0;
    background-size: contain;
}

.why-userlytics.features.difference .difitem:hover .difitem__icon .feature-icon-7 {
    background: url("/front/img/why-userlytics/Automated-Multilingual-Transcriptions.png") no-repeat 0 0;
}

.why-userlytics.features.difference .difitem__icon .feature-icon-8 {
    display: inline-block;
    width: 59px;
    height: 59px;
    background: url("/front/img/why-userlytics/Annotations-Highlight-Reels-red.png") no-repeat 0 0;
    background-size: contain;
}

.why-userlytics.features.difference .difitem:hover .difitem__icon .feature-icon-8 {
    background: url("/front/img/why-userlytics/Annotations-Highlight-Reels.png") no-repeat 0 0;
}

.why-userlytics.features.difference .difitem__icon .feature-icon-9 {
    display: inline-block;
    width: 52px;
    height: 55px;
    background: url("/front/img/why-userlytics/Automatic-Reporting-red.png") no-repeat 0 0;
    background-size: contain;
}

.why-userlytics.features.difference .difitem:hover .difitem__icon .feature-icon-9 {
    background: url("/front/img/why-userlytics/Automatic-Reporting.png") no-repeat 0 0;
}

.why-userlytics.features.difference .difitem__icon .feature-icon-10 {
    display: inline-block;
    width: 55px;
    height: 55px;
    background: url("/front/img/why-userlytics/Advanced-Account-Management-Option-red.png") no-repeat 0 0;
    background-size: contain;
}

.why-userlytics.features.difference .difitem:hover .difitem__icon .feature-icon-10 {
    background: url("/front/img/why-userlytics/Advanced-Account-Management-Option.png") no-repeat 0 0;
}

.why-userlytics__action {
    padding: 32px 0;
    transition: all 0.3s ease-in-out;
}

.why-userlytics__action a {
    text-transform: uppercase;
    padding: 10px 25px;
}

.why-userlytics__action.try-free-box {
    background: url("/front/img/why-userlytics/bg-button-block1.png") no-repeat 0 0;
    background-size: cover;
}

.why-userlytics__action.prices-box {
    background: url("/front/img/why-userlytics/bg-button-block2.png") no-repeat 0 0;
    background-size: cover;
}
.why-userlytics__action.schedule-box {
    background: url("/front/img/why-userlytics/bg-button-block3.png") no-repeat 0 0;
    background-size: cover;
}

.why-userlytics__testimonials h3 {
    text-transform: uppercase;
}