@charset "utf-8";

/****

HOMEPAGE USED SEPARATE STYLE SHEET

 */
/* ==========================================================================
   RESET STYLES
   ========================================================================== */
* {
	margin: 0;
	padding: 0;
}

html,
button,
input,
select,
textarea {
	color: #222;
}

img {
	border: 0 none;
}

iframe {
	border: none;
}

/* ==========================================================================
   BASE STYLES
   ========================================================================== */

html {
	height: 100%;
}

body {
	font-size: 1em;
	line-height: 1.4;
	font-family: Arial, Helvetica, Sans-serif;
	-webkit-font-smoothing: antialiased;
	/*smooth on macs*/
	-moz-osx-font-smoothing: grayscale;
	/*smooth on firefox*/
	width: 100%;
	height: 100%;
	color: #545454;
	/*min-width: 1080px;*/
}

a {
	color: #FF462A;
	cursor: pointer;
	text-decoration: none;
}

a.showcont {
	margin: 0;
	padding: 0 18px 0 0;
	clear: both;
	background: url(../../img3/open_arrow.png) right no-repeat;
	/*top https://s3.amazonaws.com/img.classmarker.com/b/img/open_arrow.png */
}

.btn.showcont {
	background-color: #0896E6;
	color: #fff;
}

.col-full {
	width: 1014px;
	margin: 0 auto;
}

.col-half {
	width: 620px;
	margin: 0 auto;
	padding-left: 180px;
}

.col-half h4 {
	width: 620px;
	margin: 0 auto;
	padding-left: 180px;
}

.col-630 {
	width: 630px;
	margin: 0 auto;
}

.width-630 {
	width: 630px;
}

.col-590 {
	width: 620px;
	margin: 0 auto;
}

.col-680 {
	width: 680px;
	margin: 0 auto;
}

.hidden {
	display: none;
}

.white-bg {
	background: #FFF !important;
}

.blog-width {
	width: 750px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Helvetica, Arial, Sans-serif;
}

p {
	font-size: 15px;
}

sup {
	vertical-align: super;
	font-size: 70%;
}

/* ==========================================================================
   HEADER STYLES
   ========================================================================== */
#header div.h1 {
	margin-top: 26px;
	float: left;
}

div.h1 a span {
	display: none;
}

.italic {
	font-style: italic;
}

#login-form {
	float: right;
	margin: 25px 0 12px 0;
}

#login-form input.homelogin {
	width: 150px;
	height: 29px;
	line-height: 29px;
	border: 1px solid #a5a5a5;
	color: #797979;
	font-size: 14px;
	padding-left: 8px;
	margin-left: 3px;
}

#login-form .login-form-button,
#badattempt-login-form .login-form-button {
	width: 104px;
	height: 29px;
	background: #505050 url(../../img3/home/login-btn.png) top repeat-x;
	border: 1px solid #494949;
	border-top: 0 none;
	border-radius: 4px;
	cursor: pointer;
	margin: 0 5px 0 0;
	font-weight: bold;
	color: #FFF;
	font-size: 13px;
	padding-left: 0;
	text-shadow: 1px 1px 1px #3f3f3f;
	filter: dropshadow(color=#3f3f3f, offx=1, offy=1);
}

#main .authenticator-form input[type=checkbox] {
	width: auto;
	zoom: 1.1;
	height: auto;
	border-radius: 3px 3px 3px 3px;
	margin: 5px;
	color: #444444;
}

#main .authenticator-form label {
	font-size: 12px;
}

#badattempt-login-form #home_keep_me {
	width: 16px;
	height: 16px;
	padding: 0;
	margin-left: 0;
	border: 0 none !important;
	margin: 5px 10px 5px 0;
}

#login-form span.keep_me_logged_in {
	position: absolute;
	font-size: 12px;
	margin-top: 36px;
}

.login-form-buttons {
	margin-left: 3px;
}

.login-form-buttons a {
	text-decoration: none;
	font-size: 12px;
	color: #ef4926;
	margin-right: 89px;
}

.login-form-buttons a:hover {
	text-decoration: underline;
}

.login-form-buttons span.divider {
	display: none;
}

.header-btn {
	display: inline-block;
	height: 20px;
	padding: 3px 7px 1px 7px;
	text-decoration: none;
	background: url(../../img3/home/login-btn.png) repeat-x;
	text-align: center;
	font-family: Helvetica;
	font-weight: bold;
	margin-left: 10px;
	font-size: 13px;
	color: #FFF;
	-webkit-box-shadow: 0 0 1px 1px #2e2e2e;
}

.header-buttons {
	float: right;
	margin: 24px 5px 34px 0;
}

.header-buttons a {
	float: left;
	margin-left: 10px;
}

.header-buttons a:hover {
	text-decoration: underline;
}

.register {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	font-size: 13px;
	background: #ff5423 url(../../img3/home/register-btn.png) repeat-x;
	height: 25px;
	display: inline-block;
	width: auto;
	padding: 6px 14px 0 14px;
	border: 1px solid #f64000;
	border-bottom: 0 none;
	border-right: 0 none;
	border-radius: 4px;
}

.login {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	font-size: 13px;
	background: url(../../img3/home/login-btn.png) repeat-x;
	height: 26px;
	display: inline-block;
	width: auto;
	padding: 6px 19px 0 18px;
	border-radius: 4px;
}

.nav {
	clear: both;
	width: 100%;
	height: 47px;
	background: #000;
}

.nav ul {
	margin-top: 11px;
	float: left;
}

.nav ul li {
	float: left;
	list-style: none;
	margin-right: 60px;
}

.nav ul li a {
	text-decoration: none;
	font-family: Helvetica;
	font-weight: bold;
	color: #FFF;
	font-size: 16px;
}

.nav li a:hover {
	text-decoration: underline;
	/*color: #b3b3b3;*/
}

.top-heading {
	background: #363737;
	height: 57px;
	border-top: 1px solid #727272;
	border-bottom: 1px solid #727272;
}

.top-heading h1 {
	font-size: 28px;
	color: #FFF;
	text-shadow: 1px 1px 2px #282929;
	filter: dropshadow(color=#282929, offx=1, offy=1);
	padding-top: 8px;
}


#featured {
	background: #bdbdbd url(../../img3/home/home_main_1@1x.jpg) no-repeat center;
	background-size: 1600px 348px;
	overflow: hidden;
	border-bottom: 4px solid #cc421d;
}

#featured .col-full {
	overflow: hidden;
}

.featured-content {
	width: 454px;
	height: 348px;
	float: left;
	margin-right: 40px;
	display: block;
}

.featured-content h2,
.featured-content h1 {
	/* h1 for landing pages */
	color: #FFF;
	font-size: 37px;
	line-height: 1.15;
	margin-top: 45px;
	margin-bottom: 12px;
	text-shadow: 1px 1px 2px #282929;
	filter: dropshadow(color=#282929, offx=1, offy=1);
}

.featured-content p {
	font-size: 15px;
	color: #FFF;
	line-height: 1.46;
}

.register-btn {
	display: inline-block;
	width: auto;
	height: 36px;
	/*padding-top: 4px;*/
	padding: 4px 13px 0 13px;
	text-decoration: none;
	background: #ff5423 url(../../img3/home/register-btn.png) repeat-x;
	text-align: center;
	font-family: Helvetica;
	font-weight: bold;
	margin: 27px 0 5px 3px;
	font-size: 22px;
	color: #FFF;
	box-shadow: 0 0 2px 2px #2e2e2e;
	border-radius: 4px;
}

#featured img {
	margin-top: 7px;
	margin-bottom: 7px;
	margin-right: 0;
	float: right;
}

#features-box {
	overflow: hidden;
	background: url(../../img3/home/gray-gd.png) repeat-x;
}

#features-box .col-full {
	overflow: hidden;
	background: url(../../img3/home/featured-box.jpg) top right no-repeat;
}

.features-list {
	float: left;
	width: 175px;
	margin-right: 106px;
}

div#features-box div.features-list div.features-list-heading {
	font-size: 29px;
	color: #fff;
	text-shadow: 2px 2px 1px #3d3b3b;
	margin-top: 30px;
	margin-bottom: 2px;
	display: block;
	font-weight: bold;
}

div#features-box.features-box2 div.features-list div.features-list-heading {
	color: #242424;
	text-shadow: none;
	font-weight: bold;
}


.features-list ul li {
	list-style: none;
	margin-bottom: 8px;
	background: #242424;
	line-height: 33px;
	border-radius: 4px;
}

.features-list ul li.active {
	background: #f94100;
}

.features-list ul li:hover {
	background: #f94100;
}

.features-list ul li a {
	display: block;
	height: 33px;
	text-decoration: none;
	color: #FFF;
	font-size: 15px;
	padding-left: 10px;
}

.features-list ul li.active a {
	font-weight: bold;
}

.features-list ul li span {
	display: inline-block;
	width: 25px;
	height: 21px;
	margin: 0 7px 0 7px;
	position: relative;
}

.more-tour-link {

	background-color: #f94100;
	margin: 20px 0 0 20px;
	font-weight: bold;
	color: #FFF;
	font-size: 16px;
	height: 26px;
	padding: 4px 10px 0 7px;
	clear: both;
	width: 120px;
	text-decoration: none;
	border-radius: 4px;
	display: none;
}

.more-tour-link span {
	margin: 0 7px 0 5px;
}

.register-free {
	background: #ef4926;
	height: 37px;
	line-height: 36px;
	margin-top: 42px;
	width: 100%;
	text-align: center;
	display: block;
	text-decoration: none;
	font-family: Helvetica, arial;
	font-weight: bold;
	font-size: 18px;
	color: #FFF;
	border-radius: 4px;
}

.register-free:hover {
	text-decoration: underline;
}

#features-box>div>div.features-list>a.tourreg-nopad {
	margin-top: 0;
}

.interactive-settings {
	position: relative;
	width: 710px;
	float: left;
}

.interactive-settings h2,
.interactive-settings h1 {
	font-size: 30px;
	color: #fff;
	text-shadow: 3px 3px 1px #3d3b3b;
	padding-top: 34px;
	margin-bottom: 19px;
	margin-left: 63px;
	float: left;
}

.interactive-img {
	margin-left: 63px;
	float: left;
	border-radius: 4px;
}

ul.step-by-step-no-list,
ol.step-by-step-no-list {
	list-style: none;
}

ul.step-by-step,
ol.step-by-step {
	font-size: 14px;
	color: #242424;
}

ul.step-by-step.guide,
ol.step-by-step.guide {
	font-size: 15px;
}

ul.step-by-step li,
ol.step-by-step li {
	padding: 0 12px 12px 0;
	margin-left: 20px;
}

.homepage-step-by-step-how-to-create-tests {
	display: none;
}

.bullet_arrow {
	background: url('../../img3/home/bullet_point_pointer.svg') no-repeat;
	padding: 4px 0 0 33px;
	background-position: 0 7px;
}

.taking_quiz_toggle {
	width: 96%;
	border: 2px solid #eeeeee;
	border-radius: 3px;
}

h4.underline {
	text-decoration: underline;
}

.arrow-left {
	position: absolute;
	left: 0;
	top: 200px;
}

.arrow-right {
	position: absolute;
	right: 20px;
	top: 200px;
}

.slide-number {
	clear: both;
	float: left;
	font-size: 11px;
	color: #FFF;
	text-shadow: 3px 3px 1px #3d3b3b;
	margin-left: 236px;
	margin-top: 8px;
	width: 25px;
}

.slider-pagination {
	float: left;
	margin-left: 12px;
	margin-top: 3px;
}

.slider-pagination li {
	list-style: none;
	float: left;
	margin-right: 7px;
}

.slider-pagination li a {
	width: 7px;
	height: 7px;
	background: #646464;
	display: inline-block;
}

.slider-pagination li.active a {
	background: #f94100;
}

.slide-text {
	clear: both;
	margin-left: 63px;
	margin-top: 15px;
	float: left;
	width: 620px;
	padding-bottom: 36px;
}

.slide-text h3 {
	font-size: 22px;
	color: #FFF;
	text-shadow: 2px 1px 1px #3d3b3b;
	margin-bottom: 5px;
}

.slide-text p {
	font-size: 15px;
	color: #FFF;
	width: 570px;
	line-height: 1.2;
	text-shadow: 2px 1px 1px #3d3b3b;
}

.slide-text p a {
	color: #FFF;
	font-weight: bold;
}

.features-box2 {
	padding-bottom: 60px;
	background: #fff url(../../img3/home/features-bg.png) repeat-x !important;
}

.features-box2 .col-full {
	overflow: hidden;
	background: url(../../img3/home/features-box2.jpg) top left no-repeat !important;
}

.features-box2 h2 {
	color: #242424;
	text-shadow: none;
}

.features-user-manual .col-full {

	height: 292px;
	overflow: hidden;
	background: url(../../img3/home/features-user-manual.jpg) top left no-repeat !important;
}


.features-user-manual-main-post .col-full {
	height: 160px;
	overflow: hidden;
	background: url(../../img3/home/features-user-manual.jpg) top left no-repeat !important;
}

.quiz-maker h1 {
	font-size: 37px;
	color: #242424;
	padding-top: 38px;
	margin-bottom: 5px;
	text-shadow: none;
}

.quiz-maker h3 {
	font-size: 24px;
	color: #242424;
	padding-top: 20px;
	margin-bottom: 30px;
	text-shadow: none;
}

.quiz-maker p {
	color: #242424;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 25px;
}

p a {
	color: #FF462A;
}

.test-access {
	color: #242424;
}

.test-access h1 {
	font-size: 37px;
	color: #242424;
	margin-top: 38px;
	margin-bottom: 5px;
}

.test-access h3.test-access-sub-heading {
	font-size: 30px;
	color: #242424;
	margin-top: 38px;
	margin-bottom: 5px;
}

.test-access p {
	line-height: 1.6;
}

.test-box {
	margin-left: 33px;
	margin-top: 30px;
	width: 248px;
	float: left;
}

.test-img {}

.tm1 {
	margin-left: 35px;
	margin-bottom: 11px;
}

.tm2 {
	margin-left: 45px;
	margin-bottom: 5px;
	margin-top: -11px;
}

.test-box h4 {
	font-size: 23px;
	margin-bottom: 15px;
	margin-left: -15px;
}

.test-box p {
	margin: 10px 15px 15px 0;
}

.tb2 p {
	margin-right: 10px;
}

.test-box h5 {
	font-size: 21px;
	margin-bottom: 15px;
}

.test-box ul {
	margin: 15px 0 20px 0;
}

.test-box ul li {

	margin-right: 2px;
	margin-bottom: 5px;
	font-size: 15px;
	color: #242424;
}

.test-access div.test-access-top-bullets {
	min-height: 180px;
}


.tb2 {
	border-left: 2px solid #fca07f;
	padding-left: 51px;
	margin-left: 13px;
}

.flowchart {
	margin-top: 32px;
	margin-bottom: -15px;
}

.bottom-border {
	border-bottom: 1px solid #bababa;
}

#header .instructional-video {
	margin-top: 36px;
	text-align: center !important;
}

#video-page {
	max-width: 600px;
}

div.video_holder {
	margin: 10px 10px 173px 10px;
	clear: both;
}

div.video_holder a:hover {
	background: none repeat scroll 0 0 #FB3618;
	color: #fff;
}

div.video_holder a {
	margin: 5px !important
}

div.video_holder div.center_video_content {
	text-align: center !important;
}

div.video_holder div.videoWrapper {
	position: relative;
	padding-bottom: 51.7%;
	/* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 15px;
}

div.video_holder div.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div.video_holder h2 {
	font-size: 1.7em;
	margin-bottom: 10px;
}

div.video_holder div.share-video {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #aaa;
}

div.video_holder div.share-video h4 {
	float: left;
	margin-right: 12px;
	font-size: 1.2em;
}

div.video_holder div.share-video input {
	width: 250px;
}





.features-box3 {
	background: url(../../img3/home/light-gd2.png) repeat;
	color: #000;
}

.features-box3 .col-full {
	background: url(../../img3/home/features-box3.jpg) bottom center no-repeat;
}

.features-img2 .col-full {
	background: url(../../img3/home/features-img2.jpg) 70% 0% no-repeat;
	overflow: hidden;
}

.features-box3 h2 {
	font-size: 29px;
	padding-top: 35px;
	margin-bottom: 19px
}

.features-box3 h3 {
	font-size: 37px;
	line-height: 1.31;
	padding-bottom: 57px;
}

.features-img2 h2 {
	color: #000;
	font-size: 22px;
	padding-top: 17px;
	margin-bottom: 0;
}

.features-img2 p {
	color: #424242;
	font-size: 19px;
	font-family: Helvetica;
	margin-top: -4px;
}

.plans-heading {
	float: left;
	margin-top: 20px;
	width: 410px;
	padding-bottom: 35px;
}

.plans-heading h3 {
	font-size: 37px;
	padding-bottom: 0;
	padding-top: 0;
}

.plans-heading p {
	color: #000;
	font-size: 18px;
	margin-top: 0;
}

/* ==========================================================================
   MAIN STYLES
   ========================================================================== */
#features {
	background: #ff5423;
	overflow: hidden;
	clear: both;
}

#features h2 {
	line-height: 1.15;
	color: #FFF;
	font-family: Helvetica;
	padding-top: 24px;
	margin-bottom: 13px;
	font-size: 25px;
}

.features-left {
	width: 447px;
	float: left;
	margin-right: 62px;
}

.features-right {
	width: 472px;
	float: left;
}

.features-right ul {
	margin-left: 15px;
}

.features-right ul li {
	line-height: 1.49;
	color: #ffc3b2;
	font-size: 14px;
	padding-left: 2px;
}

.features-right ul li span {
	font-size: 17px;
	color: #fefefe;
	position: relative;
	top: 2px;
}

.features-right ul li span a {
	text-decoration: none;
	color: #fefefe;
}

.features-right ul li span a:hover {
	text-decoration: underline;
}

.features-right .pad-features-list-height {
	min-height: 200px;
}

.more-features {
	display: inline-block;
	width: auto;
	padding: 5px 16px 0 17px;
	height: 27px;
	color: #fb3800;
	font-family: Helvetica;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: #ffffff url(../../img3/home/more-features.png) repeat-x;
	margin-top: 19px;
	margin-bottom: 33px;
	border-radius: 4px;
}

#main {
	clear: both;
	background: url(../../img3/home/light-gd.png) repeat;
	overflow: hidden;
	padding-bottom: 80px;
}

.col-446 {
	width: 446px;
	float: left;
	margin-right: 68px;
}

.col-476 {
	width: 476px;
	float: left;
}

.col-476 p {
	margin-right: 25px;
}

#main h3 {
	font-family: Helvetica;
	font-size: 27px;
	color: #535353;
	line-height: 1.07;
	margin-top: 30px;
	margin-bottom: 14px;
}

#main p,
#main ul {
	font-size: 14px;
	line-height: 1.64;
	margin-bottom: 21px;
}

#main ul {
	margin-left: 23px;
}

.main2 {
	clear: both;
	background: url(../../img3/home/light-gd.png) repeat;
	overflow: hidden;
	padding-bottom: 80px;
}

.main2 p {
	font-size: 14px;
	line-height: 1.64;
	margin-bottom: 21px;
}

.main3 {
	clear: both;
	background-color: #FBFBFB;
	overflow: hidden;
	padding-bottom: 1px;
}

.nopad {
	margin: 0 !important;
	padding: 0 !important;
}

.site-features {
	margin-top: 33px;

}

.site-features li {
	list-style: none;

	margin-right: 35px;
}

li.web-award {
	padding-top: 2px;
}

li.ssl-secured {
	padding-top: 0;
}

li.sf-last {
	margin-right: 0;
	padding-top: 2px;
}

.join-box {
	float: left;
	width: 478px;
	border-top: 1px solid #e84711;
	padding-top: 13px;
	margin-top: 2px;
	font-size: 14px;
	line-height: 1.3;
}

.join-btn {
	float: left;
	margin-right: 12px;
	text-decoration: none;
	height: 29px;
	color: #FFF;
	background: #ff5423 url(../../img3/home/join-btn.png) repeat-x;
	padding: 4px 14px 0 12px;
	font-weight: bold;
	font-family: Helvetica;
	font-size: 17px;
	display: inline-block;
	width: auto;
	border-radius: 4px;
}

#main .join-box p {
	width: 410px;
	color: #000;
	font-size: 15px;
	margin-top: -2px;
	line-height: 1.2;
}

#positives {
	clear: both;
	border-bottom: 1px solid #bababa;
	overflow: hidden;
	padding-bottom: 60px;
}

.positives-box {
	width: 305px;
	float: left;
	margin-right: 30px;
	margin-top: 52px;
}

.box-last {
	margin-right: 0 !important;
}

.positives-box img {
	float: left;
	margin-right: 12px;
	margin-bottom: 15px;
}

.positives-box h3 {
	font-size: 23px;
}

.positives-box p {
	clear: both;
	font-size: 13px;
	line-height: 1.61;
	margin-left: 2px;
}

.positives-box p a {
	color: #ef4926;
}

img.vid-img {
	border-radius: 4px;
}

div.partners-box {
	border-bottom: #ddd 1px solid;
	padding: 20px 0;
	overflow: hidden;
}

div.partners-box h3 {
	padding-top: 7px;
	margin-bottom: 15px;
}

div.partners-box-left {
	width: 40%;
	float: left;
}

div.partners-box-right {
	width: 60%;
	float: left;
}

#statistics {
	background: url(../../img3/home/dark-gd.png) repeat;
	overflow: hidden;
	margin-top: 1px;
	padding-bottom: 55px;
}

.statistic-box {
	width: 300px;
	float: left;
	margin-right: 38px;
}

.statistic-box h3 {
	font-size: 23px;
	color: #000;
	margin-top: 38px;
	margin-bottom: 10px;
}

.statistic-box img {
	border: 1px solid #cfcfcf;
	margin-bottom: 11px;
}

.statistic-box p {
	font-size: 15px;
	color: #000;
	line-height: 1.4;
}

.features-main {
	border-top: 1px solid #bababa;
	margin-top: 1px;
}

.col-620 {
	width: 620px;
	float: left;
}

.col-300 {
	width: 300px;
	float: left;
	margin-left: 52px;
}

.features-main h3 {
	font-size: 23px !important;
}

.features-main p {
	color: #424242;
}

.features-main ul {
	margin-top: -5px;
	margin-left: 16px;
}

.features-main ul li {
	font-size: 13px;
	color: #838383;
	line-height: 1.86;
	padding-left: 3px;
}

.features-main ul li span {
	font-size: 14px;
	color: #424242;
}

.white-bg-content {
	border-top: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
	overflow: hidden;
}

.white-bg-content h3 {
	font-size: 37px;
	color: #242424;
	padding-top: 35px;
	margin-bottom: 10px;
}

h4.faq-title {
	padding-left: 0px;
	color: #242424;
}

.white-bg-content p {
	color: #242424;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 26px;
	width: 580px;
}

.white-bg-content img {
	margin-bottom: 22px;
}

.white-bg-content2 {

	overflow: hidden;
	padding-top: 20px;
}

.back-top {
	font-size: 13px;
	color: #f94100;
	float: right;
	margin: 0 20px 52px 20px;
}

.back-top:hover {
	color: #606060;
}

.gray-gd {
	overflow: hidden;
	background: url(../../img3/home/dark-gd.png) repeat;
}

.light-gd {
	overflow: hidden;
	background: url(../../img3/home/light-gd.png) repeat;
}

.light-gd .col-590 {
	padding-left: 180px;
}

.light-gd img {
	margin-bottom: 22px;
}

.light-gd.light-gd-border-top {
	border-top: 1px solid #bababa;
}

#accessibility,
.accessibility {
	clear: both;
	overflow: hidden;
	margin-top: 1px;
}

#accessibility h3,
.accessibility h3 {
	font-size: 37px;
	color: #242424;
	padding-top: 26px;
}

#accessibility img,
.accessibility img {
	margin-top: 8px;
	margin-bottom: 20px;
}

#accessibility p,
.accessibility p {
	max-width: 580px !important;
	font-size: 15px;
	color: #242424;
	line-height: 1.6;
	margin-bottom: 26px;
}

.back-top-gray {
	color: #4e4e4e;
}

.back-top-gray:hover {
	color: #666363;
}

.light-grad-content {
	color: #242424;
}

.light-grad-content h3 {
	font-size: 37px;
	margin-top: 24px;
	margin-bottom: 4px;
}

.light-grad-content p {
	line-height: 1.6;
	margin-bottom: 20px;
}

.light-grad-content img {
	margin-top: 8px;
}

ul.homelist,
ol.homelist {
	margin-left: 25px;
	margin-top: 10px;
	margin-bottom: 35px;
}

ul.homelist li,
ol.homelist li {
	/*font-size: 13px;
	color: #878787;*/
	line-height: 1.6;
	color: #242424;
	font-size: 15px;
}

ul.homelist.tourlist li {
	color: #424242;
}

.pricing-box {
	width: 240px;
	float: left;
	margin-right: 95px;
	margin-bottom: 158px;
}

#main .pricing-box h3 {
	color: #000;
	font-size: 23px;
	margin-bottom: 18px;
}

#main .pricing-box p {
	color: #000;
	margin-bottom: 18px;
}

.pricing-btn {
	display: inline-block;
	width: auto;
	height: 35px;
	background: #f94100 url(../../img3/home/pricing-bg.png) repeat-x;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 20px;
	padding: 6px 17px 0 16px;
	border-radius: 1px 1px 1px 1px;
	box-shadow: 0 0 2px 1px #2e2e2e;
}

.pricing-btn:hover {
	box-shadow: 0 0 4px 1px #2e2e2e;
}

/* ~~~~~~~~~~ Price plan Table styles~~~~~~~~~~~~~*/
.tablepricing {
	background: #fff url(../../img/contgraygrad.gif) top left repeat-x;
	padding: 0;
	margin: 25px 0 10px 0;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	width: 640px;
	border-collapse: collapse;
}

.tablepricing td,
.tablepricing th {
	text-align: left;
	padding: 14px 14px 5px 14px;
	border-bottom: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}

.shade {
	background: url(../../img/pricing_shade.png) top left repeat-y;
}

.pricinggray {
	background: #f9f9f9;
}

.resultstable {
	margin: 0 0 25px 0;
	width: 640px;
	border-collapse: collapse;
}

.resultstable th {
	text-align: left;
	vertical-align: top;
	padding: 12px 0 7px 0;
	line-height: 1em;
	font-weight: bold;
}

.resultstable td {
	text-align: left;
	vertical-align: top;
	padding: 12px 0 12px 0;
	line-height: 1em;
	border-bottom: 1px dotted #d2d2d2;
	color: #4d4d4d;
}

.resultstable th.thheader {
	font-size: 1.7em;
}

.resultstable td.tdgrad {
	border-bottom: none;
	padding: 0;
}

.resultstable td.tdname {
	line-height: 1.3em;
	color: #000;
}

.resultstable .nb {
	width: 20px;
	border: none;
}

.resultstable .nbw {
	border: none;
}

.resultstable .center {
	text-align: center !important;
}

.h4t {
	font-size: 1.2em;
	color: #000;
}

.pt1 {
	width: 280px;
}

.pt2 {
	width: 140px;
}

.pt3 {
	width: 220px;
}

.ft1 {
	width: 400px;
}

.ft2 {
	width: 120px;
}

.ft3 {
	width: 120px;
}

.tablepricing th .pricehead {
	margin: 0 0 2px 0;
	font-size: 1.4em;
	font-weight: bold;
	padding: 0 0 5px;
	color: #000000;
	display: block;
}

.tablepricing td {
	font-size: 13px;
	color: #333;
}

.tablepricing td.checklist,
.tablepricing th.checklist {
	text-align: center;
}

.nobold {
	font-weight: normal !important;
}

.gray {
	color: #4D4D4D !important;
}

.tablepricing th span {
	color: #424242;
	font-size: 15px;
}

/*----- End Price Plan Table Styles ------*/


.account_type_header_pricing {
	margin: 25px 0 0 10px;
	font-size: 37px;
}


.reg-for-free-trial {
	width: 100%;
	margin: 30px 0 50px 5px;

}

.reg-for-free-trial p {
	color: #000 !important;
	font-size: 18px !important;

}

.reg-for-free-trial .reg-for-free-trial-btn {
	float: left;
	margin-bottom: 10px;
	margin-right: 15px;
}

.reg-for-free-trial-btn {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	font-size: 15px;
	background: #ff5423 url(../../img3/home/register-btn.png) repeat-x;
	height: 25px;
	display: inline-block;
	width: auto;
	padding: 6px 14px 6px 14px;
	border: 1px solid #f64000;
	border-bottom: 0 none;
	border-right: 0 none;
	border-radius: 4px;
}

.reg-for-free-trial-btn:hover {
	text-decoration: underline;
}



.bold {
	font-weight: bold;
}

.gray {
	color: #424242;
}

#main .pb3 {
	margin-top: 34px;
}

#main table {
	clear: both;
}

.table-bottom {
	width: 665px;
	border-bottom: 1px solid #bababa;
	padding-left: 10px;
	position: relative;
	left: -8px;
	padding-bottom: 48px;
	margin-top: 28px;
}

.table-bottom h4 {
	margin-right: 15px;
	color: #000;
	font-size: 18px;
	font-family: Arial;
	font-weight: normal;
}

.darkgray {
	color: #424242;
}

.table-bottom h4 a {
	color: #FF462A;
	text-decoration: none;
}

.table-bottom h4 a:hover {
	text-decoration: underline;
	color: #d94e19;
}

.pricing-text {
	margin-top: 10px;
	width: 607px;
}

.pricing-text p {
	color: #424242;
	line-height: 1.4;

}

.pricing-text h4 {
	font-size: 23px;
	color: #424242;
	margin-bottom: 15px;
}

.pricing-text h5 {
	font-size: 16px;
	color: #424242;
}

.guarantee-heading {
	font-size: 23px !important;
	color: #424242;
	margin-top: 22px;
	margin-bottom: 14px;
}

.pricing-no-referer-alert {
	clear: both;
	width: 100%;
	height: 73px;
	background: #0896E6;
}

.pricing-no-referer-alert-content {
	color: #fff;
	padding: 25px 0 20px 0;
}

.pricing-no-referer-alert-content a {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

.terms-box {
	clear: both;
}

.terms-box h1 {
	font-size: 37px;
	color: #242424;
	padding-top: 32px;
	margin-bottom: -10px;
}

.terms-box h2 {
	color: #000 !important;
	font-size: 23px !important;
	margin-top: 34px !important
}

.terms-box p {
	margin-bottom: 14px !important;
	padding-top: 5px;
	font-size: 15px !important;
}

.terms-box h4 {
	font-size: 16px;
	color: #545454;
	padding-top: 7px;
	padding-bottom: 13px;
}

.blog-box {
	clear: both;
}

.blog-box h1 {
	font-size: 23px;
	color: #242424;
	margin: 65px 0 0 0 !important
}

.blog-box h2 {
	color: #444 !important;
	font-size: 23px !important;
	margin: 65px 0 0 0 !important
}

.blog-box p {
	margin-bottom: 14px;
	padding-top: 5px;
	font-size: 15px !important;
}

.blog-box p.date {
	margin-bottom: 2px !important;
	padding-top: 10px;
	font-size: 12px !important;
}

.blog-box h4 {
	font-size: 16px;
	color: #545454;
	padding-top: 7px;
	padding-bottom: 13px;
}

.register-box h2 {
	font-size: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.reg-box {
	background: #FFF url(../../img3/home/regBox-bg.png) repeat-x;
	float: left;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	min-height: 267px;
}

.reg-box h3 {
	color: #000;
	font-size: 24px;
	text-align: center;
	padding-top: 7px;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 8px;
}

.reg-box h4 {
	margin: 28px 0 18px 22px;
}

.reg-box h4 a {
	text-decoration: none;
	font-size: 16px;
	color: #000;
}

.reg-box h4 a:hover {
	text-decoration: underline;
}

.reg-box img {
	position: relative;
	top: 3px;
	left: 4px;
}

.reg-box p {
	margin-left: 22px;
	font-size: 12px;
	color: #000;
	line-height: 1.5;
	margin-right: 25px;
}

.test-takers {
	width: 218px;
}

.administrators-box {
	width: 420px;
}

.admin-left {
	width: 205px;
	float: left;
	border-right: 1px solid #e1e1e1;
	padding-bottom: 66px;
}

.admin-right {
	width: 205px;
	float: left;
}

.or-circle {
	float: left;
	margin-left: 13px;
	margin-right: 14px;
	padding-top: 116px;
}

a.right-account {
	clear: both;
	float: left;
	text-decoration: none;
	font-size: 24px;
	color: #e84711;
	margin-left: 340px;
	margin-top: 21px;
	margin-bottom: 18px;
}

.which-account {
	margin-bottom: 88px;
	margin-left: 340px;
	width: 400px;
}

.which-account p {
	clear: both;
	font-size: 12px;
	line-height: 1.46;
	margin-bottom: 15px;
}

.fbr1 {
	padding-bottom: 1px;
}

.register-today h1 {
	font-size: 30px;
	color: #000;
	margin-top: 25px;
}

.register-today h3 {
	color: #000;
	font-size: 24px;
	margin-left: 17px;
	margin-top: 40px;
}

.register-today ul {
	margin-left: 18px;
	margin-top: 24px;
	float: left;
	margin-right: 30px;
}

.register-today ul li {
	font-size: 18px;
	color: #424242;
	list-style: none;
	line-height: 1.5;
}

.register-today img {
	margin-top: -40px;
	float: left;
}

/*----- Reg Form Styles -----*/
#main form {
	max-width: 670px;
	/*margin-top: 50px;*/
}

#main label {
	color: #424242;
	font-size: 14px;
	line-height: 1.4;
}


#main input,
.share-video input {
	width: 295px;
	height: 35px;
	border: 1px solid #a1a1a1;
	border-radius: 4px;
	margin-right: 26px;
	margin-bottom: 4px;
	text-indent: 10px;
	padding-right: 5px;
	float: left;
}

#main textarea {
	width: 288px;
	border: 1px solid #a1a1a1;
	border-radius: 4px;
	margin-right: 26px;
	margin-bottom: 4px;
	padding: 6px;
	float: left;
}

.select-box {
	width: 282px;
	height: 28px;
	border: 1px solid #a1a1a1;
	background-color: #f3f3f3;
	background-image: url(../../img3/home/arrow-gray.png);
	background-repeat: no-repeat;
	background-position: 96% 50%;
	border-radius: 4px;
	margin-right: 26px;
	padding: 6px 9px 1px 9px;
	color: #424242;
	font-size: 18px;
	overflow: hidden;
	line-height: 1.4;
}

img.captcha_image {
	border: solid #8C8C8C 1px;
	margin-right: 10px;
}

.cm-capture-style input {
	height: 15px !important;
}

form#regForm .reg-check-box,
form#agree-terms .agree-check-box {
	width: 16px;
	height: 16px;
	padding: 0;
	margin-left: 0;
	border: 0 none !important;
	margin-top: 3px;
	margin-right: 10px;
}

#main .agree-label {
	color: #424242;
	font-size: 15px;
}

.agree-label a {
	text-decoration: none;
	color: #FF462A;
}

#main #register-button {
	width: auto;
	height: 37px;
	background: url(../../img3/home/pricing-bg.png) repeat-x;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 20px;
	padding: 0 17px 0 16px;
	border: 0 none;
	cursor: pointer;
	border-radius: 1px 1px 1px 1px;
	box-shadow: 0 0 2px 1px #2e2e2e;
	width: auto;
	margin: 15px 0 0 2px;
	text-indent: 0;
}

#main #register-button:hover {
	box-shadow: 0 0 4px 1px #2e2e2e;
}

.forgot-button {
	/*background: url(../../img3/home/pricing-bg.png) repeat-x;*/
	background-color: #ff5524;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 14px;
	padding: 6px;
	cursor: pointer;
	border-radius: 1px 1px 1px 1px;
	border: 1px solid #000000 !important;
	width: auto;
	margin: 15px 0 0 2px;
	text-indent: 0;
}

.home-content-left {
	float: left;
	width: 328px;
}

.home-content-right {
	float: left;
	width: 328px;
}

.sitemap-content-left {
	float: left;
	width: 400px;
}

.sitemap-content-right {
	float: left;
	width: 328px;
}

h4.sitemap {
	margin: 15px 0 10px 0;
}

p.mandatory {
	clear: both;
	width: 640px;
	border-top: 1px solid #cfcfcf;
	margin-top: 63px;
	padding-top: 11px;
	float: left;
	font-size: 12px !important;
	color: #424242;
}

.account-box {
	width: 630px;
	height: 225px;
	border: 1px solid #c3c3c3;
	border-radius: 5px;
	margin: 28px 0 50px 0;
	padding-bottom: 10px;
	background: url(../../img3/home/tick.png) #fff 90% bottom no-repeat;
}

.account-box h3 {
	border-bottom: 1px solid #e6e6e6;
	padding-left: 15px;
	margin-left: 0;
	padding-bottom: 8px;
	margin-top: 10px;
	font-size: 22px;
}

.account-box ul li {
	margin-bottom: 10px;
}

.account-box img {
	margin-top: -8px;
	margin-right: 16px;
	float: right;
	position: relative;
	right: 26px;
}

/* ==========================================================================
   FOOTER STYLES
   ========================================================================== */
h4 a span {
	display: none;
}

#footer {
	clear: both;
	background: #242424;
	border-top: 4px solid #e4480d;
	overflow: hidden;
	color: #b3b3b3;
	padding-bottom: 20px;
}

#footer li a:hover {
	text-decoration: underline;
}

.footer-list1 {
	float: left;
	margin-right: 94px;
	margin-top: 34px;
}

.footer-list1 li {
	list-style: none;
	line-height: 1.35;
}

.footer-list1 li a {
	text-decoration: none;
	color: #b3b3b3;
	font-size: 14px;
}

.footer-list2 {
	padding-top: 34px;
	float: left;
}

.footer-list2 li {
	list-style: none;
	line-height: 1.35;
}

.footer-list2 li a {
	text-decoration: none;
	color: #b3b3b3;
	font-size: 14px;
}

.footer-content {
	float: right;
	margin: 0 160px 0 50px;

}

.footer-content ul {
	margin-top: 32px;
}

.footer-content ul li {
	list-style: none;
	float: left;
	margin-right: 8px;
}

.footer-content h4 {
	clear: both;
	padding-top: 16px;
}

.footer-content p {
	font-size: 12px;
}

/* TW below */
div.social_toolbox {
	padding-top: 38px;
}

div.social_toolbox div {
	float: left;
}

div.social_rating {
	padding-top: 10px;
	font-size: 13px;
}

div.social_rating img {
	margin-right: 2px;
}

div.social_rating a {
	text-decoration: none;
	color: #b3b3b3;
}

.cm-twitter {
	margin-left: 10px;
}

.login-error {
	background: none repeat scroll 0 0 #FFF8CF;
	border: 1px solid #FFBD00;
	border-radius: 3px 3px 3px 3px;
	margin: 18px 0 2px 60px;
	padding: 9px;
	float: left;
	font-size: 13px;
	max-width: 330px;
}

.login-error a {
	text-decoration: none;
	color: #ef4926;
}

ul.star {
	list-style: disc;
	clear: both;
	font-size: 14px;
}

ul.star li {
	padding: 0 12px 12px 0;
	margin-left: 20px;
}

ul.star.dark {
	color: #242424;
}

ul.star a {
	color: #f94100;
}

ol.star {
	margin-left: 30px;
	clear: both;
	font-size: 14px;
}

ol.star.loweralpha {
	list-style-type: lower-alpha;
}

.star .underline {
	text-decoration: underline;
}

/* New site V3 Styles */


.blog_items p.date {
	font-size: 13px;
}

.blog_items {
	font-size: 15px;
}

.blog_items ul {
	clear: both;
	margin: 10px 0 0 30px;
	padding: 0;
	list-style-type: disc;
	max-width: 800px
}

.blog_items ol {
	clear: both;
	margin: 10px 0 5px 34px;
	padding: 0;
	max-width: 800px
}

.blog_items ul li,
.blog_items ol li {
	margin: 0;
	padding: 0 0 5px 0;
}

.red {
	color: #ed5959;
}

.green {
	color: #006000;
}

#errDivcheckUsername {
	font-size: 14px;
}


/*********************************************************************************************************************/
div[id^=dsqit-] .closeMeContainer {
	margin-top: 16px;
}

.alert-box a.closeV3 {
	display: block;
	float: right;
	height: 16px;
	width: 16px;
}

.alert-box a.closeV3:hover {
	text-decoration: none;
}

.alert-box a.closeV3 span {
	display: block;
	padding: 0 4px;
	color: #FFD551;
	font-weight: 500;
	font-size: 16px;
}

.alert-box.alert-center {
	width: 90%;
	margin-left: 3%;
}

.alert-box-right-close {
	right: 28px;
	margin-left: 16px
}


.alert-box {
	box-shadow: 0 1px 3px rgba(0,0,0,.1);
	padding: 15px 9px 15px 45px;
	margin: 20px 0;
	line-height: 20px;
	clear:both;
	border-left: 3px solid #FFD551;
	background: var(--yellow-warning-light, #FFFBED) url("/img4/icons/alert-normal.svg") no-repeat 13px 15px;
}


.alert-box.information {
	border-left: 3px solid #0896E6;
	background: #F4F9FD url("/img4/icons/alert-information.svg") no-repeat 13px 15px;
}


.alert-box.error {
	border-left: 3px solid #D62F7F;
	background: var(--red-magenta-fail-magenta-01, #FFF2F2) url("/img4/icons/alert-error.svg") no-repeat 13px 15px;
}




.closeMeLink.alert-box-right-close {
	font-weight: 500;
	font-size: 16px;
	color: #0896E6;
}



.alert-box.alert-white, .alert-box.alert-default {
	border: 1px solid var(--grey-grey-40, #DCE1E5);
	background: #FFF;
	content: none;
}

.alert-box.alert-confirmation {
	border-left: 3px solid #3CB27A;
	background: #E5FFF2 url("/img4/icons/alert-confirmation.svg") no-repeat 13px 15px;
}

.alert-box.alert-confirmation a.closeV3 span {
	color: #67BE60;
}

.alert-box.error a.closeV3 span {
	color: #D62F7F;
}

.alert-box.information a.closeV3 span {
	color: #0896E6;
}


.alert-box.alert-default a.closeV3 span {
	color: #AEAEAE;
}

.alert-box.alert-white a.closeV3 span {
	color: #AEAEAE;
}

.alert-announcement {
	position: relative;
	margin: 5px 0 16px 0;
	border-left: 3px solid #0896E6;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	line-height: 32px;

}

.alert-announcement .close-me {
	position: absolute;
	right: 64px;
	display: block;
	float: right;
	font-weight: bold;
}

.alert-announcement a.close-me {
	position: absolute;
	color: #a5d4f5;
	font-size: 20px;
	background: none;
}

.alert-announcement a:hover.close-me {
	position: absolute;
	right: 64px;
	background: none;
	text-decoration: none;
}

.alert-announcement .alert-date {
	color: #959c95;
	font-size: 13px;
	line-height: 16px;
	width: 100%;
}

.alert-announcement .alert-title {
	font-weight: bold;
	margin-right: 10px;
	font-size: 13px;
	line-height: 16px;
	width: 80%;
}

.alert-announcement .alert-announcement-header {
	background: url(../../../img3/info_announcement.svg) no-repeat 13px 10px #F4F9FD;
	padding: 15px 9px 15px 65px;
	border-top-right-radius: 5px;

}

.alert-announcement .alert-announcement-body {
	position: relative;
	background-color: #ffffff;
	padding: 20px 65px 20px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.alert-announcement .alert-announcement-social {
	background-color: #ffffff;
	padding: 0 25px 10px 25px;
}

.alert-announcement-social p {
	font-size: 12px;
}

.alert-announcement-social img {
	margin: 10px 7px 0 10px;
}

.alert-announcement-social a {
	color: #444444;
}


/*
.alert-box {
	background: none repeat scroll 0 0 #FFFFEB;
	border-left: 3px solid #FFC700;
	margin: 5px 0 16px 0;
	padding: 16px;
	clear:both;
	color: #333333;
}

.alert-box.error {
	background: none repeat scroll 0 0 #fff6f4;
	border-left: 3px solid #b5514f;
	color: #b5514f;
}
.alert-box.alert-default {
	background: none repeat scroll 0 0 #E6E6E6;
	border-left: 3px solid #9b9b9b;
}
.alert-box.alert-white {
	background: none repeat scroll 0 0 #ffffff;
	border-left: 3px solid #9b9b9b;
}
.alert-box.alert-confirmation {
	background: none repeat scroll 0 0 #EBF6EA;
	border-left: 3px solid #4e824e;
	color: #4e824e;
}
.alert-box.alert-center{
	width:90%;
	margin-left:3%;
} */
.tenpix {
	width: 10px;
}

.pagination {
	font-size: 13px;
	background: none repeat scroll 0 0 #FFF;
	border: 1px solid #AAAAAA;
	border-radius: 5px;
	line-height: 20px;
	padding: 10px 20px;
	margin: 0 0 10px 0;
}

.pagination span {
	margin-right: 3px;
}

.pagination a {
	color: #FF462A;
}

.current-pag {
	background: #888;
	padding: 2px 4px 2px;
	color: white;
	border-radius: 2px;
}

.right {
	display: block;
	float: right !important;
}

.left {
	display: block;
	float: left;
}

.inline {
	display: inline;
}

#contact-promo-1,
#contact-promo-2 {
	width: 349px;
	height: 108px;
	float: left;
	background-color: #F6F6F6;
	border: 1px solid #AAAAAA;
	margin: 0 16px 25px 0;
	padding: 0;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

#contact-promo-1 h4,
#contact-promo-2 h4,
#contact-promo-3 h4 {
	margin: 10px 0 0 15px;
}

#contact-promo-2 a.textlink {
	margin: 2px 0 0 15px;
	color: #FF462A;
	font-size: 12px;
	text-decoration: none;
}

#contact-promo-2 input {
	height: 25px !important;
	width: auto !important;
	margin: 1px 0 0 15px;
	float: none;
}

#contact-promo-1 .btn {
	margin: 15px 0 0 15px;
}

#contact-promo-2 .btn {
	margin: 15px 0 0 3px;
	padding: 0 13px;
	border: none;
	text-indent: 0 !important;
}

/*
#contact-promo-1{
	background: url(../../img3/home/contact_usermanual_1.jpg) bottom right no-repeat;
}*/
#contact-promo-3 {
	width: 349px;
	float: left;
	margin: 0 16px 25px 0;
	padding: 0;
}

#contact-promo-3 img {
	margin-left: 25px;
}

.contactus-box {
	margin-top: 60px;
	padding-left: 100px;
}

.contactus-box p {
	margin-bottom: 10px !important;
}

.contactus-box h2 {
	font-size: 37px;
	color: #242424;
}

.contactus-box h4,
#contact-promo-2 h4 label {
	font-size: 20px !important;
	color: #242424 !important;
	margin-bottom: 12px;
}

form#contactus {
	max-width: 600px;
	margin: 15px;

}

form#contactus input,
form#contactus .select-box {
	float: none;
	width: 90%;
}

form#contactus textarea {
	width: 89%;
}

form#contactus .select-box {
	float: none;
	width: 88%;
}

form#contactus label {
	font-weight: bold;
}

div.instant-answers {
	background-color: #F6F6F6;
	border: 1px solid #AAAAAA;
	padding: 0;
	border-radius: 5px;
	width: 91%;
}

div.instant-answers-content {
	padding: 20px;
}

.little {
	font-size: 12px !important;
}

.littledark {
	color: #444444;
	font-size: 12px;
	line-height: 20px;
}

#tc,
#syc {
	/*max-width: 240px !important;*/
	overflow: hidden;
}

img.img-shadow {

	max-width: 100%;
	margin: 20px 0 50px 0;
	clear: both;
	display: block;
	border: 1px solid #979797;
	box-shadow: 14px 14px 5px #AFAFAF;
}


.table {
	border: 1px solid #AAAAAA;
	border-radius: 3px 3px 3px 3px;
	clear: both;
	margin-bottom: 20px;
}

.table .row {
	border-bottom: 1px solid #DDDDDD;
	padding: 20px 26px 16px;
	position: relative;
	clear: both;
	/*tw*/
}

.table.usermanul .row {
	padding: 20px 26px 26px;
}

.menu-sections li,
.home-name,
.results-name,
.certificate-name,
.icon-calendar,
.icon-calendar-green,
.test-name,
.group-name,
.link-name,
.stat-name,
.search-name,
.member-name,
.question-name,
.theme-name,
.media-name,
.category-name,
.certificate-name,
.accesslist-name,
.community-name,
.tick,
.dropdown-x>a,
.tooltip,
.dropdown-x label a,
.btn-create .caret,
.btn-actions .caret,
.btn.dropdown-toggle .caret,
.btn.dropdown-toggle .caret,
.btn-assign.alt-a,
.btn.btn-toggle-analytics,
.table .result-fail,
.table .result-pass,
.table .result-grading,
.write-pre,
.write-ol,
.write-ul,
.write-font-link,
.write-video,
.user-manual,
.write-center,
.write-bold,
.write-fontM,
.write-fontL,
.write-fontS,
.write-question-preview,
.write-sub,
.write-sup,
.write-italic,
.write-underline,
.write-line-through,
.write-square-root,
.write-image,
.write-font-color,
.video-help {
	background-image: url("../../img3/icons-sprite.png");
	background-repeat: no-repeat;
}

.test-name {
	background-position: 4px 3px;
}

.group-name {
	background-position: 1px -247px;
}

.member-name {
	background-position: 5px -2083px;
}

.link-name {
	background-position: 3px -492px;
}

.stat-name {
	background-position: 3px -4995px;
}

.search-name {
	background-position: 3px -3190px;
}

.question-name {
	background-position: 4px -735px;
}

.theme-name {
	background-position: 4px -1476px;
}

.community-name {
	background-position: 4px -1222px;
}

.accesslist-name {
	background-position: 4px -1352px;
}

.media-name {
	background-position: 5px -1107px;
}

.category-name {
	background-position: 1px -981px;
}

.certificate-name {
	background-position: 3px -860px;
}

.user-email-name a {
	font-weight: normal;
	padding-top: 0 !important;
	color: #444;
}

.home-name {
	background-position: 4px -5130px;
}

.results-name {
	background-position: 3px -5206px;
}

.certificate-name {
	background-position: 3px -860px;
}

.icon-calendar {
	background-position: 0 -5323px;
	height: 15px;
}

.icon-calendar-green {
	background-position: 0 -5449px;
	height: 15px;
}

.link-captured-details {
	margin-left: 37px;
}

.link-captured-details .more-toggle.closed {
	margin-top: -4px;
}

.write-video {
	background-image: url("../../img3/icons-sprite.png");
	background-repeat: no-repeat;
}

a.write-video {
	/*TW*/
	background-position: 0 -4306px;
	padding-left: 25px;
}

.qbox {
	margin: 25px 0 12px 0;
	padding: 10px 11px 10px 13px;
	background-color: #F7F7F7;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}

.qbox.takingtest {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}

.qbox h4 {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

.clearheight {
	clear: both;
	height: 15px;
	width: auto;
}

.clearheight5 {
	clear: both;
	height: 5px;
	width: auto;
}

.clearheight10 {
	clear: both;
	height: 10px;
	width: auto;
}

.clearheight20 {
	clear: both;
	height: 20px;
	width: auto;
}

.clearheight30 {
	clear: both;
	height: 30px;
	width: auto;
}

.clearheight40 {
	clear: both;
	height: 40px;
	width: auto;
}

.clearheight60 {
	clear: both;
	height: 60px;
	width: auto;
}

.clearheight100 {
	clear: both;
	height: 100px;
	width: auto;
}

.cleargrad {
	clear: both;
	height: 15px;
	width: auto;
}

.awards-logo {
	width: 130px;
	float: left;
	margin: 10px 0 10px;
}

.try-settings {
	font-weight: bold;
	color: #ef4926;
}

.tour-give {
	font-weight: bold;
	width: 60px;
	display: inline-block;
}

hr {
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 0;
	border: none;
}

hr.dark {
	background: #5d5d5b;
	color: #5d5d5b;
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 0 0 20px 0;
	border: none;
}

hr.gray {
	background: #bdbcc1;
	color: #bdbcc1;
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 0 0 15px 0;
	border: none;
}

.dotted {
	color: #fff;
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 5px 0 10px 0;
	padding: 0;
	border-bottom: 1px dotted #d2d2d2;
}

.solid {
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 5px 0 5px 0;
	padding: 0;
	border-bottom: 1px solid #ddd;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.f-left {
	float: left;
}

.f-right {
	float: right;
}

.floatl {
	float: left;
}

.floatr {
	float: right;
}

.padtop {
	padding-top: 15px;
}

.padleft {
	padding-left: 15px;
}

.padright {
	padding-right: 15px;
}

.padbottom {
	padding-bottom: 15px;
}

.linktous {
	background: #FFF;
	width: 90%;
	border: 1px solid #C7C7C7;
	margin: 20px 20px 15px 0;
	padding: 20px 10px;
	font-size: 14px;
}

.col600 {
	margin-left: 20px;
}

.explain {
	font-size: 13px;
	color: #6f6f6f;
	line-height: 20px;
}

.margleft {
	margin-left: 15px !important;
}

span.wonderBtn {
	border-radius: 4px;
	position: relative;
	margin: 0 3px 0 0;
	white-space: nowrap;
	display: inline;
	padding: 6px;
	border: 1px solid #d0d0d0;
	/*background: #E6E6E6;*/
	background: #fff;
	font-size: 14px;
}

span.wonderBtn a {
	color: #555;
	text-decoration: none;
	padding: 8px 0;
}

span.wonderBtn.selected {
	background: none repeat scroll 0 0 #0896E6;
	border-color: #045989;
	color: white;
}

span.wonderBtn.selected a {
	color: white;
}

span.wonderBtn:hover {
	background: none repeat scroll 0 0 #0896E6;
	border-color: #045989;
}

span.wonderBtn:hover a {
	color: white;
}

.code_buttons span.wonderBtn {
	margin-right: 20px;
}

.tooltip {
	background-position: 0 -3550px;
	color: #000000;
	cursor: help;
	display: inline-block;
	outline: medium none;
	position: relative;
	text-decoration: none;
	text-indent: -999em;
	width: 20px;
}

.tooltip.tooltiptextlevel {
	/* TW: keep icon at text middle */
	background-position: 0 -3549px;
}

.tooltip.alert {
	background-position: 0 -4130px;
}

.tooltip span {
	margin-left: -999em;
	position: absolute;
	text-indent: 0;
}

.tooltip:hover span {
	border-radius: 3px 3px 3px 3px;
	box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	left: 1em;
	margin-left: 0;
	position: absolute;
	right: 4px;
	top: 16px;
	width: 160px;
	z-index: 99;
}

.tooltip:hover span.tooltip-to-left {
	margin-left: -195px;
}

/* Grid Complement */
.col-span-05,
.col-span-1,
.col-span-15,
.col-span-2,
.col-span-25,
.col-span-3,
.col-span-35,
.col-span-4,
.col-span-45,
.col-span-5,
.col-span-6,
.col-span-65,
.col-span-7,
.col-span-75,
.col-span-8,
.col-span-85,
.col-span-9 {
	float: left;
	line-height: 1;
	margin-right: 0;
	position: relative;
	word-wrap: break-word;
}

.col-span-05 {
	width: 5%;
}

.col-span-1 {
	width: 10%;
}

.col-span-15 {
	width: 15%;
}

.col-span-2 {
	width: 20%;
}

.col-span-25 {
	width: 25%;
}

.col-span-3 {
	width: 30%;
}

.col-span-35 {
	width: 35%;
}

.col-span-4 {
	width: 40%;
}

.col-span-45 {
	width: 45%;
}

.col-span-5 {
	width: 50%;
}

.col-span-6 {
	width: 60%;
}

.col-span-65 {
	width: 65%;
}

.col-span-7 {
	width: 70%;
}

.col-span-75 {
	width: 75%;
}

.col-span-8 {
	width: 80%;
}

.col-span-85 {
	width: 85%;
}

.col-span-9 {
	width: 90%;
}

.col-span-10 {
	width: 100%;
}

.col-span-1.margin,
.col-span-2.margin,
.col-span-3.margin,
.col-span-4.margin,
.col-span-45.margin,
.col-span-5.margin,
.col-span-6.margin,
.col-span-7.margin,
.col-span-8.margin,
.col-span-9.margin {
	margin-right: 2%;
	float: left;
	position: relative;
	word-wrap: break-word;
}

.col-span-1.margin {
	width: 8%;
}

.col-span-2.margin {
	width: 18%;
}

.col-span-3.margin {
	width: 28%;
}

.col-span-4.margin {
	width: 38%;
}

.col-span-5.margin {
	width: 48%;
}

.col-span-6.margin {
	width: 58%;
}

.col-span-7.margin {
	width: 68%;
}

.col-span-8.margin {
	width: 78%;
}

.col-span-9.margin {
	width: 88%;
}

.col-btns {
	text-align: right;
	font-size: 12px;
}

.namepad {
	padding: 2px 36px;
}

.name {
	display: block;
	font-size: 14px;
	line-height: 1;
	min-height: 2px;
	/*twie87fix*/
	margin-bottom: 30px;
	padding: 8px 36px;
}

.name+.name {
	margin-top: -25px;
}

.name+.user-email-name {
	margin: -35px 0 30px 3px;
	font-size: 12px;
}

.name+.all-user-results-name {
	margin: -35px 0 20px 3px;
	font-size: 12px;
	font-weight: normal;
	color: #FF462A;
}

.name+.normal-text-name {
	margin: -35px 0 20px 3px;
	font-size: 12px;
	font-weight: normal;
}

.name+.editname {
	margin: -30px 0 30px 36px;
	font-size: 12px;
}

.name+.assignselect {
	margin: 10px 0 0 36px;
}

/* Manual */
#manualIndexContainer_ForJS {
	width: 958px;
}

.manual-col {
	width: 302px;
	float: left;
	margin-right: 26px;
}

.manual-col.last {
	margin-right: 0 !important;
}

.manualIndex {
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #cbcbcb;
	background-color: #f7f7f7;
	margin-bottom: 15px;
	padding: 15px;
}

.manualIndex h4 {
	padding-bottom: 5px;
	font-size: 1.4em;
	margin-bottom: 7px;
}

.manualIndex h4.create {
	background: url(../../img3/home/icon-create.png) left no-repeat;
	padding: 2px 0 0 17px;
}

.manualIndex h4.assign {
	background: url(../../img3/home/icon-assign.png) left no-repeat;
	padding: 2px 0 0 17px;
}

.manualIndex h4.results {
	background: url(../../img3/home/icon-results.png) left no-repeat;
	padding: 2px 0 0 23px;
}

.manualIndex h4.account {
	background: url(../../img3/home/icon-account.png) left no-repeat;
	padding: 2px 0 0 20px;
}

.manualIndex a {
	display: block;
	clear: both;
	font-size: 13px !important;
	line-height: 20px;
}

.manualIndex .sub-header {
	color: #444444 !important;
	font-weight: bold !important;
	font-size: 13px !important;
	margin: 15px 0 5px 0 !important;
	line-height: 15px !important;
}

.selectManualLink {
	color: #444444;
}

.selectManualLink:hover {
	text-decoration: none;
}

.manualContent h4 {
	padding-top: 35px;
	font-size: 2em;
	margin-bottom: 10px;
}

.manualContent h4:not(:first-child) {
	border-top: dashed 1px #606060;
	margin-top: 65px;
}

.manualContent {
	font-size: 14px;
}

.manualContent ol {
	list-style: upper-alpha outside none;
	list-style: decimal;
	margin-left: 22px;
}

.manualContent ul {
	margin: 0 0 15px 20px;
	line-height: 1.64;
}

.manualContent p {
	margin-bottom: 1em;
}




.manualContent .assign-tests-box {
	border: 1px solid #AAAAAA;
	padding: 25px;
	border-radius: 5px;
	margin-bottom: 20px;
}

.manualContent .assign-tests-box h4 {
	padding-top: 0;
	font-size: 1.7em;
	margin-bottom: 10px;
}

.manualContent .assign-tests-box .box-content {
	padding-left: 32px;
}

.manualContent ul.usermanualredbullet {
	list-style: none;
}

.manualContent ul.usermanualredbullet li::before {
	content: "\2022";
	color: #FF462A;
	font-weight: bold;
	display: inline-block;
	/* Needed to add space between the bullet and the text */
	width: 1em;
	/* Also needed for space (tweak if needed) */
	margin-left: -1em;
	/* Also needed for space (tweak if needed) */
}





.back-to-top {
	clear: both;
	float: right;
	margin-right: 10px;
}

.back-to-top a {
	font-size: 12px;
	color: #797575;
}

/* crumbtrail list */




ul#crumbtrail {
	float: left;
	width: 640px;
	list-style: none;
	margin: 40px 0 20px 0;
	padding: 0;
	clear: both;
	font-size: 13px;
	color: #242424;
}

ul#crumbtrail li {
	line-height: 1.8em;
	float: left;
	padding: 0 7px 0 0;
}

#help-promo-1-switcher {
	background-color: #ffffff;
	width: 252px;
	border: 1px solid #AAAAAA;
	padding: 10px;
	border-radius: 5px;
	font-size: 15px;
}

#help-promo-1 {
	width: 958px;
	height: 56px;

}

#help-promo-1 h1 {
	margin: 50px 0 0 0;
	font-size: 38px
}

/* end manual */

/* Faq */
.faq-content-area {
	font-size: 14px;
}

.faq-text {
	margin-left: 15px;
}

#faq-nav {
	float: left;
	font-size: 14px;
}

#faq-nav ul {
	list-style-type: none;
	width: 140px;
}

#faq-nav li.off {

	margin: 0;
}

#faq-nav li.on a {
	border-left: 1px solid #d0d2d2;
	border-top: 1px dashed #d0d2d2;
	background: #F7F9F8;
}

#faq-nav li a {
	display: block;
	padding: 14px 10px;
	text-decoration: none;
	margin: 0;
	border-left: 1px solid #fff;
	border-top: 1px dashed #d0d2d2;
	color: #4d4d4d;
	font-weight: bold;
}

/*
 #links li a {   make hover effect work in IE
	width: 200px; background: #DADADA;
}
*/
#faq-nav li a:hover {
	background: #F7F9F8;
	border-left: 1px solid #d0d2d2;
	border-top: 1px dashed #d0d2d2;
}

.faq-content-area {
	float: left;
	width: 100%;
	max-width: 810px;
	border: 1px solid #d0d2d2;
	/*background:url(../../img/grad_inline.gif) bottom left repeat-x;*/
	margin: -15px 20px 10px 0;
	padding: 20px;
	min-height: 400px;
	border-radius: 5px;
}

.faqwide {
	width: 570px;
	min-height: 100px;
}

.faq-content-area p,
.faq-content-area .faq-text {
	max-width: 600px;
	margin-bottom: 15px;
}

.faq-content-area a {
	font-size: 14px !important;
}

.faq-content-area h4 {
	margin: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #d0d2d2;
	font-size: 1.4em;
}

.faq-content-area ul.help {
	color: #4d4d4d;
	clear: both;
	margin: 12px 0 12px 20px;
	list-style-type: disc;
}
.faq-content-area ul.help li {
	list-style-type: disc;
}

.faq-content-area ol.help {
	color: #4d4d4d;
	clear: both;
	margin: 12px 0 12px 20px;
	list-style-type: decimal;
}
.faq-content-area ol.help li{
	list-style-type: decimal;
}
.sub-header-p {
	margin-top: 20px;
	font-size: 13px !important;
}

.faq-content-area a.sub-header {
	color: #6D6D6D;
	padding: 0 5px 3px 2px;
	border-bottom: 1px dashed #d0d2d2;
	font-weight: normal;
	font-size: 14px !important;
}

.faq-content-area a.sub-header:hover {
	text-decoration: none;
	border-bottom: 1px solid #d0d2d2;
}

.faq-sub {
	margin: 10px 0 20px 10px;
	font-size: 13px !important;
}

.faq-sub-sub {
	border-bottom: 1px dotted #d0d2d2;
	padding: 10px 0 20px 10px;
	margin: 0 0 20px 10px;
	font-size: 14px !important;
}

.sub-sub-header-p {
	font-size: 14px !important;
}

#faq-search {
	margin: 10px 0 0 0;
}

#faq-search input[type="text"] {
	height: 25px !important;
	width: auto !important;
	float: none;
	-webkit-border-radius: 2px;
	border: 1px solid #d0d2d2;
	border-radius: 3px;
	font-size: 15px;
	color: #444444;
	background: #FFF;
	margin-bottom: 8px;
	padding: 2px 4px;
}


#faq-search h4 {
	float: left;
	margin: 0 40px 0 13px;
}

#faq-search h4 label {
	font-size: 15px !important;
}

.faq-pipe {
	border-left: 1px #9e9c9c solid;
	margin: 0 4px 0 10px;
}

/* end Faq */

/* Start JQM window  NOTE: Same as in standard admin cm.css */
.close span,
.jqmClose span,
a.closeTable span {
	display: none;
}

a.close,
a.closeTable {
	display: block;
	float: right;
	height: 16px;
	width: 16px;
	background: url(../../img/close.gif) top right no-repeat;
}

a:hover.close {
	background: url(../../img/close_hover.gif) top right no-repeat;
}

.jqmWindow h5 {
	color: #4d4d4d;
	font-size: 1.125em;
	margin: 0 0 10px 0;
	max-width: 450px;
}

.jqmWindow {
	display: none;
	position: fixed;
	top: 7%;
	left: 50%;
	margin-left: -300px;
	width: 500px;
	background-color: #fff;
	padding: 25px;
	-moz-background-clip: padding;
	/* Firefox 3.6 */
	-webkit-background-clip: padding;
	/* Safari 4? Chrome 6? */
	background-clip: padding-box;
	/* Firefox 4, Safari 5, Opera 10, IE 9 */
	border-radius: 10px;
	box-shadow: 10px 10px 23px 0 rgba(0, 0, 0, 0.42);
}

.jqmWindowWide {
	display: none;
	background-color: #fff;
	padding: 25px;
	-moz-background-clip: padding;
	/* Firefox 3.6 */
	-webkit-background-clip: padding;
	/* Safari 4? Chrome 6? */
	background-clip: padding-box;
	/* Firefox 4, Safari 5, Opera 10, IE 9 */
	border-radius: 10px;
	box-shadow: 10px 10px 23px 0 rgba(0, 0, 0, 0.42);
	position: absolute;
	float: left;
	left: 50%;
	top: 50%;
	width: 80%;
	max-width: 700px;
	transform: translate(-50%, -50%);
}

.jqmOverlay {
	background-color: #8b8b8b;
	opacity: 0.3;
}

/* Fixed positioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
	position: absolute;
	top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* End JQM window */
/* Start Tipsy NOTE: Same as in standard admin cm.css */
.tipsy {
	font-size: 13px;
	position: absolute;
	padding: 5px;
	z-index: 100000;
}

.tipsy-inner {
	border: 1px solid #000;
	background-color: #F7F7F7;
	color: #222;
	max-width: 200px;
	padding: 10px;
	text-align: left;
	line-height: 1.2em;
}

/*padding: 5px 8px 4px 8px*/

/* Rounded corners */
.tipsy-inner {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* Shadow */
.tipsy-inner {
	box-shadow: 10px 10px 5px #545454;
	-webkit-box-shadow: 10px 10px 5px #545454;
	-moz-box-shadow: 10px 10px 5px #545454;
}

.tipsy-arrow {
	position: absolute;
	width: 0;
	height: 0;
	line-height: 0;
	border: 5px dashed #000;
}

/* Rules to colour arrows */
.tipsy-arrow-n {
	border-bottom-color: #000;
}

.tipsy-arrow-s {
	border-top-color: #000;
}

.tipsy-arrow-e {
	border-left-color: #000;
}

.tipsy-arrow-w {
	border-right-color: #000;
}

.tipsy-n .tipsy-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
	top: 0;
	left: 10px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
	top: 0;
	right: 10px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
	bottom: 0;
	left: 10px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
	bottom: 0;
	right: 10px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
	right: 0;
	top: 50%;
	margin-top: -5px;
	border-left-style: solid;
	border-right: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
	left: 0;
	top: 50%;
	margin-top: -5px;
	border-right-style: solid;
	border-left: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

/* End tipsy */

/* Results layover */
.darken-table-bg-on-layover {
	background-color: #efefef;
}

.result-overlay-content {
	width: 700px;
	margin: 20px;
}

.highlight-user-row-on-layover {
	background-color: #E0E0E0;
}

.print-classmarker-header h4 {
	margin: 5px 0 10px 0;
	width: 300px;
	height: 20px;
	background: url("../../img3/logo.gif") no-repeat scroll 20px 50% transparent;
	display: block;
}

.print-btns {
	text-align: center;
	margin: 10px;
	padding: 10px;
	border-bottom: solid #444 1px;
}

.result-overlay {
	width: 740px;
	min-height: 700px;
	/*height: 100%;*/
	padding-bottom: 10px;
	position: absolute;
	top: 220px;
	right: -10px;
	background-color: #fff;
	border: solid 1px #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.35);
	border-radius: 2px;
	z-index: 1000;
	display: none;
}

.graylink {
	color: #444;
}

.results-loading-gif {
	margin: 60px 130px 600px 20px;
	display: block;
}

.page-loading-div {
	margin-left: 40%;
	margin-top: 50px;
	margin-bottom: 50px;
	display: block;
	clear: both;
}

.result-overlay-navigation {
	margin: 30px 30px 30px 30px;
	clear: both;
	display: none;
}

.result-overlay-user-next {
	text-align: right;
}

.result-overlay-navigation .center-div,
.center-text {
	text-align: center;
}

/* End results Layover*/
/* Start Generic overlay */
.generic-overlay {
	width: 940px;
	min-height: 700px;
	/*height: 100%;*/
	padding-bottom: 10px;
	position: absolute;
	top: 220px;
	right: -10px;
	background-color: #fff;
	border: solid 1px #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.35);
	border-radius: 2px;
	z-index: 1000;
	display: none;
	margin-bottom: 30px;
}

.generic-overlay-content {
	width: 900px;
	margin: 20px;
}

/* End Generic overlay */
/** END MAT CSS **/

/* start Btns */
.btn {
	background: none repeat scroll 0 0 #E8E8E8;
	border: none;
	border-radius: 3px;
	color: #515151;
	cursor: pointer;
	display: inline-block;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	outline: none;
	padding: 7px 13px;
	position: relative;
	text-align: center;
	text-decoration: none !important;
	width: auto;
}

input[type="submit"]::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input.btn {
	line-height: normal !important;
}

.btn-width-next {
	min-width: 80px;
}

.btn-analytics {
	background: none repeat scroll 0 0 #0896E6;
	border-color: #045989;
	color: white;
	white-space: nowrap;
}

.btn.result-stats {
	min-width: 65px !important;
}

.btn-toggle-analytics {
	background-position: 0 -4875px;
	border-color: #045989;
	margin: 0 0 0 0;
	padding: 7px 0 5px 20px;
}

.btn-create,
.btn-assign {
	background: none repeat scroll 0 0 #FB3618;
	color: white;
}

.btn-rowhead {
	background: none repeat scroll 0 0 #0896E6;
	border-color: #045989;
	color: white;
}

.btn-results {
	background: none repeat scroll 0 0 #5DBB5D;
	border-color: #77a478;
	/*border-color: #316432;*/
	color: white;
}

.btn-noresults {
	background: none repeat scroll 0 0 #9ed09e;
	border-color: #8cac7a;
	color: white;
}

.btn-preview {
	background: none repeat scroll 0 0 #5DBB5D;
	border-color: #77a478;
	/*border-color: #316432;*/
	color: white;
}

.btn-fail {
	background: none repeat scroll 0 0 #FB3618;
	border-color: #7C1A0B;
	color: white;
}

.btn-grading {
	background: none repeat scroll 0 0 #ffd551;
	border-color: #a89839;
	/*border-color: #7c6f23;*/
	color: #444;
}

.btn.dropdown-toggle .caret {
	background: url("../../img3/icons-sprite.png") repeat scroll 0 -2653px transparent;
	background-position: 2px -2976px;
	padding: 0 4px;
}

.wysiwyg+.btn {
	margin-top: -20px;
}

.btn-add-wysiwyg,
#show_selected_letters {
	background: url("../../img3/icons-sprite.png") no-repeat scroll 10px -1709px #F6F6F6;
	border: 1px solid #AAAAAA;
	color: #444444;
	display: block;
	margin: 10px 0;
	padding: 20px 0 20px 40px;
	text-shadow: none;
	width: 510px;
	font-size: 18px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.btn-add-wysiwyg:hover {
	color: #FB3618 !important;
}

.btn a:hover {
	color: #444444;
}

.btn:hover,
.btn-edit:hover,
.btn-cancel:hover,
.btn-delete:hover,
btn-grading:hover {
	color: #444444;
}

.btn-create:hover,
.btn-assign:hover,
.btn-results:hover,
.btn-noresults:hover,
.btn-preview:hover,
.btn-analytics:hover,
.btn-fail:hover,
.btn-rowhead:hover {
	color: white;
}

.btn-create .caret {
	background-position: 0 -2761px;
	padding: 0 4px;
}

.menu .caret {
	background-position: 0 -2761px;
	padding: 0 4px;
}

.btn-actions .caret {
	background-position: -2px -2705px;
	padding: 0 4px;
}

.btn-white {
	background-color: white !important;
}

/*
.btn.dropdown-toggle .caret {
    background-position: 0 -2978px;
    padding: 0 4px;
}
*/
.btn-assign.alt-a {
	background-color: transparent;
	background-position: 7px -1724px;
	border: medium none;
	color: #FF462A;
	padding-left: 34px;
	text-shadow: none;
	font-weight: normal;
}

/* end Btns */


/* Start manual API */
.liftBox {
	border: 1px solid #d0d2d2;
	background-color: #fff;
	margin: 10px 0 10px 0;
	padding: 15px 10px 3px 10px;
	-moz-box-shadow: 3px 3px 3px 0 #c6c6c6;
	-webkit-box-shadow: 3px 3px 3px 0 #c6c6c6;
}

.api-link-box-container {
	width: 443px;
	float: left;
	margin-right: 24px;
}

.api-link-box-container2 {
	width: 300px;
	float: left;
	margin-right: 18px;
}

.api-link-box-container.last,
.api-link-box-container2.last {
	margin-right: 0 !important;
}

.api-link-box {
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #cbcbcb;
	background-color: #f7f7f7;
	margin-bottom: 15px;
	padding: 15px;
}

.api-content {
	font-size: 13px;
	color: #3c3c3c;
}

.manualItem {
	margin: 35px 0 65px 0;
}

.api-content p {
	color: #3c3c3c;
	font-size: 13px;
	margin-bottom: 20px;
	max-width: 860px
}

.api-content p.section-title {
	color: #000;
	font-size: 1.8em;
	margin-bottom: 3px;
}

.api-content h1 {
	font-size: 37px;
}

.api-content h3 {
	border-bottom: 1px solid #848484;
	margin-bottom: 10px;
	font-size: 2.7em;
	padding-bottom: 10px;
	color: #fc4700;
}

.api-content h4 {
	font-size: 1.25em;
	margin: 15px 0 7px;
}

.api-content h4.active {
	color: #fc4700;
}

.api-content h4.underline {
	border-bottom: solid #ccc 1px;
	padding-bottom: 6px;
}

.manualTable {
	border-collapse: collapse;
	margin: 15px 0 15px 0;
}

/*width:914px;*/
.manualTable td {
	display: table-cell;
	vertical-align: top;
	border: 1px solid #d0d2d2;
}

.mtColHeader {
	color: #3c3c3c;
	padding: 10px;
	width: 215px;
	font-weight: bold;
}

.mtColContent {
	color: #3c3c3c;
	padding: 10px;
	width: 755px;
	background-color: #fafafa;
}

.mtColContentHeader {
	color: #000000;
	background-color: #e8e9ed;
}

.mtColContentAlert {
	color: #000000;
	background-color: #fddbdb;
}

.mtColContentGoto {
	color: #000000;
	background-color: #fff;
}

.manualItem a.anchor {
	color: #3c3c3c;
	border-bottom: 1px dotted #4d4d4d;
}

.manualItem a:hover.anchor {
	color: #3c3c3c;
	border-bottom: 1px solid #3c3c3c;
	text-decoration: none;
}

.manualItem a.mantop {
	color: #3c3c3c;
	font-size: .9em;
}

.mtColContentAlert a.anchor {
	color: #000000;
	border-bottom: 1px dotted #000000;
}

.mtColContentAlert a:hover.anchor {
	color: #000000;
	border-bottom: 1px solid #000000;
	text-decoration: none;
}

.mtColContentAlert a.mantop {
	color: #000000;
	font-size: .9em;
}

.api-link-box h4 {
	margin: 1px 0 7px;
}

ul.manual {
	color: #3c3c3c;
	clear: both;
	margin: 10px 0 0 18px;
	padding: 0;
	list-style-type: disc;
	font-size: 13px;
	max-width: 800px
}

ol.manual {
	color: #3c3c3c;
	clear: both;
	margin: 10px 0 5px 23px;
	padding: 0;
	font-size: 13px;
	max-width: 800px
}

ul.manual li,
ol.manual li {
	margin: 0;
	padding: 0 0 5px 0;
}

.param {
	color: blue;
}

.codebox {
	border: 1px solid #d0d2d2;
	margin: 10px 0 10px 0;
	padding: 10px 0;
	background-color: #f0f0f0;
	font-size: 12px;
	overflow: auto;
}

.api-image {
	text-align: center;
	margin: 20px 0;
}

.codebox h4.link {
	background: url("../../img3/api/link_icon.png") no-repeat 12px 3px;
}

.codebox h4.xml {
	background: url("../../img3/api/xml_icon.png") no-repeat 11px 3px;
}

.codebox h4.json {
	background: url("../../img3/api/json_icon.png") no-repeat 13px 3px;
}

.codebox a.showcont,
.codebox h4,
.codebox div {
	padding-left: 40px;
	margin-top: 2px;
}

.codebox .codesample {
	margin-top: 15px;
	border-top: 1px solid #d0d2d2;
	padding-top: 20px;
}

.cmcode-box {
	background: #ffffff;
	overflow: auto;
	width: auto;
	border: solid gray;
	border-width: .1em .1em .1em .8em;
	padding: .6em;
	margin: 15px 0;
	clear: both;
}

.cmcode-box pre {
	margin: 0;
	line-height: 125%;
}

.cmcode-brackets {
	color: #000000;
	font-weight: bold;
}

.cmcode-names {
	color: #204a87;
	font-weight: bold;
}

.cmcode-value-str {
	color: #4e9a06;
}

.cmcode-value-num {
	color: #0000cf;
	font-weight: bold;
}

.cmcode-value-bool {
	color: #204a87;
	font-weight: bold;
}

.cmcode-stop-words {
	color: #204a87;
	font-weight: bold;
}

.cmcode-operator {
	color: #ce5c00;
	font-weight: bold;
}

.cmcode-phptags {
	color: #8f5902;
	font-style: italic;
}

.cmcode-function {
	color: #204a87;
}

.cmcode-variable {
	color: #000000;
}

.cmcode-dev-notes {
	color: #676767;
}

/*END manual API */


/* START CSS for test settings demo page */
.editor {
	line-height: 1.8;
}

#settings-box-container {
	color: #242424;
	margin-bottom: 65px;
	max-width: 618px;
}

#settings-box-container p {
	font-size: 13px;
	width: inherit;
}

#settings-box-container ol {
	/*list-style: upper-alpha outside none;*/
	list-style: decimal;
	margin-left: 22px;
}

#settings-box-container h4 {
	font-size: 1.25em;
	margin: 0;
	padding: 0 0 12px 0;
	font-weight: bold;
}

#settings-box-container h3 {
	background: none !important;
}

#settings-box-container .form-field-title {
	display: inline-block;
	float: left;
	margin-top: 3px;
	margin-right: 10px;
	text-align: right;
	width: 129px;
	/* TW: 113 */
	padding-top: 0;
}

#settings-box-container .form-field-title.assign {
	width: 200px !important;
}

#settings-box-container .form-field-title.not-input {
	/* TW align text with text */
	margin-top: 0 !important;
	/*margin-bottom: 4px !important;*/
}

#settings-box-container .form-text-value {
	display: inline-block;
	margin-top: 3px;
}

#settings-box-container input[type="text"],
textarea {
	border: 1px solid #AAAAAA;
	border-radius: 3px 3px 3px 3px;
	margin-bottom: 8px;
	margin-left: 0;
	padding: 4px;
}

#settings-box-container .accordion-toggle.open>.caret {
	background: url("../../img3/icons-sprite.png") repeat scroll 0 -3983px transparent;
}

#settings-box-container .accordion-toggle.closed>.caret {
	background: url("../../img3/icons-sprite.png") repeat scroll 0 -2653px transparent;
}


#settings-box-container .settings-box .caret:before {
	display: block;
	width: 16px;
	height: 16px;
	content: "";
	background-image: url("../../img3/icons-sprite.png?v=1");
	/* update icon sprite image to attached */
	position: absolute;
	right: 22px;
}

#settings-box-container .settings-box .setting-availability .caret:before {
	background-position: -2px -5322px;
}

#settings-box-container .settings-box .setting-attempts .caret:before {
	background-position: -2px -6176px;
}

#settings-box-container .settings-box .setting-restrict .caret:before {
	background-position: -4px -6397px;
}

#settings-box-container .settings-box .setting-advanced .caret:before {
	background-position: -4px -6309px;
}

#settings-box-container .settings-box .setting-user-info .caret:before {
	background-position: -4px -6263px;
}

#settings-box-container .settings-box .setting-custom-info .caret:before {
	background-position: -4px -6537px;
}

#settings-box-container .settings-box .setting-instructions .caret:before {
	background-position: -2px -5677px;
}

#settings-box-container .settings-box .setting-time-limit .caret:before {
	background-position: -2px -5725px;
}

#settings-box-container .settings-box .setting-save-results .caret:before {
	background-position: -4px -6352px;
}

#settings-box-container .settings-box .setting-resume-later .caret:before {
	background-position: -2px -5780px;
}

#settings-box-container .settings-box .setting-theme .caret:before {
	background-position: -3px -6495px;
}

#settings-box-container .settings-box .setting-questions-per-page .caret:before {
	background-position: -2px -5896px;
}

#settings-box-container .settings-box .setting-payments-icon .caret:before {
	background-position: -4px -6591px;
}

#settings-box-container .settings-box .setting-random .caret:before {
	background-position: -4px -6216px;
}

#settings-box-container .settings-box .setting-answers .caret:before {
	background-position: -3px -6136px;
}

#settings-box-container .settings-box .setting-results-page .caret:before {
	background-position: -2px -5947px;
}

#settings-box-container .settings-box .setting-passmark .caret:before {
	background-position: -2px -5836px;
}

#settings-box-container .settings-box .setting-return-link .caret:before {
	background-position: -3px -6443px;
}

#settings-box-container .settings-box .setting-certificate .caret:before {
	background-position: -3px -6057px;
}

#settings-box-container .settings-box .setting-email .caret:before {
	background-position: -3px -6000px;
}

#settings-box-container .settings-box .setting-print .caret:before {
	background-position: -3px -6095px;
}

.assign-settings-container .extra-info-question-container {
	margin-bottom: 60px;
}

.assign-settings-container .extra-info-answer-container {
	min-height: 200px;
}

.assign-settings-container .extra-info-answer-container .extra-info-answer-links a {
	font-size: 12px;
	color: #444444;
	text-decoration: underline;
}

.assign-settings-container .extra-info-answer-container .extra-info-answer-links a.active {
	text-decoration: none;
	font-weight: bold;
}

.assign-settings-container .extra-info-answer-container .extra-info-answer-links {
	margin-bottom: 10px;
	width: 262px;
	border: 1px solid #aaa;
	border-radius: 3px;
	padding: 7px;
	background: #f7f7f7;
}

#settings-box-container .settings-box h3 {
	float: left;
	font-size: 13px;
	margin-top: 0 !important;
	text-align: left;
	width: 108px;
}

#settings-box-container .settings-box .accordion-toggle {
	border-radius: 5px;
	padding: 14px 16px 14px;
	font-size: 13px;
}

#settings-box-container .settings-box .accordion-fold {
	background: none repeat scroll 0 0 white;
	border-top: 1px solid #AAAAAA;
	border-radius: 0 0 5px 5px;
	padding-top: 27px;
	display: none;
	font-size: 14px;
	width: 100%;
}

#settings-box-container .settings-box .accordion-fold input[type=text],
#settings-box-container .settings-box .accordion-fold input[type=password],
#settings-box-container .settings-box .accordion-fold select {
	padding: 8px;
	box-sizing: border-box;
}


#settings-box-container .settings-box {
	border: 1px solid #AAAAAA;
	border-radius: 5px;
	margin-bottom: 10px;
	/*min-width: 550px;tw*/
}

#settings-box-container .accordion-toggle:hover {
	cursor: pointer;
	background: none repeat scroll 0 0 #E4F1FB;
}

#settings-box-container .accordion-toggle.open {
	background-position: 102.5% -3962px;
	background: none repeat scroll 0 0 #E4F1FB;
	border-radius: 5px 5px 0 0;
}

#settings-box-container .accordion-toggle.closed {
	background-position: 102.5% -2632px;
}

#settings-box-container .table .row.accordion-toggle.closed .col-btns {
	display: none;
}

#settings-box-container .accordion-toggle,
.row.test-question {
	background: none repeat scroll 0 0 #F7F7F7;
	position: relative;
}

#settings-box-container .accordion-toggle>.caret {
	margin-top: -7px;
	padding: 0 6px;
	position: absolute;
	right: 6px;
	top: 50%;
}

#settings-box-container .table .row.accordion-toggle:hover {
	background: none repeat scroll 0 0 #E4F1FB;
}

#settings-box-container .accordion-toggle.mini {
	background-color: transparent;
	background-position: 0 0;
	display: block;
	margin: 10px 0;
}

#settings-box-container .accordion-toggle.mini.open .caret,
.accordion-toggle.mini.closed .caret {
	display: inline;
	position: static;
}

#settings-box-container .field-group {
	margin-bottom: 20px;
	padding-right: 5px;
}

#settings-box-container .field-group.leftpad {
	padding-left: 20px;
}

#settings-box-container .tab {
	margin: 5px 0 0 139px !important;
}

#settings-box-container .tab-auto-cats {
	margin-left: 40px !important;
}

#settings-box-container .subTab {
	margin-left: 148px !important;
}

.sub-checkbox {
	margin-left: 20px !important;
}

#settings-box-container .r-tab {
	display: inline-block;
	margin-bottom: 3px;
	margin-right: 3px;
	text-align: left;
	width: 90px;
}

#settings-box-container .tooltip {
	background-position: 0 -3550px;
	color: #000000;
	cursor: help;
	display: inline-block;
	outline: medium none;
	position: relative;
	text-decoration: none;
	text-indent: -999em;
	width: 20px;
	background-image: url("../../img3/icons-sprite.png");
	background-repeat: no-repeat;
}

#settings-box-container .tooltip.tooltiptextlevel {
	/* TW: keep icon at text middle */
	background-position: 0 -3549px;
}

#settings-box-container .tooltip.alert {
	background-position: 0 -4130px;
}

#settings-box-container .tooltip span {
	margin-left: -999em;
	position: absolute;
	text-indent: 0;
}

#settings-box-container .tooltip:hover span {
	border-radius: 3px 3px 3px 3px;
	box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	left: 1em;
	margin-left: 0;
	position: absolute;
	right: 4px;
	top: 16px;
	width: 160px;
	z-index: 99;
}

#settings-box-container .tooltip:hover span.tooltip-to-left {
	margin-left: -195px;
}

#settings-box-container fieldset {
	border: none;
}

#settings-box-container hr {
	background: none repeat scroll 0 0 #AAAAAA;
	border: medium none;
	height: 1px;
	margin-bottom: 20px;
}

#settings-box-container label {
	padding-left: 3px;
}

.margleft40 {
	margin-left: 40px;
}

.instmarg1 {
	margin: 0 0 20px 60px;
}

.settings-box .settings-flag {
	color: #c4c4c4;
}

/* END CSS for test settings demo page */

/* START : Pricing */


.pricing-section-heading {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	color: #000;
}

h2.pricing-section-heading-horizontal {
	font-size: 28px;
	font-weight: bold;
	margin: 40px 10px 0 10px;
	color: #000;
}

.pricing-section-sub-heading {
	display: block;
	font-size: 20px;
	text-align: center;
	margin-bottom: 10px;
	color: #000;
}

.pricing-section-sub-heading-horizontal {
	display: block;
	font-size: 20px;
	margin-left: 10px;
	margin-bottom: 10px;
	color: #000;
}

.pricing-list {
	display: table;
	width: 906px;
	list-style: none;
	margin: 0 auto 5px auto !important;
}

.pricing-list.horizontal {
	display: table;
	width: 906px;
	list-style: none;
	margin: 1px 0 !important;
}


.pricing-item {
	float: left;
	width: 280px;
	padding: 0 11px;
}

.pricing-item.horizontal {
	float: left;
	width: 280px;
	padding: 0 1px !important;
	line-height: 1.8;
}

.pricing-plan {
	text-align: center;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	padding-bottom: 10px;
	-moz-box-shadow: 3px 3px 3px 0 #c6c6c6;
	-webkit-box-shadow: 3px 3px 3px 0 #c6c6c6;
}

.pricing-plan-horizontal {
	text-align: center;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	padding-bottom: 10px;
	border-radius: 3px;
	min-height: 318px;
}

.pricing-plan-title {
	margin: 1px !important;
	padding-top: 10px;
	height: 30px;
	font-size: 22px !important;
	color: #fff !important;
	background: #f94100 url(../../img3/home/pricing-bg.png) repeat-x;
	border-radius: 3px;
}

.pricing-plan-title-b.horizontal {
	margin: 1px !important;
	padding-top: 10px;
	height: 30px;
	font-size: 17px !important;
	color: #fff !important;
	background: #f94100 url(../../img3/home/pricing-bg.png) repeat-x;
	border-radius: 3px;
}

.pricing-plan-content {
	padding: 0 20px;
}

.pricing-plan-content-horizontal {
	padding: 0 10px;
	height: 78px;
	display: block;
}

.pricing-plan-content-horizontal-loggedin {
	padding: 0 20px;
	height: 125px;
	display: block;
}

.pricing-plan-content-horizontal-loggedin a {
	font-size: 13px !important;
}

.pricing-plan-content-horizontal-loggedin.price-payg {
	height: 95px;
}

.pricing-plan-price {
	color: #000;
	font-size: 45px;
	line-height: 1;
	margin-top: 13px;
}

.pricing-plan-price.horizontal {
	font-size: 20px;
	margin-top: 28px;
}

.pricing-plan-discount {
	margin-top: 10px;
	font-family: arial;
	font-size: 15px !important;
}

.pricing-plan-price-details {
	font-weight: normal;
	font-size: 20px;
	display: block;
	color: #545454;
}

.pricing-plan-feature-list {
	list-style: none;
	margin: 0 auto 30px auto;
	font-family: arial;
	font-size: 15px;
}

.pricing-plan-feature-list.horizontal {
	margin: 28px auto !important;
}

.pricing-plan-register {
	display: block;
	margin: 25px 0;
	color: #FF462A;
}

.btn-plan {
	font-size: 13px;
	width: 150px;
	display: block;
	margin: 0 auto 10px;
}

.pricing-plan-content-horizontal-loggedin .btn-plan {
	margin: 0 auto 2px !important;
}

.btn-height-match {
	clear: both;
	height: 60px;
	width: auto;
}

.btn-pack {
	font-size: 13px;
	bottom: 0;
	left: 0;
	right: 0;
	width: 82px;
}

.pricing-credit-list {
	width: 1014px !important;
	margin-left: 0 !important;
}

.credit-pack-item {
	float: left;
	width: 139px;
	padding: 0 1px;
}

.credit-pack-details-features {
	font-weight: bold;
}

.credit-pack {
	text-align: center;
	border: 1px solid #cbcbcb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #fff;
	border-radius: 4px;
	padding-bottom: 5px;
	min-height: 254px;
}

.credit-pack-title {
	margin: 1px !important;
	padding-top: 10px;
	height: 30px;
	font-size: 15px !important;
	color: #fff !important;
	background: #f94100 url(../../img3/home/pricing-bg.png) repeat-x;
}

.credit-pack-price {
	font-size: 23px;
	line-height: 1.0;
	margin-top: 10px;
	color: #000;
}

.credit-pack-details {
	width: 80%;
	margin: 5px auto;
}

.inc-gst {
	font-size: 13px;
	display: block;
	font-weight: normal;
	margin-bottom: 10px;
}

.inc-gst-horizontal {
	font-size: 13px;
	display: block;
	font-weight: normal;
}

img.how-credits-work,
img.how-credits-work-small {
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

img.how-credits-work {
	display: block;
}

img.how-credits-work-small {
	display: none;
}

/* end Pricing */

/* START : Pricing section selection */

.pricing-section-selection-container {
	width: 1014px;
	margin: 0 auto;
	padding-top: 37px;
}

.pricing-section-selection-container h1 {
	font-weight: bold;
	font-size: 30px;
	color: #000;
}

/* TODO : Change to list? */
.pricing-section-selection-container ul>li {
	display: inline-block;
	*display: inline;
	margin: 14px 0 7px 3px;
	font-size: 25px;
	font-weight: bold;
}

.pricing-section-selection-container .pricing-choice {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 260px;
	/* 260px + 60px(padding) = 320px */
	height: 154px;
	/* 154px + 66px(padding) = 220px */
	margin: 20px 20px 400px 0;
	/* TODO : using margin bottom to fill the page change this. */
	padding: 33px 30px;

	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 5px 5px 8px 0 rgba(204, 204, 204, 1);
}

.pricing-section-selection-container .pricing-choice h3 {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	margin-bottom: 15px;
}

.pricing-section-selection-container .pricing-choice p {
	font-family: arial;
	font-size: 15px;
	color: #000;
	margin-bottom: 20px;
}

.pricing-section-selection-container .pricing-choice a {
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 0 0 0 #2e2e2e;
	font-size: 18px;
}

/* END : Pricing section selection */

.faq-section {
	margin: 20px 0 0 10px;
}

.faq-section h3 {
	margin: 25px 0 25px 0 !important;
	font-size: 20px !important;
}

.faq-box {
	width: 305px;
	float: left;
	margin-right: 30px;
}

.faq-box p {
	clear: both;
	font-size: 13px;
	line-height: 1.61;
	margin-left: 2px;
}

.faq-box p a {
	color: #ef4926;
}




/*=========== RESPONSIVE STYLES ===========*/
.slicknav_menu {
	background: #26272b;
	overflow: hidden;
}

.slicknav_btn {
	float: right;
}

.slicknav_icon {
	display: inline-block;
	width: 41px;
	height: 40px;
	background: url(../../img3/home/nav-btn.png) no-repeat;
	/* slinky*/
	margin: 0;
	float: right;
}

.slicknav_menutxt {
	display: none;
}

.slicknav_nav li {
	padding-left: 20px;
	padding-top: 20px;
	line-height: 1;
	list-style: none;
	clear: both;
}

.slicknav_nav li:last-child {
	padding-bottom: 20px;
}

.slicknav_nav li a {
	color: #fff;
	font-family: Helvetica;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

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

.slicknav_menu {
	display: none;
}

.site-features img {
	margin-left: 35px;
}

.site-features img:first-child {
	margin-left: 15px;
}

#client-list {
	border-bottom: 3px solid #c6c6c6;
	padding: 18px 0 17px;
}

#client-list .col-full {
	width: 1020px;
}

#client-list .client-title {
	color: #4d4d4d;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 20px;
}

.client-images {
	float: left;
	width: 100%;
}

a.more-clients {
	float: right;
	text-decoration: none;
	font-size: 15px;
	margin-right: 25px;
	padding-top: 3px;
}

#client-list img {
	margin-left: 90px;
	margin-top: -44px;
}

#client-list {
	overflow: hidden;
}

#client-list .client-images img {
	margin: 0;
	padding: 0;
	text-decoration: none;
	float: left;
}

/*#client-list .client-list img:last-child {padding-right: 0;}*/



@media screen and (max-width: 1050px) {
	body .col-full {
		width: 99%;
		padding: 0 10px 0 10px;
	}

	.pricing-section-selection-container h1,
	.pricing-section-selection-container ul li,
	.pricing-section-selection-container .pricing-choice {
		margin-left: 10px;
	}

	.api-content {
		width: 100%;
		margin-left: 0;
	}

	.codebox {
		width: 93%;
	}

	.manualTable {
		width: 93%;
	}

	div#header div.h1 {
		margin-left: 10px;
	}

	.main2 {
		margin: 10px;
	}

	.mobile-margin {
		margin: 0 5px 0 5px;
	}

	form#contactus p {
		margin-left: 0;
	}
}

@media screen and (max-width: 1041px) {
	.faq-content-area {
		width: 70%;
	}
}

@media screen and (max-width: 1035px) {
	#client-list .client-images img {
		padding-bottom: 15px;
	}

	#client-list .client-3 {
		clear: left;
	}

	a.more-clients {
		float: none;
	}

	#client-list .client-images img {
		float: none;
	}

	#client-list .col-full {
		text-align: center;
		width: inherit;
	}

}

@media screen and (max-width: 1030px) {
	.pricing-section-selection-container {
		width: 100%;
	}
}

@media screen and (max-width: 1020px) {
	.interactive-settings {
		width: 70%;
	}
}

@media screen and (max-width: 1002px) {
	.statistic-box {
		margin-right: 25px;
		width: 275px;
	}
}

@media screen and (max-width: 1001px) {


	.homepage-content {
		text-align: center;
	}

	.homepage-content ul,
	.homepage-content ul {
		list-style: none;
	}

	.homepage-content .features-left,
	.homepage-content .features-right {
		width: 100%;
	}

	.homepage-content .features-right ul li {
		line-height: 1.7;
	}

	.join-box,
	.col-446,
	.col-476 {
		width: 100%;
	}

	a.more-clients {
		padding: 10px 0;
	}

	.col-446 p {
		margin-right: 25px;
	}

	.site-features img {
		margin: 0 0 0 10px;
	}

	.site-features img.security2 {
		margin: 0 0 0 50px;
	}

	.interactive-settings {
		clear: both;
		width: 100%;
		margin-top: 60px;
		margin-left: 0;
		padding-left: 0;
		background: gray;
	}

	.manualContent {
		padding-left: 10px;
	}

	.features-list {
		display: none;
		clear: both;
		margin-top: 10px;
	}

	.more-tour-link {
		display: inline-block;
	}

	.positives-box {
		width: 95%;
		margin-left: 10px;
		clear: both !important;
	}

	.contact-us-lh {
		clear: both;
		width: 90% !important;
	}

	.contact-us-rh {
		clear: both;
		width: 90% !important;
	}

	div.partners-box-right {
		width: 95%;
	}

	.join-box-btn {
		float: none;
		text-align: right;
		width: 20%;
	}

	.join-box-text {
		float: left;
		text-align: left;
		width: 70%;
	}
}

@media screen and (max-width: 997px) {

	ul.homelist,
	ol.homelist {
		margin-left: 10px;
	}

	ul.homelist li,
	ol.homelist li {
		margin-left: 20px;
	}

	.col-300 {
		width: 100%;
		margin-left: 0;
	}
}

@media screen and (max-width: 991px) {
	.white-bg-content2 .last {
		clear: both;
	}
}

@media screen and (max-width: 971px) {
	.footer-content {
		float: left;
		clear: both;
		margin-left: 10px;
	}

	.footer-content h4 {
		float: left;
		clear: both;
		margin: 0;
		padding: 0;
		margin-top: 20px;
	}

	.footer-content p {
		float: left;
		clear: both;
	}

	.footer-list1 li,
	.footer-list2 li {
		line-height: 1.6;
	}

	#add-this {
		float: left;
		clear: both;
	}
}

@media screen and (max-width: 950px) {
	.col-620 {
		width: 96%;
		clear: both;
	}

	.col-half {
		margin-left: 0;
		width: 100%;
		padding-left: 0;
	}

	.col-half h3,
	.col-half li {
		margin-left: 10px;
	}

	.awards-logo {
		width: 100%;
		clear: both;
		margin-right: 0;
		margin-left: 20px;
	}

	.flowchart {
		clear: both;
		margin-bottom: 5px;
		margin-left: 10px;
	}

	.tb3 {
		clear: both;
	}

	.col-590 {
		width: 96%;
	}

	.light-gd .col-590 {
		padding-left: 0;
	}

	.light-grad-content h3,
	.col-590 img,
	.col-590 p,
	.test-box h5 {
		margin-left: 10px;
	}

	.test-access h1,
	.test-access p,
	.tb3 h5,
	.test-box ul li {
		margin-left: 10px;
	}

	.test-box,
	.tb2 {
		border-left: 0 none;
		margin-left: 20px;
		padding-left: 0;
	}

	.white-bg-content p {
		margin-left: 10px;
		width: 96%;
	}

	ul#crumbtrail {
		width: 100%;
		clear: both;
	}
}

@media screen and (max-width: 927px) {
	.col-half {
		width: 100%;
		padding-left: 0;
	}

	.white-bg-content h3,
	.white-bg-content p,
	.try-settings,
	#settings-box-container h4,
	.settings-box,
	h4.faq-title {
		margin-left: 10px;
	}

	#accessibility h3,
	#accessibility p,
	#accessibility img {
		margin-left: 10px;
	}

	.features-list {
		width: 175px;
		margin-right: 0;
		margin: auto;
		float: none;
	}

	#features-box {
		width: 100%;
		clear: both;
	}

	.col-620 {
		width: 96%;
	}

	.quiz-maker h2,
	.white-bg-content h3 {
		line-height: 1.2;
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 920px) {
	.pricing-list .horizontal {
		clear: both;
	}

	.credit-pack-item {
		clear: both;
		width: 280px;
	}

	img.how-credits-work {
		display: none;
	}

	img.how-credits-work-small {
		width: 90%;
		display: block;
	}

	.pricing-plan-horizontal {
		margin-top: 1px;
		margin-left: 10px;
	}

	.pricing-list.horizontal {
		width: 100%;
		margin: 20px 0 0 10px;
	}

	.credit-pack-item,
	.reg-for-free-trial-btn {
		margin-left: 10px;
	}

	.pricing-section-heading-horizontal {}

	.table-bottom {
		width: 90%;
	}

	.plans-heading {
		width: 100%;
	}

	h3.pricing-plan-title {
		display: none;
	}

	.pricing-plan-title-container {
		background: #f94100 url(../../img3/home/pricing-bg.png) repeat-x;
		height: 30px;
	}

	.pricing-plan-title-container h4.pricing-plan-price {
		color: #fff !important;
		margin-top: 9px;
	}


}

@media screen and (max-width: 917px) {
	#featured {
		clear: both;
	}

	.featured-content h1,
	.featured-content p,
	.register-btn,
	.features-left h2,
	.features-left a {
		margin-left: 10px;
	}

	.features-right h3,
	.features-right li,
	.more-features,
	h1,
	.nav li,
	#badattempt-login-form {
		margin-left: 10px;
	}

	#client-list .client-title,
	#client-list .more-clients,
	#client-list .client-images {
		margin-left: 10px;
	}

	#main h3,
	#main p,
	.join-box,
	#footer li {
		margin-left: 10px;
	}

	.features-box h2,
	.features-box h1,
	.quiz-maker h2,
	.quiz-maker h3,
	.quiz-maker p,
	.quiz-maker img {
		margin-left: 10px;
	}

	p.nopad {
		margin-left: 10px !important;
	}

	.join-btn {
		margin-left: 10px;
	}

	ul#crumbtrail {
		margin-left: 10px;
	}

	.features-img2 h2,
	.features-img2 p,
	.features-img2 h3,
	.little,
	.table-bottom h4 {
		margin-left: 10px;
	}

	.faq-section h2,
	.faq-section h3 {
		margin-left: 10px !important;
	}

	.faq-section p,
	.faq-box h4,
	.pricing-btn,
	.test-takers,
	.register-box h2,
	.register-today h1,
	#regForm {
		margin-left: 10px;
	}

	.manual-col {
		margin-left: 10px;
		margin-right: 0;
	}

	#help-promo-1-switcher,
	#help-promo-1 h2 {
		margin-left: 10px;
	}

	#faq-search,
	#faq-nav,
	.account-box,
	.blog_items,
	.terms-box h1 {
		margin-left: 10px;
	}

	.sitemap-content-left,
	.sitemap-content-right {
		margin-left: 10px;
	}

	.api-content h2,
	.api-content p,
	.api-link-box,
	.api-content h3,
	.manualTable,
	.codebox,
	h4.underline {
		margin-left: 10px;
	}

	.api-content h4,
	ul.manual li,
	.pricing-text {
		margin-left: 10px;
	}

}

@media screen and (max-width: 892px) {
	.statistic-box {
		text-align: center;
		clear: both;
		width: 85%;
	}

	.statistic-box h3,
	.statistic-box p,
	.statistic-box img {
		margin-left: 10px;
	}
}

@media screen and (max-width: 800px) {

	#main .contact-box {
		padding-left: 10px;
		width: 94%;
	}

	#main .col-contact {
		width: 94%;
	}

	.jqmWindowWide2 {
		width: 80%;
		left: 52%
	}

	.jqmWindowWide2 iframe {
		width: 98%;
	}

	.blog-width {
		width: 93%;
	}
}

@media screen and (max-width: 755px) {
	.or-circle {
		clear: both;
		padding-top: 10px;
		padding-bottom: 10px
	}

	.administrators-box {
		clear: both;
		margin-left: 10px;
	}

	.codebox div {
		padding-left: 0;
		width: 90%;
		text-wrap: wrap;
	}

	.codebox pre {
		white-space: pre-wrap;
		/* css-3 */
		white-space: -moz-pre-wrap;
		/* Mozilla, since 1999 */
		white-space: -pre-wrap;
		/* Opera 4-6 */
		white-space: -o-pre-wrap;
		/* Opera 7 */
		word-wrap: break-word;
	}

	#faq-nav ul {
		width: 100%;
	}

	#faq-nav ul li {
		display: inline-block;
	}
}

@media screen and (max-width: 724px) {
	.pricing-choice {
		margin-bottom: 30px !important;
	}

	h1 {
		clear: both;
		margin-bottom: 10px;
	}

	.pricing-section-selection-container ul>li {
		line-height: 1.3;
		margin: 0;
		margin-left: 10px;
	}

	.faq-content-area {
		margin-left: 10px;
		margin-top: 15px;
	}
}

@media screen and (max-width: 710px) {
	.interactive-settings {
		position: relative;
	}

	.interactive-settings .arrow-left {
		position: absolute;
		left: 0;
	}

	.interactive-settings .arrow-right {
		position: absolute;
		right: 0;
	}

	.interactive-img {
		width: 90%;
		height: 90%;
		margin-left: 30px;
	}

	.interactive-settings h2,
	.interactive-settings h1 {
		margin-left: 30px;
	}

	.slide-text {
		width: 90%;
		margin-left: 30px;
	}

	.slide-text p {
		width: 100%;
	}

	.faq-box {
		width: 100%;
	}

	#main .faq-section h3 {
		line-height: 1.3;
	}
}

@media screen and (max-width: 682px) {
	p.little {
		margin-bottom: 20px !important;
	}

	.blog-box {
		width: 93%;
	}

	.width-630 {
		width: 93%;
	}

	.blog-box h2 {
		font-size: 32px;
		line-height: 1.2;
	}
}

@media screen and (max-width: 675px) {
	.account-box {
		width: 90%;
		clear: both;
	}

	.fbr1 {
		clear: both;
	}
}

@media screen and (max-width: 671px) {
	.nav {
		display: none;
	}

	.slicknav_menu {
		display: block;
	}

	.featured-content {
		width: 95%;
		max-width: 454px;
	}

	.featured-content h1 {
		margin-top: 10px;
	}

	.review-img {
		width: 97%;
		height: 100%;
	}
}

@media screen and (max-width: 660px) {
	.tablepricing {
		width: 100%;
	}

	.tablepricing th .pricehead {
		font-size: 16px;
	}

	.integrate-img {
		width: 97%;
		height: 100%;
	}
}

@media screen and (max-width: 650px) {
	.instant-img1 {
		width: 97% !important;
		height: 100%;
		margin-left: 10px;
	}

	.manual-col {
		clear: both;
	}

	.integrate-img1 {
		width: 90%;
		height: 100%;
	}

	.jqmWindowWide2 {
		width: 80%;
		left: 57%
	}

	.jqmWindowWide2 iframe {
		width: 98%;
	}

	#login-form {
		float: left;
		margin: 25px 0 12px 7px;
	}

	.login-error {
		margin-left: 10px;
	}
}

@media screen and (max-width: 630px) {

	.flowchart,
	.tb-img1 {
		width: 97%;
		height: 100%;
	}

	.quiz-img3 {
		width: 97%;
		height: 100%;
	}

	.faq-content-area p,
	.faq-content-area .faq-text {
		width: 100%;
	}
}

@media screen and (max-width: 625px) {
	#accessibility img {
		width: 95%;
		height: 100%;
	}
}

@media screen and (max-width: 615px) {
	.fluid-img {
		width: 97%;
		height: 100%;
	}
}

@media screen and (max-width: 600px) {
	.test-access div.test-access-top-bullets {
		min-height: auto;
	}

	.test-box {
		width: 100%;
	}

	.faq-content-area {
		margin-left: 5px;
		width: 85%;
	}

	#faq-search {
		margin-left: 5px;
	}

	#faq-nav {
		margin-left: 5px;
	}

	.account-box {
		background: #FFF;
	}

	.api-content h2 {
		line-height: 1.2;
		font-size: 30px;
		margin-left: 10px;
	}

	.api-content p {
		margin-left: 10px;
	}

	.api-link-box-container {
		width: 92%;
		margin-left: 10px;
	}

	.api-content h3 {
		font-size: 30px;
		margin-left: 10px;
		line-height: 1.2;
		margin-top: -20px;
	}

	.manualTable {
		width: 93%;
		margin-left: 10px;
	}

	.codebox,
	.api-content h4 {
		margin-left: 10px;
	}

	h4.underline {
		margin-left: 10px;
	}

}

@media screen and (max-width: 590px) {
	.table-bottom {
		width: 100%;
	}
}

@media screen and (max-width: 560px) {
	.interactive-img {
		width: 80%;
		height: 95%;
		margin-left: 30px;
	}

	.interactive-settings h2,
	.interactive-settings h1 {
		margin-left: 30px;
	}

	.slide-text {
		width: 80%;
		margin-left: 30px;
	}

	.slide-number {
		margin-left: 30px;
	}

	.client-images img {
		clear: both;
		padding-bottom: 20px !important;
	}
}

@media screen and (max-width: 497px) {
	.white-bg-content h3 {
		font-size: 30px;
	}
}

@media screen and (max-width: 485px) {
	.video4 img {
		width: 95%;
		height: 100%;
	}

	.contactus-box {
		padding-left: 0;
		width: 94%;
	}

	#contact-promo-1,
	#contact-promo-2,
	#contact-promo-3 {
		margin-left: 10px;
	}

	.jqmWindowWide2 {
		width: 80%;
		left: 88%
	}

	.jqmWindowWide2 iframe {
		width: 95%;
	}
}

@media screen and (max-width: 470px) {
	.quiz-maker h2 {
		font-size: 30px;
	}
}

@media screen and (max-width: 455px) {
	.administrators-box {
		width: 93%;
	}

	.admin-left {
		width: 99%;
		border: 0 none;
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.admin-right {
		width: 99%;
		border: 0 none;
		padding-bottom: 30px;
	}

	#login-form {
		float: left;
		clear: both;
		width: 95%;
		margin-top: 10px;
	}

	#login-form input.homelogin {
		width: 95%;
		clear: both;
		float: left;
		margin: 0 0 10px 0;
	}

	#login-form span.keep_me_logged_in {
		position: relative;
		margin: 2px 0 10px 2px;
		clear: both;
		float: left;
		width: 50%;
	}

	#login-form .login-form-button {
		margin: 0 2.2% 0 0;
		float: right;
		width: 99px;
	}

	.login-form-buttons {
		float: left;
		clear: both;
	}

	.login-form-buttons a {
		float: left;
		margin: 15px 0 10px 8px;
	}

	.login-form-buttons a:first-child {
		float: left;
		margin: 15px 8px 10px 0;
	}

	.login-form-buttons span.divider {
		float: left;
		margin: 13px 0 10px 0;
		display: inline;
	}
}

@media screen and (max-width: 430px) {
	.featured-content h1 {
		font-size: 32px;
		margin-top: 20px;
	}

	.quiz-maker .quiz-img1 {
		width: 94%;
		height: 100%;
	}

	.integrate-img {
		width: 94%;
		height: 100%;
	}

	.flowchart,
	.tb-img1 {
		width: 97%;
		height: 100%;
	}
}

@media screen and (max-width: 410px) {
	.features-list {
		margin-left: 10px;
	}

	.header-buttons {
		clear: both;
		float: left;
		margin-left: 0;
	}

	.instant-img1 {
		width: 100% !important;
		margin-left: 0 !important;
	}
}

@media screen and (max-width: 485px) {
	.quiz-maker .review-img {
		width: 100%;
		margin-left: 0;
	}
}

@media screen and (max-width: 477px) {
	table.manualTable {
		width: 100px;
	}

	td.mtColHeader {
		width: 250px;
		max-width: 260px;
		text-wrap: wrap;
		float: left;
	}

	td.mtColContent {
		width: 250px;
		max-width: 260px;
		float: left;
		clear: both;
	}

}

@media screen and (max-width: 390px) {

	.contactus-box,
	#contact-promo-1,
	#contact-promo-2,
	#contact-promo-3 {
		width: 260px !important;
	}
}

@media screen and (max-width: 370px) {
	.pricing-section-selection-container .pricing-choice {
		width: 70%;
		float: left;
		clear: both;
	}

	.plans-heading h3 {
		font-size: 30px;
		line-height: 1.3;
	}
}

@media screen and (max-width: 367px) {
	.join-box span {
		width: 100%;
		clear: both;
		float: left;
		padding-top: 15px;
	}
}

@media screen and (max-width: 350px) {
	.featured-content h1 {
		font-size: 28px;
	}

	p.p-thousands {
		width: 95%;
		clear: both;
		padding-top: 15px;
	}

	.register-today h1 {
		font-size: 20px;
		width: 90%;
	}

	#main #regForm input,
	p.little {
		width: 220px
	}

	#main form#regForm {
		width: 220px
	}

	#main #regForm #agree-to-terms {
		width: 10px;
		margin-bottom: 30px;
	}

	p#agreetermsid {
		width: 260px;
	}

	#regForm .select-box {
		width: 208px
	}

	.faq-content-area {
		width: 80%;
	}

	.sitemap-content-left,
	.sitemap-content-right {
		width: 90%;
	}
}

@media screen and (max-width: 338px) {
	.manual-col {
		width: 260px;
	}
}

.shake-and-bake {
	animation: shake .6s cubic-bezier(.36, .07, .19, .97) both;
	transform: translate3d(0, 0, 0);
	-moz-transform-style: preserve-3d;
	backface-visibility: hidden;
	perspective: 1000px;
	animation-delay: 5s;
}

@keyframes shake {

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: rotatey(-.5deg);
		/* Chrome, Safari, Opera */
		-webkit-transform-style: preserve-3d;
		/* Chrome, Safari, Opera */
		-ms-transform: rotateZ(-.5deg);
		-moz-transform: rotateZ(-.5deg);
	}

	0%,
	15%,
	25%,
	35%,
	45%,
	55%,
	65%,
	75%,
	85%,
	95%,
	100% {
		-webkit-transform: rotateZ(0deg);
		/* Chrome, Safari, Opera */
		-webkit-transform-style: preserve-3d;
		/* Chrome, Safari, Opera */
		-ms-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: rotateZ(.5deg);
		/* Chrome, Safari, Opera */
		-webkit-transform-style: preserve-3d;
		/* Chrome, Safari, Opera */
		-ms-transform: rotateZ(.5deg);
		-moz-transform: rotateZ(.5deg);
	}
}



/* Retina images homepage BG image */
@media only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

	#featured {
		background: #bdbdbd url(../../img3/home/home_main_1@2x.jpg) no-repeat center;
		background-size: cover;
	}
}

@media only screen and (min-device-pixel-ratio: 3),
only screen and (min-resolution: 3dppx) {

	#featured {
		background: #bdbdbd url(../../img3/home/home_main_1@3x.jpg) no-repeat center;
		background-size: cover;
	}
}

/* Keep under #featured  retina image css */
@media screen and (max-width: 980px) {
	#featured {
		background-position: -300px;
	}

	.featured-content {
		width: 95%;
		max-width: 454px;
	}
}

@media screen and (max-width: 600px) {
	#featured {
		background-position: -300px;
	}
}


/* Retina */
@media only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

	.menu-sections li,
	.home-name,
	.results-name,
	.certificate-name,
	.icon-calendar,
	.icon-calendar-green,
	.test-name,
	.group-name,
	.link-name,
	.stat-name,
	.search-name,
	.member-name,
	.question-name,
	.theme-name,
	.media-name,
	.category-name,
	.certificate-name,
	.accesslist-name,
	.community-name,
	.tick,
	.dropdown-x>a,
	.tooltip,
	.dropdown-x label a,
	.btn-create .caret,
	.btn-actions .caret,
	.btn.dropdown-toggle .caret,
	.btn.dropdown-toggle .caret,
	.btn-assign.alt-a,
	.btn.btn-toggle-analytics,
	.table .result-fail,
	.table .result-pass,
	.table .result-grading,
	.write-pre,
	.write-ol,
	.write-ul,
	.write-font-link,
	.write-video,
	.user-manual,
	.write-center,
	.write-bold,
	.write-fontM,
	.write-fontL,
	.write-fontS,
	.write-question-preview,
	.write-sub,
	.write-sup,
	.write-italic,
	.write-underline,
	.write-line-through,
	.write-square-root,
	.write-image,
	.write-font-color,
	.video-help,
	.write-video,
	.btn.dropdown-toggle .caret,
	.btn-add-wysiwyg,
	#show_selected_letters,
	#settings-box-container .accordion-toggle.open>.caret,
	#settings-box-container .accordion-toggle.closed>.caret,
	#settings-box-container .tooltip,
	#settings-box-container .settings-box .caret:before {
		background-image: url("../../img3/icons-sprite@3x.png?v=1");
		/* update icon sprite image to attached */
		background-size: 46px 6889px;
	}
}

@charset "UTF-8";
/* ==========================================================================
   Fix file path for lecagy css
   ========================================================================== */
.features-box3 {
  background: url("/img3/home/light-gd2.png") repeat;
}

.features-box3 .col-full {
  background: url("/img3/home/features-box3.jpg") bottom center no-repeat;
}

.features-img2 .col-full {
  background: url("/img3/home/features-img2.jpg") 70% 0% no-repeat;
}

#main {
  background: url("/img3/home/light-gd.png") repeat;
}

.main2 {
  background: url("/img3/home/light-gd.png") repeat;
}

.join-btn {
  background: #ff5423 url("/img3/home/join-btn.png") repeat-x;
}

#statistics {
  background: url("/img3/home/dark-gd.png") repeat;
}

.gray-gd {
  background: url("/img3/home/dark-gd.png") repeat;
}

.light-gd {
  background: url("/img3/home/light-gd.png") repeat;
}

.pricing-btn {
  background: #f94100 url("/img3/home/pricing-bg.png") repeat-x;
}

.tablepricing {
  background: #fff url("/imgcontgraygrad.gif") top left repeat-x;
}

.shade {
  background: url("/imgimg/pricing_shade.png") top left repeat-y;
}

.reg-for-free-trial-btn {
  background: #ff5423 url("/img3/home/register-btn.png") repeat-x;
}

.reg-box {
  background: #FFF url("/img3/home/regBox-bg.png") repeat-x;
}

.select-box {
  background-image: url("/img3/home/arrow-gray.png");
}

#main #register-button {
  background: url("/img3/home/pricing-bg.png") repeat-x;
}

.account-box {
  background: url("/img3/home/tick.png") #fff 90% bottom no-repeat;
}

.menu-sections li, .home-name, .results-name, .certificate-name, .icon-calendar, .icon-calendar-green, .test-name, .group-name, .link-name, .stat-name, .search-name, .member-name, .question-name, .theme-name, .media-name, .category-name, .certificate-name, .accesslist-name, .community-name, .tick, .dropdown-x > a, .tooltip, .dropdown-x label a, .btn-create .caret, .btn-actions .caret, .btn.dropdown-toggle .caret, .btn.dropdown-toggle .caret, .btn-assign.alt-a, .btn.btn-toggle-analytics, .table .result-fail, .table .result-pass, .table .result-grading, .write-pre, .write-ol, .write-ul, .write-font-link, .write-video, .user-manual, .write-center, .write-bold, .write-fontM, .write-fontL, .write-fontS, .write-question-preview, .write-sub, .write-sup, .write-italic, .write-underline, .write-line-through, .write-square-root, .write-image, .write-font-color, .video-help {
  background-image: url("/img3/icons-sprite.png");
}

.write-video {
  background-image: url("/img3/icons-sprite.png");
}

.manualIndex h4.create {
  background: url("/img3/home/icon-create.png") left no-repeat;
  padding: 2px 0 0 17px;
}

.manualIndex h4.assign {
  background: url("/img3/home/icon-assign.png") left no-repeat;
  padding: 2px 0 0 17px;
}

.manualIndex h4.results {
  background: url("/img3/home/icon-results.png") left no-repeat;
  padding: 2px 0 0 23px;
}

.manualIndex h4.account {
  background: url("/img3/home/icon-account.png") left no-repeat;
  padding: 2px 0 0 20px;
}

a.close, a.closeTable {
  background: url("/img/close.gif") top right no-repeat;
}

a:hover.close {
  background: url("/img/close_hover.gif") top right no-repeat;
}

.print-classmarker-header h4 {
  background: url("/img3/logo.gif") no-repeat scroll 20px 50% transparent;
}

.btn.dropdown-toggle .caret {
  background: url("/img3/icons-sprite.png") repeat scroll 0 -2653px transparent;
}

.btn-add-wysiwyg, #show_selected_letters {
  background: url("/img3/icons-sprite.png") no-repeat scroll 10px -1709px #F6F6F6;
}

.codebox h4.link {
  background: url("/img3/api/link_icon.png") no-repeat 12px 3px;
}

.codebox h4.xml {
  background: url("/img3/api/xml_icon.png") no-repeat 11px 3px;
}

.codebox h4.json {
  background: url("/img3/api/json_icon.png") no-repeat 13px 3px;
}

#settings-box-container .accordion-toggle.open > .caret {
  background: url("/img3/icons-sprite.png") repeat scroll 0 -3983px transparent;
}

#settings-box-container .accordion-toggle.closed > .caret {
  background: url("/img3/icons-sprite.png") repeat scroll 0 -2653px transparent;
}

#settings-box-container .settings-box .caret:before {
  background-image: url("/img3/icons-sprite.png?v=1"); /* update icon sprite image to attached */
}

#settings-box-container .tooltip {
  background-image: url("/img3/icons-sprite.png");
}

.pricing-plan-title {
  background: #f94100 url("/img3/home/pricing-bg.png") repeat-x;
}

.pricing-plan-title-b.horizontal {
  background: #f94100 url("/img3/home/pricing-bg.png") repeat-x;
}

.credit-pack-title {
  background: #f94100 url("/img3/home/pricing-bg.png") repeat-x;
}

.slicknav_icon {
  background: url("/img3/home/nav-btn.png") no-repeat; /* slinky*/
}

@media screen and (max-width: 920px) {
  .pricing-plan-title-container {
    background: #f94100 url("/img3/home/pricing-bg.png") repeat-x;
    height: 30px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #featured {
    background: #bdbdbd url("/img3/home/home_main_1@2x.jpg") no-repeat center;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3), only screen and (min-resolution: 3dppx) {
  #featured {
    background: #bdbdbd url("/img3/home/home_main_1@3x.jpg") no-repeat center;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .menu-sections li, .home-name, .results-name, .certificate-name, .icon-calendar, .icon-calendar-green, .test-name, .group-name, .link-name, .stat-name, .search-name, .member-name, .question-name, .theme-name, .media-name, .category-name, .certificate-name, .accesslist-name, .community-name, .tick, .dropdown-x > a, .tooltip, .dropdown-x label a, .btn-create .caret, .btn-actions .caret, .btn.dropdown-toggle .caret, .btn.dropdown-toggle .caret, .btn-assign.alt-a, .btn.btn-toggle-analytics, .table .result-fail, .table .result-pass, .table .result-grading, .write-pre, .write-ol, .write-ul, .write-font-link, .write-video, .user-manual, .write-center, .write-bold, .write-fontM, .write-fontL, .write-fontS, .write-question-preview, .write-sub, .write-sup, .write-italic, .write-underline, .write-line-through, .write-square-root, .write-image, .write-font-color, .video-help,
  .write-video,
  .btn.dropdown-toggle .caret,
  .btn-add-wysiwyg, #show_selected_letters,
  #settings-box-container .accordion-toggle.open > .caret,
  #settings-box-container .accordion-toggle.closed > .caret,
  #settings-box-container .tooltip,
  #settings-box-container .settings-box .caret:before {
    background-image: url("/img3/icons-sprite@3x.png?v=1"); /* update icon sprite image to attached */
  }
}
h1 {
  margin: 0;
}

@font-face {
  font-family: "Helvetica";
  src: url("/css3/fonts/Helvetica/Helvetica-Bold.eot");
  src: url("/css3/fonts/Helvetica/Helvetica-Bold.eot?#iefix") format("embedded-opentype"), url("/css3/fonts/Helvetica/Helvetica-Bold.woff2") format("woff2"), url("/css3/fonts/Helvetica/Helvetica-Bold.woff") format("woff"), url("/css3/fonts/Helvetica/Helvetica-Bold.ttf") format("truetype"), url("/css3/fonts/Helvetica/Helvetica-Bold.svg#Helvetica-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url("/css3/fonts/Helvetica/Helvetica.eot");
  src: url("/css3/fonts/Helvetica/Helvetica.eot?#iefix") format("embedded-opentype"), url("/css3/fonts/Helvetica/Helvetica.woff2") format("woff2"), url("/css3/fonts/Helvetica/Helvetica.woff") format("woff"), url("/css3/fonts/Helvetica/Helvetica.ttf") format("truetype"), url("/css3/fonts/Helvetica/Helvetica.svg#Helvetica") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/css3/fonts/Helvetica/Helvetica.eot");
  src: url("/css3/fonts/Helvetica/Helvetica.eot?#iefix") format("embedded-opentype"), url("/css3/fonts/Helvetica/Helvetica.woff2") format("woff2"), url("/css3/fonts/Helvetica/Helvetica.woff") format("woff"), url("/css3/fonts/Helvetica/Helvetica.ttf") format("truetype"), url("/css3/fonts/Helvetica/Helvetica.svg#Helvetica") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/**
 *  Global color variables.
 *	The underscore Never use them directly in the styles, only for functions and mixins.
 */
/**
 *  Organize color variables in a Sass Map.
 *  This way, the colors can be iterated, are more organized, and are more intuitive to reference.
 */
/* ==========================================================================
   Config settings
   ========================================================================== */
/** =====================================================================================
 *  Defines the typographic baseline.
 *  We define every size in pixels, the underlying system converts the
 *  respective units to the responsive REM value.
 ===================================================================================== */
/**
 * Our base font-size and line-height
 */
/**
 *	Here we assign short names for the font families
 */
/** =====================================================================================
 *  Defines the typographic baseline.
 *  We define every size in pixels, the underlying system converts the
 *  respective units to the responsive REM value.
 ===================================================================================== */
/**
 * Our base font-size and line-height
 */
/**
 *	Here we assign short names for the font families
 */
/**
 *  Global color variables.
 *	The underscore Never use them directly in the styles, only for functions and mixins.
 */
/**
 *  Organize color variables in a Sass Map.
 *  This way, the colors can be iterated, are more organized, and are more intuitive to reference.
 */
/* ==========================================================================
   Config settings
   ========================================================================== */
/* Media query mixin for writing Mobile First
 * ========================================== */
/** =====================================================================================
 *  Toolbox functions
 ===================================================================================== */
/**
 *  Maths helpers.
 *  Halve and double numbers, returning rounded integers.

    USAGE:

    .foo {
        padding: halve(30px);
    }

 */
/**
 *  Remove the unit of a length
 *  @param {Number} $number - Number to remove unit from
 *  @return {Number} - Unitless number
 */
/* Check if value is number */
/* Value to Em */
/* Value to Rem */
/**
 *	A simple function for accessing the colors from our mapping
 *	To access colors in our palette, we use a very simple custom Sass function

	USAGE:

	a {
		color: palette(primary);

		&:hover {
			color: palette(primary, 400);
		}
	}

 */
/**
 *	A simple function for setting a consistent box-shadow

	USAGE:

	.card {
		@include box-shadow();
	}

	.card--alt {
		@include box-shadow(low);
	}

 */
/**
 *	A simple function for setting a consistent border-radius

	USAGE:

	.card {
		@include border-radius;
	}

	.card--alt {
		@include border-radius(large);
	}

 */
/**
 * Lobotomized Owl Selector mixin:
 * - Set spacing for consecutive items with margin-top on all but the first item

	USAGE:

	.box {
		@include owl-children;
	}

	.card__item {
		@include owl;
	}

 */
/**
 *  Show hyphens for every browser supporting it
 *  and will break lines in every other browser
 */
/*
 *  Restrict an element to a max-width for creating gutters on the side
 */
/* ==========================================================================
 * Font related functions
 * ========================================================================== */
/**
 *  Calculate line-height ratio from font-size and line-height in px value
 */
/**
 *  Mixin for setting font-size in REM through a Sass Map with all available sizes

    USAGE:

    .myClass {
        @include font-size(x-large);
    }

 */
/**
 *	A simple function for accessing the font families from our mapping

	USAGE:

	span {
		@include font-family(primary);
	}

 */
/**
 *  Font mixin for setting font-size, font-weight, and line-height

    USAGE:

    .myClass {
        @include font(x-large, 34, 500);
    }

    .myClass {
      @include font(medium, $weight: 300);
    }

 */
/* ==========================================================================
   Config settings
   ========================================================================== */
/** =====================================================================================
 *  Defines the typographic baseline.
 *  We define every size in pixels, the underlying system converts the
 *  respective units to the responsive REM value.
 ===================================================================================== */
/**
 * Our base font-size and line-height
 */
/**
 *	Here we assign short names for the font families
 */
/**
 *  Global color variables.
 *	The underscore Never use them directly in the styles, only for functions and mixins.
 */
/**
 *  Organize color variables in a Sass Map.
 *  This way, the colors can be iterated, are more organized, and are more intuitive to reference.
 */
/* Media query mixin for writing Mobile First
 * ========================================== */
/** =====================================================================================
 *  Toolbox functions
 ===================================================================================== */
/**
 *  Maths helpers.
 *  Halve and double numbers, returning rounded integers.

    USAGE:

    .foo {
        padding: halve(30px);
    }

 */
/**
 *  Remove the unit of a length
 *  @param {Number} $number - Number to remove unit from
 *  @return {Number} - Unitless number
 */
/* Check if value is number */
/* Value to Em */
/* Value to Rem */
/**
 *	A simple function for accessing the colors from our mapping
 *	To access colors in our palette, we use a very simple custom Sass function

	USAGE:

	a {
		color: palette(primary);

		&:hover {
			color: palette(primary, 400);
		}
	}

 */
/**
 *	A simple function for setting a consistent box-shadow

	USAGE:

	.card {
		@include box-shadow();
	}

	.card--alt {
		@include box-shadow(low);
	}

 */
/**
 *	A simple function for setting a consistent border-radius

	USAGE:

	.card {
		@include border-radius;
	}

	.card--alt {
		@include border-radius(large);
	}

 */
/**
 * Lobotomized Owl Selector mixin:
 * - Set spacing for consecutive items with margin-top on all but the first item

	USAGE:

	.box {
		@include owl-children;
	}

	.card__item {
		@include owl;
	}

 */
/**
 *  Show hyphens for every browser supporting it
 *  and will break lines in every other browser
 */
/*
 *  Restrict an element to a max-width for creating gutters on the side
 */
/* ==========================================================================
 * Font related functions
 * ========================================================================== */
/**
 *  Calculate line-height ratio from font-size and line-height in px value
 */
/**
 *  Mixin for setting font-size in REM through a Sass Map with all available sizes

    USAGE:

    .myClass {
        @include font-size(x-large);
    }

 */
/**
 *	A simple function for accessing the font families from our mapping

	USAGE:

	span {
		@include font-family(primary);
	}

 */
/**
 *  Font mixin for setting font-size, font-weight, and line-height

    USAGE:

    .myClass {
        @include font(x-large, 34, 500);
    }

    .myClass {
      @include font(medium, $weight: 300);
    }

 */
/* ==========================================================================
 * Basic elements (no class selectors allowed)
 * ========================================================================== */
/**
 * Set up the html
 *
 * 1. Makes sure that some fonts are better rendered
 * 2. Set font to lining figures
 */
html {
  /*  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: "lnum";*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  font-size: calc(14 / 16 * 1rem);
  line-height: calc(25 / 14);
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  color: #2E3133;
}

body.marketing-body {
  height: auto;
}

body .container {
  max-width: 1024px;
  padding: 0 35px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  body .container {
    padding: 0 48px;
  }
}
body .container--wide {
  max-width: 1120px;
}

.blog-view .container {
  max-width: 736px;
}

.blog-view .container--wide {
  max-width: 1120px;
}

.blog-view .sitemap-content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .blog-view .sitemap-content-wrapper {
    display: block;
  }
}
.blog-view .sitemap-content-wrapper .sitemap-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.blog-view .s-text__subtitle {
  margin: 23px 0 8px;
}

.blog-view .cookie-consent-table {
  margin-top: 23px;
  margin-bottom: 23px;
  border-collapse: collapse;
  border: 1px solid;
  width: 98%;
}

.blog-view .cookie-consent-table th, .blog-view .cookie-consent-table td {
  border: 1px solid;
  padding: 10px;
}

.blog-view .cookie-consent-table td.provider {
  width: 20%;
}

.blog-view .cookie-consent-table td.info {
  width: 20%;
}

.blog-view .cookie-consent-table td.purpose {
  width: 60%;
}

/**
 * [1] Make sure elements like input and textarea inherit some base properties
 *     https://www.smashingmagazine.com/2016/11/css-inheritance-cascade-global-scope-new-old-worst-best-friends/
 *
 * [2] Setting box-sizing the best way per:
 *     https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
* {
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

/**
 * [1] Turn off text-shadow when selecting text for better readability
 */
/* Remove default margin around figure
 */
figure {
  margin: 0;
}

/**
 * [1] Setting 'vertical-align' removes the whitespace that appears under 'img'
 *	   elements when they are dropped into a page as-is. Safer alternative to
 *	   using 'display: block;'.
 * [2] Remove border / especially on older browsers
 */
img, svg {
  display: block;
  vertical-align: middle; /*[1]*/
  border: none; /*[2]*/
  max-width: 100%;
  height: auto;
}

a {
  color: #ff462a;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, hgroup,
ul, ol, dd, figure,
pre, table, fieldset, hr {
  margin-top: 0;
  margin-bottom: 0;
}

p {
  font-family: "Helvetica", sans-serif;
  margin: 0;
}

p + p {
  margin-top: 16px;
}

p + ol, p + ul {
  margin-top: 16px;
}

/** =====================================================================================
 *  Lists
 ===================================================================================== */
/**
 *	Default indentation value for lists
 */
ul,
ol {
  padding: 0;
  margin: 0;
  margin-left: 0;
}

dd {
  margin-left: 0;
}

/**
 *	Remove extra vertical spacing when nesting lists.
 */
li {
  list-style-type: none;
}

li > ul,
li > ol {
  margin-bottom: 0;
}

/**
*	list-items needs resetting for our Lobotomized Owl selector
*/
li + li {
  margin-top: 0;
}

.icon {
  width: 16px;
  height: 16px;
  background-size: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: start;
      align-self: start;
  background-repeat: no-repeat;
}

.icon.file-csv.bold {
  background-image: url("/img4/icons/streamline3/File-csv-bold.svg");
}

.icon.button-shuffle.bold {
  background-image: url("/img4/icons/streamline3/Button-Shuffle-bold.svg");
}

.icon.tags.bold {
  background-image: url("/img4/icons/streamline3/Tags-bold.svg");
}

.icon.lock.bold {
  background-image: url("/img4/icons/streamline3/Lock-bold.svg");
}

.icon.percent.bold {
  background-image: url("/img4/icons/streamline3/percent-bold.svg");
  height: 16px;
  width: 15px;
}

.icon.timer.bold {
  background-image: url("/img4/icons/streamline3/timer-bold.svg");
  height: 19px;
  width: 15px;
}

.icon.tag-dollar.bold {
  background-image: url("/img4/icons/streamline3/TagDollar-bold.svg");
}

.icon.brush.bold {
  background-image: url("/img4/icons/streamline3/brush-bold.svg");
}

.icon.calendar.bold {
  background-image: url("/img4/icons/streamline3/Calendar-bold.svg");
}

.icon.printer.bold {
  background-image: url("/img4/icons/streamline3/printer-bold.svg");
}

.icon.app-window-multiple.bold {
  background-image: url("/img4/icons/streamline3/App-Window-Multiple.svg");
}

.icon.cursor-select.bold {
  background-image: url("/img4/icons/streamline3/Cursor-Select-3.svg");
}

.icon.expand.bold {
  background-image: url("/img4/icons/streamline3/Expand-1.svg");
}

.icon.neutral-id-card.bold {
  background-image: url("/img4/icons/streamline3/id-card.svg");
}

.icon.webcam.bold {
  background-image: url("/img4/icons/streamline3/Webcam-1.svg");
}

.icon.face-detection.bold {
  background-image: url("/img4/icons/streamline3/face-id-5.svg");
}

/* ==========================================================================
   Config settings
   ========================================================================== */
/** =====================================================================================
 *  Defines the typographic baseline.
 *  We define every size in pixels, the underlying system converts the
 *  respective units to the responsive REM value.
 ===================================================================================== */
/**
 * Our base font-size and line-height
 */
/**
 *	Here we assign short names for the font families
 */
/**
 *  Global color variables.
 *	The underscore Never use them directly in the styles, only for functions and mixins.
 */
/**
 *  Organize color variables in a Sass Map.
 *  This way, the colors can be iterated, are more organized, and are more intuitive to reference.
 */
/* Media query mixin for writing Mobile First
 * ========================================== */
/** =====================================================================================
 *  Toolbox functions
 ===================================================================================== */
/**
 *  Maths helpers.
 *  Halve and double numbers, returning rounded integers.

    USAGE:

    .foo {
        padding: halve(30px);
    }

 */
/**
 *  Remove the unit of a length
 *  @param {Number} $number - Number to remove unit from
 *  @return {Number} - Unitless number
 */
/* Check if value is number */
/* Value to Em */
/* Value to Rem */
/**
 *	A simple function for accessing the colors from our mapping
 *	To access colors in our palette, we use a very simple custom Sass function

	USAGE:

	a {
		color: palette(primary);

		&:hover {
			color: palette(primary, 400);
		}
	}

 */
/**
 *	A simple function for setting a consistent box-shadow

	USAGE:

	.card {
		@include box-shadow();
	}

	.card--alt {
		@include box-shadow(low);
	}

 */
/**
 *	A simple function for setting a consistent border-radius

	USAGE:

	.card {
		@include border-radius;
	}

	.card--alt {
		@include border-radius(large);
	}

 */
/**
 * Lobotomized Owl Selector mixin:
 * - Set spacing for consecutive items with margin-top on all but the first item

	USAGE:

	.box {
		@include owl-children;
	}

	.card__item {
		@include owl;
	}

 */
/**
 *  Show hyphens for every browser supporting it
 *  and will break lines in every other browser
 */
/*
 *  Restrict an element to a max-width for creating gutters on the side
 */
/* ==========================================================================
 * Font related functions
 * ========================================================================== */
/**
 *  Calculate line-height ratio from font-size and line-height in px value
 */
/**
 *  Mixin for setting font-size in REM through a Sass Map with all available sizes

    USAGE:

    .myClass {
        @include font-size(x-large);
    }

 */
/**
 *	A simple function for accessing the font families from our mapping

	USAGE:

	span {
		@include font-family(primary);
	}

 */
/**
 *  Font mixin for setting font-size, font-weight, and line-height

    USAGE:

    .myClass {
        @include font(x-large, 34, 500);
    }

    .myClass {
      @include font(medium, $weight: 300);
    }

 */
.c-card {
  margin-bottom: 22px;
}

@media screen and (min-width: 768px) {
  .c-card {
    padding: 34px;
    padding-bottom: 60px;
    margin-bottom: 0;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
  }
}
.c-card:last-of-type {
  margin-bottom: 0;
}

.c-card__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  gap: 23px;
}

@media screen and (min-width: 768px) {
  .c-card__header {
    margin-bottom: 28px;
  }
}
.c-card__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 42px;
  height: 42px;
  background-color: #F3644C;
  border-radius: 100%;
}

.c-card__title {
  font-size: calc(20 / 16 * 1rem);
  line-height: calc(28 / 20);
  font-weight: 700;
  color: #454F59;
}

@media screen and (min-width: 768px) {
  .c-card__title {
    font-size: calc(20 / 16 * 1rem);
    line-height: calc(22 / 20);
    font-weight: 700;
  }
}
.c-card__description p {
  font-size: calc(14 / 16 * 1rem);
  line-height: calc(25 / 14);
  font-weight: 400;
  color: #454F59;
}

.c-card__description a {
  display: inline;
  font-size: inherit;
  line-height: inherit;
  color: #FF462A;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.c-card__description a:hover {
  text-decoration: underline;
}

.c-card__description ul li {
  list-style-type: disc;
  margin: 5px 0 10px 20px;
  font-size: calc(14 / 16 * 1rem);
  line-height: calc(25 / 14);
  font-weight: 400;
  color: #454F59;
}

.c-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: center;
  width: 100%;
  border: none;
  display: inline-block;
  padding: 5px 20px;
  border-radius: 6px;
  font-size: calc(15 / 16 * 1rem);
  line-height: calc(25 / 15);
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.02em;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  .c-btn {
    padding: 9px 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.c-btn--icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.c-btn__icon {
  width: 13px;
  height: 13px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.c-btn--orange {
  background-color: #FF462A;
}

.c-btn--orange:hover {
  background-color: #FDA295;
}

.c-btn--grey {
  background-color: #454F59;
}

.c-btn--grey:hover {
  background-color: #8F959B;
}

.c-btn--black {
  background-color: #4F4F4F;
}

.c-btn--black:hover {
  background-color: #B8B8B8;
}

.c-btn--white {
  background-color: #FFF;
  color: #FF462A;
}

.c-btn--white:hover {
  background-color: #FF9975;
}

.c-btn--white-halo {
  background-color: #FFF;
  color: #000000;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 16px;
  border: 1px solid #030303;
  line-height: 15px;
}

.c-btn--white-halo .demo-arrow-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 4px;
}

.c-btn--white-halo:hover {
  border: 1.056px solid #FB3311;
  color: #FB3311;
}

.c-btn--white-halo:hover .demo-arrow-icon path {
  fill: #FB3311;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.c-btn__link {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  padding-right: 23px;
  font-size: calc(14 / 16 * 1rem);
  line-height: calc(23 / 14);
  font-weight: 700;
  color: #FF462A;
}

.c-btn__link::after {
  position: absolute;
  content: "";
  top: 6px;
  right: 0;
  width: 18px;
  height: 10px;
  background-image: url("/img3/marketing/icons/arrow-link.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.c-btn__link:hover::after {
  -webkit-transform: translateX(3px);
      -ms-transform: translateX(3px);
          transform: translateX(3px);
}

a.video-btn {
  width: 123px;
  height: 85px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #353535;
  padding-top: 72px;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 10px;
  font-weight: 400;
  font-family: Inter;
  margin-right: 13px;
}

@media screen and (max-width: 767px) {
  a.video-btn {
    margin: auto !important;
  }
}
a.video-btn:last-of-type {
  margin-right: 0px;
}

a.video-btn.active {
  background: initial;
  color: inherit;
}

a.video-btn.active:before {
  border: 1px solid #000;
}

a.video-btn:before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 123px;
  height: 68px;
  display: block;
  content: "";
}

a.video-btn.create-exam:before {
  background: url("/img3/marketing/custom-buttons/button-how-to-create-exams.svg") no-repeat;
}

a.video-btn.give-tests:before {
  position: absolute;
  background: url("/img3/marketing/custom-buttons/button-how-to-give-tests.svg") no-repeat;
}

a.video-btn.get-results:before {
  position: absolute;
  background: url("/img3/marketing/custom-buttons/button-get-results.svg") no-repeat;
}

a.video-btn-large {
  width: 220px;
  height: 190px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #454F59;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 15px;
  font-weight: 600;
  font-family: Inter;
  margin-right: 13px;
}

@media screen and (max-width: 767px) {
  a.video-btn-large {
    margin: auto !important;
  }
}
a.video-btn-large:last-of-type {
  margin-right: 0px;
}

a.video-btn-large:hover .thumbnail-wrapper {
  border: 1px solid #000;
}

a.video-btn-large .thumbnail-wrapper {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-4.41%, rgba(238, 240, 242, 0.25)), color-stop(40.72%, #FFFFFF));
  background: linear-gradient(180deg, rgba(238, 240, 242, 0.25) -4.41%, #FFFFFF 40.72%);
  width: 220px;
  height: 140px;
  position: relative;
  border-radius: 4px;
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 40, 77, 0.2);
          box-shadow: 0px 1px 3px 0px rgba(0, 40, 77, 0.2);
}

a.video-btn-large .thumbnail-wrapper img.thumbnail {
  max-width: 80%;
  max-height: 80%;
}

a.video-btn-large span img {
  display: inline-block;
  margin-right: 10px;
}

.c-menu__logo {
  display: inline-block;
  height: 18px;
  width: auto;
  margin-right: 16px;
}

@media screen and (min-width: 768px) {
  .c-menu__logo {
    height: 25px;
    margin-top: -9px;
  }
}
.c-menu__logo span {
  display: none;
}

.c-menu__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 66px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .c-menu__top {
    height: 92px;
    padding: 24px 0 17px;
  }
}
.c-menu__alert {
  margin: 0px 0px 20px 0px;
  width: 100%;
}

.c-menu__top-logged-in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
  width: 100%;
}

.c-menu__top-logged-in .c-btn {
  font-size: calc(12 / 16 * 1rem);
  line-height: calc(22 / 12);
  font-weight: 700;
  padding: 5px 20px 4px;
  min-width: 98px;
  letter-spacing: 0.02em;
}

.c-menu__top-logged-in .c-form__control:not(.c-menu__top-login .c-form__control) + .c-form__control:not(.c-menu__top-login .c-form__control) {
  margin: 0;
}

@media screen and (min-width: 520px) {
  .c-menu__top-logged-in {
    -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
            order: inherit;
    width: auto;
  }
}
.c-menu__top-login {
  display: none;
}

@media screen and (min-width: 768px) {
  .c-menu__top-login {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }
  .c-menu__top-login .c-btn {
    font-size: calc(12 / 16 * 1rem);
    line-height: calc(22 / 12);
    font-weight: 700;
    padding: 5px 20px 4px;
    min-width: 98px;
    letter-spacing: 0.02em;
  }
}
.c-menu__top-login .c-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.c-menu__top-login .c-form__input {
  border-radius: 4px;
  padding: 6px 7px 6px 10px;
}

.c-menu__top-login .c-form__checkbox {
  margin-top: 6px;
  font-size: calc(12 / 16 * 1rem);
  line-height: calc(14 / 12);
  font-weight: 400;
  padding-left: 19px;
}

.c-menu__top-login .c-form__checkbox::after {
  width: 13px;
  height: 13px;
  top: -1px;
}

.c-menu__top-link {
  display: inline-block;
  font-size: calc(15 / 16 * 1rem);
  line-height: calc(18 / 15);
  font-weight: 400;
  margin-left: auto;
  color: #454F59;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 768px) {
  .c-menu__top-link {
    display: none;
  }
}
.c-menu__top-link:hover {
  color: #424242;
}

.c-menu__toggle {
  position: relative;
  width: 20px;
  height: 14px;
  border: none;
  outline: none;
  background-color: transparent;
  margin-left: 26px;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .c-menu__toggle {
    display: none;
  }
}
.c-menu__toggle span {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #8F959B;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  left: 0;
}

.c-menu__toggle span:first-child {
  top: 0;
}

.c-menu__toggle span:nth-child(2) {
  top: 6px;
}

.c-menu__toggle span:last-child {
  bottom: 0;
}

.mobile-nav-only {
  /* Hide from desktop view, only shows in mobile nav */
  display: none;
}

@media screen and (max-width: 767px) {
  .c-menu__mein-wrap {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    overflow: scroll;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateX(-16px);
        -ms-transform: translateX(-16px);
            transform: translateX(-16px);
    background-color: #ffffff;
    width: 100vw;
    height: calc(100vh - 66px);
    border-top: 1px solid rgba(143, 149, 155, 0.5);
  }
  .c-menu__mein-wrap .container {
    padding: 0;
  }
  .c-menu__mein-wrap.open {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
}
@media screen and (min-width: 768px) {
  .c-menu__mein-wrap {
    padding: 6px 0;
    background-color: #2E3133;
  }
}
@media screen and (min-width: 768px) {
  .c-menu__mein-nav {
    margin: 0 -14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
  }
}
.c-menu__mein-item--subnav {
  position: relative;
}

.c-menu__mein-item--subnav:hover .c-menu__mein-link::after {
  border-color: #2E3133;
}

.c-menu__mein-link, .mc-menu__mein-link {
  display: block;
  font-size: calc(14 / 16 * 1rem);
  line-height: calc(36 / 14);
  font-weight: 400;
  color: #ffffff;
  background-color: #2E3133;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  padding: 8px 28px 10px 14px;
  border-radius: 4px;
}

@media screen and (min-width: 768px) {
  .c-menu__mein-link, .mc-menu__mein-link {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: calc(16 / 16 * 1rem);
    line-height: calc(18 / 16);
    font-weight: 400;
    color: #F8F8F9;
  }
  .c-menu__mein-link:hover::after, .mc-menu__mein-link:hover::after {
    border-color: #2E3133;
  }
  .c-menu__mein-link:hover, .mc-menu__mein-link:hover {
    color: #2E3133;
    background-color: #FAFAFA;
  }
}
@media screen and (max-width: 767px) {
  .c-menu__mein-link, .mc-menu__mein-link {
    border-radius: 0px;
    color: #454F59;
    font-size: calc(14 / 16 * 1rem);
    line-height: calc(16 / 14);
    font-weight: 700;
    background-color: #FAFAFA;
    border-bottom: 1px solid #E4E4E4;
    height: 53px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 40px;
    font-weight: 700;
  }
}
.c-menu__mein-link {
  padding-right: 14px;
}

.mc-menu__mein-link::after {
  content: "";
  width: 9px;
  height: 5px;
  background: url("/img4/icons/arrow-down-white-small.svg") no-repeat;
  position: absolute;
  right: 8px;
  top: 15px;
}

.mc-menu__mein-link:hover::after {
  background: url("/img4/icons/arrow-down-black-small.svg") no-repeat;
}

.c-menu__mein-btn {
  margin: 25px 0 25px 14px;
  width: 136px;
}

.c-menu__mein-link-current {
  color: #2E3133;
  background: white;
  border-radius: 4px;
}

.c-menu__mein-link-current::after {
  background: url("/img4/icons/arrow-down-black-small.svg") no-repeat;
}

.hide {
  display: none;
}

@media screen and (max-width: 767px) {
  .c-menu__subnav-wrap {
    height: auto;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  .c-menu__subnav-wrap.open {
    max-height: 999px;
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
}
@media screen and (min-width: 768px) {
  .c-menu__subnav-wrap {
    position: absolute;
    padding-top: 16px;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
    top: 100%;
    left: 0;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .c-menu__mein-item--subnav:hover .c-menu__subnav-wrap {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
}
.menu__subnav {
  padding: 10px 16px;
}

@media screen and (min-width: 768px) {
  .menu__subnav {
    min-width: 240px;
    padding: 12px 12px 14px 12px;
    background-color: #ffffff;
    position: relative;
    border-radius: 4px;
    -webkit-box-shadow: 0px 30px 27px 0px rgba(0, 0, 0, 0.31);
            box-shadow: 0px 30px 27px 0px rgba(0, 0, 0, 0.31);
  }
  .menu__subnav::after {
    content: "";
    background-color: #ffffff;
    width: 14px;
    height: 14px;
    border-radius: 4px;
    position: absolute;
    top: -5px;
    left: 24px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
.c-menu__subnav-item {
  margin-bottom: 4px;
}

.c-menu__subnav-item:last-child {
  margin-bottom: 0;
}

.c-menu__subnav-link {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #454F59;
  font-size: calc(14 / 16 * 1rem);
  line-height: calc(16 / 14);
  font-weight: 400;
  padding: 2px 12px;
  border-radius: 8px;
  background-color: white;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  height: 40px;
}

.c-menu__subnav-link:active {
  color: #FB3311;
}

@media screen and (min-width: 768px) {
  .c-menu__subnav-link {
    padding: 10px 13px;
  }
}
.c-menu__subnav-link:hover {
  background-color: rgba(251, 51, 17, 0.1);
  color: #FB3311;
}

.c-menu__subnav-link:hover .c-menu__subnav-icon {
  color: inherit;
}

.c-menu__subnav-link-current {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FB3311 !important;
  background-color: rgba(251, 51, 17, 0.1) !important;
  font-size: calc(14 / 16 * 1rem);
  line-height: calc(16 / 14);
  font-weight: 400;
  border-radius: 8px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  padding: 10px 13px;
}

.c-menu__subnav-link-current .c-menu__subnav-icon {
  color: inherit;
}

.c-menu__subnav-link-current:hover {
  background-color: rgba(251, 51, 17, 0.1);
  color: #FB3311;
}

.c-menu__subnav-link-current:hover .c-menu__subnav-icon {
  color: #FB3311;
}

.c-menu__subnav-icon {
  width: 16px;
  height: 16px;
  margin-right: 12px;
  color: inherit;
}

.c-menu__subnav-icon svg {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media screen and (min-width: 768px) {
  .c-menu__subnav-icon {
    width: 20px;
    height: 20px;
    margin-right: 13px;
  }
}
@media screen and (max-width: 767px) {
  .c-menu__subnav-item--dropdown {
    position: relative;
  }
  .c-menu__subnav-item--dropdown::after {
    content: "";
    width: 9px;
    height: 9px;
    position: absolute;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 13px;
    right: 16px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-color: #2E3133;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}
.c-menu__subnav-dropdown {
  height: auto;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  padding-left: 15px;
}

.c-menu__subnav-dropdown.open {
  max-height: 999px;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

@media screen and (min-width: 768px) {
  .c-menu__subnav-dropdown {
    display: none;
  }
}
/**
 Mobile Speicific components
 */
@media screen and (max-width: 767px) {
  .c-menu__mein-link-current {
    color: #fb3311;
    background: #fafafa;
    border-radius: 0px;
  }
  .mobile-nav-only {
    display: block;
  }
  .mc-menu__mein-link:hover {
    color: #2E3133;
    background-color: #F8F8F9;
  }
  .mc-menu__mein-link::after, .mc-menu__mein-link:hover::after {
    right: 28px;
    width: 20px;
    height: 20px;
    content: "";
    background: url("/img4/icons/arrow-down-grey.svg") no-repeat;
  }
  .mc-menu__mein-link.c-menu__mein-link-current {
    color: #2E3133;
    background-color: #F8F8F9;
  }
  .c-menu__subnav-link.c-menu__subnav-link-current {
    font-weight: 700;
  }
  .c-menu__mein-item.js-submenu-wrap > .c-menu__subnav-link {
    border-bottom: none;
  }
  .c-menu__mein-item.js-submenu-wrap > .c-menu__subnav-link::after {
    width: 20px;
    height: 20px;
    content: "";
    background: url("/img4/icons/arrow-down-grey.svg") no-repeat;
    position: absolute;
    right: 12px;
  }
  .c-menu__mein-item.js-submenu-wrap > .c-menu__subnav-link:hover {
    color: #fb3311 !important;
    background-color: rgba(251, 51, 17, 0.1) !important;
  }
  .c-menu__mein-item.js-submenu-wrap > .c-menu__subnav-link.c-menu__subnav-link-current {
    font-weight: 700;
    color: #454F59 !important;
    background-color: white !important;
  }
  .c-menu__mein-item.js-submenu-wrap > .c-menu__subnav-link.c-menu__subnav-link-current:hover {
    color: #fb3311 !important;
    background-color: rgba(251, 51, 17, 0.1) !important;
  }
  .mc-sm-subSidebar__item {
    margin-bottom: 2px;
    margin-top: 2px;
    padding-left: 28px;
    padding-right: 13px;
  }
  .mc-sm-subSidebar__item:last-child {
    margin-bottom: 0;
  }
  .level-2-mobile-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2px 12px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    font-family: Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    height: 40px;
  }
  .level-2-mobile-link.current, .level-2-mobile-link.current:hover {
    color: #FB3311;
    font-weight: 700;
    border-radius: 8px;
    background: rgba(251, 51, 17, 0.1);
  }
  .level-2-mobile-link:hover {
    color: #FB3311;
    font-weight: 400;
    border-radius: 8px;
    background: rgba(251, 51, 17, 0.1);
  }
}
.c-form__input {
  display: inline-block;
  font-size: calc(13 / 16 * 1rem);
  line-height: calc(18 / 13);
  font-weight: 400;
  padding: 4px 7px 4px 10px;
  background-color: #ffffff;
  border: 1px solid #D9D9D9;
  color: #454F59;
  border-radius: 2px;
  outline: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.c-form__checkbox {
  display: block;
  position: relative;
  padding-left: 24px;
  font-size: calc(13 / 16 * 1rem);
  line-height: calc(25 / 13);
  font-weight: 400;
  color: #424242;
}

.c-form__checkbox::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  top: 3px;
  content: "";
  background-position: center;
  background-image: url("/img3/marketing/icons/check.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 17px;
  height: 17px;
  border-radius: 2px;
  background-color: #ffffff;
  border: 1px solid #DEDEDE;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.c-form__checkbox:has(input:checked)::after {
  background-color: #4189CC;
  border-color: #4189CC;
}

.c-form__checkbox input {
  display: none;
}

.c-form__link {
  display: block;
  font-size: calc(12 / 16 * 1rem);
  line-height: calc(14 / 12);
  font-weight: 400;
  color: #FF462A;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  margin-top: 6px;
}

.c-form__link:hover {
  color: #FDA295;
}

.c-form__radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 992px) {
  .c-form__radio-group {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.c-form__radio-group--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.c-form__radio {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding-left: 23px;
}

.c-form__radio::after {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  left: 0;
  border-radius: 100%;
  border: 1px solid #D9D9D9;
}

.c-form__radio::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  left: 3px;
  border-radius: 100%;
  background-color: #4189CC;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.c-form__radio:has(input[type=radio]:checked)::before {
  opacity: 1;
}

.c-form__radio span {
  font-size: calc(13 / 16 * 1rem);
  line-height: calc(18 / 13);
  font-weight: 400;
  color: #454F59;
  white-space: nowrap;
}

.c-form__radio input {
  display: none;
}

.c-form__control:not(.c-menu__top-login .c-form__control) + .c-form__control:not(.c-menu__top-login .c-form__control) {
  margin-top: 20px;
}

.c-form__control:not(.c-menu__top-login .c-form__control) .c-form__input {
  width: 100%;
  font-size: calc(14 / 16 * 1rem);
  line-height: calc(34 / 14);
  font-weight: 400;
  padding: 3px 20px;
  border-radius: 4px;
}

.c-form__control:not(.c-menu__top-login .c-form__control) .c-text {
  margin-bottom: 15px;
}

.c-form__label {
  display: block;
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(32 / 16);
  font-weight: 700;
  color: #454F59;
  margin-bottom: 6px;
}

.c-form__select-wrap {
  position: relative;
}

.c-form__select-wrap::after {
  position: absolute;
  content: "";
  right: 20px;
  top: 18px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #454F59;
}

.c-form__select {
  width: 100%;
  font-size: calc(14 / 16 * 1rem);
  line-height: calc(34 / 14);
  font-weight: 400;
  padding: 3px 20px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #D9D9D9;
  color: #454F59;
  height: 42px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}

.c-form__textarea {
  display: inline-block;
  width: 100%;
  font-size: calc(14 / 16 * 1rem);
  line-height: calc(34 / 14);
  font-weight: 400;
  padding: 3px 20px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #D9D9D9;
  color: #454F59;
  min-height: 140px;
}

.c-form__agree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.c-form__captcha {
  margin: 24px 0 36px;
}

.c-form__captcha-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(32 / 16);
  font-weight: 700;
  color: #454F59;
  margin-bottom: 16px;
}

.c-form__submit + * {
  margin-top: 48px;
}

.c-title__main {
  font-size: calc(30 / 16 * 1rem);
  line-height: calc(36 / 30);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #2E3133;
}

.c-title__section {
  font-size: calc(23 / 16 * 1rem);
  line-height: calc(30 / 23);
  font-weight: 700;
  color: #2E3133;
}

@media screen and (min-width: 768px) {
  .c-title__section {
    font-size: calc(23 / 16 * 1rem);
    line-height: calc(28 / 23);
    font-weight: 700;
  }
}
.c-text {
  font-size: calc(15 / 16 * 1rem);
  line-height: calc(26 / 15);
  font-weight: 400;
  color: #454F59;
}

@media screen and (min-width: 768px) {
  .c-text {
    font-size: calc(14 / 16 * 1rem);
    line-height: calc(26 / 14);
    font-weight: 400;
  }
}
.c-text a {
  color: #FB3311;
}

.c-plaintext a {
  color: #FB3311;
}

.c-popup__wrap {
  opacity: 0;
  pointer-events: none;
  padding: 25px 8px;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 30;
  background-color: rgba(46, 49, 51, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.c-popup__wrap.open {
  opacity: 1;
  pointer-events: all;
}

.c-popup {
  padding: 25px 20px 28px 28px;
  background-color: #ffffff;
  border-radius: 8px;
  opacity: 0;
  -webkit-transform: translateY(15px);
      -ms-transform: translateY(15px);
          transform: translateY(15px);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  max-width: 700px;
  margin: auto;
}

.open .c-popup {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.c-popup .c-form__control {
  margin-bottom: 10px;
}

.c-popup .c-form__control:last-of-type {
  margin-bottom: 0;
}

.c-popup .c-form__control:has(.c-btn) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-popup .c-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.c-popup .c-form {
  margin-bottom: 12px;
}

.c-popup .c-form__input {
  width: 100%;
  font-size: calc(15 / 16 * 1rem);
  line-height: calc(23 / 15);
  font-weight: 400;
  padding: 5px 13px;
}

.c-popup .c-form__link {
  display: inline;
}

.c-popup__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-popup__header .c-title__main {
  color: #2E3133;
  font-size: 14px;
  font-weight: 600;
  font-family: Inter;
}

.c-popup__header.c-popup__login {
  margin-bottom: 45px;
}

.c-popup__close {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  position: absolute;
  right: 25px;
  top: 24px;
}

.c-popup__content {
  margin-bottom: 10px;
}

.c-list-icons {
  list-style: none;
}

@media screen and (max-width: 767px) {
  .c-list-icons + .c-list-icons {
    margin-top: 14px;
  }
}
.c-list-icons__item {
  padding-left: 43px;
  font-size: calc(14 / 16 * 1rem);
  line-height: calc(22 / 14);
  font-weight: 400;
  color: #454F59;
  position: relative;
}

.c-list-icons__item + .c-list-icons__item {
  margin-top: 14px;
}

@media screen and (min-width: 768px) {
  .c-list-icons__item {
    padding-left: 37px;
  }
}
@media screen and (min-width: 992px) {
  .c-list-icons__item {
    white-space: nowrap;
  }
}
.c-list-icons__icon {
  position: absolute;
  left: 0;
  top: 0;
}

.c-list {
  list-style: none;
}

.c-list.c-list--simple {
  margin: 15px 0;
}

.c-list__item {
  position: relative;
  padding-left: 35px;
  font-size: calc(15 / 16 * 1rem);
  line-height: calc(25 / 15);
  font-weight: 400;
  color: #454F59;
}

.c-list__item + .c-list__item {
  margin-top: 22px;
}

.c-list__item::after {
  position: absolute;
  content: "";
  top: 3px;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url("/img3/marketing/icons/list-check.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.c-list--secondary .c-list__item {
  padding-left: 20px;
}

.c-list--secondary .c-list__item::after {
  top: 4px;
  width: 9px;
  height: 15px;
  background-image: url("/img3/marketing/icons/list-grey.svg");
}

.c-list--simple .c-list__item {
  padding-left: 20px;
  font-size: calc(15 / 16 * 1rem);
  line-height: calc(26 / 15);
  font-weight: 400;
  color: #454F59;
}

@media screen and (min-width: 768px) {
  .c-list--simple .c-list__item {
    font-size: calc(14 / 16 * 1rem);
    line-height: calc(26 / 14);
    font-weight: 400;
  }
}
.c-list--simple .c-list__item::after {
  top: 10px;
  left: 5px;
  background-image: none;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #454F59;
}

.c-list--simple .c-list__item + .c-list__item {
  margin-top: 0;
}

.c-list--none .c-list__item::after, .c-list--disc .c-list__item::after {
  position: initial;
  content: "";
  top: 0px;
  left: 0;
  width: 0px;
  height: 0px;
  background-image: none;
  background-repeat: no-repeat;
  background-size: contain;
}

.c-list--disc {
  list-style: disc;
  list-style-position: outside;
  line-height: 22px;
}

.c-list--disc .c-list__item {
  padding-left: 0px;
  list-style: disc;
}

.c-sidebar {
  display: none;
}

@media screen and (min-width: 768px) {
  .c-sidebar {
    top: 48px;
    left: 0;
    position: sticky;
    display: block;
  }
}
.c-sidebar__list {
  margin-left: -12px;
}

.c-sidebar__item {
  margin-bottom: 4px;
}

.c-sidebar__item:last-child {
  margin-bottom: 0;
}

.c-sm-subSidebar__item {
  margin-bottom: 4px;
  margin-left: 30px;
  padding-left: 20px;
}

.c-sm-subSidebar__item:last-child {
  margin-bottom: 0;
}

.c-sidebar__link {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #454F59;
  font-size: calc(14 / 16 * 1rem);
  line-height: calc(16 / 14);
  font-weight: 400;
  padding: 12px 17px;
  border-radius: 8px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

@media screen and (min-width: 768px) {
  .c-sidebar__link {
    padding: 10px 13px;
  }
}
.c-sidebar__link.active {
  background-color: rgba(251, 51, 17, 0.1);
  color: #FB3311;
  font-weight: 700;
}

.c-sidebar__link.active .c-sidebar__icon {
  color: #FB3311;
}

.c-sidebar__item:has(.open) > .c-sidebar__link {
  background-color: rgba(251, 51, 17, 0.1);
  color: #FB3311;
  font-weight: 700;
}

.c-sidebar__item:has(.open) > .c-sidebar__link .c-sidebar__icon {
  color: #FB3311;
}

.c-sidebar__link:hover {
  background-color: #F8F8F9;
}

.c-sidebar__icon {
  width: 16px;
  height: 16px;
  margin-right: 15px;
  color: #454F59;
}

.c-sidebar__icon svg {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media screen and (min-width: 768px) {
  .c-sidebar__icon {
    width: 20px;
    height: 20px;
    margin-right: 13px;
  }
}
.c-sidebar__dropdown-wrap {
  height: auto;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  padding-left: 30px;
}

.c-sidebar__dropdown-wrap.open {
  max-height: 999px;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

.c-sidebar__dropdown {
  padding: 8px 0;
}

.c-sidebar__dropdown .c-sidebar__link {
  padding: 14px 17px;
}

.c-sidebar__dropdown .c-sidebar__link.active {
  color: #FB3311;
  background-color: transparent;
}

.c-sidebar__dropdown .c-sidebar__link.active:hover {
  background-color: #F8F8F9;
}

@media screen and (min-width: 992px) {
  .c-option__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 40px;
  }
}
.c-option {
  padding: 36px 38px 60px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  max-width: 326px;
  margin: 0 auto;
  position: relative;
}

.c-option::before {
  width: 100%;
  position: absolute;
  top: 0px;
  height: 8px;
  content: "";
  max-width: 326px;
  margin: 0 auto;
  left: 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.c-option + .c-option {
  margin-top: 44px;
}

@media screen and (min-width: 992px) {
  .c-option + .c-option {
    margin-top: 0;
  }
}
.c-option.c-option--blue::before {
  border-top: 8px solid #4189CC;
}

.c-option.c-option--green::before {
  border-top: 8px solid #52C379;
}

.c-option.c-option--black::before {
  background: linear-gradient(89deg, #A4AEAF -6.48%, #4C5556 98.54%);
}

.c-option.c-option--orange::before {
  background: -webkit-gradient(linear, right top, left top, color-stop(9%, #FF5423), color-stop(145.15%, #FFE4DC));
  background: linear-gradient(270deg, #FF5423 9%, #FFE4DC 145.15%);
}

.c-option .c-list {
  margin-top: 47px;
}

.c-option.no-top-border-line {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.c-option.no-top-border-line::before {
  display: none;
}

.c-option__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 92px;
  height: 92px;
  -webkit-box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  margin: 0 auto 24px;
}

.c-option--blue .c-option__icon {
  background-color: #4189CC;
}

.c-option--green .c-option__icon {
  background-color: #52C379;
}

.c-option--black .c-option__icon {
  background: linear-gradient(216deg, #9FAAAA -0.4%, #535F5F 65.88%);
}

.c-option--orange .c-option__icon {
  background: linear-gradient(219deg, #FF7C32 34.52%, #DE3E00 94.92%);
}

.c-option__title {
  font-size: calc(20 / 16 * 1rem);
  line-height: calc(20 / 20);
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}

.c-option--blue .c-option__title {
  color: #4189CC;
}

.c-option--green .c-option__title {
  color: #52C379;
}

.c-option__text {
  font-size: calc(15 / 16 * 1rem);
  line-height: calc(25 / 15);
  font-weight: 400;
  color: #454F59;
  margin-bottom: 48px;
  text-align: center;
}

.c-option__list-item {
  list-style-type: none !important;
  position: relative;
  padding-left: 35px;
  font-size: calc(15 / 16 * 1rem);
  line-height: calc(25 / 15);
  font-weight: 400;
}

.c-option__list-item + .c-option__list-item {
  margin-top: 22px;
}

.c-option__list-item::after {
  position: absolute;
  content: "";
  top: 3px;
  left: 0;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
}

.c-option--blue .c-option__list-item::after {
  background-image: url("/img3/marketing/icons/option-check-blue.svg");
}

.c-option--green .c-option__list-item::after {
  background-image: url("/img3/marketing/icons/option-check-green.svg");
}

.c-option--black .c-option__list-item::after {
  background-image: url("/img3/marketing/icons/grey-circle-tick.svg");
}

.c-option--orange .c-option__list-item::after {
  background-image: url("/img3/marketing/icons/orange-circle-tick.svg");
}

.c-list--simple .c-option__list-item {
  padding-left: 27px;
  position: relative;
}

.c-list--simple .c-option__list-item::after {
  color: #2e3133;
  content: "•";
  display: inline-block;
  font-weight: 700;
  left: 6px;
  position: absolute;
  top: 0px;
}

.c-tab__control {
  padding: 9px 10px;
  border-radius: 8px;
  background-color: #F0F0F0;
  border: 1px solid #E0E0E0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 768px) {
  .c-tab__control {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.c-tab__control-item {
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-radius: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.c-tab__control-item:hover {
  background-color: #F8F8F9;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.06);
}

.c-tab__control-item.flash {
  background-color: #F8F8F9;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.06);
}

.c-tab__control-item.active {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.06);
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .c-tab__control-item {
    width: 100%;
  }
}
@media screen and (min-width: 414px) {
  .c-tab__control-item {
    padding: 18px;
  }
}
@media screen and (min-width: 768px) {
  .c-tab__control-item {
    padding: 18px 22px;
  }
}
.c-tab__control-icon {
  height: 48px;
  width: 48px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 16px;
}

.c-tab__control-icon.c-tab__control-icon--green {
  background-color: #52C379;
}

.c-tab__control-icon.c-tab__control-icon--blue {
  background-color: #4189CC;
}

.c-tab__control-icon.c-tab__control-icon--black {
  background: linear-gradient(216deg, #9FAAAA -0.4%, #535F5F 65.88%);
}

.c-tab__control-icon.c-tab__control-icon--orange {
  background: linear-gradient(219deg, #FF7C32 34.52%, #DE3E00 94.92%);
}

.c-tab__control-icon img {
  max-width: 24px;
}

.c-tab__control-title {
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(36 / 16);
  font-weight: 700;
  color: #454F59;
}

@media screen and (min-width: 414px) {
  .c-tab__control-title {
    font-size: calc(20 / 16 * 1rem);
    line-height: calc(36 / 20);
    font-weight: 700;
  }
}
.c-tab__content {
  padding-top: 48px;
  position: relative;
}

@media screen and (min-width: 768px) {
  .c-tab__content {
    padding-top: 53px;
  }
}
.c-tab__content-item {
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.c-tab__content-item.active {
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  opacity: 1;
  position: static;
}

.c-tab__content-item.active.notransition {
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}

.c-tab__content-item.notransition {
  -webkit-transition: none;
  transition: none;
}

.c-tab__content-item .c-title__section {
  margin-bottom: 12px;
}

.c-tab__content-item .u-image-bg--dark {
  margin-top: 32px;
}

.c-slider__wrap {
  position: relative;
}

.c-slider__wrap .swiper {
  margin: 0 auto;
  padding: 36px 0;
  width: 215px;
  height: auto;
  overflow: visible;
}

@media screen and (min-width: 768px) {
  .c-slider__wrap .swiper {
    width: 244px;
  }
}
.c-slider__wrap .swiper-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-slider__wrap .swiper-slide {
  -webkit-box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.12);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-slider__wrap .swiper-slide img {
  height: 304px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (min-width: 768px) {
  .c-slider__wrap .swiper-slide img {
    height: 344px;
  }
}
.c-slider__wrap .u-image-bg--dark {
  position: absolute;
  width: 100%;
  height: 274px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .c-slider__wrap .u-image-bg--dark {
    width: 100vw;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 0;
  }
}
.c-slider {
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .c-slider {
    width: 100vw;
    margin-left: -35px;
  }
}
.c-slider__nav-btn {
  display: none;
  padding: 0;
  position: absolute;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: none;
  background-color: transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.5;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .c-slider__nav-btn {
    display: block;
  }
}
.c-slider__nav-btn:hover {
  opacity: 0.8;
}

.c-slider__nav-btn:hover.prev {
  -webkit-transform: translate(-5px, -50%);
      -ms-transform: translate(-5px, -50%);
          transform: translate(-5px, -50%);
}

.c-slider__nav-btn:hover.next {
  -webkit-transform: translate(5px, -50%);
      -ms-transform: translate(5px, -50%);
          transform: translate(5px, -50%);
}

.c-slider__nav-btn.prev {
  left: 8px;
}

@media screen and (min-width: 992px) {
  .c-slider__nav-btn.prev {
    left: 27px;
  }
}
.c-slider__nav-btn.next {
  right: 8px;
}

@media screen and (min-width: 992px) {
  .c-slider__nav-btn.next {
    right: 27px;
  }
}
.c-slider__nav-btn.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}

.c-light-box {
  padding-top: 40px;
}

@media screen and (min-width: 768px) {
  .c-light-box {
    padding-top: 60px;
  }
}
.c-light-box__title {
  font-size: calc(18 / 16 * 1rem);
  line-height: calc(20 / 18);
  font-weight: 700;
  color: #454F59;
  margin-bottom: 29px;
}

.c-light-box__stack + .c-light-box__title {
  margin-top: 44px;
}

@media screen and (min-width: 768px) {
  .c-light-box__stack + .c-light-box__title {
    margin-top: 65px;
  }
}
.c-light-box__stack {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .c-light-box__stack {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
  }
}
.c-light-box__item {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.c-light-box__item::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.c-light-box__item::after {
  position: absolute;
  content: "";
  width: 38px;
  height: 38px;
  background-image: url("/img3marketing/icons/search-lightbox.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.c-light-box__item:hover::before, .c-light-box__item:hover::after {
  opacity: 1;
}

.c-light-box__slider {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px 30px;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

@media screen and (min-width: 768px) {
  .c-light-box__slider {
    padding: 90px 0;
  }
}
.c-light-box__slider .swiper {
  pointer-events: none;
  height: 100%;
  max-height: 730px;
  max-width: 512px;
  z-index: -1;
}

.c-light-box__slider .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-light-box__slider .swiper-slide img {
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.c-light-box__slider .c-slider__nav-btn {
  opacity: 1;
}

.c-light-box__slider .c-slider__nav-btn.swiper-button-disabled {
  opacity: 0;
}

.c-light-box__slider.open {
  opacity: 1;
  pointer-events: all;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

.c-light-box__slider.open .swiper {
  pointer-events: all;
  z-index: 1;
}

.c-light-box__slider-close {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 0;
  width: 24px;
  height: 24px;
  margin-top: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.c-tabel {
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  overflow: hidden;
}

.c-tabel + .c-tabel {
  margin-top: 40px;
}

.c-tabel__row {
  display: grid;
  grid-template-columns: 1fr 80px;
  border-bottom: 1px solid #F0F0F1;
}

@media screen and (min-width: 768px) {
  .c-tabel__row {
    grid-template-columns: 1fr 158px;
  }
}
.c-tabel__row:last-child {
  border-bottom: none;
}

.c-tabel__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: calc(12 / 16 * 1rem);
  line-height: calc(18 / 12);
  font-weight: 400;
  color: #454F59;
}

@media screen and (min-width: 768px) {
  .c-tabel__item {
    font-size: calc(14 / 16 * 1rem);
    line-height: calc(20 / 14);
    font-weight: 400;
  }
}
.c-tabel__item:first-of-type {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 18px 12px 18px 22px;
}

@media screen and (min-width: 768px) {
  .c-tabel__item:first-of-type {
    padding: 20px 18px 20px 39px;
  }
}
.c-tabel__item:last-of-type::after {
  display: none;
}

.c-tabel__item::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 5px;
  top: 0;
  right: -5px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(184, 184, 184, 0.5625)), color-stop(71.35%, rgba(184, 184, 184, 0)));
  background: linear-gradient(90deg, rgba(184, 184, 184, 0.5625) 0%, rgba(184, 184, 184, 0) 71.35%);
  opacity: 0.35;
}

@media screen and (min-width: 768px) {
  .c-tabel__item::after {
    width: 7px;
    right: -7px;
  }
}
.c-tabel__item img {
  margin: 0 auto;
}

.c-table__head .c-tabel__item {
  font-size: calc(12 / 16 * 1rem);
  line-height: calc(18 / 12);
  font-weight: 400;
  color: #ffffff;
}

@media screen and (min-width: 768px) {
  .c-table__head .c-tabel__item {
    font-size: calc(16 / 16 * 1rem);
    line-height: calc(18 / 16);
    font-weight: 700;
  }
}
.c-table__head .c-tabel__item:first-child {
  font-weight: 700;
}

.c-tabel__item .tooltip {
  line-height: 1rem;
  margin: 0px 0 0 10px;
}

.c-tabel__item.small-notes {
  font-size: 14px;
}

.c-table__head {
  background-color: #3E4143;
}

.table.hover-row.usermanul a {
  color: #ff462a;
  cursor: pointer;
  text-decoration: none;
}

.table.hover-row.usermanul:hover {
  text-decoration: underline;
}

.table.hover-row .row:hover {
  background: #f6f6f8;
}

.c-search {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

@media screen and (min-width: 768px) {
  .c-search {
    max-width: 580px;
  }
}
.c-search .c-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: calc(12 / 16 * 1rem);
  line-height: calc(14 / 12);
  font-weight: 700;
  padding: 13px 20px 11px;
  border-radius: 6px;
}

@media screen and (min-width: 768px) {
  .c-search--short {
    max-width: 415px;
  }
}
.c-search__input {
  width: 100%;
  font-size: calc(14 / 16 * 1rem);
  line-height: calc(34 / 14);
  font-weight: 400;
  color: #454F59;
  border: 1px solid #A8ADB2;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #ffffff;
  padding: 3px 20px;
  border-radius: 4px;
  height: 40px;
}

.c-search__input::-webkit-input-placeholder {
  color: #B8B8B8;
}

.c-search__input::-moz-placeholder {
  color: #B8B8B8;
}

.c-search__input:-ms-input-placeholder {
  color: #B8B8B8;
}

.c-search__input::-ms-input-placeholder {
  color: #B8B8B8;
}

.c-search__input::placeholder {
  color: #B8B8B8;
}

.c-search__text {
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(22 / 16);
  font-weight: 400;
  color: #454F59;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .c-search__text {
    display: none;
  }
}
.c-pagination {
  padding: 18px 16px;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-pagination button, .c-pagination a {
  background-color: transparent;
  border: none;
  font-size: calc(13 / 16 * 1rem);
  line-height: calc(16 / 13);
  font-weight: 400;
  color: #FF462A;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  white-space: nowrap;
}

.c-pagination button.disable, .c-pagination a.disable {
  color: #454F59;
  pointer-events: none;
}

.c-pagination button:hover, .c-pagination a:hover {
  text-decoration: underline;
}

.c-pagination__page-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}

.c-pagination__page {
  width: 15px;
  padding: 2px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 2px;
}

.c-pagination__page.active {
  background-color: #8F959B;
  color: #ffffff;
  pointer-events: none;
}

.c-text-card__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 34px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-text-card, .c-text-card-long {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

@media screen and (min-width: 768px) {
  .c-text-card, .c-text-card-long {
    padding: 29px 38px 36px;
    width: 326px;
  }
}
@media screen and (max-width: 767px) {
  .c-text-card, .c-text-card-long {
    min-width: 270px;
    max-width: 50%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}
.c-text-card .c-text, .c-text-card-long .c-text {
  color: #4F4F4F;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.c-text-card .c-btn, .c-text-card-long .c-btn {
  min-width: 80px;
  margin-top: 16px;
}

.c-text-card__title {
  font-size: calc(20 / 16 * 1rem);
  line-height: calc(20 / 20);
  font-weight: 700;
  color: #4F4F4F;
  margin-bottom: 16px;
}

.c-text-card__wrap.register-page {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media screen and (max-width: 767px) {
  .c-text-card__wrap.register-page {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /*width: 300px;*/
  }
}
.c-text-card__wrap.register-page .card-title {
  font-size: 19px;
  line-height: 20px;
  color: #4F4F4F;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.c-text-card__wrap.register-page .c-text-card {
  width: 300px;
}

@media screen and (max-width: 767px) {
  .c-text-card__wrap.register-page .c-text-card {
    width: 300px;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}
.c-text-card__wrap.register-page .c-text-card-long {
  width: 600px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .c-text-card__wrap.register-page .c-text-card-long {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 300px;
  }
}
.c-text-card__wrap.register-page .c-text-card-long .c-text-card-long-contents-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 34px;
}

@media screen and (max-width: 767px) {
  .c-text-card__wrap.register-page .c-text-card-long .c-text-card-long-contents-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.c-text-card__wrap.register-page .c-text-card-long .c-text-card-long-contents-wrapper .card-content {
  color: #4F4F4F;
  width: 50%;
}

@media screen and (max-width: 767px) {
  .c-text-card__wrap.register-page .c-text-card-long .c-text-card-long-contents-wrapper .card-content {
    width: 100%;
  }
}
.c-text-card__wrap.register-page .c-text-card-long .c-text-card-long-contents-wrapper .card-content:first-of-type {
  border-right: 1px solid #D9D9D9;
}

@media screen and (max-width: 767px) {
  .c-text-card__wrap.register-page .c-text-card-long .c-text-card-long-contents-wrapper .card-content:first-of-type {
    padding-bottom: 34px;
    border-bottom: 1px solid #D9D9D9;
    border-right: none;
  }
}
.c-text-card__wrap.register-page .c-text-card-long .c-text-card-long-contents-wrapper .card-content .c-btn {
  margin-top: 32px;
}

.c-text-card__wrap.register-page .c-text-card__title {
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(20 / 16);
  font-weight: 700;
  color: #4F4F4F;
  margin-bottom: 16px;
}

.c-pricing-card__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  gap: 23px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-pricing-card {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  margin: 0 auto;
  padding: 28px 28px 36px 28px;
  -webkit-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.11);
          box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.11);
  border-radius: 8px;
  background-color: #ffffff;
  max-width: 320px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-pricing-card {
    width: 320px;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    height: 370px;
  }
}
.c-pricing-card::before {
  width: 100%;
  position: absolute;
  top: 0px;
  height: 9px;
  content: "";
  margin: 0 auto;
  left: 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.c-pricing-card.c-pricing-card--green::before {
  border-color: #52C379;
}

.c-pricing-card.c-pricing-card--blue::before {
  border-color: #4189CC;
}

.c-pricing-card.c-pricing-card--purple::before {
  border-color: #5C00A4;
}

.c-pricing-card.c-pricing-card--professional1::before {
  background: -webkit-gradient(linear, right top, left top, color-stop(12.78%, #FF7D57), color-stop(96.12%, #FFC2B0));
  background: linear-gradient(270deg, #FF7D57 12.78%, #FFC2B0 96.12%);
}

.c-pricing-card.c-pricing-card--professional2::before {
  background: linear-gradient(269deg, #A3300F -4.64%, #F3581C 50.26%);
}

.c-pricing-card.c-pricing-card--enterprise::before {
  background: linear-gradient(269deg, #000 -28.86%, #999 153.78%);
}

.c-pricing-card__subtitle {
  font-size: calc(20 / 16 * 1rem);
  line-height: calc(20 / 20);
  font-weight: 700;
  margin-bottom: 40px;
}

.c-pricing-card--green .c-pricing-card__subtitle {
  color: #52C379;
}

.c-pricing-card--blue .c-pricing-card__subtitle {
  color: #4189CC;
}

.c-pricing-card--purple .c-pricing-card__subtitle {
  color: #5C00A4;
}

.c-pricing-card__amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 8px;
  margin-bottom: 40px;
}

.c-pricing-card__amount .c-pricing-card__amount-text {
  margin-bottom: 4px;
}

.c-pricing-card__amount-title {
  font-size: calc(29 / 16 * 1rem);
  line-height: calc(29 / 29);
  font-weight: 700;
  color: #2E3133;
}

.c-pricing-card__amount-text, .c-pricing-card__text {
  font-size: calc(13 / 16 * 1rem);
  line-height: calc(13 / 13);
  font-weight: 400;
  color: #454F59;
}

.c-pricing-card__text {
  line-height: 15px;
}

.c-pricing-card__list {
  margin-top: 30px;
}

.c-pricing-card__list .c-list__item {
  padding-left: 27px;
  margin: 0;
  margin-bottom: 3px;
  font-size: calc(14 / 16 * 1rem);
  line-height: calc(26 / 14);
  font-weight: 400;
}

.c-pricing-card__list .c-list__item::after {
  top: 6px;
  width: 12px;
  background-image: url("/img3/marketing/icons/arrow-list.svg");
}

.c-pricing-card__list .c-list__item a {
  color: #FF462A;
}

.c-pricing-card__footer {
  margin-top: 47px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
}

.c-pricing-card__footer .c-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.c-small-card__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .c-small-card__wrap {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (min-width: 1200px) {
  .c-small-card__wrap {
    gap: 24px;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
  }
}
.c-small-card {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  padding: 29px 16px 25px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  position: relative;
}

.c-small-card::before {
  content: "";
  position: absolute;
  height: 8px;
  top: 0px;
  width: 100%;
  left: 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: #C2C0C0;
}

@media screen and (max-width: 991px) {
  .c-small-card {
    max-width: 158px;
    min-width: 158px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.c-small-card.c-small-card--purple {
  border-color: #5C00A4;
}

.c-small-card.c-small-card--black::before {
  background: linear-gradient(269.32deg, #000000 7.67%, #535353 89.63%);
}

.c-small-card .c-btn {
  margin: 36px auto 0;
  display: block;
}

.c-small-card li {
  color: #46505a;
  font-family: Inter;
  font-size: 12px;
  font-weight: 300;
  line-height: 14px;
  list-style-position: outside;
  list-style-type: disc;
  margin-bottom: 10px;
  margin-left: 13px;
}

.c-small-card__head {
  padding-bottom: 26px;
  position: relative;
  margin-bottom: 5px;
}

.c-small-card__head::after {
  position: absolute;
  content: "";
  bottom: 15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 1px;
  width: 60px;
  background-color: #DEDEDE;
}

.c-small-card__title {
  font-size: calc(15 / 16 * 1rem);
  line-height: calc(18 / 15);
  font-weight: 700;
  color: #4F4F4F;
  text-align: center;
}

.c-small-card__amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  margin-bottom: 17px;
}

.c-small-card__amount-title {
  font-size: calc(20 / 16 * 1rem);
  line-height: calc(22 / 20);
  font-weight: 700;
  color: #2E3133;
  letter-spacing: -0.02em;
}

.c-small-card__amount-text {
  font-size: calc(13 / 16 * 1rem);
  line-height: calc(13 / 13);
  font-weight: 400;
  color: #454F59;
}

.c-small-card__text {
  text-align: center;
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(22 / 16);
  font-weight: 400;
  color: #454F59;
}

.c-small-card__text a {
  color: #FF462A;
}

.c-small-card__text a:hover {
  text-decoration: underline;
}

.c-account-card__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  gap: 17px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-account-card__wrap .c-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.c-account-card__wrap + .c-account-card__wrap {
  margin-top: 17px;
}

@media screen and (min-width: 768px) {
  .c-account-card__wrap + .c-account-card__wrap {
    margin-top: 120px;
  }
}
.c-account-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  max-width: 500px;
  min-width: 300px;
  padding: 24px;
  margin: 0 auto;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

@media screen and (min-width: 768px) {
  .c-account-card {
    padding: 33px 44px 70px;
    min-height: 320px;
  }
}
.c-account-card--full {
  max-width: 100%;
  width: 100%;
  height: auto;
  padding: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: block;
}

@media screen and (min-width: 768px) {
  .c-account-card--full {
    min-height: auto;
  }
}
.c-account-card__title {
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(26 / 16);
  font-weight: 700;
  color: #454F59;
}

.c-account-card__feat-wrap {
  margin-top: 23px;
  margin-bottom: 38px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.c-account-card__feat-wrap .c-text {
  font-size: calc(13 / 16 * 1rem);
  line-height: calc(21 / 13);
  font-weight: 400;
  margin: 0;
}

.c-account-card__feat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-account-card__feat-point {
  width: 145px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.c-account-card__btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.c-account-card__btn-wrap .c-text {
  margin: 0;
  font-size: calc(11 / 16 * 1rem);
  line-height: calc(12 / 11);
  font-weight: 400;
}

.awards-logo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}

@media screen and (min-width: 768px) {
  .awards-logo-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    vertical-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
img.img-shadow {
  border: none;
  display: block;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  margin: 20px 0 50px;
  clear: both;
  -webkit-box-shadow: 3px 3px 15px #afafaf;
          box-shadow: 3px 3px 15px #afafaf;
}

.c-submenu {
  background: white;
  width: 100%;
  min-height: 63px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-submenu {
    min-height: 50px;
  }
}
.c-submenu .container--wide {
  width: 100%;
}

.c-submenu .c-submenu__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 9px;
}

.c-submenu .c-submenu__tabs .c-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 400;
  color: #2E3133;
  padding-bottom: 14px;
  position: relative;
  font-size: 16px;
}

.c-submenu .c-submenu__tabs .c-btn::after {
  content: "";
  position: absolute;
  background: #AFB6BD;
  height: 3px;
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  bottom: 0px;
  left: 0px;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.c-submenu .c-submenu__tabs .c-btn:hover::after {
  background: #AFB6BD;
  opacity: 1;
}

.c-submenu .c-submenu__tabs .c-btn.active {
  font-weight: 700;
  color: #FB3311;
}

.c-submenu .c-submenu__tabs .c-btn.active::after {
  background: #FB3311;
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .c-submenu .c-submenu__tabs .c-btn {
    padding: 13px 6px 17px 6px;
    font-size: 14px;
  }
}
@media screen and (min-width: 375px) {
  .c-submenu .c-submenu__tabs {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media print {
  .noprint, .noprint * {
    display: none !important;
  }
}
.step-circle {
  min-width: 64px;
  width: 64px;
  height: 64px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.step-circle.step1 {
  /* Fallback */
  background-image: url("/img4/marketing/components/step-circle/step1-circle.png");
  /* Chrome/Edge/Opera/Samsung, Safari will fallback to this as well */
  background-image: -webkit-image-set(url("/img4/marketing/components/step-circle/step1-circle.png") 1x, url("/img4/marketing/components/step-circle/step1-circle@2x.png") 2x, url("/img4/marketing/components/step-circle/step1-circle@3x.png") 3x);
  /* Standard use */
  background-image: image-set(url("/img4/marketing/components/step-circle/step1-circle.png") 1x, url("/img4/marketing/components/step-circle/step1-circle@2x.png") 2x, url("/img4/marketing/components/step-circle/step1-circle@3x.png") 3x);
}

.step-circle.step2 {
  /* Fallback */
  background-image: url("/img4/marketing/components/step-circle/step2-circle.png");
  /* Chrome/Edge/Opera/Samsung, Safari will fallback to this as well */
  background-image: -webkit-image-set(url("/img4/marketing/components/step-circle/step2-circle.png") 1x, url("/img4/marketing/components/step-circle/step2-circle@2x.png") 2x, url("/img4/marketing/components/step-circle/step2-circle@3x.png") 3x);
  /* Standard use */
  background-image: image-set(url("/img4/marketing/components/step-circle/step2-circle.png") 1x, url("/img4/marketing/components/step-circle/step2-circle@2x.png") 2x, url("/img4/marketing/components/step-circle/step2-circle@3x.png") 3x);
}

.step-circle.step3 {
  /* Fallback */
  background-image: url("/img4/marketing/components/step-circle/step3-circle.png");
  /* Chrome/Edge/Opera/Samsung, Safari will fallback to this as well */
  background-image: -webkit-image-set(url("/img4/marketing/components/step-circle/step3-circle.png") 1x, url("/img4/marketing/components/step-circle/step3-circle@2x.png") 2x, url("/img4/marketing/components/step-circle/step3-circle@3x.png") 3x);
  /* Standard use */
  background-image: image-set(url("/img4/marketing/components/step-circle/step3-circle.png") 1x, url("/img4/marketing/components/step-circle/step3-circle@2x.png") 2x, url("/img4/marketing/components/step-circle/step3-circle@3x.png") 3x);
}

.step-circle.step4 {
  /* Fallback */
  background-image: url("/img4/marketing/components/step-circle/step4-circle.png");
  /* Chrome/Edge/Opera/Samsung, Safari will fallback to this as well */
  background-image: -webkit-image-set(url("/img4/marketing/components/step-circle/step4-circle.png") 1x, url("/img4/marketing/components/step-circle/step4-circle@2x.png") 2x, url("/img4/marketing/components/step-circle/step4-circle@3x.png") 3x);
  /* Standard use */
  background-image: image-set(url("/img4/marketing/components/step-circle/step4-circle.png") 1x, url("/img4/marketing/components/step-circle/step4-circle@2x.png") 2x, url("/img4/marketing/components/step-circle/step4-circle@3x.png") 3x);
}

.step-circle.step5 {
  /* Fallback */
  background-image: url("/img4/marketing/components/step-circle/step5-circle.png");
  /* Chrome/Edge/Opera/Samsung, Safari will fallback to this as well */
  background-image: -webkit-image-set(url("/img4/marketing/components/step-circle/step5-circle.png") 1x, url("/img4/marketing/components/step-circle/step5-circle@2x.png") 2x, url("/img4/marketing/components/step-circle/step5-circle@3x.png") 3x);
  /* Standard use */
  background-image: image-set(url("/img4/marketing/components/step-circle/step5-circle.png") 1x, url("/img4/marketing/components/step-circle/step5-circle@2x.png") 2x, url("/img4/marketing/components/step-circle/step5-circle@3x.png") 3x);
}

.step-circle.step6 {
  /* Fallback */
  background-image: url("/img4/marketing/components/step-circle/step6-circle.png");
  /* Chrome/Edge/Opera/Samsung, Safari will fallback to this as well */
  background-image: -webkit-image-set(url("/img4/marketing/components/step-circle/step6-circle.png") 1x, url("/img4/marketing/components/step-circle/step6-circle@2x.png") 2x, url("/img4/marketing/components/step-circle/step6-circle@3x.png") 3x);
  /* Standard use */
  background-image: image-set(url("/img4/marketing/components/step-circle/step6-circle.png") 1x, url("/img4/marketing/components/step-circle/step6-circle@2x.png") 2x, url("/img4/marketing/components/step-circle/step6-circle@3x.png") 3x);
}

.step-circle.step7 {
  /* Fallback */
  background-image: url("/img4/marketing/components/step-circle/step7-circle.png");
  /* Chrome/Edge/Opera/Samsung, Safari will fallback to this as well */
  background-image: -webkit-image-set(url("/img4/marketing/components/step-circle/step7-circle.png") 1x, url("/img4/marketing/components/step-circle/step7-circle@2x.png") 2x, url("/img4/marketing/components/step-circle/step7-circle@3x.png") 3x);
  /* Standard use */
  background-image: image-set(url("/img4/marketing/components/step-circle/step7-circle.png") 1x, url("/img4/marketing/components/step-circle/step7-circle@2x.png") 2x, url("/img4/marketing/components/step-circle/step7-circle@3x.png") 3x);
}

.step-circle.step-extra {
  /* Fallback */
  background-image: url("/img4/marketing/components/step-circle/step-extra-circle.png");
  /* Chrome/Edge/Opera/Samsung, Safari will fallback to this as well */
  background-image: -webkit-image-set(url("/img4/marketing/components/step-circle/step-extra-circle.png") 1x, url("/img4/marketing/components/step-circle/step-extra-circle@2x.png") 2x, url("/img4/marketing/components/step-circle/step-extra-circle@3x.png") 3x);
  /* Standard use */
  background-image: image-set(url("/img4/marketing/components/step-circle/step-extra-circle.png") 1x, url("/img4/marketing/components/step-circle/step-extra-circle@2x.png") 2x, url("/img4/marketing/components/step-circle/step-extra-circle@3x.png") 3x);
}

.step-circle-divider {
  display: none;
}

@media screen and (min-width: 768px) {
  .step-circle-divider {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 64px;
  }
  .step-circle-divider::after {
    left: 30.5px;
    content: "";
    position: absolute;
    height: 100%;
    width: 1.5px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(206, 206, 206)), to(rgb(245, 245, 245)));
    background: linear-gradient(to bottom, rgb(206, 206, 206), rgb(245, 245, 245));
  }
}
/* ==========================================================================
   Config settings
   ========================================================================== */
/** =====================================================================================
 *  Defines the typographic baseline.
 *  We define every size in pixels, the underlying system converts the
 *  respective units to the responsive REM value.
 ===================================================================================== */
/**
 * Our base font-size and line-height
 */
/**
 *	Here we assign short names for the font families
 */
/**
 *  Global color variables.
 *	The underscore Never use them directly in the styles, only for functions and mixins.
 */
/**
 *  Organize color variables in a Sass Map.
 *  This way, the colors can be iterated, are more organized, and are more intuitive to reference.
 */
/* Media query mixin for writing Mobile First
 * ========================================== */
/** =====================================================================================
 *  Toolbox functions
 ===================================================================================== */
/**
 *  Maths helpers.
 *  Halve and double numbers, returning rounded integers.

    USAGE:

    .foo {
        padding: halve(30px);
    }

 */
/**
 *  Remove the unit of a length
 *  @param {Number} $number - Number to remove unit from
 *  @return {Number} - Unitless number
 */
/* Check if value is number */
/* Value to Em */
/* Value to Rem */
/**
 *	A simple function for accessing the colors from our mapping
 *	To access colors in our palette, we use a very simple custom Sass function

	USAGE:

	a {
		color: palette(primary);

		&:hover {
			color: palette(primary, 400);
		}
	}

 */
/**
 *	A simple function for setting a consistent box-shadow

	USAGE:

	.card {
		@include box-shadow();
	}

	.card--alt {
		@include box-shadow(low);
	}

 */
/**
 *	A simple function for setting a consistent border-radius

	USAGE:

	.card {
		@include border-radius;
	}

	.card--alt {
		@include border-radius(large);
	}

 */
/**
 * Lobotomized Owl Selector mixin:
 * - Set spacing for consecutive items with margin-top on all but the first item

	USAGE:

	.box {
		@include owl-children;
	}

	.card__item {
		@include owl;
	}

 */
/**
 *  Show hyphens for every browser supporting it
 *  and will break lines in every other browser
 */
/*
 *  Restrict an element to a max-width for creating gutters on the side
 */
/* ==========================================================================
 * Font related functions
 * ========================================================================== */
/**
 *  Calculate line-height ratio from font-size and line-height in px value
 */
/**
 *  Mixin for setting font-size in REM through a Sass Map with all available sizes

    USAGE:

    .myClass {
        @include font-size(x-large);
    }

 */
/**
 *	A simple function for accessing the font families from our mapping

	USAGE:

	span {
		@include font-family(primary);
	}

 */
/**
 *  Font mixin for setting font-size, font-weight, and line-height

    USAGE:

    .myClass {
        @include font(x-large, 34, 500);
    }

    .myClass {
      @include font(medium, $weight: 300);
    }

 */
.s-features {
  padding: 48px 0;
}

.s-features .c-title__section {
  margin-bottom: 25px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .s-features .c-title__section {
    margin-bottom: 10px;
  }
}
.s-features .c-btn__link {
  margin: 0 auto;
}

.s-features .u-col__single {
  max-width: 744px;
}

.s-features__subtitle {
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(24 / 16);
  font-weight: 400;
  color: #454F59;
  text-align: center;
  margin-bottom: 32px;
}

@media screen and (min-width: 768px) {
  .s-features__subtitle {
    font-size: calc(18 / 16 * 1rem);
    line-height: calc(21 / 18);
    font-weight: 400;
    margin-bottom: 60px;
  }
}
.s-features__content {
  margin-bottom: 34px;
}

@media screen and (min-width: 768px) {
  .s-features__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px 50px;
  }
  .s-features__content > * {
    width: 50%;
    padding: 0 10px;
  }
}
.s-hero {
  position: relative;
  padding: 20px 0;
  background: url("/img3/marketing/hero-bgrd.png") #B8B8B8 no-repeat;
  background-position: -430px center;
  background-size: auto 100%;
  mix-blend-mode: multiply;
}

@media screen and (min-width: 414px) {
  .s-hero {
    padding: 20px 0;
  }
}
@media screen and (min-width: 768px) {
  .s-hero {
    background-position: -430px center;
    padding: 20px 0;
  }
}
@media screen and (min-width: 992px) {
  .s-hero {
    background-position: center;
    padding: 0 0 10px;
  }
}
@media screen and (min-width: 1200px) {
  .s-hero {
    background-position: center;
    padding: 0;
  }
}
.s-hero .c-text {
  color: #ffffff;
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  .s-hero .c-text {
    margin-top: 24px;
  }
}
.s-hero .c-btn {
  margin-top: 38px;
  -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
}

.s-hero .c-title__main {
  color: #ffffff;
}

@media screen and (min-width: 992px) {
  .s-hero .c-title__main {
    margin: 8vh 0 0 0;
  }
}
.s-hero.survey {
  position: relative;
  padding: 46px 0 28px;
  background: url("/img3/marketing/surveys/hero1-back-1377x441-2x.png") #F0EEEE no-repeat;
  background-position: -430px center;
  background-size: auto 100%;
  mix-blend-mode: multiply;
}

@media screen and (min-width: 768px) {
  .s-hero.survey {
    padding: 48px 0;
    background-position: -250 0;
  }
}
@media screen and (min-width: 992px) {
  .s-hero.survey {
    background-position: center;
    height: 480px;
  }
}
.s-hero.survey .s-hero__img {
  position: relative;
  bottom: 11px;
}

@media screen and (min-width: 375px) {
  .s-hero.survey .s-hero__img {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 992px) {
  .s-hero.survey .s-hero__img {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.s-hero.survey .c-text {
  color: #ffffff;
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  .s-hero.survey .c-text {
    margin-top: 24px;
  }
}
.s-hero.survey .c-btn {
  margin-top: 38px;
  -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
}

.s-hero.survey .c-title__main {
  color: #ffffff;
}

@media screen and (min-width: 992px) {
  .s-hero.survey .c-title__main {
    margin: 8vh 0 0 0;
  }
}
.s-hero__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 992px) {
  .s-hero__content {
    gap: 13px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-height: 434px;
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
  }
}
.s-hero__info {
  max-width: 611px;
}

@media screen and (min-width: 992px) {
  .s-hero__info {
    max-width: 410px;
    margin: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .s-hero__info .c-text {
    display: block;
  }
  .s-hero__info .c-btn {
    display: inline-block;
  }
}
.s-hero__info + .s-hero__info {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin: 0 auto;
}

@media screen and (min-width: 992px) {
  .s-hero__info + .s-hero__info {
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
  }
}
.s-hero__img {
  position: relative;
  max-width: 611px;
  margin: -30px;
}

@media screen and (min-width: 992px) {
  .s-hero__img {
    margin: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: calc(100% - 410px);
  }
  .s-hero__img .c-text {
    display: none;
  }
  .s-hero__img .c-btn {
    display: none;
  }
}
.s-hero__button {
  position: absolute;
  right: 21px;
  top: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  color: #fff;
  font-weight: 700;
  font-size: 11px;
  padding: 6px 10px 6px 6px;
  border-radius: 6px;
  background: linear-gradient(334deg, #f02a08 0%, #ff994f 63.09%, #f02a08 100%);
  background-size: 300% 300%;
  background-position: 0% 50%;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition: background-position 0.5s ease-in-out, -webkit-transform 0.5s ease;
  transition: background-position 0.5s ease-in-out, -webkit-transform 0.5s ease;
  transition: background-position 0.5s ease-in-out, transform 0.5s ease;
  transition: background-position 0.5s ease-in-out, transform 0.5s ease, -webkit-transform 0.5s ease;
}

.s-hero__button span {
  padding: 0 8px;
  border-radius: 3px;
  background-color: #fff;
  color: #FF462A;
}

.s-hero__button:hover {
  background-position: 100% 0%;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 767px) {
  .s-hero__button {
    display: none;
  }
}
.s-hero__simple {
  position: relative;
  padding: 50px 0 25px;
  overflow: hidden;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(70.46%, #FFFFFF), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, #FFFFFF 70.46%, rgba(255, 255, 255, 0) 100%);
  background-color: #F5F5F5;
}

@media screen and (min-width: 768px) {
  .s-hero__simple {
    padding-top: 70px;
  }
}
.s-hero__simple--white {
  background-color: #ffffff;
  padding: 32px 0 84px;
}

.s-hero__simple--white .c-btn {
  margin-top: 33px;
}

.c-title__main {
  margin: 0 0 19px;
}

.s-hero__grey {
  position: relative;
  padding: 50px 0 47px;
  overflow: hidden;
  min-height: 350px;
  background: url("/img3/marketing/white-vector.svg") repeat-x;
  background-repeat: repeat-x;
}

@media screen and (min-width: 768px) {
  .s-hero__grey {
    padding: 70px 0 45px;
  }
}
.s-hero__grey .container {
  position: relative;
}

.s-hero__grey.faq-contact-background {
  background: url("/img3/marketing/background-faq-and-contact.png") repeat-x;
  min-height: 237px;
  padding-top: 67px;
  padding-bottom: 0px;
  background-position-y: -109px;
}

@media screen and (max-width: 767px) {
  .s-hero__grey.faq-contact-background {
    min-height: 211px;
    padding-top: 44px;
  }
}
.s-hero__grey.contact-us {
  min-height: 236px;
}

.s-hero__grey.register-form {
  min-height: 235px;
}

.s-hero__grey--center .c-title__main {
  text-align: center;
  margin-bottom: 6px;
}

.s-hero__grey--center .s-hero__subtitle {
  text-align: center;
}

.s-hero__subtitle--small {
  font-size: calc(20 / 16 * 1rem);
  line-height: calc(20 / 20);
  font-weight: 400;
  color: #626262;
}

.s-hero__breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
}

.s-hero__breadcrumbs li {
  font-size: calc(13 / 16 * 1rem);
  line-height: calc(22 / 13);
  font-weight: 400;
  color: #454F59;
  padding-right: 5px;
}

.s-hero__breadcrumbs li::after {
  content: "/";
  padding-left: 5px;
}

.s-hero__breadcrumbs li:last-child {
  padding-right: 0;
}

.s-hero__breadcrumbs li:last-child::after {
  content: "";
}

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

.s-hero__breadcrumbs--account li::after {
  content: ">";
}

.s-hero__grey--full {
  padding-top: 30px 0 62px;
}

@media screen and (min-width: 768px) {
  .s-hero__grey--full {
    padding: 62px 0 197px;
    min-height: calc(100vh - 140px);
  }
}
.s-hero__grey--full .c-title__main {
  margin: 0 0 8px;
}

.s-hero__grey--full .c-title__main, .s-hero__grey--full .s-hero__subtitle {
  text-align: center;
}

.s-hero__grey--full .container--wide {
  max-width: 1200px;
}

.s-hero__subtitle {
  font-size: calc(23 / 16 * 1rem);
  line-height: calc(42 / 23);
  font-weight: 400;
  color: #626262;
  margin-bottom: 50px;
  opacity: 0.75;
  letter-spacing: -0.02em;
}

@media screen and (min-width: 768px) {
  .s-hero__subtitle {
    margin-bottom: 78px;
  }
}
.s-hero__register-title {
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(20 / 16);
  font-weight: 700;
  color: #454F59;
  margin-bottom: 16px;
}

.s-hero__register {
  padding: 12px;
  color: #454F59;
  margin-bottom: 36px;
  background-color: #FFF2F0;
  border-radius: 0px;
}

@media screen and (min-width: 768px) {
  .s-hero__register {
    padding: 12px 36px;
  }
}
.s-hero__register a {
  color: #FB3311;
  text-decoration: underline;
}

.s-hero__reg-info {
  width: 100%;
  padding: 23px 175px 29px 39px;
  color: #454F59;
  margin-bottom: 36px;
  background-color: #ffffff;
  border-radius: 0px;
  -webkit-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.12));
          filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.12));
  border-left: 4px solid #0896E6;
  max-width: 100%;
}

.s-hero__reg-info h2 {
  font-size: 18px;
  margin-bottom: 11px;
  line-height: 28px;
}

.s-hero__reg-info h3 {
  font-size: 14px;
  margin-bottom: 11px;
  line-height: 28px;
}

.s-hero__reg-info a {
  color: #FB3311;
  text-decoration: none;
}

.s-hero__reg-info ul {
  padding-left: 22px;
  line-height: 28px;
}

.s-hero__reg-info ul li {
  list-style-type: disc;
}

.s-hero__register-info {
  max-width: 640px;
  margin-bottom: 62px;
}

.s-hero__register-info .c-text {
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(20 / 16);
  font-weight: 400;
}

.s-hero__grey--account .c-title__main {
  text-align: left;
}

@media screen and (max-width: 700px) {
  .s-hero__reg-info {
    width: 100%;
    padding: 20px;
  }
  .s-register-form__footer .c-form__radio span {
    white-space: normal;
  }
}
#proctoring_home .s-hero {
  background: url("/img4/marketing/proctoring/hero-back-2x.jpg") #F4F4F4 no-repeat;
  background-position: center;
  min-height: 441px;
  position: relative;
  background-size: auto 100%;
  mix-blend-mode: multiply;
  padding: 46px 0 28px;
}

@media screen and (min-width: 768px) {
  #proctoring_home .s-hero {
    background-position: -250 0;
  }
}
@media screen and (min-width: 992px) {
  #proctoring_home .s-hero {
    padding: 67px 0;
    background-position: center;
  }
}
#proctoring_home .s-hero__content {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

#proctoring_home .s-hero .c-title__main {
  font-family: Helvetica;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0%;
  color: rgb(79, 79, 79);
}

@media screen and (min-width: 992px) {
  #proctoring_home .s-hero .c-title__main {
    margin: 1vh 0 0;
    font-size: 22px;
    line-height: 38px;
  }
}
#proctoring_home .s-hero .s-hero__info {
  color: rgb(46, 49, 51);
  margin: initial;
  max-width: 400px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#proctoring_home .s-hero .s-hero__info .c-text {
  color: inherit;
  margin-top: 0px;
}

#proctoring_home .s-hero .s-hero__img {
  position: relative;
  margin-top: 19px;
  margin-bottom: 19px;
}

@media screen and (min-width: 992px) {
  #proctoring_home .s-hero .s-hero__img {
    margin-top: auto;
    margin-bottom: auto;
    right: 100px;
    top: 35px;
  }
}
#proctoring_home .s-diagram .s-diagram__icon {
  background: #FE5F55;
  width: 100px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 23px;
}

@media screen and (min-width: 992px) {
  #proctoring_home .s-diagram .s-diagram__item:first-of-type {
    margin-top: 45px;
  }
  #proctoring_home .s-diagram .s-diagram__item:nth-of-type(2) {
    margin-top: 60px;
  }
  #proctoring_home .s-diagram .s-diagram__item:nth-of-type(5) {
    margin-top: 136px;
  }
  #proctoring_home .s-diagram .s-diagram__item:nth-of-type(5) img {
    width: 43px;
    height: 43px;
    left: 2px;
    position: relative;
    top: 5px;
    position: relative;
  }
}
#proctoring_home .c-list-icons__item {
  white-space: initial;
  max-width: 297px;
  overflow-wrap: break-word;
}

#proctoring_home .c-card__icon {
  background: rgb(255, 86, 32);
}

#proctoring_home .s-hero__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 992px) {
  #proctoring_home .s-hero__content {
    gap: 13px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-height: 434px;
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
  }
}
#proctoring-tour .s-tour-hero .s-full-img__image-wrap {
  margin-top: 40px;
}

#proctoring-tour .s-tour-hero .c-text:first-of-type {
  margin-top: 40px;
}

#proctoring-tour .s-full-img {
  padding: 69px 0 66px;
}

#proctoring-tour .s-full-img__image-wrap {
  margin-left: 0px;
  padding-left: 0px;
}

#proctoring-tour .s-text-image:last-of-type {
  margin-bottom: 0px;
}

.s-card {
  padding: 36px 0;
  /*background-color: tools.palette(primary-white);*/
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(217, 217, 217, 0.25)), color-stop(43.23%, rgba(217, 217, 217, 0)));
  background: linear-gradient(180deg, rgba(217, 217, 217, 0.25) 0%, rgba(217, 217, 217, 0) 43.23%);
  background-size: 100% 207px;
  background-repeat: no-repeat;
}

@media screen and (min-width: 768px) {
  .s-card {
    padding: 80px 0 120px;
  }
  .s-card .c-card {
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  .s-card .u-row {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media screen and (min-width: 768px) {
  .s-card .u-col__two {
    margin-bottom: 48px;
  }
}
.s-card__cta {
  margin-top: 38px;
}

@media screen and (min-width: 768px) {
  .s-card__cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 33px;
    margin-top: 42px;
    border-top: 1px solid #8F959B;
  }
}
.s-card__cta .c-btn {
  margin-bottom: 23px;
}

@media screen and (min-width: 768px) {
  .s-card__cta .c-btn {
    margin-right: 16px;
  }
}
.s-card__cta-text {
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(25 / 16);
  font-weight: 400;
  color: #2E3133;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .s-card__cta-text {
    font-weight: 700;
    text-align: left;
    max-width: 700px;
  }
}
.s-logos {
  padding: 55px 0;
}

@media screen and (min-width: 768px) {
  .s-logos {
    padding: 53px 0 36px;
  }
}
.s-logos .c-btn__link {
  margin: 0 auto;
}

.s-logos__title {
  font-size: calc(18 / 16 * 1rem);
  line-height: calc(21 / 18);
  font-weight: 400;
  color: #454F59;
  margin-bottom: 54px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .s-logos__title {
    margin-bottom: 35px;
  }
}
.s-logos__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 38px;
  margin-bottom: 35px;
}

@media screen and (min-width: 768px) {
  .s-logos__content {
    margin-bottom: 30px;
  }
}
.s-logos__item {
  display: block;
}

@media screen and (max-width: 767px) {
  .s-logos__item {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
}
.s-sample {
  padding: 54px 0 46px;
}

@media screen and (min-width: 768px) {
  .s-sample .u-row {
    margin: 0 -48px;
  }
}
@media screen and (min-width: 768px) {
  .s-sample .u-col__two {
    padding: 0 48px;
  }
}
.s-sample__title {
  font-size: calc(23 / 16 * 1rem);
  line-height: calc(26 / 23);
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  letter-spacing: -0.03em;
  margin-bottom: 39px;
}

@media screen and (min-width: 768px) {
  .s-sample__title {
    margin-bottom: 5px;
  }
}
.s-sample__subtitle {
  display: none;
  font-size: calc(14 / 16 * 1rem);
  line-height: calc(25 / 14);
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  margin-bottom: 28px;
}

@media screen and (min-width: 768px) {
  .s-sample__subtitle {
    display: block;
  }
}
.s-sample__image {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  margin: 0 auto 30px;
}

@media screen and (min-width: 414px) {
  .s-sample__image {
    max-width: 70%;
  }
}
@media screen and (min-width: 768px) {
  .s-sample__image {
    max-width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .s-sample__image {
    max-height: 251px;
  }
}
.s-sample__image .c-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 7px 20px 6px;
  font-size: calc(12 / 16 * 1rem);
  line-height: calc(24 / 12);
  font-weight: 700;
  position: absolute;
  bottom: 18px;
  left: 18px;
  -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
}

.s-sample__discription {
  font-size: calc(14 / 16 * 1rem);
  line-height: calc(25 / 14);
  font-weight: 400;
  color: #ffffff;
}

.s-sample__discription a {
  color: #ffffff;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .s-sample__discription {
    color: #454F59;
  }
  .s-sample__discription a {
    color: #FF462A;
  }
}
.s-diagram {
  padding: 53px 0 62px;
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .s-diagram {
    padding: 43px 0 73px;
  }
}
@media screen and (min-width: 992px) {
  .s-diagram {
    padding: 43px 0 110px;
    background-image: url("/img3/marketing/diagram-bg.svg");
    background-repeat: no-repeat;
    background-size: 1280px 453px;
    background-position: center bottom;
  }
  .s-diagram::after, .s-diagram::before {
    position: absolute;
    content: "";
    bottom: 0;
    height: 453px;
    width: 150px;
    background: -webkit-gradient(linear, left top, right top, color-stop(33.12%, #FFFFFF), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, #FFFFFF 33.12%, rgba(255, 255, 255, 0) 100%);
  }
  .s-diagram::after {
    left: calc(50% + 490px);
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .s-diagram::before {
    right: calc(50% + 490px);
  }
}
.s-diagram .c-title__section {
  text-align: center;
  margin-bottom: 30px;
}

.s-diagram__arrows {
  display: none;
  position: absolute;
  bottom: 456px;
  width: 824px;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  z-index: -1;
}

@media screen and (min-width: 992px) {
  .s-diagram__arrows {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .s-diagram__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (min-width: 992px) {
  .s-diagram__wrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 -20px;
  }
}
.s-diagram__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  margin-bottom: 36px;
}

.s-diagram__item::after {
  position: absolute;
  content: "";
  top: -34px;
  left: 23px;
  width: 18px;
  height: 12px;
  background-image: url("/img3/marketing/icons/diagram/arrow-down.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.s-diagram__item::before {
  position: absolute;
  content: "";
  height: calc(100% + 36px);
  width: 3px;
  background-image: url("/img3/marketing/icons/diagram/line.svg");
  background-size: 3px auto;
  background-position: center -4px;
  background-repeat: no-repeat;
  top: 0;
  left: 31px;
  z-index: -1;
}

.s-diagram__item:last-child {
  margin-bottom: 0;
}

.s-diagram__item:last-child::before {
  display: none;
}

.s-diagram__item:first-child::after {
  display: none;
}

@media screen and (min-width: 768px) {
  .s-diagram__item {
    width: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding-left: 32px;
  }
  .s-diagram__item::before, .s-diagram__item::after {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .s-diagram__item {
    padding-left: 0;
    margin-bottom: 0;
    display: block;
    width: 170px;
  }
  .s-diagram__item:nth-of-type(1) {
    margin-top: 28px;
  }
  .s-diagram__item:nth-of-type(2) {
    margin-top: 46px;
  }
  .s-diagram__item:nth-of-type(3) {
    margin-top: 109px;
  }
  .s-diagram__item:nth-of-type(4) {
    margin-top: 142px;
  }
  .s-diagram__item:nth-of-type(5) {
    margin-top: 121px;
  }
}
.s-diagram__icon {
  width: 65px;
  height: 65px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media screen and (min-width: 992px) {
  .s-diagram__icon {
    width: 113px;
    height: 113px;
    margin: 0 auto;
    margin-bottom: 18px;
  }
  .s-diagram__icon img {
    width: auto;
  }
  .s-diagram__icon #analyze-result-wrapper #analyze-result-icon {
    max-width: initial;
    left: 0px;
    position: relative;
  }
}
#analyze-result-wrapper {
  overflow-x: hidden;
  border-radius: 0px;
}

#analyze-result-wrapper #analyze-result-icon {
  max-width: 115px;
  left: 29px;
  position: relative;
}

@media screen and (min-width: 992px) {
  #analyze-result-wrapper {
    overflow-x: initial;
  }
  #analyze-result-wrapper #analyze-result-icon {
    max-width: initial;
    left: 0px;
    position: relative;
  }
}
.s-diagram__item-title {
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(21 / 16);
  font-weight: 700;
  color: #454F59;
  margin-bottom: 10px;
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .s-diagram__item-title {
    font-size: calc(20 / 16 * 1rem);
    line-height: calc(21 / 20);
    font-weight: 700;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 992px) {
  .s-diagram__item-title {
    margin-top: 0;
    text-align: center;
  }
}
.s-diagram__item-title a {
  color: inherit;
}

.s-diagram__list {
  list-style: none;
}

.s-diagram__list li {
  position: relative;
  padding-left: 22px;
  color: #454F59;
  font-size: calc(14 / 16 * 1rem);
  line-height: calc(21 / 14);
  font-weight: 400;
  margin-top: 12px;
}

.s-diagram__list li:first-child {
  margin-top: 0;
}

.s-diagram__list li::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 10px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #454F59;
}

.s-tour-hero {
  padding-bottom: 47px;
}

@media screen and (min-width: 768px) {
  .s-tour-hero {
    padding-bottom: 62px;
  }
}
.s-tour-hero .c-title__main {
  margin: 0 0 20px 0;
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .s-tour-hero .c-title__main {
    margin: 0 0 8px 0;
  }
}
.s-tour-hero .u-image-bg--dark {
  margin-bottom: 60px;
}

@media screen and (min-width: 768px) {
  .s-tour-hero .u-image-bg--dark {
    margin-bottom: 41px;
  }
}
@media screen and (min-width: 768px) {
  .s-tour-hero .u-image-bg--big {
    margin-bottom: 87px;
  }
}
.s-tour-hero .c-tab {
  margin-top: 40px;
  margin-bottom: -24px;
}

.s-tour-hero__sibtitle {
  font-size: calc(23 / 16 * 1rem);
  line-height: calc(28 / 23);
  font-weight: 400;
  color: #2E3133;
  opacity: 0.75;
  margin-bottom: 35px;
}

@media screen and (min-width: 768px) {
  .s-tour-hero__sibtitle {
    margin-bottom: 24px;
  }
}
.s-tour-hero__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  margin: 40px 0;
}

@media screen and (min-width: 768px) {
  .s-tour-hero__icons {
    gap: 28px;
    margin-bottom: 65px;
  }
}
@media screen and (min-width: 768px) {
  .s-tour-hero__icons.wide {
    width: calc(100% + 10px);
  }
}
.s-tour-hero__icons-item {
  width: 96px;
}

.s-tour-hero__icons-icon {
  width: 88px;
  height: 88px;
  border-radius: 100%;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.06);
  margin: 0 auto 18px;
  -webkit-transition: all 50ms ease;
  transition: all 50ms ease;
  cursor: pointer;
}

.s-tour-hero__icons-icon:hover {
  -webkit-box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.s-tour-hero__icons-title {
  font-size: calc(13 / 16 * 1rem);
  line-height: calc(15 / 13);
  font-weight: 400;
  color: #454F59;
  text-align: center;
}

.s-tour-hero__image {
  overflow: hidden;
  border-radius: 16px;
  margin: 42px 0 38px;
}

.s-tour-hero__image img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}

.s-create-quiz {
  padding: 58px 0 60px;
}

@media screen and (min-width: 768px) {
  .s-create-quiz {
    padding-bottom: 75px;
  }
}
.s-create-quiz .c-title__section {
  margin-bottom: 36px;
}

@media screen and (min-width: 768px) {
  .s-create-quiz .c-title__section {
    margin-bottom: 46px;
  }
}
@media screen and (min-width: 768px) {
  .s-create-quiz__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
  }
}
@media screen and (min-width: 992px) {
  .s-create-quiz__content {
    gap: 80px;
  }
}
@media screen and (min-width: 768px) {
  .s-create-quiz__info {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media screen and (min-width: 992px) {
  .s-create-quiz__info {
    width: 360px;
  }
}
.s-create-quiz__info .c-text:last-of-type {
  margin-top: 48px;
}

@media screen and (min-width: 768px) {
  .s-create-quiz__info .c-text:last-of-type {
    margin-top: 60px;
  }
}
.s-create-quiz__info li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.s-create-quiz__info li .icon {
  top: 4px;
  position: relative;
}

.s-create-quiz__img {
  margin-top: 40px;
}

@media screen and (min-width: 768px) {
  .s-create-quiz__img {
    margin-top: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
@media screen and (max-width: 767px) {
  .s-create-quiz__img img {
    margin: 0 auto;
  }
}
.s-create-quiz__img--small img {
  max-width: 200px;
}

.tour-section-wrapper {
  padding: 0px;
  margin-top: 60px;
}

@media screen and (min-width: 768px) {
  .tour-section-wrapper {
    margin-top: 20px;
  }
  .tour-section-wrapper:first-of-type {
    margin-top: 60px;
  }
}
.tour-section-wrapper .c-title__section {
  margin-bottom: 36px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  .tour-section-wrapper .c-title__section {
    margin-bottom: 16px;
  }
}
.tour-section-wrapper .c-title__section .sub-title {
  color: var(--Body, #454F59);
  font-family: Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: contents;
}

.tour-section-wrapper .tour-section-content-wrapper {
  margin-top: 24px;
  padding: 0px;
}

.tour-section-wrapper .tour-section-content-wrapper:first-of-type {
  margin-top: 0px;
}

@media screen and (min-width: 768px) {
  .tour-section-wrapper .tour-section-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0px;
  }
}
@media screen and (min-width: 992px) {
  .tour-section-wrapper .tour-section-content-wrapper {
    gap: 0px;
  }
}
.tour-section-wrapper .tour-section-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  gap: 36px;
}

@media screen and (min-width: 768px) {
  .tour-section-wrapper .tour-section-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-left: 18px;
  }
}
@media screen and (min-width: 992px) {
  .tour-section-wrapper .tour-section-content {
    margin-bottom: 32px;
    margin-top: 16px;
  }
}
.tour-section-wrapper .tour-section-content .content-left {
  width: initial;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media screen and (min-width: 768px) {
  .tour-section-wrapper .tour-section-content .content-left {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media screen and (min-width: 768px) {
  .tour-section-wrapper .tour-section-content .content-left {
    width: 260px;
  }
}
.tour-section-wrapper .tour-section-content .tour-image {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .tour-section-wrapper .tour-section-content .tour-image {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: initial;
    background: none;
  }
}
.tour-section-wrapper .tour-section-content .tour-image img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .tour-section-wrapper .tour-section-content .tour-image img {
    max-width: 100%;
  }
}
.tour-section-wrapper .tour-section-content .c-list--none li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
}

.tour-section-wrapper .tour-section-content .c-list--none li .icon {
  min-width: 16px;
  margin-right: 16px;
  position: relative;
  top: 3px;
}

.tour-section-wrapper .tour-section-content .c-list--none .c-list__item + .c-list__item {
  margin-top: 16px;
}

.tour-section-wrapper .tour-section-content .c-list--disc {
  padding-left: 20px;
}

.tour-section-wrapper .tour-link-wrapper {
  margin-top: 32px;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.tour-section-wrapper .tour-link-wrapper .link-arrow {
  display: inline-block;
  margin-left: 9px;
  width: 31px;
  height: 8px;
  background-image: url("/img4/marketing/icons/tour-link-arrow.svg");
}

#online-testing-container {
  padding: 0 0;
}

#online-testing-container .c-list--disc .c-list__item + .c-list__item {
  margin-top: 12px;
}

@media screen and (min-width: 992px) {
  #online-testing-container {
    padding: 0 35px;
  }
}
#online-testing-container #title-wrapper, #online-testing-container .c-title__section, #online-testing-container .content-left, #online-testing-container .tour-image {
  padding: 0 16px;
}

@media screen and (min-width: 992px) {
  #online-testing-container #title-wrapper, #online-testing-container .c-title__section, #online-testing-container .content-left, #online-testing-container .tour-image {
    padding: 0 0;
  }
}
@media screen and (min-width: 768px) {
  #online-testing-container .step-circle-divider {
    margin-left: 16px;
  }
}
@media screen and (min-width: 992px) {
  #online-testing-container .step-circle-divider {
    margin-left: 0px;
  }
}
#online-testing-container .s-tour-hero #title-sub {
  color: var(--Body, #454F59);
  font-family: Helvetica;
  font-size: 23px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 121.739% */
}

#online-testing-container #tour-step1 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
}

@media screen and (min-width: 768px) {
  #online-testing-container #tour-step1 li {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media screen and (min-width: 992px) {
  #online-testing-container #tour-step1 li {
    width: 218px;
  }
}
#online-testing-container #tour-step1 li .icon {
  top: 4px;
  position: relative;
  width: 16px;
  height: 16px;
  min-width: 16px;
}

#online-testing-container #tour-step1 .s-create-quiz__img {
  margin-top: 40px;
}

@media screen and (min-width: 768px) {
  #online-testing-container #tour-step1 .s-create-quiz__img {
    margin-top: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
@media screen and (max-width: 767px) {
  #online-testing-container #tour-step1 .s-create-quiz__img img {
    margin: 0 auto;
  }
}
#online-testing-container #tour-step2 #how-to-give-test-desktop {
  display: none;
}

@media screen and (min-width: 992px) {
  #online-testing-container #tour-step2 #how-to-give-test-desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: none;
  }
}
#online-testing-container #tour-step2 #how-to-give-test-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 992px) {
  #online-testing-container #tour-step2 #how-to-give-test-mobile {
    display: none;
  }
}
#online-testing-container #tour-step2 .tour-image {
  background: #F6F6F8;
}

#online-testing-container #tour-step3 .tour-section-content {
  gap: 16px;
}

#online-testing-container #tour-step3 .tour-section-content .content-left {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  padding: 0 16px;
}

#online-testing-container #tour-step3 .tour-section-content #c-list-second {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding: 0 16px;
}

#online-testing-container #tour-step3 .tour-section-content .tour-link-wrapper {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding: 0 16px;
}

@media screen and (min-width: 992px) {
  #online-testing-container #tour-step3 .tour-section-content .content-left, #online-testing-container #tour-step3 .tour-section-content .tour-link-wrapper {
    padding-left: 10px;
    margin-right: 41px;
  }
  #online-testing-container #tour-step3 .tour-section-content #c-list-second {
    padding-left: 10px;
  }
}
#online-testing-container #tour-step4 li .icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  background-size: 20px;
}

#online-testing-container #tour-step5 .tour-image img {
  position: relative;
  bottom: 32px;
}

#online-testing-container #tour-step-extra {
  margin-bottom: 120px;
}

#online-testing-container #tour-step-extra .step-circle-divider::after {
  left: 30.5px;
  content: "";
  position: absolute;
  height: 100%;
  width: 1.5px;
  background: white;
}

.s-options {
  padding: 58px 0 76px;
}

@media screen and (min-width: 768px) {
  .s-options {
    padding: 78px 0 96px;
  }
}
.s-options .c-title__section {
  margin-bottom: 30px;
}

.s-options > .c-list--secondary {
  margin: 24px 0 48px;
}

.s-unordered__list {
  margin: 0 0 15px 20px;
  line-height: 1.64;
  margin-bottom: 30px;
}

.s-unordered__list > li {
  font-size: calc(15 / 16 * 1rem);
  line-height: calc(25 / 15);
  font-weight: 400;
  color: #454F59;
  list-style: none;
}

.s-unordered__list > li + li {
  margin-top: 5px;
}

.s-unordered__list > li a {
  color: #FF462A;
}

.s-unordered__list li::before {
  content: "•";
  color: #FB3311;
  font-weight: bold;
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  margin-left: -1em;
  /* Also needed for space (tweak if needed) */
}

.s-options__list {
  padding-left: 16px;
  margin-bottom: 51px;
}

@media screen and (min-width: 768px) {
  .s-options__list {
    margin-bottom: 61px;
  }
}
.s-options__list > li {
  list-style-type: decimal;
  font-size: calc(15 / 16 * 1rem);
  line-height: calc(25 / 15);
  font-weight: 400;
  color: #454F59;
}

.s-options__list > li + li {
  margin-top: 22px;
}

.s-grading {
  padding: 57px 0;
}

@media screen and (min-width: 768px) {
  .s-grading {
    padding: 78px 0 66px;
  }
}
.s-grading .c-text {
  margin-top: 30px;
}

.s-grading .u-image-bg--dark {
  margin-bottom: 50px;
}

@media screen and (min-width: 768px) {
  .s-grading .u-image-bg--dark {
    margin-bottom: 90px;
  }
}
.s-grading .c-list {
  margin-top: 30px;
}

.s-grading .c-title__section {
  margin-bottom: 38px;
}

.s-certificate {
  padding: 57px 0;
}

@media screen and (min-width: 768px) {
  .s-certificate {
    padding: 78px 0 66px;
  }
}
.s-certificate .c-title__section {
  margin-bottom: 40px;
}

@media screen and (min-width: 992px) {
  .s-certificate__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 80px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 0;
  }
}
.s-certificate__img {
  margin: 42px auto 50px;
  width: 180px;
}

@media screen and (min-width: 992px) {
  .s-certificate__img {
    margin: 0;
    width: 260px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.s-certificate__img img {
  -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
}

.s-certificate__subtitle {
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(24 / 16);
  font-weight: 700;
  text-align: center;
  margin: 34px 0;
}

@media screen and (min-width: 768px) {
  .s-certificate__subtitle {
    text-align: left;
    margin: 57px 0 24px;
    font-size: calc(16 / 16 * 1rem);
    line-height: calc(24 / 16);
    font-weight: 700;
  }
}
.s-accessibility {
  padding: 57px 0;
}

@media screen and (min-width: 768px) {
  .s-accessibility {
    padding: 78px 0 66px;
  }
}
.s-accessibility .c-list {
  margin: 16px 0;
}

.s-accessibility .c-title__section {
  margin-bottom: 30px;
}

.s-accessibility__subtitle {
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(20 / 16);
  font-weight: 400;
  color: #454F59;
  margin-bottom: 36px;
  opacity: 0.75;
}

.s-accessibility__img {
  margin: 24px auto;
  max-width: 400px;
}

@media screen and (min-width: 768px) {
  .s-accessibility__img {
    margin: 24px 0;
  }
}
.s-security {
  padding: 57px 0;
}

@media screen and (min-width: 768px) {
  .s-security {
    padding: 78px 0 66px;
  }
}
.s-security .c-title__section {
  margin-bottom: 30px;
}

.s-security__subtitle {
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(24 / 16);
  font-weight: 700;
  text-align: center;
  margin: 34px 0;
}

@media screen and (min-width: 768px) {
  .s-security__subtitle {
    text-align: left;
    margin: 57px 0 24px;
    font-size: calc(16 / 16 * 1rem);
    line-height: calc(24 / 16);
    font-weight: 700;
  }
}
.s-security__img {
  margin-top: 60px;
  height: 75px;
  display: block;
  max-width: 245px;
}

@media screen and (min-width: 768px) {
  .s-security__img {
    height: 93px;
  }
}
.s-last {
  padding: 34px 0;
}

@media screen and (min-width: 768px) {
  .s-last {
    border-top: 1px solid #8F959B;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 150px;
  }
  .s-last .flex-own-row {
    width: 100%;
    margin: 30px 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  .s-last--more-padding {
    padding-bottom: 50px;
  }
}
.s-last__text {
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(21 / 16);
  font-weight: 400;
  color: #454F59;
  text-align: center;
  margin-top: 22px;
}

@media screen and (min-width: 768px) {
  .s-last__text {
    text-align: left;
    margin-top: 0;
    margin-left: 11px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.s-faq {
  padding: 60px 0 92px;
  background: #3C4247;
}

@media screen and (min-width: 768px) {
  .s-faq {
    padding: 55px 0 125px;
    min-height: 370px;
  }
}
.s-faq .c-title__section {
  color: #ffffff;
  margin-bottom: 20px;
}

.s-faq .c-text {
  color: #ffffff;
}

.s-faq .c-text a {
  text-decoration: underline;
  color: #ffffff;
}

@media screen and (min-width: 768px) {
  .s-faq__body {
    margin-left: auto;
    max-width: calc(100% - 210px - 60px);
  }
}
@media screen and (min-width: 992px) {
  .s-faq__body {
    max-width: calc(100% - 210px - 105px);
  }
}
.s-faq__item + .s-faq__item {
  margin-top: 54px;
}

@media screen and (min-width: 768px) {
  .s-faq__item + .s-faq__item {
    margin-top: 20px;
  }
}
.s-faq__item li.c-list__item {
  color: #fff;
}

.s-faq__title {
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(20 / 16);
  font-weight: 700;
  color: #ffffff;
  margin-top: 45px;
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .s-faq__title {
    margin-bottom: 0;
  }
}
.s-faq.tour .c-list--simple .c-list__item:after {
  background-color: #ffffff;
}

.s-tour-nav {
  padding: 40px 0 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 768px) {
  .s-tour-nav {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .s-tour-nav.s-tour-nav--mobile {
    display: none;
  }
}
.s-tour-nav__link {
  font-size: calc(14 / 16 * 1rem);
  line-height: calc(17 / 14);
  font-weight: 700;
  color: #FF462A;
}

.s-tour-nav__link.disable {
  color: #454F59;
  pointer-events: none;
}

.s-text-image {
  padding: 40px 0;
}

@media screen and (min-width: 768px) {
  .s-text-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 992px) {
  .s-text-image {
    gap: 48px;
  }
}
.s-text-image .c-btn__link {
  margin-top: 34px;
}

.s-text-image .s-options__list {
  margin-top: 16px;
  margin-bottom: 0;
}

.s-text-image--simple {
  padding-top: 0;
}

@media screen and (min-width: 768px) {
  .s-text-image--simple {
    margin-top: -30px;
  }
}
@media screen and (min-width: 768px) {
  .s-text-image--center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .s-text-image__info {
    width: calc(50% - 12px);
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media screen and (min-width: 992px) {
  .s-text-image__info {
    width: calc(50% - 24px);
  }
}
.s-text-image__img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 42px;
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 768px) {
  .s-text-image__img {
    margin: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.s-text-image__img + .s-text-image__img {
  margin-top: 32px;
}

.s-text-image__img img {
  width: 100%;
}

.s-text-image__img.after-test-margin {
  margin-top: 64px;
}

.s-text-image__img--no-shadow {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.s-text-image__title-wrap {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.s-text-image__title {
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(20 / 16);
  font-weight: 700;
  color: #454F59;
}

.s-text-image__title.big {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 700;
}

.s-text-image__title.after-test-margin {
  margin-top: 178px;
}

.s-text-image__icon {
  min-width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.s-text-image__icon img {
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 100%;
}

.s-text-image__more {
  margin-top: 60px;
}

@media screen and (min-width: 768px) {
  .s-text-image__more {
    margin-top: 115px;
  }
}
.c-btn__link + .s-text-image__more {
  margin-top: 50px;
}

.s-full-img {
  padding: 40px 0;
}

@media screen and (min-width: 768px) {
  .s-full-img {
    padding: 45px 0 77px;
  }
}
.s-full-img .s-text-image {
  padding: 0;
  margin-bottom: 40px;
}

@media screen and (min-width: 768px) {
  .s-full-img .s-text-image {
    margin-bottom: 55px;
  }
}
.s-full-img .s-text-image .s-text-image__img + .s-text-image__img {
  margin-top: 15px;
}

.s-full-img .c-title__section {
  margin-bottom: 40px;
  color: #454F59;
  font-size: calc(20 / 16 * 1rem);
  line-height: calc(24 / 20);
  font-weight: 700;
}

.s-full-img .c-list {
  margin: 26px 0;
}

.s-full-img .c-text {
  color: #4F4F4F;
}

.s-full-img__title {
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(20 / 16);
  font-weight: 700;
  color: #454F59;
  margin-bottom: 24px;
}

.s-full-img__image-wrap {
  position: relative;
  margin: 32px auto 0;
  padding-left: 35px;
}

@media screen and (min-width: 768px) {
  .s-full-img__image-wrap {
    margin-top: 60px;
  }
}
.s-full-img__image-wrap + * {
  margin-top: 36px;
}

@media screen and (min-width: 768px) {
  .s-full-img__image-wrap + * {
    margin-top: 60px;
  }
}
.s-full-img__image-over {
  position: absolute;
  width: 20%;
  max-width: 138px;
  border-radius: 2px;
  overflow: hidden;
  left: 0;
  top: 10px;
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);
}

@media screen and (min-width: 768px) {
  .s-full-img__image-over {
    top: 20px;
  }
}
.s-full-img__image-over img {
  width: 100%;
}

.s-full-img__image {
  overflow: hidden;
  -webkit-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.11);
          box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.11);
  border-radius: 16px;
  margin: 32px auto 0;
}

@media screen and (min-width: 768px) {
  .s-full-img__image {
    margin-top: 60px;
  }
}
.s-full-img__image img {
  width: 100%;
}

.s-tour-demo {
  padding: 40px 0;
}

@media screen and (min-width: 768px) {
  .s-tour-demo {
    padding: 45px 0 77px;
  }
}
.s-tour-demo .c-text {
  max-width: 100%;
}

.s-tour-demo .u-image-bg--dark {
  margin-top: 40px;
}

.s-tour-demo__title {
  font-size: calc(23 / 16 * 1rem);
  line-height: calc(36 / 23);
  font-weight: 700;
  color: #454F59;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}

.s-tour-demo__content-wrap {
  position: relative;
  margin-top: 36px;
}

@media screen and (min-width: 768px) {
  .s-tour-demo__content-wrap {
    padding: 21px 16px 0;
  }
}
@media screen and (min-width: 992px) {
  .s-tour-demo__content-wrap {
    padding: 21px 24px 0;
  }
}
@media screen and (min-width: 1200px) {
  .s-tour-demo__content-wrap {
    padding: 21px 48px;
  }
}
.s-tour-demo__content-wrap .u-image-bg--dark {
  display: none;
  padding: 0;
  margin: 0;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  .s-tour-demo__content-wrap .u-image-bg--dark {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 230px;
  }
}
@media screen and (min-width: 992px) {
  .s-tour-demo__content-wrap .u-image-bg--dark {
    height: 270px;
  }
}
@media screen and (min-width: 768px) {
  .s-tour-demo__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 16px;
  }
}
@media screen and (min-width: 992px) {
  .s-tour-demo__content {
    gap: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .s-tour-demo__content {
    gap: 36px;
  }
}
@media screen and (min-width: 768px) {
  .s-tour-demo__content-item {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: calc(50% - 8px);
  }
}
@media screen and (min-width: 992px) {
  .s-tour-demo__content-item {
    max-width: calc(50% - 12px);
  }
}
@media screen and (min-width: 1200px) {
  .s-tour-demo__content-item {
    max-width: calc(50% - 18px);
  }
}
.s-tour-demo__content-item + .s-tour-demo__content-item {
  margin-top: 32px;
}

@media screen and (min-width: 768px) {
  .s-tour-demo__content-item + .s-tour-demo__content-item {
    margin-top: 0;
  }
}
.s-tour-demo__content-img {
  position: relative;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
}

@media screen and (min-width: 414px) and (max-width: 767px) {
  .s-tour-demo__content-img {
    max-width: 70%;
    margin: 0 auto 26px;
  }
}
.s-tour-demo__content-img .c-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  bottom: 17px;
  left: 16px;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
  font-size: calc(12 / 16 * 1rem);
  line-height: calc(22 / 12);
  font-weight: 700;
  padding: 6px 8px 3px;
  letter-spacing: 0.02em;
}

.s-tour-demo__content-img img {
  width: 100%;
}

.s-tour-demo__content-title {
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(20 / 16);
  font-weight: 700;
  color: #454F59;
  margin-bottom: 8px;
}

.s-tour-demo__content-heading {
  font-size: calc(18 / 16 * 1rem);
  line-height: calc(36 / 18);
  font-weight: 700;
  color: #454F59;
  margin-bottom: 31px;
  letter-spacing: -0.02em;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .s-tour-demo__content-heading {
    color: #ffffff;
  }
}
.s-tour-demo__text {
  margin-top: 40px;
}

@media screen and (min-width: 768px) {
  .s-tour-demo__text {
    margin-top: 65px;
  }
}
.s-certificate-feat {
  padding: 57px 0;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .s-certificate-feat {
    padding: 67px 0 114px;
  }
}
.s-certificate-feat .c-title__section {
  margin-bottom: 36px;
}

@media screen and (min-width: 768px) {
  .s-certificate-feat .c-title__section {
    margin-bottom: 60px;
  }
}
.s-certificate-feat .c-list {
  margin: 36px 0;
}

.s-certificate-feat__create {
  position: relative;
  padding: 64px 42px 38px;
  -webkit-box-shadow: 0px 10px 17px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 10px 17px rgba(0, 0, 0, 0.12);
  margin-bottom: 60px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 482px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .s-certificate-feat__create {
    width: 100vw;
    margin-left: -35px;
    border-radius: 0;
  }
}
.s-certificate-feat__create.complete :not(.s-certificate-feat__create-btn), .s-certificate-feat__create:hover :not(.s-certificate-feat__create-btn) {
  opacity: 1;
}

.s-certificate-feat__create-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0.5;
  z-index: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.s-certificate-feat__create-bg img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  max-width: none;
}

.s-certificate-feat__create-title {
  font-size: calc(23 / 16 * 1rem);
  line-height: calc(24 / 23);
  font-weight: 700;
  color: #053767;
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.5;
  z-index: 1;
}

.s-certificate-feat__create-subtitle {
  font-size: calc(12 / 16 * 1rem);
  line-height: calc(24 / 12);
  font-weight: 400;
  color: #053767;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.5;
  z-index: 1;
}

.s-certificate-feat__create-serial {
  font-size: calc(12 / 16 * 1rem);
  line-height: calc(24 / 12);
  font-weight: 400;
  color: #053767;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.5;
  z-index: 1;
}

.s-certificate-feat__create-name {
  font-size: calc(22 / 16 * 1rem);
  line-height: calc(24 / 22);
  font-weight: 700;
  color: #F18826;
  margin-bottom: 42px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.5;
  z-index: 1;
}

.s-certificate-feat__create-add {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 120px;
  z-index: 1;
}

.s-certificate-feat__create-add.hidden > *:not(.s-certificate-feat__create-btn) {
  opacity: 0;
}

.s-certificate-feat__create-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
  padding: 8px 16px 8px 21px;
  background-color: #ffffff;
  border: none;
  -webkit-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.17);
          box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.17);
  border-radius: 100px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: calc(12 / 16 * 1rem);
  line-height: calc(12 / 12);
  font-weight: 400;
  cursor: pointer;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}

.hidden .s-certificate-feat__create-btn {
  opacity: 1;
  pointer-events: all;
}

.s-certificate-feat__create-btn:hover {
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
}

.s-certificate-feat__create-btn-icon {
  width: 12px;
  height: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.s-certificate-feat__create-test {
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(24 / 16);
  font-weight: 400;
  color: #053767;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.5;
}

.s-certificate-feat__create-add:has(.s-certificate-feat__create-test) {
  margin-bottom: 27px;
}

.s-certificate-feat__create-score {
  font-size: calc(30 / 16 * 1rem);
  line-height: calc(30 / 30);
  font-weight: 700;
  color: #053767;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.5;
}

.s-certificate-feat__create-add:has(.s-certificate-feat__create-score) {
  margin-bottom: auto;
}

.s-certificate-feat__create-logo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.5;
}

.s-certificate-feat__create-add:has(.s-certificate-feat__create-logo) {
  margin-bottom: 8px;
}

.s-certificate-feat__create-subtitle {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.5;
}

.s-customization {
  padding: 57px 0;
}

@media screen and (min-width: 768px) {
  .s-customization {
    padding: 67px 0 114px;
  }
}
.s-customization .c-title__section {
  margin-bottom: 24px;
}

.s-customization .c-btn__link {
  margin-top: 52px;
}

.s-table {
  padding-bottom: 70px;
}

.s-table__info {
  margin-top: 60px;
}

@media screen and (min-width: 768px) {
  .s-table__info {
    margin-top: 90px;
  }
}
.s-table__info .c-btn__link {
  margin-top: 34px;
}

.s-customers {
  padding: 48px 0 60px;
}

@media screen and (min-width: 768px) {
  .s-customers {
    padding: 64px 0;
  }
}
.s-customers .c-title__section {
  margin-bottom: 24px;
}

.s-customers__logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px;
  margin-bottom: -30px;
  padding-top: 40px;
}

@media screen and (min-width: 768px) {
  .s-customers__logos {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 -15px -30px;
  }
}
.s-customers__logos img {
  max-height: 50%;
  margin: 0px 10px;
  margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
  .s-customers__logos img {
    margin: 0px 15px;
    max-height: 100%;
    margin-bottom: 30px;
  }
  .s-customers__logos img:last-child {
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  .s-customers__logos--gap-50 {
    margin: 0 -25px -30px;
  }
}
@media screen and (min-width: 768px) {
  .s-customers__logos--gap-50 img {
    margin: 0 25px 30px;
  }
}
@media screen and (min-width: 768px) {
  .s-customers__logos--gap-40 {
    margin: 0 -20px -30px;
  }
}
@media screen and (min-width: 768px) {
  .s-customers__logos--gap-40 img {
    margin: 0 20px 30px;
  }
}
@media screen and (min-width: 768px) {
  .s-customers__logos--gap-70 {
    margin: 0 -35px -30px;
  }
}
@media screen and (min-width: 768px) {
  .s-customers__logos--gap-70 img {
    margin: 0 35px 30px;
  }
}
.s-text {
  padding: 25px 0;
}

.s-text .c-title__section {
  margin-bottom: 26px;
}

.s-text__list {
  margin-left: 3px;
  padding-left: 16px;
}

.s-text__list + *, * + .s-text__list {
  margin-top: 16px;
}

.s-text__list li {
  list-style-type: decimal;
  font-size: calc(14 / 16 * 1rem);
  line-height: calc(22 / 14);
  font-weight: 400;
  color: #454F59;
}

.s-text__list li + li {
  margin-top: 16px;
}

.s-text__list--lit {
  margin: 16px 0;
}

.s-text__list--lit li {
  list-style-type: lower-alpha;
}

.s-text__logo {
  padding: 100px 0 125px;
}

.s-text__logo-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.s-text__aditional {
  margin-top: 36px;
}

@media screen and (min-width: 768px) {
  .s-text__aditional + .s-text__aditional {
    margin-top: 65px;
  }
}
.s-text__subtitle {
  font-size: calc(18 / 16 * 1rem);
  line-height: calc(20 / 18);
  font-weight: 700;
  color: #454F59;
  margin-bottom: 8px;
}

.s-text--more-padding {
  padding: 50px 0 0;
}

@media screen and (min-width: 768px) {
  .s-text--more-padding {
    padding: 65px 0 0;
  }
}
.s-text--more-padding.last {
  padding-bottom: 70px;
}

@media screen and (min-width: 768px) {
  .s-text--more-padding.last {
    margin-bottom: 90px;
  }
}
.s-hero__grey--search {
  padding: 36px 0 84px;
}

@media screen and (min-width: 768px) {
  .s-hero__grey--search {
    padding: 83px 0;
    min-height: 345px;
  }
}
.s-hero__grey-subtitle {
  font-size: calc(18 / 16 * 1rem);
  line-height: calc(34 / 18);
  font-weight: 400;
  color: #2E3133;
  margin-bottom: 10px;
}

.s-contact-feat {
  position: relative;
  margin-top: -56px;
  padding-bottom: 45px;
}

.s-contact-feat::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 56px);
  background-color: #ffffff;
  z-index: -1;
}

.s-contact-feat__item {
  padding: 16px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 40, 77, 0.2);
          box-shadow: 0px 1px 3px 0px rgba(0, 40, 77, 0.2);
  border-radius: 8px;
}

@media screen and (min-width: 768px) {
  .s-contact-feat__item {
    /*height: 100%;*/
    padding: 35px 36px 40px;
    width: 326px;
    margin-left: auto;
    margin-right: 0;
  }
}
.s-contact-feat__item .c-list__item a {
  color: #FF462A;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.s-contact-feat__item .c-list__item a:hover {
  text-decoration: underline;
}

.s-contact-feat__item .c-list__item::after {
  background-color: #FF462A;
}

.s-contact-feat__item .c-btn__link {
  margin-top: 16px;
}

.s-contact-feat__title {
  font-size: calc(18 / 16 * 1rem);
  line-height: calc(21 / 18);
  font-weight: 700;
  color: #454F59;
  margin-bottom: 18px;
}

.s-contact-feat__subtitle {
  font-size: calc(14 / 16 * 1rem);
  line-height: calc(22 / 14);
  font-weight: 400;
  color: #454F59;
  margin-bottom: 12px;
}

.s-contact-feat__banner {
  max-width: 315px;
  position: relative;
  -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.11);
          box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.11);
  margin: 0 auto;
}

.s-contact-feat__banner .c-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  left: 16px;
  bottom: 18px;
  padding: 5px 10px;
  font-size: 12px;
}

.s-contact-feat__banner img {
  -o-object-fit: cover;
     object-fit: cover;
}

.s-contact-form {
  padding: 50px 0;
}

@media screen and (min-width: 768px) {
  .s-contact-form {
    padding-bottom: 140px;
  }
}
.s-contact-form .c-title__section {
  margin-bottom: 8px;
}

@media screen and (min-width: 768px) {
  .s-contact-form .u-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.s-contact-form__subtitle {
  font-size: calc(18 / 16 * 1rem);
  line-height: calc(18 / 18);
  font-weight: 400;
  color: #454F59;
  margin-bottom: 40px;
}

@media screen and (min-width: 768px) {
  .s-contact-form__subtitle {
    margin-bottom: 56px;
  }
}
.s-contact-form__additional {
  padding: 24px 27px;
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  background-color: #ffffff;
}

@media screen and (min-width: 768px) {
  .s-contact-form__additional {
    max-width: 326px;
    margin-left: auto;
    min-height: 426px;
  }
}
.s-contact-form__additional-title {
  font-size: calc(20 / 16 * 1rem);
  line-height: calc(20 / 20);
  font-weight: 700;
  color: #454F59;
  margin-bottom: 37px;
}

.s-contact-form__faq-popup .s-contactfaq__title {
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 700;
  margin-bottom: 20px;
}

.s-contact-form__faq-popup h4 {
  margin-top: 10px;
}

.s-guides-nav {
  padding: 63px 0 60px;
}

.s-guides-nav.user-manual-index {
  background: url("/img3/marketing/background-gradient-user-manual-index.png") repeat-x;
}

.s-guides-nav.at-a-glance-section {
  padding: 40px 0 60px;
}

.s-guides-nav__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 21px;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

@media screen and (min-width: 768px) {
  .s-guides-nav__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.s-guides-nav__col {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 21px;
}

.s-guides-nav__col:last-of-type .s-guides-nav__item {
  padding-bottom: 44px;
}

.s-guides-nav__col:nth-of-type(2) .s-guides-nav__subtitle {
  margin-top: 30px;
}

.s-guides-nav__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding: 20px 27px 27px 20px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 9px 17px rgba(0, 0, 0, 0.11);
          box-shadow: 0px 9px 17px rgba(0, 0, 0, 0.11);
  border-radius: 4px;
  letter-spacing: -0.02em;
}

.s-guides-nav__item ul li {
  font-size: calc(13 / 16 * 1rem);
  line-height: calc(24 / 13);
  font-weight: 400;
  color: #FF462A;
}

.s-guides-nav__item ul li a:hover {
  text-decoration: underline;
}

.s-guides-nav__item:last-of-type {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.s-guides-nav__title {
  font-size: calc(18 / 16 * 1rem);
  line-height: calc(24 / 18);
  font-weight: 700;
  color: #454F59;
  margin-bottom: 6px;
}

.s-guides-nav__subtitle {
  font-size: calc(13 / 16 * 1rem);
  line-height: calc(24 / 13);
  font-weight: 700;
  color: #454F59;
  margin-bottom: 6px;
  margin-top: 8px;
}

.s-guides-nav__item-icon {
  margin-top: 3px;
}

@media only screen and (max-width: 1130px) {
  .at-a-glance-section {
    display: none;
  }
  .s-guides-nav.user-manual-index {
    background: none;
  }
}
.s-guides-content {
  padding: 40px 0;
}

@media screen and (min-width: 768px) {
  .s-guides-content + .o-footer {
    margin-top: 120px;
  }
}
.s-guides-content .c-text {
  font-size: calc(14 / 16 * 1rem);
  line-height: calc(22 / 14);
  font-weight: 400;
  color: #4F4F4F;
}

.s-guides-content .c-text + ul.s-unordered__list, .s-guides-content .c-text + ol.s-unordered__list, .s-guides-content .c-text + h3.s-guides-content__subtitle {
  margin-top: 16px;
}

.s-guides-content .c-title__section {
  margin-bottom: 20px;
  color: #4F4F4F;
}

.s-guides-content .s-options__list {
  color: #4F4F4F;
  margin-bottom: 0;
}

.s-guides-content .s-options__list li {
  font-size: 0.875rem;
}

.s-guides-content img {
  border: none;
  display: block;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  margin: 20px 0 50px;
  clear: both;
  -webkit-box-shadow: 3px 3px 15px #afafaf;
          box-shadow: 3px 3px 15px #afafaf;
}

.s-guides-content:last-of-type {
  margin-bottom: 150px;
}

.s-guides-content--grad {
  padding-top: 75px;
  position: relative;
  border-top: 1px solid #DEDEDE;
}

.s-guides-content--grad::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 115px;
  left: 0;
  top: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(234, 234, 234, 0.25)), to(rgba(255, 255, 255, 0.25)));
  background: linear-gradient(180deg, rgba(234, 234, 234, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%);
  z-index: -1;
}

.s-guides-content__title {
  font-size: calc(30 / 16 * 1rem);
  line-height: calc(32 / 30);
  font-weight: 700;
  color: #4F4F4F;
  margin-bottom: 20px;
}

.s-guides-content__img {
  margin: 40px auto;
}

@media screen and (min-width: 768px) {
  .s-guides-content__img {
    margin: 50px auto;
  }
}
.s-guides-content__subtitle {
  font-size: calc(14 / 16 * 1rem);
  line-height: calc(22 / 14);
  font-weight: 700;
  color: #4F4F4F;
  margin-bottom: 16px;
}

.s-videos {
  padding: 25px 0;
}

.s-videos + .o-footer {
  margin-top: 100px;
}

.s-videos.first {
  margin-top: 30px;
}

.s-videos.u-section-line:before {
  left: initial;
  width: 100%;
}

.s-videos__wrap {
  max-width: 580px;
  margin: 0 auto;
}

.s-videos__item + .s-videos__item {
  margin-top: 33px;
}

.s-videos__title {
  font-size: calc(20 / 16 * 1rem);
  line-height: calc(36 / 20);
  font-weight: 700;
  color: #454F59;
  margin-bottom: 23px;
  letter-spacing: -0.02em;
}

.s-videos__content {
  background-color: #F0F0F1;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.35);
  border-radius: 8px;
  aspect-ratio: 16/9;
  overflow: hidden;
  position: relative;
  background: url("/img3/marketing/video-container-background.svg") no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.s-videos__content iframe {
  width: 100%;
  height: 100%;
}

.s-videos__content .video {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.s-videos__content.gradient-background-1 {
  border-radius: 8px;
  background: linear-gradient(187deg, #FFF 0.63%, #F5F5F5 33.83%, #D1D1D1 84.09%, #BEBEBE 97.16%);
}

.s-videos__content.gradient-background-2 {
  border-radius: 8px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(21.45%, #DFDFDF), color-stop(74.19%, #FFF));
  background: linear-gradient(180deg, #DFDFDF 21.45%, #FFF 74.19%);
}

.s-videos__content:hover {
  -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.35);
}

.s-videos__content2 {
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.35);
  border-radius: 8px;
}

.s-videos__content2:hover {
  -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.35);
}

.s-video-tiles-wrapper .s-video-tile-container {
  max-width: 928px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.s-video-tiles-wrapper .s-video-tile-container .s-video-bg {
  background-color: #F0F0F1;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.35);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  max-width: 220px;
}

.s-video-tiles-wrapper .s-video-tile-container .s-video-bg.gradient-background-1 {
  border-radius: 8px;
  background: linear-gradient(187deg, #FFF 0.63%, #F5F5F5 33.83%, #D1D1D1 84.09%, #BEBEBE 97.16%);
}

.s-video-tiles-wrapper .s-video-tile-container .s-video-bg.gradient-background-2 {
  border-radius: 8px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(21.45%, #DFDFDF), color-stop(74.19%, #FFF));
  background: linear-gradient(180deg, #DFDFDF 21.45%, #FFF 74.19%);
}

.s-video-tiles-wrapper .s-video-tile-container .s-video-bg:hover {
  -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.35);
}

.s-video-tiles-wrapper .s-video-tile-container .s-video-bg-lower {
  max-width: 297px;
}

.s-video-tiles-wrapper .s-video-tile-container .s-video__title {
  font-size: calc(18 / 16 * 1rem);
  line-height: calc(20 / 18);
  font-weight: 400;
  text-align: center;
  margin: 34px 0;
}

.s-video-tiles-wrapper .s-video-tile-container .s-video__title span {
  font-weight: bold;
}

.s-video__switch {
  text-align: center;
  margin-top: 15px;
}

.s-video__switch .active {
  background: none repeat scroll 0 0 #fb3618;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .s-video__switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}
.s-video__shorts_wrapper {
  display: grid;
  gap: 26px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.s-video__shorts_wrapper.s-video__shorts_wrapper-popup {
  display: inherit;
}

.s-video__shorts_wrapper.hide {
  display: none;
}

@media screen and (min-width: 768px) {
  .s-video__shorts_wrapper {
    grid-template-columns: repeat(auto-fit, 180px);
    grid-auto-flow: column;
  }
}
.s-video__shorts_wrapper .s-videos__content {
  width: 180px;
  aspect-ratio: 180/326;
  margin: 0 auto 15px;
}

.s-video__shorts_wrapper .s-videos__content img, .s-video__shorts_wrapper .s-videos__content .video {
  height: 100%;
  width: 100%;
}

.s-video__shorts_wrapper .s-videos__content.c-popup__content {
  height: 70vh;
  width: auto;
}

.s-video__shorts_wrapper .s-videos__title {
  font-size: calc(18 / 16 * 1rem);
  line-height: calc(20 / 18);
  font-weight: 400;
  text-align: center;
}

.s-video__large_wrapper {
  display: grid;
  gap: 48px;
  margin: 0 auto 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.s-video__large_wrapper.hide {
  display: none;
}

@media screen and (min-width: 768px) {
  .s-video__large_wrapper {
    grid-template-columns: repeat(auto-fit, 326px);
    grid-auto-flow: column;
  }
}
@media screen and (min-width: 768px) {
  .s-video__large_wrapper .s-video__large_item {
    width: 326px;
  }
}
.s-video__large_wrapper .s-videos__content {
  margin: 0 auto 20px;
}

.s-video__large_wrapper .s-videos__title {
  text-align: center;
  font-size: calc(20 / 16 * 1rem);
  line-height: calc(24 / 20);
  font-weight: 400;
  color: #454F59;
  margin-bottom: 23px;
  letter-spacing: -0.02em;
  text-align: center;
}

.c-title__section.videos {
  text-align: center;
  margin: 0 0 50px;
}

#tour-video-large-image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}

@media screen and (max-width: 767px) {
  #tour-video-large-image-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
    margin-bottom: 24px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#tour-video-large-image-wrapper h3 {
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #454F59;
  margin-bottom: 11px;
}

#tour-video-large-image-wrapper h3 a {
  color: #454F59;
}

#tour-video-large-image-wrapper .play-video-btn {
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.s-blogs {
  padding: 54px 0 120px;
}

.s-blogs__wrap {
  max-width: 700px;
}

.s-blogs__wrap a:not(.c-btn, .c-pagination__page, .c-pagination__control) {
  /* display: block; */
  line-height: 1.1666666667;
  font-weight: 400;
  color: #FF462A;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.s-blogs__wrap article h2, .s-blogs__wrap article h3 {
  margin: 23px 0 8px;
  font-size: 18px;
}

.s-blogs__wrap article h4, .s-blogs__wrap article h5, .s-blogs__wrap article h6 {
  margin: 13px 0 8px;
  font-size: 17px;
}

.s-blogs__wrap article ul, .s-blogs__wrap article ol {
  margin-left: 40px;
}

.s-blogs__wrap article ol li {
  list-style-type: decimal;
  margin: 5px 0 10px 0;
}

.s-blogs__wrap article ul li {
  list-style-type: disc;
  margin: 5px 0 10px 0;
}

.s-blogs__wrap p.date {
  font-size: 12px;
}

.s-blog__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 30px;
}

.s-blog__filters .c-form__checkbox:has(input:checked)::after {
  background-color: rgba(69, 79, 89, 0.5);
  border-color: #454F59;
}

.s-blogs__list {
  padding: 30px 0;
}

.s-blogs__item {
  padding: 40px 0;
  min-height: 293px;
  border-top: 1px solid #D4D4D4;
}

.s-blogs__item:first-child {
  border-top: none;
}

.s-blogs__item .c-text {
  color: #4F4F4F;
}

.s-blogs__item-title {
  font-size: calc(23 / 16 * 1rem);
  line-height: calc(23 / 23);
  font-weight: 700;
  color: #4F4F4F;
  margin-bottom: 16px;
}

.s-hero__grey--blog {
  padding: 36px 0 84px;
  min-height: 245px;
}

@media screen and (min-width: 768px) {
  .s-hero__grey--blog {
    padding: 83px 0;
    min-height: 245px;
  }
}
.s-pricing {
  position: relative;
  margin-top: -133px;
  padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .s-pricing {
    margin-top: -195px;
  }
}
.s-pricing .container > .c-btn__link {
  margin-top: 35px;
}

.s-pricing .c-list__item {
  line-height: 18px;
  margin-bottom: 12px;
}

.s-pricing .c-list__item .c-list__item__sub_description {
  font-size: 12px;
  font-weight: 400;
  color: #7F848A;
  font-style: italic;
}

.s-pricing__info {
  margin-top: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
}

.s-pricing__info .c-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-top: 9px;
  padding-bottom: 9px;
}

.s-pricing-info {
  padding: 65px 0;
  position: relative;
  border-top: 1px solid #DEDEDE;
}

.s-pricing-info::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 115px;
  left: 0;
  top: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(234, 234, 234, 0.25)), to(rgba(255, 255, 255, 0.25)));
  background: linear-gradient(180deg, rgba(234, 234, 234, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%);
  z-index: -1;
}

@media screen and (min-width: 768px) {
  .s-pricing-info {
    padding-bottom: 50px;
  }
}
.s-pricing-info .c-title__section {
  margin-bottom: 16px;
  font-size: calc(30 / 16 * 1rem);
  line-height: calc(36 / 30);
  font-weight: 700;
  color: #2E3133;
}

.s-pricing-info .c-list {
  margin-bottom: 47px;
}

.s-pricing-info .c-list .c-list__item {
  color: #4F4F4F;
}

.s-pricing-info .c-list .c-list__item::after {
  background-color: #4F4F4F;
}

.s-pricing-info .container > .c-btn__link {
  margin-top: 40px;
}

.s-pricing-info .container > .need-more {
  margin-top: 26px;
}

.s-pricing-info__subtitle {
  font-size: calc(23 / 16 * 1rem);
  line-height: calc(23 / 23);
  font-weight: 400;
  color: #454F59;
  margin-bottom: 40px;
}

.s-pricing-how {
  padding: 65px 0;
  min-height: 333px;
}

.s-pricing-how.u-bg--orange::after {
  height: 100%;
}

@media screen and (min-width: 768px) {
  .s-pricing-how.u-bg--orange::after {
    background-size: auto 100%;
  }
}
.s-pricing-how .c-text {
  color: #ffffff;
}

.s-pricing-how__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  gap: 40px;
}

@media screen and (min-width: 768px) {
  .s-pricing-how__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.s-pricing-how__item {
  max-width: 315px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .s-pricing-how__item {
    margin: 0;
  }
}
@media screen and (min-width: 992px) {
  .s-pricing-how__item {
    min-width: 270px;
  }
}
.s-pricing-how__title {
  font-size: calc(23 / 16 * 1rem);
  line-height: calc(36 / 23);
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.02em;
}

.s-pricing-how__subtitle {
  font-size: calc(20 / 16 * 1rem);
  line-height: calc(20 / 20);
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.02em;
  margin-bottom: 12px;
}

.s-prising-faq {
  padding: 65px 0;
}

@media screen and (min-width: 768px) {
  .s-prising-faq {
    padding: 95px 0 83px;
  }
}
.s-prising-faq .c-title__section {
  letter-spacing: -0.02em;
  margin-bottom: 9px;
}

@media screen and (min-width: 768px) {
  .s-prising-faq--less-padding {
    padding: 75px 0 68px;
  }
}
.s-prising-faq__subtitle {
  font-size: calc(20 / 16 * 1rem);
  line-height: calc(20 / 20);
  font-weight: 400;
  color: #454F59;
  margin-bottom: 62px;
}

.s-prising-faq__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  gap: 40px;
}

.s-prising-faq__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  max-width: 312px;
  margin: 0 auto;
  min-width: 270px;
}

.s-prising-faq__item .c-text, .s-prising-faq__item .c-list__item {
  font-size: calc(13 / 16 * 1rem);
  line-height: calc(20 / 13);
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .s-prising-faq__wrap--start .s-prising-faq__item {
    margin: 0;
  }
}
.s-prising-faq__item-title {
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(20 / 16);
  font-weight: 700;
  color: #454F59;
  margin-bottom: 16px;
}

.s-register-form {
  padding: 0 0 62px 0;
}

@media screen and (min-width: 768px) {
  .s-register-form {
    padding-bottom: 125px;
  }
}
.s-register-form .u-row + .u-row {
  margin-top: 20px;
}

.s-register-form .u-col__two + .u-col__two {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .s-register-form .u-col__two + .u-col__two {
    margin-top: 0;
  }
}
.s-register-form .username-password-instructions {
  color: #6A7680;
  font-size: 12px;
  padding: 0px 0 12px 0;
  margin-top: -7px;
}

.s-register-form .email-instructions {
  color: #6A7680;
  font-size: 12px;
  margin-top: 7px;
}

.register-form-wrapper {
  background-color: #fff;
  padding: 5px;
  margin-top: 40px;
}

@media screen and (min-width: 768px) {
  .register-form-wrapper-test-taker {
    padding: 43px;
  }
}
@media screen and (min-width: 768px) {
  .register-form-wrapper-admin {
    padding: 0 43px;
  }
}
.s-test-taker-reg-code-msg {
  margin-bottom: 50px;
}

@media screen and (min-width: 992px) {
  .s-register-form--pb-600 {
    padding-bottom: 60px;
  }
}
.s-register-form__footer .c-text {
  font-size: calc(13 / 16 * 1rem);
  line-height: calc(18 / 13);
  font-weight: 400;
}

.s-register-form__footer .c-form__radio-group {
  margin: 29px 0 54px;
}

.s-register-form__footer .c-btn {
  margin-top: 28px;
}

.s-register-form__footer .c-form__agree .c-text {
  margin-top: 4px;
}

.s-register-form__footer .c-btn {
  font-size: calc(12 / 16 * 1rem);
  line-height: calc(14 / 12);
  font-weight: 700;
  padding: 10px 20px;
}

.already-account {
  margin-top: 10px;
}

.s-upgrade {
  position: relative;
  padding: 42px 0 92px;
  overflow: hidden;
}

.s-upgrade .c-title__section {
  font-size: calc(30 / 16 * 1rem);
  line-height: calc(37 / 30);
  font-weight: 700;
  color: #454F59;
  margin-bottom: 38px;
}

.s-upgrade .c-pricing-card__wrap {
  margin-top: 75px;
}

.s-upgrade__subtitle {
  font-size: calc(23 / 16 * 1rem);
  line-height: calc(28 / 23);
  font-weight: 700;
  color: #454F59;
}

.s-upgrade-plan {
  padding: 55px 0;
}

@media screen and (min-width: 768px) {
  .s-upgrade-plan {
    padding-bottom: 120px;
  }
}
.s-upgrade-plan .c-title__section {
  margin-bottom: 23px;
}

.s-upgrade-plan__img {
  height: 50px;
  margin-bottom: 33px;
}

.s-upgrade-plan__img img {
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.s-upgrade-plan__info {
  max-width: 672px;
}

.s-upgrade-plan__subtitle {
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(20 / 16);
  font-weight: 700;
  color: #454F59;
  margin-bottom: 20px;
  margin-top: 36px;
}

@media screen and (min-width: 768px) {
  .s-upgrade-plan__subtitle {
    margin-top: 58px;
  }
}
.s-subsection {
  margin: -20px 0 40px;
}

@media screen and (min-width: 768px) {
  .s-subsection {
    margin: -50px 0 77px;
  }
}
.s-usecase {
  padding: 40px 0 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.s-usecase h2 {
  margin-bottom: 41px;
}

@media (max-width: 1124px) {
  .s-usecase h2 {
    text-align: center;
  }
}
.s-usecase .s-usecase__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  gap: 21px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (max-width: 1124px) {
  .s-usecase .s-usecase__row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.s-usecase .s-usecase__row .s-usercase__row__item {
  width: 326px;
  margin-bottom: 45px;
}

.s-usecase .s-usecase__row .s-usercase__row__item__image {
  max-width: 100%;
  height: 160px;
  background-repeat: no-repeat;
}

.s-usecase .s-usecase__row .s-usercase__row__item #top-performing-candidate-image {
  background: url("/img3/marketing/use-case/identify_top_candidates.png");
}

.s-usecase .s-usecase__row .s-usercase__row__item #top-performing-candidate-image:hover {
  background: url("/img3/marketing/use-case/identify_top_candidates-hover.png");
}

.s-usecase .s-usecase__row .s-usercase__row__item #assign-different-role-image {
  background: url("/img3/marketing/use-case/assign_different_role.png");
}

.s-usecase .s-usecase__row .s-usercase__row__item #assign-different-role-image:hover {
  background: url("/img3/marketing/use-case/assign_different_role-hover.png");
}

.s-usecase .s-usecase__row .s-usercase__row__item #customise_exam_image {
  background: url("/img3/marketing/use-case/customise_exam.png");
}

.s-usecase .s-usecase__row .s-usercase__row__item #customise_exam_image:hover {
  background: url("/img3/marketing/use-case/customise_exam-hover.png");
}

.s-usecase .s-usecase__row .s-usercase__row__item #integrate_tests_image {
  background: url("/img3/marketing/use-case/integrate_tests.png");
}

.s-usecase .s-usecase__row .s-usercase__row__item #integrate_tests_image:hover {
  background: url("/img3/marketing/use-case/integrate_tests-hover.png");
}

.s-usecase .s-usecase__row .s-usercase__row__item #improve_pass_score_image {
  background: url("/img3/marketing/use-case/improve_pass_score.png");
}

.s-usecase .s-usecase__row .s-usercase__row__item #improve_pass_score_image:hover {
  background: url("/img3/marketing/use-case/improve_pass_score-hover.png");
}

.s-usecase .s-usecase__row .s-usercase__row__item #create_survey_image {
  background: url("/img3/marketing/use-case/create_survey.png");
}

.s-usecase .s-usecase__row .s-usercase__row__item #create_survey_image:hover {
  background: url("/img3/marketing/use-case/create_survey-hover.png");
}

.s-usecase .s-usecase__row .s-usercase__row__item #micro_test_image {
  background: url("/img3/marketing/use-case/micro_test.png");
}

.s-usecase .s-usecase__row .s-usercase__row__item #micro_test_image:hover {
  background: url("/img3/marketing/use-case/micro_test-hover.png");
}

.s-usecase .s-usecase__row .s-usercase__row__item #demonstrate_results_image {
  background: url("/img3/marketing/use-case/demonstrate_results.png");
}

.s-usecase .s-usecase__row .s-usercase__row__item #demonstrate_results_image:hover {
  background: url("/img3/marketing/use-case/demonstrate_results-hover.png");
}

.s-usecase .s-usecase__row .s-usercase__row__item h3 {
  margin-top: 22px;
  margin-bottom: 22px;
  padding-left: 19px;
  padding-right: 17px;
}

.s-usecase .s-usecase__row .s-usercase__row__item h3 a {
  color: inherit;
}

.s-usecase .s-usecase__row .s-usercase__row__item h3 a:hover {
  text-decoration: underline;
}

.s-usecase .s-usecase__row .s-usercase__row__item p {
  padding-left: 19px;
  padding-right: 17px;
}

.s-usecase .s-usecase__row .s-usercase__row__item p + p {
  margin-top: 22px;
}

.use-case-subpage h1 {
  font-family: Inter;
  font-size: 30px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 30px;
}

.use-case-subpage h2 {
  margin-bottom: 22px;
}

.use-case-subpage h3 {
  margin-bottom: 18px;
}

.use-case-subpage h4 {
  margin-bottom: 14px;
}

.use-case-subpage p {
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 16px;
}

.use-case-subpage .use-case-section {
  padding-top: 50px;
  padding-bottom: 36px;
}

.use-case-subpage .use-case-section, .use-case-subpage .display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.use-case-subpage .use-case-section .use-case-section__left, .use-case-subpage .display-flex .use-case-section__left {
  width: 304px;
  margin-right: 20px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .use-case-subpage .use-case-section .use-case-section__left, .use-case-subpage .display-flex .use-case-section__left {
    display: none;
  }
}
.use-case-subpage .use-case-section .use-case-section__left .teacher-face-image, .use-case-subpage .display-flex .use-case-section__left .teacher-face-image {
  position: absolute;
  z-index: 3;
}

.use-case-subpage .use-case-section .use-case-section__left .hero-image, .use-case-subpage .display-flex .use-case-section__left .hero-image {
  position: absolute;
}

.use-case-subpage .use-case-section .use-case-section__right, .use-case-subpage .display-flex .use-case-section__right {
  width: 700px;
}

@media screen and (max-width: 767px) {
  .use-case-subpage .use-case-section .use-case-section__right, .use-case-subpage .display-flex .use-case-section__right {
    width: 100%;
  }
}
.use-case-subpage .use-case-section .use-case-section__right ul, .use-case-subpage .display-flex .use-case-section__right ul {
  padding-left: 15px;
}

.use-case-subpage .use-case-section .use-case-section__right ul li, .use-case-subpage .display-flex .use-case-section__right ul li {
  margin-bottom: 16px;
  list-style-type: disc;
  list-style-position: outside;
}

.use-case-subpage .use-case-section .use-case-section__right ul li img, .use-case-subpage .display-flex .use-case-section__right ul li img {
  margin-top: 36px;
}

.use-case-subpage .use-case-section .use-case-section__right .c-option__wrap, .use-case-subpage .display-flex .use-case-section__right .c-option__wrap {
  margin-top: 52px;
  margin-bottom: 60px;
}

.use-case-subpage .use-case-section .use-case-section__right .c-option__wrap ul, .use-case-subpage .display-flex .use-case-section__right .c-option__wrap ul {
  padding-left: 0px;
}

.use-case-subpage .use-case-section .use-case-section__right .c-option__wrap ul li, .use-case-subpage .display-flex .use-case-section__right .c-option__wrap ul li {
  list-style-type: none;
}

.use-case-subpage .use-case-section .use-case-section__right img, .use-case-subpage .display-flex .use-case-section__right img {
  margin-bottom: 22px;
}

.use-case-subpage .use-case-section .use-case-section__right .two-column-row, .use-case-subpage .display-flex .use-case-section__right .two-column-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 40px;
}

.use-case-subpage .use-case-section .use-case-section__right .explain-steps, .use-case-subpage .display-flex .use-case-section__right .explain-steps {
  margin-bottom: 70px;
}

.use-case-subpage .use-case-section .use-case-section__right .explain-steps .micro-test-feature-header, .use-case-subpage .display-flex .use-case-section__right .explain-steps .micro-test-feature-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.use-case-subpage .use-case-section .use-case-section__right .explain-steps .micro-test-feature-header img, .use-case-subpage .display-flex .use-case-section__right .explain-steps .micro-test-feature-header img {
  margin-bottom: 0px;
}

.use-case-subpage .use-case-section .use-case-section__right .explain-steps .micro-test-features-setting-fonts, .use-case-subpage .display-flex .use-case-section__right .explain-steps .micro-test-features-setting-fonts {
  color: #5F6C79;
}

.use-case-subpage .use-case-section .use-case-section__right .explain-steps a, .use-case-subpage .display-flex .use-case-section__right .explain-steps a {
  font-weight: 700;
}

.use-case-subpage .s-hero__grey {
  background: #F5F5F5 url("/img3/marketing/use-case/subpages/background-case-studies-1x.png");
  background-repeat: repeat;
}

.use-case-subpage .s-pricing-info {
  padding-bottom: 80px;
  padding-top: 40px;
}

.s-hero__grey div.timeline {
  overflow: auto;
  white-space: nowrap;
  margin: 50px 0px 10px;
}

.s-hero__grey div.timeline img {
  height: 640px;
  max-height: none;
  max-width: none;
}

#demo-container h1 {
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px; /* 120% */
  letter-spacing: -0.6px;
  max-width: 640px;
  margin: auto;
  text-align: center;
  margin-bottom: 73px;
}

#demo-container .demo-card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#demo-container .demo-card-list .demo-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 320px;
  height: 370px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 8px;
  background: #FFF;
  -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 40, 77, 0.08);
          box-shadow: 0px 3px 8px 0px rgba(0, 40, 77, 0.08);
}

#demo-container .demo-card-list .demo-card:hover {
  scale: 1.05;
  -webkit-box-shadow: 0px 10px 16px 0px rgba(0, 40, 77, 0.12);
          box-shadow: 0px 10px 16px 0px rgba(0, 40, 77, 0.12);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

#demo-container .demo-card-list .demo-card .img-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 320px;
  height: 208px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 8px 8px 0px 0px;
  background: #E6E9ED;
  position: relative;
}

#demo-container .demo-card-list .demo-card .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 28px 26px 28px;
  border-radius: 0px 0px 8px 8px;
}

#demo-container .demo-card-list .demo-card .details h3 {
  font-size: 16px;
  line-height: 20px;
}

#demo-container .demo-card-list .demo-card .details .demo-desc {
  color: #454F59;
  font-family: Helvetica;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

#demo-container #footer-area {
  max-width: 640px;
  line-height: 22px;
  color: #454F59;
  margin-top: 70px;
}

#demo-container #footer-area h3 {
  color: #2E3133;
  font-size: 19px;
  margin-top: 46px;
  margin-bottom: 27px;
}

#demo-container #footer-area .c-list {
  margin-bottom: 25px;
}

#demo-container #footer-area .c-btn {
  font-size: 13px;
}

#demo-container #footer-area hr {
  margin-top: 49px;
  margin-bottom: 29px;
}

#demo-container #footer-area #register-btn {
  margin-top: 28px;
  margin-bottom: 24px;
  max-width: 180px;
}

#demo-container #footer-area .contact-us-wrapper {
  color: #454F59;
  font-family: Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}

.s-monitor {
  padding: 56px 0;
  background: radial-gradient(180.41% 140.31% at 36.19% 26.96%, #FFF 0%, #EFEFEF 100%);
  background-repeat: no-repeat;
}

.s-monitor .c-title__section {
  margin-bottom: 25px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .s-monitor .c-title__section {
    margin-bottom: 10px;
  }
}
.s-monitor .c-list__item {
  padding-left: 0;
}

.s-monitor li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.s-monitor li .icon {
  width: 24px;
  height: 24px;
  background-size: 24px;
  margin-right: 16px;
}

.s-monitor__subtitle {
  font-size: calc(16 / 16 * 1rem);
  line-height: calc(24 / 16);
  font-weight: 400;
  color: #454F59;
  text-align: center;
  margin-bottom: 32px;
}

@media screen and (min-width: 768px) {
  .s-monitor__subtitle {
    font-size: calc(18 / 16 * 1rem);
    line-height: calc(21 / 18);
    font-weight: 400;
    margin-bottom: 60px;
  }
}
.s-monitor__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}

@media screen and (min-width: 768px) {
  .s-monitor__content {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.s-monitor__image img {
  -webkit-box-shadow: 0 5px 38px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 38px 0 rgba(0, 0, 0, 0.1);
  border-radius: 11px;
}

/* ==========================================================================
   Config settings
   ========================================================================== */
/* Media query mixin for writing Mobile First
 * ========================================== */
/**
 *  Global color variables.
 *	The underscore Never use them directly in the styles, only for functions and mixins.
 */
/**
 *  Organize color variables in a Sass Map.
 *  This way, the colors can be iterated, are more organized, and are more intuitive to reference.
 */
/** =====================================================================================
 *  Defines the typographic baseline.
 *  We define every size in pixels, the underlying system converts the
 *  respective units to the responsive REM value.
 ===================================================================================== */
/**
 * Our base font-size and line-height
 */
/**
 *	Here we assign short names for the font families
 */
/** =====================================================================================
 *  Toolbox functions
 ===================================================================================== */
/**
 *  Maths helpers.
 *  Halve and double numbers, returning rounded integers.

    USAGE:

    .foo {
        padding: halve(30px);
    }

 */
/**
 *  Remove the unit of a length
 *  @param {Number} $number - Number to remove unit from
 *  @return {Number} - Unitless number
 */
/* Check if value is number */
/* Value to Em */
/* Value to Rem */
/**
 *	A simple function for accessing the colors from our mapping
 *	To access colors in our palette, we use a very simple custom Sass function

	USAGE:

	a {
		color: palette(primary);

		&:hover {
			color: palette(primary, 400);
		}
	}

 */
/**
 *	A simple function for setting a consistent box-shadow

	USAGE:

	.card {
		@include box-shadow();
	}

	.card--alt {
		@include box-shadow(low);
	}

 */
/**
 *	A simple function for setting a consistent border-radius

	USAGE:

	.card {
		@include border-radius;
	}

	.card--alt {
		@include border-radius(large);
	}

 */
/**
 * Lobotomized Owl Selector mixin:
 * - Set spacing for consecutive items with margin-top on all but the first item

	USAGE:

	.box {
		@include owl-children;
	}

	.card__item {
		@include owl;
	}

 */
/**
 *  Show hyphens for every browser supporting it
 *  and will break lines in every other browser
 */
/*
 *  Restrict an element to a max-width for creating gutters on the side
 */
.o-header {
  position: sticky;
  top: -92px;
  background-color: #ffffff;
  border-bottom: 1px solid #D4D4D4;
  z-index: 20;
}

@media screen and (min-width: 768px) {
  .o-header {
    border-bottom: none;
  }
}
.o-header.static {
  position: static;
}

/* ==========================================================================
 * Font related functions
 * ========================================================================== */
/**
 *  Calculate line-height ratio from font-size and line-height in px value
 */
/**
 *  Mixin for setting font-size in REM through a Sass Map with all available sizes

    USAGE:

    .myClass {
        @include font-size(x-large);
    }

 */
/**
 *	A simple function for accessing the font families from our mapping

	USAGE:

	span {
		@include font-family(primary);
	}

 */
/**
 *  Font mixin for setting font-size, font-weight, and line-height

    USAGE:

    .myClass {
        @include font(x-large, 34, 500);
    }

    .myClass {
      @include font(medium, $weight: 300);
    }

 */
.o-footer {
  padding: 50px 0 70px;
  background: #242424;
}

@media screen and (min-width: 768px) {
  .o-footer {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 768px) {
  .o-footer .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}
.o-footer__list {
  list-style: none;
  margin-bottom: 32px;
}

.o-footer__list:last-of-type {
  margin-bottom: 50px;
}

@media screen and (min-width: 768px) {
  .o-footer__list {
    margin-bottom: 0;
    margin-right: 73px;
  }
}
.o-footer__list li {
  font-size: calc(13 / 16 * 1rem);
  line-height: calc(22 / 13);
  font-weight: 400;
  color: #F0F0F1;
  margin-bottom: 10px;
}

.o-footer__list li a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #ffffff;
}

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

@media screen and (min-width: 768px) {
  .o-footer__right {
    margin-left: auto;
  }
}
.o-footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 32px;
}

.o-footer__social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.o-footer__social-list-item {
  width: 34px;
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.o-footer__social-list-item img {
  max-width: 34px;
}

.o-footer__rated-text, .o-footer__rated-text a {
  font-size: calc(11 / 16 * 1rem);
  line-height: calc(18 / 11);
  font-weight: 400;
  color: #F0F0F1;
  margin-bottom: 4px;
}

.o-footer__rated-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.o-footer__rated-icons img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 12px;
  height: 12px;
}

.o-footer__logo {
  margin-bottom: 7px;
  display: block;
}

.o-footer__logo img {
  height: 14px;
  width: auto;
}

.o-footer__copy {
  font-size: calc(11 / 16 * 1rem);
  line-height: calc(20 / 11);
  font-weight: 400;
  color: #BCBDBD;
  margin-bottom: 17px;
}

.o-footer__tls {
  height: 32px;
  width: auto;
  display: inline-block;
}

/*  7 - UTILITIES
 *  High-specificity, very explicit selectors.
 *  Overrides and helper classes.
 =========================================================== */
/**
 *  Global color variables.
 *	The underscore Never use them directly in the styles, only for functions and mixins.
 */
/**
 *  Organize color variables in a Sass Map.
 *  This way, the colors can be iterated, are more organized, and are more intuitive to reference.
 */
/* ==========================================================================
   Config settings
   ========================================================================== */
/** =====================================================================================
 *  Defines the typographic baseline.
 *  We define every size in pixels, the underlying system converts the
 *  respective units to the responsive REM value.
 ===================================================================================== */
/**
 * Our base font-size and line-height
 */
/**
 *	Here we assign short names for the font families
 */
/* Media query mixin for writing Mobile First
 * ========================================== */
/** =====================================================================================
 *  Toolbox functions
 ===================================================================================== */
/**
 *  Maths helpers.
 *  Halve and double numbers, returning rounded integers.

    USAGE:

    .foo {
        padding: halve(30px);
    }

 */
/**
 *  Remove the unit of a length
 *  @param {Number} $number - Number to remove unit from
 *  @return {Number} - Unitless number
 */
/* Check if value is number */
/* Value to Em */
/* Value to Rem */
/**
 *	A simple function for accessing the colors from our mapping
 *	To access colors in our palette, we use a very simple custom Sass function

	USAGE:

	a {
		color: palette(primary);

		&:hover {
			color: palette(primary, 400);
		}
	}

 */
/**
 *	A simple function for setting a consistent box-shadow

	USAGE:

	.card {
		@include box-shadow();
	}

	.card--alt {
		@include box-shadow(low);
	}

 */
/**
 *	A simple function for setting a consistent border-radius

	USAGE:

	.card {
		@include border-radius;
	}

	.card--alt {
		@include border-radius(large);
	}

 */
/**
 * Lobotomized Owl Selector mixin:
 * - Set spacing for consecutive items with margin-top on all but the first item

	USAGE:

	.box {
		@include owl-children;
	}

	.card__item {
		@include owl;
	}

 */
/**
 *  Show hyphens for every browser supporting it
 *  and will break lines in every other browser
 */
/*
 *  Restrict an element to a max-width for creating gutters on the side
 */
.u-text-orange {
  color: #FF462A;
}

.u-bg-grey {
  background-color: #F8F8F9;
}

.font-primary {
  color: #FB3311;
}

.font-blue {
  color: #0019FF;
}

.font-orange {
  color: #FF5620;
}

/* ==========================================================================
 * Font related functions
 * ========================================================================== */
/**
 *  Calculate line-height ratio from font-size and line-height in px value
 */
/**
 *  Mixin for setting font-size in REM through a Sass Map with all available sizes

    USAGE:

    .myClass {
        @include font-size(x-large);
    }

 */
/**
 *	A simple function for accessing the font families from our mapping

	USAGE:

	span {
		@include font-family(primary);
	}

 */
/**
 *  Font mixin for setting font-size, font-weight, and line-height

    USAGE:

    .myClass {
        @include font(x-large, 34, 500);
    }

    .myClass {
      @include font(medium, $weight: 300);
    }

 */
.u-overflow-hidden {
  overflow: hidden;
}

.u-text-normal {
  font-weight: 400;
}

.u-text-overline {
  text-decoration: line-through;
}

.u-col__single {
  max-width: 700px;
  margin: 0 auto;
}

.u-display-desktop {
  display: none;
}

@media screen and (min-width: 768px) {
  .u-display-desktop {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .u-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -24px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.u-col__two + .u-col__two {
  margin-top: 50px;
}

@media screen and (min-width: 768px) {
  .u-col__two + .u-col__two {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .u-col__two {
    width: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 0 24px;
  }
}
@media screen and (min-width: 768px) {
  .u-col__one {
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 0 24px;
  }
}
.u-bg--orange {
  position: relative;
  background-color: #EE543A;
}

.u-bg--orange::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  height: 100%;
  width: 100%;
  background: url(../../../img3/marketing/orange-bg-mobile.svg) #EE543A no-repeat;
  background-size: 100% auto;
  background-position: center;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .u-bg--orange::after {
    height: 295px;
    background: url(../../../img3/marketing/orange-bg.svg) #EE543A no-repeat;
    background-position: center;
    background-size: auto 333px;
    top: 0;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
@media screen and (min-width: 992px) {
  .u-bg--orange::after {
    height: 333px;
  }
}
@media screen and (min-width: 768px) {
  .u-bg--orange {
    background-color: transparent;
  }
}
.u-bg--orange > * {
  position: relative;
  z-index: 2;
}

.u-bg--white.u-sidebar__contant::after {
  z-index: -1;
  position: absolute;
  content: "";
  height: 620px;
  background: url(../../../img3/marketing/image-white-vector-test.png) no-repeat;
  background-position: center top;
  background-size: cover;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (min-width: 992px) {
  .u-bg--white.u-sidebar__contant::after {
    background-size: contain;
    background-position: right top;
  }
}
.u-sidebar__contant {
  position: relative;
  overflow: hidden;
}

.u-sidebar__contant::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) matrix(-1, 0, 0, 1, 0, 0);
      -ms-transform: translateX(-50%) matrix(-1, 0, 0, 1, 0, 0);
          transform: translateX(-50%) matrix(-1, 0, 0, 1, 0, 0);
  width: 100%;
  height: 525px;
  background: linear-gradient(338.56deg, #FFFFFF 50%, #EAEAEA 100.62%);
  z-index: -1;
}

@media screen and (min-width: 768px) {
  .u-sidebar__contant::after {
    height: 532px;
  }
}
.u-sidebar__wrap {
  position: relative;
  padding-top: 48px;
}

@media screen and (min-width: 768px) {
  .u-sidebar__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 60px;
  }
}
@media screen and (min-width: 992px) {
  .u-sidebar__wrap {
    gap: 105px;
  }
}
@media screen and (min-width: 768px) {
  .u-sidebar {
    width: 210px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding-bottom: 48px;
  }
}
.u-sidebar__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media screen and (max-width: 767px) {
  .u-sidebar__content {
    padding-top: 40px;
  }
}
.u-sidebar__section {
  position: relative;
}

.u-sidebar__section::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(234, 234, 234, 0.25)), to(rgba(255, 255, 255, 0.25)));
  background: linear-gradient(180deg, rgba(234, 234, 234, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%);
  width: 100%;
  height: 115px;
}

@media screen and (min-width: 768px) {
  .u-sidebar__section::after {
    width: 100vw;
    left: 50%;
    -webkit-transform: translateX(calc(-50% - 270px));
        -ms-transform: translateX(calc(-50% - 270px));
            transform: translateX(calc(-50% - 270px));
  }
}
@media screen and (min-width: 768px) {
  .u-sidebar__section::after {
    -webkit-transform: translateX(calc(-50% - 315px));
        -ms-transform: translateX(calc(-50% - 315px));
            transform: translateX(calc(-50% - 315px));
  }
}
.u-image-bg--dark {
  padding: 17px;
  position: relative;
  min-height: 150px;
  background: linear-gradient(179.81deg, #232323 -23.37%, #686868 96.08%);
  border-radius: 8px;
}

@media screen and (min-width: 768px) {
  .u-image-bg--dark {
    border-radius: 16px;
    padding: 16px;
  }
}
@media screen and (min-width: 992px) {
  .u-image-bg--dark {
    padding: 0;
  }
}
.u-image-bg__vector {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
  top: 0;
  left: 0;
}

.u-image-bg__vector::after {
  position: absolute;
  content: "";
  width: 918px;
  height: 581px;
  background-image: url(../../../img3/marketing/image-dark-vector.svg);
  background-repeat: no-repeat;
  background-size: contain;
  left: -140px;
  top: -162px;
  z-index: 1;
  background-position: center 60%;
}

@media screen and (min-width: 768px) {
  .u-image-bg__vector::after {
    background-position: center 95%;
  }
}
@media screen and (min-width: 768px) {
  .u-image-bg__vector {
    border-radius: 16px;
  }
}
.u-image-bg__img {
  position: relative;
  z-index: 1;
}

.u-image-bg--bottom .u-image-bg__img {
  margin-bottom: -20px;
  -webkit-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.11);
          box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.11);
  border-radius: 4px;
}

@media screen and (min-width: 768px) {
  .u-image-bg--bottom .u-image-bg__img {
    border-radius: 8px;
    margin-bottom: -30px;
  }
}
@media screen and (min-width: 992px) {
  .u-image-bg--big .u-image-bg__img {
    margin-bottom: -50px;
  }
}
.u-image-bg__img-over {
  position: absolute;
  z-index: 4;
  top: 50%;
  right: 23px;
  width: 50%;
  max-width: 340px;
  height: auto;
  -webkit-transform: translateY(calc(-50% + 42px));
      -ms-transform: translateY(calc(-50% + 42px));
          transform: translateY(calc(-50% + 42px));
  -webkit-box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.19);
          box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.19);
  border-radius: 4px;
}

@media screen and (min-width: 992px) {
  .u-image-bg__img-over {
    border-radius: 8px;
    right: 29px;
  }
}
.u-image-bg--center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}

.u-image-bg--center img {
  -o-object-fit: contain;
     object-fit: contain;
}

@media screen and (min-width: 992px) {
  .u-image-bg--center {
    padding: 42px 32px 40px;
  }
}
.u-image-bg--bottom {
  padding: 24px 24px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 130px;
}

@media screen and (min-width: 992px) {
  .u-image-bg--bottom {
    padding: 48px 48px 0;
  }
}
.u-image-bg--bottom:has(.u-image-bg__img-over) {
  padding-top: 55px;
  margin: 24px 0 64px;
}

@media screen and (min-width: 992px) {
  .u-image-bg--bottom:has(.u-image-bg__img-over) {
    height: auto;
    padding: 55px 30px 0;
    margin: 35px 0 104px;
  }
}
@media screen and (min-width: 992px) {
  .u-image-bg--big {
    padding: 44px 44px 0;
  }
}
.u-image-bg--between {
  margin: 50px 0;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 130px;
}

@media screen and (min-width: 768px) {
  .u-image-bg--between {
    gap: 40px;
    max-height: 290px;
  }
}
@media screen and (min-width: 1200px) {
  .u-image-bg--between {
    margin: 70px 0;
    height: 290px;
    padding: 0 56px;
  }
}
.u-image-bg--between .u-image-bg__img-wrap {
  position: relative;
}

.u-image-bg--between .u-image-bg__img-wrap.first {
  margin-top: -50px;
}

.u-image-bg--between .u-image-bg__img-wrap.second {
  margin-bottom: -40px;
}

.u-image-bg--between .u-image-bg__img-wrap::after {
  position: absolute;
  content: "";
  width: 100%;
  height: calc(100% - 8px);
  bottom: 0;
  left: 0;
  -webkit-box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.19);
          box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.19);
  border-radius: 8px;
}

.u-image-bg--between .u-image-bg__text {
  position: absolute;
  font-size: calc(14 / 16 * 1rem);
  line-height: calc(18 / 14);
  font-weight: 700;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #2E3133;
  z-index: 4;
}

.u-section-line {
  position: relative;
  /* the issue is here for the gradient passing over the headings
  (e.g. in https://www.classmarker.localhost.com/online-testing/certifications/ at the "Beautiful, professional certificates" section) */
}

.u-section-line > * {
  position: relative;
  z-index: 1;
}

.u-section-line::after, .u-section-line::before {
  position: absolute;
  content: "";
  width: 100vw;
  height: 115px;
  top: 0;
  left: -35px;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .u-section-line::after, .u-section-line::before {
    left: -55px;
    width: calc((100% + 60px + 210px) / 2 - 5px - 210px + 50vw);
  }
}
@media screen and (min-width: 992px) {
  .u-section-line::after, .u-section-line::before {
    width: calc((100% + 105px + 210px) / 2 - 5px - 210px + 50vw);
    left: -100px;
  }
}
.u-section-line::before {
  z-index: 0;
  border-top: 1px solid rgba(212, 212, 212, 0.7);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(234, 234, 234, 0.25)), to(rgba(255, 255, 255, 0.25)));
  background: linear-gradient(180deg, rgba(234, 234, 234, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%);
}

@media screen and (min-width: 768px) {
  .u-section-line::after {
    background: linear-gradient(30deg, rgb(255, 255, 255) 0%, transparent 60%);
    z-index: 0;
  }
}
.resize-animation-stopper * {
  -webkit-animation: none !important;
          animation: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}

.resize-animation-stopper *:after {
  -webkit-animation: none !important;
          animation: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}

/* Special */
.spacer-in-top-sm {
  padding-top: 8px;
}

.spacer-in-right-sm {
  padding-right: 8px;
}

.spacer-in-bottom-sm {
  padding-bottom: 8px;
}

.spacer-in-left-sm {
  padding-left: 8px;
}

.spacer-in-sm {
  padding: 8px;
}

.spacer-in-v-sm {
  padding-top: 8px;
  padding-bottom: 8px;
}

.spacer-in-h-sm {
  padding-left: 8px;
  padding-right: 8px;
}

.spacer-in-top-base {
  padding-top: 16px;
}

.spacer-in-right-base {
  padding-right: 16px;
}

.spacer-in-bottom-base {
  padding-bottom: 16px;
}

.spacer-in-left-base {
  padding-left: 16px;
}

.spacer-in-base {
  padding: 16px;
}

.spacer-in-v-base {
  padding-top: 16px;
  padding-bottom: 16px;
}

.spacer-in-h-base {
  padding-left: 16px;
  padding-right: 16px;
}

.spacer-in-top-md {
  padding-top: 24px;
}

.spacer-in-right-md {
  padding-right: 24px;
}

.spacer-in-bottom-md {
  padding-bottom: 24px;
}

.spacer-in-left-md {
  padding-left: 24px;
}

.spacer-in-md {
  padding: 24px;
}

.spacer-in-v-md {
  padding-top: 24px;
  padding-bottom: 24px;
}

.spacer-in-h-md {
  padding-left: 24px;
  padding-right: 24px;
}

.spacer-in-top-lg {
  padding-top: 32px;
}

.spacer-in-right-lg {
  padding-right: 32px;
}

.spacer-in-bottom-lg {
  padding-bottom: 32px;
}

.spacer-in-left-lg {
  padding-left: 32px;
}

.spacer-in-lg {
  padding: 32px;
}

.spacer-in-v-lg {
  padding-top: 32px;
  padding-bottom: 32px;
}

.spacer-in-h-lg {
  padding-left: 32px;
  padding-right: 32px;
}

.spacer-in-top-none {
  padding-top: 0;
}

.spacer-in-right-none {
  padding-right: 0;
}

.spacer-in-bottom-none {
  padding-bottom: 0;
}

.spacer-in-left-none {
  padding-left: 0;
}

.spacer-in-none {
  padding: 0;
}

.spacer-in-v-none {
  padding-top: 0;
  padding-bottom: 0;
}

.spacer-in-h-none {
  padding-left: 0;
  padding-right: 0;
}

.spacer-out-top-sm {
  margin-top: 8px;
}

.spacer-out-right-sm {
  margin-right: 8px;
}

.spacer-out-bottom-sm {
  margin-bottom: 8px;
}

.spacer-out-left-sm {
  margin-left: 8px;
}

.spacer-out-sm {
  margin: 8px;
}

.spacer-out-v-sm {
  margin-top: 8px;
  margin-bottom: 8px;
}

.spacer-out-h-sm {
  margin-left: 8px;
  margin-right: 8px;
}

.spacer-out-top-base {
  margin-top: 16px;
}

.spacer-out-right-base {
  margin-right: 16px;
}

.spacer-out-bottom-base {
  margin-bottom: 16px;
}

.spacer-out-left-base {
  margin-left: 16px;
}

.spacer-out-base {
  margin: 16px;
}

.spacer-out-v-base {
  margin-top: 16px;
  margin-bottom: 16px;
}

.spacer-out-h-base {
  margin-left: 16px;
  margin-right: 16px;
}

.spacer-out-top-md {
  margin-top: 24px;
}

.spacer-out-right-md {
  margin-right: 24px;
}

.spacer-out-bottom-md {
  margin-bottom: 24px;
}

.spacer-out-left-md {
  margin-left: 24px;
}

.spacer-out-md {
  margin: 24px;
}

.spacer-out-v-md {
  margin-top: 24px;
  margin-bottom: 24px;
}

.spacer-out-h-md {
  margin-left: 24px;
  margin-right: 24px;
}

.spacer-out-top-lg {
  margin-top: 32px;
}

.spacer-out-right-lg {
  margin-right: 32px;
}

.spacer-out-bottom-lg {
  margin-bottom: 32px;
}

.spacer-out-left-lg {
  margin-left: 32px;
}

.spacer-out-lg {
  margin: 32px;
}

.spacer-out-v-lg {
  margin-top: 32px;
  margin-bottom: 32px;
}

.spacer-out-h-lg {
  margin-left: 32px;
  margin-right: 32px;
}

.spacer-out-top-none {
  margin-top: 0;
}

.spacer-out-right-none {
  margin-right: 0;
}

.spacer-out-bottom-none {
  margin-bottom: 0;
}

.spacer-out-left-none {
  margin-left: 0;
}

.spacer-out-none {
  margin: 0;
}

.spacer-out-v-none {
  margin-top: 0;
  margin-bottom: 0;
}

.spacer-out-h-none {
  margin-left: 0;
  margin-right: 0;
}

.strike {
  text-decoration: line-through;
}

.no-padding-left {
  padding-left: 0px !important;
}

.no-padding-right {
  padding-right: 0px !important;
}

.no-padding-top {
  padding-top: 0px !important;
}

.no-padding-bottom {
  padding-bottom: 0px !important;
}

.no-margin-left {
  margin-left: 0px !important;
}

.no-margin-right {
  margin-right: 0px !important;
}

.no-margin-top {
  margin-top: 0px !important;
}

.no-margin-bottom {
  margin-bottom: 0px !important;
}

.display-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.display-block {
  display: block !important;
}

.margin-right-16 {
  margin-right: 16px;
}

ul.no-space-list li {
  margin-bottom: 0px !important;
}

ul.number-list li {
  list-style-type: decimal !important;
}

ul.lower-alpha-list li {
  list-style-type: lower-alpha !important;
}

.text-align-center {
  text-align: center;
}