@font-face {
    font-family: 'ms-500';
    src: url('../fonts/MuseoSans-500.eot');
    src: url('../fonts/MuseoSans-500.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSans-500.woff2') format('woff2'),
        url('../fonts/MuseoSans-500.woff') format('woff'),
        url('../fonts/MuseoSans-500.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ms-300';
    src: url('../fonts/MuseoSans-300.eot');
    src: url('../fonts/MuseoSans-300.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSans-300.woff2') format('woff2'),
        url('../fonts/MuseoSans-300.woff') format('woff'),
        url('../fonts/MuseoSans-300.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ms-700';
    src: url('../fonts/MuseoSans-700.eot');
    src: url('../fonts/MuseoSans-700.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSans-700.woff2') format('woff2'),
        url('../fonts/MuseoSans-700.woff') format('woff'),
        url('../fonts/MuseoSans-700.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ms-900';
    src: url('../fonts/MuseoSans-900.eot');
    src: url('../fonts/MuseoSans-900.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSans-900.woff2') format('woff2'),
        url('../fonts/MuseoSans-900.woff') format('woff'),
        url('../fonts/MuseoSans-900.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'dig';
    src: url('../fonts/Digital-7.eot');
    src: local('../fonts/Digital-7'),
        url('../fonts/Digital-7.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Digital-7.woff2') format('woff2'),
        url('../fonts/Digital-7.woff') format('woff'),
        url('../fonts/Digital-7.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	outline: none;
}
html { overflow-y: scroll; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; } 

input { outline: none; }


img { border: 0;  }

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.white p {
	color: #000;
}

* {
	box-sizing:border-box;
}
body {
	width: 100%;
	height: 100%;
    font-family: 'ms-500';
	color:#000;
	background-color:#e9e9e9;
}
html {
	width:100%;
	height:100%;
}
.clear {
	clear: both;
}
.trans, a, input[type="submit"], .cta-top-item, .cta-services-item, .cs-cat-item-h, .btn, .answer-item {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
.fade {
	opacity: 1;
	transition: opacity 200ms ease-in-out 0s;
	-moz-transition: opacity 200ms ease-in-out 0s;
	-webkit-transition: opacity 200ms ease-in-out 0s;
	-ms-transition: opacity 200ms ease-in-out 0s;
	-o-transition: opacity 200ms ease-in-out 0s;
}
.center {
	text-align:center;	
}
.justify {
	text-align:justify;		
}

.fade:hover {
  opacity: 0.7;
}
.grow {
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}
.grow:hover {
    transform: scale(1.05);
} 
.block {
	display:block !important;	
}
.in-block {
	display:inline-block !important;	
}
.end {
	margin-right: 0px !important;
}
.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;	
}
.flex-sb {
	justify-content: space-between; /*flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe;*/
}
.flex-start {
	align-content: flex-start; /*flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe;*/
}
.flex-end {
	justify-content: flex-end; /*flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe;*/
}
.flex-sa {
	justify-content: space-around; /*flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe;*/
}
.flex-se {
	justify-content: space-evenly; /*flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe;*/
}
.flex-hc {
	justify-content: center;
}
.flex-vc {
	align-items: center; /*stretch | flex-start | flex-end | center | baseline | first baseline | last baseline | start | end | self-start | self-end + ... safe | unsafe*/
	/*flex-direction: column;*/
}
.flex-vs {
	align-items: flex-start; /*stretch | flex-start | flex-end | center | baseline | first baseline | last baseline | start | end | self-start | self-end + ... safe | unsafe*/
	/*flex-direction: column;*/
}
.flex-col {
	flex-direction:column;	
}
.flex-c {
	justify-content: center;
	align-items: center;
}
.flex-wrap {
	flex-wrap:  wrap;
}
.inline-flex {
	display:inline-flex;
}
.drop-shadow {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.85);
}
.hide {
	display:none;	
}
.block-center {
	margin-left:auto;
	margin-right:auto;
}
.page-w {
	height:100%;	
}
.app-w {
	width:100%;
	max-width:1020px;
	box-shadow: 0 0 10px rgb(0 0 0 / 20%);
	background:#FFF;
	min-height:574px;
}
.status-bar {
	height:121px;
	background-image:url(../images/status-bar.png);
	background-repeat:no-repeat;
	background-position: 0px top;
	padding-right:25px;
}
.type-w a {
	color:#009ABF;
	text-decoration:none;
	position:relative;
}
.type-w a:before {
	content:'';
	width:30px;
	height:24px;
	background-image:url(../images/home.png);
	position:absolute;
	left:-38px;
	top:0px;
}
.type-w a:hover {
	color:#8EB571;
}
.img-sound-off {
	margin-left:auto;
	cursor:pointer;	
	display:none;
}
body[data-slide="1"] .img-sound-off {
	display:block;	
}
.type-score-w {
	height:47px;
	display:none;
}
body:not([data-slide="1"]) .type-score-w {
	display: flex;	
}
.type-w {
	background-color:#FFF;
	margin-right:4px;
	text-transform:uppercase;
	color:#009ABF;
	font-size:20px;
    font-family: 'ms-900';
	padding-left:50px;
	padding-right:20px;
}
.score-w {
	background-color:#FFF;
	text-transform:uppercase;
	color:#8EB571;
	font-size:20px;
    font-family: 'ms-900';
	padding-left:20px;
	padding-right:20px;
}

.tt::before {
	border-style: solid;
	border-width: 0.29em 0.29em 0 0;
	content: '';
	height: 27px;
	width: 27px;
	background:#FFF;
	left: 50%;
	margin-left:-13.5px;
	position: absolute;
	bottom: -19px;
	transform: rotate(135deg);
	border-color:#36657E;

}

.tt {
	padding: 13px;
	border: #36657E 4px solid;
	border-radius: 14px;
	display: inline-block;
	background-color: #FFF;
	width: 240px;
	font-size: 14px;
	position:absolute;
	z-index:4;
	display:none;

}
[data-tt]{
	cursor:pointer;
    font-family: 'ms-900';
	text-decoration:underline;	
}
.content-w {
	margin-top:8px;
	background:#EBF5F6;
	height:449px;
	position:relative;
}
.section {
	position:relative;
	display:none;
	height:100%;
}
.section.active {
    display: block;
}
.sec-img {
	width:100%;
	height:auto;
	display:block;
	position:absolute;	
}
.sec-1-nav {
	position:absolute;
	width:100%;
	text-align:center;
	bottom:30%;	
}
.nav-br {
	position:absolute;
	bottom:25px;
	right:25px;
	z-index:2;		
}
.btn {
	background-color:#009ABF;
	border:2px #FFF solid;
	font-family: 'ms-900';
	color:#FFF;
	cursor:pointer;
	text-decoration:none;
	font-size:14px;
	text-transform:uppercase;
	height:38px;
	padding-left:20px;
	padding-right:20px;
}
.btn:hover {
	background-color:#8EB571;	
}

.section-content {
	position:relative;
	z-index:2;
	height:100%;
	padding-left:30px;
	padding-right:30px;	
}
.helper {
	position:absolute;
	bottom:	0px;
	left:30px;
/*	display:none;*/
	opacity:0;
}

.comment-w::before {
	border-style: solid;
	border-width: 0.29em 0.29em 0 0;
	content: '';
	height: 27px;
	width: 27px;
	background:#FFF;
	left: -18px;
	position: absolute;
	top: 50%;
	margin-top:-13.5px;
	transform: rotate(225deg);
	border-color:#36657E;
}

.comment-w {
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: #36657E 4px solid;
	border-radius: 14px;
	display: inline-block;
	background-color: #FFF;
	font-size: 13px;
	position:relative;
	z-index:2;
	width:160px;
	margin-left:20px;
	align-self:flex-start;
	min-height:88px;
}
.person-w img {
	display:block;
}
.section-content-copy {
	padding-top:30px;
	max-width:515px;	
}
.section-content-copy.wide {
	max-width:625px;	
}
.section-content-copy.full {
	width:100%;
	max-width:none;	
}
.content-top h2 {
	text-transform:uppercase;
	font-size:22px;
	color:#009ABF;
	font-family: 'ms-900';
	margin-bottom:10px;
}
.content-top p {
	font-size:18px;
	color:#36657E;
	font-family: 'ms-500';
	line-height:22px;
}
.field-bottles-ticks {
  display: flex;
  justify-content: space-between;
  color: #009ABF;
  width: 100%;
}

.field-bottles {
  width: 100%;
}
.sec-3 .content-question {
	width:80%;
	padding-top:60px;	
}
.question-action {
	margin-top:20px;	
}
.question-feedback-bottom {
	margin-top:30px;	
}
.question-feedback-bottom h3 {
	text-transform:uppercase;
	font-size:18px;
	color:#8EB571;
	font-family: 'ms-900';
	margin-bottom:10px;	
}
.question-feedback-bottom p {
	font-size:18px;
	color:#36657E;
	line-height:21px;
	margin-bottom:10px;
}
.content-top-bg {
	background-color:rgba(255,255,255,0.5);
	padding:15px;
	display: inline-block;
}
.content-top.content-top-bg h2 {
	margin-bottom:11px;
}
.glass-w {
	margin-top: 80px;
	width:520px;
}
.glass-item {
	background-color:#FFF;
	width:157px;
	height:130px;
	padding-top:10px;
	padding-bottom:10px;
	cursor:move;	
}
.glass-item span {
	display:block;
	color:#36657E;
	font-size:16px;	
}
.glass-item img {  
	align-self: center;
	padding-left:30px;
	padding-right:30px;
}
.feedback-box {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 18px;
	padding-right: 18px;
	border: 4px solid;
	border-radius: 14px;
	background-color: #FFF;
	width: 190px;
	font-size: 14px;
	position:absolute;
	z-index:4;	
}

.feedback-box::before {
	border-style: solid;
	border-width: 0.29em 0.29em 0 0;
	content: '';
	height: 27px;
	width: 27px;
	background:#FFF;
	position: absolute;
	transform: rotate(135deg);
}
.feedback-box.rt::before {
	right:-19px;
	top: 45%;
	transform: rotate(45deg);
	bottom:auto;
}
.feedback-box.lf::before {
	left:-19px;
	top: 45%;
	transform: rotate(225deg);
	bottom:auto;
}
.fb-correct, .feedback-box.fb-correct::before {
	border-color:#009ABF;
}
.fb-wrong, .feedback-box.fb-wrong::before {
	border-color:#DD6B5B;
}
.fb-correct strong {
	color:#009ABF;	
}
.fb-wrong strong {
	color:#DD6B5B;	
}
.sec-4 .feedback-box.rt {
	left:415px;
	top:171px;
}
.sec-4 .feedback-box.lf {
	right:15px;
	top:195px;
}
.drop-zone {
	position:absolute;
}
.sec-4 .drop-zone-1 {	
	left:582px;
	top:219px;
	height:210px;
	width:115px;
}
.sec-4 .drop-zone-2 {	
	left:744px;
	top:219px;
	height:210px;
	width:115px;
}
.sec-6 .content-question {
	margin-top:40px;	
}
.sec-6 .questions-item {
	width:45%;
	margin-bottom:30px;	
}
.questions-item {
	cursor:pointer;
}
.round-letter {
	background:#ddd;
	height:35px;
	width:35px;
	border-radius:50%;
	background-color:#009ABF;
	color:#FFF;
	font-size:14px;
	font-family: 'ms-900';
	margin-right:22px;
}
.questions-item p {
	color:#36657E;
	font-size:18px;
	font-family: 'ms-500';	
}
.question-feedback {
	max-width:315px;	
}
.question-feedback-cont {
	border:5px solid #009ABF;
	background-color:#FFF;
	text-align:center;
	padding:20px;
	margin-top:70px;
	display:none;	
}
.question-feedback-cont h3 {
	font-size:18px;
	font-family: 'ms-900';
	color:#8EB571;
	margin-bottom:15px;
	text-transform:uppercase;
}
.question-feedback-cont p {
	font-size:18px;
	color:#36657E;
}
.slide-start-end span {
	width:84px;
	height:44px;
	background-color:#FFF;
	text-transform:uppercase;
	color:#36657E;
	font-size:18px;	
	font-family: 'ms-900';
}
.slide-w {
	margin-top: 45px;
	width: 828px;
}
.slide-inner {
	position:relative;
	padding-top:20px;
	text-align:center;
	height:237px;
	width:828px;
}
.slider {
	position:absolute;
	top:0px;
	left:15px;
	z-index:5;	
}
.slider-img {


}
.slider-img-1 {
	display:block;		
}
.slider-img-2 {
	top:65px;
	position:absolute;
	left:70px;
	z-index:1;		
}
.mask {
	overflow: hidden;
	height: 203px;
	/*padding-right:50px;*/
	z-index: 2;
/*	background-image: url(../images/slide-1-rev.png);
	background-repeat: no-repeat;
	background-position: left bottom;*/
	width: 100%;
	transform: rotate(180deg);
	float:right;
	padding-left:50px;

}
.content-top-small {
	max-width:515px;
}
.sop-rus-w {
	position:relative;
	height:241px;
}
.img-sec-8 {
	position:absolute;	
}
.img-sec-8-1 {
    left: 290px;
    top: -42px;	
}
.img-sec-8-2 {
	left: 501px;
    top: -42px;
}
.feedback-box.sec-8-1 {
	left: 103px;
    top: 2px;
	width:232px;
	border:#FFF 4px solid;
	background-color:#009ABF;
	color:#FFF;	
}
.feedback-box.sec-8-1::before {
	background:#009ABF;
	top: 20%;
}
.feedback-box.sec-8-2 {
    left: 615px;
    top: -16px;
	width:177px;
	border:#009ABF 4px solid;
	background-color:#FFF;
	color:#000;	
}
.feedback-box.sec-8-2::before {
	background:#FFF;
	border-color:#009ABF;
    top: 22%;
}
.btn-sec {
	width:190px;
	height:38px;
	background:#FFF;
	text-transform:uppercase;
	color:#36657E;
	font-size:16px;
	font-family: 'ms-900';
	cursor:pointer;
}
.btn-sec-8-1, .btn-sec-8-2 {
	position:absolute;
	bottom:10px;	
}
.btn-sec-8-1 {
	left:118px;
}
.btn-sec-8-2 {
	left:676px;
}
.feedback-sec-8-1, .feedback-sec-8-2 {
	color:#36657E;
	font-size:18px;
	font-family: 'ms-900';
	line-height:22px;
	width:360px;
	position:absolute;	
}
.feedback-sec-8-1 {
    left: 116px;
    top: 78px;
}
.feedback-sec-8-2 {
	left: 511px;
    top: 80px;	
}
.sec-7 .content-top p {
	height:44px;	
}
.info-w {
	color:#36657E;
	margin-top:20px;
	line-height:20px;
}
ol {
	list-style:decimal;
	line-height:32px;	
}
.questions-w.flex-col {
	margin-top:25px;	
}
.questions-w.flex-col .questions-item {
	margin-bottom:15px;	
}
.furnace-w {
	margin-top: 80px;
    width: 520px;	
}
.dis-temp {
	font-family: 'ms-900';
}
.furnace-item {
    background-color: #FFF;
    width: 157px;
    height: 130px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: move;
}
.furnace-item span {
    display: block;
    color: #36657E;
    font-size: 16px;
}
.furnace-item img {
    align-self: center;
}
.drop-zone-11 {
	position:absolute;
	left: 773px;
    top: 190px;
    width: 120px;
	height:128px;
}
.fb-11 {
    top: 232px;
    left: 581px;
}
.feedback-box.rt.fb-11::before {
    top: 32%;
}
sub {
	font-size:12px;	
}
.sec-13 .content-question {
	width:80%;
	margin-left:auto;
	margin-right:auto;	
}
.generating-item {
	height:305px;
	width:155px;	
}
.generating-item-amin-left {
	align-self: flex-end;
	position:relative;
	text-align:center;
}
.balloon {
/*	position:absolute;
    top: -26px;
    left: 21px;*/
	width:20px;
	height:auto;	
}
.generating-item-amin {
	position:relative;	
}
.generating-item-amin-left img {
	align-self: center;
}
.generating-item-amin-right {
	height: 248px;
	background-image: url(../images/co2-scale.png);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
	width:41px;
}
.scale-in {
	position:absolute;
	left:0px;
	bottom:0px;
	width:6px;
}
.generating-item-amin-copy  {
	margin-top:10px;	
}
.generating-item-amin-copy h6 {
	color:#36657E;
	font-size:13px;
	font-family: 'ms-900';	
}
.generating-item-amin-copy span {
	color:#FFF;
	font-size:10px;
	font-family: 'ms-900';
	width:127px;
	height:25px;
	background-color:#009ABF;
	text-transform:uppercase;
	cursor:pointer;
	margin-top:8px;	
}
.sec-13 .feedback-box {
    border-color: #009ABF;
}
.sec-13 .feedback-box::before {
    border-color: #009ABF;
    top: 34%;
}
.fb-13-1 {
	width:140px;
	left: 30px;
    top: 300px;
}
.fb-13-2 {
	width:190px;
    left: 242px;
    top: 285px;
}
.fb-13-3 {
	width:185px;
	left: 762px;
    top: 259px;
}
.generating-result {
	position:absolute;
	text-transform:uppercase;
	font-size:10px;
	display:none;
	top:50px;
	left:15px;
	color:#FFF;
	font-family: 'ms-900';
	z-index:10;
	text-align:center;
}
.charts-item img {
	margin-top:10px;
	margin-bottom:20px;
}
.btn.btn-chart {
	color:#36657E;
	background-color:#FFF;
	cursor:none;
}
.true-false-w {
	margin-top:25px;	
}
.true-false-item {
	margin-bottom:20px;	
}
.true-false-l {
	width:430px;
	height:62px;
	background-color:#FFF;
	font-size:16px;
	font-family: 'ms-500';
	line-height:21px;
	color:#36657E;
	padding-left:15px;
	padding-right:15px;
}
.true, .false {
	height:62px;
	width:84px;
	background-color:#009ABF;
	text-transform:uppercase;
	color:#FFF;	
	font-family: 'ms-900';
	font-size:16px;
	cursor:pointer;
	margin-left:15px;
}
/*.true:hover, .false:hover {
	background-color: #8EB571;
}*/
.clock-w {
	width: 391px;
	height: 168px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/clock.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:20px;
	position:relative;
	font-family: 'dig';	
}
.cl-arrow-up, .cl-arrow-down {
	width:46px;
	height:46px;
	position:absolute;
	top:35px;
	cursor:pointer;	
}
.cl-arrow-up {
	left:44px;	
}
.cl-arrow-down {
	left:109px;	
}
.cl-go {
	width:110px;
	height:30px;
	position:absolute;
	top:95px;
	left:44px;
	cursor:pointer;	
}
.cl-timer {
    width: 124px;
    height: 93px;
    position: absolute;
    top: 15px;
    left: 208px;
    color: #ADD4DF;
    font-size: 135px;
}
[data-slide="16"] .comment-w {
	width:170px;	
}
.feedback-box.fb-16 {
    left: 722px;
    top: 200px;
}
.feedback-box.fb-16.lf::before {
    top: 32%;
}
.bottle-w {
	margin-top:10px;	
}
.bottle-ex {
	width:380px;
	height:140px;
	text-align:right;
	position:relative;	
}
.bottle {
	margin-left:20px;
}
.sec-17 .content-top {
	height:156px;	
}
.box {
	position:absolute;
    left: 700px;
    top: 220px;
	z-index:3;
	width:157px;
	height:113px;
}
.box img {
	position:absolute;
	left:-13px;
}
.feedback-box.fb-17-1 {
    left: 523px;
    top: 220px;
}
.feedback-box.fb-17-1::before {
    top: 38%;
}
.sec-19 .content-question {
    margin-top: 40px;
}
.sec-19 .questions-item {
    width: 50%;
    margin-bottom: 30px;
}
.sec-19 .round-letter {
    min-height: 35px;
    min-width: 35px;
}
.final-score-w {
	background-color:#36657E;
	color:#FFF;
	font-family: 'ms-900';
	font-size:19px;
	width:470px;
	height:107px;
	margin-top: 81px;
}
.final-score-w h5 {
	font-family: 'ms-900';
	margin-bottom:10px;
	text-transform:uppercase;
}
.final-score-w p {
	font-family: 'ms-500';
}
.fb-white-bg {
	background-color: rgba(255,255,255);
    padding: 15px;	
}
/*[data-true-false="f"]:hover {
	background-color:rgb(221, 107, 91);	
}*/
.sec-8 .content-top {
	max-width:850px;	
}
.ct-question {
	font-family: 'ms-900';
	display:block;
	margin-top:12px;	
}
[data-tf-selected].true {
	background-color:#8EB571;	
}
[data-tf-selected].false {
	background-color:#dd6b5b;	
}
.anim-truck {
	position:absolute;
	top: 226px;
    left: 110px;
}
.anim-sec-5-sophia {
	position:absolute;
	top: 127px;
    left: 560px;	
}
.sec-5 {
	overflow:hidden;	
}
.mag {
	position:absolute;
	left:20px;
	top:0px;
	z-index:4;
}
.sec-17 {
	overflow:hidden;	
}
.bottles-w {
	left:-285px;
	position:absolute;
	z-index:1 !important;	
}
.feedback-box.fb-18-1 {
	width:215px;
    left: 257px;
    top: 120px;
}
.feedback-box.fb-18-2 {
	width:215px;
	top: 145px;
    left: 506px;
	background-color:#009ABF;
	color:#FFF;
	border-color: #FFF;
}
.fb-correct.fb-18-2::before {
    border-color: #FFF;
	background-color:#009ABF;
}

.feedback-box.fb-2-1, .feedback-box.fb-2-2a {
	width:215px;
    top: 105px;
    left: 234px;
	background-color:#009ABF;
	color:#FFF;
	border-color: #FFF;
}
.feedback-box.fb-2-2a {
    top: 112px;
}
.fb-correct.fb-2-1::before, .feedback-box.fb-2-2a::before {
    border-color: #FFF;
	background-color:#009ABF;
}

.feedback-box.fb-2-2 {
    width: 145px;
    left: 737px;
    top: 130px;
}
.feedback-box.fb-2-2:before {
    top: 24%;
}
.sec-2-f-1, .sec-2-m-1, .sec-2-f-2, .sec-2-m-2 {
	position:absolute;	
}

.sec-2-f-1 {
    top: 113px;
    left: 408px;
}
.sec-2-m-1 {
    top: 114px;
    left: 613px;	
}

.feedback-box.fb-2-3 {
	width:215px;
    top: 96px;
    left: 294px;
}

.feedback-box.fb-2-4 {
	width:141px;
    top: 55px;
    left: 14px;
	background-color:#009ABF;
	color:#FFF;
	border-color: #FFF;
	height:52px;
}
.fb-correct.fb-2-4::before {
    border-color: #FFF;
	background-color:#009ABF;
	top: 71%;
	right: 22px;
    transform: rotate(135deg);
}

.sec-2-f-2 {
	top: 113px;
    left: 14px;	
}

.sec-2-m-2 {
	top: 114px;
    left: 180px;
}
[data-slide="1"] .sound-off-on {
	display:none;	
}
.sound-off-on {
	margin-left:4px;
	cursor:pointer;	
}
.glass-item-1 {
	padding-top:25px;	
}
.links h5 {
	font-family: 'ms-900';
	font-size:24px;
	line-height:29px;
	color:#36657E;
	width:620px;
	margin-left:auto;
	margin-right:auto;
}
.link-items {
	width:545px;
	margin-left:auto;
	margin-right:auto;
	margin-top:35px;	
}
.link-item {
	width:49%;
	margin-bottom:10px;	
}
.link-item.btn {
	font-family: 'ms-500';
	height:50px;
}
.link-item.btn a {
	text-decoration:none;
	color:#FFF;
}
.bg-green {
	background-color:#8EB571 !important;	
}
.generating-result-1 {
	top: 55px;
}
.generating-result-2 {
	top: 45px;
}
.generating-result-3 {
	top: 41px;
}
[data-slide="12"] .comment-w {
	width:180px;
}
@media (orientation:portrait){body{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}}