@charset "UTF-8";
/*
CSS Styles
@ramonka 
*/
/************************************************************************************/
/* Common
/************************************************************************************/
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;
}
#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;
}
.w600 
{
	width: 600px;
}
.footer.footer-public
{
	position:relative !important;
	border-bottom:3px solid #00bbf8;
}
.faq_content p {margin-bottom:20px !important;}

.copy-to-clipboard {
	cursor: pointer;
}


/************************************************************************************/
/* 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%;
}
.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;
	color:white;
}
.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 */
.pricing-page
{
	background:#fff;
	border-top:15px solid #00bbf8;
	text-align:center;
	position:relative;
	padding-top:50px;
	padding-bottom:50px;
}
.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:last-child .model-header
{
	background:#e70c93;
}
.pricing-page .sticky
{
	position: fixed;
	z-index: 101;
	height:80px;
	padding-top:10px;
}
.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;
}
/*
.pricing-models .col-sm-3:nth-child(2) .model-header.footer
{
	margin-right:-100%;
}
.pricing-models .col-sm-3:nth-child(2) .model-header.footer h3
{
    padding: 15px 39% 0;
}
.pricing-models .col-sm-3:nth-child(3) .model-header.footer
{
	display:none;
}
*/
.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:nth-child(3) .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:last-child .model-header h2,
.pricing-models .col-sm-3:last-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:last-child .model-header.footer h3
{
	color:#e70c93;
}
.pricing-models .col-sm-3:nth-child(3) .model-header.footer h3
{
	padding:15px 0 0;
	font-size:28px;
	color:#809199;
}
.pricing-models .col-sm-3:nth-child(3) .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;
}
.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.1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(3,51,51,0.1);
	box-shadow: 0px 0px 10px 0px rgba(3,51,51,0.1);
}
.faq .question a.question-header
{
	display:block;
	text-decoration:none;
	color:#4b5b63;
	padding: 15px 0;
	outline:none;
}
.faq .question a.question-header:hover
{
	color:#48bdf3;
}
.faq .question a.question-header 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);
}
body.homepage .home-articul 
{
    width: 100%;
    background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url("../img/hp-head-1.jpg");
    position: relative;
    color: #fff;
	max-height:530px;
	min-height:500px;
	height:530px;
    padding:130px 0 0 0;
	overflow: hidden;
}
body.homepage.prot-vid .home-articul 
{
	background-image:url("../img/hp-head-3.jpg");
}
body.homepage.mob-vid .home-articul 
{
	background-image:url("../img/hp-head-2.jpg");
}
body.homepage .home-articul .tint 
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(51, 51, 51, 0.3);
    z-index: 0;
}
body.homepage.prot-vid .home-articul .tint 
{
	display:none;
}
body.homepage .home-articul .container
{
	position:relative;
	z-index:1;
}
body.homepage .home-articul h2, 
body.homepage .home-articul h1
{
    margin:0;
    border-bottom:none;
    padding-bottom: 0;
	font-size:36px;
	text-shadow: 0px 0px 10px rgba(2, 2, 2, 0.45);
}
body.homepage .home-articul h2 span
{
	text-transform:uppercase;
}
body.homepage .home-articul ul
{
	list-style:none;
	padding:30px 0 15px 40px;
	margin:0;
}
body.homepage .home-articul ul li
{
	margin-bottom:15px;
}
body.homepage .home-articul ul li i,
body.homepage .home-articul ul li h2
{
	display:inline-block;
	vertical-align: middle;
	text-shadow: 0px 0px 10px rgba(2, 2, 2, 0.3);
}
body.homepage .home-articul ul li i
{
	font-size:18px;
	margin-right:30px;
	width:27px;
	text-align:center;
}
body.homepage .home-articul ul li:nth-child(2) i
{
	font-size:26px;
}
body.homepage .home-articul ul li h2
{
	font-size:20px;
	font-weight:300;
}
body.homepage .home-articul ul li {
	color:#fff;
}
body.homepage .watch-play {outline: none; }
body.homepage .home-articul ul li:nth-child(1) h2,
body.homepage.mob-vid .home-articul ul li:nth-child(2) h2,
body.homepage.mob-vid .home-articul ul li:nth-child(1) h2,
body.homepage.prot-vid .home-articul ul li:nth-child(1) h2
{
	text-transform: none;
	font-weight:300;
}
body.homepage .home-articul h3
{
	font-size:28px;
	font-weight:300;
	display:inline-block;
	vertical-align:middle;
	text-shadow: 0px 0px 10px rgba(2, 2, 2, 0.4);
	margin-bottom:0;
}
body.homepage .home-articul h3 span
{
	text-transform:uppercase;
	font-weight:400;
}
body.homepage .home-articul .head-buttons
{
	clear:both;
	padding:40px 0 0;
}
body.homepage .home-articul a.btn
{
	display:inline-block;
	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);
	text-shadow:none;
	font-size:20px;
	font-weight: 500;
	color:white;
	text-align:center;
	text-transform:uppercase;
	padding: 7px 17px;
	vertical-align:top;
	margin:0 20px 0 0;
}
body.homepage .home-articul a.btn:hover
{
	color:#000;
}
body.homepage .home-articul .watch-video
{
	display: inline-block;
	background:rgba(255,255,255,0.25);
	color: #fff;
	text-decoration:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	outline:none;
	border:2px solid #fff;
	text-shadow:none;
	font-size:20px;
	font-weight: 500;
	text-align:center;
	padding: 7px 17px;
	margin:-2px 0 0;
}
body.homepage .home-articul .watch-video i
{
	font-size:20px;
	margin-right:10px;
}
body.homepage .home-articul .watch-video:hover
{
	background:#333;
	color:white;
}
.full-link
{
	position:relative;
}
.full-link a
{
	display: block;
	height:100%;
	width:100%;
	text-align:center;
	vertical-align:middle;
	padding:150px 0 130px 18%;
}
body.homepage.prot-vid .home-articul .full-link a
{
	padding: 155px 0 130px 7%;
}
body.homepage.mob-vid .home-articul .full-link a
{
	padding: 135px 0 130px 0;
}
body.homepage .home-articul ul li .fa-mobile{font-size:30px;}


/* 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;
}
.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 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;
}
.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;
}
.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;

}

/* 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;
}

/* 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;
}

/* 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;
}


.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
/************************************************************************************/
.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.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;
	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 .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 .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:30px;
	font-weight:bold;
	background:#00bbf8;
	padding: 15px 20px 0;
}
.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 .content-block
{
	color: #809199;
	padding:27px 40px;
	position:relative;
}
.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 .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 .browser .consent {
	text-align: center;
}
#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 .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 i
{
	font-size:24px;
	margin-right:15px;
}
.open-recorder:focus,
.open-recorder:hover
{
	background:#333;
	color:white;
	text-decoration:none;
}
.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-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
{
	display: block;
	width: 300px;
	background:#0aca24;
	padding: 10px 25px 12px;
	margin: 0 auto;
	font-size: 40px;
	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;
}
.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 .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;
}
.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 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:95px;
}
.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:-40px;
	}
.tester-signup h1
{
	font-size:60px;
	margin:60px 0 55px;
}
.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 .submit-email
{
	margin:25px 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:calc(100% - 270px);
	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 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: #c3e6cb;
    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);
}



/************************************************************************************/
/* 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: 50%;
    margin-left: -475px;
}
.slick-next
{
    right: 50%;
	margin-right:-475px;
}
.slick-slider .slick-list
{
	padding:0!important;
	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';
}
.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;
	width:180px;
	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 .container
{
	padding-top:60px;
	padding-bottom:60px;
}
.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;
}
.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 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;
}









/************************************************************************************/
/* Responsivness Min */
/************************************************************************************/
@media (min-width: 2000px)
{
	.pricing-page.sus
	{
		background-size: 75% auto;
	}
}
@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%;
	}
	.full-link a
	{
		padding-top:125px;
	}

	/* 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;
	}
}

@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
	{
		height:480px;
	}
	body.homepage .home-articul h1
	{
		font-size:30px;
	}
	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;
	}

	/* 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: 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:last-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%;
	}

	/* Home Page Header */
	body.homepage .home-articul h3
	{
		font-size: 24px;
	}
	.full-link a
	{
		padding-left:37%;
	}
	body.homepage.mob-vid .home-articul .full-link a
	{
		padding-left: 15%;
	}
	body.homepage.prot-vid .home-articul .full-link a
	{
		padding-left: 24%;
	}
	.blue-box-website {
		left:12%;
		margin-top:180px;
	}
	.blue-box-website-left {
		margin-top:180px;
		left:75%;
	}

	/* 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;
	}
}

@media (max-width: 1099px) 
{
	.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%;
	}

	/* 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;
	}	
	body.homepage .home-articul
	{
		height:460px;
		min-height:430px;
	}
	body.homepage .home-articul ul
	{
		padding-top:30px;
		padding-bottom:15px;
	}
	.full-link a
	{
		padding-bottom: 50px;
	}
	body.homepage.mob-vid .home-articul .full-link a
	{
		padding-bottom: 50px;
	}
	body.homepage.prot-vid .home-articul .full-link a
	{
		padding-bottom: 50px;
	}

	/* 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;
	}
}

@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 */
	/*
	#carousel-steps
	{
		background:none;
	}
	.step-top img 
	{
		top:40px;
	}
	*/
	.steps h2
	{
		margin-bottom:20px;
	}

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

	/* Recruitment */
	.recruitment_lines
	{
		background-size:130%;
	}
	.text-page .container
	{
		padding-top: 40px;
		padding-bottom: 30px;
	}
}

@media (max-width: 991px) 
{
	#protectionimg
	{
	display:none;

}

	.navbar-usl ul > li a
	{
		font-size:13px;
	}
	.navbar-usl .navbar-nav li a 
	{
		padding: 6px 9px;
	}
	.login-signup
	{
		margin-top:20px;
	}
	.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;
	}
	
	/* Home with Tr. Vi */
	body.homepage .home-articul
	{
		height:430px;
		max-height:430px;
		min-height:415px;
	}
	body.homepage .home-articul h2, body.homepage .home-articul h1
	{
		font-size:27px;
	}
	body.homepage .home-articul h3 
	{
    	font-size: 23px;
	}
	/* 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;
	}

	/* 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:nth-child(3) .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;
	}

	/* Home Page Header */
	body.homepage .home-articul ul
	{
		padding:20px 0 10px;
	}
	body.homepage .home-articul ul li
	{
		margin-bottom:10px;
		white-space:nowrap;
	}
	body.homepage .home-articul ul li i
	{
		margin-right:15px;
	}
	body.homepage .home-articul ul li h2
	{
    	font-size: 18px;
	}
	body.homepage .home-articul h3
	{
		font-size: 20px;
	}
	body.homepage .home-articul .head-buttons
	{
		padding-top: 25px;
	}
	body.homepage .home-articul a.btn
	{
		margin-right:5px;
		font-size:18px;
	}
	body.homepage .home-articul .watch-video
	{
		font-size:18px;
	}
	.full-link a
	{
		padding-left: 56%;
		padding-top: 95px;
	}
	body.homepage.mob-vid .home-articul .full-link a
	{
		padding-left: 30%;
		padding-top:100px;
	}
	body.homepage.prot-vid .home-articul .full-link a
	{
		padding-left: 38%;
		padding-top: 120px;
	}

	/* 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 .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;
	}
	.text-page .img-responsive
	{
		margin-top:25%;
	}

	/* 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;
	}
}

@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 .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;
	}
	

	/* 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) 
{   
	#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;
	}
	.navbar-usl .navbar-brand img
	{
		max-height: 49px;
		max-width:127px!important;
	}
	#carousel-clients-logo.carousel 
	{
    	margin: 0 60px;
	}
	.submenu
	{
		width:170px;
		margin-top:5px;
	}

	/* 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;
	}

	/* 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;
	}

}

@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 h2, body.homepage .home-articul h1
	{
		font-size:26px;
	}
	body.homepage .home-articul h3 
	{
    	font-size: 22px;
	}

	/* 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;
	}
}

@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 */
	body.homepage .home-articul
	{
		height: 400px;
		min-height: 400px;
		padding-top: 85px;
	}
	body.homepage .home-articul ul
	{
		margin-left:0;
		padding-left:0;
	}
	body.homepage .home-articul ul li h2 
	{
    	font-size: 18px;
	}
	body.homepage .home-articul .head-buttons
	{
		padding-top:5px;
	}
	body.homepage .home-articul h3 
	{
    	font-size: 19px;
		margin-bottom:25px;
	}
	body.homepage .home-articul .watch-video
	{
		background:white;
		color:#333;
	}
	.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;
	}
	
	/* 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%;
	}

	/* 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;
	}
}

@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%;
	}

	.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;
	}

}

@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%;
	}

	/* 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;
	}

	/* 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;
	}
	.participant-panel .block
	{
		width: 98%;
		height: auto;
		margin:0 auto;
		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;
	}
}

@media (max-width: 480px) 
{	
	body.homepage .home-articul .head-buttons
    {
	width:140%;
	margin-left:-20%;
    }
	.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;
	}

	/* 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;
	}

	/* 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%;
	}
	.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;
	}
}

@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 with Tr. Vi */
	body.homepage .home-articul h2
	{
		font-size: 26px;
	}
	.steps h2, 
	.last-articles h2, 
	.reels h2, 
	.features h2, 
	.recruiting h2 
	{
    	font-size: 30px;
	}

	/* 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;
	}
	#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;
	}
}

@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:12px;
	}
	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;
	}
}