.slick-slider {
	box-sizing: border-box;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
	position: relative;
	display: block
}

.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
	transform: translateZ(0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:after,
.slick-track:before {
	display: table;
	content: ""
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-loading .slick-list {
	background: #fff url(https://cdn2.kynaforkids.vn/assets/images/ajax-loader.gif) 50% no-repeat
}

@font-face {
	font-family: slick;
	font-weight: 400;
	font-style: normal;
	src: url(data:application/vnd.ms-fontobject;base64,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);
	src: url(data:application/vnd.ms-fontobject;base64,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?#iefix) format("embedded-opentype"), url(data:application/font-woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"), url(data:application/octet-stream;base64,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) format("truetype"), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtZXRhZGF0YT5HZW5lcmF0ZWQgYnkgRm9udGFzdGljLm1lPC9tZXRhZGF0YT4KPGRlZnM+Cjxmb250IGlkPSJzbGljayIgaG9yaXotYWR2LXg9IjUxMiI+Cjxmb250LWZhY2UgZm9udC1mYW1pbHk9InNsaWNrIiB1bml0cy1wZXItZW09IjUxMiIgYXNjZW50PSI0ODAiIGRlc2NlbnQ9Ii0zMiIvPgo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iNTEyIiAvPgoKPGdseXBoIHVuaWNvZGU9IiYjODU5NDsiIGQ9Ik0yNDEgMTEzbDEzMCAxMzBjNCA0IDYgOCA2IDEzIDAgNS0yIDktNiAxM2wtMTMwIDEzMGMtMyAzLTcgNS0xMiA1LTUgMC0xMC0yLTEzLTVsLTI5LTMwYy00LTMtNi03LTYtMTIgMC01IDItMTAgNi0xM2w4Ny04OC04Ny04OGMtNC0zLTYtOC02LTEzIDAtNSAyLTkgNi0xMmwyOS0zMGMzLTMgOC01IDEzLTUgNSAwIDkgMiAxMiA1eiBtMjM0IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODU5MjsiIGQ9Ik0yOTYgMTEzbDI5IDMwYzQgMyA2IDcgNiAxMiAwIDUtMiAxMC02IDEzbC04NyA4OCA4NyA4OGM0IDMgNiA4IDYgMTMgMCA1LTIgOS02IDEybC0yOSAzMGMtMyAzLTggNS0xMyA1LTUgMC05LTItMTItNWwtMTMwLTEzMGMtNC00LTYtOC02LTEzIDAtNSAyLTkgNi0xM2wxMzAtMTMwYzMtMyA3LTUgMTItNSA1IDAgMTAgMiAxMyA1eiBtMTc5IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODIyNjsiIGQ9Ik00NzUgMjU2YzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5LTQwIDAtNzcgOS0xMTAgMjktMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwIDAgNDAgOSA3NyAyOSAxMTAgMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5IDQwIDAgNzctOSAxMTAtMjkgMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPgo8Z2x5cGggdW5pY29kZT0iJiM5NzsiIGQ9Ik00NzUgNDM5bDAtMTI4YzAtNS0xLTktNS0xMy00LTQtOC01LTEzLTVsLTEyOCAwYy04IDAtMTMgMy0xNyAxMS0zIDctMiAxNCA0IDIwbDQwIDM5Yy0yOCAyNi02MiAzOS0xMDAgMzktMjAgMC0zOS00LTU3LTExLTE4LTgtMzMtMTgtNDYtMzItMTQtMTMtMjQtMjgtMzItNDYtNy0xOC0xMS0zNy0xMS01NyAwLTIwIDQtMzkgMTEtNTcgOC0xOCAxOC0zMyAzMi00NiAxMy0xNCAyOC0yNCA0Ni0zMiAxOC03IDM3LTExIDU3LTExIDIzIDAgNDQgNSA2NCAxNSAyMCA5IDM4IDIzIDUxIDQyIDIgMSA0IDMgNyAzIDMgMCA1LTEgNy0zbDM5LTM5YzItMiAzLTMgMy02IDAtMi0xLTQtMi02LTIxLTI1LTQ2LTQ1LTc2LTU5LTI5LTE0LTYwLTIwLTkzLTIwLTMwIDAtNTggNS04NSAxNy0yNyAxMi01MSAyNy03MCA0Ny0yMCAxOS0zNSA0My00NyA3MC0xMiAyNy0xNyA1NS0xNyA4NSAwIDMwIDUgNTggMTcgODUgMTIgMjcgMjcgNTEgNDcgNzAgMTkgMjAgNDMgMzUgNzAgNDcgMjcgMTIgNTUgMTcgODUgMTcgMjggMCA1NS01IDgxLTE1IDI2LTExIDUwLTI2IDcwLTQ1bDM3IDM3YzYgNiAxMiA3IDIwIDQgOC00IDExLTkgMTEtMTd6Ii8+CjwvZm9udD48L2RlZnM+PC9zdmc+Cg==#slick) format("svg")
}

.slick-next,
.slick-prev {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	transform: translateY(-50%);
	cursor: pointer;
	border: none
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
	color: transparent;
	outline: none;
	background: transparent
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
	opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
	opacity: .25
}

.slick-next:before,
.slick-prev:before {
	font-family: slick;
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-prev {
	left: -25px
}

[dir=rtl] .slick-prev {
	right: -25px;
	left: auto
}

.slick-prev:before {
	content: "\2190"
}

[dir=rtl] .slick-prev:before {
	content: "\2192"
}

.slick-next {
	right: -25px
}

[dir=rtl] .slick-next {
	right: auto;
	left: -25px
}

.slick-next:before {
	content: "\2192"
}

[dir=rtl] .slick-next:before {
	content: "\2190"
}

.slick-dotted.slick-slider {
	margin-bottom: 30px
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center
}

.slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	padding: 0
}

.slick-dots li,
.slick-dots li button {
	width: 20px;
	height: 20px;
	cursor: pointer
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	padding: 5px;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent
}

.slick-dots li button:focus,
.slick-dots li button:hover {
	outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
	opacity: 1
}

.slick-dots li button:before {
	font-family: slick;
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: "\2022";
	text-align: center;
	opacity: .25;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
	opacity: .75;
	color: #000
}

.react-tel-input {
	font-family: Roboto, sans-serif;
	font-size: 15px;
	position: relative;
	width: 100%
}

.react-tel-input :disabled {
	cursor: not-allowed
}

.react-tel-input .flag {
	width: 25px;
	height: 20px;
	background-image: url(data:image/png;base64,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);
	background-repeat: no-repeat
}

.react-tel-input .ad {
	background-position: -48px -24px
}

.react-tel-input .ae {
	background-position: -72px -24px
}

.react-tel-input .af {
	background-position: -96px -24px
}

.react-tel-input .ag {
	background-position: -120px -24px
}

.react-tel-input .ai {
	background-position: -144px -24px
}

.react-tel-input .al {
	background-position: -168px -24px
}

.react-tel-input .am {
	background-position: -192px -24px
}

.react-tel-input .an {
	background-position: -216px -24px
}

.react-tel-input .ao {
	background-position: -240px -24px
}

.react-tel-input .aq {
	background-position: -264px -24px
}

.react-tel-input .ar {
	background-position: -288px -24px
}

.react-tel-input .as {
	background-position: -312px -24px
}

.react-tel-input .at {
	background-position: -336px -24px
}

.react-tel-input .au {
	background-position: -360px -24px
}

.react-tel-input .aw {
	background-position: -384px -24px
}

.react-tel-input .ax {
	background-position: 0 -48px
}

.react-tel-input .az {
	background-position: -24px -48px
}

.react-tel-input .ba {
	background-position: -48px -48px
}

.react-tel-input .bb {
	background-position: -72px -48px
}

.react-tel-input .bd {
	background-position: -96px -48px
}

.react-tel-input .be {
	background-position: -120px -48px
}

.react-tel-input .bf {
	background-position: -144px -48px
}

.react-tel-input .bg {
	background-position: -168px -48px
}

.react-tel-input .bh {
	background-position: -192px -48px
}

.react-tel-input .bi {
	background-position: -216px -48px
}

.react-tel-input .bj {
	background-position: -240px -48px
}

.react-tel-input .bl {
	background-position: -264px -48px
}

.react-tel-input .bm {
	background-position: -288px -48px
}

.react-tel-input .bn {
	background-position: -312px -48px
}

.react-tel-input .bo {
	background-position: -336px -48px
}

.react-tel-input .br {
	background-position: -360px -48px
}

.react-tel-input .bs {
	background-position: -384px -48px
}

.react-tel-input .bt {
	background-position: 0 -72px
}

.react-tel-input .bw {
	background-position: -24px -72px
}

.react-tel-input .by {
	background-position: -48px -72px
}

.react-tel-input .bz {
	background-position: -72px -72px
}

.react-tel-input .ca {
	background-position: -96px -72px
}

.react-tel-input .cc {
	background-position: -120px -72px
}

.react-tel-input .cd {
	background-position: -144px -72px
}

.react-tel-input .cf {
	background-position: -168px -72px
}

.react-tel-input .cg {
	background-position: -192px -72px
}

.react-tel-input .ch {
	background-position: -216px -72px
}

.react-tel-input .ci {
	background-position: -240px -72px
}

.react-tel-input .ck {
	background-position: -264px -72px
}

.react-tel-input .cl {
	background-position: -288px -72px
}

.react-tel-input .cm {
	background-position: -312px -72px
}

.react-tel-input .cn {
	background-position: -336px -72px
}

.react-tel-input .co {
	background-position: -360px -72px
}

.react-tel-input .cr {
	background-position: -384px -72px
}

.react-tel-input .cu {
	background-position: 0 -96px
}

.react-tel-input .cv {
	background-position: -24px -96px
}

.react-tel-input .cw {
	background-position: -48px -96px
}

.react-tel-input .cx {
	background-position: -72px -96px
}

.react-tel-input .cy {
	background-position: -96px -96px
}

.react-tel-input .cz {
	background-position: -120px -96px
}

.react-tel-input .de {
	background-position: -144px -96px
}

.react-tel-input .dj {
	background-position: -168px -96px
}

.react-tel-input .dk {
	background-position: -192px -96px
}

.react-tel-input .dm {
	background-position: -216px -96px
}

.react-tel-input .do {
	background-position: -240px -96px
}

.react-tel-input .dz {
	background-position: -264px -96px
}

.react-tel-input .ec {
	background-position: -288px -96px
}

.react-tel-input .ee {
	background-position: -312px -96px
}

.react-tel-input .eg {
	background-position: -336px -96px
}

.react-tel-input .eh {
	background-position: -360px -96px
}

.react-tel-input .er {
	background-position: -384px -96px
}

.react-tel-input .es {
	background-position: 0 -120px
}

.react-tel-input .et {
	background-position: -24px -120px
}

.react-tel-input .eu {
	background-position: -48px -120px
}

.react-tel-input .fi {
	background-position: -72px -120px
}

.react-tel-input .fj {
	background-position: -96px -120px
}

.react-tel-input .fk {
	background-position: -120px -120px
}

.react-tel-input .fm {
	background-position: -144px -120px
}

.react-tel-input .fo {
	background-position: -168px -120px
}

.react-tel-input .fr {
	background-position: -192px -120px
}

.react-tel-input .ga {
	background-position: -216px -120px
}

.react-tel-input .gb {
	background-position: -240px -120px
}

.react-tel-input .gd {
	background-position: -264px -120px
}

.react-tel-input .ge {
	background-position: -288px -120px
}

.react-tel-input .gg {
	background-position: -312px -120px
}

.react-tel-input .gh {
	background-position: -336px -120px
}

.react-tel-input .gi {
	background-position: -360px -120px
}

.react-tel-input .gl {
	background-position: -384px -120px
}

.react-tel-input .gm {
	background-position: 0 -144px
}

.react-tel-input .gn {
	background-position: -24px -144px
}

.react-tel-input .gq {
	background-position: -48px -144px
}

.react-tel-input .gr {
	background-position: -72px -144px
}

.react-tel-input .gs {
	background-position: -96px -144px
}

.react-tel-input .gt {
	background-position: -120px -144px
}

.react-tel-input .gu {
	background-position: -144px -144px
}

.react-tel-input .gw {
	background-position: -168px -144px
}

.react-tel-input .gy {
	background-position: -192px -144px
}

.react-tel-input .hk {
	background-position: -216px -144px
}

.react-tel-input .hn {
	background-position: -240px -144px
}

.react-tel-input .hr {
	background-position: -264px -144px
}

.react-tel-input .ht {
	background-position: -288px -144px
}

.react-tel-input .hu {
	background-position: -312px -144px
}

.react-tel-input .ic {
	background-position: -336px -144px
}

.react-tel-input .id {
	background-position: -360px -144px
}

.react-tel-input .ie {
	background-position: -384px -144px
}

.react-tel-input .il {
	background-position: 0 -168px
}

.react-tel-input .im {
	background-position: -24px -168px
}

.react-tel-input .in {
	background-position: -48px -168px
}

.react-tel-input .iq {
	background-position: -72px -168px
}

.react-tel-input .ir {
	background-position: -96px -168px
}

.react-tel-input .is {
	background-position: -120px -168px
}

.react-tel-input .it {
	background-position: -144px -168px
}

.react-tel-input .je {
	background-position: -168px -168px
}

.react-tel-input .jm {
	background-position: -192px -168px
}

.react-tel-input .jo {
	background-position: -216px -168px
}

.react-tel-input .jp {
	background-position: -240px -168px
}

.react-tel-input .ke {
	background-position: -264px -168px
}

.react-tel-input .kg {
	background-position: -288px -168px
}

.react-tel-input .kh {
	background-position: -312px -168px
}

.react-tel-input .ki {
	background-position: -336px -168px
}

.react-tel-input .km {
	background-position: -360px -168px
}

.react-tel-input .kn {
	background-position: -384px -168px
}

.react-tel-input .kp {
	background-position: 0 -192px
}

.react-tel-input .kr {
	background-position: -24px -192px
}

.react-tel-input .kw {
	background-position: -48px -192px
}

.react-tel-input .ky {
	background-position: -72px -192px
}

.react-tel-input .kz {
	background-position: -96px -192px
}

.react-tel-input .la {
	background-position: -120px -192px
}

.react-tel-input .lb {
	background-position: -144px -192px
}

.react-tel-input .lc {
	background-position: -168px -192px
}

.react-tel-input .li {
	background-position: -192px -192px
}

.react-tel-input .lk {
	background-position: -216px -192px
}

.react-tel-input .lr {
	background-position: -240px -192px
}

.react-tel-input .ls {
	background-position: -264px -192px
}

.react-tel-input .lt {
	background-position: -288px -192px
}

.react-tel-input .lu {
	background-position: -312px -192px
}

.react-tel-input .lv {
	background-position: -336px -192px
}

.react-tel-input .ly {
	background-position: -360px -192px
}

.react-tel-input .ma {
	background-position: -384px -192px
}

.react-tel-input .mc {
	background-position: 0 -216px
}

.react-tel-input .md {
	background-position: -24px -216px
}

.react-tel-input .me {
	background-position: -48px -216px
}

.react-tel-input .mf {
	background-position: -72px -216px
}

.react-tel-input .mg {
	background-position: -96px -216px
}

.react-tel-input .mh {
	background-position: -120px -216px
}

.react-tel-input .mk {
	background-position: -144px -216px
}

.react-tel-input .ml {
	background-position: -168px -216px
}

.react-tel-input .mm {
	background-position: -192px -216px
}

.react-tel-input .mn {
	background-position: -216px -216px
}

.react-tel-input .mo {
	background-position: -240px -216px
}

.react-tel-input .mp {
	background-position: -264px -216px
}

.react-tel-input .mq {
	background-position: -288px -216px
}

.react-tel-input .mr {
	background-position: -312px -216px
}

.react-tel-input .ms {
	background-position: -336px -216px
}

.react-tel-input .mt {
	background-position: -360px -216px
}

.react-tel-input .mu {
	background-position: -384px -216px
}

.react-tel-input .mv {
	background-position: 0 -240px
}

.react-tel-input .mw {
	background-position: -24px -240px
}

.react-tel-input .mx {
	background-position: -48px -240px
}

.react-tel-input .my {
	background-position: -72px -240px
}

.react-tel-input .mz {
	background-position: -96px -240px
}

.react-tel-input .na {
	background-position: -120px -240px
}

.react-tel-input .nc {
	background-position: -144px -240px
}

.react-tel-input .ne {
	background-position: -168px -240px
}

.react-tel-input .nf {
	background-position: -192px -240px
}

.react-tel-input .ng {
	background-position: -216px -240px
}

.react-tel-input .ni {
	background-position: -240px -240px
}

.react-tel-input .nl {
	background-position: -264px -240px
}

.react-tel-input .no {
	background-position: -288px -240px
}

.react-tel-input .np {
	background-position: -312px -240px
}

.react-tel-input .nr {
	background-position: -336px -240px
}

.react-tel-input .nu {
	background-position: -360px -240px
}

.react-tel-input .nz {
	background-position: -384px -240px
}

.react-tel-input .om {
	background-position: 0 -264px
}

.react-tel-input .pa {
	background-position: -24px -264px
}

.react-tel-input .pe {
	background-position: -48px -264px
}

.react-tel-input .pf {
	background-position: -72px -264px
}

.react-tel-input .pg {
	background-position: -96px -264px
}

.react-tel-input .ph {
	background-position: -120px -264px
}

.react-tel-input .pk {
	background-position: -192px -264px
}

.react-tel-input .pl {
	background-position: -216px -264px
}

.react-tel-input .pn {
	background-position: -240px -264px
}

.react-tel-input .pr {
	background-position: -264px -264px
}

.react-tel-input .ps {
	background-position: -288px -264px
}

.react-tel-input .pt {
	background-position: -312px -264px
}

.react-tel-input .pw {
	background-position: -336px -264px
}

.react-tel-input .py {
	background-position: -360px -264px
}

.react-tel-input .qa {
	background-position: -384px -264px
}

.react-tel-input .ro {
	background-position: 0 -288px
}

.react-tel-input .rs {
	background-position: -24px -288px
}

.react-tel-input .ru {
	background-position: -48px -288px
}

.react-tel-input .rw {
	background-position: -72px -288px
}

.react-tel-input .sa {
	background-position: -96px -288px
}

.react-tel-input .sb {
	background-position: -120px -288px
}

.react-tel-input .sc {
	background-position: -144px -288px
}

.react-tel-input .sd {
	background-position: -168px -288px
}

.react-tel-input .se {
	background-position: -192px -288px
}

.react-tel-input .sg {
	background-position: -216px -288px
}

.react-tel-input .sh {
	background-position: -240px -288px
}

.react-tel-input .si {
	background-position: -264px -288px
}

.react-tel-input .sk {
	background-position: -288px -288px
}

.react-tel-input .sl {
	background-position: -312px -288px
}

.react-tel-input .sm {
	background-position: -336px -288px
}

.react-tel-input .sn {
	background-position: -360px -288px
}

.react-tel-input .so {
	background-position: -384px -288px
}

.react-tel-input .sr {
	background-position: 0 -312px
}

.react-tel-input .ss {
	background-position: -24px -312px
}

.react-tel-input .st {
	background-position: -48px -312px
}

.react-tel-input .sv {
	background-position: -72px -312px
}

.react-tel-input .sy {
	background-position: -96px -312px
}

.react-tel-input .sz {
	background-position: -120px -312px
}

.react-tel-input .tc {
	background-position: -144px -312px
}

.react-tel-input .td {
	background-position: -168px -312px
}

.react-tel-input .tf {
	background-position: -192px -312px
}

.react-tel-input .tg {
	background-position: -216px -312px
}

.react-tel-input .th {
	background-position: -240px -312px
}

.react-tel-input .tj {
	background-position: -264px -312px
}

.react-tel-input .tk {
	background-position: -288px -312px
}

.react-tel-input .tl {
	background-position: -312px -312px
}

.react-tel-input .tm {
	background-position: -336px -312px
}

.react-tel-input .tn {
	background-position: -360px -312px
}

.react-tel-input .to {
	background-position: -384px -312px
}

.react-tel-input .tr {
	background-position: 0 -336px
}

.react-tel-input .tt {
	background-position: -24px -336px
}

.react-tel-input .tv {
	background-position: -48px -336px
}

.react-tel-input .tw {
	background-position: -72px -336px
}

.react-tel-input .tz {
	background-position: -96px -336px
}

.react-tel-input .ua {
	background-position: -120px -336px
}

.react-tel-input .ug {
	background-position: -144px -336px
}

.react-tel-input .us {
	background-position: -168px -336px
}

.react-tel-input .uy {
	background-position: -192px -336px
}

.react-tel-input .uz {
	background-position: -216px -336px
}

.react-tel-input .va {
	background-position: -240px -336px
}

.react-tel-input .vc {
	background-position: -264px -336px
}

.react-tel-input .ve {
	background-position: -288px -336px
}

.react-tel-input .vg {
	background-position: -312px -336px
}

.react-tel-input .vi {
	background-position: -336px -336px
}

.react-tel-input .vn {
	background-position: -360px -336px
}

.react-tel-input .vu {
	background-position: -384px -336px
}

.react-tel-input .wf {
	background-position: 0 -360px
}

.react-tel-input .ws {
	background-position: -24px -360px
}

.react-tel-input .ye {
	background-position: -48px -360px
}

.react-tel-input .za {
	background-position: -96px -360px
}

.react-tel-input .zm {
	background-position: -120px -360px
}

.react-tel-input .zw {
	background-position: -144px -360px
}

.react-tel-input * {
	box-sizing: border-box;
	-moz-box-sizing: border-box
}

.react-tel-input .hide {
	display: none
}

.react-tel-input .v-hide {
	visibility: hidden
}

.react-tel-input .form-control {
	font-size: 16px;
	background: #fff;
	border: 1px solid #cacaca;
	border-radius: 5px;
	width: 300px;
	outline: none;
	padding: 18.5px 14px 18.5px 60px;
	transition: box-shadow .25s ease, border-color .25s ease;
	color: #495057
}

.react-tel-input .form-control:focus {
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.react-tel-input .form-control:focus.invalid-number {
	box-shadow: 0 0 0 .2rem rgba(222, 0, 0, .25)
}

.react-tel-input .form-control.invalid-number {
	border: 1px solid #f44336
}

.react-tel-input .flag-dropdown {
	position: absolute;
	top: 0;
	bottom: 0;
	padding: 0;
	border-radius: 3px 0 0 3px
}

.react-tel-input .flag-dropdown:focus,
.react-tel-input .flag-dropdown:hover {
	cursor: pointer
}

.react-tel-input .flag-dropdown.open {
	z-index: 2
}

.react-tel-input input[disabled]+.flag-dropdown:hover {
	cursor: default
}

.react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag {
	background-color: transparent
}

.react-tel-input .selected-flag {
	outline: none;
	position: relative;
	width: 52px;
	height: 100%;
	padding: 0 0 0 11px;
	border-radius: 3px 0 0 3px
}

.react-tel-input .selected-flag:before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	bottom: 2px;
	left: 0;
	width: 100%;
	border-radius: 4px 2px 2px 4px;
	border: 1px solid transparent;
	transition: box-shadow .25s ease, border-color .25s ease
}

.react-tel-input .selected-flag.open:before,
.react-tel-input .selected-flag:focus:before {
	border-color: #80bdff;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.react-tel-input .selected-flag .flag {
	position: absolute;
	top: 50%;
	margin-top: -12px
}

.react-tel-input .selected-flag .arrow {
	position: relative;
	top: 50%;
	margin-top: -1px;
	left: 29px;
	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 4px solid #555
}

.react-tel-input .selected-flag .arrow.up {
	border-top: none;
	border-bottom: 4px solid #555
}

.react-tel-input .country-list {
	outline: none;
	z-index: 1;
	list-style: none;
	position: absolute;
	padding: 0;
	margin: 10px 0 10px -1px;
	box-shadow: 1px 2px 18px rgba(0, 0, 0, .25);
	background-color: #fff;
	width: 300px;
	max-height: 220px;
	overflow-y: scroll;
	border-radius: 7px
}

.react-tel-input .country-list .flag {
	display: inline-block;
	position: absolute;
	left: 13px;
	top: 8px
}

.react-tel-input .country-list .divider {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc
}

.react-tel-input .country-list .country {
	position: relative;
	padding: 12px 9px 13px 46px
}

.react-tel-input .country-list .country .dial-code {
	color: #6b6b6b
}

.react-tel-input .country-list .country.highlight,
.react-tel-input .country-list .country:hover {
	background-color: #f1f1f1
}

.react-tel-input .country-list .flag {
	margin-right: 7px;
	margin-top: 2px
}

.react-tel-input .country-list .country-name {
	margin-right: 6px
}

.react-tel-input .country-list .search {
	z-index: 2;
	position: sticky;
	top: 0;
	background-color: #fff;
	padding: 10px 0 6px 10px
}

.react-tel-input .country-list .search-emoji {
	display: none;
	font-size: 15px
}

.react-tel-input .country-list .search-box {
	border: 1px solid #cacaca;
	border-radius: 3px;
	font-size: 15px;
	line-height: 15px;
	margin-left: 6px;
	padding: 3px 8px 5px;
	outline: none
}

.react-tel-input .country-list .no-entries-message {
	padding: 7px 10px 11px;
	opacity: .7
}

.react-tel-input .invalid-number-message {
	color: #de0000
}

.react-tel-input .invalid-number-message,
.react-tel-input .special-label {
	position: absolute;
	z-index: 1;
	font-size: 13px;
	left: 25px;
	top: -7px;
	background: #fff;
	padding: 0 5px
}

.react-tel-input .special-label {
	display: none;
	white-space: nowrap
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button>.vjs-icon-placeholder:before {
	text-align: center
}

@font-face {
	font-family: VideoJS;
	src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
	content: "\F101"
}

.vjs-icon-play-circle {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-play-circle:before {
	content: "\F102"
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
	content: "\F103"
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
	content: "\F104"
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
	content: "\F105"
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
	content: "\F106"
}

.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
	content: "\F107"
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
	content: "\F108"
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
	content: "\F109"
}

.vjs-icon-square {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-square:before {
	content: "\F10A"
}

.vjs-icon-spinner {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-spinner:before {
	content: "\F10B"
}

.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.vjs-icon-subtitles {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
	content: "\F10C"
}

.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
	content: "\F10D"
}

.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
	content: "\F10E"
}

.vjs-icon-share {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-share:before {
	content: "\F10F"
}

.vjs-icon-cog {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-cog:before {
	content: "\F110"
}

.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
	content: "\F111"
}

.vjs-icon-circle-outline {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-circle-outline:before {
	content: "\F112"
}

.vjs-icon-circle-inner-circle {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-circle-inner-circle:before {
	content: "\F113"
}

.vjs-icon-hd {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-hd:before {
	content: "\F114"
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
	content: "\F115"
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
	content: "\F116"
}

.vjs-icon-facebook {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-facebook:before {
	content: "\F117"
}

.vjs-icon-gplus {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-gplus:before {
	content: "\F118"
}

.vjs-icon-linkedin {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-linkedin:before {
	content: "\F119"
}

.vjs-icon-twitter {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-twitter:before {
	content: "\F11A"
}

.vjs-icon-tumblr {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-tumblr:before {
	content: "\F11B"
}

.vjs-icon-pinterest {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-pinterest:before {
	content: "\F11C"
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
	content: "\F11D"
}

.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
	content: "\F11E"
}

.vjs-icon-next-item {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-next-item:before {
	content: "\F11F"
}

.vjs-icon-previous-item {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-previous-item:before {
	content: "\F120"
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-enter {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-enter:before {
	content: "\F121"
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-exit {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-exit:before {
	content: "\F122"
}

.video-js {
	display: block;
	vertical-align: top;
	box-sizing: border-box;
	color: #fff;
	background-color: #000;
	position: relative;
	padding: 0;
	font-size: 10px;
	line-height: 1;
	font-weight: 400;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	word-break: normal
}

.video-js:-moz-full-screen {
	position: absolute
}

.video-js:-webkit-full-screen {
	width: 100%!important;
	height: 100%!important
}

.video-js[tabindex="-1"] {
	outline: none
}

.video-js *,
.video-js :after,
.video-js :before {
	box-sizing: inherit
}

.video-js ul {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	list-style-position: outside;
	margin: 0
}

.video-js.vjs-4-3,
.video-js.vjs-16-9,
.video-js.vjs-fluid {
	width: 100%;
	max-width: 100%;
	height: 0
}

.video-js.vjs-16-9 {
	padding-top: 56.25%
}

.video-js.vjs-4-3 {
	padding-top: 75%
}

.video-js.vjs-fill,
.video-js .vjs-tech {
	width: 100%;
	height: 100%
}

.video-js .vjs-tech {
	position: absolute;
	top: 0;
	left: 0
}

body.vjs-full-window {
	padding: 0;
	margin: 0;
	height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen {
	position: fixed;
	overflow: hidden;
	z-index: 1000;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
	width: 100%!important;
	height: 100%!important;
	padding-top: 0!important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
	cursor: none
}

.vjs-hidden {
	display: none!important
}

.vjs-disabled {
	opacity: .5;
	cursor: default
}

.video-js .vjs-offscreen {
	height: 1px;
	left: -9999px;
	position: absolute;
	top: 0;
	width: 1px
}

.vjs-lock-showing {
	display: block!important;
	opacity: 1;
	visibility: visible
}

.vjs-no-js {
	padding: 20px;
	color: #fff;
	background-color: #000;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	width: 300px;
	height: 150px;
	margin: 0 auto
}

.vjs-no-js a,
.vjs-no-js a:visited {
	color: #66a8cc
}

.video-js .vjs-big-play-button {
	font-size: 3em;
	line-height: 1.5em;
	height: 1.63332em;
	width: 3em;
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 0;
	cursor: pointer;
	opacity: 1;
	border: .06666em solid #fff;
	background-color: #2b333f;
	background-color: rgba(43, 51, 63, .7);
	border-radius: .3em;
	transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
	top: 50%;
	left: 50%;
	margin-top: -.81666em;
	margin-left: -1.5em
}

.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
	border-color: #fff;
	background-color: #73859f;
	background-color: rgba(115, 133, 159, .5);
	transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
	display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
	display: block
}

.video-js button {
	background: none;
	border: none;
	color: inherit;
	display: inline-block;
	font-size: inherit;
	line-height: inherit;
	text-transform: none;
	text-decoration: none;
	transition: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.vjs-control .vjs-button {
	width: 100%;
	height: 100%
}

.video-js .vjs-control.vjs-close-button {
	cursor: pointer;
	height: 3em;
	position: absolute;
	right: 0;
	top: .5em;
	z-index: 2
}

.video-js .vjs-modal-dialog {
	background: rgba(0, 0, 0, .8);
	background: linear-gradient(180deg, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0));
	overflow: auto
}

.video-js .vjs-modal-dialog>* {
	box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
	font-size: 1.2em;
	line-height: 1.5;
	padding: 20px 24px;
	z-index: 1
}

.vjs-menu-button {
	cursor: pointer
}

.vjs-menu-button.vjs-disabled {
	cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
	display: none
}

.vjs-menu .vjs-menu-content {
	display: block;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	overflow: auto
}

.vjs-menu .vjs-menu-content>* {
	box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
	display: none
}

.vjs-menu li {
	list-style: none;
	margin: 0;
	padding: .2em 0;
	line-height: 1.4em;
	font-size: 1.2em;
	text-align: center;
	text-transform: lowercase
}

.js-focus-visible .vjs-menu li.vjs-menu-item:hover,
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
	background-color: #73859f;
	background-color: rgba(115, 133, 159, .5)
}

.js-focus-visible .vjs-menu li.vjs-selected:hover,
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
	background-color: #fff;
	color: #2b333f
}

.vjs-menu li.vjs-menu-title {
	text-align: center;
	text-transform: uppercase;
	font-size: 1em;
	line-height: 2em;
	padding: 0;
	margin: 0 0 .3em;
	font-weight: 700;
	cursor: default
}

.vjs-menu-button-popup .vjs-menu {
	display: none;
	position: absolute;
	bottom: 0;
	width: 10em;
	left: -3em;
	height: 0;
	margin-bottom: 1.5em;
	border-top-color: rgba(43, 51, 63, .7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
	background-color: #2b333f;
	background-color: rgba(43, 51, 63, .7);
	position: absolute;
	width: 100%;
	bottom: 1.5em;
	max-height: 15em
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
	max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
	max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
	max-height: 14em
}

.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
	max-height: 25em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
	display: block
}

.video-js .vjs-menu-button-inline {
	transition: all .4s;
	overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
	width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
	width: 12em
}

.vjs-menu-button-inline .vjs-menu {
	opacity: 0;
	height: 100%;
	width: auto;
	position: absolute;
	left: 4em;
	top: 0;
	padding: 0;
	margin: 0;
	transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
	display: block;
	opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
	display: block;
	opacity: 1;
	position: relative;
	width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
	width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
	width: auto;
	height: 100%;
	margin: 0;
	overflow: hidden
}

.video-js .vjs-control-bar {
	display: none;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3em;
	background-color: #2b333f;
	background-color: rgba(43, 51, 63, .7)
}

.vjs-has-started .vjs-control-bar {
	display: -ms-flexbox;
	display: flex;
	visibility: visible;
	opacity: 1;
	transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
	visibility: visible;
	opacity: 0;
	transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
	display: none!important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
	opacity: 1;
	visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
	display: table
}

.video-js .vjs-control {
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 4em;
	-ms-flex: none;
	flex: none
}

.vjs-button>.vjs-icon-placeholder:before {
	font-size: 1.8em;
	line-height: 1.67
}

.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
	text-shadow: 0 0 1em #fff
}

.video-js .vjs-control-text {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.vjs-no-flex .vjs-control {
	display: table-cell;
	vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
	display: none
}

.video-js .vjs-progress-control {
	cursor: pointer;
	-ms-flex: auto;
	flex: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	min-width: 4em;
	-ms-touch-action: none;
	touch-action: none
}

.video-js .vjs-progress-control.disabled {
	cursor: default
}

.vjs-live .vjs-progress-control {
	display: none
}

.vjs-liveui .vjs-progress-control {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.vjs-no-flex .vjs-progress-control {
	width: auto
}

.video-js .vjs-progress-holder {
	-ms-flex: auto;
	flex: auto;
	transition: all .2s;
	height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
	margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
	font-size: 1.6666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
	font-size: 1em
}

.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
	position: absolute;
	display: block;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 0
}

.video-js .vjs-play-progress {
	background-color: #fff
}

.video-js .vjs-play-progress:before {
	font-size: .9em;
	position: absolute;
	right: -.5em;
	top: -.3333333333em;
	z-index: 1
}

.video-js .vjs-load-progress {
	background: rgba(115, 133, 159, .5)
}

.video-js .vjs-load-progress div {
	background: rgba(115, 133, 159, .75)
}

.video-js .vjs-time-tooltip {
	background-color: #fff;
	background-color: hsla(0, 0%, 100%, .8);
	border-radius: .3em;
	color: #000;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 6px 8px 8px;
	pointer-events: none;
	position: absolute;
	top: -3.4em;
	visibility: hidden;
	z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
	display: none
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
	display: block;
	font-size: .6em;
	visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
	font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
	display: none;
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #000;
	z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
	z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
	display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
	visibility: hidden;
	opacity: 0;
	transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
	display: none
}

.vjs-mouse-display .vjs-time-tooltip {
	color: #fff;
	background-color: #000;
	background-color: rgba(0, 0, 0, .8)
}

.video-js .vjs-slider {
	position: relative;
	cursor: pointer;
	padding: 0;
	margin: 0 .45em;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #73859f;
	background-color: rgba(115, 133, 159, .5)
}

.video-js .vjs-slider.disabled {
	cursor: default
}

.video-js .vjs-slider:focus {
	text-shadow: 0 0 1em #fff;
	box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control {
	cursor: pointer;
	-ms-flex: none;
	flex: none
}

.video-js .vjs-volume-control {
	cursor: pointer;
	margin-right: 1em;
	display: -ms-flexbox;
	display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
	width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
	visibility: visible;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin-left: -1px
}

.video-js .vjs-volume-panel {
	transition: width 1s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control {
	visibility: visible;
	opacity: 1;
	position: relative;
	transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
	width: 5em;
	height: 3em;
	margin-right: 0
}

.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
	left: -3.5em;
	transition: left 0s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
	width: 10em;
	transition: width .1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
	width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
	height: 8em;
	width: 3em;
	left: -3000em;
	transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
	transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
	width: 5em;
	height: 3em;
	visibility: visible;
	opacity: 1;
	position: relative;
	transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
	position: absolute;
	bottom: 3em;
	left: .5em
}

.video-js .vjs-volume-panel {
	display: -ms-flexbox;
	display: flex
}

.video-js .vjs-volume-bar {
	margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
	width: 5em;
	height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
	width: .3em;
	height: 5em;
	margin: 1.35em auto
}

.video-js .vjs-volume-level {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #fff
}

.video-js .vjs-volume-level:before {
	position: absolute;
	font-size: .9em
}

.vjs-slider-vertical .vjs-volume-level {
	width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
	top: -.5em;
	left: -.3em
}

.vjs-slider-horizontal .vjs-volume-level {
	height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
	top: -.3em;
	right: -.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
	width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
	height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
	width: 100%
}

.video-js .vjs-volume-vertical {
	width: 3em;
	height: 8em;
	bottom: 8em;
	background-color: #2b333f;
	background-color: rgba(43, 51, 63, .7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
	left: -2em
}

.vjs-poster {
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	background-color: #000;
	cursor: pointer;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%
}

.vjs-has-started .vjs-poster {
	display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
	display: block
}

.vjs-using-native-controls .vjs-poster {
	display: none
}

.video-js .vjs-live-control {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex: auto;
	flex: auto;
	font-size: 1em;
	line-height: 3em
}

.vjs-no-flex .vjs-live-control {
	display: table-cell;
	width: auto;
	text-align: left
}

.video-js.vjs-liveui .vjs-live-control,
.video-js:not(.vjs-live) .vjs-live-control {
	display: none
}

.video-js .vjs-seek-to-live-control {
	cursor: pointer;
	-ms-flex: none;
	flex: none;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 100%;
	padding-left: .5em;
	padding-right: .5em;
	font-size: 1em;
	line-height: 3em;
	width: auto;
	min-width: 4em
}

.vjs-no-flex .vjs-seek-to-live-control {
	display: table-cell;
	width: auto;
	text-align: left
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
	display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
	cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
	margin-right: .5em;
	color: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
	color: red
}

.video-js .vjs-time-control {
	-ms-flex: none;
	flex: none;
	font-size: 1em;
	line-height: 3em;
	min-width: 2em;
	width: auto;
	padding-left: 1em;
	padding-right: 1em
}

.video-js .vjs-current-time,
.video-js .vjs-duration,
.vjs-live .vjs-time-control,
.vjs-no-flex .vjs-current-time,
.vjs-no-flex .vjs-duration {
	display: none
}

.vjs-time-divider {
	display: none;
	line-height: 3em
}

.vjs-live .vjs-time-divider {
	display: none
}

.video-js .vjs-play-control {
	cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
	-ms-flex: none;
	flex: none
}

.vjs-text-track-display {
	position: absolute;
	bottom: 3em;
	left: 0;
	right: 0;
	top: 0;
	pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
	bottom: 1em
}

.video-js .vjs-text-track {
	font-size: 1.4em;
	text-align: center;
	margin-bottom: .1em
}

.vjs-subtitles {
	color: #fff
}

.vjs-captions {
	color: #fc6
}

.vjs-tt-cue {
	display: block
}

video::-webkit-media-text-track-display {
	transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
	transform: translateY(-1.5em)
}

.video-js .vjs-fullscreen-control,
.video-js .vjs-picture-in-picture-control {
	cursor: pointer;
	-ms-flex: none;
	flex: none
}

.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate>.vjs-menu-button {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
	pointer-events: none;
	font-size: 1.5em;
	line-height: 2;
	text-align: center
}

.vjs-playback-rate .vjs-menu {
	width: 4em;
	left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
	font-size: 1.4em;
	text-align: center
}

.vjs-error .vjs-error-display:before {
	color: #fff;
	content: "X";
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4em;
	left: 0;
	line-height: 1;
	margin-top: -.5em;
	position: absolute;
	text-shadow: .05em .05em .1em #000;
	text-align: center;
	top: 50%;
	vertical-align: middle;
	width: 100%
}

.vjs-loading-spinner {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	opacity: .85;
	text-align: left;
	border: 6px solid rgba(43, 51, 63, .7);
	box-sizing: border-box;
	background-clip: padding-box;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	visibility: hidden
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
	display: block;
	animation: vjs-spinner-show 0s linear .3s forwards
}

.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
	content: "";
	position: absolute;
	margin: -6px;
	box-sizing: inherit;
	width: inherit;
	height: inherit;
	border-radius: inherit;
	opacity: 1;
	border: inherit;
	border-color: transparent;
	border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
	animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
	border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
	border-top-color: #fff;
	animation-delay: .44s
}

@keyframes vjs-spinner-show {
	to {
		visibility: visible
	}
}

@keyframes vjs-spinner-spin {
	to {
		transform: rotate(1turn)
	}
}

@keyframes vjs-spinner-fade {
	0% {
		border-top-color: #73859f
	}
	20% {
		border-top-color: #73859f
	}
	35% {
		border-top-color: #fff
	}
	60% {
		border-top-color: #73859f
	}
	to {
		border-top-color: #73859f
	}
}

.vjs-chapters-button .vjs-menu ul {
	width: 24em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
	vertical-align: middle;
	display: inline-block;
	margin-bottom: -.1em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
	font-family: VideoJS;
	content: "\F10D";
	font-size: 1.5em;
	line-height: inherit
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
	vertical-align: middle;
	display: inline-block;
	margin-bottom: -.1em
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
	font-family: VideoJS;
	content: " \F11D";
	font-size: 1.5em;
	line-height: inherit
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control {
	display: none
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
	width: auto
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button {
	display: none
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer {
	-ms-flex: auto;
	flex: auto;
	display: block
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer {
	width: auto
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control {
	display: none
}

.vjs-modal-dialog.vjs-text-track-settings {
	background-color: #2b333f;
	background-color: rgba(43, 51, 63, .75);
	color: #fff;
	height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
	display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
	display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
	text-align: right;
	vertical-align: bottom
}

@supports (display:grid) {
	.vjs-text-track-settings .vjs-modal-dialog-content {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-rows: 1fr;
		grid-template-rows: 1fr;
		padding: 20px 24px 0
	}
	.vjs-track-settings-controls .vjs-default-button {
		margin-bottom: 20px
	}
	.vjs-text-track-settings .vjs-track-settings-controls {
		grid-column: 1/-1
	}
	.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
	.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,
	.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr
	}
}

.vjs-track-setting>select {
	margin-right: 1em;
	margin-bottom: .5em
}

.vjs-text-track-settings fieldset {
	margin: 5px;
	padding: 3px;
	border: none
}

.vjs-text-track-settings fieldset span {
	display: inline-block
}

.vjs-text-track-settings fieldset span>select {
	max-width: 7.3em
}

.vjs-text-track-settings legend {
	color: #fff;
	margin: 0 0 5px
}

.vjs-text-track-settings .vjs-label {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	display: block;
	margin: 0 0 5px;
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden
}

.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
	outline-style: solid;
	outline-width: medium;
	background-image: linear-gradient(0deg, #fff 88%, #73859f)
}

.vjs-track-settings-controls button:hover {
	color: rgba(43, 51, 63, .75)
}

.vjs-track-settings-controls button {
	background-color: #fff;
	background-image: linear-gradient(-180deg, #fff 88%, #73859f);
	color: #2b333f;
	cursor: pointer;
	border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
	margin-right: 1em
}

@media print {
	.video-js>:not(.vjs-tech):not(.vjs-poster) {
		visibility: hidden
	}
}

.vjs-resize-manager {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	z-index: -1000
}

.js-focus-visible .video-js :focus:not(.focus-visible),
.video-js .vjs-menu :focus:not(:focus-visible),
.video-js :focus:not(:focus-visible) {
	outline: none;
	background: none
}

.vjs-resolution-button {
	color: #ccc;
	font-family: VideoJS
}

.vjs-resolution-button .vjs-resolution-button-staticlabel:before {
	content: "\F110";
	font-size: 1.8em;
	line-height: 1.67
}

.vjs-resolution-button .vjs-resolution-button-label {
	font-size: 1em;
	line-height: 3em;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	box-sizing: inherit;
	font-family: Arial, Helvetica, sans-serif
}

.vjs-resolution-button ul.vjs-menu-content {
	width: 4em!important
}

.vjs-resolution-button .vjs-menu {
	left: 0
}

.vjs-resolution-button .vjs-menu li {
	text-transform: none;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif
}

@keyframes mdc-ripple-fg-radius-in {
	0% {
		animation-timing-function: cubic-bezier(.4, 0, .2, 1);
		transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)
	}
	to {
		transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
	}
}

@keyframes mdc-ripple-fg-opacity-in {
	0% {
		animation-timing-function: linear;
		opacity: 0
	}
	to {
		opacity: var(--mdc-ripple-fg-opacity, 0)
	}
}

@keyframes mdc-ripple-fg-opacity-out {
	0% {
		animation-timing-function: linear;
		opacity: var(--mdc-ripple-fg-opacity, 0)
	}
	to {
		opacity: 0
	}
}

.mdc-ripple-surface--test-edge-var-bug {
	--mdc-ripple-surface-test-edge-var: 1px solid #000;
	visibility: hidden
}

.mdc-ripple-surface--test-edge-var-bug:before {
	border: var(--mdc-ripple-surface-test-edge-var)
}

.mdc-button {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size: .875rem;
	line-height: 2.25rem;
	font-weight: 500;
	color: inherit;
	text-decoration: none;
	--mdc-ripple-fg-size: 0;
	--mdc-ripple-left: 0;
	--mdc-ripple-top: 0;
	--mdc-ripple-fg-scale: 1;
	--mdc-ripple-fg-translate-end: 0;
	--mdc-ripple-fg-translate-start: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	will-change: transform, opacity;
	padding: 0 8px;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	box-sizing: border-box;
	border: none;
	outline: none;
	line-height: inherit;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-appearance: none;
	overflow: hidden;
	vertical-align: middle;
	border-radius: 4px
}

.mdc-button:after,
.mdc-button:before {
	position: absolute;
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	content: ""
}

.mdc-button:before {
	transition: opacity 15ms linear, background-color 15ms linear;
	z-index: 1
}

.mdc-button.mdc-ripple-upgraded:after {
	top: 0;
	left: 0;
	transform: scale(0);
	transform-origin: center center
}

.mdc-button.mdc-ripple-upgraded--unbounded:after {
	top: var(--mdc-ripple-top, 0);
	left: var(--mdc-ripple-left, 0)
}

.mdc-button.mdc-ripple-upgraded--foreground-activation:after {
	animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards
}

.mdc-button.mdc-ripple-upgraded--foreground-deactivation:after {
	animation: .15s mdc-ripple-fg-opacity-out;
	transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-button.mdc-ripple-upgraded:after {
	width: var(--mdc-ripple-fg-size, 100%);
	height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.mdc-button:active {
	outline: none
}

.mdc-button:hover {
	color: inherit;
	cursor: pointer
}

.mdc-button:disabled {
	background-color: transparent;
	color: rgba(0, 0, 0, .37);
	cursor: default;
	pointer-events: none
}

.mdc-button.mdc-button--dense {
	border-radius: 4px
}

.mdc-button:not(:disabled) {
	background-color: transparent
}

.mdc-button:after,
.mdc-button:before {
	background-color: #fff
}

@supports not (-ms-ime-align:auto) {
	.mdc-button:after,
	.mdc-button:before {
		background-color: var(--mdc-theme-primary, #fff)
	}
}

.mdc-button:hover:before {
	opacity: .04
}

.mdc-button.mdc-ripple-upgraded--background-focused:before,
.mdc-button:not(.mdc-ripple-upgraded):focus:before {
	transition-duration: 75ms;
	opacity: .12
}

.mdc-button:not(.mdc-ripple-upgraded):after {
	transition: opacity .15s linear
}

.mdc-button:not(.mdc-ripple-upgraded):active:after {
	transition-duration: 75ms;
	opacity: .16
}

.mdc-button.mdc-ripple-upgraded {
	--mdc-ripple-fg-opacity: 0.16
}

.mdc-button .mdc-button__icon {
	margin-left: 0;
	margin-right: 8px;
	display: inline-block;
	width: 18px;
	height: 18px;
	font-size: 18px;
	vertical-align: top
}

.mdc-button .mdc-button__icon[dir=rtl],
[dir=rtl] .mdc-button .mdc-button__icon {
	margin-left: 8px;
	margin-right: 0
}

.mdc-button svg.mdc-button__icon {
	fill: currentColor
}

.mdc-button--outlined .mdc-button__icon,
.mdc-button--raised .mdc-button__icon,
.mdc-button--unelevated .mdc-button__icon {
	margin-left: -4px;
	margin-right: 8px
}

.mdc-button--outlined .mdc-button__icon[dir=rtl],
.mdc-button--raised .mdc-button__icon[dir=rtl],
.mdc-button--unelevated .mdc-button__icon[dir=rtl],
[dir=rtl] .mdc-button--outlined .mdc-button__icon,
[dir=rtl] .mdc-button--raised .mdc-button__icon,
[dir=rtl] .mdc-button--unelevated .mdc-button__icon {
	margin-left: 8px;
	margin-right: -4px
}

.mdc-button--raised,
.mdc-button--unelevated {
	padding: 0 16px
}

.mdc-button--raised:disabled,
.mdc-button--unelevated:disabled {
	background-color: rgba(0, 0, 0, .12);
	color: rgba(0, 0, 0, .37)
}

.mdc-button--raised:not(:disabled),
.mdc-button--unelevated:not(:disabled) {
	background-color: #6200ee
}

@supports not (-ms-ime-align:auto) {
	.mdc-button--raised:not(:disabled),
	.mdc-button--unelevated:not(:disabled) {
		background-color: var(--mdc-theme-primary, #6200ee)
	}
}

.mdc-button--raised:not(:disabled),
.mdc-button--unelevated:not(:disabled) {
	color: #fff;
	color: var(--mdc-theme-on-primary, #fff)
}

.mdc-button--raised:after,
.mdc-button--raised:before,
.mdc-button--unelevated:after,
.mdc-button--unelevated:before {
	background-color: #fff
}

@supports not (-ms-ime-align:auto) {
	.mdc-button--raised:after,
	.mdc-button--raised:before,
	.mdc-button--unelevated:after,
	.mdc-button--unelevated:before {
		background-color: var(--mdc-theme-on-primary, #fff)
	}
}

.mdc-button--raised:hover:before,
.mdc-button--unelevated:hover:before {
	opacity: .08
}

.mdc-button--raised.mdc-ripple-upgraded--background-focused:before,
.mdc-button--raised:not(.mdc-ripple-upgraded):focus:before,
.mdc-button--unelevated.mdc-ripple-upgraded--background-focused:before,
.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus:before {
	transition-duration: 75ms;
	opacity: .24
}

.mdc-button--raised:not(.mdc-ripple-upgraded):after,
.mdc-button--unelevated:not(.mdc-ripple-upgraded):after {
	transition: opacity .15s linear
}

.mdc-button--raised:not(.mdc-ripple-upgraded):active:after,
.mdc-button--unelevated:not(.mdc-ripple-upgraded):active:after {
	transition-duration: 75ms;
	opacity: .32
}

.mdc-button--raised.mdc-ripple-upgraded,
.mdc-button--unelevated.mdc-ripple-upgraded {
	--mdc-ripple-fg-opacity: 0.32
}

.mdc-button--raised {
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
	transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1)
}

.mdc-button--raised:focus,
.mdc-button--raised:hover {
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mdc-button--raised:active {
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.mdc-button--raised:disabled {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mdc-button--outlined {
	border-style: solid;
	padding: 0 14px;
	border-width: 2px
}

.mdc-button--outlined:disabled {
	border-color: rgba(0, 0, 0, .37)
}

.mdc-button--outlined:not(:disabled) {
	border-color: #6200ee;
	border-color: var(--mdc-theme-primary, #6200ee)
}

.mdc-button--dense {
	height: 32px;
	font-size: .8125rem
}

:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
:after,
:before {
	box-sizing: border-box
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@-ms-viewport {
	width: device-width
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	background-color: #fff
}

[tabindex="-1"]:focus {
	outline: 0!important
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: .5rem
}

p {
	margin-top: 0;
	margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
	text-decoration: underline;
	text-decoration: underline dotted;
	cursor: help;
	border-bottom: 0
}

address {
	font-style: normal;
	line-height: inherit
}

address,
dl,
ol,
ul {
	margin-bottom: 1rem
}

dl,
ol,
ul {
	margin-top: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
	margin-bottom: 0
}

dt {
	font-weight: 700
}

dd {
	margin-bottom: .5rem;
	margin-left: 0
}

blockquote {
	margin: 0 0 1rem
}

dfn {
	font-style: italic
}

b,
strong {
	font-weight: bolder
}

small {
	font-size: 80%
}

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

a {
	color: #007bff;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}

a:hover {
	color: #0056b3;
	text-decoration: underline
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
	color: inherit;
	text-decoration: none
}

a:not([href]):not([tabindex]):focus {
	outline: 0
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

pre {
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: auto;
	-ms-overflow-style: scrollbar
}

figure {
	margin: 0 0 1rem
}

img {
	vertical-align: middle;
	border-style: none
}

svg:not(:root) {
	overflow: hidden
}

table {
	border-collapse: collapse
}

caption {
	padding-top: .75rem;
	padding-bottom: .75rem;
	color: #6c757d;
	text-align: left;
	caption-side: bottom
}

th {
	text-align: inherit
}

label {
	display: inline-block;
	margin-bottom: .5rem
}

button {
	border-radius: 0
}

button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	padding: 0;
	border-style: none
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
	-webkit-appearance: listbox
}

textarea {
	overflow: auto;
	resize: vertical
}

fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0
}

legend {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin-bottom: .5rem;
	font-size: 1.5rem;
	line-height: inherit;
	color: inherit;
	white-space: normal
}

progress {
	vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	outline-offset: -2px;
	-webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button
}

output {
	display: inline-block
}

summary {
	display: list-item;
	cursor: pointer
}

template {
	display: none
}

[hidden] {
	display: none!important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: .5rem;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
	color: inherit
}

.h1,
h1 {
	font-size: 2.5rem
}

.h2,
h2 {
	font-size: 2rem
}

.h3,
h3 {
	font-size: 1.75rem
}

.h4,
h4 {
	font-size: 1.5rem
}

.h5,
h5 {
	font-size: 1.25rem
}

.h6,
h6 {
	font-size: 1rem
}

.lead {
	font-size: 1.25rem;
	font-weight: 300
}

.display-1 {
	font-size: 6rem
}

.display-1,
.display-2 {
	font-weight: 300;
	line-height: 1.2
}

.display-2 {
	font-size: 5.5rem
}

.display-3 {
	font-size: 4.5rem
}

.display-3,
.display-4 {
	font-weight: 300;
	line-height: 1.2
}

.display-4 {
	font-size: 3.5rem
}

hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
	font-size: 80%;
	font-weight: 400
}

.mark,
mark {
	padding: .2em;
	background-color: #fcf8e3
}

.list-inline,
.list-unstyled {
	padding-left: 0;
	list-style: none
}

.list-inline-item {
	display: inline-block
}

.list-inline-item:not(:last-child) {
	margin-right: .5rem
}

.initialism {
	font-size: 90%;
	text-transform: uppercase
}

.blockquote {
	margin-bottom: 1rem;
	font-size: 1.25rem
}

.blockquote-footer {
	display: block;
	font-size: 80%;
	color: #6c757d
}

.blockquote-footer:before {
	content: "\2014   \A0"
}

.img-fluid,
.img-thumbnail {
	max-width: 100%;
	height: auto
}

.img-thumbnail {
	padding: .25rem;
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: .25rem
}

.figure {
	display: inline-block
}

.figure-img {
	margin-bottom: .5rem;
	line-height: 1
}

.figure-caption {
	font-size: 90%;
	color: #6c757d
}

code,
kbd,
pre,
samp {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

code {
	font-size: 87.5%;
	color: #e83e8c;
	word-break: break-word
}

a>code {
	color: inherit
}

kbd {
	padding: .2rem .4rem;
	font-size: 87.5%;
	color: #fff;
	background-color: #212529;
	border-radius: .2rem
}

kbd kbd {
	padding: 0;
	font-size: 100%;
	font-weight: 700
}

pre {
	display: block;
	font-size: 87.5%;
	color: #212529
}

pre code {
	font-size: inherit;
	color: inherit;
	word-break: normal
}

.pre-scrollable {
	max-height: 340px;
	overflow-y: scroll
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

@media (min-width:576px) {
	.container {
		max-width: 540px
	}
}

@media (min-width:768px) {
	.container {
		max-width: 720px
	}
}

@media (min-width:992px) {
	.container {
		max-width: 960px
	}
}

@media (min-width:1200px) {
	.container {
		max-width: 1140px
	}
}

.container-fluid {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px
}

.no-gutters {
	margin-right: 0;
	margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
	padding-right: 0;
	padding-left: 0
}

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}

.col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}

.col-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: none
}

.col-1 {
	-ms-flex: 0 0 8.33333%;
	flex: 0 0 8.33333%;
	max-width: 8.33333%
}

.col-2 {
	-ms-flex: 0 0 16.66667%;
	flex: 0 0 16.66667%;
	max-width: 16.66667%
}

.col-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}

.col-4 {
	-ms-flex: 0 0 33.33333%;
	flex: 0 0 33.33333%;
	max-width: 33.33333%
}

.col-5 {
	-ms-flex: 0 0 41.66667%;
	flex: 0 0 41.66667%;
	max-width: 41.66667%
}

.col-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

.col-7 {
	-ms-flex: 0 0 58.33333%;
	flex: 0 0 58.33333%;
	max-width: 58.33333%
}

.col-8 {
	-ms-flex: 0 0 66.66667%;
	flex: 0 0 66.66667%;
	max-width: 66.66667%
}

.col-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}

.col-10 {
	-ms-flex: 0 0 83.33333%;
	flex: 0 0 83.33333%;
	max-width: 83.33333%
}

.col-11 {
	-ms-flex: 0 0 91.66667%;
	flex: 0 0 91.66667%;
	max-width: 91.66667%
}

.col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}

.order-first {
	-ms-flex-order: -1;
	order: -1
}

.order-last {
	-ms-flex-order: 13;
	order: 13
}

.order-0 {
	-ms-flex-order: 0;
	order: 0
}

.order-1 {
	-ms-flex-order: 1;
	order: 1
}

.order-2 {
	-ms-flex-order: 2;
	order: 2
}

.order-3 {
	-ms-flex-order: 3;
	order: 3
}

.order-4 {
	-ms-flex-order: 4;
	order: 4
}

.order-5 {
	-ms-flex-order: 5;
	order: 5
}

.order-6 {
	-ms-flex-order: 6;
	order: 6
}

.order-7 {
	-ms-flex-order: 7;
	order: 7
}

.order-8 {
	-ms-flex-order: 8;
	order: 8
}

.order-9 {
	-ms-flex-order: 9;
	order: 9
}

.order-10 {
	-ms-flex-order: 10;
	order: 10
}

.order-11 {
	-ms-flex-order: 11;
	order: 11
}

.order-12 {
	-ms-flex-order: 12;
	order: 12
}

.offset-1 {
	margin-left: 8.33333%
}

.offset-2 {
	margin-left: 16.66667%
}

.offset-3 {
	margin-left: 25%
}

.offset-4 {
	margin-left: 33.33333%
}

.offset-5 {
	margin-left: 41.66667%
}

.offset-6 {
	margin-left: 50%
}

.offset-7 {
	margin-left: 58.33333%
}

.offset-8 {
	margin-left: 66.66667%
}

.offset-9 {
	margin-left: 75%
}

.offset-10 {
	margin-left: 83.33333%
}

.offset-11 {
	margin-left: 91.66667%
}

@media (min-width:576px) {
	.col-sm {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}
	.col-sm-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none
	}
	.col-sm-1 {
		-ms-flex: 0 0 8.33333%;
		flex: 0 0 8.33333%;
		max-width: 8.33333%
	}
	.col-sm-2 {
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%
	}
	.col-sm-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}
	.col-sm-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%
	}
	.col-sm-5 {
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%
	}
	.col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
	.col-sm-7 {
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%
	}
	.col-sm-8 {
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%
	}
	.col-sm-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}
	.col-sm-10 {
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%
	}
	.col-sm-11 {
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%
	}
	.col-sm-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.order-sm-first {
		-ms-flex-order: -1;
		order: -1
	}
	.order-sm-last {
		-ms-flex-order: 13;
		order: 13
	}
	.order-sm-0 {
		-ms-flex-order: 0;
		order: 0
	}
	.order-sm-1 {
		-ms-flex-order: 1;
		order: 1
	}
	.order-sm-2 {
		-ms-flex-order: 2;
		order: 2
	}
	.order-sm-3 {
		-ms-flex-order: 3;
		order: 3
	}
	.order-sm-4 {
		-ms-flex-order: 4;
		order: 4
	}
	.order-sm-5 {
		-ms-flex-order: 5;
		order: 5
	}
	.order-sm-6 {
		-ms-flex-order: 6;
		order: 6
	}
	.order-sm-7 {
		-ms-flex-order: 7;
		order: 7
	}
	.order-sm-8 {
		-ms-flex-order: 8;
		order: 8
	}
	.order-sm-9 {
		-ms-flex-order: 9;
		order: 9
	}
	.order-sm-10 {
		-ms-flex-order: 10;
		order: 10
	}
	.order-sm-11 {
		-ms-flex-order: 11;
		order: 11
	}
	.order-sm-12 {
		-ms-flex-order: 12;
		order: 12
	}
	.offset-sm-0 {
		margin-left: 0
	}
	.offset-sm-1 {
		margin-left: 8.33333%
	}
	.offset-sm-2 {
		margin-left: 16.66667%
	}
	.offset-sm-3 {
		margin-left: 25%
	}
	.offset-sm-4 {
		margin-left: 33.33333%
	}
	.offset-sm-5 {
		margin-left: 41.66667%
	}
	.offset-sm-6 {
		margin-left: 50%
	}
	.offset-sm-7 {
		margin-left: 58.33333%
	}
	.offset-sm-8 {
		margin-left: 66.66667%
	}
	.offset-sm-9 {
		margin-left: 75%
	}
	.offset-sm-10 {
		margin-left: 83.33333%
	}
	.offset-sm-11 {
		margin-left: 91.66667%
	}
}

@media (min-width:768px) {
	.col-md {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}
	.col-md-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none
	}
	.col-md-1 {
		-ms-flex: 0 0 8.33333%;
		flex: 0 0 8.33333%;
		max-width: 8.33333%
	}
	.col-md-2 {
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%
	}
	.col-md-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}
	.col-md-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%
	}
	.col-md-5 {
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%
	}
	.col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
	.col-md-7 {
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%
	}
	.col-md-8 {
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%
	}
	.col-md-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}
	.col-md-10 {
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%
	}
	.col-md-11 {
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%
	}
	.col-md-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.order-md-first {
		-ms-flex-order: -1;
		order: -1
	}
	.order-md-last {
		-ms-flex-order: 13;
		order: 13
	}
	.order-md-0 {
		-ms-flex-order: 0;
		order: 0
	}
	.order-md-1 {
		-ms-flex-order: 1;
		order: 1
	}
	.order-md-2 {
		-ms-flex-order: 2;
		order: 2
	}
	.order-md-3 {
		-ms-flex-order: 3;
		order: 3
	}
	.order-md-4 {
		-ms-flex-order: 4;
		order: 4
	}
	.order-md-5 {
		-ms-flex-order: 5;
		order: 5
	}
	.order-md-6 {
		-ms-flex-order: 6;
		order: 6
	}
	.order-md-7 {
		-ms-flex-order: 7;
		order: 7
	}
	.order-md-8 {
		-ms-flex-order: 8;
		order: 8
	}
	.order-md-9 {
		-ms-flex-order: 9;
		order: 9
	}
	.order-md-10 {
		-ms-flex-order: 10;
		order: 10
	}
	.order-md-11 {
		-ms-flex-order: 11;
		order: 11
	}
	.order-md-12 {
		-ms-flex-order: 12;
		order: 12
	}
	.offset-md-0 {
		margin-left: 0
	}
	.offset-md-1 {
		margin-left: 8.33333%
	}
	.offset-md-2 {
		margin-left: 16.66667%
	}
	.offset-md-3 {
		margin-left: 25%
	}
	.offset-md-4 {
		margin-left: 33.33333%
	}
	.offset-md-5 {
		margin-left: 41.66667%
	}
	.offset-md-6 {
		margin-left: 50%
	}
	.offset-md-7 {
		margin-left: 58.33333%
	}
	.offset-md-8 {
		margin-left: 66.66667%
	}
	.offset-md-9 {
		margin-left: 75%
	}
	.offset-md-10 {
		margin-left: 83.33333%
	}
	.offset-md-11 {
		margin-left: 91.66667%
	}
}

@media (min-width:992px) {
	.col-lg {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}
	.col-lg-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none
	}
	.col-lg-1 {
		-ms-flex: 0 0 8.33333%;
		flex: 0 0 8.33333%;
		max-width: 8.33333%
	}
	.col-lg-2 {
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%
	}
	.col-lg-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}
	.col-lg-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%
	}
	.col-lg-5 {
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%
	}
	.col-lg-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
	.col-lg-7 {
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%
	}
	.col-lg-8 {
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%
	}
	.col-lg-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}
	.col-lg-10 {
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%
	}
	.col-lg-11 {
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%
	}
	.col-lg-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.order-lg-first {
		-ms-flex-order: -1;
		order: -1
	}
	.order-lg-last {
		-ms-flex-order: 13;
		order: 13
	}
	.order-lg-0 {
		-ms-flex-order: 0;
		order: 0
	}
	.order-lg-1 {
		-ms-flex-order: 1;
		order: 1
	}
	.order-lg-2 {
		-ms-flex-order: 2;
		order: 2
	}
	.order-lg-3 {
		-ms-flex-order: 3;
		order: 3
	}
	.order-lg-4 {
		-ms-flex-order: 4;
		order: 4
	}
	.order-lg-5 {
		-ms-flex-order: 5;
		order: 5
	}
	.order-lg-6 {
		-ms-flex-order: 6;
		order: 6
	}
	.order-lg-7 {
		-ms-flex-order: 7;
		order: 7
	}
	.order-lg-8 {
		-ms-flex-order: 8;
		order: 8
	}
	.order-lg-9 {
		-ms-flex-order: 9;
		order: 9
	}
	.order-lg-10 {
		-ms-flex-order: 10;
		order: 10
	}
	.order-lg-11 {
		-ms-flex-order: 11;
		order: 11
	}
	.order-lg-12 {
		-ms-flex-order: 12;
		order: 12
	}
	.offset-lg-0 {
		margin-left: 0
	}
	.offset-lg-1 {
		margin-left: 8.33333%
	}
	.offset-lg-2 {
		margin-left: 16.66667%
	}
	.offset-lg-3 {
		margin-left: 25%
	}
	.offset-lg-4 {
		margin-left: 33.33333%
	}
	.offset-lg-5 {
		margin-left: 41.66667%
	}
	.offset-lg-6 {
		margin-left: 50%
	}
	.offset-lg-7 {
		margin-left: 58.33333%
	}
	.offset-lg-8 {
		margin-left: 66.66667%
	}
	.offset-lg-9 {
		margin-left: 75%
	}
	.offset-lg-10 {
		margin-left: 83.33333%
	}
	.offset-lg-11 {
		margin-left: 91.66667%
	}
}

@media (min-width:1200px) {
	.col-xl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}
	.col-xl-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none
	}
	.col-xl-1 {
		-ms-flex: 0 0 8.33333%;
		flex: 0 0 8.33333%;
		max-width: 8.33333%
	}
	.col-xl-2 {
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%
	}
	.col-xl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}
	.col-xl-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%
	}
	.col-xl-5 {
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%
	}
	.col-xl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
	.col-xl-7 {
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%
	}
	.col-xl-8 {
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%
	}
	.col-xl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}
	.col-xl-10 {
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%
	}
	.col-xl-11 {
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%
	}
	.col-xl-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.order-xl-first {
		-ms-flex-order: -1;
		order: -1
	}
	.order-xl-last {
		-ms-flex-order: 13;
		order: 13
	}
	.order-xl-0 {
		-ms-flex-order: 0;
		order: 0
	}
	.order-xl-1 {
		-ms-flex-order: 1;
		order: 1
	}
	.order-xl-2 {
		-ms-flex-order: 2;
		order: 2
	}
	.order-xl-3 {
		-ms-flex-order: 3;
		order: 3
	}
	.order-xl-4 {
		-ms-flex-order: 4;
		order: 4
	}
	.order-xl-5 {
		-ms-flex-order: 5;
		order: 5
	}
	.order-xl-6 {
		-ms-flex-order: 6;
		order: 6
	}
	.order-xl-7 {
		-ms-flex-order: 7;
		order: 7
	}
	.order-xl-8 {
		-ms-flex-order: 8;
		order: 8
	}
	.order-xl-9 {
		-ms-flex-order: 9;
		order: 9
	}
	.order-xl-10 {
		-ms-flex-order: 10;
		order: 10
	}
	.order-xl-11 {
		-ms-flex-order: 11;
		order: 11
	}
	.order-xl-12 {
		-ms-flex-order: 12;
		order: 12
	}
	.offset-xl-0 {
		margin-left: 0
	}
	.offset-xl-1 {
		margin-left: 8.33333%
	}
	.offset-xl-2 {
		margin-left: 16.66667%
	}
	.offset-xl-3 {
		margin-left: 25%
	}
	.offset-xl-4 {
		margin-left: 33.33333%
	}
	.offset-xl-5 {
		margin-left: 41.66667%
	}
	.offset-xl-6 {
		margin-left: 50%
	}
	.offset-xl-7 {
		margin-left: 58.33333%
	}
	.offset-xl-8 {
		margin-left: 66.66667%
	}
	.offset-xl-9 {
		margin-left: 75%
	}
	.offset-xl-10 {
		margin-left: 83.33333%
	}
	.offset-xl-11 {
		margin-left: 91.66667%
	}
}

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem;
	background-color: transparent
}

.table td,
.table th {
	padding: .75rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6
}

.table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
	border-top: 2px solid #dee2e6
}

.table .table {
	background-color: #fff
}

.table-sm td,
.table-sm th {
	padding: .3rem
}

.table-bordered,
.table-bordered td,
.table-bordered th {
	border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
	border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
	border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
	background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
	background-color: #b8daff
}

.table-hover .table-primary:hover,
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
	background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
	background-color: #d6d8db
}

.table-hover .table-secondary:hover,
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
	background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
	background-color: #c3e6cb
}

.table-hover .table-success:hover,
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
	background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
	background-color: #bee5eb
}

.table-hover .table-info:hover,
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
	background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
	background-color: #ffeeba
}

.table-hover .table-warning:hover,
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
	background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
	background-color: #f5c6cb
}

.table-hover .table-danger:hover,
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
	background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
	background-color: #fdfdfe
}

.table-hover .table-light:hover,
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
	background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
	background-color: #c6c8ca
}

.table-hover .table-dark:hover,
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
	background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th,
.table-hover .table-active:hover,
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
	background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
	color: #fff;
	background-color: #212529;
	border-color: #32383e
}

.table .thead-light th {
	color: #495057;
	background-color: #e9ecef;
	border-color: #dee2e6
}

.table-dark {
	color: #fff;
	background-color: #212529
}

.table-dark td,
.table-dark th,
.table-dark thead th {
	border-color: #32383e
}

.table-dark.table-bordered {
	border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
	background-color: hsla(0, 0%, 100%, .05)
}

.table-dark.table-hover tbody tr:hover {
	background-color: hsla(0, 0%, 100%, .075)
}

@media (max-width:575.98px) {
	.table-responsive-sm {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
	.table-responsive-sm>.table-bordered {
		border: 0
	}
}

@media (max-width:767.98px) {
	.table-responsive-md {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
	.table-responsive-md>.table-bordered {
		border: 0
	}
}

@media (max-width:991.98px) {
	.table-responsive-lg {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
	.table-responsive-lg>.table-bordered {
		border: 0
	}
}

@media (max-width:1199.98px) {
	.table-responsive-xl {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
	.table-responsive-xl>.table-bordered {
		border: 0
	}
}

.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar
}

.table-responsive>.table-bordered {
	border: 0
}

.form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion:reduce) {
	.form-control {
		transition: none
	}
}

.form-control::-ms-expand {
	background-color: transparent;
	border: 0
}

.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control:-ms-input-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control::placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
	background-color: #e9ecef;
	opacity: 1
}

select.form-control:not([size]):not([multiple]) {
	height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
	color: #495057;
	background-color: #fff
}

.form-control-file,
.form-control-range {
	display: block;
	width: 100%
}

.col-form-label {
	padding-top: calc(.375rem + 1px);
	padding-bottom: calc(.375rem + 1px);
	margin-bottom: 0;
	font-size: inherit;
	line-height: 1.5
}

.col-form-label-lg {
	padding-top: calc(.5rem + 1px);
	padding-bottom: calc(.5rem + 1px);
	font-size: 1.25rem;
	line-height: 1.5
}

.col-form-label-sm {
	padding-top: calc(.25rem + 1px);
	padding-bottom: calc(.25rem + 1px);
	font-size: .875rem;
	line-height: 1.5
}

.form-control-plaintext {
	display: block;
	width: 100%;
	padding-top: .375rem;
	padding-bottom: .375rem;
	margin-bottom: 0;
	line-height: 1.5;
	color: #212529;
	background-color: transparent;
	border: solid transparent;
	border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm,
.input-group-lg>.form-control-plaintext.form-control,
.input-group-lg>.input-group-append>.form-control-plaintext.btn,
.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,
.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,
.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,
.input-group-sm>.form-control-plaintext.form-control,
.input-group-sm>.input-group-append>.form-control-plaintext.btn,
.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,
.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,
.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text {
	padding-right: 0;
	padding-left: 0
}

.form-control-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem
}

.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),
.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),
.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),
.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
.input-group-sm>select.form-control:not([size]):not([multiple]),
select.form-control-sm:not([size]):not([multiple]) {
	height: calc(1.8125rem + 2px)
}

.form-control-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
	padding: .5rem 1rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: .3rem
}

.input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),
.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),
.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),
.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
.input-group-lg>select.form-control:not([size]):not([multiple]),
select.form-control-lg:not([size]):not([multiple]) {
	height: calc(2.875rem + 2px)
}

.form-group {
	margin-bottom: 1rem
}

.form-text {
	display: block;
	margin-top: .25rem
}

.form-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
	padding-right: 5px;
	padding-left: 5px
}

.form-check {
	position: relative;
	display: block;
	padding-left: 1.25rem
}

.form-check-input {
	position: absolute;
	margin-top: .3rem;
	margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label {
	color: #6c757d
}

.form-check-label {
	margin-bottom: 0
}

.form-check-inline {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 0;
	margin-right: .75rem
}

.form-check-inline .form-check-input {
	position: static;
	margin-top: 0;
	margin-right: .3125rem;
	margin-left: 0
}

.valid-feedback {
	display: none;
	width: 100%;
	margin-top: .25rem;
	font-size: 80%;
	color: #28a745
}

.valid-tooltip {
	position: absolute;
	top: 100%;
	z-index: 5;
	display: none;
	max-width: 100%;
	padding: .5rem;
	margin-top: .1rem;
	font-size: .875rem;
	line-height: 1;
	color: #fff;
	background-color: rgba(40, 167, 69, .8);
	border-radius: .2rem
}

.custom-select.is-valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.was-validated .form-control:valid {
	border-color: #28a745
}

.custom-select.is-valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.was-validated .form-control:valid:focus {
	border-color: #28a745;
	box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-select.is-valid~.valid-feedback,
.custom-select.is-valid~.valid-tooltip,
.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip,
.was-validated .custom-select:valid~.valid-feedback,
.was-validated .custom-select:valid~.valid-tooltip,
.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip {
	display: block
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
	color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
	display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
	color: #28a745
}

.custom-control-input.is-valid~.custom-control-label:before,
.was-validated .custom-control-input:valid~.custom-control-label:before {
	background-color: #71dd8a
}

.custom-control-input.is-valid~.valid-feedback,
.custom-control-input.is-valid~.valid-tooltip,
.was-validated .custom-control-input:valid~.valid-feedback,
.was-validated .custom-control-input:valid~.valid-tooltip {
	display: block
}

.custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .custom-control-input:valid:checked~.custom-control-label:before {
	background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .custom-control-input:valid:focus~.custom-control-label:before {
	box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
	border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label:before,
.was-validated .custom-file-input:valid~.custom-file-label:before {
	border-color: inherit
}

.custom-file-input.is-valid~.valid-feedback,
.custom-file-input.is-valid~.valid-tooltip,
.was-validated .custom-file-input:valid~.valid-feedback,
.was-validated .custom-file-input:valid~.valid-tooltip {
	display: block
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
	box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
	display: none;
	width: 100%;
	margin-top: .25rem;
	font-size: 80%;
	color: #dc3545
}

.invalid-tooltip {
	position: absolute;
	top: 100%;
	z-index: 5;
	display: none;
	max-width: 100%;
	padding: .5rem;
	margin-top: .1rem;
	font-size: .875rem;
	line-height: 1;
	color: #fff;
	background-color: rgba(220, 53, 69, .8);
	border-radius: .2rem
}

.custom-select.is-invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.was-validated .form-control:invalid {
	border-color: #dc3545
}

.custom-select.is-invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.was-validated .form-control:invalid:focus {
	border-color: #dc3545;
	box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-select.is-invalid~.invalid-feedback,
.custom-select.is-invalid~.invalid-tooltip,
.form-control.is-invalid~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip,
.was-validated .custom-select:invalid~.invalid-feedback,
.was-validated .custom-select:invalid~.invalid-tooltip,
.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip {
	display: block
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
	color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
	display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
	color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label:before,
.was-validated .custom-control-input:invalid~.custom-control-label:before {
	background-color: #efa2a9
}

.custom-control-input.is-invalid~.invalid-feedback,
.custom-control-input.is-invalid~.invalid-tooltip,
.was-validated .custom-control-input:invalid~.invalid-feedback,
.was-validated .custom-control-input:invalid~.invalid-tooltip {
	display: block
}

.custom-control-input.is-invalid:checked~.custom-control-label:before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
	background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label:before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
	box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
	border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label:before,
.was-validated .custom-file-input:invalid~.custom-file-label:before {
	border-color: inherit
}

.custom-file-input.is-invalid~.invalid-feedback,
.custom-file-input.is-invalid~.invalid-tooltip,
.was-validated .custom-file-input:invalid~.invalid-feedback,
.was-validated .custom-file-input:invalid~.invalid-tooltip {
	display: block
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
	box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-align: center;
	align-items: center
}

.form-inline .form-check {
	width: 100%
}

@media (min-width:576px) {
	.form-inline label {
		-ms-flex-align: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.form-inline .form-group,
	.form-inline label {
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		margin-bottom: 0
	}
	.form-inline .form-group {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-ms-flex-align: center
	}
	.form-inline .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle
	}
	.form-inline .form-control-plaintext {
		display: inline-block
	}
	.form-inline .custom-select,
	.form-inline .input-group {
		width: auto
	}
	.form-inline .form-check {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: auto;
		padding-left: 0
	}
	.form-inline .form-check-input {
		position: relative;
		margin-top: 0;
		margin-right: .25rem;
		margin-left: 0
	}
	.form-inline .custom-control {
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.form-inline .custom-control-label {
		margin-bottom: 0
	}
}

.btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion:reduce) {
	.btn {
		transition: none
	}
}

.btn:focus,
.btn:hover {
	text-decoration: none
}

.btn.focus,
.btn:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
	opacity: .65
}

.btn:not(:disabled):not(.disabled) {
	cursor: pointer
}

.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
	background-image: none
}

a.btn.disabled,
fieldset:disabled a.btn {
	pointer-events: none
}

.btn-primary {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff
}

.btn-primary:hover {
	color: #fff;
	background-color: #0069d9;
	border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #0062cc;
	border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-secondary {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d
}

.btn-secondary:hover {
	color: #fff;
	background-color: #5a6268;
	border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
	box-shadow: 0 0 0 .2rem hsla(208, 7%, 46%, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
	color: #fff;
	background-color: #545b62;
	border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem hsla(208, 7%, 46%, .5)
}

.btn-success {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745
}

.btn-success:hover {
	color: #fff;
	background-color: #218838;
	border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
	box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-success.disabled,
.btn-success:disabled {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
	color: #fff;
	background-color: #1e7e34;
	border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-info {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8
}

.btn-info:hover {
	color: #fff;
	background-color: #138496;
	border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
	box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-info.disabled,
.btn-info:disabled {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
	color: #fff;
	background-color: #117a8b;
	border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-warning {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107
}

.btn-warning:hover {
	color: #212529;
	background-color: #e0a800;
	border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
	box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
	color: #212529;
	background-color: #d39e00;
	border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545
}

.btn-danger:hover {
	color: #fff;
	background-color: #c82333;
	border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
	box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #bd2130;
	border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-light {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa
}

.btn-light:hover {
	color: #212529;
	background-color: #e2e6ea;
	border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
	box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-light.disabled,
.btn-light:disabled {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
	color: #212529;
	background-color: #dae0e5;
	border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-dark {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40
}

.btn-dark:hover {
	color: #fff;
	background-color: #23272b;
	border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
	box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
	color: #fff;
	background-color: #1d2124;
	border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-primary {
	color: #007bff;
	background-color: transparent;
	background-image: none;
	border-color: #007bff
}

.btn-outline-primary:hover {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
	color: #007bff;
	background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
	color: #6c757d;
	background-color: transparent;
	background-image: none;
	border-color: #6c757d
}

.btn-outline-secondary:hover {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
	box-shadow: 0 0 0 .2rem hsla(208, 7%, 46%, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
	color: #6c757d;
	background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem hsla(208, 7%, 46%, .5)
}

.btn-outline-success {
	color: #28a745;
	background-color: transparent;
	background-image: none;
	border-color: #28a745
}

.btn-outline-success:hover {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
	box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
	color: #28a745;
	background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
	color: #17a2b8;
	background-color: transparent;
	background-image: none;
	border-color: #17a2b8
}

.btn-outline-info:hover {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
	box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
	color: #17a2b8;
	background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
	color: #ffc107;
	background-color: transparent;
	background-image: none;
	border-color: #ffc107
}

.btn-outline-warning:hover {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
	box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
	color: #ffc107;
	background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
	color: #dc3545;
	background-color: transparent;
	background-image: none;
	border-color: #dc3545
}

.btn-outline-danger:hover {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
	box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
	color: #dc3545;
	background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
	color: #f8f9fa;
	background-color: transparent;
	background-image: none;
	border-color: #f8f9fa
}

.btn-outline-light:hover {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
	box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
	color: #f8f9fa;
	background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
	color: #343a40;
	background-color: transparent;
	background-image: none;
	border-color: #343a40
}

.btn-outline-dark:hover {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
	box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
	color: #343a40;
	background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
	font-weight: 400;
	color: #007bff;
	background-color: transparent
}

.btn-link:hover {
	color: #0056b3;
	background-color: transparent
}

.btn-link.focus,
.btn-link:focus,
.btn-link:hover {
	text-decoration: underline;
	border-color: transparent
}

.btn-link.focus,
.btn-link:focus {
	box-shadow: none
}

.btn-link.disabled,
.btn-link:disabled {
	color: #6c757d;
	pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
	padding: .5rem 1rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem
}

.btn-block {
	display: block;
	width: 100%
}

.btn-block+.btn-block {
	margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
	width: 100%
}

.fade {
	transition: opacity .15s linear
}

@media screen and (prefers-reduced-motion:reduce) {
	.fade {
		transition: none
	}
}

.fade:not(.show) {
	opacity: 0
}

.collapse:not(.show) {
	display: none
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	transition: height .35s ease
}

@media screen and (prefers-reduced-motion:reduce) {
	.collapsing {
		transition: none
	}
}

.dropdown,
.dropleft,
.dropright,
.dropup {
	position: relative
}

.dropdown-toggle:after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
	margin-left: 0
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: .5rem 0;
	margin: .125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: .25rem
}

.dropdown-menu-right {
	right: 0;
	left: auto
}

.dropup .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-top: 0;
	margin-bottom: .125rem
}

.dropup .dropdown-toggle:after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: 0;
	border-right: .3em solid transparent;
	border-bottom: .3em solid;
	border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
	margin-left: 0
}

.dropright .dropdown-menu {
	top: 0;
	right: auto;
	left: 100%;
	margin-top: 0;
	margin-left: .125rem
}

.dropright .dropdown-toggle:after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid transparent;
	border-right: 0;
	border-bottom: .3em solid transparent;
	border-left: .3em solid
}

.dropright .dropdown-toggle:empty:after {
	margin-left: 0
}

.dropright .dropdown-toggle:after {
	vertical-align: 0
}

.dropleft .dropdown-menu {
	top: 0;
	right: 100%;
	left: auto;
	margin-top: 0;
	margin-right: .125rem
}

.dropleft .dropdown-toggle:after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	display: none
}

.dropleft .dropdown-toggle:before {
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid transparent;
	border-right: .3em solid;
	border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty:after {
	margin-left: 0
}

.dropleft .dropdown-toggle:before {
	vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
	right: auto;
	bottom: auto
}

.dropdown-divider {
	height: 0;
	margin: .5rem 0;
	overflow: hidden;
	border-top: 1px solid #e9ecef
}

.dropdown-item {
	display: block;
	width: 100%;
	padding: .25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
	background-color: #f8f9fa
}

.dropdown-item.active,
.dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
	color: #6c757d;
	background-color: transparent
}

.dropdown-menu.show {
	display: block
}

.dropdown-header {
	display: block;
	padding: .5rem 1.5rem;
	margin-bottom: 0;
	font-size: .875rem;
	color: #6c757d;
	white-space: nowrap
}

.dropdown-item-text {
	display: block;
	padding: .25rem 1.5rem;
	color: #212529
}

.btn-group,
.btn-group-vertical {
	position: relative;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
	position: relative;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
	z-index: 1
}

.btn-group-vertical .btn+.btn,
.btn-group-vertical .btn+.btn-group,
.btn-group-vertical .btn-group+.btn,
.btn-group-vertical .btn-group+.btn-group,
.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
	margin-left: -1px
}

.btn-toolbar {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.btn-toolbar .input-group {
	width: auto
}

.btn-group>.btn:first-child {
	margin-left: 0
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.dropdown-toggle-split {
	padding-right: .5625rem;
	padding-left: .5625rem
}

.dropdown-toggle-split:after,
.dropright .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
	margin-left: 0
}

.dropleft .dropdown-toggle-split:before {
	margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
	padding-right: .375rem;
	padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
	padding-right: .75rem;
	padding-left: .75rem
}

.btn-group-vertical {
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: center;
	justify-content: center
}

.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
	width: 100%
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
	margin-top: -1px;
	margin-left: 0
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
	margin-bottom: 0
}

.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio],
.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio] {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none
}

.input-group {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1%;
	margin-bottom: 0
}

.input-group>.custom-file:focus,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
	z-index: 3
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control {
	margin-left: -1px
}

.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.input-group>.custom-file {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label:after {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label,
.input-group>.custom-file:not(:first-child) .custom-file-label:after {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.input-group-append,
.input-group-prepend {
	display: -ms-flexbox;
	display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
	position: relative;
	z-index: 2
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
	margin-left: -1px
}

.input-group-prepend {
	margin-right: -1px
}

.input-group-append {
	margin-left: -1px
}

.input-group-text {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: .375rem .75rem;
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	text-align: center;
	white-space: nowrap;
	background-color: #e9ecef;
	border: 1px solid #ced4da;
	border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
	margin-top: 0
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.custom-control {
	position: relative;
	display: block;
	min-height: 1.5rem;
	padding-left: 1.5rem
}

.custom-control-inline {
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-right: 1rem
}

.custom-control-input {
	position: absolute;
	z-index: -1;
	opacity: 0
}

.custom-control-input:checked~.custom-control-label:before {
	color: #fff;
	background-color: #007bff
}

.custom-control-input:focus~.custom-control-label:before {
	box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:active~.custom-control-label:before {
	color: #fff;
	background-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label {
	color: #6c757d
}

.custom-control-input:disabled~.custom-control-label:before {
	background-color: #e9ecef
}

.custom-control-label {
	margin-bottom: 0
}

.custom-control-label:before {
	pointer-events: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #dee2e6
}

.custom-control-label:after,
.custom-control-label:before {
	position: absolute;
	top: .25rem;
	left: 0;
	display: block;
	width: 1rem;
	height: 1rem;
	content: ""
}

.custom-control-label:after {
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 50% 50%
}

.custom-checkbox .custom-control-label:before {
	border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:before {
	background-color: #007bff
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
	background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
	background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
	background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label:before {
	border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label:before {
	background-color: #007bff
}

.custom-radio .custom-control-input:checked~.custom-control-label:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
	background-color: rgba(0, 123, 255, .5)
}

.custom-select {
	display: inline-block;
	width: 100%;
	height: calc(2.25rem + 2px);
	padding: .375rem 1.75rem .375rem .75rem;
	line-height: 1.5;
	color: #495057;
	vertical-align: middle;
	background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
	background-size: 8px 10px;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.custom-select:focus {
	border-color: #80bdff;
	outline: 0;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(128, 189, 255, .5)
}

.custom-select:focus::-ms-value {
	color: #495057;
	background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
	height: auto;
	padding-right: .75rem;
	background-image: none
}

.custom-select:disabled {
	color: #6c757d;
	background-color: #e9ecef
}

.custom-select::-ms-expand {
	opacity: 0
}

.custom-select-sm {
	height: calc(1.8125rem + 2px);
	font-size: 75%
}

.custom-select-lg,
.custom-select-sm {
	padding-top: .375rem;
	padding-bottom: .375rem
}

.custom-select-lg {
	height: calc(2.875rem + 2px);
	font-size: 125%
}

.custom-file {
	display: inline-block;
	margin-bottom: 0
}

.custom-file,
.custom-file-input {
	position: relative;
	width: 100%;
	height: calc(2.25rem + 2px)
}

.custom-file-input {
	z-index: 2;
	margin: 0;
	opacity: 0
}

.custom-file-input:focus~.custom-file-label {
	border-color: #80bdff;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:focus~.custom-file-label:after {
	border-color: #80bdff
}

.custom-file-input:lang(en)~.custom-file-label:after {
	content: "Browse"
}

.custom-file-label {
	left: 0;
	z-index: 1;
	height: calc(2.25rem + 2px);
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: .25rem
}

.custom-file-label,
.custom-file-label:after {
	position: absolute;
	top: 0;
	right: 0;
	padding: .375rem .75rem;
	line-height: 1.5;
	color: #495057
}

.custom-file-label:after {
	bottom: 0;
	z-index: 3;
	display: block;
	height: calc((2.25rem + 2px) - 1px * 2);
	content: "Browse";
	background-color: #e9ecef;
	border-left: 1px solid #ced4da;
	border-radius: 0 .25rem .25rem 0
}

.custom-range {
	width: 100%;
	padding-left: 0;
	background-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.custom-range:focus {
	outline: none
}

.custom-range::-moz-focus-outer {
	border: 0
}

.custom-range::-webkit-slider-thumb {
	width: 1rem;
	height: 1rem;
	margin-top: -.25rem;
	background-color: #007bff;
	border: 0;
	border-radius: 1rem;
	-webkit-appearance: none;
	appearance: none
}

.custom-range::-webkit-slider-thumb:focus {
	outline: none;
	box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-webkit-slider-thumb:active {
	background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
	width: 100%;
	height: .5rem;
	color: transparent;
	cursor: pointer;
	background-color: #dee2e6;
	border-color: transparent;
	border-radius: 1rem
}

.custom-range::-moz-range-thumb {
	width: 1rem;
	height: 1rem;
	background-color: #007bff;
	border: 0;
	border-radius: 1rem;
	-moz-appearance: none;
	appearance: none
}

.custom-range::-moz-range-thumb:focus {
	outline: none;
	box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-range-thumb:active {
	background-color: #b3d7ff
}

.custom-range::-moz-range-track {
	width: 100%;
	height: .5rem;
	color: transparent;
	cursor: pointer;
	background-color: #dee2e6;
	border-color: transparent;
	border-radius: 1rem
}

.custom-range::-ms-thumb {
	width: 1rem;
	height: 1rem;
	background-color: #007bff;
	border: 0;
	border-radius: 1rem;
	appearance: none
}

.custom-range::-ms-thumb:focus {
	outline: none;
	box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-ms-thumb:active {
	background-color: #b3d7ff
}

.custom-range::-ms-track {
	width: 100%;
	height: .5rem;
	color: transparent;
	cursor: pointer;
	background-color: transparent;
	border-color: transparent;
	border-width: .5rem
}

.custom-range::-ms-fill-lower,
.custom-range::-ms-fill-upper {
	background-color: #dee2e6;
	border-radius: 1rem
}

.custom-range::-ms-fill-upper {
	margin-right: 15px
}

.nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.nav-link {
	display: block;
	padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
	text-decoration: none
}

.nav-link.disabled {
	color: #6c757d
}

.nav-tabs {
	border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-item {
	margin-bottom: -1px
}

.nav-tabs .nav-link {
	border: 1px solid transparent;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
	color: #6c757d;
	background-color: transparent;
	border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: #495057;
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.nav-pills .nav-link {
	border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: #fff;
	background-color: #007bff
}

.nav-fill .nav-item {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	text-align: center
}

.nav-justified .nav-item {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: center
}

.tab-content>.tab-pane {
	display: none
}

.tab-content>.active {
	display: block
}

.navbar {
	position: relative;
	padding: .5rem 1rem
}

.navbar,
.navbar>.container,
.navbar>.container-fluid {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.navbar-brand {
	display: inline-block;
	padding-top: .3125rem;
	padding-bottom: .3125rem;
	margin-right: 1rem;
	font-size: 1.25rem;
	line-height: inherit;
	white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
	text-decoration: none
}

.navbar-nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.navbar-nav .nav-link {
	padding-right: 0;
	padding-left: 0
}

.navbar-nav .dropdown-menu {
	position: static;
	float: none
}

.navbar-text {
	display: inline-block;
	padding-top: .5rem;
	padding-bottom: .5rem
}

.navbar-collapse {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-align: center;
	align-items: center
}

.navbar-toggler {
	padding: .25rem .75rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
	text-decoration: none
}

.navbar-toggler:not(:disabled):not(.disabled) {
	cursor: pointer
}

.navbar-toggler-icon {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	content: "";
	background: no-repeat 50%;
	background-size: 100% 100%
}

@media (max-width:575.98px) {
	.navbar-expand-sm>.container,
	.navbar-expand-sm>.container-fluid {
		padding-right: 0;
		padding-left: 0
	}
}

@media (min-width:576px) {
	.navbar-expand-sm {
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.navbar-expand-sm .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row
	}
	.navbar-expand-sm .navbar-nav .dropdown-menu {
		position: absolute
	}
	.navbar-expand-sm .navbar-nav .nav-link {
		padding-right: .5rem;
		padding-left: .5rem
	}
	.navbar-expand-sm>.container,
	.navbar-expand-sm>.container-fluid {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
	.navbar-expand-sm .navbar-collapse {
		display: -ms-flexbox!important;
		display: flex!important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.navbar-expand-sm .navbar-toggler {
		display: none
	}
}

@media (max-width:767.98px) {
	.navbar-expand-md>.container,
	.navbar-expand-md>.container-fluid {
		padding-right: 0;
		padding-left: 0
	}
}

@media (min-width:768px) {
	.navbar-expand-md {
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.navbar-expand-md .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row
	}
	.navbar-expand-md .navbar-nav .dropdown-menu {
		position: absolute
	}
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: .5rem;
		padding-left: .5rem
	}
	.navbar-expand-md>.container,
	.navbar-expand-md>.container-fluid {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
	.navbar-expand-md .navbar-collapse {
		display: -ms-flexbox!important;
		display: flex!important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.navbar-expand-md .navbar-toggler {
		display: none
	}
}

@media (max-width:991.98px) {
	.navbar-expand-lg>.container,
	.navbar-expand-lg>.container-fluid {
		padding-right: 0;
		padding-left: 0
	}
}

@media (min-width:992px) {
	.navbar-expand-lg {
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.navbar-expand-lg .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		position: absolute
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: .5rem;
		padding-left: .5rem
	}
	.navbar-expand-lg>.container,
	.navbar-expand-lg>.container-fluid {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
	.navbar-expand-lg .navbar-collapse {
		display: -ms-flexbox!important;
		display: flex!important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.navbar-expand-lg .navbar-toggler {
		display: none
	}
}

@media (max-width:1199.98px) {
	.navbar-expand-xl>.container,
	.navbar-expand-xl>.container-fluid {
		padding-right: 0;
		padding-left: 0
	}
}

@media (min-width:1200px) {
	.navbar-expand-xl {
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.navbar-expand-xl .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row
	}
	.navbar-expand-xl .navbar-nav .dropdown-menu {
		position: absolute
	}
	.navbar-expand-xl .navbar-nav .nav-link {
		padding-right: .5rem;
		padding-left: .5rem
	}
	.navbar-expand-xl>.container,
	.navbar-expand-xl>.container-fluid {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
	.navbar-expand-xl .navbar-collapse {
		display: -ms-flexbox!important;
		display: flex!important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.navbar-expand-xl .navbar-toggler {
		display: none
	}
}

.navbar-expand {
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
	padding-right: 0;
	padding-left: 0
}

.navbar-expand .navbar-nav {
	-ms-flex-direction: row;
	flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
	position: absolute
}

.navbar-expand .navbar-nav .nav-link {
	padding-right: .5rem;
	padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
	display: -ms-flexbox!important;
	display: flex!important;
	-ms-flex-preferred-size: auto;
	flex-basis: auto
}

.navbar-expand .navbar-toggler {
	display: none
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
	color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
	color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
	color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
	color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
	color: rgba(0, 0, 0, .5);
	border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
	color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
	color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
	color: #fff
}

.navbar-dark .navbar-nav .nav-link {
	color: hsla(0, 0%, 100%, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
	color: hsla(0, 0%, 100%, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
	color: hsla(0, 0%, 100%, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
	color: #fff
}

.navbar-dark .navbar-toggler {
	color: hsla(0, 0%, 100%, .5);
	border-color: hsla(0, 0%, 100%, .1)
}

.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
	color: hsla(0, 0%, 100%, .5)
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
	color: #fff
}

.card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: .25rem
}

.card>hr {
	margin-right: 0;
	margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem
}

.card>.list-group:last-child .list-group-item:last-child {
	border-bottom-right-radius: .25rem;
	border-bottom-left-radius: .25rem
}

.card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem
}

.card-title {
	margin-bottom: .75rem
}

.card-subtitle {
	margin-top: -.375rem
}

.card-subtitle,
.card-text:last-child {
	margin-bottom: 0
}

.card-link:hover {
	text-decoration: none
}

.card-link+.card-link {
	margin-left: 1.25rem
}

.card-header {
	padding: .75rem 1.25rem;
	margin-bottom: 0;
	background-color: rgba(0, 0, 0, .03);
	border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
	border-top: 0
}

.card-footer {
	padding: .75rem 1.25rem;
	background-color: rgba(0, 0, 0, .03);
	border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
	border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
	margin-bottom: -.75rem;
	border-bottom: 0
}

.card-header-pills,
.card-header-tabs {
	margin-right: -.625rem;
	margin-left: -.625rem
}

.card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1.25rem
}

.card-img {
	width: 100%;
	border-radius: calc(.25rem - 1px)
}

.card-img-top {
	width: 100%;
	border-top-left-radius: calc(.25rem - 1px);
	border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
	width: 100%;
	border-bottom-right-radius: calc(.25rem - 1px);
	border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.card-deck .card {
	margin-bottom: 15px
}

@media (min-width:576px) {
	.card-deck {
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-right: -15px;
		margin-left: -15px
	}
	.card-deck .card {
		display: -ms-flexbox;
		display: flex;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-right: 15px;
		margin-bottom: 0;
		margin-left: 15px
	}
}

.card-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.card-group>.card {
	margin-bottom: 15px
}

@media (min-width:576px) {
	.card-group {
		-ms-flex-flow: row wrap;
		flex-flow: row wrap
	}
	.card-group>.card {
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		margin-bottom: 0
	}
	.card-group>.card+.card {
		margin-left: 0;
		border-left: 0
	}
	.card-group>.card:first-child {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0
	}
	.card-group>.card:first-child .card-header,
	.card-group>.card:first-child .card-img-top {
		border-top-right-radius: 0
	}
	.card-group>.card:first-child .card-footer,
	.card-group>.card:first-child .card-img-bottom {
		border-bottom-right-radius: 0
	}
	.card-group>.card:last-child {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0
	}
	.card-group>.card:last-child .card-header,
	.card-group>.card:last-child .card-img-top {
		border-top-left-radius: 0
	}
	.card-group>.card:last-child .card-footer,
	.card-group>.card:last-child .card-img-bottom {
		border-bottom-left-radius: 0
	}
	.card-group>.card:only-child {
		border-radius: .25rem
	}
	.card-group>.card:only-child .card-header,
	.card-group>.card:only-child .card-img-top {
		border-top-left-radius: .25rem;
		border-top-right-radius: .25rem
	}
	.card-group>.card:only-child .card-footer,
	.card-group>.card:only-child .card-img-bottom {
		border-bottom-right-radius: .25rem;
		border-bottom-left-radius: .25rem
	}
	.card-group>.card:not(:first-child):not(:last-child):not(:only-child),
	.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
	.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
	.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
	.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
		border-radius: 0
	}
}

.card-columns .card {
	margin-bottom: .75rem
}

@media (min-width:576px) {
	.card-columns {
		column-count: 3;
		column-gap: 1.25rem;
		orphans: 1;
		widows: 1
	}
	.card-columns .card {
		display: inline-block;
		width: 100%
	}
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
	border-bottom: 0;
	border-radius: 0
}

.accordion .card:not(:first-of-type) .card-header:first-child {
	border-radius: 0
}

.accordion .card:first-of-type {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.accordion .card:last-of-type {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.breadcrumb {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: .75rem 1rem;
	margin-bottom: 1rem;
	list-style: none;
	background-color: #e9ecef;
	border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
	padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item:before {
	display: inline-block;
	padding-right: .5rem;
	color: #6c757d;
	content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover:before {
	text-decoration: underline;
	text-decoration: none
}

.breadcrumb-item.active {
	color: #6c757d
}

.pagination {
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem
}

.page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #007bff;
	background-color: #fff;
	border: 1px solid #dee2e6
}

.page-link:hover {
	z-index: 2;
	color: #0056b3;
	text-decoration: none;
	background-color: #e9ecef;
	border-color: #dee2e6
}

.page-link:focus {
	z-index: 2;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-link:not(:disabled):not(.disabled) {
	cursor: pointer
}

.page-item:first-child .page-link {
	margin-left: 0;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
	z-index: 1;
	color: #fff;
	background-color: #007bff;
	border-color: #007bff
}

.page-item.disabled .page-link {
	color: #6c757d;
	pointer-events: none;
	cursor: auto;
	background-color: #fff;
	border-color: #dee2e6
}

.pagination-lg .page-link {
	padding: .75rem 1.5rem;
	font-size: 1.25rem;
	line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
	border-top-left-radius: .3rem;
	border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
	border-top-right-radius: .3rem;
	border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
	border-top-left-radius: .2rem;
	border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
	border-top-right-radius: .2rem;
	border-bottom-right-radius: .2rem
}

.badge {
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem
}

.badge:empty {
	display: none
}

.btn .badge {
	position: relative;
	top: -1px
}

.badge-pill {
	padding-right: .6em;
	padding-left: .6em;
	border-radius: 10rem
}

.badge-primary {
	color: #fff;
	background-color: #007bff
}

.badge-primary[href]:focus,
.badge-primary[href]:hover {
	color: #fff;
	text-decoration: none;
	background-color: #0062cc
}

.badge-secondary {
	color: #fff;
	background-color: #6c757d
}

.badge-secondary[href]:focus,
.badge-secondary[href]:hover {
	color: #fff;
	text-decoration: none;
	background-color: #545b62
}

.badge-success {
	color: #fff;
	background-color: #28a745
}

.badge-success[href]:focus,
.badge-success[href]:hover {
	color: #fff;
	text-decoration: none;
	background-color: #1e7e34
}

.badge-info {
	color: #fff;
	background-color: #17a2b8
}

.badge-info[href]:focus,
.badge-info[href]:hover {
	color: #fff;
	text-decoration: none;
	background-color: #117a8b
}

.badge-warning {
	color: #212529;
	background-color: #ffc107
}

.badge-warning[href]:focus,
.badge-warning[href]:hover {
	color: #212529;
	text-decoration: none;
	background-color: #d39e00
}

.badge-danger {
	color: #fff;
	background-color: #dc3545
}

.badge-danger[href]:focus,
.badge-danger[href]:hover {
	color: #fff;
	text-decoration: none;
	background-color: #bd2130
}

.badge-light {
	color: #212529;
	background-color: #f8f9fa
}

.badge-light[href]:focus,
.badge-light[href]:hover {
	color: #212529;
	text-decoration: none;
	background-color: #dae0e5
}

.badge-dark {
	color: #fff;
	background-color: #343a40
}

.badge-dark[href]:focus,
.badge-dark[href]:hover {
	color: #fff;
	text-decoration: none;
	background-color: #1d2124
}

.jumbotron {
	padding: 2rem 1rem;
	margin-bottom: 2rem;
	background-color: #e9ecef;
	border-radius: .3rem
}

@media (min-width:576px) {
	.jumbotron {
		padding: 4rem 2rem
	}
}

.jumbotron-fluid {
	padding-right: 0;
	padding-left: 0;
	border-radius: 0
}

.alert {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem
}

.alert-heading {
	color: inherit
}

.alert-link {
	font-weight: 700
}

.alert-dismissible {
	padding-right: 4rem
}

.alert-dismissible .close {
	position: absolute;
	top: 0;
	right: 0;
	padding: .75rem 1.25rem;
	color: inherit
}

.alert-primary {
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff
}

.alert-primary hr {
	border-top-color: #9fcdff
}

.alert-primary .alert-link {
	color: #002752
}

.alert-secondary {
	color: #383d41;
	background-color: #e2e3e5;
	border-color: #d6d8db
}

.alert-secondary hr {
	border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
	color: #202326
}

.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb
}

.alert-success hr {
	border-top-color: #b1dfbb
}

.alert-success .alert-link {
	color: #0b2e13
}

.alert-info {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb
}

.alert-info hr {
	border-top-color: #abdde5
}

.alert-info .alert-link {
	color: #062c33
}

.alert-warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba
}

.alert-warning hr {
	border-top-color: #ffe8a1
}

.alert-warning .alert-link {
	color: #533f03
}

.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb
}

.alert-danger hr {
	border-top-color: #f1b0b7
}

.alert-danger .alert-link {
	color: #491217
}

.alert-light {
	color: #818182;
	background-color: #fefefe;
	border-color: #fdfdfe
}

.alert-light hr {
	border-top-color: #ececf6
}

.alert-light .alert-link {
	color: #686868
}

.alert-dark {
	color: #1b1e21;
	background-color: #d6d8d9;
	border-color: #c6c8ca
}

.alert-dark hr {
	border-top-color: #b9bbbe
}

.alert-dark .alert-link {
	color: #040505
}

@keyframes progress-bar-stripes {
	0% {
		background-position: 1rem 0
	}
	to {
		background-position: 0 0
	}
}

.progress {
	height: 1rem;
	overflow: hidden;
	font-size: .75rem;
	background-color: #e9ecef;
	border-radius: .25rem
}

.progress,
.progress-bar {
	display: -ms-flexbox;
	display: flex
}

.progress-bar {
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: #007bff;
	transition: width .6s ease
}

@media screen and (prefers-reduced-motion:reduce) {
	.progress-bar {
		transition: none
	}
}

.progress-bar-striped {
	background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
	background-size: 1rem 1rem
}

.progress-bar-animated {
	animation: progress-bar-stripes 1s linear infinite
}

.media {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start
}

.media-body {
	-ms-flex: 1;
	flex: 1
}

.list-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0
}

.list-group-item-action {
	width: 100%;
	color: #495057;
	text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
	color: #495057;
	text-decoration: none;
	background-color: #f8f9fa
}

.list-group-item-action:active {
	color: #212529;
	background-color: #e9ecef
}

.list-group-item {
	position: relative;
	display: block;
	padding: .75rem 1.25rem;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem
}

.list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: .25rem;
	border-bottom-left-radius: .25rem
}

.list-group-item:focus,
.list-group-item:hover {
	z-index: 1;
	text-decoration: none
}

.list-group-item.disabled,
.list-group-item:disabled {
	color: #6c757d;
	background-color: #fff
}

.list-group-item.active {
	z-index: 2;
	color: #fff;
	background-color: #007bff;
	border-color: #007bff
}

.list-group-flush .list-group-item {
	border-right: 0;
	border-left: 0;
	border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
	border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
	border-bottom: 0
}

.list-group-item-primary {
	color: #004085;
	background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
	color: #004085;
	background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
	color: #fff;
	background-color: #004085;
	border-color: #004085
}

.list-group-item-secondary {
	color: #383d41;
	background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
	color: #383d41;
	background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
	color: #fff;
	background-color: #383d41;
	border-color: #383d41
}

.list-group-item-success {
	color: #155724;
	background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
	color: #155724;
	background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
	color: #fff;
	background-color: #155724;
	border-color: #155724
}

.list-group-item-info {
	color: #0c5460;
	background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
	color: #0c5460;
	background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
	color: #fff;
	background-color: #0c5460;
	border-color: #0c5460
}

.list-group-item-warning {
	color: #856404;
	background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
	color: #856404;
	background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
	color: #fff;
	background-color: #856404;
	border-color: #856404
}

.list-group-item-danger {
	color: #721c24;
	background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
	color: #721c24;
	background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
	color: #fff;
	background-color: #721c24;
	border-color: #721c24
}

.list-group-item-light {
	color: #818182;
	background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
	color: #818182;
	background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
	color: #fff;
	background-color: #818182;
	border-color: #818182
}

.list-group-item-dark {
	color: #1b1e21;
	background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
	color: #1b1e21;
	background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
	color: #fff;
	background-color: #1b1e21;
	border-color: #1b1e21
}

.close {
	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5
}

.close:focus,
.close:hover {
	color: #000;
	text-decoration: none;
	opacity: .75
}

.close:not(:disabled):not(.disabled) {
	cursor: pointer
}

button.close {
	padding: 0;
	background-color: transparent;
	border: 0;
	-webkit-appearance: none
}

.modal,
.modal-open {
	overflow: hidden
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	outline: 0
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: .5rem;
	pointer-events: none
}

.modal.fade .modal-dialog {
	transition: transform .3s ease-out;
	transform: translateY(-25%)
}

@media screen and (prefers-reduced-motion:reduce) {
	.modal.fade .modal-dialog {
		transition: none
	}
}

.modal.show .modal-dialog {
	transform: translate(0)
}

.modal-dialog-centered {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - 1rem)
}

.modal-content {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: .3rem;
	outline: 0
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000
}

.modal-backdrop.fade {
	opacity: 0
}

.modal-backdrop.show {
	opacity: .5
}

.modal-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem;
	border-bottom: 1px solid #e9ecef;
	border-top-left-radius: .3rem;
	border-top-right-radius: .3rem
}

.modal-header .close {
	padding: 1rem;
	margin: -1rem -1rem -1rem auto
}

.modal-title {
	margin-bottom: 0;
	line-height: 1.5
}

.modal-body {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem
}

.modal-footer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 1rem;
	border-top: 1px solid #e9ecef
}

.modal-footer>:not(:first-child) {
	margin-left: .25rem
}

.modal-footer>:not(:last-child) {
	margin-right: .25rem
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

@media (min-width:576px) {
	.modal-dialog {
		max-width: 500px;
		margin: 1.75rem auto
	}
	.modal-dialog-centered {
		min-height: calc(100% - 3.5rem)
	}
	.modal-sm {
		max-width: 300px
	}
}

@media (min-width:992px) {
	.modal-lg {
		max-width: 800px
	}
}

.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	white-space: normal;
	line-break: auto;
	font-size: .875rem;
	word-wrap: break-word;
	opacity: 0
}

.tooltip.show {
	opacity: .9
}

.tooltip .arrow {
	position: absolute;
	display: block;
	width: .8rem;
	height: .4rem
}

.tooltip .arrow:before {
	position: absolute;
	content: "";
	border-color: transparent;
	border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
	padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
	bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow:before,
.bs-tooltip-top .arrow:before {
	top: 0;
	border-width: .4rem .4rem 0;
	border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
	padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
	left: 0;
	width: .4rem;
	height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow:before,
.bs-tooltip-right .arrow:before {
	right: 0;
	border-width: .4rem .4rem .4rem 0;
	border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
	padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
	top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.bs-tooltip-bottom .arrow:before {
	bottom: 0;
	border-width: 0 .4rem .4rem;
	border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
	padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
	right: 0;
	width: .4rem;
	height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow:before,
.bs-tooltip-left .arrow:before {
	left: 0;
	border-width: .4rem 0 .4rem .4rem;
	border-left-color: #000
}

.tooltip-inner {
	max-width: 200px;
	padding: .25rem .5rem;
	color: #fff;
	text-align: center;
	background-color: #000;
	border-radius: .25rem
}

.popover {
	top: 0;
	left: 0;
	z-index: 1060;
	max-width: 276px;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	white-space: normal;
	line-break: auto;
	font-size: .875rem;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: .3rem
}

.popover,
.popover .arrow {
	position: absolute;
	display: block
}

.popover .arrow {
	width: 1rem;
	height: .5rem;
	margin: 0 .3rem
}

.popover .arrow:after,
.popover .arrow:before {
	position: absolute;
	display: block;
	content: "";
	border-color: transparent;
	border-style: solid
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
	margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top] .arrow,
.bs-popover-top .arrow {
	bottom: calc((.5rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=top] .arrow:after,
.bs-popover-auto[x-placement^=top] .arrow:before,
.bs-popover-top .arrow:after,
.bs-popover-top .arrow:before {
	border-width: .5rem .5rem 0
}

.bs-popover-auto[x-placement^=top] .arrow:before,
.bs-popover-top .arrow:before {
	bottom: 0;
	border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top] .arrow:after,
.bs-popover-top .arrow:after {
	bottom: 1px;
	border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
	margin-left: .5rem
}

.bs-popover-auto[x-placement^=right] .arrow,
.bs-popover-right .arrow {
	left: calc((.5rem + 1px) * -1);
	width: .5rem;
	height: 1rem;
	margin: .3rem 0
}

.bs-popover-auto[x-placement^=right] .arrow:after,
.bs-popover-auto[x-placement^=right] .arrow:before,
.bs-popover-right .arrow:after,
.bs-popover-right .arrow:before {
	border-width: .5rem .5rem .5rem 0
}

.bs-popover-auto[x-placement^=right] .arrow:before,
.bs-popover-right .arrow:before {
	left: 0;
	border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right] .arrow:after,
.bs-popover-right .arrow:after {
	left: 1px;
	border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
	margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom] .arrow,
.bs-popover-bottom .arrow {
	top: calc((.5rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=bottom] .arrow:after,
.bs-popover-auto[x-placement^=bottom] .arrow:before,
.bs-popover-bottom .arrow:after,
.bs-popover-bottom .arrow:before {
	border-width: 0 .5rem .5rem
}

.bs-popover-auto[x-placement^=bottom] .arrow:before,
.bs-popover-bottom .arrow:before {
	top: 0;
	border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom] .arrow:after,
.bs-popover-bottom .arrow:after {
	top: 1px;
	border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.bs-popover-bottom .popover-header:before {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 1rem;
	margin-left: -.5rem;
	content: "";
	border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
	margin-right: .5rem
}

.bs-popover-auto[x-placement^=left] .arrow,
.bs-popover-left .arrow {
	right: calc((.5rem + 1px) * -1);
	width: .5rem;
	height: 1rem;
	margin: .3rem 0
}

.bs-popover-auto[x-placement^=left] .arrow:after,
.bs-popover-auto[x-placement^=left] .arrow:before,
.bs-popover-left .arrow:after,
.bs-popover-left .arrow:before {
	border-width: .5rem 0 .5rem .5rem
}

.bs-popover-auto[x-placement^=left] .arrow:before,
.bs-popover-left .arrow:before {
	right: 0;
	border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left] .arrow:after,
.bs-popover-left .arrow:after {
	right: 1px;
	border-left-color: #fff
}

.popover-header {
	padding: .5rem .75rem;
	margin-bottom: 0;
	font-size: 1rem;
	color: inherit;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-top-left-radius: calc(.3rem - 1px);
	border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
	display: none
}

.popover-body {
	padding: .5rem .75rem;
	color: #212529
}

.carousel {
	position: relative
}

.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden
}

.carousel-item {
	position: relative;
	display: none;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	transition: transform .6s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	perspective: 1000px
}

@media screen and (prefers-reduced-motion:reduce) {
	.carousel-item {
		transition: none
	}
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
	display: block
}

.carousel-item-next,
.carousel-item-prev {
	position: absolute;
	top: 0
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
	transform: translateX(0)
}

@supports (transform-style:preserve-3d) {
	.carousel-item-next.carousel-item-left,
	.carousel-item-prev.carousel-item-right {
		transform: translateZ(0)
	}
}

.active.carousel-item-right,
.carousel-item-next {
	transform: translateX(100%)
}

@supports (transform-style:preserve-3d) {
	.active.carousel-item-right,
	.carousel-item-next {
		transform: translate3d(100%, 0, 0)
	}
}

.active.carousel-item-left,
.carousel-item-prev {
	transform: translateX(-100%)
}

@supports (transform-style:preserve-3d) {
	.active.carousel-item-left,
	.carousel-item-prev {
		transform: translate3d(-100%, 0, 0)
	}
}

.carousel-fade .carousel-item {
	opacity: 0;
	transition-duration: .6s;
	transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
	opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
	opacity: 0
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active {
	transform: translateX(0)
}

@supports (transform-style:preserve-3d) {
	.carousel-fade .active.carousel-item-left,
	.carousel-fade .active.carousel-item-prev,
	.carousel-fade .carousel-item-next,
	.carousel-fade .carousel-item-prev,
	.carousel-fade .carousel-item.active {
		transform: translateZ(0)
	}
}

.carousel-control-next,
.carousel-control-prev {
	position: absolute;
	top: 0;
	bottom: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 15%;
	color: #fff;
	text-align: center;
	opacity: .5
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
	color: #fff;
	text-decoration: none;
	outline: 0;
	opacity: .9
}

.carousel-control-prev {
	left: 0
}

.carousel-control-next {
	right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: transparent no-repeat 50%;
	background-size: 100% 100%
}

.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
	position: absolute;
	right: 0;
	bottom: 10px;
	left: 0;
	z-index: 15;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 0;
	margin-right: 15%;
	margin-left: 15%;
	list-style: none
}

.carousel-indicators li {
	position: relative;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 30px;
	height: 3px;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	background-color: hsla(0, 0%, 100%, .5)
}

.carousel-indicators li:before {
	top: -10px
}

.carousel-indicators li:after,
.carousel-indicators li:before {
	position: absolute;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 10px;
	content: ""
}

.carousel-indicators li:after {
	bottom: -10px
}

.carousel-indicators .active {
	background-color: #fff
}

.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center
}

.align-baseline {
	vertical-align: baseline!important
}

.align-top {
	vertical-align: top!important
}

.align-middle {
	vertical-align: middle!important
}

.align-bottom {
	vertical-align: bottom!important
}

.align-text-bottom {
	vertical-align: text-bottom!important
}

.align-text-top {
	vertical-align: text-top!important
}

.bg-primary {
	background-color: #007bff!important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
	background-color: #0062cc!important
}

.bg-secondary {
	background-color: #6c757d!important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
	background-color: #545b62!important
}

.bg-success {
	background-color: #28a745!important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
	background-color: #1e7e34!important
}

.bg-info {
	background-color: #17a2b8!important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
	background-color: #117a8b!important
}

.bg-warning {
	background-color: #ffc107!important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
	background-color: #d39e00!important
}

.bg-danger {
	background-color: #dc3545!important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
	background-color: #bd2130!important
}

.bg-light {
	background-color: #f8f9fa!important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
	background-color: #dae0e5!important
}

.bg-dark {
	background-color: #343a40!important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
	background-color: #1d2124!important
}

.bg-white {
	background-color: #fff!important
}

.bg-transparent {
	background-color: transparent!important
}

.border {
	border: 1px solid #dee2e6!important
}

.border-top {
	border-top: 1px solid #dee2e6!important
}

.border-right {
	border-right: 1px solid #dee2e6!important
}

.border-bottom {
	border-bottom: 1px solid #dee2e6!important
}

.border-left {
	border-left: 1px solid #dee2e6!important
}

.border-0 {
	border: 0!important
}

.border-top-0 {
	border-top: 0!important
}

.border-right-0 {
	border-right: 0!important
}

.border-bottom-0 {
	border-bottom: 0!important
}

.border-left-0 {
	border-left: 0!important
}

.border-primary {
	border-color: #007bff!important
}

.border-secondary {
	border-color: #6c757d!important
}

.border-success {
	border-color: #28a745!important
}

.border-info {
	border-color: #17a2b8!important
}

.border-warning {
	border-color: #ffc107!important
}

.border-danger {
	border-color: #dc3545!important
}

.border-light {
	border-color: #f8f9fa!important
}

.border-dark {
	border-color: #343a40!important
}

.border-white {
	border-color: #fff!important
}

.rounded {
	border-radius: .25rem!important
}

.rounded-top {
	border-top-left-radius: .25rem!important
}

.rounded-right,
.rounded-top {
	border-top-right-radius: .25rem!important
}

.rounded-bottom,
.rounded-right {
	border-bottom-right-radius: .25rem!important
}

.rounded-bottom,
.rounded-left {
	border-bottom-left-radius: .25rem!important
}

.rounded-left {
	border-top-left-radius: .25rem!important
}

.rounded-circle {
	border-radius: 50%!important
}

.rounded-0 {
	border-radius: 0!important
}

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

.d-none {
	display: none!important
}

.d-inline {
	display: inline!important
}

.d-inline-block {
	display: inline-block!important
}

.d-block {
	display: block!important
}

.d-table {
	display: table!important
}

.d-table-row {
	display: table-row!important
}

.d-table-cell {
	display: table-cell!important
}

.d-flex {
	display: -ms-flexbox!important;
	display: flex!important
}

.d-inline-flex {
	display: -ms-inline-flexbox!important;
	display: inline-flex!important
}

@media (min-width:576px) {
	.d-sm-none {
		display: none!important
	}
	.d-sm-inline {
		display: inline!important
	}
	.d-sm-inline-block {
		display: inline-block!important
	}
	.d-sm-block {
		display: block!important
	}
	.d-sm-table {
		display: table!important
	}
	.d-sm-table-row {
		display: table-row!important
	}
	.d-sm-table-cell {
		display: table-cell!important
	}
	.d-sm-flex {
		display: -ms-flexbox!important;
		display: flex!important
	}
	.d-sm-inline-flex {
		display: -ms-inline-flexbox!important;
		display: inline-flex!important
	}
}

@media (min-width:768px) {
	.d-md-none {
		display: none!important
	}
	.d-md-inline {
		display: inline!important
	}
	.d-md-inline-block {
		display: inline-block!important
	}
	.d-md-block {
		display: block!important
	}
	.d-md-table {
		display: table!important
	}
	.d-md-table-row {
		display: table-row!important
	}
	.d-md-table-cell {
		display: table-cell!important
	}
	.d-md-flex {
		display: -ms-flexbox!important;
		display: flex!important
	}
	.d-md-inline-flex {
		display: -ms-inline-flexbox!important;
		display: inline-flex!important
	}
}

@media (min-width:992px) {
	.d-lg-none {
		display: none!important
	}
	.d-lg-inline {
		display: inline!important
	}
	.d-lg-inline-block {
		display: inline-block!important
	}
	.d-lg-block {
		display: block!important
	}
	.d-lg-table {
		display: table!important
	}
	.d-lg-table-row {
		display: table-row!important
	}
	.d-lg-table-cell {
		display: table-cell!important
	}
	.d-lg-flex {
		display: -ms-flexbox!important;
		display: flex!important
	}
	.d-lg-inline-flex {
		display: -ms-inline-flexbox!important;
		display: inline-flex!important
	}
}

@media (min-width:1200px) {
	.d-xl-none {
		display: none!important
	}
	.d-xl-inline {
		display: inline!important
	}
	.d-xl-inline-block {
		display: inline-block!important
	}
	.d-xl-block {
		display: block!important
	}
	.d-xl-table {
		display: table!important
	}
	.d-xl-table-row {
		display: table-row!important
	}
	.d-xl-table-cell {
		display: table-cell!important
	}
	.d-xl-flex {
		display: -ms-flexbox!important;
		display: flex!important
	}
	.d-xl-inline-flex {
		display: -ms-inline-flexbox!important;
		display: inline-flex!important
	}
}

@media print {
	.d-print-none {
		display: none!important
	}
	.d-print-inline {
		display: inline!important
	}
	.d-print-inline-block {
		display: inline-block!important
	}
	.d-print-block {
		display: block!important
	}
	.d-print-table {
		display: table!important
	}
	.d-print-table-row {
		display: table-row!important
	}
	.d-print-table-cell {
		display: table-cell!important
	}
	.d-print-flex {
		display: -ms-flexbox!important;
		display: flex!important
	}
	.d-print-inline-flex {
		display: -ms-inline-flexbox!important;
		display: inline-flex!important
	}
}

.embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden
}

.embed-responsive:before {
	display: block;
	content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0
}

.embed-responsive-21by9:before {
	padding-top: 42.85714%
}

.embed-responsive-16by9:before {
	padding-top: 56.25%
}

.embed-responsive-4by3:before {
	padding-top: 75%
}

.embed-responsive-1by1:before {
	padding-top: 100%
}

.flex-row {
	-ms-flex-direction: row!important;
	flex-direction: row!important
}

.flex-column {
	-ms-flex-direction: column!important;
	flex-direction: column!important
}

.flex-row-reverse {
	-ms-flex-direction: row-reverse!important;
	flex-direction: row-reverse!important
}

.flex-column-reverse {
	-ms-flex-direction: column-reverse!important;
	flex-direction: column-reverse!important
}

.flex-wrap {
	-ms-flex-wrap: wrap!important;
	flex-wrap: wrap!important
}

.flex-nowrap {
	-ms-flex-wrap: nowrap!important;
	flex-wrap: nowrap!important
}

.flex-wrap-reverse {
	-ms-flex-wrap: wrap-reverse!important;
	flex-wrap: wrap-reverse!important
}

.flex-fill {
	-ms-flex: 1 1 auto!important;
	flex: 1 1 auto!important
}

.flex-grow-0 {
	-ms-flex-positive: 0!important;
	flex-grow: 0!important
}

.flex-grow-1 {
	-ms-flex-positive: 1!important;
	flex-grow: 1!important
}

.flex-shrink-0 {
	-ms-flex-negative: 0!important;
	flex-shrink: 0!important
}

.flex-shrink-1 {
	-ms-flex-negative: 1!important;
	flex-shrink: 1!important
}

.justify-content-start {
	-ms-flex-pack: start!important;
	justify-content: flex-start!important
}

.justify-content-end {
	-ms-flex-pack: end!important;
	justify-content: flex-end!important
}

.justify-content-center {
	-ms-flex-pack: center!important;
	justify-content: center!important
}

.justify-content-between {
	-ms-flex-pack: justify!important;
	justify-content: space-between!important
}

.justify-content-around {
	-ms-flex-pack: distribute!important;
	justify-content: space-around!important
}

.align-items-start {
	-ms-flex-align: start!important;
	align-items: flex-start!important
}

.align-items-end {
	-ms-flex-align: end!important;
	align-items: flex-end!important
}

.align-items-center {
	-ms-flex-align: center!important;
	align-items: center!important
}

.align-items-baseline {
	-ms-flex-align: baseline!important;
	align-items: baseline!important
}

.align-items-stretch {
	-ms-flex-align: stretch!important;
	align-items: stretch!important
}

.align-content-start {
	-ms-flex-line-pack: start!important;
	align-content: flex-start!important
}

.align-content-end {
	-ms-flex-line-pack: end!important;
	align-content: flex-end!important
}

.align-content-center {
	-ms-flex-line-pack: center!important;
	align-content: center!important
}

.align-content-between {
	-ms-flex-line-pack: justify!important;
	align-content: space-between!important
}

.align-content-around {
	-ms-flex-line-pack: distribute!important;
	align-content: space-around!important
}

.align-content-stretch {
	-ms-flex-line-pack: stretch!important;
	align-content: stretch!important
}

.align-self-auto {
	-ms-flex-item-align: auto!important;
	-ms-grid-row-align: auto!important;
	align-self: auto!important
}

.align-self-start {
	-ms-flex-item-align: start!important;
	align-self: flex-start!important
}

.align-self-end {
	-ms-flex-item-align: end!important;
	align-self: flex-end!important
}

.align-self-center {
	-ms-flex-item-align: center!important;
	-ms-grid-row-align: center!important;
	align-self: center!important
}

.align-self-baseline {
	-ms-flex-item-align: baseline!important;
	align-self: baseline!important
}

.align-self-stretch {
	-ms-flex-item-align: stretch!important;
	-ms-grid-row-align: stretch!important;
	align-self: stretch!important
}

@media (min-width:576px) {
	.flex-sm-row {
		-ms-flex-direction: row!important;
		flex-direction: row!important
	}
	.flex-sm-column {
		-ms-flex-direction: column!important;
		flex-direction: column!important
	}
	.flex-sm-row-reverse {
		-ms-flex-direction: row-reverse!important;
		flex-direction: row-reverse!important
	}
	.flex-sm-column-reverse {
		-ms-flex-direction: column-reverse!important;
		flex-direction: column-reverse!important
	}
	.flex-sm-wrap {
		-ms-flex-wrap: wrap!important;
		flex-wrap: wrap!important
	}
	.flex-sm-nowrap {
		-ms-flex-wrap: nowrap!important;
		flex-wrap: nowrap!important
	}
	.flex-sm-wrap-reverse {
		-ms-flex-wrap: wrap-reverse!important;
		flex-wrap: wrap-reverse!important
	}
	.flex-sm-fill {
		-ms-flex: 1 1 auto!important;
		flex: 1 1 auto!important
	}
	.flex-sm-grow-0 {
		-ms-flex-positive: 0!important;
		flex-grow: 0!important
	}
	.flex-sm-grow-1 {
		-ms-flex-positive: 1!important;
		flex-grow: 1!important
	}
	.flex-sm-shrink-0 {
		-ms-flex-negative: 0!important;
		flex-shrink: 0!important
	}
	.flex-sm-shrink-1 {
		-ms-flex-negative: 1!important;
		flex-shrink: 1!important
	}
	.justify-content-sm-start {
		-ms-flex-pack: start!important;
		justify-content: flex-start!important
	}
	.justify-content-sm-end {
		-ms-flex-pack: end!important;
		justify-content: flex-end!important
	}
	.justify-content-sm-center {
		-ms-flex-pack: center!important;
		justify-content: center!important
	}
	.justify-content-sm-between {
		-ms-flex-pack: justify!important;
		justify-content: space-between!important
	}
	.justify-content-sm-around {
		-ms-flex-pack: distribute!important;
		justify-content: space-around!important
	}
	.align-items-sm-start {
		-ms-flex-align: start!important;
		align-items: flex-start!important
	}
	.align-items-sm-end {
		-ms-flex-align: end!important;
		align-items: flex-end!important
	}
	.align-items-sm-center {
		-ms-flex-align: center!important;
		align-items: center!important
	}
	.align-items-sm-baseline {
		-ms-flex-align: baseline!important;
		align-items: baseline!important
	}
	.align-items-sm-stretch {
		-ms-flex-align: stretch!important;
		align-items: stretch!important
	}
	.align-content-sm-start {
		-ms-flex-line-pack: start!important;
		align-content: flex-start!important
	}
	.align-content-sm-end {
		-ms-flex-line-pack: end!important;
		align-content: flex-end!important
	}
	.align-content-sm-center {
		-ms-flex-line-pack: center!important;
		align-content: center!important
	}
	.align-content-sm-between {
		-ms-flex-line-pack: justify!important;
		align-content: space-between!important
	}
	.align-content-sm-around {
		-ms-flex-line-pack: distribute!important;
		align-content: space-around!important
	}
	.align-content-sm-stretch {
		-ms-flex-line-pack: stretch!important;
		align-content: stretch!important
	}
	.align-self-sm-auto {
		-ms-flex-item-align: auto!important;
		-ms-grid-row-align: auto!important;
		align-self: auto!important
	}
	.align-self-sm-start {
		-ms-flex-item-align: start!important;
		align-self: flex-start!important
	}
	.align-self-sm-end {
		-ms-flex-item-align: end!important;
		align-self: flex-end!important
	}
	.align-self-sm-center {
		-ms-flex-item-align: center!important;
		-ms-grid-row-align: center!important;
		align-self: center!important
	}
	.align-self-sm-baseline {
		-ms-flex-item-align: baseline!important;
		align-self: baseline!important
	}
	.align-self-sm-stretch {
		-ms-flex-item-align: stretch!important;
		-ms-grid-row-align: stretch!important;
		align-self: stretch!important
	}
}

@media (min-width:768px) {
	.flex-md-row {
		-ms-flex-direction: row!important;
		flex-direction: row!important
	}
	.flex-md-column {
		-ms-flex-direction: column!important;
		flex-direction: column!important
	}
	.flex-md-row-reverse {
		-ms-flex-direction: row-reverse!important;
		flex-direction: row-reverse!important
	}
	.flex-md-column-reverse {
		-ms-flex-direction: column-reverse!important;
		flex-direction: column-reverse!important
	}
	.flex-md-wrap {
		-ms-flex-wrap: wrap!important;
		flex-wrap: wrap!important
	}
	.flex-md-nowrap {
		-ms-flex-wrap: nowrap!important;
		flex-wrap: nowrap!important
	}
	.flex-md-wrap-reverse {
		-ms-flex-wrap: wrap-reverse!important;
		flex-wrap: wrap-reverse!important
	}
	.flex-md-fill {
		-ms-flex: 1 1 auto!important;
		flex: 1 1 auto!important
	}
	.flex-md-grow-0 {
		-ms-flex-positive: 0!important;
		flex-grow: 0!important
	}
	.flex-md-grow-1 {
		-ms-flex-positive: 1!important;
		flex-grow: 1!important
	}
	.flex-md-shrink-0 {
		-ms-flex-negative: 0!important;
		flex-shrink: 0!important
	}
	.flex-md-shrink-1 {
		-ms-flex-negative: 1!important;
		flex-shrink: 1!important
	}
	.justify-content-md-start {
		-ms-flex-pack: start!important;
		justify-content: flex-start!important
	}
	.justify-content-md-end {
		-ms-flex-pack: end!important;
		justify-content: flex-end!important
	}
	.justify-content-md-center {
		-ms-flex-pack: center!important;
		justify-content: center!important
	}
	.justify-content-md-between {
		-ms-flex-pack: justify!important;
		justify-content: space-between!important
	}
	.justify-content-md-around {
		-ms-flex-pack: distribute!important;
		justify-content: space-around!important
	}
	.align-items-md-start {
		-ms-flex-align: start!important;
		align-items: flex-start!important
	}
	.align-items-md-end {
		-ms-flex-align: end!important;
		align-items: flex-end!important
	}
	.align-items-md-center {
		-ms-flex-align: center!important;
		align-items: center!important
	}
	.align-items-md-baseline {
		-ms-flex-align: baseline!important;
		align-items: baseline!important
	}
	.align-items-md-stretch {
		-ms-flex-align: stretch!important;
		align-items: stretch!important
	}
	.align-content-md-start {
		-ms-flex-line-pack: start!important;
		align-content: flex-start!important
	}
	.align-content-md-end {
		-ms-flex-line-pack: end!important;
		align-content: flex-end!important
	}
	.align-content-md-center {
		-ms-flex-line-pack: center!important;
		align-content: center!important
	}
	.align-content-md-between {
		-ms-flex-line-pack: justify!important;
		align-content: space-between!important
	}
	.align-content-md-around {
		-ms-flex-line-pack: distribute!important;
		align-content: space-around!important
	}
	.align-content-md-stretch {
		-ms-flex-line-pack: stretch!important;
		align-content: stretch!important
	}
	.align-self-md-auto {
		-ms-flex-item-align: auto!important;
		-ms-grid-row-align: auto!important;
		align-self: auto!important
	}
	.align-self-md-start {
		-ms-flex-item-align: start!important;
		align-self: flex-start!important
	}
	.align-self-md-end {
		-ms-flex-item-align: end!important;
		align-self: flex-end!important
	}
	.align-self-md-center {
		-ms-flex-item-align: center!important;
		-ms-grid-row-align: center!important;
		align-self: center!important
	}
	.align-self-md-baseline {
		-ms-flex-item-align: baseline!important;
		align-self: baseline!important
	}
	.align-self-md-stretch {
		-ms-flex-item-align: stretch!important;
		-ms-grid-row-align: stretch!important;
		align-self: stretch!important
	}
}

@media (min-width:992px) {
	.flex-lg-row {
		-ms-flex-direction: row!important;
		flex-direction: row!important
	}
	.flex-lg-column {
		-ms-flex-direction: column!important;
		flex-direction: column!important
	}
	.flex-lg-row-reverse {
		-ms-flex-direction: row-reverse!important;
		flex-direction: row-reverse!important
	}
	.flex-lg-column-reverse {
		-ms-flex-direction: column-reverse!important;
		flex-direction: column-reverse!important
	}
	.flex-lg-wrap {
		-ms-flex-wrap: wrap!important;
		flex-wrap: wrap!important
	}
	.flex-lg-nowrap {
		-ms-flex-wrap: nowrap!important;
		flex-wrap: nowrap!important
	}
	.flex-lg-wrap-reverse {
		-ms-flex-wrap: wrap-reverse!important;
		flex-wrap: wrap-reverse!important
	}
	.flex-lg-fill {
		-ms-flex: 1 1 auto!important;
		flex: 1 1 auto!important
	}
	.flex-lg-grow-0 {
		-ms-flex-positive: 0!important;
		flex-grow: 0!important
	}
	.flex-lg-grow-1 {
		-ms-flex-positive: 1!important;
		flex-grow: 1!important
	}
	.flex-lg-shrink-0 {
		-ms-flex-negative: 0!important;
		flex-shrink: 0!important
	}
	.flex-lg-shrink-1 {
		-ms-flex-negative: 1!important;
		flex-shrink: 1!important
	}
	.justify-content-lg-start {
		-ms-flex-pack: start!important;
		justify-content: flex-start!important
	}
	.justify-content-lg-end {
		-ms-flex-pack: end!important;
		justify-content: flex-end!important
	}
	.justify-content-lg-center {
		-ms-flex-pack: center!important;
		justify-content: center!important
	}
	.justify-content-lg-between {
		-ms-flex-pack: justify!important;
		justify-content: space-between!important
	}
	.justify-content-lg-around {
		-ms-flex-pack: distribute!important;
		justify-content: space-around!important
	}
	.align-items-lg-start {
		-ms-flex-align: start!important;
		align-items: flex-start!important
	}
	.align-items-lg-end {
		-ms-flex-align: end!important;
		align-items: flex-end!important
	}
	.align-items-lg-center {
		-ms-flex-align: center!important;
		align-items: center!important
	}
	.align-items-lg-baseline {
		-ms-flex-align: baseline!important;
		align-items: baseline!important
	}
	.align-items-lg-stretch {
		-ms-flex-align: stretch!important;
		align-items: stretch!important
	}
	.align-content-lg-start {
		-ms-flex-line-pack: start!important;
		align-content: flex-start!important
	}
	.align-content-lg-end {
		-ms-flex-line-pack: end!important;
		align-content: flex-end!important
	}
	.align-content-lg-center {
		-ms-flex-line-pack: center!important;
		align-content: center!important
	}
	.align-content-lg-between {
		-ms-flex-line-pack: justify!important;
		align-content: space-between!important
	}
	.align-content-lg-around {
		-ms-flex-line-pack: distribute!important;
		align-content: space-around!important
	}
	.align-content-lg-stretch {
		-ms-flex-line-pack: stretch!important;
		align-content: stretch!important
	}
	.align-self-lg-auto {
		-ms-flex-item-align: auto!important;
		-ms-grid-row-align: auto!important;
		align-self: auto!important
	}
	.align-self-lg-start {
		-ms-flex-item-align: start!important;
		align-self: flex-start!important
	}
	.align-self-lg-end {
		-ms-flex-item-align: end!important;
		align-self: flex-end!important
	}
	.align-self-lg-center {
		-ms-flex-item-align: center!important;
		-ms-grid-row-align: center!important;
		align-self: center!important
	}
	.align-self-lg-baseline {
		-ms-flex-item-align: baseline!important;
		align-self: baseline!important
	}
	.align-self-lg-stretch {
		-ms-flex-item-align: stretch!important;
		-ms-grid-row-align: stretch!important;
		align-self: stretch!important
	}
}

@media (min-width:1200px) {
	.flex-xl-row {
		-ms-flex-direction: row!important;
		flex-direction: row!important
	}
	.flex-xl-column {
		-ms-flex-direction: column!important;
		flex-direction: column!important
	}
	.flex-xl-row-reverse {
		-ms-flex-direction: row-reverse!important;
		flex-direction: row-reverse!important
	}
	.flex-xl-column-reverse {
		-ms-flex-direction: column-reverse!important;
		flex-direction: column-reverse!important
	}
	.flex-xl-wrap {
		-ms-flex-wrap: wrap!important;
		flex-wrap: wrap!important
	}
	.flex-xl-nowrap {
		-ms-flex-wrap: nowrap!important;
		flex-wrap: nowrap!important
	}
	.flex-xl-wrap-reverse {
		-ms-flex-wrap: wrap-reverse!important;
		flex-wrap: wrap-reverse!important
	}
	.flex-xl-fill {
		-ms-flex: 1 1 auto!important;
		flex: 1 1 auto!important
	}
	.flex-xl-grow-0 {
		-ms-flex-positive: 0!important;
		flex-grow: 0!important
	}
	.flex-xl-grow-1 {
		-ms-flex-positive: 1!important;
		flex-grow: 1!important
	}
	.flex-xl-shrink-0 {
		-ms-flex-negative: 0!important;
		flex-shrink: 0!important
	}
	.flex-xl-shrink-1 {
		-ms-flex-negative: 1!important;
		flex-shrink: 1!important
	}
	.justify-content-xl-start {
		-ms-flex-pack: start!important;
		justify-content: flex-start!important
	}
	.justify-content-xl-end {
		-ms-flex-pack: end!important;
		justify-content: flex-end!important
	}
	.justify-content-xl-center {
		-ms-flex-pack: center!important;
		justify-content: center!important
	}
	.justify-content-xl-between {
		-ms-flex-pack: justify!important;
		justify-content: space-between!important
	}
	.justify-content-xl-around {
		-ms-flex-pack: distribute!important;
		justify-content: space-around!important
	}
	.align-items-xl-start {
		-ms-flex-align: start!important;
		align-items: flex-start!important
	}
	.align-items-xl-end {
		-ms-flex-align: end!important;
		align-items: flex-end!important
	}
	.align-items-xl-center {
		-ms-flex-align: center!important;
		align-items: center!important
	}
	.align-items-xl-baseline {
		-ms-flex-align: baseline!important;
		align-items: baseline!important
	}
	.align-items-xl-stretch {
		-ms-flex-align: stretch!important;
		align-items: stretch!important
	}
	.align-content-xl-start {
		-ms-flex-line-pack: start!important;
		align-content: flex-start!important
	}
	.align-content-xl-end {
		-ms-flex-line-pack: end!important;
		align-content: flex-end!important
	}
	.align-content-xl-center {
		-ms-flex-line-pack: center!important;
		align-content: center!important
	}
	.align-content-xl-between {
		-ms-flex-line-pack: justify!important;
		align-content: space-between!important
	}
	.align-content-xl-around {
		-ms-flex-line-pack: distribute!important;
		align-content: space-around!important
	}
	.align-content-xl-stretch {
		-ms-flex-line-pack: stretch!important;
		align-content: stretch!important
	}
	.align-self-xl-auto {
		-ms-flex-item-align: auto!important;
		-ms-grid-row-align: auto!important;
		align-self: auto!important
	}
	.align-self-xl-start {
		-ms-flex-item-align: start!important;
		align-self: flex-start!important
	}
	.align-self-xl-end {
		-ms-flex-item-align: end!important;
		align-self: flex-end!important
	}
	.align-self-xl-center {
		-ms-flex-item-align: center!important;
		-ms-grid-row-align: center!important;
		align-self: center!important
	}
	.align-self-xl-baseline {
		-ms-flex-item-align: baseline!important;
		align-self: baseline!important
	}
	.align-self-xl-stretch {
		-ms-flex-item-align: stretch!important;
		-ms-grid-row-align: stretch!important;
		align-self: stretch!important
	}
}

.float-left {
	float: left!important
}

.float-right {
	float: right!important
}

.float-none {
	float: none!important
}

@media (min-width:576px) {
	.float-sm-left {
		float: left!important
	}
	.float-sm-right {
		float: right!important
	}
	.float-sm-none {
		float: none!important
	}
}

@media (min-width:768px) {
	.float-md-left {
		float: left!important
	}
	.float-md-right {
		float: right!important
	}
	.float-md-none {
		float: none!important
	}
}

@media (min-width:992px) {
	.float-lg-left {
		float: left!important
	}
	.float-lg-right {
		float: right!important
	}
	.float-lg-none {
		float: none!important
	}
}

@media (min-width:1200px) {
	.float-xl-left {
		float: left!important
	}
	.float-xl-right {
		float: right!important
	}
	.float-xl-none {
		float: none!important
	}
}

.position-static {
	position: static!important
}

.position-relative {
	position: relative!important
}

.position-absolute {
	position: absolute!important
}

.position-fixed {
	position: fixed!important
}

.position-sticky {
	position: sticky!important
}

.fixed-top {
	top: 0
}

.fixed-bottom,
.fixed-top {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030
}

.fixed-bottom {
	bottom: 0
}

@supports (position:sticky) {
	.sticky-top {
		position: sticky;
		top: 0;
		z-index: 1020
	}
}

.sr-only {
	white-space: nowrap
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	white-space: normal
}

.shadow-sm {
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

.shadow {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important
}

.shadow-lg {
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)!important
}

.shadow-none {
	box-shadow: none!important
}

.w-25 {
	width: 25%!important
}

.w-50 {
	width: 50%!important
}

.w-75 {
	width: 75%!important
}

.w-100 {
	width: 100%!important
}

.w-auto {
	width: auto!important
}

.h-25 {
	height: 25%!important
}

.h-50 {
	height: 50%!important
}

.h-75 {
	height: 75%!important
}

.h-100 {
	height: 100%!important
}

.h-auto {
	height: auto!important
}

.mw-100 {
	max-width: 100%!important
}

.mh-100 {
	max-height: 100%!important
}

.m-0 {
	margin: 0!important
}

.mt-0,
.my-0 {
	margin-top: 0!important
}

.mr-0,
.mx-0 {
	margin-right: 0!important
}

.mb-0,
.my-0 {
	margin-bottom: 0!important
}

.ml-0,
.mx-0 {
	margin-left: 0!important
}

.m-1 {
	margin: .25rem!important
}

.mt-1,
.my-1 {
	margin-top: .25rem!important
}

.mr-1,
.mx-1 {
	margin-right: .25rem!important
}

.mb-1,
.my-1 {
	margin-bottom: .25rem!important
}

.ml-1,
.mx-1 {
	margin-left: .25rem!important
}

.m-2 {
	margin: .5rem!important
}

.mt-2,
.my-2 {
	margin-top: .5rem!important
}

.mr-2,
.mx-2 {
	margin-right: .5rem!important
}

.mb-2,
.my-2 {
	margin-bottom: .5rem!important
}

.ml-2,
.mx-2 {
	margin-left: .5rem!important
}

.m-3 {
	margin: 1rem!important
}

.mt-3,
.my-3 {
	margin-top: 1rem!important
}

.mr-3,
.mx-3 {
	margin-right: 1rem!important
}

.mb-3,
.my-3 {
	margin-bottom: 1rem!important
}

.ml-3,
.mx-3 {
	margin-left: 1rem!important
}

.m-4 {
	margin: 1.5rem!important
}

.mt-4,
.my-4 {
	margin-top: 1.5rem!important
}

.mr-4,
.mx-4 {
	margin-right: 1.5rem!important
}

.mb-4,
.my-4 {
	margin-bottom: 1.5rem!important
}

.ml-4,
.mx-4 {
	margin-left: 1.5rem!important
}

.m-5 {
	margin: 3rem!important
}

.mt-5,
.my-5 {
	margin-top: 3rem!important
}

.mr-5,
.mx-5 {
	margin-right: 3rem!important
}

.mb-5,
.my-5 {
	margin-bottom: 3rem!important
}

.ml-5,
.mx-5 {
	margin-left: 3rem!important
}

.p-0 {
	padding: 0!important
}

.pt-0,
.py-0 {
	padding-top: 0!important
}

.pr-0,
.px-0 {
	padding-right: 0!important
}

.pb-0,
.py-0 {
	padding-bottom: 0!important
}

.pl-0,
.px-0 {
	padding-left: 0!important
}

.p-1 {
	padding: .25rem!important
}

.pt-1,
.py-1 {
	padding-top: .25rem!important
}

.pr-1,
.px-1 {
	padding-right: .25rem!important
}

.pb-1,
.py-1 {
	padding-bottom: .25rem!important
}

.pl-1,
.px-1 {
	padding-left: .25rem!important
}

.p-2 {
	padding: .5rem!important
}

.pt-2,
.py-2 {
	padding-top: .5rem!important
}

.pr-2,
.px-2 {
	padding-right: .5rem!important
}

.pb-2,
.py-2 {
	padding-bottom: .5rem!important
}

.pl-2,
.px-2 {
	padding-left: .5rem!important
}

.p-3 {
	padding: 1rem!important
}

.pt-3,
.py-3 {
	padding-top: 1rem!important
}

.pr-3,
.px-3 {
	padding-right: 1rem!important
}

.pb-3,
.py-3 {
	padding-bottom: 1rem!important
}

.pl-3,
.px-3 {
	padding-left: 1rem!important
}

.p-4 {
	padding: 1.5rem!important
}

.pt-4,
.py-4 {
	padding-top: 1.5rem!important
}

.pr-4,
.px-4 {
	padding-right: 1.5rem!important
}

.pb-4,
.py-4 {
	padding-bottom: 1.5rem!important
}

.pl-4,
.px-4 {
	padding-left: 1.5rem!important
}

.p-5 {
	padding: 3rem!important
}

.pt-5,
.py-5 {
	padding-top: 3rem!important
}

.pr-5,
.px-5 {
	padding-right: 3rem!important
}

.pb-5,
.py-5 {
	padding-bottom: 3rem!important
}

.pl-5,
.px-5 {
	padding-left: 3rem!important
}

.m-auto {
	margin: auto!important
}

.mt-auto,
.my-auto {
	margin-top: auto!important
}

.mr-auto,
.mx-auto {
	margin-right: auto!important
}

.mb-auto,
.my-auto {
	margin-bottom: auto!important
}

.ml-auto,
.mx-auto {
	margin-left: auto!important
}

@media (min-width:576px) {
	.m-sm-0 {
		margin: 0!important
	}
	.mt-sm-0,
	.my-sm-0 {
		margin-top: 0!important
	}
	.mr-sm-0,
	.mx-sm-0 {
		margin-right: 0!important
	}
	.mb-sm-0,
	.my-sm-0 {
		margin-bottom: 0!important
	}
	.ml-sm-0,
	.mx-sm-0 {
		margin-left: 0!important
	}
	.m-sm-1 {
		margin: .25rem!important
	}
	.mt-sm-1,
	.my-sm-1 {
		margin-top: .25rem!important
	}
	.mr-sm-1,
	.mx-sm-1 {
		margin-right: .25rem!important
	}
	.mb-sm-1,
	.my-sm-1 {
		margin-bottom: .25rem!important
	}
	.ml-sm-1,
	.mx-sm-1 {
		margin-left: .25rem!important
	}
	.m-sm-2 {
		margin: .5rem!important
	}
	.mt-sm-2,
	.my-sm-2 {
		margin-top: .5rem!important
	}
	.mr-sm-2,
	.mx-sm-2 {
		margin-right: .5rem!important
	}
	.mb-sm-2,
	.my-sm-2 {
		margin-bottom: .5rem!important
	}
	.ml-sm-2,
	.mx-sm-2 {
		margin-left: .5rem!important
	}
	.m-sm-3 {
		margin: 1rem!important
	}
	.mt-sm-3,
	.my-sm-3 {
		margin-top: 1rem!important
	}
	.mr-sm-3,
	.mx-sm-3 {
		margin-right: 1rem!important
	}
	.mb-sm-3,
	.my-sm-3 {
		margin-bottom: 1rem!important
	}
	.ml-sm-3,
	.mx-sm-3 {
		margin-left: 1rem!important
	}
	.m-sm-4 {
		margin: 1.5rem!important
	}
	.mt-sm-4,
	.my-sm-4 {
		margin-top: 1.5rem!important
	}
	.mr-sm-4,
	.mx-sm-4 {
		margin-right: 1.5rem!important
	}
	.mb-sm-4,
	.my-sm-4 {
		margin-bottom: 1.5rem!important
	}
	.ml-sm-4,
	.mx-sm-4 {
		margin-left: 1.5rem!important
	}
	.m-sm-5 {
		margin: 3rem!important
	}
	.mt-sm-5,
	.my-sm-5 {
		margin-top: 3rem!important
	}
	.mr-sm-5,
	.mx-sm-5 {
		margin-right: 3rem!important
	}
	.mb-sm-5,
	.my-sm-5 {
		margin-bottom: 3rem!important
	}
	.ml-sm-5,
	.mx-sm-5 {
		margin-left: 3rem!important
	}
	.p-sm-0 {
		padding: 0!important
	}
	.pt-sm-0,
	.py-sm-0 {
		padding-top: 0!important
	}
	.pr-sm-0,
	.px-sm-0 {
		padding-right: 0!important
	}
	.pb-sm-0,
	.py-sm-0 {
		padding-bottom: 0!important
	}
	.pl-sm-0,
	.px-sm-0 {
		padding-left: 0!important
	}
	.p-sm-1 {
		padding: .25rem!important
	}
	.pt-sm-1,
	.py-sm-1 {
		padding-top: .25rem!important
	}
	.pr-sm-1,
	.px-sm-1 {
		padding-right: .25rem!important
	}
	.pb-sm-1,
	.py-sm-1 {
		padding-bottom: .25rem!important
	}
	.pl-sm-1,
	.px-sm-1 {
		padding-left: .25rem!important
	}
	.p-sm-2 {
		padding: .5rem!important
	}
	.pt-sm-2,
	.py-sm-2 {
		padding-top: .5rem!important
	}
	.pr-sm-2,
	.px-sm-2 {
		padding-right: .5rem!important
	}
	.pb-sm-2,
	.py-sm-2 {
		padding-bottom: .5rem!important
	}
	.pl-sm-2,
	.px-sm-2 {
		padding-left: .5rem!important
	}
	.p-sm-3 {
		padding: 1rem!important
	}
	.pt-sm-3,
	.py-sm-3 {
		padding-top: 1rem!important
	}
	.pr-sm-3,
	.px-sm-3 {
		padding-right: 1rem!important
	}
	.pb-sm-3,
	.py-sm-3 {
		padding-bottom: 1rem!important
	}
	.pl-sm-3,
	.px-sm-3 {
		padding-left: 1rem!important
	}
	.p-sm-4 {
		padding: 1.5rem!important
	}
	.pt-sm-4,
	.py-sm-4 {
		padding-top: 1.5rem!important
	}
	.pr-sm-4,
	.px-sm-4 {
		padding-right: 1.5rem!important
	}
	.pb-sm-4,
	.py-sm-4 {
		padding-bottom: 1.5rem!important
	}
	.pl-sm-4,
	.px-sm-4 {
		padding-left: 1.5rem!important
	}
	.p-sm-5 {
		padding: 3rem!important
	}
	.pt-sm-5,
	.py-sm-5 {
		padding-top: 3rem!important
	}
	.pr-sm-5,
	.px-sm-5 {
		padding-right: 3rem!important
	}
	.pb-sm-5,
	.py-sm-5 {
		padding-bottom: 3rem!important
	}
	.pl-sm-5,
	.px-sm-5 {
		padding-left: 3rem!important
	}
	.m-sm-auto {
		margin: auto!important
	}
	.mt-sm-auto,
	.my-sm-auto {
		margin-top: auto!important
	}
	.mr-sm-auto,
	.mx-sm-auto {
		margin-right: auto!important
	}
	.mb-sm-auto,
	.my-sm-auto {
		margin-bottom: auto!important
	}
	.ml-sm-auto,
	.mx-sm-auto {
		margin-left: auto!important
	}
}

@media (min-width:768px) {
	.m-md-0 {
		margin: 0!important
	}
	.mt-md-0,
	.my-md-0 {
		margin-top: 0!important
	}
	.mr-md-0,
	.mx-md-0 {
		margin-right: 0!important
	}
	.mb-md-0,
	.my-md-0 {
		margin-bottom: 0!important
	}
	.ml-md-0,
	.mx-md-0 {
		margin-left: 0!important
	}
	.m-md-1 {
		margin: .25rem!important
	}
	.mt-md-1,
	.my-md-1 {
		margin-top: .25rem!important
	}
	.mr-md-1,
	.mx-md-1 {
		margin-right: .25rem!important
	}
	.mb-md-1,
	.my-md-1 {
		margin-bottom: .25rem!important
	}
	.ml-md-1,
	.mx-md-1 {
		margin-left: .25rem!important
	}
	.m-md-2 {
		margin: .5rem!important
	}
	.mt-md-2,
	.my-md-2 {
		margin-top: .5rem!important
	}
	.mr-md-2,
	.mx-md-2 {
		margin-right: .5rem!important
	}
	.mb-md-2,
	.my-md-2 {
		margin-bottom: .5rem!important
	}
	.ml-md-2,
	.mx-md-2 {
		margin-left: .5rem!important
	}
	.m-md-3 {
		margin: 1rem!important
	}
	.mt-md-3,
	.my-md-3 {
		margin-top: 1rem!important
	}
	.mr-md-3,
	.mx-md-3 {
		margin-right: 1rem!important
	}
	.mb-md-3,
	.my-md-3 {
		margin-bottom: 1rem!important
	}
	.ml-md-3,
	.mx-md-3 {
		margin-left: 1rem!important
	}
	.m-md-4 {
		margin: 1.5rem!important
	}
	.mt-md-4,
	.my-md-4 {
		margin-top: 1.5rem!important
	}
	.mr-md-4,
	.mx-md-4 {
		margin-right: 1.5rem!important
	}
	.mb-md-4,
	.my-md-4 {
		margin-bottom: 1.5rem!important
	}
	.ml-md-4,
	.mx-md-4 {
		margin-left: 1.5rem!important
	}
	.m-md-5 {
		margin: 3rem!important
	}
	.mt-md-5,
	.my-md-5 {
		margin-top: 3rem!important
	}
	.mr-md-5,
	.mx-md-5 {
		margin-right: 3rem!important
	}
	.mb-md-5,
	.my-md-5 {
		margin-bottom: 3rem!important
	}
	.ml-md-5,
	.mx-md-5 {
		margin-left: 3rem!important
	}
	.p-md-0 {
		padding: 0!important
	}
	.pt-md-0,
	.py-md-0 {
		padding-top: 0!important
	}
	.pr-md-0,
	.px-md-0 {
		padding-right: 0!important
	}
	.pb-md-0,
	.py-md-0 {
		padding-bottom: 0!important
	}
	.pl-md-0,
	.px-md-0 {
		padding-left: 0!important
	}
	.p-md-1 {
		padding: .25rem!important
	}
	.pt-md-1,
	.py-md-1 {
		padding-top: .25rem!important
	}
	.pr-md-1,
	.px-md-1 {
		padding-right: .25rem!important
	}
	.pb-md-1,
	.py-md-1 {
		padding-bottom: .25rem!important
	}
	.pl-md-1,
	.px-md-1 {
		padding-left: .25rem!important
	}
	.p-md-2 {
		padding: .5rem!important
	}
	.pt-md-2,
	.py-md-2 {
		padding-top: .5rem!important
	}
	.pr-md-2,
	.px-md-2 {
		padding-right: .5rem!important
	}
	.pb-md-2,
	.py-md-2 {
		padding-bottom: .5rem!important
	}
	.pl-md-2,
	.px-md-2 {
		padding-left: .5rem!important
	}
	.p-md-3 {
		padding: 1rem!important
	}
	.pt-md-3,
	.py-md-3 {
		padding-top: 1rem!important
	}
	.pr-md-3,
	.px-md-3 {
		padding-right: 1rem!important
	}
	.pb-md-3,
	.py-md-3 {
		padding-bottom: 1rem!important
	}
	.pl-md-3,
	.px-md-3 {
		padding-left: 1rem!important
	}
	.p-md-4 {
		padding: 1.5rem!important
	}
	.pt-md-4,
	.py-md-4 {
		padding-top: 1.5rem!important
	}
	.pr-md-4,
	.px-md-4 {
		padding-right: 1.5rem!important
	}
	.pb-md-4,
	.py-md-4 {
		padding-bottom: 1.5rem!important
	}
	.pl-md-4,
	.px-md-4 {
		padding-left: 1.5rem!important
	}
	.p-md-5 {
		padding: 3rem!important
	}
	.pt-md-5,
	.py-md-5 {
		padding-top: 3rem!important
	}
	.pr-md-5,
	.px-md-5 {
		padding-right: 3rem!important
	}
	.pb-md-5,
	.py-md-5 {
		padding-bottom: 3rem!important
	}
	.pl-md-5,
	.px-md-5 {
		padding-left: 3rem!important
	}
	.m-md-auto {
		margin: auto!important
	}
	.mt-md-auto,
	.my-md-auto {
		margin-top: auto!important
	}
	.mr-md-auto,
	.mx-md-auto {
		margin-right: auto!important
	}
	.mb-md-auto,
	.my-md-auto {
		margin-bottom: auto!important
	}
	.ml-md-auto,
	.mx-md-auto {
		margin-left: auto!important
	}
}

@media (min-width:992px) {
	.m-lg-0 {
		margin: 0!important
	}
	.mt-lg-0,
	.my-lg-0 {
		margin-top: 0!important
	}
	.mr-lg-0,
	.mx-lg-0 {
		margin-right: 0!important
	}
	.mb-lg-0,
	.my-lg-0 {
		margin-bottom: 0!important
	}
	.ml-lg-0,
	.mx-lg-0 {
		margin-left: 0!important
	}
	.m-lg-1 {
		margin: .25rem!important
	}
	.mt-lg-1,
	.my-lg-1 {
		margin-top: .25rem!important
	}
	.mr-lg-1,
	.mx-lg-1 {
		margin-right: .25rem!important
	}
	.mb-lg-1,
	.my-lg-1 {
		margin-bottom: .25rem!important
	}
	.ml-lg-1,
	.mx-lg-1 {
		margin-left: .25rem!important
	}
	.m-lg-2 {
		margin: .5rem!important
	}
	.mt-lg-2,
	.my-lg-2 {
		margin-top: .5rem!important
	}
	.mr-lg-2,
	.mx-lg-2 {
		margin-right: .5rem!important
	}
	.mb-lg-2,
	.my-lg-2 {
		margin-bottom: .5rem!important
	}
	.ml-lg-2,
	.mx-lg-2 {
		margin-left: .5rem!important
	}
	.m-lg-3 {
		margin: 1rem!important
	}
	.mt-lg-3,
	.my-lg-3 {
		margin-top: 1rem!important
	}
	.mr-lg-3,
	.mx-lg-3 {
		margin-right: 1rem!important
	}
	.mb-lg-3,
	.my-lg-3 {
		margin-bottom: 1rem!important
	}
	.ml-lg-3,
	.mx-lg-3 {
		margin-left: 1rem!important
	}
	.m-lg-4 {
		margin: 1.5rem!important
	}
	.mt-lg-4,
	.my-lg-4 {
		margin-top: 1.5rem!important
	}
	.mr-lg-4,
	.mx-lg-4 {
		margin-right: 1.5rem!important
	}
	.mb-lg-4,
	.my-lg-4 {
		margin-bottom: 1.5rem!important
	}
	.ml-lg-4,
	.mx-lg-4 {
		margin-left: 1.5rem!important
	}
	.m-lg-5 {
		margin: 3rem!important
	}
	.mt-lg-5,
	.my-lg-5 {
		margin-top: 3rem!important
	}
	.mr-lg-5,
	.mx-lg-5 {
		margin-right: 3rem!important
	}
	.mb-lg-5,
	.my-lg-5 {
		margin-bottom: 3rem!important
	}
	.ml-lg-5,
	.mx-lg-5 {
		margin-left: 3rem!important
	}
	.p-lg-0 {
		padding: 0!important
	}
	.pt-lg-0,
	.py-lg-0 {
		padding-top: 0!important
	}
	.pr-lg-0,
	.px-lg-0 {
		padding-right: 0!important
	}
	.pb-lg-0,
	.py-lg-0 {
		padding-bottom: 0!important
	}
	.pl-lg-0,
	.px-lg-0 {
		padding-left: 0!important
	}
	.p-lg-1 {
		padding: .25rem!important
	}
	.pt-lg-1,
	.py-lg-1 {
		padding-top: .25rem!important
	}
	.pr-lg-1,
	.px-lg-1 {
		padding-right: .25rem!important
	}
	.pb-lg-1,
	.py-lg-1 {
		padding-bottom: .25rem!important
	}
	.pl-lg-1,
	.px-lg-1 {
		padding-left: .25rem!important
	}
	.p-lg-2 {
		padding: .5rem!important
	}
	.pt-lg-2,
	.py-lg-2 {
		padding-top: .5rem!important
	}
	.pr-lg-2,
	.px-lg-2 {
		padding-right: .5rem!important
	}
	.pb-lg-2,
	.py-lg-2 {
		padding-bottom: .5rem!important
	}
	.pl-lg-2,
	.px-lg-2 {
		padding-left: .5rem!important
	}
	.p-lg-3 {
		padding: 1rem!important
	}
	.pt-lg-3,
	.py-lg-3 {
		padding-top: 1rem!important
	}
	.pr-lg-3,
	.px-lg-3 {
		padding-right: 1rem!important
	}
	.pb-lg-3,
	.py-lg-3 {
		padding-bottom: 1rem!important
	}
	.pl-lg-3,
	.px-lg-3 {
		padding-left: 1rem!important
	}
	.p-lg-4 {
		padding: 1.5rem!important
	}
	.pt-lg-4,
	.py-lg-4 {
		padding-top: 1.5rem!important
	}
	.pr-lg-4,
	.px-lg-4 {
		padding-right: 1.5rem!important
	}
	.pb-lg-4,
	.py-lg-4 {
		padding-bottom: 1.5rem!important
	}
	.pl-lg-4,
	.px-lg-4 {
		padding-left: 1.5rem!important
	}
	.p-lg-5 {
		padding: 3rem!important
	}
	.pt-lg-5,
	.py-lg-5 {
		padding-top: 3rem!important
	}
	.pr-lg-5,
	.px-lg-5 {
		padding-right: 3rem!important
	}
	.pb-lg-5,
	.py-lg-5 {
		padding-bottom: 3rem!important
	}
	.pl-lg-5,
	.px-lg-5 {
		padding-left: 3rem!important
	}
	.m-lg-auto {
		margin: auto!important
	}
	.mt-lg-auto,
	.my-lg-auto {
		margin-top: auto!important
	}
	.mr-lg-auto,
	.mx-lg-auto {
		margin-right: auto!important
	}
	.mb-lg-auto,
	.my-lg-auto {
		margin-bottom: auto!important
	}
	.ml-lg-auto,
	.mx-lg-auto {
		margin-left: auto!important
	}
}

@media (min-width:1200px) {
	.m-xl-0 {
		margin: 0!important
	}
	.mt-xl-0,
	.my-xl-0 {
		margin-top: 0!important
	}
	.mr-xl-0,
	.mx-xl-0 {
		margin-right: 0!important
	}
	.mb-xl-0,
	.my-xl-0 {
		margin-bottom: 0!important
	}
	.ml-xl-0,
	.mx-xl-0 {
		margin-left: 0!important
	}
	.m-xl-1 {
		margin: .25rem!important
	}
	.mt-xl-1,
	.my-xl-1 {
		margin-top: .25rem!important
	}
	.mr-xl-1,
	.mx-xl-1 {
		margin-right: .25rem!important
	}
	.mb-xl-1,
	.my-xl-1 {
		margin-bottom: .25rem!important
	}
	.ml-xl-1,
	.mx-xl-1 {
		margin-left: .25rem!important
	}
	.m-xl-2 {
		margin: .5rem!important
	}
	.mt-xl-2,
	.my-xl-2 {
		margin-top: .5rem!important
	}
	.mr-xl-2,
	.mx-xl-2 {
		margin-right: .5rem!important
	}
	.mb-xl-2,
	.my-xl-2 {
		margin-bottom: .5rem!important
	}
	.ml-xl-2,
	.mx-xl-2 {
		margin-left: .5rem!important
	}
	.m-xl-3 {
		margin: 1rem!important
	}
	.mt-xl-3,
	.my-xl-3 {
		margin-top: 1rem!important
	}
	.mr-xl-3,
	.mx-xl-3 {
		margin-right: 1rem!important
	}
	.mb-xl-3,
	.my-xl-3 {
		margin-bottom: 1rem!important
	}
	.ml-xl-3,
	.mx-xl-3 {
		margin-left: 1rem!important
	}
	.m-xl-4 {
		margin: 1.5rem!important
	}
	.mt-xl-4,
	.my-xl-4 {
		margin-top: 1.5rem!important
	}
	.mr-xl-4,
	.mx-xl-4 {
		margin-right: 1.5rem!important
	}
	.mb-xl-4,
	.my-xl-4 {
		margin-bottom: 1.5rem!important
	}
	.ml-xl-4,
	.mx-xl-4 {
		margin-left: 1.5rem!important
	}
	.m-xl-5 {
		margin: 3rem!important
	}
	.mt-xl-5,
	.my-xl-5 {
		margin-top: 3rem!important
	}
	.mr-xl-5,
	.mx-xl-5 {
		margin-right: 3rem!important
	}
	.mb-xl-5,
	.my-xl-5 {
		margin-bottom: 3rem!important
	}
	.ml-xl-5,
	.mx-xl-5 {
		margin-left: 3rem!important
	}
	.p-xl-0 {
		padding: 0!important
	}
	.pt-xl-0,
	.py-xl-0 {
		padding-top: 0!important
	}
	.pr-xl-0,
	.px-xl-0 {
		padding-right: 0!important
	}
	.pb-xl-0,
	.py-xl-0 {
		padding-bottom: 0!important
	}
	.pl-xl-0,
	.px-xl-0 {
		padding-left: 0!important
	}
	.p-xl-1 {
		padding: .25rem!important
	}
	.pt-xl-1,
	.py-xl-1 {
		padding-top: .25rem!important
	}
	.pr-xl-1,
	.px-xl-1 {
		padding-right: .25rem!important
	}
	.pb-xl-1,
	.py-xl-1 {
		padding-bottom: .25rem!important
	}
	.pl-xl-1,
	.px-xl-1 {
		padding-left: .25rem!important
	}
	.p-xl-2 {
		padding: .5rem!important
	}
	.pt-xl-2,
	.py-xl-2 {
		padding-top: .5rem!important
	}
	.pr-xl-2,
	.px-xl-2 {
		padding-right: .5rem!important
	}
	.pb-xl-2,
	.py-xl-2 {
		padding-bottom: .5rem!important
	}
	.pl-xl-2,
	.px-xl-2 {
		padding-left: .5rem!important
	}
	.p-xl-3 {
		padding: 1rem!important
	}
	.pt-xl-3,
	.py-xl-3 {
		padding-top: 1rem!important
	}
	.pr-xl-3,
	.px-xl-3 {
		padding-right: 1rem!important
	}
	.pb-xl-3,
	.py-xl-3 {
		padding-bottom: 1rem!important
	}
	.pl-xl-3,
	.px-xl-3 {
		padding-left: 1rem!important
	}
	.p-xl-4 {
		padding: 1.5rem!important
	}
	.pt-xl-4,
	.py-xl-4 {
		padding-top: 1.5rem!important
	}
	.pr-xl-4,
	.px-xl-4 {
		padding-right: 1.5rem!important
	}
	.pb-xl-4,
	.py-xl-4 {
		padding-bottom: 1.5rem!important
	}
	.pl-xl-4,
	.px-xl-4 {
		padding-left: 1.5rem!important
	}
	.p-xl-5 {
		padding: 3rem!important
	}
	.pt-xl-5,
	.py-xl-5 {
		padding-top: 3rem!important
	}
	.pr-xl-5,
	.px-xl-5 {
		padding-right: 3rem!important
	}
	.pb-xl-5,
	.py-xl-5 {
		padding-bottom: 3rem!important
	}
	.pl-xl-5,
	.px-xl-5 {
		padding-left: 3rem!important
	}
	.m-xl-auto {
		margin: auto!important
	}
	.mt-xl-auto,
	.my-xl-auto {
		margin-top: auto!important
	}
	.mr-xl-auto,
	.mx-xl-auto {
		margin-right: auto!important
	}
	.mb-xl-auto,
	.my-xl-auto {
		margin-bottom: auto!important
	}
	.ml-xl-auto,
	.mx-xl-auto {
		margin-left: auto!important
	}
}

.text-monospace {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.text-justify {
	text-align: justify!important
}

.text-nowrap {
	white-space: nowrap!important
}

.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.text-left {
	text-align: left!important
}

.text-right {
	text-align: right!important
}

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

@media (min-width:576px) {
	.text-sm-left {
		text-align: left!important
	}
	.text-sm-right {
		text-align: right!important
	}
	.text-sm-center {
		text-align: center!important
	}
}

@media (min-width:768px) {
	.text-md-left {
		text-align: left!important
	}
	.text-md-right {
		text-align: right!important
	}
	.text-md-center {
		text-align: center!important
	}
}

@media (min-width:992px) {
	.text-lg-left {
		text-align: left!important
	}
	.text-lg-right {
		text-align: right!important
	}
	.text-lg-center {
		text-align: center!important
	}
}

@media (min-width:1200px) {
	.text-xl-left {
		text-align: left!important
	}
	.text-xl-right {
		text-align: right!important
	}
	.text-xl-center {
		text-align: center!important
	}
}

.text-lowercase {
	text-transform: lowercase!important
}

.text-uppercase {
	text-transform: uppercase!important
}

.text-capitalize {
	text-transform: capitalize!important
}

.font-weight-light {
	font-weight: 300!important
}

.font-weight-normal {
	font-weight: 400!important
}

.font-weight-bold {
	font-weight: 700!important
}

.font-italic {
	font-style: italic!important
}

.text-white {
	color: #fff!important
}

.text-primary {
	color: #007bff!important
}

a.text-primary:focus,
a.text-primary:hover {
	color: #0062cc!important
}

.text-secondary {
	color: #6c757d!important
}

a.text-secondary:focus,
a.text-secondary:hover {
	color: #545b62!important
}

.text-success {
	color: #28a745!important
}

a.text-success:focus,
a.text-success:hover {
	color: #1e7e34!important
}

.text-info {
	color: #17a2b8!important
}

a.text-info:focus,
a.text-info:hover {
	color: #117a8b!important
}

.text-warning {
	color: #ffc107!important
}

a.text-warning:focus,
a.text-warning:hover {
	color: #d39e00!important
}

.text-danger {
	color: #dc3545!important
}

a.text-danger:focus,
a.text-danger:hover {
	color: #bd2130!important
}

.text-light {
	color: #f8f9fa!important
}

a.text-light:focus,
a.text-light:hover {
	color: #dae0e5!important
}

.text-dark {
	color: #343a40!important
}

a.text-dark:focus,
a.text-dark:hover {
	color: #1d2124!important
}

.text-body {
	color: #212529!important
}

.text-muted {
	color: #6c757d!important
}

.text-black-50 {
	color: rgba(0, 0, 0, .5)!important
}

.text-white-50 {
	color: hsla(0, 0%, 100%, .5)!important
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}

.visible {
	visibility: visible!important
}

.invisible {
	visibility: hidden!important
}

@media print {
	*,
	:after,
	:before {
		text-shadow: none!important;
		box-shadow: none!important
	}
	a:not(.btn) {
		text-decoration: underline
	}
	abbr[title]:after {
		content: " (" attr(title) ")"
	}
	pre {
		white-space: pre-wrap!important
	}
	blockquote,
	pre {
		border: 1px solid #adb5bd;
		page-break-inside: avoid
	}
	thead {
		display: table-header-group
	}
	img,
	tr {
		page-break-inside: avoid
	}
	h2,
	h3,
	p {
		orphans: 3;
		widows: 3
	}
	h2,
	h3 {
		page-break-after: avoid
	}
	@page {
		size: a3
	}
	.container,
	body {
		min-width: 992px!important
	}
	.navbar {
		display: none
	}
	.badge {
		border: 1px solid #000
	}
	.table {
		border-collapse: collapse!important
	}
	.table td,
	.table th {
		background-color: #fff!important
	}
	.table-bordered td,
	.table-bordered th {
		border: 1px solid #dee2e6!important
	}
}

.fa,
.fab,
.fal,
.far,
.fas {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1
}

.fa-lg {
	font-size: 1.33333em;
	line-height: .75em;
	vertical-align: -.0667em
}

.fa-xs {
	font-size: .75em
}

.fa-sm {
	font-size: .875em
}

.fa-1x {
	font-size: 1em
}

.fa-2x {
	font-size: 2em
}

.fa-3x {
	font-size: 3em
}

.fa-4x {
	font-size: 4em
}

.fa-5x {
	font-size: 5em
}

.fa-6x {
	font-size: 6em
}

.fa-7x {
	font-size: 7em
}

.fa-8x {
	font-size: 8em
}

.fa-9x {
	font-size: 9em
}

.fa-10x {
	font-size: 10em
}

.fa-fw {
	text-align: center;
	width: 1.25em
}

.fa-ul {
	list-style-type: none;
	margin-left: 2.5em;
	padding-left: 0
}

.fa-ul>li {
	position: relative
}

.fa-li {
	left: -2em;
	position: absolute;
	text-align: center;
	width: 2em;
	line-height: inherit
}

.fa-border {
	border: .08em solid #eee;
	border-radius: .1em;
	padding: .2em .25em .15em
}

.fa-pull-left {
	float: left
}

.fa-pull-right {
	float: right
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
	margin-right: .3em
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
	margin-left: .3em
}

.fa-spin {
	animation: fa-spin 2s infinite linear
}

.fa-pulse {
	animation: fa-spin 1s infinite steps(8)
}

@keyframes fa-spin {
	0% {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(1turn)
	}
}

.fa-rotate-90 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	transform: rotate(90deg)
}

.fa-rotate-180 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
	transform: rotate(180deg)
}

.fa-rotate-270 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
	transform: rotate(270deg)
}

.fa-flip-horizontal {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
	transform: scaleX(-1)
}

.fa-flip-vertical {
	transform: scaleY(-1)
}

.fa-flip-horizontal.fa-flip-vertical,
.fa-flip-vertical {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}

.fa-flip-horizontal.fa-flip-vertical {
	transform: scale(-1)
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
	filter: none
}

.fa-stack {
	display: inline-block;
	height: 2em;
	line-height: 2em;
	position: relative;
	vertical-align: middle;
	width: 2em
}

.fa-stack-1x,
.fa-stack-2x {
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%
}

.fa-stack-1x {
	line-height: inherit
}

.fa-stack-2x {
	font-size: 2em
}

.fa-inverse {
	color: #fff
}

.fa-500px:before {
	content: "\F26E"
}

.fa-accessible-icon:before {
	content: "\F368"
}

.fa-accusoft:before {
	content: "\F369"
}

.fa-address-book:before {
	content: "\F2B9"
}

.fa-address-card:before {
	content: "\F2BB"
}

.fa-adjust:before {
	content: "\F042"
}

.fa-adn:before {
	content: "\F170"
}

.fa-adversal:before {
	content: "\F36A"
}

.fa-affiliatetheme:before {
	content: "\F36B"
}

.fa-algolia:before {
	content: "\F36C"
}

.fa-align-center:before {
	content: "\F037"
}

.fa-align-justify:before {
	content: "\F039"
}

.fa-align-left:before {
	content: "\F036"
}

.fa-align-right:before {
	content: "\F038"
}

.fa-allergies:before {
	content: "\F461"
}

.fa-amazon:before {
	content: "\F270"
}

.fa-amazon-pay:before {
	content: "\F42C"
}

.fa-ambulance:before {
	content: "\F0F9"
}

.fa-american-sign-language-interpreting:before {
	content: "\F2A3"
}

.fa-amilia:before {
	content: "\F36D"
}

.fa-anchor:before {
	content: "\F13D"
}

.fa-android:before {
	content: "\F17B"
}

.fa-angellist:before {
	content: "\F209"
}

.fa-angle-double-down:before {
	content: "\F103"
}

.fa-angle-double-left:before {
	content: "\F100"
}

.fa-angle-double-right:before {
	content: "\F101"
}

.fa-angle-double-up:before {
	content: "\F102"
}

.fa-angle-down:before {
	content: "\F107"
}

.fa-angle-left:before {
	content: "\F104"
}

.fa-angle-right:before {
	content: "\F105"
}

.fa-angle-up:before {
	content: "\F106"
}

.fa-angrycreative:before {
	content: "\F36E"
}

.fa-angular:before {
	content: "\F420"
}

.fa-app-store:before {
	content: "\F36F"
}

.fa-app-store-ios:before {
	content: "\F370"
}

.fa-apper:before {
	content: "\F371"
}

.fa-apple:before {
	content: "\F179"
}

.fa-apple-pay:before {
	content: "\F415"
}

.fa-archive:before {
	content: "\F187"
}

.fa-arrow-alt-circle-down:before {
	content: "\F358"
}

.fa-arrow-alt-circle-left:before {
	content: "\F359"
}

.fa-arrow-alt-circle-right:before {
	content: "\F35A"
}

.fa-arrow-alt-circle-up:before {
	content: "\F35B"
}

.fa-arrow-circle-down:before {
	content: "\F0AB"
}

.fa-arrow-circle-left:before {
	content: "\F0A8"
}

.fa-arrow-circle-right:before {
	content: "\F0A9"
}

.fa-arrow-circle-up:before {
	content: "\F0AA"
}

.fa-arrow-down:before {
	content: "\F063"
}

.fa-arrow-left:before {
	content: "\F060"
}

.fa-arrow-right:before {
	content: "\F061"
}

.fa-arrow-up:before {
	content: "\F062"
}

.fa-arrows-alt:before {
	content: "\F0B2"
}

.fa-arrows-alt-h:before {
	content: "\F337"
}

.fa-arrows-alt-v:before {
	content: "\F338"
}

.fa-assistive-listening-systems:before {
	content: "\F2A2"
}

.fa-asterisk:before {
	content: "\F069"
}

.fa-asymmetrik:before {
	content: "\F372"
}

.fa-at:before {
	content: "\F1FA"
}

.fa-audible:before {
	content: "\F373"
}

.fa-audio-description:before {
	content: "\F29E"
}

.fa-autoprefixer:before {
	content: "\F41C"
}

.fa-avianex:before {
	content: "\F374"
}

.fa-aviato:before {
	content: "\F421"
}

.fa-aws:before {
	content: "\F375"
}

.fa-backward:before {
	content: "\F04A"
}

.fa-balance-scale:before {
	content: "\F24E"
}

.fa-ban:before {
	content: "\F05E"
}

.fa-band-aid:before {
	content: "\F462"
}

.fa-bandcamp:before {
	content: "\F2D5"
}

.fa-barcode:before {
	content: "\F02A"
}

.fa-bars:before {
	content: "\F0C9"
}

.fa-baseball-ball:before {
	content: "\F433"
}

.fa-basketball-ball:before {
	content: "\F434"
}

.fa-bath:before {
	content: "\F2CD"
}

.fa-battery-empty:before {
	content: "\F244"
}

.fa-battery-full:before {
	content: "\F240"
}

.fa-battery-half:before {
	content: "\F242"
}

.fa-battery-quarter:before {
	content: "\F243"
}

.fa-battery-three-quarters:before {
	content: "\F241"
}

.fa-bed:before {
	content: "\F236"
}

.fa-beer:before {
	content: "\F0FC"
}

.fa-behance:before {
	content: "\F1B4"
}

.fa-behance-square:before {
	content: "\F1B5"
}

.fa-bell:before {
	content: "\F0F3"
}

.fa-bell-slash:before {
	content: "\F1F6"
}

.fa-bicycle:before {
	content: "\F206"
}

.fa-bimobject:before {
	content: "\F378"
}

.fa-binoculars:before {
	content: "\F1E5"
}

.fa-birthday-cake:before {
	content: "\F1FD"
}

.fa-bitbucket:before {
	content: "\F171"
}

.fa-bitcoin:before {
	content: "\F379"
}

.fa-bity:before {
	content: "\F37A"
}

.fa-black-tie:before {
	content: "\F27E"
}

.fa-blackberry:before {
	content: "\F37B"
}

.fa-blind:before {
	content: "\F29D"
}

.fa-blogger:before {
	content: "\F37C"
}

.fa-blogger-b:before {
	content: "\F37D"
}

.fa-bluetooth:before {
	content: "\F293"
}

.fa-bluetooth-b:before {
	content: "\F294"
}

.fa-bold:before {
	content: "\F032"
}

.fa-bolt:before {
	content: "\F0E7"
}

.fa-bomb:before {
	content: "\F1E2"
}

.fa-book:before {
	content: "\F02D"
}

.fa-bookmark:before {
	content: "\F02E"
}

.fa-bowling-ball:before {
	content: "\F436"
}

.fa-box:before {
	content: "\F466"
}

.fa-box-open:before {
	content: "\F49E"
}

.fa-boxes:before {
	content: "\F468"
}

.fa-braille:before {
	content: "\F2A1"
}

.fa-briefcase:before {
	content: "\F0B1"
}

.fa-briefcase-medical:before {
	content: "\F469"
}

.fa-btc:before {
	content: "\F15A"
}

.fa-bug:before {
	content: "\F188"
}

.fa-building:before {
	content: "\F1AD"
}

.fa-bullhorn:before {
	content: "\F0A1"
}

.fa-bullseye:before {
	content: "\F140"
}

.fa-burn:before {
	content: "\F46A"
}

.fa-buromobelexperte:before {
	content: "\F37F"
}

.fa-bus:before {
	content: "\F207"
}

.fa-buysellads:before {
	content: "\F20D"
}

.fa-calculator:before {
	content: "\F1EC"
}

.fa-calendar:before {
	content: "\F133"
}

.fa-calendar-alt:before {
	content: "\F073"
}

.fa-calendar-check:before {
	content: "\F274"
}

.fa-calendar-minus:before {
	content: "\F272"
}

.fa-calendar-plus:before {
	content: "\F271"
}

.fa-calendar-times:before {
	content: "\F273"
}

.fa-camera:before {
	content: "\F030"
}

.fa-camera-retro:before {
	content: "\F083"
}

.fa-capsules:before {
	content: "\F46B"
}

.fa-car:before {
	content: "\F1B9"
}

.fa-caret-down:before {
	content: "\F0D7"
}

.fa-caret-left:before {
	content: "\F0D9"
}

.fa-caret-right:before {
	content: "\F0DA"
}

.fa-caret-square-down:before {
	content: "\F150"
}

.fa-caret-square-left:before {
	content: "\F191"
}

.fa-caret-square-right:before {
	content: "\F152"
}

.fa-caret-square-up:before {
	content: "\F151"
}

.fa-caret-up:before {
	content: "\F0D8"
}

.fa-cart-arrow-down:before {
	content: "\F218"
}

.fa-cart-plus:before {
	content: "\F217"
}

.fa-cc-amazon-pay:before {
	content: "\F42D"
}

.fa-cc-amex:before {
	content: "\F1F3"
}

.fa-cc-apple-pay:before {
	content: "\F416"
}

.fa-cc-diners-club:before {
	content: "\F24C"
}

.fa-cc-discover:before {
	content: "\F1F2"
}

.fa-cc-jcb:before {
	content: "\F24B"
}

.fa-cc-mastercard:before {
	content: "\F1F1"
}

.fa-cc-paypal:before {
	content: "\F1F4"
}

.fa-cc-stripe:before {
	content: "\F1F5"
}

.fa-cc-visa:before {
	content: "\F1F0"
}

.fa-centercode:before {
	content: "\F380"
}

.fa-certificate:before {
	content: "\F0A3"
}

.fa-chart-area:before {
	content: "\F1FE"
}

.fa-chart-bar:before {
	content: "\F080"
}

.fa-chart-line:before {
	content: "\F201"
}

.fa-chart-pie:before {
	content: "\F200"
}

.fa-check:before {
	content: "\F00C"
}

.fa-check-circle:before {
	content: "\F058"
}

.fa-check-square:before {
	content: "\F14A"
}

.fa-chess:before {
	content: "\F439"
}

.fa-chess-bishop:before {
	content: "\F43A"
}

.fa-chess-board:before {
	content: "\F43C"
}

.fa-chess-king:before {
	content: "\F43F"
}

.fa-chess-knight:before {
	content: "\F441"
}

.fa-chess-pawn:before {
	content: "\F443"
}

.fa-chess-queen:before {
	content: "\F445"
}

.fa-chess-rook:before {
	content: "\F447"
}

.fa-chevron-circle-down:before {
	content: "\F13A"
}

.fa-chevron-circle-left:before {
	content: "\F137"
}

.fa-chevron-circle-right:before {
	content: "\F138"
}

.fa-chevron-circle-up:before {
	content: "\F139"
}

.fa-chevron-down:before {
	content: "\F078"
}

.fa-chevron-left:before {
	content: "\F053"
}

.fa-chevron-right:before {
	content: "\F054"
}

.fa-chevron-up:before {
	content: "\F077"
}

.fa-child:before {
	content: "\F1AE"
}

.fa-chrome:before {
	content: "\F268"
}

.fa-circle:before {
	content: "\F111"
}

.fa-circle-notch:before {
	content: "\F1CE"
}

.fa-clipboard:before {
	content: "\F328"
}

.fa-clipboard-check:before {
	content: "\F46C"
}

.fa-clipboard-list:before {
	content: "\F46D"
}

.fa-clock:before {
	content: "\F017"
}

.fa-clone:before {
	content: "\F24D"
}

.fa-closed-captioning:before {
	content: "\F20A"
}

.fa-cloud:before {
	content: "\F0C2"
}

.fa-cloud-download-alt:before {
	content: "\F381"
}

.fa-cloud-upload-alt:before {
	content: "\F382"
}

.fa-cloudscale:before {
	content: "\F383"
}

.fa-cloudsmith:before {
	content: "\F384"
}

.fa-cloudversify:before {
	content: "\F385"
}

.fa-code:before {
	content: "\F121"
}

.fa-code-branch:before {
	content: "\F126"
}

.fa-codepen:before {
	content: "\F1CB"
}

.fa-codiepie:before {
	content: "\F284"
}

.fa-coffee:before {
	content: "\F0F4"
}

.fa-cog:before {
	content: "\F013"
}

.fa-cogs:before {
	content: "\F085"
}

.fa-columns:before {
	content: "\F0DB"
}

.fa-comment:before {
	content: "\F075"
}

.fa-comment-alt:before {
	content: "\F27A"
}

.fa-comment-dots:before {
	content: "\F4AD"
}

.fa-comment-slash:before {
	content: "\F4B3"
}

.fa-comments:before {
	content: "\F086"
}

.fa-compass:before {
	content: "\F14E"
}

.fa-compress:before {
	content: "\F066"
}

.fa-connectdevelop:before {
	content: "\F20E"
}

.fa-contao:before {
	content: "\F26D"
}

.fa-copy:before {
	content: "\F0C5"
}

.fa-copyright:before {
	content: "\F1F9"
}

.fa-couch:before {
	content: "\F4B8"
}

.fa-cpanel:before {
	content: "\F388"
}

.fa-creative-commons:before {
	content: "\F25E"
}

.fa-creative-commons-by:before {
	content: "\F4E7"
}

.fa-creative-commons-nc:before {
	content: "\F4E8"
}

.fa-creative-commons-nc-eu:before {
	content: "\F4E9"
}

.fa-creative-commons-nc-jp:before {
	content: "\F4EA"
}

.fa-creative-commons-nd:before {
	content: "\F4EB"
}

.fa-creative-commons-pd:before {
	content: "\F4EC"
}

.fa-creative-commons-pd-alt:before {
	content: "\F4ED"
}

.fa-creative-commons-remix:before {
	content: "\F4EE"
}

.fa-creative-commons-sa:before {
	content: "\F4EF"
}

.fa-creative-commons-sampling:before {
	content: "\F4F0"
}

.fa-creative-commons-sampling-plus:before {
	content: "\F4F1"
}

.fa-creative-commons-share:before {
	content: "\F4F2"
}

.fa-credit-card:before {
	content: "\F09D"
}

.fa-crop:before {
	content: "\F125"
}

.fa-crosshairs:before {
	content: "\F05B"
}

.fa-css3:before {
	content: "\F13C"
}

.fa-css3-alt:before {
	content: "\F38B"
}

.fa-cube:before {
	content: "\F1B2"
}

.fa-cubes:before {
	content: "\F1B3"
}

.fa-cut:before {
	content: "\F0C4"
}

.fa-cuttlefish:before {
	content: "\F38C"
}

.fa-d-and-d:before {
	content: "\F38D"
}

.fa-dashcube:before {
	content: "\F210"
}

.fa-database:before {
	content: "\F1C0"
}

.fa-deaf:before {
	content: "\F2A4"
}

.fa-delicious:before {
	content: "\F1A5"
}

.fa-deploydog:before {
	content: "\F38E"
}

.fa-deskpro:before {
	content: "\F38F"
}

.fa-desktop:before {
	content: "\F108"
}

.fa-deviantart:before {
	content: "\F1BD"
}

.fa-diagnoses:before {
	content: "\F470"
}

.fa-digg:before {
	content: "\F1A6"
}

.fa-digital-ocean:before {
	content: "\F391"
}

.fa-discord:before {
	content: "\F392"
}

.fa-discourse:before {
	content: "\F393"
}

.fa-dna:before {
	content: "\F471"
}

.fa-dochub:before {
	content: "\F394"
}

.fa-docker:before {
	content: "\F395"
}

.fa-dollar-sign:before {
	content: "\F155"
}

.fa-dolly:before {
	content: "\F472"
}

.fa-dolly-flatbed:before {
	content: "\F474"
}

.fa-donate:before {
	content: "\F4B9"
}

.fa-dot-circle:before {
	content: "\F192"
}

.fa-dove:before {
	content: "\F4BA"
}

.fa-download:before {
	content: "\F019"
}

.fa-draft2digital:before {
	content: "\F396"
}

.fa-dribbble:before {
	content: "\F17D"
}

.fa-dribbble-square:before {
	content: "\F397"
}

.fa-dropbox:before {
	content: "\F16B"
}

.fa-drupal:before {
	content: "\F1A9"
}

.fa-dyalog:before {
	content: "\F399"
}

.fa-earlybirds:before {
	content: "\F39A"
}

.fa-ebay:before {
	content: "\F4F4"
}

.fa-edge:before {
	content: "\F282"
}

.fa-edit:before {
	content: "\F044"
}

.fa-eject:before {
	content: "\F052"
}

.fa-elementor:before {
	content: "\F430"
}

.fa-ellipsis-h:before {
	content: "\F141"
}

.fa-ellipsis-v:before {
	content: "\F142"
}

.fa-ember:before {
	content: "\F423"
}

.fa-empire:before {
	content: "\F1D1"
}

.fa-envelope:before {
	content: "\F0E0"
}

.fa-envelope-open:before {
	content: "\F2B6"
}

.fa-envelope-square:before {
	content: "\F199"
}

.fa-envira:before {
	content: "\F299"
}

.fa-eraser:before {
	content: "\F12D"
}

.fa-erlang:before {
	content: "\F39D"
}

.fa-ethereum:before {
	content: "\F42E"
}

.fa-etsy:before {
	content: "\F2D7"
}

.fa-euro-sign:before {
	content: "\F153"
}

.fa-exchange-alt:before {
	content: "\F362"
}

.fa-exclamation:before {
	content: "\F12A"
}

.fa-exclamation-circle:before {
	content: "\F06A"
}

.fa-exclamation-triangle:before {
	content: "\F071"
}

.fa-expand:before {
	content: "\F065"
}

.fa-expand-arrows-alt:before {
	content: "\F31E"
}

.fa-expeditedssl:before {
	content: "\F23E"
}

.fa-external-link-alt:before {
	content: "\F35D"
}

.fa-external-link-square-alt:before {
	content: "\F360"
}

.fa-eye:before {
	content: "\F06E"
}

.fa-eye-dropper:before {
	content: "\F1FB"
}

.fa-eye-slash:before {
	content: "\F070"
}

.fa-facebook:before {
	content: "\F09A"
}

.fa-facebook-f:before {
	content: "\F39E"
}

.fa-facebook-messenger:before {
	content: "\F39F"
}

.fa-facebook-square:before {
	content: "\F082"
}

.fa-fast-backward:before {
	content: "\F049"
}

.fa-fast-forward:before {
	content: "\F050"
}

.fa-fax:before {
	content: "\F1AC"
}

.fa-female:before {
	content: "\F182"
}

.fa-fighter-jet:before {
	content: "\F0FB"
}

.fa-file:before {
	content: "\F15B"
}

.fa-file-alt:before {
	content: "\F15C"
}

.fa-file-archive:before {
	content: "\F1C6"
}

.fa-file-audio:before {
	content: "\F1C7"
}

.fa-file-code:before {
	content: "\F1C9"
}

.fa-file-excel:before {
	content: "\F1C3"
}

.fa-file-image:before {
	content: "\F1C5"
}

.fa-file-medical:before {
	content: "\F477"
}

.fa-file-medical-alt:before {
	content: "\F478"
}

.fa-file-pdf:before {
	content: "\F1C1"
}

.fa-file-powerpoint:before {
	content: "\F1C4"
}

.fa-file-video:before {
	content: "\F1C8"
}

.fa-file-word:before {
	content: "\F1C2"
}

.fa-film:before {
	content: "\F008"
}

.fa-filter:before {
	content: "\F0B0"
}

.fa-fire:before {
	content: "\F06D"
}

.fa-fire-extinguisher:before {
	content: "\F134"
}

.fa-firefox:before {
	content: "\F269"
}

.fa-first-aid:before {
	content: "\F479"
}

.fa-first-order:before {
	content: "\F2B0"
}

.fa-firstdraft:before {
	content: "\F3A1"
}

.fa-flag:before {
	content: "\F024"
}

.fa-flag-checkered:before {
	content: "\F11E"
}

.fa-flask:before {
	content: "\F0C3"
}

.fa-flickr:before {
	content: "\F16E"
}

.fa-flipboard:before {
	content: "\F44D"
}

.fa-fly:before {
	content: "\F417"
}

.fa-folder:before {
	content: "\F07B"
}

.fa-folder-open:before {
	content: "\F07C"
}

.fa-font:before {
	content: "\F031"
}

.fa-font-awesome:before {
	content: "\F2B4"
}

.fa-font-awesome-alt:before {
	content: "\F35C"
}

.fa-font-awesome-flag:before {
	content: "\F425"
}

.fa-font-awesome-logo-full:before {
	content: "\F4E6"
}

.fa-fonticons:before {
	content: "\F280"
}

.fa-fonticons-fi:before {
	content: "\F3A2"
}

.fa-football-ball:before {
	content: "\F44E"
}

.fa-fort-awesome:before {
	content: "\F286"
}

.fa-fort-awesome-alt:before {
	content: "\F3A3"
}

.fa-forumbee:before {
	content: "\F211"
}

.fa-forward:before {
	content: "\F04E"
}

.fa-foursquare:before {
	content: "\F180"
}

.fa-free-code-camp:before {
	content: "\F2C5"
}

.fa-freebsd:before {
	content: "\F3A4"
}

.fa-frown:before {
	content: "\F119"
}

.fa-futbol:before {
	content: "\F1E3"
}

.fa-gamepad:before {
	content: "\F11B"
}

.fa-gavel:before {
	content: "\F0E3"
}

.fa-gem:before {
	content: "\F3A5"
}

.fa-genderless:before {
	content: "\F22D"
}

.fa-get-pocket:before {
	content: "\F265"
}

.fa-gg:before {
	content: "\F260"
}

.fa-gg-circle:before {
	content: "\F261"
}

.fa-gift:before {
	content: "\F06B"
}

.fa-git:before {
	content: "\F1D3"
}

.fa-git-square:before {
	content: "\F1D2"
}

.fa-github:before {
	content: "\F09B"
}

.fa-github-alt:before {
	content: "\F113"
}

.fa-github-square:before {
	content: "\F092"
}

.fa-gitkraken:before {
	content: "\F3A6"
}

.fa-gitlab:before {
	content: "\F296"
}

.fa-gitter:before {
	content: "\F426"
}

.fa-glass-martini:before {
	content: "\F000"
}

.fa-glide:before {
	content: "\F2A5"
}

.fa-glide-g:before {
	content: "\F2A6"
}

.fa-globe:before {
	content: "\F0AC"
}

.fa-gofore:before {
	content: "\F3A7"
}

.fa-golf-ball:before {
	content: "\F450"
}

.fa-goodreads:before {
	content: "\F3A8"
}

.fa-goodreads-g:before {
	content: "\F3A9"
}

.fa-google:before {
	content: "\F1A0"
}

.fa-google-drive:before {
	content: "\F3AA"
}

.fa-google-play:before {
	content: "\F3AB"
}

.fa-google-plus:before {
	content: "\F2B3"
}

.fa-google-plus-g:before {
	content: "\F0D5"
}

.fa-google-plus-square:before {
	content: "\F0D4"
}

.fa-google-wallet:before {
	content: "\F1EE"
}

.fa-graduation-cap:before {
	content: "\F19D"
}

.fa-gratipay:before {
	content: "\F184"
}

.fa-grav:before {
	content: "\F2D6"
}

.fa-gripfire:before {
	content: "\F3AC"
}

.fa-grunt:before {
	content: "\F3AD"
}

.fa-gulp:before {
	content: "\F3AE"
}

.fa-h-square:before {
	content: "\F0FD"
}

.fa-hacker-news:before {
	content: "\F1D4"
}

.fa-hacker-news-square:before {
	content: "\F3AF"
}

.fa-hand-holding:before {
	content: "\F4BD"
}

.fa-hand-holding-heart:before {
	content: "\F4BE"
}

.fa-hand-holding-usd:before {
	content: "\F4C0"
}

.fa-hand-lizard:before {
	content: "\F258"
}

.fa-hand-paper:before {
	content: "\F256"
}

.fa-hand-peace:before {
	content: "\F25B"
}

.fa-hand-point-down:before {
	content: "\F0A7"
}

.fa-hand-point-left:before {
	content: "\F0A5"
}

.fa-hand-point-right:before {
	content: "\F0A4"
}

.fa-hand-point-up:before {
	content: "\F0A6"
}

.fa-hand-pointer:before {
	content: "\F25A"
}

.fa-hand-rock:before {
	content: "\F255"
}

.fa-hand-scissors:before {
	content: "\F257"
}

.fa-hand-spock:before {
	content: "\F259"
}

.fa-hands:before {
	content: "\F4C2"
}

.fa-hands-helping:before {
	content: "\F4C4"
}

.fa-handshake:before {
	content: "\F2B5"
}

.fa-hashtag:before {
	content: "\F292"
}

.fa-hdd:before {
	content: "\F0A0"
}

.fa-heading:before {
	content: "\F1DC"
}

.fa-headphones:before {
	content: "\F025"
}

.fa-heart:before {
	content: "\F004"
}

.fa-heartbeat:before {
	content: "\F21E"
}

.fa-hips:before {
	content: "\F452"
}

.fa-hire-a-helper:before {
	content: "\F3B0"
}

.fa-history:before {
	content: "\F1DA"
}

.fa-hockey-puck:before {
	content: "\F453"
}

.fa-home:before {
	content: "\F015"
}

.fa-hooli:before {
	content: "\F427"
}

.fa-hospital:before {
	content: "\F0F8"
}

.fa-hospital-alt:before {
	content: "\F47D"
}

.fa-hospital-symbol:before {
	content: "\F47E"
}

.fa-hotjar:before {
	content: "\F3B1"
}

.fa-hourglass:before {
	content: "\F254"
}

.fa-hourglass-end:before {
	content: "\F253"
}

.fa-hourglass-half:before {
	content: "\F252"
}

.fa-hourglass-start:before {
	content: "\F251"
}

.fa-houzz:before {
	content: "\F27C"
}

.fa-html5:before {
	content: "\F13B"
}

.fa-hubspot:before {
	content: "\F3B2"
}

.fa-i-cursor:before {
	content: "\F246"
}

.fa-id-badge:before {
	content: "\F2C1"
}

.fa-id-card:before {
	content: "\F2C2"
}

.fa-id-card-alt:before {
	content: "\F47F"
}

.fa-image:before {
	content: "\F03E"
}

.fa-images:before {
	content: "\F302"
}

.fa-imdb:before {
	content: "\F2D8"
}

.fa-inbox:before {
	content: "\F01C"
}

.fa-indent:before {
	content: "\F03C"
}

.fa-industry:before {
	content: "\F275"
}

.fa-info:before {
	content: "\F129"
}

.fa-info-circle:before {
	content: "\F05A"
}

.fa-instagram:before {
	content: "\F16D"
}

.fa-internet-explorer:before {
	content: "\F26B"
}

.fa-ioxhost:before {
	content: "\F208"
}

.fa-italic:before {
	content: "\F033"
}

.fa-itunes:before {
	content: "\F3B4"
}

.fa-itunes-note:before {
	content: "\F3B5"
}

.fa-java:before {
	content: "\F4E4"
}

.fa-jenkins:before {
	content: "\F3B6"
}

.fa-joget:before {
	content: "\F3B7"
}

.fa-joomla:before {
	content: "\F1AA"
}

.fa-js:before {
	content: "\F3B8"
}

.fa-js-square:before {
	content: "\F3B9"
}

.fa-jsfiddle:before {
	content: "\F1CC"
}

.fa-key:before {
	content: "\F084"
}

.fa-keybase:before {
	content: "\F4F5"
}

.fa-keyboard:before {
	content: "\F11C"
}

.fa-keycdn:before {
	content: "\F3BA"
}

.fa-kickstarter:before {
	content: "\F3BB"
}

.fa-kickstarter-k:before {
	content: "\F3BC"
}

.fa-korvue:before {
	content: "\F42F"
}

.fa-language:before {
	content: "\F1AB"
}

.fa-laptop:before {
	content: "\F109"
}

.fa-laravel:before {
	content: "\F3BD"
}

.fa-lastfm:before {
	content: "\F202"
}

.fa-lastfm-square:before {
	content: "\F203"
}

.fa-leaf:before {
	content: "\F06C"
}

.fa-leanpub:before {
	content: "\F212"
}

.fa-lemon:before {
	content: "\F094"
}

.fa-less:before {
	content: "\F41D"
}

.fa-level-down-alt:before {
	content: "\F3BE"
}

.fa-level-up-alt:before {
	content: "\F3BF"
}

.fa-life-ring:before {
	content: "\F1CD"
}

.fa-lightbulb:before {
	content: "\F0EB"
}

.fa-line:before {
	content: "\F3C0"
}

.fa-link:before {
	content: "\F0C1"
}

.fa-linkedin:before {
	content: "\F08C"
}

.fa-linkedin-in:before {
	content: "\F0E1"
}

.fa-linode:before {
	content: "\F2B8"
}

.fa-linux:before {
	content: "\F17C"
}

.fa-lira-sign:before {
	content: "\F195"
}

.fa-list:before {
	content: "\F03A"
}

.fa-list-alt:before {
	content: "\F022"
}

.fa-list-ol:before {
	content: "\F0CB"
}

.fa-list-ul:before {
	content: "\F0CA"
}

.fa-location-arrow:before {
	content: "\F124"
}

.fa-lock:before {
	content: "\F023"
}

.fa-lock-open:before {
	content: "\F3C1"
}

.fa-long-arrow-alt-down:before {
	content: "\F309"
}

.fa-long-arrow-alt-left:before {
	content: "\F30A"
}

.fa-long-arrow-alt-right:before {
	content: "\F30B"
}

.fa-long-arrow-alt-up:before {
	content: "\F30C"
}

.fa-low-vision:before {
	content: "\F2A8"
}

.fa-lyft:before {
	content: "\F3C3"
}

.fa-magento:before {
	content: "\F3C4"
}

.fa-magic:before {
	content: "\F0D0"
}

.fa-magnet:before {
	content: "\F076"
}

.fa-male:before {
	content: "\F183"
}

.fa-map:before {
	content: "\F279"
}

.fa-map-marker:before {
	content: "\F041"
}

.fa-map-marker-alt:before {
	content: "\F3C5"
}

.fa-map-pin:before {
	content: "\F276"
}

.fa-map-signs:before {
	content: "\F277"
}

.fa-mars:before {
	content: "\F222"
}

.fa-mars-double:before {
	content: "\F227"
}

.fa-mars-stroke:before {
	content: "\F229"
}

.fa-mars-stroke-h:before {
	content: "\F22B"
}

.fa-mars-stroke-v:before {
	content: "\F22A"
}

.fa-mastodon:before {
	content: "\F4F6"
}

.fa-maxcdn:before {
	content: "\F136"
}

.fa-medapps:before {
	content: "\F3C6"
}

.fa-medium:before {
	content: "\F23A"
}

.fa-medium-m:before {
	content: "\F3C7"
}

.fa-medkit:before {
	content: "\F0FA"
}

.fa-medrt:before {
	content: "\F3C8"
}

.fa-meetup:before {
	content: "\F2E0"
}

.fa-meh:before {
	content: "\F11A"
}

.fa-mercury:before {
	content: "\F223"
}

.fa-microchip:before {
	content: "\F2DB"
}

.fa-microphone:before {
	content: "\F130"
}

.fa-microphone-slash:before {
	content: "\F131"
}

.fa-microsoft:before {
	content: "\F3CA"
}

.fa-minus:before {
	content: "\F068"
}

.fa-minus-circle:before {
	content: "\F056"
}

.fa-minus-square:before {
	content: "\F146"
}

.fa-mix:before {
	content: "\F3CB"
}

.fa-mixcloud:before {
	content: "\F289"
}

.fa-mizuni:before {
	content: "\F3CC"
}

.fa-mobile:before {
	content: "\F10B"
}

.fa-mobile-alt:before {
	content: "\F3CD"
}

.fa-modx:before {
	content: "\F285"
}

.fa-monero:before {
	content: "\F3D0"
}

.fa-money-bill-alt:before {
	content: "\F3D1"
}

.fa-moon:before {
	content: "\F186"
}

.fa-motorcycle:before {
	content: "\F21C"
}

.fa-mouse-pointer:before {
	content: "\F245"
}

.fa-music:before {
	content: "\F001"
}

.fa-napster:before {
	content: "\F3D2"
}

.fa-neuter:before {
	content: "\F22C"
}

.fa-newspaper:before {
	content: "\F1EA"
}

.fa-nintendo-switch:before {
	content: "\F418"
}

.fa-node:before {
	content: "\F419"
}

.fa-node-js:before {
	content: "\F3D3"
}

.fa-notes-medical:before {
	content: "\F481"
}

.fa-npm:before {
	content: "\F3D4"
}

.fa-ns8:before {
	content: "\F3D5"
}

.fa-nutritionix:before {
	content: "\F3D6"
}

.fa-object-group:before {
	content: "\F247"
}

.fa-object-ungroup:before {
	content: "\F248"
}

.fa-odnoklassniki:before {
	content: "\F263"
}

.fa-odnoklassniki-square:before {
	content: "\F264"
}

.fa-opencart:before {
	content: "\F23D"
}

.fa-openid:before {
	content: "\F19B"
}

.fa-opera:before {
	content: "\F26A"
}

.fa-optin-monster:before {
	content: "\F23C"
}

.fa-osi:before {
	content: "\F41A"
}

.fa-outdent:before {
	content: "\F03B"
}

.fa-page4:before {
	content: "\F3D7"
}

.fa-pagelines:before {
	content: "\F18C"
}

.fa-paint-brush:before {
	content: "\F1FC"
}

.fa-palfed:before {
	content: "\F3D8"
}

.fa-pallet:before {
	content: "\F482"
}

.fa-paper-plane:before {
	content: "\F1D8"
}

.fa-paperclip:before {
	content: "\F0C6"
}

.fa-parachute-box:before {
	content: "\F4CD"
}

.fa-paragraph:before {
	content: "\F1DD"
}

.fa-paste:before {
	content: "\F0EA"
}

.fa-patreon:before {
	content: "\F3D9"
}

.fa-pause:before {
	content: "\F04C"
}

.fa-pause-circle:before {
	content: "\F28B"
}

.fa-paw:before {
	content: "\F1B0"
}

.fa-paypal:before {
	content: "\F1ED"
}

.fa-pen-square:before {
	content: "\F14B"
}

.fa-pencil-alt:before {
	content: "\F303"
}

.fa-people-carry:before {
	content: "\F4CE"
}

.fa-percent:before {
	content: "\F295"
}

.fa-periscope:before {
	content: "\F3DA"
}

.fa-phabricator:before {
	content: "\F3DB"
}

.fa-phoenix-framework:before {
	content: "\F3DC"
}

.fa-phone:before {
	content: "\F095"
}

.fa-phone-slash:before {
	content: "\F3DD"
}

.fa-phone-square:before {
	content: "\F098"
}

.fa-phone-volume:before {
	content: "\F2A0"
}

.fa-php:before {
	content: "\F457"
}

.fa-pied-piper:before {
	content: "\F2AE"
}

.fa-pied-piper-alt:before {
	content: "\F1A8"
}

.fa-pied-piper-hat:before {
	content: "\F4E5"
}

.fa-pied-piper-pp:before {
	content: "\F1A7"
}

.fa-piggy-bank:before {
	content: "\F4D3"
}

.fa-pills:before {
	content: "\F484"
}

.fa-pinterest:before {
	content: "\F0D2"
}

.fa-pinterest-p:before {
	content: "\F231"
}

.fa-pinterest-square:before {
	content: "\F0D3"
}

.fa-plane:before {
	content: "\F072"
}

.fa-play:before {
	content: "\F04B"
}

.fa-play-circle:before {
	content: "\F144"
}

.fa-playstation:before {
	content: "\F3DF"
}

.fa-plug:before {
	content: "\F1E6"
}

.fa-plus:before {
	content: "\F067"
}

.fa-plus-circle:before {
	content: "\F055"
}

.fa-plus-square:before {
	content: "\F0FE"
}

.fa-podcast:before {
	content: "\F2CE"
}

.fa-poo:before {
	content: "\F2FE"
}

.fa-portrait:before {
	content: "\F3E0"
}

.fa-pound-sign:before {
	content: "\F154"
}

.fa-power-off:before {
	content: "\F011"
}

.fa-prescription-bottle:before {
	content: "\F485"
}

.fa-prescription-bottle-alt:before {
	content: "\F486"
}

.fa-print:before {
	content: "\F02F"
}

.fa-procedures:before {
	content: "\F487"
}

.fa-product-hunt:before {
	content: "\F288"
}

.fa-pushed:before {
	content: "\F3E1"
}

.fa-puzzle-piece:before {
	content: "\F12E"
}

.fa-python:before {
	content: "\F3E2"
}

.fa-qq:before {
	content: "\F1D6"
}

.fa-qrcode:before {
	content: "\F029"
}

.fa-question:before {
	content: "\F128"
}

.fa-question-circle:before {
	content: "\F059"
}

.fa-quidditch:before {
	content: "\F458"
}

.fa-quinscape:before {
	content: "\F459"
}

.fa-quora:before {
	content: "\F2C4"
}

.fa-quote-left:before {
	content: "\F10D"
}

.fa-quote-right:before {
	content: "\F10E"
}

.fa-r:before {
	content: "\F4F7"
}

.fa-random:before {
	content: "\F074"
}

.fa-ravelry:before {
	content: "\F2D9"
}

.fa-react:before {
	content: "\F41B"
}

.fa-readme:before {
	content: "\F4D5"
}

.fa-rebel:before {
	content: "\F1D0"
}

.fa-recycle:before {
	content: "\F1B8"
}

.fa-red-river:before {
	content: "\F3E3"
}

.fa-reddit:before {
	content: "\F1A1"
}

.fa-reddit-alien:before {
	content: "\F281"
}

.fa-reddit-square:before {
	content: "\F1A2"
}

.fa-redo:before {
	content: "\F01E"
}

.fa-redo-alt:before {
	content: "\F2F9"
}

.fa-registered:before {
	content: "\F25D"
}

.fa-rendact:before {
	content: "\F3E4"
}

.fa-renren:before {
	content: "\F18B"
}

.fa-reply:before {
	content: "\F3E5"
}

.fa-reply-all:before {
	content: "\F122"
}

.fa-replyd:before {
	content: "\F3E6"
}

.fa-researchgate:before {
	content: "\F4F8"
}

.fa-resolving:before {
	content: "\F3E7"
}

.fa-retweet:before {
	content: "\F079"
}

.fa-ribbon:before {
	content: "\F4D6"
}

.fa-road:before {
	content: "\F018"
}

.fa-rocket:before {
	content: "\F135"
}

.fa-rocketchat:before {
	content: "\F3E8"
}

.fa-rockrms:before {
	content: "\F3E9"
}

.fa-rss:before {
	content: "\F09E"
}

.fa-rss-square:before {
	content: "\F143"
}

.fa-ruble-sign:before {
	content: "\F158"
}

.fa-rupee-sign:before {
	content: "\F156"
}

.fa-safari:before {
	content: "\F267"
}

.fa-sass:before {
	content: "\F41E"
}

.fa-save:before {
	content: "\F0C7"
}

.fa-schlix:before {
	content: "\F3EA"
}

.fa-scribd:before {
	content: "\F28A"
}

.fa-search:before {
	content: "\F002"
}

.fa-search-minus:before {
	content: "\F010"
}

.fa-search-plus:before {
	content: "\F00E"
}

.fa-searchengin:before {
	content: "\F3EB"
}

.fa-seedling:before {
	content: "\F4D8"
}

.fa-sellcast:before {
	content: "\F2DA"
}

.fa-sellsy:before {
	content: "\F213"
}

.fa-server:before {
	content: "\F233"
}

.fa-servicestack:before {
	content: "\F3EC"
}

.fa-share:before {
	content: "\F064"
}

.fa-share-alt:before {
	content: "\F1E0"
}

.fa-share-alt-square:before {
	content: "\F1E1"
}

.fa-share-square:before {
	content: "\F14D"
}

.fa-shekel-sign:before {
	content: "\F20B"
}

.fa-shield-alt:before {
	content: "\F3ED"
}

.fa-ship:before {
	content: "\F21A"
}

.fa-shipping-fast:before {
	content: "\F48B"
}

.fa-shirtsinbulk:before {
	content: "\F214"
}

.fa-shopping-bag:before {
	content: "\F290"
}

.fa-shopping-basket:before {
	content: "\F291"
}

.fa-shopping-cart:before {
	content: "\F07A"
}

.fa-shower:before {
	content: "\F2CC"
}

.fa-sign:before {
	content: "\F4D9"
}

.fa-sign-in-alt:before {
	content: "\F2F6"
}

.fa-sign-language:before {
	content: "\F2A7"
}

.fa-sign-out-alt:before {
	content: "\F2F5"
}

.fa-signal:before {
	content: "\F012"
}

.fa-simplybuilt:before {
	content: "\F215"
}

.fa-sistrix:before {
	content: "\F3EE"
}

.fa-sitemap:before {
	content: "\F0E8"
}

.fa-skyatlas:before {
	content: "\F216"
}

.fa-skype:before {
	content: "\F17E"
}

.fa-slack:before {
	content: "\F198"
}

.fa-slack-hash:before {
	content: "\F3EF"
}

.fa-sliders-h:before {
	content: "\F1DE"
}

.fa-slideshare:before {
	content: "\F1E7"
}

.fa-smile:before {
	content: "\F118"
}

.fa-smoking:before {
	content: "\F48D"
}

.fa-snapchat:before {
	content: "\F2AB"
}

.fa-snapchat-ghost:before {
	content: "\F2AC"
}

.fa-snapchat-square:before {
	content: "\F2AD"
}

.fa-snowflake:before {
	content: "\F2DC"
}

.fa-sort:before {
	content: "\F0DC"
}

.fa-sort-alpha-down:before {
	content: "\F15D"
}

.fa-sort-alpha-up:before {
	content: "\F15E"
}

.fa-sort-amount-down:before {
	content: "\F160"
}

.fa-sort-amount-up:before {
	content: "\F161"
}

.fa-sort-down:before {
	content: "\F0DD"
}

.fa-sort-numeric-down:before {
	content: "\F162"
}

.fa-sort-numeric-up:before {
	content: "\F163"
}

.fa-sort-up:before {
	content: "\F0DE"
}

.fa-soundcloud:before {
	content: "\F1BE"
}

.fa-space-shuttle:before {
	content: "\F197"
}

.fa-speakap:before {
	content: "\F3F3"
}

.fa-spinner:before {
	content: "\F110"
}

.fa-spotify:before {
	content: "\F1BC"
}

.fa-square:before {
	content: "\F0C8"
}

.fa-square-full:before {
	content: "\F45C"
}

.fa-stack-exchange:before {
	content: "\F18D"
}

.fa-stack-overflow:before {
	content: "\F16C"
}

.fa-star:before {
	content: "\F005"
}

.fa-star-half:before {
	content: "\F089"
}

.fa-staylinked:before {
	content: "\F3F5"
}

.fa-steam:before {
	content: "\F1B6"
}

.fa-steam-square:before {
	content: "\F1B7"
}

.fa-steam-symbol:before {
	content: "\F3F6"
}

.fa-step-backward:before {
	content: "\F048"
}

.fa-step-forward:before {
	content: "\F051"
}

.fa-stethoscope:before {
	content: "\F0F1"
}

.fa-sticker-mule:before {
	content: "\F3F7"
}

.fa-sticky-note:before {
	content: "\F249"
}

.fa-stop:before {
	content: "\F04D"
}

.fa-stop-circle:before {
	content: "\F28D"
}

.fa-stopwatch:before {
	content: "\F2F2"
}

.fa-strava:before {
	content: "\F428"
}

.fa-street-view:before {
	content: "\F21D"
}

.fa-strikethrough:before {
	content: "\F0CC"
}

.fa-stripe:before {
	content: "\F429"
}

.fa-stripe-s:before {
	content: "\F42A"
}

.fa-studiovinari:before {
	content: "\F3F8"
}

.fa-stumbleupon:before {
	content: "\F1A4"
}

.fa-stumbleupon-circle:before {
	content: "\F1A3"
}

.fa-subscript:before {
	content: "\F12C"
}

.fa-subway:before {
	content: "\F239"
}

.fa-suitcase:before {
	content: "\F0F2"
}

.fa-sun:before {
	content: "\F185"
}

.fa-superpowers:before {
	content: "\F2DD"
}

.fa-superscript:before {
	content: "\F12B"
}

.fa-supple:before {
	content: "\F3F9"
}

.fa-sync:before {
	content: "\F021"
}

.fa-sync-alt:before {
	content: "\F2F1"
}

.fa-syringe:before {
	content: "\F48E"
}

.fa-table:before {
	content: "\F0CE"
}

.fa-table-tennis:before {
	content: "\F45D"
}

.fa-tablet:before {
	content: "\F10A"
}

.fa-tablet-alt:before {
	content: "\F3FA"
}

.fa-tablets:before {
	content: "\F490"
}

.fa-tachometer-alt:before {
	content: "\F3FD"
}

.fa-tag:before {
	content: "\F02B"
}

.fa-tags:before {
	content: "\F02C"
}

.fa-tape:before {
	content: "\F4DB"
}

.fa-tasks:before {
	content: "\F0AE"
}

.fa-taxi:before {
	content: "\F1BA"
}

.fa-teamspeak:before {
	content: "\F4F9"
}

.fa-telegram:before {
	content: "\F2C6"
}

.fa-telegram-plane:before {
	content: "\F3FE"
}

.fa-tencent-weibo:before {
	content: "\F1D5"
}

.fa-terminal:before {
	content: "\F120"
}

.fa-text-height:before {
	content: "\F034"
}

.fa-text-width:before {
	content: "\F035"
}

.fa-th:before {
	content: "\F00A"
}

.fa-th-large:before {
	content: "\F009"
}

.fa-th-list:before {
	content: "\F00B"
}

.fa-themeisle:before {
	content: "\F2B2"
}

.fa-thermometer:before {
	content: "\F491"
}

.fa-thermometer-empty:before {
	content: "\F2CB"
}

.fa-thermometer-full:before {
	content: "\F2C7"
}

.fa-thermometer-half:before {
	content: "\F2C9"
}

.fa-thermometer-quarter:before {
	content: "\F2CA"
}

.fa-thermometer-three-quarters:before {
	content: "\F2C8"
}

.fa-thumbs-down:before {
	content: "\F165"
}

.fa-thumbs-up:before {
	content: "\F164"
}

.fa-thumbtack:before {
	content: "\F08D"
}

.fa-ticket-alt:before {
	content: "\F3FF"
}

.fa-times:before {
	content: "\F00D"
}

.fa-times-circle:before {
	content: "\F057"
}

.fa-tint:before {
	content: "\F043"
}

.fa-toggle-off:before {
	content: "\F204"
}

.fa-toggle-on:before {
	content: "\F205"
}

.fa-trademark:before {
	content: "\F25C"
}

.fa-train:before {
	content: "\F238"
}

.fa-transgender:before {
	content: "\F224"
}

.fa-transgender-alt:before {
	content: "\F225"
}

.fa-trash:before {
	content: "\F1F8"
}

.fa-trash-alt:before {
	content: "\F2ED"
}

.fa-tree:before {
	content: "\F1BB"
}

.fa-trello:before {
	content: "\F181"
}

.fa-tripadvisor:before {
	content: "\F262"
}

.fa-trophy:before {
	content: "\F091"
}

.fa-truck:before {
	content: "\F0D1"
}

.fa-truck-loading:before {
	content: "\F4DE"
}

.fa-truck-moving:before {
	content: "\F4DF"
}

.fa-tty:before {
	content: "\F1E4"
}

.fa-tumblr:before {
	content: "\F173"
}

.fa-tumblr-square:before {
	content: "\F174"
}

.fa-tv:before {
	content: "\F26C"
}

.fa-twitch:before {
	content: "\F1E8"
}

.fa-twitter:before {
	content: "\F099"
}

.fa-twitter-square:before {
	content: "\F081"
}

.fa-typo3:before {
	content: "\F42B"
}

.fa-uber:before {
	content: "\F402"
}

.fa-uikit:before {
	content: "\F403"
}

.fa-umbrella:before {
	content: "\F0E9"
}

.fa-underline:before {
	content: "\F0CD"
}

.fa-undo:before {
	content: "\F0E2"
}

.fa-undo-alt:before {
	content: "\F2EA"
}

.fa-uniregistry:before {
	content: "\F404"
}

.fa-universal-access:before {
	content: "\F29A"
}

.fa-university:before {
	content: "\F19C"
}

.fa-unlink:before {
	content: "\F127"
}

.fa-unlock:before {
	content: "\F09C"
}

.fa-unlock-alt:before {
	content: "\F13E"
}

.fa-untappd:before {
	content: "\F405"
}

.fa-upload:before {
	content: "\F093"
}

.fa-usb:before {
	content: "\F287"
}

.fa-user:before {
	content: "\F007"
}

.fa-user-alt:before {
	content: "\F406"
}

.fa-user-alt-slash:before {
	content: "\F4FA"
}

.fa-user-astronaut:before {
	content: "\F4FB"
}

.fa-user-check:before {
	content: "\F4FC"
}

.fa-user-circle:before {
	content: "\F2BD"
}

.fa-user-clock:before {
	content: "\F4FD"
}

.fa-user-cog:before {
	content: "\F4FE"
}

.fa-user-edit:before {
	content: "\F4FF"
}

.fa-user-friends:before {
	content: "\F500"
}

.fa-user-graduate:before {
	content: "\F501"
}

.fa-user-lock:before {
	content: "\F502"
}

.fa-user-md:before {
	content: "\F0F0"
}

.fa-user-minus:before {
	content: "\F503"
}

.fa-user-ninja:before {
	content: "\F504"
}

.fa-user-plus:before {
	content: "\F234"
}

.fa-user-secret:before {
	content: "\F21B"
}

.fa-user-shield:before {
	content: "\F505"
}

.fa-user-slash:before {
	content: "\F506"
}

.fa-user-tag:before {
	content: "\F507"
}

.fa-user-tie:before {
	content: "\F508"
}

.fa-user-times:before {
	content: "\F235"
}

.fa-users:before {
	content: "\F0C0"
}

.fa-users-cog:before {
	content: "\F509"
}

.fa-ussunnah:before {
	content: "\F407"
}

.fa-utensil-spoon:before {
	content: "\F2E5"
}

.fa-utensils:before {
	content: "\F2E7"
}

.fa-vaadin:before {
	content: "\F408"
}

.fa-venus:before {
	content: "\F221"
}

.fa-venus-double:before {
	content: "\F226"
}

.fa-venus-mars:before {
	content: "\F228"
}

.fa-viacoin:before {
	content: "\F237"
}

.fa-viadeo:before {
	content: "\F2A9"
}

.fa-viadeo-square:before {
	content: "\F2AA"
}

.fa-vial:before {
	content: "\F492"
}

.fa-vials:before {
	content: "\F493"
}

.fa-viber:before {
	content: "\F409"
}

.fa-video:before {
	content: "\F03D"
}

.fa-video-slash:before {
	content: "\F4E2"
}

.fa-vimeo:before {
	content: "\F40A"
}

.fa-vimeo-square:before {
	content: "\F194"
}

.fa-vimeo-v:before {
	content: "\F27D"
}

.fa-vine:before {
	content: "\F1CA"
}

.fa-vk:before {
	content: "\F189"
}

.fa-vnv:before {
	content: "\F40B"
}

.fa-volleyball-ball:before {
	content: "\F45F"
}

.fa-volume-down:before {
	content: "\F027"
}

.fa-volume-off:before {
	content: "\F026"
}

.fa-volume-up:before {
	content: "\F028"
}

.fa-vuejs:before {
	content: "\F41F"
}

.fa-warehouse:before {
	content: "\F494"
}

.fa-weibo:before {
	content: "\F18A"
}

.fa-weight:before {
	content: "\F496"
}

.fa-weixin:before {
	content: "\F1D7"
}

.fa-whatsapp:before {
	content: "\F232"
}

.fa-whatsapp-square:before {
	content: "\F40C"
}

.fa-wheelchair:before {
	content: "\F193"
}

.fa-whmcs:before {
	content: "\F40D"
}

.fa-wifi:before {
	content: "\F1EB"
}

.fa-wikipedia-w:before {
	content: "\F266"
}

.fa-window-close:before {
	content: "\F410"
}

.fa-window-maximize:before {
	content: "\F2D0"
}

.fa-window-minimize:before {
	content: "\F2D1"
}

.fa-window-restore:before {
	content: "\F2D2"
}

.fa-windows:before {
	content: "\F17A"
}

.fa-wine-glass:before {
	content: "\F4E3"
}

.fa-won-sign:before {
	content: "\F159"
}

.fa-wordpress:before {
	content: "\F19A"
}

.fa-wordpress-simple:before {
	content: "\F411"
}

.fa-wpbeginner:before {
	content: "\F297"
}

.fa-wpexplorer:before {
	content: "\F2DE"
}

.fa-wpforms:before {
	content: "\F298"
}

.fa-wrench:before {
	content: "\F0AD"
}

.fa-x-ray:before {
	content: "\F497"
}

.fa-xbox:before {
	content: "\F412"
}

.fa-xing:before {
	content: "\F168"
}

.fa-xing-square:before {
	content: "\F169"
}

.fa-y-combinator:before {
	content: "\F23B"
}

.fa-yahoo:before {
	content: "\F19E"
}

.fa-yandex:before {
	content: "\F413"
}

.fa-yandex-international:before {
	content: "\F414"
}

.fa-yelp:before {
	content: "\F1E9"
}

.fa-yen-sign:before {
	content: "\F157"
}

.fa-yoast:before {
	content: "\F2B1"
}

.fa-youtube:before {
	content: "\F167"
}

.fa-youtube-square:before {
	content: "\F431"
}

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}


.fa,
.far,
.fas {
	font-family: Font Awesome\ 5 Free
}

.fa,
.fas {
	font-weight: 900
}

.form-group__eye {
	position: absolute;
	top: 52px;
	right: 15px;
	cursor: pointer;
	text-transform: uppercase;
	color: #999;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 12px
}

@media (max-width:767px) {
	.form-group__eye {
		top: 48px!important
	}
}

* {
	margin: 0;
	padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
label,
p {
	margin: 0;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit
}

ul {
	list-style: none;
	margin-bottom: 0;
	padding: 0
}

a,
a:hover {
	text-decoration: none
}

input[type=number] {
	-moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

button:focus {
	outline: none
}

body {
	font-family: SVN-ProductSans, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: #333
}

@media (max-width:991px) {
	body {
		font-size: 14px
	}
}

body .zopim[data-test-id=ChatWidgetButton],
body .zopim[data-test-id=ChatWidgetMobileButton] {
	display: none!important
}

body .main-quiz {
	z-index: 5
}

input,
textarea {
	background-clip: padding-box
}

.overflow-hidden {
	position: fixed;
	height: 100%;
	overflow: hidden
}

.btn,
.btn-default {
	-o-box-shadow: none;
	box-shadow: none;
	font-size: inherit;
	margin: 0;
	text-transform: none
}

.btn-default:hover,
.btn:hover {
	-o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18)!important;
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18)!important
}

.btn-default.form__btn--orange:active,
.btn.form__btn--orange:active {
	background-image: linear-gradient(83deg, #ff7345, #f73747)!important
}

.btn-default:not(:disabled):not(.disabled),
.btn:not(:disabled):not(.disabled) {
	color: #333
}

.btn-default.disabled,
.btn-default:disabled,
.btn.disabled,
.btn:disabled {
	border-color: #ddd!important;
	-o-box-shadow: none!important;
	box-shadow: none!important
}

button {
	cursor: pointer
}

button.disabled,
button:disabled {
	border-color: #ddd!important;
	-o-box-shadow: none!important;
	box-shadow: none!important
}

.dropdown-toggle.btn {
	color: inherit!important
}

.dropdown-toggle.btn,
.dropdown-toggle.btn.btn-default,
.dropdown-toggle.btn:active,
.dropdown-toggle.btn:focus,
.dropdown-toggle.btn:hover {
	background-color: transparent!important
}

.dropdown-toggle.btn.btn-default {
	color: inherit!important
}

.dropdown-toggle.btn.btn-default:active,
.dropdown-toggle.btn.btn-default:focus,
.dropdown-toggle.btn.btn-default:hover {
	background-color: transparent!important
}

textarea {
	resize: none
}

input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=text]:focus,
textarea:focus {
	border: 1px solid #3bbdf9!important
}

input,
textarea {
	outline: none;
	border: 1px solid #ddd;
	padding: 14px 20px 12px;
	border-radius: 4px
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
	border: 1px solid #000;
	-webkit-text-fill-color: #000;
	-webkit-box-shadow: 0 0 0 1000px #fff inset;
	transition: background-color 5000s ease-in-out 0s
}

a {
	color: #333;
	transition: all .5s ease
}

.help-block {
	color: red;
	position: absolute;
	top: 4px;
	right: 5px;
	font-size: 12px
}

.has-calendar {
	position: relative
}

.has-calendar .icon-calendar {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer
}

@media (max-width:991px) {
	.has-calendar .icon-calendar {
		top: 40px
	}
}

.has-calendar .icon-calendar--not-label {
	top: 10px
}

@media (max-width:991px) {
	.fixed-bottom-mb {
		border-radius: 0!important;
		position: fixed!important;
		bottom: 0;
		width: 100%!important;
		left: 0;
		z-index: 3
	}
}

main.show-loading .loading {
	display: block!important
}

#toggle-chat {
	position: fixed;
	right: 0;
	bottom: 20px;
	width: 60px;
	height: 60px;
	border-radius: 7px;
	border: 2px solid #f4f9ff;
	background-color: #50ad4e;
	cursor: pointer;
	z-index: 4
}

@media (max-width:991px) {
	#toggle-chat {
		width: 44px;
		height: 44px;
		border-radius: 5px;
		bottom: 23px
	}
}

#toggle-chat img {
	position: absolute;
	left: 11px;
	top: 7px;
	width: 36px;
	height: 33px;
	object-fit: contain
}

@media (max-width:991px) {
	#toggle-chat img {
		left: 3px;
		top: 5px;
		width: 36px;
		height: 21px
	}
}

#toggle-chat span {
	position: absolute;
	left: 9px;
	bottom: 3px;
	width: 41px;
	height: 16px;
	font-family: SVN-ProductSans;
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #fff
}

@media (max-width:991px) {
	#toggle-chat span {
		width: 33px;
		height: 13px;
		left: 5px;
		font-size: 11px;
		text-align: center
	}
}

.dropdown-item:focus,
.dropdown-item:hover {
	color: #16181b;
	text-decoration: none;
	background-color: inherit;
	outline: none
}

.form-group--has-calendar {
	position: relative
}

.form-group--has-calendar .calendar {
	position: absolute;
	top: 46px;
	right: 10px;
	cursor: pointer
}

@media (max-width:991px) {
	.form-group--has-calendar .calendar {
		top: 42px
	}
}

.icon-text {
	width: 45px;
	height: 45px;
	background-image: linear-gradient(45deg, #ff7345, #f73747);
	border-radius: 50%;
	text-align: center;
	box-shadow: 0 5px 10px 0 rgba(78, 143, 248, .2), inset 0 -1px 3px 0 #aacbff;
	border: 5px solid #fff;
	box-sizing: content-box;
	position: relative;
	top: 10px;
	margin-right: 10px
}

.icon-text__image {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

@media (min-width:1200px) {
	.row {
		margin: 0 -10px
	}
	.row [class*=col-] {
		padding: 0 10px
	}
}

.point {
	width: 50px;
	font-size: 12px;
	border-radius: 12px;
	background-color: #66bd39;
	color: #fff;
	padding: 2px 0;
	text-align: center;
	display: inline-block
}

.point--minus {
	background-color: #ff5965
}

.not-yet-upgrade {
	margin-bottom: 70px
}

@media (max-width:991px) {
	.not-yet-upgrade {
		margin-bottom: 0
	}
}

.overlay-bg {
	visibility: hidden;
	content: "";
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 14;
	width: 100%;
	height: 100vh;
	opacity: 0;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	background-color: #000;
	transition: all .5s ease
}

.overlay-bg.isShow {
	opacity: .7;
	visibility: visible
}

.overlay-mb {
	visibility: hidden;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: calc(100% + 30px);
	margin-left: -15px;
	height: 100vh;
	opacity: 0;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	background-color: #000;
	transition: all .5s ease
}

.overlay-mb.isShow {
	opacity: .7;
	visibility: visible
}

.Ripple-parent {
	vertical-align: middle
}

[contentEditable=true]:empty:not(:focus):before {
	content: attr(data-text)
}

.loading-component {
	width: 100%;
	height: 100%
}

.loading-component .loading-image {
	max-width: 50px
}

.modal-backdrop.show {
	opacity: .8!important
}

input:-webkit-autofill,
input:-webkit-autofill:focus textarea:-webkit-autofill,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus {
	border-color: #ddd
}

.spacing-vertical-courses {
	margin-bottom: 60px
}

@media (max-width:991px) {
	.spacing-vertical-courses {
		margin-bottom: 40px
	}
	.spacing-vertical-courses:nth-child(2n) {
		padding-left: 7.5px
	}
	.spacing-vertical-courses:nth-child(odd) {
		padding-right: 7.5px
	}
}

.disabled,
:disabled {
	cursor: not-allowed;
	pointer-events: auto!important
}

#playerElement-Container,
.h5p-iframe-wrapper iframe.h5p-iframe {
	border-radius: 15px
}

@media (max-width:991px) {
	#playerElement-Container,
	.h5p-iframe-wrapper iframe.h5p-iframe {
		border-radius: 0
	}
}

#playerElement-OverlayPlay.playerElement-Show {
	background-color: #489df8!important
}

@media (max-width:767px) {
	#playerElement-OverlayPlay.playerElement-Show {
		width: 70px;
		height: 70px;
		position: relative
	}
}

@media (max-width:767px) {
	#playerElement-OverlayPlay.playerElement-Show #playerElement-OverlayPlayIcon.playerElement-Play {
		position: absolute;
		top: 50%;
		left: 55%;
		transform: translate(-50%, -50%)
	}
}

@media (max-width:991px) {
	.card-group {
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

.wrapper-courses .row>div[class^=col-] {
	margin-bottom: 60px;
	display: -ms-flexbox;
	display: flex
}

@media (min-width:991px) {
	.wrapper-courses .row>div[class^=col-] {
		margin-bottom: 40px
	}
}

.empty-data input {
	border: 1px solid #ff5965!important
}

.empty-data input:focus {
	border-color: #ff5965!important
}

.empty-data .form-group__notification {
	display: block
}

.empty-data .message-error {
	background: #ff5965;
	color: #fff;
	font-size: 14px;
	padding: 5px 5px 3px 20px;
	margin-top: -3px;
	border-radius: 0 0 5px 5px
}

.disable-nav .owl-nav {
	display: none!important
}

@media (max-width:991px) {
	.dropdown-menu {
		min-width: 250px
	}
}

.popover-body {
	text-align: center;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1)
}

.overflow-visible {
	overflow: visible!important
}

.info-card input:-webkit-autofill,
.info-card input:-webkit-autofill:active,
.info-card input:-webkit-autofill:focus,
.info-card input:-webkit-autofill:hover {
	-webkit-text-fill-color: #fff;
	-webkit-box-shadow: 0 0 0 1000px hsla(0, 0%, 100%, .01) inset;
	transition: background-color 5000s ease-in-out 0s
}

.clip-lesson {
	width: 100%;
	margin: 0 auto 70px
}

@media (max-width:991px) {
	.clip-lesson {
		margin-bottom: 0
	}
}

.clip-lesson .video-js {
	max-width: 100%;
	width: 100%;
	height: auto;
	padding-top: 56.25%;
	position: relative;
	background-color: transparent
}

.clip-lesson .video-js.loaded-successfully:after {
	display: none
}

.clip-lesson .video-js.vjs-fullscreen {
	padding-top: 0!important
}

.clip-lesson .video-js:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	left: 0;
	top: 0;
	background-color: #000
}

.clip-lesson .video {
	width: 100%
}

.clip-lesson .video .video_wrapper {
	border: none
}

.clip-lesson .video .video_wrapper .vjs-menu-button .vjs-resolution-button-staticlabel {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

@media (max-width:767px) {
	.clip-lesson .video .video_wrapper .vjs-menu-content {
		width: 5em!important
	}
}

@media (max-width:767px) {
	.clip-lesson .video .video_wrapper .vjs-menu li {
		padding: 5px 9px
	}
}

.clip-lesson .video .video_h5p {
	margin-bottom: 35px
}

.vjs-remaining-time-display {
	font-size: 16px
}

.DayPickerInput-Overlay {
	bottom: 55px!important;
	z-index: 14!important
}

.top-title-detail {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 10px
}

@media (max-width:767px) {
	.top-title-detail {
		background-color: rgba(59, 189, 249, .1);
		width: calc(100% + 30px);
		margin-left: -15px;
		padding: 10px 15px
	}
}

.top-title-detail.pdf-document {
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:767px) {
	.top-title-detail.video-guide {
		margin-bottom: 0
	}
}

.top-title-detail .left {
	display: -ms-flexbox;
	display: flex
}

@media (max-width:767px) {
	.top-title-detail .left {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: calc(100% - 82px);
		-ms-flex-align: center;
		align-items: center
	}
}

.top-title-detail .back-btn {
	width: 40px;
	height: 40px;
	border: 2px solid #3abcf8;
	border-radius: 50%;
	position: relative;
	margin-right: 30px
}

@media (max-width:767px) {
	.top-title-detail .back-btn {
		margin-right: 15px
	}
}

.top-title-detail .back-btn img {
	width: 25px;
	position: absolute;
	left: 6px;
	top: 7px
}

.top-title-detail .name-video {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	font-family: SVN-Boing, sans-serif;
	font-weight: 700;
	color: #666;
	font-size: 30px
}

@media (max-width:1199px) {
	.top-title-detail .name-video {
		font-size: 20px
	}
}

@media (max-width:767px) {
	.top-title-detail .name-video {
		font-size: 18px;
		color: #333;
		width: calc(100% - 55px)
	}
}

.top-title-detail .name-video img {
	margin-right: 10px
}

.control-bar {
	position: fixed;
	bottom: 40px;
	color: hsla(0, 0%, 100%, .8);
	background-color: #2f3f4b;
	width: calc(60% - 200px);
	left: calc(20% + 200px);
	z-index: 2;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 0;
	border-radius: 5px
}

@media (min-width:1600px) {
	.control-bar {
		width: calc(60% - 400px);
		left: calc(20% + 400px)
	}
}

@media (max-width:991px) {
	.control-bar {
		width: 60%;
		left: 20%;
		bottom: 20px
	}
}

@media (max-width:767px) {
	.control-bar {
		width: 90%;
		left: 5%;
		bottom: 40px
	}
}

@media (max-width:320px) {
	.control-bar {
		font-size: 12px
	}
}

.control-bar input {
	width: 70px;
	padding: 9px 10px 7px;
	margin: 0 5px 0 10px
}

.control-bar .control-group {
	margin: 0 30px
}

@media (max-width:320px) {
	.control-bar .control-group {
		margin: 0 15px
	}
}

.control-bar .slash {
	margin-right: 5px
}

.control-bar .percent {
	margin: 0 15px
}

.control-bar i {
	cursor: pointer
}

.control-bar i:hover {
	color: #fff;
	opacity: 1
}

.download-btn {
	width: 125px;
	border: 2px solid #ddd;
	border-radius: 25px;
	font-size: 16px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	transition: all .5s ease
}

@media (max-width:767px) {
	.download-btn {
		border: none;
		width: auto
	}
}

.download-btn:hover {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18);
	color: #333
}

.download-btn i {
	margin-left: 5px;
	color: #999
}

@media (max-width:991px) {
	.modal-dialog {
		max-width: none
	}
}

.vjs-menu-content {
	height: auto!important;
	overflow: initial!important;
	max-height: none!important
}

.popup-a {
	color: #50ad4e
}

.header-content {
	margin-bottom: 14px
}

.pagination-not-active {
	background-color: #fff!important
}

.pagination-active,
.pagination-not-active {
	border-radius: 50%;
	width: 40px!important;
	height: 40px!important;
	background-size: 100% 100%!important;
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: .23px;
	text-align: center;
	color: #666
}

.pagination-active {
	background-color: #3bbdf9!important
}

.require-landscape-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/landscape-bg.png);
	background-position: bottom;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #8ddca0;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px;
	overflow: auto;
	text-align: center
}

.require-landscape-wrapper img {
	max-width: 100%;
	width: auto;
	height: auto
}

.require-landscape-wrapper__input-text {
	margin: 0 auto;
	width: 90%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: row;
	flex-direction: row;
	padding: 20px;
	border-radius: 25px;
	background-color: hsla(0, 0%, 100%, .7)
}

.require-landscape-wrapper__input-text img {
	height: 55px;
	width: auto
}

.require-landscape-wrapper__input-text p {
	font-family: SVN-ProductSans;
	font-size: 21px;
	text-align: center;
	color: #333;
	margin-left: 10px
}

.require-landscape-wrapper__content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px 70px 0
}

.require-landscape-wrapper__content p {
	font-family: SVN-ProductSans;
	font-size: 14px;
	text-align: center;
	color: #333;
	padding: 5px 0 15px;
	font-size: 17px
}

@keyframes spring {
	0% {
		transform: translateY(0)
	}
	10% {
		transform: translateY(0)
	}
	30% {
		transform: translateY(-5px)
	}
	50% {
		transform: translateY(0)
	}
	70% {
		transform: translateY(-3px)
	}
	to {
		transform: translateY(0)
	}
}

input[type=checkbox] {
	-webkit-appearance: none;
	background: #fff;
	width: 22px;
	height: 22px;
	border: 2px solid #ddd;
	position: relative;
	cursor: pointer;
	outline: none
}

input[type=checkbox]:after {
	content: "";
	width: 7px;
	height: 13px;
	border-bottom: 3px solid #fff;
	border-right: 3px solid #fff;
	position: absolute;
	left: 6px;
	top: 1px;
	opacity: 0;
	transform: rotate(45deg)
}

input[type=checkbox]:checked {
	outline: none;
	background-color: #50ad4e;
	border-radius: 4px;
	border-color: #50ad4e
}

input[type=checkbox]:checked:after {
	opacity: 1
}

input[type=radio] {
	-webkit-appearance: none;
	background: #fff;
	width: 22px;
	height: 22px;
	border: 2px solid #ddd;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	outline: none
}

input[type=radio]:focus {
	border: 2px solid #50ad4e!important
}

input[type=radio]:after {
	content: "";
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	border-radius: 50%;
	position: absolute;
	left: 2px;
	top: 2px;
	opacity: 0;
	background-color: #50ad4e
}

input[type=radio]:checked {
	outline: none!important;
	border-color: #50ad4e
}

input[type=radio]:checked:after {
	opacity: 1
}

input.error,
input.error:focus {
	border: 1px solid red!important
}

input:disabled {
	background-color: #ebebe4
}

input[type=checkbox]:checked+label {
	color: #50ad4e!important;
	text-shadow: 1px 0 0 currentColor
}

.change-avatar-box {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	position: relative;
	overflow: hidden
}

.change-avatar-box:hover .change-avatar-box__text-change-avatar {
	bottom: 0;
	height: 100%
}

.change-avatar-box:hover .change-avatar-box__text-change-avatar--text {
	position: relative;
	top: 30%
}

.change-avatar-box__input-file {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	opacity: 0;
	z-index: 2;
	cursor: pointer
}

.change-avatar-box__image {
	width: 100px;
	height: 100px;
	object-fit: cover
}

.change-avatar-box__text-change-avatar {
	background: rgba(0, 0, 0, .6);
	position: absolute;
	bottom: -20px;
	width: 100%;
	height: 36px;
	color: #fff;
	font-size: 12px;
	letter-spacing: .2px;
	text-align: center;
	transition: all .5s ease
}

.flip-clock-wrapper {
	font: normal 11px Helvetica Neue, Helvetica, sans-serif;
	-webkit-user-select: none
}

.flip-clock-wrapper * {
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.flip-clock-wrapper a {
	cursor: pointer;
	text-decoration: none;
	color: #ccc
}

.flip-clock-wrapper a:hover {
	color: #fff
}

.flip-clock-wrapper ul {
	list-style: none
}

.flip-clock-wrapper.clearfix {
	*zoom: 1
}

.flip-clock-wrapper.clearfix:before {
	content: " ";
	display: table
}

.flip-clock-wrapper.clearfix:after {
	content: " ";
	display: table;
	clear: both
}

.flip-clock-meridium {
	background: none!important;
	box-shadow: 0 0 0!important;
	font-size: 36px!important
}

.flip-clock-meridium a {
	color: #313333
}

.flip-clock-wrapper {
	text-align: center;
	position: relative;
	width: 100%
}

.flip-clock-wrapper:before {
	content: " ";
	display: table
}

.flip-clock-wrapper:after {
	content: " ";
	display: table;
	clear: both
}

.flip-clock-wrapper ul {
	position: relative;
	margin: 0 7px;
	width: 100px;
	height: 150px;
	line-height: 156px;
	font-size: 80px;
	font-weight: 700;
	border-radius: 15px;
	display: inline-block
}

@media (max-width:991px) {
	.flip-clock-wrapper ul {
		font-size: 35px;
		line-height: 50px;
		width: 36px;
		height: 50px;
		margin: 0 1px
	}
}

@media (max-width:320px) {
	.flip-clock-wrapper ul {
		font-size: 28px;
		width: 30px;
		height: 45px;
		line-height: 45px
	}
}

.flip-clock-wrapper ul li {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	line-height: 156px;
	text-decoration: none!important
}

@media (max-width:991px) {
	.flip-clock-wrapper ul li {
		line-height: 50px
	}
}

@media (max-width:320px) {
	.flip-clock-wrapper ul li {
		line-height: 45px
	}
}

.flip-clock-wrapper ul li:first-child {
	z-index: 2
}

.flip-clock-wrapper ul li a {
	display: block;
	height: 100%;
	perspective: 300px;
	margin: 0!important;
	overflow: visible!important;
	cursor: default!important;
	position: relative
}

.flip-clock-wrapper ul li a:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -5px;
	width: 10px;
	height: 10px;
	background-color: #fff;
	z-index: 12;
	border-radius: 50%
}

@media (max-width:991px) {
	.flip-clock-wrapper ul li a:before {
		left: -2px;
		width: 4px;
		height: 4px
	}
}

.flip-clock-wrapper ul li a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -5px;
	width: 10px;
	height: 10px;
	background-color: #fff;
	z-index: 12;
	border-radius: 50%
}

@media (max-width:991px) {
	.flip-clock-wrapper ul li a:after {
		right: -2px;
		width: 4px;
		height: 4px
	}
}

.flip-clock-wrapper ul li a div {
	z-index: 1;
	position: absolute;
	left: 0;
	width: 100%;
	height: 50%;
	font-size: 80px;
	overflow: hidden;
	outline: 1px solid transparent
}

@media (max-width:991px) {
	.flip-clock-wrapper ul li a div {
		font-size: 35px;
		font-size: 28px
	}
}

.flip-clock-wrapper ul li a div .shadow {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2
}

.flip-clock-wrapper ul li a div.up {
	transform-origin: 50% 100%;
	top: 0;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	position: relative
}

.flip-clock-wrapper ul li a div.up:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: hsla(0, 0%, 100%, .15);
	display: block;
	z-index: 12
}

.flip-clock-wrapper ul li a div.down {
	transform-origin: 50% 0;
	bottom: 0;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px
}

.flip-clock-wrapper ul li a div div.inn {
	position: absolute;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 200%;
	color: #fff;
	text-align: center;
	background-image: linear-gradient(35deg, #3bbdf9, #4e8ff8);
	border-radius: 15px;
	font-size: 80px
}

@media (max-width:991px) {
	.flip-clock-wrapper ul li a div div.inn {
		font-size: 35px;
		font-size: 28px
	}
}

.flip-clock-wrapper ul li a div.up div.inn {
	top: 0
}

.flip-clock-wrapper ul li a div.down div.inn {
	bottom: 0
}

.flip-clock-wrapper ul.play li.flip-clock-before {
	z-index: 3
}

.flip-clock-wrapper ul.play li.flip-clock-active {
	animation: asd .5s .5s linear both;
	z-index: 5
}

.flip-clock-divider {
	display: inline-block;
	position: relative;
	width: 4%;
	height: 1px
}

@media (max-width:991px) {
	.flip-clock-divider {
		width: 5px
	}
}

.flip-clock-divider.days .flip-clock-label {
	left: 80px
}

@media (max-width:991px) {
	.flip-clock-divider.days .flip-clock-label,
	.flip-clock-divider.hours .flip-clock-label {
		left: 20px
	}
	.flip-clock-divider.minutes .flip-clock-label,
	.flip-clock-divider.seconds .flip-clock-label {
		left: -4px
	}
}

.flip-clock-divider:first-child {
	width: 0
}

.flip-clock-dot {
	display: block;
	background: #323434;
	width: 10px;
	height: 10px;
	position: absolute;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	left: 5px
}

.flip-clock-divider .flip-clock-label {
	position: absolute;
	bottom: -45px;
	left: 115px;
	z-index: 12;
	color: #000;
	text-shadow: none;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 25px;
	color: #999;
	text-transform: uppercase
}

@media (max-width:991px) {
	.flip-clock-divider .flip-clock-label {
		font-size: 14px;
		bottom: -20px
	}
}

.flip-clock-divider.minutes .flip-clock-label {
	right: -88px
}

.flip-clock-divider.seconds .flip-clock-label {
	right: -91px
}

.flip-clock-dot.top {
	top: 30px;
	opacity: 0
}

.flip-clock-dot.bottom {
	bottom: 30px;
	opacity: 0
}

@keyframes asd {
	0% {
		z-index: 2
	}
	20% {
		z-index: 4
	}
	to {
		z-index: 4
	}
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
	z-index: 2;
	animation: turn .5s .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
	z-index: 2;
	animation: turn2 .5s linear both
}

.flip-clock-wrapper ul li.flip-clock-active {
	z-index: 3
}

.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
	animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow,
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .1)), color-stop(100%, #000));
	background: linear, top, rgba(0, 0, 0, .1) 0, #000 100%;
	background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
	background: linear, to bottom, rgba(0, 0, 0, .1) 0, #000 100%
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
	animation: hide .5s .3s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
	animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow,
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
	background: -moz-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(100%, rgba(0, 0, 0, .1)));
	background: linear, top, #000 0, rgba(0, 0, 0, .1) 100%;
	background: -ms-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
	background: linear, to bottom, #000 0, rgba(0, 0, 0, .1) 100%
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
	animation: hide .5s .2s linear both
}

@keyframes turn {
	0% {
		transform: rotateX(90deg)
	}
	to {
		transform: rotateX(0deg)
	}
}

@keyframes turn2 {
	0% {
		transform: rotateX(0deg)
	}
	to {
		transform: rotateX(-90deg)
	}
}

@keyframes show {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes hide {
	0% {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

#header-children {
	padding: 25px 40px 5px
}

@media (max-width:991px) {
	#header-children {
		padding: 0
	}
}

#header-children .header-desktop {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#header-children .header-desktop .header-desktop-left {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__dropdown {
	position: absolute!important;
	bottom: -200px;
	left: 49%!important;
	top: auto!important;
	transform: none!important;
	width: 280px;
	border-radius: 15px;
	padding: 20px 15px;
	border: none;
	-o-box-shadow: 1px 2px 30px 0 rgba(0, 0, 0, .18);
	box-shadow: 1px 2px 30px 0 rgba(0, 0, 0, .18)
}

@media (max-width:1300px) {
	#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__dropdown {
		left: 38%!important
	}
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__dropdown:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	position: absolute;
	right: 0;
	left: 0;
	top: -5px;
	border-bottom: 5px solid #fff;
	margin: auto
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__dropdown-item {
	margin-bottom: 15px;
	padding: 0
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__dropdown-item:hover {
	background-color: transparent
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__dropdown-item:last-child {
	margin-bottom: 0
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__dropdown-icon {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__dropdown-text {
	letter-spacing: .2px;
	font-size: 14px;
	color: #333;
	position: relative;
	display: block;
	padding-left: 30px
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__dropdown-text:hover {
	color: #fe6f45
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__detail {
	position: relative;
	display: -ms-flexbox;
	display: flex
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__detail__account-type {
	background-color: rgba(105, 195, 0, .2);
	color: #69c300;
	font-size: 12px;
	display: inline-block;
	border-radius: 12.5px;
	padding: 2px 8px 1px;
	position: relative;
	top: -10px
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__detail__account-type.premium {
	color: #fe6f45;
	background-color: rgba(254, 111, 69, .2)
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__detail__page-title {
	color: #fff;
	opacity: .7;
	font-family: SVN-ProductSans;
	font-size: 16px;
	margin-left: 6px;
	margin-bottom: -9px
}

@media (max-width:1300px) {
	#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__detail__page-title {
		font-size: 14px
	}
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__detail__name-kid {
	font-family: SVN-Boing;
	font-size: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	color: #fff;
	opacity: .98;
	font-weight: 600;
	letter-spacing: .2px;
	position: relative;
	padding-right: 20px;
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media (max-width:1300px) {
	#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__detail__name-kid {
		font-size: 30px
	}
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__detail__name-kid:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	position: absolute;
	right: 5px;
	top: 30px;
	border-top: 7px solid #fff;
	color: #fff
}

@media (max-width:1300px) {
	#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__detail__name-kid:after {
		top: 22px
	}
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__detail__name {
	font-family: SVN-Boing;
	font-size: 36px;
	color: #fff;
	opacity: .98;
	font-weight: 600;
	letter-spacing: .2px;
	position: relative;
	padding-right: 20px;
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media (max-width:1300px) {
	#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__detail__name {
		font-size: 30px
	}
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__detail__name:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	position: absolute;
	right: 0;
	top: 20px;
	border-top: 7px solid #fff;
	color: #fff
}

@media (max-width:1300px) {
	#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__detail__name:after {
		top: 22px
	}
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__detail__avatar {
	border-radius: 50%;
	cursor: pointer;
	object-fit: cover;
	width: 60px;
	height: 60px;
	box-shadow: 0 2px 0 0 #682729;
	border: 1px solid #54170f;
	margin-right: 12px
}

@media (max-width:1300px) {
	#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__detail__avatar {
		width: 50px;
		height: 50px
	}
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__upgrade {
	font-size: 12px;
	color: #fe6f45;
	letter-spacing: .1px;
	font-weight: 600;
	text-transform: uppercase;
	padding-right: 58px;
	position: relative;
	top: -20px
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .profile__upgraded {
	position: relative;
	top: -20px;
	font-size: 12px;
	color: #666;
	padding-right: 58px
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .control {
	vertical-align: top
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .control__notification {
	margin: 0 15px;
	display: inline-block;
	border-radius: 50%;
	border: 2px solid #ddd;
	width: 50px;
	height: 50px;
	position: relative;
	cursor: pointer
}

@media (max-width:1199px) {
	#header-children .header-desktop .header-desktop-left .profile-wrapper .control__notification {
		margin: 0 10px
	}
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .control__notification__img {
	position: absolute;
	top: 10px;
	left: 15px
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .control__notification__number {
	width: 15px;
	height: 15px;
	background: red;
	border-radius: 50%;
	font-size: 10px;
	display: inline-block;
	color: #fff;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .control__btn {
	background-image: linear-gradient(76deg, #3bbdf9, #4e8ff8);
	border-radius: 30px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #fff;
	width: 200px;
	display: inline-block;
	text-align: center;
	padding: 10px 0 11px;
	text-transform: uppercase;
	position: relative;
	top: -20px;
	outline: none;
	line-height: 1
}

@media (max-width:1199px) {
	#header-children .header-desktop .header-desktop-left .profile-wrapper .control__btn {
		font-size: 16px;
		width: 175px
	}
}

#header-children .header-desktop .header-desktop-left .profile-wrapper .control__btn:active {
	background-image: linear-gradient(76deg, #3bbdf9, #4e8ff8)!important
}

#header-children .header-desktop .header-desktop-right {
	display: -ms-flexbox;
	display: flex
}

#header-children .header-desktop .header-desktop-right .active-btn {
	position: relative;
	cursor: pointer
}

#header-children .header-desktop .header-desktop-right .active-btn__img {
	width: 240px;
	height: 66px
}

@media (max-width:1300px) {
	#header-children .header-desktop .header-desktop-right .active-btn__img {
		width: 180px;
		height: 55px
	}
}

#header-children .header-desktop .header-desktop-right .active-btn__title {
	color: #fff;
	font-family: SVN-Boing;
	font-size: 25px;
	font-weight: 600;
	position: absolute;
	top: 15px;
	left: 35px
}

@media (max-width:1300px) {
	#header-children .header-desktop .header-desktop-right .active-btn__title {
		font-size: 20px;
		top: 12px;
		left: 25px
	}
}

#header-children .header-desktop .header-desktop-right .header-rank {
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	margin-right: 25px;
	background-color: #66272a;
	min-width: 191px;
	height: 63px;
	border-radius: 30px;
	padding-right: 5px;
	border: 2px solid #000
}

@media (min-width:992px) {
	#header-children .header-desktop .header-desktop-right .header-rank:hover {
		animation: spring .5s;
		animation-timing-function: ease
	}
}

@media (max-width:1300px) {
	#header-children .header-desktop .header-desktop-right .header-rank {
		min-width: 150px;
		height: 55px
	}
}

#header-children .header-desktop .header-desktop-right .header-rank__img {
	position: absolute;
	top: -3px;
	left: -5px;
	width: 66px;
	height: 66px
}

@media (max-width:1300px) {
	#header-children .header-desktop .header-desktop-right .header-rank__img {
		width: 58px;
		height: 58px
	}
}

#header-children .header-desktop .header-desktop-right .header-rank__left {
	width: 60px;
	position: relative
}

@media (max-width:1300px) {
	#header-children .header-desktop .header-desktop-right .header-rank__left {
		width: 46px
	}
}

#header-children .header-desktop .header-desktop-right .header-rank__right {
	-ms-flex: 1;
	flex: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column
}

#header-children .header-desktop .header-desktop-right .header-rank__title {
	color: #fff;
	opacity: .7;
	font-family: SVN-ProductSans;
	font-size: 14px;
	margin-top: 3px
}

@media (max-width:1300px) {
	#header-children .header-desktop .header-desktop-right .header-rank__title {
		font-size: 12px
	}
}

#header-children .header-desktop .header-desktop-right .header-rank__number {
	color: #fadd01;
	font-family: SVN-Boing;
	font-size: 35px;
	font-weight: 600;
	margin-top: -10px
}

@media (max-width:1300px) {
	#header-children .header-desktop .header-desktop-right .header-rank__number {
		font-size: 25px;
		margin-top: -5px
	}
}

#header-children .header-desktop .header-desktop-right .header-point {
	position: relative
}

#header-children .header-desktop .header-desktop-right .header-point__img {
	width: 190px;
	height: 63px
}

#header-children .header-desktop .header-desktop-right .header-point__title {
	position: absolute;
	top: 5px;
	right: 40px;
	color: #fff;
	opacity: .7;
	font-family: SVN-ProductSans;
	font-size: 14px
}

#header-children .header-desktop .header-desktop-right .header-point__number {
	position: absolute;
	top: 20px;
	right: 52px;
	color: #fadd01;
	font-family: SVN-Boing;
	font-size: 35px;
	font-weight: 600
}

#header-parent {
	padding: 25px 40px 5px;
	background-color: #fff;
	position: relative
}

@media (max-width:991px) {
	#header-parent {
		padding: 0
	}
}

#header-parent .box-search-result {
	position: absolute;
	top: 65px;
	left: 0;
	background: #fff;
	z-index: 5;
	width: 100%;
	padding: 10px 20px 0;
	border-radius: 15px;
	-o-box-shadow: 0 -1px 10px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 -1px 10px 2px rgba(0, 0, 0, .1)
}

@media (max-width:991px) {
	#header-parent .box-search-result {
		position: fixed;
		z-index: 13;
		left: 0;
		right: 0;
		width: 100%;
		max-width: 100%;
		border-radius: 0;
		top: 120px;
		height: calc(100% - 120px);
		-o-box-shadow: none;
		box-shadow: none
	}
}

@media (max-width:767px) {
	#header-parent .box-search-result {
		top: 106px
	}
}

#header-parent .box-search-result .list-result:after {
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	content: "";
	position: absolute;
	top: -7px;
	left: 0;
	right: 0;
	margin: auto
}

#header-parent .box-search-result .list-result__item {
	font-weight: 600;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	font-size: 14px
}

#header-parent .box-search-result .list-result__item:last-child {
	border-bottom: none
}

#header-parent .box-search-result .list-result__item.suggestion-selected {
	background: gray;
	color: #fff;
	border-radius: 5px;
	width: calc(100% + 20px);
	margin-left: -10px;
	padding: 10px
}

#header-parent .box-search-result .list-result__item a {
	display: block
}

#header-parent .box-search-result .list-result__item a .hight-light {
	font-weight: 700;
	background: rgba(80, 173, 78, .4)
}

#header-parent .box-search-result .list-result__item a .bg-green {
	background: rgba(80, 173, 78, .4)
}

#header-parent .box-search-result .show-more {
	font-size: 14px;
	display: block;
	background-color: #f0f0f0;
	width: calc(100% + 40px);
	margin-left: -20px;
	padding: 15px 20px;
	border-radius: 0 0 15px 15px;
	text-align: center
}

@media (max-width:991px) {
	#header-parent .box-search-result .show-more {
		position: absolute;
		bottom: 0;
		left: 0;
		border-radius: 0
	}
}

#header-parent .box-search-result .show-more b {
	font-weight: 700
}

#header-parent .header-desktop .form {
	border: 1px solid transparent;
	border-radius: 25px;
	position: relative
}

#header-parent .header-desktop .form .wrapper-icon-search {
	content: "";
	position: absolute;
	right: 1px;
	top: 1px;
	width: 48px;
	height: 48px;
	background: transparent;
	border-radius: 50%;
	z-index: 1;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ5ICg1MTAwMikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+bWFnbmlmeWluZy1nbGFzczwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJfdGhvbmctdGluLXRhaS1raG9hbiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjkuLWQtbW9tX3Byb2ZpbGVfZG9pLW1hdC1raGF1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzc2LjAwMDAwMCwgLTM2LjAwMDAwMCkiIGZpbGw9IiM5OTk5OTkiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDQwLjAwMDAwMCwgMzYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0ibWFnbmlmeWluZy1nbGFzcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzM2LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjMuNzA2MTIyNCwyMi4yOTU1MTAyIEwxNy45MzYzMjY1LDE2LjUyNTcxNDMgQzE5LjM2NjUzMDYsMTQuNzgyMDQwOCAyMC4yMjg1NzE0LDEyLjU0ODU3MTQgMjAuMjI4NTcxNCwxMC4xMTQyODU3IEMyMC4yMjg1NzE0LDQuNTMwNjEyMjQgMTUuNjk3OTU5MiwwIDEwLjExNDI4NTcsMCBDNC41MjU3MTQyOSwwIDAsNC41MzA2MTIyNCAwLDEwLjExNDI4NTcgQzAsMTUuNjk3OTU5MiA0LjUyNTcxNDI5LDIwLjIyODU3MTQgMTAuMTE0Mjg1NywyMC4yMjg1NzE0IEMxMi41NDg1NzE0LDIwLjIyODU3MTQgMTQuNzc3MTQyOSwxOS4zNzE0Mjg2IDE2LjUyMDgxNjMsMTcuOTQxMjI0NSBMMjIuMjkwNjEyMiwyMy43MDYxMjI0IEMyMi42ODI0NDksMjQuMDk3OTU5MiAyMy4zMTQyODU3LDI0LjA5Nzk1OTIgMjMuNzA2MTIyNCwyMy43MDYxMjI0IEMyNC4wOTc5NTkyLDIzLjMxOTE4MzcgMjQuMDk3OTU5MiwyMi42ODI0NDkgMjMuNzA2MTIyNCwyMi4yOTU1MTAyIFogTTEwLjExNDI4NTcsMTguMjE1NTEwMiBDNS42NDI0NDg5OCwxOC4yMTU1MTAyIDIuMDA4MTYzMjcsMTQuNTgxMjI0NSAyLjAwODE2MzI3LDEwLjExNDI4NTcgQzIuMDA4MTYzMjcsNS42NDczNDY5NCA1LjY0MjQ0ODk4LDIuMDA4MTYzMjcgMTAuMTE0Mjg1NywyLjAwODE2MzI3IEMxNC41ODEyMjQ1LDIuMDA4MTYzMjcgMTguMjIwNDA4Miw1LjY0NzM0Njk0IDE4LjIyMDQwODIsMTAuMTE0Mjg1NyBDMTguMjIwNDA4MiwxNC41ODEyMjQ1IDE0LjU4MTIyNDUsMTguMjE1NTEwMiAxMC4xMTQyODU3LDE4LjIxNTUxMDIgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
	background-position: 50%;
	background-repeat: no-repeat
}

#header-parent .header-desktop .form:focus-within {
	border-color: #50ad4e
}

#header-parent .header-desktop .form:focus-within .wrapper-icon-search {
	display: block;
	background-color: #50ad4e;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjQgKDY3Mzc4KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5tYWduaWZ5aW5nLWdsYXNzPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJmb3JtL3NlYXJjaEZvcm0vZm9jdXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjMuMDAwMDAwLCAtMTMuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMTMuMDAwMDAwLCAzLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Im1hZ25pZnlpbmctZ2xhc3MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIzLjcwNjEyMjQsMjIuMjk1NTEwMiBMMTcuOTM2MzI2NSwxNi41MjU3MTQzIEMxOS4zNjY1MzA2LDE0Ljc4MjA0MDggMjAuMjI4NTcxNCwxMi41NDg1NzE0IDIwLjIyODU3MTQsMTAuMTE0Mjg1NyBDMjAuMjI4NTcxNCw0LjUzMDYxMjI0IDE1LjY5Nzk1OTIsMCAxMC4xMTQyODU3LDAgQzQuNTI1NzE0MjksMCAwLDQuNTMwNjEyMjQgMCwxMC4xMTQyODU3IEMwLDE1LjY5Nzk1OTIgNC41MjU3MTQyOSwyMC4yMjg1NzE0IDEwLjExNDI4NTcsMjAuMjI4NTcxNCBDMTIuNTQ4NTcxNCwyMC4yMjg1NzE0IDE0Ljc3NzE0MjksMTkuMzcxNDI4NiAxNi41MjA4MTYzLDE3Ljk0MTIyNDUgTDIyLjI5MDYxMjIsMjMuNzA2MTIyNCBDMjIuNjgyNDQ5LDI0LjA5Nzk1OTIgMjMuMzE0Mjg1NywyNC4wOTc5NTkyIDIzLjcwNjEyMjQsMjMuNzA2MTIyNCBDMjQuMDk3OTU5MiwyMy4zMTkxODM3IDI0LjA5Nzk1OTIsMjIuNjgyNDQ5IDIzLjcwNjEyMjQsMjIuMjk1NTEwMiBaIE0xMC4xMTQyODU3LDE4LjIxNTUxMDIgQzUuNjQyNDQ4OTgsMTguMjE1NTEwMiAyLjAwODE2MzI3LDE0LjU4MTIyNDUgMi4wMDgxNjMyNywxMC4xMTQyODU3IEMyLjAwODE2MzI3LDUuNjQ3MzQ2OTQgNS42NDI0NDg5OCwyLjAwODE2MzI3IDEwLjExNDI4NTcsMi4wMDgxNjMyNyBDMTQuNTgxMjI0NSwyLjAwODE2MzI3IDE4LjIyMDQwODIsNS42NDczNDY5NCAxOC4yMjA0MDgyLDEwLjExNDI4NTcgQzE4LjIyMDQwODIsMTQuNTgxMjI0NSAxNC41ODEyMjQ1LDE4LjIxNTUxMDIgMTAuMTE0Mjg1NywxOC4yMTU1MTAyIFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
}

#header-parent .header-desktop .form__input {
	border: none!important;
	background-color: transparent;
	width: 100%;
	padding-right: 70px
}

#header-parent .header-desktop .form__input:focus {
	border: none!important
}

#header-parent .header-desktop .form__icon {
	background-color: rgba(80, 173, 78, 0);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	color: #a1a1a1;
	cursor: pointer;
	transition: all .5s ease;
	height: 25px;
	z-index: 2;
	opacity: 0
}

#header-parent .header-desktop .form__icon.icon-white {
	display: none
}

#header-parent .header-desktop .profile-wrapper .profile__dropdown {
	position: absolute!important;
	bottom: -200px;
	left: -50%!important;
	top: auto!important;
	transform: none!important;
	width: 280px;
	border-radius: 15px;
	padding: 20px 15px;
	border: none;
	-o-box-shadow: 1px 2px 30px 0 rgba(0, 0, 0, .18);
	box-shadow: 1px 2px 30px 0 rgba(0, 0, 0, .18)
}

#header-parent .header-desktop .profile-wrapper .profile__dropdown:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	position: absolute;
	right: 0;
	left: 0;
	top: -5px;
	border-bottom: 5px solid #fff;
	margin: auto
}

#header-parent .header-desktop .profile-wrapper .profile__dropdown-item {
	margin-bottom: 15px;
	padding: 0
}

#header-parent .header-desktop .profile-wrapper .profile__dropdown-item:hover {
	background-color: transparent
}

#header-parent .header-desktop .profile-wrapper .profile__dropdown-item:last-child {
	margin-bottom: 0
}

#header-parent .header-desktop .profile-wrapper .profile__dropdown-icon {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}

#header-parent .header-desktop .profile-wrapper .profile__dropdown-text {
	letter-spacing: .2px;
	font-size: 14px;
	color: #333;
	position: relative;
	display: block;
	padding-left: 30px
}

#header-parent .header-desktop .profile-wrapper .profile__dropdown-text:hover {
	color: #fe6f45
}

#header-parent .header-desktop .profile-wrapper .profile__detail {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

#header-parent .header-desktop .profile-wrapper .profile__detail__account-type {
	background-color: rgba(105, 195, 0, .2);
	color: #69c300;
	font-size: 12px;
	display: inline-block;
	border-radius: 12.5px;
	padding: 2px 8px 1px;
	position: relative;
	top: -10px
}

#header-parent .header-desktop .profile-wrapper .profile__detail__account-type.premium {
	color: #fe6f45;
	background-color: rgba(254, 111, 69, .2)
}

#header-parent .header-desktop .profile-wrapper .profile__detail__name {
	opacity: .98;
	font-weight: 600;
	letter-spacing: .2px;
	font-size: 16px;
	position: relative;
	padding-right: 20px;
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

#header-parent .header-desktop .profile-wrapper .profile__detail__name:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	position: absolute;
	right: 5px;
	top: 10px;
	border-top: 5px solid #333
}

#header-parent .header-desktop .profile-wrapper .profile__detail__avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	cursor: pointer;
	object-fit: cover
}

#header-parent .header-desktop .profile-wrapper .profile__upgrade {
	font-size: 12px;
	color: #fe6f45;
	letter-spacing: .1px;
	font-weight: 600;
	text-transform: uppercase;
	padding-right: 58px;
	position: relative;
	top: -20px
}

#header-parent .header-desktop .profile-wrapper .profile__upgraded {
	position: relative;
	top: -20px;
	font-size: 12px;
	color: #666;
	padding-right: 58px
}

#header-parent .header-desktop .profile-wrapper .control {
	vertical-align: top
}

#header-parent .header-desktop .profile-wrapper .control__notification {
	margin: 0 15px;
	display: inline-block;
	border-radius: 50%;
	border: 2px solid #ddd;
	width: 50px;
	height: 50px;
	position: relative;
	cursor: pointer
}

@media (max-width:1199px) {
	#header-parent .header-desktop .profile-wrapper .control__notification {
		margin: 0 10px
	}
}

#header-parent .header-desktop .profile-wrapper .control__notification__img {
	position: absolute;
	top: 10px;
	left: 15px
}

#header-parent .header-desktop .profile-wrapper .control__notification__number {
	width: 15px;
	height: 15px;
	background: red;
	border-radius: 50%;
	font-size: 10px;
	display: inline-block;
	color: #fff;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0
}

#header-parent .header-desktop .profile-wrapper .control__btn {
	background-image: linear-gradient(76deg, #3bbdf9, #4e8ff8);
	border-radius: 30px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #fff;
	width: 200px;
	display: inline-block;
	text-align: center;
	padding: 10px 0 11px;
	text-transform: uppercase;
	position: relative;
	margin-left: 15px;
	outline: none;
	line-height: 1
}

@media (max-width:1199px) {
	#header-parent .header-desktop .profile-wrapper .control__btn {
		font-size: 16px;
		width: 175px
	}
}

#header-parent .header-desktop .profile-wrapper .control__btn:active {
	background-image: linear-gradient(76deg, #3bbdf9, #4e8ff8)!important
}

@media (min-width:992px) and (max-width:1199px) {
	#header {
		padding: 25px 15px 5px
	}
	#header .header-desktop .profile-wrapper .profile__detail__name {
		display: inline-block;
		max-width: 155px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-left: 5px;
		top: -2px
	}
	#header .header-desktop .profile-wrapper .profile__detail__name:after {
		top: 9px
	}
}

@media (max-width:991px) {
	.header-mobile {
		background-color: #09539b;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 13;
		height: 59px;
		box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .5)
	}
	.header-mobile .control {
		position: relative;
		padding: 10px 15px
	}
	.header-mobile .control__sidebar {
		width: 200px;
		height: 32px;
		position: absolute;
		top: 23%;
		right: 15px;
		display: block!important
	}
	.header-mobile .control__avatarview {
		width: 32px;
		height: 32px;
		position: absolute;
		right: 0
	}
	.header-mobile .control__username {
		font-size: 12px;
		color: #fff;
		position: absolute;
		top: 1px;
		right: 40px;
		-webkit-line-clamp: 1;
		width: 150px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		text-align: right
	}
	.header-mobile .control__username b {
		font-family: SVN-Boing;
		font-size: 14px;
		font-weight: 600;
		letter-spacing: .2px
	}
	.header-mobile .control__changeaccount {
		position: absolute;
		top: 21px;
		opacity: .7;
		right: 40px;
		font-family: SVN-ProductSans;
		font-size: 11px;
		font-weight: 400;
		font-style: normal;
		font-stretch: normal;
		line-height: 1.27;
		letter-spacing: normal;
		color: #fff;
		letter-spacing: .2px
	}
	.header-mobile .control__logo {
		text-align: left;
		margin-left: 35px
	}
	.header-mobile .control__logo img {
		max-width: 105px
	}
	.header-mobile .control__logo a {
		overflow: visible
	}
	.header-mobile .control__menu {
		position: absolute;
		left: 15px;
		top: 50%;
		transform: translateY(-50%)
	}
	.header-mobile .control__menu.isShowed .line--first {
		transform: rotate(45deg)
	}
	.header-mobile .control__menu.isShowed .line--second {
		display: none
	}
	.header-mobile .control__menu.isShowed .line--third {
		transform: rotate(-45deg);
		position: relative;
		top: -2px
	}
	.header-mobile .control__menu .line {
		width: 28px;
		height: 2px;
		background: #fff;
		display: block;
		transition: all .5s ease
	}
	.header-mobile .control__menu .line--second {
		margin: 5px 0
	}
	.header-mobile .control__avatar {
		width: 32px;
		height: 32px;
		border-radius: 50%
	}
	.header-mobile .control__switch {
		position: absolute;
		left: 0;
		bottom: 0
	}
	.header-mobile .menu-mobile {
		padding: 0 15px;
		position: fixed;
		top: 59px;
		background: #fff;
		width: 100%;
		left: -100%;
		transition: all .5s ease;
		min-height: calc(100vh - 59px);
		height: calc(100vh - 59px);
		overflow: auto
	}
	.header-mobile .menu-mobile.isShowed {
		left: 0
	}
	.header-mobile .menu-mobile__search-box {
		width: calc(100% + 30px);
		border-bottom: 1px solid #ddd;
		margin: 0 0 30px -15px
	}
}

@media (max-width:991px) and (max-width:320px) {
	.header-mobile .menu-mobile__search-box {
		margin-bottom: 20px
	}
}

@media (max-width:991px) {
	.header-mobile .menu-mobile__search-box .form {
		position: relative
	}
	.header-mobile .menu-mobile__search-box .form__input {
		border: none!important;
		padding-right: 65px
	}
	.header-mobile .menu-mobile__search-box .form__input:focus~.wrapper-icon-search {
		background: #50ad4e;
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjQgKDY3Mzc4KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5tYWduaWZ5aW5nLWdsYXNzPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJmb3JtL3NlYXJjaEZvcm0vZm9jdXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjMuMDAwMDAwLCAtMTMuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMTMuMDAwMDAwLCAzLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Im1hZ25pZnlpbmctZ2xhc3MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIzLjcwNjEyMjQsMjIuMjk1NTEwMiBMMTcuOTM2MzI2NSwxNi41MjU3MTQzIEMxOS4zNjY1MzA2LDE0Ljc4MjA0MDggMjAuMjI4NTcxNCwxMi41NDg1NzE0IDIwLjIyODU3MTQsMTAuMTE0Mjg1NyBDMjAuMjI4NTcxNCw0LjUzMDYxMjI0IDE1LjY5Nzk1OTIsMCAxMC4xMTQyODU3LDAgQzQuNTI1NzE0MjksMCAwLDQuNTMwNjEyMjQgMCwxMC4xMTQyODU3IEMwLDE1LjY5Nzk1OTIgNC41MjU3MTQyOSwyMC4yMjg1NzE0IDEwLjExNDI4NTcsMjAuMjI4NTcxNCBDMTIuNTQ4NTcxNCwyMC4yMjg1NzE0IDE0Ljc3NzE0MjksMTkuMzcxNDI4NiAxNi41MjA4MTYzLDE3Ljk0MTIyNDUgTDIyLjI5MDYxMjIsMjMuNzA2MTIyNCBDMjIuNjgyNDQ5LDI0LjA5Nzk1OTIgMjMuMzE0Mjg1NywyNC4wOTc5NTkyIDIzLjcwNjEyMjQsMjMuNzA2MTIyNCBDMjQuMDk3OTU5MiwyMy4zMTkxODM3IDI0LjA5Nzk1OTIsMjIuNjgyNDQ5IDIzLjcwNjEyMjQsMjIuMjk1NTEwMiBaIE0xMC4xMTQyODU3LDE4LjIxNTUxMDIgQzUuNjQyNDQ4OTgsMTguMjE1NTEwMiAyLjAwODE2MzI3LDE0LjU4MTIyNDUgMi4wMDgxNjMyNywxMC4xMTQyODU3IEMyLjAwODE2MzI3LDUuNjQ3MzQ2OTQgNS42NDI0NDg5OCwyLjAwODE2MzI3IDEwLjExNDI4NTcsMi4wMDgxNjMyNyBDMTQuNTgxMjI0NSwyLjAwODE2MzI3IDE4LjIyMDQwODIsNS42NDczNDY5NCAxOC4yMjA0MDgyLDEwLjExNDI4NTcgQzE4LjIyMDQwODIsMTQuNTgxMjI0NSAxNC41ODEyMjQ1LDE4LjIxNTUxMDIgMTAuMTE0Mjg1NywxOC4yMTU1MTAyIFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
	}
	.header-mobile .menu-mobile__search-box .form .wrapper-icon-search {
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ5ICg1MTAwMikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+bWFnbmlmeWluZy1nbGFzczwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJfdGhvbmctdGluLXRhaS1raG9hbiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjkuLWQtbW9tX3Byb2ZpbGVfZG9pLW1hdC1raGF1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzc2LjAwMDAwMCwgLTM2LjAwMDAwMCkiIGZpbGw9IiM5OTk5OTkiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDQwLjAwMDAwMCwgMzYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0ibWFnbmlmeWluZy1nbGFzcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzM2LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjMuNzA2MTIyNCwyMi4yOTU1MTAyIEwxNy45MzYzMjY1LDE2LjUyNTcxNDMgQzE5LjM2NjUzMDYsMTQuNzgyMDQwOCAyMC4yMjg1NzE0LDEyLjU0ODU3MTQgMjAuMjI4NTcxNCwxMC4xMTQyODU3IEMyMC4yMjg1NzE0LDQuNTMwNjEyMjQgMTUuNjk3OTU5MiwwIDEwLjExNDI4NTcsMCBDNC41MjU3MTQyOSwwIDAsNC41MzA2MTIyNCAwLDEwLjExNDI4NTcgQzAsMTUuNjk3OTU5MiA0LjUyNTcxNDI5LDIwLjIyODU3MTQgMTAuMTE0Mjg1NywyMC4yMjg1NzE0IEMxMi41NDg1NzE0LDIwLjIyODU3MTQgMTQuNzc3MTQyOSwxOS4zNzE0Mjg2IDE2LjUyMDgxNjMsMTcuOTQxMjI0NSBMMjIuMjkwNjEyMiwyMy43MDYxMjI0IEMyMi42ODI0NDksMjQuMDk3OTU5MiAyMy4zMTQyODU3LDI0LjA5Nzk1OTIgMjMuNzA2MTIyNCwyMy43MDYxMjI0IEMyNC4wOTc5NTkyLDIzLjMxOTE4MzcgMjQuMDk3OTU5MiwyMi42ODI0NDkgMjMuNzA2MTIyNCwyMi4yOTU1MTAyIFogTTEwLjExNDI4NTcsMTguMjE1NTEwMiBDNS42NDI0NDg5OCwxOC4yMTU1MTAyIDIuMDA4MTYzMjcsMTQuNTgxMjI0NSAyLjAwODE2MzI3LDEwLjExNDI4NTcgQzIuMDA4MTYzMjcsNS42NDczNDY5NCA1LjY0MjQ0ODk4LDIuMDA4MTYzMjcgMTAuMTE0Mjg1NywyLjAwODE2MzI3IEMxNC41ODEyMjQ1LDIuMDA4MTYzMjcgMTguMjIwNDA4Miw1LjY0NzM0Njk0IDE4LjIyMDQwODIsMTAuMTE0Mjg1NyBDMTguMjIwNDA4MiwxNC41ODEyMjQ1IDE0LjU4MTIyNDUsMTguMjE1NTEwMiAxMC4xMTQyODU3LDE4LjIxNTUxMDIgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
		background-repeat: no-repeat!important;
		background-position: 50%!important
	}
	.header-mobile .menu-mobile__list-control {
		margin: 25px 0 30px
	}
	.header-mobile .menu-mobile__control-item {
		font-size: 16px;
		letter-spacing: .2px;
		margin-bottom: 25px
	}
}

@media (max-width:991px) and (max-width:720px) {
	.header-mobile .menu-mobile__control-item {
		margin-bottom: 15px
	}
}

@media (max-width:991px) {
	.header-mobile .menu-mobile__control-item:last-child {
		margin-bottom: 0
	}
	.header-mobile .menu-mobile__control-item a {
		padding: 0 8px
	}
	.header-mobile .menu-mobile__control-item a:hover {
		color: #fe6f45
	}
	.header-mobile .menu-mobile__img-control {
		width: 12px;
		margin-right: 15px
	}
	.header-mobile .menu-mobile__btn-cod {
		background-image: linear-gradient(83deg, #3bbdf9, #4e8ff8)
	}
	.header-mobile .menu-mobile__btn-cod:active {
		background-image: linear-gradient(83deg, #3bbdf9, #4e8ff8)!important
	}
	.header-mobile .menu-mobile__info-user {
		position: relative;
		padding-left: 65px;
		margin-bottom: 20px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		height: 50px
	}
	.header-mobile .menu-mobile__line {
		margin: 20px 0;
		border-bottom: 1px solid #ddd
	}
	.header-mobile .menu-mobile__name {
		font-size: 16px;
		text-transform: capitalize;
		font-weight: 600;
		letter-spacing: .2px;
		opacity: .98;
		display: inline-block
	}
	.header-mobile .menu-mobile__type-account {
		font-size: 12px;
		letter-spacing: .1px;
		color: #50ad4e;
		background: rgba(80, 173, 78, .2);
		padding: 3px 10px 2px;
		border-radius: 13px;
		margin-left: 5px;
		font-weight: 400
	}
	.header-mobile .menu-mobile__type-account.premium {
		color: #fe6f45;
		background-color: rgba(254, 111, 69, .2)
	}
	.header-mobile .menu-mobile__upgrade {
		font-size: 12px;
		color: #fe6f45;
		letter-spacing: .1px;
		font-weight: 600;
		text-transform: uppercase
	}
	.header-mobile .menu-mobile__avatar {
		position: absolute;
		left: 0;
		top: 0;
		width: 50px;
		height: 50px;
		border-radius: 50%
	}
	.header-mobile .box-search-result {
		border-top: 1px solid #50ad4e
	}
	.header-mobile .box-search-result .list-result:after {
		display: none
	}
	.header-mobile .back-btn {
		width: 60px;
		height: calc(100% + 20px);
		position: absolute;
		left: -15px;
		top: -10px;
		background-color: rgba(0, 0, 0, .3)
	}
	.header-mobile .back-btn i,
	.header-mobile .back-btn img {
		font-size: 20px;
		color: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%)
	}
}

.top-quiz {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-title.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	width: 500px;
	height: 140px;
	padding-top: 35px;
	position: absolute;
	left: 50%;
	top: 35px;
	transform: translateX(-50%);
	font-family: SVN-ProductSans
}

@media (max-width:1024px) {
	.top-quiz {
		width: 240px;
		height: 75px;
		top: 5px;
		padding-top: 17px
	}
}

.top-quiz--content {
	padding-top: 20px
}

@media (max-width:1024px) {
	.top-quiz--content {
		padding-top: 8px
	}
}

.top-quiz .quiz-name {
	font-size: 20px;
	font-weight: 700;
	color: #f5bb42;
	text-align: center
}

@media (max-width:1024px) {
	.top-quiz .quiz-name {
		font-size: 12px
	}
}

.top-quiz .quiz-name.quiz-name-ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.top-quiz .quiz-type {
	font-size: 15px;
	color: #fff
}

@media (max-width:1024px) {
	.top-quiz .quiz-type {
		font-size: 10px;
		position: relative
	}
}

.top-quiz .time-area {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	padding-right: 80px
}

.top-quiz .time-area .alarm-clock {
	position: absolute;
	right: 0;
	top: 0
}

.top-quiz .time-area .text-time {
	opacity: .8
}

.top-quiz .time-area .time {
	font-family: SVN-Boing, sans-serif;
	font-size: 36px;
	font-weight: 600;
	line-height: 1
}

.top-quiz-dau-vao {
	padding: 20px 40px 0
}

.top-quiz-dau-vao .quiz-title-name {
	font-weight: 700;
	font-size: 20px!important
}

@media (max-width:1024px) {
	.top-quiz-dau-vao {
		padding: 10px 15px 0;
		width: 300px
	}
	.top-quiz-dau-vao .quiz-title-name {
		font-size: 12px!important
	}
}

.back-btn {
	position: fixed;
	border-radius: 50%;
	left: 45px;
	top: 35px;
	z-index: 10;
	display: block;
	padding: 0
}

@media (max-width:1024px) {
	.back-btn {
		left: 20px;
		top: 5px
	}
}

.back-btn img {
	width: 60px
}

@media (max-width:1024px) {
	.back-btn img {
		width: 36px
	}
}

.border-content {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-book.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	position: relative;
	width: calc(100% - 90px);
	height: calc(100% - 130px);
	max-width: 1500px;
	max-height: 762px;
	padding: 0 2% 4%;
	margin: 115px auto 15px
}

@media (max-width:1024px) {
	.border-content {
		margin: 45px auto 8px;
		width: calc(100% - 40px);
		height: calc(100% - 53px)
	}
}

.bg-content {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	position: relative
}

.bg-content .content .content-text {
	overflow: auto;
	overflow-x: hidden
}

.bg-content .content ::-webkit-scrollbar {
	width: 4px!important;
	position: relative;
	right: 0
}

.bg-content .content ::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #dca35e;
	border-radius: 10px
}

.bg-content .content ::-webkit-scrollbar-thumb {
	background: #d69e5c;
	border-radius: 11px
}

.bg-content .content ::-webkit-scrollbar-thumb:hover {
	background: #d69e5c
}

.bg-content .content-text {
	position: absolute;
	width: 92%;
	height: 94%;
	top: 3%;
	left: 4%
}

.bg-content .content-text .content-border {
	position: relative;
	width: 96%;
	display: block;
	height: 100%
}

.main-quiz {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-course-menu.png);
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	position: relative;
	height: 100vh;
	overflow: hidden
}

.main-quiz .btn {
	color: #fff!important;
	box-shadow: none!important
}

.main-quiz .btn:active,
.main-quiz .btn:hover {
	opacity: .8!important
}

.main-quiz.has-nav .quiz-tab-mobile {
	top: 0!important
}

.main-quiz.has-nav .bg-content {
	margin-top: 0!important
}

.main-quiz.has-nav .bg-content .question-content {
	padding-top: 45px
}

.bg-content:after {
	content: "";
	display: block;
	padding-bottom: 51.6%
}

.content {
	display: block;
	position: relative;
	float: left;
	width: 50%;
	height: 100%;
	box-sizing: border-box
}

.content:after {
	content: "";
	display: block;
	padding-bottom: 92%
}

.quiz-help {
	z-index: 1;
	right: calc(2.5% - 58px);
	top: 15%
}

.quiz-help,
.quiz-next-icon {
	position: absolute!important
}

.quiz-next-icon {
	overflow: visible!important;
	right: -1.5%;
	top: 50%;
	z-index: 5;
	transform: translateY(-50%);
	width: 50px;
	display: block;
	padding: 0
}

@media (max-width:1024px) {
	.quiz-next-icon {
		width: 30px
	}
}

@keyframes quiz-next-icon {
	0% {
		right: -1.5%
	}
	50% {
		right: -2%
	}
	to {
		right: -1.5%
	}
}

.quiz-next-icon:hover {
	animation: quiz-next-icon .5s linear 0s infinite alternate
}

@media (max-width:1024px) {
	.quiz-next-icon:hover {
		animation: none
	}
}

.quiz-next-icon img {
	max-width: 100%
}

.quiz-prev-icon {
	position: absolute!important;
	overflow: visible!important;
	left: -1.5%;
	top: 50%;
	z-index: 5;
	transform: translateY(-50%);
	width: 50px;
	display: block;
	padding: 0
}

@media (max-width:1024px) {
	.quiz-prev-icon {
		width: 30px
	}
}

@keyframes quiz-prev-icon {
	0% {
		left: -1.5%
	}
	50% {
		left: -2%
	}
	to {
		left: -1.5%
	}
}

.quiz-prev-icon:hover {
	animation: quiz-prev-icon .5s linear 0s infinite alternate
}

@media (max-width:991px) {
	.quiz-prev-icon:hover {
		animation: none
	}
}

.quiz-prev-icon img {
	max-width: 100%
}

#quiz-page .time-area {
	position: fixed;
	right: 40px;
	top: 35px;
	z-index: 6;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:1024px) {
	#quiz-page .time-area {
		right: 20px;
		top: 8px
	}
}

#quiz-page .time-area__text {
	margin-left: 12px;
	text-align: left
}

@media (max-width:1024px) {
	#quiz-page .time-area__text {
		margin-left: 8px;
		height: 31px
	}
}

#quiz-page .time-area__text .text-time {
	font-size: 18px;
	color: #333;
	line-height: 1;
	margin-bottom: 5px
}

@media (max-width:1024px) {
	#quiz-page .time-area__text .text-time {
		font-size: 10px;
		position: relative;
		top: -7px
	}
}

@media (max-width:991px) {
	#quiz-page .time-area__text .text-time {
		top: -5px
	}
}

#quiz-page .time-area__text .time {
	font-size: 30px;
	font-weight: 700;
	color: #333;
	line-height: 1
}

@media (max-width:1024px) {
	#quiz-page .time-area__text .time {
		font-size: 16px;
		position: relative;
		top: -8px
	}
}

@media (max-width:991px) {
	#quiz-page .time-area__text .time {
		top: -5px
	}
}

#quiz-page .time-area img {
	width: 54px
}

@media (max-width:1024px) {
	#quiz-page .time-area img {
		width: 28px
	}
}

@media (max-width:1024px) {
	#quiz-page .time-area-dau-vao .time-area__text .text-time {
		top: 0
	}
}

@media (max-width:991px) {
	#quiz-page .time-area-dau-vao .time-area__text .text-time {
		top: 0
	}
}

@media (max-width:1024px) {
	#quiz-page .time-area-dau-vao .time-area__text .time {
		top: 0
	}
}

@media (max-width:991px) {
	#quiz-page .time-area-dau-vao .time-area__text .time {
		top: 0
	}
}

#quiz-page .bg-content .content img {
	width: 100%;
	position: absolute;
	height: auto
}

#quiz-page .quiz-btn-active p {
	color: #ff7345;
	border-bottom: 2px solid #ff7345
}

#quiz-page .quiz-tab-mobile {
	position: fixed;
	top: -50px;
	transition: all .5s ease;
	left: 15px;
	width: calc(100% - 30px);
	border-right: 2px solid #058473;
	border-left: 2px solid #058473;
	z-index: 6;
	background: #fff;
	box-sizing: border-box;
	text-align: center;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1);
	padding: 8px 0
}

#quiz-page .quiz-tab-mobile a img {
	padding-right: 5px
}

#quiz-page .quiz-tab-mobile a p {
	display: inline;
	font-weight: 700
}

.component-quiz {
	position: relative;
	height: 0;
	top: 0
}

.component-quiz .checkbox-quiz {
	border: 2px solid #64be00;
	width: 40px;
	height: 40px
}

.component-quiz .checkbox-quiz:checked {
	border-color: #64be00;
	background-color: #fff
}

.component-quiz .checkbox-quiz:after {
	content: "\F00C";
	font-family: FontAwesome;
	font-size: 30px;
	color: #64be00;
	border: none;
	left: calc(50% - 8px);
	top: calc(50% - 10px);
	transform: translate(-100%, -100%)
}

.component-quiz .checkbox-unchecked {
	width: 40px;
	height: 40px;
	border-radius: 5px;
	border: 3px solid #64be00;
	background-color: #fff
}

.component-quiz .textinput-incorrectanswer {
	position: absolute;
	top: 67.3302%;
	left: 12.2781%;
	width: 48px;
	height: 2px;
	background-color: red;
	transform: rotate(-20deg)
}

.component-quiz .line-incorrectanswer {
	width: 42px;
	height: 2px;
	background-color: #ff5965;
	transform: rotate(-20deg)
}

.component-quiz .radio-btn-empty {
	width: 40px;
	height: 40px;
	border-radius: 23px;
	border: 3px solid #64be00;
	background-color: #fff
}

.component-quiz .fillin-wrapper .input-quiz-answer {
	border: none;
	color: #000;
	font-family: SVN-ProductSans;
	font-weight: 600;
	font-style: italic;
	font-size: 18px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/textbox-quiz-xl.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	padding: 0 5px 5px;
	width: 150px
}

.component-quiz .fillin-wrapper .input-quiz-answer:focus {
	border: none!important
}

.component-quiz .fillin-wrapper .correct-value-destop,
.component-quiz .fillin-wrapper .correct-value-mobile {
	font-family: SVN-ProductSans;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .2px;
	text-align: center;
	color: #64be00;
	z-index: 5
}

.component-quiz .correct-answer {
	color: #64be00!important;
	font-size: 18px!important;
	font-weight: 700!important
}

.component-quiz .select-box {
	width: 100%;
	height: 50px;
	background: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 2px solid #99e5db;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 15px
}

.component-quiz .select-correctanswer-destop,
.component-quiz .select-correctanswer-mobile {
	font-family: SVN-ProductSans;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: .3px;
	color: #64be00;
	margin-left: 15px
}

.component-quiz .select-answer {
	font-family: SVN-ProductSans;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: .3px;
	color: #64be00;
	margin-left: 20px
}

.component-quiz .select-image {
	height: 28px!important;
	width: 28px!important
}

.component-quiz .radio-quiz {
	border: 2px solid #64be00
}

.component-quiz .radio-quiz:checked {
	border-color: #64be00
}

.component-quiz .radio-quiz:after {
	background-color: #64be00
}

.component-quiz .input-quiz {
	border: none;
	color: #fa3d4c;
	font-family: SVN-ProductSans;
	font-weight: 600;
	font-style: italic;
	font-size: 20px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/textbox-quiz-xl.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	padding: 0 5px 5px;
	width: 150px
}

@media (max-width:1024px) {
	.component-quiz .input-quiz {
		font-size: 14px;
		padding: 0 2px 2px
	}
}

.component-quiz .input-quiz:focus {
	border: none!important
}

.component-quiz textarea {
	border-radius: 10px;
	background-color: #fff;
	border: 2px solid #99e5db;
	height: 500px;
	width: 100%;
	padding: 15px 20px
}

.component-quiz video {
	background-color: #50e3c2;
	border-radius: 10px
}

.component-quiz .select-quiz {
	position: relative;
	display: block;
	width: 250px;
	line-height: 3;
	background: #fff;
	overflow: hidden;
	border-radius: .25em
}

.component-quiz .select-quiz select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
	box-shadow: none;
	border: 2px solid #99e5db;
	background: #fff;
	background-image: none;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 0 0 20px;
	color: #ff5965;
	font-weight: 600;
	font-family: SVN-ProductSans;
	cursor: pointer
}

.component-quiz .select-quiz select option {
	color: #333
}

.component-quiz .select-quiz select::-ms-expand {
	display: none
}

.component-quiz .select-quiz:after {
	content: "\F0DD";
	font-family: FontAwesome;
	position: absolute;
	top: -10px;
	right: 0;
	bottom: 0;
	padding: 0 1em;
	font-size: 20px;
	background: transparent;
	color: #50e3c2;
	pointer-events: none;
	transition: all .25s ease
}

.modal-quiz.fade .modal-dialog {
	transform: translate3d(100%, 0, 0)
}

.modal-quiz.show .modal-dialog {
	transform: translate(0)
}

.modal-quiz .modal-dialog {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	height: 100%;
	width: 45%;
	max-width: none!important
}

@media (max-width:1024px) {
	.modal-quiz .modal-dialog {
		width: 55%
	}
}

.modal-quiz .modal-dialog .modal-content {
	width: 100%!important;
	height: 100%;
	border-radius: 0 0 0 100px
}

@media (max-width:1024px) {
	.modal-quiz .modal-dialog .modal-content {
		border-radius: 0 0 0 50px
	}
}

.modal-quiz .modal-dialog .modal-content .modal-body {
	padding: 100px 40px 0;
	text-align: center;
	overflow: auto;
	margin-bottom: 10px
}

@media (max-width:1024px) {
	.modal-quiz .modal-dialog .modal-content .modal-body {
		padding: 60px 15px 0
	}
}

.modal-quiz .modal-dialog .modal-content .modal-body p {
	font-size: 35px;
	font-weight: 700;
	line-height: 1.3;
	color: #09699b
}

@media (max-width:1024px) {
	.modal-quiz .modal-dialog .modal-content .modal-body p {
		font-size: 16px;
		padding-bottom: 10px
	}
}

@media (max-width:1024px) {
	.modal-quiz .modal-dialog .modal-content .modal-body .modal-kani {
		width: 100px
	}
}

.modal-quiz .modal-dialog .modal-content .modal-body .form button {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn.png);
	background-size: 100% 100%;
	font-size: 25px;
	font-weight: 700;
	color: #fff;
	padding: 15px 60px 20px!important;
	width: auto;
	margin-top: 30px;
	height: auto
}

@media (max-width:1024px) {
	.modal-quiz .modal-dialog .modal-content .modal-body .form button {
		margin-top: 10px;
		font-size: 14px;
		padding: 10px 40px 12px!important
	}
}

.modal-quiz .modal-dialog .modal-content .modal-body .form button:hover {
	opacity: .8
}

.modal-quiz .modal-dialog .modal-content .modal-body .form button:active {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn.png)!important
}

.modal-quiz .form__close {
	position: absolute;
	left: 40px;
	top: 30px;
	width: 60px;
	height: 60px;
	display: block;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/icon-btn-back.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	color: transparent;
	cursor: pointer
}

@media (max-width:1024px) {
	.modal-quiz .form__close {
		left: 15px;
		top: 15px;
		width: 36px;
		height: 36px
	}
}

.modal-part-timeout .modal-dialog {
	max-width: none
}

.modal-part-timeout .modal-dialog .modal-content {
	width: 840px
}

.modal-part-timeout .modal-dialog .modal-content .title {
	color: #ff5965
}

.modal-part-timeout .modal-dialog .modal-content .sub-title {
	padding-bottom: 5px
}

.modal-part-timeout .modal-dialog .modal-content .modal-body {
	text-align: center;
	padding: 42px 30px
}

.modal-part-timeout .modal-dialog .modal-content .modal-body h3 {
	font-family: SVN-Boing;
	font-size: 25px;
	font-weight: 600;
	line-height: 1.4;
	padding: 10px 0 20px
}

@media (max-width:1024px) {
	.modal-part-timeout .modal-dialog .modal-content .modal-body h3 {
		font-size: 14px;
		padding: 5px 0 10px
	}
}

.modal-part-timeout .modal-dialog .modal-content .modal-body .time-score {
	max-width: 425px;
	margin: 0 auto
}

@media (max-width:1024px) {
	.modal-part-timeout .modal-dialog .modal-content .modal-body .time-score {
		max-width: 240px
	}
}

.modal-part-timeout .modal-dialog .modal-content .modal-body .time-score h3 {
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	color: #7e3f08;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-title-small.png);
	background-size: 100% 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 10px 40px 15px
}

@media (max-width:1024px) {
	.modal-part-timeout .modal-dialog .modal-content .modal-body .time-score h3 {
		font-size: 14px;
		padding: 5px 20px 8px
	}
}

.modal-part-timeout .modal-dialog .modal-content .modal-body .time-score .row {
	background-color: #ffe2ba;
	margin-top: -25px;
	position: relative;
	border-radius: 20px
}

@media (max-width:1024px) {
	.modal-part-timeout .modal-dialog .modal-content .modal-body .time-score .row {
		margin-top: -15px;
		margin-bottom: 20px
	}
}

.modal-part-timeout .modal-dialog .modal-content .modal-body .time-score .row .col-6 {
	padding: 42px 0 40px;
	box-sizing: border-box
}

@media (max-width:1024px) {
	.modal-part-timeout .modal-dialog .modal-content .modal-body .time-score .row .col-6 {
		padding: 25px 0 20px
	}
}

.modal-part-timeout .modal-dialog .modal-content .modal-body .time-score .row .col-6 p {
	font-size: 18px;
	padding-bottom: 0;
	color: #333;
	font-weight: 400
}

@media (max-width:1024px) {
	.modal-part-timeout .modal-dialog .modal-content .modal-body .time-score .row .col-6 p {
		font-size: 12px
	}
}

.modal-part-timeout .modal-dialog .modal-content .modal-body .time-score .row .col-6 p span {
	display: block;
	font-size: 25px;
	font-weight: 700;
	color: #4aba32;
	padding-top: 10px
}

@media (max-width:1024px) {
	.modal-part-timeout .modal-dialog .modal-content .modal-body .time-score .row .col-6 p span {
		font-size: 14px
	}
}

.modal-part-timeout .modal-dialog .modal-content .modal-body .time-score .row .line {
	position: absolute;
	width: 3px;
	height: 85px;
	border: 2px solid #fff;
	left: 50%;
	top: 80px;
	transform: translateY(-50%)
}

@media (max-width:1024px) {
	.modal-part-timeout .modal-dialog .modal-content .modal-body .time-score .row .line {
		width: 2px;
		height: 55px;
		top: 50px
	}
}

.modal-part-timeout .modal-dialog .modal-content .modal-body button {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn.png);
	background-size: 100% 100%;
	font-size: 25px;
	font-weight: 700;
	color: #fff;
	padding: 15px 60px 20px!important;
	width: auto;
	margin-top: 30px;
	height: auto
}

@media (max-width:1024px) {
	.modal-part-timeout .modal-dialog .modal-content .modal-body button {
		margin-top: 10px;
		font-size: 14px;
		padding: 10px 40px 12px!important
	}
}

.modal-part-timeout .modal-dialog .modal-content .modal-body button:hover {
	opacity: .8
}

.modal-part-timeout .modal-dialog .modal-content .modal-body button:active {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn.png)!important
}

.modal-timeout .modal-dialog {
	max-width: none
}

.modal-timeout .modal-dialog .modal-content {
	width: 840px
}

.modal-timeout .modal-dialog .modal-content .title {
	color: #ff5965
}

.modal-timeout .modal-dialog .modal-content .modal-body {
	text-align: center;
	padding: 30px
}

.modal-timeout .modal-dialog .modal-content .modal-body .sub-title {
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	color: #7e3f08;
	padding-bottom: 30px
}

@media (max-width:1024px) {
	.modal-timeout .modal-dialog .modal-content .modal-body .sub-title {
		font-size: 16px;
		padding-bottom: 15px
	}
}

.modal-timeout .modal-dialog .modal-content .modal-body h3 {
	font-size: 35px;
	font-weight: 700;
	text-align: center;
	color: #09699b
}

@media (max-width:1024px) {
	.modal-timeout .modal-dialog .modal-content .modal-body h3 {
		font-size: 16px
	}
}

.modal-timeout .modal-dialog .modal-content .modal-body .clock-timeout {
	width: 170px;
	margin: 30px 0 40px
}

@media (max-width:1024px) {
	.modal-timeout .modal-dialog .modal-content .modal-body .clock-timeout {
		width: 85px;
		margin: 15px 0 20px
	}
}

.modal-timeout .modal-dialog .modal-content .modal-body .time-score {
	max-width: 425px;
	margin: 0 auto
}

@media (max-width:1024px) {
	.modal-timeout .modal-dialog .modal-content .modal-body .time-score {
		max-width: 240px
	}
}

.modal-timeout .modal-dialog .modal-content .modal-body .time-score h3 {
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	color: #7e3f08;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-title-small.png);
	background-size: 100% 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 10px 40px 15px
}

@media (max-width:1024px) {
	.modal-timeout .modal-dialog .modal-content .modal-body .time-score h3 {
		font-size: 14px;
		padding: 5px 20px 8px
	}
}

.modal-timeout .modal-dialog .modal-content .modal-body .time-score .row {
	background-color: #ffe2ba;
	margin-top: -25px;
	position: relative;
	border-radius: 20px
}

@media (max-width:1024px) {
	.modal-timeout .modal-dialog .modal-content .modal-body .time-score .row {
		margin-top: -15px;
		margin-bottom: 10px
	}
}

.modal-timeout .modal-dialog .modal-content .modal-body .time-score .row .col-6 {
	padding: 42px 0 40px;
	box-sizing: border-box
}

@media (max-width:1024px) {
	.modal-timeout .modal-dialog .modal-content .modal-body .time-score .row .col-6 {
		padding: 25px 0 20px
	}
}

.modal-timeout .modal-dialog .modal-content .modal-body .time-score .row .col-6 p {
	font-size: 18px;
	padding-bottom: 0;
	color: #333;
	font-weight: 400
}

@media (max-width:1024px) {
	.modal-timeout .modal-dialog .modal-content .modal-body .time-score .row .col-6 p {
		font-size: 12px
	}
}

.modal-timeout .modal-dialog .modal-content .modal-body .time-score .row .col-6 p span {
	display: block;
	font-size: 25px;
	font-weight: 700;
	color: #4aba32;
	padding-top: 10px
}

@media (max-width:1024px) {
	.modal-timeout .modal-dialog .modal-content .modal-body .time-score .row .col-6 p span {
		font-size: 14px
	}
}

.modal-timeout .modal-dialog .modal-content .modal-body .time-score .row .line {
	position: absolute;
	width: 3px;
	height: 85px;
	border: 2px solid #fff;
	left: 50%;
	top: 80px;
	transform: translateY(-50%)
}

@media (max-width:1024px) {
	.modal-timeout .modal-dialog .modal-content .modal-body .time-score .row .line {
		width: 2px;
		height: 55px;
		top: 50px
	}
}

.modal-timeout .modal-dialog .modal-content .modal-body button {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzU0cHgiIGhlaWdodD0iODlweCIgdmlld0JveD0iMCAwIDM1NCA4OSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDkgKDUxMDAyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5idXR0b24vQ1RBL3F1aXovcmVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjM1MCIgaGVpZ2h0PSI4MCIgcng9IjIwIj48L3JlY3Q+CiAgICAgICAgPGZpbHRlciB4PSItMS4xJSIgeT0iLTUuMCUiIHdpZHRoPSIxMDIuMyUiIGhlaWdodD0iMTE2LjIlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJmaWx0ZXItMiI+CiAgICAgICAgICAgIDxmZU1vcnBob2xvZ3kgcmFkaXVzPSIxLjUiIG9wZXJhdG9yPSJkaWxhdGUiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRPdXRlcjEiPjwvZmVNb3JwaG9sb2d5PgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSI1IiBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIj48L2ZlQ29tcG9zaXRlPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC4xIDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd09mZnNldE91dGVyMSI+PC9mZUNvbG9yTWF0cml4PgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxmaWx0ZXIgeD0iLTEuNyUiIHk9Ii03LjUlIiB3aWR0aD0iMTAzLjQlIiBoZWlnaHQ9IjEyMS4yJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZmlsdGVyLTMiPgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSItOSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldElubmVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRJbm5lcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIiByZXN1bHQ9InNoYWRvd0lubmVySW5uZXIxIj48L2ZlQ29tcG9zaXRlPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC44OTA0NjU1NjEgICAwIDAgMCAwIDAuMTMyNzA1NTA5ICAgMCAwIDAgMCAwLjE5NTg1MjE4ICAwIDAgMCAxIDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd0lubmVySW5uZXIxIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iX3F1aXoiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIxNy4tbC1xdWl6X2VuZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk0NS4wMDAwMDAsIC03MDMuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJidXR0b24vQ1RBL3F1aXovcmVkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5NDcuMDAwMDAwLCA3MDUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iUmVjdGFuZ2xlLTIiPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0yKSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjRUQyRjNGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0zKSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBzdHJva2U9IiNCRDAxMTEiIHN0cm9rZS13aWR0aD0iMyIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiNGQTNENEMiIHg9IjYiIHk9IjYiIHdpZHRoPSIzMzgiIGhlaWdodD0iMzYiIHJ4PSIxMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPGVsbGlwc2UgaWQ9Ik92YWwiIGZpbGw9IiNGRkZGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0LjE2MTQyMiwgMTQuNDQ1MzI4KSByb3RhdGUoLTQwLjAwMDAwMCkgdHJhbnNsYXRlKC0xNC4xNjE0MjIsIC0xNC40NDUzMjgpICIgY3g9IjE0LjE2MTQyMTciIGN5PSIxNC40NDUzMjg1IiByeD0iNy43NTA1MTg3MiIgcnk9IjQuNTIxMTM1OTIiPjwvZWxsaXBzZT4KICAgICAgICAgICAgICAgIDxlbGxpcHNlIGlkPSJPdmFsIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC43MDAzNTAsIDguNzY3NDc2KSByb3RhdGUoMTUuMDAwMDAwKSB0cmFuc2xhdGUoLTI0LjcwMDM1MCwgLTguNzY3NDc2KSAiIGN4PSIyNC43MDAzNTAzIiBjeT0iOC43Njc0NzU2NiIgcng9IjMuMDU3OTI5OTIiIHJ5PSIxLjc4Mzc5MjQ2Ij48L2VsbGlwc2U+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiNFMzIyMzIiIGN4PSIzMDYiIGN5PSI2OCIgcj0iNyI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiNFMzIyMzIiIGN4PSIzMTcuNSIgY3k9IjYwLjUiIHI9IjMuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY2LjAwMDAwMCwgMTcuMDAwMDAwKSI+PC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
	background-color: transparent;
	background-size: 100% 100%;
	height: 80px;
	border: none;
	color: #fff;
	font-size: 35px;
	font-weight: 700;
	font-family: SVN-Boing;
	padding: 10px 0 50px!important;
	text-transform: inherit;
	line-height: 1.5;
	border-radius: 0;
	width: 400px;
	box-shadow: none!important
}

.modal-timeout .modal-dialog .modal-content .modal-body button:active {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzU0cHgiIGhlaWdodD0iODlweCIgdmlld0JveD0iMCAwIDM1NCA4OSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDkgKDUxMDAyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5idXR0b24vQ1RBL3F1aXovcmVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjM1MCIgaGVpZ2h0PSI4MCIgcng9IjIwIj48L3JlY3Q+CiAgICAgICAgPGZpbHRlciB4PSItMS4xJSIgeT0iLTUuMCUiIHdpZHRoPSIxMDIuMyUiIGhlaWdodD0iMTE2LjIlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJmaWx0ZXItMiI+CiAgICAgICAgICAgIDxmZU1vcnBob2xvZ3kgcmFkaXVzPSIxLjUiIG9wZXJhdG9yPSJkaWxhdGUiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRPdXRlcjEiPjwvZmVNb3JwaG9sb2d5PgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSI1IiBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIj48L2ZlQ29tcG9zaXRlPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC4xIDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd09mZnNldE91dGVyMSI+PC9mZUNvbG9yTWF0cml4PgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxmaWx0ZXIgeD0iLTEuNyUiIHk9Ii03LjUlIiB3aWR0aD0iMTAzLjQlIiBoZWlnaHQ9IjEyMS4yJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZmlsdGVyLTMiPgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSItOSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldElubmVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRJbm5lcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIiByZXN1bHQ9InNoYWRvd0lubmVySW5uZXIxIj48L2ZlQ29tcG9zaXRlPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC44OTA0NjU1NjEgICAwIDAgMCAwIDAuMTMyNzA1NTA5ICAgMCAwIDAgMCAwLjE5NTg1MjE4ICAwIDAgMCAxIDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd0lubmVySW5uZXIxIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iX3F1aXoiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIxNy4tbC1xdWl6X2VuZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk0NS4wMDAwMDAsIC03MDMuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJidXR0b24vQ1RBL3F1aXovcmVkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5NDcuMDAwMDAwLCA3MDUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iUmVjdGFuZ2xlLTIiPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0yKSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjRUQyRjNGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0zKSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBzdHJva2U9IiNCRDAxMTEiIHN0cm9rZS13aWR0aD0iMyIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiNGQTNENEMiIHg9IjYiIHk9IjYiIHdpZHRoPSIzMzgiIGhlaWdodD0iMzYiIHJ4PSIxMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPGVsbGlwc2UgaWQ9Ik92YWwiIGZpbGw9IiNGRkZGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0LjE2MTQyMiwgMTQuNDQ1MzI4KSByb3RhdGUoLTQwLjAwMDAwMCkgdHJhbnNsYXRlKC0xNC4xNjE0MjIsIC0xNC40NDUzMjgpICIgY3g9IjE0LjE2MTQyMTciIGN5PSIxNC40NDUzMjg1IiByeD0iNy43NTA1MTg3MiIgcnk9IjQuNTIxMTM1OTIiPjwvZWxsaXBzZT4KICAgICAgICAgICAgICAgIDxlbGxpcHNlIGlkPSJPdmFsIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC43MDAzNTAsIDguNzY3NDc2KSByb3RhdGUoMTUuMDAwMDAwKSB0cmFuc2xhdGUoLTI0LjcwMDM1MCwgLTguNzY3NDc2KSAiIGN4PSIyNC43MDAzNTAzIiBjeT0iOC43Njc0NzU2NiIgcng9IjMuMDU3OTI5OTIiIHJ5PSIxLjc4Mzc5MjQ2Ij48L2VsbGlwc2U+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiNFMzIyMzIiIGN4PSIzMDYiIGN5PSI2OCIgcj0iNyI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiNFMzIyMzIiIGN4PSIzMTcuNSIgY3k9IjYwLjUiIHI9IjMuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY2LjAwMDAwMCwgMTcuMDAwMDAwKSI+PC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)!important
}

.modal-quit .modal-content {
	width: 490px!important
}

.modal-quit .modal-content .modal-body {
	padding: 75px 40px
}

.modal-quit .modal-content .modal-body form {
	text-align: center
}

.modal-quit .modal-content .modal-body p {
	padding-bottom: 20px;
	text-align: center
}

.modal-quit .modal-content .modal-body button {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzU0cHgiIGhlaWdodD0iODlweCIgdmlld0JveD0iMCAwIDM1NCA4OSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDkgKDUxMDAyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5idXR0b24vQ1RBL3F1aXovcmVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjM1MCIgaGVpZ2h0PSI4MCIgcng9IjIwIj48L3JlY3Q+CiAgICAgICAgPGZpbHRlciB4PSItMS4xJSIgeT0iLTUuMCUiIHdpZHRoPSIxMDIuMyUiIGhlaWdodD0iMTE2LjIlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJmaWx0ZXItMiI+CiAgICAgICAgICAgIDxmZU1vcnBob2xvZ3kgcmFkaXVzPSIxLjUiIG9wZXJhdG9yPSJkaWxhdGUiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRPdXRlcjEiPjwvZmVNb3JwaG9sb2d5PgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSI1IiBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIj48L2ZlQ29tcG9zaXRlPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC4xIDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd09mZnNldE91dGVyMSI+PC9mZUNvbG9yTWF0cml4PgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxmaWx0ZXIgeD0iLTEuNyUiIHk9Ii03LjUlIiB3aWR0aD0iMTAzLjQlIiBoZWlnaHQ9IjEyMS4yJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZmlsdGVyLTMiPgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSItOSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldElubmVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRJbm5lcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIiByZXN1bHQ9InNoYWRvd0lubmVySW5uZXIxIj48L2ZlQ29tcG9zaXRlPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC44OTA0NjU1NjEgICAwIDAgMCAwIDAuMTMyNzA1NTA5ICAgMCAwIDAgMCAwLjE5NTg1MjE4ICAwIDAgMCAxIDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd0lubmVySW5uZXIxIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iX3F1aXoiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIxNy4tbC1xdWl6X2VuZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk0NS4wMDAwMDAsIC03MDMuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJidXR0b24vQ1RBL3F1aXovcmVkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5NDcuMDAwMDAwLCA3MDUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iUmVjdGFuZ2xlLTIiPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0yKSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjRUQyRjNGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0zKSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBzdHJva2U9IiNCRDAxMTEiIHN0cm9rZS13aWR0aD0iMyIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiNGQTNENEMiIHg9IjYiIHk9IjYiIHdpZHRoPSIzMzgiIGhlaWdodD0iMzYiIHJ4PSIxMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPGVsbGlwc2UgaWQ9Ik92YWwiIGZpbGw9IiNGRkZGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0LjE2MTQyMiwgMTQuNDQ1MzI4KSByb3RhdGUoLTQwLjAwMDAwMCkgdHJhbnNsYXRlKC0xNC4xNjE0MjIsIC0xNC40NDUzMjgpICIgY3g9IjE0LjE2MTQyMTciIGN5PSIxNC40NDUzMjg1IiByeD0iNy43NTA1MTg3MiIgcnk9IjQuNTIxMTM1OTIiPjwvZWxsaXBzZT4KICAgICAgICAgICAgICAgIDxlbGxpcHNlIGlkPSJPdmFsIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC43MDAzNTAsIDguNzY3NDc2KSByb3RhdGUoMTUuMDAwMDAwKSB0cmFuc2xhdGUoLTI0LjcwMDM1MCwgLTguNzY3NDc2KSAiIGN4PSIyNC43MDAzNTAzIiBjeT0iOC43Njc0NzU2NiIgcng9IjMuMDU3OTI5OTIiIHJ5PSIxLjc4Mzc5MjQ2Ij48L2VsbGlwc2U+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiNFMzIyMzIiIGN4PSIzMDYiIGN5PSI2OCIgcj0iNyI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiNFMzIyMzIiIGN4PSIzMTcuNSIgY3k9IjYwLjUiIHI9IjMuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY2LjAwMDAwMCwgMTcuMDAwMDAwKSI+PC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
	background-color: transparent;
	background-size: 100% 100%;
	height: 80px;
	border: none;
	color: #fff;
	font-size: 35px;
	font-weight: 700;
	font-family: SVN-Boing;
	padding: 10px 0 50px!important;
	text-transform: inherit;
	line-height: 1.5;
	border-radius: 0;
	width: 400px;
	box-shadow: none!important
}

.modal-quit .modal-content .modal-body button:active {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzU0cHgiIGhlaWdodD0iODlweCIgdmlld0JveD0iMCAwIDM1NCA4OSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDkgKDUxMDAyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5idXR0b24vQ1RBL3F1aXovcmVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjM1MCIgaGVpZ2h0PSI4MCIgcng9IjIwIj48L3JlY3Q+CiAgICAgICAgPGZpbHRlciB4PSItMS4xJSIgeT0iLTUuMCUiIHdpZHRoPSIxMDIuMyUiIGhlaWdodD0iMTE2LjIlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJmaWx0ZXItMiI+CiAgICAgICAgICAgIDxmZU1vcnBob2xvZ3kgcmFkaXVzPSIxLjUiIG9wZXJhdG9yPSJkaWxhdGUiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRPdXRlcjEiPjwvZmVNb3JwaG9sb2d5PgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSI1IiBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIj48L2ZlQ29tcG9zaXRlPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC4xIDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd09mZnNldE91dGVyMSI+PC9mZUNvbG9yTWF0cml4PgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxmaWx0ZXIgeD0iLTEuNyUiIHk9Ii03LjUlIiB3aWR0aD0iMTAzLjQlIiBoZWlnaHQ9IjEyMS4yJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZmlsdGVyLTMiPgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSItOSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldElubmVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRJbm5lcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIiByZXN1bHQ9InNoYWRvd0lubmVySW5uZXIxIj48L2ZlQ29tcG9zaXRlPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC44OTA0NjU1NjEgICAwIDAgMCAwIDAuMTMyNzA1NTA5ICAgMCAwIDAgMCAwLjE5NTg1MjE4ICAwIDAgMCAxIDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd0lubmVySW5uZXIxIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iX3F1aXoiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIxNy4tbC1xdWl6X2VuZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk0NS4wMDAwMDAsIC03MDMuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJidXR0b24vQ1RBL3F1aXovcmVkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5NDcuMDAwMDAwLCA3MDUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iUmVjdGFuZ2xlLTIiPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0yKSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjRUQyRjNGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0zKSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBzdHJva2U9IiNCRDAxMTEiIHN0cm9rZS13aWR0aD0iMyIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiNGQTNENEMiIHg9IjYiIHk9IjYiIHdpZHRoPSIzMzgiIGhlaWdodD0iMzYiIHJ4PSIxMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPGVsbGlwc2UgaWQ9Ik92YWwiIGZpbGw9IiNGRkZGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0LjE2MTQyMiwgMTQuNDQ1MzI4KSByb3RhdGUoLTQwLjAwMDAwMCkgdHJhbnNsYXRlKC0xNC4xNjE0MjIsIC0xNC40NDUzMjgpICIgY3g9IjE0LjE2MTQyMTciIGN5PSIxNC40NDUzMjg1IiByeD0iNy43NTA1MTg3MiIgcnk9IjQuNTIxMTM1OTIiPjwvZWxsaXBzZT4KICAgICAgICAgICAgICAgIDxlbGxpcHNlIGlkPSJPdmFsIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC43MDAzNTAsIDguNzY3NDc2KSByb3RhdGUoMTUuMDAwMDAwKSB0cmFuc2xhdGUoLTI0LjcwMDM1MCwgLTguNzY3NDc2KSAiIGN4PSIyNC43MDAzNTAzIiBjeT0iOC43Njc0NzU2NiIgcng9IjMuMDU3OTI5OTIiIHJ5PSIxLjc4Mzc5MjQ2Ij48L2VsbGlwc2U+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiNFMzIyMzIiIGN4PSIzMDYiIGN5PSI2OCIgcj0iNyI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiNFMzIyMzIiIGN4PSIzMTcuNSIgY3k9IjYwLjUiIHI9IjMuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY2LjAwMDAwMCwgMTcuMDAwMDAwKSI+PC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)!important
}

.modal-email .modal-content {
	width: 490px
}

.modal-email p {
	text-align: center
}

.modal-email p span {
	display: block
}

.modal-email input {
	width: 100%;
	margin: 20px 0 0
}

.modal-email .btn {
	margin-top: 30px
}

.modal-help h4 {
	padding: 6px 30px 8px;
	color: #fff;
	border-radius: 24px;
	background-color: #1b9282;
	width: 200px;
	margin: 0 auto;
	font-size: 25px;
	position: relative;
	z-index: 1;
	font-weight: 700
}

@media (max-width:1024px) {
	.modal-help h4 {
		font-size: 16px;
		padding: 3px 15px 4px
	}
}

.modal-help p {
	font-family: SVN-Boing;
	font-size: 25px;
	font-weight: 600;
	line-height: 1.4;
	padding: 10px 0 30px;
	text-align: center
}

@media (max-width:1024px) {
	.modal-help p {
		font-size: 14px;
		padding: 5px 0 15px
	}
}

.modal-comfirm-next-part .modal-dialog {
	max-width: none
}

.modal-comfirm-next-part .modal-dialog .modal-content {
	width: auto
}

.modal-comfirm-next-part .modal-dialog .modal-content .modal-body {
	text-align: center
}

.modal-comfirm-next-part .modal-dialog .modal-content .modal-body .hint {
	font-weight: 600;
	padding-bottom: 0
}

.modal-comfirm-next-part .modal-dialog .modal-content .modal-body .title {
	color: #ff5965
}

.modal-comfirm-next-part .modal-dialog .modal-content .modal-body .sub-title {
	padding-bottom: 5px
}

.modal-comfirm-next-part .modal-dialog .modal-content .modal-body p {
	padding-bottom: 20px
}

.modal-comfirm-next-part .modal-dialog .modal-content .modal-body h3 {
	font-family: SVN-Boing;
	font-size: 25px;
	font-weight: 600;
	line-height: 1.4;
	padding: 10px 0 20px
}

@media (max-width:1024px) {
	.modal-comfirm-next-part .modal-dialog .modal-content .modal-body h3 {
		font-size: 16px;
		padding: 5px 0 10px
	}
}

.modal-comfirm-next-part .modal-dialog .modal-content .modal-body .time-score {
	max-width: 425px;
	margin: 0 auto
}

@media (max-width:1024px) {
	.modal-comfirm-next-part .modal-dialog .modal-content .modal-body .time-score {
		max-width: 240px
	}
}

.modal-comfirm-next-part .modal-dialog .modal-content .modal-body .time-score h3 {
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	color: #7e3f08;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-title-small.png);
	background-size: 100% 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 10px 40px 15px
}

@media (max-width:1024px) {
	.modal-comfirm-next-part .modal-dialog .modal-content .modal-body .time-score h3 {
		font-size: 14px;
		padding: 5px 20px 8px
	}
}

.modal-comfirm-next-part .modal-dialog .modal-content .modal-body .time-score .row {
	background-color: #ffe2ba;
	margin-top: -25px;
	position: relative;
	border-radius: 20px
}

@media (max-width:1024px) {
	.modal-comfirm-next-part .modal-dialog .modal-content .modal-body .time-score .row {
		margin-top: -15px;
		margin-bottom: 20px
	}
}

.modal-comfirm-next-part .modal-dialog .modal-content .modal-body .time-score .row .col-6 {
	padding: 42px 0 40px;
	box-sizing: border-box
}

@media (max-width:1024px) {
	.modal-comfirm-next-part .modal-dialog .modal-content .modal-body .time-score .row .col-6 {
		padding: 25px 0 20px
	}
}

.modal-comfirm-next-part .modal-dialog .modal-content .modal-body .time-score .row .col-6 p {
	font-size: 18px;
	padding-bottom: 0;
	color: #333;
	font-weight: 400
}

@media (max-width:1024px) {
	.modal-comfirm-next-part .modal-dialog .modal-content .modal-body .time-score .row .col-6 p {
		font-size: 12px
	}
}

.modal-comfirm-next-part .modal-dialog .modal-content .modal-body .time-score .row .col-6 p span {
	display: block;
	font-size: 25px;
	font-weight: 700;
	color: #4aba32;
	padding-top: 10px
}

@media (max-width:1024px) {
	.modal-comfirm-next-part .modal-dialog .modal-content .modal-body .time-score .row .col-6 p span {
		font-size: 14px
	}
}

.modal-comfirm-next-part .modal-dialog .modal-content .modal-body .time-score .row .line {
	position: absolute;
	width: 3px;
	height: 85px;
	border: 2px solid #fff;
	left: 50%;
	top: 80px;
	transform: translateY(-50%)
}

@media (max-width:1024px) {
	.modal-comfirm-next-part .modal-dialog .modal-content .modal-body .time-score .row .line {
		width: 2px;
		height: 55px;
		top: 50px
	}
}

.modal-comfirm-next-part .modal-dialog .modal-content .modal-body button {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzU0cHgiIGhlaWdodD0iODlweCIgdmlld0JveD0iMCAwIDM1NCA4OSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDkgKDUxMDAyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5idXR0b24vQ1RBL3F1aXovcmVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjM1MCIgaGVpZ2h0PSI4MCIgcng9IjIwIj48L3JlY3Q+CiAgICAgICAgPGZpbHRlciB4PSItMS4xJSIgeT0iLTUuMCUiIHdpZHRoPSIxMDIuMyUiIGhlaWdodD0iMTE2LjIlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJmaWx0ZXItMiI+CiAgICAgICAgICAgIDxmZU1vcnBob2xvZ3kgcmFkaXVzPSIxLjUiIG9wZXJhdG9yPSJkaWxhdGUiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRPdXRlcjEiPjwvZmVNb3JwaG9sb2d5PgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSI1IiBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIj48L2ZlQ29tcG9zaXRlPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC4xIDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd09mZnNldE91dGVyMSI+PC9mZUNvbG9yTWF0cml4PgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxmaWx0ZXIgeD0iLTEuNyUiIHk9Ii03LjUlIiB3aWR0aD0iMTAzLjQlIiBoZWlnaHQ9IjEyMS4yJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZmlsdGVyLTMiPgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSItOSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldElubmVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRJbm5lcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIiByZXN1bHQ9InNoYWRvd0lubmVySW5uZXIxIj48L2ZlQ29tcG9zaXRlPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC44OTA0NjU1NjEgICAwIDAgMCAwIDAuMTMyNzA1NTA5ICAgMCAwIDAgMCAwLjE5NTg1MjE4ICAwIDAgMCAxIDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd0lubmVySW5uZXIxIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iX3F1aXoiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIxNy4tbC1xdWl6X2VuZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk0NS4wMDAwMDAsIC03MDMuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJidXR0b24vQ1RBL3F1aXovcmVkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5NDcuMDAwMDAwLCA3MDUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iUmVjdGFuZ2xlLTIiPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0yKSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjRUQyRjNGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0zKSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBzdHJva2U9IiNCRDAxMTEiIHN0cm9rZS13aWR0aD0iMyIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiNGQTNENEMiIHg9IjYiIHk9IjYiIHdpZHRoPSIzMzgiIGhlaWdodD0iMzYiIHJ4PSIxMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPGVsbGlwc2UgaWQ9Ik92YWwiIGZpbGw9IiNGRkZGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0LjE2MTQyMiwgMTQuNDQ1MzI4KSByb3RhdGUoLTQwLjAwMDAwMCkgdHJhbnNsYXRlKC0xNC4xNjE0MjIsIC0xNC40NDUzMjgpICIgY3g9IjE0LjE2MTQyMTciIGN5PSIxNC40NDUzMjg1IiByeD0iNy43NTA1MTg3MiIgcnk9IjQuNTIxMTM1OTIiPjwvZWxsaXBzZT4KICAgICAgICAgICAgICAgIDxlbGxpcHNlIGlkPSJPdmFsIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC43MDAzNTAsIDguNzY3NDc2KSByb3RhdGUoMTUuMDAwMDAwKSB0cmFuc2xhdGUoLTI0LjcwMDM1MCwgLTguNzY3NDc2KSAiIGN4PSIyNC43MDAzNTAzIiBjeT0iOC43Njc0NzU2NiIgcng9IjMuMDU3OTI5OTIiIHJ5PSIxLjc4Mzc5MjQ2Ij48L2VsbGlwc2U+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiNFMzIyMzIiIGN4PSIzMDYiIGN5PSI2OCIgcj0iNyI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiNFMzIyMzIiIGN4PSIzMTcuNSIgY3k9IjYwLjUiIHI9IjMuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY2LjAwMDAwMCwgMTcuMDAwMDAwKSI+PC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
	background-color: transparent;
	background-size: 100% 100%;
	height: 80px;
	border: none;
	color: #fff;
	font-size: 35px;
	font-weight: 700;
	font-family: SVN-Boing;
	padding: 10px 0 50px!important;
	text-transform: inherit;
	line-height: 1.5;
	border-radius: 0;
	margin-top: 37px;
	width: 350px;
	box-shadow: none!important
}

.modal-comfirm-next-part .modal-dialog .modal-content .modal-body button:active {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzU0cHgiIGhlaWdodD0iODlweCIgdmlld0JveD0iMCAwIDM1NCA4OSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDkgKDUxMDAyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5idXR0b24vQ1RBL3F1aXovcmVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjM1MCIgaGVpZ2h0PSI4MCIgcng9IjIwIj48L3JlY3Q+CiAgICAgICAgPGZpbHRlciB4PSItMS4xJSIgeT0iLTUuMCUiIHdpZHRoPSIxMDIuMyUiIGhlaWdodD0iMTE2LjIlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJmaWx0ZXItMiI+CiAgICAgICAgICAgIDxmZU1vcnBob2xvZ3kgcmFkaXVzPSIxLjUiIG9wZXJhdG9yPSJkaWxhdGUiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRPdXRlcjEiPjwvZmVNb3JwaG9sb2d5PgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSI1IiBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIj48L2ZlQ29tcG9zaXRlPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC4xIDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd09mZnNldE91dGVyMSI+PC9mZUNvbG9yTWF0cml4PgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxmaWx0ZXIgeD0iLTEuNyUiIHk9Ii03LjUlIiB3aWR0aD0iMTAzLjQlIiBoZWlnaHQ9IjEyMS4yJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZmlsdGVyLTMiPgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSItOSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldElubmVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRJbm5lcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIiByZXN1bHQ9InNoYWRvd0lubmVySW5uZXIxIj48L2ZlQ29tcG9zaXRlPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC44OTA0NjU1NjEgICAwIDAgMCAwIDAuMTMyNzA1NTA5ICAgMCAwIDAgMCAwLjE5NTg1MjE4ICAwIDAgMCAxIDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd0lubmVySW5uZXIxIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iX3F1aXoiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIxNy4tbC1xdWl6X2VuZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk0NS4wMDAwMDAsIC03MDMuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJidXR0b24vQ1RBL3F1aXovcmVkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5NDcuMDAwMDAwLCA3MDUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iUmVjdGFuZ2xlLTIiPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0yKSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjRUQyRjNGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0zKSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBzdHJva2U9IiNCRDAxMTEiIHN0cm9rZS13aWR0aD0iMyIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiNGQTNENEMiIHg9IjYiIHk9IjYiIHdpZHRoPSIzMzgiIGhlaWdodD0iMzYiIHJ4PSIxMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPGVsbGlwc2UgaWQ9Ik92YWwiIGZpbGw9IiNGRkZGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0LjE2MTQyMiwgMTQuNDQ1MzI4KSByb3RhdGUoLTQwLjAwMDAwMCkgdHJhbnNsYXRlKC0xNC4xNjE0MjIsIC0xNC40NDUzMjgpICIgY3g9IjE0LjE2MTQyMTciIGN5PSIxNC40NDUzMjg1IiByeD0iNy43NTA1MTg3MiIgcnk9IjQuNTIxMTM1OTIiPjwvZWxsaXBzZT4KICAgICAgICAgICAgICAgIDxlbGxpcHNlIGlkPSJPdmFsIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC43MDAzNTAsIDguNzY3NDc2KSByb3RhdGUoMTUuMDAwMDAwKSB0cmFuc2xhdGUoLTI0LjcwMDM1MCwgLTguNzY3NDc2KSAiIGN4PSIyNC43MDAzNTAzIiBjeT0iOC43Njc0NzU2NiIgcng9IjMuMDU3OTI5OTIiIHJ5PSIxLjc4Mzc5MjQ2Ij48L2VsbGlwc2U+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiNFMzIyMzIiIGN4PSIzMDYiIGN5PSI2OCIgcj0iNyI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiNFMzIyMzIiIGN4PSIzMTcuNSIgY3k9IjYwLjUiIHI9IjMuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY2LjAwMDAwMCwgMTcuMDAwMDAwKSI+PC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)!important
}

.modal-finish .modal-dialog {
	max-width: none
}

.modal-finish .modal-dialog .modal-content {
	width: 840px
}

.modal-finish .modal-dialog .modal-content .modal-body {
	text-align: center
}

.modal-finish .modal-dialog .modal-content .modal-body .hint {
	font-size: 25px;
	line-height: 1.5;
	color: #333;
	padding: 20px 0 30px;
	font-weight: 400
}

@media (max-width:1024px) {
	.modal-finish .modal-dialog .modal-content .modal-body .hint {
		font-size: 14px;
		padding: 10px 0 15px
	}
}

.modal-finish .modal-dialog .modal-content .modal-body .title {
	font-size: 35px;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	color: #09699b
}

@media (max-width:1024px) {
	.modal-finish .modal-dialog .modal-content .modal-body .title {
		font-size: 16px
	}
}

.modal-finish .modal-dialog .modal-content .modal-body .sub-title {
	font-size: 25px;
	font-weight: 700;
	color: #7e3f08;
	padding-bottom: 30px
}

@media (max-width:1024px) {
	.modal-finish .modal-dialog .modal-content .modal-body .sub-title {
		font-size: 14px;
		padding-bottom: 15px
	}
}

.modal-finish .modal-dialog .modal-content .modal-body p {
	padding-bottom: 20px
}

@media (max-width:1024px) {
	.modal-finish .modal-dialog .modal-content .modal-body p {
		padding-bottom: 10px
	}
}

.modal-finish .modal-dialog .modal-content .modal-body .time-score {
	max-width: 425px;
	margin: 0 auto
}

@media (max-width:1024px) {
	.modal-finish .modal-dialog .modal-content .modal-body .time-score {
		max-width: 240px
	}
}

.modal-finish .modal-dialog .modal-content .modal-body .time-score h3 {
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	color: #7e3f08;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-title-small.png);
	background-size: 100% 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 10px 40px 15px
}

@media (max-width:1024px) {
	.modal-finish .modal-dialog .modal-content .modal-body .time-score h3 {
		font-size: 14px;
		padding: 5px 20px 8px
	}
}

.modal-finish .modal-dialog .modal-content .modal-body .time-score .row {
	background-color: #ffe2ba;
	margin-top: -25px;
	position: relative;
	border-radius: 20px
}

@media (max-width:1024px) {
	.modal-finish .modal-dialog .modal-content .modal-body .time-score .row {
		margin-top: -15px;
		margin-bottom: 20px
	}
}

.modal-finish .modal-dialog .modal-content .modal-body .time-score .row .col-6 {
	padding: 42px 0 40px;
	box-sizing: border-box
}

@media (max-width:1024px) {
	.modal-finish .modal-dialog .modal-content .modal-body .time-score .row .col-6 {
		padding: 25px 0 20px
	}
}

.modal-finish .modal-dialog .modal-content .modal-body .time-score .row .col-6 p {
	font-size: 18px;
	padding-bottom: 0;
	color: #333;
	font-weight: 400
}

@media (max-width:1024px) {
	.modal-finish .modal-dialog .modal-content .modal-body .time-score .row .col-6 p {
		font-size: 12px
	}
}

.modal-finish .modal-dialog .modal-content .modal-body .time-score .row .col-6 p span {
	display: block;
	font-size: 25px;
	font-weight: 700;
	color: #4aba32;
	padding-top: 10px
}

@media (max-width:1024px) {
	.modal-finish .modal-dialog .modal-content .modal-body .time-score .row .col-6 p span {
		font-size: 14px
	}
}

.modal-finish .modal-dialog .modal-content .modal-body .time-score .row .line {
	position: absolute;
	width: 3px;
	height: 85px;
	border: 2px solid #fff;
	left: 50%;
	top: 80px;
	transform: translateY(-50%)
}

@media (max-width:1024px) {
	.modal-finish .modal-dialog .modal-content .modal-body .time-score .row .line {
		width: 2px;
		height: 55px;
		top: 50px
	}
}

.modal-finish .modal-dialog .modal-content .modal-body .form button {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn-long.png);
	background-color: transparent;
	background-size: 100% 100%;
	height: 70px;
	border: none;
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	text-transform: inherit;
	line-height: 1.5;
	border-radius: 0;
	width: 420px;
	box-shadow: none!important
}

@media (max-width:1024px) {
	.modal-finish .modal-dialog .modal-content .modal-body .form button {
		font-size: 14px;
		width: auto;
		height: auto;
		padding: 10px 40px;
		margin-top: 0
	}
}

.modal-finish .modal-dialog .modal-content .modal-body .form button:active {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn-long.png)!important
}

.btn-finish-quiz {
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 1;
	margin-bottom: 20px
}

.btn-finish-quiz button {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzU0cHgiIGhlaWdodD0iODlweCIgdmlld0JveD0iMCAwIDM1NCA4OSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDkgKDUxMDAyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5idXR0b24vQ1RBL3F1aXovcmVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjM1MCIgaGVpZ2h0PSI4MCIgcng9IjIwIj48L3JlY3Q+CiAgICAgICAgPGZpbHRlciB4PSItMS4xJSIgeT0iLTUuMCUiIHdpZHRoPSIxMDIuMyUiIGhlaWdodD0iMTE2LjIlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJmaWx0ZXItMiI+CiAgICAgICAgICAgIDxmZU1vcnBob2xvZ3kgcmFkaXVzPSIxLjUiIG9wZXJhdG9yPSJkaWxhdGUiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRPdXRlcjEiPjwvZmVNb3JwaG9sb2d5PgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSI1IiBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIj48L2ZlQ29tcG9zaXRlPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC4xIDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd09mZnNldE91dGVyMSI+PC9mZUNvbG9yTWF0cml4PgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxmaWx0ZXIgeD0iLTEuNyUiIHk9Ii03LjUlIiB3aWR0aD0iMTAzLjQlIiBoZWlnaHQ9IjEyMS4yJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZmlsdGVyLTMiPgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSItOSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldElubmVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRJbm5lcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIiByZXN1bHQ9InNoYWRvd0lubmVySW5uZXIxIj48L2ZlQ29tcG9zaXRlPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC44OTA0NjU1NjEgICAwIDAgMCAwIDAuMTMyNzA1NTA5ICAgMCAwIDAgMCAwLjE5NTg1MjE4ICAwIDAgMCAxIDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd0lubmVySW5uZXIxIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iX3F1aXoiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIxNy4tbC1xdWl6X2VuZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk0NS4wMDAwMDAsIC03MDMuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJidXR0b24vQ1RBL3F1aXovcmVkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5NDcuMDAwMDAwLCA3MDUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iUmVjdGFuZ2xlLTIiPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0yKSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjRUQyRjNGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0zKSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBzdHJva2U9IiNCRDAxMTEiIHN0cm9rZS13aWR0aD0iMyIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiNGQTNENEMiIHg9IjYiIHk9IjYiIHdpZHRoPSIzMzgiIGhlaWdodD0iMzYiIHJ4PSIxMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPGVsbGlwc2UgaWQ9Ik92YWwiIGZpbGw9IiNGRkZGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0LjE2MTQyMiwgMTQuNDQ1MzI4KSByb3RhdGUoLTQwLjAwMDAwMCkgdHJhbnNsYXRlKC0xNC4xNjE0MjIsIC0xNC40NDUzMjgpICIgY3g9IjE0LjE2MTQyMTciIGN5PSIxNC40NDUzMjg1IiByeD0iNy43NTA1MTg3MiIgcnk9IjQuNTIxMTM1OTIiPjwvZWxsaXBzZT4KICAgICAgICAgICAgICAgIDxlbGxpcHNlIGlkPSJPdmFsIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC43MDAzNTAsIDguNzY3NDc2KSByb3RhdGUoMTUuMDAwMDAwKSB0cmFuc2xhdGUoLTI0LjcwMDM1MCwgLTguNzY3NDc2KSAiIGN4PSIyNC43MDAzNTAzIiBjeT0iOC43Njc0NzU2NiIgcng9IjMuMDU3OTI5OTIiIHJ5PSIxLjc4Mzc5MjQ2Ij48L2VsbGlwc2U+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiNFMzIyMzIiIGN4PSIzMDYiIGN5PSI2OCIgcj0iNyI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiNFMzIyMzIiIGN4PSIzMTcuNSIgY3k9IjYwLjUiIHI9IjMuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY2LjAwMDAwMCwgMTcuMDAwMDAwKSI+PC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
	background-color: transparent;
	background-size: 100% 100%;
	width: 270px;
	height: 75px;
	border: none;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	font-family: SVN-Boing;
	padding: 10px 0 50px;
	border-radius: 0
}

.btn-finish-quiz button i {
	padding-left: 5px
}

.quiz-content-shadow {
	width: 96%;
	height: 15%;
	background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
	position: absolute;
	bottom: 2%;
	left: 2%;
	display: none
}

.box-kiem-tra .box-outside {
	padding: 20px;
	background: #e9b369;
	border: 7px solid #e2a861;
	border-radius: 15px;
	margin: 65px 0
}

.box-kiem-tra .box-outside .box-inside {
	border-radius: 15px;
	background-color: #07722f;
	border: 7px solid #0b5e2c
}

.category-filter {
	border-radius: 15px;
	background-color: #fff;
	-o-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
	padding: 30px 15px 5px;
	margin-top: -45px;
	font-size: 14px;
	letter-spacing: .2px;
	color: #666;
	margin-bottom: 30px
}

.category-filter__dropdown {
	vertical-align: top
}

.category-filter .dropdown-menu {
	border: none;
	width: 300px;
	padding: 0 15px 10px;
	margin-top: 8px;
	-o-box-shadow: 1px 2px 30px 0 rgba(0, 0, 0, .18);
	box-shadow: 1px 2px 30px 0 rgba(0, 0, 0, .18)
}

.category-filter__dropdown-btn {
	border: 2px solid #ddd;
	border-radius: 18px;
	padding: 3px 15px;
	margin-right: 5px
}

.category-filter__dropdown-btn:after {
	border-top: .3em solid #999
}

.category-filter__tag {
	max-width: calc(100% - 400px);
	overflow: auto;
	white-space: nowrap;
	padding-right: 55px;
	padding-bottom: 5px
}

.category-filter__tag-item {
	border-radius: 18px;
	background-color: #f2f2f2;
	padding: 5px 35px 5px 15px;
	position: relative;
	margin-right: 5px
}

.category-filter__tag-item:last-child {
	margin-right: 0
}

.category-filter__tag-item--close {
	position: absolute;
	right: 10px;
	top: -1px;
	font-size: 20px;
	cursor: pointer
}

.category-filter__tag-item--close:hover {
	color: red;
	font-weight: 600
}

.category-filter__checkbox {
	position: relative
}

.category-filter__checkbox:after {
	position: absolute;
	left: -84px;
	width: 70px;
	height: calc(100% + 3px);
	top: 0;
	content: "";
	display: inline-block;
	background: linear-gradient(90deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .9))
}

.category-filter__input-checkbox {
	position: relative;
	top: 7px;
	margin-right: 5px
}

.category-filter__label-checkbox {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	margin-bottom: 0;
	font-weight: 400
}

.wrapper-right-content .course-parents-page {
	padding-bottom: 25px!important
}

.wrapper-right-content .course-parents-page .pagination-line {
	margin-top: -20px
}

.wrapper-right-content .course-parents-page .filter-mb__image {
	margin-left: 5px
}

@media (max-width:991px) {
	.wrapper-right-content .tab-course-mb-parent,
	.wrapper-right-content .tab-course-mb-parent__parent {
		padding: 7px 15px;
		background-color: #fff;
		width: calc(100% + 30px);
		margin-left: -15px;
		height: 40px;
		margin-bottom: 20px
	}
	.wrapper-right-content .tab-course-mb-parent__parent {
		-ms-flex-pack: justify;
		justify-content: space-between;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center
	}
	.wrapper-right-content .tab-course-mb-parent__item {
		cursor: pointer;
		font-family: SVN-Boing, sans-serif;
		font-weight: 600;
		color: #999!important;
		font-size: 16px;
		margin-right: 10px;
		padding: 0
	}
}

@media (max-width:991px) and (max-width:320px) {
	.wrapper-right-content .tab-course-mb-parent__item {
		font-size: 14px
	}
}

@media (max-width:991px) {
	.wrapper-right-content .tab-course-mb-parent__item.active {
		color: #ff7345!important;
		position: relative
	}
	.wrapper-right-content .tab-course-mb-parent__item.active:after {
		position: absolute;
		margin: auto;
		content: "";
		width: 20px;
		height: 4px;
		background-image: linear-gradient(82deg, #ff7345, #f73747);
		border-radius: 3.5px;
		left: 50%;
		transform: translateX(-50%);
		color: #fff;
		top: auto;
		bottom: -15px
	}
	.wrapper-right-content .tab-course-mb {
		padding: 7px 15px;
		background: hsla(0, 0%, 100%, .2);
		width: calc(100% + 30px);
		margin-left: -15px;
		margin-bottom: 20px;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap
	}
	.wrapper-right-content .tab-course-mb__parent {
		-ms-flex-pack: justify;
		justify-content: space-between;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		background-color: #fff;
		width: calc(100% + 30px);
		margin-left: -15px;
		height: 40px;
		margin-bottom: 20px;
		padding: 7px 15px
	}
	.wrapper-right-content .tab-course-mb__item {
		cursor: pointer;
		font-family: SVN-Boing, sans-serif;
		color: #fff!important;
		font-size: 16px;
		margin-right: 10px;
		padding: 0;
		opacity: .7;
		display: inline-block
	}
}

@media (max-width:991px) and (max-width:320px) {
	.wrapper-right-content .tab-course-mb__item {
		font-size: 14px
	}
}

@media (max-width:991px) {
	.wrapper-right-content .tab-course-mb__item.active {
		color: #fff!important;
		font-weight: 600;
		position: relative;
		opacity: 1
	}
	.wrapper-right-content .tab-course-mb__item.active:after {
		position: absolute;
		margin: auto;
		content: "";
		width: 100%;
		height: 4px;
		background-color: #fff;
		border-radius: 3.5px;
		left: 50%;
		transform: translateX(-50%);
		color: #fff;
		top: auto;
		bottom: -5px
	}
}

.popup-confirm {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	overflow-y: auto
}

.popup-confirm .modal-dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)!important
}

@media (max-width:767px) {
	.popup-confirm .modal-dialog {
		width: 100%;
		margin: 0
	}
}

@media (max-width:576px) {
	.popup-confirm .modal-dialog {
		max-width: 590px!important
	}
}

.popup-confirm .modal-dialog .modal-content {
	width: 590px;
	-o-box-shadow: 0 5px 0 0 #ff7345;
	box-shadow: 0 5px 0 0 #ff7345;
	border-radius: 15px;
	border: none
}

@media (max-width:991px) {
	.popup-confirm .modal-dialog .modal-content {
		width: calc(100% - 40px)!important;
		margin: auto
	}
}

.popup-confirm .modal-dialog .modal-body {
	padding: 40px
}

@media (max-width:991px) {
	.popup-confirm .modal-dialog .modal-body {
		padding: 25px
	}
}

@media (max-width:320px) {
	.popup-confirm .modal-dialog .modal-body {
		padding: 15px
	}
}

.popup-confirm .modal-dialog .modal-body .title {
	font-size: 16px;
	letter-spacing: .2px
}

.popup-confirm .modal-dialog .modal-body .title--cod {
	font-size: 35px;
	color: #3bbdf9;
	font-weight: 600;
	font-family: SVN-Boing, sans-serif
}

@media (max-width:767px) {
	.popup-confirm .modal-dialog .modal-body .title--cod {
		font-size: 25px
	}
}

.popup-confirm .modal-dialog .modal-body .form__label {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.63;
	color: #ff7345;
	margin: 15px 0 10px
}

.popup-confirm .modal-dialog .modal-body .form__label.cod {
	letter-spacing: .2px;
	font-size: 14px;
	color: #333;
	width: 100%
}

.popup-confirm .modal-dialog .modal-body .form__label.cod .description {
	color: #666;
	font-weight: 400;
	font-style: italic;
	font-size: 12px
}

.popup-confirm .modal-dialog .modal-body .form__input {
	width: 100%
}

.popup-confirm .modal-dialog .modal-body .form__btn {
	margin-top: 30px;
	font-size: 18px;
	text-transform: uppercase
}

.popup-confirm .modal-dialog .modal-body .form__close {
	width: 36px;
	height: 36px;
	position: absolute;
	top: -7px;
	right: -7px;
	background-image: linear-gradient(45deg, #ff7345, #f73747);
	border-radius: 50%;
	border: 3px solid #ffe0be;
	cursor: pointer;
	transition: all all 1s
}

.popup-confirm .modal-dialog .modal-body .form__close:hover {
	background-image: none;
	background-color: red;
	transform: scale(1.1)
}

.popup-confirm .modal-dialog .modal-body .form__close__text {
	transform: rotate(45deg);
	position: absolute;
	top: -11px;
	left: 8px;
	display: inline-block;
	color: #fff;
	font-size: 32px
}

.popup-confirm .phone-number {
	font-family: SVN-Boing, sans-serif;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: .3px;
	color: #3bbdf9
}

.popup-confirm .input-otp {
	position: relative
}

.popup-confirm .input-otp .form__input {
	border-radius: 25px;
	padding-right: 180px
}

.popup-confirm .input-otp__btn {
	position: absolute;
	right: 5px;
	top: 5px;
	background-image: linear-gradient(74deg, #3bbdf9, #4e8ff8);
	border-radius: 25px;
	width: 150px;
	height: calc(100% - 10px);
	font-weight: 600;
	color: #fff;
	border: none
}

.popup-confirm .not-get-otp {
	margin-top: 40px;
	font-size: 12px;
	color: #666;
	letter-spacing: .1px
}

.popup-confirm .not-get-otp .text .send-again {
	color: #50ad4e;
	text-decoration: underline;
	font-weight: 600
}

@media (max-width:767px) {
	.popup-confirm .not-get-otp .text .send-again {
		margin-left: 5px
	}
}

.popup-confirm .not-get-otp .link {
	text-decoration: underline;
	color: #666
}

@media (max-width:767px) {
	.popup-confirm .not-get-otp .link {
		display: block
	}
}

@media (max-width:991px) {
	.popup-change-gift .modal-dialog .modal-content {
		max-width: 450px!important
	}
}

.popup-change-gift .modal-body {
	padding: 40px
}

.popup-change-gift .modal-body img {
	max-width: 300px
}

@media (max-width:991px) {
	.popup-change-gift .modal-body img {
		width: 100px
	}
}

@media (max-width:991px) {
	.popup-change-gift .modal-body {
		padding: 40px 20px
	}
}

@media (max-width:991px) {
	.popup-change-gift .modal-body>img {
		width: 150px
	}
}

.popup-change-gift .modal-body .title {
	letter-spacing: normal;
	margin: 15px 0 20px
}

@media (max-width:991px) {
	.popup-change-gift .modal-body .title {
		font-size: 14px;
		margin: 5px 0 10px
	}
}

.popup-change-gift .modal-body .title--amount-k-point {
	font-weight: 600;
	font-size: 18px;
	color: #ff7345
}

@media (max-width:991px) {
	.popup-change-gift .modal-body .title--amount-k-point {
		font-size: 16px
	}
}

.popup-change-gift .modal-body .title--price-name {
	font-weight: 600;
	font-size: 18px;
	color: #3bbdf9
}

@media (max-width:991px) {
	.popup-change-gift .modal-body .title--price-name {
		font-size: 16px
	}
}

.popup-change-gift .modal-body .btn-confirm {
	margin: 0!important;
	width: 100%
}

@media (max-width:991px) {
	.popup-change-gift .modal-body .btn-confirm {
		font-size: 16px!important
	}
}

.popup-fill-in-otp .modal-body {
	padding-bottom: 15px
}

.popup-change-gift-successfully .modal-content {
	background-color: transparent;
	-o-box-shadow: none!important;
	box-shadow: none!important;
	border: none;
	width: auto
}

.popup-change-gift-successfully .modal-content .img-fluid {
	max-width: 200px
}

.popup-change-gift-successfully .modal-content .modal-dialog {
	max-width: 590px
}

.popup-change-gift-successfully .modal-content .images {
	position: relative
}

@media (max-width:991px) {
	.popup-change-gift-successfully .modal-content .images img:first-child {
		max-width: 100px
	}
}

.popup-change-gift-successfully .modal-content .images__avatar {
	width: 80px;
	border-radius: 50%;
	border: 4px solid #ff7345;
	top: -28px;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute
}

@media (max-width:991px) {
	.popup-change-gift-successfully .modal-content .images__avatar {
		width: 40px
	}
}

.popup-change-gift-successfully .modal-content .close {
	position: absolute;
	right: 0;
	top: 0;
	background-color: #3bbdf9;
	opacity: 1;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	z-index: 1
}

@media (max-width:991px) {
	.popup-change-gift-successfully .modal-content .close {
		top: 50px
	}
}

.popup-change-gift-successfully .modal-content .notification {
	margin: 20px 0 40px;
	font-size: 18px;
	color: #fff
}

@media (max-width:991px) {
	.popup-change-gift-successfully .modal-content .notification {
		font-size: 16px;
		margin: 10px 0 20px
	}
}

.popup-change-gift-successfully .modal-content .notification--position {
	font-size: 25px;
	line-height: 1.3;
	font-weight: 600;
	font-family: SVN-Boing, sans-serif;
	color: #3bbdf9;
	display: block
}

@media (max-width:991px) {
	.popup-change-gift-successfully .modal-content .notification--position {
		font-size: 20px
	}
}

.popup-change-gift-successfully .modal-content .btn-share {
	display: inline-block;
	width: 300px;
	background-color: #3269c7;
	color: #fff;
	-o-box-shadow: 0 5px 0 0 #305086;
	box-shadow: 0 5px 0 0 #305086;
	border-radius: 8px;
	padding: 11px 0;
	position: relative
}

@media (max-width:767px) {
	.popup-change-gift-successfully .modal-content .btn-share {
		max-width: 100%
	}
}

.popup-change-gift-successfully .modal-content .btn-share:hover {
	background-color: #2c5eb2
}

.popup-change-gift-successfully .modal-content .btn-share:hover .btn-share__icon {
	background-color: #3269c7
}

.popup-change-gift-successfully .modal-content .btn-share__icon {
	width: 50px;
	background: #2c5eb2;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	line-height: 50px;
	font-size: 22px;
	border-radius: 8px 0 0 8px;
	transition: all .5s ease
}

.popup-change-gift-successfully .modal-content .btn-share__text {
	font-size: 20px;
	font-weight: 600;
	font-family: SVN-Boing, sans-serif;
	text-transform: uppercase
}

.popup-change-gift-successfully--parents .modal-dialog {
	max-width: 955px;
	width: 100%
}

.popup-change-gift-successfully--parents .modal-dialog .modal-content {
	width: 100%;
	-o-box-shadow: none;
	box-shadow: none
}

.popup-change-gift-successfully--parents .modal-dialog .modal-content .modal-body {
	padding: 0
}

.popup-change-gift-successfully--parents .modal-dialog .modal-content .modal-body .img-fluid {
	max-width: 100%
}

@media (max-width:767px) {
	.popup-change-gift-successfully--parents .modal-dialog .modal-content .modal-body .img-fluid {
		max-width: 200px
	}
}

.popup-change-gift-successfully--parents .modal-dialog .modal-content .modal-body .notification {
	margin-bottom: 20px
}

.popup-change-gift-successfully--parents .modal-dialog .modal-content .modal-body .wrapper-btn {
	max-width: 700px;
	margin: 0 auto
}

.popup-change-gift-successfully--parents .modal-dialog .modal-content .modal-body .wrapper-btn .btn {
	width: 100%;
	max-width: 320px;
	border-radius: 30px;
	padding: 14px 0;
	font-size: 18px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	text-transform: uppercase
}

@media (max-width:767px) {
	.popup-change-gift-successfully--parents .modal-dialog .modal-content .modal-body .wrapper-btn .btn {
		max-width: calc(100% - 30px);
		float: none!important;
		margin: 5px 0;
		padding: 8px 0
	}
}

.popup-change-gift-successfully--parents .modal-dialog .modal-content .modal-body .wrapper-btn .btn.my-gift {
	background-color: #fff!important;
	color: #333!important
}

.popup-change-gift-successfully--parents .modal-dialog .modal-content .modal-body .wrapper-btn .btn.continue-change-gift {
	background-image: linear-gradient(81deg, #ff7345, #f73747);
	-o-box-shadow: 0 5px 20px 0 rgba(255, 115, 69, .2);
	box-shadow: 0 5px 20px 0 rgba(255, 115, 69, .2);
	color: #fff
}

.popup-exchange-gift-success .modal-dialog {
	max-width: none
}

.popup-exchange-gift-success .modal-content {
	border: none;
	width: auto
}

.popup-exchange-gift-success .modal-content .notification {
	color: #333;
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center
}

.popup-exchange-gift-success .modal-content .gift__title {
	font-family: SVN-Boing;
	font-size: 25px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.2;
	letter-spacing: normal;
	text-align: center;
	color: #3bbdf9;
	margin-top: 6px
}

.popup-exchange-gift-success .modal-content .gift__infomation {
	margin-top: 42px;
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.63;
	letter-spacing: normal;
	text-align: center;
	color: #333
}

.popup-exchange-gift-success .modal-content .gift__infomation .gift__email {
	font-weight: 700;
	color: #ff5965
}

.popup-exchange-gift-success .modal-content .gift__line {
	width: 100px;
	height: 2px;
	margin: 20px auto;
	background-color: #ddd;
	display: inline-block
}

.popup-exchange-gift-success .modal-content .gift__contact {
	font-family: SVN-ProductSans;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.86;
	letter-spacing: normal;
	text-align: center;
	color: #333
}

.popup-exchange-gift-success .modal-content .gift__btn_view {
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media (max-width:767px) {
	.popup-exchange-gift-success .modal-content .gift__btn_view {
		-ms-flex-pack: center;
		justify-content: center
	}
}

.popup-exchange-gift-success .modal-content .gift__btn_my_gift {
	border-radius: 25px;
	border: 2px solid #ddd;
	background-color: #fff;
	width: 250px;
	height: 50px;
	padding: 0;
	font-family: SVN-Boing;
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #333;
	margin-right: 5px
}

@media (max-width:767px) {
	.popup-exchange-gift-success .modal-content .gift__btn_my_gift {
		margin-bottom: 10px
	}
}

.popup-exchange-gift-success .modal-content .gift__btn_continue_exchange_gift {
	width: 250px;
	height: 50px;
	border-radius: 30px;
	box-shadow: 0 5px 20px 0 rgba(255, 115, 69, .2);
	background-image: linear-gradient(79deg, #ff7345, #f73747);
	font-family: SVN-Boing;
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	margin-left: 5px
}

.popup-confirm-otb .modal-body {
	padding: 60px 40px 25px
}

.popup-confirm-otb .modal-body .title--phone-number {
	color: #3bbdf9;
	letter-spacing: .3px;
	font-size: 20px;
	opacity: .9;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	margin-top: 5px
}

.popup-confirm-otb .modal-body .form__label {
	font-size: 14px;
	color: #333;
	font-weight: 500;
	letter-spacing: normal;
	margin-top: 20px
}

.popup-confirm-otb .modal-body .form__input {
	border-radius: 25px;
	padding-right: 165px
}

.popup-confirm-otb .modal-body .form .wrapper {
	position: relative
}

.popup-confirm-otb .modal-body .form .wrapper .form__btn {
	position: absolute;
	right: 3px;
	top: 3px;
	margin: 0;
	height: calc(100% - 6px);
	box-shadow: none;
	background-image: linear-gradient(74deg, #3bbdf9, #4e8ff8);
	width: 150px;
	border: none;
	line-height: 0;
	font-size: 16px;
	font-family: SVN-ProductSans, sans-serif;
	border-radius: 25px
}

.popup-confirm-otb .modal-body .not-receive-otb {
	margin-top: 60px;
	color: #666;
	font-size: 12px;
	letter-spacing: .1px
}

.popup-confirm-otb .modal-body .not-receive-otb--send-again {
	font-weight: 600;
	color: #50ad4e;
	text-decoration: underline
}

.popup-confirm-otb .modal-body .not-receive-otb--change-phone-number {
	text-decoration: underline;
	color: #666
}

.popup-choose-avatar-kids {
	text-align: center
}

.popup-choose-avatar-kids .modal-dialog {
	max-width: 100%
}

.popup-choose-avatar-kids .modal-dialog .modal-content {
	width: 840px
}

@media (max-width:991px) {
	.popup-choose-avatar-kids .modal-dialog .modal-content {
		width: 600px
	}
}

.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body {
	padding: 60px 60px 40px
}

@media (max-width:991px) {
	.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body {
		padding: 25px 15px
	}
}

.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .wrapper-images {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:767px) {
	.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .wrapper-images {
		-ms-flex-pack: center;
		justify-content: center
	}
}

.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .wrapper-images .box-image {
	margin: 0 23px 20px 0;
	position: relative;
	cursor: pointer;
	width: calc(16.66% - 23px)
}

@media (max-width:991px) {
	.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .wrapper-images .box-image {
		width: 100px
	}
}

@media (max-width:767px) {
	.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .wrapper-images .box-image {
		width: auto;
		margin: 0 10px 10px
	}
}

.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .wrapper-images .box-image:nth-child(6n) {
	margin-right: 0
}

@media (max-width:991px) {
	.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .wrapper-images .box-image:nth-child(6n) {
		margin-right: 15px
	}
}

@media (max-width:767px) {
	.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .wrapper-images .box-image:nth-child(6n) {
		margin-right: 10px
	}
}

@media (max-width:991px) {
	.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .wrapper-images .box-image:last-child {
		margin-right: 0
	}
}

@media (max-width:767px) {
	.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .wrapper-images .box-image:last-child {
		margin-right: 10px
	}
}

.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .wrapper-images .box-image:after {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	background: #000;
	opacity: .6;
	top: 0;
	left: 0;
	border-radius: 50%;
	z-index: 1
}

.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .wrapper-images .box-image.active .checked-icon,
.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .wrapper-images .box-image.active:after,
.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .wrapper-images .box-image:hover:after {
	display: block
}

.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .wrapper-images .box-image img {
	max-width: 100%
}

@media (max-width:767px) {
	.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .wrapper-images .box-image img {
		width: 50px
	}
}

.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .wrapper-images .box-image .checked-icon {
	display: none;
	position: absolute;
	top: 10px;
	left: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	z-index: 2
}

@media (max-width:767px) {
	.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .wrapper-images .box-image .checked-icon {
		top: 13px;
		left: 13px;
		width: calc(100% - 25px);
		height: calc(100% - 25px)
	}
}

.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .wrapper-images .box-image .checked-icon:after {
	width: 25px;
	height: 50px;
	border-right: 6px solid #fff;
	border-bottom: 6px solid #fff;
	top: 7px;
	left: 28px
}

@media (max-width:767px) {
	.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .wrapper-images .box-image .checked-icon:after {
		width: 8px;
		height: 13px;
		border-right: 3px solid #fff;
		border-bottom: 3px solid #fff;
		top: 5px;
		left: 10px
	}
}

.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .upload-area {
	border: 2px dashed #ddd;
	padding: 45px 0;
	margin: 30px 0 40px;
	position: relative
}

.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .upload-area__img {
	margin-bottom: 15px;
	display: none;
	width: 100px;
	height: 100px;
	border-radius: 50%
}

.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .upload-area__title {
	font-size: 20px;
	font-weight: 600;
	color: #ff7345;
	letter-spacing: .3px
}

.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .upload-area__type-file {
	color: #666;
	letter-spacing: .2px
}

.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .upload-area__input-upload {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer
}

.popup-choose-avatar-kids .modal-dialog .modal-content .modal-body .upload-area-btn {
	max-width: 400px;
	margin: 0
}

.popup-confirm-remove-account .name-account {
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 25px;
	color: #3bbdf9;
	display: inline-block;
	margin-bottom: 20px
}

.popup-payment-successfully .modal-content {
	background-color: transparent!important;
	-o-box-shadow: none!important;
	box-shadow: none!important;
	color: #fff
}

.popup-payment-successfully .modal-content .notification {
	margin: 30px 0
}

.popup-payment-successfully .modal-content .notification--payment {
	font-size: 30px;
	font-weight: 700;
	font-family: SVN-Boing, sans-serif
}

.popup-payment-successfully .modal-content .button-orange {
	background-color: transparent!important;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff
}

.popup-payment-successfully .congratulation-title {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-74px);
	font-size: 28px;
	width: 100%;
	text-align: center
}

@media (max-width:376px) {
	.popup-payment-successfully .congratulation-title {
		font-size: 20px;
		transform: translateY(-95px)
	}
}

.popup-show-require .modal-dialog {
	max-width: none
}

.popup-show-require .modal-dialog .modal-content {
	width: 840px
}

@media (max-width:991px) {
	.popup-show-require .modal-dialog .modal-content {
		width: 500px
	}
}

.popup-show-require .modal-dialog .modal-content .title {
	font-size: 25px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	margin-bottom: 20px
}

@media (max-width:991px) {
	.popup-show-require .modal-dialog .modal-content .title {
		font-size: 20px
	}
}

@media (max-width:320px) {
	.popup-show-require .modal-dialog .modal-content .title {
		font-size: 18px
	}
}

.popup-show-require .modal-dialog .modal-content .title__course {
	color: #3bbdf9
}

.popup-show-require .modal-dialog .modal-content .title__test {
	color: #ff5965
}

.popup-show-require .modal-dialog .modal-content .list .item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px
}

@media (min-width:992px) {
	.popup-show-require .modal-dialog .modal-content .list .item:last-child {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0
	}
}

@media (max-width:991px) {
	.popup-show-require .modal-dialog .modal-content .list .item {
		-ms-flex-direction: column;
		flex-direction: column;
		border-radius: 5px;
		border: 1px solid #ddd;
		background-color: #fff;
		padding: 10px 20px 20px 14px;
		display: block;
		text-align: center
	}
}

.popup-show-require .modal-dialog .modal-content .list .item .wrapper img {
	width: 140px;
	height: auto;
	border-radius: 8px;
	margin-right: 20px
}

.popup-show-require .modal-dialog .modal-content .list .item .wrapper .content-float-left {
	text-align: left
}

@media (min-width:992px) {
	.popup-show-require .modal-dialog .modal-content .list .item .wrapper .content-float-left {
		float: left
	}
}

.popup-show-require .modal-dialog .modal-content .list .item .wrapper span {
	font-weight: 700;
	line-height: 2
}

@media (max-width:991px) {
	.popup-show-require .modal-dialog .modal-content .list .item .wrapper span {
		line-height: 1.38
	}
}

.popup-show-require .modal-dialog .modal-content .list .item .wrapper span b {
	font-weight: 400;
	margin-left: 40px;
	color: #3bbdf9;
	line-height: 2;
	font-family: SVN-ProductSans;
	font-size: 14px
}

.popup-show-require .modal-dialog .modal-content .list .item .wrapper .title-lesson-complete {
	font-weight: 400;
	letter-spacing: normal;
	color: #333;
	font-family: SVN-ProductSans;
	font-size: 14px
}

.popup-show-require .modal-dialog .modal-content .list .item .wrapper .condition-description {
	font-weight: 400;
	font-family: SVN-ProductSans;
	font-size: 14px;
	line-height: 2;
	letter-spacing: normal;
	color: #333
}

.popup-show-require .modal-dialog .modal-content .list .item .wrapper .point-status {
	color: #ff5965;
	margin-left: 10px;
	font-family: SVN-ProductSans;
	font-size: 14px;
	font-weight: 700;
	line-height: 2
}

.popup-show-require .modal-dialog .modal-content .list .item .wrapper .point-status-without-max-core {
	color: #333;
	font-weight: 700;
	margin-left: 10px;
	font-family: SVN-ProductSans;
	font-size: 14px;
	line-height: 2
}

.popup-show-require .modal-dialog .modal-content .list .item .btn-go-to {
	height: 50px;
	border-radius: 30px;
	-ms-flex: 0 0 250px;
	flex: 0 0 250px;
	color: #fff;
	font-size: 18px;
	font-family: SVN-Boing, sans-serif;
	letter-spacing: .2px
}

@media (min-width:1200px) {
	.popup-show-require .modal-dialog .modal-content .list .item .btn-go-to:hover {
		box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18)
	}
}

@media (max-width:991px) {
	.popup-show-require .modal-dialog .modal-content .list .item .btn-go-to {
		font-size: 16px;
		height: 45px;
		padding: 0 10px;
		-ms-flex: none;
		flex: none;
		margin-top: 10px;
		min-width: 145px
	}
}

.popup-show-require .modal-dialog .modal-content .list .item .btn-go-to__course {
	background-image: linear-gradient(79deg, #3bbdf9, #4e8ff8)
}

.popup-show-require .modal-dialog .modal-content .list .item .btn-go-to__test {
	box-shadow: 0 5px 20px 0 rgba(255, 115, 69, .2);
	background-image: linear-gradient(79deg, #ff7345, #f73747)
}

.popup-show-require-small .modal-dialog {
	max-width: none
}

.popup-show-require-small .modal-dialog .modal-content {
	width: auto;
	min-width: 450px
}

.popup-show-require-small .modal-dialog .modal-content .title {
	font-size: 25px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	margin-bottom: 20px
}

@media (max-width:991px) {
	.popup-show-require-small .modal-dialog .modal-content .title {
		font-size: 20px
	}
}

@media (max-width:320px) {
	.popup-show-require-small .modal-dialog .modal-content .title {
		font-size: 18px
	}
}

.popup-show-require-small .modal-dialog .modal-content .title__course {
	color: #3bbdf9
}

.popup-show-require-small .modal-dialog .modal-content .title__test {
	color: #ff5965
}

.popup-show-require-small .modal-dialog .modal-content .list .item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px
}

@media (min-width:992px) {
	.popup-show-require-small .modal-dialog .modal-content .list .item:last-child {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0
	}
}

@media (max-width:991px) {
	.popup-show-require-small .modal-dialog .modal-content .list .item {
		-ms-flex-direction: column;
		flex-direction: column;
		border-radius: 5px;
		border: 1px solid #ddd;
		background-color: #fff;
		padding: 10px 20px 20px 14px;
		display: block;
		text-align: center
	}
}

.popup-show-require-small .modal-dialog .modal-content .list .item .wrapper img {
	width: 140px;
	height: auto;
	border-radius: 8px;
	margin-right: 20px
}

.popup-show-require-small .modal-dialog .modal-content .list .item .wrapper .content-float-left {
	text-align: left
}

@media (min-width:992px) {
	.popup-show-require-small .modal-dialog .modal-content .list .item .wrapper .content-float-left {
		float: left
	}
}

.popup-show-require-small .modal-dialog .modal-content .list .item .wrapper span {
	font-weight: 700;
	line-height: 2
}

@media (max-width:991px) {
	.popup-show-require-small .modal-dialog .modal-content .list .item .wrapper span {
		line-height: 1.38
	}
}

.popup-show-require-small .modal-dialog .modal-content .list .item .wrapper span b {
	font-weight: 400;
	margin-left: 40px;
	color: #3bbdf9;
	line-height: 2;
	font-family: SVN-ProductSans;
	font-size: 14px
}

.popup-show-require-small .modal-dialog .modal-content .list .item .wrapper .title-lesson-complete {
	font-weight: 400;
	letter-spacing: normal;
	color: #333;
	font-family: SVN-ProductSans;
	font-size: 14px
}

.popup-show-require-small .modal-dialog .modal-content .list .item .wrapper .condition-description {
	font-weight: 400;
	font-family: SVN-ProductSans;
	font-size: 14px;
	line-height: 2;
	letter-spacing: normal;
	color: #333
}

.popup-show-require-small .modal-dialog .modal-content .list .item .wrapper .point-status {
	color: #ff5965;
	margin-left: 10px;
	font-family: SVN-ProductSans;
	font-size: 14px;
	font-weight: 700;
	line-height: 2
}

.popup-show-require-small .modal-dialog .modal-content .list .item .wrapper .point-status-without-max-core {
	color: #333;
	font-weight: 700;
	margin-left: 10px;
	font-family: SVN-ProductSans;
	font-size: 14px;
	line-height: 2
}

.popup-show-require-small .modal-dialog .modal-content .list .item .btn-go-to {
	height: 50px;
	border-radius: 30px;
	-ms-flex: 0 0 250px;
	flex: 0 0 250px;
	color: #fff;
	font-size: 18px;
	font-family: SVN-Boing, sans-serif;
	letter-spacing: .2px
}

@media (min-width:1200px) {
	.popup-show-require-small .modal-dialog .modal-content .list .item .btn-go-to:hover {
		box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18)
	}
}

@media (max-width:991px) {
	.popup-show-require-small .modal-dialog .modal-content .list .item .btn-go-to {
		font-size: 16px;
		height: 45px;
		padding: 0 10px;
		-ms-flex: none;
		flex: none;
		margin-top: 10px;
		min-width: 145px
	}
}

.popup-show-require-small .modal-dialog .modal-content .list .item .btn-go-to__course {
	background-image: linear-gradient(79deg, #3bbdf9, #4e8ff8)
}

.popup-show-require-small .modal-dialog .modal-content .list .item .btn-go-to__test {
	box-shadow: 0 5px 20px 0 rgba(255, 115, 69, .2);
	background-image: linear-gradient(79deg, #ff7345, #f73747)
}

#popup-banner {
	max-width: 800px;
	position: relative
}

@media (max-width:767px) {
	#popup-banner {
		top: 20px
	}
}

#popup-banner .modal-content {
	background: transparent;
	border: none
}

#popup-banner .modal-content .close-popup {
	position: absolute;
	right: 0;
	top: -17px;
	cursor: pointer
}

@media (max-width:767px) {
	#popup-banner .modal-content .close-popup {
		right: 5px;
		top: -8px;
		width: 20px
	}
}

.popup-payoo-map .modal-dialog {
	width: 1000px;
	max-width: 1000px
}

@media (max-width:991px) {
	.popup-payoo-map .modal-dialog {
		width: 700px;
		max-width: 700px
	}
}

@media (max-width:767px) {
	.popup-payoo-map .modal-dialog {
		width: 90%;
		max-width: 90%;
		margin-left: 5%
	}
}

.popup-payoo-map .modal-dialog .modal-body iframe {
	width: 100%;
	height: 600px
}

@media (max-width:991px) {
	.popup-payoo-map .modal-dialog .modal-body iframe {
		height: 500px
	}
}

.popup-payoo-map .modal-dialog .modal-content .close {
	font-size: 23px;
	position: absolute;
	right: -13px;
	top: -12px;
	z-index: 2;
	background: #fff;
	border: 2px solid #ff7345;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 30px;
	height: 30px;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	opacity: 1
}

.image-popup-promote {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%)!important;
	max-width: 100%
}

@media (max-width:560px) {
	.image-popup-promote {
		width: 280px
	}
	.image-popup-promote .modal-body {
		padding: 10px
	}
}

.image-popup-promote .modal-content {
	background-color: transparent;
	border: none
}

.image-popup-promote .modal-content a img {
	width: 100%
}

.image-popup-promote .modal-content .form__close {
	width: 36px;
	height: 36px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: linear-gradient(45deg, #ff7345, #f73747);
	border-radius: 50%;
	border: 3px solid #ffe0be;
	cursor: pointer;
	transition: all all 1s
}

.image-popup-promote .modal-content .form__close:hover {
	background-image: none;
	background-color: red;
	transform: scale(1.1)
}

.image-popup-promote .modal-content .form__close__text {
	transform: rotate(45deg);
	position: absolute;
	top: -11px;
	left: 8px;
	display: inline-block;
	color: #fff;
	font-size: 32px
}

.tag-list {
	width: 400px;
	-o-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .3);
	border-radius: 15px;
	background-color: #fff;
	padding: 20px 25px 40px 30px;
	position: absolute;
	top: 35px;
	z-index: 2;
	display: none
}

@media (max-width:991px) {
	.tag-list {
		width: 100%;
		position: static;
		padding: 0;
		-o-box-shadow: none;
		box-shadow: none
	}
}

.tag-list:after {
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	content: "";
	position: absolute;
	top: -7px;
	left: 45px
}

.tag-list .wrapper-list-item {
	max-height: 220px;
	overflow-y: auto;
	padding-right: 5px
}

.tag-list__item {
	line-height: 2.75;
	font-size: 16px;
	position: relative;
	cursor: pointer
}

@media (min-width:1200px) {
	.tag-list__item:hover {
		font-weight: 700;
		color: #50ad4e
	}
}

.tag-list__item.choose {
	font-weight: 700;
	color: #50ad4e
}

.tag-list__item.choose .tag-list__item__checked {
	display: inline-block!important
}

.tag-list__item__checked {
	position: absolute!important;
	right: 0;
	top: 8px;
	display: none!important
}

.tag-list__button {
	background-image: linear-gradient(82deg, #3bbdf9, #4e8ff8);
	margin-top: 20px
}

.bai-kiem-tra-start-end .top-title {
	padding: 20px 0
}

.bai-kiem-tra-start-end .content {
	position: relative
}

.bai-kiem-tra-start-end .content__right {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.bai-kiem-tra-start-end .content__right__text {
	font-size: 18px;
	color: #fff;
	letter-spacing: .2px;
	margin-bottom: 40px
}

.courses-item-new {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-background-course-item.png);
	background-size: 100% 100%;
	border: none!important;
	background-color: transparent!important;
	margin: 0 10px 40px
}

@media (max-width:991px) {
	.courses-item-new {
		margin: 0 0 20px
	}
}

.courses-item {
	border-radius: 15px;
	background-color: #ecf9ff;
	border: 5px solid #fff;
	position: relative;
	width: 100%;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:991px) {
	.courses-item {
		padding: 0 10px!important
	}
}

.courses-item .wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%
}

.courses-item.is-quiz-test {
	border: 5px solid #ff7345
}

.courses-item.is-actived .courses-item__btn {
	background-image: linear-gradient(81deg, #ff7345, #f73747);
	width: 100%
}

.courses-item.is-actived .courses-item__btn:active {
	background-image: linear-gradient(81deg, #ff7345, #f73747)!important
}

.courses-item.is-actived .courses-item__status {
	color: #666;
	font-weight: 400
}

@media (max-width:991px) {
	.courses-item.is-locked:after {
		display: none!important
	}
}

.courses-item.is-locked .courses-item__image {
	box-shadow: none;
	color: #fff
}

@media (max-width:991px) {
	.courses-item.is-locked .courses-item__image {
		border-radius: 15px 15px 0 0
	}
}

.courses-item.is-locked .courses-item__image .wrapper {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%
}

.courses-item.is-locked .courses-item__image .wrapper img {
	width: 80px;
	margin: auto
}

@media (max-width:320px) {
	.courses-item.is-locked .courses-item__image .wrapper img {
		width: 40px!important
	}
}

.courses-item.is-locked .courses-item__condition-text {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .2px;
	padding: 0 15px;
	margin-top: 15px
}

@media (max-width:767px) {
	.courses-item.is-locked .courses-item__condition-text {
		font-size: 12px;
		margin-top: 0
	}
}

@media (max-width:375px) {
	.courses-item.is-locked .courses-item__condition-text {
		font-size: 11px
	}
}

@media (max-width:320px) {
	.courses-item.is-locked .courses-item__condition-text {
		font-size: 9px;
		font-weight: 400
	}
}

.courses-item.is-locked .courses-item__btn {
	background-image: linear-gradient(81deg, #ff7345, #f73747)
}

@media (max-width:991px) {
	.courses-item.is-locked .courses-item__btn {
		background-image: none
	}
	.courses-item.is-locked .courses-item__btn:active,
	.courses-item.is-locked .courses-item__btn:focus {
		background-image: none;
		box-shadow: none
	}
}

.courses-item__title {
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 22px;
	line-height: 1.4;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto
}

.courses-item__image {
	overflow: hidden;
	background-color: #fff;
	-o-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
	border: 3px solid #ffdd8b;
	border-radius: 15px;
	position: relative;
	margin: 20px 20px 0;
	text-align: center
}

.courses-item__image__tag {
	border-radius: 15px
}

@media (max-width:991px) {
	.courses-item__image {
		border: 2px solid #ffdd8b;
		margin: 0;
		margin-top: 10px;
		margin-left: 0!important;
		width: 100%!important
	}
}

.courses-item__process {
	position: absolute;
	bottom: -15px;
	left: 20px;
	width: calc(100% - 40px);
	height: 32px;
	background: #fff;
	border-radius: 25px;
	-o-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1)
}

.courses-item__process__bar {
	position: absolute;
	width: calc(100% - 30px);
	height: 8px;
	border-radius: 6px;
	background-color: #ddd;
	top: 50%;
	left: 15px;
	transform: translateY(-50%)
}

.courses-item__process__bar__processed {
	position: absolute;
	left: 0;
	height: 100%;
	background-image: linear-gradient(69deg, #3bbdf9, #4e8ff8);
	border-radius: 6px
}

.courses-item__status {
	letter-spacing: .2px;
	font-weight: 600;
	color: #ff7345;
	margin: 10px 0 35px
}

.courses-item__course-name {
	line-height: 1.1;
	text-align: center;
	color: #ffdd8b;
	font-family: SVN-Boing;
	font-size: 22px;
	font-weight: 600;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	margin: 10px 20px 0;
	text-shadow: 0 2px 0 #8e430c
}

@media (max-width:991px) {
	.courses-item__course-name {
		font-size: 16px;
		margin: 5px 10px 0
	}
}

.courses-item__course-star {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 20px 0 10px
}

@media (max-width:991px) {
	.courses-item__course-star {
		margin: -10px 0 6px
	}
}

.courses-item__course-star-relevant {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 20px 0 10px
}

@media (max-width:991px) {
	.courses-item__course-star-relevant {
		margin: 10px 0 6px
	}
}

.courses-item__star {
	width: 32px;
	height: 32px;
	margin: 0 4px
}

.courses-item__btn-learned {
	width: 100%;
	height: 66px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-btn-learned.png);
	background-size: 100% 100%;
	margin-bottom: -25px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	max-width: 322px;
	margin: 0 auto -25px
}

@media (min-width:992px) {
	.courses-item__btn-learned:hover {
		animation: spring .5s;
		animation-timing-function: ease
	}
}

@media (max-width:991px) {
	.courses-item__btn-learned {
		height: 46px;
		max-width: 260px;
		margin: 0 auto -20px
	}
}

.courses-item__btn-learn {
	width: 100%;
	height: 66px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-btn-learn.png);
	background-size: 100% 100%;
	margin-bottom: -25px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	max-width: 322px;
	margin: 0 auto -25px
}

@media (min-width:992px) {
	.courses-item__btn-learn:hover {
		animation: spring .5s;
		animation-timing-function: ease
	}
}

@media (max-width:991px) {
	.courses-item__btn-learn {
		height: 46px;
		max-width: 260px;
		margin: 0 auto -20px
	}
}

.courses-item__btn-learn-title {
	text-align: center;
	color: #fff;
	font-family: SVN-Boing;
	font-size: 25px;
	font-weight: 600
}

@media (max-width:991px) {
	.courses-item__btn-learn-title {
		font-size: 16px
	}
}

@media (max-width:360px) {
	.courses-item__btn-learn-title {
		font-size: 12px
	}
}

.courses-item__btn {
	background-image: linear-gradient(81deg, #3bbdf9, #4e8ff8);
	border-radius: 30px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #fff!important;
	display: block;
	padding: 17px 0 15px;
	line-height: 1;
	text-transform: uppercase
}

.courses-item__btn:focus {
	box-shadow: none
}

.courses-item__btn:active {
	background-image: linear-gradient(81deg, #3bbdf9, #4e8ff8)!important
}

@media (max-width:1199px) {
	.courses-item__btn {
		font-size: 15px
	}
	.courses-item__btn:active {
		background-image: none!important
	}
}

.courses-item__link {
	color: transparent!important
}

.courses-item .link-cover,
.courses-item__link {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.tab-wrapper {
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 60px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.tab-wrapper,
.tab-wrapper .tab-left {
	display: -ms-flexbox;
	display: flex
}

@media (max-width:1320px) {
	.tab-wrapper .tab-left {
		margin-bottom: 30px
	}
}

.tab-wrapper .icon-home {
	width: 64px;
	height: 65px;
	margin-right: 15px;
	cursor: pointer
}

@media (min-width:992px) {
	.tab-wrapper .icon-home:hover {
		animation: spring .5s;
		animation-timing-function: ease
	}
}

.tab-wrapper .category-name {
	letter-spacing: .23px;
	color: #fff;
	opacity: .7;
	font-family: SVN-ProductSans;
	font-size: 16px
}

.tab-wrapper .subCategory-name {
	letter-spacing: .51px;
	color: #fff;
	font-family: SVN-Boing;
	font-size: 36px;
	font-weight: 600;
	line-height: 1
}

.tab {
	margin-top: 2.5px!important;
	background-color: hsla(0, 0%, 100%, .2);
	border-radius: 50px;
	padding: 5px
}

.tab,
.tab__item {
	display: inline-block
}

.tab__item {
	border-radius: 30px;
	margin-right: 5px
}

.tab__item:last-child {
	margin-right: 0
}

.tab__item:hover {
	background-color: #fff
}

.tab__item:hover a {
	color: #ff7345!important
}

.tab__item.active {
	background-color: #fff
}

.tab__item.active a {
	color: #ff7345!important;
	font-weight: 600
}

.tab__item__link {
	letter-spacing: .2px;
	color: #fff!important;
	border-radius: 26px;
	padding: 14px 26px 16px;
	display: inline-block
}

.tab__item__link:hover {
	color: #ff7345!important
}

.tab__item a {
	border-radius: 26px;
	font-family: SVN-Boing;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: .18px;
	text-align: center;
	color: #fa5241;
	line-height: 1
}

@media (max-width:1320px) {
	.tab__item a {
		font-size: 18px
	}
}

.tab-parent {
	margin: 25px 0 30px;
	background-color: #3bbdf9;
	border-radius: 50px;
	padding: 5px;
	display: inline-block
}

.tab-parent__item {
	display: inline-block;
	border-radius: 30px;
	margin-right: 5px
}

.tab-parent__item:last-child {
	margin-right: 0
}

.tab-parent__item:hover {
	background-color: #fff
}

.tab-parent__item:hover a {
	color: #ff7345!important
}

.tab-parent__item.active {
	background-color: #fff
}

.tab-parent__item.active a {
	color: #ff7345!important;
	font-weight: 600
}

.tab-parent__item__link {
	font-size: 16px;
	letter-spacing: .2px;
	color: #fff!important;
	border-radius: 30px;
	padding: 15px 55px;
	display: inline-block
}

@media (max-width:1199px) {
	.tab-parent__item__link {
		padding: 10px 15px
	}
}

.tab-parent__item__link:hover {
	color: #ff7345!important
}

.tab-parent__item a {
	border-radius: 30px
}

@keyframes loading-spin {
	0% {
		transform: rotate(0);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}
	50% {
		transform: rotate(180deg);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	to {
		transform: rotate(1turn)
	}
}

@keyframes loading-frame {
	0%,
	to {
		transform: scale(0);
		-webkit-transform: scale(0)
	}
	50% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

@keyframes course-animation {
	0%,
	to {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
	50% {
		transform: scale(1.1);
		-webkit-transform: scale(1.1)
	}
}

.chat {
	width: 320px;
	padding: 20px 0;
	border-radius: 15px
}

.chat,
.chat .dropdown__btn {
	background-color: #fff;
	position: relative
}

.chat .dropdown__btn {
	border: 2px solid #ddd;
	border-radius: 18px;
	padding: 3px 25px 3px 15px;
	letter-spacing: .2px;
	margin: 0 15px 15px 0
}

.chat .dropdown__btn:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 5px solid #999;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	position: absolute;
	top: 10px;
	right: 8px
}

.chat__messages {
	height: 440px;
	overflow: auto;
	padding: 0 15px;
	margin-bottom: 45px
}

.chat__messages__item {
	position: relative;
	padding-left: 42px;
	margin-bottom: 35px
}

.chat__messages__item.is-tagged .chat__messages__item__text {
	background-color: #fff4f0;
	border: 1px solid #ff7345;
	padding-top: 15px
}

.chat__messages__item__avatar {
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%
}

.chat__messages__item__avatar.not-avatar {
	background: gray;
	color: #fff;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600
}

.chat__messages__item__text {
	letter-spacing: .2px;
	padding: 5px 12px;
	background-color: #f4f4f4;
	border-radius: 15px;
	display: inline-block
}

.chat__messages__item__tag-name {
	font-weight: 600;
	color: #ff5965
}

.chat__messages__item__time {
	font-size: 12px;
	color: #999;
	letter-spacing: .1px;
	opacity: .98;
	position: absolute;
	bottom: -20px;
	left: 45px
}

.chat__messages__item__person-tag {
	letter-spacing: .1px;
	color: #fff;
	border-radius: 12px;
	background-image: linear-gradient(82deg, #ff7345, #f73747);
	padding: 1px 10px;
	position: absolute;
	top: -10px;
	left: 45px
}

.chat__messages__item--is-me {
	padding-right: 42px;
	text-align: right
}

.chat__messages__item--is-me .chat__messages__item__avatar {
	right: 0;
	left: auto
}

.chat__messages__item--is-me .chat__messages__item__text {
	background-color: #3bbdf9;
	color: #fff
}

.chat__messages__item--is-me .chat__messages__item__time {
	right: 42px
}

.chat__form {
	position: relative;
	padding-left: 15px
}

.chat__form:before {
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	background: #f0f0f0;
	position: absolute;
	left: 0;
	top: -20px
}

.chat__form__input {
	border: 1px solid transparent;
	width: calc(100% - 32px);
	padding: 14px 20px 12px;
	border-radius: 4px;
	cursor: text
}

.chat__form__input:focus {
	border: 1px solid #3bbdf9!important;
	outline: none
}

.chat__form__input .tag-person {
	font-weight: 600;
	color: #ff5965
}

.chat__form__btn {
	border: none;
	background-color: transparent;
	padding: 5px;
	right: 5px;
	position: absolute;
	top: 8px
}

.recommend-tag {
	-o-box-shadow: -1px 1px 7px 0 rgba(0, 0, 0, .18);
	box-shadow: -1px 1px 7px 0 rgba(0, 0, 0, .18);
	border: 1px solid #ddd;
	position: absolute;
	z-index: 2;
	width: 90%;
	left: 13px;
	bottom: 90px;
	background-color: #fff;
	max-height: 254px;
	overflow: hidden;
	border-radius: 5px
}

@media (max-width:991px) {
	.recommend-tag {
		max-height: 170px;
		bottom: 50px
	}
}

.recommend-tag__item {
	padding: 5px;
	transition: all .5s ease;
	cursor: pointer
}

.recommend-tag__item.active,
.recommend-tag__item:hover {
	background-color: #365899;
	color: #fff
}

.recommend-tag__avatar {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin-right: 5px;
	object-fit: cover
}

.wrapper-courses-mb {
	margin-top: 20px
}

.wrapper-courses-mb .row>div[class^=col-] {
	margin-bottom: 60px;
	display: -ms-flexbox;
	display: flex
}

@media (min-width:991px) {
	.wrapper-courses-mb .row>div[class^=col-] {
		margin-bottom: 40px
	}
}

@media (max-width:991px) {
	.wrapper-courses-mb .row .col-6:nth-child(odd) {
		padding-right: 7.5px
	}
}

@media (max-width:991px) {
	.wrapper-courses-mb .row .col-6:nth-child(2n) {
		padding-left: 7.5px
	}
}

@media (max-width:991px) {
	.wrapper-courses-mb .courses-item {
		padding: 0;
		background-color: #fff;
		border: none;
		position: relative;
		height: 100%
	}
	.wrapper-courses-mb .courses-item.finished .courses-item__image:before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, .6)
	}
	.wrapper-courses-mb .courses-item.is-quiz-test {
		border: 2px solid #ff5965;
		z-index: 1;
		position: relative;
		height: 100%
	}
	.wrapper-courses-mb .courses-item.is-quiz-test:after {
		content: "";
		display: inline-block;
		height: 16px;
		width: calc(100% - 30px);
		position: absolute;
		left: 15px;
		bottom: -7px;
		z-index: -1;
		background-color: #ff7345;
		opacity: .5
	}
}

@media (max-width:991px) {
	.wrapper-courses-mb .courses-item__image__tag {
		border-radius: 15px 15px 0 0
	}
}

.wrapper-courses-mb .courses-item__title {
	background-color: #fff;
	border-radius: 15px
}

@media (max-width:991px) {
	.wrapper-courses-mb .courses-item__title {
		font-size: 14px;
		text-align: center;
		display: block;
		padding: 0 5px 15px
	}
}

@media (max-width:991px) {
	.wrapper-courses-mb .courses-item__btn {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background-image: none
	}
}

@media (max-width:991px) {
	.wrapper-courses-mb .courses-item__process {
		bottom: -8px;
		left: 10px;
		width: calc(100% - 20px);
		height: 15px
	}
}

@media (max-width:991px) {
	.wrapper-courses-mb .courses-item__process__bar {
		height: 6px;
		width: calc(100% - 20px);
		left: 10px
	}
}

.wrapper-courses-mb .courses-item .background-transparent {
	background-color: transparent
}

.sub-category-mb {
	overflow: auto;
	white-space: nowrap;
	height: 40px;
	background-color: #fff;
	width: calc(100% + 30px);
	margin-left: -15px
}

.sub-category-mb__item {
	display: inline-block;
	margin-right: 10px;
	line-height: 40px;
	margin-left: 13px;
	position: relative
}

.sub-category-mb__item:last-child {
	margin-right: 0
}

.sub-category-mb__item.active .sub-category-mb__link {
	color: #ff7345;
	letter-spacing: .3px
}

.sub-category-mb__item.active:after {
	position: absolute;
	margin: auto;
	content: "";
	width: 30px;
	height: 4px;
	border-radius: 3.5px;
	background-image: linear-gradient(82deg, #ff7345, #f73747);
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	opacity: 1;
	top: auto
}

.sub-category-mb__link {
	letter-spacing: .2px;
	color: #999;
	font-weight: 600;
	font-family: SVN-Boing, sans-serif;
	font-size: 16px;
	padding: 0
}

.sub-category-mb-parent {
	overflow: auto;
	white-space: nowrap;
	height: 40px;
	background-color: #fff;
	width: calc(100% + 30px);
	margin-left: -15px
}

.sub-category-mb-parent__item {
	display: inline-block;
	margin-right: 10px;
	line-height: 39px;
	margin-left: 13px;
	position: relative
}

.sub-category-mb-parent__item:last-child {
	margin-right: 0
}

.sub-category-mb-parent__item.active .sub-category-mb-parent__link {
	color: #ff7345;
	letter-spacing: .3px
}

.sub-category-mb-parent__item.active:after {
	position: absolute;
	margin: auto;
	content: "";
	width: 20px;
	height: 4px;
	border-radius: 3.5px;
	background-image: linear-gradient(82deg, #ff7345, #f73747);
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	opacity: 1;
	top: auto
}

.sub-category-mb-parent__link {
	letter-spacing: .2px;
	color: #999;
	font-weight: 600;
	font-family: SVN-Boing, sans-serif;
	font-size: 16px;
	padding: 0
}

.top-title-bar-mobile {
	min-height: 60px;
	background-color: #042068;
	width: calc(100% + 30px);
	margin-left: -15px;
	padding: 2px 15px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.top-title-bar-mobile img {
	width: 40px;
	height: 40px;
	margin-right: 11px;
	cursor: pointer
}

.top-title-bar-mobile .course-name {
	letter-spacing: .17px;
	color: #fff;
	opacity: .7;
	font-family: SVN-ProductSans;
	font-size: 12px
}

.top-title-bar-mobile .lesson-name {
	letter-spacing: .26px;
	color: #fff;
	font-family: SVN-Boing;
	font-size: 18px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1
}

.top-title-child {
	display: -ms-flexbox!important;
	display: flex!important;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 10px
}

.top-title {
	padding: 12px 40px;
	position: relative;
	width: calc(100% + 80px);
	margin-left: -40px
}

@media (min-width:1600px) {
	.top-title {
		padding: 13px 40px
	}
}

@media (max-width:991px) {
	.top-title {
		margin-left: 0;
		padding: 15px 15px 20px;
		width: 100%
	}
}

.top-title .course-top-title {
	display: -ms-flexbox;
	display: flex
}

.top-title .back-btn-child {
	width: 64px;
	height: 64px;
	margin-right: 15px;
	cursor: pointer
}

@media (min-width:992px) {
	.top-title .back-btn-child:hover {
		animation: spring .5s;
		animation-timing-function: ease
	}
}

.top-title .course-name-style {
	letter-spacing: .23px;
	color: #fff;
	opacity: .7;
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 400
}

.top-title .lesson-name-style {
	letter-spacing: .51px;
	color: #fff;
	font-family: SVN-Boing;
	font-size: 36px;
	font-weight: 600;
	margin-top: -8px
}

.top-title .back {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 3px solid #3bbdf9;
	display: inline-block;
	position: absolute;
	left: 40px;
	top: 50%;
	transform: translateY(-50%)
}

.top-title .back__img {
	width: 31px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

@media (max-width:991px) {
	.top-title .name__unit {
		font-size: 20px
	}
}

.top-title .name__lesson {
	letter-spacing: .2px;
	color: #666
}

.top-title .name__lesson span {
	font-weight: 600
}

.top-title .right {
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%)
}

.top-title .amount-learners {
	background-color: #7dae3d;
	padding: 16px 20px;
	border-radius: 26px;
	min-width: 265px;
	text-align: center
}

.top-title .amount-learners__img {
	margin-right: 10px
}

.top-title .amount-learners__text {
	letter-spacing: .2px;
	display: inline-block;
	font-family: SVN-ProductSans;
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	text-align: center
}

.top-title .amount-learners__text__number {
	font-size: 16px;
	font-weight: 600
}

.top-title .amount-learners-parent__img {
	margin-right: 10px
}

.top-title .amount-learners-parent__text {
	letter-spacing: .2px;
	display: inline-block;
	color: #ff5965;
	font-weight: 600;
	font-family: SVN-Boing, sans-serif
}

.top-title .amount-learners-parent__text__number {
	font-size: 18px;
	font-weight: 600;
	color: #3bbdf9
}

.top-title .process {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 8px;
	background-color: #ddd
}

@media (max-width:991px) {
	.top-title .process {
		height: 5px
	}
}

.top-title .process__bar {
	position: absolute;
	left: 0;
	border-radius: 0 100px 100px 0;
	background-image: linear-gradient(89deg, #3bbdf9, #4e8ff8);
	height: 100%
}

.top-title .love {
	font-size: 18px;
	color: #ff5965;
	letter-spacing: .3px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600
}

.top-title .position {
	font-size: 14px;
	letter-spacing: .2px
}

.gift-btn,
.top-title .position--name-teacher {
	font-weight: 600
}

.gift-btn {
	width: 100%;
	-o-box-shadow: 0 5px 20px 0 rgba(255, 115, 69, .3);
	box-shadow: 0 5px 20px 0 rgba(255, 115, 69, .3);
	border-radius: 30px;
	background-image: linear-gradient(81deg, #ff7345, #f73747);
	font-family: SVN-Boing, sans-serif;
	font-size: 18px;
	color: #fff!important;
	display: block;
	padding: 11px 0 7px;
	line-height: 1
}

@media (max-width:767px) {
	.gift-btn {
		padding: 8px 0
	}
}

.gift-btn:focus {
	outline: none;
	-o-box-shadow: none!important;
	box-shadow: none!important
}

.gift-btn:active {
	background-image: linear-gradient(81deg, #ff7345, #f73747)!important
}

.gift-btn--disabled {
	background-image: none;
	background-color: #fff;
	border: 2px solid #ddd;
	color: #333;
	-o-box-shadow: none;
	box-shadow: none;
	cursor: not-allowed!important
}

.gift-btn--disabled:active {
	background-image: none!important
}

.gift-btn__img {
	position: relative;
	left: 5px;
	top: -2px
}

.gift-card__header {
	overflow: hidden;
	height: 0;
	border-radius: 5px!important;
	border: none;
	position: relative;
	padding-bottom: 56.25%!important
}

.gift-card__body {
	padding: 15px 0
}

.gift-card__title {
	font-weight: 600!important;
	font-family: SVN-Boing, sans-serif
}

@media (max-width:991px) {
	.gift-card__title {
		font-size: 18px
	}
}

.gift-card__footer .gift-btn {
	color: #fff!important
}

.gift-card__footer .gift-btn--disabled {
	color: #333!important
}

.gift-card__image {
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.gift-card__overlay {
	color: #fff;
	opacity: 0;
	padding: 0;
	width: 100%;
	background: rgba(0, 0, 0, .6);
	right: auto;
	left: auto;
	height: 100%;
	border-radius: 5px;
	transform: scale(0)
}

.gift-card__description {
	font-weight: 600;
	text-shadow: 0 5px 10px rgba(0, 0, 0, .5);
	position: absolute;
	bottom: 15px;
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	font-size: 14px;
	padding: 0 10px
}

.gift-card__guide {
	font-size: 12px;
	position: absolute;
	right: 15px;
	top: 15px;
	color: #fff
}

.gift-card__guide:hover {
	color: #fff
}

.gift-card__mark-question {
	margin-left: 3px
}

.card {
	-ms-flex: 0 0 calc(33.3333% - 15px)!important;
	flex: 0 0 calc(33.3333% - 15px)!important;
	padding: 20px;
	margin-bottom: 60px!important;
	border-radius: 15px!important;
	margin-right: 20px;
	transition: all .5s ease;
	border: none
}

@media (max-width:991px) {
	.card {
		margin-bottom: 20px!important;
		margin-right: 0;
		-ms-flex: 0 0 calc(50% - 15px)!important;
		flex: 0 0 calc(50% - 15px)!important
	}
}

.card:nth-child(3n) {
	margin-right: 0
}

.card:hover {
	-o-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1)
}

.card:hover .gift-card__overlay {
	transition: all .5s ease;
	transform: scale(1);
	opacity: 1
}

.card-footer {
	padding: 0;
	background: transparent;
	border: none
}

.card-header {
	border-bottom: none;
	background-color: transparent;
	padding: 0
}

.list-lesson-duty {
	margin-bottom: 80px
}

@media (max-width:991px) {
	.list-lesson-duty {
		margin-bottom: 40px
	}
}

.list-lesson-duty .title {
	line-height: 1.3;
	font-size: 35px;
	margin-bottom: 25px
}

@media (max-width:1199px) {
	.list-lesson-duty .title {
		margin-top: 40px
	}
}

@media (max-width:991px) {
	.list-lesson-duty .title {
		font-size: 25px;
		margin-bottom: 10px
	}
	.list-lesson-duty .title--duty,
	.list-lesson-duty .title.title-right {
		margin-top: 40px
	}
}

.list-lesson-duty .title__img {
	width: 64px;
	margin-right: 20px
}

@media (max-width:991px) {
	.list-lesson-duty .title__img {
		width: 32px
	}
}

.list-lesson-duty .custom-wrap {
	border-radius: 20px!important;
	border: 3px solid #ffdd8b!important;
	background-color: #ffe7ac!important
}

.list-lesson-duty .wrapper {
	background-color: rgba(55, 125, 209, .05);
	border: 5px solid #fff;
	-o-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
	border-radius: 15px;
	padding: 15px 0 15px 15px;
	height: calc(100% - 70px);
	max-height: 445px
}

@media (max-width:991px) {
	.list-lesson-duty .wrapper {
		padding: 10px 5px;
		height: auto;
		border: 3px solid #fff
	}
}

.list-lesson-duty .wrapper--duty {
	background-color: rgba(224, 113, 17, .05)
}

.list-lesson-duty .wrapper--duty .list__item {
	padding-right: 30px
}

.list-lesson-duty .wrapper .list {
	max-height: 400px;
	overflow: auto;
	padding-right: 15px
}

.list-lesson-duty .wrapper .list__item {
	position: relative;
	padding: 20px 25px 20px 55px;
	border-radius: 8px;
	border: 1px solid transparent
}

@media (max-width:991px) {
	.list-lesson-duty .wrapper .list__item {
		padding: 10px 0 10px 45px
	}
}

.list-lesson-duty .wrapper .list__item.active {
	border-radius: 4px;
	border: 1px solid #8e430c;
	background-color: #edcc7c
}

.list-lesson-duty .wrapper .list__item.active-parent {
	border-color: #3bbdf9;
	background-color: #ecf9ff
}

.list-lesson-duty .wrapper .list__item__img {
	width: 30px;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%)
}

@media (max-width:991px) {
	.list-lesson-duty .wrapper .list__item__img {
		left: 5px
	}
}

.list-lesson-duty .wrapper .list__item__title {
	width: calc(100% - 30px);
	font-size: 16px;
	letter-spacing: .2px
}

@media (max-width:991px) {
	.list-lesson-duty .wrapper .list__item__title {
		font-size: 14px
	}
}

.list-lesson-duty .wrapper .list__item__title__unit {
	color: #333
}

.list-lesson-duty .wrapper .list__item__title__unit.is-complete {
	opacity: .5
}

.list-lesson-duty .wrapper .list__item__points {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 12px;
	color: #fff;
	letter-spacing: .1px;
	padding: 1px 7px;
	border-radius: 12px;
	background-color: #66bd39
}

@media (max-width:991px) {
	.list-lesson-duty .wrapper .list__item__points {
		position: static;
		margin-left: 5px
	}
}

.list-lesson-duty .wrapper .list__item__link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.list-lesson-duty .wrapper .list__quiz {
	cursor: pointer;
	margin-top: 10px;
	display: -ms-flexbox;
	display: flex
}

.list-lesson-duty .wrapper .list__quiz img {
	width: 60px;
	height: 58px;
	float: left;
	margin-left: 7px
}

@media (max-width:991px) {
	.list-lesson-duty .wrapper .list__quiz img {
		width: 46px;
		height: 45px
	}
}

.list-lesson-duty .wrapper .list__quiz .quiz-title-view {
	margin-left: 11px
}

.list-lesson-duty .wrapper .list__quiz .quiz-title-view .txt-quiz {
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 600;
	color: #ff5965
}

@media (max-width:991px) {
	.list-lesson-duty .wrapper .list__quiz .quiz-title-view .txt-quiz {
		font-size: 14px
	}
}

.list-lesson-duty .wrapper .list__quiz .quiz-title-view .title-quiz {
	color: #3bbdf9;
	font-family: SVN-Boing;
	font-size: 25px;
	font-weight: 600
}

@media (max-width:991px) {
	.list-lesson-duty .wrapper .list__quiz .quiz-title-view .title-quiz {
		font-size: 20px
	}
}

.list-lesson-duty .wrapper-mg-bottom {
	margin-bottom: 50px
}

@media (max-width:991px) {
	.list-lesson-duty .wrapper-mg-bottom {
		margin-bottom: 40px
	}
}

.list-lesson-duty form {
	background: #fff;
	border-radius: 10px;
	border: 1px solid #ddd
}

.list-lesson-duty .ask-form {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	padding-right: 10px;
	border-radius: 4px
}

.list-lesson-duty .ask-form__wrapper {
	width: 100%;
	padding-left: 15px;
	position: relative
}

.list-lesson-duty .ask-form__wrapper .message-error {
	position: absolute;
	left: 20px;
	bottom: -25px
}

.list-lesson-duty .ask-form__textarea {
	border: none;
	padding: 14px 20px 12px;
	width: 95%
}

.list-lesson-duty .ask-form__textarea:focus {
	border: none!important
}

.list-lesson-duty .ask-form__button {
	width: 110px;
	height: 44px;
	border-radius: 30px;
	background-image: linear-gradient(68deg, #3bbdf9, #4e8ff8);
	color: #fff!important;
	font-size: 18px;
	font-weight: 600
}

.list-lesson-duty .list-qna-answer {
	margin-left: 47px
}

@media (max-width:1199px) {
	.list-lesson-duty .list-qna-background {
		background-color: #fff
	}
}

.list-lesson-duty .list-qna-wrapper {
	margin-bottom: 30px
}

@media (max-width:1199px) {
	.list-lesson-duty .list-qna-wrapper {
		border-radius: 15px;
		padding: 0 20px 20px;
		margin-top: 10px;
		margin-bottom: 20px
	}
}

.list-lesson-duty .list-qna-wrapper .list-qna-question-form {
	display: -ms-flexbox;
	display: flex;
	border-top: 1px solid #e4e4e4;
	padding-top: 27px;
	margin-top: 30px
}

.list-lesson-duty .list-qna-wrapper .list-qna-question-form:first-child {
	border-top: none
}

@media (max-width:1199px) {
	.list-lesson-duty .list-qna-wrapper .list-qna-question-form {
		margin-top: 0;
		margin-bottom: 20px
	}
}

.list-lesson-duty .list-qna-wrapper .list-qna-question-form .question-info {
	padding-top: 5px
}

.list-lesson-duty .list-qna-wrapper .list-qna-question-form .row-name {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center
}

.list-lesson-duty .list-qna-wrapper .list-qna-question-form .question-role {
	border-radius: 12.5px;
	background-image: linear-gradient(67deg, #ff7345, #f73747);
	padding: 0 10px;
	margin-left: 3px
}

.list-lesson-duty .list-qna-wrapper .list-qna-question-form .question-role-title {
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	font-family: SVN-ProductSans
}

.list-lesson-duty .list-qna-wrapper .list-qna-question-form .avatar {
	width: 32px;
	height: 32px;
	border-radius: 16px;
	margin-right: 15px
}

.list-lesson-duty .list-qna-wrapper .list-qna-question-form .name {
	color: #999;
	font-family: SVN-ProductSans;
	font-size: 14px
}

.list-lesson-duty .list-qna-wrapper .list-qna-question-form .question {
	color: #333;
	line-height: 1.57;
	font-family: SVN-ProductSans;
	font-size: 14px;
	font-weight: 400;
	margin-top: 15px
}

.list-lesson-duty .list-qna-wrapper .list-qna-question-form .date-time {
	color: #999;
	font-family: SVN-ProductSans;
	font-size: 12px;
	font-weight: 400;
	margin-top: 15px
}

.relevant-courses .courses-item {
	margin-bottom: 0
}

.relevant-courses__title {
	line-height: 1.3;
	font-size: 35px;
	margin-bottom: 25px
}

@media (max-width:991px) {
	.relevant-courses__title {
		font-size: 25px
	}
}

.relevant-courses__title__img {
	margin-right: 20px;
	width: 64px
}

@media (max-width:991px) {
	.relevant-courses__title__img {
		width: 32px
	}
}

.video {
	width: 100%
}

.video .video-control {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-video-control.png);
	background-size: 100% 100%;
	width: 96%;
	margin-left: 2.5%;
	padding: 10px;
	border-radius: 0 0 7px 7px;
	padding: 10px 57px 20px;
	position: relative
}

.video .video-control .arrow-quiz {
	cursor: pointer;
	width: 280px;
	height: 80px;
	border-radius: 40px;
	background-image: linear-gradient(74deg, #ff7345, #f73747);
	padding-left: 25px;
	padding-right: 20px;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox!important;
	display: flex!important;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.video .video-control .arrow-quiz img {
	width: 60px;
	height: 60px
}

@media (max-width:1199px) {
	.video .video-control .arrow-quiz {
		-ms-flex-align: unset;
		align-items: unset;
		height: 39px;
		width: 130px;
		padding-left: 5px;
		padding-right: 5px
	}
}

@media (max-width:1199px) {
	.video .video-control .arrow-quiz img {
		width: 25px;
		height: 25px
	}
}

.video .video-control .arrow-quiz .text-content {
	text-align: left
}

.video .video-control .arrow-quiz .text-content span {
	color: #fff;
	line-height: 1.04;
	font-family: SVN-Boing;
	font-size: 25px;
	font-weight: 700
}

@media (max-width:1199px) {
	.video .video-control .arrow-quiz .text-content span {
		font-size: 10px
	}
}

.video .video-control .arrow-quiz .arrow-blue {
	transform: rotate(180deg)
}

.video .video-control .arrow-video {
	position: relative;
	display: inline-block
}

.video .video-control .arrow-video.disabled-class {
	opacity: .6;
	cursor: not-allowed!important
}

.video .video-control .arrow-video__thumb {
	width: 130px;
	border-radius: 10px;
	border: 2px solid #8d4420
}

@media (max-width:1199px) {
	.video .video-control .arrow-video__thumb {
		width: 80px
	}
}

.video .video-control .arrow-video__arrow-left {
	width: 60px;
	position: absolute;
	top: calc(50% - 30px);
	left: -30px
}

@media (max-width:1199px) {
	.video .video-control .arrow-video__arrow-left {
		top: calc(50% - 20px);
		width: 40px;
		left: -20px
	}
}

.video .video-control .arrow-video__arrow-right {
	width: 60px;
	position: absolute;
	top: calc(50% - 30px);
	right: -30px
}

@media (max-width:1199px) {
	.video .video-control .arrow-video__arrow-right {
		top: calc(50% - 20px);
		width: 40px;
		right: -20px
	}
}

.video .video-control .control-btn {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.video .video-control .control-btn__play {
	margin: 0 40px
}

@media (max-width:1199px) {
	.video .video-control .control-btn__play {
		margin: 0 10px
	}
}

.video .video-control .control-btn__play img {
	width: 60px
}

@media (max-width:1199px) {
	.video .video-control .control-btn__play img {
		width: 30px
	}
}

.video .video-control .control-btn__volume img,
.video .video-control .control-btn__zoom img {
	width: 23px;
	height: 24px
}

@media (min-width:992px) and (max-width:1199px) {
	.list-lesson-duty .row>div:first-child {
		margin-bottom: 40px
	}
}

.pagination-line {
	margin-top: 20px
}

.pagination-line__item {
	display: inline-block;
	margin: 0 5px
}

@media (max-width:991px) {
	.pagination-line__item {
		margin: 0 2px
	}
}

.pagination-line__link {
	color: #666;
	font-weight: 600;
	display: inline-block;
	width: 40px;
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 50%;
	line-height: 40px
}

@media (max-width:320px) {
	.pagination-line__link {
		width: 30px;
		height: 30px;
		line-height: 30px
	}
}

.pagination-line__link.active,
.pagination-line__link:hover {
	background-color: #3bbdf9;
	border-color: #3bbdf9;
	color: #fff
}

.pagination-line__link.disabled {
	background-color: #ddd;
	cursor: not-allowed;
	pointer-events: auto!important
}

.pagination-line__link.disabled:hover {
	border: 1px solid #ddd;
	color: #666
}

.filter-panel {
	background: #fff;
	position: fixed;
	top: 0;
	right: -100%;
	z-index: 14;
	height: 100vh;
	width: calc(100% - 40px);
	padding: 30px 20px 0 60px;
	transition: all .5s ease;
	overflow: auto
}

@media (max-width:991px) {
	.filter-panel {
		padding: 30px 20px 0
	}
}

.filter-panel.desktop {
	position: static;
	height: auto;
	padding: 0
}

.filter-panel.desktop:after {
	display: none
}

.filter-panel.isShow {
	right: 0
}

.filter-panel__name {
	position: relative
}

.filter-panel__close {
	color: #999;
	font-weight: 400;
	font-size: 30px;
	position: absolute;
	right: 0;
	top: -5px
}

.filter-panel__checkbox {
	margin-right: 10px
}

.filter-panel__label {
	margin: 0;
	font-weight: 400;
	position: relative;
	top: -5px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.filter-panel__btn {
	margin: 10px 0 20px
}

.filter-panel__refresh {
	font-weight: 600;
	font-size: 16px;
	letter-spacing: .2px;
	color: #999;
	font-family: SVN-Boing, sans-serif
}

.filter-panel__refresh-image {
	margin-right: 10px;
	position: relative;
	top: -2px
}

.filter-panel .title-type {
	font-size: 14px;
	font-family: SVN-ProductSans, sans-serif;
	text-transform: uppercase;
	margin-bottom: 5px
}

.filter-panel .filter-as-category {
	margin: 20px 0
}

.filter-panel .filter-as-category .list-categories {
	max-height: 180px;
	overflow: auto
}

@media (max-width:991px) {
	.filter-panel .filter-as-category .list-categories {
		max-height: 100px
	}
}

.filter-panel .filter-as-category .list-categories .list-group-item {
	border: none;
	padding: 0;
	margin-bottom: 10px
}

.filter-panel .filter-as-category .list-categories .list-group-item.active {
	background: transparent
}

.filter-panel .filter-as-category .list-categories .list-group-item input {
	margin: 0
}

.filter-panel .filter-as-category .list-categories .list-group-item .text-tag {
	padding: 0;
	margin: 0 0 0 15px;
	font-weight: 400;
	position: relative;
	top: -5px
}

.filter-panel .filter-as-status {
	margin: 25px 0 20px
}

.btn-bai-kiem-tra {
	background-image: linear-gradient(80deg, #ff7345, #f73747), linear-gradient(180deg, #fffde3, #ffe0be);
	font-size: 18px;
	font-weight: 600;
	font-family: SVN-Boing, sans-serif;
	color: #fff!important;
	border-radius: 35px;
	width: 300px;
	padding: 13px 0;
	border: 4px solid #fffde3;
	text-transform: uppercase
}

.btn-bai-kiem-tra,
.DayPicker {
	display: inline-block
}

.DayPicker-wrapper {
	position: relative;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding-bottom: 1rem;
	-ms-flex-direction: row;
	flex-direction: row
}

.DayPicker-Months {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center
}

.DayPicker-Month {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 0 1rem;
	margin-top: 1rem
}

.DayPicker-NavButton {
	position: absolute;
	cursor: pointer;
	top: 1rem;
	right: 1.5rem;
	margin-top: 2px;
	color: #8b9898;
	width: 1.25rem;
	height: 1.25rem;
	display: inline-block;
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: 50%
}

.DayPicker-NavButton:hover {
	opacity: .8
}

.DayPicker-NavButton--prev {
	margin-right: 1.5rem;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC")
}

.DayPicker-NavButton--next {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==")
}

.DayPicker-NavButton--interactionDisabled {
	display: none
}

.DayPicker-Caption {
	padding: 0 .5rem;
	display: table-caption;
	text-align: left;
	margin-bottom: .5rem
}

.DayPicker-Caption>div {
	font-size: 1.15rem;
	font-weight: 500
}

.DayPicker-Weekdays {
	margin-top: 1rem;
	display: table-header-group
}

.DayPicker-WeekdaysRow {
	display: table-row
}

.DayPicker-Weekday {
	display: table-cell;
	padding: .5rem;
	font-size: .875em;
	text-align: center;
	color: #8b9898
}

.DayPicker-Weekday abbr[title] {
	border-bottom: none;
	text-decoration: none
}

.DayPicker-Body {
	display: table-row-group
}

.DayPicker-Week {
	display: table-row
}

.DayPicker-Day {
	text-align: center
}

.DayPicker-Day,
.DayPicker-WeekNumber {
	display: table-cell;
	padding: .5rem;
	cursor: pointer;
	vertical-align: middle
}

.DayPicker-WeekNumber {
	text-align: right;
	min-width: 1rem;
	font-size: .75em;
	color: #8b9898;
	border-right: 1px solid #eaecec
}

.DayPicker--interactionDisabled .DayPicker-Day {
	cursor: default
}

.DayPicker-Footer {
	padding-top: .5rem;
	text-align: center
}

.DayPicker-TodayButton {
	border: none;
	background-image: none;
	background-color: transparent;
	box-shadow: none;
	cursor: pointer;
	color: #3bbdf9;
	font-size: .875em
}

.DayPicker-Day--today {
	color: #d0021b;
	font-weight: 700
}

.DayPicker-Day--outside {
	cursor: default;
	color: #8b9898
}

.DayPicker-Day--disabled {
	color: #dce0e0;
	cursor: default
}

.DayPicker-Day--sunday {
	background-color: #f7f8f8
}

.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
	color: #dce0e0
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
	position: relative;
	color: #f0f8ff;
	background-color: #3bbdf9;
	border-radius: 100%
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
	background-color: #51a0fa
}

.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
	background-color: #f0f8ff;
	border-radius: 50%
}

.DayPickerInput-OverlayWrapper {
	position: relative
}

.DayPickerInput-Overlay {
	left: 0;
	bottom: 0;
	z-index: 1;
	position: absolute;
	background: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .15)
}

.dropdown-menu {
	border-radius: 15px;
	background-color: #fff;
	-o-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .3);
	position: relative
}

.dropdown-menu:after {
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	content: "";
	position: absolute;
	top: -7px;
	left: 0;
	right: 0;
	margin: auto
}

.dropdown-btn {
	border-radius: 18px;
	border: 2px solid #ddd;
	background-color: transparent
}

.courses-box-parents {
	border-radius: 15px;
	background-color: #fff;
	padding: 0 20px 20px;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (max-width:991px) {
	.courses-box-parents {
		position: relative;
		padding: 0 10px 10px
	}
	.courses-box-parents,
	.courses-box-parents:after {
		-o-box-shadow: 0 5px 10px 0 hsla(0, 0%, 87%, .2);
		box-shadow: 0 5px 10px 0 hsla(0, 0%, 87%, .2)
	}
	.courses-box-parents:after {
		content: "";
		display: inline-block;
		height: 16px;
		width: calc(100% - 30px);
		position: absolute;
		left: 15px;
		bottom: -7px;
		background-color: hsla(0, 0%, 100%, .64);
		border-radius: 10px
	}
}

@media (min-width:1200px) {
	.courses-box-parents:hover {
		-o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
		box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1)
	}
	.courses-box-parents:hover .enter-studying {
		transition: all .5s ease;
		bottom: 50%!important
	}
	.courses-box-parents:hover .bg-image:after {
		opacity: .7
	}
}

.courses-box-parents.livestream-box .study-imadiately__name-course {
	margin: 15px 0 7px
}

.courses-box-parents .bg-image {
	background-size: cover;
	background-position: 50%;
	border-radius: 15px 15px 0 0;
	width: calc(100% + 40px);
	overflow: hidden;
	margin-left: -20px;
	position: relative;
	padding-top: 56.25%
}

@media (max-width:991px) {
	.courses-box-parents .bg-image {
		width: calc(100% + 20px);
		margin-left: -10px;
		overflow: visible
	}
}

.courses-box-parents .bg-image:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	display: block;
	opacity: 0;
	transition: all .5s ease
}

@media (max-width:767px) {
	.courses-box-parents .bg-image {
		height: 95px
	}
}

.courses-box-parents .bg-image .courses-item__process {
	bottom: -7px;
	left: 10px;
	width: calc(100% - 20px);
	height: 14px
}

.courses-box-parents .bg-image .courses-item__process__bar {
	width: calc(100% - 10px);
	left: 5px;
	height: 6px
}

.courses-box-parents .bg-image .enter-studying {
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	border-radius: 30px;
	background-image: linear-gradient(78deg, #ff7345, #f73747);
	-o-box-shadow: 0 5px 20px 0 rgba(255, 115, 69, .2);
	box-shadow: 0 5px 20px 0 rgba(255, 115, 69, .2);
	display: inline-block;
	position: absolute;
	bottom: -25px;
	z-index: 2;
	transform: translateY(50%);
	left: 20px;
	text-align: center;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	width: calc(100% - 40px);
	line-height: 1;
	padding: 15px 0 13px
}

.courses-box-parents .bg-image .lifetime {
	background-image: linear-gradient(79deg, #3bbdf9, #4e8ff8)!important
}

.courses-box-parents .bg-image .expiry-date {
	position: absolute;
	top: 10px;
	left: 10px;
	border-radius: 14px;
	background-image: linear-gradient(80deg, #ff7345, #f73747);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: 5px 8px 5px 5px
}

@media (max-width:991px) {
	.courses-box-parents .bg-image .expiry-date {
		top: 5px;
		left: 5px
	}
}

.courses-box-parents .bg-image .expiry-date__icon {
	width: 18px;
	height: 18px;
	margin-right: 5px
}

.courses-box-parents .bg-image .expiry-date__elm {
	color: #fff;
	font-family: SVN-ProductSans;
	font-size: 12px
}

@media (max-width:991px) {
	.courses-box-parents .bg-image .expiry-date__elm .expiry-text {
		display: none
	}
}

.courses-box-parents .bg-image .heart {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 40px;
	height: 37px;
	cursor: pointer;
	z-index: 4
}

.courses-box-parents .bg-image .heart__elm {
	position: absolute;
	left: 0
}

.courses-box-parents .bg-image .heart__elm--full {
	width: 0;
	height: 0
}

.courses-box-parents .bg-image .heart.liked .heart__elm--full {
	width: auto;
	height: auto
}

.courses-box-parents .bg-image .livestream {
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	border-radius: 14px;
	display: inline-block;
	padding: 3px 15px 1px;
	position: absolute;
	top: 10px;
	left: 10px;
	font-weight: 600
}

@media (max-width:991px) {
	.courses-box-parents .bg-image .livestream {
		padding: 3px 2px 1px;
		top: auto;
		bottom: -13px;
		width: calc(100% - 20px)
	}
}

@media (max-width:320px) {
	.courses-box-parents .bg-image .livestream {
		font-size: 9px
	}
}

.courses-box-parents .bg-image .livestream--playing {
	background-image: linear-gradient(79deg, #ff7345, #f73747)
}

.courses-box-parents .bg-image .livestream--coming-end {
	background-color: hsla(0, 0%, 100%, .3)
}

.courses-box-parents .bg-image .livestream--watching {
	color: #fff;
	position: absolute;
	top: 5px;
	left: 10px
}

.courses-box-parents .bg-image .livestream--watching--eye {
	margin-right: 5px
}

.courses-box-parents .bg-image .livestream--not-yet-play {
	background-image: linear-gradient(78deg, #3bbdf9, #4e8ff8)
}

.courses-box-parents .bg-image .livestream__icon {
	margin-right: 5px;
	position: relative;
	top: -2px
}

.courses-box-parents .process-bar {
	height: 4px;
	background: #ddd;
	border-radius: 3px;
	position: relative
}

.courses-box-parents .process-bar__core {
	position: absolute;
	left: 0;
	top: -1px;
	height: calc(100% + 2px);
	background-image: linear-gradient(86deg, #3bbdf9, #4e8ff8);
	border-radius: 3px
}

.courses-box-parents .icon-gift {
	width: 100px;
	margin: 15px 0 -10px
}

.courses-box-parents__name-course {
	margin: 15px 0;
	display: inline-block;
	letter-spacing: .2px;
	font-weight: 600;
	-ms-flex: 1;
	flex: 1
}

@media (max-width:991px) {
	.courses-box-parents__name-course {
		text-align: center;
		font-family: SVN-Boing, sans-serif;
		transform: translateY(10px);
		margin: 5px 0 10px
	}
}

.courses-box-parents__link {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3
}

.courses-box-parents__amount-course {
	color: #999;
	letter-spacing: .2px;
	margin-top: 10px
}

.courses-box-parents__name-teacher {
	color: #999;
	letter-spacing: .2px;
	cursor: auto
}

.courses-box-parents__name-teacher:hover {
	color: #999
}

.courses-box-parents__viewer {
	color: #ff7345;
	font-weight: 600;
	letter-spacing: .2px
}

.courses-box-parents__viewer--image {
	margin-right: 5px
}

.courses-box-parents__viewer--time {
	color: #3bbdf9;
	font-weight: 600
}

.box-notify-finished-duty {
	border-radius: 10px;
	background-image: linear-gradient(73deg, #3bbdf9, #4e8ff8);
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
	position: fixed;
	z-index: 10;
	bottom: 20px;
	right: -100%;
	width: 100%;
	max-width: 500px;
	color: #fff;
	transition: all 1.5s ease;
	opacity: 0;
	visibility: hidden
}

@media (max-width:991px) {
	.box-notify-finished-duty {
		opacity: 1;
		visibility: visible;
		bottom: 15px;
		width: calc(100% - 30px)
	}
}

.box-notify-finished-duty.isShow {
	opacity: 1;
	visibility: visible;
	right: 20px
}

@media (max-width:991px) {
	.box-notify-finished-duty.isShow {
		right: 15px
	}
}

.box-notify-finished-duty.kids {
	background-image: linear-gradient(73deg, #ff7345, #f73747);
	border: 5px solid #fff
}

.box-notify-finished-duty__top {
	font-weight: 600;
	padding: 15px 30px;
	background-color: hsla(0, 0%, 100%, .2)
}

@media (max-width:991px) {
	.box-notify-finished-duty__top {
		padding: 10px
	}
}

.box-notify-finished-duty__img {
	margin-right: 20px;
	width: 30px
}

.box-notify-finished-duty__points {
	background-image: linear-gradient(68deg, #ff7345, #f73747);
	border-radius: 14px;
	padding: 2px 7px;
	margin-left: 10px
}

.box-notify-finished-duty__points.kids {
	background-color: #f8e71c;
	background-image: none;
	color: #333;
	font-weight: 700
}

.box-notify-finished-duty__contain {
	letter-spacing: .2px;
	padding: 20px 30px
}

@media (max-width:991px) {
	.box-notify-finished-duty__contain {
		padding: 10px
	}
}

.box-notify-finished-duty__close-btn {
	position: absolute;
	right: 15px;
	top: -7px;
	color: #fff;
	font-size: 40px
}

@media (max-width:991px) {
	.box-notify-finished-duty__close-btn {
		right: 10px
	}
}

.category-bar-kids {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.category-bar {
	margin-bottom: 25px
}

@media (max-width:991px) {
	.category-bar {
		margin-bottom: 0;
		background-color: #1d3575;
		position: relative;
		white-space: nowrap;
		width: calc(100% + 30px);
		margin-left: -15px
	}
}

.category-bar__nav {
	height: 40px;
	width: 100%;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:991px) {
	.category-bar.parents .category {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-ms-flex-align: center;
		align-items: center;
		width: 100%
	}
}

.category-bar.parents .category__item {
	margin-right: 30px
}

@media (max-width:1199px) {
	.category-bar.parents .category__item {
		margin-right: 0
	}
}

.category-bar.parents .category__item__img {
	background-color: transparent;
	width: 25px;
	height: 25px
}

.category-bar.parents .category__item__text {
	margin-left: 5px;
	top: -3px
}

.category-bar.parents .category__item__link {
	padding: 9px 30px;
	display: inline-block
}

@media (max-width:1199px) {
	.category-bar.kids .category {
		padding: 5px 15px;
		background-color: #1d3575
	}
	.category-bar.kids .category__item {
		margin-right: 20px
	}
	.category-bar.kids .category__item__img {
		width: 35px;
		height: 35px
	}
	.category-bar.kids .category__item__text {
		top: -8px
	}
}

@media (max-width:1199px) and (max-width:991px) {
	.category-bar.kids .category__item__text {
		top: -3px
	}
}

.category-bar .category-parent {
	background-image: linear-gradient(87deg, #3bbdf9, #4e8ff8);
	border-radius: 15px;
	padding: 5px 30px;
	position: relative;
	z-index: 1
}

@media (max-width:991px) {
	.category-bar .category-parent {
		background-image: none;
		overflow: initial;
		white-space: nowrap;
		padding: 0 0 5px
	}
}

@media (max-width:576px) {
	.category-bar .category-parent {
		width: calc(100% + 97px)
	}
}

@media (max-width:320px) {
	.category-bar .category-parent {
		width: calc(100% + 151px)
	}
}

.category-bar .category-parent__item {
	display: inline-block;
	vertical-align: middle;
	margin-right: 60px
}

.category-bar .category-parent__item:last-child {
	margin-right: 0
}

@media (max-width:1199px) {
	.category-bar .category-parent__item {
		margin-right: 0
	}
}

@media (max-width:991px) {
	.category-bar .category-parent__item {
		margin-right: 20px!important;
		position: relative;
		padding: 8px 5px 5px;
		top: 2px
	}
	.category-bar .category-parent__item:first-child {
		margin-left: 20px
	}
	.category-bar .category-parent__item:last-child {
		margin-right: 20px!important
	}
}

.category-bar .category-parent__item.active .category__item__link {
	background-image: linear-gradient(72deg, #ff7345, #f73747)
}

@media (max-width:991px) {
	.category-bar .category-parent__item.active .category__item__link {
		background-image: none
	}
}

@media (max-width:991px) {
	.category-bar .category-parent__item.active:after {
		display: inline-block
	}
	.category-bar .category-parent__item.active .category__item__text {
		color: #fff;
		font-weight: 600;
		font-family: SVN-Boing;
		font-size: 14px;
		opacity: 1
	}
}

.category-bar .category-parent__item__link {
	display: inline-block;
	vertical-align: middle;
	border-radius: 25px;
	padding: 0 20px 0 0;
	position: relative
}

@media (max-width:991px) {
	.category-bar .category-parent__item__link {
		padding: 0!important;
		border-radius: 0
	}
}

@media (min-width:1200px) {
	.category-bar .category-parent__item__link:hover {
		background-image: linear-gradient(72deg, #ff7345, #f73747)
	}
}

.category-bar .category-parent__item__img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #fff;
	position: relative;
	top: 3px;
	left: 3px;
	display: inline-block
}

@media (max-width:991px) {
	.category-bar .category-parent__item__img {
		display: none
	}
}

.category-bar .category-parent__item__img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.category-bar .category-parent__item__text {
	letter-spacing: .2px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	margin-left: 15px;
	font-family: SVN-Boing;
	position: relative;
	top: -13px
}

@media (max-width:991px) {
	.category-bar .category-parent__item__text {
		color: #fff;
		margin-left: 0!important;
		font-weight: 600;
		top: -3px;
		opacity: .8;
		font-family: SVN-Boing;
		font-size: 14px
	}
}

.category-bar .category {
	background-image: linear-gradient(87deg, #3bbdf9, #4e8ff8);
	border-radius: 15px;
	padding: 5px 30px;
	position: relative;
	z-index: 1
}

@media (max-width:991px) {
	.category-bar .category {
		background-image: none;
		overflow: initial;
		white-space: nowrap;
		padding: 0 0 5px
	}
}

@media (max-width:576px) {
	.category-bar .category {
		width: calc(100% + 97px)
	}
}

@media (max-width:320px) {
	.category-bar .category {
		width: calc(100% + 151px)
	}
}

.category-bar .category__item {
	display: inline-block;
	vertical-align: middle;
	margin-right: 60px
}

.category-bar .category__item:last-child {
	margin-right: 0
}

@media (max-width:991px) {
	.category-bar .category__item {
		margin-right: 20px!important;
		position: relative;
		padding: 8px 5px 5px
	}
	.category-bar .category__item:first-child {
		margin-left: 20px
	}
	.category-bar .category__item:last-child {
		margin-right: 20px!important
	}
}

@media (max-width:991px) {
	.category-bar .category__item.active {
		background-image: linear-gradient(74deg, #ff7345, #f73747);
		border-radius: 16px;
		width: 115px;
		height: 32px;
		text-align: center
	}
}

.category-bar .category__item.active .category__item__link {
	background-image: linear-gradient(72deg, #ff7345, #f73747)
}

@media (max-width:991px) {
	.category-bar .category__item.active .category__item__link {
		background-image: none
	}
}

@media (max-width:991px) {
	.category-bar .category__item.active:after {
		display: none
	}
	.category-bar .category__item.active .category__item__text {
		color: #fff;
		font-weight: 600;
		font-family: SVN-Boing;
		font-size: 14px;
		opacity: 1
	}
}

.category-bar .category__item__link {
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	border-radius: 25px;
	padding: 0 20px 0 0;
	position: relative
}

@media (max-width:991px) {
	.category-bar .category__item__link {
		padding: 0!important;
		border-radius: 0
	}
}

@media (min-width:1200px) {
	.category-bar .category__item__link:hover {
		background-image: linear-gradient(72deg, #ff7345, #f73747)
	}
}

.category-bar .category__item__img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #fff;
	position: relative;
	top: 3px;
	left: 3px;
	display: inline-block
}

@media (max-width:991px) {
	.category-bar .category__item__img {
		display: none
	}
}

.category-bar .category__item__img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.category-bar .category__item__text {
	letter-spacing: .2px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	margin-left: 15px;
	position: relative;
	top: -13px
}

@media (max-width:991px) {
	.category-bar .category__item__text {
		color: #fff;
		margin-left: 0!important;
		top: -3px;
		opacity: .3;
		font-family: SVN-Boing;
		font-size: 14px;
		font-weight: 600
	}
}

.category-bar .sub-category {
	border-radius: 15px;
	background-color: #fff;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
	padding: 30px 35px 15px;
	margin-top: -15px
}

.category-bar .sub-category__item {
	display: inline-block;
	margin-right: 85px
}

@media (max-width:1199px) {
	.category-bar .sub-category__item {
		margin-right: 45px
	}
}

.category-bar .sub-category__item.active a {
	color: #ff7345
}

.category-bar .sub-category__item.active a:after {
	display: block
}

.category-bar .sub-category__item a {
	color: #666;
	font-weight: 600;
	font-size: 16px;
	position: relative;
	overflow: visible
}

@media (max-width:1199px) {
	.category-bar .sub-category__item a {
		font-size: 14px
	}
}

.category-bar .sub-category__item a:hover {
	color: #ff7345
}

.category-bar .sub-category__item a:after {
	content: "";
	width: 30px;
	height: 4px;
	border-radius: 3.5px;
	background-image: linear-gradient(82deg, #ff7345, #f73747);
	position: absolute;
	bottom: -18px;
	left: 50%;
	transform: translateX(-50%);
	display: none;
	opacity: 1;
	top: auto
}

.category-bar .category-desktop-kids {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.category-bar .category-desktop-kids .icon-home {
	width: 64px;
	height: 64px;
	margin-right: 15px
}

.category-bar .category-desktop-kids .category-left {
	display: -ms-flexbox;
	display: flex
}

.category-bar .category-desktop-kids .category-name {
	letter-spacing: .23px;
	color: #fff;
	opacity: .7;
	font-family: SVN-ProductSans;
	font-size: 16px
}

.category-bar .category-desktop-kids .subCategory-name {
	letter-spacing: .51px;
	color: #fff;
	font-family: SVN-Boing;
	font-size: 36px;
	font-weight: 600;
	margin-top: -5px
}

.wrapper-sub-category-mb .sub-category-mb {
	display: -ms-flexbox;
	display: flex;
	overflow: auto;
	padding-bottom: 15px;
	border-radius: 0 0 0 10px;
	width: calc(100% + 30px);
	margin-left: -15px
}

.wrapper-sub-category-mb .sub-category-mb__item {
	display: inline-block;
	-ms-flex: none;
	flex: none;
	margin-right: 10px;
	width: 29.33%
}

@media (max-width:991px) {
	.wrapper-sub-category-mb .sub-category-mb__item {
		line-height: 1.2;
		width: auto
	}
}

.wrapper-sub-category-mb .sub-category-mb__item:last-child {
	margin-right: 0
}

.wrapper-sub-category-mb .sub-category-mb__item.active .sub-category-mb__link {
	background-image: linear-gradient(58deg, #ff7345, #f73747);
	-o-box-shadow: 0 0 20px 0 rgba(255, 115, 69, .3);
	box-shadow: 0 0 20px 0 rgba(255, 115, 69, .3)
}

.wrapper-sub-category-mb .sub-category-mb__link {
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 20px 0;
	background-image: linear-gradient(58deg, #3bbdf9, #4e8ff8);
	letter-spacing: .2px!important;
	color: #fff!important;
	border-radius: 10px;
	font-size: 14px!important
}

@media (max-width:991px) {
	.wrapper-sub-category-mb .sub-category-mb__link {
		padding: 10px;
		white-space: normal;
		max-width: 105px;
		height: 100%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

@media (max-width:320px) {
	.wrapper-sub-category-mb .sub-category-mb__link {
		font-size: 12px
	}
}

.wrapper-sub-category-mb .sub-category-mb-tl {
	width: calc(100% + 30px);
	margin-left: -15px;
	height: 60px;
	padding: 7px 15px 3px
}

.wrapper-sub-category-mb .sub-category-mb-tl__wrapper-left {
	float: left;
	display: -ms-flexbox;
	display: flex
}

.wrapper-sub-category-mb .sub-category-mb-tl__icon-home {
	width: 40px;
	height: 40px;
	margin: 3px 10px 0 0;
	cursor: pointer
}

.wrapper-sub-category-mb .sub-category-mb-tl__title {
	color: #fff;
	opacity: .6;
	font-family: SVN-Boing;
	font-size: 14px
}

.wrapper-sub-category-mb .sub-category-mb-tl__selectedSub {
	font-family: SVN-Boing;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: .3px;
	color: #fff;
	margin-top: -5px
}

.wrapper-sub-category-mb .sub-category-mb-tl__button {
	cursor: pointer;
	float: right;
	width: 100px;
	height: 38px;
	border-radius: 5px;
	border: 2px solid #f8616b;
	text-align: center;
	margin-top: 5px
}

.wrapper-sub-category-mb .sub-category-mb-tl__button__text {
	text-align: center;
	color: #fff;
	font-family: SVN-Boing;
	font-size: 14px;
	font-weight: 600;
	margin-top: 7px
}

.wrapper-sub-category-mb .sub-category-mb-tl__pannel {
	background-color: #fff;
	position: absolute;
	top: 0;
	width: calc(100% + 30px);
	margin-left: -15px;
	height: 0;
	-webkit-transition: height .5s;
	z-index: 4;
	overflow: hidden
}

.wrapper-sub-category-mb .sub-category-mb-tl__pannel.isShow {
	height: 240px;
	overflow: hidden
}

.wrapper-sub-category-mb .sub-category-mb-tl__pannel__form {
	display: "flex";
	-ms-flex-direction: "column";
	flex-direction: "column";
	margin-left: 15px
}

.wrapper-sub-category-mb .sub-category-mb-tl__pannel__form .form__wrapper {
	margin-top: 20px
}

.wrapper-sub-category-mb .sub-category-mb-tl__pannel__form .form__label {
	position: absolute;
	margin-left: 10px;
	cursor: pointer
}

.wrapper-sub-category-mb .sub-category-mb-tl__pannel__form .form__label.active {
	color: #50ad4e;
	font-weight: 700
}

@media (min-width:992px) and (max-width:1199px) {
	.category-bar .sub-category__item {
		margin-right: 37px
	}
}

@media (min-width:1200px) and (max-width:1440px) {
	.category-bar .sub-category__item {
		margin-right: 74px
	}
}

.btn.show-loading .tag-text {
	transition: all .5s ease;
	left: -30px
}

@media (max-width:767px) {
	.btn.show-loading .tag-text {
		left: -15px
	}
}

.btn.show-loading .tag-text .icon-loading {
	display: inline-block!important
}

.btn .tag-text {
	position: relative;
	left: 0
}

.btn .tag-text .icon-loading {
	animation: loading-spin 1s infinite;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: none;
	position: absolute;
	right: -35px;
	line-height: 1
}

.btn .tag-text .icon-loading:after {
	border-radius: 50%;
	border-style: solid;
	-webkit-background-clip: padding-box;
	box-sizing: border-box;
	border-width: .15em;
	border-color: currentColor currentColor currentColor transparent;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	display: inline-block;
	background: 50% no-repeat;
	background-size: cover
}

.my-gift-card {
	padding: 25px 30px 30px
}

@media (max-width:1199px) {
	.my-gift-card {
		padding: 20px 15px
	}
}

.my-gift-card__header {
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 18px
}

.my-gift-card__body {
	padding: 0;
	margin: 20px 0
}

.my-gift-card__text-info {
	font-size: 14px;
	letter-spacing: .2px;
	color: #666;
	margin-bottom: 10px
}

.my-gift-card__text-info:last-child {
	margin-bottom: 0
}

.my-gift-card__text-info--status {
	color: #50ad4e
}

.my-gift-card__text-info--expired {
	color: #ff5965
}

.my-gift-card__text-info--text-right {
	color: #333
}

.my-gift-card .gift-btn {
	text-transform: uppercase
}

.my-gift-card .gift-btn--disabled {
	color: #999!important
}

.form__btn {
	color: #fff!important;
	text-transform: uppercase;
	font-size: 18px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	line-height: 1;
	padding: 17px 0 15px!important;
	outline: none
}

.form__btn,
.form__btn--orange {
	border-radius: 30px;
	width: 100%;
	border: none
}

.form__btn--orange {
	background-image: linear-gradient(83deg, #ff7345, #f73747);
	-o-box-shadow: 0 5px 20px 0 rgba(255, 115, 69, .2)!important;
	box-shadow: 0 5px 20px 0 rgba(255, 115, 69, .2)!important
}

@media (max-width:767px) {
	.form__btn {
		font-size: 16px
	}
}

label {
	letter-spacing: .2px;
	font-weight: 600;
	margin-bottom: 10px
}

label span {
	color: #ff7345
}

.form-group__notification,
.message-error {
	margin-top: 5px;
	text-align: left;
	color: #ff5965;
	letter-spacing: .2px;
	display: none
}

.form-group__notification--success,
.message-error--success {
	color: #69c300!important
}

.form-group__notification.payment-noti,
.message-error.payment-noti {
	position: relative;
	top: -20px
}

.has-server-error {
	color: #ff5965;
	letter-spacing: .2px;
	font-weight: 600;
	border-radius: 4px;
	background-color: rgba(255, 89, 101, .1);
	border: 1px solid #ff5965;
	padding: 13px;
	margin: 10px auto;
	display: none
}

.has-server-error.limit-width {
	max-width: 450px
}

@media (max-width:767px) {
	.has-server-error.limit-width {
		max-width: none
	}
}

@media (min-width:991px) {
	::-webkit-scrollbar {
		width: 4px!important;
		height: 4px
	}
	::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
		border-radius: 10px
	}
	::-webkit-scrollbar-thumb {
		border-radius: 10px;
		background: #a9a9a9;
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
	}
	::-webkit-scrollbar:horizontal {
		width: 4px!important;
		height: 4px
	}
	::-webkit-scrollbar-thumb:horizontal,
	::-webkit-scrollbar-track:horizontal {
		-webkit-box-shadow: inset 0 0 6px transparent;
		border-radius: 10px
	}
	::-webkit-scrollbar-thumb:horizontal {
		background: transparent
	}
	.category-filter__tag::-webkit-scrollbar:horizontal {
		width: 4px!important;
		height: 4px
	}
	.category-filter__tag::-webkit-scrollbar-track:horizontal {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
		border-radius: 10px
	}
	.category-filter__tag::-webkit-scrollbar-thumb:horizontal {
		border-radius: 10px;
		background: #a9a9a9;
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
	}
}

.loading {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #141414;
	opacity: .9;
	display: none
}

.loading__img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 250px
}

.loading-icon {
	width: 50px;
	height: 50px;
	position: relative
}

.loading-icon:after,
.loading-icon:before {
	background-color: #f73747
}

.loading-icon-start:after,
.loading-icon-start:before {
	background-color: #0098db!important
}

.mapping-correct-answer:after,
.mapping-correct-answer:before {
	background-color: #64be00!important
}

.loading-icon:after,
.loading-icon:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	animation: loading-frame 2s infinite ease-in-out
}

.loading-icon:after {
	animation-delay: -1s
}

.leader-line {
	z-index: 5
}

.close-icon {
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	background-image: linear-gradient(45deg, #ff7345, #f73747);
	border-radius: 50%;
	border: 3px solid #ffe0be;
	cursor: pointer;
	transform: scale(1);
	transition: all .2s ease-in-out
}

.close-icon:hover {
	background-color: red;
	transform: scale(1.1)
}

.close-icon__text {
	color: #fff
}

::-webkit-input-placeholder {
	color: #999;
	font-size: 16px;
	letter-spacing: .2px;
	font-family: SVN-ProductSans, sans-serif
}

::-moz-placeholder {
	color: #999;
	font-size: 16px;
	letter-spacing: .2px;
	font-family: SVN-ProductSans, sans-serif
}

:-ms-input-placeholder {
	color: #999;
	font-size: 16px;
	letter-spacing: .2px;
	font-family: SVN-ProductSans, sans-serif
}

:-moz-placeholder {
	color: #999;
	font-size: 16px;
	letter-spacing: .2px;
	font-family: SVN-ProductSans, sans-serif
}

#header ::-webkit-input-placeholder,
#payment-page .payment .promotion-code ::-webkit-input-placeholder {
	font-size: 14px
}

@media (max-width:1199px) {
	#header ::-webkit-input-placeholder,
	#payment-page .payment .promotion-code ::-webkit-input-placeholder {
		font-size: 12px
	}
}

#header ::-moz-placeholder,
#payment-page .payment .promotion-code ::-moz-placeholder {
	font-size: 14px
}

@media (max-width:1199px) {
	#header ::-moz-placeholder,
	#payment-page .payment .promotion-code ::-moz-placeholder {
		font-size: 12px
	}
}

#header :-ms-input-placeholder,
#payment-page .payment .promotion-code :-ms-input-placeholder {
	font-size: 14px
}

@media (max-width:1199px) {
	#header :-ms-input-placeholder,
	#payment-page .payment .promotion-code :-ms-input-placeholder {
		font-size: 12px
	}
}

#header :-moz-placeholder,
#payment-page .payment .promotion-code :-moz-placeholder {
	font-size: 14px
}

@media (max-width:1199px) {
	#header :-moz-placeholder,
	#payment-page .payment .promotion-code :-moz-placeholder {
		font-size: 12px
	}
}

.chat ::-webkit-input-placeholder,
.info-payment ::-webkit-input-placeholder {
	font-size: 14px;
	font-style: normal
}

.chat ::-moz-placeholder,
.info-payment ::-moz-placeholder {
	font-size: 14px;
	font-style: normal
}

.chat :-ms-input-placeholder,
.info-payment :-ms-input-placeholder {
	font-size: 14px;
	font-style: normal
}

.chat :-moz-placeholder,
.info-payment :-moz-placeholder {
	font-size: 14px;
	font-style: normal
}

@media (max-width:320px) {
	#dashboard-bao-cao-page .activities-mb .content-report ::-webkit-input-placeholder {
		font-size: 12px
	}
	#dashboard-bao-cao-page .activities-mb .content-report ::-moz-placeholder {
		font-size: 12px
	}
	#dashboard-bao-cao-page .activities-mb .content-report :-ms-input-placeholder {
		font-size: 12px
	}
	#dashboard-bao-cao-page .activities-mb .content-report :-moz-placeholder {
		font-size: 12px
	}
}

#confirm-account-page ::-webkit-input-placeholder {
	color: #ddd;
	font-weight: 700;
	font-family: SVN-Boing, sans-serif;
	letter-spacing: .4px;
	text-align: center;
	text-transform: uppercase;
	font-size: 30px
}

#confirm-account-page ::-moz-placeholder {
	color: #ddd;
	font-weight: 700;
	font-family: SVN-Boing, sans-serif;
	letter-spacing: .4px;
	text-align: center;
	text-transform: uppercase;
	font-size: 30px
}

#confirm-account-page :-ms-input-placeholder {
	color: #ddd;
	font-weight: 700;
	font-family: SVN-Boing, sans-serif;
	letter-spacing: .4px;
	text-align: center;
	text-transform: uppercase;
	font-size: 30px
}

#confirm-account-page :-moz-placeholder {
	color: #ddd;
	font-weight: 700;
	font-family: SVN-Boing, sans-serif;
	letter-spacing: .4px;
	text-align: center;
	text-transform: uppercase;
	font-size: 30px
}

.video_wrapper {
	border: 8px solid #fff;
	border-radius: 15px;
	margin: 0 auto;
	position: relative
}

.video_wrapper.has-padding,
.video_wrapper.video_h5p {
	padding-bottom: 56.25%;
	background-color: #000
}

@media (max-width:991px) {
	.video_wrapper {
		border-radius: 0
	}
}

@media (min-width:992px) {
	.video_wrapper .video-background {
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-border-video.png);
		background-size: 100% 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
		pointer-events: none
	}
}

.video-wrapper-custom {
	width: 100%;
	height: 50%;
	border: none;
	padding: 2% 7%
}

.video-iframe-style {
	width: 100%;
	height: 100%
}

.video-iframe-wrapper-style {
	overflow: hidden;
	width: 100%;
	height: 100%;
	max-width: 800px
}

.videoIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.videoIframeNoneBorder {
	border: none!important
}

.videoPoster {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: 50%;
	border: none;
	text-indent: -999em;
	overflow: hidden;
	opacity: 1;
	transition: opacity .8s, height 0s;
	transition-delay: 0s, 0s
}

.videoPoster,
.videoPoster:before {
	position: absolute;
	background-size: cover
}

.videoPoster:before {
	content: "";
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjIiIGhlaWdodD0iMTYyIiB2aWV3Qm94PSIwIDAgMTYyIDE2MiI+CiAgICA8ZGVmcz4KICAgICAgICA8ZmlsdGVyIGlkPSJhIiB3aWR0aD0iMTYwLjIlIiBoZWlnaHQ9IjE2MC4yJSIgeD0iLTMwLjElIiB5PSItMjUuOCUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+CiAgICAgICAgICAgIDxmZU9mZnNldCBkeT0iNSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIiBzdGREZXZpYXRpb249IjEwIi8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJzaGFkb3dCbHVyT3V0ZXIxIiByZXN1bHQ9InNoYWRvd01hdHJpeE91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAuOTYxNzEwOTg5IDAgMCAwIDAgMC42NTAzNjczMiAwIDAgMCAwIDAuMTM4NTQyMjk1IDAgMCAwIDEgMCIvPgogICAgICAgICAgICA8ZmVNZXJnZT4KICAgICAgICAgICAgICAgIDxmZU1lcmdlTm9kZSBpbj0ic2hhZG93TWF0cml4T3V0ZXIxIi8+CiAgICAgICAgICAgICAgICA8ZmVNZXJnZU5vZGUgaW49IlNvdXJjZUdyYXBoaWMiLz4KICAgICAgICAgICAgPC9mZU1lcmdlPgogICAgICAgIDwvZmlsdGVyPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJub256ZXJvIiBmaWx0ZXI9InVybCgjYSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyIDE3KSI+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGQUYyQyIgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjUiIGQ9Ik0xMDUuMTIzIDEwNi45MjljLTE4LjA4IDE0Ljc2MS03NC41MzQgMTQuNzYxLTkyLjI0NiAwLTE4LjA4LTE0Ljc2Mi0xNi4yMzUtNzcuODY3IDAtOTQuNDc0IDE2LjIzNi0xNi42MDcgNzYuMDEtMTYuNjA3IDkyLjI0NiAwIDE2LjIzNSAxNi42MDcgMTguMDggNzkuNzEzIDAgOTQuNDc0eiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik01OS41ODkgODEuMjQzYy0xNi4yNzQgMTIuOTEyLTM0LjM5NyAxOS41NTMtNTEuNDEgMTkuOTIxLTEyLjU3Ni0yMS4zOTYtOS45ODctNzMuNDEzIDQuODA4LTg4LjUzOEMyNi4zLTEuMDI0IDY4LjA5NS0zLjYwNiA5Mi4xMzYgNC44OGM1LjkxOCAyNC4zNDgtNi4yODggNTUuMzM2LTMyLjU0NyA3Ni4zNjR6IiBvcGFjaXR5PSIuMiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik00OS4xOCAzMS4yNTZsMzcuMDg1IDIzLjcyOGMzLjMwNSAxLjgyNiAzLjMwNSA1Ljg0MSAwIDguMDMyTDQ5LjE4IDg2Ljc0NGMtNC4wMzggMi41NTUtOS4xOCAwLTkuMTgtNC4wMTZWMzUuMjcyYy0uMzY2LTQuMDE2IDUuMTQxLTYuNTcxIDkuMTgtNC4wMTZ6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 120px;
	height: 120px;
	transition: border-color .3s
}

@media (max-width:991px) {
	.videoPoster:before {
		width: 60px;
		height: 60px
	}
}

.videoPoster:hover {
	cursor: pointer
}

.videoPoster:focus:before,
.videoPoster:hover:before {
	border-color: red
}

.videoPoster:focus:after,
.videoPoster:hover:after {
	border-left-color: red
}

.videoWrapperActive .videoPoster {
	opacity: 0;
	height: 0;
	transition-delay: 0s, .8s
}

.table {
	width: 70%!important;
	margin: auto;
	color: #fff;
	font-size: 18px;
	letter-spacing: .2px
}

.table thead tr th {
	border-top: none!important;
	font-weight: 400;
	padding: 0 20px 20px
}

.table thead tr th:first-child {
	padding-left: 0
}

.table thead tr th:nth-child(2) {
	text-align: center
}

.table thead tr th:last-child {
	padding-right: 0;
	text-align: right
}

.table tbody tr td {
	border-top: none!important;
	padding: 20px
}

.table tbody tr td:first-child {
	padding-left: 0
}

.table tbody tr td:nth-child(2) {
	text-align: center;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	letter-spacing: .4px;
	font-size: 35px;
	line-height: 1;
	padding-top: 15px
}

.table tbody tr td:last-child {
	padding-right: 0;
	text-align: right;
	font-weight: 600;
	text-decoration: underline;
	cursor: pointer
}

.checked-icon {
	display: inline-block;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: #50ad4e;
	position: relative
}

.checked-icon:after {
	content: "";
	width: 7px;
	height: 11px;
	display: inline-block;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	position: absolute;
	top: 4px;
	left: 8px;
	transform: rotate(45deg)
}

.text-title {
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	color: #fff;
	font-size: 35px
}

@media (max-width:991px) {
	.text-title {
		font-size: 25px;
		line-height: 1.2
	}
}

.text-title.title-search {
	color: #333;
	margin: 35px 0 20px!important
}

@media (max-width:991px) {
	.text-title.title-search {
		margin-top: 0!important
	}
}

.text-title.title-search span {
	color: #ed2f3f
}

.text-title-parent {
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	color: #3bbdf9;
	font-size: 35px
}

@media (max-width:991px) {
	.text-title-parent {
		font-size: 25px;
		line-height: 1.2
	}
}

.text-title-parent.title-search {
	color: #333;
	margin: 35px 0 20px!important
}

@media (max-width:991px) {
	.text-title-parent.title-search {
		margin-top: 0!important
	}
}

.text-title-parent.title-search span {
	color: #ed2f3f
}

#positionFixed {
	padding-top: 80px
}

#positionFixed img {
	max-width: 100%;
	cursor: pointer
}

#positionFixed .modal-dialog {
	max-width: 835px
}

#positionFixed .modal-dialog .close {
	position: absolute;
	top: -10px;
	right: -10px;
	background-color: #fff;
	opacity: 1;
	border-radius: 99px
}

#topbar {
	position: relative
}

#topbar .close-btn {
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center
}

#topbar .close-btn img {
	width: 15px
}

#topbar-learning {
	margin-top: -10px;
	margin-bottom: 20px;
	position: relative
}

#topbar-learning .close-btn {
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center
}

#topbar-learning .close-btn img {
	width: 15px
}

.modal-success-lp-visitor {
	background-color: rgba(64, 192, 251, .2)!important
}

.modal-success-lp-visitor .modal-dialog {
	max-width: 795px
}

@media (max-width:768px) {
	.modal-success-lp-visitor .modal-dialog {
		max-width: 730px;
		margin-top: 150px
	}
}

@media (max-width:540px) {
	.modal-success-lp-visitor .modal-dialog {
		max-width: 310px;
		margin: 0 auto;
		margin-top: 150px
	}
}

.modal-success-lp-visitor .modal-dialog .modal-content {
	border-radius: 40px
}

.modal-success-lp-visitor .modal-dialog .modal-body {
	padding: 40px 60px
}

@media (max-width:768px) {
	.modal-success-lp-visitor .modal-dialog .modal-body {
		padding: 100px 60px 40px
	}
}

@media (max-width:540px) {
	.modal-success-lp-visitor .modal-dialog .modal-body {
		padding: 35px 20px 20px
	}
}

.modal-success-lp-visitor .modal-dialog .modal-body img {
	margin-top: 40px
}

@media (max-width:768px) {
	.modal-success-lp-visitor .modal-dialog .modal-body img {
		position: absolute;
		top: -225px;
		left: 50%;
		transform: translateX(-50%);
		width: 150px
	}
}

@media (max-width:540px) {
	.modal-success-lp-visitor .modal-dialog .modal-body img {
		width: 80px;
		top: -150px
	}
}

.modal-success-lp-visitor .modal-dialog .modal-body .close {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/close-button-kyna4kids.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	width: 30px;
	height: 30px;
	color: transparent;
	right: -45px;
	opacity: 1;
	top: -140px
}

@media (max-width:540px) {
	.modal-success-lp-visitor .modal-dialog .modal-body .close {
		right: -8px;
		opacity: 1;
		top: -65px
	}
}

.modal-success-lp-visitor .modal-dialog .modal-body .close span {
	display: none
}

.modal-success-lp-visitor .modal-dialog .modal-body .modal-text {
	text-align: center
}

.modal-success-lp-visitor .modal-dialog .modal-body .modal-text h3 {
	font-size: 25px;
	font-weight: 600;
	color: #0059b3;
	font-family: SVN-Boing
}

@media (max-width:540px) {
	.modal-success-lp-visitor .modal-dialog .modal-body .modal-text h3 {
		font-size: 20px
	}
}

.modal-success-lp-visitor .modal-dialog .modal-body .modal-text h4 {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	color: #0059b3;
	padding: 10px 0 5px
}

@media (max-width:540px) {
	.modal-success-lp-visitor .modal-dialog .modal-body .modal-text h4 {
		font-size: 14px
	}
}

.modal-success-lp-visitor .modal-dialog .modal-body .modal-text p {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	color: #333;
	font-family: SanFranciscoText, sans-serif
}

@media (max-width:540px) {
	.modal-success-lp-visitor .modal-dialog .modal-body .modal-text p {
		font-size: 12px
	}
}

.modal-success-lp-visitor .modal-dialog .modal-body .modal-text .gift {
	background-color: #0059b3;
	padding: 6px 15px;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	border-radius: 10px;
	margin: 10px 0 25px;
	font-family: SVN-Boing
}

@media (max-width:540px) {
	.modal-success-lp-visitor .modal-dialog .modal-body .modal-text .gift {
		font-size: 16px;
		margin: 10px 0 20px
	}
}

.modal-success-lp-visitor .modal-dialog .modal-body .modal-text .gift span {
	font-size: 25px;
	font-weight: 700;
	padding: 0 3px
}

@media (max-width:540px) {
	.modal-success-lp-visitor .modal-dialog .modal-body .modal-text .gift span {
		font-size: 20px
	}
}

.modal-success-lp-visitor .modal-dialog .modal-body .modal-text .cta button {
	margin: 0 10px
}

@media (max-width:540px) {
	.modal-success-lp-visitor .modal-dialog .modal-body .modal-text .cta button {
		font-size: 18px;
		width: 100%;
		margin: 0
	}
}

.videoIframe,
.videoPoster {
	background-color: transparent
}

.videoIframeShow {
	opacity: 1!important
}

.btn-visitor-login {
	border-radius: 25px;
	border: 2px solid #0059b3;
	background-color: transparent;
	color: #0059b3!important;
	padding: 8px 30px;
	font-weight: 600;
	box-sizing: border-box
}

.btn-visitor-login:hover {
	box-shadow: none!important;
	background-color: #0059b3;
	color: #fff!important
}

.btn-visitor-radian {
	border-radius: 25px;
	background-color: transparent;
	background-image: linear-gradient(72deg, #ff7345, #f73747);
	color: #fff!important;
	padding: 10px 30px;
	font-weight: 600
}

.btn-visitor-radian:active {
	background-image: linear-gradient(72deg, #ff7345, #f73747)!important
}

.visitor-none-bg {
	background-color: #f4f9ff;
	background-image: none!important
}

.visitor {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-sky.png);
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% auto;
	font-size: 20px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	font-family: SVN-Boing
}

@media (max-width:992px) {
	.visitor {
		background-image: none;
		background-color: #3bbdf9
	}
}

@media (max-width:720px) {
	.visitor {
		font-size: 14px;
		overflow: hidden
	}
}

.visitor .video-shadow {
	box-shadow: 0 10px 30px rgba(0, 0, 0, .4);
	border-radius: 40px;
	overflow: hidden
}

@media (max-width:540px) {
	.visitor .video-shadow {
		border-radius: 25px;
		box-shadow: 0 5px 30px rgba(0, 0, 0, .4)
	}
}

.visitor .container {
	max-width: 1170px
}

.visitor .checkout-header {
	padding: 15px 10px
}

.visitor p {
	line-height: 1.33
}

@media (max-width:992px) {
	.visitor .group-list-course {
		float: left;
		max-width: 208px
	}
}

.visitor .video_wrapper {
	border: none;
	background: transparent
}

.visitor .video_wrapper iframe {
	background-color: transparent;
	opacity: 0
}

.visitor .video_wrapper #videoIframe {
	background-color: transparent
}

.visitor .visitor-comment-fb {
	background-color: #fff;
	padding: 20px 0;
	width: 100%
}

.visitor .show-loading .tag-text {
	padding-left: 35px
}

@media (max-width:540px) {
	.visitor .show-loading .tag-text {
		padding-left: 5px
	}
}

.visitor .error-payment-visitor {
	background-color: #ffe3e3;
	color: #ff5965;
	max-width: 590px!important
}

@media (max-width:768px) {
	.visitor .error-payment-visitor {
		max-width: 738px!important;
		margin-left: 15px!important
	}
}

.visitor .error-payment-visitor-right {
	float: right;
	width: 100%
}

.visitor .error-payment-mobile {
	width: 90%
}

.visitor .container-outside {
	max-width: 1295px;
	width: 100%;
	margin-right: auto;
	margin-left: auto
}

.visitor .btn-radian {
	border-radius: 25px;
	background-color: transparent;
	background-image: linear-gradient(72deg, #ff7345, #f73747);
	color: #fff!important;
	padding: 10px 30px;
	font-weight: 600;
	border: none
}

.visitor .btn-radian:active {
	background-image: linear-gradient(72deg, #ff7345, #f73747)!important
}

.visitor .btn-radian-blue {
	background-image: linear-gradient(77deg, #3bbdf9, #4e8ff8)
}

.visitor .btn-radian-blue:active {
	background-image: linear-gradient(77deg, #3bbdf9, #4e8ff8)!important
}

.visitor .sticky-visitor-navbar {
	position: fixed;
	top: 20px;
	z-index: 1000;
	width: 100%;
	max-width: 1140px
}

@media (max-width:1140px) {
	.visitor .sticky-visitor-navbar {
		max-width: 995px
	}
}

.visitor .sp-navbar-- #topbar {
	display: none
}

.visitor .sticky-sp-navbar {
	position: fixed;
	top: 0;
	z-index: 1000;
	width: 100%
}

.visitor .sticky-sp-navbar #topbar {
	display: block!important
}

.visitor .nav-lp {
	background-color: #3bbdf9;
	box-shadow: 0 3px 10px 0 #3989dd;
	padding: 8px 0;
	display: none
}

.visitor .nav-lp ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.visitor .nav-lp .logo {
	width: 200px
}

@media (max-width:540px) {
	.visitor .nav-lp .logo {
		width: 102px;
		position: relative;
		top: 8px
	}
}

@media (max-width:540px) {
	.visitor .nav-lp .btn-radian {
		font-size: 18px;
		padding: 7px 15px
	}
}

.visitor .nav-lp .nav-button li {
	padding: 15px 50px
}

@media (max-width:1140px) {
	.visitor .nav-lp .nav-button li {
		padding: 15px 35px
	}
}

.visitor .nav-lp .nav-button li a {
	color: #fff
}

.visitor .nav-lp .nav-button li a:hover {
	text-decoration: underline
}

.visitor .fixed-nav-lp {
	display: block;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 100
}

.visitor .fixed-nav-lp ul li a {
	overflow: visible
}

.visitor h2 {
	text-align: center;
	font-family: SVN-Boing;
	font-size: 36px;
	font-weight: 700;
	color: #0059b3;
	margin-bottom: 40px;
	line-height: 1.5
}

.visitor h2 br {
	display: none
}

@media (max-width:720px) {
	.visitor h2 br {
		display: block
	}
}

@media (max-width:720px) {
	.visitor h2 {
		font-size: 20px;
		margin-bottom: 30px
	}
}

.visitor .btn-visitor-login {
	border-radius: 25px;
	border: 2px solid #0059b3;
	background-color: transparent;
	color: #0059b3!important;
	padding: 8px 30px;
	font-weight: 600;
	box-sizing: border-box
}

.visitor .btn-visitor-login:hover {
	box-shadow: none!important;
	background-color: #0059b3;
	color: #fff!important
}

.visitor header {
	position: relative;
	z-index: 100
}

.visitor header .header-payment {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	padding: 13px 0
}

.visitor header .header-payment .logo {
	width: 130px
}

.visitor header .header-payment .user-info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.visitor header .header-payment .user-info .avatar {
	width: 32px;
	height: 32px;
	margin-right: 10px
}

.visitor header .header-payment .user-info .username {
	color: #fff;
	font-family: SVN-ProductSans;
	font-size: 12px;
	font-weight: 400
}

.visitor header .logo-navbar {
	padding: 20px 0
}

.visitor header .logo-navbar .header-contact {
	color: #333;
	font-size: 16px;
	font-family: SVN-ProductSans
}

.visitor header .logo-navbar ul li {
	display: inline
}

.visitor header .logo-navbar ul li .logo {
	width: 199px
}

.visitor header .logo-navbar ul li a {
	overflow: visible
}

.visitor header .logo-navbar ul li ul {
	display: inline;
	float: right;
	padding-top: 10px
}

.visitor header .logo-navbar ul li ul li {
	display: inline;
	padding-left: 50px
}

.visitor header .logo-navbar ul li ul li a {
	color: #fff
}

.visitor header .logo-navbar ul li ul li a:hover p {
	text-decoration: underline
}

.visitor header .logo-navbar ul li ul li a p {
	display: inline
}

.visitor header .logo-navbar ul li ul li a i {
	transform: scaleX(-1);
	padding-left: 10px
}

.visitor header .logo-navbar ul li .btn-hocthu {
	color: #fff;
	float: right
}

.visitor header #visitor-navbar {
	border-radius: 35px;
	box-shadow: 0 3px 10px 0 #3989dd
}

.visitor header #visitor-navbar nav {
	border-radius: 35px;
	background-color: #fff!important;
	padding: 2px 30px
}

.visitor header #visitor-navbar nav ul li {
	margin-right: 50px
}

@media (max-width:1140px) {
	.visitor header #visitor-navbar nav ul li {
		margin-right: 20px
	}
}

.visitor header #visitor-navbar nav ul li .nav-link {
	color: #0059b3;
	line-height: 1;
	font-weight: 500;
	padding-left: 0
}

@media (max-width:1140px) {
	.visitor header #visitor-navbar nav ul li .nav-link {
		font-size: 18px
	}
}

.visitor header #visitor-navbar nav ul li .nav-link img {
	margin-right: 10px
}

.visitor header #visitor-navbar nav ul li .dropdown-menu {
	background-color: #fff;
	box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .3);
	padding: 30px 0;
	margin-top: 13px;
	width: 320px
}

.visitor header #visitor-navbar nav ul li .dropdown-menu p {
	font-size: 16px;
	font-weight: 500;
	font-family: SanFranciscoText, sans-serif;
	color: #666;
	padding: 0 30px 5px
}

.visitor header #visitor-navbar nav ul li .dropdown-menu a {
	padding: 10px 30px;
	font-family: SVN-Boing;
	font-size: 20px;
	font-weight: 500;
	color: #0059b3!important;
	transition: none
}

.visitor header #visitor-navbar nav ul li .dropdown-menu a:active,
.visitor header #visitor-navbar nav ul li .dropdown-menu a:hover {
	background-color: #0059b3;
	color: #fff!important
}

.visitor header #visitor-navbar nav ul li .dropdown-menu .dropdown-divider {
	margin: 0 30px 20px
}

.visitor header #visitor-navbar nav ul li .dropdown-menu:after {
	border-bottom: 10px solid #fff;
	top: -10px;
	left: 50px;
	right: auto
}

.visitor header #visitor-navbar nav form .ava-login-visitor {
	position: relative
}

.visitor header #visitor-navbar nav form .ava-login-visitor img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: -7px
}

.visitor header #visitor-navbar nav form .ava-login-visitor p {
	font-size: 20px;
	color: #0059b3;
	font-family: SVN-Boing;
	font-weight: 500;
	padding-left: 50px
}

@media (max-width:1140px) {
	.visitor header #visitor-navbar nav form .ava-login-visitor p {
		font-size: 18px
	}
}

.visitor header #visitor-navbar nav form .btn-visitor-learn {
	margin-left: 20px
}

@media (max-width:1140px) {
	.visitor header #visitor-navbar nav form .btn-visitor-learn {
		font-size: 18px
	}
}

.visitor header .sp-navbar .sp-logo {
	padding: 15px 25px
}

@media (max-width:540px) {
	.visitor header .sp-navbar .sp-logo {
		padding: 15px 20px
	}
}

.visitor header .sp-navbar .sp-logo a img {
	height: 50px;
	margin-left: -8px
}

@media (max-width:767px) {
	.visitor header .sp-navbar .sp-logo a img {
		height: 28px
	}
}

.visitor header .sp-navbar .sp-logo a:nth-child(2) {
	color: #fff;
	float: right
}

.visitor header .sp-navbar .sp-logo a:nth-child(2) img {
	width: 50px;
	padding-right: 5px
}

@media (max-width:767px) {
	.visitor header .sp-navbar .sp-logo a:nth-child(2) img {
		width: 22px;
		padding-bottom: 5px
	}
}

@media (max-width:767px) {
	.visitor header .sp-navbar .sp-logo a:nth-child(2) {
		font-family: SVN-Boing;
		font-size: 18px;
		font-weight: 600;
		line-height: 29px
	}
}

.visitor header .sp-navbar .sp-navbar-- .navbar {
	background-color: #fff!important;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .12)!important;
	padding: 13px 25px
}

@media (max-width:768px) {
	.visitor header .sp-navbar .sp-navbar-- .navbar {
		padding: 10px 25px
	}
}

@media (max-width:425px) {
	.visitor header .sp-navbar .sp-navbar-- .navbar {
		padding: 11px 20px
	}
}

.visitor header .sp-navbar .sp-navbar-- .navbar ul li {
	margin-right: 50px
}

@media (max-width:767px) {
	.visitor header .sp-navbar .sp-navbar-- .navbar ul li {
		margin-right: 30px
	}
}

@media (max-width:424px) {
	.visitor header .sp-navbar .sp-navbar-- .navbar ul li {
		margin-right: 15px
	}
}

@media (max-width:320px) {
	.visitor header .sp-navbar .sp-navbar-- .navbar ul li {
		margin-right: 10px
	}
}

.visitor header .sp-navbar .sp-navbar-- .navbar ul li a {
	padding: 0
}

.visitor header .sp-navbar .sp-navbar-- .navbar ul li a img {
	width: 50px;
	margin-right: 5px
}

@media (max-width:767px) {
	.visitor header .sp-navbar .sp-navbar-- .navbar ul li a:after {
		display: none
	}
}

.visitor header .sp-navbar .sp-navbar-- .navbar ul .no-dropdown-item a {
	color: #0059b3;
	font-size: 18px
}

.visitor header .sp-navbar .sp-navbar-- .navbar ul .no-dropdown-item a img {
	width: 40px;
	margin-right: 5px
}

@media (max-width:540px) {
	.visitor header .sp-navbar .sp-navbar-- .navbar ul .no-dropdown-item a img {
		width: 15px;
		position: relative
	}
}

@media (max-width:425px) {
	.visitor header .sp-navbar .sp-navbar-- .navbar ul .show .nav-link {
		border-radius: 20px;
		background-image: linear-gradient(75deg, #3bbdf9, #4e8ff8);
		color: #fff
	}
}

.visitor header .sp-navbar .sp-navbar-- .navbar ul .nav-link {
	color: #0059b3;
	line-height: 1;
	font-weight: 500
}

@media (max-width:767px) {
	.visitor header .sp-navbar .sp-navbar-- .navbar ul .nav-link {
		line-height: normal;
		font-size: 18px
	}
}

@media (max-width:425px) {
	.visitor header .sp-navbar .sp-navbar-- .navbar ul .nav-link {
		padding: 5px 10px
	}
}

.visitor header .sp-navbar .sp-navbar-- .navbar ul .nav-link:after {
	content: "\F107";
	font-family: FontAwesome;
	border: none;
	position: absolute;
	right: -5px;
	top: 14px
}

.visitor header .sp-navbar .sp-navbar-- .navbar ul .nav-link img {
	margin-right: 10px
}

@media (max-width:767px) {
	.visitor header .sp-navbar .sp-navbar-- .navbar ul .nav-link img {
		margin-right: 5px;
		width: 20px;
		padding-bottom: 5px
	}
}

@media (max-width:424px) {
	.visitor header .sp-navbar .sp-navbar-- .navbar ul .nav-link img {
		margin-right: 2px;
		width: 17px
	}
}

.visitor header .sp-navbar .sp-navbar-- .navbar ul .dropdown-menu {
	background-color: #fff;
	box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .3);
	padding: 30px 0;
	margin-top: 30px;
	width: 320px
}

@media (max-width:425px) {
	.visitor header .sp-navbar .sp-navbar-- .navbar ul .dropdown-menu {
		margin-top: 5px;
		width: 427px;
		z-index: -1;
		left: -16px;
		border-radius: 0;
		padding: 20px 0 15px
	}
}

@media (max-width:375px) {
	.visitor header .sp-navbar .sp-navbar-- .navbar ul .dropdown-menu {
		width: 377px
	}
}

@media (max-width:325px) {
	.visitor header .sp-navbar .sp-navbar-- .navbar ul .dropdown-menu {
		width: 322px
	}
}

.visitor header .sp-navbar .sp-navbar-- .navbar ul .dropdown-menu p {
	font-size: 16px;
	font-weight: 500;
	font-family: SanFranciscoText, sans-serif;
	color: #666;
	padding: 0 30px 5px
}

@media (max-width:720px) {
	.visitor header .sp-navbar .sp-navbar-- .navbar ul .dropdown-menu p {
		padding: 0 15px 5px;
		font-size: 14px
	}
}

.visitor header .sp-navbar .sp-navbar-- .navbar ul .dropdown-menu a {
	padding: 10px 30px;
	font-family: SVN-Boing;
	font-size: 20px;
	font-weight: 500;
	color: #0059b3!important;
	transition: none
}

.visitor header .sp-navbar .sp-navbar-- .navbar ul .dropdown-menu a:active,
.visitor header .sp-navbar .sp-navbar-- .navbar ul .dropdown-menu a:hover {
	background-color: #0059b3;
	color: #fff!important
}

@media (max-width:720px) {
	.visitor header .sp-navbar .sp-navbar-- .navbar ul .dropdown-menu a {
		padding: 10px 15px;
		font-size: 16px
	}
}

@media (max-width:425px) {
	.visitor header .sp-navbar .sp-navbar-- .navbar ul .dropdown-menu a {
		padding: 5px 15px
	}
}

.visitor header .sp-navbar .sp-navbar-- .navbar ul .dropdown-menu .dropdown-divider {
	margin: 0 30px 20px
}

.visitor header .sp-navbar .sp-navbar-- .navbar ul .dropdown-menu:after {
	border-bottom: 10px solid #fff;
	top: -8px;
	left: 50px;
	right: auto
}

.visitor header .sp-navbar .sp-navbar-- .navbar .hamburger {
	border: 1px solid #0059b3;
	padding: 2px 4px;
	border-radius: 5px;
	cursor: pointer
}

@media (max-width:424px) {
	.visitor header .sp-navbar .sp-navbar-- .navbar .hamburger {
		padding: 3px
	}
}

.visitor header .sp-navbar .sp-navbar-- .navbar .hamburger .line {
	width: 24px;
	height: 4px;
	background-color: #0059b3;
	display: block;
	margin: 4px auto;
	transition: all .3s ease-in-out
}

@media (max-width:424px) {
	.visitor header .sp-navbar .sp-navbar-- .navbar .hamburger .line {
		width: 22px;
		margin: 3px auto
	}
}

@media (max-width:375px) {
	.visitor header .sp-navbar .sp-navbar-- .navbar .hamburger .line {
		width: 21px;
		height: 3px
	}
}

.visitor header .sp-navbar .show-hamburger-visitor .navbar ul {
	display: none
}

.visitor header .sp-navbar .show-hamburger-visitor .navbar .hamburger {
	padding: 6px 13px 6px 5px
}

@media (max-width:424px) {
	.visitor header .sp-navbar .show-hamburger-visitor .navbar .hamburger {
		padding: 6px 12px 6px 4px
	}
}

.visitor header .sp-navbar .show-hamburger-visitor .navbar .hamburger .line {
	width: 15px
}

@media (max-width:424px) {
	.visitor header .sp-navbar .show-hamburger-visitor .navbar .hamburger .line {
		width: 12px
	}
}

.visitor header .sp-navbar .show-hamburger-visitor .navbar .hamburger .line:first-child {
	transform: translateX(5px) rotate(45deg)
}

.visitor header .sp-navbar .show-hamburger-visitor .navbar .hamburger .line:nth-child(2) {
	display: none
}

.visitor header .sp-navbar .show-hamburger-visitor .navbar .hamburger .line:nth-child(3) {
	transform: translateX(5px) rotate(-45deg)
}

.visitor header .offpage-menu {
	position: fixed;
	width: 80%;
	height: 100%;
	top: 0;
	right: 0;
	display: block;
	z-index: 9999;
	background: #fff;
	opacity: 0;
	transform: translateX(105%)!important;
	transition: opacity .5s linear, .5s ease-in-out;
	box-shadow: 0 8px 11px 0 rgba(0, 0, 0, .2)
}

.visitor header .offpage-menu .content-menu {
	padding: 15px 0
}

.visitor header .offpage-menu .content-menu .menu-top {
	padding: 0 15px 15px
}

.visitor header .offpage-menu .content-menu .menu-top .ava-login-visitor img {
	width: 80px;
	height: 80px;
	border-radius: 50%
}

@media (max-width:540px) {
	.visitor header .offpage-menu .content-menu .menu-top .ava-login-visitor img {
		width: 40px;
		height: 40px
	}
}

.visitor header .offpage-menu .content-menu .menu-top .ava-login-visitor p {
	display: inline;
	padding-left: 20px;
	color: #0059b3
}

@media (max-width:540px) {
	.visitor header .offpage-menu .content-menu .menu-top .ava-login-visitor p {
		padding-left: 10px;
		font-size: 18px
	}
}

.visitor header .offpage-menu .content-menu .menu-bot {
	border-top: 1px solid #ddd;
	padding: 10px 15px 0
}

.visitor header .offpage-menu .content-menu .menu-bot a {
	line-height: 2.2;
	color: #0059b3;
	font-weight: 500;
	display: block;
	font-size: 18px
}

.visitor header .offpage-menu .content-menu .menu-bot a img {
	width: 18px;
	position: relative;
	margin-right: 5px;
	top: -2px
}

.visitor header .show-menu-visitor {
	transform: translateX(0)!important;
	opacity: 1
}

.visitor .visitor-banner .breadcrumb {
	background: transparent;
	padding: 30px 0
}

.visitor .visitor-banner .breadcrumb .breadcrumb-item:before {
	content: ">";
	color: #fff;
	font-weight: 400;
	padding: 0 20px 0 10px;
	font-size: 20px
}

.visitor .visitor-banner .breadcrumb .breadcrumb-item a {
	color: #fff;
	font-size: 18px;
	font-weight: 400
}

.visitor .visitor-banner .breadcrumb .breadcrumb-item a:hover {
	text-decoration: underline
}

.visitor .visitor-banner .breadcrumb .breadcrumb-item:first-child:before {
	display: none
}

.visitor .visitor-banner .breadcrumb .active {
	color: #fff;
	text-decoration: underline;
	font-size: 18px;
	font-weight: 600
}

.visitor footer {
	padding-top: 30px;
	background-color: #3bbdf9
}

@media (max-width:767px) {
	.visitor footer {
		padding: 30px 0
	}
}

.visitor footer .footer-top {
	padding-bottom: 15px
}

@media (max-width:992px) {
	.visitor footer .footer-top {
		padding-bottom: 10px
	}
}

.visitor footer .footer-top h4 {
	font-family: SVN-Boing;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	padding-bottom: 6px
}

.visitor footer .footer-top .social {
	float: left;
	max-width: 300px;
	margin-right: 100px
}

@media (max-width:1140px) {
	.visitor footer .footer-top .social {
		margin-right: 50px
	}
}

.visitor footer .footer-top .social .social-icon {
	margin-bottom: 25px;
	margin-top: 9px
}

.visitor footer .footer-top .social .social-icon a:hover .logo-fb {
	content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTJweCIgaGVpZ2h0PSI1MnB4IiB2aWV3Qm94PSIwIDAgNTIgNTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ5ICg1MTAwMikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+R3JvdXAgMjY8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iSE9NRS0tRklOQUwiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJob21lIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzkxLjAwMDAwMCwgLTU5ODguMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzkyLjAwMDAwMCwgNTk4OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtNCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9IiNGRkZGRkYiIGN4PSIyNSIgY3k9IjI1IiByPSIyNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8ZyBpZD0iZmFjZWJvb2stbG9nbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuMDAwMDAwLCAxMS4wMDAwMDApIiBmaWxsPSIjM0JCREY5IiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNC40MzUxNDQsMC4wMDU4MjU4Njg5NCBMMTAuODM3MzI2MSwwIEM2Ljc5NTMwMTA0LDAgNC4xODMxNjY4OSwyLjcwNDY1OTY1IDQuMTgzMTY2ODksNi44OTA4Mzc3OCBMNC4xODMxNjY4OSwxMC4wNjc5NzU0IEwwLjU2NTcyMTg3MywxMC4wNjc5NzU0IEMwLjI1MzEzMTY3NSwxMC4wNjc5NzU0IDAsMTAuMzIzNzMxMSAwLDEwLjYzOTIwMTkgTDAsMTUuMjQyNTEyMiBDMCwxNS41NTc5ODMgMC4yNTM0MjAzMDgsMTUuODEzNDQ3NCAwLjU2NTcyMTg3MywxNS44MTM0NDc0IEw0LjE4MzE2Njg5LDE1LjgxMzQ0NzQgTDQuMTgzMTY2ODksMjcuNDI5MDY0OCBDNC4xODMxNjY4OSwyNy43NDQ1MzU2IDQuNDM2Mjk4NTYsMjggNC43NDg4ODg3NiwyOCBMOS40Njg2MjU1MywyOCBDOS43ODEyMTU3MiwyOCAxMC4wMzQzNDc0LDI3Ljc0NDI0NDQgMTAuMDM0MzQ3NCwyNy40MjkwNjQ4IEwxMC4wMzQzNDc0LDE1LjgxMzQ0NzQgTDE0LjI2Mzk4NDMsMTUuODEzNDQ3NCBDMTQuNTc2NTc0NSwxNS44MTM0NDc0IDE0LjgyOTcwNjIsMTUuNTU3OTgzIDE0LjgyOTcwNjIsMTUuMjQyNTEyMiBMMTQuODMxNDM4LDEwLjYzOTIwMTkgQzE0LjgzMTQzOCwxMC40ODc3MjkzIDE0Ljc3MTY5MDgsMTAuMzQyNjY1MSAxNC42NjU3NjIzLDEwLjIzNTQ2OTEgQzE0LjU1OTgzMzcsMTAuMTI4MjczMiAxNC40MTU1MTY5LDEwLjA2Nzk3NTQgMTQuMjY1NDI3NSwxMC4wNjc5NzU0IEwxMC4wMzQzNDc0LDEwLjA2Nzk3NTQgTDEwLjAzNDM0NzQsNy4zNzQ2NzYyIEMxMC4wMzQzNDc0LDYuMDgwMTY4MTIgMTAuMzQwMDEwNCw1LjQyMzAxMDEgMTIuMDEwOTEwNCw1LjQyMzAxMDEgTDE0LjQzNDU2NjgsNS40MjIxMzYyMiBDMTQuNzQ2ODY4Myw1LjQyMjEzNjIyIDE1LDUuMTY2MzgwNTcgMTUsNC44NTEyMDEwNyBMMTUsMC41NzY3NjEwMjUgQzE1LDAuMjYxODcyODA5IDE0Ljc0NzE1NywwLjAwNjQwODQ1NTgzIDE0LjQzNTE0NCwwLjAwNTgyNTg2ODk0IFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
}

.visitor footer .footer-top .social .social-icon a:hover .logo-youtube {
	content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTJweCIgaGVpZ2h0PSI1MnB4IiB2aWV3Qm94PSIwIDAgNTIgNTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ5ICg1MTAwMikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+R3JvdXAgMjc8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iSE9NRS0tRklOQUwiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJob21lIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDYxLjAwMDAwMCwgLTU5ODguMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDYyLjAwMDAwMCwgNTk4OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtNC1Db3B5IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0iI0ZGRkZGRiIgY3g9IjI1IiBjeT0iMjUiIHI9IjI1Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgIDxnIGlkPSJ5b3V0dWJlLWxvZ28iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0LjAwMDAwMCwgMTEuMDAwMDAwKSIgZmlsbD0iIzNCQkRGOSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTguNjA4NzczMywyMC40ODEwNjY3IEwxNy4xNiwyMC40ODEwNjY3IEwxNy4xNjY3NDY3LDE5LjU4ODQ4ODkgQzE3LjE2Njc0NjcsMTkuMTkxODIyMiAxNy40NzM4NjY3LDE4Ljg2NzMzMzMgMTcuODQ5MDQsMTguODY3MzMzMyBMMTcuOTQxNDQsMTguODY3MzMzMyBDMTguMzE3NDkzMywxOC44NjczMzMzIDE4LjYyNTQ5MzMsMTkuMTkxODIyMiAxOC42MjU0OTMzLDE5LjU4ODQ4ODkgTDE4LjYwODc3MzMsMjAuNDgxMDY2NyBaIE0xMy4xNzQ0OCwxOC41NjgzNTU2IEMxMi44MDY5MzMzLDE4LjU2ODM1NTYgMTIuNTA2MjY2NywxOC44MzAzMTExIDEyLjUwNjI2NjcsMTkuMTUxMDY2NyBMMTIuNTA2MjY2NywyMy40OTIgQzEyLjUwNjI2NjcsMjMuODEyMTMzMyAxMi44MDY5MzMzLDI0LjA3MzQ2NjcgMTMuMTc0NDgsMjQuMDczNDY2NyBDMTMuNTQzNDkzMywyNC4wNzM0NjY3IDEzLjg0NDQ1MzMsMjMuODEyMTMzMyAxMy44NDQ0NTMzLDIzLjQ5MiBMMTMuODQ0NDUzMywxOS4xNTEwNjY3IEMxMy44NDQ0NTMzLDE4LjgzIDEzLjU0MzQ5MzMsMTguNTY4MzU1NiAxMy4xNzQ0OCwxOC41NjgzNTU2IFogTTIyLDE2LjE0MDEzMzMgTDIyLDI0LjM5ODI2NjcgQzIyLDI2LjM3OTExMTEgMjAuMzgwNTA2NywyOCAxOC40MDA4LDI4IEwzLjU5OTQ5MzMzLDI4IEMxLjYxOTIsMjggMCwyNi4zNzkxMTExIDAsMjQuMzk4MjY2NyBMMCwxNi4xNDAxMzMzIEMwLDE0LjE1OTI4ODkgMS42MTkyLDEyLjUzODA4ODkgMy41OTk0OTMzMywxMi41MzgwODg5IEwxOC40MDA4LDEyLjUzODA4ODkgQzIwLjM4MDUwNjcsMTIuNTM4MDg4OSAyMiwxNC4xNTkyODg5IDIyLDE2LjE0MDEzMzMgWiBNNC41ODY4NTMzMywyNS4yOTQ4ODg5IEw0LjU4NTY4LDE2LjU5NTkxMTEgTDYuNDIwNDgsMTYuNTk2NTMzMyBMNi40MjA0OCwxNS4zMDc2IEwxLjUyOTQ0LDE1LjI5OTgyMjIgTDEuNTI5NDQsMTYuNTY2OTc3OCBMMy4wNTYyNCwxNi41NzE2NDQ0IEwzLjA1NjI0LDI1LjI5NDg4ODkgTDQuNTg2ODUzMzMsMjUuMjk0ODg4OSBaIE0xMC4wODY4NTMzLDE3Ljg5MTY4ODkgTDguNTU3MTIsMTcuODkxNjg4OSBMOC41NTcxMiwyMi41MzY4ODg5IEM4LjU1NzEyLDIzLjIwODg4ODkgOC41OTU1NDY2NywyMy41NDQ4ODg5IDguNTU0NzczMzMsMjMuNjYzNDIyMiBDOC40MzA0LDI0LjAyMzY4ODkgNy44NzEzMDY2NywyNC40MDYzNTU2IDcuNjUzMzYsMjMuNzAyMzExMSBDNy42MTY0LDIzLjU3OTExMTEgNy42NDg5NiwyMy4yMDczMzMzIDcuNjQ4MzczMzMsMjIuNTY4OTMzMyBMNy42NDIyMTMzMywxNy44OTE2ODg5IEw2LjEyMDk4NjY3LDE3Ljg5MTY4ODkgTDYuMTI1NjgsMjIuNDk1NTExMSBDNi4xMjY4NTMzMywyMy4yMDExMTExIDYuMTEwNzIsMjMuNzI3MiA2LjEzMDk2LDIzLjk2Njc1NTYgQzYuMTY4MjEzMzMsMjQuMzg4OTMzMyA2LjE1NTAxMzMzLDI0Ljg4MTExMTEgNi41MjQzMiwyNS4xNjIzNTU2IEM3LjIxMjQ4LDI1LjY4ODEzMzMgOC41MzE2LDI1LjA4Mzk1NTYgOC44NjE2LDI0LjMzMjMxMTEgTDguODU4NjY2NjcsMjUuMjkxNDY2NyBMMTAuMDg3MTQ2NywyNS4yOTMwMjIyIEwxMC4wODY4NTMzLDE3Ljg5MTY4ODkgWiBNMTQuOTgwNTMzMywyMy4yMTEwNjY3IEwxNC45NzczMDY3LDE5LjM0NDg4ODkgQzE0Ljk3NjEzMzMsMTcuODcxNDY2NyAxMy45MzY4NTMzLDE2Ljk4OTE1NTYgMTIuNTI2MjEzMywxOC4xODEzMzMzIEwxMi41MzIzNzMzLDE1LjMwNjk3NzggTDExLjAwNDQsMTUuMzA5NDY2NyBMMTAuOTk3MDY2NywyNS4yMzA4IEwxMi4yNTM3MDY3LDI1LjIxMTUxMTEgTDEyLjM2ODEwNjcsMjQuNTkzNjQ0NCBDMTMuOTczNTIsMjYuMTU1NzMzMyAxNC45ODI4OCwyNS4wODUyIDE0Ljk4MDUzMzMsMjMuMjExMDY2NyBaIE0xOS43NjgwMjY3LDIyLjY5ODY2NjcgTDE4LjYyMTA5MzMsMjIuNzA1MiBDMTguNjIwNTA2NywyMi43NTM0MjIyIDE4LjYxODc0NjcsMjIuODA5MTExMSAxOC42MTgxNiwyMi44Njk3Nzc4IEwxOC42MTgxNiwyMy41NDg2MjIyIEMxOC42MTgxNiwyMy45MTIgMTguMzM1MDkzMywyNC4yMDc4NjY3IDE3Ljk5MTMwNjcsMjQuMjA3ODY2NyBMMTcuNzY2NjEzMywyNC4yMDc4NjY3IEMxNy40MjIyNCwyNC4yMDc4NjY3IDE3LjEzOTE3MzMsMjMuOTEyIDE3LjEzOTE3MzMsMjMuNTQ4NjIyMiBMMTcuMTM5MTczMywyMy40NzMzMzMzIEwxNy4xMzkxNzMzLDIyLjcyNjY2NjcgTDE3LjEzOTE3MzMsMjEuNzYzMTU1NiBMMTkuNzY1NjgsMjEuNzYzMTU1NiBMMTkuNzY1NjgsMjAuNzE0NzExMSBDMTkuNzY1NjgsMTkuOTQ4NDQ0NCAxOS43NDcyLDE5LjE4MjQ4ODkgMTkuNjg3MzYsMTguNzQ0NDQ0NCBDMTkuNDk5MzMzMywxNy4zNTg3NTU2IDE3LjY2NTQxMzMsMTcuMTM4OCAxNi43MzkwNjY3LDE3Ljg0ODEzMzMgQzE2LjQ0ODM3MzMsMTguMDY5NjQ0NCAxNi4yMjYzMiwxOC4zNjYxMzMzIDE2LjA5NzI1MzMsMTguNzY0MzU1NiBDMTUuOTY3MDEzMywxOS4xNjI4ODg5IDE1LjkwMjE4NjcsMTkuNzA3MzMzMyAxNS45MDIxODY3LDIwLjM5ODkzMzMgTDE1LjkwMjE4NjcsMjIuNzA0MjY2NyBDMTUuOTAyNzczMywyNi41MzY1MzMzIDIwLjI5MTYyNjcsMjUuOTk0ODg4OSAxOS43NjgwMjY3LDIyLjY5ODY2NjcgWiBNMTMuODg0MzQ2NywxMC4xODMyODg5IEMxMy45NjMyNTMzLDEwLjM4Njc1NTYgMTQuMDg1ODY2NywxMC41NTE2NDQ0IDE0LjI1MjE4NjcsMTAuNjc2MDg4OSBDMTQuNDE2NDUzMywxMC43OTg2NjY3IDE0LjYyNjQ4LDEwLjg2MDI2NjcgMTQuODc4MTYsMTAuODYwMjY2NyBDMTUuMDk4NzQ2NywxMC44NjAyNjY3IDE1LjI5NDEwNjcsMTAuNzk3MTExMSAxNS40NjQyNCwxMC42NjY3NTU2IEMxNS42MzM3ODY3LDEwLjUzNzAyMjIgMTUuNzc2NjQsMTAuMzQzMiAxNS44OTMzODY3LDEwLjA4NDY2NjcgTDE1Ljg2NDM0NjcsMTAuNzIxMiBMMTcuNTY5NDkzMywxMC43MjEyIEwxNy41Njk0OTMzLDMuMDMwMjIyMjIgTDE2LjIyNzIsMy4wMzAyMjIyMiBMMTYuMjI3Miw5LjAxNiBDMTYuMjI3Miw5LjM0MDE3Nzc4IDE1Ljk3NTUyLDkuNjA1NTU1NTYgMTUuNjY3ODEzMyw5LjYwNTU1NTU2IEMxNS4zNjE4NjY3LDkuNjA1NTU1NTYgMTUuMTA5MzA2Nyw5LjM0MDE3Nzc4IDE1LjEwOTMwNjcsOS4wMTYgTDE1LjEwOTMwNjcsMy4wMzAyMjIyMiBMMTMuNzA4MzQ2NywzLjAzMDIyMjIyIEwxMy43MDgzNDY3LDguMjE3Njg4ODkgQzEzLjcwODM0NjcsOC44Nzg0ODg4OSAxMy43MTk3ODY3LDkuMzE5MDIyMjIgMTMuNzM4MjY2Nyw5LjU0MjQgQzEzLjc1NzMzMzMsOS43NjQyMjIyMiAxMy44MDU0NCw5Ljk3NzAyMjIyIDEzLjg4NDM0NjcsMTAuMTgzMjg4OSBaIE04LjcxNjk4NjY3LDUuODM5NTU1NTYgQzguNzE2OTg2NjcsNS4xMDEyODg4OSA4Ljc3NTA2NjY3LDQuNTI0OCA4Ljg5MDM0NjY3LDQuMTA5MTU1NTYgQzkuMDA2NTA2NjcsMy42OTUwNjY2NyA5LjIxNTA2NjY3LDMuMzYyMTc3NzggOS41MTcyLDMuMTExMTExMTEgQzkuODE4NDUzMzMsMi44NTg4IDEwLjIwNDE4NjcsMi43MzI0ODg4OSAxMC42NzMyMjY3LDIuNzMyNDg4ODkgQzExLjA2Nzc2LDIuNzMyNDg4ODkgMTEuNDA1NjgsMi44MTQ2MjIyMiAxMS42ODc4NjY3LDIuOTc1NDY2NjcgQzExLjk3MTUyLDMuMTM3MjQ0NDQgMTIuMTkwMzQ2NywzLjM0NzI0NDQ0IDEyLjM0MiwzLjYwNjQgQzEyLjQ5NjU4NjcsMy44NjY0ODg4OSAxMi42MDE2LDQuMTMzNzMzMzMgMTIuNjU3NjI2Nyw0LjQwNzIgQzEyLjcxNDgyNjcsNC42ODQ0IDEyLjc0Mjk4NjcsNS4xMDI1MzMzMyAxMi43NDI5ODY3LDUuNjY2NTc3NzggTDEyLjc0Mjk4NjcsNy42MTE2NDQ0NCBDMTIuNzQyOTg2Nyw4LjMyNTAyMjIyIDEyLjcxNiw4Ljg0OTg2NjY3IDEyLjY2MzQ5MzMsOS4xODMwNjY2NyBDMTIuNjExNTczMyw5LjUxNzIgMTIuNTAwMTA2Nyw5LjgyNzA2NjY3IDEyLjMyNzMzMzMsMTAuMTE3NjQ0NCBDMTIuMTU3MiwxMC40MDUxMTExIDExLjkzNzQ5MzMsMTAuNjIwMDg4OSAxMS42NzExNDY3LDEwLjc1NzI4ODkgQzExLjQwMTg2NjcsMTAuODk1NzMzMyAxMS4wOTM4NjY3LDEwLjk2MzU1NTYgMTAuNzQ1OTczMywxMC45NjM1NTU2IEMxMC4zNTczMDY3LDEwLjk2MzU1NTYgMTAuMDI5OTQ2NywxMC45MDY2MjIyIDkuNzYwMDgsMTAuNzg3Nzc3OCBDOS40ODkzMzMzMywxMC42Njk1NTU2IDkuMjgwMTg2NjcsMTAuNDkxMjg4OSA5LjEzMTE3MzMzLDEwLjI1NDUzMzMgQzguOTgwNjkzMzMsMTAuMDE3NDY2NyA4Ljg3NDgsOS43Mjg3NTU1NiA4LjgxMDg1MzMzLDkuMzkyMTMzMzMgQzguNzQ2NjEzMzMsOS4wNTU4MjIyMiA4LjcxNjEwNjY3LDguNTQ5OTU1NTYgOC43MTYxMDY2Nyw3Ljg3NTc3Nzc4IEw4LjcxNjk4NjY3LDUuODM5NTU1NTYgWiBNMTAuMDUyNTMzMyw4Ljg5NDY2NjY3IEMxMC4wNTI1MzMzLDkuMzMwMjIyMjIgMTAuMzU4MTg2Nyw5LjY4NTgyMjIyIDEwLjczMDQyNjcsOS42ODU4MjIyMiBDMTEuMTAyOTYsOS42ODU4MjIyMiAxMS40MDc0NCw5LjMzMDIyMjIyIDExLjQwNzQ0LDguODk0NjY2NjcgTDExLjQwNzQ0LDQuODAwNDQ0NDQgQzExLjQwNzQ0LDQuMzY1NTExMTEgMTEuMTAyOTYsNC4wMDk5MTExMSAxMC43MzA0MjY3LDQuMDA5OTExMTEgQzEwLjM1ODE4NjcsNC4wMDk5MTExMSAxMC4wNTI1MzMzLDQuMzY1NTExMTEgMTAuMDUyNTMzMyw0LjgwMDQ0NDQ0IEwxMC4wNTI1MzMzLDguODk0NjY2NjcgWiBNNS4zMzMzODY2NywxMC45NjIgTDYuOTQyMDI2NjcsMTAuOTYyIEw2Ljk0Mzc4NjY3LDUuMDYzMzMzMzMgTDguODQ0NTg2NjcsMC4wMTAyNjY2NjY3IEw3LjA4NTE3MzMzLDAuMDEwMjY2NjY2NyBMNi4wNzQ2NCwzLjc2MzUxMTExIEw1LjA0OTczMzMzLDAgTDMuMzA4NTA2NjcsMCBMNS4zMzA3NDY2Nyw1LjA2NjEzMzMzIEw1LjMzMzM4NjY3LDEwLjk2MiBaIiBpZD0iWW91VHViZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
}

.visitor footer .footer-top .social .social-icon a:hover .logo-zalo {
	content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjUycHgiIGhlaWdodD0iNTJweCIgdmlld0JveD0iMCAwIDUyIDUyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDkgKDUxMDAyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4NCiAgICA8dGl0bGU+R3JvdXAgMjk8L3RpdGxlPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPg0KICAgICAgICA8cG9seWdvbiBpZD0icGF0aC0xIiBwb2ludHM9IjAgMC4wMTY0MDU2ODE4IDExLjE3NzMzODggMC4wMTY0MDU2ODE4IDExLjE3NzMzODggMTMuNTU0MjIwNyAwIDEzLjU1NDIyMDciPjwvcG9seWdvbj4NCiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMyIgcG9pbnRzPSIwLjAwNTE3MDU0NjA1IDAuMDA3MDkwOTA5MDkgMjYuNTU1NzcyNyAwLjAwNzA5MDkwOTA5IDI2LjU1NTc3MjcgMTQuOTc3MjcyNyAwLjAwNTE3MDU0NjA1IDE0Ljk3NzI3MjciPjwvcG9seWdvbj4NCiAgICA8L2RlZnM+DQogICAgPGcgaWQ9IkhPTUUtLUZJTkFMIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9ImhvbWUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MzEuMDAwMDAwLCAtNTk4OC4wMDAwMDApIj4NCiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTMyLjAwMDAwMCwgNTk4OS4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTQtQ29weS0yIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0iI0ZGRkZGRiIgY3g9IjI1IiBjeT0iMjUiIHI9IjI1Ij48L2NpcmNsZT4NCiAgICAgICAgICAgICAgICA8ZyBpZD0iUGFnZS0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2LjAwMDAwMCwgMTcuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMS4wODM4MTgpIj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPg0KICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXNrPg0KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkNsaXAtMiI+PC9nPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQuMTk5NjE4MTgsMTAuNjkzODg4NiBDNi4wNjQwOTU0NSwxMC42OTM4ODg2IDcuODE3NDM2MzYsMTAuNjgxNTQ3NyA5LjU1ODQzNjM2LDEwLjY5Mzg4ODYgQzEwLjUzMzg5MDksMTAuNzA2MjI5NSAxMS4wNjQ4MjI3LDExLjExMzcwNjggMTEuMTYzNTk1NSwxMS44OTE1OTMyIEMxMS4yNzQ3MzE4LDEyLjg2NzA0NzcgMTAuNzA2NzMxOCwxMy41MjE0Nzk1IDkuNjQ0ODY4MTgsMTMuNTMzODIwNSBDNy42NDQ1NzI3MywxMy41NTg1MDIzIDUuNjU2NjE4MTgsMTMuNTQ2MTYxNCAzLjY1NjMyMjczLDEzLjU0NjE2MTQgQzMuMDc2MDA0NTUsMTMuNTQ2MTYxNCAyLjUwODAwNDU1LDEzLjU3MDg0MzIgMS45Mjc2ODYzNiwxMy41MzM4MjA1IEMxLjIxMTUyNzI3LDEzLjQ5Njc3NSAwLjUwNzczMTgxOCwxMy4zNDg1OTMyIDAuMTYyMDA0NTQ1LDEyLjYwNzcyOTUgQy0wLjE4Mzc0NTQ1NSwxMS44NjY5MTE0IDAuMDYzMjMxODE4MiwxMS4yMDAxMzg2IDAuNTMyNDM2MzY0LDEwLjU5NTExNTkgQzIuNDMzOTM2MzYsOC4xNzUwMDIyNyA0LjM0NzgsNS43NDI1NDc3MyA2LjI2MTY0MDkxLDMuMzIyNDM0MDkgQzYuMzcyNzc3MjcsMy4xNzQyNzUgNi40ODM5MTM2NCwzLjAyNjExNTkxIDYuNTk1MDI3MjcsMi44OTAyNzUgQzYuNDcxNTUsMi42ODAzNjU5MSA2LjI5ODY4NjM2LDIuNzc5MTYxMzYgNi4xNTA1MjcyNywyLjc2Njc5NzczIEM0LjgxNzAwNDU1LDIuNzU0NDU2ODIgMy40NzExMTgxOCwyLjc2Njc5NzczIDIuMTM3NTk1NDUsMi43NTQ0NTY4MiBDMS44Mjg4OTA5MSwyLjc1NDQ1NjgyIDEuNTIwMjA5MDksMi43MTc0MTEzNiAxLjIyMzg2ODE4LDIuNjU1Njg0MDkgQzAuNTIwMDcyNzI3LDIuNDk1MTYxMzYgMC4wODc5MTM2MzY0LDEuNzkxMzY1OTEgMC4yNDg0MTM2MzYsMS4wOTk4ODg2NCBDMC4zNTk1NSwwLjYzMDY4NDA5MSAwLjcyOTk4MTgxOCwwLjI0NzkxMTM2NCAxLjE5OTE4NjM2LDAuMTM2Nzk3NzI3IEMxLjQ5NTUyNzI3LDAuMDYyNzA2ODE4MiAxLjgwNDIwOTA5LDAuMDI1NjYxMzYzNiAyLjExMjg5MDkxLDAuMDI1NjYxMzYzNiBDNC4zMTA3NTQ1NSwwLjAxMzMyMDQ1NDUgNi41MjA5MzYzNiwwLjAxMzMyMDQ1NDUgOC43MTg4LDAuMDI1NjYxMzYzNiBDOS4xMTM5MTM2NCwwLjAxMzMyMDQ1NDUgOS40OTY2ODYzNiwwLjA2MjcwNjgxODIgOS44Nzk0NTkwOSwwLjE2MTQ3OTU0NSBDMTAuNzE5MDcyNywwLjQ0NTQ3OTU0NSAxMS4wNzcxNjM2LDEuMjIzMzY1OTEgMTAuNzQzNzc3MywyLjAzODI5NzczIEMxMC40NDc0MzY0LDIuNzQyMTE1OTEgOS45NzgyMzE4MiwzLjM0NzEzODY0IDkuNTA5MDI3MjcsMy45NTIxNjEzNiBDNy44OTE1MDQ1NSw2LjAxNDE4NDA5IDYuMjczOTgxODIsOC4wNjM4NjU5MSA0LjY1NjQ4MTgyLDEwLjEwMTIwNjggQzQuNTIwNjQwOTEsMTAuMjYxNzI5NSA0LjM5NzE4NjM2LDEwLjQyMjIyOTUgNC4xOTk2MTgxOCwxMC42OTM4ODg2IiBpZD0iRmlsbC0xIiBmaWxsPSIjM0JCREY5IiBtYXNrPSJ1cmwoI21hc2stMikiPjwvcGF0aD4NCiAgICAgICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEuMDIyNzI3LCAwLjAxNTYzNikiPg0KICAgICAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stNCIgZmlsbD0id2hpdGUiPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMyI+PC91c2U+DQogICAgICAgICAgICAgICAgICAgICAgICA8L21hc2s+DQogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iQ2xpcC01Ij48L2c+DQogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQuOTcwMTkzMiw3LjM5MTA2NTkxIEMxNC45NzAxOTMyLDkuMzA0OTI5NTUgMTQuOTgyNTM0MSwxMS4yMTg3NzA1IDE0Ljk3MDE5MzIsMTMuMTMyNjM0MSBDMTQuOTgyNTM0MSwxNC4wMDkzMTU5IDE0LjI5MTA3OTUsMTQuNzM3ODE1OSAxMy40MTQ0MjA1LDE0Ljc2MjQ5NzcgQzEzLjI2NjIzODYsMTQuNzYyNDk3NyAxMy4xMDU3Mzg2LDE0Ljc1MDE1NjggMTIuOTU3NTU2OCwxNC43MTMxMTE0IEMxMi4zNDAxNzA1LDE0LjU1MjYxMTQgMTEuODcwOTg4NiwxMy44OTgxNzk1IDExLjg3MDk4ODYsMTMuMTIwMjkzMiBMMTEuODcwOTg4NiwzLjMwNDA0MzE4IEMxMS44NzA5ODg2LDIuNzIzNzI1IDExLjg1ODYyNSwyLjE1NTc0NzczIDExLjg3MDk4ODYsMS41NzU0MDY4MiBDMTEuODgzMzI5NSwwLjYyNDY1NjgxOCAxMi40ODgzNTIzLDAuMDA3MjcwNDU0NTUgMTMuNDAyMDU2OCwwLjAwNzI3MDQ1NDU1IEMxNC4zNDA0NjU5LC0wLjAwNTA3MDQ1NDU1IDE0Ljk3MDE5MzIsMC42MTIyOTMxODIgMTQuOTcwMTkzMiwxLjYwMDA4ODY0IEMxNC45ODI1MzQxLDMuNTI2MzE1OTEgMTQuOTcwMTkzMiw1LjQ2NDg2MTM2IDE0Ljk3MDE5MzIsNy4zOTEwNjU5MSBaIE0xOS4xNTU5ODg2LDkuNTUxODg0MDkgQzE5LjEzMTMwNjgsMTAuMTY5MjQ3NyAxOS4zMTY0ODg2LDEwLjc3NDI3MDUgMTkuNjg2OTIwNSwxMS4yODA1MjA1IEMyMC4zNjYwMzQxLDEyLjE2OTU0MzIgMjEuNjM3ODI5NSwxMi4zNDI0MDY4IDIyLjUyNjg1MjMsMTEuNjUwOTUyMyBDMjIuNjYyNjcwNSwxMS41NTIxNTY4IDIyLjc3Mzc4NDEsMTEuNDI4NzAyMyAyMi44ODQ5MjA1LDExLjMwNTIyNSBDMjMuNjAxMDc5NSwxMC4zNjY4MTU5IDIzLjYwMTA3OTUsOC43ODYzMzg2NCAyMi44OTcyODQxLDcuODQ3OTI5NTUgQzIyLjU1MTUzNDEsNy4zNzg3MjUgMjIuMDA4MjYxNCw3LjA4MjM4NDA5IDIxLjQyNzk0MzIsNy4wNzAwNDMxOCBDMjAuMDk0Mzk3Nyw2Ljk5NTk1MjI3IDE5LjE1NTk4ODYsOC4wMDg0NTIyNyAxOS4xNTU5ODg2LDkuNTUxODg0MDkgWiBNMTYuMDU2Nzg0MSw5Ljg0ODIyNSBDMTUuOTU3OTg4Niw2LjY3NDkwNjgyIDE4LjA0NDcxNTksNC4zMDQyMDIyNyAyMS4wMDgxMDIzLDQuMjE3NzcwNDUgQzI0LjE1NjcxNTksNC4xMTg5NzUgMjYuNDUzMzUyMyw2LjIzMDQwNjgyIDI2LjU1MjEyNSw5LjMxNzI3MDQ1IEMyNi42NTA4OTc3LDEyLjQ0MTE3OTUgMjQuNzM3MDM0MSwxNC42NTEzODQxIDIxLjc4NjAxMTQsMTQuOTQ3NzI1IEMxOC41NjMzMDY4LDE1LjI2ODc3MDUgMTYuMDA3Mzk3NywxMi45MzUwODg2IDE2LjA1Njc4NDEsOS44NDgyMDIyNyBMMTYuMDU2Nzg0MSw5Ljg0ODIyNSBaIE0zLjEyODk2NTkxLDkuNzc0MTM0MDkgQzMuMTUzNjQ3NzMsMTAuMzE3NDA2OCAzLjMyNjUzNDA5LDEwLjgzNjAyMDUgMy42NDc1NTY4MiwxMS4yNjgxNzk1IEM0LjMxNDMyOTU1LDEyLjE1NzE3OTUgNS41ODYxMjUsMTIuMzQyNDA2OCA2LjQ4NzQ4ODY0LDExLjY3NTYzNDEgQzYuNjM1NjQ3NzMsMTEuNTY0NTIwNSA2Ljc3MTQ2NTkxLDExLjQyODcwMjMgNi44OTQ5NjU5MSwxMS4yNjgxNzk1IEM3LjU4NjM5NzczLDEwLjMyOTc3MDUgNy41ODYzOTc3Myw4Ljc4NjMzODY0IDYuODk0OTY1OTEsNy44NDc5Mjk1NSBDNi41NDkyMzg2NCw3LjM2NjM4NDA5IDYuMDA1OTIwNDUsNy4wODIzODQwOSA1LjQyNTYwMjI3LDcuMDcwMDQzMTggQzQuMDY3Mzc1LDYuOTgzNjExMzYgMy4xMTY2MDIyNyw4LjAzMzEzNDA5IDMuMTI4OTY1OTEsOS43NzQxMzQwOSBaIE03LjQ5OTk4ODY0LDUuMjY3MjkzMTggQzcuNzk2MzI5NTUsNC44ODQ1MjA0NSA4LjEwNTAxMTM2LDQuNTI2NDUyMjcgOC42MTEyMzg2NCw0LjQyNzY3OTU1IEM5LjU4NjY5MzE4LDQuMjMwMTExMzYgMTAuNTAwMzk3Nyw0Ljg1OTgzODY0IDEwLjUxMjc2MTQsNS44NDc2MzQwOSBDMTAuNTQ5ODA2OCw4LjMxNzEzNDA5IDEwLjUzNzQ0MzIsMTAuNzg2NjExNCAxMC41MTI3NjE0LDEzLjI1NjExMTQgQzEwLjUxMjc2MTQsMTMuODk4MTc5NSAxMC4wOTI5NDMyLDE0LjQ2NjE1NjggOS40ODc5MjA0NSwxNC42NTEzODQxIEM4Ljg3MDUzNDA5LDE0Ljg4NTk5NzcgOC4xNjY3Mzg2NCwxNC43MDA3NzA1IDcuNzU5Mjg0MDksMTQuMTY5ODM4NiBDNy41NDkzNTIyNywxMy45MTA1NDMyIDcuNDYyOTQzMTgsMTMuODYxMTM0MSA3LjE2NjYwMjI3LDE0LjA5NTc0NzcgQzYuMDQyOTY1OTEsMTUuMDA5NDUyMyA0Ljc3MTE3MDQ1LDE1LjE2OTk3NSAzLjQwMDYyNSwxNC43MjU0NTIzIEMxLjIwMjc2MTM2LDE0LjAwOTMxNTkgMC4zMDEzOTc3MjcsMTIuMjkzMDIwNSAwLjA1NDQ0MzE4MTgsMTAuMjA2MjkzMiBDLTAuMjA0ODUyMjczLDcuOTQ2NzAyMjcgMC41NDgzMjk1NDUsNi4wMjA0OTc3MyAyLjU3MzMyOTU1LDQuODM1MTM0MDkgQzQuMjUyNTc5NTUsMy44MzQ5OTc3MyA1Ljk1NjUzNDA5LDMuOTIxNDI5NTUgNy40OTk5ODg2NCw1LjI2NzI5MzE4IFoiIGlkPSJGaWxsLTQiIGZpbGw9IiMzQkJERjkiIG1hc2s9InVybCgjbWFzay00KSI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+)
}

.visitor footer .footer-top .social .social-icon img {
	width: 50px
}

.visitor footer .footer-top .social .social-contact {
	position: relative
}

.visitor footer .footer-top .social .social-contact li {
	padding-bottom: 25px
}

.visitor footer .footer-top .social .social-contact li:hover p {
	text-decoration: underline
}

.visitor footer .footer-top .social .social-contact li i {
	position: absolute;
	color: #fff;
	font-size: 18px;
	left: 5px;
	transform: scaleX(-1)
}

.visitor footer .footer-top .social .social-contact li p {
	color: #fff;
	padding-left: 35px;
	font-size: 14px;
	font-family: SanFranciscoText, sans-serif;
	font-weight: 400
}

.visitor footer .footer-top .social button {
	padding: 13px 48px;
	border-radius: 32px;
	box-shadow: 0 5px 15px 0 rgba(255, 115, 69, .5);
	width: 225px
}

.visitor footer .footer-top .list-courses {
	float: left;
	margin-right: 130px
}

@media (max-width:1140px) {
	.visitor footer .footer-top .list-courses {
		margin-right: 70px
	}
}

@media (max-width:992px) {
	.visitor footer .footer-top .list-courses {
		margin-right: 0;
		margin-bottom: 0
	}
}

.visitor footer .footer-top .list-courses ul {
	margin-bottom: 25px
}

.visitor footer .footer-top .list-courses ul li a {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 2.14;
	font-family: SanFranciscoText, sans-serif
}

.visitor footer .footer-top .list-courses ul li a:hover {
	text-decoration: underline
}

.visitor footer .footer-top .info {
	float: left
}

.visitor footer .footer-top .info ul {
	margin-bottom: 25px
}

.visitor footer .footer-top .info ul li a {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 2.14;
	font-family: SanFranciscoText, sans-serif
}

.visitor footer .footer-top .info ul li a:hover {
	text-decoration: underline
}

.visitor footer .footer-top .info .card-product:last-child {
	width: 141px
}

.visitor footer .footer-top .info .card-product {
	border-radius: 10px;
	background-color: #fff;
	height: 40px;
	margin: 8px 0 15px;
	width: 132px
}

.visitor footer .footer-top .info .card-product a {
	display: block;
	padding: 5px 0;
	text-align: center
}

.visitor footer .footer-top .info .card-product a:hover img {
	transform: scale(1.1)
}

.visitor footer .footer-top .info .card-product a img {
	height: 30px;
	width: auto;
	margin: 0 auto;
	transition: all .35s ease-in-out
}

.visitor footer .footer-top .fanpage {
	float: right;
	max-width: 255px
}

@media (max-width:1023px) {
	.visitor footer .footer-top .fanpage {
		float: left
	}
}

.visitor footer .footer-bot .col-4:nth-child(2) .card-product,
.visitor footer .footer-bot .col-4:nth-child(2) p {
	margin: 0 auto
}

.visitor footer .footer-bot .col-4:nth-child(3) .card-product,
.visitor footer .footer-bot .col-4:nth-child(3) p {
	float: right
}

.visitor footer .footer-bot h4 {
	text-align: center;
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	margin-top: 25px
}

.visitor footer .footer-bot h4 span {
	font-weight: 600
}

.visitor footer .footer-bot p {
	font-size: 14px;
	line-height: 1.43;
	color: #fff;
	text-align: center;
	max-width: 190px;
	font-weight: 400;
	font-family: SanFranciscoText, sans-serif;
	padding-top: 5px
}

.visitor footer .footer-bot .footer-product {
	max-width: 700px;
	margin: 0 auto;
	padding: 20px 0 30px
}

@media (max-width:1140px) {
	.visitor footer .footer-bot .footer-product {
		width: 650px
	}
}

.visitor footer .footer-bot .footer-product .card-product {
	border-radius: 10px;
	background-color: #fff;
	height: 55px;
	width: 190px
}

.visitor footer .footer-bot .footer-product .card-product a {
	display: block;
	padding: 6px 0;
	text-align: center
}

.visitor footer .footer-bot .footer-product .card-product a:hover img {
	transform: scale(1.1)
}

.visitor footer .footer-bot .footer-product .card-product a img {
	height: 42px;
	width: auto;
	margin: 0 auto;
	transition: all .35s ease-in-out
}

.visitor footer .sp-visitor-footer {
	margin: 0 35px
}

@media (max-width:424px) {
	.visitor footer .sp-visitor-footer {
		margin: 0 30px
	}
}

@media (max-width:374px) {
	.visitor footer .sp-visitor-footer {
		margin: 0 2px
	}
}

@media (max-width:424px) {
	.visitor footer .sp-visitor-footer .sp-visitor-contact .col-6 {
		padding-right: 4px;
		padding-left: 4px
	}
}

.visitor footer .sp-visitor-footer .sp-visitor-contact a {
	display: block;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 30px;
	padding: 10px 15px;
	text-align: center
}

.visitor footer .sp-visitor-footer .sp-visitor-contact a i {
	font-size: 18px;
	padding-bottom: 5px;
	transform: scaleX(-1);
	display: block
}

.visitor footer .sp-visitor-footer .sp-visitor-contact a p {
	display: inline;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	position: relative;
	top: -3px
}

.visitor footer .sp-visitor-footer .sp-visitor-menu {
	text-align: center;
	color: #fff
}

.visitor footer .sp-visitor-footer .sp-visitor-menu div {
	margin: 10px 0 5px
}

.visitor footer .sp-visitor-footer .sp-visitor-menu a {
	text-decoration: underline;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	font-family: SanFranciscoText, sans-serif
}

.visitor footer .sp-visitor-footer .sp-visitor-social {
	max-width: 250px;
	text-align: center;
	margin: 0 auto;
	margin-top: 15px
}

@media (max-width:424px) {
	.visitor footer .sp-visitor-footer .sp-visitor-social {
		max-width: 220px
	}
}

@media (max-width:424px) {
	.visitor footer .sp-visitor-footer .sp-visitor-social a img {
		width: 42px
	}
}

.visitor .visitor-copyright {
	background-color: #fff
}

.visitor .visitor-copyright .anchor-tag {
	padding: 30px 0;
	border-bottom: 1px solid #ddd
}

.visitor .visitor-copyright .anchor-tag span {
	font-size: 14px;
	font-family: SanFranciscoText, sans-serif;
	font-weight: 400;
	line-height: 1.71
}

.visitor .visitor-copyright .anchor-tag span a {
	color: #0059b3
}

.visitor .visitor-copyright .anchor-tag span a:hover {
	text-decoration: underline
}

.visitor .visitor-copyright .anchor-tag i {
	color: #0059b3;
	font-size: 4px;
	padding: 2px;
	position: relative;
	bottom: 3px
}

.visitor .visitor-copyright .info-address {
	padding: 30px 0
}

.visitor .visitor-copyright .info-address .col-8 .text p {
	line-height: 1.43;
	font-size: 14px;
	color: #333;
	font-family: SanFranciscoText, sans-serif;
	font-weight: 400
}

.visitor .visitor-copyright .info-address .col-4 {
	text-align: right;
	margin-top: -5px
}

.visitor .visitor-copyright .info-address .col-4 .pretext {
	line-height: 1.43;
	font-size: 14px;
	color: #333;
	font-family: SanFranciscoText, sans-serif;
	font-weight: 400;
	padding-top: 5px
}

.visitor .visitor-copyright .info-address .col-4 ul li {
	display: inline;
	margin-left: 45px
}

@media (max-width:1140px) {
	.visitor .visitor-copyright .info-address .col-4 ul li {
		margin-left: 0;
		display: block
	}
}

.visitor .visitor-copyright .info-address .col-4 ul li a {
	font-size: 14px;
	color: #0059b3;
	font-family: SanFranciscoText, sans-serif
}

.visitor .visitor-copyright .info-address .col-4 ul li a:hover {
	text-decoration: underline
}

#visitor-error {
	background-image: none;
	background-position: bottom;
	background-repeat: no-repeat;
	background-attachment: inherit;
	background-size: cover
}

#visitor-error header .logo-navbar ul li ul li a {
	color: #0059b3
}

#visitor-error .error {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-error.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding: 85px 0 255px
}

#visitor-error .error .error-text {
	max-width: 780px;
	text-align: center
}

#visitor-error .error .error-text h2 {
	font-size: 60px;
	margin-bottom: 0
}

@media (max-width:992px) {
	#visitor-error .error .error-text h2 {
		font-size: 36px
	}
}

#visitor-error .error .error-text p {
	color: #0059b3;
	padding: 15px 0 25px
}

#visitor-error .error .error-text button:hover {
	box-shadow: 0 8px 20px 0 rgba(255, 115, 69, .5)
}

.type-class {
	color: #fff!important;
	padding: 2px 10px 1px;
	border-radius: 15px;
	font-size: 12px!important;
	display: inline-block;
	margin-right: 5px;
	text-transform: uppercase
}

.type-class.vip {
	background-color: #fd4b2d
}

.type-class.speak {
	background-color: #8327f7
}

.wrapper-right-content .header-mobile-course {
	display: none
}

@media (max-width:991px) {
	.wrapper-right-content .header-mobile-course {
		display: -ms-flexbox;
		display: flex;
		position: fixed;
		top: 0;
		width: 100%;
		height: 60px;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: center;
		align-items: center;
		background-color: #09539b;
		padding: 12px 10px;
		box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .5);
		z-index: 3
	}
}

.wrapper-right-content .header-mobile-course__wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.wrapper-right-content .header-mobile-course__title {
	display: -ms-flexbox;
	display: flex;
	min-width: 30%
}

.wrapper-right-content .header-mobile-course__title p {
	color: #fff;
	font-family: SVN-ProductSans;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: .16px;
	color: hsla(0, 0%, 100%, .7);
	line-height: 1.4
}

.wrapper-right-content .header-mobile-course__title p span {
	font-family: SVN-Boing;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: .23px;
	color: #fff;
	display: block
}

.wrapper-right-content .header-mobile-course__title img {
	height: 36px;
	margin-right: 10px;
	cursor: pointer
}

.wrapper-right-content .header-mobile-course__score {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.wrapper-right-content .header-mobile-course__score__card {
	position: relative;
	border-radius: 15px;
	box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, .5), inset 0 -1px 0 0 #63b2db, inset 0 1px 0 0 rgba(0, 0, 0, .5);
	border: 1px solid #147eb5;
	background-color: #00436c;
	padding: 0 10px 0 25px;
	height: 28px;
	margin-right: 20px;
	cursor: pointer
}

.wrapper-right-content .header-mobile-course__score__card p {
	text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
	font-family: SVN-ProductSans;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	line-height: 26px;
	letter-spacing: normal
}

.wrapper-right-content .header-mobile-course__score__card img {
	position: absolute;
	left: -15px;
	top: calc(50% + 5px);
	transform: translateY(-50%);
	height: 40px
}

.wrapper-right-content .header-mobile-course__score__card--position img {
	left: -8px
}

.wrapper-right-content .header-mobile-course__name {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.wrapper-right-content .header-mobile-course__name img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin-left: 10px
}

.wrapper-right-content .header-mobile-course__name p {
	font-size: 12px;
	color: #fff;
	text-align: right
}

.wrapper-right-content .header-mobile-course__name p span {
	font-family: SVN-Boing;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .2px;
	text-align: right;
	display: block
}

#dashboard-lesson-page .header-tab-mobile-course {
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	max-width: calc(100% - 50px);
	border-radius: 20px 20px 0 0;
	box-shadow: 2px 2px 0 0 rgba(0, 0, 0, .5);
	border: 2px solid #fffcc9;
	background-color: #fffcc9;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 5px 15px;
	z-index: 3
}

#dashboard-lesson-page .header-tab-mobile-course__item {
	border-radius: 13px;
	box-shadow: inset 0 -2px 0 0 #ebd283, inset 0 1px 0 0 hsla(0, 0%, 78%, .5);
	border: 1px solid #fbf69e;
	background-color: #fffcc9;
	padding: 4px 10px 4px 20px;
	margin: 0 15px;
	position: relative;
	cursor: pointer
}

#dashboard-lesson-page .header-tab-mobile-course__item span {
	font-family: SVN-ProductSans;
	font-size: 14px;
	text-align: center;
	color: #78563c;
	white-space: nowrap
}

#dashboard-lesson-page .header-tab-mobile-course__item img {
	position: absolute;
	left: -6px;
	top: 50%;
	transform: translateY(-50%)
}

#dashboard-lesson-page .header-tab-mobile-course .active {
	box-shadow: 0 3px 0 0 rgba(0, 0, 0, .1), inset 0 -13px 0 0 hsla(0, 0%, 100%, .13), inset 0 2px 0 0 rgba(0, 0, 0, .2);
	border: 0 solid #fffcc9;
	background-color: #581891
}

#dashboard-lesson-page .header-tab-mobile-course .active span {
	color: #fff
}

#quiz-writing {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-writing-quiz.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	height: 100vh;
	font-family: SVN-ProductSans;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	position: relative;
	overflow: auto
}

#quiz-writing .close-btn {
	position: absolute;
	left: 40px;
	top: 20px;
	width: 60px;
	cursor: pointer;
	z-index: 2
}

@media (max-width:1024px) {
	#quiz-writing .close-btn {
		width: 36px;
		top: 15px;
		left: 20px
	}
}

#quiz-writing .writing-quiz-btn {
	display: inline-block;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	padding: 20px 45px;
	cursor: pointer;
	min-width: 220px;
	white-space: nowrap
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-btn {
		padding: 15px 25px;
		min-width: 140px
	}
}

#quiz-writing .writing-quiz-btn--long {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn-long.png);
	padding: 20px 80px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-btn--long {
		padding: 15px 40px;
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn.png)
	}
}

#quiz-writing .writing-quiz-btn--disable {
	padding: 20px 40px!important;
	filter: grayscale(70%)
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-btn--disable {
		padding: 15px!important
	}
}

#quiz-writing .writing-quiz-btn:hover {
	opacity: .8
}

#quiz-writing .writing-quiz-btn p {
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	color: #fff
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-btn p {
		font-size: 14px
	}
}

#quiz-writing .background {
	height: 100%;
	position: relative;
	padding: 115px 40px 80px
}

@media (max-width:1024px) {
	#quiz-writing .background {
		padding: 65px 20px 70px
	}
}

@media (max-width:768px) {
	#quiz-writing .background {
		padding: 65px 20px 40px
	}
}

#quiz-writing .background__title {
	position: absolute;
	top: 20px;
	right: 40px;
	text-align: right
}

@media (max-width:1024px) {
	#quiz-writing .background__title {
		top: 15px;
		right: 20px
	}
}

#quiz-writing .background__title p {
	font-size: 20px;
	color: #fff;
	padding-bottom: 5px
}

@media (max-width:1024px) {
	#quiz-writing .background__title p {
		font-size: 12px;
		padding-bottom: 3px
	}
}

#quiz-writing .background__title h2 {
	font-size: 25px;
	font-weight: 700;
	color: #ffe2ba
}

@media (max-width:1024px) {
	#quiz-writing .background__title h2 {
		font-size: 14px
	}
}

#quiz-writing .background__wrapper {
	height: 100%;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#quiz-writing .background__wrapper__left {
	background-color: #fff;
	width: calc(33% - 10px);
	border-radius: 30px;
	box-shadow: 0 5px 0 0 #d8d8d8, 0 2px 3px 0 hsla(0, 0%, 70%, .5);
	padding: 20px 25px 0
}

@media (max-width:1024px) {
	#quiz-writing .background__wrapper__left {
		width: calc(33% - 6px);
		border-radius: 20px;
		box-shadow: 0 5px 0 0 #d8d8d8, 0 2px 3px 0 hsla(0, 0%, 70%, .5);
		padding: 6px 15px 0
	}
}

#quiz-writing .background__wrapper__left .img-dot {
	max-width: 100%
}

#quiz-writing .background__wrapper__right {
	background-color: #fff;
	width: calc(67% - 10px);
	border-radius: 30px;
	box-shadow: 0 5px 0 0 #d8d8d8, 0 2px 3px 0 hsla(0, 0%, 70%, .5)
}

@media (max-width:1024px) {
	#quiz-writing .background__wrapper__right {
		width: calc(67% - 6px);
		border-radius: 20px;
		box-shadow: 0 5px 0 0 #d8d8d8, 0 2px 3px 0 hsla(0, 0%, 70%, .5)
	}
}

#quiz-writing .view-detail-result {
	font-size: 20px;
	font-weight: 700;
	color: #9756f0!important;
	cursor: pointer;
	display: inline-block
}

@media (max-width:1024px) {
	#quiz-writing .view-detail-result {
		font-size: 14px
	}
}

#quiz-writing .view-detail-result img {
	width: 12px;
	margin: 0 0 3px 10px
}

@media (max-width:1024px) {
	#quiz-writing .view-detail-result img {
		width: 6px;
		margin: 0 0 2px 6px
	}
}

#quiz-writing .view-detail-result--back img {
	transform: rotate(180deg);
	margin: 0 10px 3px 0
}

@media (max-width:1024px) {
	#quiz-writing .view-detail-result--back img {
		margin: 0 6px 2px 0
	}
}

#quiz-writing .score--red {
	color: #d23b11!important
}

#quiz-writing .score--yellow {
	color: #f3bb00!important
}

#quiz-writing .score--orange {
	color: #ff8300!important
}

#quiz-writing .score--green {
	color: #40b404!important
}

#quiz-writing .writing-quiz-info .writing-quiz-info-left {
	padding: 15px 5px 55px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-info .writing-quiz-info-left {
		padding: 10px 0 0;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}

#quiz-writing .writing-quiz-info .writing-quiz-info-left p {
	font-size: 20px;
	line-height: 1.5;
	color: #333
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-info .writing-quiz-info-left p {
		font-size: 14px;
		margin-bottom: 20px
	}
}

#quiz-writing .writing-quiz-info .writing-quiz-info-left p span {
	font-size: 18px;
	color: #fff;
	border-radius: 20px;
	background-color: #f35353;
	padding: 3px 15px 5px;
	display: table;
	margin-bottom: 10px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-info .writing-quiz-info-left p span {
		font-size: 12px;
		padding: 2px 10px;
		border-radius: 10px;
		margin-bottom: 5px
	}
}

#quiz-writing .writing-quiz-info .writing-quiz-info-left img {
	height: 65%
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-info .writing-quiz-info-left img {
		height: 50%
	}
}

@media (max-width:768px) {
	#quiz-writing .writing-quiz-info .writing-quiz-info-left img {
		display: none
	}
}

#quiz-writing .writing-quiz-info .writing-quiz-info-right {
	padding: 45px 0 0;
	text-align: center
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-info .writing-quiz-info-right {
		padding: 30px 0 0
	}
}

#quiz-writing .writing-quiz-info .writing-quiz-info-right h3 {
	font-size: 25px;
	font-weight: 700;
	color: #7e3f08;
	padding-bottom: 40px;
	line-height: 1.5
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-info .writing-quiz-info-right h3 {
		font-size: 14px;
		padding-bottom: 25px
	}
}

#quiz-writing .writing-quiz-info .writing-quiz-info-right__content {
	max-width: 425px;
	border-radius: 20px;
	background-color: #ffe2ba;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto 40px;
	padding: 42px 0;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-info .writing-quiz-info-right__content {
		max-width: 240px;
		padding: 20px 0;
		margin: 0 auto 20px
	}
}

#quiz-writing .writing-quiz-info .writing-quiz-info-right__content__line {
	display: block;
	width: 2px;
	height: 100px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-info .writing-quiz-info-right__content__line {
		height: 55px
	}
}

#quiz-writing .writing-quiz-info .writing-quiz-info-right__content p {
	font-size: 18px;
	color: #333;
	width: 50%
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-info .writing-quiz-info-right__content p {
		font-size: 12px
	}
}

#quiz-writing .writing-quiz-info .writing-quiz-info-right__content p span {
	font-size: 25px;
	font-weight: 700;
	color: #4aba32;
	display: block;
	margin-top: 12px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-info .writing-quiz-info-right__content p span {
		font-size: 14px;
		margin-top: 8px
	}
}

#quiz-writing .writing-quiz-question .background__title,
#quiz-writing .writing-quiz-question .background__title__clock {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

#quiz-writing .writing-quiz-question .background__title__clock {
	margin-right: 30px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-question .background__title__clock {
		margin-right: 20px
	}
}

#quiz-writing .writing-quiz-question .background__title__clock img {
	width: 55px;
	margin-right: 10px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-question .background__title__clock img {
		width: 28px;
		margin-right: 8px
	}
}

#quiz-writing .writing-quiz-question .background__title__clock p {
	font-size: 18px;
	color: #333;
	text-align: left;
	padding: 0;
	line-height: 1
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-question .background__title__clock p {
		font-size: 10px
	}
}

#quiz-writing .writing-quiz-question .background__title__clock p span {
	font-size: 30px;
	font-weight: 700;
	color: #333;
	display: block;
	margin-top: 5px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-question .background__title__clock p span {
		font-size: 16px;
		margin-top: 3px
	}
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-question .background__title .writing-quiz-btn {
		padding: 10px 20px;
		min-width: 110px
	}
}

#quiz-writing .writing-quiz-question .background__title .writing-quiz-btn p {
	font-size: 25px;
	padding-bottom: 0
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-question .background__title .writing-quiz-btn p {
		font-size: 14px
	}
}

#quiz-writing .writing-quiz-question .background__wrapper {
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: start;
	justify-content: flex-start
}

#quiz-writing .writing-quiz-question .background__wrapper__top {
	border-radius: 30px;
	box-shadow: 0 5px 0 0 #d8d8d8, 0 2px 3px 0 hsla(0, 0%, 70%, .5);
	background-color: #fff;
	margin-bottom: 40px;
	padding: 20px 50px 30px;
	max-height: 500%;
	transition: all 1s ease
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-question .background__wrapper__top {
		padding: 10px 20px 30px;
		border-radius: 20px;
		box-shadow: 0 5px 0 0 #d8d8d8, 0 2px 3px 0 hsla(0, 0%, 70%, .5);
		margin-bottom: 30px
	}
}

#quiz-writing .writing-quiz-question .background__wrapper__top--hide {
	max-height: 250px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-question .background__wrapper__top--hide {
		max-height: 135px;
		min-height: 135px;
		overflow: hidden
	}
	#quiz-writing .writing-quiz-question .background__wrapper__top--hide .writing-quiz-info-top {
		height: 85px!important
	}
}

#quiz-writing .writing-quiz-question .background__wrapper__top .img-dot {
	max-width: 100%;
	margin: 0 100px 15px;
	width: calc(100% - 200px)
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-question .background__wrapper__top .img-dot {
		margin: 0 0 10px;
		width: 100%
	}
}

#quiz-writing .writing-quiz-question .background__wrapper__top .writing-quiz-info-top {
	text-align: center;
	overflow: hidden;
	height: calc(100% - 30px)
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-question .background__wrapper__top .writing-quiz-info-top {
		padding: 0 10px
	}
}

#quiz-writing .writing-quiz-question .background__wrapper__top .writing-quiz-info-top h3 {
	font-size: 25px;
	font-weight: 700;
	text-align: left;
	color: #7e3f08;
	margin-bottom: 15px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-question .background__wrapper__top .writing-quiz-info-top h3 {
		font-size: 14px;
		margin-bottom: 10px
	}
}

#quiz-writing .writing-quiz-question .background__wrapper__top .writing-quiz-info-top p {
	font-size: 20px;
	line-height: 1.5;
	color: #333;
	text-align: left;
	margin-bottom: 30px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-question .background__wrapper__top .writing-quiz-info-top p {
		font-size: 13px;
		margin-bottom: 20px
	}
}

#quiz-writing .writing-quiz-question .background__wrapper__top .writing-quiz-info-top audio {
	display: block;
	margin: 0 auto 30px;
	width: 600px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, .4);
	border-radius: 90px;
	transform: scale(1.05);
	outline: none!important;
	border: none!important
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-question .background__wrapper__top .writing-quiz-info-top audio {
		width: 440px
	}
}

#quiz-writing .writing-quiz-question .background__wrapper__top .writing-quiz-info-top img {
	max-width: 780px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-question .background__wrapper__top .writing-quiz-info-top img {
		max-width: 440px
	}
}

#quiz-writing .writing-quiz-question .background__wrapper__bot {
	border-radius: 30px;
	box-shadow: 0 5px 0 0 #d8d8d8, 0 2px 3px 0 hsla(0, 0%, 70%, .5);
	background-color: #fff;
	margin-bottom: 80px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-question .background__wrapper__bot {
		border-radius: 20px;
		box-shadow: 0 5px 0 0 #d8d8d8, 0 2px 3px 0 hsla(0, 0%, 70%, .5);
		margin-bottom: 40px
	}
}

#quiz-writing .writing-quiz-question .background__wrapper__bot .writing-quiz-info-bot {
	padding: 40px 50px 30px;
	position: relative
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-question .background__wrapper__bot .writing-quiz-info-bot {
		padding: 20px 30px 30px
	}
}

#quiz-writing .writing-quiz-question .background__wrapper__bot .writing-quiz-info-bot h3 {
	font-size: 25px;
	font-weight: 700;
	text-align: left;
	color: #7e3f08;
	margin-bottom: 30px;
	height: 40px;
	line-height: 40px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-question .background__wrapper__bot .writing-quiz-info-bot h3 {
		font-size: 14px;
		margin-bottom: 10px;
		height: 30px;
		line-height: 30px
	}
}

#quiz-writing .writing-quiz-question .background__wrapper__bot .writing-quiz-info-bot h3 span {
	font-size: 13px;
	font-weight: 400;
	color: #888;
	margin-left: 10px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-question .background__wrapper__bot .writing-quiz-info-bot h3 span {
		margin-left: 8px
	}
}

#quiz-writing .writing-quiz-question .background__wrapper__bot .writing-quiz-info-bot textarea {
	width: 100%;
	border: none!important;
	background-color: transparent;
	padding: 0;
	outline: none!important;
	font-size: 20px;
	line-height: 1.5
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-question .background__wrapper__bot .writing-quiz-info-bot textarea {
		font-size: 13px
	}
}

#quiz-writing .writing-quiz-question .background__wrapper__bot .writing-quiz-info-bot textarea:-ms-input-placeholder {
	font-size: 13px;
	font-style: italic;
	color: #888
}

#quiz-writing .writing-quiz-question .background__wrapper__bot .writing-quiz-info-bot textarea::placeholder {
	font-size: 13px;
	font-style: italic;
	color: #888
}

#quiz-writing .writing-quiz-question .background__wrapper__bot .writing-quiz-info-bot textarea:focus:-ms-input-placeholder {
	color: transparent
}

#quiz-writing .writing-quiz-question .background__wrapper__bot .writing-quiz-info-bot textarea:focus::placeholder {
	color: transparent
}

#quiz-writing .writing-quiz-question .background__wrapper__bot .writing-quiz-info-bot .btn-toggle {
	border-radius: 20px;
	box-shadow: 0 3px 0 0 rgba(0, 0, 0, .1), inset 0 -13px 0 0 hsla(0, 0%, 100%, .13), inset 0 2px 0 0 rgba(0, 0, 0, .2);
	border: 0 solid #fffcc9;
	background-color: #581891;
	position: absolute;
	right: 50px;
	top: 40px;
	padding: 9px 25px 6px;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-question .background__wrapper__bot .writing-quiz-info-bot .btn-toggle {
		border-radius: 20px;
		box-shadow: 0 3px 0 0 rgba(0, 0, 0, .1), inset 0 -13px 0 0 hsla(0, 0%, 100%, .13), inset 0 2px 0 0 rgba(0, 0, 0, .2);
		top: 20px;
		right: 30px;
		padding: 7px 20px
	}
}

#quiz-writing .writing-quiz-question .background__wrapper__bot .writing-quiz-info-bot .btn-toggle:before {
	content: "\F077";
	font-family: FontAwesome;
	color: #fff;
	font-size: 16px;
	margin: 0 15px 5px 0
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-question .background__wrapper__bot .writing-quiz-info-bot .btn-toggle:before {
		font-size: 10px;
		margin: 0 8px 2px 0
	}
}

#quiz-writing .writing-quiz-question .background__wrapper__bot .writing-quiz-info-bot .btn-toggle:hover {
	opacity: .8
}

#quiz-writing .writing-quiz-question .background__wrapper__bot .writing-quiz-info-bot .btn-toggle p {
	font-size: 20px;
	color: #fff
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-question .background__wrapper__bot .writing-quiz-info-bot .btn-toggle p {
		font-size: 13px
	}
}

#quiz-writing .writing-quiz-question .background__wrapper__bot .writing-quiz-info-bot .btn-toggle--hide:before {
	content: "\F078"
}

#quiz-writing .writing-quiz-complete .writing-quiz-complete-left {
	position: relative;
	height: 100%
}

#quiz-writing .writing-quiz-complete .writing-quiz-complete-left img {
	width: 230px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-complete .writing-quiz-complete-left img {
		width: 100px
	}
}

#quiz-writing .writing-quiz-complete .writing-quiz-complete-right {
	padding: 70px 50px 0;
	text-align: center
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-complete .writing-quiz-complete-right {
		padding: 20px 20px 0
	}
}

#quiz-writing .writing-quiz-complete .writing-quiz-complete-right__content {
	padding-bottom: 40px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-complete .writing-quiz-complete-right__content {
		padding-bottom: 20px
	}
}

#quiz-writing .writing-quiz-complete .writing-quiz-complete-right__content p {
	font-size: 20px;
	line-height: 1.5;
	color: #333
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-complete .writing-quiz-complete-right__content p {
		font-size: 14px
	}
}

#quiz-writing .writing-quiz-complete .writing-quiz-complete-right__content p span {
	color: #09699b;
	font-weight: 600
}

#quiz-writing .writing-quiz-complete .writing-quiz-complete-right h3 {
	font-size: 25px;
	font-weight: 700;
	color: #7e3f08;
	margin-bottom: 20px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-complete .writing-quiz-complete-right h3 {
		font-size: 14px;
		margin-bottom: 10px
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-left {
	height: 100%;
	position: relative;
	padding: 0 5px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-left {
		padding: 0
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-left h3 {
	font-size: 25px;
	font-weight: 700;
	color: #7e3f08;
	margin: 15px 0 20px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-left h3 {
		font-size: 14px;
		margin: 5px 0 10px
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-left h4 {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	margin-bottom: 5px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-left h4 {
		font-size: 12px;
		margin-bottom: 2px
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-left__date {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 30px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-left__date {
		margin-bottom: 15px
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-left__date p {
	font-size: 20px;
	font-weight: 700;
	color: #666;
	margin-right: 10px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-left__date p {
		font-size: 12px;
		margin-right: 5px
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-left__date p:last-child {
	font-weight: 400
}

#quiz-writing .writing-quiz-history .writing-quiz-history-left__status {
	text-align: center;
	margin-bottom: 30px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-left__status {
		margin-bottom: 15px
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-left__status__score {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-title-writing-quiz.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	font-size: 35px;
	font-weight: 700;
	text-align: center;
	padding: 3px 0;
	margin: 0 auto;
	display: inline-block;
	width: 120px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-left__status__score {
		font-size: 25px;
		margin: 0 auto;
		width: 90px
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-left__status__score--ielts {
	width: 180px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-left__status__score--ielts {
		width: 120px
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-left__status__text {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-title-long-writing-quiz.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	font-size: 25px;
	font-weight: 700;
	color: #333;
	padding: 20px 0;
	max-width: 390px;
	margin: 0 auto
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-left__status__text {
		font-size: 12px;
		padding: 10px 0;
		max-width: 160px
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-left__do-again {
	background-color: rgba(213, 216, 255, .35);
	margin: 40px -30px 0;
	padding: 20px 30px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-left__do-again {
		margin: 15px -20px 0;
		padding: 5px 20px
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-left__do-again p {
	font-size: 20px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-left__do-again p {
		font-size: 12px
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-left__do-again p span {
	font-weight: 700
}

#quiz-writing .writing-quiz-history .writing-quiz-history-left__comment {
	padding: 25px 30px;
	margin: 0 -30px;
	background-color: #ffe2ba;
	font-size: 18px;
	line-height: 1.5
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-left__comment {
		padding: 5px 15px;
		margin: 0 -15px;
		font-size: 12px
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-left__comment p {
	font-size: 18px;
	color: #333
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-left__comment p {
		font-size: 13px
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-left .view-detail-result {
	position: absolute;
	bottom: 100px;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-left .view-detail-result {
		bottom: 45px
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-right {
	padding: 40px 10px 20px 30px;
	height: 100%;
	position: relative
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-right {
		padding: 20px 10px 20px 20px
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-right .writing-quiz-btn {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 20px;
	padding: 20px 140px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-right .writing-quiz-btn {
		padding: 15px 60px
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-right h3 {
	font-size: 25px;
	font-weight: 700;
	color: #7e3f08;
	margin-bottom: 30px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-right h3 {
		font-size: 14px;
		margin-bottom: 10px
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-right__content {
	height: calc(100% - 130px)
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-right__content {
		height: calc(100% - 80px)
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-right__content__title {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 20px;
	padding-right: 20px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-right__content__title {
		margin-bottom: 10px;
		padding-right: 10px
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-right__content__title p {
	font-size: 16px;
	color: #888
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-right__content__title p {
		font-size: 10px
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-right__content__table {
	height: calc(100% - 90px);
	overflow: auto;
	padding-right: 20px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-right__content__table {
		height: calc(100% - 25px);
		padding-right: 10px
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-right__content__table__card {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 20px 0;
	border-bottom: 1px dashed #d8d8d8
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-right__content__table__card {
		padding: 10px 0
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-right__content__table__card:first-child {
	padding: 0 0 20px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-right__content__table__card:first-child {
		padding: 0 0 10px
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-right__content__table__card__left p {
	font-size: 20px;
	color: #888
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-right__content__table__card__left p {
		font-size: 13px
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-right__content__table__card__left p:first-child {
	color: #333;
	padding-bottom: 10px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-right__content__table__card__left p:first-child {
		padding-bottom: 5px
	}
}

#quiz-writing .writing-quiz-history .writing-quiz-history-right__content__table__card__right {
	text-align: right
}

#quiz-writing .writing-quiz-history .writing-quiz-history-right__content__table__card__right p:first-child {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	padding-bottom: 10px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-history .writing-quiz-history-right__content__table__card__right p:first-child {
		font-size: 14px;
		padding-bottom: 3px
	}
}

#quiz-writing .writing-quiz-result .writing-quiz-result-right {
	height: 100%;
	padding: 50px 30px 0
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-result .writing-quiz-result-right {
		padding: 20px
	}
}

#quiz-writing .writing-quiz-result .writing-quiz-result-right__tab {
	display: inline-block;
	border-radius: 20px;
	border: 1.5px solid #7e3f08;
	background-color: #fff;
	color: #7e3f08;
	margin-bottom: 30px;
	padding: 5px 0
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-result .writing-quiz-result-right__tab {
		margin-bottom: 20px;
		border-radius: 14px;
		padding: 3px 0
	}
}

#quiz-writing .writing-quiz-result .writing-quiz-result-right__tab__label {
	padding: 5px 20px;
	border-radius: 20px;
	cursor: pointer;
	font-size: 20px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-result .writing-quiz-result-right__tab__label {
		font-size: 14px;
		padding: 5px 15px;
		border-radius: 10px
	}
}

#quiz-writing .writing-quiz-result .writing-quiz-result-right__tab__active {
	color: #fff;
	background-color: #7e3f08
}

#quiz-writing .writing-quiz-result .writing-quiz-result-right__content {
	height: calc(100% - 200px)
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-result .writing-quiz-result-right__content {
		height: calc(100% - 50px)
	}
}

#quiz-writing .writing-quiz-result .writing-quiz-result-right__content__student {
	height: 100%;
	overflow: auto
}

#quiz-writing .writing-quiz-result .writing-quiz-result-right__content__student__comment {
	font-size: 20px;
	line-height: 1.5;
	margin-right: 5px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-result .writing-quiz-result-right__content__student__comment {
		font-size: 14px
	}
}

#quiz-writing .writing-quiz-result .writing-quiz-result-right__content__student p {
	font-size: 20px;
	line-height: 1.5;
	color: #333
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-result .writing-quiz-result-right__content__student p {
		font-size: 14px
	}
}

#quiz-writing .writing-quiz-result .writing-quiz-result-right__content__teacher {
	position: relative;
	height: 100%
}

#quiz-writing .writing-quiz-result .writing-quiz-result-right__content__teacher__before {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%)
}

#quiz-writing .writing-quiz-result .writing-quiz-result-right__content__teacher__before h4 {
	font-size: 25px;
	font-weight: 700;
	color: #333;
	margin-bottom: 50px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-result .writing-quiz-result-right__content__teacher__before h4 {
		font-size: 14px;
		margin-bottom: 25px
	}
}

@media (min-width:1025px) and (max-height:740px) {
	#quiz-writing .writing-quiz-result .writing-quiz-result-right__content__teacher__before h4 {
		font-size: 14px;
		margin-bottom: 25px
	}
}

#quiz-writing .writing-quiz-result .writing-quiz-result-right__content__teacher__before img {
	width: 230px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-result .writing-quiz-result-right__content__teacher__before img {
		width: 70px
	}
}

@media (min-width:1025px) and (max-height:740px) {
	#quiz-writing .writing-quiz-result .writing-quiz-result-right__content__teacher__before img {
		width: 70px
	}
}

#quiz-writing .writing-quiz-result .writing-quiz-result-right__content__teacher__after {
	text-align: center;
	height: 100%
}

#quiz-writing .writing-quiz-result .writing-quiz-result-right__content__teacher__after p {
	text-align: left;
	max-height: calc(100% - 100px);
	overflow: auto;
	font-size: 20px;
	line-height: 1.5
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-result .writing-quiz-result-right__content__teacher__after p {
		font-size: 13px;
		max-height: calc(100% - 65px)
	}
}

#quiz-writing .writing-quiz-result .writing-quiz-result-right__content__teacher__after .writing-quiz-btn {
	margin-top: 50px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-result .writing-quiz-result-right__content__teacher__after .writing-quiz-btn {
		margin-top: 20px
	}
}

#quiz-writing .writing-quiz-form .writing-quiz-form-left {
	padding: 55px 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-form .writing-quiz-form-left {
		padding: 20px 0
	}
}

@media (max-width:768px) {
	#quiz-writing .writing-quiz-form .writing-quiz-form-left {
		padding: 10px 0
	}
}

#quiz-writing .writing-quiz-form .writing-quiz-form-left h3 {
	color: #7e3f08;
	font-family: SVN-ProductSans;
	font-size: 25px;
	padding-bottom: 75px;
	font-weight: 700;
	line-height: 35px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-form .writing-quiz-form-left h3 {
		font-size: 18px;
		line-height: 25px;
		padding-bottom: 35px
	}
}

@media (max-width:768px) {
	#quiz-writing .writing-quiz-form .writing-quiz-form-left h3 {
		font-size: 14px;
		line-height: 20px;
		padding-bottom: 15px
	}
}

#quiz-writing .writing-quiz-form .writing-quiz-form-left img {
	height: 65%
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-form .writing-quiz-form-left img {
		height: 50%
	}
}

@media (max-width:768px) {
	#quiz-writing .writing-quiz-form .writing-quiz-form-left img {
		height: 40%
	}
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right {
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	padding: 50px 10px 20px 40px;
	height: 100%
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-form .writing-quiz-form-right {
		padding: 25px 5px 10px 20px
	}
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right ::-webkit-scrollbar {
	width: 4px!important;
	position: relative;
	right: 0
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right ::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #dca35e;
	border-radius: 10px
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right ::-webkit-scrollbar-thumb {
	background: #d69e5c;
	border-radius: 11px
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right ::-webkit-scrollbar-thumb:hover {
	background: #d69e5c
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right form {
	width: 100%;
	overflow: auto;
	height: 100%;
	padding-right: 30px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-form .writing-quiz-form-right form {
		padding-right: 15px
	}
}

@media (max-width:768px) {
	#quiz-writing .writing-quiz-form .writing-quiz-form-right form .input-wrapper {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media (max-width:768px) {
	#quiz-writing .writing-quiz-form .writing-quiz-form-right .input-container {
		width: 48%!important
	}
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right .input-content {
	padding: 0 0 20px;
	background-color: #fff;
	border-radius: 10px;
	max-width: 520px;
	margin: 0 auto
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-form .writing-quiz-form-right .input-content {
		padding: 0 0 15px
	}
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right .input-label {
	float: left;
	font-size: 18px;
	text-align: center;
	color: #666;
	font-weight: 400
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-form .writing-quiz-form-right .input-label {
		font-size: 14px
	}
}

@media (max-width:768px) {
	#quiz-writing .writing-quiz-form .writing-quiz-form-right .input-label {
		font-size: 12px;
		margin-bottom: 5px
	}
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right .input {
	border-radius: 5px;
	box-shadow: inset 0 -2px 0 0 hsla(0, 0%, 70%, .5);
	border: 1px solid #ddd;
	background-color: #fff;
	font-size: 22px;
	padding: 12px 15px 14px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-form .writing-quiz-form-right .input {
		font-size: 16px;
		padding: 11px 10px 9px
	}
}

@media (max-width:768px) {
	#quiz-writing .writing-quiz-form .writing-quiz-form-right .input {
		font-size: 14px;
		padding: 9px 10px 7px
	}
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right .form-checkbox {
	text-align: left;
	padding: 5px;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right .checkbox-label {
	font-family: SVN-ProductSans;
	color: #4a4a4a;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	margin-left: 10px;
	width: 80%
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right .notification-label {
	margin-top: 46px;
	font-family: SVN-ProductSans;
	color: #4a4a4a;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 0
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right input[type=checkbox]+label {
	margin-bottom: 0
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right input[type=checkbox]:checked+label {
	color: #4a4a4a!important;
	text-shadow: none!important;
	margin-bottom: 0
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right .title {
	color: #ff5965;
	padding-bottom: 35px
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right h3 {
	font-family: SVN-Boing;
	font-size: 25px;
	font-weight: 600;
	line-height: 1.4;
	padding: 10px 0 30px
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right .note-quiz {
	font-family: SVN-ProductSans;
	font-size: 14px;
	line-height: 19px;
	max-width: 520px;
	margin: 0 auto
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right .note-quiz span {
	color: #f35353;
	font-weight: 700
}

@media (max-width:768px) {
	#quiz-writing .writing-quiz-form .writing-quiz-form-right .note-quiz {
		font-size: 10px;
		line-height: 14px
	}
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right .btn-quiz-start {
	text-align: center
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right .btn-quiz-start button {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn-long.png);
	background-color: transparent;
	background-size: 100% 100%;
	width: 370px;
	height: 75px;
	border: none;
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	margin-top: 40px;
	border-radius: 45px
}

@media (max-width:1024px) {
	#quiz-writing .writing-quiz-form .writing-quiz-form-right .btn-quiz-start button {
		font-size: 18px;
		width: 220px;
		height: 50px;
		margin-top: 20px;
		font-size: 14px;
		width: 185px;
		height: 40px;
		margin-top: 15px
	}
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right .quiz-level-phone-input-container {
	display: inline-block;
	width: 100%
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right .quiz-level-phone-input-container .phonenumber-input__container {
	width: 100%
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right .quiz-level-phone-input-container .phonenumber-input__container .phonenumber-input--dropdown__container {
	padding: 0
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right .quiz-level-phone-input-container .phonenumber-input__container .dropdown p {
	color: #000;
	font-size: 20px
}

@media (max-width:991px) {
	#quiz-writing .writing-quiz-form .writing-quiz-form-right .quiz-level-phone-input-container .phonenumber-input__container .dropdown p {
		font-size: 16px
	}
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right .quiz-level-phone-input-container .phonenumber-input__container input {
	font-size: 24px;
	padding: 20px;
	border-radius: 10px;
	box-shadow: inset 0 -2px 0 0 hsla(0, 0%, 70%, .5)
}

@media (max-width:991px) {
	#quiz-writing .writing-quiz-form .writing-quiz-form-right .quiz-level-phone-input-container .phonenumber-input__container input {
		font-size: 16px;
		padding: 10px
	}
}

#quiz-writing .writing-quiz-form .writing-quiz-form-right .quiz-level-phone-input-container .phonenumber-input__container input.is-phone-number {
	padding-left: 120px
}

@media (max-width:991px) {
	#quiz-writing .writing-quiz-form .writing-quiz-form-right .quiz-level-phone-input-container .phonenumber-input__container input.is-phone-number {
		padding-left: 100px
	}
}

.modal-quiz-writing.fade .modal-dialog {
	transform: translate3d(100%, 0, 0)
}

.modal-quiz-writing.show .modal-dialog {
	transform: translate(0)
}

.modal-quiz-writing {
	font-family: SVN-ProductSans
}

.modal-quiz-writing .modal-dialog {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	height: 100%;
	width: 45%;
	max-width: none!important
}

@media (max-width:1024px) {
	.modal-quiz-writing .modal-dialog {
		width: 55%
	}
}

.modal-quiz-writing .modal-dialog .modal-content {
	width: 100%!important;
	height: 100%;
	border-radius: 0 0 0 100px
}

@media (max-width:1024px) {
	.modal-quiz-writing .modal-dialog .modal-content {
		border-radius: 0 0 0 50px
	}
}

.modal-quiz-writing .modal-dialog .modal-content .modal-body {
	padding: 100px 40px 0;
	text-align: center;
	overflow: auto;
	margin-bottom: 10px
}

@media (max-width:1024px) {
	.modal-quiz-writing .modal-dialog .modal-content .modal-body {
		padding: 60px 15px 0
	}
}

.modal-quiz-writing .modal-dialog .modal-content .modal-body h3 {
	font-size: 35px;
	font-weight: 700;
	line-height: 1.3;
	color: #09699b;
	margin-bottom: 30px
}

@media (max-width:1024px) {
	.modal-quiz-writing .modal-dialog .modal-content .modal-body h3 {
		font-size: 16px;
		margin-bottom: 15px
	}
}

.modal-quiz-writing .modal-dialog .modal-content .modal-body .kani-ava {
	width: 190px;
	margin: 0 0 20px
}

@media (max-width:1024px) {
	.modal-quiz-writing .modal-dialog .modal-content .modal-body .kani-ava {
		width: 88px
	}
}

.modal-quiz-writing .modal-dialog .modal-content .modal-body .clock-timeout {
	width: 190px;
	margin: 0 0 30px
}

@media (max-width:1024px) {
	.modal-quiz-writing .modal-dialog .modal-content .modal-body .clock-timeout {
		width: 90px;
		margin: 0 0 15px
	}
}

.modal-quiz-writing .modal-dialog .modal-content .modal-body p {
	font-size: 25px;
	line-height: 1.5;
	color: #333;
	margin-bottom: 30px
}

@media (max-width:1024px) {
	.modal-quiz-writing .modal-dialog .modal-content .modal-body p {
		font-size: 14px;
		margin-bottom: 15px
	}
}

@media (max-width:1024px) {
	.modal-quiz-writing .modal-dialog .modal-content .modal-body .modal-kani {
		width: 100px
	}
}

.modal-quiz-writing .modal-dialog .modal-content .modal-body .form button {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn.png);
	background-size: 100% 100%;
	font-size: 25px;
	font-weight: 700;
	color: #fff;
	padding: 20px 60px!important;
	width: auto;
	height: auto
}

.modal-quiz-writing .modal-dialog .modal-content .modal-body .form button .tag-text {
	text-transform: none
}

@media (max-width:1024px) {
	.modal-quiz-writing .modal-dialog .modal-content .modal-body .form button {
		margin-top: 15px;
		font-size: 14px;
		padding: 12px 40px!important
	}
}

.modal-quiz-writing .modal-dialog .modal-content .modal-body .form button:hover {
	opacity: .8
}

.modal-quiz-writing .modal-dialog .modal-content .modal-body .form button:active {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn.png)!important
}

.modal-quiz-writing .form__close {
	position: absolute;
	left: 40px;
	top: 30px;
	width: 60px;
	height: 60px;
	display: block;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/icon-btn-back.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	color: transparent;
	cursor: pointer
}

@media (max-width:1024px) {
	.modal-quiz-writing .form__close {
		left: 15px;
		top: 15px;
		width: 36px;
		height: 36px
	}
}

.modal-quiz-writing--long .modal-dialog .modal-content .modal-body .form button {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn-long.png);
	padding: 20px 80px!important
}

@media (max-width:1024px) {
	.modal-quiz-writing--long .modal-dialog .modal-content .modal-body .form button {
		padding: 15px 40px!important
	}
}

.modal-quiz-writing--long .modal-dialog .modal-content .modal-body .form button:active {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn-long.png)!important
}

.comment--red {
	color: #d23b11!important;
	cursor: pointer
}

.comment--yellow {
	color: #f3bb00!important;
	cursor: pointer
}

.comment--orange {
	color: #ff8300!important;
	cursor: pointer
}

.comment--green {
	color: #40b404!important;
	cursor: pointer
}

.writing-quiz-popover {
	background-color: #ececec;
	padding: 10px 20px;
	border-radius: 20px;
	font-family: SVN-ProductSans
}

@media (max-width:1024px) {
	.writing-quiz-popover {
		padding: 5px 10px;
		border-radius: 10px
	}
}

.writing-quiz-popover .popover-body {
	box-shadow: none;
	padding: 0;
	text-align: left;
	position: relative
}

.writing-quiz-popover .popover-body span {
	font-size: 20px;
	line-height: 1.5;
	color: #333;
	display: block
}

@media (max-width:1024px) {
	.writing-quiz-popover .popover-body span {
		font-size: 14px
	}
}

.writing-quiz-popover .popover-body .view-detail-result {
	font-size: 20px;
	font-weight: 700;
	color: #9756f0!important;
	cursor: pointer;
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 20px
}

@media (max-width:1024px) {
	.writing-quiz-popover .popover-body .view-detail-result {
		font-size: 14px;
		margin-top: 10px
	}
}

.writing-quiz-popover .popover-body .view-detail-result img {
	width: 12px;
	margin: 0 0 3px 10px
}

@media (max-width:1024px) {
	.writing-quiz-popover .popover-body .view-detail-result img {
		width: 6px;
		margin: 0 0 2px 6px
	}
}

.writing-quiz-popover .popover-body .view-detail-result--back img {
	transform: rotate(180deg);
	margin: 0 10px 3px 0
}

@media (max-width:1024px) {
	.writing-quiz-popover .popover-body .view-detail-result--back img {
		margin: 0 6px 2px 0
	}
}

.writing-quiz-popover .arrow:after {
	border-bottom-color: #ececec;
	border-top-color: #ececec
}

.wrapper-form {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg_login_template.jpg);
	background-position: 50%;
	background-size: cover;
	padding: 10px 0;
	min-height: 100vh;
	background-attachment: fixed;
	display: -ms-flexbox;
	display: flex;
	padding-top: 70px
}

@media (max-width:767px) {
	.wrapper-form {
		background-position: 0 100%;
		padding: 50px 0
	}
}

@media (max-width:767px) and (max-height:720px) {
	.wrapper-form {
		padding-top: 80px
	}
}

.wrapper-form .form {
	width: 480px;
	padding: 30px 40px 15px;
	border-radius: 15px;
	-o-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .3);
	margin: auto;
	background-color: #fff
}

@media (max-width:767px) {
	.wrapper-form .form {
		width: calc(100% - 40px);
		padding: 20px
	}
}

.wrapper-form .form__img {
	margin: auto;
	width: 218px
}

.wrapper-form .form__btn i {
	margin-right: 10px
}

.wrapper-form .form__btn--fb {
	background-image: linear-gradient(83deg, #3bbdf9, #4e8ff8);
	border-radius: 25px;
	margin: 30px 0
}

@media (max-width:767px) {
	.wrapper-form .form__btn--fb {
		margin: 20px 0 30px
	}
}

.wrapper-form .form__btn--fb:active {
	background-image: linear-gradient(83deg, #3bbdf9, #4e8ff8)!important
}

.wrapper-form .form__btn--login {
	margin: 24px 0 15px
}

@media (max-width:767px) {
	.wrapper-form .form__btn--login {
		margin: 20px 0 15px
	}
}

.wrapper-form .form__btn--activecode {
	text-transform: uppercase;
	margin: 20px 0 30px;
	border-radius: 25px;
	background-image: linear-gradient(83deg, #3bbdf9, #4e8ff8);
	position: relative
}

.wrapper-form .form__btn--activecode .icon {
	width: 42px;
	height: 42px;
	border-radius: 25px;
	background-color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 4px;
	left: 4px
}

.wrapper-form .form__btn--activecode .icon img {
	width: 17px;
	height: 20px
}

@media (max-width:767px) {
	.wrapper-form .form__btn--activecode {
		margin: 20px 0 15px
	}
}

.wrapper-form .form__or {
	color: #999;
	font-family: SVN-ProductSans;
	font-size: 14px
}

.wrapper-form .form__note {
	margin-top: 40px;
	letter-spacing: .2px
}

@media (max-width:320px) {
	.wrapper-form .form__note {
		font-size: 13px
	}
}

.wrapper-form .form__note__register {
	ft-weight: 600;
	color: #50ad4e;
	text-decoration: underline
}

.wrapper-form .form .form-group {
	margin-bottom: 30px;
	position: relative
}

.wrapper-form .form .form-group__label {
	margin-bottom: 10px
}

.wrapper-form .form .form-group__input__password {
	padding-right: 135px
}

.wrapper-form .form .form-group__notification {
	text-align: left;
	margin-top: 5px
}

.wrapper-form .form .save-password__label {
	position: relative;
	top: -6px;
	cursor: pointer;
	margin-left: 10px;
	font-weight: 400
}

@media (max-width:767px) {
	.wrapper-form .form .save-password__label {
		font-size: 12px;
		margin-left: 5px
	}
}

.wrapper-form .form .save-password__text {
	font-style: italic;
	color: #0d920a;
	margin-bottom: 0;
	font-weight: 700;
	font-size: .9rem
}

@media (max-width:767px) {
	.wrapper-form .form .save-password__text {
		font-size: 12px;
		position: relative;
		top: 2px
	}
}

.wrapper-form .form .otp-title {
	font-size: 35px;
	color: #3bbdf9;
	font-weight: 600;
	font-family: SVN-Boing, sans-serif
}

.wrapper-form .form .otp-form-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	width: 100%
}

.wrapper-form .form .otp-form-label {
	font-size: 14px;
	color: #333;
	font-weight: 700
}

.wrapper-form .form .otp-form-label-underline {
	font-size: 14px;
	color: #333;
	font-weight: 700;
	text-decoration: underline
}

.wrapper-form .form .otp-form-description {
	color: #666;
	font-weight: 400;
	font-style: italic;
	font-size: 12px;
	float: right
}

.wrapper-form .form .otp-form-txt-left {
	text-align: left
}

.wrapper-form .form .otp-form-get-otp-txt {
	font-size: 14px;
	color: #4a4a4a
}

.wrapper-form .form .otp-form-get-otp-txt-phone {
	font-weight: 700
}

.wrapper-form .form .otp-form-get-otp-btn {
	border-radius: 16px;
	color: #6dcffc;
	width: 140px;
	height: 42px;
	border-radius: 25px;
	border: 2px solid #3bbdf9;
	text-align: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer
}

.wrapper-form .form .otp-form-get-otp-btn-label {
	font-size: 14px
}

.wrapper-form .form .otp-form-re-captcha {
	display: inline-block;
	text-align: center;
	margin-top: 10px
}

.wrapper-form .form .otp-form-note {
	font-size: 14px
}

.wrapper-form .form .otp-form-count-down {
	font-size: 14px;
	margin-top: 20px
}

.wrapper-form .form .margin-top-20 {
	margin-top: 20px
}

.wrapper-form .form .margin-top-10 {
	margin-top: 10px
}

.wrapper-form .form .margin-top-30 {
	margin-top: 30px
}

body.sidebar-open {
	overflow: hidden
}

#side-bar-parent {
	position: fixed;
	left: 0;
	top: 0;
	color: #fff!important;
	background-color: #062882;
	width: 200px;
	padding: 0 0 25px;
	height: 100vh;
	z-index: 2
}

@media (min-width:1600px) {
	#side-bar-parent {
		width: 300px
	}
}

@media (max-width:991px) {
	#side-bar-parent {
		padding: 0 15px 25px;
		width: 100%;
		right: -100%;
		left: 100%;
		z-index: 5;
		height: calc(100vh - 59px);
		top: 59px;
		transition: all .5s ease
	}
	#side-bar-parent.isShowed {
		right: 0;
		left: 0
	}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
	#side-bar-parent {
		height: calc(100% - 59px)
	}
}

@media only screen and (min-device-width:768px) and (max-device-width:991px) and (orientation:landscape) {
	#side-bar-parent .wrapper-scroll {
		max-height: calc(100% - 400px)!important
	}
}

@media (max-width:991px) {
	#side-bar-parent .side-scroll {
		overflow: scroll;
		height: calc(100% - 200px);
		box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, .5);
		margin: 0 -15px;
		padding: 0 15px
	}
}

#side-bar-parent .title {
	line-height: 1.57;
	letter-spacing: .2px;
	opacity: .9;
	font-size: 14px;
	background-color: #001e6d;
	padding: 20px 15px
}

@media (min-width:1600px) {
	#side-bar-parent .title {
		padding: 20px 20px 15px
	}
}

@media (max-width:991px) {
	#side-bar-parent .title {
		background-color: transparent;
		padding: 20px 15px 0
	}
}

#side-bar-parent .title-parent {
	line-height: 1.57;
	letter-spacing: .2px;
	opacity: .9;
	font-size: 14px;
	padding: 10px 15px
}

@media (min-width:1600px) {
	#side-bar-parent .title-parent {
		padding: 20px 20px 15px
	}
}

#side-bar-parent .logo {
	display: block;
	background: #062882;
	padding: 20px;
	text-align: center
}

@media (min-width:1600px) {
	#side-bar-parent .logo {
		padding: 11px 20px
	}
}

#side-bar-parent .parents-learning {
	cursor: pointer;
	margin: 0 5px;
	border-radius: 15px;
	padding: 10px;
	position: relative;
	overflow: visible;
	display: block
}

@media (min-width:1600px) {
	#side-bar-parent .parents-learning {
		width: calc(100% - 40px);
		margin-left: 20px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}

@media (max-width:991px) {
	#side-bar-parent .parents-learning {
		width: 100%;
		margin: 0 0 25px
	}
}

@media (max-width:320px) {
	#side-bar-parent .parents-learning {
		margin: 15px 0
	}
}

#side-bar-parent .parents-learning.active,
#side-bar-parent .parents-learning:hover {
	background-image: linear-gradient(51deg, #3bbdf9, #4e8ff8)
}

#side-bar-parent .parents-learning:hover .parents-learning__text {
	opacity: 1
}

#side-bar-parent .parents-learning__avatar {
	margin-right: 10px;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	object-fit: cover
}

#side-bar-parent .parents-learning__text {
	letter-spacing: .1px;
	font-size: 12px;
	position: relative;
	opacity: .6
}

@media (min-width:1600px) {
	#side-bar-parent .parents-learning__text {
		font-size: 14px;
		letter-spacing: .2px;
		font-weight: 600;
		position: static
	}
}

@media (max-width:991px) {
	#side-bar-parent .parents-learning__text {
		top: 50%;
		font-size: 16px;
		opacity: 1
	}
}

#side-bar-parent .wrapper-scroll {
	max-height: 150px!important;
	overflow: auto;
	padding: 0 5px;
	background-color: #001e6d
}

@media (min-width:1600px) {
	#side-bar-parent .wrapper-scroll {
		padding: 0 20px
	}
}

@media (max-width:991px) {
	#side-bar-parent .wrapper-scroll {
		padding: 0;
		max-height: none;
		background-color: transparent;
		margin-bottom: 10px
	}
}

#side-bar-parent .wrapper-scroll .children-learning .children-account {
	cursor: pointer;
	border-radius: 15px;
	padding: 10px;
	display: -ms-flexbox!important;
	display: flex!important;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 10px
}

#side-bar-parent .wrapper-scroll .children-learning .children-account.active,
#side-bar-parent .wrapper-scroll .children-learning .children-account:hover {
	background-image: linear-gradient(51deg, #3bbdf9, #4e8ff8)
}

#side-bar-parent .wrapper-scroll .children-learning .children-account__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover
}

#side-bar-parent .wrapper-scroll .children-learning .children-account__name {
	letter-spacing: .2px;
	margin-left: 10px;
	font-size: 14px
}

@media (min-width:1600px) {
	#side-bar-parent .wrapper-scroll .children-learning .children-account__name {
		font-size: 16px
	}
}

#side-bar-parent .wrapper-scroll-1-by-1 {
	max-height: 150px;
	overflow: auto;
	padding: 0 5px;
	margin-bottom: 15px
}

@media (min-width:1600px) {
	#side-bar-parent .wrapper-scroll-1-by-1 {
		padding: 0 20px
	}
}

@media (max-width:991px) {
	#side-bar-parent .wrapper-scroll-1-by-1 {
		padding: 0;
		max-height: none;
		margin-bottom: 20px
	}
}

#side-bar-parent .wrapper-scroll-1-by-1 .children-learning .children-account {
	cursor: pointer;
	border-radius: 15px;
	padding: 10px;
	display: -ms-flexbox!important;
	display: flex!important;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 5px
}

#side-bar-parent .wrapper-scroll-1-by-1 .children-learning .children-account.active,
#side-bar-parent .wrapper-scroll-1-by-1 .children-learning .children-account:hover {
	background-image: linear-gradient(51deg, #3bbdf9, #4e8ff8)
}

#side-bar-parent .wrapper-scroll-1-by-1 .children-learning .children-account__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover
}

#side-bar-parent .wrapper-scroll-1-by-1 .children-learning .children-account__name {
	letter-spacing: .2px;
	margin-left: 10px;
	font-size: 14px
}

@media (min-width:1600px) {
	#side-bar-parent .wrapper-scroll-1-by-1 .children-learning .children-account__name {
		font-size: 16px
	}
}

#side-bar-parent .add-account {
	border: 2px solid hsla(0, 0%, 100%, .1);
	border-radius: 15px;
	padding: 3px 11px 6px;
	display: block;
	width: calc(100% - 10px);
	margin-left: 5px
}

@media (max-width:991px) {
	#side-bar-parent .add-account {
		width: 100%;
		margin-left: 0;
		margin-top: 20px
	}
}

#side-bar-parent .add-account:hover {
	background-image: linear-gradient(51deg, #3bbdf9, #4e8ff8)
}

#side-bar-parent .add-account:hover .add-account__text {
	opacity: 1
}

@media (min-width:1600px) {
	#side-bar-parent .add-account {
		padding-top: 6px;
		width: calc(100% - 40px);
		margin-left: 20px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}

#side-bar-parent .add-account__text {
	font-size: 12px;
	opacity: .6;
	display: inline-block;
	position: relative;
	top: 10px;
	margin-left: 10px;
	color: #fff
}

@media (min-width:1600px) {
	#side-bar-parent .add-account__text {
		font-size: 14px;
		letter-spacing: .2px;
		top: 2px;
		margin-left: 10px
	}
	#side-bar-parent .add-account__text br {
		display: none
	}
}

@media (max-width:991px) {
	#side-bar-parent .add-account__text {
		margin-left: 7px;
		top: 5px;
		text-transform: uppercase;
		opacity: 1;
		font-size: 14px
	}
	#side-bar-parent .add-account__text br {
		display: none
	}
}

@media (max-width:320px) {
	#side-bar-parent .add-account__text {
		font-size: 12px
	}
}

#side-bar-parent .sidebar-bottom {
	margin-top: 40px;
	position: absolute;
	padding-bottom: 10px;
	bottom: 0;
	width: calc(100% - 20px);
	margin-left: 10px
}

@media (min-width:1600px) {
	#side-bar-parent .sidebar-bottom {
		width: calc(100% - 40px);
		margin-left: 20px
	}
}

@media (max-width:991px) {
	#side-bar-parent .sidebar-bottom {
		margin-left: 0;
		padding: 15px 0;
		width: calc(100% - 30px)
	}
}

#side-bar-parent .sidebar-bottom .feedback-btn {
	background-image: linear-gradient(76deg, #3bbdf9, #4e8ff8);
	border-radius: 30px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 10px 0;
	position: relative;
	outline: none;
	transition: all .3s ease;
	transform: translateX(0);
	width: 100%
}

@media (max-width:1199px) {
	#side-bar-parent .sidebar-bottom .feedback-btn {
		font-size: 16px
	}
}

#side-bar-parent .sidebar-bottom .feedback-btn:active {
	background-image: linear-gradient(76deg, #3bbdf9, #4e8ff8)!important
}

#side-bar-parent .sidebar-bottom .feedback-btn .tag-text {
	pointer-events: none
}

#side-bar-parent .sidebar-bottom .feedback-btn .modal-close {
	display: none
}

#side-bar-parent .sidebar-bottom .feedback-btn.animation-hide {
	background-image: none;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
	background-color: #fff;
	border: none
}

#side-bar-parent .sidebar-bottom .feedback-btn.animation-hide .text {
	display: none
}

#side-bar-parent .sidebar-bottom .feedback-btn.animation-hide .tag-text {
	position: static
}

#side-bar-parent .sidebar-bottom .feedback-btn.animation-hide .modal-close {
	transform: rotate(45deg);
	display: block;
	position: absolute;
	color: #000;
	font-size: 44px;
	font-weight: 400;
	top: -8px;
	left: 16px
}

#side-bar-parent .sidebar-bottom .menu-bottom {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 2px solid hsla(0, 0%, 100%, .1);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:991px) {
	#side-bar-parent .sidebar-bottom .menu-bottom {
		padding-top: 15px
	}
}

#side-bar-parent .sidebar-bottom .menu-bottom__item__link {
	letter-spacing: .2px;
	opacity: .6;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px
}

@media (max-width:320px) {
	#side-bar-parent .sidebar-bottom .menu-bottom__item__link {
		font-size: 12px
	}
}

#side-bar-parent .sidebar-bottom .menu-bottom__item__link:hover {
	opacity: 1
}

#side-bar-parent .sidebar-bottom .menu-bottom__item__link span {
	display: none
}

@media (min-width:1600px) {
	#side-bar-parent .sidebar-bottom .menu-bottom__item__link span {
		display: inline-block;
		position: relative;
		top: 2px
	}
}

@media (max-width:991px) {
	#side-bar-parent .sidebar-bottom .menu-bottom__item__link span {
		display: inline-block;
		position: relative;
		top: 2px
	}
}

#side-bar-parent .sidebar-bottom .menu-bottom__item__link img {
	margin-right: 5px
}

#side-bar-parent .sidebar-bottom .menu-bottom__item__text {
	display: none
}

@media (min-width:1600px) {
	#side-bar-parent .sidebar-bottom .menu-bottom__item__text {
		display: inline-block
	}
}

#side-bar-parent .sidebar-bottom .menu-bottom__item__img {
	margin-right: 5px
}

#side-bar-parent .sidebar-bottom .menu-bottom__item__img.logo-white {
	width: 100px
}

@media (max-width:1600px) {
	#side-bar-parent .sidebar-bottom .menu-bottom__item__img.logo-white {
		width: 70px
	}
}

#side-bar {
	position: fixed;
	left: 0;
	top: 0;
	color: #fff!important;
	background-color: #543219;
	width: 200px;
	padding: 0 0 25px;
	height: 100vh;
	z-index: 2
}

@media (min-width:1600px) {
	#side-bar {
		width: 300px
	}
}

@media (max-width:991px) {
	#side-bar {
		padding: 0 15px 25px;
		width: 100%;
		right: -100%;
		left: 100%;
		z-index: 5;
		height: calc(100vh - 59px);
		top: 59px;
		transition: all .5s ease
	}
	#side-bar.isShowed {
		right: 0;
		left: 0
	}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
	#side-bar {
		height: calc(100% - 59px)
	}
}

@media only screen and (min-device-width:768px) and (max-device-width:991px) and (orientation:landscape) {
	#side-bar .wrapper-scroll {
		max-height: calc(100% - 400px)!important
	}
}

@media (max-width:991px) {
	#side-bar .side-scroll {
		overflow: scroll;
		height: calc(100% - 200px);
		box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, .5);
		margin: 0 -15px;
		padding: 0 15px
	}
}

#side-bar .title {
	line-height: 1.57;
	letter-spacing: .2px;
	opacity: .9;
	font-size: 14px;
	background-color: #432814;
	padding: 20px 15px
}

@media (min-width:1600px) {
	#side-bar .title {
		padding: 20px 20px 15px
	}
}

@media (max-width:991px) {
	#side-bar .title {
		background-color: transparent;
		padding: 20px 15px 0
	}
}

#side-bar .title-parent {
	line-height: 1.57;
	letter-spacing: .2px;
	opacity: .9;
	font-size: 14px;
	padding: 10px 15px
}

@media (min-width:1600px) {
	#side-bar .title-parent {
		padding: 20px 20px 15px
	}
}

#side-bar .logo {
	display: block;
	background-color: #543219;
	padding: 20px;
	text-align: center
}

@media (min-width:1600px) {
	#side-bar .logo {
		padding: 11px 20px
	}
}

#side-bar .parents-learning {
	cursor: pointer;
	margin: 0 5px;
	border-radius: 15px;
	padding: 10px;
	position: relative;
	overflow: visible;
	display: block
}

@media (min-width:1600px) {
	#side-bar .parents-learning {
		width: calc(100% - 40px);
		margin-left: 20px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}

@media (max-width:991px) {
	#side-bar .parents-learning {
		width: 100%;
		margin: 0 0 25px
	}
}

@media (max-width:320px) {
	#side-bar .parents-learning {
		margin: 15px 0
	}
}

#side-bar .parents-learning.active {
	background-image: linear-gradient(51deg, #3bbdf9, #4e8ff8)
}

#side-bar .parents-learning:hover {
	background-color: #d67200
}

#side-bar .parents-learning:hover .parents-learning__text {
	opacity: 1
}

#side-bar .parents-learning__avatar {
	margin-right: 15px;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	object-fit: cover
}

#side-bar .parents-learning__text {
	letter-spacing: .1px;
	font-size: 12px;
	position: relative;
	opacity: .6
}

@media (min-width:1600px) {
	#side-bar .parents-learning__text {
		font-size: 14px;
		letter-spacing: .2px;
		font-weight: 600;
		position: static
	}
}

@media (max-width:991px) {
	#side-bar .parents-learning__text {
		top: 50%;
		font-size: 16px;
		opacity: 1
	}
}

#side-bar .wrapper-scroll {
	max-height: 150px!important;
	overflow: auto;
	padding: 0 5px;
	background-color: #432814
}

@media (min-width:1600px) {
	#side-bar .wrapper-scroll {
		padding: 0 20px
	}
}

@media (max-width:991px) {
	#side-bar .wrapper-scroll {
		padding: 0;
		max-height: none;
		background-color: transparent;
		margin-bottom: 10px
	}
}

#side-bar .wrapper-scroll .children-learning .children-account {
	cursor: pointer;
	border-radius: 15px;
	margin-bottom: 10px;
	padding: 10px;
	display: -ms-flexbox!important;
	display: flex!important;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center
}

#side-bar .wrapper-scroll .children-learning .children-account.active,
#side-bar .wrapper-scroll .children-learning .children-account:hover {
	background-color: #d67200
}

#side-bar .wrapper-scroll .children-learning .children-account__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover
}

#side-bar .wrapper-scroll .children-learning .children-account__name {
	letter-spacing: .2px;
	margin-left: 10px;
	font-size: 14px
}

@media (min-width:1600px) {
	#side-bar .wrapper-scroll .children-learning .children-account__name {
		font-size: 16px
	}
}

#side-bar .wrapper-scroll-1-by-1 {
	max-height: 150px;
	overflow: auto;
	padding: 0 5px;
	margin-bottom: 15px
}

@media (min-width:1600px) {
	#side-bar .wrapper-scroll-1-by-1 {
		padding: 0 20px
	}
}

@media (max-width:991px) {
	#side-bar .wrapper-scroll-1-by-1 {
		padding: 0;
		max-height: none;
		margin-bottom: 20px
	}
}

#side-bar .wrapper-scroll-1-by-1 .children-learning .children-account {
	cursor: pointer;
	border-radius: 15px;
	padding: 10px;
	display: -ms-flexbox!important;
	display: flex!important;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 5px
}

#side-bar .wrapper-scroll-1-by-1 .children-learning .children-account.active,
#side-bar .wrapper-scroll-1-by-1 .children-learning .children-account:hover {
	background-color: #d67200
}

#side-bar .wrapper-scroll-1-by-1 .children-learning .children-account__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover
}

#side-bar .wrapper-scroll-1-by-1 .children-learning .children-account__name {
	letter-spacing: .2px;
	margin-left: 10px;
	font-size: 14px
}

@media (min-width:1600px) {
	#side-bar .wrapper-scroll-1-by-1 .children-learning .children-account__name {
		font-size: 16px
	}
}

#side-bar .add-account {
	border: 2px solid hsla(0, 0%, 100%, .1);
	border-radius: 15px;
	padding: 3px 11px 6px;
	display: block;
	width: calc(100% - 10px);
	margin-left: 5px
}

@media (max-width:991px) {
	#side-bar .add-account {
		width: 100%;
		margin-left: 0;
		margin-top: 20px
	}
}

#side-bar .add-account:hover {
	background-color: #d67200
}

#side-bar .add-account:hover .add-account__text {
	opacity: 1
}

@media (min-width:1600px) {
	#side-bar .add-account {
		padding-top: 6px;
		width: calc(100% - 40px);
		margin-left: 20px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}

#side-bar .add-account__text {
	font-size: 12px;
	opacity: .6;
	display: inline-block;
	position: relative;
	top: 10px;
	margin-left: 10px;
	color: #fff
}

@media (min-width:1600px) {
	#side-bar .add-account__text {
		font-size: 14px;
		letter-spacing: .2px;
		top: 2px;
		margin-left: 10px
	}
	#side-bar .add-account__text br {
		display: none
	}
}

@media (max-width:991px) {
	#side-bar .add-account__text {
		margin-left: 7px;
		top: 5px;
		text-transform: uppercase;
		opacity: 1;
		font-size: 14px
	}
	#side-bar .add-account__text br {
		display: none
	}
}

@media (max-width:320px) {
	#side-bar .add-account__text {
		font-size: 12px
	}
}

#side-bar .sidebar-bottom {
	margin-top: 40px;
	position: absolute;
	padding-bottom: 10px;
	bottom: 0;
	width: calc(100% - 20px);
	margin-left: 10px
}

@media (min-width:1600px) {
	#side-bar .sidebar-bottom {
		width: calc(100% - 40px);
		margin-left: 20px
	}
}

@media (max-width:991px) {
	#side-bar .sidebar-bottom {
		margin-left: 0;
		padding: 15px 0;
		width: calc(100% - 30px)
	}
}

#side-bar .sidebar-bottom .feedback-btn {
	background-color: #d67200;
	border-radius: 30px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 10px 0;
	position: relative;
	outline: none;
	transition: all .3s ease;
	transform: translateX(0);
	width: 100%
}

@media (max-width:1199px) {
	#side-bar .sidebar-bottom .feedback-btn {
		font-size: 16px
	}
}

#side-bar .sidebar-bottom .feedback-btn:active {
	background-image: linear-gradient(76deg, #3bbdf9, #4e8ff8)!important
}

#side-bar .sidebar-bottom .feedback-btn .tag-text {
	pointer-events: none
}

#side-bar .sidebar-bottom .feedback-btn .modal-close {
	display: none
}

#side-bar .sidebar-bottom .feedback-btn.animation-hide {
	background-image: none;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
	background-color: #fff;
	border: none
}

#side-bar .sidebar-bottom .feedback-btn.animation-hide .text {
	display: none
}

#side-bar .sidebar-bottom .feedback-btn.animation-hide .tag-text {
	position: static
}

#side-bar .sidebar-bottom .feedback-btn.animation-hide .modal-close {
	transform: rotate(45deg);
	display: block;
	position: absolute;
	color: #000;
	font-size: 44px;
	font-weight: 400;
	top: -8px;
	left: 16px
}

#side-bar .sidebar-bottom .menu-bottom {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 2px solid hsla(0, 0%, 100%, .1);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:991px) {
	#side-bar .sidebar-bottom .menu-bottom {
		padding-top: 15px
	}
}

#side-bar .sidebar-bottom .menu-bottom__item__link {
	letter-spacing: .2px;
	opacity: .6;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px
}

@media (max-width:320px) {
	#side-bar .sidebar-bottom .menu-bottom__item__link {
		font-size: 12px
	}
}

#side-bar .sidebar-bottom .menu-bottom__item__link:hover {
	opacity: 1
}

#side-bar .sidebar-bottom .menu-bottom__item__link span {
	display: none
}

@media (min-width:1600px) {
	#side-bar .sidebar-bottom .menu-bottom__item__link span {
		display: inline-block;
		position: relative;
		top: 2px
	}
}

@media (max-width:991px) {
	#side-bar .sidebar-bottom .menu-bottom__item__link span {
		display: inline-block;
		position: relative;
		top: 2px
	}
}

#side-bar .sidebar-bottom .menu-bottom__item__link img {
	margin-right: 5px
}

#side-bar .sidebar-bottom .menu-bottom__item__text {
	display: none
}

@media (min-width:1600px) {
	#side-bar .sidebar-bottom .menu-bottom__item__text {
		display: inline-block
	}
}

#side-bar .sidebar-bottom .menu-bottom__item__img {
	margin-right: 5px
}

#side-bar .sidebar-bottom .menu-bottom__item__img.logo-white {
	width: 100px
}

@media (max-width:1600px) {
	#side-bar .sidebar-bottom .menu-bottom__item__img.logo-white {
		width: 70px
	}
}

.wrapper-background-children {
	background: url(https://cdn2.kynaforkids.vn/assets/images/img-new-background.png) 0 0 no-repeat
}

@media (min-width:992px) {
	.wrapper-background-children {
		background-repeat: round
	}
}

@media (max-width:991px) {
	.wrapper-background-children {
		background-size: auto 100%
	}
}

.dashboard-background-lesson {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-course-menu.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover
}

.wrapper-right-content {
	width: calc(100% - 200px);
	background-color: #f4f9ff;
	min-height: 100vh;
	overflow: hidden
}

@media (min-width:1600px) {
	.wrapper-right-content {
		width: calc(100% - 300px)
	}
}

@media (max-width:991px) {
	.wrapper-right-content {
		width: 100%
	}
}

.wrapper-right-content .register-success-notification {
	background-image: linear-gradient(88deg, #ff7345, #f73747);
	padding: 5px 40px;
	position: relative;
	margin-top: -50px;
	transition: all .5s ease
}

.wrapper-right-content .register-success-notification.show {
	margin-top: 0
}

@media (max-width:991px) {
	.wrapper-right-content .register-success-notification.show {
		top: 59px
	}
}

@media (max-width:991px) {
	.wrapper-right-content .register-success-notification {
		padding: 15px 10px
	}
}

@media (max-width:767px) {
	.wrapper-right-content .register-success-notification {
		top: 0;
		min-height: 52px;
		position: relative
	}
}

.wrapper-right-content .register-success-notification__img {
	width: 40px;
	height: 40px;
	display: inline-block;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	margin-right: 15px
}

@media (max-width:991px) {
	.wrapper-right-content .register-success-notification__img {
		position: absolute;
		top: 50%;
		transform: translateY(-50%)
	}
}

.wrapper-right-content .register-success-notification__text {
	letter-spacing: .2px;
	color: #fff;
	font-size: 16px
}

@media (max-width:991px) {
	.wrapper-right-content .register-success-notification__text {
		font-size: 14px;
		padding-left: 50px;
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		padding-right: 15px
	}
}

.wrapper-right-content .register-success-notification__text--email {
	font-weight: 600
}

.wrapper-right-content .register-success-notification__close {
	color: #fff;
	font-size: 30px;
	position: absolute;
	right: 40px;
	top: 0;
	cursor: pointer
}

@media (max-width:991px) {
	.wrapper-right-content .register-success-notification__close {
		right: 6px;
		top: -13px
	}
}

.wrapper-right-content main {
	padding: 30px 40px 60px
}

@media (max-width:991px) {
	.wrapper-right-content main {
		margin-top: 79px;
		padding: 0 15px 70px!important
	}
}

@media (max-width:767px) {
	.wrapper-right-content main {
		margin-top: 57px
	}
}

#video-game-wrapper {
	overflow: hidden;
	position: relative
}

#video-game-wrapper #cs-live-chat,
#video-game-wrapper #cs_chat_iframe {
	display: none!important;
	visibility: hidden
}

@keyframes shake {
	0% {
		transform: translate(1px, 1px) rotate(0deg)
	}
	10% {
		transform: translate(-1px, -2px) rotate(-5deg)
	}
	20% {
		transform: translate(-3px) rotate(5deg)
	}
	30% {
		transform: translate(3px, 2px) rotate(0deg)
	}
	40% {
		transform: translate(1px, -1px) rotate(5deg)
	}
	50% {
		transform: translate(-1px, 2px) rotate(-5deg)
	}
	60% {
		transform: translate(-3px, 1px) rotate(0deg)
	}
	70% {
		transform: translate(3px, 1px) rotate(-5deg)
	}
	80% {
		transform: translate(-1px, -1px) rotate(5deg)
	}
	90% {
		transform: translate(1px, 2px) rotate(0deg)
	}
	to {
		transform: translate(1px, -2px) rotate(-5deg)
	}
}

@keyframes transformAnim {
	0% {
		opacity: 0;
		top: 50%;
		visibility: visible
	}
	20% {
		opacity: 1;
		top: 50%;
		visibility: visible
	}
	50% {
		top: -50%;
		opacity: 1;
		visibility: visible
	}
	60% {
		top: 50%;
		opacity: 1;
		visibility: visible
	}
	80% {
		opacity: 1;
		top: 50%;
		visibility: visible
	}
	to {
		top: -50%;
		opacity: 1;
		visibility: visible
	}
}

#video-game-wrapper .wrapper-16-9 {
	width: 100%;
	padding-top: 56.25%;
	position: relative
}

#video-game-wrapper .wrapper-16-9__content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

#video-game-wrapper .wrapper-16-9-h5p {
	padding-top: calc(56.25% + 36px)
}

#video-game-wrapper .background-game {
	background-position: 50%;
	background-size: cover;
	width: 100%;
	height: 100%
}

#video-game-wrapper .video-game-container {
	width: 100%;
	height: 100vh;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/background-new.png);
	background-position: 50%;
	background-size: cover;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#video-game-wrapper .video-game-container .video-game-header {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 35px 25px;
	z-index: 2
}

@media (max-width:1024px) {
	#video-game-wrapper .video-game-container .video-game-header {
		display: none
	}
}

@keyframes livestream-color {
	0% {
		color: red
	}
	50% {
		color: #223caa
	}
	to {
		color: red
	}
}

#video-game-wrapper .video-game-container .video-game-header__livestream {
	position: absolute;
	right: 30px;
	top: 20px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	font-family: SVN-ProductSans
}

#video-game-wrapper .video-game-container .video-game-header__livestream .camera {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/livestream-icon.png);
	background-size: 100% 100%;
	width: 70px;
	height: 22px;
	display: block;
	margin: 0 auto 3px
}

#video-game-wrapper .video-game-container .video-game-header__livestream .camera p {
	font-size: 16px;
	font-weight: 700;
	color: red;
	line-height: 22px;
	text-align: left;
	padding-left: 4px;
	animation-name: livestream-color;
	animation-duration: 1s;
	animation-iteration-count: infinite
}

#video-game-wrapper .video-game-container .video-game-header__livestream .camera p i {
	font-size: 10px;
	position: relative;
	bottom: 2px;
	padding-right: 4px
}

#video-game-wrapper .video-game-container .video-game-header__livestream p {
	font-size: 11px
}

#video-game-wrapper .video-game-container .video-game-header__back {
	display: inline-block;
	position: relative;
	cursor: pointer;
	z-index: 2
}

@keyframes arrow-back {
	0% {
		left: 0
	}
	50% {
		left: -20px
	}
	to {
		left: 0
	}
}

#video-game-wrapper .video-game-container .video-game-header__back:hover img {
	animation: arrow-back .5s linear 0s infinite alternate
}

#video-game-wrapper .video-game-container .video-game-header__back img {
	width: 36px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}

#video-game-wrapper .video-game-container .video-game-header__back span {
	font-family: SVN-ProductSans;
	font-size: 22px;
	font-weight: 700;
	color: #fffcc9;
	padding-left: 47px
}

#video-game-wrapper .video-game-container .video-game-header__back__mobile {
	position: fixed;
	top: 5px;
	left: 5px;
	width: 35px;
	display: none;
	z-index: 2
}

@media (max-width:1024px) {
	#video-game-wrapper .video-game-container .video-game-header__back__mobile {
		display: block
	}
}

#video-game-wrapper .video-game-container .video-game-header__title {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 15px;
	left: 0
}

@media (max-width:1024px) {
	#video-game-wrapper .video-game-container .video-game-header__title {
		display: none
	}
}

#video-game-wrapper .video-game-container .video-game-header__title p {
	font-family: SVN-ProductSans;
	font-size: 20px;
	text-align: center;
	color: #fffcc9
}

#video-game-wrapper .video-game-container .video-game-header__title p span {
	display: block;
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	color: #fffcc9;
	max-width: 60%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0 auto
}

#video-game-wrapper .video-game-container .video-game {
	width: 100%;
	height: 100vh
}

#video-game-wrapper .video-game-container .video-game .game-play {
	height: 100%;
	position: relative
}

@media (max-width:1366px) {
	#video-game-wrapper .video-game-container .video-game .game-play {
		overflow: scroll
	}
}

#video-game-wrapper .video-game-container .video-game .game-play .btn-download-app {
	position: absolute;
	left: 20px;
	bottom: 20px;
	color: #fff;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/down-app-btn.png);
	background-size: 100% 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: 600;
	padding: 15px 25px 18px;
	z-index: 2;
	text-align: center
}

@media (max-width:991px) {
	#video-game-wrapper .video-game-container .video-game .game-play .btn-download-app {
		left: 5px;
		font-size: 10px;
		padding: 10px 10px 11px
	}
}

#video-game-wrapper .video-game-container .video-game .game-play .video-game-js {
	max-height: 100vh;
	position: relative;
	left: 50%;
	top: -40px;
	transform: translateX(-50%);
	max-width: 177.78vh;
	padding: 145px
}

@media (max-width:1024px) {
	#video-game-wrapper .video-game-container .video-game .game-play .video-game-js {
		top: calc(50% - 4px);
		transform: translate(-50%, -50%);
		padding: 0 40px
	}
}

#video-game-wrapper .video-game-container .video-game .game-play .video-game-js__h5p {
	padding: 145px;
	max-width: 177.78vh
}

@media (max-width:1366px) {
	#video-game-wrapper .video-game-container .video-game .game-play .video-game-js__h5p {
		max-width: none
	}
}

@media (max-width:1024px) {
	#video-game-wrapper .video-game-container .video-game .game-play .video-game-js__h5p {
		padding: 0
	}
}

#video-game-wrapper .video-game-container .video-game .game-play .video-game-js__wrapper {
	overflow: hidden;
	box-shadow: 5px 5px 0 0 rgba(0, 0, 0, .2);
	padding: 8px;
	background-color: #f0c36d
}

#video-game-wrapper .video-game-container .video-game .game-play .video-game-js__wrapper__border {
	overflow: hidden
}

#video-game-wrapper .video-game-container .video-game .game-play .video-game-js__wrapper__h5p {
	padding: 8px
}

@media (max-width:991px) {
	#video-game-wrapper .video-game-container .video-game .game-play .video-game-js__wrapper__h5p {
		margin: 0 24px;
		padding: 0
	}
}

#video-game-wrapper .video-game-container .video-game .game-play .game-bar {
	height: 70px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: -ms-flexbox;
	display: flex;
	z-index: 3
}

@media (max-width:991px) {
	#video-game-wrapper .video-game-container .video-game .game-play .game-bar {
		height: 50px
	}
}

#video-game-wrapper .video-game-container .video-game .game-play .game-bar__left {
	-ms-flex: 1;
	flex: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 30px
}

@media (max-width:991px) {
	#video-game-wrapper .video-game-container .video-game .game-play .game-bar__left {
		padding: 0 20px
	}
}

#video-game-wrapper .video-game-container .video-game .game-play .game-bar__left__countdown {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-count-down.png);
	width: 185px;
	height: 55px;
	background-position: 50%;
	background-size: 100% 100%
}

@media (max-width:991px) {
	#video-game-wrapper .video-game-container .video-game .game-play .game-bar__left__countdown {
		width: 135px;
		height: 40px
	}
}

#video-game-wrapper .video-game-container .video-game .game-play .game-bar__left__time-wrapper {
	width: 100%;
	height: 100%;
	margin-left: 50px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:991px) {
	#video-game-wrapper .video-game-container .video-game .game-play .game-bar__left__time-wrapper {
		margin-left: 30px
	}
}

#video-game-wrapper .video-game-container .video-game .game-play .game-bar__left__time {
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	position: relative;
	top: -2px;
	font-family: Futura
}

@media (max-width:991px) {
	#video-game-wrapper .video-game-container .video-game .game-play .game-bar__left__time {
		font-size: 17px
	}
}

#video-game-wrapper .video-game-container .video-game .game-play .game-bar__left__icon-volume {
	width: 50px;
	height: 50px;
	margin-left: 50px;
	cursor: pointer;
	transition: transform .3s
}

#video-game-wrapper .video-game-container .video-game .game-play .game-bar__left__icon-volume:hover {
	transform: scale(1.2)
}

#video-game-wrapper .video-game-container .video-game .game-play .game-bar__left__icon-volume:active {
	transform: scale(.8)
}

@media (max-width:991px) {
	#video-game-wrapper .video-game-container .video-game .game-play .game-bar__left__icon-volume {
		width: 40px;
		height: 40px;
		margin-left: 40px
	}
}

#video-game-wrapper .video-game-container .video-game .game-play .game-bar__right {
	-ms-flex: 1;
	flex: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 0 30px
}

@media (max-width:991px) {
	#video-game-wrapper .video-game-container .video-game .game-play .game-bar__right {
		padding: 0 20px
	}
}

#video-game-wrapper .video-game-container .video-game .game-play .game-bar__right__star-bg {
	width: 102px;
	height: 50px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 15px;
	padding: 0 10px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-star.png);
	background-position: 50%;
	background-size: 100% 100%;
	margin-left: 30px
}

@media (max-width:991px) {
	#video-game-wrapper .video-game-container .video-game .game-play .game-bar__right__star-bg {
		width: 82px;
		height: 40px;
		border-radius: 5px;
		margin-left: 20px
	}
}

#video-game-wrapper .video-game-container .video-game .game-play .game-bar__right__star-wrapper {
	width: 100%;
	height: 100%;
	margin-left: 40px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:991px) {
	#video-game-wrapper .video-game-container .video-game .game-play .game-bar__right__star-wrapper {
		margin-left: 32px
	}
}

#video-game-wrapper .video-game-container .video-game .game-play .game-bar__right__star {
	width: 30px;
	height: 30px
}

@media (max-width:991px) {
	#video-game-wrapper .video-game-container .video-game .game-play .game-bar__right__star {
		width: 25px;
		height: 25px
	}
}

#video-game-wrapper .video-game-container .video-game .game-play .game-bar__right__star-number {
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	position: relative;
	top: -2px;
	font-family: Futura;
	width: 100%;
	text-align: center
}

@media (max-width:991px) {
	#video-game-wrapper .video-game-container .video-game .game-play .game-bar__right__star-number {
		font-size: 16px
	}
}

#video-game-wrapper .video-game-container .video-game .game-play .game-bar__right__icon-next-game {
	width: 50px;
	height: 50px;
	margin-left: 30px;
	cursor: pointer;
	transition: transform .3s
}

#video-game-wrapper .video-game-container .video-game .game-play .game-bar__right__icon-next-game:hover {
	transform: scale(1.2)
}

#video-game-wrapper .video-game-container .video-game .game-play .game-bar__right__icon-next-game:active {
	transform: scale(.8)
}

@media (max-width:991px) {
	#video-game-wrapper .video-game-container .video-game .game-play .game-bar__right__icon-next-game {
		width: 40px;
		height: 40px;
		margin-left: 20px
	}
}

#video-game-wrapper .video-game-container .video-game .game-play .game-bar__right__icon-hint-game {
	height: 50px;
	cursor: pointer;
	transition: transform .3s
}

#video-game-wrapper .video-game-container .video-game .game-play .game-bar__right__icon-hint-game:hover {
	transform: scale(1.2)
}

#video-game-wrapper .video-game-container .video-game .game-play .game-bar__right__icon-hint-game:active {
	transform: scale(.8)
}

@media (max-width:991px) {
	#video-game-wrapper .video-game-container .video-game .game-play .game-bar__right__icon-hint-game {
		height: 40px
	}
}

#video-game-wrapper .video-game-container .video-game .game-play .animation {
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat
}

#video-game-wrapper .video-game-container .video-game .game-play .animation .end-screen-btn {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

#video-game-wrapper .video-game-container .video-game .game-play .animation .end-screen-btn__ic-btn {
	width: 80px;
	height: 80px;
	margin: 12% 10px 0
}

@keyframes moveScoreBoard {
	0% {
		top: -400%;
		transform: rotate(400deg)
	}
	to {
		top: 0;
		transform: rotate(0)
	}
}

#video-game-wrapper .game-score-wrapper {
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat
}

#video-game-wrapper .game-score-wrapper__star-fly {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2
}

#video-game-wrapper .game-score-wrapper .header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 70px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 60px;
	z-index: 2
}

#video-game-wrapper .game-score-wrapper .header__star-bg {
	width: 102px;
	height: 50px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 15px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-star.png);
	background-position: 50%;
	background-size: 100% 100%
}

#video-game-wrapper .game-score-wrapper .header__star-wrapper {
	width: 100%;
	height: 100%;
	margin-left: 40px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

#video-game-wrapper .game-score-wrapper .header__star-number {
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	position: relative;
	top: -2px;
	font-family: Futura
}

#video-game-wrapper .game-score-wrapper .game-score {
	background-position: 50%;
	background-size: 100% 100%;
	width: 45%;
	height: 70%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	animation: moveScoreBoard 1.5s;
	z-index: 2
}

#video-game-wrapper .game-score-wrapper .game-score__title {
	color: #fff;
	font-size: 2.2vw;
	font-weight: 700;
	margin-top: 28%;
	text-shadow: 2px 2px #ce5937;
	font-family: Futura;
	text-transform: uppercase
}

#video-game-wrapper .game-score-wrapper .game-score__btns {
	text-align: center;
	margin-top: 8%
}

#video-game-wrapper .game-score-wrapper .game-score__btns__ic-btn {
	width: 25%;
	height: auto;
	margin: 0 7%;
	cursor: pointer;
	transition: transform .3s
}

#video-game-wrapper .game-score-wrapper .game-score__btns__ic-btn:hover {
	transform: scale(1.2)
}

#video-game-wrapper .game-score-wrapper .game-score__btns__ic-btn:active {
	transform: scale(.8)
}

#video-game-wrapper .game-score-wrapper .game-score__btns__ic-btn--hide-next {
	width: 50%
}

#video-game-wrapper .video-game-menu {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

#video-game-wrapper .video-game-menu__container {
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

#video-game-wrapper .video-game-menu__gray-screen {
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, .6);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	position: absolute;
	left: 0;
	top: -100vh;
	z-index: 2;
	display: block
}

#video-game-wrapper .video-game-menu__btn-view {
	cursor: pointer;
	position: absolute;
	transition: all .2s ease;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTkiIGhlaWdodD0iMTE5IiB2aWV3Qm94PSIwIDAgOTkgMTE5Ij4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX2EiIGQ9Ik0wIDBIOTlWMTE5SDB6Ii8+CiAgICAgICAgPHBhdGggaWQ9InByZWZpeF9fYyIgZD0iTTAgMGg3M2M5Ljk0MSAwIDE4IDguMDU5IDE4IDE4djMwOGMwIDkuOTQxLTguMDU5IDE4LTE4IDE4SDBWMHoiLz4KICAgICAgICA8ZmlsdGVyIGlkPSJwcmVmaXhfX2QiIHdpZHRoPSIxMTcuNiUiIGhlaWdodD0iMTA0LjclIiB4PSItNy4xJSIgeT0iLTEuOSUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+CiAgICAgICAgICAgIDxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iZGlsYXRlIiByYWRpdXM9IjUiIHJlc3VsdD0ic2hhZG93U3ByZWFkT3V0ZXIxIi8+CiAgICAgICAgICAgIDxmZU9mZnNldCBkeD0iMyIgZHk9IjMiIGluPSJzaGFkb3dTcHJlYWRPdXRlcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+CiAgICAgICAgICAgIDxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0ib3V0IiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxtYXNrIGlkPSJwcmVmaXhfX2IiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2EiLz4KICAgICAgICA8L21hc2s+CiAgICAgICAgPGcgbWFzaz0idXJsKCNwcmVmaXhfX2IpIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCA1KSI+CiAgICAgICAgICAgICAgICA8bWFzayBpZD0icHJlZml4X19lIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2MiLz4KICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iIzAwMCIgZmlsdGVyPSJ1cmwoI3ByZWZpeF9fZCkiIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2MiLz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPSIjNEFCQTMyIiBzdHJva2U9IiNGRkZDQzkiIHN0cm9rZS13aWR0aD0iNSIgZD0iTS0yLjUtMi41SDczYzExLjMyMiAwIDIwLjUgOS4xNzggMjAuNSAyMC41djMwOGMwIDExLjMyMi05LjE3OCAyMC41LTIwLjUgMjAuNUgtMi41di0zNDl6Ii8+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPSIjQjMwMDE2IiBkPSJNLTIgMEgxMjZWMTIwSC0yeiIgbWFzaz0idXJsKCNwcmVmaXhfX2UpIi8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
	top: -50vh;
	left: 0;
	transform: translateY(-180px)
}

@media (max-width:992px) {
	#video-game-wrapper .video-game-menu__btn-view {
		padding-top: 24px
	}
}

@media (max-height:550px),
(max-width:1024px) {
	#video-game-wrapper .video-game-menu__btn-view {
		transform: translate(-24px, -90px) scale(.5)
	}
}

#video-game-wrapper .video-game-menu__btn-view img {
	max-width: 100%;
	width: 70px;
	transition: transform .5s
}

@media (max-width:992px) {
	#video-game-wrapper .video-game-menu__btn-view img {
		width: 50px
	}
}

#video-game-wrapper .video-game-menu__btn-switch {
	width: 50px;
	height: 50px
}

#video-game-wrapper .video-game-menu__wrapper {
	width: 100%;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-listgame.png);
	background-position: 50%;
	background-size: cover;
	padding: 80px 10px 30px;
	-ms-flex-pack: justify;
	justify-content: space-between;
	top: 0;
	transform: translateY(50%);
	position: absolute;
	display: -ms-flexbox;
	display: flex;
	z-index: 3;
	transition: all .3s ease
}

@media (max-width:991px) {
	#video-game-wrapper .video-game-menu__wrapper {
		padding: 50px 10px 0
	}
}

#video-game-wrapper .video-game-menu__wrapper__close {
	transform: translateY(-100%)
}

#video-game-wrapper .video-game-menu__wrapper__scroll {
	width: calc(100% - 300px);
	margin: 0 auto;
	min-height: 145px
}

@media (max-width:1600px) {
	#video-game-wrapper .video-game-menu__wrapper__scroll {
		width: calc(100% - 200px);
		min-height: 120px
	}
}

@media (max-width:992px) {
	#video-game-wrapper .video-game-menu__wrapper__scroll {
		width: calc(100% - 100px)
	}
}

@media (max-width:720px) {
	#video-game-wrapper .video-game-menu__wrapper__scroll {
		min-height: 100px;
		width: calc(100% - 70px)
	}
}

#video-game-wrapper .video-game-menu__wrapper__scroll .slick-slider,
#video-game-wrapper .video-game-menu__wrapper__scroll .slick-slider .slick-list {
	height: 100%
}

#video-game-wrapper .video-game-menu__wrapper__scroll .slick-slider .slick-list .slick-slide {
	position: relative
}

#video-game-wrapper .video-game-menu__wrapper__scroll .slick-slider .slick-list .slick-slide:last-child:after {
	display: none!important
}

#video-game-wrapper .video-game-menu__wrapper__scroll .slick-slider .slick-list .slick-slide:after {
	content: "";
	border-color: transparent #fffcc9;
	border-style: solid;
	border-width: 8px 0 8px 10px;
	height: 0;
	width: 0;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(50%, -50%)
}

#video-game-wrapper .video-game-menu__wrapper__scroll .slick-slider .slick-arrow {
	width: 62px;
	height: 60px;
	top: calc(50% - 8px);
	z-index: 2
}

#video-game-wrapper .video-game-menu__wrapper__scroll .slick-slider .slick-arrow:before {
	width: 62px;
	height: 60px;
	content: "";
	display: block
}

@media (max-width:720px) {
	#video-game-wrapper .video-game-menu__wrapper__scroll .slick-slider .slick-arrow {
		width: 42px;
		height: 40px;
		top: calc(50% - 18px)
	}
	#video-game-wrapper .video-game-menu__wrapper__scroll .slick-slider .slick-arrow:before {
		width: 42px;
		height: 40px
	}
}

#video-game-wrapper .video-game-menu__wrapper__scroll .slick-slider .slick-next {
	right: -55px
}

@media (max-width:720px) {
	#video-game-wrapper .video-game-menu__wrapper__scroll .slick-slider .slick-next {
		right: -35px
	}
}

#video-game-wrapper .video-game-menu__wrapper__scroll .slick-slider .slick-next:before {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/next-slick.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0;
	opacity: 1
}

#video-game-wrapper .video-game-menu__wrapper__scroll .slick-slider .slick-prev {
	left: -55px
}

@media (max-width:720px) {
	#video-game-wrapper .video-game-menu__wrapper__scroll .slick-slider .slick-prev {
		left: -35px
	}
}

#video-game-wrapper .video-game-menu__wrapper__scroll .slick-slider .slick-prev:before {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/prev-slick.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0;
	opacity: 1
}

#video-game-wrapper .video-game-menu__wrapper__scroll .slick-slider .slick-disabled:before {
	opacity: .5
}

#video-game-wrapper .video-game-menu__wrapper p {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-red-title.png);
	background-position: 50%;
	background-size: 100% 100%;
	color: #fff;
	font-weight: 700;
	padding: 15px 30px 20px 75px;
	position: absolute;
	left: 30px;
	top: 0;
	transform: translateY(-50%);
	font-size: 20px
}

#video-game-wrapper .video-game-menu__wrapper p img {
	width: 50px;
	position: absolute;
	left: 15px;
	top: 54%;
	transform: translateY(-50%)
}

#video-game-wrapper .video-game-menu__wrapper .close-btn {
	position: absolute;
	right: 30px;
	top: 0;
	transform: translateY(-50%);
	width: 55px;
	cursor: pointer;
	transition: transform .3s
}

#video-game-wrapper .video-game-menu__wrapper .close-btn:hover {
	transform: translateY(-50%) scale(1.2)
}

#video-game-wrapper .video-game-menu__wrapper .close-btn:active {
	transform: translateY(-50%) scale(.8)
}

#video-game-wrapper .video-game-menu__item-wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	max-width: 225px;
	height: 127px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/background.png);
	background-position: 50%;
	background-size: 100% 100%;
	border-radius: 5px;
	border: 5px solid #fff;
	left: 50%;
	transform: translateX(-50%);
	position: relative
}

@media (max-width:1600px) {
	#video-game-wrapper .video-game-menu__item-wrapper {
		max-width: 178px;
		height: 100px
	}
}

@media (max-width:991px) {
	#video-game-wrapper .video-game-menu__item-wrapper {
		border: 3px solid #fff;
		max-width: 150px;
		height: 85px
	}
}

@media (max-width:720px) {
	#video-game-wrapper .video-game-menu__item-wrapper {
		max-width: 110px;
		height: 62px
	}
}

@keyframes bounce {
	0% {
		transform: scale(1) translateY(0)
	}
	10% {
		transform: scale(1.1, .9) translateY(0)
	}
	30% {
		transform: scale(.9, 1.1) translateY(-20px)
	}
	50% {
		transform: scale(1) translateY(0)
	}
	57% {
		transform: scale(1) translateY(-7px)
	}
	64% {
		transform: scale(1) translateY(0)
	}
	to {
		transform: scale(1) translateY(0)
	}
}

#video-game-wrapper .video-game-menu__item-wrapper:hover {
	border: 5px solid #d67200
}

@media (max-width:991px) {
	#video-game-wrapper .video-game-menu__item-wrapper:hover {
		border: 3px solid #d67200
	}
}

#video-game-wrapper .video-game-menu__item-wrapper:hover img {
	animation: bounce 1.5s linear 0s infinite alternate
}

#video-game-wrapper .video-game-menu__item-wrapper__active {
	border: 5px solid #d67200
}

@media (max-width:991px) {
	#video-game-wrapper .video-game-menu__item-wrapper__active {
		border: 3px solid #d67200
	}
}

#video-game-wrapper .video-game-menu__item-wrapper__played:before {
	content: "";
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/icon-pass.png);
	background-position: 50%;
	background-size: auto;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(80, 80, 80, .67);
	z-index: 2
}

#video-game-wrapper .video-game-menu__item-wrapper__icon {
	position: absolute;
	right: -20px;
	bottom: -20px;
	width: 45px;
	z-index: 3
}

@media (max-width:720px) {
	#video-game-wrapper .video-game-menu__item-wrapper__icon {
		width: 35px
	}
}

#video-game-wrapper .video-game-menu__item-wrapper__thumb {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	animation: none!important
}

#video-game-wrapper .game-info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

#video-game-wrapper .game-info__container__gray-screen {
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, .6);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	position: absolute;
	left: 0;
	top: -100vh;
	z-index: 2;
	display: block
}

#video-game-wrapper .game-info__container__btn-course {
	cursor: pointer;
	position: absolute;
	transition: all .2s ease;
	bottom: 50vh;
	left: 0;
	transform: translateY(50%);
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTkiIGhlaWdodD0iMTE4IiB2aWV3Qm94PSIwIDAgOTkgMTE4Ij4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX2EiIGQ9Ik0wIDBIOTlWMTE4SDB6Ii8+CiAgICAgICAgPHBhdGggaWQ9InByZWZpeF9fYyIgZD0iTTAgMGg3M2M5Ljk0MSAwIDE4IDguMDU5IDE4IDE4djMwOGMwIDkuOTQxLTguMDU5IDE4LTE4IDE4SDBWMHoiLz4KICAgICAgICA8ZmlsdGVyIGlkPSJwcmVmaXhfX2QiIHdpZHRoPSIxMTcuNiUiIGhlaWdodD0iMTA0LjclIiB4PSItNy4xJSIgeT0iLTEuOSUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+CiAgICAgICAgICAgIDxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iZGlsYXRlIiByYWRpdXM9IjUiIHJlc3VsdD0ic2hhZG93U3ByZWFkT3V0ZXIxIi8+CiAgICAgICAgICAgIDxmZU9mZnNldCBkeD0iMyIgZHk9IjMiIGluPSJzaGFkb3dTcHJlYWRPdXRlcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+CiAgICAgICAgICAgIDxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0ib3V0IiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxtYXNrIGlkPSJwcmVmaXhfX2IiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2EiLz4KICAgICAgICA8L21hc2s+CiAgICAgICAgPGcgbWFzaz0idXJsKCNwcmVmaXhfX2IpIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMTE0KSI+CiAgICAgICAgICAgICAgICA8bWFzayBpZD0icHJlZml4X19lIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2MiLz4KICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iIzAwMCIgZmlsdGVyPSJ1cmwoI3ByZWZpeF9fZCkiIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2MiLz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPSIjNEFCQTMyIiBzdHJva2U9IiNGRkZDQzkiIHN0cm9rZS13aWR0aD0iNSIgZD0iTS0yLjUtMi41SDczYzExLjMyMiAwIDIwLjUgOS4xNzggMjAuNSAyMC41djMwOGMwIDExLjMyMi05LjE3OCAyMC41LTIwLjUgMjAuNUgtMi41di0zNDl6Ii8+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPSIjNDBCNDA0IiBkPSJNLTIgMEgxMjZWMTIwSC0yeiIgbWFzaz0idXJsKCNwcmVmaXhfX2UpIi8+CiAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPSIjNTgxODkxIiBkPSJNLTIgMTE0SDEyNlYyMzRILTJ6IiBtYXNrPSJ1cmwoI3ByZWZpeF9fZSkiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
	padding-top: 20px
}

#video-game-wrapper .game-info__container__btn-course__no-dic {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTkiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgOTkgMTIwIj4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGlkPSI5cjV3Y2xyOXlhIiBkPSJNMCAwSDk5VjEyMEgweiIvPgogICAgICAgIDxwYXRoIGlkPSJsMzlraXBvaDNjIiBkPSJNMCAwaDczYzkuOTQxIDAgMTggOC4wNTkgMTggMTh2MzA4YzAgOS45NDEtOC4wNTkgMTgtMTggMThIMFYweiIvPgogICAgICAgIDxmaWx0ZXIgaWQ9IjQ3aWt4OGl6ZGQiIHdpZHRoPSIxMTcuNiUiIGhlaWdodD0iMTA0LjclIiB4PSItNy4xJSIgeT0iLTEuOSUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+CiAgICAgICAgICAgIDxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iZGlsYXRlIiByYWRpdXM9IjUiIHJlc3VsdD0ic2hhZG93U3ByZWFkT3V0ZXIxIi8+CiAgICAgICAgICAgIDxmZU9mZnNldCBkeD0iMyIgZHk9IjMiIGluPSJzaGFkb3dTcHJlYWRPdXRlcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+CiAgICAgICAgICAgIDxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0ib3V0IiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxtYXNrIGlkPSJwaGdtbmU5NG1iIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjOXI1d2Nscjl5YSIvPgogICAgICAgIDwvbWFzaz4KICAgICAgICA8ZyBtYXNrPSJ1cmwoI3BoZ21uZTk0bWIpIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMjMyKSI+CiAgICAgICAgICAgICAgICA8bWFzayBpZD0idzdiNWhiaXc0ZSIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjbDM5a2lwb2gzYyIvPgogICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjNDdpa3g4aXpkZCkiIHhsaW5rOmhyZWY9IiNsMzlraXBvaDNjIi8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbD0iIzRBQkEzMiIgc3Ryb2tlPSIjRkZGQ0M5IiBzdHJva2Utd2lkdGg9IjUiIGQ9Ik0tMi41LTIuNUg3M2MxMS4zMjIgMCAyMC41IDkuMTc4IDIwLjUgMjAuNXYzMDhjMCAxMS4zMjItOS4xNzggMjAuNS0yMC41IDIwLjVILTIuNXYtMzQ5eiIvPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPHBhdGggZmlsbD0iI0IzMDAxNiIgZD0iTS0yIDExNEgxMjZWMjM0SC0yeiIgbWFzaz0idXJsKCN3N2I1aGJpdzRlKSIvPgogICAgICAgICAgICAgICAgPHBhdGggZmlsbD0iIzU4MTg5MSIgZD0iTS0yIDIzMmgxMjh2MTAyYzAgOS45NDEtOC4wNTkgMTgtMTggMThILTJWMjMyeiIgbWFzaz0idXJsKCN3N2I1aGJpdzRlKSIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K);
	background-size: cover
}

@media (max-width:992px) {
	#video-game-wrapper .game-info__container__btn-course {
		padding-top: 30px
	}
}

@media (max-height:550px),
(max-width:1024px) {
	#video-game-wrapper .game-info__container__btn-course {
		transform: translate(-24px, 74%) scale(.5)
	}
}

#video-game-wrapper .game-info__container__btn-course img {
	max-width: 100%;
	width: 70px;
	transition: transform .5s
}

@media (max-width:992px) {
	#video-game-wrapper .game-info__container__btn-course img {
		width: 50px
	}
}

#video-game-wrapper .game-info__container__wrapper {
	position: absolute;
	width: 800px;
	height: 100vh;
	right: 0;
	top: -100vh;
	z-index: 3;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/background-new.png);
	background-position: 50%;
	background-size: cover;
	padding: 40px 0 40px 30px;
	display: block;
	transform: translateX(200%);
	transition: all .3s ease
}

@media (max-height:850px) {
	#video-game-wrapper .game-info__container__wrapper {
		width: 530px
	}
}

#video-game-wrapper .game-info__container__wrapper__close {
	transform: translateX(0)
}

#video-game-wrapper .game-info__container__wrapper__border {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/background-course.png);
	background-position: 0 0;
	background-size: 105% 100%;
	background-repeat: no-repeat;
	position: relative;
	padding: 80px 20px 150px 50px
}

@media (max-height:500px) {
	#video-game-wrapper .game-info__container__wrapper__border {
		padding: 50px 50px 150px
	}
}

#video-game-wrapper .game-info__container__wrapper .close-btn {
	position: absolute;
	right: 30px;
	top: 20px;
	transform: translateY(-50%);
	width: 55px;
	cursor: pointer;
	transition: transform .3s
}

#video-game-wrapper .game-info__container__wrapper .close-btn:hover {
	transform: translateY(-50%) scale(1.2)
}

#video-game-wrapper .game-info__container__wrapper .close-btn:active {
	transform: translateY(-50%) scale(.8)
}

#video-game-wrapper .game-info__container__wrapper p {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-purple-title.png);
	background-position: 50%;
	background-size: 100% 100%;
	color: #fff;
	font-weight: 700;
	padding: 15px 30px 20px 75px;
	position: absolute;
	left: 40px;
	top: 20px;
	transform: translateY(-50%);
	font-size: 20px
}

#video-game-wrapper .game-info__container__wrapper p img {
	width: 60px;
	position: absolute;
	left: 10px;
	top: 55%;
	transform: translateY(-50%)
}

#video-game-wrapper .game-info__container__wrapper__unit {
	font-family: SVN-ProductSans;
	font-size: 35px;
	font-weight: 700;
	color: #6d359f;
	margin: 0 0 15px 25px;
	display: block
}

@media (max-width:991px) {
	#video-game-wrapper .game-info__container__wrapper__unit {
		font-size: 25px;
		margin: 5px 0 5px 25px
	}
}

#video-game-wrapper .game-info__container__wrapper .decor-img {
	position: absolute;
	bottom: -20px;
	left: -40px;
	width: 230px
}

@media (max-width:991px) {
	#video-game-wrapper .game-info__container__wrapper .decor-img {
		bottom: 40px;
		left: -70px;
		width: 130px
	}
}

#video-game-wrapper .game-info__container__wrapper__scroll {
	width: 100%
}

#video-game-wrapper .game-info__container__wrapper__scroll .slick-slider .slick-arrow {
	width: 62px;
	height: 60px;
	top: calc(100% + 20px);
	z-index: 2
}

@media (max-width:991px) {
	#video-game-wrapper .game-info__container__wrapper__scroll .slick-slider .slick-arrow {
		top: calc(100% + 30px)
	}
}

@media (max-height:500px) {
	#video-game-wrapper .game-info__container__wrapper__scroll .slick-slider .slick-arrow {
		top: 50px;
		width: 42px;
		height: 40px
	}
}

#video-game-wrapper .game-info__container__wrapper__scroll .slick-slider .slick-arrow:before {
	width: 62px;
	height: 60px;
	content: "";
	display: block
}

@media (max-height:500px) {
	#video-game-wrapper .game-info__container__wrapper__scroll .slick-slider .slick-arrow:before {
		width: 42px;
		height: 40px
	}
}

#video-game-wrapper .game-info__container__wrapper__scroll .slick-slider .slick-next {
	right: 40%
}

@media (max-height:850px) {
	#video-game-wrapper .game-info__container__wrapper__scroll .slick-slider .slick-next {
		right: 34%
	}
}

@media (max-height:500px) {
	#video-game-wrapper .game-info__container__wrapper__scroll .slick-slider .slick-next {
		right: -30px
	}
}

#video-game-wrapper .game-info__container__wrapper__scroll .slick-slider .slick-next:before {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/next-slick.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0;
	opacity: 1
}

#video-game-wrapper .game-info__container__wrapper__scroll .slick-slider .slick-prev {
	left: 40%
}

@media (max-height:850px) {
	#video-game-wrapper .game-info__container__wrapper__scroll .slick-slider .slick-prev {
		left: 34%
	}
}

@media (max-height:500px) {
	#video-game-wrapper .game-info__container__wrapper__scroll .slick-slider .slick-prev {
		left: -30px
	}
}

#video-game-wrapper .game-info__container__wrapper__scroll .slick-slider .slick-prev:before {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/prev-slick.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0;
	opacity: 1
}

#video-game-wrapper .game-info__container__wrapper__scroll .slick-slider .slick-disabled:before {
	opacity: .5
}

#video-game-wrapper .game-info__container__wrapper__scroll__item {
	cursor: pointer;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	margin: 0 0 25px
}

@media (max-width:991px) {
	#video-game-wrapper .game-info__container__wrapper__scroll__item {
		margin: 0 0 10px
	}
}

#video-game-wrapper .game-info__container__wrapper__scroll__item__img-bg {
	width: 300px;
	height: 195px;
	border: 5px solid #fff;
	border-radius: 15px;
	box-shadow: 0 3px 0 0 hsla(0, 0%, 63%, .5);
	margin: 0 auto
}

@media (max-height:850px) {
	#video-game-wrapper .game-info__container__wrapper__scroll__item__img-bg {
		width: 200px;
		height: 130px
	}
}

@media (max-height:500px) {
	#video-game-wrapper .game-info__container__wrapper__scroll__item__img-bg {
		width: 150px;
		height: 100px
	}
}

#video-game-wrapper .game-info__container__wrapper__scroll__item__icon-learned {
	width: 70px;
	height: 70px;
	position: absolute;
	top: 100px;
	left: 50%;
	transform: translate(-50%, -50%)
}

@media (max-height:850px) {
	#video-game-wrapper .game-info__container__wrapper__scroll__item__icon-learned {
		width: 50px;
		height: 50px;
		top: 70px
	}
}

@media (max-height:500px) {
	#video-game-wrapper .game-info__container__wrapper__scroll__item__icon-learned {
		width: 40px;
		height: 40px;
		top: 50px
	}
}

#video-game-wrapper .game-info__container__wrapper__scroll__item span {
	width: 100%;
	margin: 10px 0 0;
	display: block;
	text-align: center;
	font-weight: 400;
	font-family: SVN-ProductSans;
	font-size: 20px;
	color: #7e3f08;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 60px;
	padding: 0 10px
}

#video-game-wrapper .game-info__container__wrapper__scroll__item:first-child {
	margin-left: 0
}

#video-game-wrapper .game-info__container__wrapper__scroll__item:hover .game-info__container__wrapper__scroll__item__img-bg,
#video-game-wrapper .game-info__container__wrapper__scroll__item__active .game-info__container__wrapper__scroll__item__img-bg {
	border: 5px solid #581891
}

#video-game-wrapper .drag-text-to-picture {
	width: 100%;
	height: 100%
}

#video-game-wrapper .drag-text-to-picture .game {
	width: 100%;
	height: 100%;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-game1.png);
	background-position: 50%;
	background-size: 105% 105%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column
}

#video-game-wrapper .drag-text-to-picture .game .game-pictures {
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 84%;
	height: 40%;
	margin-top: 11%
}

#video-game-wrapper .drag-text-to-picture .game .game-picture-wrapper {
	border-radius: 20%;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-card-game1.png);
	background-position: 50%;
	background-size: 100% 100%;
	padding: 5%;
	border: 6px solid #fff800;
	cursor: pointer;
	overflow: hidden;
	text-align: center;
	-ms-grid-column-align: center;
	justify-items: center;
	box-shadow: 6px 5px rgba(0, 0, 0, .5);
	margin: 2%;
	width: 84%;
	height: 100%
}

@media (max-width:991px) {
	#video-game-wrapper .drag-text-to-picture .game .game-picture-wrapper {
		border: 3px solid #fff800
	}
}

#video-game-wrapper .drag-text-to-picture .game .game-picture-wrapper:after {
	content: "";
	display: block;
	padding-bottom: 100%
}

#video-game-wrapper .drag-text-to-picture .game .game-picture {
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%
}

#video-game-wrapper .drag-text-to-picture .game .game-texts {
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 90%;
	height: 40%
}

#video-game-wrapper .drag-text-to-picture .game .game-text {
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}

#video-game-wrapper .drag-text-to-picture .game .game-text:first-child:before {
	content: "";
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/hand.png);
	background-position: 50%;
	background-size: 100% 100%;
	display: block;
	width: 50%;
	height: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	visibility: hidden;
	animation: transformAnim 6s
}

#video-game-wrapper .drag-text-to-picture .game .hide-tutorial:first-child:before {
	display: none;
	animation: none
}

#video-game-wrapper .drag-text-to-picture .game .game-text-ball {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bowling.png);
	background-position: 50%;
	background-size: 100% 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50%;
	margin-top: 15%;
	cursor: pointer
}

#video-game-wrapper .drag-text-to-picture .game .game-text-ball__active {
	animation: shake .5s;
	animation-iteration-count: infinite
}

#video-game-wrapper .drag-text-to-picture .game .game-text-input {
	background-position: 50%;
	background-size: 100% 100%;
	width: 90%;
	height: 30%;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/text-input.png);
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	margin-top: 5px;
	font-family: Gilroy
}

#video-game-wrapper .shoot-balloon {
	width: 100%;
	height: 100%
}

#video-game-wrapper .shoot-balloon .game {
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end
}

#video-game-wrapper .shoot-balloon .game .rabbit-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

#video-game-wrapper .shoot-balloon .game .rabbit-wrapper--index {
	z-index: 10
}

@keyframes slide-in {
	0% {
		transform: translateX(-100%)
	}
	to {
		transform: translateX(0)
	}
}

#video-game-wrapper .shoot-balloon .game__text {
	text-align: center;
	background-color: #fff;
	border: 2px solid red;
	border-radius: 20px;
	display: inline-block;
	padding: 10px 20px 5px;
	position: absolute;
	left: 2%;
	bottom: 45%;
	width: 35%;
	animation: slide-in .7s forwards
}

#video-game-wrapper .shoot-balloon .game__text p {
	font-size: 2vw;
	color: #000;
	font-weight: 400;
	display: inline;
	font-family: MyriadPro-Bold;
	color: #592400
}

#video-game-wrapper .shoot-balloon .game .arrow-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3
}

#video-game-wrapper .shoot-balloon .game .balloon-wrapper {
	width: 100%;
	position: relative
}

@keyframes blink-text {
	0% {
		color: red
	}
	to {
		color: #ff0
	}
}

#video-game-wrapper .shoot-balloon .game span {
	font-size: 2.5em;
	color: #fff;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: Gilroy
}

@media (max-width:991px) {
	#video-game-wrapper .shoot-balloon .game span {
		font-size: 1.5em
	}
}

#video-game-wrapper .shoot-balloon .game .balloon-select {
	transform: scale(1.2)
}

#video-game-wrapper .shoot-balloon .game .balloon-select span {
	animation: blink-text .5s infinite
}

#video-game-wrapper .shoot-balloon .game .balloon-boom {
	background: transparent!important;
	box-shadow: none!important
}

#video-game-wrapper .shoot-balloon .game .balloon-boom:after,
#video-game-wrapper .shoot-balloon .game .balloon-boom:before {
	display: none!important
}

#video-game-wrapper .shoot-balloon .game .balloon-wrapper>div {
	width: 10%;
	height: 24%;
	background: rgba(182, 15, 97, .9);
	border-radius: 0;
	border-radius: 80% 80% 80% 80%;
	margin: 0 auto;
	padding: 10px;
	box-shadow: inset 17px 7px 10px rgba(182, 15, 97, .9);
	-webkit-transform-origin: bottom center
}

#video-game-wrapper .shoot-balloon .game .balloon-wrapper>div:first-child {
	background: rgba(182, 15, 97, .9);
	left: 0;
	box-shadow: inset 10px 10px 10px rgba(135, 11, 72, .9);
	animation: balloon1 6s ease-in-out infinite
}

#video-game-wrapper .shoot-balloon .game .balloon-wrapper>div:first-child:before {
	border-bottom: 8px solid rgba(182, 15, 97, .9)
}

#video-game-wrapper .shoot-balloon .game .balloon-wrapper>div:first-child:after {
	animation: ropeballoon1 6s ease-in-out infinite
}

#video-game-wrapper .shoot-balloon .game .balloon-wrapper>div:nth-child(2) {
	background: rgba(242, 112, 45, .9);
	left: 120px;
	box-shadow: inset 10px 10px 10px rgba(222, 85, 14, .9);
	animation: balloon2 6s ease-in-out infinite
}

#video-game-wrapper .shoot-balloon .game .balloon-wrapper>div:nth-child(2):before {
	border-bottom: 8px solid rgba(242, 112, 45, .9)
}

#video-game-wrapper .shoot-balloon .game .balloon-wrapper>div:nth-child(2):after {
	animation: ropeballoon2 6s ease-in-out infinite
}

#video-game-wrapper .shoot-balloon .game .balloon-wrapper>div:nth-child(3) {
	background: rgba(45, 181, 167, .9);
	left: 240px;
	box-shadow: inset 10px 10px 10px rgba(35, 140, 129, .9);
	animation: balloon4 6s ease-in-out infinite
}

#video-game-wrapper .shoot-balloon .game .balloon-wrapper>div:nth-child(3):before {
	border-bottom: 8px solid rgba(45, 181, 167, .9)
}

#video-game-wrapper .shoot-balloon .game .balloon-wrapper>div:nth-child(3):after {
	animation: ropeballoon3 6s ease-in-out infinite
}

#video-game-wrapper .shoot-balloon .game .balloon-wrapper>div:nth-child(4) {
	background: rgba(190, 61, 244, .9);
	left: 360px;
	box-shadow: inset 10px 10px 10px rgba(173, 14, 240, .9);
	animation: balloon1 5s ease-in-out infinite
}

#video-game-wrapper .shoot-balloon .game .balloon-wrapper>div:nth-child(4):before {
	border-bottom: 8px solid rgba(190, 61, 244, .9)
}

#video-game-wrapper .shoot-balloon .game .balloon-wrapper>div:nth-child(4):after {
	animation: ropeballoon1 6s ease-in-out infinite
}

#video-game-wrapper .shoot-balloon .game .balloon-wrapper>div:nth-child(5) {
	background: rgba(180, 224, 67, .9);
	left: 480px;
	box-shadow: inset 10px 10px 10px rgba(158, 206, 34, .9);
	animation: balloon3 5s ease-in-out infinite
}

#video-game-wrapper .shoot-balloon .game .balloon-wrapper>div:nth-child(5):before {
	border-bottom: 8px solid rgba(180, 224, 67, .9)
}

#video-game-wrapper .shoot-balloon .game .balloon-wrapper>div:nth-child(5):after {
	animation: ropeballoon2 5s ease-in-out infinite
}

#video-game-wrapper .shoot-balloon .game .balloon-wrapper>div:nth-child(6) {
	background: rgba(242, 194, 58, .9);
	left: 600px;
	box-shadow: inset 10px 10px 10px rgba(234, 177, 15, .9);
	animation: balloon2 3s ease-in-out infinite
}

#video-game-wrapper .shoot-balloon .game .balloon-wrapper>div:nth-child(6):before {
	border-bottom: 8px solid rgba(242, 194, 58, .9)
}

#video-game-wrapper .shoot-balloon .game .balloon-wrapper>div:nth-child(6):after {
	animation: ropeballoon2 3s ease-in-out infinite
}

#video-game-wrapper .shoot-balloon .game .balloon-wrapper>div:before {
	content: "";
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	display: block;
	position: absolute;
	bottom: -4px;
	left: 50%;
	transform: translateX(-50%)
}

#video-game-wrapper .shoot-balloon .game .balloon-wrapper>div:after {
	content: "";
	position: absolute;
	top: 96%;
	left: 40%;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/cord4.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	height: 250%;
	width: 50%;
	transform-origin: 50% 0
}

@keyframes ropeballoon1 {
	0%,
	to {
		transform: rotate(8deg)
	}
	50% {
		transform: rotate(-6deg)
	}
}

@keyframes ropeballoon2 {
	0%,
	to {
		transform: rotate(-8deg)
	}
	50% {
		transform: rotate(6deg)
	}
}

@keyframes ropeballoon3 {
	0%,
	to {
		transform: rotate(10deg)
	}
	50% {
		transform: rotate(-8deg)
	}
}

@keyframes balloon1 {
	0%,
	to {
		transform: translateY(0) rotate(-6deg)
	}
	50% {
		transform: translateY(-20px) rotate(8deg)
	}
}

@keyframes balloon2 {
	0%,
	to {
		transform: translateY(0) rotate(6deg)
	}
	50% {
		transform: translateY(-30px) rotate(-8deg)
	}
}

@keyframes balloon3 {
	0%,
	to {
		transform: translateY(-10px) rotate(6deg)
	}
	50% {
		transform: translate(-20px, 30px) rotate(-8deg)
	}
}

@keyframes balloon4 {
	0%,
	to {
		transform: translate(10px, -10px) rotate(-8deg)
	}
	50% {
		transform: translate(-15px, 10px) rotate(10deg)
	}
}

#video-game-wrapper .choose-answer-picture {
	width: 100%;
	height: 100%
}

#video-game-wrapper .choose-answer-picture .game {
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 8%
}

#video-game-wrapper .choose-answer-picture .game__wrapper {
	width: 100%;
	height: 100%;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-board-game3.png);
	background-position: 50%;
	background-size: 100% 100%;
	padding: 0 10% 3%;
	text-align: center
}

#video-game-wrapper .choose-answer-picture .game__wrapper .rabbit-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	top: 0;
	left: 0
}

#video-game-wrapper .choose-answer-picture .game__wrapper .rabbit-wrapper .rabbit-boy {
	position: absolute;
	width: 124%;
	height: auto;
	bottom: -8%;
	left: -12%
}

#video-game-wrapper .choose-answer-picture .game__text {
	text-align: center;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/text-box.png);
	background-position: 50%;
	background-size: 100% 100%;
	display: inline-block;
	padding: 2% 8% 1%;
	position: relative;
	margin-top: 5%;
	max-width: 100%
}

#video-game-wrapper .choose-answer-picture .game__text p {
	font-size: 2vw;
	font-weight: 400;
	display: inline;
	font-family: MyriadPro-Bold;
	color: #592400
}

#video-game-wrapper .choose-answer-picture .game__list {
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	height: 44.53%;
	position: relative;
	top: 27%;
	transform: translateY(-50%);
	z-index: 3
}

#video-game-wrapper .choose-answer-picture .game .game-picture-wrapper {
	border-radius: 15px;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	background-color: #87b818;
	padding: 5%;
	border: 6px solid #fff;
	cursor: pointer;
	overflow: hidden;
	text-align: center;
	-ms-grid-column-align: center;
	justify-items: center;
	box-shadow: -4px 4px #edaa63;
	margin: 8%;
	width: 84%
}

#video-game-wrapper .choose-answer-picture .game .game-picture-wrapper:hover {
	border: 6px solid #fcff00
}

@media (max-width:991px) {
	#video-game-wrapper .choose-answer-picture .game .game-picture-wrapper:hover {
		border: 6px solid #fff
	}
}

#video-game-wrapper .choose-answer-picture .game .game-picture-wrapper:after {
	content: "";
	display: block;
	padding-bottom: 100%
}

@keyframes blink {
	0% {
		border: 6px solid red
	}
	to {
		border: 6px solid #fff
	}
}

#video-game-wrapper .choose-answer-picture .game .wrong-answer {
	animation: blink .2s 10
}

#video-game-wrapper .choose-answer-picture .game .true-answer {
	pointer-events: none;
	border: 6px solid #fcff00;
	position: relative;
	animation: none!important
}

#video-game-wrapper .choose-answer-picture .game .true-answer:before {
	content: "";
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/tick.png);
	background-position: 50%;
	background-size: 100% 100%;
	width: 30%;
	height: 24%;
	display: block;
	position: absolute;
	right: 5%;
	top: 5%
}

#video-game-wrapper .choose-answer-picture .game .game-picture {
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%
}

#video-game-wrapper .layout2 .game {
	padding: 25% 8% 4%
}

#video-game-wrapper .layout2 .game__wrapper {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-board-game3-layout2.png);
	background-position: 50%;
	background-size: 100% 100%;
	padding: 0 6%
}

#video-game-wrapper .layout2 .game__wrapper .rabbit-wrapper {
	display: none
}

#video-game-wrapper .layout2 .game__text {
	margin-top: 0;
	transform: translateY(-84%);
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/text-box-layout2.png);
	background-position: 50%;
	background-size: 100% 100%;
	width: 96%;
	height: 35%;
	position: absolute;
	left: 2%;
	padding: 2% 10% 7%;
	text-align: left
}

#video-game-wrapper .layout2 .game__text p {
	color: #ff005c;
	font-size: 2.5vw
}

#video-game-wrapper .layout2 .game__list {
	top: 50%;
	height: 67.81%
}

#video-game-wrapper .layout2 .game .game-picture-wrapper {
	box-shadow: -4px 4px rgba(78, 126, 196, .4)
}

#video-game-wrapper .layout3 .game {
	padding: 10% 12% 6%
}

#video-game-wrapper .layout3 .game__wrapper {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-board-game3-layout3.png);
	background-position: 50%;
	background-size: 100% 100%;
	padding: 0 6%
}

#video-game-wrapper .layout3 .game__wrapper .rabbit-wrapper .rabbit-boy {
	width: 106%;
	bottom: -2%;
	left: -3%
}

#video-game-wrapper .layout3 .game__text {
	margin-top: 0;
	transform: translateY(-50%)
}

#video-game-wrapper .layout3 .game__text p {
	font-size: 1.8vw
}

#video-game-wrapper .layout3 .game__list {
	top: 14%;
	width: 90%;
	height: 36%;
	left: 5%
}

#video-game-wrapper .choose-answer-text {
	width: 100%;
	height: 100%
}

#video-game-wrapper .choose-answer-text .game {
	width: 100%;
	height: 100%;
	background-position: 50%;
	background-size: cover;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 8% 10% 0
}

#video-game-wrapper .choose-answer-text .game__wrapper {
	width: 100%;
	height: 100%;
	text-align: center
}

#video-game-wrapper .choose-answer-text .game__wrapper .rabbit-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	top: 0;
	left: 0
}

#video-game-wrapper .choose-answer-text .game__wrapper .rabbit-wrapper .rabbit-boy {
	position: absolute;
	width: 100%;
	height: auto;
	bottom: -2%;
	left: 0
}

#video-game-wrapper .choose-answer-text .game__text {
	text-align: center;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-text.png);
	background-position: 50%;
	background-size: 100% 100%;
	display: inline-block;
	padding: 3% 5% 2.5%;
	position: relative;
	max-width: 100%;
	margin-bottom: 1%
}

#video-game-wrapper .choose-answer-text .game__text p {
	font-size: 1.4vw;
	font-weight: 400;
	font-family: MyriadPro-Bold;
	color: #592400
}

#video-game-wrapper .choose-answer-text .game__list {
	text-align: center;
	position: relative;
	z-index: 3
}

#video-game-wrapper .choose-answer-text .game__list p {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-answer.png);
	background-position: 50%;
	background-size: 100% 100%;
	display: block;
	width: 65%;
	padding: 2% 4% 1.5%;
	margin: 1% auto;
	font-family: MyriadPro-Bold;
	font-size: 1.4vw;
	color: #592400;
	cursor: pointer;
	transition: transform .3s;
	position: relative
}

#video-game-wrapper .choose-answer-text .game__list p:hover {
	transform: scale(1.1);
	border: 5px solid red;
	border-radius: 15px
}

@media (max-width:991px) {
	#video-game-wrapper .choose-answer-text .game__list p:hover {
		transform: scale(1);
		border: none;
		border-radius: 0
	}
}

#video-game-wrapper .choose-answer-text .game__list p:active {
	transform: scale(.9)
}

#video-game-wrapper .choose-answer-text .game__list .wrong-text {
	background-color: #9e9b97;
	background-image: none
}

#video-game-wrapper .choose-answer-text .game__list .right-text:before {
	content: "";
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/tick.png);
	background-position: 50%;
	background-size: 100% 100%;
	width: 47px;
	height: 40px;
	display: block;
	position: absolute;
	right: 3%;
	top: 50%;
	transform: translateY(-50%)
}

@media (max-width:991px) {
	#video-game-wrapper .choose-answer-text .game__list .right-text:before {
		width: 35px;
		height: 30px
	}
}

@media (max-width:768px) {
	#video-game-wrapper .choose-answer-text .game__list .right-text:before {
		width: 25px;
		height: 20px
	}
}

#video-game-wrapper .choose-answer-text__img {
	border-radius: 15px;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	background-color: #375689;
	padding: 2%;
	border: 6px solid #fff;
	overflow: hidden;
	text-align: center;
	-ms-grid-column-align: center;
	justify-items: center;
	margin: 0;
	width: 20%;
	position: absolute;
	right: 4%;
	bottom: 8%;
	z-index: 3
}

#video-game-wrapper .choose-answer-text__img:after {
	content: "";
	display: block;
	padding-bottom: 100%
}

#video-game-wrapper .choose-answer-text__img img {
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%
}

#video-game-wrapper .fill-in-the-blank {
	width: 100%;
	height: 100%
}

#video-game-wrapper .fill-in-the-blank .game {
	width: 100%;
	height: 100%;
	padding: 7.9% 5.3% 1%
}

#video-game-wrapper .fill-in-the-blank .game__border {
	background-color: hsla(2, 100%, 86%, .6);
	border-radius: 30px;
	padding: 1%;
	height: 100%;
	position: relative;
	z-index: 1
}

#video-game-wrapper .fill-in-the-blank .game__border__wrapper {
	background-color: hsla(5, 100%, 98%, .6);
	border-radius: 30px;
	padding: 2%;
	height: 100%
}

#video-game-wrapper .fill-in-the-blank .game__border__wrapper__content {
	position: relative;
	width: 100%;
	height: 100%
}

#video-game-wrapper .fill-in-the-blank .game__border__wrapper__content img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

#video-game-wrapper .fill-in-the-blank .game__border__wrapper__content .input-wrapper {
	background-color: #fff;
	border: 3px solid #11932f;
	border-radius: 5px
}

#video-game-wrapper .fill-in-the-blank .game__border__wrapper__content .input-wrapper input {
	background-color: #fff;
	padding: 0 2%;
	color: #ff1e00;
	font-weight: 700;
	width: 87%;
	height: 100%;
	font-size: 1.4vw;
	outline: none;
	border: none;
	border-radius: 5px;
	display: block
}

#video-game-wrapper .fill-in-the-blank .game__border__wrapper__content .input-wrapper input:focus {
	outline: none;
	border: none!important
}

#video-game-wrapper .fill-in-the-blank .game__border__wrapper__content .true-input:after {
	content: "";
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/tick.png);
	background-position: 50%;
	background-size: 100% 100%;
	width: 2vw;
	height: 1.8vw;
	display: block;
	position: absolute;
	right: 3%;
	top: 50%;
	transform: translateY(-50%)
}

#video-game-wrapper .fill-in-the-blank .rabbit-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	top: 0;
	left: 0;
	display: none
}

#video-game-wrapper .fill-in-the-blank .rabbit-wrapper .rabbit-boy {
	position: absolute;
	width: 110%;
	height: auto;
	bottom: -8%;
	left: -5%
}

#video-game-wrapper .listen-and-answer .game__border,
#video-game-wrapper .listen-and-answer .game__border__wrapper {
	background-color: transparent
}

#video-game-wrapper .listen-and-answer .game .rabbit-wrapper {
	display: block
}

#video-game-wrapper .drag-text-to-blank {
	width: 100%;
	height: 100%
}

#video-game-wrapper .drag-text-to-blank .game {
	width: 100%;
	height: 100%;
	padding: 7% 3% 1%
}

#video-game-wrapper .drag-text-to-blank .game__wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%
}

#video-game-wrapper .drag-text-to-blank .game__wrapper__left {
	width: 66.9%;
	background-color: hsla(0, 100%, 75%, .8);
	border-radius: 20px;
	padding: 1%;
	position: relative
}

#video-game-wrapper .drag-text-to-blank .game__wrapper__left__border {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: hsla(5, 100%, 98%, .8);
	border-radius: 20px;
	padding: 2%
}

#video-game-wrapper .drag-text-to-blank .game__wrapper__left__border__content {
	position: relative;
	width: 100%;
	height: 100%
}

#video-game-wrapper .drag-text-to-blank .game__wrapper__left__border__content img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

#video-game-wrapper .drag-text-to-blank .game__wrapper__left__border__content__bin {
	background-color: #fff;
	border: 3px solid #11932f;
	border-radius: 5px;
	text-align: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:991px) {
	#video-game-wrapper .drag-text-to-blank .game__wrapper__left__border__content__bin {
		border: 1px solid #11932f
	}
}

#video-game-wrapper .drag-text-to-blank .game__wrapper__left__border__content__bin p {
	display: block;
	font-size: 1.4vw;
	color: #ff4200;
	width: 83%;
	font-weight: 700;
	-moz-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none
}

#video-game-wrapper .drag-text-to-blank .game__wrapper__left__border__content__bin p:after {
	content: "";
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/tick.png);
	background-position: 50%;
	background-size: 100% 100%;
	width: 2vw;
	height: 1.8vw;
	display: block;
	position: absolute;
	right: 3%;
	top: 50%;
	transform: translateY(-50%)
}

#video-game-wrapper .drag-text-to-blank .game__wrapper__right {
	width: 30%;
	background-color: hsla(0, 100%, 75%, .8);
	border-radius: 20px;
	padding: 1%;
	position: relative
}

#video-game-wrapper .drag-text-to-blank .game__wrapper__right__border {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: hsla(5, 100%, 98%, .8);
	border-radius: 20px;
	padding: 2%
}

#video-game-wrapper .drag-text-to-blank .game__wrapper__right__border__content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

#video-game-wrapper .drag-text-to-blank .game__wrapper__right__border__content__box {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/box-drag-text-to-blank.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	text-align: center;
	min-width: 60%;
	max-width: 90%;
	margin: 3% 0;
	cursor: pointer;
	outline: none;
	position: static!important
}

#video-game-wrapper .drag-text-to-blank .game__wrapper__right__border__content__box:hover {
	opacity: .8!important
}

#video-game-wrapper .drag-text-to-blank .game__wrapper__right__border__content__box span {
	color: #fff;
	font-size: 1.6vw;
	font-weight: 700;
	text-align: center;
	padding: 4.5% 0;
	display: block
}

#video-game-wrapper .tick-cross,
#video-game-wrapper .tick-cross .game {
	width: 100%;
	height: 100%
}

#video-game-wrapper .tick-cross .game__wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 70px 30px 0
}

@media (max-width:991px) {
	#video-game-wrapper .tick-cross .game__wrapper {
		padding: 55px 20px
	}
}

#video-game-wrapper .tick-cross .game__wrapper__rabbit {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0
}

#video-game-wrapper .tick-cross .game__wrapper__rabbit--index {
	z-index: 10
}

#video-game-wrapper .tick-cross .game__wrapper__content {
	position: relative;
	z-index: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 3% 6%;
	background-color: hsla(0, 0%, 100%, .7);
	border-radius: 20px;
	-ms-flex-align: center;
	align-items: center;
	height: 45%
}

@media (max-width:991px) {
	#video-game-wrapper .tick-cross .game__wrapper__content {
		padding: 2% 4%;
		height: 50%;
		border-radius: 10px
	}
}

#video-game-wrapper .tick-cross .game__wrapper__content__question {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	background-color: #375689;
	border-radius: 10px;
	box-shadow: -4px 4px 0 0 rgba(78, 126, 196, .7);
	width: 68%;
	min-height: 80%;
	position: relative;
	-ms-flex-pack: start;
	justify-content: flex-start
}

#video-game-wrapper .tick-cross .game__wrapper__content__question__img {
	border-radius: 10px;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	padding: 10px;
	border: 3px solid #ff0;
	overflow: hidden;
	text-align: center;
	-ms-grid-column-align: center;
	justify-items: center;
	width: 30%
}

@media (max-width:991px) {
	#video-game-wrapper .tick-cross .game__wrapper__content__question__img {
		width: 25%;
		padding: 5px;
		border: 2px solid #ff0
	}
}

#video-game-wrapper .tick-cross .game__wrapper__content__question__img img {
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%
}

#video-game-wrapper .tick-cross .game__wrapper__content__question__img:after {
	content: "";
	display: block;
	padding-bottom: 100%
}

#video-game-wrapper .tick-cross .game__wrapper__content__question p {
	text-align: center;
	color: #ff0;
	font-weight: 700;
	font-size: 1.6vw;
	width: 70%;
	padding: 0 5%
}

@media (max-width:991px) {
	#video-game-wrapper .tick-cross .game__wrapper__content__question p {
		width: 75%
	}
}

#video-game-wrapper .tick-cross .game__wrapper__content__answer {
	display: -ms-flexbox;
	display: flex;
	width: 25%;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#video-game-wrapper .tick-cross .game__wrapper__content__answer__btn {
	cursor: pointer;
	transition: transform .5s ease;
	border-radius: 18%;
	position: relative;
	width: 42%
}

@keyframes blinkright {
	0% {
		border: .35vw solid #0c600c
	}
	to {
		border: .35vw solid #ff0
	}
}

@keyframes blinkwrong {
	0% {
		border: .35vw solid #930909
	}
	to {
		border: .35vw solid #ff0
	}
}

#video-game-wrapper .tick-cross .game__wrapper__content__answer__btn--right {
	border: .35vw solid #0c600c;
	background-color: #0c600c
}

#video-game-wrapper .tick-cross .game__wrapper__content__answer__btn--right:hover {
	box-shadow: -4px 4px 0 0 rgba(12, 96, 12, .4);
	left: 4px;
	bottom: 4px
}

@media (max-width:991px) {
	#video-game-wrapper .tick-cross .game__wrapper__content__answer__btn--right:hover {
		box-shadow: none;
		left: 0;
		bottom: 0
	}
}

#video-game-wrapper .tick-cross .game__wrapper__content__answer__btn--wrong {
	border: .35vw solid #930909;
	background-color: #930909
}

#video-game-wrapper .tick-cross .game__wrapper__content__answer__btn--wrong:hover {
	box-shadow: -4px 4px 0 0 rgba(147, 9, 9, .4);
	left: 4px;
	bottom: 4px
}

@media (max-width:991px) {
	#video-game-wrapper .tick-cross .game__wrapper__content__answer__btn--wrong:hover {
		box-shadow: none;
		left: 0;
		bottom: 0
	}
}

#video-game-wrapper .tick-cross .game__wrapper__content__answer__btn--active-right {
	animation: blinkright .2s 10
}

#video-game-wrapper .tick-cross .game__wrapper__content__answer__btn--active-wrong {
	animation: blinkwrong .2s 10
}

#video-game-wrapper .tick-cross .game__wrapper__content__answer__btn img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%
}

#video-game-wrapper .puzzle {
	width: 100%;
	height: 100%
}

#video-game-wrapper .puzzle .game {
	width: 100%;
	height: 100%;
	padding: 70px 30px 0;
	text-align: center
}

@media (max-width:991px) {
	#video-game-wrapper .puzzle .game {
		padding: 50px 30px 0
	}
}

#video-game-wrapper .puzzle .game__wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative
}

#video-game-wrapper .puzzle .game__wrapper__left {
	width: 43%
}

#video-game-wrapper .puzzle .game__wrapper__left__border {
	width: 100%;
	padding: 5px;
	background-color: #fff
}

#video-game-wrapper .puzzle .game__wrapper__left__border__content {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border: 1px solid #000;
	background-size: 100% 100%;
	background-position: 50%;
	background-repeat: no-repeat
}

#video-game-wrapper .puzzle .game__wrapper__left__border__content__outline {
	border: 1px solid #000;
	width: 25%;
	background-color: #663b0c;
	box-sizing: border-box;
	display: -ms-flexbox;
	display: flex
}

#video-game-wrapper .puzzle .game__wrapper__left__border__content__outline--true {
	background-color: transparent!important;
	border: none!important
}

#video-game-wrapper .puzzle .game__wrapper__left__border__content__outline:after {
	content: "";
	display: block;
	padding-bottom: 100%
}

#video-game-wrapper .puzzle .game__wrapper__left__border__content__bin {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 60%
}

#video-game-wrapper .puzzle .game__wrapper__left__border__content__bin--true {
	background-color: transparent!important;
	border: none!important
}

#video-game-wrapper .puzzle .game__wrapper__right {
	width: 53.5%
}

#video-game-wrapper .puzzle .game__wrapper__right__text {
	text-align: center;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/text-box-puzzle.png);
	background-position: 50%;
	background-size: 100% 100%;
	display: inline-block;
	position: relative;
	padding: 1% 4%;
	margin-bottom: 2%;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

#video-game-wrapper .puzzle .game__wrapper__right__text p {
	font-size: 1.5vw;
	font-weight: 400;
	display: inline;
	font-family: MyriadPro-Bold;
	color: #592400
}

#video-game-wrapper .puzzle .game__wrapper__right__border {
	width: 100%;
	padding: 5px;
	background-color: #ff7f00
}

#video-game-wrapper .puzzle .game__wrapper__right__border__content {
	width: 100%
}

#video-game-wrapper .puzzle .game__wrapper__right__border__content:after {
	content: "";
	display: table;
	clear: both
}

#video-game-wrapper .puzzle .game__wrapper__right__border__content__example {
	width: calc(40% - 6px);
	margin: 2px 3px;
	float: left;
	border: 4px solid #fff
}

@media (max-width:991px) {
	#video-game-wrapper .puzzle .game__wrapper__right__border__content__example {
		border: 2px solid #fff
	}
}

#video-game-wrapper .puzzle .game__wrapper__right__border__content__box {
	width: calc(20% - 4px);
	background-color: #e25d03;
	margin: 2px;
	position: relative;
	float: left
}

#video-game-wrapper .puzzle .game__wrapper__right__border__content__box:after {
	content: "";
	display: block;
	padding-bottom: 100%
}

#video-game-wrapper .puzzle .game__wrapper__right__border__content__box__img {
	outline: none;
	position: static!important
}

#video-game-wrapper .puzzle .game__wrapper__right__border__content__box__img:hover {
	opacity: .8
}

#video-game-wrapper .puzzle .game__wrapper__right__border__content__box img {
	width: 100%
}

#video-game-wrapper .game-flip-card {
	width: 100%;
	height: 100%
}

#video-game-wrapper .game-flip-card .game {
	width: 100%;
	height: 100%;
	padding: 70px 30px 0;
	text-align: center
}

@media (max-width:991px) {
	#video-game-wrapper .game-flip-card .game {
		padding: 50px 30px 0
	}
}

#video-game-wrapper .game-flip-card .game__wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	height: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 4% 10%
}

@media (max-width:991px) {
	#video-game-wrapper .game-flip-card .game__wrapper {
		padding: 0
	}
}

#video-game-wrapper .game-flip-card .game__wrapper__row {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

#video-game-wrapper .game-flip-card .game__wrapper__card {
	position: relative;
	width: 25%;
	overflow: hidden
}

#video-game-wrapper .game-flip-card .game__wrapper__card:before {
	content: "";
	display: block;
	padding-top: 100%
}

#video-game-wrapper .game-flip-card .game__wrapper__card .flip-card {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: transparent;
	width: 80%;
	height: 80%;
	perspective: 1000px;
	cursor: pointer
}

#video-game-wrapper .game-flip-card .game__wrapper__card .flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform .6s;
	transform-style: preserve-3d;
	box-shadow: -4px 4px rgba(0, 0, 0, .4);
	border-radius: 10%
}

@media (max-width:991px) {
	#video-game-wrapper .game-flip-card .game__wrapper__card .flip-card-inner {
		box-shadow: -2px 2px rgba(0, 0, 0, .4)
	}
}

#video-game-wrapper .game-flip-card .game__wrapper__card .active {
	cursor: auto
}

#video-game-wrapper .game-flip-card .game__wrapper__card .active .flip-card-inner {
	transform: rotateY(180deg)
}

#video-game-wrapper .game-flip-card .game__wrapper__card .flip-card-back,
#video-game-wrapper .game-flip-card .game__wrapper__card .flip-card-front {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

#video-game-wrapper .game-flip-card .game__wrapper__card .flip-card-front {
	background-color: #faac18;
	border: 5px solid #fff;
	color: #000;
	border-radius: 10%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 25%
}

@media (max-width:991px) {
	#video-game-wrapper .game-flip-card .game__wrapper__card .flip-card-front {
		border: 3px solid #fff
	}
}

#video-game-wrapper .game-flip-card .game__wrapper__card .flip-card-back {
	background-color: #fff;
	border: 5px solid #ff3c00;
	border-radius: 10%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	padding: 5%;
	transform: rotateY(180deg);
	overflow: hidden
}

@media (max-width:991px) {
	#video-game-wrapper .game-flip-card .game__wrapper__card .flip-card-back {
		border: 3px solid #ff3c00
	}
}

#video-game-wrapper .drag-pattern {
	width: 100%;
	height: 100%
}

#video-game-wrapper .drag-pattern .game {
	width: 100%;
	height: 100%;
	padding: 8% 4% 2%
}

#video-game-wrapper .drag-pattern .game__wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
	-ms-flex-direction: column;
	flex-direction: column
}

#video-game-wrapper .drag-pattern .game__wrapper__left {
	padding: 3% 8% 6%;
	position: relative;
	height: 50%
}

#video-game-wrapper .drag-pattern .game__wrapper__left__border {
	border-radius: 10px;
	border: 5px solid #fff;
	box-shadow: 0 5px #0d4cc3
}

#video-game-wrapper .drag-pattern .game__wrapper__left__border,
#video-game-wrapper .drag-pattern .game__wrapper__left__border__content {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #ffe600
}

#video-game-wrapper .drag-pattern .game__wrapper__left__border__content img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

#video-game-wrapper .drag-pattern .game__wrapper__left__border__content__bin {
	text-align: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

#video-game-wrapper .drag-pattern .game__wrapper__left__border__content__bin p {
	display: block;
	font-size: 1.4vw;
	color: #ff4200;
	width: 83%;
	font-weight: 700
}

#video-game-wrapper .drag-pattern .game__wrapper__right {
	position: relative;
	height: 50%;
	padding: 0 8%
}

#video-game-wrapper .drag-pattern .game__wrapper__right__border {
	position: relative;
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#video-game-wrapper .drag-pattern .game__wrapper__right__border__content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	width: 30%;
	background-color: #fff;
	padding: 2%;
	border-radius: 10px
}

#video-game-wrapper .drag-pattern .game__wrapper__right__border__content__box {
	text-align: center;
	cursor: pointer;
	outline: none;
	position: static!important;
	padding: 5%;
	overflow: hidden
}

#video-game-wrapper .drag-pattern .game__wrapper__right__border__content__box:hover {
	opacity: .8!important
}

#video-game-wrapper .drag-pattern--layout2 .game__wrapper {
	-ms-flex-direction: row;
	flex-direction: row;
	padding-top: 2%
}

#video-game-wrapper .drag-pattern--layout2 .game__wrapper__left {
	height: 100%;
	padding: 0 0 0 12%;
	width: 60%
}

#video-game-wrapper .drag-pattern--layout2 .game__wrapper__right {
	height: 100%;
	padding: 0;
	width: 40%
}

#video-game-wrapper .drag-pattern--layout2 .game__wrapper__right__border {
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column
}

#video-game-wrapper .drag-pattern--layout2 .game__wrapper__right__border__content {
	height: 30%;
	width: 36%
}

#video-game-wrapper .tracing {
	position: absolute;
	z-index: 4;
	height: 100%;
	left: 120px;
	right: 120px
}

@media (max-width:991px) {
	#video-game-wrapper .tracing {
		left: 100px;
		right: 100px
	}
}

#video-game-wrapper .tracing .game,
#video-game-wrapper .tracing .game__wrapper {
	width: 100%;
	height: 100%
}

#video-game-wrapper .tracing .game__wrapper__content {
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

#video-game-wrapper .tracing .game__wrapper__content__svg {
	position: relative;
	width: 250px
}

@media (max-width:991px) {
	#video-game-wrapper .tracing .game__wrapper__content__svg {
		width: 220px
	}
}

@media (max-width:568px) {
	#video-game-wrapper .tracing .game__wrapper__content__svg {
		width: 180px
	}
}

#video-game-wrapper .tracing .game__wrapper__content__svg__line {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0
}

#video-game-wrapper .tracing .game__wrapper__content__svg__line svg {
	height: auto
}

#video-game-wrapper .tracing .game__wrapper__content__svg__draw {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	width: 100%
}

#video-game-wrapper .tracing .game__wrapper__content__svg__draw svg {
	height: auto
}

@keyframes path {
	to {
		stroke-dashoffset: 0
	}
}

#video-game-wrapper .game-mission {
	position: fixed;
	bottom: 25px;
	right: -100%;
	background-color: #7f4008;
	padding: 16px 10px 12px 16px;
	border-radius: 20px;
	box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .7);
	width: 450px;
	transition: all .5s ease
}

@media (max-width:720px) {
	#video-game-wrapper .game-mission {
		width: 300px;
		padding: 8px 5px 6px 8px;
		border-radius: 10px
	}
}

#video-game-wrapper .game-mission__on {
	right: 35px
}

#video-game-wrapper .game-mission__wrapper {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/mission-wrapper.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	padding: 18px 30px 15px 22px;
	position: relative
}

@media (max-width:720px) {
	#video-game-wrapper .game-mission__wrapper {
		padding: 8px 15px 8px 10px
	}
}

#video-game-wrapper .game-mission__wrapper__close {
	width: 44px;
	position: absolute;
	right: -25px;
	top: -25px;
	transition: transform .3s;
	cursor: pointer
}

@media (max-width:720px) {
	#video-game-wrapper .game-mission__wrapper__close {
		width: 30px;
		right: -20px;
		top: -20px
	}
}

#video-game-wrapper .game-mission__wrapper__close:hover {
	transform: scale(1.2)
}

#video-game-wrapper .game-mission__wrapper__close:active {
	transform: scale(.8)
}

#video-game-wrapper .game-mission__wrapper__top {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 15px;
	margin-bottom: 13px;
	border-bottom: 2px dashed #e2ad7e;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:720px) {
	#video-game-wrapper .game-mission__wrapper__top {
		padding-bottom: 10px;
		margin-bottom: 8px
	}
}

#video-game-wrapper .game-mission__wrapper__top p {
	display: -ms-flexbox;
	display: flex;
	font-family: SVN-ProductSans;
	font-size: 20px;
	font-weight: 700;
	text-align: right;
	color: red;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:720px) {
	#video-game-wrapper .game-mission__wrapper__top p {
		font-size: 16px
	}
}

#video-game-wrapper .game-mission__wrapper__top p img {
	width: 36px;
	margin-right: 15px
}

@media (max-width:720px) {
	#video-game-wrapper .game-mission__wrapper__top p img {
		width: 25px;
		margin-right: 10px
	}
}

#video-game-wrapper .game-mission__wrapper__top span {
	font-family: SVN-ProductSans;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background-color: #d02e02;
	border-radius: 14px;
	padding: 0 15px;
	height: 28px
}

@media (max-width:720px) {
	#video-game-wrapper .game-mission__wrapper__top span {
		font-size: 16px;
		height: 22px;
		padding: 0 10px
	}
}

#video-game-wrapper .game-mission__wrapper__bot p {
	font-family: SVN-ProductSans;
	font-size: 16px;
	line-height: 1.5;
	color: #7f4008
}

@media (max-width:720px) {
	#video-game-wrapper .game-mission__wrapper__bot p {
		font-size: 14px
	}
}

#vocabulary-video .hint-animate-video {
	width: 70px;
	height: 110px
}

@media (max-width:991px) {
	#vocabulary-video .hint-animate-video {
		width: 50px;
		height: 80px
	}
}

#vocabulary-video .vjs-control-bar {
	display: none!important
}

#vocabulary-video .vjs-tech {
	pointer-events: none
}

#video-game-wrapper .let-count {
	width: 100%;
	height: 100%
}

#video-game-wrapper .let-count .game {
	width: 100%;
	height: 100%;
	padding: 8% 4% 2%
}

@media (max-width:667px) {
	#video-game-wrapper .let-count .game {
		padding: 10% 6% 2%
	}
}

#video-game-wrapper .let-count .game__wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%
}

#video-game-wrapper .let-count .game__wrapper__left {
	position: relative;
	height: 100%;
	width: 60%;
	padding: 0 5%
}

#video-game-wrapper .let-count .game__wrapper__left__border,
#video-game-wrapper .let-count .game__wrapper__left__border__content {
	position: relative;
	width: 100%;
	height: 100%
}

#video-game-wrapper .let-count .game__wrapper__left__border__content img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

#video-game-wrapper .let-count .game__wrapper__left__border__content__bin {
	text-align: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

#video-game-wrapper .let-count .game__wrapper__left__border__content__bin__ref {
	background-color: transparent;
	width: 50%;
	height: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

#video-game-wrapper .let-count .game__wrapper__left__border__content__bin p {
	display: block;
	font-size: 1.2vw;
	color: #ff4200;
	width: 83%;
	font-weight: 700
}

#video-game-wrapper .let-count .game__wrapper__right {
	position: relative;
	height: 100%;
	width: 40%;
	padding-right: 5%
}

#video-game-wrapper .let-count .game__wrapper__right__border {
	position: relative;
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	padding: 2%;
	border-radius: 5%;
	border: 5px solid #fab024;
	background-color: hsla(0, 0%, 100%, .5)
}

#video-game-wrapper .let-count .game__wrapper__right__border__content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex-align: center;
	align-items: center;
	width: 50%;
	position: relative;
	padding: 10%
}

#video-game-wrapper .let-count .game__wrapper__right__border__content__box {
	text-align: center;
	cursor: pointer;
	outline: none;
	position: static!important
}

#video-game-wrapper .let-count .game__wrapper__right__border__content__box:hover {
	opacity: .8!important
}

#video-game-wrapper .let-count--layout2 .game__wrapper {
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse
}

#video-game-wrapper .let-count--layout2 .game__wrapper__left {
	width: 100%;
	height: 70%;
	padding: 2% 0 0
}

#video-game-wrapper .let-count--layout2 .game__wrapper__left__border__content__bin {
	box-shadow: none
}

#video-game-wrapper .let-count--layout2 .game__wrapper__left__border__content__bin p {
	color: #333;
	width: 100%
}

#video-game-wrapper .let-count--layout2 .game__wrapper__right {
	width: 100%;
	padding: 0 20%;
	height: 30%
}

#video-game-wrapper .let-count--layout2 .game__wrapper__right__border {
	border-radius: 0;
	padding: 0;
	background-color: transparent;
	border: none;
	-ms-flex-pack: center;
	justify-content: center
}

#video-game-wrapper .let-count--layout2 .game__wrapper__right__border__content {
	height: 100%;
	width: 25%;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
	padding: 2%
}

@media (max-width:991px) {
	#video-game-wrapper .let-count--layout2 .game__wrapper__right__border__content {
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff
	}
}

#video-game-wrapper .let-count--layout2 .game__wrapper__right__border__content:first-child {
	border-left: 4px solid #fff
}

@media (max-width:991px) {
	#video-game-wrapper .let-count--layout2 .game__wrapper__right__border__content:first-child {
		border-left: 2px solid #fff
	}
}

#video-game-wrapper .let-count--layout2 .game__wrapper__right__border__content:last-child {
	border-right: 4px solid #fff
}

@media (max-width:991px) {
	#video-game-wrapper .let-count--layout2 .game__wrapper__right__border__content:last-child {
		border-right: 2px solid #fff
	}
}

#video-game-wrapper .classify {
	width: 100%;
	height: 100%
}

#video-game-wrapper .classify .game {
	width: 100%;
	height: 100%;
	padding: 7% 4% 2%
}

@media (max-width:1300px) {
	#video-game-wrapper .classify .game {
		padding: 9% 4% 2%
	}
}

@media (max-width:667px) {
	#video-game-wrapper .classify .game {
		padding: 11% 4% 1%
	}
}

#video-game-wrapper .classify .game__wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
	-ms-flex-direction: column;
	flex-direction: column
}

#video-game-wrapper .classify .game__wrapper__top {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	height: 55%;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	padding-top: 2%
}

@media (max-width:991px) {
	#video-game-wrapper .classify .game__wrapper__top {
		padding-top: 4px
	}
}

#video-game-wrapper .classify .game__wrapper__top__bin {
	height: 100%;
	width: 30%;
	position: relative;
	border-radius: 10%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 3% 1% 0
}

#video-game-wrapper .classify .game__wrapper__top__bin__title {
	position: absolute;
	top: -20%;
	left: 50%;
	transform: translateX(-50%);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100% 100%;
	min-width: 70%;
	height: 38%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 15%
}

#video-game-wrapper .classify .game__wrapper__top__bin__title p {
	font-size: 1.8vw;
	color: #fff;
	white-space: nowrap
}

#video-game-wrapper .classify .game__wrapper__top__bin__img {
	width: 35%
}

#video-game-wrapper .classify .game__wrapper__bot {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: end;
	align-items: flex-end;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	height: 40%
}

#video-game-wrapper .classify .game__wrapper__bot__card {
	width: 14%
}

#video-game-wrapper .classify .game__wrapper__bot__card__outline {
	z-index: 2;
	position: relative
}

#video-game-wrapper .classify .game__wrapper__bot__card__box {
	width: 80%;
	margin: 0 auto -5%;
	position: static!important
}

#video-game-wrapper .classify .game__wrapper__bot__card__bottom {
	position: relative;
	z-index: 1
}

.dictionary-game {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateY(100%)
}

.dictionary-game .dictionary-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.dictionary-game .loading-spinner,
.dictionary-game .loading-spinner:after {
	border-radius: 50%;
	width: 10em;
	height: 10em
}

.dictionary-game .loading-spinner {
	width: 60px;
	height: 60px;
	margin: 60px auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 6px solid #d6ac8c;
	border-right: 6px solid #d6ac8c;
	border-bottom: 6px solid #d6ac8c;
	border-left: 6px solid #432814;
	transform: translateZ(0);
	animation: load8 1.1s infinite linear
}

@keyframes load8 {
	0% {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(1turn)
	}
}

.dictionary-game__container {
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.dictionary-game__gray-screen {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: block;
	transform: translateY(-100%)
}

.dictionary-game__wrapper {
	width: 100%;
	padding: 0 40px;
	top: 0;
	transform: translateY(50%);
	position: absolute;
	z-index: 3;
	transition: all .3s ease;
	background-color: #7f4800;
	height: 80%
}

@media (max-width:992px) {
	.dictionary-game__wrapper {
		padding: 0 20px
	}
}

.dictionary-game__wrapper .close-btn {
	position: absolute;
	right: 30px;
	top: 0;
	transform: translateY(-50%);
	width: 55px;
	cursor: pointer;
	-webkit-user-drag: none;
	transition: transform .3s;
	z-index: 2
}

.dictionary-game__wrapper .close-btn:hover {
	transform: translateY(-50%) scale(1.2)
}

.dictionary-game__wrapper .close-btn:active {
	transform: translateY(-50%) scale(.8)
}

@media (max-height:550px),
(max-width:997px) {
	.dictionary-game__wrapper .close-btn {
		width: 36px
	}
}

.dictionary-game__close {
	transform: translateY(-100%)
}

.dictionary-game-suggestion {
	margin-left: 92px;
	width: calc(100% - 92px - 92px);
	height: 66px;
	border-bottom: 1px solid #92531c;
	font-family: SVN-ProductSans;
	font-size: 17px;
	color: #fff;
	position: relative;
	overflow: hidden
}

@media (max-height:550px) {
	.dictionary-game-suggestion {
		height: 40px
	}
}

@media (max-width:992px) {
	.dictionary-game-suggestion {
		margin-left: 20px;
		width: calc(100% - 20px - 20px)
	}
}

@media (max-height:550px) {
	.dictionary-game-suggestion {
		width: calc(100% - 20px - 60px)
	}
}

.dictionary-game-suggestion .dictionary-suggestion-item__wrapper:first-child {
	padding-left: 0
}

.dictionary-game-suggestion .dictionary-suggestion-item__wrapper:last-child .dictionary-suggestion-item__content {
	border-right: none
}

.dictionary-game-guide {
	font-size: 15px;
	color: #f59a49;
	font-family: SVN-ProductSans;
	position: absolute;
	top: 0;
	transform: translateY(-100%)
}

@media (max-width:992px) {
	.dictionary-game-guide {
		transform: translateY(-100%) translateX(20px)
	}
}

@media (max-height:550px) {
	.dictionary-game-guide {
		font-size: 13px
	}
}

.dictionary-game-actions {
	padding: 0 92px;
	margin-top: 20px
}

@media (max-width:992px) {
	.dictionary-game-actions {
		padding: 0 20px
	}
}

@media (max-height:550px) {
	.dictionary-game-actions {
		margin-top: 8px
	}
}

.dictionary-game-translation__label {
	font-family: SVN-ProductSans;
	font-size: 20px;
	color: #eeb56a;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	vertical-align: middle
}

@media (max-height:550px) {
	.dictionary-game-translation__label {
		font-size: 13px
	}
}

.dictionary-game-translation__label img {
	width: 20px;
	height: 20px;
	margin-right: 7px;
	border-radius: 50%;
	overflow: hidden
}

.dictionary-game-translation__label img.icon-arrow {
	margin: 0 16px
}

.dictionary-game-search__wrapper {
	width: calc(100% - 100px - 190px - 168px);
	height: 50px;
	border-radius: 6px;
	box-shadow: 2px 2px 0 0 rgba(0, 0, 0, .2);
	border: 2px solid #fffcc9;
	background-color: #78563c;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	vertical-align: middle;
	margin-left: 50px;
	position: relative;
	padding-right: 54px
}

@media (max-height:550px) {
	.dictionary-game-search__wrapper {
		height: 40px;
		margin-left: 20px;
		width: calc(100% - 40px - 89px - 150px);
		padding-right: 40px
	}
}

.dictionary-game-search__wrapper img {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 16px;
	cursor: pointer
}

@media (max-height:550px) {
	.dictionary-game-search__wrapper img {
		width: 20px;
		height: 20px;
		right: 6px
	}
}

.dictionary-game-search__wrapper .dictionary-game-search__input {
	background-color: transparent;
	color: #482911;
	border: none!important;
	outline: none!important;
	box-shadow: none;
	font-family: SVN-ProductSans;
	font-size: 17px
}

.dictionary-game-search__wrapper .dictionary-game-search__input:-ms-input-placeholder {
	color: #482911;
	font-family: SVN-ProductSans;
	font-size: 17px;
	font-style: italic
}

.dictionary-game-search__wrapper .dictionary-game-search__input::placeholder {
	color: #482911;
	font-family: SVN-ProductSans;
	font-size: 17px;
	font-style: italic
}

.dictionary-game-search__wrapper .dictionary-game-search__input:focus {
	color: #482911;
	border: none!important;
	outline: none!important;
	box-shadow: none;
	background-color: transparent
}

@media (max-height:550px) {
	.dictionary-game-search__wrapper .dictionary-game-search__input {
		font-size: 14px
	}
	.dictionary-game-search__wrapper .dictionary-game-search__input:-ms-input-placeholder {
		font-size: 14px
	}
	.dictionary-game-search__wrapper .dictionary-game-search__input::placeholder {
		font-size: 14px
	}
}

.dictionary-game-history__wrapper {
	width: 190px;
	height: 50px;
	border-radius: 25px;
	box-shadow: 0 3px 0 0 rgba(0, 0, 0, .1), 0 3px 0 0 rgba(0, 0, 0, .1), inset 0 -13px 0 0 hsla(0, 0%, 100%, .13), inset 0 2px 0 0 rgba(0, 0, 0, .2);
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-history-btn.png);
	margin-left: 50px;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	background-size: cover;
	background-repeat: no-repeat
}

@media (max-height:550px) {
	.dictionary-game-history__wrapper {
		width: 89px;
		height: 29px;
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-history-btn-small.png);
		margin-left: 20px
	}
}

.dictionary-game-history__text {
	font-family: SVN-ProductSans;
	font-size: 20px;
	color: #f5f5f5;
	margin-left: 10px
}

@media (max-height:550px) {
	.dictionary-game-history__text {
		font-size: 15px
	}
}

.dictionary-game-body__wrapper {
	min-height: 150px;
	margin-top: 20px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
	background-color: #fff2d5;
	padding: 0 18px;
	position: relative;
	padding-top: 20px;
	height: calc(100% - 66px - 40px - 54px)
}

@media (max-height:550px) {
	.dictionary-game-body__wrapper {
		margin-top: 8px;
		padding: 10px;
		padding-bottom: 0;
		height: calc(100% - 95px)
	}
}

.dictionary-game-body__wrapper .dictionary-first-load,
.dictionary-game-body__wrapper .dictionary-no-result {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.dictionary-game-body__wrapper .dictionary-first-load div,
.dictionary-game-body__wrapper .dictionary-no-result div {
	text-align: center;
	font-family: SVN-ProductSans;
	font-weight: 700;
	font-size: 16px
}

@media (max-width:1024) {
	.dictionary-game-body__wrapper .dictionary-first-load div,
	.dictionary-game-body__wrapper .dictionary-no-result div {
		font-size: 13px
	}
}

.dictionary-game-body__wrapper .dictionary-first-load img,
.dictionary-game-body__wrapper .dictionary-no-result img {
	width: 100px;
	height: 100px;
	object-fit: contain;
	margin-bottom: 11px
}

@media (max-height:550px),
(max-width:1024) {
	.dictionary-game-body__wrapper .dictionary-first-load img,
	.dictionary-game-body__wrapper .dictionary-no-result img {
		width: 70px;
		height: 70px
	}
}

.dictionary-game__btn-view {
	height: 121px;
	margin-top: -1px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTkiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgOTkgMTIwIj4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX2EiIGQ9Ik0wIDBIOTlWMTIwSDB6Ii8+CiAgICAgICAgPHBhdGggaWQ9InByZWZpeF9fYyIgZD0iTTAgMGg3M2M5Ljk0MSAwIDE4IDguMDU5IDE4IDE4djMwOGMwIDkuOTQxLTguMDU5IDE4LTE4IDE4SDBWMHoiLz4KICAgICAgICA8cGF0aCBpZD0icHJlZml4X19mIiBkPSJNLTIgMjMyaDEyOHYxMDJjMCA5Ljk0MS04LjA1OSAxOC0xOCAxOEgtMlYyMzJ6Ii8+CiAgICAgICAgPGZpbHRlciBpZD0icHJlZml4X19kIiB3aWR0aD0iMTE3LjYlIiBoZWlnaHQ9IjEwNC43JSIgeD0iLTcuMSUiIHk9Ii0xLjklIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICAgICAgICA8ZmVNb3JwaG9sb2d5IGluPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9ImRpbGF0ZSIgcmFkaXVzPSI1IiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMSIvPgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjMiIGR5PSIzIiBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPgogICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW49InNoYWRvd09mZnNldE91dGVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9Im91dCIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiLz4KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggaW49InNoYWRvd09mZnNldE91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjIgMCIvPgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxmaWx0ZXIgaWQ9InByZWZpeF9fZyIgd2lkdGg9IjEwOC42JSIgaGVpZ2h0PSIxMDkuMiUiIHg9Ii00LjMlIiB5PSItNC42JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij4KICAgICAgICAgICAgPGZlT2Zmc2V0IGR4PSItMTEiIGR5PSItMTEiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRJbm5lcjEiLz4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRJbm5lcjEiIGluMj0iU291cmNlQWxwaGEiIGsyPSItMSIgazM9IjEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiByZXN1bHQ9InNoYWRvd0lubmVySW5uZXIxIi8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJzaGFkb3dJbm5lcklubmVyMSIgdmFsdWVzPSIwIDAgMCAwIDAuNTIyMDc4ODA0IDAgMCAwIDAgMC41MjIwNzg4MDQgMCAwIDAgMCAwLjUyMjA3ODgwNCAwIDAgMCAwLjUgMCIvPgogICAgICAgIDwvZmlsdGVyPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8bWFzayBpZD0icHJlZml4X19iIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcHJlZml4X19hIi8+CiAgICAgICAgPC9tYXNrPgogICAgICAgIDxnIG1hc2s9InVybCgjcHJlZml4X19iKSI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTIzMikiPgogICAgICAgICAgICAgICAgPG1hc2sgaWQ9InByZWZpeF9fZSIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcHJlZml4X19jIi8+CiAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNwcmVmaXhfX2QpIiB4bGluazpocmVmPSIjcHJlZml4X19jIi8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbD0iIzRBQkEzMiIgc3Ryb2tlPSIjRkZGQ0M5IiBzdHJva2Utd2lkdGg9IjUiIGQ9Ik0tMi41LTIuNUg3M2MxMS4zMjIgMCAyMC41IDkuMTc4IDIwLjUgMjAuNXYzMDhjMCAxMS4zMjItOS4xNzggMjAuNS0yMC41IDIwLjVILTIuNXYtMzQ5eiIvPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPHBhdGggZmlsbD0iI0IzMDAxNiIgZD0iTS0yIDExNEgxMjZWMjM0SC0yeiIgbWFzaz0idXJsKCNwcmVmaXhfX2UpIi8+CiAgICAgICAgICAgICAgICA8ZyBtYXNrPSJ1cmwoI3ByZWZpeF9fZSkiPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iIzQwQjQwNCIgeGxpbms6aHJlZj0iI3ByZWZpeF9fZiIvPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iIzAwMCIgZmlsdGVyPSJ1cmwoI3ByZWZpeF9fZykiIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2YiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
	position: absolute;
	top: -50vh;
	left: 0;
	transform: translateY(60px);
	cursor: pointer;
	transition: all .2s ease
}

.dictionary-game__btn-view__only {
	margin-left: -4px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-bg-dictionary-only.png);
	top: -35vh
}

@media (max-height:550px),
(max-width:1024px) {
	.dictionary-game__btn-view {
		transform: translate(-24px, 27px) scale(.5)
	}
}

.dictionary-game ::-webkit-scrollbar {
	width: 8px!important
}

.dictionary-game ::-webkit-scrollbar-thumb {
	border-radius: 4.5px;
	background-color: #7e3f08
}

.dictionary-game ::-webkit-scrollbar-track {
	border-radius: 4.5px;
	background-color: #e1d8c5
}

.dictionary-result__wrapper {
	border: 1px dashed #e8d1bd;
	border-bottom: none;
	padding: 20px;
	height: calc(100% - 76px)
}

@media (max-height:550px) {
	.dictionary-result__wrapper {
		padding: 8px;
		height: calc(100% - 38px)
	}
}

.dictionary-result-header__wrapper {
	height: 32px;
	display: -ms-flexbox;
	display: flex
}

@media (max-height:550px) {
	.dictionary-result-header__wrapper {
		height: 24px
	}
}

.dictionary-result-header__text {
	font-family: SVN-ProductSans;
	font-size: 22px;
	font-weight: 700;
	color: #7e3f08;
	-ms-flex: 1;
	flex: 1
}

.dictionary-result-header__text.pronunciation-text {
	color: #333
}

@media (max-height:550px) {
	.dictionary-result-header__text {
		font-size: 16px
	}
}

.dictionary-result-body__wrapper {
	overflow: hidden;
	font-family: SVN-ProductSans;
	height: calc(100% - 24px)
}

.dictionary-result-body__wrapper>ul {
	margin-top: 16px
}

.dictionary-result-body__wrapper>ul>li>b {
	font-size: 20px;
	color: #09699b
}

@media (max-height:550px) {
	.dictionary-result-body__wrapper>ul>li>b {
		font-size: 16px
	}
}

.dictionary-result-body__wrapper>ul>li>b>i {
	font-style: normal;
	text-transform: capitalize
}

.dictionary-result-body__wrapper>ul>li>ul {
	margin-top: 12px;
	padding-left: 12px
}

@media (max-height:550px) {
	.dictionary-result-body__wrapper>ul>li>ul {
		margin-top: 0
	}
}

.dictionary-result-body__wrapper>ul>li>ul>li>font>b {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.76;
	color: #333;
	position: relative
}

@media (max-height:550px) {
	.dictionary-result-body__wrapper>ul>li>ul>li>font>b {
		font-size: 14px
	}
}

.dictionary-result-body__wrapper>ul>li>ul>li>font>b:before {
	content: "";
	width: 4px;
	height: 14px;
	border-radius: 2.5px;
	background-color: #40b404;
	position: absolute;
	left: -13px;
	top: 50%;
	transform: translateY(-50%)
}

.dictionary-result-body__wrapper>ul>li>ul>li>ul>li {
	font-size: 17px;
	color: #333
}

@media (max-height:550px) {
	.dictionary-result-body__wrapper>ul>li>ul>li>ul>li {
		font-size: 14px
	}
}

.dictionary-result-body__wrapper>ul>li>ul>li>ul>li>b {
	color: #4aba32;
	font-weight: 400
}

.dictionary-result-body__wrapper>ul>li>ul>li>ul>li>b>i {
	color: #333
}

.dictionary-result-body__wrapper>ul>li>ul>li>ul>li>font>b {
	position: relative
}

.dictionary-result-body__wrapper>ul>li>ul>li>ul>li>font>b:before {
	content: "";
	width: 5px;
	height: 5px;
	background-color: #09699b;
	position: absolute;
	left: -12px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%
}

.dictionary-result-body__wrapper>ul>li>ul>li>ul {
	margin-top: 8px
}

@media (max-height:550px) {
	.dictionary-result-body__wrapper>ul>li>ul>li>ul {
		margin-top: 4px
	}
}

.dictionary-result-body__wrapper>ul>li>ul>li>ul>li>font>b>i {
	font-weight: 400;
	font-style: normal
}

.dictionary-result-bottom__wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 76px;
	border-left: 1px dashed #e8d1bd;
	border-right: 1px dashed #e8d1bd
}

@media (max-height:550px) {
	.dictionary-result-bottom__wrapper {
		height: 38px
	}
}

.dictionary-result-show-more-btn {
	cursor: pointer;
	font-family: SVN-ProductSans;
	font-size: 20px;
	font-weight: 700;
	color: #ff7800;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.dictionary-result-show-more-btn img {
	margin-left: 8px
}

.dictionary-suggestion__wrapper {
	display: -ms-flexbox;
	display: flex;
	overflow: auto;
	white-space: nowrap
}

.dictionary-suggestion__wrapper::-webkit-scrollbar {
	display: none!important
}

.dictionary-suggestion__wrapper.dragging {
	cursor: grabbing;
	cursor: -webkit-grabbing
}

.dictionary-suggestion-item__wrapper {
	padding: 20px;
	padding-right: 0
}

@media (max-height:550px) {
	.dictionary-suggestion-item__wrapper {
		padding: 8px
	}
}

.dictionary-suggestion-item__content {
	padding-right: 20px;
	border-right: 1px solid #92531c;
	cursor: pointer
}

.dictionary-suggestion-blur {
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	height: 100%;
	opacity: .7;
	z-index: 1;
	background-image: linear-gradient(90deg, rgba(127, 72, 0, .5) -16%, #7f4800 73%)
}

.dictionary-history__wrapper {
	border: 1px dashed #e8d1bd;
	border-bottom: none;
	padding: 20px;
	height: calc(100% - 40px)
}

@media (max-height:550px) {
	.dictionary-history__wrapper {
		padding: 8px;
		height: calc(100% - 20px)
	}
}

.dictionary-history-header__text {
	font-family: SVN-ProductSans;
	font-size: 22px;
	font-weight: 700;
	color: #7e3f08;
	margin-top: 2.6px
}

@media (max-height:550px) {
	.dictionary-history-header__text {
		font-size: 18px
	}
}

.dictionary-history-body__wrapper {
	height: calc(100% - 30px);
	overflow: auto
}

.dictionary-history-item__wrapper {
	padding: 20px 0;
	border-top: 1px solid #e8d1bd;
	font-family: SVN-ProductSans;
	font-size: 17px;
	color: #333;
	width: calc(100% - 40px)
}

.dictionary-history-item__wrapper:first-child {
	border-top: none
}

@media (max-height:550px) {
	.dictionary-history-item__wrapper {
		width: calc(100% - 8px);
		font-size: 14px
	}
}

.dictionary-history-item__title {
	font-weight: 700
}

.dictionary-history-item__content {
	line-height: 21px;
	height: 42px;
	overflow: hidden
}

.dictionary-history-bottom__wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 76px;
	border-left: 1px dashed #e8d1bd;
	border-right: 1px dashed #e8d1bd
}

.dictionary-history-show-more-btn {
	cursor: pointer;
	font-family: SVN-ProductSans;
	font-size: 20px;
	font-weight: 700;
	color: #ff7800;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.dictionary-history-show-more-btn img {
	margin-left: 8px
}

#video-game-wrapper .dictionary-game__btn-view {
	height: 121px
}

.fullscreen-mode .close-btn {
	transform: translate(-10px, 20px)
}

.fullscreen-mode .close-btn:hover {
	transform: translate(-10px, 20px) scale(1.2)
}

.fullscreen-mode .dictionary-game-guide {
	position: unset;
	transform: unset;
	padding-left: 92px;
	font-size: 13px;
	margin-top: 20px
}

@media (max-width:992px) {
	.fullscreen-mode .dictionary-game-guide {
		padding-left: 20px
	}
}

@media (max-height:550px) {
	.fullscreen-mode .dictionary-game-guide {
		margin-top: 0
	}
}

.fullscreen-mode .dictionary-game__wrapper {
	height: 100%
}

.fullscreen-mode .dictionary-suggestion-item__wrapper {
	padding-top: 10px
}

@media (max-width:992px) {
	.fullscreen-mode .dictionary-game-suggestion {
		margin-left: 20px;
		width: calc(100% - 20px - 20px - 60px)
	}
}

.fullscreen-mode .dictionary-result-body__wrapper {
	overflow: auto
}

.fullscreen-mode .dictionary-result__wrapper {
	height: calc(100% - 105px)
}

@media (max-height:550px) {
	.fullscreen-mode .dictionary-result__wrapper {
		height: calc(100% - 34px)
	}
	.fullscreen-mode .dictionary-game-body__wrapper {
		height: calc(100% - 118px)
	}
}

.game-menu-btn-wrapper {
	width: 100px;
	height: 120px;
	cursor: pointer;
	font-family: SVN-ProductSans;
	font-size: 15px;
	color: #fff;
	text-align: center;
	padding-right: 10px;
	padding-top: 16px;
	background-size: contain;
	background-repeat: no-repeat
}

#video-game-wrapper .vocabulary-image {
	width: 100%;
	height: 100%
}

#video-game-wrapper .vocabulary-image .game {
	width: 100%;
	height: 100%;
	padding: 7.9% 5.3% 1%
}

#video-game-wrapper .vocabulary-image .game__border {
	background-color: hsla(2, 100%, 86%, .6);
	border-radius: 30px;
	padding: 1%;
	height: 100%;
	position: relative;
	z-index: 1
}

#video-game-wrapper .vocabulary-image .game__border__wrapper {
	background-color: hsla(5, 100%, 98%, .6);
	border-radius: 30px;
	padding: 2%;
	height: 100%
}

#video-game-wrapper .vocabulary-image .game__border__wrapper__content {
	position: relative;
	width: 100%;
	height: 100%
}

#video-game-wrapper .vocabulary-image .game__border__wrapper__content img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

#video-game-wrapper .vocabulary-image .game .cls-finger-hint {
	width: 120px;
	height: 120px
}

@media (max-width:991px) {
	#video-game-wrapper .vocabulary-image .game .cls-finger-hint {
		width: 80px;
		height: 80px
	}
}

.form-request-pw .forgot-pw-form__title {
	font-size: 35px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	color: #3bbdf9;
	margin: 40px 0 13px
}

@media (max-width:767px) {
	.form-request-pw .forgot-pw-form__title {
		font-size: 25px;
		margin: 20px 0 15px
	}
}

.form-request-pw .form__btn--request {
	margin-bottom: 94px
}

.form-request-pw .forgot-pw-form__description {
	letter-spacing: .2px;
	margin-bottom: 26px
}

.form-request-pw .register-confirm-otp__wrapper {
	margin-top: 60px
}

.form-request-pw .register-confirm-otp__wrapper .register-confirm-otp__title {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 20px;
	color: #333;
	font-size: 14px;
	font-family: SVN-ProductSans;
	font-weight: 600;
	letter-spacing: .2px
}

.form-request-pw .register-confirm-otp__wrapper .register-confirm-otp__guideline {
	color: #666;
	font-size: 12px;
	font-family: SVN-ProductSans;
	font-style: italic;
	letter-spacing: .17px;
	cursor: pointer;
	font-weight: 400
}

.form-request-pw .register-confirm-otp__wrapper .register-confirm-otp__sendTo {
	color: #333;
	font-size: 15px;
	font-family: SVN-ProductSans;
	text-align: center;
	letter-spacing: .15px
}

.form-request-pw .register-confirm-otp__wrapper .register-confirm-otp__sendTo .register-confirm-otp__phonenumber {
	font-weight: 700;
	font-size: 17px
}

.form-request-pw .register-confirm-otp__wrapper .register-confirm-otp__remainTime--text {
	color: #333;
	font-size: 14px;
	font-family: SVN-ProductSans;
	letter-spacing: .2px;
	line-height: 22px;
	margin-top: 15px
}

.form-request-pw .register-confirm-otp__wrapper .register-confirm-otp__remainTime--text .register-confirm-otp__remainTime {
	font-size: 14px;
	font-weight: 600
}

.form-request-pw .register-confirm-otp__wrapper .register-confirm-otp__button {
	margin-top: 50px
}

.form-request-pw .register-confirm-otp__wrapper .register-confirm-otp__resend--text {
	margin-top: 50px;
	color: #333;
	font-size: 14px;
	font-family: SVN-ProductSans;
	letter-spacing: .2px
}

.form-request-pw .register-confirm-otp__wrapper .register-confirm-otp__resend--button {
	color: #50ad4e;
	cursor: pointer
}

.form-set-new-pw .forgot-pw-form__title {
	font-size: 35px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	color: #3bbdf9;
	margin: 40px 0 13px
}

@media (max-width:767px) {
	.form-set-new-pw .forgot-pw-form__title {
		font-size: 25px;
		margin: 20px 0 15px
	}
}

.form-set-new-pw .form__btn--request {
	margin-bottom: 94px
}

.form-set-new-pw .forgot-pw-form__description {
	letter-spacing: .2px;
	margin-bottom: 26px
}

#request-pw-again-page .form__btn--login {
	margin-bottom: 20px
}

#request-pw-again-page .note {
	letter-spacing: .2px;
	color: #50ad4e;
	font-weight: 600;
	padding: 15px;
	display: inline-block;
	border: 1px solid #50ad4e;
	background-color: rgba(80, 173, 78, .2);
	border-radius: 4px;
	margin-bottom: 90px
}

@media (max-width:767px) {
	#request-pw-again-page .note {
		margin-bottom: 25px
	}
}

#register-page .form-group__note {
	font-size: 12px;
	color: #999
}

#register-page .register-confirm-otp__wrapper {
	margin-top: 60px
}

#register-page .register-confirm-otp__wrapper .register-confirm-otp__title {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 20px;
	color: #333;
	font-size: 14px;
	font-family: SVN-ProductSans;
	font-weight: 600;
	letter-spacing: .2px
}

#register-page .register-confirm-otp__wrapper .register-confirm-otp__guideline {
	color: #666;
	font-size: 12px;
	font-family: SVN-ProductSans;
	font-style: italic;
	letter-spacing: .17px;
	cursor: pointer;
	font-weight: 400
}

#register-page .register-confirm-otp__wrapper .register-confirm-otp__sendTo {
	color: #333;
	font-size: 15px;
	font-family: SVN-ProductSans;
	text-align: center;
	letter-spacing: .15px
}

#register-page .register-confirm-otp__wrapper .register-confirm-otp__sendTo .register-confirm-otp__phonenumber {
	font-weight: 700;
	font-size: 17px
}

#register-page .register-confirm-otp__wrapper .register-confirm-otp__remainTime--text {
	color: #333;
	font-size: 14px;
	font-family: SVN-ProductSans;
	letter-spacing: .2px;
	line-height: 22px;
	margin-top: 15px
}

#register-page .register-confirm-otp__wrapper .register-confirm-otp__remainTime--text .register-confirm-otp__remainTime {
	font-size: 14px;
	font-weight: 600
}

#register-page .register-confirm-otp__wrapper .register-confirm-otp__button {
	margin-top: 50px
}

#register-page .register-confirm-otp__wrapper .register-confirm-otp__resend--text {
	margin-top: 50px;
	color: #333;
	font-size: 14px;
	font-family: SVN-ProductSans;
	letter-spacing: .2px
}

#register-page .register-confirm-otp__wrapper .register-confirm-otp__resend--button {
	color: #50ad4e;
	cursor: pointer
}

#wrapper-popup-onboard {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg_login_template.jpg);
	background-position: 50%;
	background-size: cover;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow-y: auto
}

#wrapper-popup-onboard .popup-onboard {
	max-width: 580px;
	border-radius: 15px;
	background-color: #fff;
	-o-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .3);
	margin: 50px auto;
	padding: 36px 40px 30px
}

@media (max-width:991px) {
	#wrapper-popup-onboard .popup-onboard {
		padding: 25px 20px 30px;
		width: calc(100% - 40px)
	}
}

#wrapper-popup-onboard .popup-onboard__title {
	font-size: 35px;
	line-height: 1
}

@media (max-width:991px) {
	#wrapper-popup-onboard .popup-onboard__title {
		font-size: 25px;
		margin-bottom: 20px
	}
}

@media (max-width:991px) {
	#wrapper-popup-onboard .popup-onboard .tag-list {
		margin-bottom: 20px
	}
	#wrapper-popup-onboard .popup-onboard .tag-list .wrapper-list-item {
		max-height: 180px;
		overflow-y: auto;
		padding-right: 5px
	}
	#wrapper-popup-onboard .popup-onboard .tag-list__item {
		line-height: 2.75;
		position: relative
	}
	#wrapper-popup-onboard .popup-onboard .tag-list__item.choose {
		font-weight: 700;
		color: #50ad4e
	}
	#wrapper-popup-onboard .popup-onboard .tag-list__item.choose span {
		display: inline-block
	}
	#wrapper-popup-onboard .popup-onboard .tag-list__item__checked {
		position: absolute;
		right: 0;
		top: 8px;
		display: none
	}
}

#wrapper-popup-onboard .popup-onboard__amount {
	letter-spacing: .2px;
	margin: 10px 0 20px;
	line-height: 1;
	position: relative;
	cursor: pointer;
	display: inline-block
}

@media (max-width:991px) {
	#wrapper-popup-onboard .popup-onboard__amount {
		display: block
	}
}

#wrapper-popup-onboard .popup-onboard__amount__number {
	font-weight: 600;
	color: #ff7345;
	font-size: 18px
}

#wrapper-popup-onboard .popup-onboard__tag {
	margin-bottom: 50px
}

#wrapper-popup-onboard .popup-onboard__tag__item {
	cursor: pointer;
	background-color: #3bbdf9;
	color: #fff;
	padding: 6px 20px;
	margin: 0 5px 10px 0;
	border-radius: 18px;
	display: inline-block;
	transition: all .5s ease;
	opacity: 1
}

#wrapper-popup-onboard .popup-onboard__tag__item.fade-out-animation {
	opacity: 0
}

#wrapper-popup-onboard .popup-onboard__tag__item:hover {
	background-color: #0aa8f1
}

#wrapper-popup-onboard .popup-onboard__status__control {
	padding: 5px;
	background-color: #3bbdf9;
	border-radius: 50px;
	margin: 18px 0 30px
}

@media (max-width:991px) {
	#wrapper-popup-onboard .popup-onboard__status__control {
		margin: 20px 0
	}
}

#wrapper-popup-onboard .popup-onboard__status__control__item {
	width: 33.33%
}

#wrapper-popup-onboard .popup-onboard__status__control__item__link {
	transition: none;
	border-color: transparent!important
}

@media (max-width:991px) {
	#wrapper-popup-onboard .popup-onboard__status__control__item__link {
		padding: 0
	}
}

#wrapper-popup-onboard .popup-onboard__status__control__item__link.active {
	background-color: #fff;
	border-radius: 30px;
	padding: 5px 2px;
	text-align: left!important
}

@media (max-width:991px) {
	#wrapper-popup-onboard .popup-onboard__status__control__item__link.active {
		text-align: center!important;
		position: relative;
		top: 0;
		padding: 12px 0
	}
}

#wrapper-popup-onboard .popup-onboard__status__control__item__link.active img {
	display: inline-block!important
}

@media (max-width:991px) {
	#wrapper-popup-onboard .popup-onboard__status__control__item__link.active img {
		display: none!important
	}
}

#wrapper-popup-onboard .popup-onboard__status__control__item__link.active span {
	font-weight: 600;
	color: #ff7345;
	top: 2px;
	left: 25px;
	float: none!important
}

@media (max-width:991px) {
	#wrapper-popup-onboard .popup-onboard__status__control__item__link.active span {
		left: 0;
		top: 1px
	}
}

#wrapper-popup-onboard .popup-onboard__status__control__item__link__img {
	display: none!important;
	width: 45px
}

#wrapper-popup-onboard .popup-onboard__status__control__item__link__text {
	font-size: 16px;
	color: #fff;
	letter-spacing: .2px;
	position: relative;
	top: 8px
}

@media (max-width:991px) {
	#wrapper-popup-onboard .popup-onboard__status__control__item__link__text {
		top: 13px;
		display: inline-block;
		width: 100%;
		text-align: center;
		font-size: 14px
	}
}

#wrapper-popup-onboard .popup-onboard__status__content__item .form .list-account {
	margin-bottom: 10px
}

@media (max-width:991px) {
	#wrapper-popup-onboard .popup-onboard__status__content__item .form .list-account__item {
		margin-bottom: 30px;
		border-bottom: 1px dashed #ddd;
		padding-bottom: 15px
	}
}

#wrapper-popup-onboard .popup-onboard__status__content__item .form .list-account__item .button--remove {
	display: block;
	padding: 0
}

@media (max-width:991px) {
	#wrapper-popup-onboard .popup-onboard__status__content__item .form .list-account__item .button--remove {
		border: none;
		-o-box-shadow: none!important;
		box-shadow: none!important;
		width: auto;
		padding: 0 10px
	}
}

#wrapper-popup-onboard .popup-onboard__status__content__item .form .list-account__item .button--remove .button-remove-text {
	margin-left: 8px;
	color: #666
}

#wrapper-popup-onboard .popup-onboard__status__content__item .form .list-account input {
	color: #666
}

#wrapper-popup-onboard .popup-onboard__status__content__item .form .form-group__name {
	width: calc(100% - 250px)
}

@media (max-width:991px) {
	#wrapper-popup-onboard .popup-onboard__status__content__item .form .form-group__name {
		width: 100%
	}
}

#wrapper-popup-onboard .popup-onboard__status__content__item .form .form-group__name--not-child {
	width: calc(100% - 70px);
	margin-right: 20px
}

@media (max-width:991px) {
	#wrapper-popup-onboard .popup-onboard__status__content__item .form .form-group__name--not-child {
		width: calc(100% - 65px);
		margin-right: 15px
	}
}

#wrapper-popup-onboard .popup-onboard__status__content__item .form .form-group__age {
	width: 160px;
	margin: 0 20px
}

@media (max-width:991px) {
	#wrapper-popup-onboard .popup-onboard__status__content__item .form .form-group__age {
		width: 100%;
		margin: 0
	}
	#wrapper-popup-onboard .popup-onboard__status__content__item .form .form-group__age--unique {
		width: calc(100% - 65px)
	}
}

@media (max-width:991px) and (max-width:991px) {
	#wrapper-popup-onboard .popup-onboard__status__content__item .form .form-group__age--unique {
		width: 100%
	}
}

#wrapper-popup-onboard .popup-onboard__status__content__item .form .form-group input {
	width: 100%
}

#wrapper-popup-onboard .popup-onboard__status__content__item .form .button--plus {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 2px solid #50ad4e;
	background-color: transparent;
	transition: all .5s ease
}

@media (max-width:991px) {
	#wrapper-popup-onboard .popup-onboard__status__content__item .form .button--plus {
		float: right;
		position: relative;
		top: 30px
	}
}

#wrapper-popup-onboard .popup-onboard__status__content__item .form .button--plus:hover {
	background-color: #50ad4e
}

#wrapper-popup-onboard .popup-onboard__status__content__item .form .button--plus:hover span {
	color: #fff
}

#wrapper-popup-onboard .popup-onboard__status__content__item .form .button--plus span {
	font-size: 27px;
	font-weight: 600;
	position: relative;
	top: -2px;
	color: #50ad4e
}

#wrapper-popup-onboard .popup-onboard__status__content__item .form .button--add-account-mb {
	background-color: transparent;
	width: 100%;
	color: #50ad4e;
	font-weight: 700;
	margin-top: 5px
}

#wrapper-popup-onboard .popup-onboard__status__content__item .form .button--remove {
	border: 1px solid #ddd;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: transparent!important;
	display: none
}

#wrapper-popup-onboard .popup-onboard__status__content__item .form .button--remove .trash-icon {
	font-size: 20px;
	position: relative;
	top: 2px;
	color: #666!important
}

#wrapper-popup-onboard .popup-onboard .form__btn--orange {
	max-width: 400px;
	margin-top: 10px
}

@media (max-width:991px) {
	#wrapper-popup-onboard .popup-onboard .form__btn--orange {
		margin-top: 15px
	}
}

#wrapper-popup-onboard .popup-onboard .fb-group {
	letter-spacing: .2px;
	margin-top: 30px
}

#wrapper-popup-onboard .popup-onboard .fb-group__link {
	color: #3269c7;
	font-weight: 600
}

#wrapper-popup-onboard .popup-onboard .fb-group__name {
	color: #666
}

#lesson-kids-page {
	padding-top: 0!important;
	padding-bottom: 115px!important
}

@media (max-width:991px) {
	#lesson-kids-page {
		padding-bottom: 30px!important
	}
}

#lesson-kids-page #marquee-notify-new {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	position: unset!important;
	width: 100%!important;
	white-space: nowrap!important;
	padding: 15px 7px 15px 22px;
	height: 50px;
	border-radius: 3px;
	border: 1px solid #ff5965;
	background-color: #fff
}

@media (max-width:991px) {
	#lesson-kids-page #marquee-notify-new {
		bottom: -150px;
		margin-top: 0;
		width: calc(100% + 30px)!important;
		margin-left: -15px;
		border: none
	}
}

#lesson-kids-page #marquee-notify-new .alert_icon {
	z-index: 2;
	width: 24px;
	height: 24px
}

#lesson-kids-page #marquee-notify-new .Marquee {
	overflow-x: hidden;
	height: 19px;
	padding-left: 200px;
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: .2px;
	color: #ff5965
}

#lesson-kids-page #marquee-notify-new .MarqueeContent {
	display: inline-block
}

#lesson-kids-page #marquee-notify {
	position: absolute;
	bottom: -182px;
	width: 100%!important;
	white-space: nowrap!important;
	padding: 15px 7px 15px 55px;
	height: 50px;
	border-radius: 3px;
	border: 1px solid #ff5965;
	background-color: #fff;
	margin-top: -45px
}

@media (max-width:991px) {
	#lesson-kids-page #marquee-notify {
		bottom: -150px;
		margin-top: 0;
		width: calc(100% + 30px)!important;
		margin-left: -15px;
		border: none
	}
}

#lesson-kids-page #marquee-notify .alert_icon {
	z-index: 2;
	position: absolute;
	left: 21px;
	top: 13px;
	bottom: 13px;
	width: 24px;
	height: 24px
}

@media (max-width:991px) {
	#lesson-kids-page #marquee-notify .alert_icon {
		left: 31px
	}
}

#lesson-kids-page #marquee-notify .Marquee {
	overflow-x: hidden;
	height: 19px;
	padding-left: 200px;
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: .2px;
	color: #ff5965
}

#lesson-kids-page #marquee-notify .MarqueeContent {
	display: inline-block
}

@media (max-width:991px) {
	#lesson-kids-page .video .back-mobile {
		position: fixed;
		top: 20px;
		left: 15px;
		z-index: 14
	}
}

#lesson-kids-page .video .back-mobile i {
	color: #fff;
	font-size: 20px
}

@media (max-width:991px) {
	#lesson-kids-page .top-title {
		width: calc(100% + 15px);
		margin: 0 0 50px -15px
	}
}

@media (max-width:1199px) {
	#lesson-kids-page .top-title .back {
		left: 20px
	}
}

@media (max-width:1199px) {
	#lesson-kids-page .top-title .name__unit {
		font-size: 23px
	}
}

@media (max-width:1199px) {
	#lesson-kids-page .top-title .amount-learners {
		right: 20px
	}
}

@media (max-width:1199px) {
	#lesson-kids-page .top-title .amount-learners__text {
		font-size: 12px
	}
}

#lesson-kids-page .clip-lesson {
	margin-bottom: 65px;
	width: 100%
}

@media (max-width:991px) {
	#lesson-kids-page .clip-lesson {
		margin-bottom: 0
	}
}

#lesson-kids-page .clip-lesson .btn-back-learning-map {
	width: 203px;
	object-fit: contain;
	cursor: pointer;
	margin: auto;
	display: block;
	padding-top: 20px
}

@media (max-width:991px) {
	#lesson-kids-page .clip-lesson .btn-back-learning-map {
		width: 151px;
		object-fit: contain
	}
}

@media (max-width:991px) {
	#lesson-kids-page .clip-lesson .video {
		width: 100%
	}
}

#lesson-kids-page .clip-lesson .video .video-child {
	border: none!important;
	background-color: transparent!important
}

#lesson-kids-page .clip-lesson .video .video_wrapper {
	box-sizing: border-box;
	background-color: transparent;
	position: relative;
	z-index: 3
}

@media (min-width:992px) {
	#lesson-kids-page .clip-lesson .video .video_wrapper {
		padding: 2% 7.5%
	}
}

@media (max-width:991px) {
	#lesson-kids-page .clip-lesson .video .video_wrapper {
		border: none;
		-o-box-shadow: none;
		box-shadow: none
	}
}

#lesson-kids-page .clip-lesson .video .video_wrapper.video_h5p {
	margin-bottom: 53px;
	-o-box-shadow: none;
	box-shadow: none;
	border: none;
	z-index: 3
}

@media (max-width:991px) {
	#lesson-kids-page .clip-lesson .video .video_wrapper.video_h5p {
		margin-bottom: 37px
	}
}

#lesson-kids-page .clip-lesson .video .video_wrapper.video_h5p iframe {
	border: 8px solid #fff;
	box-sizing: content-box;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1)
}

@media (max-width:991px) {
	#lesson-kids-page .clip-lesson .video .video_wrapper.video_h5p iframe {
		border: none;
		-o-box-shadow: none;
		box-shadow: none
	}
}

#lesson-kids-page .clip-lesson .video .video_wrapper .border-video {
	width: 100%;
	height: 100%
}

@media (min-width:992px) {
	#lesson-kids-page .clip-lesson .video .video_wrapper .video-background {
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-border-video.png);
		background-size: 100% 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
		pointer-events: none
	}
}

@media (max-width:991px) {
	#lesson-kids-page .relevant-courses__title {
		margin-bottom: 10px
	}
}

#lesson-kids-page .chat-mobile {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff
}

@media (min-height:320px) and (max-height:375px) {
	#lesson-kids-page .chat-mobile {
		height: calc(100% - 59px)!important
	}
}

#lesson-kids-page .chat-mobile.showChat .control__chat-icon {
	transform: rotate(180deg)
}

#lesson-kids-page .chat-mobile.showChat .wrapper-content-chat {
	height: auto
}

#lesson-kids-page .chat-mobile .wrapper-content-chat {
	transition: all .5s ease;
	height: 0
}

@media (max-width:991px) {
	#lesson-kids-page .chat-mobile .wrapper-content-chat .chat__messages {
		padding: 15px;
		margin-bottom: 0
	}
}

@media (max-width:767px) {
	#lesson-kids-page .chat-mobile .wrapper-content-chat .chat__messages {
		height: 250px!important
	}
}

@media (max-width:320px) {
	#lesson-kids-page .chat-mobile .wrapper-content-chat .chat__messages {
		height: 90px!important
	}
}

@media (min-height:320px) and (max-height:375px) {
	#lesson-kids-page .chat-mobile .wrapper-content-chat .chat__messages {
		height: calc(100% - 59px)!important;
		padding: 15px
	}
}

@media (max-width:991px) {
	#lesson-kids-page .chat-mobile .wrapper-content-chat .chat__form:before {
		top: -3px
	}
}

@media (max-width:991px) {
	#lesson-kids-page .chat-mobile .wrapper-content-chat .chat__form__input {
		padding-left: 0
	}
	#lesson-kids-page .chat-mobile .wrapper-content-chat .chat__form__input:focus {
		border: none!important
	}
}

#lesson-kids-page .chat-mobile .control {
	background-color: #333;
	color: #fff;
	font-family: SVN-Boing, sans-serif;
	font-size: 16px;
	font-weight: 600;
	padding: 15px
}

#lesson-kids-page .chat-mobile .control__chat-icon {
	margin-right: 10px;
	transition: all .5s ease
}

#lesson-kids-page .chat-mobile .control__filter-comment .dropdown__btn {
	background-color: transparent;
	border: none;
	color: #fff
}

#start-bai-kiem-tra-page .content {
	padding: 80px 5%
}

@media (min-width:1600px) {
	#start-bai-kiem-tra-page .content {
		padding: 80px 15%
	}
}

#start-bai-kiem-tra-page .content__right {
	max-width: 660px;
	right: 5%
}

@media (min-width:1600px) {
	#start-bai-kiem-tra-page .content__right {
		right: 15%
	}
}

#end-bai-kiem-tra-page .content {
	padding: 80px 20%
}

@media (min-width:1600px) {
	#end-bai-kiem-tra-page .content {
		padding: 80px 28%
	}
}

#end-bai-kiem-tra-page .content__right {
	right: 20%
}

@media (min-width:1600px) {
	#end-bai-kiem-tra-page .content__right {
		right: 28%
	}
}

#end-bai-kiem-tra-page .content__right__text {
	margin-bottom: 30px
}

#end-bai-kiem-tra-page .content__right__text__points {
	font-family: SVN-Boing, sans-serif;
	font-size: 60px;
	font-weight: 600;
	letter-spacing: .8px;
	line-height: 1.3
}

#end-bai-kiem-tra-page .content__btn__get-result {
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	color: #fff;
	font-size: 18px;
	margin-top: 80px;
	text-decoration: underline;
	letter-spacing: .2px;
	outline: none
}

#lich-su-kiem-tra-page .content {
	padding: 40px 0
}

#lich-su-kiem-tra-page .content .table {
	margin-bottom: 30px
}

#bai-kiem-tra-page .content {
	padding-top: 40px;
	padding-bottom: 140px;
	position: relative
}

#bai-kiem-tra-page .content .title {
	font-size: 25px;
	line-height: 1.4;
	font-weight: 600;
	letter-spacing: .3px;
	color: #fff;
	margin-bottom: 40px
}

#bai-kiem-tra-page .content .wrapper-answer .answer {
	width: calc(25% - 37.5px);
	float: left;
	text-align: center;
	border: 5px solid #fff;
	margin-right: 50px;
	padding: 80px 30px;
	position: relative;
	-o-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .3);
	border-radius: 25px
}

#bai-kiem-tra-page .content .wrapper-answer .answer:first-child {
	background-color: #f5a623
}

#bai-kiem-tra-page .content .wrapper-answer .answer:nth-child(2) {
	background-color: #23a7f5
}

#bai-kiem-tra-page .content .wrapper-answer .answer:nth-child(3) {
	background-color: #6123f5
}

#bai-kiem-tra-page .content .wrapper-answer .answer:last-child {
	margin-right: 0;
	background-color: #f54323
}

#bai-kiem-tra-page .content .wrapper-answer .answer__item__checkbox {
	position: absolute;
	bottom: -70px;
	left: 0;
	right: 0;
	margin: auto;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: transparent;
	border: 4px solid #fff!important
}

#bai-kiem-tra-page .content .wrapper-answer .answer__item__checkbox:checked {
	background-color: #fff
}

#bai-kiem-tra-page .content .wrapper-answer .answer__item__checkbox:after {
	width: 100%;
	height: 100%;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NCIgaGVpZ2h0PSIzOSIgdmlld0JveD0iMCAwIDQ0IDM5Ij4KICAgIDxwYXRoIGZpbGw9IiM3RUQzMjEiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMTQ2MDMwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik00MS4yMDQgMy43MjFjLS40MDMtMS4wMTMtLjk5My0xLjU0LTIuMTEyLTIuMzM4LS45NzktLjY5Ni0yLjQ3Ni0uMzc4LTMuMjguNDMyLTQuMTY3IDQuMTktOC4xNTUgOC41NjctMTEuODEzIDEzLjIyOC0xLjc3OCAyLjI2Ni00LjM1NyA0Ljk4Mi01LjkyNiA3Ljg1NGE0OS42ODcgNDkuNjg3IDAgMCAxLTIuMTkyLTEuOTM0Yy0yLjMwMS0yLjE5LTQuODM2LTQuODQ0LTcuNzE0LTYuMjU2LTIuMzgtMS4xNjctNC4xNzctLjEwNi01LjY4NiAxLjkxMS0uNDQ2LjU5Ni0uOTY3IDEuNTg4LS45NjMgMi40NDctLjYwNy42NTktLjc3NCAxLjcyOC4wMSAyLjcxMiA1LjA3OSA2LjM2NSAxMS4zNjcgMTEuMzMgMTguMDMxIDE1Ljg1Mi44ODkuNjAzIDIuNTczLjQ3OSAzLjI2OC0uNDMgNy4xNS05LjM1NyAxMy45NTItMTkuNjU1IDE5Ljc4Mi0yOS45MDQuOTgtMS43MjItLjAyNy0zLjE1Ni0xLjQwNS0zLjU3NHoiLz4KPC9zdmc+Cg==);
	background-size: contain;
	background-repeat: no-repeat;
	transform: rotate(0);
	border: none;
	left: 1px;
	top: 2px
}

#bai-kiem-tra-page .content__btn {
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

#bang-xep-hang-page .range__top-range {
	margin-top: 40px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__top-range {
		margin-bottom: 15px
	}
}

#bang-xep-hang-page .range__top-range .bg {
	position: fixed;
	bottom: 0;
	left: 200px;
	height: auto;
	width: 50%
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__top-range .bg {
		display: none
	}
}

@media (max-height:700px) {
	#bang-xep-hang-page .range__top-range .bg {
		display: none
	}
}

@media (min-width:1600px) {
	#bang-xep-hang-page .range__top-range .bg {
		left: 400px
	}
}

#bang-xep-hang-page .range__top-range .img-second {
	width: 120px;
	height: 120px;
	border-radius: 60px;
	box-shadow: 0 3px 0 0 #54170f;
	border: 2px solid #54170f;
	z-index: 1
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__top-range .img-second {
		width: 61px;
		height: 61px
	}
}

#bang-xep-hang-page .range__top-range .img-second-icon {
	height: 110px;
	width: 118px;
	margin-top: -20px
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__top-range .img-second-icon {
		margin-top: -10px;
		width: 60px;
		height: 55px
	}
}

#bang-xep-hang-page .range__top-range .img-first {
	width: 150px;
	height: 150px;
	border-radius: 75px;
	box-shadow: 0 3px 0 0 #54170f;
	border: 2px solid #54170f;
	z-index: 1
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__top-range .img-first {
		width: 76px;
		height: 76px;
		border-radius: 38px
	}
}

#bang-xep-hang-page .range__top-range .img-first-icon {
	width: 147px;
	height: 138px;
	margin-top: -20px
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__top-range .img-first-icon {
		margin-top: -10px;
		width: 68px;
		height: 63px
	}
}

#bang-xep-hang-page .range__top-range .img-third {
	width: 100px;
	height: 100px;
	border-radius: 75px;
	box-shadow: 0 3px 0 0 #54170f;
	border: 2px solid #54170f;
	z-index: 1
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__top-range .img-third {
		width: 51px;
		height: 51px;
		border-radius: 25px
	}
}

#bang-xep-hang-page .range__top-range .img-third-icon {
	width: 98px;
	height: 92px;
	margin-top: -20px
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__top-range .img-third-icon {
		margin-top: -10px;
		width: 50px;
		height: 46px
	}
}

#bang-xep-hang-page .range__top-range .gold-medal {
	position: absolute;
	top: 120px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	width: 40px
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__top-range .gold-medal {
		width: 25px;
		top: 60px
	}
}

#bang-xep-hang-page .range__top-range .brozen-medal {
	position: absolute;
	top: 158px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__top-range .brozen-medal {
		width: 18px;
		top: 80px
	}
}

#bang-xep-hang-page .range__top-range .silver-medal {
	position: absolute;
	top: 148px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__top-range .silver-medal {
		width: 20px;
		top: 68px
	}
}

#bang-xep-hang-page .range__top-range .range-top-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

#bang-xep-hang-page .range__top-range .kid-second {
	padding-top: 45px
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__top-range .kid-second {
		padding-top: 23px
	}
}

#bang-xep-hang-page .range__top-range .kid-third {
	padding-top: 80px
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__top-range .kid-third {
		padding-top: 42px
	}
}

#bang-xep-hang-page .range__wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__wrapper {
		-ms-flex-direction: column;
		flex-direction: column
	}
}

#bang-xep-hang-page .range__left {
	-ms-flex: 1;
	flex: 1;
	position: relative;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-bg-range-choe-choe.png);
	background-size: 100% 100%
}

#bang-xep-hang-page .range__right {
	-ms-flex: 1;
	flex: 1
}

#bang-xep-hang-page .range__list-background {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-chart-kids-bg.png);
	background-size: 100% 100%;
	padding: 20px
}

#bang-xep-hang-page .range__list {
	max-height: 470px;
	border-radius: 20px;
	border: 3px solid #ffdd8b;
	background-color: #ffe7ac;
	padding: 35px 20px;
	margin-bottom: 30px
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__list {
		padding: 30px 20px;
		margin-bottom: 20px
	}
}

#bang-xep-hang-page .range__list__item {
	margin-bottom: 30px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__list__item {
		margin-bottom: 30px
	}
}

#bang-xep-hang-page .range__list__item.active {
	border-radius: 7px;
	-o-box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .1);
	background-color: #fff;
	border: 1px solid #3bbdf9;
	width: calc(100% + 70px);
	margin-left: -35px;
	padding: 0 35px
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__list__item.active {
		width: calc(100% + 40px);
		margin-left: -20px
	}
}

#bang-xep-hang-page .range__list__item.active .range__list__item__points {
	right: 35px
}

#bang-xep-hang-page .range__list__item:last-child {
	margin-bottom: 0
}

#bang-xep-hang-page .range__list__item:first-child .range__list__item__points--special {
	font-size: 45px
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__list__item:first-child .range__list__item__points--special {
		font-size: 30px
	}
}

#bang-xep-hang-page .range__list__item:nth-child(2) .range__list__item__points--special {
	font-size: 35px
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__list__item:nth-child(2) .range__list__item__points--special {
		font-size: 25px
	}
}

#bang-xep-hang-page .range__list__item:nth-child(3) .range__list__item__points--special {
	font-size: 30px
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__list__item:nth-child(3) .range__list__item__points--special {
		font-size: 20px
	}
}

#bang-xep-hang-page .range__list__item__line {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

#bang-xep-hang-page .range__list__item__rank {
	color: #333;
	font-family: SVN-ProductSans;
	font-size: 18px;
	margin-right: 18px
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__list__item__rank {
		margin-right: 11px
	}
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__list__item__rank img {
		width: 25px
	}
}

#bang-xep-hang-page .range__list__item__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 20px
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__list__item__avatar {
		width: 32px;
		height: 32px;
		margin-right: 10px
	}
}

#bang-xep-hang-page .range__list__item__name {
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 600;
	color: #333;
	letter-spacing: .2px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__list__item__name {
		font-size: 14px
	}
}

@media (max-width:410px) {
	#bang-xep-hang-page .range__list__item__name {
		max-width: 110px
	}
}

@media (max-width:320px) {
	#bang-xep-hang-page .range__list__item__name {
		max-width: 100px
	}
}

#bang-xep-hang-page .range__list__item__points {
	font-size: 25px;
	color: #f5a623;
	font-weight: 600;
	font-family: SVN-Boing, sans-serif
}

@media (max-width:991px) {
	#bang-xep-hang-page .range__list__item__points {
		font-size: 20px
	}
}

#bang-xep-hang-page .range__list__item__points--special {
	line-height: 1.3;
	color: #ff7345
}

#kho-qua-tang-page .gift {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-top: 40px
}

@media (max-width:991px) {
	#kho-qua-tang-page .gift {
		-ms-flex-direction: column;
		flex-direction: column
	}
}

#kho-qua-tang-page .gift__left {
	-ms-flex: 0.4;
	flex: 0.4
}

#kho-qua-tang-page .gift__left .badge-profile {
	-ms-flex-align: center;
	align-items: center;
	-ms-flex: 1;
	flex: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (max-width:991px) {
	#kho-qua-tang-page .gift__left .badge-profile {
		margin-bottom: 40px
	}
}

#kho-qua-tang-page .gift__left .avatar-wrapper {
	position: relative;
	margin-bottom: -23px;
	margin-left: -10px
}

@media (max-width:991px) {
	#kho-qua-tang-page .gift__left .avatar-wrapper {
		margin-bottom: -12px
	}
}

#kho-qua-tang-page .gift__left .pet {
	position: absolute;
	width: 63px;
	height: 43px;
	top: 0;
	right: -75px
}

@media (max-width:991px) {
	#kho-qua-tang-page .gift__left .pet {
		width: 53px;
		height: 33px;
		right: -65px
	}
}

#kho-qua-tang-page .gift__left .avatar {
	width: 100px;
	height: 100px;
	border-radius: 50px;
	border: 2px solid #fff
}

@media (max-width:991px) {
	#kho-qua-tang-page .gift__left .avatar {
		width: 64px;
		height: 64px;
		border-radius: 32px
	}
}

#kho-qua-tang-page .gift__left .ship {
	width: 260px;
	height: 281px;
	margin-bottom: 10px
}

@media (max-width:991px) {
	#kho-qua-tang-page .gift__left .ship {
		width: 130px;
		height: 150px
	}
}

#kho-qua-tang-page .gift__left .change-avatar-btn {
	cursor: pointer;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-new-button.png);
	background-size: 100% 100%;
	padding: 15px 25px
}

#kho-qua-tang-page .gift__left .change-avatar-btn .title {
	text-align: center;
	color: #fff;
	font-family: SVN-Boing;
	font-size: 25px;
	font-weight: 600
}

@media (max-width:991px) {
	#kho-qua-tang-page .gift__left .change-avatar-btn .title {
		font-size: 16px
	}
}

#kho-qua-tang-page .gift__right {
	-ms-flex: 0.6;
	flex: 0.6
}

#kho-qua-tang-page .list-gift {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-wood-bg-big.png);
	background-size: 100% 100%;
	padding: 10px 10px 0;
	margin-bottom: 30px;
	position: relative
}

@media (max-width:991px) {
	#kho-qua-tang-page .list-gift {
		padding: 10px
	}
}

#kho-qua-tang-page .list-gift:before {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-wood-bg-top-big.png);
	top: -20px
}

#kho-qua-tang-page .list-gift:after,
#kho-qua-tang-page .list-gift:before {
	content: "";
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	height: 20px;
	width: 100%
}

#kho-qua-tang-page .list-gift:after {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-wood-bg-bottom-big.png);
	bottom: -20px
}

#kho-qua-tang-page .list-gift .row {
	margin: 0 -10px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 30px;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media (max-width:600px) {
	#kho-qua-tang-page .list-gift .row {
		padding: 0;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

#kho-qua-tang-page .list-gift .row>div {
	padding: 0 10px
}

#kho-qua-tang-page .list-gift__btn-disable-badge {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-btn-disable-badge.png)!important;
	cursor: not-allowed!important
}

#kho-qua-tang-page .list-gift__btn-disable-badge .label {
	color: #ac5d00!important
}

#kho-qua-tang-page .list-gift__btn-selected-badge {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-btn-selected-badge.png)!important
}

#kho-qua-tang-page .list-gift__btn-selected-badge .label {
	color: #f2cb8f!important
}

#kho-qua-tang-page .list-gift__btn-change-badge {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-btn-change-badge.png);
	background-size: 100% 100%;
	min-height: 43px;
	padding: 5px;
	width: 100%;
	max-width: 150px;
	margin: 0 auto -25px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer
}

#kho-qua-tang-page .list-gift__btn-change-badge .label {
	text-align: center;
	color: #000;
	letter-spacing: .2px;
	font-family: SVN-Boing;
	font-size: 18px
}

#kho-qua-tang-page .list-gift__item {
	-o-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
	border-radius: 20px;
	border: 3px solid #ffdd8b;
	background-color: #ffe7ac;
	margin-bottom: 40px;
	padding: 25px 15px 0;
	width: 45%
}

@media (max-width:600px) {
	#kho-qua-tang-page .list-gift__item {
		width: 80%
	}
}

@media (max-width:991px) {
	#kho-qua-tang-page .list-gift__item {
		margin-bottom: 35px
	}
}

#kho-qua-tang-page .list-gift__item__img {
	max-width: 50%;
	height: auto;
	margin-top: 10px
}

#kho-qua-tang-page .list-gift__item__price {
	letter-spacing: .2px;
	color: #666;
	margin: 15px 0
}

#kho-qua-tang-page .list-gift__item__price--text {
	color: #3bbdf9;
	font-size: 18px;
	font-weight: 600
}

@media (max-width:991px) {
	#kho-qua-tang-page .list-gift__item__price--text {
		font-size: 16px
	}
}

#kho-qua-tang-page .list-gift__item__has-item {
	color: #000;
	font-family: SVN-Boing;
	font-size: 16px;
	line-height: 2.2
}

#kho-qua-tang-page .list-gift__item__btn {
	-o-box-shadow: 0 5px 20px 0 rgba(255, 115, 69, .3);
	box-shadow: 0 5px 20px 0 rgba(255, 115, 69, .3);
	border-radius: 30px;
	background-image: linear-gradient(81deg, #ff7345, #f73747);
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #fff;
	display: block;
	padding: 10px 0;
	outline: none;
	background-color: #ff7345
}

#kho-qua-tang-page .list-gift__item__btn.disabled {
	background-image: none;
	color: #333;
	-o-box-shadow: none;
	box-shadow: none;
	border: 2px solid #ddd;
	cursor: not-allowed;
	padding: 8px 0;
	background-color: #fff
}

#kho-qua-tang-page .list-gift__item__btn.owned {
	background-image: linear-gradient(76deg, #3bbdf9, #4e8ff8);
	-o-box-shadow: none;
	box-shadow: none;
	padding: 11px 0 12px;
	color: #fff;
	border: none
}

#kho-qua-tang-page .list-gift__item__btn.owned .list-gift__item__btn__img {
	display: none
}

#kho-qua-tang-page .list-gift__item__btn__point-change {
	color: #000;
	font-family: SVN-Boing;
	font-size: 22px;
	font-weight: 600
}

@media (max-width:991px) {
	#kho-qua-tang-page .list-gift__item__btn__point-change {
		font-size: 18px
	}
}

#kho-qua-tang-page .list-gift__item__btn__img {
	position: relative;
	left: 5px;
	top: -2px;
	width: 32px;
	margin-right: 6px
}

@media (max-width:991px) {
	#kho-qua-tang-page .list-gift__item__btn__img {
		width: 28px
	}
}

#gift-store-parents-page .pagination-line {
	margin-top: -20px
}

@media (max-width:991px) {
	#gift-store-parents-page .pagination-line {
		margin-top: 0
	}
}

#payment-page {
	padding-bottom: 175px;
	padding-top: 100px
}

@media (max-width:991px) {
	#payment-page {
		padding-top: 0!important;
		padding-bottom: 40px!important
	}
	#payment-page .row {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}

#payment-page .top-payment {
	background-color: #1d3575;
	padding: 5px 35px;
	width: calc(100% + 30px);
	margin-left: -15px;
	position: relative;
	margin-bottom: 30px
}

@media (max-width:320px) {
	#payment-page .top-payment {
		padding: 5px 15px
	}
}

#payment-page .top-payment .step {
	font-size: 14px;
	color: hsla(0, 0%, 100%, .5)
}

#payment-page .top-payment .step.active {
	color: #fff
}

#payment-page .top-payment .step.active .step__text {
	text-decoration: underline
}

#payment-page .top-payment .step__number {
	width: 28px;
	height: 28px;
	font-weight: 600;
	border-radius: 50%;
	background-color: hsla(0, 0%, 100%, .1);
	display: inline-block;
	text-align: center;
	line-height: 28px;
	margin-right: 5px
}

#payment-page .top-payment .fa-chevron-right {
	color: hsla(0, 0%, 100%, .2);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 20px
}

#payment-page .bottom-payment {
	position: fixed;
	width: calc(100% - 250px);
	left: 250px;
	bottom: 0;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:991px) {
	#payment-page .bottom-payment {
		width: 100%;
		left: 0;
		display: block
	}
}

#payment-page .bottom-payment>div {
	width: 50%
}

#payment-page .bottom-payment .has-server-error {
	margin: 0
}

#payment-page .bottom-payment .total-bill {
	background-color: #fff;
	padding: 6px 15px 0
}

#payment-page .bottom-payment .total-bill__text {
	font-size: 12px;
	color: #666
}

#payment-page .bottom-payment .total-bill__money {
	font-weight: 600;
	color: #ff7345;
	font-size: 16px;
	font-family: SVN-Boing, sans-serif
}

#payment-page .bottom-payment .form__btn {
	border-radius: 0;
	padding: 18px 0!important
}

#payment-page .payment__title {
	font-size: 25px;
	line-height: 1.4;
	margin-bottom: 25px
}

@media (max-width:991px) {
	#payment-page .payment__title {
		margin-bottom: 15px
	}
}

@media (max-width:767px) {
	#payment-page .payment__title {
		font-size: 22px
	}
}

#payment-page .payment .col-lg-6:first-child .has-server-error {
	margin-left: 0
}

@media (max-width:991px) {
	#payment-page .payment .col-lg-6:first-child .has-server-error {
		max-width: 100%
	}
}

@media (max-width:991px) {
	#payment-page .payment .col-lg-6 .has-server-error {
		display: block!important
	}
}

#payment-page .payment .type-payment {
	background-color: #fff;
	border-radius: 15px;
	padding: 30px 25px;
	max-width: 450px
}

@media (max-width:1199px) {
	#payment-page .payment .type-payment {
		padding: 30px 20px;
		max-width: 100%;
		margin-bottom: 30px
	}
}

@media (max-width:991px) {
	#payment-page .payment .type-payment {
		padding: 20px;
		max-width: 100%
	}
}

@media (max-width:320px) {
	#payment-page .payment .type-payment {
		padding: 15px
	}
}

#payment-page .payment .type-payment__item {
	margin-bottom: 50px
}

@media (max-width:991px) {
	#payment-page .payment .type-payment__item {
		margin-bottom: 35px
	}
}

#payment-page .payment .type-payment__item.active,
#payment-page .payment .type-payment__item:last-child {
	margin-bottom: 0
}

#payment-page .payment .type-payment__item.active .type-payment__item__control {
	position: relative;
	border-radius: 10px;
	background-color: #e1f1e2;
	border: 1px solid #50ad4e
}

@media (max-width:1199px) {
	#payment-page .payment .type-payment__item.active .type-payment__item__control {
		padding: 0;
		margin-bottom: 0
	}
}

#payment-page .payment .type-payment__item.active .type-payment__item__control__label {
	font-weight: 400
}

#payment-page .payment .type-payment__item.active .type-payment__item__control .type-payment__item__control__link {
	display: block!important
}

#payment-page .payment .type-payment__item__control__radio-btn {
	display: none
}

@media (max-width:320px) {
	#payment-page .payment .type-payment__item__control__radio-btn {
		width: 17px;
		height: 17px
	}
}

#payment-page .payment .type-payment__item__control__label {
	font-size: 16px;
	font-weight: 400;
	cursor: pointer;
	margin-bottom: 15px;
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 10px;
	width: 100%;
	min-height: 76px
}

@media (max-width:767px) {
	#payment-page .payment .type-payment__item__control__label {
		font-size: 15px
	}
}

#payment-page .payment .type-payment__item__control__label:last-child {
	margin-bottom: 0
}

@media (max-width:320px) {
	#payment-page .payment .type-payment__item__control__label {
		font-size: 14px;
		top: -4px
	}
}

#payment-page .payment .type-payment__item__control__label img {
	display: block;
	margin-top: 5px;
	max-width: 70px;
	max-height: 20px
}

#payment-page .payment .type-payment__item__control__link {
	width: 100%;
	background-color: rgba(80, 173, 78, .2);
	font-size: 12px;
	padding: 5px 0;
	color: #333;
	position: absolute;
	bottom: 0;
	left: 0;
	display: none!important
}

#payment-page .payment .type-payment__item__control__link:hover {
	background-color: #50ad4e;
	color: #fff;
	font-size: 14px
}

#payment-page .payment .type-payment__item__content {
	background-color: #fff;
	border-radius: 15px;
	padding: 30px
}

@media (max-width:991px) {
	#payment-page .payment .type-payment__item__content {
		padding: 20px
	}
}

@media (max-width:767px) {
	#payment-page .payment .type-payment__item__content {
		border-radius: 0
	}
}

@media (max-width:991px) {
	#payment-page .payment .type-payment__item__content .wrapper-logo-bank {
		-ms-flex-direction: row;
		flex-direction: row
	}
}

#payment-page .payment .type-payment__item__content .wrapper-logo-bank div[class^=col-] {
	height: 50px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 15px
}

#payment-page .payment .type-payment__item__content__description {
	opacity: .9;
	letter-spacing: .2px;
	font-size: 16px;
	margin-bottom: 25px
}

@media (max-width:991px) {
	#payment-page .payment .type-payment__item__content__description {
		font-size: 14px;
		opacity: 1;
		margin-bottom: 15px
	}
}

#payment-page .payment .type-payment__item__content__notification {
	color: #ff7345;
	font-size: 16px;
	letter-spacing: .2px
}

@media (max-width:991px) {
	#payment-page .payment .type-payment__item__content__notification {
		font-size: 14px;
		text-align: center
	}
}

#payment-page .payment .type-payment__item__content__notification.mt {
	margin-bottom: 25px
}

#payment-page .payment .type-payment__item__content__desc {
	color: #ff7345;
	font-size: 16px;
	letter-spacing: .2px
}

@media (max-width:991px) {
	#payment-page .payment .type-payment__item__content__desc {
		font-size: 14px
	}
}

#payment-page .payment .type-payment__item__content__desc.mt {
	margin-bottom: 25px
}

#payment-page .payment .type-payment__item__content__transfer {
	margin-top: 20px
}

#payment-page .payment .type-payment__item__content__transfer__bold,
#payment-page .payment .type-payment__item__content__transfer__title {
	font-weight: 600;
	color: #333
}

#payment-page .payment .type-payment__item__content__note {
	margin-top: 20px
}

#payment-page .payment .type-payment__item__content__note__title {
	font-style: italic
}

#payment-page .payment .type-payment__item__content__paypal {
	margin-top: 20px
}

#payment-page .payment .type-payment__item__content__paypal__title {
	font-weight: 600;
	color: #333
}

#payment-page .payment .type-payment__item__content .add-card {
	display: inline-block;
	padding: 7px 15px;
	border-radius: 25px;
	background-image: linear-gradient(74deg, #3bbdf9, #4e8ff8);
	float: right;
	margin-top: 25px;
	color: #fff
}

@media (max-width:1199px) {
	#payment-page .payment .type-payment__item__content .add-card {
		padding: 5px 10px;
		font-size: 14px
	}
}

@media (max-width:991px) {
	#payment-page .payment .type-payment__item__content .add-card {
		margin-top: 15px
	}
}

@media (max-width:320px) {
	#payment-page .payment .type-payment__item__content .add-card {
		font-size: 13px
	}
}

@media (max-width:991px) {
	#payment-page .payment .type-payment__item__content .show-saved-card {
		text-align: center
	}
}

#payment-page .payment .type-payment__item__content .show-saved-card__btn {
	width: 235px;
	padding: 5px 0;
	border-radius: 20px;
	border: 2px solid #ddd;
	background-color: transparent;
	position: relative;
	letter-spacing: .2px;
	margin-top: 25px
}

@media (max-width:1199px) {
	#payment-page .payment .type-payment__item__content .show-saved-card__btn {
		font-size: 14px;
		width: 185px
	}
}

@media (max-width:991px) {
	#payment-page .payment .type-payment__item__content .show-saved-card__btn {
		margin-top: 15px;
		float: left;
		width: 210px
	}
}

@media (max-width:320px) {
	#payment-page .payment .type-payment__item__content .show-saved-card__btn {
		width: 150px;
		font-size: 12px
	}
}

#payment-page .payment .type-payment__item__content .show-saved-card__btn:after {
	content: "";
	opacity: .9;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 7px solid #999;
	position: absolute;
	top: 13px;
	right: 7px
}

@media (max-width:320px) {
	#payment-page .payment .type-payment__item__content .show-saved-card__btn:after {
		right: 0;
		top: 11px
	}
}

#payment-page .payment .type-payment__item__content .show-saved-card__list-card {
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2);
	width: 391px;
	padding: 25px 30px;
	top: 20px!important;
	left: -1px!important;
	border: none;
	border-radius: 15px
}

@media (max-width:991px) {
	#payment-page .payment .type-payment__item__content .show-saved-card__list-card {
		width: 235px;
		padding: 20px 15px;
		top: 5px!important
	}
}

#payment-page .payment .type-payment__item__content .show-saved-card__list-card:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 7px solid #fff;
	position: absolute;
	top: -7px;
	left: 125px
}

#payment-page .payment .type-payment__item__content .show-saved-card__list-card__item {
	margin-bottom: 25px;
	position: relative;
	letter-spacing: .2px;
	cursor: pointer
}

#payment-page .payment .type-payment__item__content .show-saved-card__list-card__item.active {
	font-weight: 600;
	color: #50ad4e
}

#payment-page .payment .type-payment__item__content .show-saved-card__list-card__item.active .checked-icon {
	position: absolute;
	right: 0;
	top: 0;
	display: block
}

#payment-page .payment .type-payment__item__content .show-saved-card__list-card__item:hover {
	font-weight: 600;
	color: #50ad4e
}

#payment-page .payment .type-payment__item__content .show-saved-card__list-card__item .checked-icon {
	display: none
}

#payment-page .payment .type-payment__item__content .show-saved-card__list-card__item:last-child {
	margin-bottom: 0
}

#payment-page .payment .type-payment__item__content__input {
	width: 100%;
	margin-bottom: 20px
}

#payment-page .payment .type-payment__item__content__input:last-child {
	margin-bottom: 0
}

#payment-page .payment .type-payment__item__content .info-card {
	background-image: linear-gradient(58deg, #3bbdf9, #4e8ff8);
	border-radius: 15px;
	padding: 20px 30px;
	margin: 25px 0 15px
}

@media (max-width:991px) {
	#payment-page .payment .type-payment__item__content .info-card {
		margin-top: 15px;
		padding: 20px 15px
	}
}

#payment-page .payment .type-payment__item__content .info-card .empty-data .message-error {
	background: #ff5965;
	color: #fff;
	font-size: 14px;
	padding: 2px 5px;
	margin-top: 0;
	border-radius: 0 0 5px 5px
}

#payment-page .payment .type-payment__item__content .info-card .empty-data input {
	border: none!important
}

#payment-page .payment .type-payment__item__content .info-card .group {
	margin-bottom: 25px
}

#payment-page .payment .type-payment__item__content .info-card .group:last-child {
	margin-bottom: 0
}

#payment-page .payment .type-payment__item__content .info-card .group--expire-day {
	width: calc(100% - 135px)
}

#payment-page .payment .type-payment__item__content .info-card .group--cvv {
	width: 105px
}

#payment-page .payment .type-payment__item__content .info-card .group__input {
	background-color: transparent;
	border: none;
	border-bottom: 1px solid hsla(0, 0%, 100%, .2);
	border-radius: 0;
	width: 100%;
	padding: 0;
	color: #fff;
	text-transform: uppercase
}

#payment-page .payment .type-payment__item__content .info-card .group__input:focus {
	border: none!important;
	border-bottom: 1px solid hsla(0, 0%, 100%, .2)!important
}

#payment-page .payment .type-payment__item__content .info-card .group__label {
	margin-bottom: 0;
	color: hsla(0, 0%, 100%, .6);
	font-weight: 400
}

#payment-page .payment .type-payment__item__content .info-card .group__label__img {
	opacity: .2
}

#payment-page .payment .type-payment__item__content .info-card .group__label__img.active {
	opacity: 1
}

#payment-page .payment .type-payment__item__content .info-card .group__label--icon {
	width: 20px;
	height: 20px;
	display: inline-block;
	border-radius: 50%;
	background-color: #fff;
	color: #ff7345;
	margin-left: 5px;
	text-align: center
}

#payment-page .payment .type-payment__item__content .save-card__label {
	color: #50ad4e;
	position: relative;
	top: -6px;
	margin-left: 5px;
	font-weight: 400;
	cursor: pointer;
	margin-bottom: 0
}

#payment-page .payment .type-payment__item__content .save-card__note {
	color: #999;
	font-size: 14px;
	font-style: italic
}

#payment-page .payment .type-payment__item__content.paypal-method .detail-method {
	color: #999;
	font-family: SVN-ProductSans;
	font-size: 16px
}

#payment-page .payment .type-payment__item__content.paypal-method .description {
	color: #ff7345;
	font-family: SVN-ProductSans;
	font-size: 16px;
	margin-top: 14px
}

#payment-page .payment .type-payment__item__content.paypal-method .type {
	color: #3bbdf9;
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 600;
	margin-top: 18px
}

#payment-page .payment .type-payment__item__content.paypal-method .type-title {
	color: #333;
	font-family: SVN-ProductSans;
	font-size: 16px;
	margin-top: 10px;
	font-weight: 600
}

#payment-page .payment .type-payment__item__content.paypal-method .type-desc {
	color: #333;
	font-family: SVN-ProductSans;
	font-size: 16px;
	position: relative;
	padding-left: 30px;
	line-height: 30px
}

#payment-page .payment .type-payment__item__content.paypal-method .type-desc:before {
	content: " ";
	position: absolute;
	border-radius: 50%;
	width: 4px;
	height: 4px;
	background-color: #333;
	top: 50%;
	left: 20px;
	transform: translateY(-50%)
}

#payment-page .payment .type-payment__item__content.paypal-method ul {
	margin-top: 8px
}

#payment-page .payment .step-order {
	padding: 25px 0 25px 40px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 25px;
	position: fixed;
	top: 0;
	width: calc(100% - 250px);
	z-index: 2;
	background: #eef5fe;
	left: 250px
}

#payment-page .payment .step-order ul,
#payment-page .payment .step-order ul li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

#payment-page .payment .step-order ul li {
	margin-right: 100px;
	color: #999;
	cursor: pointer
}

#payment-page .payment .step-order ul li .fa-chevron-right {
	position: relative;
	left: -50px
}

#payment-page .payment .step-order ul li.active .number {
	background: #666;
	color: #fff
}

#payment-page .payment .step-order ul li.active span {
	font-weight: 700
}

#payment-page .payment .step-order ul li .number {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #e5e5e5;
	text-align: center;
	color: #999;
	margin-right: 10px
}

#payment-page .payment .info-payment {
	background-color: #fff;
	border-radius: 15px;
	padding: 30px
}

@media (max-width:991px) {
	#payment-page .payment .info-payment {
		padding: 15px;
		width: calc(100% + 30px);
		margin-left: -15px;
		border-radius: 0
	}
}

#payment-page .payment .info-payment .list-courses__item {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #ddd
}

#payment-page .payment .info-payment .list-courses__item:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0
}

#payment-page .payment .info-payment .list-courses__name {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#payment-page .payment .info-payment .list-courses__name .info-course {
	position: relative;
	padding-left: 42px
}

#payment-page .payment .info-payment .list-courses__name .info-course .checkbox {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 32px;
	height: 32px;
	border-radius: 50%
}

#payment-page .payment .info-payment .list-courses__name .info-course .checkbox:after {
	top: 6px;
	left: 12px
}

#payment-page .payment .info-payment .list-courses__name .info-course .name-course {
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 0;
	cursor: pointer;
	text-shadow: none
}

#payment-page .payment .info-payment .list-courses__name .info-course .categories {
	font-size: 12px;
	color: #999
}

#payment-page .payment .info-payment .list-courses__name .price {
	margin-top: 0;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 18px
}

#payment-page .payment .info-payment .list-courses .owner-permanently {
	font-size: 14px;
	color: #50ad4e;
	margin-left: 40px;
	margin-top: 5px
}

#payment-page .payment .info-payment .list-courses .owner-permanently img {
	width: 20px;
	top: -2px;
	position: relative;
	margin-right: 3px
}

#payment-page .payment .info-payment .list-courses__time {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-top: 15px
}

#payment-page .payment .info-payment .list-courses__time-item {
	display: table-cell;
	position: relative;
	height: 36px;
	padding-right: 5px
}

#payment-page .payment .info-payment .list-courses__time-item:last-child {
	padding-right: 0
}

#payment-page .payment .info-payment .list-courses__time-item-checkbox {
	border: 1px solid #ddd;
	width: 100%;
	height: 100%;
	border-radius: 4px
}

#payment-page .payment .info-payment .list-courses__time-item-checkbox:checked {
	border: 2px solid #50ad4d
}

#payment-page .payment .info-payment .list-courses__time-item-checkbox:checked~.list-courses__time-item-label {
	color: #fff;
	font-weight: 700
}

#payment-page .payment .info-payment .list-courses__time-item-checkbox:after {
	border-radius: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

#payment-page .payment .info-payment .list-courses__time-item-label {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 14px;
	color: #666;
	margin: 0;
	cursor: pointer;
	width: 100%;
	text-align: center;
	font-weight: 400
}

#payment-page .payment .promotion-code {
	position: relative;
	margin-bottom: 15px
}

@media (max-width:991px) {
	#payment-page .payment .promotion-code {
		margin-top: 30px
	}
}

#payment-page .payment .promotion-code__input {
	width: 100%;
	border-radius: 10px;
	padding-right: 170px
}

#payment-page .payment .promotion-code__input.disabled {
	background-color: #ebebe4
}

#payment-page .payment .promotion-code__btn {
	position: absolute;
	top: 2px;
	right: 3px;
	height: calc(100% - 4px);
	padding: 0 38px;
	border-radius: 10px;
	border: none;
	background-image: linear-gradient(74deg, #3bbdf9, #4e8ff8);
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase
}

@media (max-width:991px) {
	#payment-page .payment .promotion-code__btn {
		width: 125px;
		padding: 0
	}
}

#payment-page .payment .promotion-code__btn .icon-loading {
	top: 0
}

#payment-page .payment .promotion-code__btn--cancel {
	background-image: linear-gradient(83deg, #ff7345, #f73747)
}

#payment-page .payment .promotion-code__btn.show-loading .tag-text {
	left: -17px
}

#payment-page .payment .price {
	font-size: 16px;
	margin-top: 30px
}

@media (max-width:991px) {
	#payment-page .payment .price {
		font-size: 16px!important
	}
}

#payment-page .payment .price__discount {
	font-weight: 600;
	margin-bottom: 15px
}

#payment-page .payment .price__discount--name {
	color: #50ad4e;
	font-weight: 400;
	display: none
}

#payment-page .payment .price__discount--number {
	font-size: 18px
}

@media (max-width:991px) {
	#payment-page .payment .price__discount--number {
		font-size: 16px
	}
}

#payment-page .payment .price__total-price {
	font-weight: 600
}

#payment-page .payment .price__total-price--number {
	font-size: 25px;
	line-height: 1.4;
	color: #ff7345;
	font-family: SVN-Boing, sans-serif;
	position: relative;
	top: -6px
}

@media (max-width:991px) {
	#payment-page .payment .price__total-price--number {
		font-size: 18px
	}
}

#payment-page .payment__btn {
	font-size: 20px;
	padding: 15px 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}

#payment-page .fixed-bottom-action {
	position: fixed;
	z-index: 2;
	bottom: 0;
	left: 250px;
	width: calc(100% - 250px);
	background: #fff;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1)
}

#payment-page .fixed-bottom-action .has-server-error {
	margin: 0!important
}

#payment-page .fixed-bottom-action .main-content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px 40px;
	-ms-flex-pack: justify;
	justify-content: space-between;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1)
}

#payment-page .fixed-bottom-action .main-content .info-bill {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 450px
}

@media (max-width:1199px) {
	#payment-page .fixed-bottom-action .main-content .info-bill {
		padding-right: 20px
	}
}

#payment-page .fixed-bottom-action .main-content .info-bill__line {
	font-weight: 600;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#payment-page .fixed-bottom-action .main-content .info-bill__line--green-text {
	color: #50ad4e
}

#payment-page .fixed-bottom-action .main-content .info-bill__line--orange-text {
	color: #ff7345;
	font-family: SVN-Boing, sans-serif;
	font-size: 25px
}

#payment-page .fixed-bottom-action .main-content .info-bill__line .promotion {
	font-family: SVN-Boing, sans-serif;
	font-size: 18px
}

#payment-page .fixed-bottom-action .main-content .btn-payment {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}

@media (max-width:1199px) {
	#payment-page .fixed-bottom-action .main-content .btn-payment {
		-ms-flex: 0 0 40%;
		flex: 0 0 40%
	}
}

#payment-page .info-order {
	background: #fff;
	border-radius: 15px;
	padding: 30px
}

#payment-page .info-order h3 {
	color: #999;
	margin-bottom: 25px
}

#payment-page .info-order ul {
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px
}

#payment-page .info-order ul li {
	margin-bottom: 30px
}

#payment-page .info-order ul li:last-child {
	margin-bottom: 0
}

#payment-page .info-order ul li .wrapper-flex {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#payment-page .info-order ul li .wrapper-flex .name .name-subject {
	font-weight: 700
}

#payment-page .info-order ul li .wrapper-flex .name .subscription {
	color: #999;
	font-size: 12px
}

#payment-page .info-order ul li .wrapper-flex .price {
	margin-top: 0;
	font-size: 18px
}

#payment-page .info-order .total-price {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-weight: 700
}

#payment-page .info-order .total-price span {
	font-size: 18px;
	color: #ff7345
}

#payment-page .list-type-payment {
	background: #fff;
	padding: 30px;
	border-radius: 15px
}

@media (max-width:767px) {
	#payment-page .list-type-payment {
		padding: 20px;
		background: transparent
	}
}

#payment-page .list-type-payment .wrapper-list-payment {
	margin-bottom: 30px
}

#payment-page .list-type-payment .wrapper-list-payment.active {
	border: 1px solid #50ad4d
}

@media (max-width:767px) {
	#payment-page .list-type-payment .wrapper-list-payment {
		background: #fff;
		width: calc(100% + 80px);
		margin-left: -40px;
		padding: 0 20px;
		margin-bottom: 10px
	}
}

#payment-page .list-type-payment .wrapper-list-payment .title-payment-type {
	color: #999;
	margin-bottom: 10px
}

@media (max-width:767px) {
	#payment-page .list-type-payment .wrapper-list-payment .title-payment-type {
		position: relative;
		padding: 15px 15px 15px 35px;
		font-weight: 700;
		font-size: 14px;
		color: #000;
		margin-bottom: 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: center;
		align-items: center
	}
	#payment-page .list-type-payment .wrapper-list-payment .title-payment-type .icon-dropdown {
		width: 25px;
		position: absolute;
		left: 0;
		top: 13px
	}
	#payment-page .list-type-payment .wrapper-list-payment .title-payment-type.active .icon-dropdown {
		transform: rotate(90deg)
	}
}

#payment-page .list-type-payment .wrapper-list-payment .list-payment {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:767px) {
	#payment-page .list-type-payment .wrapper-list-payment .list-payment {
		display: none;
		padding: 0 15px
	}
	#payment-page .list-type-payment .wrapper-list-payment .list-payment.active {
		display: -ms-flexbox;
		display: flex
	}
}

#payment-page .list-type-payment .wrapper-list-payment .type-payment__item {
	width: calc(50% - 10px);
	margin-bottom: 15px!important
}

@media (max-width:1199px) {
	#payment-page .list-type-payment .wrapper-list-payment .type-payment__item {
		width: 100%
	}
}

@media (max-width:991px) {
	#payment-page .list-type-payment .wrapper-list-payment .type-payment__item {
		width: calc(50% - 5px)
	}
}

@media (max-width:767px) {
	#payment-page .description {
		width: calc(100% + 30px);
		margin-left: -15px
	}
}

#payment-page .title-info-payment {
	margin-bottom: 10px;
	color: #999;
	font-size: 16px
}

#create-account-kids-page .icon-calendar {
	top: 45px
}

#create-account-kids-page .add-account-kids {
	max-width: 600px;
	margin: auto
}

#create-account-kids-page .add-account-kids .text-title {
	line-height: 1.3;
	margin-bottom: 100px;
	color: #3bbdf9
}

#create-account-kids-page .add-account-kids .wrapper-form-add-account-kids {
	background-color: #fff;
	padding: 95px 40px 50px;
	border-radius: 8px;
	position: relative
}

@media (max-width:767px) {
	#create-account-kids-page .add-account-kids .wrapper-form-add-account-kids {
		padding: 95px 20px 50px
	}
}

#create-account-kids-page .add-account-kids .wrapper-form-add-account-kids .avatar {
	position: absolute;
	top: -60px;
	left: 0;
	right: 0;
	margin: auto;
	-o-box-shadow: 0 5px 20px 0 rgba(0, 10, 0, .2);
	box-shadow: 0 5px 20px 0 rgba(0, 10, 0, .2);
	width: 120px;
	height: 120px;
	border-radius: 50%;
	border: 2px solid #fff;
	background-size: cover;
	background-position: 50%
}

#create-account-kids-page .add-account-kids .wrapper-form-add-account-kids .avatar .plus-icon {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 35px
}

#create-account-kids-page .add-account-kids .wrapper-form-add-account-kids .form__group {
	width: calc(50% - 10px)
}

@media (max-width:767px) {
	#create-account-kids-page .add-account-kids .wrapper-form-add-account-kids .form__group {
		width: 100%
	}
}

@media (max-width:767px) {
	#create-account-kids-page .add-account-kids .wrapper-form-add-account-kids .form__group.has-calendar {
		margin-top: 20px
	}
}

#create-account-kids-page .add-account-kids .wrapper-form-add-account-kids .form__input {
	width: 100%
}

#create-account-kids-page .add-account-kids .wrapper-form-add-account-kids .form .form__btn {
	max-width: 400px;
	margin-top: 30px;
	line-height: 1;
	padding: 18px 0 14px!important
}

#assign-course-page {
	padding-bottom: 200px
}

#assign-course-page .text-title {
	line-height: 1.3;
	margin-bottom: 20px
}

#assign-course-page .wrapper-content {
	padding: 50px 40px 40px;
	background-color: #fff;
	border-radius: 15px
}

#assign-course-page .wrapper-content .item {
	margin-bottom: 60px
}

#assign-course-page .wrapper-content .item.not-choosed .btn-dropdown__img {
	opacity: 0
}

#assign-course-page .wrapper-content .item.not-choosed .btn-dropdown__text--none {
	display: inline-block!important;
	position: relative;
	left: -45px
}

#assign-course-page .wrapper-content .item.not-choosed .btn-dropdown__text--name {
	display: none!important
}

#assign-course-page .wrapper-content .item__title {
	font-size: 16px;
	font-weight: 600;
	max-width: 310px
}

#assign-course-page .wrapper-content .item .wrapper-dropdown {
	position: relative
}

#assign-course-page .wrapper-content .item .wrapper-dropdown .btn-dropdown {
	width: 320px;
	border-radius: 30px;
	border: 2px solid #ddd;
	padding: 5px;
	background-color: transparent;
	text-align: left
}

#assign-course-page .wrapper-content .item .wrapper-dropdown .btn-dropdown:hover {
	border-color: #50ad4e;
	-o-box-shadow: none;
	box-shadow: none
}

#assign-course-page .wrapper-content .item .wrapper-dropdown .btn-dropdown__img {
	width: 48px;
	margin-right: 15px
}

#assign-course-page .wrapper-content .item .wrapper-dropdown .btn-dropdown__text {
	font-size: 16px;
	font-weight: 600;
	position: relative;
	top: 3px;
	color: #333;
	text-transform: none
}

#assign-course-page .wrapper-content .item .wrapper-dropdown .btn-dropdown__text--name {
	display: inline-block
}

#assign-course-page .wrapper-content .item .wrapper-dropdown .btn-dropdown__text--none {
	display: none
}

#assign-course-page .wrapper-content .item .wrapper-dropdown .list-children {
	border-radius: 15px;
	-o-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .3);
	padding: 20px 60px 25px 15px;
	width: 100%;
	top: 20px!important;
	border: none
}

#assign-course-page .wrapper-content .item .wrapper-dropdown .list-children:after {
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	content: "";
	position: absolute;
	top: -7px;
	left: 0;
	right: 0;
	margin: auto
}

#assign-course-page .wrapper-content .item .wrapper-dropdown .list-children__item {
	margin-bottom: 25px;
	position: relative;
	cursor: pointer
}

#assign-course-page .wrapper-content .item .wrapper-dropdown .list-children__item:hover .list-children__item__name {
	color: #50ad4e;
	font-weight: 600
}

#assign-course-page .wrapper-content .item .wrapper-dropdown .list-children__item.active .checked-icon {
	display: block
}

#assign-course-page .wrapper-content .item .wrapper-dropdown .list-children__item.active .list-children__item__name {
	color: #50ad4e;
	font-weight: 600
}

#assign-course-page .wrapper-content .item .wrapper-dropdown .list-children__item:last-child {
	margin-bottom: 0
}

#assign-course-page .wrapper-content .item .wrapper-dropdown .list-children__item__img {
	width: 48px;
	margin-right: 15px
}

#assign-course-page .wrapper-content .item .wrapper-dropdown .list-children__item .checked-icon {
	position: absolute;
	right: -40px;
	top: 50%;
	transform: translateY(-50%);
	display: none
}

#assign-course-page .wrapper-content .form__btn--orange {
	max-width: 400px
}

#assign-course-page .small-text {
	font-size: 15px;
	font-style: italic;
	color: #999;
	margin-right: 15px;
	position: relative;
	top: 20px
}

.video-intro {
	height: 100vh
}

.video-intro__container {
	width: 100%;
	height: 100%
}

.video-intro__full-height {
	height: 100%
}

.video-intro__categoryName {
	font-size: 35px;
	font-weight: 700;
	font-family: SVN-ProductSans;
	color: #fff
}

@media (max-width:991px) {
	.video-intro__categoryName {
		font-size: 25px;
		margin-top: 15px
	}
}

@media (max-width:550px) {
	.video-intro__categoryName {
		font-size: 21px
	}
}

.video-intro__title {
	font-size: 24px;
	color: #fff;
	font-family: SVN-Boing, sans-serif;
	margin: 20px 0 5px
}

@media (max-width:991px) {
	.video-intro__title {
		font-size: 20px;
		margin: 0
	}
}

@media (max-width:550px) {
	.video-intro__title {
		font-size: 20px
	}
}

.video-intro__description {
	color: #fff;
	font-family: SVN-ProductSans;
	font-size: 18px;
	margin-bottom: 15px
}

@media (max-width:991px) {
	.video-intro__description {
		font-size: 15px
	}
}

.video-intro__button {
	margin: 0 auto;
	width: 290px;
	height: 66px;
	margin-bottom: 30px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-new-button.png);
	background-size: 100% 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer
}

@media (max-width:991px) {
	.video-intro__button {
		width: 230px;
		height: 50px
	}
}

.video-intro__button__title {
	text-align: center;
	color: #fff;
	letter-spacing: .23px;
	font-family: SVN-Boing;
	font-size: 25px;
	font-weight: 600
}

@media (max-width:991px) {
	.video-intro__button__title {
		font-size: 18px
	}
}

.video-intro__video {
	width: 100%;
	height: 100%;
	max-width: 800px;
	margin: 0 auto
}

.video-intro .header-child-buy {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px
}

@media (max-width:991px) {
	.video-intro .header-child-buy {
		display: none
	}
}

.video-intro .header-child-buy .icon-home {
	width: 64px;
	height: 65px;
	cursor: pointer
}

@media (min-width:992px) {
	.video-intro .header-child-buy .icon-home:hover {
		animation: spring .5s;
		animation-timing-function: ease
	}
}

.video-intro .header-child-buy .category-name {
	letter-spacing: .23px;
	color: #fff;
	opacity: .7;
	font-family: SVN-ProductSans;
	font-size: 16px
}

.video-intro .header-child-buy .sub-category-name {
	letter-spacing: .51px;
	color: #fff;
	font-family: SVN-Boing;
	font-size: 36px;
	font-weight: 600;
	margin-top: -5px
}

.video-intro .header-child-buy .category-info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-left: 15px
}

#dashboard-bao-cao-page .not-assign-course {
	margin-top: 20px
}

#dashboard-bao-cao-page .not-assign-course .description {
	margin-bottom: 20px
}

#dashboard-bao-cao-page .not-assign-course .description--orange {
	color: #ff7345;
	font-weight: 600
}

#dashboard-bao-cao-page .not-assign-course .btn-course-bought {
	max-width: 400px
}

#dashboard-bao-cao-page .level-point {
	position: relative;
	width: calc(100% - 80px);
	margin-left: 40px
}

#dashboard-bao-cao-page .level-point.not-slider {
	margin-top: 30px;
	width: 100%;
	margin-left: 0
}

#dashboard-bao-cao-page .level-point.not-slider .green-line {
	width: 100%;
	margin-left: 0;
	top: 10px
}

#dashboard-bao-cao-page .level-point.not-slider .flex-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

#dashboard-bao-cao-page .level-point.not-slider .flex-row .wrapper-box {
	padding: 0 20px
}

#dashboard-bao-cao-page .level-point .green-line {
	height: 4px;
	background-color: #3bbdf9;
	position: absolute;
	top: 40px;
	width: 100%
}

#dashboard-bao-cao-page .level-point .slick-arrow {
	position: absolute;
	top: 42px;
	background-size: 100% 100%;
	width: 25px
}

#dashboard-bao-cao-page .level-point .slick-arrow.slick-prev {
	left: -40px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/nav-left.png)
}

#dashboard-bao-cao-page .level-point .slick-arrow.slick-next {
	right: -40px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/nav-right.png)
}

#dashboard-bao-cao-page .level-point .slick-arrow:before {
	display: none
}

#dashboard-bao-cao-page .level-point .slick-list {
	padding: 30px 0 15px
}

#dashboard-bao-cao-page .level-point .slick-list .item .wrapper-box {
	position: relative;
	display: inline-block;
	text-align: center
}

@media (max-width:991px) {
	#dashboard-bao-cao-page .level-point .slick-list .item .wrapper-box {
		padding-bottom: 10px
	}
}

#dashboard-bao-cao-page .level-point .slick-list .item.passed .item__icon {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/blue-check-icon.png)
}

#dashboard-bao-cao-page .level-point .slick-list .item.lock .wrapper-box {
	cursor: not-allowed
}

#dashboard-bao-cao-page .level-point .slick-list .item.lock .item__icon {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/lock-level.png)
}

#dashboard-bao-cao-page .level-point .slick-list .item.current-active {
	text-align: center
}

@media (max-width:1199px) {
	#dashboard-bao-cao-page .level-point .slick-list .item.current-active {
		text-align: left
	}
}

#dashboard-bao-cao-page .level-point .slick-list .item.current-active .item__icon {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/orange-check-icon.png);
	width: 32px;
	height: 32px;
	transform: translateY(-4px)
}

#dashboard-bao-cao-page .level-point .slick-list .item.current-active .item__text {
	color: #ff7345;
	font-weight: 600;
	font-size: 16px;
	top: 2px
}

#dashboard-bao-cao-page .level-point .slick-list .item.current-active .wrapper-box:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: -30px;
	margin: auto
}

#dashboard-bao-cao-page .level-point .slick-list .item.lock .item__text {
	color: #fff
}

#dashboard-bao-cao-page .level-point .slick-list .item.lock .text-lock {
	color: #999
}

#dashboard-bao-cao-page .level-point .slick-list .item__icon {
	width: 25px;
	height: 25px;
	background-size: 100% 100%;
	margin: auto
}

#dashboard-bao-cao-page .level-point .slick-list .item__text {
	font-size: 14px;
	position: relative;
	top: 10px
}

@media (max-width:767px) {
	#dashboard-bao-cao-page .level-point .slick-list .item__text {
		font-size: 12px!important
	}
}

#dashboard-bao-cao-page .general__title {
	margin-bottom: 20px
}

#dashboard-bao-cao-page .general .wrapper-chart {
	background-color: #fff;
	border-radius: 15px;
	padding: 20px
}

#dashboard-bao-cao-page .general .wrapper-chart canvas {
	max-width: 100%
}

#dashboard-bao-cao-page .general .wrapper-chart .general-chart__top {
	font-size: 14px
}

#dashboard-bao-cao-page .general .wrapper-chart .general-chart__top .dropdown .dropdown-btn {
	padding: 4px 0;
	width: 275px;
	border-radius: 18px;
	border-color: #ddd;
	color: #333;
	position: relative
}

#dashboard-bao-cao-page .general .wrapper-chart .general-chart__top .dropdown .dropdown-btn:after {
	display: inline-block;
	width: 0;
	height: 0;
	content: "";
	border-top: 7px solid #999;
	border-right: 6px solid transparent;
	border-bottom: 0;
	border-left: 6px solid transparent;
	position: absolute;
	right: 10px;
	top: 11px
}

#dashboard-bao-cao-page .general .wrapper-chart .general-chart__top .dropdown .dropdown-menu {
	width: 275px;
	top: 7px!important;
	border: none
}

#dashboard-bao-cao-page .general .wrapper-chart .general-chart__top .dropdown .dropdown-menu .dropdown-item {
	position: relative
}

#dashboard-bao-cao-page .general .wrapper-chart .general-chart__top .dropdown .dropdown-menu .dropdown-item.choose .tag-list__item__checked {
	display: inline-block!important;
	right: 10px;
	top: 6px
}

#dashboard-bao-cao-page .general .wrapper-chart .general-chart__top .period__time {
	padding: 4px 0;
	border-radius: 30px;
	border: 2px solid;
	width: 100px;
	text-align: center;
	display: inline-block;
	margin-left: 10px;
	font-weight: 600;
	color: #666;
	border-color: #ddd
}

#dashboard-bao-cao-page .general .wrapper-chart .general-chart__top .period__time.active {
	background-image: linear-gradient(71deg, #3bbdf9, #4e8ff8);
	border-color: #3bbdf9;
	color: #fff
}

#dashboard-bao-cao-page .general .description-chart {
	color: #fff;
	letter-spacing: .2px;
	font-size: 14px;
	margin: 20px 0 30px
}

@media (max-width:320px) {
	#dashboard-bao-cao-page .general .description-chart {
		font-size: 12px
	}
}

#dashboard-bao-cao-page .general .description-chart--time {
	font-weight: 600
}

#dashboard-bao-cao-page .general .something-learn {
	margin-bottom: 60px
}

#dashboard-bao-cao-page .general .something-learn__item {
	width: calc(33.33% - 14px);
	color: #fff;
	border-radius: 15px;
	padding: 15px 10px 15px 40px;
	float: left;
	margin-right: 20px
}

#dashboard-bao-cao-page .general .something-learn__item:first-child {
	background-image: linear-gradient(74deg, #ff7345, #f73747)
}

#dashboard-bao-cao-page .general .something-learn__item:nth-child(2) {
	background-image: linear-gradient(74deg, #3bbdf9, #2873ed)
}

#dashboard-bao-cao-page .general .something-learn__item:last-child {
	background-image: linear-gradient(254deg, #3023ae, #c86dd7);
	margin-right: 0
}

#dashboard-bao-cao-page .general .something-learn__text {
	letter-spacing: .2px
}

#dashboard-bao-cao-page .general .something-learn__number {
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 30px
}

#dashboard-bao-cao-page .process-learn__level {
	letter-spacing: .2px;
	color: #fff;
	font-family: SVN-ProductSans;
	font-size: 16px
}

#dashboard-bao-cao-page .process-learn__level--name {
	font-family: SVN-Boing, sans-serif;
	font-size: 35px;
	font-weight: 600;
	color: #fff
}

#dashboard-bao-cao-page .process-learn .wrapper-level-point {
	margin-top: 20px;
	border-radius: 15px
}

#dashboard-bao-cao-page .process-learn .wrapper-level-point .level-content {
	border-radius: 15px;
	background-color: #fff;
	padding: 30px;
	-o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1)
}

#dashboard-bao-cao-page .process-learn .wrapper-level-point .level-content .not-has-level {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%
}

#dashboard-bao-cao-page .process-learn .wrapper-level-point .level-content .not-has-level--title {
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	letter-spacing: .3px;
	font-size: 20px
}

#dashboard-bao-cao-page .process-learn .wrapper-level-point .level-content .not-has-level--description {
	letter-spacing: .2px;
	color: #666;
	margin: 10px 0 20px
}

#dashboard-bao-cao-page .process-learn .wrapper-level-point .level-content .not-has-level--btn {
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	border: 2px solid #ddd;
	border-radius: 25px;
	width: 300px;
	display: inline-block;
	line-height: 1;
	padding: 14px 0;
	background-color: #fff!important;
	color: #333!important
}

#dashboard-bao-cao-page .process-learn .wrapper-level-point .level-content .not-has-level--btn:hover {
	color: #333
}

#dashboard-bao-cao-page .process-learn .wrapper-level-point .level-content .not-has-level .img-children {
	margin-left: 20px
}

#dashboard-bao-cao-page .process-learn .wrapper-level-point .level-content__title {
	font-size: 20px;
	font-family: SVN-Boing, sans-serif;
	letter-spacing: .3px;
	font-weight: 600;
	margin-bottom: 10px
}

#dashboard-bao-cao-page .process-learn .wrapper-level-point .level-content__list.left .level-content__item {
	color: #ff7345;
	margin-left: 20px
}

#dashboard-bao-cao-page .process-learn .wrapper-level-point .level-content__list.left .level-content__item .pass {
	color: #50ad4e
}

#dashboard-bao-cao-page .process-learn .wrapper-level-point .level-content__list.left .level-content__item .fail {
	color: red
}

#dashboard-bao-cao-page .process-learn .wrapper-level-point .level-content__list.right.not-english-course {
	height: 125px;
	overflow: auto
}

#dashboard-bao-cao-page .process-learn .wrapper-level-point .level-content__list.right.not-english-course .level-content__item {
	border-bottom: 0;
	padding: 5px 0
}

#dashboard-bao-cao-page .process-learn .wrapper-level-point .level-content__item {
	letter-spacing: .2px;
	font-weight: 600;
	border-bottom: 2px solid #ddd;
	padding: 8px 0;
	width: calc(100% - 20px)
}

#dashboard-bao-cao-page .process-learn .wrapper-level-point .level-content__item:last-child {
	border-bottom: none
}

#dashboard-bao-cao-page .process-learn .wrapper-level-point .level-content__text-description {
	width: 220px;
	display: inline-block;
	color: #666;
	font-weight: 400
}

#dashboard-bao-cao-page .statistical {
	margin-top: 40px
}

#dashboard-bao-cao-page .statistical .row {
	position: relative
}

#dashboard-bao-cao-page .statistical__wrapper {
	width: 48%
}

#dashboard-bao-cao-page .statistical__line {
	position: absolute;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 2px;
	background-color: #d8d8d8;
	display: block
}

#dashboard-bao-cao-page .statistical .tab-view {
	margin-bottom: 25px
}

#dashboard-bao-cao-page .statistical .tab-view__label {
	font-size: 25px;
	color: hsla(0, 0%, 100%, .7);
	margin-right: 60px;
	cursor: pointer
}

#dashboard-bao-cao-page .statistical .tab-view__active,
#dashboard-bao-cao-page .statistical .tab-view__label {
	font-family: SVN-Boing;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal
}

#dashboard-bao-cao-page .statistical .tab-view__active {
	font-size: 35px;
	color: #fff
}

#dashboard-bao-cao-page .statistical__content {
	border-radius: 15px;
	background-color: #fff;
	padding: 30px;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1)
}

@media (max-width:1199px) {
	#dashboard-bao-cao-page .statistical__activities {
		margin-bottom: 25px
	}
}

#dashboard-bao-cao-page .statistical__activities .text-title {
	margin-bottom: 25px;
	color: #333;
	font-size: 22px
}

#dashboard-bao-cao-page .statistical__activities .wrapper--calender {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 30px
}

#dashboard-bao-cao-page .statistical__activities .wrapper--calender .DayPicker-Months {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

#dashboard-bao-cao-page .statistical__activities .wrapper .InputFromTo {
	display: -ms-flexbox;
	display: flex;
	border: 1px solid #ddd;
	border-radius: 25px;
	padding: 0 25px;
	width: 280px;
	margin-right: 10px;
	position: relative
}

#dashboard-bao-cao-page .statistical__activities .wrapper .InputFromTo .separate-symbol {
	position: relative;
	top: 9px;
	left: -6px;
	display: none
}

#dashboard-bao-cao-page .statistical__activities .wrapper .InputFromTo input {
	padding: 8px 0 6px;
	border: none;
	background-color: transparent;
	width: 95px
}

#dashboard-bao-cao-page .statistical__activities .wrapper .InputFromTo img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	width: 25px;
	height: 25px;
	cursor: pointer
}

#dashboard-bao-cao-page .statistical__activities .wrapper .filter {
	text-align: right;
	margin-bottom: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#dashboard-bao-cao-page .statistical__activities .wrapper .filter__calender {
	position: relative
}

#dashboard-bao-cao-page .statistical__activities .wrapper .filter__calender-img {
	position: absolute;
	right: 25px;
	top: 5px;
	height: calc(100% - 10px);
	cursor: pointer
}

#dashboard-bao-cao-page .statistical__activities .wrapper .filter__calender-input {
	padding: 4px 10px;
	border-radius: 17px;
	width: 260px;
	margin-right: 10px
}

#dashboard-bao-cao-page .statistical__activities .wrapper .filter__calender-input:focus {
	border-color: #ddd!important
}

#dashboard-bao-cao-page .statistical__activities .wrapper .filter__btn {
	background-image: linear-gradient(74deg, #3bbdf9, #4e8ff8);
	border-radius: 30px;
	width: 120px;
	color: #fff;
	font-weight: 600;
	letter-spacing: .1px;
	font-size: 14px;
	padding: 9px 0 8px;
	display: inline-block;
	text-align: center;
	max-height: 38px
}

#dashboard-bao-cao-page .statistical__activities .wrapper .activities {
	overflow: auto;
	max-height: 300px
}

#dashboard-bao-cao-page .statistical__activities .wrapper .activities__item {
	letter-spacing: .2px;
	color: #999;
	margin-bottom: 30px;
	display: -ms-flexbox;
	display: flex
}

#dashboard-bao-cao-page .statistical__activities .wrapper .activities__item:last-child {
	margin-bottom: 0
}

#dashboard-bao-cao-page .statistical__activities .wrapper .activities__time {
	font-size: 16px;
	margin-right: 45px;
	min-width: 150px
}

#dashboard-bao-cao-page .statistical__activities .wrapper .activities__duty {
	font-size: 14px;
	color: #333;
	font-size: 16px
}

#dashboard-bao-cao-page .statistical__activities .wrapper .activities__duty--name {
	color: #3bbdf9;
	font-weight: 600
}

#dashboard-bao-cao-page .statistical__activities .wrapper .activities__course-name {
	font-size: 14px;
	color: #999
}

#dashboard-bao-cao-page .statistical__test .text-title {
	margin: 0 0 25px;
	font-size: 22px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #333
}

@media (max-width:991px) {
	#dashboard-bao-cao-page .statistical__test .wrapper {
		height: auto
	}
}

#dashboard-bao-cao-page .statistical__test .wrapper .column:first-child {
	width: 30%
}

#dashboard-bao-cao-page .statistical__test .wrapper .column:nth-child(2),
#dashboard-bao-cao-page .statistical__test .wrapper .column:nth-child(3) {
	width: 15%
}

#dashboard-bao-cao-page .statistical__test .wrapper .column:last-child {
	padding-right: 0;
	width: 40%
}

#dashboard-bao-cao-page .statistical__test .wrapper .title-row {
	display: -ms-flexbox;
	display: flex;
	font-size: 12px;
	color: #999;
	margin-bottom: 25px
}

#dashboard-bao-cao-page .statistical__test .wrapper .list-content {
	overflow: auto;
	max-height: 300px
}

#dashboard-bao-cao-page .statistical__test .wrapper .list-content .content-row {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 40px
}

#dashboard-bao-cao-page .statistical__test .wrapper .list-content .content-row:last-child {
	margin-bottom: 0
}

#dashboard-bao-cao-page .statistical__test .wrapper .list-content .content-row .column {
	font-weight: 600
}

#dashboard-bao-cao-page .statistical__test .wrapper .list-content .content-row .column:first-child {
	width: 30%;
	font-weight: 400
}

#dashboard-bao-cao-page .statistical__test .wrapper .list-content .content-row .column:nth-child(2) {
	color: #3bbdf9
}

#dashboard-bao-cao-page .statistical__test .wrapper .list-content .content-row .column:nth-child(3) {
	color: #ff7345
}

#dashboard-bao-cao-page .statistical__test .wrapper .list-content .content-row .column:nth-child(2),
#dashboard-bao-cao-page .statistical__test .wrapper .list-content .content-row .column:nth-child(3) {
	width: 15%
}

#dashboard-bao-cao-page .statistical__test .wrapper .list-content .content-row .column:last-child {
	font-weight: 400
}

#dashboard-bao-cao-page .statistical__test .wrapper .list-content .content-row .column:last-child span:first-child {
	font-weight: 600
}

#dashboard-bao-cao-page .statistical__test .wrapper .list-content .content-row .column:last-child span:nth-child(2) {
	color: #50ad4e;
	font-weight: 600
}

#dashboard-bao-cao-page .statistical__test .wrapper .list-content .content-row .column:last-child span:nth-child(3) {
	color: #ff5965;
	font-weight: 600
}

@keyframes progress {
	0% {
		stroke-dasharray: 0 100
	}
}

#dashboard-bao-cao-page .title-btn {
	margin-top: 10px!important;
	font-size: 20px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	color: #999;
	padding: 15px;
	width: calc(100% + 30px);
	margin-left: -15px;
	border-left: none;
	border-right: none;
	position: relative;
	background: #fff
}

#dashboard-bao-cao-page .title-btn.collapsed {
	background-image: none;
	background-color: #fff;
	color: #999
}

#dashboard-bao-cao-page .title-btn.collapsed:after {
	border-top: 7px solid #999
}

#dashboard-bao-cao-page .title-btn.collapsed .title-btn__number {
	border: 1px solid #ddd;
	color: #999
}

#dashboard-bao-cao-page .title-btn:first-child {
	margin-top: 0
}

#dashboard-bao-cao-page .title-btn:after {
	display: inline-block;
	width: 0;
	height: 0;
	content: "";
	border-top: 7px solid #999;
	border-right: 7px solid transparent;
	border-bottom: 0;
	border-left: 7px solid transparent;
	position: absolute;
	right: 15px;
	top: 47%;
	transition: all .5s ease
}

#dashboard-bao-cao-page .title-btn.active {
	background-image: linear-gradient(79deg, #ff7345, #f73747);
	color: #fff
}

#dashboard-bao-cao-page .title-btn.active:after {
	border-top: 7px solid #fff;
	transform: rotate(180deg)
}

#dashboard-bao-cao-page .title-btn.active .title-btn__number {
	border-color: #fff;
	color: #ff5965;
	background-color: #fff
}

#dashboard-bao-cao-page .title-btn__number {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #ddd;
	display: inline-block;
	margin-right: 15px;
	text-align: center;
	line-height: 38px;
	background-color: #fff
}

#dashboard-bao-cao-page .content-report {
	padding: 30px 15px 35px;
	background-color: #fff;
	width: calc(100% + 30px);
	margin-left: -15px;
	-o-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
	transition: all .5s ease
}

#dashboard-bao-cao-page .content-report__title {
	font-size: 18px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	letter-spacing: .2px;
	color: #666
}

#dashboard-bao-cao-page .content-report .list {
	font-size: 14px;
	letter-spacing: .2px;
	color: #666
}

#dashboard-bao-cao-page .content-report .list__item {
	margin-bottom: 15px
}

#dashboard-bao-cao-page .content-report .list__item:last-child {
	margin-bottom: 0
}

#dashboard-bao-cao-page .content-report .list__item .color {
	font-weight: 600
}

#dashboard-bao-cao-page .content-report .list__item .color--orange {
	color: #ff7345
}

#dashboard-bao-cao-page .content-report .list__item .color--green {
	color: #50ad4e
}

#dashboard-bao-cao-page .general-mb .content-report .dropdown-area .period .dropdown-menu {
	min-width: auto;
	padding: 0
}

#dashboard-bao-cao-page .general-mb .content-report .dropdown-area .dropdown-btn {
	padding: 5px 30px 5px 15px;
	position: relative
}

#dashboard-bao-cao-page .general-mb .content-report .dropdown-area .dropdown-btn:after {
	display: inline-block;
	width: 0;
	height: 0;
	content: "";
	border-top: 7px solid #999;
	border-right: 6px solid transparent;
	border-bottom: 0;
	border-left: 6px solid transparent;
	position: absolute;
	right: 10px;
	top: 11px
}

#dashboard-bao-cao-page .general-mb .content-report .dropdown-area .dropdown-menu .dropdown-item {
	position: relative
}

@media (max-width:767px) {
	#dashboard-bao-cao-page .general-mb .content-report .dropdown-area .dropdown-menu .dropdown-item {
		padding-right: 25px
	}
}

#dashboard-bao-cao-page .general-mb .content-report .dropdown-area .dropdown-menu .dropdown-item.choose .tag-list__item__checked {
	display: inline-block!important;
	right: 5px
}

#dashboard-bao-cao-page .general-mb .content-report__title {
	margin-bottom: 15px
}

#dashboard-bao-cao-page .general-mb .content-report .description-chart {
	letter-spacing: .2px;
	color: #666;
	margin: 20px 0 30px
}

#dashboard-bao-cao-page .general-mb .content-report .description-chart--time {
	font-weight: 600
}

#dashboard-bao-cao-page .general-mb .content-report .circle-percent {
	display: -ms-flexbox;
	display: flex
}

#dashboard-bao-cao-page .general-mb .content-report .circle-percent .wrapper-col {
	position: relative;
	-ms-flex: 3;
	flex: 3
}

#dashboard-bao-cao-page .general-mb .content-report .circle-percent .wrapper-col .number-percent {
	position: absolute;
	top: 25px;
	left: 50%;
	transform: translateX(-50%);
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 20px
}

#dashboard-bao-cao-page .general-mb .content-report .circle-percent .wrapper-col .number {
	font-size: 16px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600
}

#dashboard-bao-cao-page .general-mb .content-report .circle-percent .wrapper-col .label {
	font-size: 12px;
	color: #666;
	letter-spacing: .2px
}

#dashboard-bao-cao-page .general-mb .content-report .circle-percent .wrapper-col .circle {
	width: 80px;
	height: 80px
}

#dashboard-bao-cao-page .general-mb .content-report .circle-percent .wrapper-col .circle__total {
	stroke: rgba(247, 55, 71, .2);
	fill: none;
	stroke-width: 2.8
}

#dashboard-bao-cao-page .general-mb .content-report .circle-percent .wrapper-col .circle__process {
	stroke: #f73747;
	fill: none;
	stroke-width: 2.8;
	animation: progress 1s ease-out forwards
}

#dashboard-bao-cao-page .general-mb .content-report .circle-percent .wrapper-col.vocabulary .number,
#dashboard-bao-cao-page .general-mb .content-report .circle-percent .wrapper-col.vocabulary .number-percent {
	color: #ff7345
}

#dashboard-bao-cao-page .general-mb .content-report .circle-percent .wrapper-col.vocabulary .circle__total {
	stroke: #ffdfda
}

#dashboard-bao-cao-page .general-mb .content-report .circle-percent .wrapper-col.vocabulary .circle__process {
	stroke: #ff7345
}

#dashboard-bao-cao-page .general-mb .content-report .circle-percent .wrapper-col.sentences .number,
#dashboard-bao-cao-page .general-mb .content-report .circle-percent .wrapper-col.sentences .number-percent {
	color: #50ad4e
}

#dashboard-bao-cao-page .general-mb .content-report .circle-percent .wrapper-col.sentences .circle__total {
	stroke: #e2f0ce
}

#dashboard-bao-cao-page .general-mb .content-report .circle-percent .wrapper-col.sentences .circle__process {
	stroke: #50ad4e
}

#dashboard-bao-cao-page .general-mb .content-report .circle-percent .wrapper-col.grammar .number,
#dashboard-bao-cao-page .general-mb .content-report .circle-percent .wrapper-col.grammar .number-percent {
	color: #3bbdf9
}

#dashboard-bao-cao-page .general-mb .content-report .circle-percent .wrapper-col.grammar .circle__total {
	stroke: #daedfe
}

#dashboard-bao-cao-page .general-mb .content-report .circle-percent .wrapper-col.grammar .circle__process {
	stroke: #3bbdf9
}

#dashboard-bao-cao-page .process-learn-mb .list {
	margin-bottom: 40px
}

@media (max-width:767px) {
	#dashboard-bao-cao-page .process-learn-mb .list {
		margin-bottom: 20px
	}
}

#dashboard-bao-cao-page .process-learn-mb .list.not-english-course {
	list-style: initial;
	padding-left: 15px
}

#dashboard-bao-cao-page .process-learn-mb .list:last-child {
	margin-bottom: 0
}

#dashboard-bao-cao-page .process-learn-mb .content-report {
	padding-bottom: 15px
}

#dashboard-bao-cao-page .process-learn-mb .content-report__title {
	margin-bottom: 15px
}

#dashboard-bao-cao-page .process-learn-mb .content-report .level-row {
	border-radius: 10px;
	border: 1px solid #ddd;
	padding: 20px 15px 15px;
	line-height: 1;
	margin-bottom: 20px
}

#dashboard-bao-cao-page .process-learn-mb .content-report .level-row .level-name {
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #ff7345;
	position: relative;
	top: -5px
}

#dashboard-bao-cao-page .process-learn-mb .content-report .not-has-level--btn {
	margin: 15px 0;
	border: 2px solid #ddd;
	border-radius: 10px
}

#dashboard-bao-cao-page .process-learn-mb .content-report .not-has-level .img-children,
#dashboard-bao-cao-page .process-learn-mb .content-report .not-has-level .wrapper-text {
	margin: auto
}

#dashboard-bao-cao-page .activities-mb .content-report {
	padding-bottom: 30px
}

@media (max-width:991px) {
	#dashboard-bao-cao-page .activities-mb .content-report:after {
		content: "";
		display: block;
		clear: both
	}
}

@media (max-width:576px) {
	#dashboard-bao-cao-page .activities-mb .content-report .InputFromTo-to .DayPickerInput-Overlay {
		left: -90px!important
	}
}

@media (max-width:991px) {
	#dashboard-bao-cao-page .activities-mb .content-report .InputFromTo {
		border: 1px solid #ddd;
		position: relative;
		width: 280px;
		float: left;
		display: -ms-flexbox;
		display: flex;
		border-radius: 30px;
		padding: 0 10px
	}
}

@media (max-width:991px) {
	#dashboard-bao-cao-page .activities-mb .content-report .InputFromTo .separate-symbol {
		position: relative;
		top: 6px;
		left: -13px
	}
}

@media (max-width:320px) {
	#dashboard-bao-cao-page .activities-mb .content-report .InputFromTo .separate-symbol {
		top: 8px
	}
}

@media (max-width:991px) {
	#dashboard-bao-cao-page .activities-mb .content-report .InputFromTo input {
		padding: 8px 0 6px;
		border: none;
		background-color: transparent;
		width: 95px
	}
}

@media (max-width:320px) {
	#dashboard-bao-cao-page .activities-mb .content-report .InputFromTo input {
		width: 65px
	}
}

@media (max-width:991px) {
	#dashboard-bao-cao-page .activities-mb .content-report img {
		position: absolute;
		top: 8px;
		right: 10px;
		height: 20px
	}
}

@media (max-width:991px) {
	#dashboard-bao-cao-page .activities-mb .content-report .filter__btn {
		width: 110px;
		border-radius: 30px;
		background-image: linear-gradient(73deg, #3bbdf9, #4e8ff8);
		color: #fff;
		font-size: 14px;
		font-weight: 600;
		padding: 5px 0;
		display: inline-block;
		text-align: center;
		float: right
	}
}

#dashboard-bao-cao-page .activities-mb .content-report .period-filter {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#dashboard-bao-cao-page .activities-mb .content-report .period-filter .calendar {
	position: relative;
	width: 100%;
	margin-right: 5px
}

#dashboard-bao-cao-page .activities-mb .content-report .period-filter .calendar__input {
	padding: 8px 45px 8px 15px;
	border-radius: 25px;
	width: 100%
}

@media (max-width:320px) {
	#dashboard-bao-cao-page .activities-mb .content-report .period-filter .calendar__input {
		font-size: 10px
	}
}

#dashboard-bao-cao-page .activities-mb .content-report .period-filter .calendar__img {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 25px
}

#dashboard-bao-cao-page .activities-mb .content-report .period-filter__btn {
	background-image: linear-gradient(71deg, #3bbdf9, #4e8ff8);
	border-color: #3bbdf9;
	color: #fff;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	border-radius: 25px;
	width: 164px;
	-ms-flex-pack: center;
	justify-content: center
}

@media (max-width:991px) {
	#dashboard-bao-cao-page .activities-mb .content-report .list-activities {
		margin-top: 40px
	}
}

#dashboard-bao-cao-page .activities-mb .content-report .list-activities__item {
	letter-spacing: .2px;
	color: #999;
	font-size: 12px;
	padding: 15px 0;
	border-bottom: 2px solid #ddd
}

#dashboard-bao-cao-page .activities-mb .content-report .list-activities__item:last-child {
	border-bottom: none
}

#dashboard-bao-cao-page .activities-mb .content-report .list-activities__item .activity-name {
	font-size: 16px;
	color: #333;
	margin-bottom: 8px
}

#dashboard-bao-cao-page .activities-mb .content-report .list-activities__item .activity-name--blue {
	font-weight: 600;
	color: #3bbdf9
}

#dashboard-bao-cao-page .activities-mb .content-report .list-activities__item .name-course {
	letter-spacing: .1px;
	font-style: italic
}

#dashboard-bao-cao-page .statistical-mb .content-report__title {
	margin-bottom: 10px;
	text-align: center
}

#dashboard-bao-cao-page .statistical-mb .content-report .list-test__item {
	margin-bottom: 40px
}

#dashboard-bao-cao-page .statistical-mb .content-report .list-test__item:last-child {
	margin-bottom: 0
}

#dashboard-bao-cao-page .statistical-mb .content-report .list-test__item .box {
	border: 1px solid #ddd;
	letter-spacing: .2px
}

#dashboard-bao-cao-page .statistical-mb .content-report .list-test__item .box .first-line {
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #ddd;
	padding: 10px 0
}

#dashboard-bao-cao-page .statistical-mb .content-report .list-test__item .box .first-line .column {
	-ms-flex: 2;
	flex: 2;
	padding-left: 15px
}

#dashboard-bao-cao-page .statistical-mb .content-report .list-test__item .box .first-line .left .points {
	color: #3bbdf9;
	font-weight: 600
}

#dashboard-bao-cao-page .statistical-mb .content-report .list-test__item .box .first-line .right .points {
	color: #ff7345;
	font-weight: 600
}

#dashboard-bao-cao-page .statistical-mb .content-report .list-test__item .box .second-line {
	padding: 10px 15px
}

#dashboard-bao-cao-page .statistical-mb .content-report .list-test__item .box .second-line .result-row {
	font-size: 16px
}

#dashboard-bao-cao-page .statistical-mb .content-report .list-test__item .box .second-line .result-row span {
	font-weight: 600
}

#dashboard-bao-cao-page .statistical-mb .content-report .list-test__item .box .second-line .result-row span:first-child {
	color: #666
}

#dashboard-bao-cao-page .statistical-mb .content-report .list-test__item .box .second-line .result-row span:nth-child(2) {
	color: #ff5965
}

#dashboard-bao-cao-page .statistical-mb .content-report .list-test__item .box .second-line .result-row span:last-child {
	color: #50ad4e
}

#dashboard-bao-cao-page .statistical-mb .content-report .list-test__item .box .second-line .text-row {
	font-size: 12px;
	color: #999
}

@media (min-width:992px) and (max-width:1199px) {
	#dashboard-bao-cao-page .process-learn__level--name,
	#dashboard-bao-cao-page .text-title {
		font-size: 25px
	}
}

#dashboard-bao-cao-page .mission-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px
}

#dashboard-bao-cao-page .mission-item:last-child {
	margin-bottom: 0
}

#dashboard-bao-cao-page .mission-item__title {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

#dashboard-bao-cao-page .mission-item__title img {
	margin-right: 20px
}

#dashboard-bao-cao-page .mission-item__title p {
	font-family: SVN-ProductSans;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: .2px;
	color: #333
}

#dashboard-bao-cao-page .mission-item span {
	font-family: SVN-ProductSans;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .15px;
	color: #fff;
	border-radius: 12.5px;
	background-color: #66bd39;
	height: 22px;
	padding: 0 15px;
	line-height: 22px
}

#dashboard-bai-kiem-tra-page .empty-list {
	text-align: center
}

#dashboard-bai-kiem-tra-page .empty-list__title {
	color: #fff;
	display: block;
	font-size: 30px;
	font-weight: 700;
	margin: 50px 0
}

#dashboard-bai-kiem-tra-page .empty-list__button {
	margin: 50px auto 0;
	width: 290px;
	height: 66px;
	margin-bottom: 30px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-new-button.png);
	background-size: 100% 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer
}

#dashboard-bai-kiem-tra-page .empty-list__button__title {
	text-align: center;
	color: #fff;
	letter-spacing: .23px;
	font-family: SVN-Boing;
	font-size: 25px;
	font-weight: 600
}

@media (max-width:991px) {
	#dashboard-bai-kiem-tra-page {
		padding-bottom: 0!important
	}
}

#dashboard-bai-kiem-tra-page .quiz-container {
	margin-bottom: 65px
}

#dashboard-bai-kiem-tra-page .not-assign-course {
	padding: 60px 0 0
}

@media (max-width:767px) {
	#dashboard-bai-kiem-tra-page .not-assign-course {
		padding-top: 30px
	}
}

#dashboard-bai-kiem-tra-page .not-assign-course .description {
	margin-bottom: 20px
}

#dashboard-bai-kiem-tra-page .not-assign-course .description--orange {
	color: #ff7345;
	font-weight: 600
}

#dashboard-bai-kiem-tra-page .not-assign-course .btn-course-bought {
	max-width: 400px
}

@media (max-width:991px) {
	#dashboard-bai-kiem-tra-page .pagination-line {
		margin-bottom: 30px
	}
}

#dashboard-bai-kiem-tra-page .courses-item {
	height: 100%
}

@media (max-width:991px) {
	#dashboard-bai-kiem-tra-page .courses-item {
		margin-bottom: 0;
		padding-top: 0
	}
}

@media (max-width:767px) {
	#dashboard-bai-kiem-tra-page .courses-item.is-locked .courses-item__image .courses-item__image__tag {
		width: 50px
	}
}

#dashboard-bai-kiem-tra-page .courses-item__quiz-pass-point {
	margin-bottom: 8px;
	color: #deff00;
	font-size: 42px;
	font-weight: 600;
	font-family: SVN-Boing
}

@media (max-width:991px) {
	#dashboard-bai-kiem-tra-page .courses-item__quiz-pass-point {
		font-size: 25px
	}
}

@media (max-width:360px) {
	#dashboard-bai-kiem-tra-page .courses-item__quiz-pass-point {
		font-size: 20px
	}
}

#dashboard-bai-kiem-tra-page .courses-item__quiz-not-pass-point {
	color: #0df;
	font-size: 42px;
	font-weight: 600;
	font-family: SVN-Boing
}

@media (max-width:991px) {
	#dashboard-bai-kiem-tra-page .courses-item__quiz-not-pass-point {
		font-size: 25px
	}
}

@media (max-width:360px) {
	#dashboard-bai-kiem-tra-page .courses-item__quiz-not-pass-point {
		font-size: 20px
	}
}

#dashboard-bai-kiem-tra-page .courses-item__image {
	overflow: unset;
	background-color: #fff;
	-o-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
	border: 3px solid #ffdd8b;
	border-radius: 15px;
	position: relative;
	margin: 20px 20px 0;
	text-align: center
}

#dashboard-bai-kiem-tra-page .courses-item__image__tag {
	border-radius: 15px
}

@media (max-width:991px) {
	#dashboard-bai-kiem-tra-page .courses-item__image {
		border: 2px solid #ffdd8b;
		margin: 0;
		margin-top: 10px;
		margin-left: 0!important;
		width: 100%!important
	}
}

@media (max-width:991px) {
	#dashboard-bai-kiem-tra-page .courses-item__image:before {
		border-radius: 15px 15px 0 0
	}
}

#dashboard-bai-kiem-tra-page .courses-item__expiry-date {
	border-radius: 17.5px;
	border: 1px solid #f7b53c;
	background-color: #a75e26;
	position: absolute;
	top: 5px;
	left: 50%;
	transform: translateX(-50%);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	width: -webkit-fit-content;
	width: fit-content;
	padding: 3px 7px
}

#dashboard-bai-kiem-tra-page .courses-item__expiry-date .icon {
	height: 18px;
	margin-right: 3px
}

#dashboard-bai-kiem-tra-page .courses-item__expiry-date .expiry-date-text {
	color: #ffdd8b;
	font-family: SVN-ProductSans;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: .12px
}

#dashboard-bai-kiem-tra-page .courses-item__expiry-date .expiry-date-text .expiry-text {
	font-weight: 400
}

@media (max-width:991px) {
	#dashboard-bai-kiem-tra-page .courses-item__expiry-date .expiry-date-text .expiry-text {
		display: none
	}
}

#dashboard-bai-kiem-tra-page .courses-item__count-down {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-bottom: 5px
}

#dashboard-bai-kiem-tra-page .courses-item__count-down__label {
	color: #ffdd8b;
	font-family: SVN-Boing;
	font-size: 12px;
	letter-spacing: .15px
}

#dashboard-bai-kiem-tra-page .courses-item__count-down__text {
	font-family: SVN-Boing;
	color: #ffdd8b;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .23px
}

#dashboard-bai-kiem-tra-page .courses-item__linear-bg {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: linear-gradient(180deg, transparent, #2f0000);
	height: 100%;
	border-radius: 15px
}

#dashboard-bai-kiem-tra-page .courses-item__icon-speech-block {
	width: 150px;
	height: 150px;
	position: absolute;
	bottom: -65px;
	left: 50%;
	transform: translateX(-50%)
}

@media (max-width:991px) {
	#dashboard-bai-kiem-tra-page .courses-item__icon-speech-block {
		width: 100px;
		height: 100px;
		bottom: -45px
	}
}

@media (max-width:360px) {
	#dashboard-bai-kiem-tra-page .courses-item__icon-speech-block {
		width: 70px;
		height: 70px;
		bottom: -33px
	}
}

#dashboard-bai-kiem-tra-page .courses-item__icon-quiz {
	width: 150px;
	height: 150px;
	position: absolute;
	bottom: -45px;
	left: 50%;
	transform: translateX(-50%)
}

@media (max-width:991px) {
	#dashboard-bai-kiem-tra-page .courses-item__icon-quiz {
		width: 100px;
		height: 100px;
		bottom: -30px
	}
}

#dashboard-bai-kiem-tra-page .courses-item__icon-speeching {
	width: 160px;
	height: 132px;
	position: absolute;
	bottom: -35px;
	left: 50%;
	transform: translateX(-50%)
}

@media (max-width:991px) {
	#dashboard-bai-kiem-tra-page .courses-item__icon-speeching {
		width: 105px;
		height: 85px;
		bottom: -22px
	}
}

@media (max-width:450px) {
	#dashboard-bai-kiem-tra-page .courses-item__icon-speeching {
		width: 85px;
		height: 70px;
		bottom: -20px
	}
}

@media (max-width:360px) {
	#dashboard-bai-kiem-tra-page .courses-item__icon-speeching {
		width: 75px;
		height: 60px;
		bottom: -18px
	}
}

#dashboard-bai-kiem-tra-page .courses-item__icon-speech-not-pass {
	width: 150px;
	height: 150px;
	position: absolute;
	bottom: -45px;
	left: 50%;
	transform: translateX(-50%);
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/icon-speech-not-passed.png);
	background-size: 100% 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:991px) {
	#dashboard-bai-kiem-tra-page .courses-item__icon-speech-not-pass {
		width: 100px;
		height: 100px;
		bottom: -30px
	}
}

@media (max-width:450px) {
	#dashboard-bai-kiem-tra-page .courses-item__icon-speech-not-pass {
		width: 80px;
		height: 80px;
		bottom: -26px
	}
}

@media (max-width:360px) {
	#dashboard-bai-kiem-tra-page .courses-item__icon-speech-not-pass {
		width: 70px;
		height: 70px;
		bottom: -24px
	}
}

#dashboard-bai-kiem-tra-page .courses-item__icon-speech-pass {
	width: 150px;
	height: 150px;
	position: absolute;
	bottom: -45px;
	left: 50%;
	transform: translateX(-50%);
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/icon-speech-passed.png);
	background-size: 100% 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:991px) {
	#dashboard-bai-kiem-tra-page .courses-item__icon-speech-pass {
		width: 100px;
		height: 100px;
		bottom: -30px
	}
}

@media (max-width:450px) {
	#dashboard-bai-kiem-tra-page .courses-item__icon-speech-pass {
		width: 80px;
		height: 80px;
		bottom: -26px
	}
}

@media (max-width:360px) {
	#dashboard-bai-kiem-tra-page .courses-item__icon-speech-pass {
		width: 70px;
		height: 70px;
		bottom: -24px
	}
}

#dashboard-bai-kiem-tra-page .courses-item__icon-quiz-not-pass {
	width: 150px;
	height: 150px;
	position: absolute;
	bottom: -45px;
	left: 50%;
	transform: translateX(-50%);
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/icon-quiz-not-pass.png);
	background-size: 100% 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:991px) {
	#dashboard-bai-kiem-tra-page .courses-item__icon-quiz-not-pass {
		width: 100px;
		height: 100px;
		bottom: -30px
	}
}

#dashboard-bai-kiem-tra-page .courses-item__icon-quiz-pass {
	width: 150px;
	height: 150px;
	position: absolute;
	bottom: -45px;
	left: 50%;
	transform: translateX(-50%);
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/icon-quiz-pass.png);
	background-size: 100% 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:991px) {
	#dashboard-bai-kiem-tra-page .courses-item__icon-quiz-pass {
		width: 100px;
		height: 100px;
		bottom: -30px
	}
}

#dashboard-bai-kiem-tra-page .courses-item__name-quiz {
	margin: 50px 20px -15px;
	line-height: 1.1
}

@media (max-width:991px) {
	#dashboard-bai-kiem-tra-page .courses-item__name-quiz {
		margin: 30px 10px 10px
	}
}

#dashboard-bai-kiem-tra-page .courses-item__result {
	background-color: rgba(0, 0, 0, .6);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 15px
}

#dashboard-bai-kiem-tra-page .courses-item__result__wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center
}

#dashboard-bai-kiem-tra-page .courses-item__result__wrapper:after {
	display: none!important
}

#dashboard-bai-kiem-tra-page .courses-item__result__points {
	font-size: 40px;
	font-weight: 600;
	font-family: SVN-Boing, sans-serif;
	color: #fff;
	width: 80px;
	height: 80px;
	line-height: 80px;
	background-color: #50ad4e;
	border-radius: 50%;
	display: inline-block;
	margin-bottom: 15px
}

@media (max-width:1199px) {
	#dashboard-bai-kiem-tra-page .courses-item__result__points {
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 25px;
		margin-bottom: 5px
	}
}

@media (max-width:320px) {
	#dashboard-bai-kiem-tra-page .courses-item__result__points {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 21px
	}
}

#dashboard-bai-kiem-tra-page .courses-item__result__text {
	color: #fff;
	letter-spacing: .2px;
	font-weight: 600;
	display: block;
	text-align: center;
	line-height: 1
}

@media (max-width:991px) {
	#dashboard-bai-kiem-tra-page .courses-item__result__text {
		font-size: 12px
	}
}

#dashboard-bai-kiem-tra-page .courses-item__result__text__font-awesome {
	margin-right: 10px
}

#dashboard-bai-kiem-tra-page .courses-item__title {
	margin: 15px 0 20px
}

@media (max-width:991px) {
	#dashboard-bai-kiem-tra-page .courses-item__title {
		margin: 0;
		padding: 15px 10px
	}
}

#dashboard-bai-kiem-tra-page .courses-item .fa-check-quiz-pass {
	margin-right: 5px
}

#dashboard-bai-kiem-tra-page .courses-item .quiz-test-not-pass {
	background-color: #ff7345
}

@media (max-width:991px) {
	#dashboard-library-page .wrapper-library-page {
		margin-top: 20px
	}
}

@media (max-width:575px) {
	#dashboard-library-page .wrapper-library-page {
		width: calc(100% + 30px);
		margin-left: -15px
	}
}

@media (max-width:991px) {
	#dashboard-library-page .wrapper-library-page .col-video>div {
		width: calc(100% + 30px);
		margin-left: -15px
	}
}

#dashboard-library-page .wrapper-library-page .filter-text {
	color: #fff
}

#dashboard-library-page .wrapper-library-page .pdf-background {
	background-color: #fff;
	padding: 10px 0;
	border-radius: 10px
}

#dashboard-library-page .wrapper-library-page .video-background {
	background-color: #fff;
	padding: 10px;
	border-radius: 10px;
	width: calc(100% + 30px);
	margin-left: -15px
}

#dashboard-library-page .wrapper-library-page #marquee-notify-new {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	position: unset!important;
	width: 100%!important;
	white-space: nowrap!important;
	padding: 15px 7px 15px 22px;
	height: 50px;
	border-radius: 3px;
	border: 1px solid #ff5965;
	background-color: #fff
}

@media (max-width:991px) {
	#dashboard-library-page .wrapper-library-page #marquee-notify-new {
		bottom: -150px;
		margin-top: 0;
		width: calc(100% + 30px)!important;
		margin-left: -15px;
		border: none
	}
}

#dashboard-library-page .wrapper-library-page #marquee-notify-new .alert_icon {
	z-index: 2;
	width: 24px;
	height: 24px
}

#dashboard-library-page .wrapper-library-page #marquee-notify-new .Marquee {
	overflow-x: hidden;
	height: 19px;
	padding-left: 200px;
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: .2px;
	color: #ff5965
}

#dashboard-library-page .wrapper-library-page #marquee-notify-new .MarqueeContent {
	display: inline-block
}

#dashboard-library-page .wrapper-library-page .wrapper {
	padding-top: 20px
}

@media (max-width:575px) {
	#dashboard-library-page .wrapper-library-page .wrapper {
		padding: 0 15px
	}
}

#dashboard-library-page .wrapper-library-page .wrapper .video_wrapper {
	z-index: 1
}

#dashboard-library-page .wrapper-library-page .wrapper .video_wrapper.video_h5p {
	margin-bottom: 20px
}

@media (max-width:991px) {
	#dashboard-library-page .wrapper-library-page .wrapper .video_wrapper.video_h5p {
		margin-bottom: 30px
	}
}

#dashboard-library-page .wrapper-library-page .doc-child {
	margin-top: 52px
}

@media (max-width:991px) {
	#dashboard-library-page .wrapper-library-page .doc-child {
		margin-top: 30px
	}
}

#dashboard-library-page .wrapper-library-page h1 {
	margin-bottom: 10px
}

@media (max-width:575px) {
	#dashboard-library-page .wrapper-library-page h1 {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

#dashboard-library-page .wrapper-library-page h1 span {
	font-size: 12px;
	color: #333;
	font-family: SVN-ProductSans, sans-serif;
	font-weight: 400
}

#dashboard-library-page .wrapper-library-page h1 span img {
	margin-left: 5px
}

#dashboard-library-page .wrapper-library-page .pdf {
	margin: auto;
	height: 500px;
	overflow: auto
}

#dashboard-library-page .wrapper-library-page .pdf .react-pdf__Page__annotations section {
	display: none
}

#dashboard-library-page .wrapper-library-page .pdf .react-pdf__Page__annotations section:first-child {
	display: block
}

#dashboard-library-page .wrapper-library-page .pdf .react-pdf__Document {
	text-align: center;
	background: #fff;
	height: 100%
}

#dashboard-library-page .wrapper-library-page .pdf .react-pdf__Document canvas {
	margin: auto
}

#dashboard-library-page .wrapper-library-page .list-parts {
	border: 5px solid #fff;
	padding: 10px;
	border-radius: 10px;
	background-color: rgba(55, 125, 209, .05);
	height: 100%
}

#dashboard-library-page .wrapper-library-page .list-parts li a {
	padding: 20px 0 20px 50px;
	position: relative;
	display: block;
	cursor: pointer
}

@media (max-width:1199px) and (min-width:992px) {
	#dashboard-library-page .wrapper-library-page .list-parts li a {
		padding: 10px 0 10px 50px
	}
}

#dashboard-library-page .wrapper-library-page .list-parts li.active a {
	border: 1px solid #67a7f9;
	border-radius: 5px
}

#dashboard-library-page .wrapper-library-page .list-parts li img {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%)
}

#dashboard-library-page .wrapper-library-page .video-describe {
	margin: 20px 0 30px
}

#dashboard-library-page .wrapper-library-page .list-category {
	display: -ms-flexbox;
	display: flex
}

@media (max-width:991px) {
	#dashboard-library-page .wrapper-library-page .list-category {
		margin-bottom: 25px
	}
}

@media (max-width:767px) {
	#dashboard-library-page .wrapper-library-page .list-category {
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

#dashboard-library-page .wrapper-library-page .list-category .category {
	margin-right: 90px
}

@media (max-width:1199px) {
	#dashboard-library-page .wrapper-library-page .list-category .category {
		margin-right: 40px
	}
}

@media (max-width:767px) {
	#dashboard-library-page .wrapper-library-page .list-category .category {
		margin-right: 0;
		width: 33.33%
	}
}

@media (max-width:767px) {
	#dashboard-library-page .wrapper-library-page .list-category .category:nth-child(2) {
		margin-bottom: 10px;
		width: 100%;
		-ms-flex-order: 1;
		order: 1
	}
}

@media (max-width:767px) {
	#dashboard-library-page .wrapper-library-page .list-category .category:first-child {
		-ms-flex-order: 2;
		order: 2
	}
}

@media (max-width:767px) {
	#dashboard-library-page .wrapper-library-page .list-category .category:last-child {
		-ms-flex-order: 3;
		order: 3
	}
}

#dashboard-library-page .wrapper-library-page .list-category .category .label {
	font-size: 14px;
	color: #999
}

#dashboard-library-page .wrapper-library-page .list-category .category .text {
	font-weight: 700
}

#dashboard-library-page .wrapper-library-page .document-item {
	font-size: 14px;
	background-color: #fff;
	margin-bottom: 30px;
	padding: 20px 30px 30px;
	border-radius: 15px;
	width: calc(100% - 40px)
}

@media (max-width:1199px) {
	#dashboard-library-page .wrapper-library-page .document-item {
		width: 100%;
		padding: 20px 20px 30px
	}
}

@media (max-width:575px) {
	#dashboard-library-page .wrapper-library-page .document-item {
		padding: 20px 15px
	}
}

#dashboard-library-page .wrapper-library-page .document-item:last-child {
	margin-bottom: 0
}

#dashboard-library-page .wrapper-library-page .document-item .wrapper-flex {
	display: -ms-flexbox;
	display: flex
}

#dashboard-library-page .wrapper-library-page .document-item .btn-view-document {
	font-family: SanFranciscoText, sans-serif
}

#dashboard-library-page .wrapper-library-page .thumbnail {
	margin-right: 30px
}

#dashboard-library-page .wrapper-library-page .thumbnail img {
	object-fit: cover
}

#dashboard-library-page .wrapper-library-page .btn-view-document {
	width: 150px;
	font-size: 16px;
	text-transform: none!important;
	margin-top: 20px
}

#dashboard-library-page .wrapper-library-page .info {
	width: 100%
}

#dashboard-library-page .wrapper-library-page .info .library-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#dashboard-library-page .wrapper-library-page .info .library-header .title {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

#dashboard-library-page .wrapper-library-page .info .library-header .title img {
	margin-right: 15px
}

#dashboard-library-page .wrapper-library-page .info .library-header .title .text-title {
	font-size: 22px
}

@media (max-width:1199px) {
	#dashboard-library-page .wrapper-library-page .info .library-header .title .text-title {
		font-size: 18px
	}
}

#dashboard-library-page .wrapper-library-page .info .library-header .title .library-title {
	letter-spacing: .31px;
	color: #3bbdf9;
	font-family: SVN-Boing;
	font-size: 22px;
	font-weight: 600
}

#dashboard-library-page .wrapper-library-page .info .btn-download {
	border-radius: 25px;
	background-color: transparent;
	border: 2px solid #ddd;
	width: 100px;
	color: #666;
	height: 35px
}

#dashboard-library-page .wrapper-library-page .info .btn-download i {
	margin-left: 5px
}

#dashboard-library-page .wrapper-library-page .info .document-body p {
	margin: 10px 0
}

#dashboard-library-page .wrapper-library-page .info .document-body ul {
	display: -ms-flexbox;
	display: flex
}

@media (max-width:767px) {
	#dashboard-library-page .wrapper-library-page .info .document-body ul {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media (max-width:575px) {
	#dashboard-library-page .wrapper-library-page .info .document-body ul {
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

#dashboard-library-page .wrapper-library-page .info .document-body ul li {
	width: 20%;
	margin-right: 15px
}

@media (max-width:767px) {
	#dashboard-library-page .wrapper-library-page .info .document-body ul li {
		width: auto
	}
}

@media (max-width:575px) {
	#dashboard-library-page .wrapper-library-page .info .document-body ul li {
		margin-right: 0
	}
}

#dashboard-library-page .wrapper-library-page .info .document-body ul li:nth-child(2) {
	width: 60%
}

@media (max-width:767px) {
	#dashboard-library-page .wrapper-library-page .info .document-body ul li:nth-child(2) {
		width: 100%;
		-ms-flex-order: 1;
		order: 1;
		margin-bottom: 10px
	}
}

#dashboard-library-page .wrapper-library-page .info .document-body ul li:nth-child(2) .category .text {
	white-space: normal
}

@media (max-width:767px) {
	#dashboard-library-page .wrapper-library-page .info .document-body ul li:first-child {
		-ms-flex-order: 2;
		order: 2
	}
}

@media (max-width:767px) {
	#dashboard-library-page .wrapper-library-page .info .document-body ul li:last-child {
		-ms-flex-order: 3;
		order: 3
	}
}

#dashboard-library-page .wrapper-library-page .info .document-body ul li .category .label {
	color: #999
}

#dashboard-library-page .wrapper-library-page .info .document-body ul li .category .text {
	font-weight: 700;
	white-space: nowrap
}

@media (max-width:1440px) {
	#dashboard-library-page .wrapper-library-page .info .document-body ul li .category .text {
		font-size: 13px
	}
}

@media (max-width:767px) {
	#dashboard-library-page .wrapper-library-page .info .document-body ul li .category .text {
		font-size: 14px
	}
}

#dashboard-library-page .wrapper-library-page .search-form {
	position: relative;
	margin-top: 10px
}

@media (max-width:575px) {
	#dashboard-library-page .wrapper-library-page .search-form {
		border-bottom: 2px solid #ddd;
		margin-bottom: 20px
	}
}

#dashboard-library-page .wrapper-library-page .search-form input {
	width: 100%;
	border-radius: 15px;
	border: none;
	padding-right: 50px
}

#dashboard-library-page .wrapper-library-page .search-form .wrapper-icon-search {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer
}

#dashboard-library-page .wrapper-library-page .filter-panel {
	z-index: 15
}

#dashboard-library-page .wrapper-library-page .wrapper-filter {
	background: #fff;
	margin-top: 25px;
	padding: 25px 30px;
	border-radius: 15px
}

@media (max-width:575px) {
	#dashboard-library-page .wrapper-library-page .wrapper-filter {
		margin: 0;
		padding: 0
	}
}

#dashboard-library-page .wrapper-library-page .wrapper-filter .title {
	font-family: SVN-Boing, sans-serif;
	font-size: 25px;
	color: #3bbdf9;
	font-weight: 600;
	margin-bottom: 15px
}

#dashboard-library-page .wrapper-library-page .wrapper-filter .category-filter-group {
	height: calc(70vh - 100px);
	overflow: auto
}

#dashboard-library-page .wrapper-library-page .wrapper-filter .category-filter-item {
	margin-bottom: 40px
}

@media (max-width:575px) {
	#dashboard-library-page .wrapper-library-page .wrapper-filter .category-filter-item {
		margin-bottom: 10px
	}
}

#dashboard-library-page .wrapper-library-page .wrapper-filter .category-filter-item .sub-title {
	font-family: SVN-Boing, sans-serif;
	font-size: 18px;
	color: #3bbdf9;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 10px
}

#dashboard-library-page .wrapper-library-page .wrapper-filter .category-filter-item .fillter-unselected {
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: .2px;
	color: #333
}

#dashboard-library-page .wrapper-library-page .wrapper-filter .category-filter-item .fillter-selected {
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: .2px;
	font-weight: 700;
	color: #50ad4e
}

#dashboard-library-page .wrapper-library-page .wrapper-filter .category-filter-item .list-group .list-group-item {
	background-color: transparent;
	border: none;
	padding: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 15px
}

#dashboard-library-page .wrapper-library-page .wrapper-filter .category-filter-item .list-group .list-group-item input {
	margin-right: 10px
}

#dashboard-library-page .wrapper-library-page .wrapper-filter .wrapper-btn {
	position: absolute;
	bottom: 80px;
	width: calc(100% - 30px);
	left: 15px
}

#dashboard-library-page .wrapper-library-page .wrapper-filter .wrapper-btn .filter-panel__refresh {
	margin-top: 15px
}

#dashboard-library-page .wrapper-library-page .wrapper-filter .wrapper-btn .filter-panel__refresh img {
	margin-right: 7px
}

@media (max-width:1199px) {
	#dashboard-parents-home-page .icon-text {
		width: 35px;
		height: 35px
	}
}

@media (max-width:1199px) {
	#dashboard-parents-home-page .text-title {
		font-size: 25px
	}
}

#dashboard-parents-home-page .study-imadiately__title {
	margin: 15px 0 20px
}

@media (max-width:991px) {
	#dashboard-parents-home-page .study-imadiately__title {
		margin-top: 15px
	}
}

#dashboard-parents-home-page .study-imadiately>.row>div[class^=col-] {
	margin-bottom: 60px
}

@media (max-width:991px) {
	#dashboard-parents-home-page .study-imadiately>.row>div[class^=col-] {
		margin-bottom: 40px
	}
}

@media (max-width:991px) {
	#dashboard-parents-home-page .upgraded .title-collapse-mb {
		margin-bottom: 0!important;
		position: relative;
		font-size: 20px;
		background-color: #fff;
		width: calc(100% + 30px);
		margin-left: -15px;
		padding: 15px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		color: #999;
		border-color: transparent
	}
	#dashboard-parents-home-page .upgraded .title-collapse-mb.collapsed {
		color: #fff;
		background-image: linear-gradient(79deg, #ff7345, #f73747)
	}
	#dashboard-parents-home-page .upgraded .title-collapse-mb.collapsed:after {
		border-top: 10px solid #fff;
		transform: rotate(0);
		top: 42%
	}
	#dashboard-parents-home-page .upgraded .title-collapse-mb.collapsed .number-mb {
		color: #ff5965;
		background-color: #fff;
		border-color: #ff5965
	}
	#dashboard-parents-home-page .upgraded .title-collapse-mb:after {
		content: "";
		display: inline-block;
		width: 0;
		height: 0;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 10px solid #999;
		position: absolute;
		right: 20px;
		top: 43%;
		transform: translateY(-50%);
		transition: all .5s ease;
		transform: rotate(180deg)
	}
	#dashboard-parents-home-page .upgraded .title-collapse-mb .number-mb {
		display: inline-block;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		border: 1px solid #999;
		text-align: center;
		line-height: 37px;
		margin-right: 15px
	}
}

@media (max-width:991px) {
	#dashboard-parents-home-page .upgraded .statistical {
		background-color: #fff;
		width: calc(100% + 30px);
		margin-left: -15px;
		padding: 0 15px;
		margin-bottom: 10px
	}
}

#dashboard-parents-home-page .upgraded .statistical .number-report {
	letter-spacing: .2px;
	margin-bottom: 20px
}

@media (max-width:991px) {
	#dashboard-parents-home-page .upgraded .statistical .number-report {
		margin-top: 30px;
		display: -ms-flexbox;
		display: flex
	}
}

@media (max-width:991px) {
	#dashboard-parents-home-page .upgraded .statistical .number-report__text {
		max-width: 170px
	}
}

#dashboard-parents-home-page .upgraded .statistical .number-report--percent,
#dashboard-parents-home-page .upgraded .statistical .number-report--points {
	font-weight: 600;
	font-size: 18px;
	color: #ff7345
}

#dashboard-parents-home-page .upgraded .statistical .number-report__btn {
	border-radius: 26px;
	background-image: linear-gradient(76deg, #ff7345, #f73747);
	box-shadow: 0 5px 20px 0 rgba(255, 115, 69, .3);
	font-size: 16px;
	letter-spacing: .2px;
	font-weight: 600;
	padding: 9px 33px 6px;
	color: #fff;
	text-transform: uppercase
}

@media (max-width:1199px) {
	#dashboard-parents-home-page .upgraded .statistical .number-report__btn {
		padding: 9px 15px 6px
	}
}

#dashboard-parents-home-page .upgraded .statistical__line-chart {
	margin-bottom: 20px;
	background-color: #fff;
	padding: 20px;
	border-radius: 20px
}

@media (max-width:991px) {
	#dashboard-parents-home-page .upgraded .statistical__line-chart {
		padding: 20px 0 0
	}
}

#dashboard-parents-home-page .upgraded .statistical__line-chart .chart-title {
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	color: #3bbdf9;
	font-size: 20px;
	letter-spacing: .3px
}

#dashboard-parents-home-page .upgraded .statistical__line-chart canvas {
	max-width: 100%
}

#dashboard-parents-home-page .upgraded .statistical__line-chart .dropdown-btn {
	padding: 4px 0;
	width: 275px;
	border-radius: 18px;
	border-color: #ddd;
	color: #333;
	position: relative
}

@media (max-width:576px) {
	#dashboard-parents-home-page .upgraded .statistical__line-chart .dropdown-btn {
		width: 100%
	}
}

#dashboard-parents-home-page .upgraded .statistical__line-chart .dropdown-btn:after {
	display: inline-block;
	width: 0;
	height: 0;
	content: "";
	border-top: 7px solid #999;
	border-right: 6px solid transparent;
	border-bottom: 0;
	border-left: 6px solid transparent;
	position: absolute;
	right: 10px;
	top: 11px
}

#dashboard-parents-home-page .upgraded .statistical__line-chart .dropdown-menu {
	width: 275px;
	top: 7px!important;
	border: none
}

@media (max-width:576px) {
	#dashboard-parents-home-page .upgraded .statistical__line-chart .dropdown-menu {
		width: 100%
	}
}

#dashboard-parents-home-page .upgraded .statistical__line-chart .dropdown-menu .tag-list__item__checked {
	right: 10px;
	top: 3px
}

#dashboard-parents-home-page .upgraded .statistical__line-chart .dropdown-menu .dropdown-item {
	position: relative
}

#dashboard-parents-home-page .upgraded .statistical__line-chart .dropdown-menu .dropdown-item:hover {
	color: #50ad4e
}

#dashboard-parents-home-page .upgraded .statistical__line-chart .dropdown-menu .dropdown-item.choose .tag-list__item__checked {
	display: inline-block!important
}

#dashboard-parents-home-page .upgraded .statistical__column-chart {
	background-color: #fff;
	padding: 25px 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:991px) {
	#dashboard-parents-home-page .upgraded .statistical__column-chart {
		padding: 0 0 20px
	}
}

@media (max-width:576px) {
	#dashboard-parents-home-page .upgraded .statistical__column-chart {
		display: block;
		text-align: center
	}
}

#dashboard-parents-home-page .upgraded .statistical__column-chart .chart-img {
	width: 180px;
	height: 180px;
	margin-right: 30px
}

#dashboard-parents-home-page .upgraded .statistical__column-chart .info-chart .line {
	font-weight: 600;
	letter-spacing: .2px;
	font-size: 12px
}

#dashboard-parents-home-page .upgraded .statistical__column-chart .info-chart .line--orange {
	color: #ff7345;
	margin-bottom: 15px
}

#dashboard-parents-home-page .upgraded .statistical__column-chart .info-chart .line--green {
	color: #50ad4e
}

#dashboard-parents-home-page .upgraded .statistical__column-chart .info-chart .square {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 10px;
	position: relative;
	top: 2px
}

#dashboard-parents-home-page .upgraded .statistical__column-chart .info-chart .square--orange {
	background-color: #ff7345
}

#dashboard-parents-home-page .upgraded .statistical__column-chart .info-chart .square--green {
	background-color: #50ad4e
}

#dashboard-parents-home-page .upgraded .recent-action__title {
	margin-bottom: 30px
}

@media (max-width:991px) {
	#dashboard-parents-home-page .upgraded .recent-action__title {
		margin-top: 10px
	}
}

#dashboard-parents-home-page .upgraded .recent-action #list-chat {
	max-height: 570px;
	overflow: auto
}

@media (min-width:1600px) {
	#dashboard-parents-home-page .upgraded .recent-action #list-chat {
		max-height: 750px
	}
}

@media (max-width:991px) {
	#dashboard-parents-home-page .upgraded .recent-action #list-chat {
		width: calc(100% + 30px);
		margin-left: -15px;
		padding: 30px 15px;
		background-color: #fff
	}
}

#dashboard-parents-home-page .upgraded .recent-action__content {
	background-color: #fff;
	padding: 25px 20px;
	border-radius: 15px
}

@media (max-width:991px) {
	#dashboard-parents-home-page .upgraded .recent-action__content {
		padding: 0;
		border-radius: 0
	}
}

#dashboard-parents-home-page .upgraded .recent-action__item {
	position: relative;
	border-bottom: 1px solid #ebebeb;
	padding: 30px 0;
	margin-bottom: 30px
}

#dashboard-parents-home-page .upgraded .recent-action__item:last-child {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0
}

@media (max-width:991px) {
	#dashboard-parents-home-page .upgraded .recent-action__item {
		margin-bottom: 20px;
		padding-bottom: 15px
	}
}

#dashboard-parents-home-page .upgraded .recent-action__wrapper-chat {
	position: relative;
	padding-left: 60px;
	letter-spacing: .2px
}

#dashboard-parents-home-page .upgraded .recent-action__avatar {
	position: absolute;
	left: 0;
	border-radius: 50%;
	width: 45px;
	height: 45px
}

#dashboard-parents-home-page .upgraded .recent-action__role {
	position: absolute;
	top: 0;
	left: 0;
	letter-spacing: .1px;
	font-size: 12px;
	display: inline-block;
	border-radius: 12.5px;
	padding: 1px 14px 0
}

#dashboard-parents-home-page .upgraded .recent-action__role--kid {
	color: #3bbdf9;
	background-color: rgba(59, 189, 249, .2)
}

#dashboard-parents-home-page .upgraded .recent-action__role--mom {
	background-color: rgba(255, 115, 69, .2);
	color: #ff7345
}

#dashboard-parents-home-page .upgraded .recent-action__role--kyna {
	background-color: rgba(105, 195, 0, .2);
	color: #69c300
}

#dashboard-parents-home-page .upgraded .recent-action__time {
	position: absolute;
	right: 0;
	top: 0;
	color: #999;
	letter-spacing: .2px
}

@media (min-width:992px) and (max-width:1199px) {
	#dashboard-parents-home-page .statistical__title {
		margin: 20px 0
	}
}

#dashboard-parents-list-courses-page .pagination-line {
	margin-bottom: 40px
}

@media (max-width:991px) {
	#dashboard-parents-list-courses-page .pagination-line {
		margin-bottom: 20px
	}
}

#dashboard-parents-list-courses-page .category-filter .dropdown-menu {
	border: none;
	width: 300px;
	padding: 0 15px 10px;
	margin-top: 8px
}

#dashboard-parents-list-courses-page .category-filter .dropdown-menu .filter-panel {
	width: 100%
}

#dashboard-parents-list-courses-page .category-filter .dropdown-menu:after {
	left: 72px;
	right: auto
}

#dashboard-parents-list-courses-page .tab {
	margin-top: 30px
}

#dashboard-parents-list-courses-page .not-yet-upgrade {
	margin-bottom: 30px
}

#lesson-parents-page {
	padding-top: 0!important
}

@media (max-width:991px) {
	#lesson-parents-page {
		padding-top: 0!important;
		padding-bottom: 30px!important
	}
}

#lesson-parents-page #marquee-notify-new {
	display: none!important
}

#lesson-parents-page .top-title {
	margin-bottom: 60px
}

@media (max-width:991px) {
	#lesson-parents-page .top-title {
		margin-bottom: 40px
	}
}

@media (max-width:767px) {
	#lesson-parents-page .top-title {
		padding: 15px 15px 20px 45px
	}
}

@media (max-width:767px) {
	#lesson-parents-page .top-title .back {
		left: 0;
		width: 40px;
		height: 40px
	}
}

#lesson-parents-page .amount-learners__text {
	color: #ff5965;
	font-weight: 600;
	letter-spacing: .3px;
	font-family: SVN-Boing, sans-serif
}

@media (max-width:991px) {
	#lesson-parents-page .video .back-mobile {
		position: fixed;
		top: 20px;
		left: 15px;
		z-index: 14
	}
}

#lesson-parents-page .video .back-mobile i {
	color: #fff;
	font-size: 20px
}

#lesson-parents-page .videoPoster:before {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/play-btn.png);
	width: 100px;
	height: 100px
}

@media (min-width:1600px) {
	#lesson-parents-page .videoPoster:before {
		width: 120px;
		height: 120px
	}
}

#lesson-parents-page .wrapper.box {
	background-color: #fff;
	-o-box-shadow: none;
	box-shadow: none
}

#lesson-parents-page .wrapper.box .list__item__img {
	width: 30px;
	height: 30px
}

#lesson-parents-page .relevant-courses__title,
#lesson-parents-page .title {
	margin-bottom: 10px
}

#lesson-parents-page .relevant-courses__title__img,
#lesson-parents-page .title__img {
	margin: 0 5px 10px 0;
	box-shadow: 0 5px 10px 0 rgba(78, 143, 248, .2), inset 0 -1px 3px 0 #aacbff;
	border-radius: 50%
}

#lesson-parents-page .relevant-courses .owl-theme .owl-dots .owl-dot.active span {
	background-color: #ff7345
}

#lesson-parents-page .relevant-courses .owl-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	margin-top: 0
}

#lesson-parents-page .relevant-courses .owl-nav>div {
	position: absolute;
	background-color: transparent;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
	margin: 0;
	padding: 0;
	color: transparent
}

#lesson-parents-page .relevant-courses .owl-nav>div.owl-prev {
	left: -40px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/nav-left.png)
}

#lesson-parents-page .relevant-courses .owl-nav>div.owl-next {
	right: -40px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/nav-right.png)
}

#lesson-parents-page .relevant-courses .wrapper-courses {
	position: relative;
	margin: auto
}

@media (max-width:991px) {
	#lesson-parents-page .relevant-courses .wrapper-courses {
		width: 100%
	}
}

#lesson-parents-page .relevant-courses .wrapper-courses .owl-stage-outer {
	padding-bottom: 10px
}

#lesson-parents-page .relevant-courses .wrapper-courses .courses-box-parents {
	margin-bottom: 0
}

#lesson-parents-page .relevant-courses .wrapper-courses .courses-box-parents .bg-image .livestream__icon,
#lesson-parents-page .relevant-courses .wrapper-courses .courses-box-parents .study-imadiately__viewer--image {
	width: auto;
	display: inline-block
}

@media (min-width:992px) and (max-width:1199px) {
	#lesson-parents-page .list-lesson-duty .row>div:first-child {
		margin-bottom: 0
	}
}

#livestream-parents-page .tab {
	margin-top: 60px
}

#not-found-page .content-paqe {
	color: #fff;
	height: 100vh;
	width: 100%;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-404.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	position: fixed;
	top: 0;
	left: 0
}

@media (max-width:767px) {
	#not-found-page .content-paqe {
		padding: 0 15px
	}
}

#not-found-page .content-paqe .sun {
	position: absolute;
	top: 20px;
	left: 25px;
	width: 15%
}

@media (max-width:991px) {
	#not-found-page .content-paqe .sun {
		width: 25%
	}
}

@media (max-width:767px) {
	#not-found-page .content-paqe .sun {
		width: 130px
	}
}

@media (max-width:320px) {
	#not-found-page .content-paqe .sun {
		width: 100px
	}
}

#not-found-page .content-paqe .center-content {
	text-align: center
}

@media (max-width:767px) {
	#not-found-page .content-paqe .center-content {
		position: absolute;
		width: 100%;
		top: 50%;
		transform: translateY(-50%);
		left: 0
	}
}

#not-found-page .content-paqe .center-content img {
	margin: auto
}

#not-found-page .content-paqe .center-content img.people-fly {
	width: 23%
}

@media (min-width:1600px) {
	#not-found-page .content-paqe .center-content img.people-fly {
		width: 25%
	}
}

@media (max-width:991px) {
	#not-found-page .content-paqe .center-content img.people-fly {
		width: 50%;
		margin-top: 60px
	}
}

@media (max-width:767px) {
	#not-found-page .content-paqe .center-content img.people-fly {
		width: 230px;
		margin-top: 0
	}
}

@media (max-width:320px) {
	#not-found-page .content-paqe .center-content img.people-fly {
		width: 200px
	}
}

#not-found-page .content-paqe .center-content img.notfound-img {
	width: 27%
}

@media (min-width:1600px) {
	#not-found-page .content-paqe .center-content img.notfound-img {
		width: 30%
	}
}

@media (max-width:991px) {
	#not-found-page .content-paqe .center-content img.notfound-img {
		width: 90%
	}
}

@media (max-width:767px) {
	#not-found-page .content-paqe .center-content img.notfound-img {
		width: 300px
	}
}

#not-found-page .content-paqe .center-content .title {
	font-size: 35px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	letter-spacing: .5px
}

@media (max-width:767px) {
	#not-found-page .content-paqe .center-content .title {
		font-size: 25px
	}
}

#not-found-page .content-paqe .center-content .sub-title {
	font-size: 18px;
	letter-spacing: .3px
}

@media (max-width:767px) {
	#not-found-page .content-paqe .center-content .sub-title {
		font-size: 14px
	}
}

#not-found-page .content-paqe .center-content .back-to-home-btn {
	color: #000;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	letter-spacing: .4px;
	background-color: #fff;
	border-radius: 30px;
	width: 250px;
	padding: 9px 0 11px;
	font-size: 25px;
	margin-top: 40px
}

#not-found-page .content-paqe .center-content .back-to-home-btn:hover {
	background-color: #000;
	color: #fff
}

@media (max-width:767px) {
	#not-found-page .content-paqe .center-content .back-to-home-btn {
		margin-top: 30px;
		font-size: 25px
	}
}

#quiz-start {
	font-family: SVN-ProductSans
}

#quiz-start .btn {
	box-shadow: none!important
}

#quiz-start .main-quiz {
	height: 100vh;
	overflow: hidden
}

#quiz-start .quiz-title {
	font-weight: 700;
	font-size: 30px
}

#quiz-start .quiz-title-name {
	font-weight: 700;
	font-size: 25px
}

#quiz-start .back-btn-mobile {
	padding: 20px 15px;
	display: none
}

#quiz-start .back-btn-mobile a img {
	position: relative;
	top: -2px;
	width: 25px;
	margin-right: 7px
}

#quiz-start .back-btn-mobile a p {
	color: #fff;
	display: inline;
	font-size: 18px
}

#quiz-start .content {
	overflow: auto;
	text-align: center
}

#quiz-start .content .left-content {
	padding: 50px 40px 0 35px
}

@media (max-width:1024px) {
	#quiz-start .content .left-content {
		padding: 30px 20px 0
	}
}

#quiz-start .content .left-content h2 {
	font-size: 35px;
	font-weight: 600;
	color: #3bbdf9;
	max-width: 525px;
	margin: 0 auto 20px;
	line-height: normal;
	padding-top: 20px
}

#quiz-start .content .left-content p {
	font-size: 20px;
	line-height: 1.5;
	text-align: left;
	padding-bottom: 18px
}

@media (max-width:1024px) {
	#quiz-start .content .left-content p {
		font-size: 14px;
		padding-bottom: 8px
	}
}

#quiz-start .content .left-content p span {
	background-color: #f35353;
	display: table;
	margin-bottom: 15px;
	font-size: 18px;
	color: #fff;
	border-radius: 20px;
	padding: 5px 15px
}

@media (max-width:1024px) {
	#quiz-start .content .left-content p span {
		font-size: 12px;
		margin-bottom: 8px;
		padding: 3px 10px
	}
}

@media (max-width:1024px) {
	#quiz-start .content .left-content .quiz-time {
		margin-top: 5px
	}
}

#quiz-start .content .left-content .quiz-time table {
	width: 100%;
	text-align: left;
	font-size: 20px
}

@media (max-width:1024px) {
	#quiz-start .content .left-content .quiz-time table {
		font-size: 14px
	}
}

#quiz-start .content .left-content .quiz-time table th {
	font-weight: 400;
	font-size: 18px;
	color: #888;
	padding: 10px 0 20px
}

@media (max-width:1024px) {
	#quiz-start .content .left-content .quiz-time table th {
		font-size: 13px;
		padding: 10px 0
	}
}

#quiz-start .content .left-content .quiz-time table th:last-child {
	text-align: right
}

#quiz-start .content .left-content .quiz-time table td {
	padding-bottom: 20px
}

@media (max-width:1024px) {
	#quiz-start .content .left-content .quiz-time table td {
		padding-bottom: 0
	}
}

#quiz-start .content .left-content .quiz-time table td span {
	color: #4aba32
}

#quiz-start .content .left-content .quiz-time table td:last-child {
	text-align: right
}

#quiz-start .content .right-content {
	padding: 50px 40px 0;
	text-align: center
}

@media (max-width:1024px) {
	#quiz-start .content .right-content {
		padding: 30px 20px 0
	}
}

#quiz-start .content .right-content .sub-title {
	padding-bottom: 5px
}

#quiz-start .content .right-content p {
	padding-bottom: 20px
}

#quiz-start .content .right-content h3 {
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	color: #7e3f08;
	padding-bottom: 40px
}

@media (max-width:1024px) {
	#quiz-start .content .right-content h3 {
		font-size: 14px;
		padding-bottom: 15px
	}
}

#quiz-start .content .right-content .time-score {
	max-width: 425px;
	margin: 0 auto
}

@media (max-width:1024px) {
	#quiz-start .content .right-content .time-score {
		max-width: 240px
	}
}

#quiz-start .content .right-content .time-score h3 {
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	color: #7e3f08;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-title-small.png);
	background-size: 100% 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 10px 40px 15px
}

@media (max-width:1024px) {
	#quiz-start .content .right-content .time-score h3 {
		font-size: 14px;
		padding: 5px 20px 8px
	}
}

#quiz-start .content .right-content .time-score .row {
	background-color: #ffe2ba;
	margin-top: -25px;
	margin-bottom: 40px;
	position: relative;
	border-radius: 20px
}

@media (max-width:1024px) {
	#quiz-start .content .right-content .time-score .row {
		margin-top: -15px;
		margin-bottom: 20px
	}
}

#quiz-start .content .right-content .time-score .row .col-6 {
	padding: 42px 0 40px;
	box-sizing: border-box
}

@media (max-width:1024px) {
	#quiz-start .content .right-content .time-score .row .col-6 {
		padding: 25px 0 20px
	}
}

#quiz-start .content .right-content .time-score .row .col-6 p {
	font-size: 18px;
	padding-bottom: 0
}

@media (max-width:1024px) {
	#quiz-start .content .right-content .time-score .row .col-6 p {
		font-size: 12px
	}
}

#quiz-start .content .right-content .time-score .row .col-6 p span {
	display: block;
	font-size: 25px;
	font-weight: 700;
	color: #4aba32;
	padding-top: 5px
}

@media (max-width:1024px) {
	#quiz-start .content .right-content .time-score .row .col-6 p span {
		font-size: 14px
	}
}

#quiz-start .content .right-content .time-score .row .line {
	position: absolute;
	width: 3px;
	height: 85px;
	border: 2px solid #fff;
	left: 50%;
	top: 80px;
	transform: translateY(-50%)
}

@media (max-width:1024px) {
	#quiz-start .content .right-content .time-score .row .line {
		width: 2px;
		height: 55px;
		top: 50px
	}
}

#quiz-start .btn-quiz-start button {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn.png);
	background-color: transparent;
	background-size: 100% 100%;
	width: 270px;
	height: 70px;
	border: none;
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	text-align: center
}

@media (max-width:1024px) {
	#quiz-start .btn-quiz-start button {
		font-size: 14px;
		width: 140px;
		height: 45px
	}
}

#quiz-start .btn-back-learning-map {
	width: 203px;
	object-fit: contain;
	cursor: pointer;
	display: block;
	margin: auto;
	margin-top: 25px
}

#quiz-start .content:after {
	padding-bottom: 0
}

#quiz-end {
	font-family: SVN-ProductSans
}

#quiz-end .main-quiz {
	overflow: hidden
}

#quiz-end .detail-back-btn {
	width: 50px;
	display: block;
	position: absolute;
	left: -1.5%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	padding: 0
}

@media (max-width:1024px) {
	#quiz-end .detail-back-btn {
		width: 30px
	}
}

@keyframes detail-back-btn {
	0% {
		left: -1.5%
	}
	50% {
		left: -2%
	}
	to {
		left: -1.5%
	}
}

#quiz-end .detail-back-btn:hover {
	animation: detail-back-btn .5s linear 0s infinite alternate
}

@media (max-width:991px) {
	#quiz-end .detail-back-btn:hover {
		animation: none
	}
}

#quiz-end .detail-back-btn img {
	max-width: 100%
}

#quiz-end .content {
	overflow: auto;
	text-align: center;
	max-height: 100%
}

#quiz-end .content .left-content {
	padding: 50px 40px 0
}

@media (max-width:1024px) {
	#quiz-end .content .left-content {
		padding: 30px 20px 0
	}
}

#quiz-end .content .left-content button {
	font-size: 20px;
	font-weight: 700;
	color: #9756f0
}

@media (max-width:1024px) {
	#quiz-end .content .left-content button {
		font-size: 14px
	}
}

#quiz-end .content .left-content button img {
	width: 15px;
	margin-left: 10px
}

@media (max-width:1024px) {
	#quiz-end .content .left-content button img {
		width: 10px;
		margin-left: 5px
	}
}

#quiz-end .content .left-content__time {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

#quiz-end .content .left-content__time p {
	font-size: 20px;
	color: #888
}

@media (max-width:1024px) {
	#quiz-end .content .left-content__time p {
		font-size: 14px
	}
}

#quiz-end .content .left-content__time p:last-child {
	color: #333
}

#quiz-end .content .left-content .row {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-left: 0
}

#quiz-end .content .left-content .row .txt {
	color: #333;
	font-size: 20px;
	padding: 0;
	font-weight: 400
}

@media (max-width:1024px) {
	#quiz-end .content .left-content .row .txt {
		font-size: 14px
	}
}

#quiz-end .content .left-content .background-result {
	position: relative;
	width: 100%;
	margin: 30px auto 0;
	border-radius: 20px;
	background-color: #ffe2ba;
	padding: 30px 0 40px;
	max-width: 440px
}

@media (max-width:1024px) {
	#quiz-end .content .left-content .background-result {
		margin: 15px auto 0;
		padding: 15px 0 20px;
		border-radius: 10px
	}
}

#quiz-end .content .left-content .background-result .title-again {
	text-align: center;
	color: #7e3f08;
	font-size: 18px
}

@media (max-width:1024px) {
	#quiz-end .content .left-content .background-result .title-again {
		font-size: 12px
	}
}

#quiz-end .content .left-content .background-result .image-again {
	max-width: 250px;
	border-radius: 10px;
	border: 3px solid #fff;
	background-color: hsla(0, 0%, 100%, 0);
	margin: 10px auto
}

#quiz-end .content .left-content .background-result .image-again img {
	max-width: 100%;
	border-radius: 10px
}

#quiz-end .content .left-content .background-result .course-title {
	text-align: center;
	color: #7e3f08;
	font-size: 18px;
	font-weight: 700
}

@media (max-width:1024px) {
	#quiz-end .content .left-content .background-result .course-title {
		font-size: 12px
	}
}

#quiz-end .content .left-content .green-arrow {
	margin: 0;
	position: absolute;
	top: -15px;
	left: 47%
}

@media (max-width:992px) {
	#quiz-end .content .left-content .green-arrow {
		left: 48%
	}
}

#quiz-end .content .left-content .point-achieved-title {
	margin-top: 10px
}

#quiz-end .content .left-content .point-achieved {
	font-size: 35px;
	font-weight: 700;
	color: #40b404;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-title-small-result.png);
	background-size: 100% 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	padding: 5px 40px;
	line-height: 1;
	display: block;
	width: 125px;
	margin: 30px auto 20px
}

@media (max-width:1024px) {
	#quiz-end .content .left-content .point-achieved {
		font-size: 25px;
		margin: 15px auto 10px
	}
}

#quiz-end .content .left-content .view-detail {
	margin-top: 15px
}

#quiz-end .content .left-content h3 {
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	color: #7e3f08;
	padding-bottom: 0
}

@media (max-width:1024px) {
	#quiz-end .content .left-content h3 {
		font-size: 14px
	}
}

#quiz-end .content .left-content a {
	font-size: 20px;
	font-weight: 700;
	color: #9756f0
}

@media (max-width:1024px) {
	#quiz-end .content .left-content a {
		font-size: 14px
	}
}

#quiz-end .content .left-content a img {
	width: 15px;
	margin-left: 10px
}

@media (max-width:1024px) {
	#quiz-end .content .left-content a img {
		width: 10px;
		margin-left: 5px
	}
}

#quiz-end .content .right-content {
	padding: 50px 0 0;
	height: 100%
}

@media (max-width:1024px) {
	#quiz-end .content .right-content {
		padding: 30px 0 0
	}
}

#quiz-end .content .right-content .txt-description {
	text-align: right;
	color: #333;
	font-size: 20px;
	padding: 20px 0 0
}

@media (max-width:1024px) {
	#quiz-end .content .right-content .txt-description {
		font-size: 14px;
		padding: 10px 0 0
	}
}

#quiz-end .content .right-content .row {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-left: 0
}

#quiz-end .content .right-content .row .txt {
	color: #333;
	font-size: 20px;
	padding: 0;
	font-weight: 400
}

@media (max-width:1024px) {
	#quiz-end .content .right-content .row .txt {
		font-size: 14px
	}
}

#quiz-end .content .right-content .row .part-point {
	color: #9b9b9b
}

#quiz-end .content .right-content .row .points-achieved {
	color: #40b404
}

#quiz-end .content .right-content .row .icon-view {
	position: relative
}

#quiz-end .content .right-content .row .mg-left-20 {
	margin-left: 20px
}

#quiz-end .content .right-content .row .circle {
	width: 10px;
	height: 10px;
	border: 1px solid #999;
	background-color: #fff;
	border-radius: 5px;
	position: absolute;
	top: 8px;
	left: 15px
}

@media (max-width:1024px) {
	#quiz-end .content .right-content .row .circle {
		width: 5px;
		height: 5px;
		top: 8px;
		left: 8px
	}
}

#quiz-end .content .right-content .row .line-icon {
	width: 15px;
	height: 1px;
	background-color: #a8a8a8;
	position: absolute;
	top: 13px;
	left: 25px
}

@media (max-width:1024px) {
	#quiz-end .content .right-content .row .line-icon {
		width: 8px;
		top: 10px;
		left: 12px
	}
}

#quiz-end .content .right-content .row .part-title {
	font-size: 18px;
	margin-left: 45px
}

@media (max-width:1024px) {
	#quiz-end .content .right-content .row .part-title {
		font-size: 14px;
		margin-left: 25px
	}
}

#quiz-end .content .right-content .row .point-small {
	font-size: 18px
}

@media (max-width:1024px) {
	#quiz-end .content .right-content .row .point-small {
		font-size: 14px
	}
}

#quiz-end .content .right-content .row-point {
	margin-top: 10px
}

@media (max-width:1024px) {
	#quiz-end .content .right-content .row-point {
		margin-top: 5px
	}
}

#quiz-end .content .right-content .mr-top-0 {
	margin-top: 0
}

#quiz-end .content .right-content .quiz-retry-info {
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	background-color: hsla(98, 69%, 76%, .35);
	padding: 20px 40px 20px 50px
}

@media (max-width:1024px) {
	#quiz-end .content .right-content .quiz-retry-info {
		padding: 10px 20px 10px 30px
	}
}

#quiz-end .content .right-content .quiz-retry-info .quiz-retry-title {
	font-size: 20px;
	color: #333;
	padding: 0;
	line-height: 1
}

@media (max-width:1024px) {
	#quiz-end .content .right-content .quiz-retry-info .quiz-retry-title {
		font-size: 14px
	}
}

#quiz-end .content .right-content .quiz-retry-info .quiz-retry-count {
	font-size: 20px;
	font-weight: 700;
	color: #40b404;
	padding: 0;
	line-height: 1
}

@media (max-width:1024px) {
	#quiz-end .content .right-content .quiz-retry-info .quiz-retry-count {
		font-size: 14px
	}
}

#quiz-end .content .right-content .quiz-retry-none {
	background-color: hsla(98, 69%, 76%, .35)
}

#quiz-end .content .right-content .quiz-retry-none .quiz-retry-title {
	letter-spacing: .2px;
	color: #ff5965;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	padding: 20px 0
}

@media (max-width:1024px) {
	#quiz-end .content .right-content .quiz-retry-none .quiz-retry-title {
		font-size: 14px;
		padding: 10px 0
	}
}

#quiz-end .content .right-content p {
	font-size: 18px;
	padding: 10px 0;
	text-align: left
}

#quiz-end .content .right-content p span {
	color: #ff5965;
	font-weight: 700
}

#quiz-end .content .right-content .quiz-time {
	height: calc(100% - 120px);
	margin-bottom: 40px
}

#quiz-end .content .right-content .quiz-time .detail-wrapper {
	padding: 0 40px 0 50px;
	overflow: auto;
	height: 90%
}

@media (max-width:1024px) {
	#quiz-end .content .right-content .quiz-time .detail-wrapper {
		padding: 0 20px 0 30px
	}
}

#quiz-end .content .right-content .quiz-time .detail-wrapper__part {
	padding: 0 0 20px;
	border-bottom: 1px dashed #d6d6d6;
	margin-bottom: 20px
}

@media (max-width:1024px) {
	#quiz-end .content .right-content .quiz-time .detail-wrapper__part {
		padding: 0 0 10px;
		margin-bottom: 10px
	}
}

#quiz-end .content .right-content .quiz-time .detail-wrapper .txt-title {
	padding: 0 0 20px;
	font-size: 16px;
	line-height: 1.5;
	color: #888
}

@media (max-width:1024px) {
	#quiz-end .content .right-content .quiz-time .detail-wrapper .txt-title {
		font-size: 12px;
		padding: 0 0 10px
	}
}

#quiz-end .content .right-content .quiz-time .table-wrapper {
	max-height: 85%;
	overflow: auto;
	margin: 20px 0 0
}

@media (max-width:1024px) {
	#quiz-end .content .right-content .quiz-time .table-wrapper {
		margin: 10px 0 0
	}
}

#quiz-end .content .right-content .quiz-time table {
	width: calc(100% - 90px);
	text-align: left;
	margin: 0 40px 0 50px;
	border-collapse: separate;
	border-spacing: 0 20px
}

@media (max-width:1024px) {
	#quiz-end .content .right-content .quiz-time table {
		width: calc(100% - 50px);
		margin: 0 20px 0 30px;
		border-spacing: 10px
	}
}

@media (max-width:768px) {
	#quiz-end .content .right-content .quiz-time table {
		width: calc(100% - 20px);
		margin: 0 10px
	}
}

#quiz-end .content .right-content .quiz-time table th {
	font-size: 16px;
	line-height: 1.5;
	color: #888;
	font-weight: 400
}

@media (max-width:1024px) {
	#quiz-end .content .right-content .quiz-time table th {
		font-size: 12px
	}
}

#quiz-end .content .right-content .quiz-time table th:last-child {
	text-align: right
}

#quiz-end .content .right-content .quiz-time table .quiz-time--bold {
	font-size: 18px;
	font-weight: 600
}

@media (max-width:1024px) {
	#quiz-end .content .right-content .quiz-time table .quiz-time--bold {
		font-size: 14px
	}
}

#quiz-end .content .right-content .quiz-time table .quiz-time--result {
	font-size: 20px;
	font-weight: 700;
	color: #9756f0;
	padding: 0;
	display: block;
	margin: 20px 0 30px;
	text-align: right
}

@media (max-width:1240px) {
	#quiz-end .content .right-content .quiz-time table .quiz-time--result {
		font-size: 18px
	}
}

@media (max-width:1024px) {
	#quiz-end .content .right-content .quiz-time table .quiz-time--result {
		font-size: 14px;
		margin: 10px 0 15px
	}
}

@media (max-width:768px) {
	#quiz-end .content .right-content .quiz-time table .quiz-time--result {
		font-size: 12px
	}
}

#quiz-end .content .right-content .quiz-time table .quiz-time--result img {
	width: 15px;
	margin: 0 0 3px 10px
}

@media (max-width:1024px) {
	#quiz-end .content .right-content .quiz-time table .quiz-time--result img {
		width: 10px;
		margin: 0 0 1px 5px
	}
}

@media (max-width:768px) {
	#quiz-end .content .right-content .quiz-time table .quiz-time--result img {
		width: 8px
	}
}

#quiz-end .content .right-content .quiz-time table tr {
	vertical-align: baseline
}

#quiz-end .content .right-content .quiz-time table td {
	font-size: 20px;
	color: #333;
	border-bottom: 1px dashed #ddd
}

@media (max-width:1024px) {
	#quiz-end .content .right-content .quiz-time table td {
		font-size: 14px
	}
}

@media (max-width:768px) {
	#quiz-end .content .right-content .quiz-time table td {
		font-size: 12px
	}
}

#quiz-end .content .right-content .quiz-time table td span {
	font-size: 20px;
	font-weight: 700
}

@media (max-width:1024px) {
	#quiz-end .content .right-content .quiz-time table td span {
		font-size: 14px
	}
}

@media (max-width:768px) {
	#quiz-end .content .right-content .quiz-time table td span {
		font-size: 14px
	}
}

#quiz-end .content .right-content .quiz-time table td p {
	text-align: right;
	padding: 0
}

#quiz-end .content .right-content .quiz-time table td b {
	font-weight: 700
}

#quiz-end .content .right-content .quiz-time table td:last-child {
	text-align: right;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

#quiz-end .max-height-100 {
	max-height: 100%
}

#quiz-end .content:after {
	padding-bottom: 0
}

.btn-quiz-study button {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn.png);
	background-color: transparent;
	background-size: 100% 100%;
	border: none;
	font-size: 25px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	margin-top: 20px;
	position: relative;
	padding: 15px 40px
}

@media (max-width:1024px) {
	.btn-quiz-study button {
		font-size: 14px;
		margin-top: 10px;
		padding: 10px 30px
	}
}

.btn-quiz-study button:active {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn.png)!important
}

.btn-quiz-end button {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn-long.png);
	background-color: transparent;
	background-size: 100% 100%;
	border: none;
	width: 420px;
	font-size: 25px;
	color: #fff;
	font-weight: 700;
	padding: 15px 0
}

@media (max-width:1024px) {
	.btn-quiz-end button {
		width: auto;
		padding: 10px 80px;
		font-size: 14px
	}
}

.btn-quiz-end button:active {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn-long.png)!important
}

.btn-quiz-end .btn-back-learning-map {
	width: 203px;
	object-fit: contain;
	cursor: pointer;
	display: block;
	margin: auto;
	margin-top: 40px
}

.btn-quiz-end .button-view-detail {
	height: 85px;
	padding-top: 12px
}

.btn-quiz-end .button-do-another-quiz {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn.png);
	background-color: transparent;
	background-size: 100% 100%;
	width: 270px;
	height: 70px;
	border: none;
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	text-align: center
}

.btn-quiz-end .button-do-another-quiz:active {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn.png)!important
}

@media (max-width:1024px) {
	.btn-quiz-end .button-do-another-quiz {
		font-size: 14px;
		width: 160px;
		height: 45px;
		padding: 0
	}
}

#quiz-form {
	font-family: SVN-ProductSans
}

#quiz-form input:-webkit-autofill,
#quiz-form input:-webkit-autofill:focus textarea:-webkit-autofill,
#quiz-form input:-webkit-autofill:hover,
#quiz-form select:-webkit-autofill,
#quiz-form select:-webkit-autofill:focus,
#quiz-form select:-webkit-autofill:hover,
#quiz-form textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus {
	color: #ff5965!important;
	-webkit-text-fill-color: #ff5965!important;
	-webkit-box-shadow: 0 0 0 1000px #fff inset!important;
	transition: background-color 5000s ease-in-out 0s!important
}

#quiz-form .btn {
	box-shadow: none!important
}

#quiz-form .top-quiz {
	padding: 20px 40px 0
}

@media (max-width:1024px) {
	#quiz-form .top-quiz {
		padding: 10px 15px 0;
		width: 300px
	}
	#quiz-form .top-quiz .quiz-name {
		font-size: 12px
	}
}

#quiz-form .quiz-name {
	font-weight: 700
}

@media (max-width:1024px) {
	#quiz-form .quiz-name {
		font-size: 14px
	}
}

#quiz-form .back-btn-mobile {
	padding: 20px 15px;
	display: none
}

#quiz-form .back-btn-mobile a img {
	position: relative;
	top: -2px;
	width: 25px;
	margin-right: 7px
}

#quiz-form .back-btn-mobile a p {
	color: #fff;
	display: inline;
	font-size: 18px
}

#quiz-form .content {
	overflow: auto;
	text-align: center;
	line-height: 1em
}

#quiz-form .content .left-content {
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	-ms-flex-align: center;
	align-items: center;
	padding: 50px 100px 0;
	position: relative
}

@media (max-width:1024px) {
	#quiz-form .content .left-content {
		padding: 25px 50px 0
	}
}

#quiz-form .content .left-content h2 {
	font-size: 25px;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	color: #40b404
}

@media (max-width:1024px) {
	#quiz-form .content .left-content h2 {
		font-size: 16px
	}
}

#quiz-form .content .left-content img {
	width: 166px;
	position: absolute;
	left: 50%;
	bottom: 40px;
	transform: translateX(-50%)
}

@media (max-width:1440px) {
	#quiz-form .content .left-content img {
		width: 140px;
		bottom: 40px
	}
}

@media (max-width:1024px) {
	#quiz-form .content .left-content img {
		width: 80px;
		bottom: 20px
	}
}

@media (max-width:768px) {
	#quiz-form .content .left-content img {
		width: 50px;
		bottom: 10px
	}
}

#quiz-form .content .left-content p {
	font-size: 18px;
	padding: 10px 0;
	text-align: left
}

@media (max-width:1024px) {
	#quiz-form .content .left-content p {
		font-size: 14px;
		padding: 5px 0
	}
}

#quiz-form .content .left-content p span {
	color: #ff5965;
	font-weight: 700;
	text-decoration: underline
}

#quiz-form .content .right-content {
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	padding: 50px 10px 20px 40px;
	height: 100%
}

@media (max-width:1024px) {
	#quiz-form .content .right-content {
		padding: 25px 5px 10px 20px
	}
}

#quiz-form .content .right-content ::-webkit-scrollbar {
	width: 4px!important;
	position: relative;
	right: 0
}

#quiz-form .content .right-content ::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #dca35e;
	border-radius: 10px
}

#quiz-form .content .right-content ::-webkit-scrollbar-thumb {
	background: #d69e5c;
	border-radius: 11px
}

#quiz-form .content .right-content ::-webkit-scrollbar-thumb:hover {
	background: #d69e5c
}

#quiz-form .content .right-content form {
	width: 100%;
	overflow: auto;
	height: 100%;
	padding-right: 30px
}

@media (max-width:1024px) {
	#quiz-form .content .right-content form {
		padding-right: 15px
	}
}

#quiz-form .content .right-content .input-content {
	padding: 0 0 30px;
	background-color: #fff;
	border-radius: 10px
}

@media (max-width:1024px) {
	#quiz-form .content .right-content .input-content {
		padding: 0 0 15px
	}
}

#quiz-form .content .right-content .input-label {
	float: left;
	font-size: 18px;
	text-align: center;
	color: #888;
	font-weight: 400
}

@media (max-width:1024px) {
	#quiz-form .content .right-content .input-label {
		font-size: 14px
	}
}

#quiz-form .content .right-content .input {
	border-radius: 10px;
	box-shadow: inset 0 -2px 0 0 hsla(0, 0%, 70%, .5);
	border: 1px solid #ddd;
	background-color: #fff;
	font-size: 24px;
	padding: 0 22px;
	height: 70px;
	line-height: 70px
}

@media (max-width:1024px) {
	#quiz-form .content .right-content .input {
		font-size: 16px;
		padding: 0 10px;
		height: 40px;
		line-height: 40px
	}
}

#quiz-form .content .right-content .form-checkbox {
	text-align: left;
	padding: 5px;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row
}

#quiz-form .content .right-content .checkbox-label {
	margin-left: 10px;
	width: 80%
}

#quiz-form .content .right-content .checkbox-label,
#quiz-form .content .right-content .notification-label {
	font-family: SVN-ProductSans;
	color: #4a4a4a;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal
}

#quiz-form .content .right-content .notification-label {
	margin-top: 46px;
	margin-bottom: 0
}

#quiz-form .content .right-content input[type=checkbox]+label {
	margin-bottom: 0
}

#quiz-form .content .right-content input[type=checkbox]:checked+label {
	color: #4a4a4a!important;
	text-shadow: none!important;
	margin-bottom: 0
}

#quiz-form .content .right-content .title {
	color: #ff5965;
	padding-bottom: 35px
}

#quiz-form .content .right-content h3 {
	font-family: SVN-Boing;
	font-size: 25px;
	font-weight: 600;
	line-height: 1.4;
	padding: 10px 0 30px
}

#quiz-form .btn-quiz-start button {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn.png);
	background-color: transparent;
	background-size: 100% 100%;
	width: 350px;
	height: 90px;
	border: none;
	color: #fff;
	font-size: 35px;
	font-weight: 700;
	margin-top: 40px
}

@media (max-width:1024px) {
	#quiz-form .btn-quiz-start button {
		font-size: 18px;
		width: 180px;
		height: 50px;
		margin-top: 20px
	}
}

#quiz-form .is-receive-result button {
	margin-top: 15px
}

#quiz-form .content:after {
	padding-bottom: 0
}

#quiz-form .quiz-level-phone-input-container {
	display: inline-block;
	width: 100%
}

#quiz-form .quiz-level-phone-input-container .phonenumber-input__container {
	width: 100%
}

#quiz-form .quiz-level-phone-input-container .phonenumber-input__container .phonenumber-input--dropdown__container {
	padding: 0
}

#quiz-form .quiz-level-phone-input-container .phonenumber-input__container .dropdown p {
	color: #000;
	font-size: 20px
}

@media (max-width:991px) {
	#quiz-form .quiz-level-phone-input-container .phonenumber-input__container .dropdown p {
		font-size: 16px
	}
}

#quiz-form .quiz-level-phone-input-container .phonenumber-input__container input {
	font-size: 24px;
	padding: 0 20px;
	border-radius: 10px;
	box-shadow: inset 0 -2px 0 0 hsla(0, 0%, 70%, .5);
	height: 70px;
	line-height: 70px
}

@media (max-width:991px) {
	#quiz-form .quiz-level-phone-input-container .phonenumber-input__container input {
		font-size: 16px;
		padding: 0 10px;
		height: 40px;
		line-height: 40px
	}
}

#quiz-form .quiz-level-phone-input-container .phonenumber-input__container input.is-phone-number {
	padding-left: 120px
}

@media (max-width:991px) {
	#quiz-form .quiz-level-phone-input-container .phonenumber-input__container input.is-phone-number {
		padding-left: 100px
	}
}

#quiz-result {
	font-family: SVN-ProductSans
}

#quiz-result .btn {
	box-shadow: none!important
}

#quiz-result .content {
	overflow: auto;
	line-height: 1em
}

#quiz-result .content .left-content {
	margin: 30px 0;
	height: calc(100% - 60px);
	overflow: auto;
	padding: 0 30px
}

#quiz-result .content .left-content .row {
	margin-top: 22px;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-left: 0
}

@media (max-width:992px) {
	#quiz-result .content .left-content .row {
		margin-top: 15px
	}
}

#quiz-result .content .left-content .row .txt {
	padding: 2px 5px 2px 0;
	letter-spacing: .2px;
	color: #333;
	font-size: 18px
}

@media (max-width:992px) {
	#quiz-result .content .left-content .row .txt {
		font-size: 14px
	}
}

#quiz-result .content .left-content .row .bold {
	font-weight: 700
}

#quiz-result .content .left-content .row .level-point {
	color: #ff7345;
	letter-spacing: .3px;
	font-size: 22px;
	font-weight: 700
}

#quiz-result .content .left-content .row .level-point-txt {
	padding: 2px 0 0;
	color: #ff7345;
	letter-spacing: .3px;
	font-family: SVN-ProductSans;
	font-size: 18px;
	font-weight: 700
}

@media (max-width:992px) {
	#quiz-result .content .left-content .row .level-point-txt {
		font-size: 14px
	}
}

#quiz-result .content .left-content .row .part-point {
	color: #9b9b9b
}

#quiz-result .content .left-content .row .points-achieved {
	color: #ff7345
}

#quiz-result .content .left-content .row .icon-view {
	position: relative
}

#quiz-result .content .left-content .row .mg-left-20 {
	margin-left: 20px
}

#quiz-result .content .left-content .row .circle {
	width: 10px;
	height: 10px;
	border: 1px solid #999;
	background-color: #fff;
	border-radius: 5px;
	position: absolute;
	top: 5px;
	left: 15px
}

@media (max-width:992px) {
	#quiz-result .content .left-content .row .circle {
		top: 4px
	}
}

#quiz-result .content .left-content .row .line-icon {
	width: 15px;
	height: 1px;
	background-color: #a8a8a8;
	position: absolute;
	top: 10px;
	left: 25px
}

@media (max-width:992px) {
	#quiz-result .content .left-content .row .line-icon {
		top: 9px
	}
}

#quiz-result .content .left-content .row .part-title {
	font-size: 16px;
	margin-left: 45px
}

@media (max-width:992px) {
	#quiz-result .content .left-content .row .part-title {
		font-size: 14px
	}
}

#quiz-result .content .left-content .row .point-small {
	font-size: 16px
}

@media (max-width:992px) {
	#quiz-result .content .left-content .row .point-small {
		font-size: 14px
	}
}

#quiz-result .content .left-content .row-point {
	margin-top: 15px
}

#quiz-result .content .left-content .txt-right {
	height: 22px;
	text-align: right;
	color: #3bbdf9;
	letter-spacing: .2px;
	font-size: 18px;
	font-weight: 600;
	margin-top: 10px;
	text-decoration: underline;
	cursor: pointer
}

@media (max-width:992px) {
	#quiz-result .content .left-content .txt-right {
		margin-bottom: 30px;
		margin-top: 10px;
		font-size: 14px
	}
}

#quiz-result .content .left-content .txt-description {
	text-align: right;
	color: #333;
	margin-top: 10px;
	font-size: 18px
}

@media (max-width:992px) {
	#quiz-result .content .left-content .txt-description {
		font-size: 14px
	}
}

#quiz-result .content .left-content .line {
	width: 100%;
	height: 1px;
	border: 1px solid #ddd;
	margin: 20px 0
}

@media (max-width:992px) {
	#quiz-result .content .left-content .line {
		margin: 15px 0
	}
}

#quiz-result .content h2 {
	font-size: 35px;
	font-weight: 600;
	color: #3bbdf9;
	max-width: 525px;
	margin: 0 auto 20px;
	line-height: normal;
	padding-top: 20px
}

@media (min-width:992px) {
	#quiz-result .content h2 {
		margin-top: 40%
	}
}

@media (max-width:1440px) {
	#quiz-result .content h2 {
		font-size: 25px
	}
}

@media (max-width:992px) {
	#quiz-result .content h2 {
		padding-top: 0;
		max-width: none;
		margin-top: 0
	}
}

@media (max-width:425px) {
	#quiz-result .content h2 {
		font-size: 20px
	}
}

#quiz-result .content p {
	font-size: 18px
}

@media (max-width:1440px) {
	#quiz-result .content p {
		font-size: 15px
	}
}

@media (max-width:425px) {
	#quiz-result .content p {
		font-size: 14px
	}
}

#quiz-result .right-content {
	padding: 30px 20px 20px 30px;
	text-align: left
}

#quiz-result .right-content .level-suggestion-title {
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: .3px;
	color: #333;
	padding: 0
}

@media (max-width:992px) {
	#quiz-result .right-content .level-suggestion-title {
		font-size: 16px
	}
}

#quiz-result .right-content .level-suggestion {
	font-size: 25px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: .5px;
	color: #ff7345;
	padding: 0;
	margin-top: 12px
}

@media (max-width:992px) {
	#quiz-result .right-content .level-suggestion {
		margin-top: 6px;
		font-size: 19px
	}
}

#quiz-result .right-content .advice-title {
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: .3px;
	color: #333;
	padding: 0;
	margin-top: 33px
}

@media (max-width:992px) {
	#quiz-result .right-content .advice-title {
		font-size: 16px;
		margin-top: 16px
	}
}

#quiz-result .right-content .advice-for-kid {
	font-size: 22px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.67;
	letter-spacing: normal;
	color: #333;
	margin-top: 14px;
	padding: 0
}

@media (max-width:992px) {
	#quiz-result .right-content .advice-for-kid {
		font-size: 14px;
		margin-top: 7px
	}
}

#quiz-result .right-content h3 {
	font-size: 25px;
	font-weight: 600;
	line-height: 1.4;
	padding: 10px 0 30px
}

@media (max-width:425px) {
	#quiz-result .right-content h3 {
		font-size: 18px;
		padding: 5px 0 20px
	}
}

@media (max-width:425px) {
	#quiz-result .right-content button {
		width: 100%
	}
}

#quiz-result .btn-quiz-start {
	text-align: center;
	margin-top: 10px
}

#quiz-result .btn-quiz-start button {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn.png);
	background-color: transparent;
	background-size: 100% 100%;
	border: none;
	font-size: 25px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	margin-top: 20px;
	position: relative;
	padding: 15px 40px
}

@media (max-width:1024px) {
	#quiz-result .btn-quiz-start button {
		font-size: 14px;
		margin-top: 10px;
		padding: 10px 30px
	}
}

#quiz-result .btn-quiz-start button:active {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn.png)!important
}

#quiz-result .content:after {
	padding-bottom: 0
}

#quiz-send-mail .btn {
	box-shadow: none!important
}

#quiz-send-mail .main-quiz {
	height: 100vh;
	overflow: hidden
}

@media (max-width:992px) {
	#quiz-send-mail .main-quiz {
		height: 100vh;
		overflow: auto
	}
}

@media (max-width:992px) {
	#quiz-send-mail .top-quiz {
		display: none
	}
}

#quiz-send-mail .quiz-name {
	font-weight: 700;
	font-family: SVN-Boing;
	font-size: 25px
}

#quiz-send-mail .back-btn-mobile {
	padding: 20px 15px;
	display: none
}

@media (max-width:992px) {
	#quiz-send-mail .back-btn-mobile {
		display: block
	}
}

#quiz-send-mail .back-btn-mobile a img {
	position: relative;
	top: -2px;
	width: 25px;
	margin-right: 7px
}

@media (max-width:425px) {
	#quiz-send-mail .back-btn-mobile a img {
		width: auto;
		top: 0;
		margin-right: 4px
	}
}

#quiz-send-mail .back-btn-mobile a p {
	color: #fff;
	display: inline;
	font-size: 18px
}

@media (max-width:425px) {
	#quiz-send-mail .back-btn-mobile a p {
		font-size: 12px
	}
}

#quiz-send-mail .content {
	text-align: center;
	overflow: auto;
	line-height: 1em
}

#quiz-send-mail .content .left-content {
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:992px) {
	#quiz-send-mail .content .left-content {
		padding-top: 11px
	}
}

#quiz-send-mail .content .left-content .image-send-mail {
	width: 160px;
	height: 160px
}

@media (max-width:992px) {
	#quiz-send-mail .content .left-content .image-send-mail {
		width: 120px;
		height: 120px
	}
}

#quiz-send-mail .content p {
	font-size: 18px
}

@media (max-width:1440px) {
	#quiz-send-mail .content p {
		font-size: 15px
	}
}

@media (max-width:425px) {
	#quiz-send-mail .content p {
		font-size: 14px
	}
}

#quiz-send-mail .content .right-content {
	padding: 20px 30px 0 35px;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (max-width:992px) {
	#quiz-send-mail .content .right-content {
		padding: 20px 15px;
		margin-top: 0!important
	}
}

#quiz-send-mail .content .right-content .quiz-email {
	font-family: SVN-Boing;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ff5965;
	padding: 0;
	margin-top: 5px
}

#quiz-send-mail .content .right-content .title {
	font-family: SVN-ProductSans;
	font-size: 16px;
	text-align: center;
	color: #333;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal
}

@media (max-width:425px) {
	#quiz-send-mail .content .right-content img {
		width: 80px
	}
}

#quiz-send-mail .btn-quiz-start button {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzU0cHgiIGhlaWdodD0iODlweCIgdmlld0JveD0iMCAwIDM1NCA4OSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDkgKDUxMDAyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5idXR0b24vQ1RBL3F1aXovcmVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjM1MCIgaGVpZ2h0PSI4MCIgcng9IjIwIj48L3JlY3Q+CiAgICAgICAgPGZpbHRlciB4PSItMS4xJSIgeT0iLTUuMCUiIHdpZHRoPSIxMDIuMyUiIGhlaWdodD0iMTE2LjIlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJmaWx0ZXItMiI+CiAgICAgICAgICAgIDxmZU1vcnBob2xvZ3kgcmFkaXVzPSIxLjUiIG9wZXJhdG9yPSJkaWxhdGUiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRPdXRlcjEiPjwvZmVNb3JwaG9sb2d5PgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSI1IiBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIj48L2ZlQ29tcG9zaXRlPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC4xIDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd09mZnNldE91dGVyMSI+PC9mZUNvbG9yTWF0cml4PgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxmaWx0ZXIgeD0iLTEuNyUiIHk9Ii03LjUlIiB3aWR0aD0iMTAzLjQlIiBoZWlnaHQ9IjEyMS4yJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZmlsdGVyLTMiPgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSItOSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldElubmVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRJbm5lcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIiByZXN1bHQ9InNoYWRvd0lubmVySW5uZXIxIj48L2ZlQ29tcG9zaXRlPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC44OTA0NjU1NjEgICAwIDAgMCAwIDAuMTMyNzA1NTA5ICAgMCAwIDAgMCAwLjE5NTg1MjE4ICAwIDAgMCAxIDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd0lubmVySW5uZXIxIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iX3F1aXoiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIxNy4tbC1xdWl6X2VuZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk0NS4wMDAwMDAsIC03MDMuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJidXR0b24vQ1RBL3F1aXovcmVkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5NDcuMDAwMDAwLCA3MDUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iUmVjdGFuZ2xlLTIiPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0yKSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjRUQyRjNGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0zKSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBzdHJva2U9IiNCRDAxMTEiIHN0cm9rZS13aWR0aD0iMyIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiNGQTNENEMiIHg9IjYiIHk9IjYiIHdpZHRoPSIzMzgiIGhlaWdodD0iMzYiIHJ4PSIxMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPGVsbGlwc2UgaWQ9Ik92YWwiIGZpbGw9IiNGRkZGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0LjE2MTQyMiwgMTQuNDQ1MzI4KSByb3RhdGUoLTQwLjAwMDAwMCkgdHJhbnNsYXRlKC0xNC4xNjE0MjIsIC0xNC40NDUzMjgpICIgY3g9IjE0LjE2MTQyMTciIGN5PSIxNC40NDUzMjg1IiByeD0iNy43NTA1MTg3MiIgcnk9IjQuNTIxMTM1OTIiPjwvZWxsaXBzZT4KICAgICAgICAgICAgICAgIDxlbGxpcHNlIGlkPSJPdmFsIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC43MDAzNTAsIDguNzY3NDc2KSByb3RhdGUoMTUuMDAwMDAwKSB0cmFuc2xhdGUoLTI0LjcwMDM1MCwgLTguNzY3NDc2KSAiIGN4PSIyNC43MDAzNTAzIiBjeT0iOC43Njc0NzU2NiIgcng9IjMuMDU3OTI5OTIiIHJ5PSIxLjc4Mzc5MjQ2Ij48L2VsbGlwc2U+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiNFMzIyMzIiIGN4PSIzMDYiIGN5PSI2OCIgcj0iNyI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiNFMzIyMzIiIGN4PSIzMTcuNSIgY3k9IjYwLjUiIHI9IjMuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY2LjAwMDAwMCwgMTcuMDAwMDAwKSI+PC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
	background-color: transparent;
	background-size: 100% 100%;
	width: 350px;
	height: 80px;
	border: none;
	color: #fff;
	font-size: 35px;
	font-weight: 700;
	font-family: SVN-Boing;
	padding: 10px 0 50px;
	margin-top: 58px
}

@media (max-width:992px) {
	#quiz-send-mail .btn-quiz-start button {
		margin-top: 32px
	}
}

@media (max-width:1440px) {
	#quiz-send-mail .btn-quiz-start button {
		font-size: 25px;
		width: 250px;
		height: 60px
	}
}

#quiz-send-mail .content:after {
	padding-bottom: 0
}

#visitor-index .btn-visitor-banner {
	padding: 13px;
	width: 238px;
	border-radius: 32px;
	box-shadow: 0 5px 15px 0 rgba(255, 115, 69, .5)
}

@media (max-width:720px) {
	#visitor-index .btn-visitor-banner {
		width: 195px;
		height: 56px;
		font-size: 18px
	}
}

#visitor-index .btn-visitor-banner:hover {
	box-shadow: 0 10px 15px 0 rgba(255, 115, 69, .5)!important
}

#visitor-index .visitor-banner {
	position: relative;
	z-index: 1
}

#visitor-index .visitor-banner .bg-banner {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-banner.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-top: -25px
}

@media (max-width:1200px) {
	#visitor-index .visitor-banner .bg-banner {
		background-size: cover
	}
}

@media (max-width:720px) {
	#visitor-index .visitor-banner .bg-banner {
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-banner-sp.png);
		background-position: top;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		margin-top: 18px
	}
}

#visitor-index .visitor-banner .bg-banner .title {
	text-align: center;
	width: 498px;
	padding: 65px 0 55px;
	position: relative;
	left: 477px
}

@media (max-width:1140px) {
	#visitor-index .visitor-banner .bg-banner .title {
		padding: 25px 0 35px;
		left: 390px
	}
}

@media (max-width:960px) {
	#visitor-index .visitor-banner .bg-banner .title {
		width: 320px;
		left: 280px
	}
}

@media (max-width:720px) {
	#visitor-index .visitor-banner .bg-banner .title {
		width: auto;
		left: 0;
		padding: 25px 0 50px
	}
}

@media (max-width:375px) {
	#visitor-index .visitor-banner .bg-banner .title {
		padding: 30px 0 45px
	}
}

@media (max-width:320px) {
	#visitor-index .visitor-banner .bg-banner .title {
		padding: 0 0 45px
	}
}

#visitor-index .visitor-banner .bg-banner .title h1 {
	font-size: 60px;
	color: #73c21f;
	font-weight: 700;
	line-height: 77px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-title.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100%;
	padding: 100px 0 40px 10px;
	margin-bottom: 10px;
	height: 380px
}

@media (max-width:1140px) {
	#visitor-index .visitor-banner .bg-banner .title h1 {
		padding: 95px 0 35px 5px
	}
}

@media (max-width:960px) {
	#visitor-index .visitor-banner .bg-banner .title h1 {
		font-size: 39px;
		padding: 65px 0 25px 5px;
		height: 260px;
		line-height: 50px
	}
}

@media (max-width:720px) {
	#visitor-index .visitor-banner .bg-banner .title h1 {
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-title-sp.png);
		background-position: top;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		font-size: 35px;
		max-width: 288px;
		height: 222px;
		margin: 0 auto;
		padding: 58px 0 25px 6px;
		margin-bottom: 120px;
		line-height: 45px
	}
}

@media (max-width:375px) {
	#visitor-index .visitor-banner .bg-banner .title h1 {
		margin-bottom: 70px
	}
}

@media (max-width:320px) {
	#visitor-index .visitor-banner .bg-banner .title h1 {
		margin-bottom: 40px
	}
}

#visitor-index .visitor-banner .bg-banner .title h1 span {
	color: #ff6849;
	display: block
}

#visitor-index .visitor-intro {
	margin-top: -72px;
	position: relative;
	z-index: 0
}

@media (max-width:720px) {
	#visitor-index .visitor-intro {
		margin-top: -20px
	}
}

#visitor-index .visitor-intro .bg-intro {
	background-color: #ffed86;
	padding-top: 100px;
	padding-bottom: 80px;
	border-radius: 10px 10px 0 0
}

@media (max-width:720px) {
	#visitor-index .visitor-intro .bg-intro {
		padding-top: 50px;
		padding-bottom: 50px
	}
}

#visitor-index .visitor-intro .bg-intro #intro-tab {
	max-width: 400px;
	height: 70px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-tabbar.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: top;
	margin: 0 auto;
	transition: none;
	margin-bottom: 0!important;
	box-shadow: -10px 29px 11px -20px rgba(207, 162, 72, .68)
}

#visitor-index .visitor-intro .bg-intro #intro-tab li {
	width: 50%;
	text-align: center;
	padding: 5px
}

#visitor-index .visitor-intro .bg-intro #intro-tab li img {
	margin-right: 8px
}

#visitor-index .visitor-intro .bg-intro #intro-tab li a {
	border-radius: 20px;
	padding: 5px 16px;
	font-size: 20px;
	font-weight: 500;
	color: #0059b3
}

#visitor-index .visitor-intro .bg-intro #intro-tab li .active {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-active-tabbar.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 100%;
	background-color: transparent;
	color: #fff
}

#visitor-index .visitor-intro .bg-intro #intro-tabContent {
	padding: 40px 97px
}

@media (max-width:720px) {
	#visitor-index .visitor-intro .bg-intro #intro-tabContent {
		padding: 20px 18px
	}
}

@media (max-width:720px) {
	#visitor-index .visitor-intro .bg-intro #intro-tabContent .col-6 {
		padding: 0 5px
	}
}

#visitor-index .visitor-intro .bg-intro #intro-tabContent .intro-card {
	border-radius: 40px;
	background-color: #36bcff;
	box-shadow: 0 8px 11px 0 hsla(39, 8%, 67%, .68);
	margin-bottom: 40px
}

@media (max-width:720px) {
	#visitor-index .visitor-intro .bg-intro #intro-tabContent .intro-card {
		margin-bottom: 20px;
		border-radius: 40px 40px 20px 20px
	}
}

#visitor-index .visitor-intro .bg-intro #intro-tabContent .intro-card a:hover img {
	opacity: .8
}

#visitor-index .visitor-intro .bg-intro #intro-tabContent .intro-card img {
	width: 100%
}

#visitor-index .visitor-intro .bg-intro #intro-tabContent .intro-card p {
	color: #fff;
	text-align: center;
	padding: 15px 30px
}

@media (max-width:1140px) {
	#visitor-index .visitor-intro .bg-intro #intro-tabContent .intro-card p {
		padding: 15px 20px
	}
}

@media (max-width:720px) {
	#visitor-index .visitor-intro .bg-intro #intro-tabContent .intro-card p {
		padding: 5px 6px 10px;
		min-height: 52px
	}
}

@media (max-width:335px) {
	#visitor-index .visitor-intro .bg-intro #intro-tabContent .intro-card p {
		min-height: 69px
	}
}

#visitor-index .visitor-reason {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-cloud.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 170px 0;
	margin-top: -150px;
	text-align: center;
	position: relative;
	z-index: 2
}

@media (max-width:720px) {
	#visitor-index .visitor-reason {
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-cloud-sp.png);
		background-position: top;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		padding: 65px 0 90px;
		margin-top: -55px
	}
}

#visitor-index .visitor-reason .reason-img {
	text-align: left;
	margin-bottom: 40px
}

@media (max-width:720px) {
	#visitor-index .visitor-reason .reason-img {
		margin-bottom: 10px
	}
}

#visitor-index .visitor-reason .reason-img--img2 {
	text-align: right
}

#visitor-index .visitor-reason .reason-img--img3 img {
	position: relative
}

@media (max-width:992px) {
	#visitor-index .visitor-reason .reason-img--img3 img {
		left: 0
	}
}

#visitor-index .visitor-reason .reason-text2 {
	position: relative;
	text-align: left;
	top: calc(50% - 40px);
	transform: translateY(-50%)
}

@media (max-width:720px) {
	#visitor-index .visitor-reason .reason-text2 {
		top: 0;
		transform: translateY(0);
		text-align: justify;
		padding-bottom: 30px
	}
}

#visitor-index .visitor-reason .reason-text2 h4 {
	text-align: left;
	font-size: 25px;
	font-weight: 600;
	color: #0059b3;
	padding-bottom: 20px
}

@media (max-width:992px) {
	#visitor-index .visitor-reason .reason-text2 h4 {
		padding-top: 0
	}
}

@media (max-width:720px) {
	#visitor-index .visitor-reason .reason-text2 h4 {
		font-size: 16px;
		text-align: center;
		padding-bottom: 12px
	}
}

#visitor-index .visitor-reason .reason-text2 p {
	font-family: SanFranciscoText, sans-serif;
	font-weight: 500;
	line-height: 1.5
}

#visitor-index .visitor-reason .col-6 {
	margin-bottom: 40px
}

#visitor-index .visitor-reason .col-6 p {
	font-size: 18px;
	font-weight: 500;
	font-family: SanFranciscoText, sans-serif;
	color: #333;
	text-align: left;
	line-height: 1.5
}

#visitor-index .visitor-reason .reason__ {
	position: relative;
	margin-bottom: 200px
}

@media (max-width:1140px) {
	#visitor-index .visitor-reason .reason__ {
		margin-bottom: 60px
	}
}

@media (max-width:992px) {
	#visitor-index .visitor-reason .reason__ {
		margin-bottom: 75px
	}
}

@media (max-width:720px) {
	#visitor-index .visitor-reason .reason__ {
		margin-bottom: 30px
	}
}

#visitor-index .visitor-reason .reason__ .reason-video {
	position: absolute;
	left: 0
}

@media (max-width:1140px) {
	#visitor-index .visitor-reason .reason__ .reason-video {
		left: 20px;
		top: 42%;
		transform: translateY(-50%)
	}
}

#visitor-index .visitor-reason .reason__ .reason-video .offset-lg-1 {
	margin-left: 0
}

@media (max-width:992px) {
	#visitor-index .visitor-reason .reason__ .reason-video {
		position: relative;
		left: 50%;
		top: 0;
		transform: translateX(-50%)
	}
}

@media (max-width:540px) {
	#visitor-index .visitor-reason .reason__ .reason-video {
		margin-bottom: 20px
	}
}

#visitor-index .visitor-reason .reason__ .reason-video .video_wrapper {
	width: 500px;
	padding-bottom: 300px;
	background: transparent
}

#visitor-index .visitor-reason .reason__ .reason-video .video_wrapper iframe {
	background: transparent
}

@media (max-width:540px) {
	#visitor-index .visitor-reason .reason__ .reason-video .video_wrapper {
		width: 272px;
		padding-bottom: 165px
	}
}

#visitor-index .visitor-reason .reason__ .reason-text {
	padding: 65px 0 65px 525px
}

@media (max-width:1140px) {
	#visitor-index .visitor-reason .reason__ .reason-text {
		padding-top: 0;
		margin-right: 0;
		margin-left: 0
	}
}

@media (max-width:992px) {
	#visitor-index .visitor-reason .reason__ .reason-text {
		padding: 100px 100px 0
	}
}

@media (max-width:720px) {
	#visitor-index .visitor-reason .reason__ .reason-text {
		padding: 50px 30px 59px
	}
}

@media (max-width:375px) {
	#visitor-index .visitor-reason .reason__ .reason-text {
		padding: 20px 30px 30px
	}
}

@media (max-width:320px) {
	#visitor-index .visitor-reason .reason__ .reason-text {
		padding: 20px 0 30px
	}
}

#visitor-index .visitor-reason .reason__ .reason-card {
	position: relative;
	margin-bottom: 22px
}

@media (max-width:1140px) {
	#visitor-index .visitor-reason .reason__ .reason-card {
		padding: 20px 0
	}
}

@media (max-width:720px) {
	#visitor-index .visitor-reason .reason__ .reason-card {
		margin-bottom: 15px
	}
}

@media (max-width:320px) {
	#visitor-index .visitor-reason .reason__ .reason-card {
		padding: 15px 0
	}
}

#visitor-index .visitor-reason .reason__ .reason-card img {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}

#visitor-index .visitor-reason .reason__ .reason-card p {
	text-align: left;
	padding-left: 100px;
	font-size: 18px;
	font-weight: 500;
	color: #333;
	font-family: SanFranciscoText, sans-serif
}

@media (max-width:767px) {
	#visitor-index .visitor-reason .reason__ .reason-card p {
		font-size: 14px
	}
}

#visitor-index .visitor-reason .reason__ .reason-card p span {
	display: block
}

@media (max-width:1140px) {
	#visitor-index .visitor-reason .reason__ .reason-card p span {
		display: inline
	}
}

#visitor-index .visitor-reason .reason-info {
	padding: 0 10px
}

#visitor-index .visitor-feedback {
	margin-top: -120px;
	position: relative;
	z-index: 1
}

#visitor-index .visitor-feedback .bg-feedback {
	background-color: #ffed86;
	padding: 140px 0;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-feedback.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: auto
}

#visitor-index .visitor-feedback .bg-feedback:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background: #cce55b
}

@media (max-width:720px) {
	#visitor-index .visitor-feedback .bg-feedback {
		padding: 130px 0 110px;
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-feedback-sp.png);
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: 100% auto
	}
}

#visitor-index .visitor-feedback .bg-feedback .feedback-video {
	max-width: 960px;
	margin: 0 auto;
	margin-bottom: 70px
}

@media (max-width:992px) {
	#visitor-index .visitor-feedback .bg-feedback .feedback-video .col-lg-6 {
		width: auto;
		margin: 0 auto
	}
}

@media (max-width:992px) {
	#visitor-index .visitor-feedback .bg-feedback .feedback-video .video-shadow {
		margin-bottom: 30px
	}
}

#visitor-index .visitor-feedback .bg-feedback .feedback-video .offset-lg-1 {
	margin-left: 0
}

#visitor-index .visitor-feedback .bg-feedback .feedback-video .offset-lg-1 .video_wrapper {
	width: 460px;
	padding-bottom: 300px
}

@media (max-width:720px) {
	#visitor-index .visitor-feedback .bg-feedback .feedback-video .offset-lg-1 .video_wrapper {
		width: 272px;
		padding-bottom: 182px
	}
}

@media (max-width:1023px) {
	#visitor-index .visitor-feedback .bg-feedback .feedback-video {
		margin-bottom: 0
	}
}

@media (max-width:320px) {
	#visitor-index .visitor-feedback .bg-feedback .feedback-video {
		margin-right: -15px;
		margin-left: -15px
	}
}

#visitor-index .visitor-feedback .bg-feedback .slider {
	max-width: 780px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 40px;
	padding: 30px 90px
}

@media (max-width:720px) {
	#visitor-index .visitor-feedback .bg-feedback .slider {
		padding: 20px 25px;
		margin-left: 10px;
		margin-right: 10px
	}
}

@media (max-width:320px) {
	#visitor-index .visitor-feedback .bg-feedback .slider {
		margin-left: 5px;
		margin-right: 5px
	}
}

#visitor-index .visitor-feedback .bg-feedback .slider .slider-slick {
	max-width: 460px;
	margin: 0 auto
}

@media (max-width:720px) {
	#visitor-index .visitor-feedback .bg-feedback .slider .slider-slick {
		max-width: 250px
	}
}

@media (max-width:320px) {
	#visitor-index .visitor-feedback .bg-feedback .slider .slider-slick {
		margin-left: -12px;
		margin-right: -12px
	}
}

#visitor-index .visitor-feedback .bg-feedback .slider .slider-slick .slider-card {
	text-align: center;
	outline: none!important
}

#visitor-index .visitor-feedback .bg-feedback .slider .slider-slick .slider-card img {
	width: 60px;
	opacity: .8;
	margin: 0 auto;
	padding-top: 12px
}

@media (max-width:720px) {
	#visitor-index .visitor-feedback .bg-feedback .slider .slider-slick .slider-card img {
		width: 30px
	}
}

#visitor-index .visitor-feedback .bg-feedback .slider .slider-slick .slider-card:after {
	content: "";
	width: 60px;
	height: 60px;
	background-color: rgba(128, 219, 255, .36);
	display: block;
	border-radius: 50%;
	position: absolute;
	top: 12px;
	margin-left: 17px
}

@media (max-width:720px) {
	#visitor-index .visitor-feedback .bg-feedback .slider .slider-slick .slider-card:after {
		width: 30px;
		height: 30px;
		margin-left: 12px
	}
}

#visitor-index .visitor-feedback .bg-feedback .slider .slider-slick .slick-center img {
	width: auto;
	opacity: 1;
	padding-top: 0;
	position: relative;
	z-index: 2
}

@media (max-width:720px) {
	#visitor-index .visitor-feedback .bg-feedback .slider .slider-slick .slick-center img {
		width: 60px
	}
}

#visitor-index .visitor-feedback .bg-feedback .slider .slider-for .slider-text {
	outline: none!important
}

#visitor-index .visitor-feedback .bg-feedback .slider .slider-for .slider-text h5 {
	padding: 8px 0 20px;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	color: #4e4e4e;
	font-family: SanFranciscoText, sans-serif
}

@media (max-width:720px) {
	#visitor-index .visitor-feedback .bg-feedback .slider .slider-for .slider-text h5 {
		font-size: 14px;
		padding: 10px 0 12px
	}
}

#visitor-index .visitor-feedback .bg-feedback .slider .slider-for .slider-text p {
	font-size: 18px;
	font-weight: 500;
	color: #4e4e4e;
	text-align: justify;
	line-height: 1.33;
	font-family: SanFranciscoText, sans-serif
}

@media (max-width:720px) {
	#visitor-index .visitor-feedback .bg-feedback .slider .slider-for .slider-text p {
		font-size: 14px;
		line-height: 1.5
	}
}

#visitor-index .visitor-coop {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-ground.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 330px 0 50px;
	margin-top: -300px
}

@media (max-width:992px) {
	#visitor-index .visitor-coop {
		background-size: auto
	}
}

@media (max-width:720px) {
	#visitor-index .visitor-coop {
		margin-top: -330px;
		padding: 330px 0 30px;
		background-size: cover
	}
}

#visitor-index .visitor-coop .coop-logo {
	text-align: center;
	margin-bottom: 80px
}

#visitor-index .visitor-coop .coop-logo a {
	cursor: auto
}

@media (max-width:720px) {
	#visitor-index .visitor-coop .coop-logo {
		margin: 0 10px 20px
	}
	#visitor-index .visitor-coop .coop-logo a {
		text-align: left
	}
	#visitor-index .visitor-coop .coop-logo a img {
		height: 40px;
		margin-bottom: 30px
	}
}

#visitor-index .visitor-coop .coop-card {
	padding: 0 3px;
	position: relative;
	margin-bottom: 30px
}

@media (max-width:720px) {
	#visitor-index .visitor-coop .coop-card {
		margin: 0 5px 20px
	}
}

#visitor-index .visitor-coop .coop-card img {
	width: 100%
}

#visitor-index .visitor-coop .coop-card .card-text {
	position: absolute;
	bottom: 37px;
	padding: 0 0 0 30px
}

@media (max-width:960px) {
	#visitor-index .visitor-coop .coop-card .card-text {
		bottom: 20px;
		padding: 0 0 0 15px
	}
}

@media (max-width:720px) {
	#visitor-index .visitor-coop .coop-card .card-text {
		padding: 0 10px 0 20px
	}
}

#visitor-index .visitor-coop .coop-card .card-text h4 {
	font-family: SVN-Boing;
	font-size: 25px;
	font-weight: 500;
	color: #fff
}

@media (max-width:960px) {
	#visitor-index .visitor-coop .coop-card .card-text h4 {
		font-size: 20px
	}
}

@media (max-width:720px) {
	#visitor-index .visitor-coop .coop-card .card-text h4 {
		font-size: 16px
	}
}

#visitor-index .visitor-coop .coop-card .card-text p {
	font-size: 18px;
	line-height: 1.5;
	color: #fff;
	font-family: SanFranciscoText, sans-serif;
	margin-top: 20px;
	max-width: 431px
}

@media (max-width:960px) {
	#visitor-index .visitor-coop .coop-card .card-text p {
		font-size: 15px;
		margin-top: 15px
	}
}

@media (max-width:720px) {
	#visitor-index .visitor-coop .coop-card .card-text p {
		font-size: 14px;
		margin-top: 10px
	}
}

#visitor-index .visitor-coop .coop-card .card-text button {
	font-family: SVN-Boing;
	font-size: 18px;
	font-weight: 600;
	border-radius: 31.5px;
	border: 3px solid #fff;
	color: #fff;
	width: 245px;
	overflow: hidden;
	background: none;
	cursor: pointer;
	padding: 12px 0 12px 30px;
	display: inline-block;
	margin: 20px 0 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
	outline: none;
	position: relative;
	transition: all .3s
}

@media (max-width:960px) {
	#visitor-index .visitor-coop .coop-card .card-text button {
		font-size: 15px;
		margin: 10px 0 0;
		width: 220px
	}
}

@media (max-width:720px) {
	#visitor-index .visitor-coop .coop-card .card-text button {
		width: 225px;
		font-size: 18px;
		padding: 12px 0 12px 20px;
		margin-top: 15px
	}
}

#visitor-index .visitor-coop .coop-card .card-text button:before {
	left: 79%;
	top: 0;
	position: absolute;
	height: 100%;
	font-size: 20px;
	line-height: 2.6;
	color: #fff;
	transition: all .3s;
	content: "\F178";
	font-family: FontAwesome;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased
}

@media (max-width:960px) {
	#visitor-index .visitor-coop .coop-card .card-text button:before {
		font-size: 15px;
		top: 3px
	}
}

@media (max-width:720px) {
	#visitor-index .visitor-coop .coop-card .card-text button:before {
		font-size: 20px;
		top: 0;
		left: 81%
	}
}

#visitor-index .visitor-coop .coop-card .card-text button:after {
	content: "";
	position: absolute;
	z-index: -1;
	transition: all .3s
}

#visitor-index .visitor-coop .coop-card .card-text button:hover {
	background: #97c93b
}

#visitor-index .visitor-coop .coop-card .card-text button:hover:before {
	left: 130%
}

#visitor-index .visitor-coop .coop-card .card-text .btn-coop-parent:hover {
	background: #04202e
}

#visitor-index .visitor-coop .coop-card .card-text .btn-coop-blog:hover {
	background: #3b7a1f
}

#visitor-index .visitor-coop .coop-card .card-text .btn-coop-faq:hover {
	background: #c55210
}

#visitor-index .visitor-coop .coop-card .card-text button:active {
	border-color: #97c93b;
	color: #fff
}

#visitor-index .visitor-coop .coop-card .card-text .btn-coop-parent:active {
	border-color: #04202e
}

#visitor-index .visitor-coop .coop-card .card-text .btn-coop-blog:active {
	border-color: #3b7a1f
}

#visitor-index .visitor-coop .coop-card .card-text .btn-coop-faq:active {
	border-color: #c55210
}

#visitor-index .visitor-coop .coop-card .card-text--right {
	bottom: 50px
}

@media (max-width:960px) {
	#visitor-index .visitor-coop .coop-card .card-text--right {
		bottom: 20px
	}
}

#visitor-index .visitor-coop .coop-card .card-text--right p {
	padding-right: 30px
}

#visitor-introduce {
	background-image: linear-gradient(180deg, #6de0fd, #3bbdf9)
}

#visitor-introduce .visitor-banner {
	overflow: hidden
}

#visitor-introduce .visitor-banner .container {
	position: relative
}

#visitor-introduce .visitor-banner .title {
	width: 57%
}

@media (max-width:768px) {
	#visitor-introduce .visitor-banner .title {
		width: 100%;
		padding-top: 30px
	}
}

#visitor-introduce .visitor-banner .title h3 {
	font-size: 25px;
	font-weight: 600;
	line-height: 1.5;
	color: #0059b3
}

@media (max-width:768px) {
	#visitor-introduce .visitor-banner .title h3 {
		text-align: center
	}
}

@media (max-width:540px) {
	#visitor-introduce .visitor-banner .title h3 {
		font-size: 14px
	}
}

#visitor-introduce .visitor-banner .title h1 {
	font-size: 45px;
	color: #ffda72;
	font-weight: 700;
	padding: 10px 0
}

@media (max-width:768px) {
	#visitor-introduce .visitor-banner .title h1 {
		text-align: center
	}
}

@media (max-width:540px) {
	#visitor-introduce .visitor-banner .title h1 {
		font-size: 25px
	}
}

#visitor-introduce .visitor-banner .title h2 {
	font-size: 25px;
	color: #fff;
	font-weight: 600;
	text-align: left;
	margin-bottom: 0
}

@media (max-width:768px) {
	#visitor-introduce .visitor-banner .title h2 {
		text-align: center
	}
}

@media (max-width:540px) {
	#visitor-introduce .visitor-banner .title h2 {
		font-size: 16px
	}
}

#visitor-introduce .visitor-banner .title p {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	color: #0059b3;
	padding: 20px 0 106px
}

@media (max-width:1200px) {
	#visitor-introduce .visitor-banner .title p {
		padding: 20px 0
	}
}

@media (max-width:768px) {
	#visitor-introduce .visitor-banner .title p {
		padding: 20px 0;
		text-align: center
	}
}

@media (max-width:540px) {
	#visitor-introduce .visitor-banner .title p {
		font-size: 14px
	}
}

#visitor-introduce .visitor-banner img {
	position: absolute;
	right: -35px;
	bottom: 0;
	width: 490px
}

@media (max-width:1200px) {
	#visitor-introduce .visitor-banner img {
		width: 430px;
		right: 10px
	}
}

@media (max-width:768px) {
	#visitor-introduce .visitor-banner img {
		position: relative;
		top: 0;
		left: 50%;
		transform: translateX(-50%)
	}
}

#visitor-introduce .visitor-info {
	padding: 70px 0 40px;
	background-color: #fff;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-hoconlinetainha.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: auto
}

@media (max-width:768px) {
	#visitor-introduce .visitor-info {
		padding: 50px 0 10px
	}
}

@media (max-width:540px) {
	#visitor-introduce .visitor-info {
		padding: 50px 0 10px;
		background-image: none
	}
}

@media (max-width:768px) {
	#visitor-introduce .visitor-info h2 {
		margin-bottom: 100px
	}
}

@media (max-width:540px) {
	#visitor-introduce .visitor-info h2 {
		margin-bottom: 40px
	}
}

#visitor-introduce .visitor-info .row {
	margin-bottom: 40px
}

@media (max-width:768px) {
	#visitor-introduce .visitor-info .row {
		position: relative;
		margin-bottom: 100px
	}
}

@media (max-width:540px) {
	#visitor-introduce .visitor-info .row {
		margin-bottom: 35px
	}
}

@media (max-width:768px) {
	#visitor-introduce .visitor-info .row .col-lg-5 img {
		width: 200px;
		position: absolute;
		top: -80px
	}
}

@media (max-width:540px) {
	#visitor-introduce .visitor-info .row .col-lg-5 img {
		width: 110px;
		top: -10px
	}
}

#visitor-introduce .visitor-info .row .col-lg-7 {
	max-width: 630px;
	padding-top: 65px
}

@media (max-width:1200px) {
	#visitor-introduce .visitor-info .row .col-lg-7 {
		padding-top: 35px
	}
}

@media (max-width:768px) {
	#visitor-introduce .visitor-info .row .col-lg-7 {
		max-width: none;
		padding-top: 0
	}
}

#visitor-introduce .visitor-info .row .col-lg-7 h3 {
	font-size: 25px;
	font-weight: 600;
	color: #0059b3;
	line-height: 1.5;
	padding-left: 30px;
	min-height: 72px
}

@media (max-width:768px) {
	#visitor-introduce .visitor-info .row .col-lg-7 h3 {
		padding-left: 215px;
		position: relative;
		bottom: 50px
	}
}

@media (max-width:540px) {
	#visitor-introduce .visitor-info .row .col-lg-7 h3 {
		font-size: 16px;
		padding-left: 120px;
		padding-bottom: 25px;
		bottom: 0
	}
}

@media (max-width:375px) {
	#visitor-introduce .visitor-info .row .col-lg-7 h3 {
		padding-bottom: 0;
		bottom: -5px
	}
}

@media (max-width:320px) {
	#visitor-introduce .visitor-info .row .col-lg-7 h3 {
		bottom: 8px
	}
}

#visitor-introduce .visitor-info .row .col-lg-7 ul li {
	font-size: 18px;
	font-weight: 500;
	color: #333;
	font-family: SanFranciscoText, sans-serif;
	padding: 5px 0 5px 30px;
	line-height: 1.5;
	position: relative
}

@media (max-width:540px) {
	#visitor-introduce .visitor-info .row .col-lg-7 ul li {
		font-size: 14px;
		padding: 5px 0 5px 20px
	}
}

#visitor-introduce .visitor-info .row .col-lg-7 ul li img {
	position: absolute;
	left: 0;
	top: 10px
}

@media (max-width:540px) {
	#visitor-introduce .visitor-info .row .col-lg-7 ul li img {
		width: 12px
	}
}

@media (max-width:768px) {
	#visitor-introduce .visitor-info .row:nth-child(3) .col-lg-5 img {
		right: 15px;
		top: -360px
	}
}

@media (max-width:540px) {
	#visitor-introduce .visitor-info .row:nth-child(3) .col-lg-5 img {
		top: -340px
	}
}

@media (max-width:375px) {
	#visitor-introduce .visitor-info .row:nth-child(3) .col-lg-5 img {
		top: -335px
	}
}

@media (max-width:325px) {
	#visitor-introduce .visitor-info .row:nth-child(3) .col-lg-5 img {
		top: -377px
	}
}

#visitor-introduce .visitor-info .row:nth-child(3) .col-lg-7 {
	padding-top: 25px
}

@media (max-width:1200px) {
	#visitor-introduce .visitor-info .row:nth-child(3) .col-lg-7 {
		padding-top: 0
	}
}

@media (max-width:768px) {
	#visitor-introduce .visitor-info .row:nth-child(3) .col-lg-7 {
		padding-top: 0
	}
	#visitor-introduce .visitor-info .row:nth-child(3) .col-lg-7 h3 {
		padding-left: 0;
		padding-right: 215px
	}
}

@media (max-width:540px) {
	#visitor-introduce .visitor-info .row:nth-child(3) .col-lg-7 h3 {
		padding-right: 120px
	}
}

@media (max-width:768px) {
	#visitor-introduce .visitor-info .row:nth-child(4) .col-lg-5 img {
		right: 15px;
		top: -85px
	}
}

@media (max-width:540px) {
	#visitor-introduce .visitor-info .row:nth-child(4) .col-lg-5 img {
		top: -15px
	}
}

@media (max-width:768px) {
	#visitor-introduce .visitor-info .row:nth-child(4) .col-lg-7 {
		padding-top: 0
	}
	#visitor-introduce .visitor-info .row:nth-child(4) .col-lg-7 h3 {
		padding-left: 0;
		padding-right: 215px
	}
}

@media (max-width:540px) {
	#visitor-introduce .visitor-info .row:nth-child(4) .col-lg-7 h3 {
		padding-right: 120px
	}
}

@media (max-width:375px) {
	#visitor-introduce .visitor-info .row:nth-child(4) .col-lg-7 h3 {
		bottom: 12px
	}
}

#visitor-introduce .visitor-coop {
	padding: 80px 0;
	background-color: #e6f8ff;
	text-align: center
}

@media (max-width:922px) {
	#visitor-introduce .visitor-coop {
		padding: 80px 0 120px
	}
}

#visitor-introduce .visitor-coop .slick button {
	position: absolute;
	bottom: -60px;
	font-size: 0;
	line-height: 0;
	padding: 20px 25px 20px 15px;
	border-radius: 10px;
	box-shadow: 3px 2px 0 0 #a63e3e;
	background-color: #fc6046;
	border: none;
	margin-top: 130px
}

#visitor-introduce .visitor-coop .slick button:before {
	content: "";
	font-size: 0;
	line-height: 0
}

#visitor-introduce .visitor-coop .slick button:active {
	box-shadow: 0 0 0 0;
	bottom: -62px
}

#visitor-introduce .visitor-coop .slick button:after {
	font-size: 35px;
	color: #fff
}

#visitor-introduce .visitor-coop .slick .slick-prev {
	left: 300px
}

@media (max-width:540px) {
	#visitor-introduce .visitor-coop .slick .slick-prev {
		left: 100px
	}
}

#visitor-introduce .visitor-coop .slick .slick-prev:active {
	left: 303px
}

@media (max-width:540px) {
	#visitor-introduce .visitor-coop .slick .slick-prev:active {
		left: 103px
	}
}

#visitor-introduce .visitor-coop .slick .slick-prev:after {
	content: "\F104";
	font-family: FontAwesome
}

#visitor-introduce .visitor-coop .slick .slick-next {
	right: 300px;
	box-shadow: -3px 2px 0 0 #a63e3e
}

@media (max-width:540px) {
	#visitor-introduce .visitor-coop .slick .slick-next {
		right: 100px
	}
}

#visitor-introduce .visitor-coop .slick .slick-next:active {
	right: 303px
}

@media (max-width:540px) {
	#visitor-introduce .visitor-coop .slick .slick-next:active {
		right: 103px
	}
}

#visitor-introduce .visitor-coop .slick .slick-next:after {
	content: "\F105";
	font-family: FontAwesome
}

#visitor-introduce .visitor-coop .slick-card {
	position: relative
}

@media (max-width:992px) {
	#visitor-introduce .visitor-coop .slick-card:focus {
		outline: none;
		border: none
	}
}

#visitor-introduce .visitor-coop .slick-card img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%)
}

#visitor-introduce .visitor-coop .slick-card p {
	font-family: SanFranciscoText, sans-serif;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 500;
	padding-top: 80px
}

@media (max-width:540px) {
	#visitor-introduce .visitor-coop .slick-card p {
		font-size: 14px
	}
}

#visitor-introduce .visitor-coop .slick-card p b {
	font-weight: 700
}

#visitor-introduce .visitor-coop button {
	margin-top: 40px;
	padding: 15px 40px;
	border-radius: 32px
}

#visitor-hoptac {
	background-image: linear-gradient(180deg, #6de0fd, #3bbdf9)
}

#visitor-hoptac .visitor-banner .container {
	position: relative
}

#visitor-hoptac .visitor-banner h1 {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/coop-title.png);
	background-position: top;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	font-size: 40px;
	font-weight: 600;
	line-height: 1.43;
	color: #0059b3;
	padding: 65px 80px 65px 55px;
	max-width: 765px;
	text-align: center;
	position: relative;
	left: -50px;
	margin-bottom: 135px
}

#visitor-hoptac .visitor-banner h1 span {
	color: #ffa300
}

#visitor-hoptac .visitor-banner img {
	position: absolute;
	right: -225px;
	top: 120px
}

#visitor-hoptac .visitor-info {
	background-color: #fff;
	padding: 70px 0
}

#visitor-hoptac .visitor-info h2 {
	font-size: 44px;
	font-weight: 600;
	color: #ffa300;
	line-height: 1.3
}

#visitor-hoptac .visitor-info .info-text h3 {
	color: #0059b3;
	font-size: 25px;
	font-weight: 600;
	padding-bottom: 10px
}

#visitor-hoptac .visitor-info .info-text p {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	font-family: SanFranciscoText, sans-serif;
	padding-bottom: 20px
}

#visitor-hoptac .visitor-info .info-headling {
	padding: 12px 20px;
	background-color: hsla(0, 0%, 87%, .3);
	margin: 20px 0 40px
}

#visitor-hoptac .visitor-info .info-headling h3 {
	font-size: 25px;
	font-weight: 600;
	color: #0059b3;
	line-height: 1.5
}

#visitor-hoptac .visitor-info .info-headling h3 a {
	color: #ffa300
}

#visitor-hoptac .visitor-info .info-headling h3 a:hover {
	text-decoration: underline
}

#visitor-hoptac .visitor-coop {
	background-color: #e6f8ff;
	padding: 80px 0 40px;
	text-align: center
}

#visitor-hoptac .visitor-coop h2 {
	color: #ffa300
}

#visitor-hoptac .visitor-coop h3 {
	color: #0059b3;
	font-size: 25px;
	font-weight: 600
}

#visitor-hoptac .visitor-coop .row {
	margin: 30px 0 40px
}

.visitor-faq {
	background-image: none;
	background-color: #3bbdf9
}

.visitor-faq .title .breadcrumb {
	margin-bottom: 0;
	padding-bottom: 25px
}

.visitor-faq h1 {
	text-align: center;
	font-size: 36px;
	font-weight: 600;
	color: #fff;
	padding-bottom: 40px
}

.visitor-faq .faq {
	background-color: #fff;
	padding: 40px 0 80px
}

@media (max-width:540px) {
	.visitor-faq .faq {
		padding: 20px 0 50px
	}
}

@media (max-width:768px) {
	.visitor-faq .faq .col-md-6 .collapse:not(.show) {
		display: block
	}
}

@media (max-width:540px) {
	.visitor-faq .faq .col-md-6 .collapse:not(.show) {
		display: none
	}
}

.visitor-faq .faq h1 {
	color: #0059b3;
	font-size: 20px;
	margin-bottom: 20px;
	padding-bottom: 0
}

.visitor-faq .faq .title-faq {
	background-image: linear-gradient(84deg, #3bbdf9, #4e8ff8);
	text-align: center;
	border-radius: 10px;
	margin: 0 10px
}

@media (max-width:540px) {
	.visitor-faq .faq .title-faq {
		margin: 0 -15px 15px;
		position: relative;
		border-radius: 0
	}
	.visitor-faq .faq .title-faq a {
		position: absolute;
		right: 30px;
		color: #fff;
		top: 50%;
		transform: translateY(-50%)
	}
	.visitor-faq .faq .title-faq a i {
		font-size: 16px
	}
}

.visitor-faq .faq .title-faq h3 {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	padding: 15px 0 18px
}

@media (max-width:540px) {
	.visitor-faq .faq .title-faq h3 {
		font-size: 14px;
		text-align: left;
		padding: 10px 90px 12px 25px
	}
}

.visitor-faq .faq ul {
	margin: 0 10px 20px
}

@media (max-width:540px) {
	.visitor-faq .faq ul {
		margin: -15px 10px 0
	}
}

.visitor-faq .faq ul li {
	border-bottom: 1px solid #ddd
}

.visitor-faq .faq ul li a {
	display: block;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 400;
	padding: 20px 35px 20px 0;
	position: relative;
	transition: none
}

@media (max-width:540px) {
	.visitor-faq .faq ul li a {
		font-size: 14px;
		padding: 15px 50px 15px 0
	}
}

.visitor-faq .faq ul li a:hover {
	color: #0059b3;
	font-weight: 500
}

.visitor-faq .faq ul li a:after {
	content: "\F105";
	font-family: FontAwesome;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px
}

@media (max-width:540px) {
	.visitor-faq .faq ul li a:after {
		right: 6px
	}
}

.visitor-faq .faq ul li:last-child {
	border: none
}

.visitor-faq .faq .form-question {
	max-width: 610px;
	margin: 0 auto;
	margin-top: 60px
}

@media (max-width:540px) {
	.visitor-faq .faq .form-question {
		margin-top: 40px
	}
}

@media (max-width:320px) {
	.visitor-faq .faq .form-question span {
		display: block
	}
}

.visitor-faq .faq .form-question button {
	min-width: 145px
}

.visitor-faq .faq .form-question h3 {
	font-size: 25px;
	font-weight: 500;
	color: #0059b3;
	text-align: center;
	padding-bottom: 20px
}

@media (max-width:540px) {
	.visitor-faq .faq .form-question h3 {
		font-size: 20px
	}
}

.visitor-faq .faq .form-question input {
	border-radius: 30px;
	margin-bottom: 20px;
	width: 100%;
	padding: 17px 20px
}

@media (max-width:540px) {
	.visitor-faq .faq .form-question input {
		margin-bottom: 15px
	}
}

.visitor-faq .faq .form-question textarea {
	width: 100%;
	height: 140px;
	margin-bottom: 20px;
	padding: 20px;
	border-radius: 10px
}

.visitor-faq .faq .form-question ::-moz-placeholder {
	font-size: 18px;
	font-weight: 500;
	color: #666;
	font-family: SVN-ProductSans, sans-serif
}

@media (max-width:540px) {
	.visitor-faq .faq .form-question ::-moz-placeholder {
		font-size: 14px
	}
}

.visitor-faq .faq .form-question ::-webkit-input-placeholder {
	font-size: 18px;
	font-weight: 500;
	color: #666;
	font-family: SVN-ProductSans, sans-serif
}

@media (max-width:540px) {
	.visitor-faq .faq .form-question ::-webkit-input-placeholder {
		font-size: 14px
	}
}

@media (max-width:540px) {
	.visitor-faq .faq .form-question :-ms-input-placeholder {
		font-size: 14px
	}
}

.visitor-faq .faq .form-question :-ms-input-placeholder {
	font-size: 18px;
	font-weight: 500;
	color: #666;
	font-family: SVN-ProductSans, sans-serif
}

.visitor-faq .faq .form-question ::placeholder {
	font-size: 18px;
	font-weight: 500;
	color: #666;
	font-family: SVN-ProductSans, sans-serif
}

@media (max-width:540px) {
	.visitor-faq .faq .form-question :-ms-input-placeholder {
		font-size: 14px
	}
	.visitor-faq .faq .form-question ::placeholder {
		font-size: 14px
	}
}

.visitor-faq-detail .faq .faq-sidebar {
	max-width: 355px
}

.visitor-faq-detail .faq .btn-nav {
	max-width: 335px
}

.visitor-faq-detail .faq .btn-nav a {
	margin-top: 35px
}

@media (max-width:768px) {
	.visitor-faq-detail .faq .btn-nav a {
		font-size: 14px
	}
}

.visitor-faq-detail .faq .title-faq {
	margin: 0 0 10px;
	max-width: 335px;
	position: relative
}

@media (max-width:540px) {
	.visitor-faq-detail .faq .title-faq {
		max-width: none;
		margin: 20px -15px 0
	}
}

.visitor-faq-detail .faq .title-faq h3 {
	text-align: left;
	position: relative;
	padding: 16px 70px 16px 35px
}

@media (max-width:768px) {
	.visitor-faq-detail .faq .title-faq h3 {
		font-size: 14px;
		padding: 10px 90px 10px 25px
	}
}

.visitor-faq-detail .faq .title-faq a {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	color: #fff
}

.visitor-faq-detail .faq .title-faq a:hover {
	color: #fff
}

.visitor-faq-detail .faq .title-faq a i {
	font-size: 14px
}

.visitor-faq-detail .faq .nav-pills {
	max-width: 335px
}

@media (max-width:540px) {
	.visitor-faq-detail .faq .nav-pills {
		max-width: none;
		margin: 0 -15px
	}
}

.visitor-faq-detail .faq .nav-pills a {
	font-size: 18px;
	line-height: 1.5;
	text-align: left;
	color: #333;
	padding: 10px 5px;
	font-weight: 400;
	border-bottom: 2px solid #ddd;
	position: relative;
	border-radius: 0;
	transition: all 0s;
	width: 100%
}

.visitor-faq-detail .faq .nav-pills a:hover {
	color: #0059b3;
	font-weight: 500
}

@media (max-width:768px) {
	.visitor-faq-detail .faq .nav-pills a {
		font-size: 14px;
		padding: 10px 30px 10px 0;
		margin: 0 25px
	}
}

.visitor-faq-detail .faq .nav-pills a:after {
	display: none;
	content: "\F105";
	font-family: FontAwesome;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px
}

@media (max-width:768px) {
	.visitor-faq-detail .faq .nav-pills a:after {
		display: block
	}
}

@media (max-width:540px) {
	.visitor-faq-detail .faq .nav-pills a:after {
		right: 6px
	}
}

.visitor-faq-detail .faq .nav-pills .active {
	background-color: transparent!important;
	color: #0059b3;
	font-weight: 500
}

.visitor-faq-detail .faq .faq-detail:last-child a {
	border-bottom: none
}

.visitor-faq-detail .faq ul {
	margin: 0 0 30px
}

.visitor-faq-detail .faq ul li {
	margin: 0 5px
}

.visitor-faq-detail .faq ul li a {
	padding: 20px 0 10px
}

.visitor-faq-detail .faq ul li a:after {
	display: none
}

.visitor-faq-detail .faq .tab-content .tab-pane-text h3 {
	font-size: 25px;
	font-weight: 500;
	line-height: 1.5;
	text-align: left;
	color: #0059b3;
	margin-bottom: 10px
}

@media (max-width:768px) {
	.visitor-faq-detail .faq .tab-content .tab-pane-text h3 {
		font-size: 14px;
		margin-bottom: 5px
	}
}

.visitor-faq-detail .faq .tab-content .tab-pane-text p {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	color: #333;
	font-family: SanFranciscoText, sans-serif;
	padding: 9px 0
}

@media (max-width:768px) {
	.visitor-faq-detail .faq .tab-content .tab-pane-text p {
		font-size: 14px;
		padding: 5px 0
	}
}

.visitor-faq-detail .faq .tab-content .tab-pane-text p img {
	width: auto;
	display: block;
	max-width: 100%;
	margin: 10px 0
}

.visitor-faq-detail .faq .tab-content .tab-pane-text p a {
	color: #007bff!important
}

.visitor-faq-detail .faq .tab-content .tab-pane-text li {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	color: #333;
	font-family: SanFranciscoText, sans-serif;
	margin-left: 20px
}

@media (max-width:768px) {
	.visitor-faq-detail .faq .tab-content .tab-pane-text li {
		font-size: 12px
	}
}

.visitor-faq-detail .faq .tab-content .tab-pane-text img {
	width: 100%;
	margin-bottom: 18px
}

@media (max-width:768px) {
	.visitor-faq-detail .faq .tab-content .tab-pane-text img {
		margin: 10px 0
	}
}

.visitor-faq-detail .faq .tab-content .tab-pane-text h5 {
	font-family: SanFranciscoText, sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #0059b3;
	margin: 30px 0 20px
}

@media (max-width:768px) {
	.visitor-faq-detail .faq .tab-content .tab-pane-text h5 {
		font-size: 14px;
		margin: 10px 0
	}
}

.visitor-faq-detail .faq .tab-content .tab-pane-text ul {
	margin: 0 0 30px 50px
}

@media (max-width:768px) {
	.visitor-faq-detail .faq .tab-content .tab-pane-text ul {
		margin: 0 0 15px 10px
	}
}

@media (max-width:540px) {
	.visitor-faq-detail .faq .tab-content .tab-pane-text ul {
		display: block
	}
}

.visitor-faq-detail .faq .tab-content .tab-pane-text ul li {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	color: #333;
	font-family: SanFranciscoText, sans-serif;
	list-style-type: disc;
	border-bottom: none
}

@media (max-width:768px) {
	.visitor-faq-detail .faq .tab-content .tab-pane-text ul li {
		font-size: 14px
	}
}

.modal-success-faq-visitor {
	background-color: rgba(64, 192, 251, .2)!important
}

.modal-success-faq-visitor .modal-dialog {
	margin-top: 140px;
	max-width: 432px
}

@media (max-width:540px) {
	.modal-success-faq-visitor .modal-dialog {
		max-width: 290px;
		margin: 0 auto;
		margin-top: 140px
	}
}

.modal-success-faq-visitor .modal-content {
	border-radius: 30px;
	text-align: center
}

@media (max-width:540px) {
	.modal-success-faq-visitor .modal-content {
		border-radius: 40px
	}
}

.modal-success-faq-visitor .modal-content .modal-body {
	padding: 40px 30px
}

@media (max-width:540px) {
	.modal-success-faq-visitor .modal-content .modal-body {
		padding: 30px 45px 20px
	}
}

.modal-success-faq-visitor .modal-content .modal-body img {
	position: absolute;
	top: -35px;
	left: 50%;
	transform: translateX(-50%)
}

.modal-success-faq-visitor .modal-content .modal-body h3 {
	font-size: 25px;
	font-weight: 500;
	line-height: 1.08;
	color: #0059b3;
	margin-bottom: 10px
}

@media (max-width:540px) {
	.modal-success-faq-visitor .modal-content .modal-body h3 {
		font-size: 20px;
		line-height: 1.5
	}
}

.modal-success-faq-visitor .modal-content .modal-body p {
	font-family: SanFranciscoText, sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	color: #333
}

@media (max-width:540px) {
	.modal-success-faq-visitor .modal-content .modal-body p {
		font-size: 12px
	}
}

.modal-success-faq-visitor .modal-content .modal-body button {
	position: absolute;
	top: -38px;
	right: -13px;
	border-radius: 50%;
	background-color: #0059b3;
	opacity: 1
}

@media (max-width:540px) {
	.modal-success-faq-visitor .modal-content .modal-body button {
		top: -32px
	}
}

.modal-success-faq-visitor .modal-content .modal-body button span {
	color: #fff;
	opacity: 1;
	font-weight: 400;
	padding: 20px 6px;
	font-size: 35px;
	position: relative;
	top: -1px
}

@media (max-width:540px) {
	.modal-success-faq-visitor .modal-content .modal-body button span {
		font-size: 30px;
		padding: 20px 5px
	}
}

.popup-confirm-email-visitor {
	background-color: rgba(64, 192, 251, .2)!important
}

.popup-confirm-email-visitor .modal-content {
	border-radius: 30px;
	max-width: 432px;
	margin: 0 auto
}

@media (max-width:540px) {
	.popup-confirm-email-visitor .modal-content {
		max-width: 315px
	}
}

.popup-confirm-email-visitor .modal-body {
	padding: 50px 30px 45px;
	text-align: center
}

@media (max-width:540px) {
	.popup-confirm-email-visitor .modal-body {
		padding: 25px 15px
	}
}

.popup-confirm-email-visitor .modal-body h6 {
	font-family: SanFranciscoText, sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	color: #333;
	margin-bottom: 20px
}

@media (max-width:540px) {
	.popup-confirm-email-visitor .modal-body h6 {
		font-size: 14px;
		margin-bottom: 10px
	}
}

.popup-confirm-email-visitor .modal-body p {
	font-family: SVN-Boing;
	font-size: 20px;
	font-weight: 500;
	color: #333;
	padding: 15px;
	border-radius: 33px;
	border: 1px solid #ccc;
	margin-bottom: 40px
}

@media (max-width:540px) {
	.popup-confirm-email-visitor .modal-body p {
		font-size: 16px;
		padding: 10px;
		margin-bottom: 20px
	}
}

.popup-confirm-email-visitor .modal-body button {
	font-size: 20px;
	margin: 0 15px
}

@media (max-width:540px) {
	.popup-confirm-email-visitor .modal-body button {
		font-size: 16px;
		margin: 0 5px
	}
}

@media (max-width:540px) {
	.popup-confirm-email-visitor .modal-body .btn-visitor-login {
		padding: 8px 20px
	}
}

@media (max-width:540px) {
	.popup-confirm-email-visitor .modal-body .btn-radian {
		padding: 10px 20px
	}
}

.visitor-payment {
	position: relative;
	min-height: 100vh;
	padding-bottom: 100px;
	font-family: SVN-ProductSans, sans-serif
}

@media (max-width:991px) {
	.visitor-payment {
		background-color: #fff
	}
	.visitor-payment .payment-header {
		background-color: #132555
	}
	.visitor-payment header .logo-navbar {
		padding: 10px 0 17px
	}
	.visitor-payment header .logo-navbar ul li .logo {
		width: 130px
	}
}

.visitor-payment .payment-noti {
	top: -24px
}

.visitor-payment .message-error {
	font-size: 14px;
	text-align: left!important
}

.visitor-payment .popup-confirm-email {
	background-color: rgba(64, 192, 251, .2)!important
}

.visitor-payment .popup-confirm-email .modal-content {
	border-radius: 30px;
	max-width: 432px
}

.visitor-payment .popup-confirm-email .modal-body {
	padding: 50px 30px 45px;
	text-align: center
}

.visitor-payment .popup-confirm-email .modal-body h6 {
	font-family: SanFranciscoText, sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	color: #333;
	margin-bottom: 20px
}

.visitor-payment .popup-confirm-email .modal-body p {
	font-family: SVN-Boing;
	font-size: 20px;
	font-weight: 500;
	color: #333;
	padding: 15px;
	border-radius: 33px;
	border: 1px solid #ccc;
	margin-bottom: 40px
}

.visitor-payment .popup-confirm-email .modal-body button {
	font-size: 20px;
	margin: 0 15px
}

.visitor-payment .show-loading .tag-text {
	padding-left: 25px
}

@media (max-width:768px) {
	.visitor-payment .show-loading .tag-text {
		padding-left: auto
	}
}

.visitor-payment .show-loading .icon-loading {
	top: 0
}

@media (max-width:768px) {
	.visitor-payment .show-loading .icon-loading {
		top: -2px
	}
}

@media (max-width:992px) {
	.visitor-payment-success {
		background-color: #3bbdf9
	}
}

@media (max-width:540px) {
	.visitor-payment-success {
		padding-bottom: 0
	}
}

.visitor-payment-success .payment-success {
	text-align: center
}

.visitor-payment-success .payment-success .payoo-form {
	border-radius: 22.5px;
	border: 2px solid #ff5965;
	background-color: #fff;
	max-width: 500px;
	margin: 0 auto;
	height: 45px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 40px
}

.visitor-payment-success .payment-success .payoo-form .payoo-title {
	color: #333;
	font-family: SVN-Boing;
	font-size: 20px;
	font-weight: 400
}

.visitor-payment-success .payment-success .payoo-form .payoo-code {
	color: #ff3737;
	font-family: SVN-Boing;
	font-size: 20px;
	font-weight: 600
}

@media (max-width:540px) {
	.visitor-payment-success .payment-success img {
		width: 59px
	}
}

.visitor-payment-success .payment-success h3 {
	color: #fff;
	font-size: 25px;
	font-weight: 500;
	padding: 10px 0
}

@media (max-width:540px) {
	.visitor-payment-success .payment-success h3 {
		font-size: 16px;
		color: #0059b3
	}
}

.visitor-payment-success .payment-success h4 {
	font-size: 16px;
	font-weight: 400;
	color: #0059b3;
	padding: 0 0 15px;
	font-family: SanFranciscoText, sans-serif;
	line-height: 1.4
}

@media (max-width:540px) {
	.visitor-payment-success .payment-success h4 {
		font-size: 14px
	}
}

.visitor-payment-success .payment-success h5 {
	font-size: 18px;
	font-weight: 500;
	color: #fff
}

@media (max-width:540px) {
	.visitor-payment-success .payment-success h5 {
		font-size: 14px
	}
}

.visitor-payment-success .payment-success h5 span {
	color: #0059b3
}

.visitor-payment-success .payment-success .payment-payoo-info {
	margin: 0 auto;
	max-width: 705px;
	border-radius: 40px;
	background-color: #87d9ff;
	padding: 25px 50px;
	text-align: left;
	margin-bottom: 30px
}

@media (max-width:540px) {
	.visitor-payment-success .payment-success .payment-payoo-info {
		border-radius: 10px
	}
}

.visitor-payment-success .payment-success .payment-payoo-info .payment-row {
	display: -ms-flexbox;
	display: flex
}

@media (max-width:540px) {
	.visitor-payment-success .payment-success .payment-payoo-info .payment-row {
		display: block
	}
}

.visitor-payment-success .payment-success .payment-payoo-info .img-step {
	width: 101px;
	height: 100px;
	margin-right: 20px
}

@media (max-width:540px) {
	.visitor-payment-success .payment-success .payment-payoo-info .img-step {
		width: 50px;
		height: 50px;
		margin-bottom: 10px
	}
}

.visitor-payment-success .payment-success .payment-payoo-info p {
	color: #333;
	font-family: SanFranciscoText;
	font-size: 18px;
	font-weight: 500
}

@media (max-width:540px) {
	.visitor-payment-success .payment-success .payment-payoo-info p {
		font-size: 14px
	}
}

.visitor-payment-success .payment-success .payment-payoo-info .bold {
	font-weight: 700
}

.visitor-payment-success .payment-success .payment-payoo-info .payment-line {
	height: 1px;
	background-color: #3bbdf9;
	width: 100%;
	margin: 20px 0
}

.visitor-payment-success .payment-success .payment-payoo-info .show-list {
	font-weight: 700;
	color: #085ab9;
	cursor: pointer
}

.visitor-payment-success .payment-success .payment-payoo-info .logo-stores {
	background-color: #fff;
	border-radius: 10px;
	margin-top: 10px;
	padding: 10px
}

@media (max-width:650px) {
	.visitor-payment-success .payment-success .payment-payoo-info .logo-stores {
		width: 100%;
		background-color: unset
	}
}

.visitor-payment-success .payment-success .payment-payoo-info .email-highlight {
	font-weight: 700;
	color: #085ab9
}

.visitor-payment-success .payment-success .payment-bank-info {
	margin: 0 auto;
	max-width: 705px;
	border-radius: 40px;
	background-color: #87d9ff;
	padding: 25px 50px;
	text-align: left;
	margin-bottom: 30px
}

@media (max-width:540px) {
	.visitor-payment-success .payment-success .payment-bank-info {
		border-radius: 10px
	}
}

.visitor-payment-success .payment-success .payment-bank-info p {
	color: #333;
	font-family: SVN-Boing;
	font-size: 16px;
	font-weight: 400
}

.visitor-payment-success .payment-success .payment-bank-info i {
	color: #333;
	font-family: SanFranciscoText;
	font-size: 16px;
	font-weight: 500;
	font-style: italic
}

.visitor-payment-success .payment-success .payment-bank-info .bold {
	font-weight: 700
}

.visitor-payment-success .payment-success .payment-bank-info .email-highlight {
	font-weight: 700;
	color: #085ab9
}

.visitor-payment-success .payment-success .payment-info {
	margin: 0 auto;
	max-width: 705px;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #fff;
	border-radius: 40px;
	border: 1px solid #ddd;
	padding: 20px 50px
}

@media (max-width:540px) {
	.visitor-payment-success .payment-success .payment-info {
		margin-top: 10px;
		border-radius: 10px;
		padding: 5px 20px;
		margin-bottom: 20px
	}
}

.visitor-payment-success .payment-success .payment-info p {
	line-height: 1.5
}

.visitor-payment-success .payment-success .payment-info .row {
	font-size: 18px;
	font-weight: 500;
	font-family: SanFranciscoText, sans-serif;
	border-bottom: 1px solid #ddd;
	line-height: 1.5;
	padding: 10px 0
}

@media (max-width:540px) {
	.visitor-payment-success .payment-success .payment-info .row {
		padding: 15px 0;
		font-size: 14px;
		margin-right: 0;
		margin-left: 0
	}
}

.visitor-payment-success .payment-success .payment-info .row .payment-package-wrapper {
	width: 100%;
	padding-left: 20px
}

.visitor-payment-success .payment-success .payment-info .row .payment-subs-wrapper {
	width: 100%;
	display: -ms-flexbox;
	display: flex
}

.visitor-payment-success .payment-success .payment-info .row .payment-info-left {
	color: #666;
	text-align: left
}

.visitor-payment-success .payment-success .payment-info .row .payment-info-left .package-name {
	color: #666;
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 400;
	margin-top: 10px
}

@media (max-width:540px) {
	.visitor-payment-success .payment-success .payment-info .row .payment-info-left .package-name {
		font-size: 14px
	}
}

.visitor-payment-success .payment-success .payment-info .row .payment-info-left .subscription-name {
	font-weight: 600;
	color: #333;
	font-family: SVN-ProductSans;
	font-size: 16px
}

@media (max-width:540px) {
	.visitor-payment-success .payment-success .payment-info .row .payment-info-left .subscription-name {
		font-size: 14px
	}
}

.visitor-payment-success .payment-success .payment-info .row .payment-info-right {
	color: #333;
	text-align: right
}

@media (max-width:540px) {
	.visitor-payment-success .payment-success .payment-info .row .payment-info-right {
		text-align: left
	}
}

.visitor-payment-success .payment-success .payment-info .row .payment-info-right .price {
	color: #333;
	font-family: SanFranciscoText;
	font-size: 18px;
	font-weight: 500
}

@media (max-width:540px) {
	.visitor-payment-success .payment-success .payment-info .row .payment-info-right .price {
		font-size: 14px
	}
}

.visitor-payment-success .payment-success .payment-info .row:last-child {
	border-bottom: none
}

.visitor-payment-success .payment-success .payment-text {
	text-align: left;
	padding: 30px 50px;
	max-width: 705px;
	margin: 0 auto;
	border-radius: 40px;
	background-color: #87d9ff;
	margin-bottom: 30px
}

@media (max-width:540px) {
	.visitor-payment-success .payment-success .payment-text {
		border-radius: 10px;
		padding: 20px;
		margin-bottom: 20px
	}
}

.visitor-payment-success .payment-success .payment-text ul li {
	font-size: 16px;
	font-family: SanFranciscoText, sans-serif;
	line-height: 1.5;
	list-style-type: disc;
	margin-left: 20px
}

@media (max-width:540px) {
	.visitor-payment-success .payment-success .payment-text ul li {
		font-size: 14px
	}
}

.visitor-payment-success .payment-success .payment-text h5 {
	color: #333
}

.visitor-payment-success .payment-success .payment-text h5 a {
	color: #0059b3
}

.visitor-payment-success .payment-success .payment-text h5 a:hover {
	text-decoration: underline
}

.visitor-payment-success .payment-success .payment-error {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.visitor-payment-success .payment-success .mg-0 {
	margin: unset!important;
	margin-right: 15px
}

.visitor-payment-success .payment-success .btn-visitor-payment-again {
	border-radius: 32px;
	box-shadow: 0 8px 20px 0 rgba(255, 55, 55, .5);
	background-image: linear-gradient(77deg, #ff7345, #f73747);
	color: #fff;
	padding: 14px 30px;
	font-size: 20px;
	font-weight: 700;
	cursor: pointer;
	margin-left: 15px
}

@media (max-width:540px) {
	.visitor-payment-success .payment-success .btn-visitor-payment-again {
		display: none
	}
}

.visitor-payment-success .payment-success .btn-visitor-goback {
	border-radius: 32px;
	border: 3px solid #fff;
	color: #fff;
	margin: 0 auto;
	width: -webkit-fit-content;
	width: fit-content;
	padding: 11px 20px;
	cursor: pointer;
	font-size: 20px;
	font-weight: 700
}

@media (max-width:540px) {
	.visitor-payment-success .payment-success .btn-visitor-goback {
		border: none;
		text-decoration: underline;
		font-size: 16px
	}
}

.visitor-payment-success .payment-success .payment-btn-error {
	height: 60px;
	background-image: linear-gradient(79deg, #ff7345, #f73747);
	position: fixed;
	bottom: 0;
	width: 100%;
	margin: 0 -15px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (min-width:541px) {
	.visitor-payment-success .payment-success .payment-btn-error {
		display: none
	}
}

.visitor-payment-success .payment-success .payment-btn-error .btn-checkout-again {
	text-align: center;
	color: #fff;
	font-family: SVN-ProductSans;
	font-size: 18px;
	font-weight: 700;
	cursor: pointer
}

.visitor-payment-success .payment-success .payment-btn-error .choose-another {
	color: #fff;
	font-family: SanFranciscoText;
	font-size: 14px;
	font-weight: 500
}

.visitor-payment-success .payment-success .payment-btn button {
	margin: 0 15px
}

@media (min-width:541px) {
	.visitor-payment-success .payment-success .payment-btn .dp-none {
		display: none
	}
}

@media (max-width:540px) {
	.visitor-payment-success .payment-success .payment-btn {
		margin: 0 -15px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		position: fixed;
		bottom: 0;
		width: 100%
	}
	.visitor-payment-success .payment-success .payment-btn button {
		border-radius: 0;
		font-size: 18px;
		border: none;
		margin: 0;
		padding: 9px 30px
	}
	.visitor-payment-success .payment-success .payment-btn .btn-visitor-login {
		background-color: #7be7ff
	}
}

.visitor-payment-success .payment-success .hotline {
	font-size: 16px;
	text-align: center;
	font-weight: 400;
	font-family: SanFranciscoText, sans-serif;
	margin-bottom: 30px
}

@media (max-width:540px) {
	.visitor-payment-success .payment-success .hotline {
		position: relative;
		top: 0;
		font-size: 13px;
		margin-bottom: 80px
	}
}

.visitor-payment-success .payment-success .hotline-mb {
	margin-top: 10px
}

@media (min-width:541px) {
	.visitor-payment-success .payment-success .hotline-mb {
		display: none
	}
}

@media (max-width:540px) {
	.visitor-payment-success .payment-success .hotline-ck {
		top: -124px
	}
}

.visitor-payment-form {
	margin-top: 20px;
	background-color: #f4f9ff;
	padding-bottom: 100px
}

@media (max-width:991px) {
	.visitor-payment-form {
		padding-top: 0!important;
		padding-bottom: 130px!important;
		margin-top: 0
	}
	.visitor-payment-form .row {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
	.visitor-payment-form .row.wrapper-logo-bank {
		-ms-flex-direction: row;
		flex-direction: row
	}
	.visitor-payment-form .row.wrapper-logo-bank .col-md-3 {
		text-align: center;
		height: 50px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0 15px
	}
}

.visitor-payment-form .step-order {
	padding: 25px 0;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	margin-bottom: 25px;
	top: 0;
	z-index: 2;
	left: 250px
}

.visitor-payment-form .step-order ul,
.visitor-payment-form .step-order ul li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.visitor-payment-form .step-order ul li {
	margin-right: 100px;
	color: #999;
	cursor: pointer;
	font-weight: 400
}

.visitor-payment-form .step-order ul li .fa-chevron-right {
	position: relative;
	left: -50px
}

.visitor-payment-form .step-order ul li.active .number {
	background: #666;
	color: #fff
}

.visitor-payment-form .step-order ul li.active span {
	font-weight: 700
}

.visitor-payment-form .step-order ul li .number {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #e5e5e5;
	text-align: center;
	color: #999;
	margin-right: 10px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.visitor-payment-form .top-payment {
	background-color: #1d3575;
	padding: 6px 15px;
	width: calc(100% + 30px);
	margin-left: -15px;
	position: relative;
	margin-bottom: 30px
}

@media (max-width:768px) {
	.visitor-payment-form .top-payment {
		margin-bottom: 0
	}
}

@media (max-width:320px) {
	.visitor-payment-form .top-payment {
		padding: 5px 15px
	}
}

.visitor-payment-form .top-payment .step {
	font-size: 14px;
	color: hsla(0, 0%, 100%, .5)
}

.visitor-payment-form .top-payment .step.active {
	color: #fff
}

.visitor-payment-form .top-payment .step.active .step__text {
	text-decoration: underline
}

.visitor-payment-form .top-payment .step__number {
	width: 28px;
	height: 28px;
	font-weight: 600;
	border-radius: 50%;
	background-color: hsla(0, 0%, 100%, .1);
	display: inline-block;
	text-align: center;
	line-height: 28px;
	margin-right: 5px
}

.visitor-payment-form .top-payment .fa-chevron-right {
	color: hsla(0, 0%, 100%, .2);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 20px
}

.visitor-payment-form .bottom-payment {
	position: fixed;
	z-index: 2;
	width: 100%;
	left: 0;
	bottom: 0;
	background-color: #fff;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1)
}

.visitor-payment-form .bottom-payment .wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 20px 30px
}

@media (max-width:767px) {
	.visitor-payment-form .bottom-payment .wrapper {
		padding-bottom: 0
	}
}

.visitor-payment-form .bottom-payment .wrapper .left {
	max-width: 700px;
	padding-right: 30px
}

@media (max-width:991px) {
	.visitor-payment-form .bottom-payment .wrapper .left {
		padding-right: 0
	}
}

@media (max-width:767px) {
	.visitor-payment-form .bottom-payment .wrapper .left .row .title {
		color: #666;
		font-size: 12px;
		font-weight: 400
	}
}

.visitor-payment-form .bottom-payment .wrapper .right {
	padding-left: 30px
}

@media (max-width:991px) {
	.visitor-payment-form .bottom-payment .wrapper .right {
		padding-left: 0
	}
}

@media (max-width:767px) {
	.visitor-payment-form .bottom-payment .wrapper .right button[type=submit] {
		width: calc(100% + 60px);
		margin-left: -30px;
		border-radius: 0
	}
}

.visitor-payment-form .bottom-payment .wrapper .left,
.visitor-payment-form .bottom-payment .wrapper .right {
	width: 50%
}

@media (max-width:991px) {
	.visitor-payment-form .bottom-payment .wrapper .left,
	.visitor-payment-form .bottom-payment .wrapper .right {
		width: 40%
	}
}

@media (max-width:767px) {
	.visitor-payment-form .bottom-payment .wrapper .left,
	.visitor-payment-form .bottom-payment .wrapper .right {
		width: 100%
	}
}

.visitor-payment-form .bottom-payment .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: row;
	flex-direction: row;
	line-height: 2
}

@media (max-width:991px) {
	.visitor-payment-form .bottom-payment .row {
		padding: 0
	}
}

.visitor-payment-form .bottom-payment .row .title {
	font-weight: 700;
	font-size: 16px;
	font-family: SVN-ProductSans
}

.visitor-payment-form .bottom-payment .row .price {
	text-align: right;
	color: #333;
	font-size: 16px;
	font-weight: 700;
	font-family: SVN-Boing
}

.visitor-payment-form .bottom-payment .row .total-price {
	text-align: right;
	color: #ff7345;
	font-size: 16px;
	font-weight: 700;
	font-family: SVN-Boing
}

@media (max-width:540px) {
	.visitor-payment-form .bottom-payment .form__btn {
		font-size: 18px;
		height: 60px
	}
}

.visitor-payment-form .payment-footer-desktop {
	position: fixed;
	z-index: 2;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 105px;
	background-color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1)
}

.visitor-payment-form .payment-footer-desktop .footer-desktop {
	width: 1170px;
	display: -ms-flexbox;
	display: flex
}

.visitor-payment-form .payment-footer-desktop .footer-desktop .footer-left {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex: 1;
	flex: 1;
	padding: 10px
}

.visitor-payment-form .payment-footer-desktop .footer-desktop .footer-left .title {
	color: #333;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px;
	font-family: SVN-ProductSans
}

.visitor-payment-form .payment-footer-desktop .footer-desktop .footer-left .price {
	text-align: right;
	color: #333;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
	font-family: SVN-ProductSans
}

.visitor-payment-form .payment-footer-desktop .footer-desktop .footer-left .total-price {
	text-align: right;
	color: #ff3737;
	font-size: 20px;
	font-weight: 700;
	font-family: SVN-ProductSans
}

.visitor-payment-form .payment-footer-desktop .footer-desktop .footer-right {
	-ms-flex: 1;
	flex: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: start;
	align-items: flex-start
}

.visitor-payment-form .payment__title {
	font-size: 25px;
	line-height: 1.4;
	margin-bottom: 25px
}

@media (max-width:991px) {
	.visitor-payment-form .payment__title {
		margin-bottom: 0;
		margin-top: 30px;
		font-size: 22px
	}
}

.visitor-payment-form .payment .summary-payment {
	font-family: SVN-ProductSans, sans-serif;
	font-weight: 400
}

.visitor-payment-form .payment .summary-payment .name-course {
	margin: 0 0 30px;
	color: #3bbdf9;
	font-weight: 700;
	font-family: SVN-ProductSans, sans-serif;
	font-size: 25px
}

@media (max-width:991px) {
	.visitor-payment-form .payment .summary-payment .name-course {
		font-size: 20px;
		margin: 20px 0
	}
}

.visitor-payment-form .payment .summary-payment .note-box {
	background-color: #fff;
	border-radius: 15px;
	padding: 15px 30px;
	font-size: 14px
}

.visitor-payment-form .payment .summary-payment .note-box span {
	color: #666;
	display: block;
	margin-bottom: 10px
}

.visitor-payment-form .payment .payment-row {
	margin: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.visitor-payment-form .payment .col-left {
	padding-bottom: 20px
}

@media (max-width:991px) {
	.visitor-payment-form .payment .col-left .info-bank .row {
		-ms-flex-direction: row;
		flex-direction: row
	}
	.visitor-payment-form .payment .col-left .info-bank .row .col-3 {
		height: 50px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0 15px
	}
}

@media (max-width:991px) {
	.visitor-payment-form .payment .col-left .type-payment__item__content__description {
		margin-bottom: 15px
	}
}

.visitor-payment-form .payment .col-left .your-card-view {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: end;
	align-items: flex-end
}

.visitor-payment-form .payment .col-left .your-card-view .your-card {
	color: #3bbdf9;
	font-size: 25px;
	font-weight: 700;
	font-family: SVN-ProductSans
}

.visitor-payment-form .payment .col-left .your-card-view .dot-view {
	width: 6px;
	height: 6px;
	background-color: #3bbdf9;
	border-radius: 3px;
	margin: 0 12px 9px
}

.visitor-payment-form .payment .col-left .your-card-view .total-course {
	color: #36bcff;
	font-weight: 400;
	font-size: 16px;
	font-family: SVN-ProductSans;
	margin-bottom: 3px
}

.visitor-payment-form .payment .col-left .has-server-error {
	max-width: 450px;
	margin-left: 0
}

.visitor-payment-form .payment .col-left .type-payment__item__content {
	font-weight: 400
}

@media (max-width:991px) {
	.visitor-payment-form .payment .col-left .type-payment__item__content {
		padding: 20px;
		background: #fff
	}
}

@media (max-width:991px) {
	.visitor-payment-form .payment .col-left .type-payment__item__content__input {
		width: 100%
	}
}

.visitor-payment-form .payment .col-right .payment-choose {
	color: #3bbdf9;
	font-size: 25px;
	font-weight: 700;
	font-family: SVN-ProductSans
}

.visitor-payment-form .payment .col-right .choose-course {
	color: #3bbdf9;
	font-size: 35px;
	font-weight: 600;
	padding: 40px 15px 21px
}

@media (max-width:991px) {
	.visitor-payment-form .payment .col-right .choose-course {
		font-size: 22px;
		padding: 30px 15px
	}
}

.visitor-payment-form .payment .col-right .choose-course span {
	font-size: 20px
}

.visitor-payment-form .payment .col-right .type-payment__item__content {
	background-color: #fff;
	border-radius: 15px;
	padding: 30px;
	font-weight: 400;
	font-size: 16px
}

.visitor-payment-form .payment .col-right .type-payment__item__content.paypal-method .detail-method {
	color: #999;
	font-family: SVN-ProductSans;
	font-size: 16px
}

.visitor-payment-form .payment .col-right .type-payment__item__content.paypal-method .description {
	color: #ff7345;
	font-family: SVN-ProductSans;
	font-size: 16px;
	margin-top: 14px
}

.visitor-payment-form .payment .col-right .type-payment__item__content.paypal-method .type {
	color: #3bbdf9;
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 600;
	margin-top: 18px
}

.visitor-payment-form .payment .col-right .type-payment__item__content.paypal-method .type-title {
	color: #333;
	font-family: SVN-ProductSans;
	font-size: 16px;
	margin-top: 10px;
	font-weight: 600
}

.visitor-payment-form .payment .col-right .type-payment__item__content.paypal-method .type-desc {
	color: #333;
	font-family: SVN-ProductSans;
	font-size: 16px;
	position: relative;
	padding-left: 30px;
	line-height: 30px
}

.visitor-payment-form .payment .col-right .type-payment__item__content.paypal-method .type-desc:before {
	content: " ";
	position: absolute;
	border-radius: 50%;
	width: 4px;
	height: 4px;
	background-color: #333;
	top: 50%;
	left: 20px;
	transform: translateY(-50%)
}

.visitor-payment-form .payment .col-right .type-payment__item__content.paypal-method ul {
	margin-top: 8px
}

.visitor-payment-form .payment .col-right .type-payment__item__content__input {
	width: 100%;
	font-size: 16px
}

.visitor-payment-form .payment .col-right .empty-data .type-payment__item__content__input {
	border-radius: 4px 4px 0 0
}

.visitor-payment-form .payment .col-right .empty-data .message-error {
	top: 3px
}

.visitor-payment-form .payment .col-right .type-payment__item__content__description {
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 20px
}

.visitor-payment-form .payment .col-right .type-payment__item__content__label {
	font-size: 16px
}

.visitor-payment-form .payment .list-type-payment {
	background: #fff;
	padding: 30px;
	border-radius: 15px
}

@media (max-width:767px) {
	.visitor-payment-form .payment .list-type-payment {
		padding: 20px;
		background: transparent
	}
}

.visitor-payment-form .payment .list-type-payment .wrapper-list-payment {
	margin-bottom: 30px
}

.visitor-payment-form .payment .list-type-payment .wrapper-list-payment.active {
	border: 1px solid #50ad4d
}

.visitor-payment-form .payment .list-type-payment .wrapper-list-payment:last-child {
	margin-bottom: 0
}

@media (max-width:767px) {
	.visitor-payment-form .payment .list-type-payment .wrapper-list-payment {
		background: #fff;
		width: calc(100% + 80px);
		margin-left: -40px;
		padding: 0 20px;
		margin-bottom: 10px
	}
}

.visitor-payment-form .payment .list-type-payment .wrapper-list-payment .title-payment-type {
	color: #999;
	margin-bottom: 10px;
	font-weight: 400;
	font-size: 16px
}

@media (max-width:767px) {
	.visitor-payment-form .payment .list-type-payment .wrapper-list-payment .title-payment-type {
		position: relative;
		padding: 15px 15px 15px 50px;
		font-weight: 700;
		font-size: 14px;
		color: #000;
		margin-bottom: 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: center;
		align-items: center
	}
	.visitor-payment-form .payment .list-type-payment .wrapper-list-payment .title-payment-type .icon-dropdown {
		width: 25px;
		position: absolute;
		left: 15px;
		top: 10px
	}
	.visitor-payment-form .payment .list-type-payment .wrapper-list-payment .title-payment-type.active .icon-dropdown {
		transform: rotate(90deg)
	}
}

.visitor-payment-form .payment .list-type-payment .wrapper-list-payment .list-payment {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:767px) {
	.visitor-payment-form .payment .list-type-payment .wrapper-list-payment .list-payment {
		display: none;
		padding: 0 15px
	}
	.visitor-payment-form .payment .list-type-payment .wrapper-list-payment .list-payment.active {
		display: -ms-flexbox;
		display: flex
	}
}

.visitor-payment-form .payment .list-type-payment .wrapper-list-payment .type-payment__item {
	width: calc(50% - 10px);
	margin-bottom: 15px!important
}

@media (max-width:1199px) {
	.visitor-payment-form .payment .list-type-payment .wrapper-list-payment .type-payment__item {
		width: 100%
	}
}

@media (max-width:991px) {
	.visitor-payment-form .payment .list-type-payment .wrapper-list-payment .type-payment__item {
		width: calc(50% - 5px)
	}
}

.visitor-payment-form .payment .list-type-payment .wrapper-list-payment .type-payment__item__control__label {
	font-size: 16px;
	font-weight: 400;
	cursor: pointer;
	margin-bottom: 0;
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 10px;
	width: 100%;
	min-height: 76px
}

.visitor-payment-form .payment .list-type-payment .wrapper-list-payment .type-payment__item__control__label img {
	display: block;
	margin-top: 5px;
	max-width: 70px;
	max-height: 20px
}

.visitor-payment-form .payment .list-type-payment .wrapper-list-payment .type-payment__item.active .type-payment__item__control__label {
	background-color: #e1f1e2;
	border: 1px solid #50ad4e
}

.visitor-payment-form .payment .info-payment {
	background-color: #fff;
	width: 100%;
	text-align: left;
	border-radius: 15px;
	padding: 25px 30px;
	margin-top: 10px
}

@media (max-width:1200px) {
	.visitor-payment-form .payment .info-payment {
		width: auto
	}
}

@media (max-width:991px) {
	.visitor-payment-form .payment .info-payment {
		padding: 15px;
		border-radius: 0;
		margin: 0 auto
	}
}

@media (max-width:768px) {
	.visitor-payment-form .payment .info-payment {
		max-width: 100%;
		padding: 20px 15px
	}
}

.visitor-payment-form .payment .info-payment__courses {
	padding-bottom: 10px
}

.visitor-payment-form .payment .info-payment__courses h3 {
	font-family: SanFranciscoText, sans-serif;
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: normal;
	text-align: left;
	position: relative;
	padding-right: 100px
}

@media (max-width:540px) {
	.visitor-payment-form .payment .info-payment__courses h3 {
		font-size: 14px;
		padding-right: 70px
	}
}

.visitor-payment-form .payment .info-payment__courses h3 span {
	position: absolute;
	right: 0;
	font-family: SVN-Boing;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: normal
}

@media (max-width:768px) {
	.visitor-payment-form .payment .info-payment__courses h3 span {
		color: #0059b3
	}
}

.visitor-payment-form .payment .info-payment__courses p {
	font-family: SanFranciscoText, sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #666;
	padding-top: 5px
}

@media (max-width:540px) {
	.visitor-payment-form .payment .info-payment__courses p {
		font-size: 12px
	}
}

.visitor-payment-form .payment .info-payment .course-type {
	border-radius: 23px;
	background-color: #1cd1ff;
	padding: 8px 20px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	margin-right: 12px;
	font-family: SVN-ProductSans
}

@media (max-width:991px) {
	.visitor-payment-form .payment .info-payment .course-type {
		display: none!important
	}
}

.visitor-payment-form .payment .info-payment .combo-type {
	background-color: #7ed321
}

.visitor-payment-form .payment .info-payment .dropdown-container-custom {
	margin-top: 30px
}

.visitor-payment-form .payment .info-payment .dropdown-menu-custom {
	width: 100%
}

.visitor-payment-form .payment .info-payment .dropdown-custom {
	margin-top: 18px;
	border-radius: 20px;
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 14px 23px;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:991px) {
	.visitor-payment-form .payment .info-payment .dropdown-custom {
		border-radius: 10px;
		padding: 15px
	}
}

.visitor-payment-form .payment .info-payment .dropdown-custom:after {
	content: none
}

.visitor-payment-form .payment .info-payment .dropdown-item-custom {
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 10px 0
}

.visitor-payment-form .payment .info-payment .dropdown-item-custom,
.visitor-payment-form .payment .info-payment .radio-view {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.visitor-payment-form .payment .info-payment .radio-btn {
	margin-right: 10px;
	border-color: #7ed321!important
}

.visitor-payment-form .payment .info-payment .radio-btn:after {
	content: "";
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	border-radius: 50%;
	position: absolute;
	left: 2px;
	top: 2px;
	opacity: 0;
	background-color: #7ed321
}

.visitor-payment-form .payment .info-payment .radio-btn:checked:after {
	opacity: 1
}

@media (min-width:992px) {
	.visitor-payment-form .payment .info-payment .course-type-td {
		min-width: 137px
	}
}

.visitor-payment-form .payment .info-payment .course-title {
	color: #666;
	font-family: SVN-ProductSans;
	font-size: 16px;
	margin-bottom: 13px;
	font-weight: 400
}

.visitor-payment-form .payment .info-payment .expiry-date {
	color: #333;
	font-family: SVN-ProductSans;
	font-size: 16px
}

@media (max-width:991px) {
	.visitor-payment-form .payment .info-payment .expiry-date {
		font-size: 14px
	}
}

.visitor-payment-form .payment .info-payment .old-price {
	color: #888;
	font-size: 14px;
	margin-left: 10%;
	text-decoration: line-through;
	font-family: SVN-ProductSans
}

@media (max-width:991px) {
	.visitor-payment-form .payment .info-payment .old-price {
		font-size: 12px
	}
}

.visitor-payment-form .payment .info-payment .old-price-select {
	min-width: 90px;
	text-align: right
}

.visitor-payment-form .payment .info-payment .new-price {
	color: #333;
	font-family: SVN-ProductSans;
	font-size: 18px;
	font-weight: 700;
	margin-right: 10px
}

@media (max-width:991px) {
	.visitor-payment-form .payment .info-payment .new-price {
		font-size: 16px
	}
}

.visitor-payment-form .payment .info-payment .price-wrapper {
	width: 60%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:991px) {
	.visitor-payment-form .payment .info-payment .price-wrapper {
		width: 70%
	}
}

.visitor-payment-form .payment .promotion-code {
	position: relative;
	margin-top: 50px
}

.visitor-payment-form .payment .promotion-code .disabled-code {
	display: none
}

@media (max-width:768px) {
	.visitor-payment-form .payment .promotion-code {
		margin-top: 60px
	}
}

@media (max-width:540px) {
	.visitor-payment-form .payment .promotion-code {
		margin-top: 67px
	}
}

.visitor-payment-form .payment .promotion-code:before {
	content: "";
	position: absolute;
	top: -25px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #ddd
}

@media (max-width:768px) {
	.visitor-payment-form .payment .promotion-code:before {
		top: -20px
	}
}

.visitor-payment-form .payment .promotion-code__input {
	width: 100%;
	font-family: SanFranciscoText, sans-serif;
	border-radius: 25px;
	padding: 10px 155px 13px 20px
}

@media (max-width:540px) {
	.visitor-payment-form .payment .promotion-code__input {
		padding: 15px 120px 16px 20px;
		border-radius: 30px;
		height: 50px
	}
}

.visitor-payment-form .payment .promotion-code__input.disabled {
	background-color: #ebebe4
}

.visitor-payment-form .payment .promotion-code__input:-ms-input-placeholder {
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #ccc
}

.visitor-payment-form .payment .promotion-code__input::placeholder {
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #ccc
}

@media (max-width:540px) {
	.visitor-payment-form .payment .promotion-code__input:-ms-input-placeholder {
		font-size: 12px
	}
	.visitor-payment-form .payment .promotion-code__input::placeholder {
		font-size: 12px
	}
}

.visitor-payment-form .payment .promotion-code__btn {
	position: absolute;
	top: 3px;
	right: 3px;
	height: calc(100% - 6px);
	padding: 0 32px;
	border-radius: 25px;
	border: none;
	background-image: linear-gradient(74deg, #3bbdf9, #4e8ff8);
	font-size: 20px;
	color: #fff;
	font-weight: 600
}

@media (max-width:991px) {
	.visitor-payment-form .payment .promotion-code__btn {
		width: 125px;
		padding: 0
	}
}

@media (max-width:540px) {
	.visitor-payment-form .payment .promotion-code__btn {
		width: 110px;
		font-size: 16px;
		height: 46px;
		top: 2px;
		right: 2px
	}
}

.visitor-payment-form .payment .promotion-code__btn .icon-loading {
	top: 0
}

.visitor-payment-form .payment .promotion-code__btn--cancel {
	background-image: linear-gradient(83deg, #ff7345, #f73747)
}

.visitor-payment-form .payment .promotion-code__btn.show-loading .tag-text {
	left: -17px
}

.visitor-payment-form .payment .code-success input {
	border: 1px solid #50ad4e;
	background-color: #dcefdc;
	font-family: SanFranciscoText, sans-serif;
	z-index: 1;
	position: relative
}

.visitor-payment-form .payment .code-success input:focus {
	border: 1px solid #50ad4e
}

.visitor-payment-form .payment .code-success .disabled-code {
	display: block;
	position: absolute;
	z-index: 2;
	right: 15px;
	top: 6px;
	color: #50ad4e;
	background-color: transparent;
	border: none;
	font-size: 30px
}

.visitor-payment-form .payment .price {
	font-size: 18px;
	margin-top: 25px
}

@media (max-width:991px) {
	.visitor-payment-form .payment .price {
		font-size: 14px;
		margin-top: 15px
	}
}

@media (max-width:768px) {
	.visitor-payment-form .payment .price {
		margin-top: 10px
	}
}

.visitor-payment-form .payment .price__discount {
	font-family: SanFranciscoText, sans-serif;
	font-weight: 600;
	margin-bottom: 12px
}

@media (max-width:768px) {
	.visitor-payment-form .payment .price__discount {
		line-height: 27px;
		margin-bottom: 10px
	}
}

.visitor-payment-form .payment .price__discount--name {
	color: #50ad4e;
	font-weight: 400;
	display: none
}

.visitor-payment-form .payment .price__discount--number {
	font-family: SVN-Boing;
	font-size: 18px
}

@media (max-width:991px) {
	.visitor-payment-form .payment .price__discount--number {
		font-size: 16px
	}
}

@media (max-width:768px) {
	.visitor-payment-form .payment .price__discount--number {
		color: #0059b3;
		font-weight: 500
	}
}

.visitor-payment-form .payment .price__total-price {
	font-family: SanFranciscoText, sans-serif;
	font-weight: 600;
	position: relative
}

@media (max-width:768px) {
	.visitor-payment-form .payment .price__total-price {
		line-height: 27px
	}
}

.visitor-payment-form .payment .price__total-price--number {
	font-size: 25px;
	line-height: 1.4;
	color: #ff3737;
	font-family: SVN-Boing, sans-serif;
	position: absolute;
	right: 0;
	top: -7px
}

@media (max-width:991px) {
	.visitor-payment-form .payment .price__total-price--number {
		font-size: 20px
	}
}

@media (max-width:768px) {
	.visitor-payment-form .payment .price__total-price--number {
		top: -2px
	}
}

.visitor-payment-form .payment__btn {
	font-size: 20px;
	margin-top: 30px;
	width: 307px;
	padding: 15px 0!important;
	transition: all .5s ease
}

.visitor-payment-form .payment__btn:hover {
	box-shadow: 0 8px 20px 0 rgba(255, 55, 55, .5)!important
}

.visitor-payment-form .title-info-payment {
	margin-bottom: 10px;
	color: #999;
	font-size: 16px
}

#visitor-soroban .banner {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-soroban-banner.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 70px 0 130px
}

@media (max-width:1200px) {
	#visitor-soroban .banner {
		background-position: 0 100%;
		background-size: 120%
	}
}

@media (max-width:540px) {
	#visitor-soroban .banner {
		padding: 15px 0 220px;
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-soroban-banner-sp.png);
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: cover
	}
}

@media (max-width:320px) {
	#visitor-soroban .banner {
		padding: 15px 0 177px
	}
}

#visitor-soroban .banner .title {
	max-width: 570px
}

@media (max-width:540px) {
	#visitor-soroban .banner .title {
		text-align: center;
		margin: 0 5px
	}
}

#visitor-soroban .banner .title h1 {
	font-size: 30px;
	color: #fff;
	font-weight: 500;
	line-height: 1.1;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
	margin-bottom: 10px
}

@media (max-width:540px) {
	#visitor-soroban .banner .title h1 {
		font-size: 18px;
		padding-bottom: 5px
	}
}

#visitor-soroban .banner .title h1 span {
	display: block;
	color: #f8e71c;
	text-shadow: 0 10px 20px rgba(0, 89, 179, .5);
	font-size: 90px;
	font-weight: 700
}

@media (max-width:540px) {
	#visitor-soroban .banner .title h1 span {
		font-size: 40px
	}
}

#visitor-soroban .banner .title p {
	margin-bottom: 30px;
	font-size: 30px;
	line-height: 1.5;
	color: #fff;
	font-weight: 400
}

@media (max-width:540px) {
	#visitor-soroban .banner .title p {
		font-size: 16px;
		margin-bottom: 15px
	}
}

@media (max-width:320px) {
	#visitor-soroban .banner .title p {
		padding: 0 20px
	}
}

#visitor-soroban .banner .title button {
	margin-left: 100px;
	padding: 13px 30px;
	width: 238px;
	border-radius: 32px;
	box-shadow: 0 8px 20px 0 rgba(255, 115, 69, .5)
}

@media (max-width:540px) {
	#visitor-soroban .banner .title button {
		margin-left: 0;
		font-size: 18px;
		padding: 14px 30px;
		box-shadow: 0 5px 10px 0 rgba(255, 115, 69, .5);
		width: 207px
	}
}

#visitor-soroban .intro {
	padding: 60px 0 100px;
	background-color: #fff1a0;
	margin-top: -1px
}

@media (max-width:540px) {
	#visitor-soroban .intro {
		padding: 0 0 60px
	}
}

@media (max-width:540px) {
	#visitor-soroban .intro h2 {
		margin-bottom: 20px
	}
}

#visitor-soroban .intro ul {
	max-width: 655px;
	border: 2px solid #0059b3;
	border-radius: 20px;
	padding: 20px 20px 20px 30px;
	margin: 0 auto;
	margin-bottom: 40px
}

@media (max-width:540px) {
	#visitor-soroban .intro ul {
		margin: 0 10px 30px;
		padding: 20px;
		border-radius: 30px
	}
}

#visitor-soroban .intro ul li {
	position: relative
}

#visitor-soroban .intro ul li img {
	position: absolute;
	left: 0;
	top: 12px
}

@media (max-width:540px) {
	#visitor-soroban .intro ul li img {
		width: 15px;
		top: 3px
	}
}

#visitor-soroban .intro ul li p {
	padding-left: 30px;
	line-height: 2.5;
	font-family: SanFranciscoText, sans-serif;
	font-size: 18px
}

@media (max-width:540px) {
	#visitor-soroban .intro ul li p {
		font-size: 14px;
		line-height: 1.5
	}
}

#visitor-soroban .intro .video-shadow {
	max-width: 628px;
	max-height: 377px;
	margin: 0 auto
}

@media (max-width:540px) {
	#visitor-soroban .intro .video-shadow {
		max-width: 272px;
		max-height: 165px
	}
}

#visitor-soroban .intro .video-shadow .offset-lg-1 {
	margin-left: 0
}

#visitor-soroban .intro .video_wrapper {
	width: 628px;
	padding-bottom: 377px
}

@media (max-width:540px) {
	#visitor-soroban .intro .video_wrapper {
		width: 272px;
		padding-bottom: 165px
	}
}

#visitor-soroban .info-soroban {
	padding: 80px 0;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-soroban-white.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -30px;
	text-align: center
}

@media (max-width:540px) {
	#visitor-soroban .info-soroban {
		padding: 50px 0;
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-white-soroban.png);
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover
	}
	#visitor-soroban .info-soroban h2 {
		margin-bottom: 20px
	}
}

#visitor-soroban .info-soroban .row {
	max-width: 950px;
	margin: 0 auto;
	margin-bottom: 40px
}

@media (max-width:540px) {
	#visitor-soroban .info-soroban .row {
		margin-bottom: 10px
	}
}

@media (max-width:540px) {
	#visitor-soroban .info-soroban .row .col-md-3:nth-child(3) .info-card img,
	#visitor-soroban .info-soroban .row .col-md-3:nth-child(4) .info-card img {
		left: 10px
	}
}

#visitor-soroban .info-soroban .row .info-card {
	position: relative
}

@media (max-width:540px) {
	#visitor-soroban .info-soroban .row .info-card {
		margin-bottom: 20px;
		min-height: 63px
	}
}

#visitor-soroban .info-soroban .row .info-card img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%)
}

@media (max-width:540px) {
	#visitor-soroban .info-soroban .row .info-card img {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		height: 50px
	}
}

#visitor-soroban .info-soroban .row .info-card p {
	padding-top: 120px;
	font-family: SanFranciscoText, sans-serif;
	font-size: 18px;
	line-height: 1.5
}

@media (max-width:540px) {
	#visitor-soroban .info-soroban .row .info-card p {
		padding-top: 0;
		padding-left: 65px;
		text-align: left;
		font-size: 14px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%)
	}
	#visitor-soroban .info-soroban .row .info-card p br {
		display: none
	}
}

#visitor-soroban .info-soroban button {
	box-shadow: 0 8px 20px 0 rgba(255, 115, 69, .5);
	width: 229px;
	padding: 13px 30px;
	border-radius: 32px
}

@media (max-width:540px) {
	#visitor-soroban .info-soroban button {
		font-size: 18px;
		padding: 15px 30px;
		box-shadow: 0 5px 10px 0 rgba(255, 115, 69, .5);
		width: 199px
	}
}

#visitor-soroban .level {
	padding: 80px 0 100px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-soroban-level.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: auto
}

@media (max-width:540px) {
	#visitor-soroban .level {
		padding: 50px 0 60px;
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-soroban-level-sp.png);
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: 100% 103%
	}
}

#visitor-soroban .level h2 {
	color: #fff;
	max-width: 725px;
	margin: 0 auto;
	margin-bottom: 40px
}

@media (max-width:540px) {
	#visitor-soroban .level h2 {
		margin-bottom: 20px
	}
}

#visitor-soroban .level .row {
	max-width: 960px;
	margin: 0 auto
}

#visitor-soroban .level .row .level-card {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-soroban-card.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 30px 25px 25px;
	text-align: center;
	margin-bottom: 75px
}

@media (max-width:540px) {
	#visitor-soroban .level .row .level-card {
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-soroban-card-sp.png);
		background-position: top;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		padding: 15px 10px;
		position: relative;
		max-width: 290px;
		min-height: 120px;
		margin: 0 auto;
		margin-bottom: 20px
	}
}

#visitor-soroban .level .row .level-card h3 {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-soroban-cloud.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 12px;
	display: inline-block;
	margin: 0 auto;
	margin-bottom: 15px;
	font-size: 25px;
	font-weight: 500;
	line-height: 1.08;
	color: #0059b3
}

@media (max-width:540px) {
	#visitor-soroban .level .row .level-card h3 {
		font-size: 16px;
		position: absolute;
		left: 20px;
		top: 50%;
		transform: translateY(-50%)
	}
}

#visitor-soroban .level .row .level-card p {
	font-size: 18px;
	line-height: 1.5;
	color: #333;
	font-family: SanFranciscoText, sans-serif
}

@media (max-width:768px) {
	#visitor-soroban .level .row .level-card p {
		font-size: 16px
	}
}

@media (max-width:540px) {
	#visitor-soroban .level .row .level-card p {
		font-size: 14px;
		left: 125px;
		padding-right: 10px;
		text-align: left;
		position: absolute;
		top: 50%;
		transform: translateY(-50%)
	}
}

@media (max-width:540px) {
	#visitor-soroban .level .row .col-md-6 {
		width: auto
	}
}

@media (max-width:320px) {
	#visitor-soroban .level .row .col-md-6 {
		padding-left: 10px
	}
}

#visitor-soroban .level .row .level-video {
	text-align: center
}

@media (max-width:540px) {
	#visitor-soroban .level .row .level-video {
		margin-top: 30px
	}
}

#visitor-soroban .level .row .level-video h4 {
	display: inline-block;
	margin: 0 auto;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-soroban-title.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: top;
	width: 135px;
	font-size: 25px;
	font-weight: 600;
	color: #0059b3;
	margin-top: 30px;
	line-height: 36px
}

@media (max-width:540px) {
	#visitor-soroban .level .row .level-video h4 {
		font-size: 16px;
		width: 101px;
		height: 26px;
		line-height: 26px;
		font-weight: 400;
		margin-top: 10px
	}
}

#visitor-soroban .level .row .level-video p {
	margin-top: 15px;
	color: #fff;
	font-size: 25px;
	font-weight: 400
}

@media (max-width:540px) {
	#visitor-soroban .level .row .level-video p {
		font-size: 16px;
		margin-top: 5px
	}
}

#visitor-soroban .level .row .level-video .offset-lg-1 {
	margin-left: -10px
}

@media (max-width:1190px) {
	#visitor-soroban .level .row .level-video .offset-lg-1 {
		margin-left: -15px
	}
}

@media (max-width:992px) {
	#visitor-soroban .level .row .level-video .offset-lg-1 {
		margin-left: -20px
	}
}

@media (max-width:540px) {
	#visitor-soroban .level .row .level-video .offset-lg-1 {
		margin-left: -15px
	}
}

@media (max-width:992px) {
	#visitor-soroban .level .row .level-video .video-shadow {
		width: 339px;
		margin: 0 auto;
		overflow: inherit
	}
}

@media (max-width:540px) {
	#visitor-soroban .level .row .level-video .video-shadow {
		width: 272px;
		margin: 0 auto
	}
}

#visitor-soroban .level .row .level-video .video_wrapper {
	width: 460px;
	padding-bottom: 300px
}

@media (max-width:992px) {
	#visitor-soroban .level .row .level-video .video_wrapper {
		width: 350px;
		padding-bottom: 238px
	}
}

@media (max-width:540px) {
	#visitor-soroban .level .row .level-video .video_wrapper {
		width: 272px;
		padding-bottom: 165px
	}
}

@media (max-width:992px) {
	#visitor-soroban .level .row .level-video .videoPoster {
		border-radius: 40px
	}
}

@media (max-width:540px) {
	#visitor-soroban .level .row .level-video .videoPoster {
		border-radius: 25px
	}
}

#visitor-soroban .mom {
	padding: 80px 0 100px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-cloud2.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	margin-top: -30px
}

@media (max-width:540px) {
	#visitor-soroban .mom {
		padding: 50px 0 60px;
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-cloud2-sp.png);
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover
	}
}

@media (max-width:992px) {
	#visitor-soroban .mom .video-shadow {
		max-width: 350px;
		margin: 0 auto;
		overflow: inherit
	}
}

@media (max-width:540px) {
	#visitor-soroban .mom .video-shadow {
		width: 272px;
		margin: 0 auto;
		margin-bottom: 25px
	}
}

@media (max-width:320px) {
	#visitor-soroban .mom .col-md-6 {
		padding-left: 10px
	}
}

#visitor-soroban .mom .offset-lg-1 {
	margin-left: -10px
}

@media (max-width:1190px) {
	#visitor-soroban .mom .offset-lg-1 {
		margin-left: -15px
	}
}

@media (max-width:540px) {
	#visitor-soroban .mom .offset-lg-1 {
		margin-left: -15px
	}
}

#visitor-soroban .mom .offset-lg-1 .video_wrapper {
	width: 460px;
	padding-bottom: 300px
}

@media (max-width:992px) {
	#visitor-soroban .mom .offset-lg-1 .video_wrapper {
		width: 350px;
		padding-bottom: 240px
	}
}

@media (max-width:540px) {
	#visitor-soroban .mom .offset-lg-1 .video_wrapper {
		width: 272px;
		padding-bottom: 165px
	}
}

@media (max-width:992px) {
	#visitor-soroban .mom .offset-lg-1 .videoPoster {
		border-radius: 40px
	}
}

@media (max-width:540px) {
	#visitor-soroban .mom .offset-lg-1 .videoPoster {
		border-radius: 25px
	}
}

#visitor-soroban .mom h2 {
	max-width: 940px;
	margin: 0 auto;
	margin-bottom: 40px
}

@media (max-width:540px) {
	#visitor-soroban .mom h2 {
		margin-bottom: 20px
	}
}

#visitor-soroban .mom .row {
	max-width: 960px;
	margin: 0 auto
}

#visitor-soroban .mom .row ul {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	padding-left: 30px;
	text-align: left
}

@media (max-width:540px) {
	#visitor-soroban .mom .row ul {
		padding-left: 0;
		margin: 0 10px 20px
	}
}

#visitor-soroban .mom .row ul li {
	position: relative
}

#visitor-soroban .mom .row ul li img {
	position: absolute;
	left: 0;
	top: 12px
}

@media (max-width:768px) {
	#visitor-soroban .mom .row ul li img {
		top: 0
	}
}

#visitor-soroban .mom .row ul li p {
	padding-left: 30px;
	line-height: 2.5;
	font-family: SanFranciscoText, sans-serif;
	font-size: 18px
}

@media (max-width:768px) {
	#visitor-soroban .mom .row ul li p {
		margin-bottom: 10px;
		line-height: 1.33
	}
}

@media (max-width:540px) {
	#visitor-soroban .mom .row ul li p {
		font-size: 14px;
		line-height: 1.5
	}
}

#visitor-soroban .mom .row ul li h4 {
	font-size: 25px;
	font-weight: 500;
	line-height: 1.5;
	color: #0059b3;
	padding-left: 30px;
	padding-top: 4px
}

@media (max-width:540px) {
	#visitor-soroban .mom .row ul li h4 {
		font-size: 16px
	}
}

@media (max-width:768px) {
	#visitor-soroban .mom .row ul li:last-child img {
		top: 12px
	}
}

@media (max-width:540px) {
	#visitor-soroban .mom .row ul li:last-child img {
		top: 6px
	}
}

#visitor-soroban .mom .btn-visitor-banner {
	margin-top: 50px;
	box-shadow: 0 8px 20px 0 rgba(255, 115, 69, .5);
	width: 229px;
	padding: 13px 30px;
	border-radius: 32px
}

@media (max-width:540px) {
	#visitor-soroban .mom .btn-visitor-banner {
		font-size: 18px;
		padding: 15px 30px;
		box-shadow: 0 5px 10px 0 rgba(255, 115, 69, .5);
		width: 199px;
		margin-top: 10px
	}
}

#visitor-soroban .feedback {
	padding: 80px 0 40px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-soroban-white.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -45px
}

@media (max-width:540px) {
	#visitor-soroban .feedback {
		padding: 50px 0 65px;
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-white-soroban.png);
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
		margin-top: -25px
	}
}

#visitor-soroban .feedback h2 {
	max-width: 940px;
	margin: 0 auto;
	margin-bottom: 40px
}

@media (max-width:540px) {
	#visitor-soroban .feedback h2 {
		margin-bottom: 25px
	}
}

#visitor-soroban .feedback .slick button {
	position: absolute;
	bottom: -60px;
	font-size: 0;
	line-height: 0;
	padding: 25px 30px 25px 20px;
	border-radius: 20px;
	box-shadow: 3px 2px 0 0 #a63e3e;
	background-color: #fc6046;
	border: none;
	margin-top: -30px;
	z-index: 5
}

@media (max-width:540px) {
	#visitor-soroban .feedback .slick button {
		padding: 20px 25px 20px 15px;
		border-radius: 10px;
		margin-top: 195px
	}
}

@media (max-width:320px) {
	#visitor-soroban .feedback .slick button {
		margin-top: 180px
	}
}

#visitor-soroban .feedback .slick button:before {
	content: "";
	font-size: 0;
	line-height: 0
}

#visitor-soroban .feedback .slick button:active {
	box-shadow: 0 0 0 0;
	bottom: -62px
}

#visitor-soroban .feedback .slick button:after {
	font-size: 30px;
	color: #fff
}

#visitor-soroban .feedback .slick .slick-prev {
	left: -60px
}

@media (max-width:540px) {
	#visitor-soroban .feedback .slick .slick-prev {
		left: 32%
	}
}

#visitor-soroban .feedback .slick .slick-prev:active {
	left: -57px
}

@media (max-width:540px) {
	#visitor-soroban .feedback .slick .slick-prev:active {
		left: calc(32% + 3px)
	}
}

#visitor-soroban .feedback .slick .slick-prev:after {
	content: "\F104";
	font-family: FontAwesome
}

#visitor-soroban .feedback .slick .slick-next {
	right: -60px;
	box-shadow: -3px 2px 0 0 #a63e3e
}

@media (max-width:540px) {
	#visitor-soroban .feedback .slick .slick-next {
		right: 32%
	}
}

#visitor-soroban .feedback .slick .slick-next:active {
	right: -57px
}

@media (max-width:540px) {
	#visitor-soroban .feedback .slick .slick-next:active {
		right: calc(32% + 3px)
	}
}

#visitor-soroban .feedback .slick .slick-next:after {
	content: "\F105";
	font-family: FontAwesome
}

#visitor-soroban .feedback .slick .slick-card .feedback-card {
	text-align: center
}

#visitor-soroban .feedback .slick .slick-card .feedback-card img {
	margin: 0 auto;
	margin-bottom: 10px
}

@media (max-width:320px) {
	#visitor-soroban .feedback .slick .slick-card .feedback-card img {
		width: 115px
	}
}

#visitor-soroban .feedback .row {
	max-width: 940px;
	text-align: center;
	margin: 0 auto
}

#visitor-soroban .feedback .row .feedback-card {
	margin-bottom: 40px
}

@media (max-width:540px) {
	#visitor-soroban .feedback .row .feedback-card {
		margin-bottom: 30px
	}
}

#visitor-soroban .feedback .row .feedback-card img {
	margin-bottom: 30px
}

@media (max-width:768px) {
	#visitor-soroban .feedback .row .feedback-card img {
		width: 154px
	}
}

@media (max-width:540px) {
	#visitor-soroban .feedback .row .feedback-card img {
		margin-bottom: 10px;
		width: 126px
	}
}

#visitor-soroban .register {
	padding: 80px 0;
	text-align: center;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-soroban-register.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover
}

@media (max-width:540px) {
	#visitor-soroban .register {
		padding: 40px 0 52px
	}
}

#visitor-soroban .register .empty-data .message-error {
	background: #ff5965;
	color: #fff;
	font-size: 14px;
	padding: 5px 5px 5px 20px;
	margin-top: 5px;
	border-radius: 10px
}

#visitor-soroban .register .empty-data input {
	border: none!important
}

#visitor-soroban .register h2 {
	color: #fff;
	font-weight: 500;
	margin-bottom: 25px
}

@media (max-width:540px) {
	#visitor-soroban .register h2 {
		line-height: 1.9;
		margin-bottom: 5px;
		font-size: 16px
	}
}

#visitor-soroban .register h2 br {
	display: block
}

#visitor-soroban .register h3 {
	font-size: 25px;
	font-weight: 500;
	line-height: 1.74;
	color: #fff;
	margin-bottom: 10px
}

@media (max-width:540px) {
	#visitor-soroban .register h3 {
		font-size: 16px
	}
}

#visitor-soroban .register h3 .text-yellow {
	font-weight: 700;
	color: #f8e71c
}

#visitor-soroban .register .price {
	max-width: 575px;
	margin: 0 auto;
	border-radius: 10px;
	margin-bottom: 15px
}

@media (max-width:540px) {
	#visitor-soroban .register .price {
		max-width: 260px;
		margin-bottom: 30px
	}
}

#visitor-soroban .register .price .col-8 {
	padding: 15px 0;
	border-radius: 10px 0 0 10px;
	background-color: #fd6645
}

@media (max-width:540px) {
	#visitor-soroban .register .price .col-8 {
		padding: 10px 0
	}
}

#visitor-soroban .register .price .col-8 p {
	font-size: 25px;
	color: #fff
}

@media (max-width:540px) {
	#visitor-soroban .register .price .col-8 p {
		font-size: 16px
	}
}

#visitor-soroban .register .price .col-8 p span {
	font-size: 30px;
	font-weight: 700
}

@media (max-width:540px) {
	#visitor-soroban .register .price .col-8 p span {
		font-size: 18px
	}
}

#visitor-soroban .register .price .col-4 {
	background-color: #fff;
	border-radius: 0 10px 10px 0
}

@media (max-width:540px) {
	#visitor-soroban .register .price .col-4 {
		padding: 0
	}
}

#visitor-soroban .register .price .col-4 p {
	font-size: 25px;
	font-weight: 500;
	color: #0059b3;
	padding: 19px 0
}

@media (max-width:540px) {
	#visitor-soroban .register .price .col-4 p {
		font-size: 16px;
		padding: 12px 0
	}
}

#visitor-soroban .register .gift p {
	font-size: 25px;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	color: #fff
}

@media (max-width:540px) {
	#visitor-soroban .register .gift p {
		font-size: 16px
	}
}

#visitor-soroban .register .gift img {
	margin: 15px 0 40px
}

@media (max-width:540px) {
	#visitor-soroban .register .gift img {
		margin: 15px 0 30px
	}
}

#visitor-soroban .register .clock {
	margin-bottom: 40px
}

@media (max-width:540px) {
	#visitor-soroban .register .clock {
		margin-bottom: 30px
	}
}

#visitor-soroban .register .clock p {
	font-size: 25px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	margin-bottom: 20px
}

@media (max-width:540px) {
	#visitor-soroban .register .clock p {
		font-size: 16px;
		margin-bottom: 15px
	}
}

#visitor-soroban .register .clock .clock-time {
	max-width: 585px;
	margin: 0 auto
}

@media (max-width:540px) {
	#visitor-soroban .register .clock .clock-time {
		max-width: 310px
	}
}

@media (max-width:320px) {
	#visitor-soroban .register .clock .clock-time {
		margin: 0 -10px
	}
}

@media (max-width:540px) {
	#visitor-soroban .register .clock .clock-time .col-3 {
		padding: 0 5px
	}
}

#visitor-soroban .register .clock .clock-time p {
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	color: #0059b3;
	background-color: #f8e71c;
	border-radius: 50%;
	border: 5px solid #a3e0fc;
	width: 135px;
	height: 135px;
	margin-bottom: 0
}

@media (max-width:540px) {
	#visitor-soroban .register .clock .clock-time p {
		font-size: 12px;
		width: 60px;
		height: 60px;
		border: 3px solid #a3e0fc;
		margin: 0 auto
	}
}

#visitor-soroban .register .clock .clock-time p span {
	display: block;
	font-size: 50px;
	font-weight: 700;
	text-align: center;
	color: #0059b3;
	padding: 10px 0 0;
	margin-bottom: -10px;
	line-height: 66px
}

@media (max-width:540px) {
	#visitor-soroban .register .clock .clock-time p span {
		font-size: 16px;
		padding: 8px 0 0;
		margin-bottom: -5px;
		line-height: 23px
	}
}

@media (max-width:540px) {
	#visitor-soroban .register .register-form h3 {
		margin-bottom: -10px
	}
}

#visitor-soroban .register .register-form form {
	width: 100%;
	text-align: left
}

#visitor-soroban .register .register-form form .wrapper_input {
	margin: 0 auto;
	padding: 0 15px;
	max-width: 375px
}

@media (min-width:992px) {
	#visitor-soroban .register .register-form form .wrapper_input {
		max-width: 100%
	}
}

@media (min-width:992px) {
	#visitor-soroban .register .register-form form .wrapper_input .wrapper-item {
		width: 405px;
		margin: 0 auto;
		text-align: center
	}
}

#visitor-soroban .register .register-form form .wrapper_input p {
	font-size: 14px;
	padding: 0
}

#visitor-soroban .register .register-form form .wrapper_input p span {
	color: red
}

@media (min-width:768px) {
	#visitor-soroban .register .register-form form .wrapper_input p span {
		display: inline
	}
}

@media (min-width:992px) {
	#visitor-soroban .register .register-form form .wrapper_input p {
		font-size: 18px
	}
}

@media (min-width:992px) {
	#visitor-soroban .register .register-form form .wrapper_input {
		padding: 0 40px 35px
	}
}

#visitor-soroban .register .register-form button {
	box-shadow: 0 8px 20px 0 rgba(255, 115, 69, .5);
	width: 229px;
	padding: 13px 30px;
	border-radius: 32px
}

@media (max-width:992px) {
	#visitor-soroban .register .register-form button {
		margin-top: 30px
	}
}

@media (max-width:540px) {
	#visitor-soroban .register .register-form button {
		font-size: 18px;
		padding: 15px 30px;
		box-shadow: 0 5px 10px 0 rgba(255, 115, 69, .5);
		width: 199px
	}
}

#visitor-soroban .register .register-form .form-group {
	position: relative;
	margin-bottom: 5px;
	padding: 20px 20px 0
}

@media (max-width:540px) {
	#visitor-soroban .register .register-form .form-group {
		margin-bottom: 0;
		padding: 20px 0 0
	}
}

#visitor-soroban .register .register-form input {
	font-size: 16px;
	padding: 4px 10px 10px 20px;
	display: block;
	width: 100%;
	border: none;
	border-radius: 0 0 20px 20px
}

@media (max-width:540px) {
	#visitor-soroban .register .register-form input {
		font-size: 14px
	}
}

#visitor-soroban .register .register-form input:focus {
	border: none!important
}

#visitor-soroban .register .register-form .white {
	display: block;
	height: 25px;
	width: 100%;
	margin-bottom: -1px;
	background-color: #fff;
	border-radius: 20px 20px 0 0
}

#visitor-soroban .register .register-form input:focus {
	outline: none
}

#visitor-soroban .register .register-form label {
	color: #333;
	font-family: SanFranciscoText, sans-serif;
	font-size: 18px;
	font-weight: 400;
	position: absolute;
	pointer-events: none;
	left: 40px;
	top: 38px;
	transition: all .2s ease;
	-moz-transition: .2s ease all;
	-webkit-transition: all .2s ease
}

@media (max-width:540px) {
	#visitor-soroban .register .register-form label {
		font-size: 14px;
		left: 20px
	}
}

#visitor-soroban .register .register-form label span {
	color: red
}

#visitor-soroban .register .register-form input:not(:placeholder-shown)~label {
	top: 25px;
	font-size: 14px
}

#visitor-soroban .register .register-form input:disabled~label,
#visitor-soroban .register .register-form input:focus~label {
	top: 25px;
	font-size: 14px;
	color: #333
}

#visitor-soroban .register .register-form input:disabled {
	color: #999;
	background-color: #fff
}

#visitor-soroban .register .register-form .bar {
	position: relative;
	display: block;
	width: 100%
}

#visitor-soroban .register .register-form .bar:after,
#visitor-soroban .register .register-form .bar:before {
	content: "";
	height: 2px;
	width: 0;
	bottom: 0;
	position: absolute;
	background: #3f75de;
	transition: all .2s ease;
	-moz-transition: .2s ease all;
	-webkit-transition: all .2s ease
}

#visitor-soroban .register .register-form .bar:before {
	left: 50%
}

#visitor-soroban .register .register-form .bar:after {
	right: 50%
}

#visitor-soroban .register .register-form input:disabled~.bar:after,
#visitor-soroban .register .register-form input:disabled~.bar:before,
#visitor-soroban .register .register-form input:focus~.bar:after,
#visitor-soroban .register .register-form input:focus~.bar:before {
	width: 46%
}

#visitor-soroban .register .register-form .highlight {
	position: absolute;
	height: 60%;
	top: 25%;
	left: 0;
	pointer-events: none;
	opacity: .5
}

#visitor-soroban .register .register-form input:disabled~.highlight,
#visitor-soroban .register .register-form input:focus~.highlight {
	animation: inputHighlighter .3s ease
}

#visitor-english {
	background-color: #65ead1;
	background-image: none
}

#visitor-english .nav-lp {
	background-color: #65ead1;
	box-shadow: 0 3px 10px 0 #6ac8b6
}

@media (max-width:1140px) {
	#visitor-english .nav-lp .nav-button li {
		padding: 15px 25px
	}
}

#visitor-english .nav-lp .nav-button li a {
	color: #0059b3
}

#visitor-english .banner {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-english-banner.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 20px 0
}

@media (max-width:768px) {
	#visitor-english .banner {
		background-image: none;
		background-color: #65ead1
	}
}

#visitor-english .banner .container {
	position: relative
}

#visitor-english .banner .kid {
	position: absolute;
	left: 65px;
	top: 82px
}

@media (max-width:1024px) {
	#visitor-english .banner .kid {
		left: 0;
		top: 105px
	}
}

@media (max-width:768px) {
	#visitor-english .banner .kid {
		z-index: 0;
		left: -35px;
		top: 120px;
		width: 250px
	}
}

@media (max-width:540px) {
	#visitor-english .banner .kid {
		width: 117px;
		left: 23px;
		top: 182px
	}
}

#visitor-english .banner .title {
	margin-left: 362px
}

@media (max-width:768px) {
	#visitor-english .banner .title {
		margin-left: 0;
		position: relative;
		z-index: 1
	}
}

#visitor-english .banner .title .title-text {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-title-text-english.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	max-width: 560px;
	position: relative;
	margin-left: 107px
}

@media (max-width:540px) {
	#visitor-english .banner .title .title-text {
		margin: 0 auto;
		max-width: 303px
	}
}

@media (max-width:320px) {
	#visitor-english .banner .title .title-text {
		margin: 0 -10px
	}
}

#visitor-english .banner .title .title-text h1 {
	font-family: SVN-Boing;
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	color: #ee408b;
	padding-top: 10px
}

@media (max-width:540px) {
	#visitor-english .banner .title .title-text h1 {
		font-size: 21px;
		padding-top: 5px
	}
}

#visitor-english .banner .title .title-text h2 {
	font-family: SVN-Boing;
	font-size: 31px;
	font-weight: 600;
	line-height: 1.2;
	color: #0059b3;
	text-align: left;
	padding-bottom: 20px;
	padding-left: 120px;
	margin-bottom: 0
}

@media (max-width:1140px) {
	#visitor-english .banner .title .title-text h2 {
		padding-left: 100px
	}
}

@media (max-width:768px) {
	#visitor-english .banner .title .title-text h2 {
		padding-left: 115px
	}
}

@media (max-width:540px) {
	#visitor-english .banner .title .title-text h2 {
		font-size: 18px;
		padding: 0 0 12px 57px
	}
}

#visitor-english .banner .title .title-text h2 br {
	display: block
}

#visitor-english .banner .title .title-text img {
	position: absolute;
	right: 175px;
	bottom: 20px
}

@media (max-width:1140px) {
	#visitor-english .banner .title .title-text img {
		right: 165px
	}
}

@media (max-width:768px) {
	#visitor-english .banner .title .title-text img {
		right: 175px
	}
}

@media (max-width:540px) {
	#visitor-english .banner .title .title-text img {
		width: 80px;
		right: 90px;
		bottom: 10px
	}
}

#visitor-english .banner .title h3 {
	font-family: SVN-Boing;
	font-size: 20px;
	font-weight: 600;
	line-height: 2.43;
	text-align: center;
	color: #0059b3;
	padding-right: 70px
}

@media (max-width:768px) {
	#visitor-english .banner .title h3 {
		padding-right: 0
	}
}

@media (max-width:540px) {
	#visitor-english .banner .title h3 {
		font-size: 14px;
		line-height: 3.46
	}
}

#visitor-english .banner .title p {
	font-family: SVN-Boing;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	color: #333;
	margin-bottom: 20px
}

@media (max-width:540px) {
	#visitor-english .banner .title p {
		font-size: 14px;
		margin-top: -12px
	}
}

#visitor-english .banner .title p span {
	font-weight: 500;
	padding-right: 70px
}

@media (max-width:768px) {
	#visitor-english .banner .title p span {
		padding-right: 0
	}
}

#visitor-english .banner .title .row {
	margin-right: 70px
}

@media (max-width:1140px) {
	#visitor-english .banner .title .row {
		margin-right: 0
	}
}

#visitor-english .banner .title ul {
	background-color: #befdf1;
	border-radius: 10px;
	padding: 5px 10px;
	margin-left: 300px
}

@media (max-width:540px) {
	#visitor-english .banner .title ul {
		margin-left: 115px
	}
}

#visitor-english .banner .title ul li {
	position: relative;
	padding-left: 30px
}

@media (max-width:540px) {
	#visitor-english .banner .title ul li {
		padding-left: 20px
	}
}

#visitor-english .banner .title ul li p {
	text-align: left;
	margin: 10px 0
}

@media (max-width:540px) {
	#visitor-english .banner .title ul li p {
		font-size: 14px;
		margin: 5px 0
	}
}

#visitor-english .banner .title ul img {
	position: absolute;
	left: 0;
	top: 0;
	width: 20px
}

@media (max-width:540px) {
	#visitor-english .banner .title ul img {
		width: 12px;
		top: 2px
	}
}

#visitor-english .banner .title .banner-card {
	text-align: center;
	padding: 20px;
	background-color: #befdf1;
	border-radius: 30px
}

#visitor-english .banner .title .banner-card p {
	margin-bottom: 0;
	line-height: 1.33;
	font-size: 18px;
	ont-family: SanFranciscoText, sans-serif;
	text-align: center;
	font-weight: 500
}

#visitor-english .banner button {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -80px;
	box-shadow: 0 8px 20px 0 rgba(255, 55, 55, .5)
}

@media (max-width:540px) {
	#visitor-english .banner button {
		font-size: 18px;
		position: absolute;
		bottom: -75px;
		padding: 14px 30px;
		border-radius: 32px;
		left: 63%;
		box-shadow: 0 5px 10px 0 rgba(255, 55, 55, .5)
	}
}

@media (max-width:375px) {
	#visitor-english .banner button {
		bottom: -20px;
		position: relative;
		left: 50%
	}
}

#visitor-english .intro {
	padding: 165px 0 70px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-intro-english.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	margin-bottom: -1px
}

@media (max-width:540px) {
	#visitor-english .intro {
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-intro-english-sp.png);
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 94px 0 30px;
		margin-top: 75px
	}
}

@media (max-width:375px) {
	#visitor-english .intro {
		margin-top: 25px
	}
}

#visitor-english .intro .card-top {
	margin-bottom: 15px
}

@media (max-width:768px) {
	#visitor-english .intro .card-top {
		padding: 0 30px
	}
}

@media (max-width:540px) {
	#visitor-english .intro .card-top {
		padding: 0 15px
	}
}

#visitor-english .intro .card-top img {
	margin-bottom: 18px
}

@media (max-width:540px) {
	#visitor-english .intro .card-top img {
		width: 167px;
		margin: 0 auto;
		margin-bottom: 12px
	}
}

#visitor-english .intro .card-top p {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.33;
	text-align: center;
	color: #333;
	font-family: SanFranciscoText, sans-serif;
	padding: 0 15px
}

@media (max-width:540px) {
	#visitor-english .intro .card-top p {
		font-size: 14px;
		line-height: 1.5;
		text-align: justify;
		padding: 0 10px
	}
}

@media (max-width:540px) {
	#visitor-english .intro .card-bot {
		position: relative;
		min-height: 65px;
		margin-bottom: 20px
	}
}

#visitor-english .intro .card-bot img {
	margin-bottom: 10px
}

@media (max-width:540px) {
	#visitor-english .intro .card-bot img {
		width: 70px;
		position: absolute;
		left: 18px
	}
}

#visitor-english .intro .card-bot p {
	font-family: SanFranciscoText, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.33;
	text-align: center;
	color: #333;
	padding: 0 20px
}

@media (max-width:1280px) {
	#visitor-english .intro .card-bot p {
		padding: 0
	}
}

@media (max-width:540px) {
	#visitor-english .intro .card-bot p {
		margin-left: 80px;
		font-size: 14px;
		line-height: 1.5;
		text-align: left;
		position: relative;
		top: 50%;
		transform: translateY(-50%)
	}
}

#visitor-english .intro h3 {
	font-family: SanFranciscoText, sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.33;
	text-align: left;
	color: #333;
	position: relative;
	padding-left: 35px;
	margin-bottom: 40px
}

@media (max-width:540px) {
	#visitor-english .intro h3 {
		line-height: 1.5;
		font-size: 14px;
		margin-bottom: 20px
	}
}

#visitor-english .intro h3 img {
	position: absolute;
	left: 0;
	top: 3px
}

@media (max-width:540px) {
	#visitor-english .intro h3 img {
		width: 15px;
		left: 10px
	}
}

#visitor-english .info-english {
	padding: 70px 0 80px;
	background-color: #fff;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-ovo.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover
}

@media (max-width:540px) {
	#visitor-english .info-english {
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-ovo-mb.png);
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 50px 0 30px
	}
}

#visitor-english .info-english h2 {
	color: #f469a9;
	font-weight: 400;
	margin-bottom: 30px
}

#visitor-english .info-english h2 span {
	font-weight: 600
}

#visitor-english .info-english .info-card {
	position: relative;
	min-height: 62px;
	margin-bottom: 20px
}

#visitor-english .info-english .info-card img {
	position: absolute;
	left: 10px;
	width: 62px
}

#visitor-english .info-english .info-card p {
	font-size: 14px;
	line-height: 1.5;
	padding-left: 85px;
	position: relative;
	font-weight: 400;
	font-family: SanFranciscoText, sans-serif;
	top: 8px
}

#visitor-english .choice {
	padding: 70px 0;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-choice-english.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover
}

@media (max-width:540px) {
	#visitor-english .choice {
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-choice-english-mb.png);
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 50px 0 45px;
		margin-bottom: -1px
	}
}

#visitor-english .choice h2 {
	color: #fff
}

@media (max-width:540px) {
	#visitor-english .choice h2 {
		margin-bottom: 20px
	}
}

#visitor-english .choice h2 br {
	display: block
}

#visitor-english .choice ul {
	color: #fff
}

#visitor-english .choice ul li {
	font-weight: 400;
	font-family: SanFranciscoText, sans-serif;
	position: relative;
	font-size: 18px;
	padding: 0 48px 10px 30px;
	line-height: 1.33
}

@media (max-width:540px) {
	#visitor-english .choice ul li {
		font-size: 14px;
		line-height: 1.5;
		padding: 0 10px 5px 35px
	}
}

#visitor-english .choice ul li img {
	position: absolute;
	left: 0;
	top: 2px
}

@media (max-width:540px) {
	#visitor-english .choice ul li img {
		left: 10px;
		top: 2px;
		width: 14px
	}
}

#visitor-english .money {
	padding: 80px 0 90px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-green-english.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center
}

@media (max-width:540px) {
	#visitor-english .money {
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-green-english-sp.png);
		background-position: top;
		background-repeat: no-repeat;
		background-size: 100%;
		padding: 50px 0 40px
	}
}

#visitor-english .money .video-shadow {
	max-width: 552px
}

@media (max-width:768px) {
	#visitor-english .money .video-shadow {
		margin: 0 auto;
		margin-bottom: 30px
	}
}

@media (max-width:540px) {
	#visitor-english .money .video-shadow {
		max-width: 272px
	}
}

@media (min-width:992px) {
	#visitor-english .money .offset-lg-1 {
		margin-left: 0
	}
}

#visitor-english .money .offset-lg-1 .video_wrapper {
	width: 552px;
	padding-bottom: 331px
}

#visitor-english .money .offset-lg-1 .video_wrapper button {
	width: 100%
}

@media (max-width:540px) {
	#visitor-english .money .offset-lg-1 .video_wrapper {
		width: 272px;
		padding-bottom: 165px
	}
}

#visitor-english .money h3 {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-money-title.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	width: 714px;
	font-size: 36px;
	color: #0059b3;
	font-weight: 400;
	padding-bottom: 10px;
	margin: 0 auto;
	line-height: 45px
}

@media (max-width:540px) {
	#visitor-english .money h3 {
		background-size: 100% 100%;
		width: auto;
		font-size: 16px;
		color: #0059b3;
		padding: 10px 0 15px;
		line-height: 20px
	}
}

#visitor-english .money h2 {
	color: #f469a9;
	font-weight: 400;
	margin-bottom: 20px
}

@media (max-width:540px) {
	#visitor-english .money h2 {
		margin-bottom: 10px
	}
}

#visitor-english .money h2 br {
	display: block
}

#visitor-english .money h2 span {
	color: #0059b3;
	font-size: 44px;
	line-height: 49px
}

@media (max-width:540px) {
	#visitor-english .money h2 span {
		font-size: 24px
	}
}

#visitor-english .money button {
	display: block;
	margin: 0 auto;
	box-shadow: 0 8px 20px 0 rgba(255, 55, 55, .5)
}

@media (max-width:540px) {
	#visitor-english .money button {
		font-size: 18px;
		padding: 17px 30px;
		border-radius: 32px;
		width: 193px;
		box-shadow: 0 5px 10px 0 rgba(255, 55, 55, .5)
	}
}

#visitor-english .money .train {
	margin: 40px 0
}

@media (max-width:540px) {
	#visitor-english .money .train {
		margin: 0 auto;
		width: 146px;
		margin-top: 20px;
		margin-bottom: 20px
	}
}

#visitor-english .money h4 {
	font-size: 36px;
	color: #f469a9;
	line-height: 1.5;
	font-weight: 400;
	margin-bottom: 20px
}

@media (max-width:540px) {
	#visitor-english .money h4 {
		font-size: 20px
	}
}

#visitor-english .money h4 span {
	font-weight: 700
}

#visitor-english .money ul {
	text-align: left
}

@media (max-width:768px) {
	#visitor-english .money ul {
		padding: 0 74px
	}
}

@media (max-width:540px) {
	#visitor-english .money ul {
		padding: 0
	}
}

#visitor-english .money ul li {
	font-size: 18px;
	font-family: SanFranciscoText, sans-serif;
	line-height: 1.83;
	text-align: left;
	color: #333;
	font-weight: 400;
	padding-left: 25px;
	position: relative
}

@media (max-width:540px) {
	#visitor-english .money ul li {
		font-size: 14px;
		line-height: 1.5
	}
}

#visitor-english .money ul li span {
	font-weight: 700
}

#visitor-english .money ul li img {
	position: absolute;
	left: 0;
	top: 6px
}

@media (max-width:540px) {
	#visitor-english .money ul li img {
		width: 12px
	}
}

#visitor-english .certificate {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-yellow-english.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 90px 0
}

@media (max-width:768px) {
	#visitor-english .certificate {
		background-size: cover
	}
}

@media (max-width:540px) {
	#visitor-english .certificate {
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-yellow-english-sp.png);
		background-position: top;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		padding: 45px 0 25px
	}
}

#visitor-english .certificate h2 {
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	color: #f469a9;
	margin-bottom: 30px
}

@media (max-width:540px) {
	#visitor-english .certificate h2 {
		margin-bottom: 15px
	}
}

#visitor-english .certificate h2 .text-blue {
	font-weight: 600;
	color: #0059b3
}

@media (max-width:540px) {
	#visitor-english .certificate h2 .text-blue {
		display: block
	}
}

#visitor-english .certificate .text {
	font-family: SanFranciscoText, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.33;
	text-align: left;
	color: #333;
	padding-top: 20px;
	position: relative
}

@media (max-width:540px) {
	#visitor-english .certificate .text {
		font-size: 14px;
		line-height: 1.5;
		padding-top: 150px
	}
}

#visitor-english .certificate .text p {
	padding: 13px 0;
	max-width: 638px
}

@media (max-width:1140px) {
	#visitor-english .certificate .text p {
		max-width: 560px
	}
}

@media (max-width:768px) {
	#visitor-english .certificate .text p {
		max-width: 410px
	}
}

#visitor-english .certificate .text p:first-child {
	border-bottom: 1px solid #cfd0b5
}

#visitor-english .certificate .text img {
	position: absolute;
	right: 0;
	top: 0
}

@media (max-width:768px) {
	#visitor-english .certificate .text img {
		position: absolute;
		right: 0;
		top: 30px;
		width: 300px
	}
}

@media (max-width:540px) {
	#visitor-english .certificate .text img {
		width: 254px;
		top: 0;
		left: 50%;
		transform: translateX(-50%)
	}
}

#visitor-english .feedback {
	padding: 80px 0;
	background-color: #fff
}

@media (max-width:540px) {
	#visitor-english .feedback {
		padding: 50px 0 80px
	}
}

#visitor-english .feedback h2 {
	color: #f469a9
}

@media (max-width:540px) {
	#visitor-english .feedback h2 {
		margin-bottom: 20px
	}
}

#visitor-english .feedback .slick button {
	position: absolute;
	bottom: -60px;
	font-size: 0;
	line-height: 0;
	padding: 25px 30px 25px 20px;
	border-radius: 20px;
	box-shadow: 3px 2px 0 0 #a63e3e;
	background-color: #fc6046;
	border: none;
	margin-top: -30px;
	z-index: 5
}

@media (max-width:540px) {
	#visitor-english .feedback .slick button {
		padding: 20px 25px 20px 15px;
		border-radius: 10px;
		margin-top: 215px
	}
}

@media (max-width:375px) {
	#visitor-english .feedback .slick button {
		margin-top: 235px
	}
}

@media (max-width:320px) {
	#visitor-english .feedback .slick button {
		margin-top: 265px
	}
}

#visitor-english .feedback .slick button:before {
	content: "";
	font-size: 0;
	line-height: 0
}

#visitor-english .feedback .slick button:active {
	box-shadow: 0 0 0 0;
	bottom: -62px
}

#visitor-english .feedback .slick button:after {
	font-size: 30px;
	color: #fff
}

#visitor-english .feedback .slick .slick-prev {
	left: -60px
}

@media (max-width:540px) {
	#visitor-english .feedback .slick .slick-prev {
		left: 32%
	}
}

#visitor-english .feedback .slick .slick-prev:active {
	left: -57px
}

@media (max-width:540px) {
	#visitor-english .feedback .slick .slick-prev:active {
		left: calc(32% + 3px)
	}
}

#visitor-english .feedback .slick .slick-prev:after {
	content: "\F104";
	font-family: FontAwesome
}

#visitor-english .feedback .slick .slick-next {
	right: -60px;
	box-shadow: -3px 2px 0 0 #a63e3e
}

@media (max-width:540px) {
	#visitor-english .feedback .slick .slick-next {
		right: 32%
	}
}

#visitor-english .feedback .slick .slick-next:active {
	right: -57px
}

@media (max-width:540px) {
	#visitor-english .feedback .slick .slick-next:active {
		right: calc(32% + 3px)
	}
}

#visitor-english .feedback .slick .slick-next:after {
	content: "\F105";
	font-family: FontAwesome
}

#visitor-english .feedback .feedback-card {
	box-shadow: 0 7px 10px 0 rgba(244, 105, 169, .59);
	background-color: #fff;
	border-radius: 30px;
	padding: 30px 50px 40px 58px;
	border: .5px solid #f469a9;
	color: #333;
	font-size: 18px;
	font-family: SanFranciscoText, sans-serif;
	height: 467px
}

@media (max-width:1140px) {
	#visitor-english .feedback .feedback-card {
		height: auto;
		border-radius: 10px;
		box-shadow: 0 4px 11px 0 #fddbeb;
		border: 1px solid #fddbeb;
		min-height: 514px
	}
}

@media (max-width:768px) {
	#visitor-english .feedback .feedback-card {
		padding: 20px 30px 30px 38px;
		min-height: 609px
	}
}

@media (max-width:540px) {
	#visitor-english .feedback .feedback-card {
		padding: 15px;
		margin: 0 5px 20px;
		min-height: 369px
	}
}

@media (max-width:375px) {
	#visitor-english .feedback .feedback-card {
		min-height: 411px
	}
}

@media (max-width:320px) {
	#visitor-english .feedback .feedback-card {
		min-height: 474px
	}
}

#visitor-english .feedback .feedback-card .top-card {
	height: 100px;
	position: relative;
	margin-bottom: 20px
}

@media (max-width:540px) {
	#visitor-english .feedback .feedback-card .top-card {
		height: 55px;
		margin-bottom: 30px
	}
}

#visitor-english .feedback .feedback-card .top-card img {
	width: 100px;
	position: absolute;
	left: 0
}

@media (max-width:540px) {
	#visitor-english .feedback .feedback-card .top-card img {
		width: 55px
	}
}

#visitor-english .feedback .feedback-card .top-card h5 {
	font-weight: 700;
	padding: 25px 0 5px 115px
}

@media (max-width:540px) {
	#visitor-english .feedback .feedback-card .top-card h5 {
		font-size: 14px;
		padding: 9px 0 2px 62px
	}
}

#visitor-english .feedback .feedback-card .top-card p {
	padding-left: 115px;
	font-weight: 400
}

@media (max-width:540px) {
	#visitor-english .feedback .feedback-card .top-card p {
		padding-left: 62px;
		font-size: 14px
	}
}

#visitor-english .feedback .feedback-card .top-card p:after,
#visitor-english .feedback .feedback-card .top-card p:before {
	content: ""
}

#visitor-english .feedback .feedback-card p {
	font-weight: 400;
	line-height: 1.33;
	position: relative
}

@media (max-width:540px) {
	#visitor-english .feedback .feedback-card p {
		font-size: 14px;
		line-height: 1.5
	}
}

#visitor-english .feedback .feedback-card p:after {
	content: "\F10E";
	font-family: FontAwesome;
	position: absolute;
	bottom: -4px;
	right: -10px;
	font-size: 12px
}

@media (max-width:540px) {
	#visitor-english .feedback .feedback-card p:after {
		bottom: -10px;
		right: 0
	}
}

#visitor-english .feedback .feedback-card p:before {
	content: "\F10D";
	font-family: FontAwesome;
	position: absolute;
	top: -5px;
	left: -15px;
	font-size: 12px
}

@media (max-width:540px) {
	#visitor-english .feedback .feedback-card p:before {
		top: -20px;
		left: 0
	}
}

#visitor-english .register {
	padding: 80px 0;
	text-align: center;
	background-color: #65ead1
}

@media (max-width:540px) {
	#visitor-english .register {
		padding: 40px 0 52px
	}
}

#visitor-english .register .empty-data .message-error {
	background: #ff5965;
	color: #fff;
	font-size: 14px;
	padding: 5px 5px 5px 20px;
	margin-top: 5px;
	border-radius: 10px
}

#visitor-english .register .empty-data input {
	border: none!important
}

#visitor-english .register h2 {
	color: #f469a9;
	font-weight: 600;
	margin-bottom: 25px
}

#visitor-english .register h2 span {
	font-size: 46px;
	color: #0059b3
}

@media (max-width:540px) {
	#visitor-english .register h2 span {
		font-size: 25px
	}
}

@media (max-width:540px) {
	#visitor-english .register h2 {
		margin-bottom: 10px;
		font-size: 20px;
		line-height: 1.5
	}
}

#visitor-english .register h2 br {
	display: block
}

#visitor-english .register h3 {
	font-size: 25px;
	font-weight: 500;
	line-height: 1.74;
	color: #f469a9;
	margin-bottom: 10px
}

@media (max-width:540px) {
	#visitor-english .register h3 {
		font-size: 16px;
		margin-bottom: -10px
	}
}

#visitor-english .register h3 span {
	font-weight: 700;
	color: #f8e71c
}

#visitor-english .register .gift {
	max-width: 635px;
	margin: 0 auto;
	position: relative
}

#visitor-english .register .gift p {
	font-size: 20px;
	font-weight: 500;
	text-align: left;
	color: #0059b3;
	width: 360px;
	padding: 30px 0 40px
}

@media (max-width:768px) {
	#visitor-english .register .gift p {
		margin: 0 auto
	}
}

@media (max-width:540px) {
	#visitor-english .register .gift p {
		width: auto;
		padding: 10px 0 20px;
		font-size: 16px
	}
}

#visitor-english .register .gift p span {
	font-weight: 700
}

#visitor-english .register .gift img {
	position: absolute;
	right: 0;
	top: 0
}

@media (max-width:768px) {
	#visitor-english .register .gift img {
		position: relative
	}
}

#visitor-english .register .clock {
	margin: 40px 0
}

@media (max-width:540px) {
	#visitor-english .register .clock {
		margin: 30px 0
	}
}

#visitor-english .register .clock p {
	font-size: 25px;
	font-weight: 500;
	text-align: center;
	color: #f469a9;
	margin-bottom: 30px
}

@media (max-width:540px) {
	#visitor-english .register .clock p {
		font-size: 16px;
		margin-bottom: 15px
	}
}

#visitor-english .register .clock .clock-time {
	max-width: 585px;
	margin: 0 auto
}

@media (max-width:540px) {
	#visitor-english .register .clock .clock-time {
		max-width: 310px
	}
}

@media (max-width:540px) {
	#visitor-english .register .clock .clock-time .col-3 {
		padding: 0 5px
	}
}

#visitor-english .register .clock .clock-time p {
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	color: #f469a9;
	background-color: #fcffc1;
	border-radius: 50%;
	border: 5px solid #b7f5e9;
	width: 135px;
	height: 135px;
	margin-bottom: 0
}

@media (max-width:540px) {
	#visitor-english .register .clock .clock-time p {
		font-size: 12px;
		width: 60px;
		height: 60px;
		border: 3px solid #a3e0fc;
		margin: 0 auto
	}
}

#visitor-english .register .clock .clock-time p span {
	display: block;
	font-size: 50px;
	font-weight: 700;
	text-align: center;
	color: #f469a9;
	padding: 10px 0 0;
	margin-bottom: -10px;
	line-height: 66px
}

@media (max-width:540px) {
	#visitor-english .register .clock .clock-time p span {
		font-size: 16px;
		padding: 8px 0 0;
		margin-bottom: -5px;
		line-height: 23px
	}
}

#visitor-english .register .register-form form {
	width: 100%;
	text-align: left
}

#visitor-english .register .register-form form .wrapper_input {
	margin: 0 auto;
	padding: 0 15px;
	max-width: 375px
}

@media (min-width:992px) {
	#visitor-english .register .register-form form .wrapper_input {
		max-width: 100%
	}
}

@media (min-width:992px) {
	#visitor-english .register .register-form form .wrapper_input .wrapper-item {
		width: 405px;
		margin: 0 auto;
		text-align: center
	}
}

#visitor-english .register .register-form form .wrapper_input p {
	font-size: 14px;
	padding: 0
}

#visitor-english .register .register-form form .wrapper_input p span {
	color: red
}

@media (min-width:768px) {
	#visitor-english .register .register-form form .wrapper_input p span {
		display: inline
	}
}

@media (min-width:992px) {
	#visitor-english .register .register-form form .wrapper_input p {
		font-size: 18px
	}
}

@media (min-width:992px) {
	#visitor-english .register .register-form form .wrapper_input {
		padding: 0 40px 35px
	}
}

#visitor-english .register .register-form button {
	box-shadow: 0 8px 20px 0 rgba(255, 115, 69, .5)
}

@media (max-width:992px) {
	#visitor-english .register .register-form button {
		margin-top: 30px
	}
}

@media (max-width:540px) {
	#visitor-english .register .register-form button {
		font-size: 18px;
		padding: 15px 30px;
		border-radius: 32px;
		box-shadow: 0 5px 10px 0 rgba(255, 115, 69, .5)
	}
}

#visitor-english .register .register-form .form-group {
	position: relative;
	margin-bottom: 5px;
	padding: 20px 20px 0
}

@media (max-width:540px) {
	#visitor-english .register .register-form .form-group {
		margin-bottom: 0;
		padding: 20px 0 0
	}
}

#visitor-english .register .register-form input {
	font-size: 16px;
	padding: 4px 10px 10px 20px;
	display: block;
	width: 100%;
	border: none;
	border-radius: 0 0 20px 20px
}

@media (max-width:540px) {
	#visitor-english .register .register-form input {
		font-size: 14px
	}
}

#visitor-english .register .register-form input:focus {
	border: none!important
}

#visitor-english .register .register-form .white {
	display: block;
	height: 25px;
	width: 100%;
	margin-bottom: -1px;
	background-color: #fff;
	border-radius: 20px 20px 0 0
}

#visitor-english .register .register-form input:focus {
	outline: none
}

#visitor-english .register .register-form label {
	color: #333;
	font-family: SanFranciscoText, sans-serif;
	font-size: 18px;
	font-weight: 400;
	position: absolute;
	pointer-events: none;
	left: 40px;
	top: 38px;
	transition: all .2s ease;
	-moz-transition: .2s ease all;
	-webkit-transition: all .2s ease
}

@media (max-width:540px) {
	#visitor-english .register .register-form label {
		font-size: 14px;
		left: 20px
	}
}

#visitor-english .register .register-form label span {
	color: red
}

#visitor-english .register .register-form input:not(:placeholder-shown)~label {
	top: 25px;
	font-size: 14px
}

#visitor-english .register .register-form input:disabled~label,
#visitor-english .register .register-form input:focus~label {
	top: 25px;
	font-size: 14px;
	color: #333
}

#visitor-english .register .register-form .bar {
	position: relative;
	display: block;
	width: 100%
}

#visitor-english .register .register-form .bar:after,
#visitor-english .register .register-form .bar:before {
	content: "";
	height: 2px;
	width: 0;
	bottom: 0;
	position: absolute;
	background: #3f75de;
	transition: all .2s ease;
	-moz-transition: .2s ease all;
	-webkit-transition: all .2s ease
}

#visitor-english .register .register-form .bar:before {
	left: 50%
}

#visitor-english .register .register-form .bar:after {
	right: 50%
}

#visitor-english .register .register-form input:disabled~.bar:after,
#visitor-english .register .register-form input:disabled~.bar:before,
#visitor-english .register .register-form input:focus~.bar:after,
#visitor-english .register .register-form input:focus~.bar:before {
	width: 46%
}

#visitor-english .register .register-form .highlight {
	position: absolute;
	height: 60%;
	top: 25%;
	left: 0;
	pointer-events: none;
	opacity: .5
}

#visitor-english .register .register-form input:disabled~.highlight,
#visitor-english .register .register-form input:focus~.highlight {
	animation: inputHighlighter .3s ease
}

#visitor-english .register .register-form input:disabled {
	color: #999;
	background-color: #fff
}

#visitor-parent {
	background-image: none;
	background-attachment: unset;
	background-color: #fffde8
}

#visitor-parent .banner {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-banner-parent.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	margin-top: -161px;
	padding: 220px 0 190px
}

@media (max-width:540px) {
	#visitor-parent .banner {
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-banner-parent-sp.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: bottom;
		padding: 185px 0 290px
	}
}

@media (max-width:375px) {
	#visitor-parent .banner {
		padding: 185px 0 260px
	}
}

#visitor-parent .banner .container {
	position: relative
}

#visitor-parent .banner .parent {
	position: absolute;
	right: 90px;
	bottom: -190px
}

@media (max-width:768px) {
	#visitor-parent .banner .parent {
		right: 0;
		width: 400px
	}
}

#visitor-parent .banner .heart {
	position: absolute;
	left: 480px;
	bottom: 130px
}

#visitor-parent .banner .milk {
	position: absolute;
	left: -55px;
	bottom: -50px
}

#visitor-parent .banner h1 {
	font-size: 60px;
	font-weight: 700;
	color: #fff;
	line-height: 75px
}

@media (max-width:540px) {
	#visitor-parent .banner h1 {
		font-size: 39px;
		line-height: 45px
	}
}

#visitor-parent .banner h1 span {
	display: block;
	color: #f8e71c
}

#visitor-parent .banner h1 .title-white {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-title-parent.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: top;
	color: #3bbdf9;
	padding: 0 0 10px;
	text-align: center;
	width: 381px;
	font-size: 50px
}

@media (max-width:540px) {
	#visitor-parent .banner h1 .title-white {
		font-size: 26px;
		width: 232px;
		padding: 0 30px 5px;
		text-align: center
	}
}

#visitor-parent .intro {
	padding: 0 0 80px
}

@media (max-width:540px) {
	#visitor-parent .intro {
		padding: 0 0 50px
	}
}

#visitor-parent .intro .row {
	margin: 0 -15px
}

#visitor-parent .intro .row [class*=col-] {
	padding: 0 15px
}

#visitor-parent .intro .intro-card {
	text-align: center;
	border-radius: 50px;
	box-shadow: -1px 5px 4px 0 rgba(57, 137, 221, .5);
	background-color: #fff;
	height: 242px;
	padding: 0 56px;
	margin-top: -130px;
	position: relative;
	margin-bottom: 80px
}

@media (max-width:768px) {
	#visitor-parent .intro .intro-card {
		margin-top: -65px;
		height: auto
	}
}

@media (max-width:540px) {
	#visitor-parent .intro .intro-card {
		margin-top: -30px;
		padding: 0;
		box-shadow: -1px 5px 8px 0 rgba(190, 208, 227, .5);
		margin-bottom: 45px
	}
}

#visitor-parent .intro .intro-card img {
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	height: 80px
}

@media (max-width:768px) {
	#visitor-parent .intro .intro-card img {
		width: 80px;
		height: auto;
		left: 40px;
		top: 50%;
		transform: translateY(-50%)
	}
}

@media (max-width:540px) {
	#visitor-parent .intro .intro-card img {
		width: 40px;
		left: 20px
	}
}

#visitor-parent .intro .intro-card p {
	font-size: 16px;
	line-height: 1.7;
	color: #4e4e4e;
	font-weight: 400;
	font-family: SanFranciscoText, sans-serif;
	padding-top: 130px;
	padding-right: 0
}

@media (max-width:768px) {
	#visitor-parent .intro .intro-card p {
		padding: 50px 0 50px 80px;
		text-align: left
	}
}

@media (max-width:540px) {
	#visitor-parent .intro .intro-card p {
		font-size: 14px;
		padding: 20px 30px 20px 70px
	}
}

#visitor-parent .intro .intro-card p span {
	font-weight: 700
}

#visitor-parent .intro h2 {
	text-align: left;
	text-transform: uppercase;
	padding-top: 25px;
	margin-bottom: 20px;
	font-size: 34px
}

@media (max-width:540px) {
	#visitor-parent .intro h2 {
		padding-top: 0;
		font-size: 20px;
		line-height: 1.5;
		margin-bottom: 10px
	}
}

@media (max-width:320px) {
	#visitor-parent .intro h2 {
		max-width: 280px;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 10px
	}
}

#visitor-parent .intro p {
	font-size: 16px;
	font-family: SanFranciscoText, sans-serif;
	font-weight: 400;
	line-height: 1.5;
	padding-right: 40px
}

@media (max-width:768px) {
	#visitor-parent .intro p {
		padding-right: 0
	}
}

@media (max-width:540px) {
	#visitor-parent .intro p {
		font-size: 14px
	}
}

#visitor-parent .intro p b {
	font-weight: 700
}

#visitor-parent .intro .video-shadow {
	max-width: 460px;
	margin: 0 auto;
	margin-right: 0
}

@media (max-width:768px) {
	#visitor-parent .intro .video-shadow {
		margin-right: auto;
		margin-top: 30px
	}
}

@media (max-width:540px) {
	#visitor-parent .intro .video-shadow {
		max-width: 272px;
		margin-top: 20px
	}
}

#visitor-parent .intro .video-shadow .offset-lg-1 {
	margin-left: 0
}

#visitor-parent .intro .video_wrapper {
	width: 460px;
	padding-bottom: 300px
}

@media (max-width:540px) {
	#visitor-parent .intro .video_wrapper {
		width: 272px;
		padding-bottom: 165px
	}
}

#visitor-parent .mom {
	padding: 80px 0 110px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-mom-parent2.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: top;
	text-align: center;
	position: relative;
	z-index: 2
}

@media (max-width:1200px) {
	#visitor-parent .mom {
		background-size: cover
	}
}

@media (max-width:540px) {
	#visitor-parent .mom {
		padding: 40px 0 60px;
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-mom-parent-sp.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: top
	}
}

#visitor-parent .mom .container {
	position: relative
}

#visitor-parent .mom .kimbang {
	position: absolute;
	bottom: -150px;
	left: -15%
}

@media (max-width:1440px) {
	#visitor-parent .mom .kimbang {
		left: 0
	}
}

#visitor-parent .mom h2 {
	text-transform: uppercase
}

@media (max-width:540px) {
	#visitor-parent .mom h2 {
		font-size: 20px;
		text-transform: unset;
		margin-bottom: 20px
	}
}

#visitor-parent .mom .mom-card {
	position: relative;
	margin-bottom: 50px
}

@media (max-width:540px) {
	#visitor-parent .mom .mom-card {
		margin-bottom: 10px
	}
}

#visitor-parent .mom .mom-card img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%)
}

@media (max-width:540px) {
	#visitor-parent .mom .mom-card img {
		width: 60px;
		top: 50%;
		left: 0;
		transform: translateY(-50%)
	}
}

#visitor-parent .mom .mom-card p {
	font-size: 16px;
	line-height: 1.5;
	color: #333;
	font-weight: 400;
	font-family: SanFranciscoText, sans-serif;
	padding-top: 130px
}

@media (max-width:540px) {
	#visitor-parent .mom .mom-card p {
		font-size: 14px;
		padding: 0 0 0 80px;
		text-align: left
	}
}

#visitor-parent .mom .mom-card p span {
	font-weight: 700
}

#visitor-parent .mom button {
	margin-top: 50px;
	padding: 15px 50px;
	border-radius: 32px;
	box-shadow: 0 8px 20px 0 rgba(255, 115, 69, .5)
}

@media (max-width:540px) {
	#visitor-parent .mom button {
		margin-top: 20px;
		font-size: 18px;
		padding: 15px 30px;
		border-radius: 32px;
		box-shadow: 0 5px 10px 0 rgba(255, 115, 69, .5)
	}
}

#visitor-parent .mom .video-shadow {
	max-width: 500px;
	margin: 0 auto
}

@media (max-width:540px) {
	#visitor-parent .mom .video-shadow {
		max-width: 272px
	}
}

#visitor-parent .mom .video-shadow .offset-lg-1 {
	margin-left: 0
}

#visitor-parent .mom .video-shadow button {
	box-shadow: none!important
}

#visitor-parent .mom .video_wrapper {
	width: 500px;
	padding-bottom: 326px
}

@media (max-width:540px) {
	#visitor-parent .mom .video_wrapper {
		width: 272px;
		padding-bottom: 165px
	}
}

#visitor-parent .mom .video_wrapper button {
	margin-top: 0
}

@media (max-width:540px) {
	#visitor-parent .mom .video_wrapper button {
		border-radius: 25px
	}
}

#visitor-parent .teacher {
	background-color: #1d3575;
	padding: 150px 0 220px;
	margin-top: -90px;
	margin-bottom: -115px;
	position: relative;
	z-index: 1;
	text-align: center
}

@media (max-width:540px) {
	#visitor-parent .teacher {
		padding: 120px 0 110px;
		margin-bottom: -70px
	}
}

#visitor-parent .teacher h2 {
	color: #fff;
	text-shadow: 0 5px 11px rgba(0, 0, 0, .3);
	text-transform: uppercase
}

@media (max-width:540px) {
	#visitor-parent .teacher h2 {
		text-transform: unset;
		font-size: 20px;
		margin-bottom: 20px
	}
}

#visitor-parent .teacher .row {
	margin: 0 -15px
}

#visitor-parent .teacher .row [class*=col-] {
	padding: 0 15px
}

@media (max-width:1200px) {
	#visitor-parent .teacher .slick {
		margin: 0 60px
	}
}

@media (max-width:540px) {
	#visitor-parent .teacher .slick {
		margin: 0
	}
}

#visitor-parent .teacher .slick button {
	position: absolute;
	bottom: -60px;
	font-size: 0;
	line-height: 0;
	padding: 25px 30px 25px 20px;
	border-radius: 20px;
	box-shadow: 3px 2px 0 0 #a63e3e;
	background-color: #fc6046;
	border: none;
	margin-top: -30px;
	z-index: 5
}

@media (max-width:540px) {
	#visitor-parent .teacher .slick button {
		padding: 20px 25px 20px 15px;
		border-radius: 10px;
		margin-top: 120px
	}
}

#visitor-parent .teacher .slick button:before {
	content: "";
	font-size: 0;
	line-height: 0
}

#visitor-parent .teacher .slick button:active {
	box-shadow: 0 0 0 0;
	bottom: -62px
}

#visitor-parent .teacher .slick button:after {
	font-size: 30px;
	color: #fff
}

#visitor-parent .teacher .slick .slick-prev {
	left: -60px
}

@media (max-width:540px) {
	#visitor-parent .teacher .slick .slick-prev {
		left: 32%
	}
}

#visitor-parent .teacher .slick .slick-prev:active {
	left: -57px
}

@media (max-width:540px) {
	#visitor-parent .teacher .slick .slick-prev:active {
		left: calc(32% + 3px)
	}
}

#visitor-parent .teacher .slick .slick-prev:after {
	content: "\F104";
	font-family: FontAwesome
}

#visitor-parent .teacher .slick .slick-next {
	right: -60px;
	box-shadow: -3px 2px 0 0 #a63e3e
}

@media (max-width:540px) {
	#visitor-parent .teacher .slick .slick-next {
		right: 32%
	}
}

#visitor-parent .teacher .slick .slick-next:active {
	right: -57px
}

@media (max-width:540px) {
	#visitor-parent .teacher .slick .slick-next:active {
		right: calc(32% + 3px)
	}
}

#visitor-parent .teacher .slick .slick-next:after {
	content: "\F105";
	font-family: FontAwesome
}

#visitor-parent .teacher .slick-card {
	text-align: center;
	color: #fff;
	padding: 0 15px
}

#visitor-parent .teacher .slick-card:focus {
	border: none;
	outline: none
}

@media (max-width:540px) {
	#visitor-parent .teacher .slick-card {
		margin-bottom: 30px;
		padding: 0 5px
	}
}

#visitor-parent .teacher .slick-card img {
	margin: 0 auto;
	margin-bottom: 20px
}

@media (max-width:540px) {
	#visitor-parent .teacher .slick-card img {
		width: 100px;
		margin-bottom: 0
	}
}

#visitor-parent .teacher .slick-card h3 {
	font-size: 25px;
	font-weight: 500;
	line-height: 1.8;
	margin-bottom: 5px
}

@media (max-width:540px) {
	#visitor-parent .teacher .slick-card h3 {
		font-size: 19px;
		line-height: 2.4;
		margin-bottom: 10px
	}
}

#visitor-parent .teacher .slick-card p {
	font-size: 16px;
	line-height: 1.5;
	font-family: SanFranciscoText, sans-serif;
	font-weight: 400
}

@media (max-width:540px) {
	#visitor-parent .teacher .slick-card p {
		font-size: 14px;
		line-height: 1.5;
		text-align: center
	}
}

#visitor-parent .learning {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-learning-parent2.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: top;
	position: relative;
	z-index: 1;
	padding: 100px 0 130px;
	text-align: center
}

@media (max-width:1200px) {
	#visitor-parent .learning {
		background-size: cover
	}
}

@media (max-width:540px) {
	#visitor-parent .learning {
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-learning-parent-sp.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
		position: relative;
		padding: 80px 0 50px
	}
}

#visitor-parent .learning .container {
	position: relative
}

#visitor-parent .learning .duck {
	position: absolute;
	top: -170px;
	right: -20%
}

@media (max-width:1440px) {
	#visitor-parent .learning .duck {
		right: -5%
	}
}

@media (max-width:1200px) {
	#visitor-parent .learning .duck {
		right: 0
	}
}

#visitor-parent .learning h2 {
	text-transform: uppercase
}

@media (max-width:540px) {
	#visitor-parent .learning h2 {
		font-size: 20px;
		text-transform: unset
	}
}

#visitor-parent .learning .img-learning-pc {
	position: absolute;
	left: 0;
	top: 110px
}

@media (max-width:768px) {
	#visitor-parent .learning .img-learning-sp {
		position: absolute;
		left: -165px;
		top: 50%;
		transform: translateY(-50%)
	}
}

@media (max-width:540px) {
	#visitor-parent .learning .img-learning-sp {
		width: 50px;
		left: -70px
	}
}

#visitor-parent .learning .learning-card {
	margin: 0 0 30px 165px;
	padding: 25px 0 30px 93px;
	background-color: #fff;
	border-radius: 100px;
	text-align: left;
	position: relative
}

#visitor-parent .learning .learning-card .triangle {
	position: absolute;
	left: -23px;
	top: 50%;
	transform: translateY(-50%)
}

@media (max-width:540px) {
	#visitor-parent .learning .learning-card .triangle {
		left: -12px;
		top: 50%!important;
		transform: translateY(-50%)
	}
}

@media (max-width:540px) {
	#visitor-parent .learning .learning-card {
		margin: 60px 0 60px 70px;
		padding: 15px 10px 15px 15px;
		border-radius: 15px
	}
}

#visitor-parent .learning .learning-card h3 {
	font-size: 25px;
	font-weight: 500;
	color: #0059b3;
	margin-bottom: 5px
}

@media (max-width:540px) {
	#visitor-parent .learning .learning-card h3 {
		font-size: 19px;
		line-height: 2.4;
		position: absolute;
		width: 395px;
		text-align: left;
		left: -70px;
		top: -50px
	}
}

@media (max-width:375px) {
	#visitor-parent .learning .learning-card h3 {
		width: 345px
	}
}

@media (max-width:320px) {
	#visitor-parent .learning .learning-card h3 {
		width: 290px
	}
}

#visitor-parent .learning .learning-card .row ul {
	padding-left: 27px
}

#visitor-parent .learning .learning-card ul {
	display: inline-block;
	padding-left: 18px
}

#visitor-parent .learning .learning-card ul li {
	list-style-type: disc;
	font-family: SanFranciscoText, sans-serif;
	font-size: 16px;
	line-height: 1.88;
	color: #4e4e4e
}

@media (max-width:540px) {
	#visitor-parent .learning .learning-card ul li {
		font-size: 14px;
		line-height: 1.86
	}
}

@media (max-width:540px) {
	#visitor-parent .learning .learning-card:nth-child(4),
	#visitor-parent .learning .learning-card:nth-child(5),
	#visitor-parent .learning .learning-card:nth-child(6) {
		padding: 15px 10px 15px 20px
	}
}

#visitor-parent .learning button {
	margin-top: 20px;
	padding: 15px 50px;
	border-radius: 32px;
	box-shadow: 0 8px 20px 0 rgba(255, 115, 69, .5)
}

@media (max-width:540px) {
	#visitor-parent .learning button {
		margin-top: -30px;
		font-size: 18px;
		box-shadow: 0 5px 10px 0 rgba(255, 115, 69, .5)
	}
}

#visitor-parent .student {
	padding: 60px 0 90px;
	text-align: center;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-student-parent.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top
}

@media (max-width:540px) {
	#visitor-parent .student {
		padding: 50px 0 60px
	}
}

#visitor-parent .student .student-card {
	max-width: 553px;
	margin: 0 auto;
	border-radius: 50px;
	box-shadow: 0 8px 11px 0 hsla(39, 8%, 67%, .68);
	background-color: #36bcff
}

@media (max-width:540px) {
	#visitor-parent .student .student-card {
		border-radius: 35px
	}
}

#visitor-parent .student .student-card .card-name {
	padding: 30px 0 30px 110px;
	color: #fff;
	position: relative;
	text-align: left;
	height: 130px
}

@media (max-width:540px) {
	#visitor-parent .student .student-card .card-name {
		padding: 20px 0 20px 70px;
		height: 95px
	}
}

#visitor-parent .student .student-card .card-name img {
	position: absolute;
	left: 30px;
	top: 30px
}

@media (max-width:540px) {
	#visitor-parent .student .student-card .card-name img {
		width: 40px;
		left: 20px;
		top: 25px
	}
}

#visitor-parent .student .student-card .card-name h3 {
	font-size: 20px;
	font-weight: 500;
	padding: 5px 0 10px
}

@media (max-width:540px) {
	#visitor-parent .student .student-card .card-name h3 {
		font-size: 19px;
		padding: 0 0 5px
	}
}

#visitor-parent .student .student-card .card-name p {
	font-size: 16px;
	font-weight: 500;
	font-family: SanFranciscoText, sans-serif;
	color: #fff
}

@media (max-width:540px) {
	#visitor-parent .student .student-card .card-name p {
		font-size: 14px;
		font-weight: 400
	}
}

#visitor-parent .student .student-card .video-shadow {
	border-radius: 50px 50px 0 0;
	box-shadow: none
}

@media (max-width:540px) {
	#visitor-parent .student .student-card .video-shadow {
		border-radius: 35px 35px 0 0
	}
}

#visitor-parent .student .student-card .offset-lg-1 {
	margin-left: 0
}

#visitor-parent .student .student-card .offset-lg-1 .video_wrapper {
	width: 553px;
	padding-bottom: 298px
}

@media (max-width:540px) {
	#visitor-parent .student .student-card .offset-lg-1 .video_wrapper {
		width: 395px;
		padding-bottom: 213px
	}
}

@media (max-width:375px) {
	#visitor-parent .student .student-card .offset-lg-1 .video_wrapper {
		width: 345px;
		padding-bottom: 186px
	}
}

@media (max-width:320px) {
	#visitor-parent .student .student-card .offset-lg-1 .video_wrapper {
		width: 290px;
		padding-bottom: 156px
	}
}

#visitor-parent .experience {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-expe-parent.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	background-color: #def5ff;
	padding: 85px 0 125px;
	position: relative;
	z-index: 2
}

@media (max-width:1200px) {
	#visitor-parent .experience {
		background-size: cover
	}
}

@media (max-width:540px) {
	#visitor-parent .experience {
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-expe-parent-sp.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
		background-color: #fffde8;
		padding: 50px 0 20px
	}
	#visitor-parent .experience:after {
		content: "";
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-expe-parent-bot.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: bottom;
		position: absolute;
		bottom: -28px;
		width: 100%;
		height: 30px
	}
}

#visitor-parent .experience h2 {
	color: #fff;
	margin-bottom: 50px
}

@media (max-width:540px) {
	#visitor-parent .experience h2 {
		margin-bottom: 30px
	}
}

#visitor-parent .experience .exp-card {
	background-color: #fff;
	border-radius: 30px;
	padding: 30px 0;
	text-align: center
}

@media (max-width:540px) {
	#visitor-parent .experience .exp-card {
		padding: 15px 0 20px;
		border-radius: 15px;
		margin-bottom: 20px
	}
}

#visitor-parent .experience .exp-card button {
	padding: 15px 50px;
	border-radius: 32px;
	min-width: 302px;
	box-shadow: 0 8px 20px 0 rgba(255, 115, 69, .5)
}

@media (max-width:540px) {
	#visitor-parent .experience .exp-card button {
		font-size: 14px;
		padding: 15px 25px;
		min-width: auto;
		box-shadow: 0 5px 10px 0 rgba(255, 115, 69, .5)
	}
}

#visitor-parent .experience .exp-card h3 {
	font-size: 30px;
	font-weight: 500;
	text-align: center;
	color: #0059b3;
	margin-bottom: 20px
}

@media (max-width:540px) {
	#visitor-parent .experience .exp-card h3 {
		font-size: 19px;
		margin-bottom: 10px
	}
}

#visitor-parent .experience .exp-card p {
	font-size: 20px;
	font-weight: 700;
	font-family: SanFranciscoText, sans-serif;
	text-align: center;
	color: #4e4e4e;
	margin-bottom: 30px
}

@media (max-width:540px) {
	#visitor-parent .experience .exp-card p {
		font-size: 16px;
		margin-bottom: 10px
	}
}

#visitor-parent .experience .exp-card ul {
	margin: 0 0 10px 120px
}

@media (max-width:1200px) {
	#visitor-parent .experience .exp-card ul {
		margin: 0 0 10px 95px
	}
}

@media (max-width:768px) {
	#visitor-parent .experience .exp-card ul {
		margin: 0 10px 10px 30px
	}
}

@media (max-width:540px) {
	#visitor-parent .experience .exp-card ul {
		margin: 0 10px 10px 55px;
		margin: 0 10px 10px 30px
	}
}

#visitor-parent .experience .exp-card ul li {
	font-size: 16px;
	text-align: left;
	color: #4e4e4e;
	font-family: SanFranciscoText, sans-serif;
	list-style-type: disc;
	margin-bottom: 20px
}

@media (max-width:540px) {
	#visitor-parent .experience .exp-card ul li {
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 4px
	}
}

#visitor-parent .experience .exp-card ul li span {
	font-weight: 700
}

#visitor-parent .experience .exp-card-active {
	background-image: linear-gradient(82deg, #ff7345, #f73747);
	padding: 30px 4px 4px
}

@media (max-width:540px) {
	#visitor-parent .experience .exp-card-active {
		padding: 15px 2px 2px
	}
}

#visitor-parent .experience .exp-card-active h3 {
	color: #fff
}

#visitor-parent .experience .exp-card-active .exp-card-text {
	background-color: #fff;
	padding: 30px 0;
	border-radius: 0 0 30px 30px
}

@media (max-width:540px) {
	#visitor-parent .experience .exp-card-active .exp-card-text {
		padding: 15px 0 20px;
		border-radius: 0 0 15px 15px
	}
}

@media (max-width:540px) {
	#visitor-parent .experience .exp-card-active .exp-card-text button {
		width: 182px
	}
}

#visitor-parent .register {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-register-sp.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom;
	background-color: #def5ff;
	padding: 25px 0 80px;
	position: relative;
	z-index: 1
}

@media (max-width:540px) {
	#visitor-parent .register {
		padding: 70px 0 55px
	}
}

#visitor-parent .register .empty-data .message-error {
	background: #ff5965;
	color: #fff;
	font-size: 14px;
	padding: 5px 5px 5px 20px;
	margin-top: 5px;
	border-radius: 10px
}

#visitor-parent .register .empty-data input {
	border: none!important
}

#visitor-parent .register h2 {
	color: #0059b3;
	font-weight: 400;
	margin-bottom: 10px
}

#visitor-parent .register h2 b {
	font-weight: 700
}

#visitor-parent .register h2 span {
	font-size: 46px;
	color: #0059b3
}

@media (max-width:540px) {
	#visitor-parent .register h2 span {
		font-size: 25px
	}
}

@media (max-width:540px) {
	#visitor-parent .register h2 {
		margin-bottom: 10px;
		font-size: 20px;
		line-height: 1.5
	}
}

#visitor-parent .register h2 br {
	display: block
}

#visitor-parent .register h3 {
	font-size: 25px;
	font-weight: 500;
	line-height: 1.74;
	color: #f469a9;
	margin-bottom: 10px
}

@media (max-width:540px) {
	#visitor-parent .register h3 {
		font-size: 16px
	}
}

#visitor-parent .register h3 span {
	font-weight: 700;
	color: #f8e71c
}

#visitor-parent .register .price {
	max-width: 510px;
	margin: 0 auto;
	border-radius: 10px;
	margin-bottom: 15px;
	text-align: center
}

@media (max-width:540px) {
	#visitor-parent .register .price {
		max-width: 305px
	}
}

@media (max-width:320px) {
	#visitor-parent .register .price {
		max-width: 260px
	}
}

#visitor-parent .register .price .col-8 {
	padding: 15px 0;
	border-radius: 10px 0 0 10px;
	background-color: #fd6645
}

@media (max-width:540px) {
	#visitor-parent .register .price .col-8 {
		padding: 10px 0
	}
}

#visitor-parent .register .price .col-8 p {
	font-size: 25px;
	color: #fff
}

@media (max-width:540px) {
	#visitor-parent .register .price .col-8 p {
		font-size: 16px
	}
}

#visitor-parent .register .price .col-8 p span {
	font-size: 30px;
	font-weight: 700
}

@media (max-width:540px) {
	#visitor-parent .register .price .col-8 p span {
		font-size: 18px
	}
}

#visitor-parent .register .price .col-4 {
	background-color: #fff;
	border-radius: 0 10px 10px 0
}

@media (max-width:540px) {
	#visitor-parent .register .price .col-4 {
		padding: 0
	}
}

#visitor-parent .register .price .col-4 p {
	font-size: 25px;
	font-weight: 500;
	color: #0059b3;
	padding: 19px 0
}

@media (max-width:540px) {
	#visitor-parent .register .price .col-4 p {
		font-size: 16px;
		padding: 12px 0
	}
}

#visitor-parent .register .clock {
	margin: 40px 0
}

@media (max-width:540px) {
	#visitor-parent .register .clock {
		margin: 30px 0
	}
}

#visitor-parent .register .clock p {
	font-size: 25px;
	font-weight: 500;
	text-align: center;
	color: #0059b3;
	margin-bottom: 30px
}

@media (max-width:540px) {
	#visitor-parent .register .clock p {
		font-size: 16px;
		margin-bottom: 10px
	}
}

#visitor-parent .register .clock .clock-time {
	max-width: 585px;
	margin: 0 auto
}

@media (max-width:540px) {
	#visitor-parent .register .clock .clock-time {
		max-width: 310px
	}
}

@media (max-width:320px) {
	#visitor-parent .register .clock .clock-time {
		margin: 0 -10px
	}
}

@media (max-width:540px) {
	#visitor-parent .register .clock .clock-time .col-3 {
		padding: 0 5px
	}
}

#visitor-parent .register .clock .clock-time p {
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	color: #0059b3;
	background-color: #f8e71c;
	border-radius: 50%;
	border: 5px solid #fff;
	width: 135px;
	height: 135px;
	margin-bottom: 0
}

@media (max-width:540px) {
	#visitor-parent .register .clock .clock-time p {
		font-size: 12px;
		width: 60px;
		height: 60px;
		border: 3px solid #fff;
		margin: 0 auto
	}
}

#visitor-parent .register .clock .clock-time p span {
	display: block;
	font-size: 50px;
	font-weight: 700;
	text-align: center;
	color: #0059b3;
	padding: 10px 0 0;
	margin-bottom: -10px;
	line-height: 66px
}

@media (max-width:540px) {
	#visitor-parent .register .clock .clock-time p span {
		font-size: 16px;
		padding: 8px 0 0;
		margin-bottom: -5px;
		line-height: 23px
	}
}

#visitor-parent .register .register-form h2 {
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	color: #0059b3
}

@media (max-width:540px) {
	#visitor-parent .register .register-form h2 {
		font-size: 16px;
		margin-bottom: -10px
	}
}

#visitor-parent .register .register-form form {
	width: 100%;
	text-align: left
}

#visitor-parent .register .register-form form .wrapper_input {
	margin: 0 auto;
	padding: 0 15px;
	max-width: 375px
}

@media (min-width:992px) {
	#visitor-parent .register .register-form form .wrapper_input {
		max-width: 100%
	}
}

@media (min-width:992px) {
	#visitor-parent .register .register-form form .wrapper_input .wrapper-item {
		width: 405px;
		margin: 0 auto;
		text-align: center
	}
}

#visitor-parent .register .register-form form .wrapper_input p {
	font-size: 14px;
	padding: 0
}

#visitor-parent .register .register-form form .wrapper_input p span {
	color: red
}

@media (min-width:768px) {
	#visitor-parent .register .register-form form .wrapper_input p span {
		display: inline
	}
}

@media (min-width:992px) {
	#visitor-parent .register .register-form form .wrapper_input p {
		font-size: 18px
	}
}

@media (min-width:992px) {
	#visitor-parent .register .register-form form .wrapper_input {
		padding: 0 40px 35px
	}
}

#visitor-parent .register .register-form button {
	padding: 15px 50px;
	border-radius: 32px;
	box-shadow: 0 8px 20px 0 rgba(255, 115, 69, .5)
}

@media (max-width:768px) {
	#visitor-parent .register .register-form button {
		margin-top: 30px
	}
}

@media (max-width:540px) {
	#visitor-parent .register .register-form button {
		font-size: 18px;
		padding: 15px 30px;
		border-radius: 32px;
		box-shadow: 0 5px 10px 0 rgba(255, 115, 69, .5)
	}
}

#visitor-parent .register .register-form .form-group {
	position: relative;
	margin-bottom: 5px;
	padding: 20px 20px 0
}

@media (max-width:540px) {
	#visitor-parent .register .register-form .form-group {
		margin-bottom: 0;
		padding: 20px 0 0
	}
}

#visitor-parent .register .register-form input {
	font-size: 16px;
	padding: 4px 10px 10px 20px;
	display: block;
	width: 100%;
	border: none;
	border-radius: 0 0 20px 20px
}

@media (max-width:540px) {
	#visitor-parent .register .register-form input {
		font-size: 14px
	}
}

#visitor-parent .register .register-form input:focus {
	border: none!important
}

#visitor-parent .register .register-form .white {
	display: block;
	height: 25px;
	width: 100%;
	margin-bottom: -1px;
	background-color: #fff;
	border-radius: 20px 20px 0 0
}

#visitor-parent .register .register-form input:focus {
	outline: none
}

#visitor-parent .register .register-form label {
	color: #333;
	font-family: SanFranciscoText, sans-serif;
	font-weight: 400;
	position: absolute;
	pointer-events: none;
	left: 40px;
	font-size: 18px;
	top: 38px;
	transition: all .2s ease;
	-moz-transition: .2s ease all;
	-webkit-transition: all .2s ease
}

@media (max-width:540px) {
	#visitor-parent .register .register-form label {
		font-size: 14px;
		left: 20px
	}
}

#visitor-parent .register .register-form label span {
	color: red
}

#visitor-parent .register .register-form input:not(:placeholder-shown)~label {
	top: 25px;
	font-size: 14px
}

#visitor-parent .register .register-form input:disabled~label,
#visitor-parent .register .register-form input:focus~label {
	top: 25px;
	font-size: 14px;
	color: #333
}

#visitor-parent .register .register-form .bar {
	position: relative;
	display: block;
	width: 100%
}

#visitor-parent .register .register-form .bar:after,
#visitor-parent .register .register-form .bar:before {
	content: "";
	height: 2px;
	width: 0;
	bottom: 0;
	position: absolute;
	background: #3f75de;
	transition: all .2s ease;
	-moz-transition: .2s ease all;
	-webkit-transition: all .2s ease
}

#visitor-parent .register .register-form .bar:before {
	left: 50%
}

#visitor-parent .register .register-form .bar:after {
	right: 50%
}

#visitor-parent .register .register-form input:disabled~.bar:after,
#visitor-parent .register .register-form input:disabled~.bar:before,
#visitor-parent .register .register-form input:focus~.bar:after,
#visitor-parent .register .register-form input:focus~.bar:before {
	width: 46%
}

#visitor-parent .register .register-form .highlight {
	position: absolute;
	height: 60%;
	top: 25%;
	left: 0;
	pointer-events: none;
	opacity: .5
}

#visitor-parent .register .register-form input:disabled~.highlight,
#visitor-parent .register .register-form input:focus~.highlight {
	animation: inputHighlighter .3s ease
}

#visitor-parent .register .register-form input:disabled {
	color: #999;
	background-color: #fff
}

@keyframes inputHighlighter {
	0% {
		background: #3f75de
	}
	to {
		width: 0;
		background: transparent
	}
}

@media (max-width:991px) {
	#hoi-dap-page {
		padding-bottom: 20px!important
	}
}

#hoi-dap-page .content-page .wrapper-left-content .list-question {
	margin-top: 40px
}

@media (max-width:991px) {
	#hoi-dap-page .content-page .wrapper-left-content .list-question {
		background-color: #fff;
		padding: 30px 20px 40px;
		border-radius: 10px;
		margin-top: 10px
	}
}

#hoi-dap-page .content-page .wrapper-left-content .list-question .list-reply .list-question__item {
	width: calc(100% - 50px);
	margin-left: 50px
}

@media (max-width:991px) {
	#hoi-dap-page .content-page .wrapper-left-content .list-question .list-reply .list-question__item {
		width: calc(100% - 20px);
		margin-left: 20px
	}
}

#hoi-dap-page .content-page .wrapper-left-content .list-question .list-reply .list-question__item:first-child {
	border-top: 2px solid #f2f2f2;
	margin-top: 25px;
	padding-top: 25px
}

#hoi-dap-page .content-page .wrapper-left-content .list-question .list-reply .list-question__item:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0
}

#hoi-dap-page .content-page .wrapper-left-content .list-question .list-reply .list-question__item .list-question__love-icon {
	display: none
}

#hoi-dap-page .content-page .wrapper-left-content .list-question .list-reply .list-question__item .list-question__content,
#hoi-dap-page .content-page .wrapper-left-content .list-question .list-reply .list-question__item .time-and-reply-action {
	padding-left: 0
}

#hoi-dap-page .content-page .wrapper-left-content .list-question__item {
	color: #999;
	letter-spacing: .2px;
	font-size: 14px;
	border-bottom: 2px solid #f2f2f2;
	padding-bottom: 25px;
	margin-bottom: 25px
}

#hoi-dap-page .content-page .wrapper-left-content .list-question__item:last-child {
	border-bottom: 0
}

@media (max-width:991px) {
	#hoi-dap-page .content-page .wrapper-left-content .list-question__item:last-child {
		margin-bottom: 0;
		padding-bottom: 0
	}
}

#hoi-dap-page .content-page .wrapper-left-content .list-question__avatar {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin-right: 15px
}

@media (max-width:991px) {
	#hoi-dap-page .content-page .wrapper-left-content .list-question__avatar {
		margin-right: 5px
	}
}

#hoi-dap-page .content-page .wrapper-left-content .list-question .qtv {
	background-image: linear-gradient(67deg, #ff7345, #f73747);
	border-radius: 12px;
	width: 50px;
	padding: 2px 0 1px;
	font-weight: 600;
	color: #fff;
	letter-spacing: .1px;
	margin-left: 5px
}

#hoi-dap-page .content-page .wrapper-left-content .list-question__content {
	color: #333;
	padding-left: 50px;
	position: relative;
	margin: 15px 0 12px
}

@media (max-width:991px) {
	#hoi-dap-page .content-page .wrapper-left-content .list-question__content {
		padding-left: 0
	}
}

#hoi-dap-page .content-page .wrapper-left-content .list-question__love-icon {
	color: #ff5965;
	font-size: 24px;
	position: absolute;
	left: 5px;
	top: 0;
	cursor: pointer
}

@media (max-width:991px) {
	#hoi-dap-page .content-page .wrapper-left-content .list-question__love-icon {
		left: auto;
		right: 0;
		top: -45px
	}
}

#hoi-dap-page .content-page .wrapper-left-content .list-question__action-icon {
	margin: 0 3px 0 30px;
	position: relative;
	top: -2px;
	font-size: 18px
}

#hoi-dap-page .content-page .wrapper-left-content .list-question__count-love {
	width: 20px;
	height: 20px;
	background-image: linear-gradient(45deg, #3bbdf9, #4e8ff8);
	line-height: 20px;
	font-size: 11px;
	color: #fff;
	margin-left: 5px;
	position: relative;
	top: -2px
}

#hoi-dap-page .content-page .wrapper-left-content .list-question__action {
	font-weight: 600;
	color: #ff5965;
	border: none;
	background-color: transparent
}

#hoi-dap-page .content-page .wrapper-left-content .list-question__action--useful {
	color: #3bbdf9
}

#hoi-dap-page .content-page .wrapper-left-content .list-question__textarea {
	padding: 10px 15px;
	width: calc(100% - 50px);
	margin: 15px 0 0 50px
}

@media (max-width:991px) {
	#hoi-dap-page .content-page .wrapper-left-content .list-question__textarea {
		width: 100%;
		margin-left: 0
	}
}

#hoi-dap-page .content-page .wrapper-left-content .list-question__expand-text-icon {
	margin-left: 3px;
	cursor: pointer
}

#hoi-dap-page .content-page .wrapper-left-content .list-question .time-and-reply-action {
	font-size: 12px;
	padding-left: 50px
}

@media (max-width:991px) {
	#hoi-dap-page .content-page .wrapper-left-content .list-question .time-and-reply-action {
		padding-left: 0
	}
}

#hoi-dap-page .content-page .wrapper-left-content .list-question .see-more-reply {
	margin-top: 15px;
	background-color: transparent;
	border: none;
	letter-spacing: .2px;
	color: #3bbdf9;
	font-size: 14px;
	text-decoration: underline
}

#hoi-dap-page .content-page .wrapper-left-content .list-question .see-more-reply__icon {
	margin-right: 5px
}

#hoi-dap-page .wrapper-data-filter {
	border-radius: 15px;
	background-color: #fff;
	margin: 40px 0 30px;
	padding: 30px
}

@media (max-width:991px) {
	#hoi-dap-page .wrapper-data-filter {
		margin: 0;
		padding-bottom: 0
	}
}

#hoi-dap-page .wrapper-data-filter .text-title {
	font-size: 25px;
	margin-bottom: 30px
}

#hoi-dap-page .wrapper-data-filter .list-option__item {
	margin-bottom: 25px
}

#hoi-dap-page .wrapper-data-filter .list-option__item:last-child {
	margin-bottom: 0
}

#hoi-dap-page .wrapper-data-filter .list-option__checkbox {
	width: 25px;
	height: 25px
}

#hoi-dap-page .wrapper-data-filter .list-option__checkbox:after {
	left: 8px;
	top: 3px
}

#hoi-dap-page .wrapper-data-filter .list-option__label {
	margin-bottom: 0;
	font-size: 14px;
	letter-spacing: .2px;
	font-weight: 400;
	position: relative;
	top: -8px;
	margin-left: 10px;
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

#hoi-dap-page .pagination-line {
	background: #f4f9ff;
	width: calc(100% + 60px);
	margin-left: -30px;
	padding-top: 40px
}

@media (max-width:991px) {
	#hoi-dap-page .pagination-line {
		width: 100%;
		padding-top: 20px;
		margin-left: 0
	}
}

#livestream-sap-dien-ra-page {
	padding-top: 0!important
}

#livestream-sap-dien-ra-page .top-title {
	width: calc(100% + 80px);
	margin-left: -40px;
	margin-bottom: 60px
}

@media (max-width:991px) {
	#livestream-sap-dien-ra-page .top-title {
		width: calc(100% + 30px);
		margin: 0 0 40px -15px
	}
}

#livestream-sap-dien-ra-page .study-imadiately {
	padding-top: 60px
}

@media (max-width:991px) {
	#livestream-sap-dien-ra-page .study-imadiately {
		padding-top: 40px
	}
}

#livestream-sap-dien-ra-page .study-imadiately .relevant-courses__title {
	margin-bottom: 20px
}

#livestream-sap-dien-ra-page .time-countdown {
	background-color: #fff;
	padding: 55px 0 65px;
	border-radius: 15px
}

@media (max-width:991px) {
	#livestream-sap-dien-ra-page .time-countdown {
		background-color: transparent;
		padding: 0
	}
}

#livestream-sap-dien-ra-page .time-countdown #flip-clock {
	margin-bottom: 100px
}

@media (max-width:991px) {
	#livestream-sap-dien-ra-page .time-countdown #flip-clock {
		margin-bottom: 40px
	}
}

#livestream-sap-dien-ra-page .time-countdown__title {
	color: #ff5965;
	font-size: 20px;
	letter-spacing: .2px;
	margin-bottom: 30px
}

@media (max-width:991px) {
	#livestream-sap-dien-ra-page .time-countdown__title {
		font-size: 14px;
		margin-bottom: 20px
	}
}

#livestream-sap-dien-ra-page .time-countdown__title--time {
	font-size: 25px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600
}

@media (max-width:991px) {
	#livestream-sap-dien-ra-page .time-countdown__title--time {
		font-size: 20px
	}
}

#livestream-sap-dien-ra-page .time-countdown__btn {
	max-width: 350px
}

#livestream-sap-dien-ra-page .time-countdown__textarea {
	max-width: 700px;
	margin: 0 auto 20px;
	height: 120px;
	overflow: auto
}

#livestream-yeu-thich-null-page .tab {
	margin-top: 60px
}

#livestream-yeu-thich-null-page .wrapper-content {
	letter-spacing: .2px;
	padding-bottom: 25px
}

#livestream-yeu-thich-null-page .wrapper-content .title {
	font-weight: 600;
	font-size: 20px;
	color: #ff5965
}

#livestream-yeu-thich-null-page .wrapper-content .description {
	margin-bottom: 20px
}

#livestream-yeu-thich-null-page .wrapper-content .description--love {
	font-weight: 600;
	color: #ff5965
}

#livestream-yeu-thich-null-page .wrapper-content .description--love i {
	margin-right: 3px
}

#livestream-dang-dien-ra-page {
	padding-top: 0!important
}

#livestream-dang-dien-ra-page .top-title {
	width: calc(100% + 80px);
	margin-left: -40px;
	margin-bottom: 60px
}

@media (max-width:991px) {
	#livestream-dang-dien-ra-page .top-title {
		width: calc(100% + 30px);
		margin: 0 0 40px -15px
	}
}

#livestream-dang-dien-ra-page .livestream {
	margin-bottom: 50px
}

@media (max-width:991px) {
	#livestream-dang-dien-ra-page .livestream {
		margin-bottom: 25px
	}
}

#livestream-account-free-page .text-title {
	line-height: 1.14;
	letter-spacing: .2px;
	color: #ff5965;
	margin: 50px 0 15px
}

@media (max-width:991px) {
	#livestream-account-free-page .text-title {
		margin: 15px 0
	}
}

#livestream-account-free-page .not-yet-upgrade {
	margin-bottom: 70px
}

#upgrade-page {
	padding-bottom: 175px!important
}

@media (max-width:991px) {
	#upgrade-page {
		padding-top: 0!important;
		padding-bottom: 130px!important
	}
	#upgrade-page .row {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}

#upgrade-page .top-payment {
	background-color: #1d3575;
	padding: 5px 35px;
	width: calc(100% + 30px);
	margin-left: -15px;
	position: relative;
	margin-bottom: 30px
}

@media (max-width:320px) {
	#upgrade-page .top-payment {
		padding: 5px 15px
	}
}

#upgrade-page .top-payment .step {
	font-size: 14px;
	color: hsla(0, 0%, 100%, .5)
}

#upgrade-page .top-payment .step.active {
	color: #fff
}

#upgrade-page .top-payment .step.active .step__text {
	text-decoration: underline
}

#upgrade-page .top-payment .step__number {
	width: 28px;
	height: 28px;
	font-weight: 600;
	border-radius: 50%;
	background-color: hsla(0, 0%, 100%, .1);
	display: inline-block;
	text-align: center;
	line-height: 28px;
	margin-right: 5px
}

#upgrade-page .top-payment .fa-chevron-right {
	color: hsla(0, 0%, 100%, .2);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 20px
}

#upgrade-page .bottom-payment {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0
}

#upgrade-page .bottom-payment .total-bill {
	background-color: #fff;
	padding: 6px 15px 0
}

#upgrade-page .bottom-payment .total-bill__text {
	font-size: 12px;
	color: #666
}

#upgrade-page .bottom-payment .total-bill__money {
	font-weight: 600;
	color: #ff7345;
	font-size: 16px;
	font-family: SVN-Boing, sans-serif
}

#upgrade-page .bottom-payment .form__btn {
	border-radius: 0;
	padding: 18px 0!important
}

#upgrade-page .payment__title {
	font-size: 25px;
	line-height: 1.4;
	margin-bottom: 25px
}

@media (max-width:991px) {
	#upgrade-page .payment__title {
		margin-bottom: 15px
	}
}

#upgrade-page .payment .col-lg-6:first-child .has-server-error {
	max-width: 450px;
	margin-left: 0
}

@media (max-width:991px) {
	#upgrade-page .payment .col-lg-6 .has-server-error {
		display: block!important
	}
}

#upgrade-page .payment .type-payment {
	background-color: #fff;
	border-radius: 15px;
	padding: 30px 25px;
	max-width: 450px
}

@media (max-width:1199px) {
	#upgrade-page .payment .type-payment {
		padding: 30px 20px
	}
}

@media (max-width:991px) {
	#upgrade-page .payment .type-payment {
		padding: 20px
	}
}

@media (max-width:320px) {
	#upgrade-page .payment .type-payment {
		padding: 15px
	}
}

#upgrade-page .payment .type-payment__item {
	margin-bottom: 50px
}

@media (max-width:991px) {
	#upgrade-page .payment .type-payment__item {
		margin-bottom: 35px
	}
}

#upgrade-page .payment .type-payment__item.active,
#upgrade-page .payment .type-payment__item:last-child {
	margin-bottom: 0
}

#upgrade-page .payment .type-payment__item.active .type-payment__item__control {
	position: relative;
	border-radius: 4px;
	background-color: #fff;
	border: 2px solid #50ad4e;
	padding: 25px 30px 40px;
	margin-bottom: 20px
}

@media (max-width:1199px) {
	#upgrade-page .payment .type-payment__item.active .type-payment__item__control {
		padding: 25px 15px 40px
	}
}

@media (max-width:991px) {
	#upgrade-page .payment .type-payment__item.active .type-payment__item__control {
		padding: 15px 15px 37px;
		margin-bottom: 10px
	}
}

#upgrade-page .payment .type-payment__item.active .type-payment__item__control__label {
	color: #50ad4e;
	font-weight: 600
}

#upgrade-page .payment .type-payment__item.active .type-payment__item__control .type-payment__item__control__link {
	display: block!important
}

@media (max-width:320px) {
	#upgrade-page .payment .type-payment__item__control__radio-btn {
		width: 17px;
		height: 17px
	}
}

#upgrade-page .payment .type-payment__item__control__label {
	font-size: 16px;
	font-weight: 400;
	cursor: pointer;
	margin: 0 0 0 15px;
	position: relative;
	top: -6px
}

@media (max-width:320px) {
	#upgrade-page .payment .type-payment__item__control__label {
		font-size: 14px;
		margin-left: 8px;
		top: -4px
	}
}

#upgrade-page .payment .type-payment__item__control__link {
	width: 100%;
	background-color: rgba(80, 173, 78, .2);
	font-size: 12px;
	padding: 5px 0;
	color: #333;
	position: absolute;
	bottom: 0;
	left: 0;
	display: none!important
}

#upgrade-page .payment .type-payment__item__control__link:hover {
	background-color: #50ad4e;
	color: #fff;
	font-size: 14px
}

#upgrade-page .payment .type-payment__item__content {
	background-color: #fff;
	border-radius: 15px;
	padding: 30px
}

@media (max-width:991px) {
	#upgrade-page .payment .type-payment__item__content {
		padding: 20px
	}
}

@media (max-width:991px) {
	#upgrade-page .payment .type-payment__item__content .wrapper-logo-bank {
		-ms-flex-direction: row;
		flex-direction: row
	}
}

#upgrade-page .payment .type-payment__item__content .wrapper-logo-bank div[class^=col-] {
	height: 50px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 15px
}

#upgrade-page .payment .type-payment__item__content__description {
	opacity: .9;
	letter-spacing: .2px;
	font-size: 16px;
	margin-bottom: 25px
}

@media (max-width:991px) {
	#upgrade-page .payment .type-payment__item__content__description {
		font-size: 14px;
		opacity: 1;
		margin-bottom: 15px
	}
}

#upgrade-page .payment .type-payment__item__content__notification {
	color: #ff7345;
	font-size: 16px;
	letter-spacing: .2px
}

@media (max-width:991px) {
	#upgrade-page .payment .type-payment__item__content__notification {
		font-size: 14px;
		text-align: center
	}
}

#upgrade-page .payment .type-payment__item__content__desc {
	color: #ff7345;
	font-size: 16px;
	letter-spacing: .2px
}

@media (max-width:991px) {
	#upgrade-page .payment .type-payment__item__content__desc {
		font-size: 14px
	}
}

#upgrade-page .payment .type-payment__item__content__desc.mt {
	margin-bottom: 25px
}

#upgrade-page .payment .type-payment__item__content__transfer {
	margin-top: 20px
}

#upgrade-page .payment .type-payment__item__content__transfer__bold,
#upgrade-page .payment .type-payment__item__content__transfer__title {
	font-weight: 600;
	color: #333
}

#upgrade-page .payment .type-payment__item__content__note {
	margin-top: 20px
}

#upgrade-page .payment .type-payment__item__content__note__title {
	font-style: italic
}

#upgrade-page .payment .type-payment__item__content__paypal {
	margin-top: 20px
}

#upgrade-page .payment .type-payment__item__content__paypal__title {
	font-weight: 600;
	color: #333
}

#upgrade-page .payment .type-payment__item__content .add-card {
	display: inline-block;
	padding: 7px 15px;
	border-radius: 25px;
	background-image: linear-gradient(74deg, #3bbdf9, #4e8ff8);
	float: right;
	margin-top: 25px;
	color: #fff
}

@media (max-width:1199px) {
	#upgrade-page .payment .type-payment__item__content .add-card {
		padding: 5px 10px;
		font-size: 14px
	}
}

@media (max-width:991px) {
	#upgrade-page .payment .type-payment__item__content .add-card {
		margin-top: 15px
	}
}

@media (max-width:320px) {
	#upgrade-page .payment .type-payment__item__content .add-card {
		font-size: 13px
	}
}

@media (max-width:991px) {
	#upgrade-page .payment .type-payment__item__content .show-saved-card {
		text-align: center
	}
}

#upgrade-page .payment .type-payment__item__content .show-saved-card__btn {
	width: 235px;
	padding: 5px 0;
	border-radius: 20px;
	border: 2px solid #ddd;
	background-color: transparent;
	position: relative;
	letter-spacing: .2px;
	margin-top: 25px
}

@media (max-width:1199px) {
	#upgrade-page .payment .type-payment__item__content .show-saved-card__btn {
		font-size: 14px;
		width: 185px
	}
}

@media (max-width:991px) {
	#upgrade-page .payment .type-payment__item__content .show-saved-card__btn {
		margin-top: 15px;
		float: left
	}
}

@media (max-width:320px) {
	#upgrade-page .payment .type-payment__item__content .show-saved-card__btn {
		width: 150px;
		font-size: 12px
	}
}

#upgrade-page .payment .type-payment__item__content .show-saved-card__btn:after {
	content: "";
	opacity: .9;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 7px solid #999;
	position: absolute;
	top: 13px;
	right: 7px
}

@media (max-width:320px) {
	#upgrade-page .payment .type-payment__item__content .show-saved-card__btn:after {
		right: 0;
		top: 11px
	}
}

#upgrade-page .payment .type-payment__item__content .show-saved-card__list-card {
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2);
	width: 391px;
	padding: 25px 30px;
	top: 20px!important;
	left: -1px!important;
	border: none;
	border-radius: 15px
}

@media (max-width:991px) {
	#upgrade-page .payment .type-payment__item__content .show-saved-card__list-card {
		width: 235px;
		padding: 20px 15px;
		top: 5px!important
	}
}

#upgrade-page .payment .type-payment__item__content .show-saved-card__list-card:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 7px solid #fff;
	position: absolute;
	top: -7px;
	left: 125px
}

#upgrade-page .payment .type-payment__item__content .show-saved-card__list-card__item {
	margin-bottom: 25px;
	position: relative;
	letter-spacing: .2px;
	cursor: pointer
}

#upgrade-page .payment .type-payment__item__content .show-saved-card__list-card__item.active {
	font-weight: 600;
	color: #50ad4e
}

#upgrade-page .payment .type-payment__item__content .show-saved-card__list-card__item.active .checked-icon {
	position: absolute;
	right: 0;
	top: 0;
	display: block
}

#upgrade-page .payment .type-payment__item__content .show-saved-card__list-card__item:hover {
	font-weight: 600;
	color: #50ad4e
}

#upgrade-page .payment .type-payment__item__content .show-saved-card__list-card__item .checked-icon {
	display: none
}

#upgrade-page .payment .type-payment__item__content .show-saved-card__list-card__item:last-child {
	margin-bottom: 0
}

#upgrade-page .payment .type-payment__item__content__input {
	width: 100%;
	margin-bottom: 20px
}

#upgrade-page .payment .type-payment__item__content__input:last-child {
	margin-bottom: 0
}

#upgrade-page .payment .type-payment__item__content .info-card {
	background-image: linear-gradient(58deg, #3bbdf9, #4e8ff8);
	border-radius: 15px;
	padding: 20px 30px;
	margin: 25px 0 15px
}

@media (max-width:991px) {
	#upgrade-page .payment .type-payment__item__content .info-card {
		margin-top: 15px;
		padding: 20px 15px
	}
}

#upgrade-page .payment .type-payment__item__content .info-card .empty-data .message-error {
	background: #ff5965;
	color: #fff;
	font-size: 14px;
	padding: 2px 5px;
	margin-top: 0;
	border-radius: 0 0 5px 5px
}

#upgrade-page .payment .type-payment__item__content .info-card .empty-data input {
	border: none!important
}

#upgrade-page .payment .type-payment__item__content .info-card .group {
	margin-bottom: 25px
}

#upgrade-page .payment .type-payment__item__content .info-card .group:last-child {
	margin-bottom: 0
}

#upgrade-page .payment .type-payment__item__content .info-card .group--expire-day {
	width: calc(100% - 135px)
}

#upgrade-page .payment .type-payment__item__content .info-card .group--cvv {
	width: 105px
}

#upgrade-page .payment .type-payment__item__content .info-card .group__input {
	background-color: transparent;
	border: none;
	border-bottom: 1px solid hsla(0, 0%, 100%, .2);
	border-radius: 0;
	width: 100%;
	padding: 0;
	color: #fff;
	text-transform: uppercase
}

#upgrade-page .payment .type-payment__item__content .info-card .group__input:focus {
	border: none!important;
	border-bottom: 1px solid hsla(0, 0%, 100%, .2)!important
}

#upgrade-page .payment .type-payment__item__content .info-card .group__label {
	margin-bottom: 0;
	color: hsla(0, 0%, 100%, .6);
	font-weight: 400
}

#upgrade-page .payment .type-payment__item__content .info-card .group__label__img {
	opacity: .2
}

#upgrade-page .payment .type-payment__item__content .info-card .group__label__img.active {
	opacity: 1
}

#upgrade-page .payment .type-payment__item__content .info-card .group__label--icon {
	width: 20px;
	height: 20px;
	display: inline-block;
	border-radius: 50%;
	background-color: #fff;
	color: #ff7345;
	margin-left: 5px;
	text-align: center
}

#upgrade-page .payment .type-payment__item__content .save-card__label {
	color: #50ad4e;
	position: relative;
	top: -6px;
	margin-left: 5px;
	font-weight: 400;
	cursor: pointer;
	margin-bottom: 0
}

#upgrade-page .payment .type-payment__item__content .save-card__note {
	color: #999;
	font-size: 14px;
	font-style: italic
}

#upgrade-page .payment .info-payment {
	background-color: #fff;
	border-radius: 15px;
	padding: 30px
}

@media (max-width:991px) {
	#upgrade-page .payment .info-payment {
		padding: 15px;
		width: calc(100% + 30px);
		margin-left: -15px;
		border-radius: 0
	}
}

@media (max-width:1199px) {
	#upgrade-page .payment .info-payment__expire-time {
		display: block;
		position: relative;
		left: 25px
	}
}

@media (max-width:991px) {
	#upgrade-page .payment .info-payment__expire-time {
		left: 0
	}
}

#upgrade-page .payment .info-payment__list-courses {
	max-height: 200px;
	overflow-y: auto
}

#upgrade-page .payment .info-payment__list-courses__item {
	font-size: 16px;
	color: #999
}

@media (max-width:1199px) {
	#upgrade-page .payment .info-payment__list-courses__item {
		margin-bottom: 5px
	}
}

@media (max-width:991px) {
	#upgrade-page .payment .info-payment__list-courses__item {
		position: relative;
		padding-left: 30px;
		margin-bottom: 15px
	}
}

#upgrade-page .payment .info-payment__list-courses__item__checkbox {
	margin-right: 20px;
	position: relative;
	top: 5px
}

@media (max-width:1199px) {
	#upgrade-page .payment .info-payment__list-courses__item__checkbox {
		margin-right: 5px
	}
}

@media (max-width:991px) {
	#upgrade-page .payment .info-payment__list-courses__item__checkbox {
		top: 3px;
		margin-right: 5px;
		left: 0;
		position: absolute
	}
}

#upgrade-page .payment .info-payment__list-courses__item__checkbox:checked~label,
#upgrade-page .payment .info-payment__list-courses__item__checkbox:checked~span {
	color: #333
}

#upgrade-page .payment .info-payment__list-courses__item__course-name {
	font-weight: 400;
	cursor: pointer
}

@media (max-width:1199px) {
	#upgrade-page .payment .info-payment__list-courses__item__course-name {
		margin-bottom: 0
	}
}

@media (max-width:991px) {
	#upgrade-page .payment .info-payment__list-courses__item__course-name {
		font-size: 14px;
		margin-bottom: 0
	}
}

#upgrade-page .payment .info-payment__list-courses__item__course-price {
	font-size: 18px;
	font-weight: 600;
	font-family: SVN-Boing, sans-serif
}

@media (max-width:991px) {
	#upgrade-page .payment .info-payment__list-courses__item__course-price {
		font-size: 16px;
		margin-left: 15px
	}
}

#upgrade-page .payment .promotion-code {
	position: relative;
	margin-top: 40px
}

#upgrade-page .payment .promotion-code:before {
	content: "";
	position: absolute;
	top: -25px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #ddd
}

#upgrade-page .payment .promotion-code__input {
	width: 100%;
	border-radius: 25px;
	padding-right: 170px
}

#upgrade-page .payment .promotion-code__input.disabled {
	background-color: #ebebe4
}

#upgrade-page .payment .promotion-code__btn {
	position: absolute;
	top: 2px;
	right: 3px;
	height: calc(100% - 4px);
	padding: 0 38px;
	border-radius: 25px;
	border: none;
	background-image: linear-gradient(74deg, #3bbdf9, #4e8ff8);
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase
}

@media (max-width:991px) {
	#upgrade-page .payment .promotion-code__btn {
		width: 125px;
		padding: 0
	}
}

#upgrade-page .payment .promotion-code__btn .icon-loading {
	top: 0
}

#upgrade-page .payment .promotion-code__btn--cancel {
	background-image: linear-gradient(83deg, #ff7345, #f73747)
}

#upgrade-page .payment .promotion-code__btn.show-loading .tag-text {
	left: -17px
}

#upgrade-page .payment .price {
	font-size: 16px;
	margin-top: 30px
}

@media (max-width:991px) {
	#upgrade-page .payment .price {
		font-size: 14px;
		margin-top: 15px
	}
}

#upgrade-page .payment .price__discount {
	font-weight: 600;
	margin-bottom: 15px
}

#upgrade-page .payment .price__discount--name {
	color: #50ad4e;
	font-weight: 400;
	display: none
}

#upgrade-page .payment .price__discount--number {
	font-size: 18px
}

@media (max-width:991px) {
	#upgrade-page .payment .price__discount--number {
		font-size: 16px
	}
}

#upgrade-page .payment .price__total-price {
	font-weight: 600
}

#upgrade-page .payment .price__total-price--number {
	font-size: 25px;
	line-height: 1.4;
	color: #ff7345;
	font-family: SVN-Boing, sans-serif;
	position: relative;
	top: -6px
}

@media (max-width:991px) {
	#upgrade-page .payment .price__total-price--number {
		font-size: 18px
	}
}

#upgrade-page .payment__btn {
	font-size: 20px;
	padding: 15px 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}

#upgrade-page .fixed-bottom-action {
	position: fixed;
	bottom: 0;
	width: calc(100% - 250px);
	left: 250px;
	background: #fff;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1)
}

#upgrade-page .fixed-bottom-action .has-server-error {
	margin: 0!important
}

#upgrade-page .fixed-bottom-action .main-content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px 40px;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#upgrade-page .fixed-bottom-action .main-content .info-bill {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 450px
}

@media (max-width:1199px) {
	#upgrade-page .fixed-bottom-action .main-content .info-bill {
		padding-right: 20px
	}
}

#upgrade-page .fixed-bottom-action .main-content .info-bill__line {
	font-weight: 600;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#upgrade-page .fixed-bottom-action .main-content .info-bill__line--green-text {
	color: #50ad4e
}

#upgrade-page .fixed-bottom-action .main-content .info-bill__line--orange-text {
	color: #ff7345;
	font-family: SVN-Boing, sans-serif;
	font-size: 25px
}

#upgrade-page .fixed-bottom-action .main-content .info-bill__line .promotion {
	font-family: SVN-Boing, sans-serif;
	font-size: 18px
}

#upgrade-page .fixed-bottom-action .main-content .btn-payment {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}

@media (max-width:1199px) {
	#upgrade-page .fixed-bottom-action .main-content .btn-payment {
		-ms-flex: 0 0 40%;
		flex: 0 0 40%
	}
}

#finish-information-page .form-group__eye {
	top: 50px
}

#manage-card-page {
	padding-top: 60px
}

@media (max-width:991px) {
	#manage-card-page {
		padding: 40px 0 70px!important
	}
}

#manage-card-page .text-title {
	margin-bottom: 20px
}

#manage-card-page .wrapper-box-card {
	background-color: #fff;
	padding: 20px 30px;
	border-radius: 15px;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px
}

@media (max-width:1199px) {
	#manage-card-page .wrapper-box-card {
		padding: 15px;
		font-size: 14px
	}
}

@media (max-width:576px) {
	#manage-card-page .wrapper-box-card {
		padding: 10px 20px
	}
}

#manage-card-page .wrapper-box-card .info-card {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	margin-right: 90px;
	letter-spacing: .2px;
	font-weight: 700
}

@media (max-width:1199px) {
	#manage-card-page .wrapper-box-card .info-card {
		margin-right: 0
	}
}

@media (max-width:576px) {
	#manage-card-page .wrapper-box-card .info-card {
		margin-right: 25px
	}
}

#manage-card-page .wrapper-box-card__ordinal-number {
	font-weight: 400
}

#manage-card-page .wrapper-box-card__btn-remove {
	background-color: #fff!important;
	border-radius: 50%;
	padding: 0
}

@media (max-width:1199px) {
	#manage-card-page .wrapper-box-card__btn-remove {
		margin-left: 15px
	}
}

@media (max-width:1199px) {
	#manage-card-page .wrapper-box-card__btn-remove img {
		width: 40px
	}
}

#notifycation-page .pagination-line {
	margin-top: 30px
}

@media (max-width:991px) {
	#notifycation-page .pagination-line {
		margin-top: 20px
	}
}

#notifycation-page .list-notifycation {
	letter-spacing: .2px;
	background-color: #fff;
	padding: 40px 35px;
	border-radius: 15px;
	margin-top: 20px
}

@media (max-width:991px) {
	#notifycation-page .list-notifycation {
		padding: 20px 15px
	}
}

#notifycation-page .list-notifycation__item {
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 30px;
	margin-bottom: 30px
}

#notifycation-page .list-notifycation__item:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0
}

#notifycation-page .list-notifycation__top {
	display: -ms-flexbox;
	display: flex
}

#notifycation-page .list-notifycation__label {
	font-size: 12px;
	color: #50ad4e;
	background-color: rgba(80, 173, 78, .2);
	border-radius: 13px;
	padding: 5px 10px 4px
}

#notifycation-page .list-notifycation__time {
	font-size: 14px;
	color: #999;
	-ms-flex-order: 2;
	order: 2;
	margin-left: auto
}

#notifycation-page .list-notifycation__title {
	font-size: 20px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	letter-spacing: .3px;
	margin: 20px 0 10px
}

@media (max-width:991px) {
	#notifycation-page .list-notifycation__title {
		margin: 10px 0 5px
	}
}

#notifycation-page .list-notifycation__description {
	color: #666
}

#confirm-account-page {
	font-size: 14px
}

#confirm-account-page .text-title {
	margin-top: 30px;
	color: #3bbdf9
}

#confirm-account-page h6 {
	margin-bottom: 30px
}

#confirm-account-page .nav-tabs {
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: none
}

#confirm-account-page .nav-tabs .nav-item {
	width: calc(50% - 5px);
	cursor: pointer;
	text-align: left
}

#confirm-account-page .nav-tabs .nav-item .nav-link {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 4px;
	border: 2px solid #ddd;
	color: #666
}

@media (max-width:767px) {
	#confirm-account-page .nav-tabs .nav-item .nav-link {
		padding: 5px 15px
	}
}

@media (max-width:320px) {
	#confirm-account-page .nav-tabs .nav-item .nav-link {
		padding: 5px 8px
	}
}

#confirm-account-page .nav-tabs .nav-item .nav-link.active {
	background-color: #50ad4e;
	color: #fff;
	border-color: #50ad4e
}

#confirm-account-page .nav-tabs .nav-item .nav-link i {
	font-size: 30px;
	margin-right: 10px
}

@media (max-width:767px) {
	#confirm-account-page .nav-tabs .nav-item .nav-link i {
		display: none
	}
}

#confirm-account-page .tab-content {
	margin: 15px 0 30px
}

@media (max-width:767px) {
	#confirm-account-page .tab-content br {
		display: none
	}
}

#confirm-account-page .tab-content .tab-pane .tab-error {
	color: #ff5965
}

#confirm-account-page .tab-content .tab-pane .tab-loading {
	color: #50ad4e
}

#confirm-account-page .input-confirm input {
	text-align: center;
	border: none!important;
	border-bottom: 1px solid #ddd!important;
	font-family: SVN-Boing, sans-serif;
	font-weight: 700;
	font-size: 30px;
	width: 100%;
	text-transform: uppercase;
	border-radius: 0;
	padding: 5px 0 0
}

#confirm-account-page .input-confirm input:focus {
	border-bottom: 1px solid #50ad4e!important
}

#confirm-account-page .input-confirm.has-error input {
	border-color: #ff5965!important
}

#confirm-account-page .input-confirm.has-error .message-error {
	text-align: center!important
}

#confirm-account-page .form__btn {
	margin-top: 15px
}

#confirm-account-page .note {
	margin-top: 20px
}

@media (max-width:767px) {
	#confirm-account-page .note br {
		display: none
	}
}

#confirm-account-page .re-captcha-container {
	display: inline-block;
	text-align: center;
	margin-top: 10px
}

.popup-confirm.feedback-modal .modal-dialog .modal-content {
	width: 380px;
	box-shadow: none;
	transition: all .3s ease
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body {
	padding: 20px 30px 55px
}

@media (max-width:991px) {
	.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body {
		padding: 10px 20px 45px
	}
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .form textarea {
	font-size: 14px;
	padding: 10px
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .form__label {
	margin-top: 10px;
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: .2px;
	color: #666
}

@media (max-width:991px) {
	.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .form__label {
		font-size: 13px
	}
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .form__btn {
	text-transform: inherit;
	margin-top: 10px
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .form .message-error {
	font-size: 11px;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 10px;
	letter-spacing: .2px;
	color: #ff5965
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .form .image-input-container {
	margin-bottom: 10px
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .form .image-input-container .upload-container {
	border: 1px dashed #ddd;
	border-radius: 4px;
	padding: 10px;
	position: relative
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .form .image-input-container .upload-container .upload-title {
	font-size: 12px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: .2px;
	text-align: center;
	color: #666
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .form .image-input-container .upload-container .upload-size {
	font-size: 11px;
	font-weight: 400;
	font-style: italic;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: .2px;
	text-align: center;
	color: #999;
	margin-top: 5px
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .form .image-input-container .upload-container .upload-input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	font-size: 0;
	-webkit-appearance: menulist
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .form .image-input-container .hint {
	font-size: 11px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: .2px;
	color: #ff5965;
	display: block;
	margin-top: 10px
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .form .image-input-container .image-preview-container {
	margin-bottom: 10px
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .form .image-input-container .image-preview-container .image-preview-item {
	width: 50px;
	height: 50px;
	border-radius: 4px;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .form .image-input-container .image-preview-container .image-preview-item .preview-image {
	object-fit: contain;
	width: 50px;
	height: 50px;
	border-radius: 4px
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .form .image-input-container .image-preview-container .image-preview-item .close-icon {
	position: absolute;
	border-radius: 50%;
	top: 2px;
	right: 2px;
	width: 20px;
	height: 20px;
	cursor: pointer
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .form .image-input-container .image-preview-container .image-preview-item .close-icon:hover {
	transform: scale(1.1)
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .form .image-input-container .image-preview-container .image-preview-item-add {
	width: 50px;
	height: 50px;
	border-radius: 4px;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-right: 10px;
	margin-bottom: 10px;
	top: -1px;
	position: relative;
	border: 1px dashed #ddd
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .form .image-input-container .image-preview-container .image-preview-item-add .upload-input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	font-size: 0;
	-webkit-appearance: menulist
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .form .image-input-container .image-preview-container .image-preview-item-add .icon-add {
	position: absolute;
	font-size: 25px;
	font-weight: 400;
	top: 5px;
	left: 0;
	margin: auto;
	letter-spacing: .4px;
	text-align: center;
	color: #666;
	right: 0;
	bottom: 0
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .form .image-input-container .image-preview-container .hint {
	margin-top: 0
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .modal-close {
	transform: rotate(45deg);
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
	background-color: #fff;
	border: none;
	background-image: none;
	bottom: -25px;
	top: auto;
	right: 0;
	left: 0;
	margin: auto;
	cursor: pointer
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .modal-close__text {
	position: absolute;
	display: inline-block;
	color: #000;
	font-size: 44px;
	font-weight: 400;
	top: -10px;
	left: 12px
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .modal-close:hover {
	transform: scale(1.1) rotate(45deg)
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .success-container {
	text-align: center;
	margin-top: 30px
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .success-container img {
	width: 145px;
	height: 169px;
	object-fit: contain;
	display: inline-block
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .success-container .title {
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: .2px;
	color: #666;
	display: inline-block;
	line-height: 1.43;
	margin-top: 20px
}

@media (max-width:991px) {
	.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .success-container .title {
		font-size: 13px
	}
}

.popup-confirm.feedback-modal .modal-dialog .modal-content .modal-body .success-container .btn {
	background-image: linear-gradient(81deg, #3bbdf9, #4e8ff8);
	margin-top: 20px;
	border-radius: 30px;
	font-weight: 600;
	font-size: 18px;
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 10px 0;
	position: relative;
	outline: none;
	width: 100%;
	text-transform: uppercase
}

#learning-map {
	position: relative;
	height: 100vh
}

#learning-map.learning-map-old {
	background-image: linear-gradient(51deg, #3bbdf9, #4e8ff8)!important
}

@media (max-width:991px) {
	#learning-map {
		height: calc(100vh - 46px);
		margin: 46px auto 0
	}
}

#learning-map .header-map {
	position: absolute;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	padding: 20px 40px;
	margin-top: 0
}

@media (max-width:992px) {
	#learning-map .header-map {
		padding: 15px;
		position: absolute;
		margin-top: 79px
	}
}

@media (max-width:767px) {
	#learning-map .header-map {
		margin-top: 0
	}
}

#learning-map .header-map .button-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-item-align: center;
	align-self: center;
	border-radius: 30px;
	background-color: hsla(0, 0%, 100%, .2);
	height: 60px;
	width: 280px;
	padding: 0 20px
}

@media (max-width:992px) {
	#learning-map .header-map .button-group {
		height: auto;
		width: auto;
		padding: 0;
		display: none
	}
}

#learning-map .header-map .button-group a {
	display: inline-block;
	width: 140px;
	height: 60px;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	font-family: SVN-Boing;
	line-height: 60px
}

@media (max-width:992px) {
	#learning-map .header-map .button-group a {
		height: auto;
		width: auto;
		padding: 10px 15px;
		font-size: 14px;
		line-height: inherit
	}
}

#learning-map .header-map-desktop {
	position: absolute;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	padding: 20px 40px
}

@media (max-width:992px) {
	#learning-map .header-map-desktop {
		display: none
	}
}

#learning-map .header-map-desktop .button-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-item-align: center;
	align-self: center;
	border-radius: 30px;
	background-color: hsla(0, 0%, 100%, .2);
	height: 60px;
	width: 280px;
	padding: 0 20px
}

#learning-map .header-map-desktop .button-group a {
	display: inline-block;
	width: 140px;
	height: 60px;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	font-family: SVN-Boing;
	line-height: 60px
}

#learning-map .header-map-desktop .rank-map {
	display: -ms-flexbox;
	display: flex
}

#learning-map .header-map-desktop .rank-map .header-rank {
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	margin-left: 25px;
	background-color: #66272a;
	min-width: 191px;
	height: 63px;
	border-radius: 30px;
	padding-right: 5px;
	border: 2px solid #000
}

@media (min-width:992px) {
	#learning-map .header-map-desktop .rank-map .header-rank:hover {
		animation: spring .5s;
		animation-timing-function: ease
	}
}

@media (max-width:1300px) {
	#learning-map .header-map-desktop .rank-map .header-rank {
		min-width: 150px;
		height: 55px
	}
}

#learning-map .header-map-desktop .rank-map .header-rank__img {
	position: absolute;
	top: -3px;
	left: -5px;
	width: 66px;
	height: 66px
}

@media (max-width:1300px) {
	#learning-map .header-map-desktop .rank-map .header-rank__img {
		width: 58px;
		height: 58px
	}
}

#learning-map .header-map-desktop .rank-map .header-rank__left {
	width: 60px;
	position: relative
}

@media (max-width:1300px) {
	#learning-map .header-map-desktop .rank-map .header-rank__left {
		width: 46px
	}
}

#learning-map .header-map-desktop .rank-map .header-rank__right {
	-ms-flex: 1;
	flex: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column
}

#learning-map .header-map-desktop .rank-map .header-rank__title {
	color: #fff;
	opacity: .7;
	font-family: SVN-ProductSans;
	font-size: 14px;
	margin-top: 3px
}

@media (max-width:1300px) {
	#learning-map .header-map-desktop .rank-map .header-rank__title {
		font-size: 12px
	}
}

#learning-map .header-map-desktop .rank-map .header-rank__number {
	color: #fadd01;
	font-family: SVN-Boing;
	font-size: 35px;
	font-weight: 600;
	margin-top: -10px
}

@media (max-width:1300px) {
	#learning-map .header-map-desktop .rank-map .header-rank__number {
		font-size: 25px;
		margin-top: -5px
	}
}

#learning-map .header-map-desktop .rank-map .header-point {
	position: relative
}

#learning-map .header-map-desktop .rank-map .header-point__img {
	width: 190px;
	height: 63px
}

#learning-map .header-map-desktop .rank-map .header-point__title {
	position: absolute;
	top: 5px;
	right: 40px;
	color: #fff;
	opacity: .7;
	font-family: SVN-ProductSans;
	font-size: 14px
}

#learning-map .header-map-desktop .rank-map .header-point__number {
	position: absolute;
	top: 20px;
	right: 52px;
	color: #fadd01;
	font-family: SVN-Boing;
	font-size: 35px;
	font-weight: 600
}

#learning-map .header-map-mobile {
	display: none
}

@media (max-width:992px) {
	#learning-map .header-map-mobile {
		display: block
	}
}

#learning-map .header-map-mobile .info {
	height: 40px;
	background: hsla(0, 0%, 100%, .2);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 15px;
	cursor: pointer
}

@media (min-width:992px) {
	#learning-map .header-map-mobile .info {
		margin-top: 79px
	}
}

#learning-map .header-map-mobile .info__title {
	letter-spacing: .2px;
	color: #fff;
	opacity: .8;
	font-family: SVN-Boing;
	font-size: 14px;
	font-weight: 400
}

#learning-map .header-map-mobile .info__result {
	letter-spacing: .15px;
	color: #fff;
	font-family: SVN-Boing;
	font-size: 16px;
	font-weight: 600
}

#learning-map .header-child-buy {
	display: -ms-flexbox;
	display: flex
}

#learning-map .header-child-buy .icon-home {
	width: 64px;
	height: 65px;
	cursor: pointer
}

@media (min-width:992px) {
	#learning-map .header-child-buy .icon-home:hover {
		animation: spring .5s;
		animation-timing-function: ease
	}
}

@media (max-width:992px) {
	#learning-map .header-child-buy .icon-home {
		width: 40px;
		height: 40px
	}
}

#learning-map .header-child-buy .category-name {
	letter-spacing: .23px;
	color: #fff;
	opacity: .7;
	font-family: SVN-ProductSans;
	font-size: 16px;
	line-height: 1;
	margin-bottom: 8px
}

@media (max-width:992px) {
	#learning-map .header-child-buy .category-name {
		font-size: 12px
	}
}

#learning-map .header-child-buy .sub-category-name {
	letter-spacing: .51px;
	color: #fff;
	font-family: SVN-Boing;
	font-size: 36px;
	font-weight: 600;
	margin-top: -5px;
	line-height: 1
}

@media (max-width:992px) {
	#learning-map .header-child-buy .sub-category-name {
		font-size: 18px
	}
}

#learning-map .header-child-buy .category-info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-left: 15px;
	padding-top: 5px
}

@media (max-width:992px) {
	#learning-map .header-child-buy .category-info {
		display: none
	}
}

#learning-map .wrapper {
	height: 100%;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media (max-width:992px) {
	#learning-map .wrapper {
		height: 100%
	}
}

#learning-map .wrapper.package-map {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media (max-width:991px) {
	#learning-map .wrapper.package-map {
		height: calc(100vh - 50px)
	}
}

#learning-map .wrapper.package-map .package-map-image {
	width: 100%
}

@media (max-width:992px) {
	#learning-map .wrapper.package-map svg {
		height: 100%;
		width: auto;
		margin-top: -50px
	}
}

#learning-map .wrapper .map-detail {
	width: 100%;
	height: 100%;
	position: relative
}

#learning-map .wrapper .map-detail .slick-slider {
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

#learning-map .wrapper .map-detail .slick-slider .map-card img,
#learning-map .wrapper .map-detail .slick-slider .slick-list {
	width: 100%
}

@media (max-width:992px) {
	#learning-map .wrapper .map-detail .slick-slider .slick-list {
		height: 100%!important
	}
}

#learning-map .wrapper .map-detail .slick-slider .slick-list .slick-track .slick-slide {
	border: none;
	margin-top: -6px
}

#learning-map .wrapper .map-detail .slick-slider .slick-list .slick-track .slick-slide:first-child {
	margin-top: 0
}

@media (max-width:992px) {
	#learning-map .wrapper .map-detail .slick-slider .slick-list .slick-track .slick-slide,
	#learning-map .wrapper .map-detail .slick-slider .slick-list .slick-track .slick-slide>div>div>svg {
		height: calc(100vh - 59px)
	}
}

#learning-map .wrapper .map-detail .arrow {
	bottom: 20px;
	position: fixed;
	display: block;
	z-index: 1;
	width: 60px;
	height: 34px;
	border-radius: 33px;
	background-color: #4a2300;
	border: 2px solid #813d05;
	cursor: pointer
}

#learning-map .wrapper .map-detail .arrow:hover {
	box-shadow: 0 2px 0 0 rgba(0, 0, 0, .2);
	bottom: 22px
}

#learning-map .wrapper .map-detail .arrow__next {
	right: calc(50% - 130px);
	transform: translateX(50%)
}

@media (max-width:992px) {
	#learning-map .wrapper .map-detail .arrow__next {
		right: 0;
		transform: rotate(90deg);
		top: calc(50% + 20px)
	}
}

#learning-map .wrapper .map-detail .arrow__next:before {
	display: block;
	content: "";
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 13px solid #ffe7ac;
	border-radius: 3px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

#learning-map .wrapper .map-detail .arrow__prev {
	left: calc(50% - 130px);
	transform: translateX(-50%)
}

@media (max-width:992px) {
	#learning-map .wrapper .map-detail .arrow__prev {
		right: 0;
		transform: rotate(90deg);
		top: calc(50% - 60px);
		left: auto
	}
}

#learning-map .wrapper .map-detail .arrow__prev:before {
	display: block;
	content: "";
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-right: 13px solid #ffe7ac;
	border-radius: 3px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

#learning-map .wrapper .map-detail .slick-dots {
	overflow: hidden;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 25px
}

#learning-map .wrapper .map-detail .slick-dots ul {
	display: none;
	-ms-flex-align: center;
	align-items: center;
	transition: all .5s;
	transform: translateX(0)
}

#learning-map .wrapper .map-detail .slick-dots ul li {
	height: 22px
}

#learning-map .wrapper .map-detail .slick-dots ul li button:before {
	font-size: 20px;
	box-shadow: 0 2px 0 0 rgba(0, 0, 0, .2);
	border-radius: 50%;
	color: #ffe7ac;
	opacity: 1
}

#learning-map .wrapper .map-detail .slick-dots ul li.slick-active button:before {
	color: #4a2300
}

#learning-map .icon-loading {
	animation: loading-spin 1s infinite;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	line-height: 1;
	color: #fff
}

#learning-map .icon-loading:after {
	border-radius: 50%;
	border-style: solid;
	-webkit-background-clip: padding-box;
	box-sizing: border-box;
	border-width: .15em;
	border-color: currentColor currentColor currentColor transparent;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	display: inline-block;
	background: 50% no-repeat;
	background-size: cover
}

#learning-map svg g[id^=package_] {
	cursor: pointer
}

#learning-map {
	padding: 30px 0 0;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-course-menu.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	min-height: 100vh;
	height: auto
}

@media (max-width:991px) {
	#learning-map {
		min-height: calc(100vh - 46px);
		padding: 0
	}
}

#learning-map .learning-map-content {
	margin: 0 0 0 5px;
	height: calc(100vh - 95px)
}

@media (max-width:991px) {
	#learning-map .learning-map-content {
		margin: 0;
		height: auto
	}
}

#learning-map .learning-map-content__slide {
	height: 100%
}

@media (max-width:991px) {
	#learning-map .learning-map-content__slide {
		display: -ms-flexbox;
		display: flex;
		padding: 25px 10px;
		overflow: auto
	}
	#learning-map .learning-map-content__slide::-webkit-scrollbar {
		display: none
	}
}

#learning-map .learning-map-content__slide .slick-slider {
	height: 100%
}

#learning-map .learning-map-content__slide .slick-slider .slick-list {
	padding: 50px 0
}

@media (max-width:991px) {
	#learning-map .learning-map-content__slide .slick-slider .slick-list {
		padding: 25px 0
	}
}

#learning-map .learning-map-content__slide .slick-arrow {
	width: 62px;
	height: 60px;
	top: auto;
	bottom: 0;
	z-index: 2;
	transition: transform .3s
}

#learning-map .learning-map-content__slide .slick-arrow:hover {
	transform: translateY(-50%) scale(1.2)
}

#learning-map .learning-map-content__slide .slick-arrow:active {
	transform: translateY(-50%) scale(.8)
}

#learning-map .learning-map-content__slide .slick-arrow:before {
	width: 62px;
	height: 60px;
	content: "";
	display: block
}

#learning-map .learning-map-content__slide .slick-next {
	right: calc(50% - 75px)
}

#learning-map .learning-map-content__slide .slick-next:before {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/next-slick.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0;
	opacity: 1
}

#learning-map .learning-map-content__slide .slick-prev {
	left: calc(50% - 75px)
}

#learning-map .learning-map-content__slide .slick-prev:before {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/prev-slick.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0;
	opacity: 1
}

#learning-map .learning-map-content__slide .slick-disabled:before {
	opacity: .5
}

#learning-map .learning-map-content__slide__card {
	margin: 0 20px
}

@media (max-width:991px) {
	#learning-map .learning-map-content__slide__card {
		margin: 0;
		padding: 0 10px
	}
}

#learning-map .learning-map-content__slide__card__wrapper {
	box-shadow: 5px 5px 0 0 rgba(0, 0, 0, .2);
	border: 5px solid #fffcc9;
	background-color: #f7cc48;
	border-radius: 15px;
	position: relative;
	max-width: 280px;
	margin: 0 auto;
	cursor: pointer;
	transition: transform .3s
}

#learning-map .learning-map-content__slide__card__wrapper:hover {
	transform: scale(1.1)
}

#learning-map .learning-map-content__slide__card__wrapper:active {
	transform: scale(.9)
}

@media (max-width:1600px) {
	#learning-map .learning-map-content__slide__card__wrapper {
		max-width: 245px
	}
}

@media (max-width:991px) {
	#learning-map .learning-map-content__slide__card__wrapper {
		min-width: 140px;
		border-radius: 10px
	}
}

#learning-map .learning-map-content__slide__card__wrapper__gift {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: 120px
}

@media (max-width:991px) {
	#learning-map .learning-map-content__slide__card__wrapper__gift {
		bottom: 10px;
		width: 80px
	}
}

#learning-map .learning-map-content__slide__card img {
	border-radius: 10px;
	max-width: 100%
}

@media (max-width:991px) {
	#learning-map .learning-map-content__slide__card img {
		border-radius: 5px
	}
}

#learning-map .learning-map-content__slide__card p {
	position: absolute;
	top: 15px;
	left: 50%;
	transform: translateX(-50%);
	font-family: SVN-ProductSans;
	font-size: 36px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: red;
	width: 100%;
	text-shadow: 3px 0 0 #fffcc9, -3px 0 0 #fffcc9, 0 3px 0 #fffcc9, 0 -3px 0 #fffcc9, 2px 2px #fffcc9, -2px -2px 0 #fffcc9, 2px -2px 0 #fffcc9, -2px 2px 0 #fffcc9, 0 0 15px rgba(0, 0, 0, .7)
}

@media (max-width:991px) {
	#learning-map .learning-map-content__slide__card p {
		font-size: 16px
	}
}

#learning-map .learning-map-header {
	position: relative;
	padding-left: 79px;
	margin: 0 40px
}

@media (max-width:991px) {
	#learning-map .learning-map-header {
		z-index: 2;
		position: absolute;
		top: -39px;
		left: 10px;
		padding-left: 47px;
		margin: 0
	}
}

#learning-map .learning-map-header img {
	width: 64px;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer
}

@media (max-width:991px) {
	#learning-map .learning-map-header img {
		width: 32px
	}
}

#learning-map .learning-map-header img:hover {
	animation: spring .5s;
	animation-timing-function: ease
}

#learning-map .learning-map-header p {
	height: 19px;
	opacity: .7;
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: .23px;
	color: #fff
}

@media (max-width:991px) {
	#learning-map .learning-map-header p {
		font-size: 11px;
		height: auto
	}
}

#learning-map .learning-map-header span {
	display: block;
	height: 43px;
	font-family: SVN-Boing;
	font-size: 36px;
	font-weight: 600;
	letter-spacing: .51px;
	color: #fff;
	line-height: 1;
	padding-top: 5px
}

@media (max-width:991px) {
	#learning-map .learning-map-header span {
		font-size: 16px;
		height: auto;
		padding-top: 3px
	}
}

@media (max-width:991px) {
	#learning-map .learning-map-wrapper {
		display: -ms-flexbox;
		display: flex;
		position: absolute;
		bottom: 15px;
		left: 50%;
		transform: translateX(-50%);
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: center;
		align-items: center
	}
}

#learning-map .learning-map-banner {
	position: absolute;
	top: 30px;
	right: 40px;
	width: 250px
}

#learning-map .learning-map-banner a {
	display: block
}

#learning-map .learning-map-banner a img {
	max-width: 100%
}

@media (max-width:991px) {
	#learning-map .learning-map-banner {
		position: relative;
		top: auto;
		right: auto;
		width: 150px
	}
}

#learning-map .learning-map-tutorial {
	position: absolute;
	bottom: 30px;
	left: 40px
}

@media (max-width:991px) {
	#learning-map .learning-map-tutorial {
		position: relative;
		bottom: auto;
		left: 30px
	}
}

#learning-map .learning-map-tutorial:hover a img {
	animation: spring .5s;
	animation-timing-function: ease
}

#learning-map .learning-map-tutorial a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

#learning-map .learning-map-tutorial a img {
	width: 64px;
	position: relative;
	z-index: 2
}

@media (max-width:991px) {
	#learning-map .learning-map-tutorial a img {
		width: 36px
	}
}

#learning-map .learning-map-tutorial a p {
	font-family: SVN-Boing;
	font-size: 20px;
	font-weight: 600;
	color: #632a00;
	padding: 7px 15px 11px 45px;
	background-color: rgba(255, 252, 201, .5);
	border-radius: 24px;
	position: relative;
	left: -35px
}

@media (max-width:991px) {
	#learning-map .learning-map-tutorial a p {
		font-size: 13px;
		padding: 1px 10px 5px 40px
	}
}

#wrapper-layout-parents.not-sidebar #content {
	width: 100%;
	margin-left: 0
}

@media (max-width:991px) {
	#wrapper-layout-parents.not-sidebar #content {
		padding-top: 0
	}
}

#wrapper-layout-parents #content {
	width: calc(100% - 250px);
	margin-left: 250px;
	background: #eef5fe;
	padding: 0 40px 40px;
	min-height: 100vh
}

@media (max-width:991px) {
	#wrapper-layout-parents #content {
		width: 100%;
		margin-left: 0;
		padding: 65px 15px 70px
	}
}

.register-success-notification {
	background-image: linear-gradient(88deg, #ff7345, #f73747);
	padding: 5px 40px 5px 30px;
	position: relative;
	z-index: 3;
	transition: all .5s ease;
	opacity: 0;
	display: none
}

@media (max-width:991px) {
	.register-success-notification {
		padding-left: 20px;
		width: calc(100% + 30px);
		margin-left: -15px
	}
}

@media (max-width:767px) {
	.register-success-notification {
		padding: 5px 40px 23px 70px
	}
}

.register-success-notification.show {
	opacity: 1;
	display: block
}

.register-success-notification__img {
	height: 40px;
	width: 40px;
	display: inline-block;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	margin-right: 15px
}

@media (max-width:767px) {
	.register-success-notification__img {
		position: absolute;
		left: 20px
	}
}

.register-success-notification__text {
	letter-spacing: .2px;
	color: #fff;
	font-size: 16px
}

@media (max-width:767px) {
	.register-success-notification__text {
		font-size: 14px;
		position: relative;
		top: 8px
	}
}

.register-success-notification__close {
	color: #fff;
	font-size: 30px;
	position: absolute;
	right: 40px;
	top: 0;
	cursor: pointer
}

@media (max-width:767px) {
	.register-success-notification__close {
		right: 20px
	}
}

#head-menu {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid rgba(5, 32, 104, .1);
	margin-bottom: 30px
}

#head-menu.head-menu-learning {
	display: block;
	border-bottom: none
}

#head-menu.head-menu-learning .wrapper-head-top {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid rgba(5, 32, 104, .1)
}

#head-menu.head-menu-learning .sub-menu {
	background-color: #fff;
	padding: 10px 40px;
	width: calc(100% + 80px);
	margin-left: -40px
}

#head-menu.head-menu-learning .sub-menu li {
	display: inline-block;
	margin-right: 50px
}

@media (max-width:767px) {
	#head-menu.head-menu-learning .sub-menu li {
		margin-right: 25px
	}
}

#head-menu.head-menu-learning .sub-menu li:last-child {
	margin-right: 0
}

#head-menu.head-menu-learning .sub-menu li.active a {
	color: #f33030;
	font-weight: 700
}

#head-menu.head-menu-learning .sub-menu li a {
	color: #666
}

#head-menu.head-menu-learning .sub-menu li a:hover {
	color: #f33030;
	font-weight: 700
}

#head-menu.head-menu-learning .sub-menu li a:focus {
	outline: none
}

#head-menu .list-menu {
	display: -ms-flexbox;
	display: flex
}

#head-menu .list-menu--learning li.active a img.not-active {
	display: none
}

#head-menu .list-menu--learning li.active a img.active {
	display: inline-block
}

#head-menu .list-menu--learning li a:hover img.not-active {
	display: none
}

#head-menu .list-menu--learning li a:hover img.active {
	display: inline-block
}

#head-menu .list-menu--learning li a:focus {
	outline: none
}

#head-menu .list-menu--learning li a img {
	height: 20px;
	margin-right: 10px
}

#head-menu .list-menu--learning li a img.active {
	display: none
}

#head-menu .list-menu li {
	display: inline-block;
	margin-right: 50px
}

@media (max-width:1199px) {
	#head-menu .list-menu li {
		margin-right: 20px
	}
}

#head-menu .list-menu li:last-child {
	margin-right: 0
}

#head-menu .list-menu li.active a {
	border-color: #f33030;
	color: #f33030;
	font-weight: 700
}

#head-menu .list-menu li a {
	padding: 25px 0;
	border-bottom: 3px solid transparent;
	font-size: 20px;
	color: #666;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:1199px) {
	#head-menu .list-menu li a {
		font-size: 15px;
		padding: 15px 0
	}
}

#head-menu .list-menu li a:hover {
	color: #f33030
}

#head-menu .info,
#head-menu .info a {
	display: -ms-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center
}

#head-menu .info .text {
	text-align: center;
}

#head-menu .info .text span {
	color: #666;
	font-size: 14px
}

#head-menu .info .text .name {
	font-weight: 700;
	font-size: 20px
}

@media (max-width:1199px) {
	#head-menu .info .text .name {
		font-size: 15px
	}
}

#head-menu .info .avatar {
	margin-left: 10px
}

#head-menu .info .avatar img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	object-fit: cover
}

@media (max-width:1199px) {
	#head-menu .info .avatar img {
		width: 40px;
		height: 40px
	}
}

#head-menu-mobile {
	margin: 0 -15px;
	padding: 0 15px
}

#head-menu-mobile .menu {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 10px 15px;
	background: #fff;
	width: calc(100% + 30px);
	margin-left: -15px
}

#head-menu-mobile .menu li.active a {
	font-weight: 700;
	color: #f33030
}

#head-menu-mobile .sub-menu {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0;
	margin-top: 15px;
	background: #fff
}

#head-menu-mobile .sub-menu li {
	width: 33.33%;
	text-align: center
}

#head-menu-mobile .sub-menu li.active a {
	font-weight: 700;
	background: #f33030;
	color: #fff
}

#head-menu-mobile .sub-menu li a {
	width: 100%;
	display: inline-block;
	padding: 7px 0
}

@media (max-width:991px) {
	.terrible-form {
		width: calc(100% + 60px);
		margin-left: -30px
	}
}

.terrible-form .wrapper-bg-white {
	background-color: #fff;
	border-radius: 15px;
	padding: 40px
}

@media (max-width:991px) {
	.terrible-form .wrapper-bg-white {
		border-radius: 0;
		padding: 20px 15px 0
	}
}

.terrible-form .wrapper-bg-white--under {
	margin-top: 20px;
	display: none
}

.terrible-form .wrapper-bg-white--under input {
	padding-right: 120px
}

.terrible-form .wrapper-bg-white .dropdown-menu {
	transform: translate3d(-215px, -351px, 0)!important
}

@media (max-width:991px) {
	.terrible-form .wrapper-bg-white .dropdown-menu {
		transform: translate3d(0, 20px, 0)!important;
		padding: 10px
	}
}

.terrible-form .wrapper-bg-white .form .form-group {
	position: relative
}

.terrible-form .wrapper-bg-white .form .form-group .change-phone-number {
	position: absolute;
	right: 15px;
	bottom: 15px;
	font-style: italic;
	text-decoration: underline;
	cursor: pointer
}

.terrible-form .wrapper-bg-white .form .form-group .change-phone-number:hover {
	color: #ff7345
}

.terrible-form .wrapper-bg-white .content-right .tag-list[data-placement=top-start]:after {
	left: 130px;
	bottom: -8px;
	top: auto;
	border-top: 8px solid #fff;
	border-bottom: none
}

.terrible-form .wrapper-bg-white .content-right .small-title {
	font-size: 20px;
	font-weight: 600;
	font-family: SVN-Boing, sans-serif
}

.terrible-form .wrapper-bg-white .content-right .small-title--number {
	color: #ff7345
}

.terrible-form .wrapper-bg-white .content-right .change-avatar-box {
	width: 140px;
	height: 140px;
	margin: 20px auto 45px
}

@media (max-width:991px) {
	.terrible-form .wrapper-bg-white .content-right .change-avatar-box {
		width: 100px;
		height: 100px;
		margin: 0 auto 30px
	}
}

.terrible-form .wrapper-bg-white .content-right .change-avatar-box__image {
	width: 140px;
	height: 140px
}

@media (max-width:991px) {
	.terrible-form .wrapper-bg-white .content-right .change-avatar-box__image {
		width: 100px;
		height: 100px
	}
}

.terrible-form .wrapper-bg-white .content-right .change-avatar-box__text-change-avatar--text {
	top: 40%
}

@media (max-width:991px) {
	.terrible-form .wrapper-bg-white .content-right .tag {
		margin-bottom: 25px
	}
}

.terrible-form .wrapper-bg-white .content-right .tag__wrapper {
	margin: 20px 0
}

.terrible-form .wrapper-bg-white .content-right .tag__item {
	background-color: #3bbdf9;
	border-radius: 18px;
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	margin: 4px 2px
}

.terrible-form .wrapper-bg-white .content-right .tag__edit {
	text-decoration: underline;
	font-style: italic;
	cursor: pointer
}

.terrible-form .wrapper-bg-white .content-right .tag__edit:hover {
	color: #ff7345
}

.terrible-form .wrapper-bg-white .content-right .tag__total-tag {
	color: #666;
	margin-right: 5px
}

.terrible-form .btn-line {
	margin-top: 40px
}

@media (max-width:991px) {
	.terrible-form .btn-line {
		margin-top: 20px
	}
}

.terrible-form .btn-line .form__btn {
	max-width: 320px;
	line-height: 1;
	padding: 16px 0 12px!important
}

@media (max-width:991px) {
	.terrible-form .btn-line .form__btn {
		max-width: none
	}
	.terrible-form .btn-line .form__btn--orange {
		font-size: 20px;
		letter-spacing: .2px
	}
}

.terrible-form .btn-line .change-password-btn {
	color: #000!important;
	background-color: #fff;
	border: 2px solid #ddd;
	margin-right: 20px
}

@media (max-width:991px) {
	.terrible-form .btn-line .change-password-btn {
		margin-right: 0;
		width: calc(100% - 50px);
		font-size: 18px
	}
}

.terrible-form .form-group__eye {
	font-size: 12px;
	letter-spacing: .2px;
	top: 52px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}


#profile-teacher {
	font-family: NunitoSans, sans-serif;
	font-size: 14px
}

#profile-teacher .wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	height: 100vh;
	overflow: hidden
}

#profile-teacher .wrapper__info {
	width: 62.5%;
	height: 100%;
	padding: 20px 60px
}

@media (max-width:1024px) {
	#profile-teacher .wrapper__info {
		padding: 20px 30px
	}
}

@media screen and (max-width:991px) {
	#profile-teacher .wrapper__info {
		width: 100%
	}
}

@media screen and (max-width:767px) {
	#profile-teacher .wrapper__info {
		padding: 15px 10px
	}
}

#profile-teacher .wrapper__info .language {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px;
	color: #999
}

@media screen and (max-width:767px) {
	#profile-teacher .wrapper__info .language {
		margin-bottom: 15px
	}
}

#profile-teacher .wrapper__info .language__list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

#profile-teacher .wrapper__info .language__list__item {
	margin-left: 20px
}

#profile-teacher .wrapper__info .language__list__item span {
	cursor: pointer
}

#profile-teacher .wrapper__info .language__list__item:hover {
	color: #333
}

#profile-teacher .wrapper__info .language__list .selected {
	color: #333;
	font-weight: 700
}

#profile-teacher .wrapper__info .language__toggle {
	margin-left: 10px;
	font-weight: 700;
	position: relative;
	color: #333
}

#profile-teacher .wrapper__info .language__toggle:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #666;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -15px
}

#profile-teacher .wrapper__info .language__mb {
	border: 2px solid #999;
	border-radius: 10px;
	background-color: #fff;
	padding: 5px 0
}

#profile-teacher .wrapper__info .language__mb__item {
	margin: 0;
	padding: 5px 10px
}

#profile-teacher .wrapper__info .language__mb__item span {
	white-space: nowrap
}

#profile-teacher .wrapper__info .language__mb .selected {
	color: #333
}

#profile-teacher .wrapper__info .title {
	margin-left: -60px;
	padding: 13px 60px 20px;
	background-color: #ffe6ee;
	margin-bottom: 25px;
	position: relative
}

@media (max-width:1024px) {
	#profile-teacher .wrapper__info .title {
		margin-left: -30px;
		padding: 13px 30px 20px
	}
}

@media screen and (max-width:991px) {
	#profile-teacher .wrapper__info .title {
		border-radius: 0 60px 60px 0
	}
}

@media screen and (max-width:767px) {
	#profile-teacher .wrapper__info .title {
		margin-left: -10px;
		padding: 14px 10px 15px;
		border-radius: 0 45px 45px 0;
		margin-bottom: 15px
	}
}

#profile-teacher .wrapper__info .title__name {
	font-size: 45px;
	line-height: 60px;
	font-weight: 700;
	color: #ee2c6a;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

@media screen and (max-width:991px) {
	#profile-teacher .wrapper__info .title__name {
		max-width: calc(100% - 120px)
	}
}

@media screen and (max-width:767px) {
	#profile-teacher .wrapper__info .title__name {
		font-size: 30px;
		line-height: 40px;
		max-width: calc(100% - 90px)
	}
}

#profile-teacher .wrapper__info .title__name img {
	width: 45px;
	height: 30px;
	margin-left: 20px
}

@media screen and (max-width:767px) {
	#profile-teacher .wrapper__info .title__name img {
		width: 30px;
		height: 20px;
		margin-left: 10px
	}
}

#profile-teacher .wrapper__info .title__age {
	font-weight: 700;
	font-size: 18px
}

@media screen and (max-width:767px) {
	#profile-teacher .wrapper__info .title__age {
		font-size: 14px
	}
}

#profile-teacher .wrapper__info .title__age span {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	background-color: #333;
	border-radius: 50%;
	margin: 2px 5px
}

#profile-teacher .wrapper__info .title__ava {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

@media screen and (max-width:767px) {
	#profile-teacher .wrapper__info .title__ava {
		width: 90px;
		height: 90px
	}
}

#profile-teacher .wrapper__info .infomation {
	height: calc(100% - 185px)
}

@media screen and (max-width:767px) {
	#profile-teacher .wrapper__info .infomation {
		height: calc(100% - 135px)
	}
}

#profile-teacher .wrapper__info .infomation__tab {
	padding-bottom: 10px;
	border-bottom: 2px solid #eee;
	margin-bottom: 30px
}

@media screen and (max-width:767px) {
	#profile-teacher .wrapper__info .infomation__tab {
		margin-bottom: 15px
	}
}

#profile-teacher .wrapper__info .infomation__tab__label {
	font-size: 25px;
	font-weight: 700;
	color: #999;
	margin-right: 40px;
	padding-bottom: 10px;
	cursor: pointer
}

#profile-teacher .wrapper__info .infomation__tab__label:hover {
	color: #333
}

@media screen and (max-width:767px) {
	#profile-teacher .wrapper__info .infomation__tab__label {
		font-size: 18px
	}
}

#profile-teacher .wrapper__info .infomation__tab__active {
	color: #333;
	border-bottom: 4px solid #ee2c6a
}

@media screen and (max-width:767px) {
	#profile-teacher .wrapper__info .infomation__tab__active {
		border-bottom: 3px solid #ee2c6a
	}
}

#profile-teacher .wrapper__info .infomation__text {
	height: calc(100% - 80px);
	padding-right: 10px;
	overflow: auto
}

@media screen and (max-width:767px) {
	#profile-teacher .wrapper__info .infomation__text {
		height: calc(100% - 70px)
	}
}

#profile-teacher .wrapper__info .infomation__text .profile__card {
	padding-bottom: 10px
}

#profile-teacher .wrapper__info .infomation__text .profile__card__title {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 25px
}

@media screen and (max-width:767px) {
	#profile-teacher .wrapper__info .infomation__text .profile__card__title {
		margin-bottom: 20px
	}
}

#profile-teacher .wrapper__info .infomation__text .profile__card__title span {
	width: 40px;
	height: 40px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 5px;
	margin-right: 20px;
	background-color: #000
}

#profile-teacher .wrapper__info .infomation__text .profile__card__title p {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 3.5px;
	line-height: 20px
}

#profile-teacher .wrapper__info .infomation__text .profile__card__content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media screen and (max-width:767px) {
	#profile-teacher .wrapper__info .infomation__text .profile__card__content {
		-ms-flex-direction: column;
		flex-direction: column
	}
}

#profile-teacher .wrapper__info .infomation__text .profile__card__content p {
	font-size: 18px;
	font-weight: 700;
	padding-left: 60px;
	position: relative;
	margin-bottom: 30px;
	width: 50%
}

@media screen and (max-width:767px) {
	#profile-teacher .wrapper__info .infomation__text .profile__card__content p {
		margin-bottom: 20px;
		width: 100%
	}
}

#profile-teacher .wrapper__info .infomation__text .profile__card__content p:after {
	content: "";
	width: 10px;
	height: 3px;
	display: block;
	background-color: #000;
	left: 15px;
	top: 12px;
	position: absolute
}

#profile-teacher .wrapper__info .infomation__text .profile__card__content p span {
	display: block;
	font-size: 14px;
	color: #666
}

#profile-teacher .wrapper__info .infomation__text .profile__card--red .profile__card__title span {
	background-color: #ffd8e5
}

#profile-teacher .wrapper__info .infomation__text .profile__card--red .profile__card__title p {
	color: #ee2c6a
}

#profile-teacher .wrapper__info .infomation__text .profile__card--red .profile__card__content p:after {
	background-color: #ffd8e5
}

#profile-teacher .wrapper__info .infomation__text .profile__card--purple .profile__card__title span {
	background-color: #e8d8ff
}

#profile-teacher .wrapper__info .infomation__text .profile__card--purple .profile__card__title p {
	color: #7f26ff
}

#profile-teacher .wrapper__info .infomation__text .profile__card--purple .profile__card__content p:after {
	background-color: #e8d8ff
}

#profile-teacher .wrapper__info .infomation__text .profile__card--blue {
	padding-bottom: 0
}

#profile-teacher .wrapper__info .infomation__text .profile__card--blue .profile__card__title span {
	background-color: #d9efff
}

#profile-teacher .wrapper__info .infomation__text .profile__card--blue .profile__card__title p {
	color: #26a4ff
}

#profile-teacher .wrapper__info .infomation__text .profile__card--blue .profile__card__content p:after {
	background-color: #d9efff
}

#profile-teacher .wrapper__info .infomation__text .schedule {
	height: 100%;
	margin-right: -10px
}

#profile-teacher .wrapper__info .infomation__text .schedule__date {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 5px
}

#profile-teacher .wrapper__info .infomation__text .schedule__date__empty {
	width: 145px;
	height: 90px;
	background-color: #ebf4ff;
	border-radius: 3px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-right: 4px
}

@media screen and (max-width:767px) {
	#profile-teacher .wrapper__info .infomation__text .schedule__date__empty {
		width: 85px;
		height: 60px
	}
}

#profile-teacher .wrapper__info .infomation__text .schedule__date__empty p {
	font-weight: 700;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: 6px 0 6px 20px
}

@media screen and (max-width:767px) {
	#profile-teacher .wrapper__info .infomation__text .schedule__date__empty p {
		padding: 3px 0 3px 5px;
		font-size: 12px
	}
}

#profile-teacher .wrapper__info .infomation__text .schedule__date__empty p span {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	text-align: center;
	margin-right: 8px;
	position: relative;
	bottom: 2px;
	line-height: 20px
}

@media screen and (max-width:767px) {
	#profile-teacher .wrapper__info .infomation__text .schedule__date__empty p span {
		width: 12px;
		height: 12px;
		line-height: 12px;
		margin-right: 5px;
		bottom: 0
	}
}

#profile-teacher .wrapper__info .infomation__text .schedule__date__empty p:first-child span {
	background-color: #c9dffb
}

#profile-teacher .wrapper__info .infomation__text .schedule__date__empty p:last-child span {
	background-color: #ffccdc;
	color: #fff
}

@media screen and (max-width:767px) {
	#profile-teacher .wrapper__info .infomation__text .schedule__date__empty p:last-child span {
		color: #ffccdc
	}
}

#profile-teacher .wrapper__info .infomation__text .schedule__date__wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: #ffebf1;
	border-radius: 3px;
	-ms-flex: 1;
	flex: 1;
	height: 90px;
	margin-right: 2px
}

@media screen and (max-width:767px) {
	#profile-teacher .wrapper__info .infomation__text .schedule__date__wrapper {
		height: 60px
	}
}

#profile-teacher .wrapper__info .infomation__text .schedule__date__wrapper__item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex: 1;
	flex: 1
}

#profile-teacher .wrapper__info .infomation__text .schedule__date__wrapper__item__number {
	color: #ee2c6a;
	font-size: 25px;
	font-weight: 700
}

@media screen and (max-width:767px) {
	#profile-teacher .wrapper__info .infomation__text .schedule__date__wrapper__item__number {
		font-size: 16px;
		line-height: 20px
	}
}

#profile-teacher .wrapper__info .infomation__text .schedule__date__wrapper__item__text {
	color: #666
}

@media screen and (max-width:767px) {
	#profile-teacher .wrapper__info .infomation__text .schedule__date__wrapper__item__text {
		font-size: 12px
	}
}

#profile-teacher .wrapper__info .infomation__text .schedule__time {
	height: calc(100% - 95px);
	overflow: auto
}

#profile-teacher .wrapper__info .infomation__text .schedule__time__row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 5px
}

#profile-teacher .wrapper__info .infomation__text .schedule__time__row__name {
	width: 145px;
	height: 40px;
	background-color: #ebf4ff;
	border-radius: 3px;
	margin-right: 2px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 20px
}

@media screen and (max-width:767px) {
	#profile-teacher .wrapper__info .infomation__text .schedule__time__row__name {
		width: 85px;
		padding-left: 5px;
		font-size: 12px
	}
}

#profile-teacher .wrapper__info .infomation__text .schedule__time__row__date {
	background-color: #c9dffb;
	-ms-flex: 1;
	flex: 1;
	height: 40px;
	margin: 0 2px
}

#profile-teacher .wrapper__info .infomation__text .schedule__time__row .booked {
	background-color: #ffccdc;
	position: relative
}

#profile-teacher .wrapper__info .infomation__text .schedule__time__row .booked:after,
#profile-teacher .wrapper__info .infomation__text .schedule__time__row .booked:before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 14px;
	background-color: #fff;
	transform: rotate(45deg) translate(-50%, -50%);
	transform-origin: top left;
	content: ""
}

#profile-teacher .wrapper__info .infomation__text .schedule__time__row .booked:after {
	transform: rotate(-45deg) translate(-50%, -50%)
}

#profile-teacher .wrapper__avatar {
	width: 37.5%;
	height: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat
}

@media screen and (max-width:991px) {
	#profile-teacher .wrapper__avatar {
		display: none
	}
}

:root p {
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal
}

.kid-layout {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.kid-sidebar {
	width: 250px;
	height: 100vh;
	background-color: #7e3f08;
	position: fixed;
	left: 0;
	top: 0;
	color: #fff!important;
	padding: 0 0 25px;
	z-index: 2
}

@media (max-width:991px) {
	.kid-sidebar {
		left: -100%;
		width: 100%;
		transition: left .5s ease;
		padding-top: 65px;
		background: #052774;
		margin-top: 46px;
		padding-top: 19px
	}
}

@media (max-width:991px) {
	.kid-sidebar.isShowed .kid-sidebar-bottom_wrapper {
		bottom: 46px;
		padding-top: 10px;
		margin: 0
	}
}

.kid-sidebar.isShowed {
	left: 0
}

@media only screen and (min-device-width:768px) and (max-device-width:992px) and (orientation:landscape) {
	.kid-sidebar .wrapper-scroll {
		max-height: calc(100% - 400px)!important
	}
}

.kid-sidebar .kid-sidebar-logo__wrapper {
	width: 250px;
	background-color: #543219;
	text-align: center
}

.kid-sidebar .kid-sidebar-logo__wrapper__img {
	margin-right: 10px
}

.kid-sidebar .kid-sidebar-logo__wrapper__img img {
	height: 83px
}

@media (max-width:991px) {
	.kid-sidebar .kid-sidebar-logo__wrapper__img img {
		height: 65px
	}
}

.kid-sidebar .kid-sidebar-logo__wrapper a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	color: #fff
}

.kid-sidebar .kid-sidebar-logo__wrapper a .kid-sidebar-logo__wrapper__back img {
	position: relative;
	top: -1px;
	left: -2px
}

.kid-sidebar .kid-sidebar-logo__wrapper a .kid-sidebar-logo__wrapper__back span {
	font-size: 14px;
	opacity: .7
}

.kid-sidebar .kid-sidebar-logo__wrapper__logo {
	width: 168px;
	height: 64px;
	object-fit: contain;
	margin: 10px 0 10px 41px
}

@media (max-width:991px) {
	.kid-sidebar .kid-sidebar-logo__wrapper__logo {
		width: 85px;
		height: 32px;
		margin: 0
	}
}

@media (max-width:991px) {
	.kid-sidebar .kid-sidebar-logo__wrapper {
		position: fixed;
		height: 46px;
		left: 0;
		top: 0;
		width: 145px;
		padding: 6px;
		background-color: #09539b;
		-ms-flex-pack: end;
		justify-content: end
	}
	.kid-sidebar .kid-sidebar-logo__wrapper>a {
		float: right
	}
}

.kid-sidebar .kid-sidebar-logo__wrapper .wrapper-control-menu-mb {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 65px;
	background-color: rgba(0, 0, 0, .2);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%
}

@media (max-width:991px) {
	.kid-sidebar .kid-sidebar-logo__wrapper .wrapper-control-menu-mb {
		background-color: transparent;
		width: 50px
	}
}

.kid-sidebar .kid-sidebar-logo__wrapper .wrapper-control-menu-mb .control__menu.isShowed .line--first {
	transform: rotate(45deg)
}

.kid-sidebar .kid-sidebar-logo__wrapper .wrapper-control-menu-mb .control__menu.isShowed .line--second {
	display: none
}

.kid-sidebar .kid-sidebar-logo__wrapper .wrapper-control-menu-mb .control__menu.isShowed .line--third {
	transform: rotate(-45deg);
	position: relative;
	top: -2px
}

.kid-sidebar .kid-sidebar-logo__wrapper .wrapper-control-menu-mb .control__menu .line {
	width: 25px;
	height: 2px;
	background: #fff;
	display: block;
	transition: all .5s ease
}

.kid-sidebar .kid-sidebar-logo__wrapper .wrapper-control-menu-mb .control__menu .line--second {
	margin: 5px 0
}

@media (max-width:991px) {
	.kid-sidebar .kid-sidebar-logo__wrapper--not-local .wrapper-control-menu-mb {
		position: fixed;
		top: 15px;
		right: 0;
		left: auto;
		height: auto
	}
	.kid-sidebar .kid-sidebar-logo__wrapper--not-local a {
		position: fixed;
		top: 0;
		left: 20px
	}
	.kid-sidebar .kid-sidebar-logo__wrapper--not-local a .kid-sidebar-logo__wrapper__img {
		display: none
	}
}

.kid-sidebar .kid-sidebar-bottom_wrapper {
	margin-top: 40px;
	position: absolute;
	padding: 0 15px 10px;
	bottom: 0;
	width: 100%
}

@media (max-width:991px) {
	.kid-sidebar .kid-sidebar-bottom_wrapper__mobile {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media (max-width:425px) {
	.kid-sidebar .kid-sidebar-bottom_wrapper__mobile {
		display: block
	}
}

@media (max-width:991px) {
	.kid-sidebar .kid-sidebar-bottom_wrapper .kid-sidebar-active-cod {
		width: calc(50% - 10px)
	}
}

@media (max-width:425px) {
	.kid-sidebar .kid-sidebar-bottom_wrapper .kid-sidebar-active-cod {
		width: auto
	}
}

.kid-sidebar .kid-sidebar-bottom_wrapper .kid-sidebar-active-cod .active-btn {
	border-radius: 23px;
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 10px 0;
	position: relative;
	outline: none;
	background-color: #f33030;
	width: 100%;
	margin-bottom: 10px
}

@media (max-width:991px) {
	.kid-sidebar .kid-sidebar-bottom_wrapper .kid-sidebar-active-cod .active-btn {
		height: 46px;
		font-size: 16px
	}
}

@media (max-width:991px) {
	.kid-sidebar .kid-sidebar-bottom_wrapper .kid-sidebar-feedback {
		width: calc(50% - 10px)
	}
}

@media (max-width:425px) {
	.kid-sidebar .kid-sidebar-bottom_wrapper .kid-sidebar-feedback {
		width: auto
	}
}

.kid-sidebar .kid-sidebar-bottom_wrapper .kid-sidebar-feedback .feedback-btn {
	background-color: #ed9300;
	border-radius: 23px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 10px 0;
	position: relative;
	outline: none;
	transition: all .3s ease;
	transform: translateX(0);
	width: 100%
}

@media (max-width:1199px) {
	.kid-sidebar .kid-sidebar-bottom_wrapper .kid-sidebar-feedback .feedback-btn {
		font-size: 16px
	}
}

@media (max-width:991px) {
	.kid-sidebar .kid-sidebar-bottom_wrapper .kid-sidebar-feedback .feedback-btn {
		height: 46px;
		background-color: #3bbdf9;
		font-size: 16px
	}
}

.kid-sidebar .kid-sidebar-bottom_wrapper .kid-sidebar-feedback .feedback-btn:active {
	background-image: linear-gradient(76deg, #3bbdf9, #4e8ff8)!important
}

.kid-sidebar .kid-sidebar-bottom_wrapper .kid-sidebar-feedback .feedback-btn .tag-text {
	pointer-events: none
}

.kid-sidebar .kid-sidebar-bottom_wrapper .kid-sidebar-feedback .feedback-btn .modal-close {
	display: none
}

.kid-sidebar .kid-sidebar-bottom_wrapper .kid-sidebar-feedback .feedback-btn.animation-hide {
	background-image: none;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
	background-color: #fff;
	border: none
}

.kid-sidebar .kid-sidebar-bottom_wrapper .kid-sidebar-feedback .feedback-btn.animation-hide .text {
	display: none
}

.kid-sidebar .kid-sidebar-bottom_wrapper .kid-sidebar-feedback .feedback-btn.animation-hide .tag-text {
	position: static
}

.kid-sidebar .kid-sidebar-bottom_wrapper .kid-sidebar-feedback .feedback-btn.animation-hide .modal-close {
	transform: rotate(45deg);
	display: block;
	position: absolute;
	color: #000;
	font-size: 44px;
	font-weight: 400;
	top: -10px;
	left: 18px
}

.kid-sidebar .menu-bottom {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 2px solid hsla(0, 0%, 100%, .1);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:991px) {
	.kid-sidebar .menu-bottom {
		padding-top: 10px;
		margin-top: 0
	}
}

.kid-sidebar .menu-bottom__item__link {
	letter-spacing: .2px;
	opacity: .6;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px
}

@media (max-width:320px) {
	.kid-sidebar .menu-bottom__item__link {
		font-size: 12px
	}
}

.kid-sidebar .menu-bottom__item__link:hover {
	opacity: 1
}

.kid-sidebar .menu-bottom__item__link span {
	display: none
}

@media (min-width:1600px) {
	.kid-sidebar .menu-bottom__item__link span {
		display: inline-block;
		position: relative;
		top: 2px
	}
}

@media (max-width:991px) {
	.kid-sidebar .menu-bottom__item__link span {
		display: inline-block;
		position: relative;
		top: 2px
	}
}

.kid-sidebar .menu-bottom__item__link img {
	margin-right: 5px
}

.kid-sidebar .menu-bottom__item__text {
	display: none
}

@media (min-width:1600px) {
	.kid-sidebar .menu-bottom__item__text {
		display: inline-block
	}
}

.kid-sidebar .menu-bottom__item__img {
	margin-right: 5px
}

.kid-sidebar .menu-bottom__item__img.logo-white {
	width: 100px
}

@media (max-width:1600px) {
	.kid-sidebar .menu-bottom__item__img.logo-white {
		width: 70px
	}
}

.kid-sidebar .menu-bottom .menu-bottom__item__img.logo-white {
	width: 104px;
	height: 28px
}

.kid-sidebar .kid-sidebar-body_wrapper {
	margin-top: 32px;
	padding: 0 20px
}

@media (max-width:991px) {
	.kid-sidebar .kid-sidebar-body_wrapper {
		margin-top: 0;
		max-height: 70%;
		overflow: auto;
		padding-bottom: 40px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

@media (max-width:580px) {
	.kid-sidebar .kid-sidebar-body_wrapper {
		max-height: 50%
	}
}

@media (max-width:991px) {
	.kid-sidebar .kid-sidebar-body_wrapper__mobile {
		width: 48%
	}
}

.kid-sidebar .kid-sidebar-body_wrapper .kid-sidebar-body__divider {
	border-bottom: 2px solid transparent;
	margin: 15px 0
}

@media (max-width:991px) {
	.kid-sidebar .kid-sidebar-body_wrapper .kid-sidebar-body__divider {
		margin: 10px 0
	}
}

.kid-sidebar .kid-sidebar-body_wrapper .kid-sidebar-body__divider.always-show {
	border-color: hsla(0, 0%, 100%, .1)
}

.kid-sidebar .kid-sidebar-body_wrapper .kid-sidebar-body__menu {
	padding-left: 30px
}

.kid-sidebar .kid-sidebar-body_wrapper .kid-sidebar-body__menu .profile__dropdown-text {
	font-family: SVN-ProductSans;
	font-stretch: normal;
	font-style: normal;
	color: #ffa511;
	font-size: 15px;
	letter-spacing: 0;
	font-weight: 700;
	position: relative
}

@media (max-width:991px) {
	.kid-sidebar .kid-sidebar-body_wrapper .kid-sidebar-body__menu .profile__dropdown-text {
		color: #fff;
		transition: none
	}
	.kid-sidebar .kid-sidebar-body_wrapper .kid-sidebar-body__menu .profile__dropdown-text:hover {
		color: #3bbdf9
	}
}

.kid-sidebar .kid-sidebar-body_wrapper .kid-sidebar-body__menu .profile__dropdown-text .profile__dropdown-icon {
	position: absolute;
	left: -30px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px
}

.kid-sidebar .kid-sidebar-body_wrapper .kid-sidebar-body__menu .list-manage-account {
	list-style: inside;
	margin-top: 10px;
	padding-left: 10px;
	margin-left: -30px
}

@media (max-width:991px) {
	.kid-sidebar .kid-sidebar-body_wrapper .kid-sidebar-body__menu .list-manage-account li {
		margin-bottom: 5px
	}
}

.kid-sidebar .kid-sidebar-body_wrapper .kid-sidebar-body__menu .list-manage-account li a {
	display: initial;
	color: #fff;
	font-weight: 400
}

.kid-sidebar .kid-sidebar-body_wrapper .kid-sidebar-body__list__report {
	padding-left: 30px;
	margin-right: -20px;
	overflow: auto
}

.kid-sidebar .kid-sidebar-body_wrapper .kid-sidebar-body__list__report>li {
	position: relative;
	height: 30px
}

.kid-sidebar .kid-sidebar-body_wrapper .kid-sidebar-body__list__report>li:before {
	width: 6px;
	height: 6px;
	position: absolute;
	border-radius: 50%;
	background-color: #fff;
	content: " ";
	left: -24px;
	top: 50%;
	transform: translateY(-50%)
}

.kid-sidebar .kid-sidebar-body_wrapper .kid-sidebar-body__list__report a {
	font-family: SVN-ProductSans;
	font-size: 15px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #fff
}

.kid-sidebar .kid-sidebar-body_wrapper .language-selector__container .language-selector__item {
	display: inline-block;
	width: calc(50% - 5px);
	background: #aa6004;
	border-radius: 3px;
	padding: 5px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	opacity: .5
}

@media (max-width:991px) {
	.kid-sidebar .kid-sidebar-body_wrapper .language-selector__container .language-selector__item {
		background: #2e4e9a
	}
}

.kid-sidebar .kid-sidebar-body_wrapper .language-selector__container .language-selector__item:first-child {
	margin-right: 10px
}

.kid-sidebar .kid-sidebar-body_wrapper .language-selector__container .language-selector__item.selected {
	opacity: 1
}

.kid-sidebar .kid-sidebar-body_wrapper .language-selector__container .language-selector__item .language-selector__flag {
	height: 30px;
	width: 40px;
	object-fit: contain
}

.kid-sidebar .kid-sidebar-body_wrapper .language-selector__container .language-selector__item .language-selector__name {
	color: #fff;
	font-size: 15px;
	font-family: SVN-ProductSans;
	letter-spacing: 0;
	margin-left: 10px
}

.arena-container {
	position: fixed;
	top: -25px;
	right: 0;
	z-index: 2;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/icon-arena.png);
	width: 145px;
	height: 140px;
	background-size: 100% 100%;
	cursor: pointer
}

@media (max-width:991px) {
	.arena-container {
		top: 30px;
		right: 0;
		width: 100px;
		height: 100px
	}
}

.arena-container .arena-status-wrapper {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/icon-arena-input.png);
	background-size: 100% 100%;
	padding: 2px 10px 4px;
	text-align: center;
	position: absolute;
	transform: translate(-50%, -100%);
	left: 50%;
	bottom: 0
}

@media (max-width:991px) {
	.arena-container .arena-status-wrapper {
		padding: 0 6px 2px;
		transform: translate(-50%, -50%)
	}
}

.arena-container .arena-status {
	text-align: center;
	color: #ed3432;
	font-family: SVN-ProductSans;
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
	white-space: nowrap
}

@media (max-width:991px) {
	.arena-container .arena-status {
		font-size: 10px
	}
}

.arena-container .arena-on-going {
	color: blue
}

@media (max-width:991px) {
	.arena-hide {
		display: none
	}
}

.arena-mobile {
	position: fixed;
	left: 0;
	bottom: 0;
	top: auto;
	right: auto
}

@media (min-width:992px) {
	.arena-mobile {
		display: none
	}
}

.kid-category {
	height: 100vh;
	overflow: initial;
	width: calc(100% - 250px);
	margin-left: 250px
}

@media (max-width:991px) {
	.kid-category {
		width: 100%;
		margin-left: 0;
		padding-top: 46px
	}
}

.kid-category .kid-category_header {
	position: fixed;
	z-index: 2;
	top: 20px;
	left: 280px
}

@media (max-width:1320px) {
	.kid-category .kid-category_header {
		display: none
	}
}

.kid-category .kid-category_header .kid-category_header-label {
	opacity: .7;
	text-shadow: 0 2px 5px rgba(0, 0, 0, .3);
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: .23px;
	color: #fff
}

.kid-category .kid-category_header .kid-category_header-name {
	text-shadow: 0 2px 5px rgba(0, 0, 0, .3);
	font-family: SVN-Boing;
	font-size: 36px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: .51px;
	color: #fff
}

.kid-category .kid-category__background__mb {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-kid.png);
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	min-height: 100vh;
	background-color: #91c020
}

@media (max-width:992px) {
	.kid-category .kid-category__background__mb {
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-kid-mb.png)
	}
}

.kid-category .kid-catagory__wrapper {
	position: relative
}

.kid-category .kid-catagory__wrapper .kid-category-header {
	position: absolute;
	z-index: 1;
	object-fit: contain;
	transform: translate(-50%);
	height: auto;
	background-size: contain;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.kid-category .kid-catagory__wrapper .kid-category-items__wrapper {
	width: 100%;
	padding: 0 5% 0 7%;
	position: relative
}

@media (max-width:991px) {
	.kid-category .kid-catagory__wrapper .kid-category-items__wrapper {
		padding: 0 10%
	}
}

@media (max-width:767px) {
	.kid-category .kid-catagory__wrapper .kid-category-items__wrapper {
		padding: 0 5%
	}
}

.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item {
	width: calc((100% - 120px) / 3);
	height: 180px;
	border-radius: 30px;
	border: 2px dashed hsla(0, 0%, 100%, .5);
	background-color: hsla(0, 0%, 100%, .1);
	margin-left: 60px;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: top;
	margin-bottom: 45px;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
	padding: 0 20px
}

.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item:nth-child(3n+1) {
	margin-left: 0
}

@media (max-width:1600px) {
	.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item {
		height: 140px
	}
}

@media (max-width:1200px) {
	.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item {
		width: calc((100% - 60px) / 2)
	}
	.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item:nth-child(3n+1) {
		margin-left: 60px
	}
	.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item:nth-child(odd) {
		margin-left: 0
	}
}

@media (max-width:991px) {
	.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item {
		height: 120px
	}
}

.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item .kid-catagory__item__logo {
	width: auto;
	height: calc(100% - 48px);
	object-fit: contain;
	max-width: 100%;
	transition: margin .3s
}

@media (max-width:991px) {
	.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item .kid-catagory__item__logo {
		margin-bottom: 20px;
		height: calc(100% - 50px)
	}
}

@media (max-width:650px) {
	.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item .kid-catagory__item__logo {
		margin-bottom: 0!important;
		height: 100%
	}
}

.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item:hover .kid-catagory__item__logo {
	margin-bottom: 20px
}

.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item .trial-button__wrapper {
	width: calc(100% - 50px * 2);
	border-radius: 25px;
	box-shadow: 3px 3px 0 0 rgba(0, 0, 0, .2);
	border: 2px solid #fff;
	background-color: #f3308f;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 8px;
	z-index: 1;
	transition: all .5s ease;
	margin: 0 auto 5px
}

.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item .trial-button__wrapper:hover {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18)
}

@media (max-width:991px) {
	.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item .trial-button__wrapper {
		width: calc(100% - 30px * 2)
	}
}

@media (max-width:650px) {
	.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item .trial-button__wrapper {
		width: 100%;
		margin: 65px auto 5px
	}
}

.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item .trial-button__wrapper .trial-button__not__buying {
	font-family: SVN-ProductSans;
	font-size: 13px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #fff
}

@media (max-width:650px) {
	.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item .trial-button__wrapper .trial-button__not__buying {
		font-size: 12px
	}
}

.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item .trial-button__wrapper .trial-button__trial {
	font-family: SVN-Boing;
	font-size: 22px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-align: center;
	color: #fff
}

@media (max-width:991px) {
	.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item .trial-button__wrapper .trial-button__trial {
		font-size: 18px
	}
}

@media (max-width:650px) {
	.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item .trial-button__wrapper .trial-button__trial {
		font-size: 16px
	}
}

.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item .study-button__wrapper {
	border-radius: 25px;
	box-shadow: 3px 3px 0 0 rgba(0, 0, 0, .2);
	border: 2px solid #fff;
	background-color: #f33030;
	width: calc(100% - 50px * 2);
	height: 50px;
	padding-top: 6px;
	padding-bottom: 8px;
	z-index: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	transition: all .5s ease;
	margin: 0 auto 5px
}

.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item .study-button__wrapper:hover {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18)
}

@media (max-width:650px) {
	.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item .study-button__wrapper {
		width: 100%;
		margin: 65px auto 5px
	}
}

.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item .study-button__wrapper .study-button__text {
	font-family: SVN-Boing;
	font-size: 22px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-align: center;
	color: #fff
}

@media (max-width:650px) {
	.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item .study-button__wrapper .study-button__text {
		font-size: 16px
	}
}

.kid-category .kid-category-th {
	height: auto;
	padding-top: 8%
}

@media (max-width:991px) {
	.kid-category .kid-category-th {
		background-image: none;
		padding-top: 0;
		overflow: hidden
	}
}

@media (max-width:767px) {
	.kid-category .kid-category-th {
		padding-top: 16%
	}
}

.kid-category .kid-category-th .kid-category-header {
	left: 50%;
	width: 45%;
	height: auto;
	pointer-events: none;
	position: relative
}

@media (max-width:991px) {
	.kid-category .kid-category-th .kid-category-header {
		width: 650px
	}
}

@media (max-width:768px) {
	.kid-category .kid-category-th .kid-category-header {
		width: 530px
	}
}

.kid-category .kid-category-thcs {
	height: auto
}

@media (max-width:991px) {
	.kid-category .kid-category-thcs {
		overflow: hidden
	}
}

.kid-category .kid-category-thcs .kid-category-header {
	left: 50%;
	width: calc(100% - 150px);
	position: relative;
	pointer-events: none
}

@media (max-width:991px) {
	.kid-category .kid-category-thcs .kid-category-header {
		width: 650px
	}
}

@media (max-width:768px) {
	.kid-category .kid-category-thcs .kid-category-header {
		width: 530px
	}
}

.kid-category .kid-category-thcs .kid-category-items__wrapper {
	padding-bottom: 16px
}

@media (max-width:650px) {
	.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item {
		margin-left: 20px;
		border-radius: 15px;
		width: calc((100% - 25px) / 2);
		height: 85px;
		padding: 10px 20px;
		margin-bottom: 85px
	}
	.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item:nth-child(3n+1) {
		margin-left: 20px
	}
	.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item:nth-child(odd) {
		margin-left: 0
	}
	.kid-category .kid-catagory__wrapper .kid-category-items__wrapper .kid-catagory__item:last-child {
		margin-bottom: 50px
	}
}

.kid-category__background__thai {
	min-height: 100vh;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 30px;
	padding-top: 120px
}

@media (max-width:991px) {
	.kid-category__background__thai {
		padding: 15px;
		padding-top: 0
	}
}

@media (max-width:575px) {
	.kid-category__background__thai {
		margin-top: -46px;
		padding-top: 46px
	}
}

@media (min-width:1025px) {
	.kid-category__background__thai {
		padding-top: 130px
	}
}

.kid-category__background__thai .kid-category-items__wrapper {
	position: relative;
	white-space: nowrap;
	z-index: 1
}

@media (max-width:700px) {
	.kid-category__background__thai .kid-category-items__wrapper {
		overflow-x: auto;
		overflow-y: visible;
		margin: 0 -20px;
		padding: 0 20px;
		padding-bottom: 30px
	}
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-items__wrapper {
		margin: 0;
		padding: 35px 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: center;
		align-items: center;
		overflow: visible
	}
}

.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content {
	width: 360px;
	height: 180px;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-right: 50px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/fonts/background-category-item.svg);
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 30px;
	box-shadow: 0 8px 0 0 #f33030;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	position: relative
}

.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content:last-child {
	margin-right: 0
}

@media (max-width:1080px) {
	.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content {
		width: 300px;
		height: 150px;
		margin: 0 20px 20px 0
	}
}

@media (max-width:992px) {
	.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content {
		margin: 30px 20px 20px 0
	}
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content {
		width: calc(50% - 10px);
		height: auto;
		margin: 0;
		padding: 15px 30px;
		border-radius: 15px;
		box-shadow: 0 4px 0 0 #f33030
	}
}

.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content.is-trial {
	box-shadow: 0 8px 0 0 #e69309
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content.is-trial {
		box-shadow: 0 4px 0 0 #e69309
	}
}

.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content .kid-category-items__icon {
	width: 180px;
	height: 90px;
	object-fit: contain
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content .kid-category-items__icon {
		width: auto;
		max-width: 100%;
		height: auto
	}
}

.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content .kid-category-items__btn {
	position: absolute;
	bottom: 0;
	width: inherit;
	transform: translateY(50%)
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content .kid-category-items__btn {
		transform: translateY(0);
		bottom: -60px;
		width: 100%
	}
}

.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content .kid-category-items__btn .trial-button__wrapper {
	width: calc(100% - 50px * 2);
	border-radius: 25px;
	box-shadow: 3px 3px 0 0 rgba(0, 0, 0, .2);
	background-color: #e69309;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 8px;
	z-index: 1;
	transition: all .5s ease;
	margin: 0 auto 5px
}

.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content .kid-category-items__btn .trial-button__wrapper:hover {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18)
}

@media (max-width:991px) {
	.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content .kid-category-items__btn .trial-button__wrapper {
		width: calc(100% - 30px * 2)
	}
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content .kid-category-items__btn .trial-button__wrapper {
		width: 100%
	}
}

.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content .kid-category-items__btn .trial-button__wrapper .trial-button__not__buying {
	font-family: SVN-ProductSans;
	font-size: 13px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #fff
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content .kid-category-items__btn .trial-button__wrapper .trial-button__not__buying {
		font-size: 12px
	}
}

.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content .kid-category-items__btn .trial-button__wrapper .trial-button__trial {
	font-family: SVN-ProductSans;
	font-size: 22px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-align: center;
	color: #fff
}

@media (max-width:991px) {
	.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content .kid-category-items__btn .trial-button__wrapper .trial-button__trial {
		font-size: 18px
	}
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content .kid-category-items__btn .trial-button__wrapper .trial-button__trial {
		font-size: 16px
	}
}

.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content .kid-category-items__btn .study-button__wrapper {
	border-radius: 25px;
	box-shadow: 3px 3px 0 0 rgba(0, 0, 0, .2);
	background-color: #f33030;
	width: calc(100% - 50px * 2);
	height: 50px;
	padding-top: 6px;
	padding-bottom: 8px;
	z-index: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	transition: all .5s ease;
	margin: 0 auto 5px
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content .kid-category-items__btn .study-button__wrapper {
		width: 100%;
		height: 45px
	}
}

.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content .kid-category-items__btn .study-button__wrapper:hover {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18)
}

.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content .kid-category-items__btn .study-button__wrapper .study-button__text {
	font-family: SVN-ProductSans;
	font-size: 22px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-align: center;
	color: #fff
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-items__wrapper .kid-category-items__content .kid-category-items__btn .study-button__wrapper .study-button__text {
		font-size: 15px
	}
}

.kid-category__background__thai .kid-category-1on1 {
	position: relative;
	width: 100%;
	background: #fff;
	box-shadow: 0 8px 0 0 #0076ff;
	border-radius: 30px;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 30px 0
}

@media (max-width:992px) {
	.kid-category__background__thai .kid-category-1on1 {
		padding: 15px 0
	}
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-1on1 {
		box-shadow: 0 4px 0 0 #0076ff
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__header {
	display: -ms-flexbox;
	display: flex;
	position: relative;
	width: 100%;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 30px
}

@media (max-width:991px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__header {
		min-height: 20px
	}
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__header {
		min-height: 0
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__header .kid-category-1on1__logo {
	object-fit: contain;
	width: 130px;
	height: 75px
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__header .kid-category-1on1__elephant {
	object-fit: contain;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 300px;
	height: 300px
}

@media (max-width:1410px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__header .kid-category-1on1__elephant {
		width: 200px;
		height: 200px
	}
}

@media (max-width:991px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__header .kid-category-1on1__elephant {
		bottom: -30px
	}
}

@media (max-width:850px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__header .kid-category-1on1__elephant {
		display: none
	}
}

@media (min-width:992px) and (max-width:1280px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__header .kid-category-1on1__elephant {
		display: none
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__header .kid-category-1on1__btn__wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	padding-right: 130px
}

@media (max-width:992px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__header .kid-category-1on1__btn__wrapper {
		padding-right: 280px
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__header .kid-category-1on1__btn__wrapper .kid-category-1on1__btn {
	width: 50px;
	height: 50px;
	object-fit: contain;
	margin-right: 10px;
	transition: .5s;
	cursor: pointer;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__header .kid-category-1on1__btn__wrapper .kid-category-1on1__btn:hover:not(.disable) {
	transform: scale(1.2)
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__header .kid-category-1on1__btn__wrapper .kid-category-1on1__btn:active:not(.disable) {
	transform: scale(.8)
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__header .kid-category-1on1__btn__wrapper .kid-category-1on1__btn.disable {
	opacity: .6;
	cursor: default
}

@media (max-width:992px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__header .kid-category-1on1__btn__wrapper,
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__header .kid-category-1on1__logo {
		display: none
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class {
	display: block;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	margin-top: 20px;
	padding-bottom: 16px
}

@media (max-width:992px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class {
		margin-top: 0
	}
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class>.kid-category-1on1-show-all {
		display: none
	}
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class {
		white-space: inherit;
		padding-bottom: 25px
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper {
	display: inline-block;
	padding: 20px;
	background: #fff;
	border: 1px dashed #dfdfdf;
	border-radius: 10px;
	margin-right: 20px
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper:first-child {
	margin-left: 20px
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper:first-child {
		margin-left: 0
	}
}

@media (max-width:992px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper {
		border: none;
		padding: 0
	}
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper {
		margin: 0 0 20px
	}
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__top {
		min-width: 295px
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class-calendar__wrapper {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	vertical-align: top
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__info {
	display: inline-block;
	margin-left: 20px
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__info {
		margin-left: 10px
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__info .upcoming-class__name {
	color: #333;
	font-size: 22px;
	font-family: SVN-ProductSans;
	font-weight: 700;
	line-height: 22px
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__info .upcoming-class__name {
		font-size: 18px;
		line-height: 21px
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__info .upcoming-class__name .upcoming-class__name--small {
	font-size: 18px
}

@media (max-width:992px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__info .upcoming-class__name .upcoming-class__name--small {
		display: none
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__info .type-class {
	background-color: #0b53ff
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__info .upcoming-class__detail {
	margin-top: 10px
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__info .upcoming-class__detail {
		margin-top: 5px
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__info .upcoming-class__teacher {
	display: inline-block;
	vertical-align: middle;
	max-width: 120px;
	color: #333;
	font-size: 13px;
	font-family: SVN-ProductSans;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-left: 24px
}

@media (max-width:992px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__info .upcoming-class__teacher {
		margin-left: 15px
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__info .upcoming-class__time {
	display: inline-block;
	vertical-align: middle;
	color: #333;
	font-size: 13px;
	font-family: SVN-ProductSans;
	margin-left: 24px
}

@media (max-width:992px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__info .upcoming-class__time {
		margin-left: 0
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__info .upcoming-class__status {
	display: inline-block;
	vertical-align: middle;
	color: #3291ff;
	font-size: 13px;
	font-family: SVN-ProductSans;
	font-weight: 700
}

@media (max-width:992px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__info .upcoming-class__status {
		display: block;
		margin-bottom: 8px
	}
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__info .upcoming-class__status {
		margin-bottom: 1px
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__info .upcoming-class__icon {
	width: 16px;
	height: 16px;
	margin-right: 8px;
	display: inline-block
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__bottom {
	margin-top: 30px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%
}

@media (max-width:992px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__bottom {
		display: none
	}
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__bottom {
		display: -ms-flexbox;
		display: flex;
		margin-top: 10px
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__bottom .upcoming-class__btn__join {
	width: calc(50% - 15px);
	background: #69ae1d;
	border-radius: 5px;
	padding: 10px 0;
	color: #fff;
	font-size: 14px;
	font-family: SVN-ProductSans;
	font-weight: 700;
	text-align: center;
	cursor: pointer
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__bottom .upcoming-class__btn__join {
		padding: 7px 0;
		width: calc(50% - 7px)
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__bottom .upcoming-class__btn__doc {
	width: calc(50% - 15px);
	border: 1px solid #ff744d;
	border-radius: 5px;
	padding: 10px 0;
	color: #ff744d;
	font-size: 14px;
	font-family: SVN-ProductSans;
	font-weight: 700;
	text-align: center;
	cursor: pointer
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .upcoming-class__wrapper .upcoming-class__bottom .upcoming-class__btn__doc {
		padding: 7px 0;
		width: calc(50% - 7px)
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .kid-category-1on1-not-bought {
	text-align: center
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .kid-category-1on1-not-bought .kid-category-1on1__logo {
	object-fit: contain;
	width: 130px;
	height: 75px
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .kid-category-1on1-not-bought .kid-category-1on1-not-bought__title {
	color: #f33030;
	font-size: 30px;
	font-family: SVN-ProductSans;
	font-weight: 700;
	margin-top: 20px
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .kid-category-1on1-not-bought .kid-category-1on1-not-bought__title {
		font-size: 20px
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .kid-category-1on1-not-bought .kid-category-1on1-not-bought__desc {
	color: #333;
	font-size: 18px;
	font-family: SVN-ProductSans;
	white-space: pre-wrap;
	max-width: 440px;
	margin: 20px auto
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .kid-category-1on1-not-bought .kid-category-1on1-not-bought__desc {
		font-size: 14px
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .kid-category-1on1-not-bought .kid-category-1on1-buy-btn {
	background: #0076ff;
	border-radius: 27px;
	color: #fff;
	font-size: 22px;
	font-family: SVN-ProductSans;
	font-weight: 700;
	text-align: center;
	padding: 16px 55px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 50%);
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .kid-category-1on1-not-bought__mobile {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:992px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .kid-category-1on1-not-bought__mobile {
		padding: 0 20px
	}
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .kid-category-1on1-not-bought__mobile {
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .kid-category-1on1-not-bought__mobile .kid-category-1on1__logo {
	object-fit: contain;
	width: 111px;
	height: 64px
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .kid-category-1on1-not-bought__mobile .kid-category-1on1__logo {
		width: 90px;
		height: auto
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .kid-category-1on1-not-bought__mobile .kid-category-1on1-not-bought__content {
	margin: 0 10px
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .kid-category-1on1-not-bought__mobile .kid-category-1on1-not-bought__content {
		margin: 15px 0 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		max-height: 250px;
		overflow: auto;
		padding: 0 10px
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .kid-category-1on1-not-bought__mobile .kid-category-1on1-not-bought__title {
	color: #f33030;
	font-size: 30px;
	font-family: SVN-ProductSans;
	font-weight: 700
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .kid-category-1on1-not-bought__mobile .kid-category-1on1-not-bought__title {
		font-size: 20px
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .kid-category-1on1-not-bought__mobile .kid-category-1on1-not-bought__desc {
	color: #333;
	font-size: 18px;
	font-family: SVN-ProductSans;
	white-space: pre-wrap;
	max-width: 500px;
	margin-top: 10px
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .kid-category-1on1-not-bought__mobile .kid-category-1on1-not-bought__desc {
		font-size: 14px
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .kid-category-1on1-not-bought__mobile .kid-category-1on1-buy-btn,
.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .kid-category-1on1-not-bought__mobile .kid-category-1on1-show-all {
	background: #0076ff;
	border-radius: 27px;
	color: #fff;
	font-size: 20px;
	font-family: SVN-ProductSans;
	font-weight: 700;
	text-align: center;
	padding: 12px 32px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	position: relative;
	bottom: unset;
	left: unset;
	transform: unset
}

@media (max-width:575px) {
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .kid-category-1on1-not-bought__mobile .kid-category-1on1-buy-btn,
	.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .kid-category-1on1-not-bought__mobile .kid-category-1on1-show-all {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 50%);
		font-size: 16px
	}
}

.kid-category__background__thai .kid-category-1on1 .kid-category-1on1__upcoming_class .kid-category-1on1-show-all {
	background: #0076ff;
	border-radius: 27px;
	color: #fff;
	font-size: 22px;
	font-family: SVN-ProductSans;
	font-weight: 700;
	text-align: center;
	padding: 12px 40px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 50%);
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.kid-category__background__thai .calendar {
	width: 66px;
	height: 80px;
	border: 1px solid #ddd;
	background-color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:575px) {
	.kid-category__background__thai .calendar {
		width: 50px;
		height: 66px
	}
}

.kid-category__background__thai .calendar__monthView {
	width: 64px;
	height: 20px;
	background-color: #ff744d;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:575px) {
	.kid-category__background__thai .calendar__monthView {
		width: 49px
	}
}

.kid-category__background__thai .calendar__month {
	color: #fff;
	font-family: SVN-ProductSans;
	font-size: 10px;
	font-weight: 700
}

.kid-category__background__thai .calendar__day {
	color: #666;
	font-family: SVN-ProductSans;
	font-size: 25px;
	font-weight: 700
}

@media (max-width:575px) {
	.kid-category__background__thai .calendar__day {
		line-height: 1.1
	}
}

.kid-category__background__thai .calendar__dayNumber {
	color: #999;
	font-family: SVN-ProductSans;
	font-size: 11px;
	font-weight: 400;
	text-transform: capitalize
}

@media (max-width:575px) {
	.kid-category__background__thai .calendar__dayNumber {
		font-size: 10px
	}
}

.kid-category__background__thai .calendar__content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.kid-category__background__thai .calendar__footer {
	width: 64px;
	height: 5px;
	background-color: #ddd
}

@media (max-width:575px) {
	.kid-category__background__thai .calendar__footer {
		width: 49px
	}
}

.modal-list-documents {
	font-family: SVN-ProductSans;
	max-width: 600px
}

.modal-list-documents .close-modal {
	position: absolute;
	right: 0;
	top: -35px;
	color: #fff;
	font-size: 30px;
	cursor: pointer;
	z-index: 5
}

@media (max-height:560px) {
	.modal-list-documents .close-modal {
		right: 15px;
		top: 12px;
		color: #999;
		font-size: 26px
	}
}

.modal-list-documents .modal-header {
	padding: 30px 40px 0;
	border-bottom: none;
	position: relative
}

.modal-list-documents .modal-header .modal-title {
	color: #ff744d;
	font-size: 23px;
	font-weight: 700;
	text-align: center;
	width: 100%
}

@media (max-width:767px) {
	.modal-list-documents .modal-header .modal-title {
		font-size: 18px
	}
}

.modal-list-documents .list-documents .document-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 16px;
	font-family: SVN-ProductSans;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd
}

.modal-list-documents .list-documents .document-item:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none
}

.modal-list-documents .list-documents .document-item .document-name {
	width: 265px
}

@media (max-width:767px) {
	.modal-list-documents .list-documents .document-item .document-name {
		width: calc(100% - 120px)
	}
}

.modal-list-documents .list-documents .document-item .btn-view-document {
	color: #ff744d;
	font-family: SVN-ProductSans;
	font-weight: 700;
	cursor: pointer;
	font-size: 14px
}

.modal-list-documents .list-documents .document-item .btn-view-document img {
	margin-right: 5px
}

.modal-info-teacher {
	max-width: 600px;
	font-family: SVN-ProductSans
}

.modal-info-teacher .close-modal {
	position: absolute;
	right: 0;
	top: -35px;
	color: #fff;
	font-size: 30px;
	cursor: pointer;
	z-index: 5
}

@media (max-height:560px) {
	.modal-info-teacher .close-modal {
		right: 15px;
		top: 12px;
		color: #999;
		font-size: 26px
	}
}

.modal-info-teacher .modal-header {
	padding: 40px 0 0;
	border: none
}

@media (max-width:767px) {
	.modal-info-teacher .modal-header {
		padding: 20px 0 0
	}
}

.modal-info-teacher .modal-header .modal-title {
	color: #49aae7;
	font-size: 24px;
	font-weight: 700;
	width: 100%;
	text-align: center
}

@media (max-width:767px) {
	.modal-info-teacher .modal-header .modal-title {
		font-size: 18px
	}
}

.modal-info-teacher .modal-body {
	padding: 20px 20px 40px 40px
}

@media (max-width:767px) {
	.modal-info-teacher .modal-body {
		padding: 15px 0 20px 20px
	}
}

.modal-info-teacher .modal-body .wrapper-info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.modal-info-teacher .modal-body .wrapper-info .avatar {
	width: 60px;
	margin-right: 15px
}

.modal-info-teacher .modal-body .wrapper-info .avatar img {
	border-radius: 15px
}

.modal-info-teacher .modal-body .wrapper-info .info {
	width: calc(100% - 75px)
}

.modal-info-teacher .modal-body .wrapper-info .info h5 {
	font-size: 16px;
	font-family: SVN-ProductSans
}

.modal-info-teacher .modal-body .wrapper-info .info p {
	font-size: 14px
}

@media (max-width:767px) {
	.modal-info-teacher .modal-body .wrapper-info .info p {
		max-height: 275px;
		overflow: auto
	}
}

.learning-map {
	padding: 20px 0 0;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-course-menu.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	min-height: 100vh;
	height: auto;
	position: relative
}

@media (max-width:991px) {
	.learning-map {
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-course-menu-mobile.png);
		min-height: calc(100vh - 46px);
		padding: 0;
		margin-top: 46px
	}
}

.learning-map .learning-map-content {
	margin: 0 0 0 5px;
	height: calc(100vh - 95px)
}

@media (max-width:991px) {
	.learning-map .learning-map-content {
		margin: 0;
		height: auto
	}
}

@media (max-width:991px) {
	.learning-map .learning-map-content .btn-wrapper {
		position: absolute;
		bottom: 0;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		bottom: 20px;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.learning-map .learning-map-content__down-app {
	display: block;
	position: absolute;
	left: 30px;
	bottom: 50px
}

@media (max-width:991px) {
	.learning-map .learning-map-content__down-app {
		position: relative;
		bottom: auto;
		left: auto;
		margin-right: 20px
	}
}

.learning-map .learning-map-content__down-app a {
	display: block;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/down-app-btn.png);
	background-size: 100% 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	padding: 15px 25px 18px
}

@media (max-width:991px) {
	.learning-map .learning-map-content__down-app a {
		font-size: 14px;
		padding: 10px 15px 13px
	}
}

.learning-map .learning-map-content__down-app a:hover {
	animation: spring .5s;
	animation-timing-function: ease
}

.learning-map .learning-map-content__introduce {
	display: block;
	position: absolute;
	right: 30px;
	bottom: 50px
}

@media (max-width:991px) {
	.learning-map .learning-map-content__introduce {
		position: relative;
		bottom: auto;
		right: auto
	}
}

.learning-map .learning-map-content__introduce a {
	display: block;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/btn-introduce.png);
	background-size: 100% 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	padding: 15px 25px 18px
}

@media (max-width:991px) {
	.learning-map .learning-map-content__introduce a {
		font-size: 14px;
		padding: 10px 15px 13px
	}
}

.learning-map .learning-map-content__introduce a:hover {
	animation: spring .5s;
	animation-timing-function: ease
}

.learning-map .learning-map-content__slide {
	height: 100%
}

@media (max-width:991px) {
	.learning-map .learning-map-content__slide {
		display: -ms-flexbox;
		display: flex;
		padding: 25px 8% 60px;
		overflow: auto
	}
	.learning-map .learning-map-content__slide::-webkit-scrollbar {
		display: none
	}
}

@media (max-width:576px) {
	.learning-map .learning-map-content__slide {
		padding: 50px 12% 55px
	}
}

.learning-map .learning-map-content__slide .slick-slider {
	height: 100%;
	width: 100%
}

.learning-map .learning-map-content__slide .slick-slider .slick-list {
	padding: 50px 0
}

@media (max-width:991px) {
	.learning-map .learning-map-content__slide .slick-slider .slick-list {
		padding: 25px 0
	}
}

.learning-map .learning-map-content__slide .slick-arrow {
	width: 62px;
	height: 60px;
	top: auto;
	bottom: 0;
	z-index: 2;
	transition: transform .3s
}

.learning-map .learning-map-content__slide .slick-arrow:hover {
	transform: translateY(-50%) scale(1.2)
}

.learning-map .learning-map-content__slide .slick-arrow:active {
	transform: translateY(-50%) scale(.8)
}

.learning-map .learning-map-content__slide .slick-arrow:before {
	width: 62px;
	height: 60px;
	content: "";
	display: block
}

.learning-map .learning-map-content__slide .slick-next {
	right: calc(50% - 75px)
}

.learning-map .learning-map-content__slide .slick-next:before {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/next-slick.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0;
	opacity: 1
}

.learning-map .learning-map-content__slide .slick-prev {
	left: calc(50% - 75px)
}

.learning-map .learning-map-content__slide .slick-prev:before {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/prev-slick.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0;
	opacity: 1
}

.learning-map .learning-map-content__slide .slick-disabled:before {
	opacity: .5
}

.learning-map .learning-map-content__slide__card {
	margin: 0 20px
}

@media (max-width:991px) {
	.learning-map .learning-map-content__slide__card {
		margin: 0;
		padding: 20px 0
	}
}

.learning-map .learning-map-content__slide__card__wrapper {
	box-shadow: 5px 5px 0 0 rgba(0, 0, 0, .2);
	border: 5px solid #fffcc9;
	background-color: #f7cc48;
	border-radius: 15px;
	position: relative;
	width: 280px;
	min-height: 528px;
	margin: 0 auto;
	cursor: pointer;
	transition: transform .3s
}

.learning-map .learning-map-content__slide__card__wrapper:hover {
	transform: scale(1.1)
}

.learning-map .learning-map-content__slide__card__wrapper:active {
	transform: scale(.9)
}

@media (max-width:1600px) {
	.learning-map .learning-map-content__slide__card__wrapper {
		width: 245px;
		min-height: 460px
	}
}

@media (max-width:991px) {
	.learning-map .learning-map-content__slide__card__wrapper {
		width: 130px;
		min-height: 240px;
		border-radius: 10px
	}
}

@media (min-width:992px) and (max-height:725px) {
	.learning-map .learning-map-content__slide__card__wrapper {
		width: 200px;
		min-height: 375px
	}
}

@media (min-width:992px) and (max-height:570px) {
	.learning-map .learning-map-content__slide__card__wrapper {
		width: 160px;
		min-height: 295px
	}
}

@media (max-width:767px) {
	.learning-map .learning-map-content__slide__card__wrapper {
		border-radius: 10px;
		border: 3px solid #fffcc9;
		box-shadow: 3px 3px 0 0 rgba(0, 0, 0, .5)
	}
}

.learning-map .learning-map-content__slide__card__wrapper__gift {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: 120px
}

@media (max-width:991px) {
	.learning-map .learning-map-content__slide__card__wrapper__gift {
		bottom: 10px;
		width: 80px
	}
}

.learning-map .learning-map-content__slide__card img {
	border-radius: 10px;
	max-width: 100%
}

@media (max-width:991px) {
	.learning-map .learning-map-content__slide__card img {
		border-radius: 5px
	}
}

.learning-map .learning-map-content__slide__card p {
	position: absolute;
	top: 15px;
	left: 50%;
	transform: translateX(-50%);
	font-family: SVN-ProductSans;
	font-size: 36px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: red;
	width: 100%;
	text-shadow: 3px 0 0 #fffcc9, -3px 0 0 #fffcc9, 0 3px 0 #fffcc9, 0 -3px 0 #fffcc9, 2px 2px #fffcc9, -2px -2px 0 #fffcc9, 2px -2px 0 #fffcc9, -2px 2px 0 #fffcc9, 0 0 15px rgba(0, 0, 0, .7)
}

@media (max-width:991px) {
	.learning-map .learning-map-content__slide__card p {
		font-size: 16px
	}
}

@media (min-width:992px) and (max-height:725px) {
	.learning-map .learning-map-content__slide__card p {
		font-size: 28px
	}
}

@media (min-width:992px) and (max-height:570px) {
	.learning-map .learning-map-content__slide__card p {
		font-size: 20px
	}
}

.learning-map .learning-map-header {
	position: relative;
	padding-left: 79px;
	margin: 0 30px
}

@media (max-width:991px) {
	.learning-map .learning-map-header {
		z-index: 2;
		position: fixed;
		top: 7px;
		left: 10px;
		padding-left: 42px;
		margin: 0
	}
}

.learning-map .learning-map-header img {
	width: 64px;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer
}

@media (max-width:991px) {
	.learning-map .learning-map-header img {
		width: 32px
	}
}

.learning-map .learning-map-header img:hover {
	animation: spring .5s;
	animation-timing-function: ease
}

.learning-map .learning-map-header p {
	height: 19px;
	opacity: .7;
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: .23px;
	color: #fff;
	padding-top: 2px
}

@media (max-width:991px) {
	.learning-map .learning-map-header p {
		font-size: 11px;
		height: auto;
		padding-top: 0
	}
}

.learning-map .learning-map-header span {
	display: block;
	height: 43px;
	font-family: SVN-Boing;
	font-size: 36px;
	font-weight: 600;
	letter-spacing: .51px;
	color: #fff;
	line-height: 1;
	padding-top: 7px
}

@media (max-width:991px) {
	.learning-map .learning-map-header span {
		font-size: 16px;
		height: auto;
		padding-top: 3px
	}
}

@media (max-width:991px) {
	.learning-map .learning-map-wrapper {
		display: -ms-flexbox;
		display: flex;
		position: absolute;
		bottom: 15px;
		left: 50%;
		transform: translateX(-50%);
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: center;
		align-items: center
	}
}

.learning-map .learning-map-banner {
	position: absolute;
	top: 30px;
	right: 40px;
	width: 250px
}

.learning-map .learning-map-banner a {
	display: block
}

.learning-map .learning-map-banner a img {
	max-width: 100%
}

@media (max-width:991px) {
	.learning-map .learning-map-banner {
		position: relative;
		top: auto;
		right: auto;
		width: 150px
	}
}

.learning-map .learning-map-tutorial {
	position: absolute;
	bottom: 30px;
	left: 40px
}

@media (max-width:991px) {
	.learning-map .learning-map-tutorial {
		position: relative;
		bottom: auto;
		left: 30px
	}
}

.learning-map .learning-map-tutorial:hover a img {
	animation: spring .5s;
	animation-timing-function: ease
}

.learning-map .learning-map-tutorial a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.learning-map .learning-map-tutorial a img {
	width: 64px;
	position: relative;
	z-index: 2
}

@media (max-width:991px) {
	.learning-map .learning-map-tutorial a img {
		width: 36px
	}
}

.learning-map .learning-map-tutorial a p {
	font-family: SVN-Boing;
	font-size: 20px;
	font-weight: 600;
	color: #632a00;
	padding: 7px 15px 11px 45px;
	background-color: rgba(255, 252, 201, .5);
	border-radius: 24px;
	position: relative;
	left: -35px
}

@media (max-width:991px) {
	.learning-map .learning-map-tutorial a p {
		font-size: 13px;
		padding: 1px 10px 5px 40px
	}
}

.learning-map__thcs {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/thcs-bg.png)
}

.learning-map__thcs .learning-map-content__slide .slick-arrow {
	width: 70px;
	height: 67px
}

.learning-map__thcs .learning-map-content__slide .slick-prev:before {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/thcs-prev.png);
	width: 70px;
	height: 67px
}

.learning-map__thcs .learning-map-content__slide .slick-next:before {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/thcs-next.png);
	width: 70px;
	height: 67px
}

.learning-map__thcs .learning-map-content__slide__card__wrapper {
	border: none;
	box-shadow: 0 5px 0 0 #d66275;
	background-color: #d66275
}

@media (max-width:991px) {
	.learning-map__thcs .learning-map-content__slide__card__wrapper {
		box-shadow: 0 3px 0 0 #d66275;
		max-width: 140px
	}
}

.learning-map__thcs .learning-map-content__slide__card__wrapper p {
	color: #fff;
	text-shadow: none
}

.point-layout {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-course-menu.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	min-height: 100vh
}

.point-layout__header {
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	top: 20px;
	left: 30px;
	z-index: 3
}

@media (max-width:991px) {
	.point-layout__header {
		top: 7px;
		left: 10px
	}
}

.point-layout__header img {
	width: 64px;
	height: 65px;
	margin-right: 15px;
	cursor: pointer
}

@media (max-width:991px) {
	.point-layout__header img {
		width: 32px;
		height: 32.5px;
		margin-right: 10px
	}
}

.point-layout__header img:hover {
	animation: spring .5s;
	animation-timing-function: ease
}

.point-layout__header__text {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.point-layout__header__text p {
	letter-spacing: .23px;
	color: #fff;
	opacity: .7;
	font-family: SVN-ProductSans;
	font-size: 16px
}

@media (max-width:991px) {
	.point-layout__header__text p {
		font-size: 11px
	}
}

.point-layout__header__text span {
	letter-spacing: .51px;
	color: #fff;
	font-family: SVN-Boing;
	font-size: 36px;
	font-weight: 600;
	line-height: 1
}

@media (max-width:991px) {
	.point-layout__header__text span {
		font-size: 16px
	}
}

.point-layout__content {
	display: -ms-flexbox;
	display: flex;
	padding: 150px 0 0
}

@media (max-width:1440px) {
	.point-layout__content {
		padding: 150px 0 60px
	}
}

@media (max-width:991px) {
	.point-layout__content {
		padding: 80px 0 20px
	}
}

@media (max-width:767px) {
	.point-layout__content {
		padding: 110px 0 20px
	}
}

@media (max-width:575px) {
	.point-layout__content {
		display: block
	}
}

.point-layout__content__left__title {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-title-point.png);
	background-size: 100% 100%;
	width: 370px;
	height: 80px;
	font-family: SVN-ProductSans;
	font-size: 22px;
	font-weight: 600!important;
	text-align: center;
	color: #fff;
	padding: 18px 0;
	margin: 0 auto;
	position: relative;
	z-index: 1
}

@media (max-width:991px) {
	.point-layout__content__left__title {
		font-size: 15px;
		width: 180px;
		height: 45px;
		padding: 8px 0
	}
}

.point-layout__content__left__wrapper {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-baged.png);
	background-size: 100% 100%;
	max-width: 635px;
	height: 540px;
	margin: -50px auto 0;
	padding: 40px 28px
}

@media (max-width:991px) {
	.point-layout__content__left__wrapper {
		max-width: 245px;
		height: 250px;
		padding: 20px 10px;
		margin: -25px auto 0
	}
}

@media (max-width:575px) {
	.point-layout__content__left__wrapper {
		max-width: 310px;
		height: 310px;
		margin: -25px auto 20px
	}
}

.point-layout__content__left__box {
	width: 100%;
	height: 100%;
	overflow: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.point-layout__content__left__box__wrapper {
	height: 45%;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

.point-layout__content__left__box__wrapper:last-child .point-layout__content__left__box__line {
	display: none!important
}

.point-layout__content__left__box__line {
	height: 20px;
	box-shadow: 0 5px 0 0 rgba(0, 0, 0, .31), inset 0 2px 0 0 #c07e3b;
	background-color: #de8a47;
	width: 100%;
	position: absolute;
	bottom: -10px
}

@media (max-width:991px) {
	.point-layout__content__left__box__line {
		height: 10px;
		bottom: 0
	}
}

.point-layout__content__left__box__card {
	width: 33.33333%;
	padding: 40px;
	position: relative
}

@media (max-width:1280px) {
	.point-layout__content__left__box__card {
		padding: 20px
	}
}

@media (max-width:991px) {
	.point-layout__content__left__box__card {
		padding: 10px
	}
}

.point-layout__content__right {
	position: relative;
	height: 100%
}

@media (max-width:575px) {
	.point-layout__content__right {
		max-width: 360px;
		margin: 0 auto
	}
}

.point-layout__content__right__title {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-title-rank.png);
	background-size: 100% 100%;
	width: 370px;
	height: 80px;
	font-family: SVN-ProductSans;
	font-size: 22px;
	text-align: center;
	color: #fff;
	padding: 18px 0;
	margin: 0 auto 20px;
	position: relative;
	font-weight: 600!important;
	z-index: 1
}

@media (max-width:991px) {
	.point-layout__content__right__title {
		font-size: 15px;
		width: 180px;
		height: 45px;
		padding: 8px 0;
		margin: 0 auto 10px
	}
}

.point-layout__content__right__empty {
	border-radius: 15px;
	text-align: center;
	margin: 0 auto;
	padding: 40px;
	max-width: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%)
}

@media (max-width:991px) {
	.point-layout__content__right__empty {
		padding: 20px;
		max-width: 205px
	}
}

@media (max-width:575px) {
	.point-layout__content__right__empty {
		position: relative;
		top: auto;
		left: auto;
		transform: translate(0)
	}
}

.point-layout__content__right__empty p {
	font-family: SVN-ProductSans;
	font-size: 20px;
	font-weight: 700;
	color: #4c2707;
	margin-bottom: 20px;
	line-height: 1.5!important
}

@media (max-width:991px) {
	.point-layout__content__right__empty p {
		font-size: 13px;
		margin-bottom: 10px
	}
}

@media (max-width:991px) {
	.point-layout__content__right__empty img {
		width: 60px
	}
}

.point-layout__content__right .slick-slider .slick-arrow {
	width: 62px;
	height: 60px;
	top: calc(100% + 20px);
	z-index: 1
}

@media (max-width:991px) {
	.point-layout__content__right .slick-slider .slick-arrow {
		top: calc(100% - 10px);
		width: 40px;
		height: 40px
	}
}

.point-layout__content__right .slick-slider .slick-arrow:before {
	width: 62px;
	height: 60px;
	content: "";
	display: block
}

@media (max-width:991px) {
	.point-layout__content__right .slick-slider .slick-arrow:before {
		width: 40px;
		height: 40px
	}
}

.point-layout__content__right .slick-slider .slick-next {
	right: 42%
}

@media (max-width:1700px) {
	.point-layout__content__right .slick-slider .slick-next {
		right: 40%
	}
}

@media (max-width:1440px) {
	.point-layout__content__right .slick-slider .slick-next {
		right: 38%
	}
}

@media (max-width:991px) {
	.point-layout__content__right .slick-slider .slick-next {
		right: 38%
	}
}

@media (max-width:667px) {
	.point-layout__content__right .slick-slider .slick-next {
		right: 36%
	}
}

.point-layout__content__right .slick-slider .slick-next:before {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/next-slick.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0;
	opacity: 1
}

.point-layout__content__right .slick-slider .slick-prev {
	left: 42%
}

@media (max-width:1700px) {
	.point-layout__content__right .slick-slider .slick-prev {
		left: 40%
	}
}

@media (max-width:1440px) {
	.point-layout__content__right .slick-slider .slick-prev {
		left: 38%
	}
}

@media (max-width:1200px) {
	.point-layout__content__right .slick-slider .slick-prev {
		left: 35%
	}
}

@media (max-width:667px) {
	.point-layout__content__right .slick-slider .slick-prev {
		left: 36%
	}
}

.point-layout__content__right .slick-slider .slick-prev:before {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/prev-slick.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0;
	opacity: 1
}

.point-layout__content__right .slick-slider .slick-disabled:before {
	opacity: .5
}

.point-layout__content__right__card {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-gift.png);
	background-size: 100% 100%;
	width: 145px;
	height: 180px;
	padding: 20px 30px 35px;
	position: relative;
	margin: 0 auto 70px
}

@media (max-width:991px) {
	.point-layout__content__right__card {
		width: 95px;
		height: 145px;
		padding: 15px 15px 40px
	}
}

@media (max-width:575px) {
	.point-layout__content__right__card {
		margin: 0 auto 50px
	}
}

.point-layout__content__right__card__price {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	bottom: 30px;
	left: 49%;
	transform: translateX(-50%)
}

.point-layout__content__right__card__price img {
	width: 28px;
	margin: 2px 5px 0 0
}

.point-layout__content__right__card__price p {
	font-family: SVN-ProductSans;
	font-size: 20px;
	font-weight: 700;
	color: #333
}

@media (max-width:991px) {
	.point-layout__content__right__card__price p {
		font-size: 16px
	}
}

.point-layout__content__right__card__btn {
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 22.5px;
	box-shadow: 2px 2px 0 0 rgba(174, 59, 9, .5), inset -2px -3px 0 0 rgba(255, 207, 170, .5);
	background-color: #ffa420;
	width: 80px;
	height: 45px;
	text-align: center;
	line-height: 45px!important;
	display: block;
	font-family: SVN-ProductSans;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	cursor: pointer
}

@media (max-width:991px) {
	.point-layout__content__right__card__btn {
		width: 60px;
		height: 35px;
		font-size: 15px;
		line-height: 35px!important;
		bottom: -12px
	}
}

.point-layout__content__right__card__btn:hover {
	animation: btn .5s;
	animation-timing-function: ease
}

.point-layout__content__right__card .disabled {
	box-shadow: 2px 2px 0 0 rgba(57, 57, 57, .5), inset -2px -3px 0 0 hsla(0, 0%, 53%, .5);
	background-color: #a1a1a1;
	color: #676767
}

.point-layout--junior {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/thcs-bg.png)
}

.point-layout--junior .point-layout__content__left__wrapper {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-baged-thcs.png);
	max-width: 615px;
	height: 500px;
	margin: -25px auto 0;
	padding: 45px 25px
}

@media (max-width:991px) {
	.point-layout--junior .point-layout__content__left__wrapper {
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-baged-thcs-sp.png);
		max-width: 250px;
		height: 245px;
		padding: 30px 15px 10px;
		margin: -25px auto 0
	}
}

@media (max-width:575px) {
	.point-layout--junior .point-layout__content__left__wrapper {
		max-width: 310px;
		height: 310px;
		margin: -25px auto 20px
	}
}

.point-layout--junior .point-layout__content__left__title {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-title-point-thcs.png);
	width: 250px;
	height: 56px;
	padding: 13px 0
}

@media (max-width:991px) {
	.point-layout--junior .point-layout__content__left__title {
		width: 160px;
		height: 35px;
		padding: 8px 0
	}
}

.point-layout--junior .point-layout__content__right__title {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-title-point-thcs.png);
	width: 200px;
	height: 56px;
	padding: 13px 0
}

@media (max-width:991px) {
	.point-layout--junior .point-layout__content__right__title {
		width: 120px;
		height: 35px;
		padding: 8px 0
	}
}

.point-layout--junior .point-layout__content__left__box__line {
	display: none
}

.point-layout--junior .point-layout__content__left__box__wrapper {
	border-radius: 29px;
	border: 1px solid #f2a51a;
	background-color: #e5966b;
	height: 47%;
	margin-bottom: 20px
}

@media (max-width:1140px) {
	.point-layout--junior .point-layout__content__left__box__wrapper {
		height: 43%
	}
}

@media (max-width:991px) {
	.point-layout--junior .point-layout__content__left__box__wrapper {
		height: 38%
	}
}

.point-layout--junior .point-layout__content__right__card {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-gift-thcs.png)
}

.point-layout--junior .point-layout__content__right .slick-slider .slick-next:before {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/thcs-next.png)
}

.point-layout--junior .point-layout__content__right .slick-slider .slick-prev:before {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/thcs-prev.png)
}

@keyframes btn {
	0% {
		transform: translate(-50%)
	}
	10% {
		transform: translate(-50%)
	}
	30% {
		transform: translate(-50%, -5px)
	}
	50% {
		transform: translate(-50%)
	}
	70% {
		transform: translate(-50%, -3px)
	}
	to {
		transform: translate(-50%)
	}
}

.rank-layout {
	height: 100%;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-course-menu.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	min-height: 100vh
}

.rank-layout__header {
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	top: 20px;
	left: 30px;
	z-index: 3
}

@media (max-width:991px) {
	.rank-layout__header {
		top: 7px;
		left: 10px
	}
}

.rank-layout__header img {
	width: 64px;
	height: 65px;
	margin-right: 15px;
	cursor: pointer
}

@media (max-width:991px) {
	.rank-layout__header img {
		width: 32px;
		height: 32.5px;
		margin-right: 10px
	}
}

.rank-layout__header img:hover {
	animation: spring .5s;
	animation-timing-function: ease
}

.rank-layout__header__text {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.rank-layout__header__text p {
	letter-spacing: .23px;
	color: #fff;
	opacity: .7;
	font-family: SVN-ProductSans;
	font-size: 16px
}

@media (max-width:991px) {
	.rank-layout__header__text p {
		font-size: 11px
	}
}

.rank-layout__header__text span {
	letter-spacing: .51px;
	color: #fff;
	font-family: SVN-Boing;
	font-size: 36px;
	font-weight: 600;
	line-height: 1
}

@media (max-width:991px) {
	.rank-layout__header__text span {
		font-size: 16px
	}
}

.rank-layout__content {
	padding: 150px 0 0;
	display: -ms-flexbox;
	display: flex;
	min-height: 100vh
}

@media (max-width:991px) {
	.rank-layout__content {
		padding: 75px 0 0
	}
}

@media (max-width:767px) {
	.rank-layout__content {
		padding: 110px 0 0
	}
}

@media (max-width:575px) {
	.rank-layout__content {
		display: block;
		max-width: 400px;
		margin: 0 auto;
		position: relative
	}
}

.rank-layout__content .wrapper-left {
	position: relative
}

.rank-layout__content .wrapper-left .img-rank {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	max-width: 100%
}

@media (max-width:575px) {
	.rank-layout__content .wrapper-left .img-rank {
		display: none
	}
}

.rank-layout__content__left {
	display: -ms-flexbox;
	display: flex;
	padding: 0 25px;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 700px
}

@media (max-width:575px) {
	.rank-layout__content__left {
		padding: 0 25px 15px
	}
}

.rank-layout__content__left__card {
	position: relative
}

.rank-layout__content__left__card--second {
	margin-top: 60px
}

@media (max-width:991px) {
	.rank-layout__content__left__card--second {
		margin-top: 30px
	}
}

.rank-layout__content__left__card--third {
	margin-top: 60px
}

@media (max-width:991px) {
	.rank-layout__content__left__card--third {
		margin-top: 30px
	}
}

.rank-layout__content__left__card .icon-medal {
	width: 36px;
	position: absolute;
	left: 10px;
	top: 0
}

@media (max-width:1280px) {
	.rank-layout__content__left__card .icon-medal {
		width: 25px
	}
}

@media (max-width:991px) {
	.rank-layout__content__left__card .icon-medal {
		width: 20px;
		left: -5px;
		top: 5px
	}
}

.rank-layout__content__left__card .avatar {
	width: 170px;
	height: 170px;
	border-radius: 50%;
	box-shadow: 0 1px 0 0 rgba(157, 19, 19, .5);
	border: 5px solid #f23c3c;
	background-color: #f23c3c;
	margin: 0 auto
}

@media (max-width:1280px) {
	.rank-layout__content__left__card .avatar {
		width: 130px;
		height: 130px
	}
}

@media (max-width:991px) {
	.rank-layout__content__left__card .avatar {
		width: 70px;
		height: 70px;
		border: 2px solid #f23c3c
	}
}

.rank-layout__content__left__card .avatar img {
	width: 100%;
	height: 100%;
	border-radius: 50%
}

.rank-layout__content__left__card .rank-point {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-top-rank.png);
	background-size: 100% 100%;
	padding: 75px 0 45px;
	width: 150px;
	margin: -62px auto 0
}

@media (max-width:1280px) {
	.rank-layout__content__left__card .rank-point {
		width: 110px
	}
}

@media (max-width:991px) {
	.rank-layout__content__left__card .rank-point {
		width: 55px;
		padding: 30px 0 20px;
		margin: -20px auto 0
	}
}

.rank-layout__content__left__card .rank-point p {
	font-family: SVN-ProductSans;
	font-size: 18px;
	text-align: center;
	color: #fff
}

@media (max-width:991px) {
	.rank-layout__content__left__card .rank-point p {
		font-size: 13px
	}
}

.rank-layout__content__right__wrapper {
	max-width: 680px;
	margin: 0 auto
}

.rank-layout__content__right__wrapper__title {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-title-rank.png);
	background-size: 100% 100%;
	max-width: 350px;
	height: 80px;
	text-align: center;
	margin: 0 auto;
	position: relative;
	z-index: 1
}

@media (max-width:991px) {
	.rank-layout__content__right__wrapper__title {
		max-width: 250px;
		height: 50px
	}
}

@media (max-width:768px) {
	.rank-layout__content__right__wrapper__title {
		max-width: 180px
	}
}

.rank-layout__content__right__wrapper__title p {
	padding: 20px 0;
	font-family: SVN-ProductSans;
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	color: #fff
}

@media (max-width:991px) {
	.rank-layout__content__right__wrapper__title p {
		font-size: 15px;
		padding: 10px 0
	}
}

.rank-layout__content__right__wrapper__board {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-rank.png);
	background-size: 100% 100%;
	padding: 70px 70px 40px;
	margin: -40px 0 0
}

@media (max-width:1280px) {
	.rank-layout__content__right__wrapper__board {
		padding: 70px 50px 40px
	}
}

@media (max-width:991px) {
	.rank-layout__content__right__wrapper__board {
		padding: 40px 40px 20px;
		margin: -25px 0 0
	}
}

.rank-layout__content__right__wrapper__board__card {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-top: 1px dashed #e2ad7e;
	padding: 12px 0;
	-ms-flex-align: center;
	align-items: center
}

.rank-layout__content__right__wrapper__board__card__info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center
}

.rank-layout__content__right__wrapper__board__card__info .rank-stt {
	font-family: SVN-ProductSans;
	font-size: 15px;
	color: #4c2707;
	width: 40px;
	text-align: left
}

@media (max-width:991px) {
	.rank-layout__content__right__wrapper__board__card__info .rank-stt {
		font-size: 12px;
		width: 30px
	}
}

.rank-layout__content__right__wrapper__board__card__info img {
	width: 25px;
	height: 25px;
	margin: 0 25px 0 20px;
	border-radius: 50%
}

@media (max-width:991px) {
	.rank-layout__content__right__wrapper__board__card__info img {
		width: 20px;
		height: 20px;
		margin: 0 10px
	}
}

.rank-layout__content__right__wrapper__board__card__info .rank-name {
	font-family: SVN-ProductSans;
	font-size: 16px;
	color: #333
}

@media (max-width:1280px) {
	.rank-layout__content__right__wrapper__board__card__info .rank-name {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 200px
	}
}

@media (max-width:991px) {
	.rank-layout__content__right__wrapper__board__card__info .rank-name {
		font-size: 13px;
		max-width: 150px
	}
}

@media (max-width:768px) {
	.rank-layout__content__right__wrapper__board__card__info .rank-name {
		font-size: 13px;
		max-width: 100px
	}
}

.rank-layout__content__right__wrapper__board__card .rank-point {
	font-family: SVN-ProductSans;
	font-size: 16px;
	text-align: right;
	color: #333
}

@media (max-width:991px) {
	.rank-layout__content__right__wrapper__board__card .rank-point {
		font-size: 12px
	}
}

.rank-layout__content__right__wrapper__board__card--me {
	background-color: #e89d00;
	border-top: 2px solid #d89302;
	border-bottom: 2px solid #d89302;
	margin: 15px -35px 15px -32px;
	padding: 12px 35px 12px 32px
}

@media (max-width:1280px) {
	.rank-layout__content__right__wrapper__board__card--me {
		margin: 15px -25px 15px -23px;
		padding: 12px 25px 12px 23px
	}
}

@media (max-width:991px) {
	.rank-layout__content__right__wrapper__board__card--me {
		margin: 10px -20px 20px -18px;
		padding: 12px 20px 12px 18px
	}
}

.rank-layout__content__right__wrapper__board__card:first-child {
	border: none;
	padding-top: 0
}

.rank-layout__content__right__wrapper__board__card:first-child .rank-point {
	font-family: SVN-ProductSans;
	font-size: 18px;
	font-weight: 700;
	color: #f80684
}

@media (max-width:991px) {
	.rank-layout__content__right__wrapper__board__card:first-child .rank-point {
		font-size: 15px
	}
}

.rank-layout__content__right__wrapper__board__card:first-child .rank-stt {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/medal-first.png);
	width: 25px;
	height: 27px;
	background-size: 100% 100%;
	color: transparent;
	margin-right: 15px
}

@media (max-width:991px) {
	.rank-layout__content__right__wrapper__board__card:first-child .rank-stt {
		width: 20px;
		height: 22px;
		margin-right: 10px
	}
}

.rank-layout__content__right__wrapper__board__card:nth-child(2) .rank-point {
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 400;
	color: #f80684
}

@media (max-width:991px) {
	.rank-layout__content__right__wrapper__board__card:nth-child(2) .rank-point {
		font-size: 13px
	}
}

.rank-layout__content__right__wrapper__board__card:nth-child(2) .rank-stt {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/medal-second.png);
	width: 25px;
	height: 27px;
	background-size: 100% 100%;
	color: transparent;
	margin-right: 15px
}

@media (max-width:991px) {
	.rank-layout__content__right__wrapper__board__card:nth-child(2) .rank-stt {
		width: 20px;
		height: 22px;
		margin-right: 10px
	}
}

.rank-layout__content__right__wrapper__board__card:nth-child(3) .rank-point {
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 400;
	color: #f80684
}

@media (max-width:991px) {
	.rank-layout__content__right__wrapper__board__card:nth-child(3) .rank-point {
		font-size: 13px
	}
}

.rank-layout__content__right__wrapper__board__card:nth-child(3) .rank-stt {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/medal-third.png);
	width: 25px;
	height: 27px;
	background-size: 100% 100%;
	color: transparent;
	margin-right: 15px
}

@media (max-width:991px) {
	.rank-layout__content__right__wrapper__board__card:nth-child(3) .rank-stt {
		width: 20px;
		height: 22px;
		margin-right: 10px
	}
}

.rank-layout__content__img-portrait {
	position: absolute;
	bottom: 0
}

.rank-layout--junior {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/thcs-bg.png)
}

.rank-layout--junior .rank-layout__content {
	padding: 150px 0 0
}

@media (max-width:991px) {
	.rank-layout--junior .rank-layout__content {
		padding: 80px 0 0
	}
}

@media (max-width:767px) {
	.rank-layout--junior .rank-layout__content {
		padding: 110px 0 0
	}
}

.rank-layout--junior .rank-layout__content .wrapper-left {
	position: relative
}

.rank-layout--junior .rank-layout__content .wrapper-left .img-rank {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	max-width: 600px
}

@media (max-width:991px) {
	.rank-layout--junior .rank-layout__content .wrapper-left .img-rank {
		max-width: 100%
	}
}

.rank-layout--junior .rank-layout__content__left__card .icon-medal {
	width: 50px;
	left: -5px;
	top: -5px
}

@media (max-width:991px) {
	.rank-layout--junior .rank-layout__content__left__card .icon-medal {
		width: 23px;
		left: -5px;
		top: 2px
	}
}

.rank-layout--junior .rank-layout__content__left__card .avatar {
	background-color: #0056db;
	border: 5px solid #0056db
}

@media (max-width:991px) {
	.rank-layout--junior .rank-layout__content__left__card .avatar {
		border: 2px solid #0056db
	}
}

.rank-layout--junior .rank-layout__content__left__card .rank-point {
	text-shadow: 0 2px 2px #166f81;
	font-family: SVN-ProductSans;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background-image: none;
	padding: 80px 0 0
}

@media (max-width:991px) {
	.rank-layout--junior .rank-layout__content__left__card .rank-point {
		padding: 30px 0 0
	}
}

.rank-layout--junior .rank-layout__content__right__wrapper__title {
	border-radius: 28px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-title-point-thcs.png);
	max-width: 200px;
	height: 56px
}

@media (max-width:991px) {
	.rank-layout--junior .rank-layout__content__right__wrapper__title {
		max-width: 100px;
		height: 35px
	}
}

.rank-layout--junior .rank-layout__content__right__wrapper__title p {
	font-size: 22px;
	text-align: center;
	color: #fff;
	padding: 0;
	line-height: 56px
}

@media (max-width:991px) {
	.rank-layout--junior .rank-layout__content__right__wrapper__title p {
		font-size: 15px;
		line-height: 35px
	}
}

.rank-layout--junior .rank-layout__content__right__wrapper__board {
	background-image: none;
	border-radius: 30px;
	box-shadow: 0 4px 0 0 #cfcfcf;
	background-color: #fff;
	padding: 45px 35px 30px;
	margin: -25px 0 0
}

@media (max-width:991px) {
	.rank-layout--junior .rank-layout__content__right__wrapper__board {
		padding: 35px 20px 30px;
		margin: -20px 0 0
	}
}

.rank-layout--junior .rank-layout__content__right__wrapper__board__card {
	border-top: 1px dashed #d9d9d9;
	padding: 15px 0
}

@media (max-width:991px) {
	.rank-layout--junior .rank-layout__content__right__wrapper__board__card {
		padding: 13px 0
	}
}

.rank-layout--junior .rank-layout__content__right__wrapper__board__card .rank-stt {
	font-weight: 700
}

.rank-layout--junior .rank-layout__content__right__wrapper__board__card--me {
	background-color: #ffe5da;
	border-bottom: none;
	padding: 15px 35px;
	margin: 0 -35px
}

@media (max-width:991px) {
	.rank-layout--junior .rank-layout__content__right__wrapper__board__card--me {
		padding: 13px 20px;
		margin: 0 -20px
	}
}

.rank-layout--junior .rank-layout__content__right__wrapper__board__card--me .rank-name,
.rank-layout--junior .rank-layout__content__right__wrapper__board__card--me .rank-point,
.rank-layout--junior .rank-layout__content__right__wrapper__board__card--me .rank-stt {
	font-weight: 700
}

.rank-layout--junior .rank-layout__content__right__wrapper__board__card:first-child {
	border-top: none
}

.rank-layout--junior .rank-layout__content__right__wrapper__board__card:first-child .rank-stt {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/medal-first-thcs.png);
	width: 30px;
	height: 30px;
	background-size: 100% 100%;
	color: transparent;
	margin-right: 10px
}

@media (max-width:991px) {
	.rank-layout--junior .rank-layout__content__right__wrapper__board__card:first-child .rank-stt {
		width: 20px;
		height: 20px;
		margin-right: 10px
	}
}

.rank-layout--junior .rank-layout__content__right__wrapper__board__card:nth-child(2) .rank-stt {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/medal-second-thcs.png);
	width: 30px;
	height: 30px;
	background-size: 100% 100%;
	color: transparent;
	margin-right: 10px
}

@media (max-width:991px) {
	.rank-layout--junior .rank-layout__content__right__wrapper__board__card:nth-child(2) .rank-stt {
		width: 20px;
		height: 20px;
		margin-right: 10px
	}
}

.rank-layout--junior .rank-layout__content__right__wrapper__board__card:nth-child(3) .rank-stt {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/medal-third-thcs.png);
	width: 30px;
	height: 30px;
	background-size: 100% 100%;
	color: transparent;
	margin-right: 10px
}

@media (max-width:991px) {
	.rank-layout--junior .rank-layout__content__right__wrapper__board__card:nth-child(3) .rank-stt {
		width: 20px;
		height: 20px;
		margin-right: 10px
	}
}

@keyframes spring {
	0% {
		transform: translateY(0)
	}
	10% {
		transform: translateY(0)
	}
	30% {
		transform: translateY(-5px)
	}
	50% {
		transform: translateY(0)
	}
	70% {
		transform: translateY(-3px)
	}
	to {
		transform: translateY(0)
	}
}

.subject-level-detail__library {
	height: 100vh;
	padding: 135px 15px 115px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

@media (max-width:991px) {
	.subject-level-detail__library {
		padding: 70px 0 60px
	}
}

@media (max-width:767px) {
	.subject-level-detail__library {
		padding: 110px 0 60px
	}
}

@media (max-width:575px) {
	.subject-level-detail__library {
		display: block;
		overflow: auto
	}
}

.subject-level-detail__library__left {
	overflow: auto;
	height: calc(100% - 50px)
}

@media (max-width:991px) {
	.subject-level-detail__library__left {
		height: calc(100% - 30px)
	}
}

@media (max-width:575px) {
	.subject-level-detail__library__left {
		height: calc(100vh - 240px)
	}
}

.subject-level-detail__library__left__empty {
	color: #fff;
	font-family: SVN-Boing;
	font-size: 30px;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	white-space: nowrap
}

.subject-level-detail__library__left__wrapper {
	display: -ms-flexbox;
	display: flex
}

.subject-level-detail__library__left .pagination-line {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%)
}

.subject-level-detail__library__left .pagination-line__item {
	margin: 0 5px
}

@media (max-width:991px) {
	.subject-level-detail__library__left .pagination-line .pagination-active,
	.subject-level-detail__library__left .pagination-line .pagination-not-active {
		width: 25px!important;
		height: 25px!important;
		font-size: 12px
	}
}

@media (max-width:575px) {
	.subject-level-detail__library__left .pagination-line {
		bottom: -30px;
		min-width: 200px
	}
}

.subject-level-detail__library__left__card {
	padding: 30px 30px 20px;
	border-radius: 15px;
	background-color: #fff;
	margin-top: 30px
}

.subject-level-detail__library__left__card:first-child {
	margin-top: 0
}

@media (max-width:991px) {
	.subject-level-detail__library__left__card {
		padding: 15px;
		margin-top: 15px;
		border-radius: 10px
	}
	.subject-level-detail__library__left__card:first-child {
		margin-top: 0
	}
}

.subject-level-detail__library__left__card__thumb img {
	width: 135px;
	border-radius: 15px
}

@media (max-width:991px) {
	.subject-level-detail__library__left__card__thumb img {
		width: 70px
	}
}

.subject-level-detail__library__left__card__info {
	width: 100%;
	padding-left: 30px;
	position: relative
}

@media (max-width:991px) {
	.subject-level-detail__library__left__card__info {
		padding-left: 15px
	}
}

@media (max-width:767px) {
	.subject-level-detail__library__left__card__info {
		padding-left: 0
	}
}

.subject-level-detail__library__left__card__info__name {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	font-family: SVN-Boing;
	font-size: 22px;
	font-weight: 700;
	color: #3bbdf9
}

.subject-level-detail__library__left__card__info__name img {
	margin-right: 15px
}

@media (max-width:991px) {
	.subject-level-detail__library__left__card__info__name img {
		margin-right: 10px;
		width: 18px
	}
}

@media (max-width:991px) {
	.subject-level-detail__library__left__card__info__name {
		font-size: 15px
	}
}

@media (max-width:575px) {
	.subject-level-detail__library__left__card__info__btn-wrapper {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: 15px
	}
}

.subject-level-detail__library__left__card__info__download {
	position: absolute;
	right: 0;
	top: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 25px;
	border: 2px solid #ddd;
	background-color: #fff;
	padding: 5px 15px;
	cursor: pointer;
	transition: all .3s ease
}

@media (max-width:991px) {
	.subject-level-detail__library__left__card__info__download {
		padding: 3px 8px;
		border-radius: 15px
	}
}

@media (max-width:575px) {
	.subject-level-detail__library__left__card__info__download {
		position: relative;
		right: auto;
		top: auto;
		width: 120px;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 5px 0;
		margin-right: 20px
	}
}

.subject-level-detail__library__left__card__info__download:hover {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18)
}

.subject-level-detail__library__left__card__info__download p {
	font-family: SVN-ProductSans;
	font-size: 14px;
	color: #666;
	padding-right: 7px
}

@media (max-width:991px) {
	.subject-level-detail__library__left__card__info__download p {
		font-size: 12px
	}
}

@media (max-width:575px) {
	.subject-level-detail__library__left__card__info__download p {
		font-size: 14px;
		padding-right: 10px
	}
}

.subject-level-detail__library__left__card__info__download img {
	width: 16.5px
}

@media (max-width:991px) {
	.subject-level-detail__library__left__card__info__download img {
		width: 10px
	}
}

@media (max-width:575px) {
	.subject-level-detail__library__left__card__info__download img {
		width: 16px
	}
}

.subject-level-detail__library__left__card__info__description {
	margin: 10px 0 15px
}

@media (max-width:991px) {
	.subject-level-detail__library__left__card__info__description {
		margin: 5px 0 8px
	}
}

.subject-level-detail__library__left__card__info__description p {
	font-family: SVN-ProductSans;
	font-size: 16px;
	color: #333;
	line-height: 1.5!important
}

@media (max-width:991px) {
	.subject-level-detail__library__left__card__info__description p {
		font-size: 12px
	}
}

.subject-level-detail__library__left__card__info__skill {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:575px) {
	.subject-level-detail__library__left__card__info__skill {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media (max-width:575px) {
	.subject-level-detail__library__left__card__info__skill__first {
		width: 50%
	}
}

.subject-level-detail__library__left__card__info__skill__middle {
	max-width: 60%;
	padding: 0 10px
}

@media (max-width:575px) {
	.subject-level-detail__library__left__card__info__skill__middle {
		-ms-flex-order: 2;
		order: 2;
		max-width: 100%;
		width: 100%;
		padding: 10px 0 0
	}
}

.subject-level-detail__library__left__card__info__skill span {
	font-family: SVN-ProductSans;
	font-size: 16px;
	color: #999
}

@media (max-width:991px) {
	.subject-level-detail__library__left__card__info__skill span {
		font-size: 12px
	}
}

.subject-level-detail__library__left__card__info__skill p {
	font-family: SVN-ProductSans;
	font-size: 15px;
	font-weight: 700;
	color: #333
}

@media (max-width:991px) {
	.subject-level-detail__library__left__card__info__skill p {
		font-size: 12px
	}
}

.subject-level-detail__library__left__card__info__skill p span {
	color: #333;
	padding-right: 5px
}

.subject-level-detail__library__left__card__info__skill p span:after {
	content: ","
}

.subject-level-detail__library__left__card__info__skill p span:last-child:after {
	content: ""
}

.subject-level-detail__library__left__card__info__btn {
	display: block;
	margin: 15px auto 0;
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	border-radius: 30px;
	background-color: #f33030;
	padding: 12px 0;
	width: 150px;
	cursor: pointer;
	transition: all .5s ease;
	box-shadow: 0 5px 20px 0 rgba(255, 115, 69, .2)!important
}

@media (max-width:991px) {
	.subject-level-detail__library__left__card__info__btn {
		font-size: 14px;
		padding: 7px 0;
		width: 120px
	}
}

@media (max-width:575px) {
	.subject-level-detail__library__left__card__info__btn {
		padding: 7px 0;
		width: 120px;
		margin: 0
	}
}

.subject-level-detail__library__left__card__info__btn:hover {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18)!important
}

.subject-level-detail__library__right {
	padding-left: 40px;
	height: 100%
}

@media (max-width:991px) {
	.subject-level-detail__library__right {
		padding-left: 0
	}
}

@media (max-width:575px) {
	.subject-level-detail__library__right {
		position: relative
	}
}

@media (max-width:575px) {
	.subject-level-detail__library__right__search {
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 10px
	}
	.subject-level-detail__library__right__search .filter-btn {
		background-color: #fff;
		width: 80px;
		border-radius: 15px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center;
		margin-right: 7px;
		font-size: 14px
	}
	.subject-level-detail__library__right__search .filter-btn img {
		width: 20px;
		margin-right: 5px
	}
}

.subject-level-detail__library__right__search .search-form {
	width: 100%;
	position: relative
}

.subject-level-detail__library__right__search .search-form input {
	width: 100%;
	border-radius: 15px;
	border: none;
	background-color: #fff;
	height: 60px;
	font-size: 16px
}

@media (max-width:991px) {
	.subject-level-detail__library__right__search .search-form input {
		height: 40px;
		font-size: 14px;
		padding: 5px 10px
	}
}

.subject-level-detail__library__right__search .search-form input:-ms-input-placeholder {
	font-family: SVN-ProductSans;
	font-size: 16px;
	color: #999
}

.subject-level-detail__library__right__search .search-form input::placeholder {
	font-family: SVN-ProductSans;
	font-size: 16px;
	color: #999
}

@media (max-width:991px) {
	.subject-level-detail__library__right__search .search-form input:-ms-input-placeholder {
		font-size: 14px
	}
	.subject-level-detail__library__right__search .search-form input::placeholder {
		font-size: 14px
	}
}

.subject-level-detail__library__right__search .search-form .wrapper-icon-search {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%)
}

@media (max-width:991px) {
	.subject-level-detail__library__right__search .search-form .wrapper-icon-search {
		right: 10px
	}
	.subject-level-detail__library__right__search .search-form .wrapper-icon-search img {
		width: 18px
	}
}

.subject-level-detail__library__right__filter {
	margin-top: 20px;
	background-color: #fff;
	padding: 20px 30px;
	border-radius: 15px;
	height: calc(100% - 80px);
	overflow: auto
}

@media (max-width:991px) {
	.subject-level-detail__library__right__filter {
		margin-top: 10px;
		padding: 10px 15px;
		border-radius: 10px
	}
}

@media (max-width:575px) {
	.subject-level-detail__library__right__filter {
		padding: 0 15px;
		position: absolute;
		top: 40px;
		width: 100%;
		z-index: 2
	}
}

.subject-level-detail__library__right__filter h2 {
	font-family: SVN-Boing;
	font-size: 25px;
	font-weight: 700;
	color: #3bbdf9;
	margin-bottom: 20px
}

@media (max-width:991px) {
	.subject-level-detail__library__right__filter h2 {
		font-size: 18px;
		margin-bottom: 10px
	}
}

@media (max-width:575px) {
	.subject-level-detail__library__right__filter h2 {
		margin-top: 10px
	}
}

.subject-level-detail__library__right__filter .category-filter-item .sub-title {
	font-family: SVN-ProductSans;
	font-size: 18px;
	font-weight: 700;
	color: #3bbdf9;
	margin-bottom: 15px;
	text-transform: uppercase
}

@media (max-width:991px) {
	.subject-level-detail__library__right__filter .category-filter-item .sub-title {
		font-size: 14px;
		margin-bottom: 8px
	}
}

.subject-level-detail__library__right__filter .category-filter-item .list-group .list-group-item {
	margin-bottom: 15px;
	padding: 0;
	border: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:991px) {
	.subject-level-detail__library__right__filter .category-filter-item .list-group .list-group-item {
		margin-bottom: 8px
	}
}

.subject-level-detail__library__right__filter .category-filter-item .list-group .list-group-item input {
	margin-right: 10px
}

@media (max-width:991px) {
	.subject-level-detail__library__right__filter .category-filter-item .list-group .list-group-item input {
		margin-right: 5px;
		width: 15px;
		height: 15px
	}
	.subject-level-detail__library__right__filter .category-filter-item .list-group .list-group-item input:after {
		width: 5px;
		height: 8px;
		border-bottom: 2px solid #fff;
		border-right: 2px solid #fff;
		left: 3px;
		top: 1px
	}
}

.subject-level-detail__library__right__filter .category-filter-item .list-group .list-group-item span {
	font-family: SVN-ProductSans;
	font-size: 16px;
	color: #333
}

@media (max-width:991px) {
	.subject-level-detail__library__right__filter .category-filter-item .list-group .list-group-item span {
		font-size: 14px
	}
}

.subject-level-detail__library__right__filter .category-filter-item .list-group .list-group-item .fillter-selected {
	font-weight: 700;
	color: #50ad4e
}

.subject-level-detail__pdf {
	height: 100vh;
	padding: 135px 30px 50px;
	max-width: 1600px;
	margin: 0 auto
}

@media (max-width:991px) {
	.subject-level-detail__pdf {
		padding: 70px 15px 20px
	}
}

@media (max-width:767px) {
	.subject-level-detail__pdf {
		padding: 110px 15px 20px
	}
}

.subject-level-detail__pdf .react-pdf__Document {
	overflow-x: hidden
}

.subject-level-detail__pdf .react-pdf__Page__canvas {
	margin: 0 auto;
	width: 100%!important;
	height: 100%!important;
	max-width: 600px
}

.subject-level-detail__pdf__wrapper {
	background-color: #fff;
	height: 100%;
	border-radius: 15px;
	padding: 30px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (max-width:991px) {
	.subject-level-detail__pdf__wrapper {
		padding: 15px
	}
}

.subject-level-detail__pdf__wrapper__title {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px;
	position: relative
}

@media (max-width:991px) {
	.subject-level-detail__pdf__wrapper__title {
		margin-bottom: 15px
	}
}

.subject-level-detail__pdf__wrapper__title__download {
	position: absolute;
	right: 0;
	top: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 25px;
	border: 2px solid #ddd;
	background-color: #fff;
	padding: 5px 15px;
	cursor: pointer;
	transition: all .3s ease
}

@media (max-width:991px) {
	.subject-level-detail__pdf__wrapper__title__download {
		padding: 3px 8px;
		border-radius: 15px
	}
}

.subject-level-detail__pdf__wrapper__title__download:hover {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18)
}

.subject-level-detail__pdf__wrapper__title__download p {
	font-family: SVN-ProductSans!important;
	font-size: 16px!important;
	color: #666;
	padding-right: 7px;
	font-weight: 500!important
}

@media (max-width:991px) {
	.subject-level-detail__pdf__wrapper__title__download p {
		font-size: 12px!important
	}
}

.subject-level-detail__pdf__wrapper__title__download img {
	width: 16.5px
}

@media (max-width:991px) {
	.subject-level-detail__pdf__wrapper__title__download img {
		width: 10px
	}
}

.subject-level-detail__pdf__wrapper__title__btn {
	width: 40px;
	height: 40px;
	border: 2px solid #3abcf8;
	border-radius: 50%;
	position: relative;
	margin-right: 20px;
	padding: 7px 5px;
	cursor: pointer
}

@media (max-width:991px) {
	.subject-level-detail__pdf__wrapper__title__btn {
		width: 25px;
		height: 25px;
		padding: 4px 3px;
		margin-right: 10px
	}
}

.subject-level-detail__pdf__wrapper__title__icon {
	width: 20px;
	margin-right: 10px
}

@media (max-width:991px) {
	.subject-level-detail__pdf__wrapper__title__icon {
		width: 12px;
		margin-right: 5px
	}
}

.subject-level-detail__pdf__wrapper__title p {
	font-family: SVN-Boing;
	font-size: 30px;
	font-weight: 700;
	color: #666;
	line-height: 1!important
}

@media (max-width:991px) {
	.subject-level-detail__pdf__wrapper__title p {
		font-size: 18px
	}
}

.subject-level-detail__pdf__wrapper .pdf {
	-ms-flex: 1;
	flex: 1;
	overflow: auto
}

.subject-level-detail__pdf__wrapper .pdf canvas {
	margin: auto
}

.subject-level-detail__video {
	height: 100vh;
	padding: 135px 30px 50px;
	max-width: 1600px;
	margin: 0 auto
}

@media (max-width:991px) {
	.subject-level-detail__video {
		padding: 70px 15px 20px
	}
}

@media (max-width:767px) {
	.subject-level-detail__video {
		padding: 110px 15px 20px
	}
}

.subject-level-detail__video__wrapper {
	background-color: #fff;
	border-radius: 15px;
	padding: 30px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	overflow: auto
}

@media (max-width:991px) {
	.subject-level-detail__video__wrapper {
		padding: 15px
	}
}

.subject-level-detail__video__wrapper__title {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px
}

@media (max-width:991px) {
	.subject-level-detail__video__wrapper__title {
		margin-bottom: 15px
	}
}

.subject-level-detail__video__wrapper__title__btn {
	width: 40px;
	height: 40px;
	border: 2px solid #3abcf8;
	border-radius: 50%;
	position: relative;
	margin-right: 20px;
	padding: 7px 5px;
	cursor: pointer
}

@media (max-width:991px) {
	.subject-level-detail__video__wrapper__title__btn {
		width: 25px;
		height: 25px;
		padding: 4px 3px;
		margin-right: 10px
	}
}

.subject-level-detail__video__wrapper__title__icon {
	width: 30px;
	margin-right: 10px
}

@media (max-width:991px) {
	.subject-level-detail__video__wrapper__title__icon {
		width: 20px;
		margin-right: 5px
	}
}

.subject-level-detail__video__wrapper__title p {
	font-family: SVN-Boing;
	font-size: 30px;
	font-weight: 700;
	color: #666;
	line-height: 1!important
}

@media (max-width:991px) {
	.subject-level-detail__video__wrapper__title p {
		font-size: 18px
	}
}

.subject-level-detail__video__wrapper__content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%
}

@media (max-width:575px) {
	.subject-level-detail__video__wrapper__content {
		display: block
	}
}

.subject-level-detail__video__wrapper__content__left {
	-ms-flex: 3;
	flex: 3;
	padding-right: 10px
}

@media (max-width:575px) {
	.subject-level-detail__video__wrapper__content__left {
		padding-right: 0
	}
}

.subject-level-detail__video__wrapper__content__left .vjs-resolution-button-staticlabel {
	position: relative;
	top: -30px
}

.subject-level-detail__video__wrapper__content__left__describe {
	margin-top: 5px
}

.subject-level-detail__video__wrapper__content__left__category {
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 20px
}

@media (max-width:575px) {
	.subject-level-detail__video__wrapper__content__left__category {
		display: block
	}
}

.subject-level-detail__video__wrapper__content__left__category p {
	font-size: 14px;
	color: #999;
	margin-right: 100px
}

@media (max-width:575px) {
	.subject-level-detail__video__wrapper__content__left__category p {
		margin-right: 0;
		margin-bottom: 5px
	}
}

.subject-level-detail__video__wrapper__content__left__category p span {
	display: block;
	font-weight: 700;
	color: #333;
	font-size: 16px;
	padding-top: 5px
}

@media (max-width:575px) {
	.subject-level-detail__video__wrapper__content__left__category p span {
		display: inline
	}
}

.subject-level-detail__video__wrapper__content__right {
	-ms-flex: 1;
	flex: 1;
	background-color: rgba(55, 125, 209, .05);
	padding: 30px;
	border-radius: 15px
}

@media (max-width:991px) {
	.subject-level-detail__video__wrapper__content__right {
		padding: 15px
	}
}

@media (max-width:767px) {
	.subject-level-detail__video__wrapper__content__right {
		padding: 5px
	}
}

@media (max-width:575px) {
	.subject-level-detail__video__wrapper__content__right {
		padding: 15px
	}
}

.subject-level-detail__video__wrapper__content__right .list-parts li {
	padding: 15px 7px
}

@media (max-width:991px) {
	.subject-level-detail__video__wrapper__content__right .list-parts li {
		padding: 8px 3px
	}
}

@media (max-width:575px) {
	.subject-level-detail__video__wrapper__content__right .list-parts li {
		margin-bottom: 5px
	}
}

.subject-level-detail__video__wrapper__content__right .list-parts li a {
	padding: 0!important
}

@media (max-width:991px) {
	.subject-level-detail__video__wrapper__content__right .list-parts li a {
		font-size: 12px
	}
}

.subject-level-detail__video__wrapper__content__right .list-parts li img {
	margin-right: 10px
}

@media (max-width:991px) {
	.subject-level-detail__video__wrapper__content__right .list-parts li img {
		margin-right: 5px;
		width: 25px
	}
}

.subject-level-detail__video__wrapper__content__right .list-parts .active {
	background-color: #d8e9ff;
	border: 1px solid #67a7f9;
	border-radius: 5px
}

.subject-level-detail-wrapper {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-course-menu.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	min-height: 100vh
}

.subject-level-detail-wrapper__topbar {
	padding: 100px 30px 0
}

@media (max-width:991px) {
	.subject-level-detail-wrapper__topbar {
		padding: 55px 10px 0
	}
}

.subject-level-detail-wrapper__topbar #topbar-learning {
	margin: 0
}

.subject-level-detail-wrapper .subject-level-detail {
	position: relative;
	height: 100vh
}

.subject-level-detail-wrapper .subject-level-detail .empty-list {
	text-align: center;
	position: relative;
	top: 45%;
	transform: translateY(-50%)
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail .empty-list {
		top: 70px;
		transform: none;
		max-height: calc(100% - 70px);
		overflow: auto;
		padding-bottom: 70px
	}
}

.subject-level-detail-wrapper .subject-level-detail .empty-list__title {
	color: #fff;
	display: block;
	font-size: 30px;
	font-weight: 700;
	padding: 0 0 50px
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail .empty-list__title {
		font-size: 16px;
		padding: 0 0 25px
	}
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail .empty-list img {
		width: 200px
	}
}

.subject-level-detail-wrapper .subject-level-detail .empty-list__button {
	margin: 50px auto 30px;
	width: 290px;
	height: 66px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-new-button.png);
	background-size: 100% 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail .empty-list__button {
		margin: 25px auto 15px;
		width: 170px;
		height: 50px
	}
}

.subject-level-detail-wrapper .subject-level-detail .empty-list__button__title {
	text-align: center;
	color: #fff;
	letter-spacing: .23px;
	font-family: SVN-Boing;
	font-size: 25px;
	font-weight: 600
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail .empty-list__button__title {
		font-size: 16px
	}
}

.subject-level-detail-wrapper .subject-level-detail__tab {
	position: fixed;
	bottom: 0;
	left: 50%;
	z-index: 9;
	transform: translateX(-50%);
	max-width: calc(100% - 50px);
	border-radius: 28px 28px 0 0;
	box-shadow: 2px 2px 0 0 rgba(0, 0, 0, .5);
	border: 2px solid #fffcc9;
	background-color: #fffcc9;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 20px
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail__tab {
		padding: 5px 10px
	}
}

@media (max-width:576px) {
	.subject-level-detail-wrapper .subject-level-detail__tab {
		left: 0;
		width: 100%;
		max-width: 100%;
		transform: translateX(0)
	}
}

.subject-level-detail-wrapper .subject-level-detail__tab__card {
	border-radius: 19.5px;
	box-shadow: inset 0 -2px 0 0 #ebd283, inset 0 1px 0 0 hsla(0, 0%, 78%, .5);
	border: 1px solid #fbf69e;
	background-color: #fffcc9;
	padding: 5px 15px 6px 30px;
	margin: 0 20px;
	position: relative;
	cursor: pointer
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail__tab__card {
		margin: 0 10px;
		padding: 2px 10px 4px 20px
	}
}

@media (max-width:576px) {
	.subject-level-detail-wrapper .subject-level-detail__tab__card {
		transition: none;
		padding: 0!important;
		margin: 0 5px;
		box-shadow: none;
		border: none;
		background-color: transparent
	}
}

.subject-level-detail-wrapper .subject-level-detail__tab__card--active {
	box-shadow: 0 3px 0 0 rgba(0, 0, 0, .1), inset 0 -13px 0 0 hsla(0, 0%, 100%, .13), inset 0 2px 0 0 rgba(0, 0, 0, .2);
	border: 1px solid #fffcc9;
	background-color: #581891
}

@media (max-width:576px) {
	.subject-level-detail-wrapper .subject-level-detail__tab__card--active {
		padding: 2px 10px 4px!important
	}
}

.subject-level-detail-wrapper .subject-level-detail__tab__card--active span {
	color: #fff!important
}

.subject-level-detail-wrapper .subject-level-detail__tab__card:hover {
	box-shadow: 0 3px 0 0 rgba(0, 0, 0, .1), inset 0 -13px 0 0 hsla(0, 0%, 100%, .13), inset 0 2px 0 0 rgba(0, 0, 0, .2);
	border: 1px solid #fffcc9;
	background-color: #581891
}

.subject-level-detail-wrapper .subject-level-detail__tab__card:hover span {
	color: #fff
}

.subject-level-detail-wrapper .subject-level-detail__tab__card span {
	font-family: SVN-ProductSans;
	font-size: 18px;
	text-align: center;
	color: #78563c;
	white-space: nowrap
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail__tab__card span {
		font-size: 14px
	}
}

.subject-level-detail-wrapper .subject-level-detail__tab__card span img {
	position: absolute;
	left: -10px;
	top: 50%;
	transform: translateY(-50%);
	height: 28px
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail__tab__card span img {
		height: auto;
		left: -6px
	}
}

.subject-level-detail-wrapper .subject-level-detail__title {
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	top: 20px;
	left: 30px;
	z-index: 3
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail__title {
		top: 7px;
		left: 10px
	}
}

.subject-level-detail-wrapper .subject-level-detail__title img {
	width: 64px;
	height: 65px;
	margin-right: 15px;
	cursor: pointer
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail__title img {
		width: 32px;
		height: 32.5px;
		margin-right: 10px
	}
}

.subject-level-detail-wrapper .subject-level-detail__title img:hover {
	animation: spring .5s;
	animation-timing-function: ease
}

.subject-level-detail-wrapper .subject-level-detail__title__text {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.subject-level-detail-wrapper .subject-level-detail__title__text p:first-child {
	letter-spacing: .23px;
	color: #fff;
	opacity: .7;
	font-family: SVN-ProductSans;
	font-size: 16px
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail__title__text p:first-child {
		font-size: 11px
	}
}

.subject-level-detail-wrapper .subject-level-detail__title__text p:last-child {
	letter-spacing: .51px;
	color: #fff;
	font-family: SVN-Boing;
	font-size: 36px;
	font-weight: 600;
	line-height: 1
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail__title__text p:last-child {
		font-size: 16px
	}
}

.subject-level-detail-wrapper .subject-level-detail .slide {
	position: relative;
	z-index: 1;
	top: 40%;
	transform: translateY(-50%)
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail .slide {
		margin: 0;
		display: -ms-flexbox;
		display: flex;
		overflow: auto;
		top: 55%
	}
	.subject-level-detail-wrapper .subject-level-detail .slide::-webkit-scrollbar {
		display: none
	}
	.subject-level-detail-wrapper .subject-level-detail .slide__wrapper {
		display: -ms-flexbox;
		display: flex;
		overflow: auto
	}
}

@media (max-width:991px) and (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail .slide__wrapper {
		padding: 30px 0
	}
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail .slide__wrapper::-webkit-scrollbar {
		display: none
	}
}

.subject-level-detail-wrapper .subject-level-detail .slide--banner {
	top: 25%
}

.subject-level-detail-wrapper .subject-level-detail .slide .slick-slider {
	height: 100%
}

.subject-level-detail-wrapper .subject-level-detail .slide .slick-slider .slick-list {
	height: 100%;
	padding: 60px 0 60px 40px
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail .slide .slick-slider .slick-list {
		padding: 10px 0 0 15px
	}
}

.subject-level-detail-wrapper .subject-level-detail .slide__card {
	position: relative;
	margin-right: 40px
}

.subject-level-detail-wrapper .subject-level-detail .slide__card .iconType {
	display: none
}

.subject-level-detail-wrapper .subject-level-detail .slide__card__lock .iconLock {
	filter: brightness(1);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail .slide__card__lock .iconLock {
		width: 40px
	}
}

.subject-level-detail-wrapper .subject-level-detail .slide__card__lock img {
	filter: brightness(.4)
}

.subject-level-detail-wrapper .subject-level-detail .slide__card__wrapper {
	box-shadow: 5px 5px 0 0 rgba(0, 0, 0, .2);
	border: 5px solid #fffcc9;
	background-color: #f7cc48;
	border-radius: 15px;
	cursor: pointer;
	transition: transform .3s;
	position: relative;
	width: 300px;
	min-height: 218px
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail .slide__card__wrapper {
		border: 3px solid #fffcc9;
		box-shadow: 3px 3px 0 0 rgba(0, 0, 0, .2)
	}
}

.subject-level-detail-wrapper .subject-level-detail .slide__card__wrapper__ic-learned {
	position: absolute;
	left: 5px;
	top: 5px
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail .slide__card__wrapper__ic-learned {
		width: 20px;
		left: 2px;
		top: 2px;
		border-radius: 0!important
	}
}

@media (max-width:1600px) {
	.subject-level-detail-wrapper .subject-level-detail .slide__card__wrapper {
		width: 245px;
		min-height: 178px
	}
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail .slide__card {
		padding: 0 20px 0 0;
		margin: 0
	}
	.subject-level-detail-wrapper .subject-level-detail .slide__card__wrapper {
		width: 145px!important;
		border-radius: 10px;
		min-height: 106px
	}
	.subject-level-detail-wrapper .subject-level-detail .slide__card:first-child {
		padding: 0 20px 0 15px
	}
	.subject-level-detail-wrapper .subject-level-detail .slide__card:nth-child(2n) {
		padding: 60px 20px 0 0
	}
}

@media (min-width:576px) {
	.subject-level-detail-wrapper .subject-level-detail .slide__card__wrapper {
		position: relative
	}
	.subject-level-detail-wrapper .subject-level-detail .slide__card__wrapper .iconLock.not-course {
		position: absolute;
		bottom: -15px;
		left: 50%;
		transform: translateX(-50%);
		width: 65px;
		height: auto;
		object-fit: contain
	}
}

@media (min-width:1200px) {
	.subject-level-detail-wrapper .subject-level-detail .slide__card__wrapper .iconLock.not-course {
		width: 100px
	}
}

.subject-level-detail-wrapper .subject-level-detail .slide__card img {
	max-width: 100%;
	border-radius: 10px
}

.subject-level-detail-wrapper .subject-level-detail .slide__card p {
	position: absolute;
	z-index: 9;
	font-family: SVN-ProductSans;
	font-size: 18px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: .78;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	border-radius: 7px;
	background-color: rgba(0, 0, 0, .5);
	padding: 15px;
	width: calc(100% - 20px);
	left: 50%;
	transform: translateX(-50%);
	bottom: 10px;
	line-height: 1.3
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail .slide__card p {
		font-size: 14px;
		padding: 5px;
		border-radius: 5px;
		bottom: 5px;
		width: calc(100% - 10px)
	}
}

.subject-level-detail-wrapper .subject-level-detail .slide__card:hover .slide__card__wrapper {
	transform: scale(1.1)
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail .slide__card:hover .slide__card__wrapper {
		transform: scale(1)
	}
}

.subject-level-detail-wrapper .subject-level-detail .slide__card:active .slide__card__wrapper {
	transform: scale(.9)
}

@media (max-width:1600px) {
	.subject-level-detail-wrapper .subject-level-detail .slide__card {
		max-width: 245px
	}
}

.subject-level-detail-wrapper .subject-level-detail .slide .slick-track .slick-slide:nth-child(2n) {
	margin-top: 60px
}

.subject-level-detail-wrapper .subject-level-detail .slide .slick-track .slick-slide:last-child .slide__card__quiz:after,
.subject-level-detail-wrapper .subject-level-detail .slide .slick-track .slick-slide:last-child .slide__card__speech:after {
	display: none!important
}

.subject-level-detail-wrapper .subject-level-detail .slide .slick-arrow {
	width: 62px;
	height: 60px;
	top: auto;
	bottom: -80px;
	z-index: 2;
	transition: transform .3s
}

.subject-level-detail-wrapper .subject-level-detail .slide .slick-arrow:hover {
	transform: translateY(-50%) scale(1.2)
}

.subject-level-detail-wrapper .subject-level-detail .slide .slick-arrow:active {
	transform: translateY(-50%) scale(.8)
}

.subject-level-detail-wrapper .subject-level-detail .slide .slick-arrow:before {
	width: 62px;
	height: 60px;
	content: "";
	display: block
}

.subject-level-detail-wrapper .subject-level-detail .slide .slick-next {
	right: calc(50% - 75px)
}

.subject-level-detail-wrapper .subject-level-detail .slide .slick-next:before {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/next-slick.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0;
	opacity: 1
}

.subject-level-detail-wrapper .subject-level-detail .slide .slick-prev {
	left: calc(50% - 75px)
}

.subject-level-detail-wrapper .subject-level-detail .slide .slick-prev:before {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/prev-slick.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0;
	opacity: 1
}

.subject-level-detail-wrapper .subject-level-detail .slide .slick-disabled:before {
	opacity: .5
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide .slick-track .slick-slide:nth-child(2n) .slide__card__quiz:before {
	content: "";
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/rope-course-bottom.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100% 100%;
	width: 162px;
	height: 90px;
	display: block;
	position: absolute;
	bottom: 5px;
	left: -140px;
	z-index: -1
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide .slick-track .slick-slide:nth-child(2n) .slide__card__quiz:after {
	content: "";
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/rope-course-top.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100% 100%;
	width: 169px;
	height: 92px;
	display: block;
	position: absolute;
	top: -50px;
	right: -60px;
	z-index: -1
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz:nth-child(2n):before {
	content: "";
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100% 100%;
	display: block;
	position: absolute;
	z-index: -1;
	width: 106px;
	height: 58px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/rope-course-bottom.png);
	bottom: auto;
	top: 90px;
	left: -90px
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz:nth-child(2n):after {
	content: "";
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100% 100%;
	display: block;
	position: absolute;
	z-index: -1;
	width: 106px;
	height: 58px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/rope-course-top.png);
	top: 10px;
	right: -30px
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__writing {
	position: absolute;
	right: 5px;
	top: 5px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 6px;
	background-color: #63bb06;
	padding: 5px 10px
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__writing {
		right: 3px;
		top: 3px;
		padding: 2px 5px;
		border-radius: 3px
	}
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__writing__pass {
	position: absolute;
	left: 5px;
	top: 5px
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__writing__pass {
		width: 20px;
		left: 2px;
		top: 2px;
		border-radius: 0
	}
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__writing__waiting {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 14px;
	color: #fffcc9;
	border-radius: 8px;
	box-shadow: 0 5px 0 0 rgba(0, 0, 0, .2), inset 0 6px 0 0 rgba(0, 0, 0, .2);
	border: 5px solid #fffcc9;
	background-color: #724014;
	padding: 10px 20px;
	white-space: nowrap
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__writing__waiting {
		font-size: 10px;
		border-radius: 4px;
		box-shadow: 0 2px 0 0 rgba(0, 0, 0, .2), inset 0 3px 0 0 rgba(0, 0, 0, .2);
		border: 2px solid #fffcc9;
		padding: 5px 10px
	}
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__writing__score {
	font-family: SVN-ProductSans;
	font-size: 35px;
	font-weight: 700;
	text-align: center;
	background-color: #724014;
	border-radius: 50%;
	border: 5px solid #fffcc9;
	position: absolute;
	width: 90px;
	height: 90px;
	box-shadow: 0 5px 0 0 rgba(0, 0, 0, .2), inset 0 6px 0 0 rgba(0, 0, 0, .2);
	line-height: 1;
	padding: 15px 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__writing__score--red {
	color: #d23b11
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__writing__score--yellow {
	color: #f3bb00
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__writing__score--orange {
	color: #ff7c06
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__writing__score--green {
	color: #9cff06
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__writing__score {
		width: 55px;
		height: 55px;
		font-size: 20px;
		box-shadow: 0 2px 0 0 rgba(0, 0, 0, .2), inset 0 3px 0 0 rgba(0, 0, 0, .2);
		border: 2px solid #fffcc9;
		padding: 8px 0
	}
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__writing__score span {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #fffcc9;
	line-height: 1
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__writing__score span {
		font-size: 12px
	}
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__writing img {
	width: 19px;
	margin-right: 5px
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__writing img {
		width: 15px;
		margin-right: 3px
	}
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__writing span {
	font-size: 12px;
	font-weight: 500;
	font-family: SVN-ProductSans;
	color: #fff
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__writing span {
		font-size: 10px
	}
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz p {
	border: 3px solid #fffcc9;
	background-color: #09699b;
	bottom: 0;
	transform: translate(-50%, 50%);
	width: calc(100% - 40px);
	padding: 10px 15px
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz p {
		width: calc(100% - 10px);
		border: 2px solid #fffcc9;
		padding: 5px
	}
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__score {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

@media (max-width:576px) {
	.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__score {
		left: auto;
		top: 4px;
		right: 5px;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center;
		background: rgba(0, 0, 0, .3)
	}
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__score__fail {
	color: #ff7c06!important
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__score__pass {
	color: #9cff06!important
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__score img {
	position: relative;
	left: 5px;
	top: 5px
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__score img {
		width: 20px;
		left: 2px;
		top: 2px;
		border-radius: 0
	}
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__score p {
	font-family: SVN-ProductSans;
	font-size: 35px;
	font-weight: 700;
	text-align: center;
	background-color: #724014;
	border-radius: 50%;
	border: 5px solid #fffcc9;
	position: absolute;
	width: 90px;
	height: 90px;
	box-shadow: 0 5px 0 0 rgba(0, 0, 0, .2), inset 0 6px 0 0 rgba(0, 0, 0, .2);
	line-height: 1;
	padding: 15px 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__score p {
		width: 55px;
		height: 55px;
		font-size: 20px;
		box-shadow: 0 2px 0 0 rgba(0, 0, 0, .2), inset 0 3px 0 0 rgba(0, 0, 0, .2);
		border: 2px solid #fffcc9;
		padding: 8px 0;
		top: 40%
	}
}

@media (max-width:576px) {
	.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__score p {
		width: auto;
		height: auto;
		box-shadow: none;
		font-size: 14px
	}
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__score p span {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #fffcc9;
	line-height: 1
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__score p span {
		font-size: 12px
	}
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__lock img {
	filter: brightness(.4);
	min-height: inherit
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__lock p {
	border: none;
	background-color: transparent;
	bottom: auto;
	top: calc(50% - 20px);
	transform: translate(-50%, -50%);
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/icon-lock-quiz-speach.png);
	background-size: auto;
	background-position: 50%;
	background-repeat: no-repeat;
	padding: 120px 0 0
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__lock p {
		padding: 70px 0 0;
		top: calc(50% - 15px);
		background-size: 30%
	}
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__prev-not-done img {
	filter: brightness(.4);
	min-height: inherit
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__prev-not-done p {
	bottom: unset;
	top: 0;
	transform: translate(-50%, -50%)
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__prev-not-done .prev-quiz-name-wrapper {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	color: #fff;
	font-family: SVN-ProductSans;
	font-size: 16px;
	padding-bottom: 5px
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__prev-not-done .prev-quiz-name-wrapper {
		font-size: 12px;
		line-height: 15px;
		padding-bottom: 0;
		bottom: -5px
	}
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__prev-not-done .prev-quiz-name-wrapper .prev-quiz-name {
	font-weight: 700;
	color: #f8e71c;
	font-size: 18px
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__prev-not-done .prev-quiz-name-wrapper .prev-quiz-name {
		font-size: 12px
	}
}

.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__prev-not-done .prev-quiz-name-wrapper .icon-lock-not-done-prev {
	width: 100%;
	object-fit: contain;
	height: -webkit-fit-content;
	height: fit-content;
	filter: none;
	max-height: 68px
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail--quizes .slide__card__quiz__prev-not-done .prev-quiz-name-wrapper .icon-lock-not-done-prev {
		height: 40px
	}
}

.subject-level-detail-wrapper .subject-level-detail--speeches .slide .slick-track .slick-slide:nth-child(2n) .slide__card__speech:before {
	content: "";
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/rope-course-bottom.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100% 100%;
	width: 162px;
	height: 90px;
	display: block;
	position: absolute;
	bottom: 5px;
	left: -140px;
	z-index: -1
}

.subject-level-detail-wrapper .subject-level-detail--speeches .slide .slick-track .slick-slide:nth-child(2n) .slide__card__speech:after {
	content: "";
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/rope-course-top.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100% 100%;
	width: 169px;
	height: 92px;
	display: block;
	position: absolute;
	top: -50px;
	right: -60px;
	z-index: -1
}

.subject-level-detail-wrapper .subject-level-detail--speeches .slide__card__speech:nth-child(2n):before {
	content: "";
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100% 100%;
	display: block;
	position: absolute;
	z-index: -1;
	width: 106px;
	height: 58px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/rope-course-bottom.png);
	bottom: auto;
	top: 90px;
	left: -90px
}

.subject-level-detail-wrapper .subject-level-detail--speeches .slide__card__speech:nth-child(2n):after {
	content: "";
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100% 100%;
	display: block;
	position: absolute;
	z-index: -1;
	width: 106px;
	height: 58px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/rope-course-top.png);
	top: 10px;
	right: -30px
}

.subject-level-detail-wrapper .subject-level-detail--speeches .slide__card__speech p {
	border: 3px solid #fffcc9;
	background-color: #09699b;
	bottom: 0;
	transform: translate(-50%, 50%);
	width: calc(100% - 40px);
	padding: 10px 15px
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail--speeches .slide__card__speech p {
		width: calc(100% - 10px);
		border: 2px solid #fffcc9;
		padding: 5px
	}
}

.subject-level-detail-wrapper .subject-level-detail--speeches .slide__card__speech__score {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.subject-level-detail-wrapper .subject-level-detail--speeches .slide__card__speech__score__fail {
	color: #ff7c06!important
}

.subject-level-detail-wrapper .subject-level-detail--speeches .slide__card__speech__score__pass {
	color: #9cff06!important
}

@media (max-width:576px) {
	.subject-level-detail-wrapper .subject-level-detail--speeches .slide__card__speech__score {
		left: auto;
		top: 4px;
		right: 5px;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center;
		background: rgba(0, 0, 0, .3)
	}
}

.subject-level-detail-wrapper .subject-level-detail--speeches .slide__card__speech__score img {
	position: relative;
	left: 5px;
	top: 5px
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail--speeches .slide__card__speech__score img {
		width: 20px;
		left: 2px;
		top: 2px;
		border-radius: 0
	}
}

.subject-level-detail-wrapper .subject-level-detail--speeches .slide__card__speech__score p {
	font-family: SVN-ProductSans;
	font-size: 35px;
	font-weight: 700;
	text-align: center;
	background-color: #724014;
	border-radius: 50%;
	border: 5px solid #fffcc9;
	position: absolute;
	width: 90px;
	height: 90px;
	box-shadow: 0 5px 0 0 rgba(0, 0, 0, .2), inset 0 6px 0 0 rgba(0, 0, 0, .2);
	line-height: 1;
	padding: 15px 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail--speeches .slide__card__speech__score p {
		width: 55px;
		height: 55px;
		font-size: 20px;
		box-shadow: 0 2px 0 0 rgba(0, 0, 0, .2), inset 0 3px 0 0 rgba(0, 0, 0, .2);
		border: 2px solid #fffcc9;
		padding: 8px 0;
		top: 40%
	}
}

@media (max-width:576px) {
	.subject-level-detail-wrapper .subject-level-detail--speeches .slide__card__speech__score p {
		width: auto;
		height: auto;
		box-shadow: none;
		font-size: 14px
	}
}

.subject-level-detail-wrapper .subject-level-detail--speeches .slide__card__speech__score p span {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #fffcc9;
	line-height: 1
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail--speeches .slide__card__speech__score p span {
		font-size: 12px
	}
}

.subject-level-detail-wrapper .subject-level-detail--speeches .slide__card__speech__lock img {
	filter: brightness(.4);
	min-height: inherit
}

.subject-level-detail-wrapper .subject-level-detail--speeches .slide__card__speech__lock p {
	border: none;
	background-color: transparent;
	bottom: auto;
	top: calc(50% - 20px);
	transform: translate(-50%, -50%);
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/icon-lock-quiz-speach.png);
	background-size: auto;
	background-position: 50%;
	background-repeat: no-repeat;
	padding: 120px 0 0
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail--speeches .slide__card__speech__lock p {
		padding: 70px 0 0;
		top: calc(50% - 15px);
		background-size: 30%
	}
}

.subject-level-detail-wrapper .subject-level-detail--speeches .slide__card__speech__prev-not-done img {
	filter: brightness(.4);
	min-height: inherit
}

.subject-level-detail-wrapper .subject-level-detail--speeches .slide__card__speech__prev-not-done p {
	border: none;
	background-color: transparent;
	bottom: auto;
	top: calc(50% - 20px);
	transform: translate(-50%, -50%);
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/ic-lock-not-done-prev.png);
	background-size: auto;
	background-position: 50%;
	background-repeat: no-repeat;
	padding: 120px 0 0
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail--speeches .slide__card__speech__prev-not-done p {
		padding: 70px 0 0;
		top: calc(50% - 15px);
		background-size: 30%
	}
}

.subject-level-detail-wrapper .subject-level-detail__none {
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%)
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail__none {
		bottom: 50px
	}
}

@media (max-width:576px) {
	.subject-level-detail-wrapper .subject-level-detail__none {
		bottom: 130px
	}
}

.subject-level-detail-wrapper .subject-level-detail__none img {
	width: 240px
}

@media (max-width:1600px) {
	.subject-level-detail-wrapper .subject-level-detail__none img {
		width: 150px
	}
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail__none img {
		width: 70px
	}
}

.subject-level-detail-wrapper .subject-level-detail__none__text {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-title-none.png);
	background-size: 100% 100%;
	padding: 50px 55px 100px;
	margin-left: 120px;
	display: block;
	white-space: nowrap
}

@media (max-width:1600px) {
	.subject-level-detail-wrapper .subject-level-detail__none__text {
		padding: 40px 40px 80px;
		margin-left: 80px
	}
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail__none__text {
		padding: 20px 20px 40px;
		margin-left: 50px
	}
}

.subject-level-detail-wrapper .subject-level-detail__none__text p {
	font-family: SVN-ProductSans;
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	color: #333
}

@media (max-width:1600px) {
	.subject-level-detail-wrapper .subject-level-detail__none__text p {
		font-size: 30px
	}
}

@media (max-width:991px) {
	.subject-level-detail-wrapper .subject-level-detail__none__text p {
		font-size: 20px
	}
}

.subject-level-detail-wrapper__thcs {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/thcs-bg.png)
}

.subject-level-detail-wrapper__thcs .subject-level-detail .slide__card__wrapper {
	border: none;
	box-shadow: 0 5px 0 0 #d66275
}

@media (max-width:991px) {
	.subject-level-detail-wrapper__thcs .subject-level-detail .slide__card__wrapper {
		box-shadow: 0 3px 0 0 #d66275
	}
}

.subject-level-detail-wrapper__thcs .subject-level-detail .slide .slick-arrow {
	width: 70px;
	height: 67px
}

.subject-level-detail-wrapper__thcs .subject-level-detail .slide .slick-prev:before {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/thcs-prev.png);
	width: 70px;
	height: 67px
}

.subject-level-detail-wrapper__thcs .subject-level-detail .slide .slick-next:before {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/thcs-next.png);
	width: 70px;
	height: 67px
}

.subject-level-detail-wrapper__thcs .subject-level-detail .slide__card p {
	background-color: hsla(0, 0%, 100%, .5);
	color: #333
}

.subject-level-detail-wrapper__thcs .subject-level-detail__tab {
	background-color: #652f83;
	border: none
}

.subject-level-detail-wrapper__thcs .subject-level-detail__tab__card {
	background-color: #3e2e80;
	border: none;
	box-shadow: none
}

.subject-level-detail-wrapper__thcs .subject-level-detail__tab__card:hover {
	background-color: #f3b016;
	border: none
}

.subject-level-detail-wrapper__thcs .subject-level-detail__tab__card--active {
	background-color: #f3b016
}

.subject-level-detail-wrapper__thcs .subject-level-detail__tab__card span {
	color: #fff
}

.subject-level-detail-wrapper__thcs .subject-level-detail__tab__card span img {
	height: 25px;
	left: 5px;
	transform: translate(-50%, -50%)
}

@media (max-width:991px) {
	.subject-level-detail-wrapper__thcs .subject-level-detail__tab__card span img {
		height: 18px;
		left: 3px
	}
}

.subject-level-detail-wrapper__thcs .subject-level-detail--quizes .slide__card__quiz .iconLock {
	display: none
}

.subject-level-detail-wrapper__thcs .subject-level-detail--quizes .slide__card__quiz:after,
.subject-level-detail-wrapper__thcs .subject-level-detail--quizes .slide__card__quiz:before {
	display: none!important
}

.subject-level-detail-wrapper__thcs .subject-level-detail--quizes .slide__card__quiz__lock p {
	border: none!important;
	background-color: transparent!important;
	box-shadow: none!important;
	color: #fff!important
}

.subject-level-detail-wrapper__thcs .subject-level-detail--quizes .slide__card__quiz p {
	border: none;
	box-shadow: 4px 4px 0 0 #d2a68e;
	background-color: #feeadf
}

@media (max-width:991px) {
	.subject-level-detail-wrapper__thcs .subject-level-detail--quizes .slide__card__quiz p {
		box-shadow: 2px 2px 0 0 #d2a68e
	}
}

.subject-level-detail-wrapper__thcs .subject-level-detail--quizes .slide__card__quiz__score p {
	border: none;
	box-shadow: 0 3px 0 0 rgba(0, 0, 0, .2);
	background-image: linear-gradient(149deg, #476fd5 10%, #223caa 95%)
}

.subject-level-detail-wrapper__thcs .subject-level-detail--speeches .slide__card__speech .iconLock {
	display: none
}

.subject-level-detail-wrapper__thcs .subject-level-detail--speeches .slide__card__speech:after,
.subject-level-detail-wrapper__thcs .subject-level-detail--speeches .slide__card__speech:before {
	display: none!important
}

.subject-level-detail-wrapper__thcs .subject-level-detail--speeches .slide__card__speech__lock p,
.subject-level-detail-wrapper__thcs .subject-level-detail--speeches .slide__card__speech__prev-not-done p {
	border: none!important;
	background-color: transparent!important;
	box-shadow: none!important;
	color: #fff!important
}

.subject-level-detail-wrapper__thcs .subject-level-detail--speeches .slide__card__speech p {
	border: none;
	box-shadow: 4px 4px 0 0 #d2a68e;
	background-color: #feeadf
}

@media (max-width:991px) {
	.subject-level-detail-wrapper__thcs .subject-level-detail--speeches .slide__card__speech p {
		box-shadow: 2px 2px 0 0 #d2a68e
	}
}

.subject-level-detail-wrapper__thcs .subject-level-detail--speeches .slide__card__speech__score p {
	border: none;
	box-shadow: 0 3px 0 0 rgba(0, 0, 0, .2);
	background-image: linear-gradient(149deg, #476fd5 10%, #223caa 95%)
}

@media (max-width:720px) and (orientation:portrait) {
	.subject-level-detail-wrapper .subject-level-detail .slide {
		-ms-flex-pack: center;
		justify-content: center;
		overflow: hidden;
		top: 0;
		transform: none;
		max-height: calc(100vh - 44px)
	}
	.subject-level-detail-wrapper .subject-level-detail .slide .slide__wrapper {
		display: block;
		overflow: auto;
		width: 100%;
		padding: 20px;
		padding-top: 80px
	}
	.subject-level-detail-wrapper .subject-level-detail .slide .slide__wrapper .slide__card {
		height: 44px;
		max-width: 320px;
		margin: 0 auto;
		padding: 0;
		border-radius: 22px;
		background-color: #00000066
	}
	.subject-level-detail-wrapper .subject-level-detail .slide .slide__wrapper .slide__card:nth-child(n+1) {
		margin-top: 15px
	}
	.subject-level-detail-wrapper .subject-level-detail .slide .slide__wrapper .slide__card:after,
	.subject-level-detail-wrapper .subject-level-detail .slide .slide__wrapper .slide__card:before {
		display: none!important;
		background-image: none!important
	}
	.subject-level-detail-wrapper .subject-level-detail .slide .slide__wrapper .slide__card .slide__card__wrapper {
		border: none;
		background-color: transparent;
		box-shadow: none;
		width: 100%!important;
		height: 100%!important;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		min-height: unset
	}
	.subject-level-detail-wrapper .subject-level-detail .slide .slide__wrapper .slide__card .slide__card__wrapper img {
		display: none
	}
	.subject-level-detail-wrapper .subject-level-detail .slide .slide__wrapper .slide__card .slide__card__wrapper p {
		background-color: transparent;
		position: static;
		left: 0;
		transform: none;
		text-align: left;
		top: 0;
		padding: 0;
		background-image: none;
		border: none
	}
	.subject-level-detail-wrapper .subject-level-detail .slide .slide__wrapper .slide__card .slide__card__wrapper .iconLock {
		display: block;
		width: 36px;
		height: 36px;
		background-color: #00000066;
		object-fit: contain;
		padding: 4px;
		border-radius: 50%;
		left: unset;
		right: 5px;
		transform: translateY(-50%);
		position: absolute;
		filter: none;
		top: 50%
	}
	.subject-level-detail-wrapper .subject-level-detail .slide .slide__wrapper .slide__card .slide__card__wrapper .iconType {
		display: block;
		height: 24px;
		width: 24px;
		border-radius: 50%;
		margin: auto 10px;
		filter: none;
		background-color: #fff;
		padding: 3px;
		object-fit: contain
	}
	.subject-level-detail-wrapper .subject-level-detail .slide .slide__wrapper .slide__card .slide__card__wrapper .slide__card__quiz__score,
	.subject-level-detail-wrapper .subject-level-detail .slide .slide__wrapper .slide__card .slide__card__wrapper .slide__card__speech__score {
		display: none
	}
}

@media (max-width:720px) and (orientation:portrait) and (max-width:576px) {
	.subject-level-detail-wrapper .subject-level-detail .slide .slide__wrapper .slide__card .slide__card__wrapper .slide__card__quiz__score,
	.subject-level-detail-wrapper .subject-level-detail .slide .slide__wrapper .slide__card .slide__card__wrapper .slide__card__speech__score {
		display: -ms-flexbox;
		display: flex
	}
}

@media (max-width:720px) and (orientation:portrait) {
	.subject-level-detail-wrapper .subject-level-detail .slide .slide__wrapper .slide__card.slide__card__incomplete {
		background: linear-gradient(-180deg, #932161, #6a2193)
	}
}

@media (max-width:720px) and (orientation:portrait) and (max-width:576px) {
	.subject-level-detail-wrapper .subject-level-detail .slide .slide__wrapper .slide__card.slide__card__is-current {
		animation: course-animation .7s infinite ease-in-out
	}
}

@media (max-width:720px) and (orientation:portrait) {
	.subject-level-detail-wrapper .subject-level-detail__tab .subject-level-detail__tab__card {
		padding: 2px 10px 4px
	}
	.subject-level-detail-wrapper .subject-level-detail__tab .subject-level-detail__tab__card img {
		display: none
	}
}

@keyframes spring {
	0% {
		transform: translateY(0)
	}
	10% {
		transform: translateY(0)
	}
	30% {
		transform: translateY(-5px)
	}
	50% {
		transform: translateY(0)
	}
	70% {
		transform: translateY(-3px)
	}
	to {
		transform: translateY(0)
	}
}

.main-speech {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-course-menu.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	height: 100vh;
	font-family: SVN-ProductSans, sans-serif;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: .5px;
	font-size: 20px
}

.main-speech .board-header {
	position: fixed;
	top: 30px;
	left: 45px;
	z-index: 2
}

@media (max-width:991px) {
	.main-speech .board-header {
		left: 20px;
		top: 15px
	}
}

.main-speech .board-header .close-button {
	width: 60px;
	height: 60px;
	object-fit: contain;
	cursor: pointer;
	transition: transform .3s
}

.main-speech .board-header .close-button:hover {
	transform: scale(1.1)
}

.main-speech .board-header .close-button:active {
	transform: scale(.9)
}

@media (max-width:991px) {
	.main-speech .board-header .close-button {
		width: 36px;
		height: 36px
	}
}

.main-speech .speech-info-content {
	padding-top: 115px;
	position: relative;
	height: 100vh
}

@media (max-width:991px) {
	.main-speech .speech-info-content {
		padding-top: 15px
	}
}

.main-speech .speech-info-content .board-content {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-board.png);
	border-radius: 30px 30px 0 0;
	box-shadow: 3px 5px 0 0 rgba(0, 0, 0, .5);
	background-size: 100% 100%;
	position: relative;
	background-repeat: no-repeat;
	background-position: 50%;
	width: 80%;
	height: 100%;
	padding: 25px 55px 40px;
	margin: 0 auto
}

@media (max-width:991px) {
	.main-speech .speech-info-content .board-content {
		padding: 15px 30px 20px
	}
}

.main-speech .speech-info-content .board-content__wrapper {
	background-color: #fff;
	padding: 22px 15px;
	height: 100%;
	box-shadow: 0 2px 0 0 rgba(0, 0, 0, .5)
}

@media (max-width:991px) {
	.main-speech .speech-info-content .board-content__wrapper {
		padding: 12px 10px
	}
}

.main-speech .speech-info-content .board-content__wrapper__border {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border: 2px dashed #bbb;
	height: 100%;
	padding: 65px 30px 0;
	overflow: auto
}

@media (max-width:991px) {
	.main-speech .speech-info-content .board-content__wrapper__border {
		padding: 25px 20px 0
	}
}

.main-speech .speech-info-content .board-content .clip-icon {
	position: absolute;
	top: -3px;
	width: 60px;
	z-index: 2
}

@media (max-width:991px) {
	.main-speech .speech-info-content .board-content .clip-icon {
		width: 35px
	}
}

.main-speech .speech-info-content .board-content .clip-icon--left {
	left: 100px
}

@media (max-width:991px) {
	.main-speech .speech-info-content .board-content .clip-icon--left {
		left: 60px
	}
}

.main-speech .speech-info-content .board-content .clip-icon--right {
	right: 100px
}

@media (max-width:991px) {
	.main-speech .speech-info-content .board-content .clip-icon--right {
		right: 60px
	}
}

.main-speech .speech-info-content .board-content .frame-icon {
	width: 70px;
	height: 87px;
	object-fit: contain;
	position: absolute;
	right: -110px;
	top: 10px
}

.main-speech .speech-info-content .board-content .separate-line {
	width: 4px;
	background-color: #094021;
	margin: 5px 0
}

.main-speech .speech-info-content .board-content .left-content {
	-ms-flex: 1;
	flex: 1;
	text-align: left;
	margin-right: 30px
}

@media (max-width:991px) {
	.main-speech .speech-info-content .board-content .left-content {
		margin-right: 20px
	}
}

.main-speech .speech-info-content .board-content .left-content .note-content .note-title {
	color: #fff;
	border-radius: 20px;
	background-color: #f35353;
	padding: 5px 15px
}

@media (max-width:991px) {
	.main-speech .speech-info-content .board-content .left-content .note-content .note-title {
		font-size: 12px;
		padding: 3px 10px
	}
}

.main-speech .speech-info-content .board-content .left-content .note-content .note-desc {
	color: #333;
	margin-top: 20px;
	line-height: 1.5
}

@media (max-width:991px) {
	.main-speech .speech-info-content .board-content .left-content .note-content .note-desc {
		margin-top: 10px
	}
}

.main-speech .speech-info-content .board-content .left-content .section-content {
	margin-top: 65px
}

@media (max-width:991px) {
	.main-speech .speech-info-content .board-content .left-content .section-content {
		margin-top: 20px
	}
}

.main-speech .speech-info-content .board-content .left-content .section-content table {
	width: 100%
}

.main-speech .speech-info-content .board-content .left-content .section-content table thead {
	color: #888
}

.main-speech .speech-info-content .board-content .left-content .section-content table thead tr th:last-child {
	text-align: right
}

.main-speech .speech-info-content .board-content .left-content .section-content table tbody {
	color: #333
}

.main-speech .speech-info-content .board-content .left-content .section-content table tbody tr td:last-child {
	text-align: right
}

.main-speech .speech-info-content .board-content .left-content .section-content table td,
.main-speech .speech-info-content .board-content .left-content .section-content table th {
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	padding-bottom: 20px
}

@media (max-width:991px) {
	.main-speech .speech-info-content .board-content .left-content .section-content table td,
	.main-speech .speech-info-content .board-content .left-content .section-content table th {
		padding-bottom: 10px
	}
}

.main-speech .speech-info-content .board-content .right-content {
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	margin-left: 30px
}

@media (max-width:991px) {
	.main-speech .speech-info-content .board-content .right-content {
		margin-left: 20px
	}
}

.main-speech .speech-info-content .board-content .right-content .title {
	font-family: SVN-ProductSans;
	font-size: 25px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #7e3f08
}

@media (max-width:991px) {
	.main-speech .speech-info-content .board-content .right-content .title {
		font-size: 14px
	}
}

.main-speech .speech-info-content .board-content .right-content .info {
	margin-top: 20px;
	color: #fff;
	display: block
}

.main-speech .speech-info-content .board-content .right-content .info-content {
	color: #fff;
	margin: 75px 0 0;
	border-radius: 40px;
	background-color: #ffe2ba;
	display: inline-block;
	position: relative;
	padding: 40px 0 25px;
	width: 100%;
	max-width: 450px
}

@media (max-width:991px) {
	.main-speech .speech-info-content .board-content .right-content .info-content {
		margin: 35px 0 0;
		padding: 20px 0 10px;
		border-radius: 20px;
		max-width: 250px
	}
}

.main-speech .speech-info-content .board-content .right-content .info-content .info-content-name {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-path-title.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100% 100%;
	font-family: SVN-ProductSans;
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	color: #7e3f08;
	padding: 12px 30px 15px;
	position: absolute;
	top: -35px;
	left: 50%;
	transform: translate(-50%);
	white-space: nowrap
}

@media (max-width:991px) {
	.main-speech .speech-info-content .board-content .right-content .info-content .info-content-name {
		font-size: 14px;
		padding: 8px 15px;
		top: -20px
	}
}

.main-speech .speech-info-content .board-content .right-content .info-content .hint {
	font-family: SVN-ProductSans;
	font-size: 18px;
	text-align: center;
	color: #333
}

@media (max-width:991px) {
	.main-speech .speech-info-content .board-content .right-content .info-content .hint {
		font-size: 12px
	}
}

.main-speech .speech-info-content .board-content .right-content .info-content .hint b {
	font-size: 25px;
	font-weight: 700;
	color: #4aba32
}

@media (max-width:991px) {
	.main-speech .speech-info-content .board-content .right-content .info-content .hint b {
		font-size: 14px
	}
}

.main-speech .speech-info-content .board-content .right-content .button-start {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/btn-start-speech.png);
	background-color: transparent;
	background-size: 100% 100%;
	font-family: SVN-ProductSans;
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	padding: 20px 50px;
	margin: 40px auto 0;
	display: block;
	border: none
}

@media (max-width:991px) {
	.main-speech .speech-info-content .board-content .right-content .button-start {
		margin: 15px auto 0;
		font-size: 14px;
		padding: 15px 30px
	}
}

.main-speech .speech-info-content .board-content .right-content .button-start:hover {
	opacity: .8
}

.main-speech.history {
	height: 100%;
	min-height: 100vh
}

.main-speech .speech-history {
	width: 100%;
	padding-bottom: 30px;
	font-size: 20px
}

.main-speech .speech-history__wrapper {
	display: -ms-flexbox;
	display: flex
}

@media (max-width:768px) {
	.main-speech .speech-history__wrapper {
		display: block
	}
}

.main-speech .speech-history__note-wrapper {
	background-color: #ffe0e0;
	border: 1px dashed #f35353;
	padding: 10px;
	border-radius: 10px
}

.main-speech .speech-history__note-wrapper__des {
	font-size: 20px;
	color: #333
}

@media (max-width:991px) {
	.main-speech .speech-history__note-wrapper__des {
		font-size: 15px
	}
}

.main-speech .speech-history__note-wrapper__failed {
	font-size: 20px;
	color: #d02e02;
	font-weight: 700
}

@media (max-width:991px) {
	.main-speech .speech-history__note-wrapper__failed {
		font-size: 15px
	}
}

.main-speech .speech-history .title {
	font-size: 25px;
	color: #40b404;
	display: block;
	font-weight: 700;
	margin-bottom: 20px;
	text-shadow: 0 2px 0 hsla(0, 0%, 95%, .5);
	text-align: center
}

@media (max-width:991px) {
	.main-speech .speech-history .title {
		font-size: 15px;
		margin-bottom: 10px
	}
}

.main-speech .speech-history .overview {
	border-radius: 30px;
	background-color: #fff;
	position: relative;
	margin-bottom: 30px;
	text-align: center;
	padding: 0 100px 0 30px;
	width: 50%
}

@media (max-width:991px) {
	.main-speech .speech-history .overview {
		padding: 0 30px 0 0
	}
}

@media (max-width:768px) {
	.main-speech .speech-history .overview {
		padding: 0;
		margin: 0 auto
	}
}

.main-speech .speech-history .overview .score {
	font-weight: 700;
	font-size: 30px;
	color: #ffaa49;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	display: inline-block;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-score-result.png);
	width: 100px;
	height: 100px;
	line-height: 100px;
	margin-bottom: 20px
}

@media (max-width:991px) {
	.main-speech .speech-history .overview .score {
		width: 70px;
		height: 70px;
		margin-bottom: 10px;
		font-size: 20px;
		line-height: 70px
	}
}

.main-speech .speech-history .overview .score.red-result {
	color: #d02e02
}

.main-speech .speech-history .overview .score.orange-result {
	color: #ff7800
}

.main-speech .speech-history .overview .score.yellow-result {
	color: #f5bb42
}

.main-speech .speech-history .overview .score.green-result {
	color: #40b404
}

.main-speech .speech-history .overview .desc {
	color: #333
}

@media (max-width:991px) {
	.main-speech .speech-history .overview .desc {
		font-size: 15px
	}
}

.main-speech .speech-history .overview .desc>span {
	display: block
}

.main-speech .speech-history .overview .desc .green-result {
	color: #00cc58;
	font-weight: 700
}

.main-speech .speech-history .overview .btn-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 30px 0
}

@media (max-width:991px) {
	.main-speech .speech-history .overview .btn-group {
		margin: 20px 0
	}
}

.main-speech .speech-history .overview .btn-group .btn-back-learning-map {
	width: 203px;
	object-fit: contain;
	cursor: pointer
}

@media (max-width:991px) {
	.main-speech .speech-history .overview .btn-group .btn-back-learning-map {
		width: 151px
	}
}

.main-speech .speech-history .overview .btn-group .button-redo {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/btn-start-speech.png);
	background-color: transparent;
	background-size: 100% 100%;
	border: none;
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	padding: 20px 30px;
	min-width: 200px
}

.main-speech .speech-history .overview .btn-group .button-redo:hover {
	opacity: .8
}

@media (max-width:991px) {
	.main-speech .speech-history .overview .btn-group .button-redo {
		padding: 15px 20px;
		font-size: 14px;
		min-width: 150px
	}
}

.main-speech .speech-history .overview .btn-show-history {
	font-size: 20px;
	font-weight: 700;
	color: #9756f0;
	text-align: center;
	cursor: pointer
}

@media (max-width:991px) {
	.main-speech .speech-history .overview .btn-show-history {
		font-size: 14px
	}
}

.main-speech .speech-history .overview .btn-show-history img {
	width: 15px;
	margin-left: 10px;
	height: 25px
}

@media (max-width:991px) {
	.main-speech .speech-history .overview .btn-show-history img {
		width: 10px;
		height: 17px
	}
}

.main-speech .speech-history .answer-detail {
	border-radius: 30px;
	margin-bottom: 30px;
	text-align: center;
	padding: 0 15px 0 0;
	width: 50%
}

@media (max-width:768px) {
	.main-speech .speech-history .answer-detail {
		margin: 20px auto 0;
		padding: 0 0 20px;
		width: 100%
	}
}

.main-speech .speech-history .answer-detail .answer-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 20px;
	-ms-flex-align: center;
	align-items: center;
	margin-top: -10px
}

.main-speech .speech-history .answer-detail .answer-header .title {
	text-align: left;
	margin-bottom: 0
}

.main-speech .speech-history .answer-detail .answer-header .btn-show-history {
	color: #eb4545;
	border: 1px solid #eb4545;
	border-radius: 25px;
	padding: 10px 15px;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:768px) {
	.main-speech .speech-history .answer-detail .answer-header .btn-show-history {
		padding: 6px 12px
	}
}

.main-speech .speech-history .answer-detail .answer-header .btn-show-history .fa-chevron-right {
	color: #eb4545;
	margin-left: 5px
}

.main-speech .speech-history .answer-detail .btn-show-history {
	font-size: 20px;
	font-weight: 700;
	color: #9756f0;
	text-align: left;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:991px) {
	.main-speech .speech-history .answer-detail .btn-show-history {
		font-size: 14px
	}
}

.main-speech .speech-history .answer-detail .btn-show-history img {
	width: 15px;
	margin-left: 10px;
	height: 25px
}

@media (max-width:991px) {
	.main-speech .speech-history .answer-detail .btn-show-history img {
		width: 10px;
		height: 17px
	}
}

.main-speech .speech-history .answer-detail .answer-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px
}

@media (max-width:991px) {
	.main-speech .speech-history .answer-detail .answer-item {
		font-size: 15px;
		margin-bottom: 10px
	}
}

.main-speech .speech-history .answer-detail .answer-item:last-child {
	margin-bottom: 0
}

.main-speech .speech-history .answer-detail .answer-item b {
	color: #333
}

.main-speech .speech-history .answer-detail .answer-item span {
	color: #666
}

.main-speech .speech-history .answer-detail .answer-item span.red-result {
	color: #d02e02;
	font-weight: 700
}

.main-speech .speech-history .answer-detail .answer-item span.orange-result {
	color: #ff7800;
	font-weight: 700
}

.main-speech .speech-history .answer-detail .answer-item span.yellow-result {
	color: #f5bb42;
	font-weight: 700
}

.main-speech .speech-history .answer-detail .answer-item span.green-result {
	color: #40b404;
	font-weight: 700
}

.main-speech .speech-history .answer-detail .answer-item span.ielts-result {
	color: #09699b;
	font-weight: 700
}

.main-speech .speech-history .history {
	border-radius: 30px;
	margin-bottom: 20px;
	text-align: center;
	max-width: 325px;
	margin: 0 auto 60px
}

@media (max-width:991px) {
	.main-speech .speech-history .history {
		margin: 20px auto
	}
}

.main-speech .speech-history .history .btn-show-history {
	font-size: 20px;
	font-weight: 700;
	color: #9756f0;
	text-align: left;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	margin-top: 10px
}

@media (max-width:991px) {
	.main-speech .speech-history .history .btn-show-history {
		font-size: 14px
	}
}

.main-speech .speech-history .history .btn-show-history img {
	width: 15px;
	margin-right: 10px;
	transform: scaleX(-1);
	height: 25px
}

@media (max-width:991px) {
	.main-speech .speech-history .history .btn-show-history img {
		width: 10px;
		height: 17px
	}
}

.main-speech .speech-history .history .history-item {
	margin-bottom: 15px;
	border-bottom: 1px solid #d8d8d8;
	padding-bottom: 15px;
	cursor: pointer
}

@media (max-width:991px) {
	.main-speech .speech-history .history .history-item {
		margin-bottom: 10px;
		padding-bottom: 10px
	}
}

.main-speech .speech-history .history .history-item:last-child {
	margin-bottom: 0;
	border: none;
	padding-bottom: 0
}

.main-speech .speech-history .history .history-item .history-item-info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

.main-speech .speech-history .history .history-item .btn-show-history {
	-ms-flex-pack: end;
	justify-content: flex-end;
	font-size: 18px;
	-ms-flex-align: center;
	align-items: center
}

.main-speech .speech-history .history .history-item .btn-show-history img {
	transform: scaleX(1);
	margin-left: 5px;
	width: 10px;
	height: 16px
}

@media (max-width:991px) {
	.main-speech .speech-history .history .history-item .btn-show-history {
		font-size: 14px
	}
}

.main-speech .speech-history .history .history-item span {
	font-size: 16px;
	color: #888
}

@media (max-width:991px) {
	.main-speech .speech-history .history .history-item span {
		font-size: 15px
	}
}

.main-speech .speech-history .history .history-item span.red-result {
	color: #d02e02;
	font-size: 20px;
	font-weight: 700
}

@media (max-width:991px) {
	.main-speech .speech-history .history .history-item span.red-result {
		font-size: 15px
	}
}

.main-speech .speech-history .history .history-item span.orange-result {
	color: #ff7800;
	font-size: 20px;
	font-weight: 700
}

@media (max-width:991px) {
	.main-speech .speech-history .history .history-item span.orange-result {
		font-size: 15px
	}
}

.main-speech .speech-history .history .history-item span.yellow-result {
	color: #f5bb42;
	font-size: 20px;
	font-weight: 700
}

@media (max-width:991px) {
	.main-speech .speech-history .history .history-item span.yellow-result {
		font-size: 15px
	}
}

.main-speech .speech-history .history .history-item span.green-result {
	color: #40b404;
	font-size: 20px;
	font-weight: 700
}

@media (max-width:991px) {
	.main-speech .speech-history .history .history-item span.green-result {
		font-size: 15px
	}
}

.word-result-popover {
	font-family: SVN-ProductSans, sans-serif;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
	background-color: #ececec;
	border-radius: 25px;
	padding: 20px 10px;
	max-width: none;
	margin-top: 1rem;
	border: none
}

.word-result-popover .arrow:after,
.word-result-popover .arrow:before {
	border-left-color: #ececec;
	border-right-color: #ececec
}

.word-result-popover table {
	text-align: center
}

.word-result-popover table tbody tr td {
	font-size: 16px;
	padding: 10px 15px;
	vertical-align: top;
	border: 1px solid #ddd;
	border-bottom: none
}

.word-result-popover table tbody tr td:first-child {
	border-left: none
}

.word-result-popover table tbody tr td:last-child {
	border-right: none
}

.word-result-popover table tbody tr td[rowspan] {
	color: #333
}

.word-result-popover table tbody tr:first-child td {
	color: #888;
	padding: 0 15px 10px;
	border-top: none;
	vertical-align: top
}

.word-result-popover table tbody tr:first-child td:last-child {
	border-right: none
}

.word-result-popover table tbody tr.in-group td {
	border-top: none;
	padding-top: 0
}

.word-result-popover table tbody tr.red-result {
	color: red
}

.word-result-popover table tbody tr.orange-result {
	color: #ff7800
}

.word-result-popover table tbody tr.yellow-result {
	color: #f5bb42
}

.word-result-popover table tbody tr.green-result {
	color: #00cc58
}

.word-result-popover .feedback-wrapper {
	max-width: 450px;
	min-width: 200px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center
}

.word-result-popover .feedback-wrapper img {
	width: 30px;
	height: 30px;
	margin-left: 5px
}

.word-result-popover .feedback-wrapper__text {
	font-family: SVN-ProductSans;
	font-size: 13px;
	color: #333
}

.modal-speech {
	font-family: SVN-ProductSans, sans-serif
}

.modal-speech .modal-dialog {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%)!important
}

.modal-speech .modal-dialog .modal-content {
	border-radius: 30px;
	box-shadow: inset 0 -8px 0 0 #ceeeaa;
	background-color: #fff
}

.modal-speech .modal-dialog .modal-content .modal-body {
	padding: 40px
}

@media (max-width:425px) {
	.modal-speech .modal-dialog .modal-content .modal-body {
		padding: 30px 20px
	}
}

.modal-speech .modal-dialog .modal-content .modal-body p {
	font-size: 24px;
	font-weight: 700;
	color: #333
}

.modal-speech .modal-dialog .modal-content .modal-body button {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/desktop-copy@3x.png);
	background-color: transparent;
	background-size: 100% 100%;
	border: none;
	margin: 10px auto 0;
	display: block;
	width: auto;
	height: auto;
	padding: 15px 120px!important
}

.modal-speech .modal-dialog .modal-content .modal-body button .tag-text {
	color: #fff;
	font-size: 20px;
	font-weight: 600
}

@media (max-width:992px) {
	.modal-speech .modal-dialog .modal-content {
		width: 650px
	}
}

@media (max-width:425px) {
	.modal-speech .modal-dialog {
		left: 48%
	}
	.modal-speech .modal-dialog .modal-content {
		width: 330px
	}
}

@media (max-width:320px) {
	.modal-speech .modal-dialog .modal-content {
		width: 280px
	}
}

.modal-speech .form__close {
	width: 50px;
	height: 50px;
	position: absolute;
	top: -15px;
	right: -15px;
	background-image: linear-gradient(166deg, #ee5c38 10%, #d92050 73%);
	border-radius: 50%;
	border: 3px solid #fff;
	cursor: pointer;
	transition: all 1s;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5), inset -7px -7px 0 0 #bf1841
}

.modal-speech .form__close:hover {
	transform: scale(1.1)
}

.modal-speech .form__close .form__close__text {
	transform: rotate(45deg);
	position: absolute;
	top: -5px;
	left: 15px;
	display: inline-block;
	color: #fff;
	font-size: 32px
}

@media screen and (max-width:1440px) {
	.main-speech .speech-info-content .board-content {
		width: 90%
	}
}

@media screen and (max-width:991px) {
	.main-speech .speech-info-content .board-content {
		width: calc(100% - 40px)
	}
}

@media screen and (max-width:1190px) {
	.main-speech,
	.main-speech.speech-question {
		font-size: 16px
	}
}

@media screen and (max-width:991px) {
	.main-speech,
	.main-speech.speech-question {
		font-size: 14px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border {
	display: block;
	position: relative;
	overflow: initial;
	padding: 45px 30px 0
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border {
		padding: 25px 30px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .arrow-button {
	position: absolute;
	width: 50px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .arrow-button {
		width: 32px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .arrow-button__left {
	left: -66px
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .arrow-button__left {
		left: -44px
	}
}

@keyframes arrow-left {
	0% {
		left: -66px
	}
	50% {
		left: -70px
	}
	to {
		left: -66px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .arrow-button__left:hover {
	animation: arrow-left .5s linear 0s infinite alternate
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .arrow-button__left:hover {
		animation: none
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .arrow-button__right {
	right: -66px
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .arrow-button__right {
		right: -44px
	}
}

@keyframes arrow-right {
	0% {
		right: -66px
	}
	50% {
		right: -70px
	}
	to {
		right: -66px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .arrow-button__right:hover {
	animation: arrow-right .5s linear 0s infinite alternate
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .arrow-button__right:hover {
		animation: none
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .board-process {
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	top: -60px;
	display: -ms-flexbox;
	display: flex;
	height: 60px;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fdcd0d;
	border-radius: 10px;
	border-bottom: 5px solid #0a0303
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .board-process {
		height: 35px;
		top: -30px;
		border-radius: 5px;
		border-bottom: 3px solid #0a0303
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .board-process .question-count {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-number-process.png);
	background-size: 100% 100%;
	font-family: FuturaExtra;
	font-size: 20px;
	text-align: center;
	color: #ffe3c5;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 28px;
	height: 100%;
	font-weight: 900
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .board-process .question-count {
		font-size: 15px;
		padding: 0 10px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .board-process .process-bar {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-process.png);
	background-size: 100% 100%;
	width: 380px;
	height: 100%;
	padding: 6px 7px 10px 5px
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .board-process .process-bar {
		width: 210px;
		padding: 4px 4px 6px 3px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .board-process .process-bar .process-bar-processed {
	background-image: linear-gradient(180deg, #14aaff -6%, #343aa3 109%);
	display: block;
	height: 100%;
	border-radius: 4px
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .board-process .process-bar .process-bar-processed {
		border-radius: 2px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .header-container {
	display: block;
	text-align: center
}

.speech-question .speech-info-content .board-content__wrapper__border .header-container p {
	text-shadow: 0 2px 0 hsla(0, 0%, 95%, .5);
	font-family: SVN-ProductSans;
	font-size: 25px;
	font-weight: 700;
	color: #40b404;
	margin-bottom: 0
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .header-container p {
		font-size: 15px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .question-container {
	height: 80%;
	padding: 60px 0 10px;
	overflow: auto
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .question-container {
		padding: 30px 0 10px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-image {
	width: 170px;
	height: 170px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: 5px;
	background-color: #fffcc9;
	border-radius: 20px;
	box-shadow: 0 3px 0 0 rgba(0, 0, 0, .2);
	margin-right: 60px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-image {
		width: 115px;
		height: 115px;
		margin-right: 30px
	}
}

@media (max-width:768px) {
	.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-image {
		width: 100px;
		height: 100px;
		margin-right: 15px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-image img {
	max-width: 100%
}

.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	padding-top: 5px
}

.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .audio-play-back {
	cursor: pointer;
	margin-right: 20px;
	position: relative
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .audio-play-back {
		margin-right: 10px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .audio-play-back .icon-loa {
	width: 36px;
	height: 36px
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .audio-play-back .icon-loa {
		width: 30px;
		height: 30px
	}
}

@media (max-width:768px) {
	.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .audio-play-back .icon-loa {
		width: 20px;
		height: 20px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .audio-play-back .play-back-hint .play-back-hint-content {
	position: absolute;
	top: -48px;
	left: 50%;
	transform: translateX(-50%);
	font-family: SVN-ProductSans;
	font-size: 14px;
	text-align: center;
	color: #333;
	background-color: hsla(0, 0%, 74%, .5);
	padding: 8px 10px;
	white-space: nowrap;
	border-radius: 10px
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .audio-play-back .play-back-hint .play-back-hint-content {
		font-size: 12px;
		top: -32px;
		padding: 4px 5px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .audio-play-back .play-back-hint .play-back-hint-content:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid hsla(0, 0%, 74%, .5);
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	bottom: -10px
}

.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-answer-item {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-answer-item {
		margin-bottom: 10px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-answer-item img {
	width: 30px;
	margin-left: 10px
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-answer-item img {
		width: 20px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-result {
	word-break: break-word
}

.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-result .word-text {
	display: inline-block
}

.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-result span {
	font-family: SVN-ProductSans;
	font-size: 25px;
	letter-spacing: .25px;
	line-height: 36px;
	color: #333;
	margin-right: 6px;
	cursor: pointer
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-result span {
		font-size: 15px;
		line-height: 25px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-result .red-result {
	color: #d02e02;
	border-bottom: 2px dashed #d02e02;
	padding-bottom: 2px
}

.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-result .yellow-result {
	color: #f5bb42;
	border-bottom: 2px dashed #f5bb42;
	padding-bottom: 2px
}

.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-result .orange-result {
	color: #ff8300;
	border-bottom: 2px dashed #ff8300;
	padding-bottom: 2px
}

.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-result .green-result {
	color: #40b404;
	border-bottom: 2px dashed #40b404;
	padding-bottom: 2px
}

.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .text {
	font-family: SVN-ProductSans;
	font-size: 25px;
	letter-spacing: .25px;
	line-height: 36px;
	color: #333
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .text {
		font-size: 15px;
		line-height: 25px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .text-question {
	margin-bottom: 20px;
	display: block
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .text-question {
		margin-bottom: 10px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .number {
	font-family: SVN-ProductSans;
	font-size: 20px;
	letter-spacing: .25px;
	line-height: 30px;
	color: #333;
	border: 1px dashed #333;
	border-radius: 50%;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	text-align: center;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .number {
		font-size: 15px;
		line-height: 20px;
		width: 20px;
		height: 20px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .number-right {
	color: #40b404;
	border: 1px dashed #40b404
}

.speech-question .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .number-wrong {
	color: #d02e02;
	border: 1px dashed #d02e02
}

.speech-question .speech-info-content .board-content__wrapper__border .speech-audio {
	position: absolute;
	bottom: -50px;
	left: 0;
	right: 0;
	width: 100%;
	padding: 0 60px
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .speech-audio {
		bottom: -20px;
		padding: 0 70px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.speech-question .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .label {
	padding: 10px 20px;
	color: #40b404;
	font-family: SVN-ProductSans;
	font-size: 18px
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .label {
		font-size: 15px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .label-wrong {
	color: #ff4848;
	padding: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	left: 60px
}

.speech-question .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .label-wrong img {
	width: 40px;
	margin-right: 10px
}

.speech-question .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .icon {
	width: 100px;
	height: 100px;
	cursor: pointer;
	transition: transform .3s
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .icon {
		width: 65px;
		height: 65px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .icon:hover {
	transform: scale(1.1)
}

.speech-question .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .icon:active {
	transform: scale(.9)
}

.speech-question .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .speech-record-result {
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	left: 60px;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .speech-record-result {
		left: 70px;
		top: 10px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .speech-record-result span {
	font-family: SVN-ProductSans;
	font-size: 20px
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .speech-record-result span {
		font-size: 15px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .speech-record-result div {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex
}

.speech-question .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .speech-record-result div span {
	border-radius: 15px;
	box-shadow: inset 0 -3px 0 0 #1fa1e5;
	background-color: #38bbff;
	font-family: SVN-ProductSans;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	padding: 5px 10px;
	margin-right: 10px;
	width: 50px;
	text-align: center
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .speech-record-result div span {
		font-size: 15px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .speech-record-result .ielts-result-text {
	color: #09699b
}

.speech-question .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .speech-record-result img {
	width: 40px;
	margin-right: 20px
}

@media (max-width:991px) {
	.speech-question .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .speech-record-result img {
		width: 30px;
		margin-right: 10px
	}
}

.speech-question .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .red-result span {
	color: #ff4848
}

.speech-question .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .yellow-result span {
	color: #f5bb42
}

.speech-question .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .orange-result span {
	color: #ff8300
}

.speech-question .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .green-result span {
	color: #40b404
}

.practice-layout {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-course-menu.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	height: 100vh;
	position: relative
}

.practice-layout__header {
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	top: 20px;
	left: 40px;
	z-index: 3
}

@media (max-width:991px) {
	.practice-layout__header {
		top: 7px;
		left: 10px
	}
}

.practice-layout__header img {
	width: 64px;
	height: 65px;
	margin-right: 15px;
	cursor: pointer
}

@media (max-width:991px) {
	.practice-layout__header img {
		width: 32px;
		height: 32.5px
	}
}

.practice-layout__header img:hover {
	animation: spring .5s;
	animation-timing-function: ease
}

.practice-layout__header__text {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.practice-layout__header__text p {
	letter-spacing: .23px;
	color: #fff;
	opacity: .7;
	font-family: SVN-ProductSans;
	font-size: 16px
}

@media (max-width:991px) {
	.practice-layout__header__text p {
		font-size: 11px
	}
}

.practice-layout__header__text span {
	letter-spacing: .51px;
	color: #fff;
	font-family: SVN-Boing;
	font-size: 36px;
	font-weight: 600;
	line-height: 1
}

@media (max-width:1140px) {
	.practice-layout__header__text span {
		font-size: 30px
	}
}

@media (max-width:991px) {
	.practice-layout__header__text span {
		font-size: 16px
	}
}

@media (max-width:650px) {
	.practice-layout__header__text span span {
		display: none
	}
}

.practice-layout__content {
	height: 100%;
	width: 100%;
	padding: 130px 40px 0
}

@media (max-width:991px) {
	.practice-layout__content {
		padding: 80px 20px 0
	}
}

.practice-layout__content__border {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-board.png);
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	border-radius: 20px 20px 0 0;
	padding: 30px 25px 0
}

@media (max-width:991px) {
	.practice-layout__content__border {
		padding: 15px 14px 0
	}
}

.practice-layout__content__border__wrapper {
	background-color: #fff2d5;
	width: 100%;
	height: 100%;
	padding: 40px 35px
}

@media (max-width:991px) {
	.practice-layout__content__border__wrapper {
		padding: 25px 25px 10px
	}
}

@media (max-width:768px) {
	.practice-layout__content__border__wrapper {
		padding: 15px 15px 10px
	}
}

.practice-layout__content__border__wrapper__tab {
	display: inline-block;
	border-radius: 20px;
	border: 1px solid #632a00;
	margin-bottom: 25px
}

@media (max-width:991px) {
	.practice-layout__content__border__wrapper__tab {
		margin-bottom: 10px
	}
}

.practice-layout__content__border__wrapper__tab__label {
	padding: 8px 25px;
	display: inline-block;
	font-family: SVN-ProductSans;
	font-size: 16px;
	text-align: center;
	color: #632a00;
	border-radius: 20px;
	cursor: pointer
}

@media (max-width:991px) {
	.practice-layout__content__border__wrapper__tab__label {
		font-size: 13px;
		padding: 6px 15px
	}
}

.practice-layout__content__border__wrapper__tab__active {
	background-color: #632a00;
	color: #fff
}

.practice-layout__content__border__wrapper__content {
	height: calc(100% - 65px);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (max-width:991px) {
	.practice-layout__content__border__wrapper__content {
		height: calc(100% - 50px)
	}
}

.practice-layout__content__border__wrapper__content__header {
	display: -ms-flexbox;
	display: flex;
	padding: 15px 0;
	border-top: 1px solid rgba(0, 0, 0, .1);
	border-bottom: 1px solid rgba(0, 0, 0, .1)
}

@media (max-width:991px) {
	.practice-layout__content__border__wrapper__content__header {
		padding: 6px 0;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

.practice-layout__content__border__wrapper__content__header p {
	opacity: .6;
	font-family: SVN-ProductSans;
	font-size: 16px;
	color: #333;
	width: 50%
}

@media (max-width:991px) {
	.practice-layout__content__border__wrapper__content__header p {
		font-size: 14px;
		width: 40%
	}
}

.practice-layout__content__border__wrapper__content__body {
	overflow: auto;
	margin: 20px 0 0
}

.practice-layout__content__border__wrapper__content__body .loader {
	padding: 20px 0 10px;
	text-align: center
}

@media (max-width:991px) {
	.practice-layout__content__border__wrapper__content__body .loader {
		padding: 10px 0 5px
	}
}

@media (max-width:991px) {
	.practice-layout__content__border__wrapper__content__body {
		margin: 12px 0 0
	}
}

.practice-layout__content__border__wrapper__content__body__card {
	display: -ms-flexbox;
	display: flex;
	padding: 25px 0 5px;
	border-top: 1px solid rgba(0, 0, 0, .1);
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:991px) {
	.practice-layout__content__border__wrapper__content__body__card {
		padding: 15px 0 2px
	}
}

.practice-layout__content__border__wrapper__content__body__card:first-child {
	padding: 0 0 5px;
	border-top: none
}

.practice-layout__content__border__wrapper__content__body__card .date-time {
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	width: 200px
}

@media (max-width:1280px) {
	.practice-layout__content__border__wrapper__content__body__card .date-time {
		width: 120px
	}
}

@media (max-width:991px) {
	.practice-layout__content__border__wrapper__content__body__card .date-time {
		font-size: 14px;
		width: 100px
	}
}

.practice-layout__content__border__wrapper__content__body__card .date-time span {
	opacity: .6;
	font-family: SVN-ProductSans;
	font-size: 14px;
	display: block;
	font-weight: 500;
	padding: 5px 0
}

@media (max-width:991px) {
	.practice-layout__content__border__wrapper__content__body__card .date-time span {
		font-size: 12px
	}
}

.practice-layout__content__border__wrapper__content__body__card .lesson-name {
	width: calc(100% - 50% - 200px);
	padding-bottom: 18px
}

.practice-layout__content__border__wrapper__content__body__card .lesson-name__btn {
	border-radius: 18px;
	border: 1px solid #8dd33f;
	background-color: #69ae1d;
	padding: 5px 30px;
	display: inline-block;
	box-shadow: 0 2px 0 0 #559312;
	margin-top: 5px
}

.practice-layout__content__border__wrapper__content__body__card .lesson-name__btn span {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-align: center
}

@media (max-width:991px) {
	.practice-layout__content__border__wrapper__content__body__card .lesson-name__btn {
		padding: 5px 20px
	}
	.practice-layout__content__border__wrapper__content__body__card .lesson-name__btn span {
		font-size: 12px
	}
}

@media (max-width:1280px) {
	.practice-layout__content__border__wrapper__content__body__card .lesson-name {
		width: calc(100% - 50% - 120px)
	}
}

@media (max-width:991px) {
	.practice-layout__content__border__wrapper__content__body__card .lesson-name {
		width: calc(100% - 40% - 120px);
		padding-bottom: 10px
	}
}

.practice-layout__content__border__wrapper__content__body__card .lesson-name p {
	display: -ms-flexbox;
	display: flex;
	font-family: SVN-ProductSans;
	font-size: 16px;
	color: #333;
	-ms-flex-align: baseline;
	align-items: baseline
}

@media (max-width:991px) {
	.practice-layout__content__border__wrapper__content__body__card .lesson-name p {
		font-size: 14px
	}
}

.practice-layout__content__border__wrapper__content__body__card .lesson-name p span {
	border-radius: 10.5px;
	background-color: #0b53ff;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	padding: 3px 10px;
	margin-right: 5px
}

@media (max-width:991px) {
	.practice-layout__content__border__wrapper__content__body__card .lesson-name p span {
		padding: 3px 7px 2px
	}
}

.practice-layout__content__border__wrapper__content__body__card .lesson-name p:nth-child(2) {
	opacity: .6;
	font-size: 14px;
	padding: 5px 0 0
}

@media (max-width:991px) {
	.practice-layout__content__border__wrapper__content__body__card .lesson-name p:nth-child(2) {
		font-size: 12px;
		padding: 3px 0 0
	}
}

.practice-layout__content__border__wrapper__content__body__card .lesson-name .status-lesson {
	font-family: SVN-ProductSans;
	font-size: 14px;
	font-weight: 700;
	padding: 5px 0 0
}

@media (max-width:991px) {
	.practice-layout__content__border__wrapper__content__body__card .lesson-name .status-lesson {
		font-size: 12px;
		padding: 3px 0 0
	}
}

.practice-layout__content__border__wrapper__content__body__card .lesson-name .status-lesson--green {
	color: #4d9000
}

.practice-layout__content__border__wrapper__content__body__card .lesson-name .status-lesson--red {
	color: #f33030
}

.practice-layout__content__border__wrapper__content__body__card .lesson-name .status-lesson--blue {
	color: #274cc5
}

.practice-layout__content__border__wrapper__content__body__card .lesson-name .status-lesson span {
	font-size: 10px;
	font-weight: 500
}

.practice-layout__content__border__wrapper__content__body__card .activities {
	width: 50%;
	columns: 2
}

@media (max-width:991px) {
	.practice-layout__content__border__wrapper__content__body__card .activities {
		columns: 1;
		width: 40%
	}
}

.practice-layout__content__border__wrapper__content__body__card .activities li {
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-bottom: 15px;
	cursor: pointer;
	width: 100%;
	-ms-flex-align: end;
	align-items: end
}

@media (max-width:991px) {
	.practice-layout__content__border__wrapper__content__body__card .activities li {
		margin-bottom: 10px
	}
}

.practice-layout__content__border__wrapper__content__body__card .activities li img {
	width: 25px;
	margin-right: 10px
}

@media (max-width:991px) {
	.practice-layout__content__border__wrapper__content__body__card .activities li img {
		width: 18px
	}
}

.practice-layout__content__border__wrapper__content__body__card .activities li p {
	font-family: SVN-ProductSans;
	font-size: 16px;
	color: #333;
	font-weight: 700
}

@media (max-width:991px) {
	.practice-layout__content__border__wrapper__content__body__card .activities li p {
		font-size: 14px
	}
}

.practice-layout__content__border__wrapper__content__body__card .activities li .complete-text {
	color: #827463;
	font-weight: 500
}

.buy-course {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-course-menu.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	min-height: 100vh;
	padding: 120px 0 0
}

.buy-course--junior {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/thcs-bg.png)
}

@media (max-width:991px) {
	.buy-course {
		padding: 100px 0 0
	}
}

.buy-course .empty-list {
	text-align: center;
	position: relative;
	padding-top: 80px
}

@media (max-width:991px) {
	.buy-course .empty-list {
		padding-top: 20px;
		padding-bottom: 20px
	}
}

.buy-course .empty-list__title {
	color: #fff;
	display: block;
	font-size: 30px;
	font-weight: 700;
	padding: 0 0 50px
}

@media (max-width:991px) {
	.buy-course .empty-list__title {
		font-size: 16px;
		padding: 0 0 25px
	}
}

@media (max-width:991px) {
	.buy-course .empty-list img {
		width: 150px
	}
}

.buy-course .empty-list__button {
	margin: 50px auto 30px;
	width: 290px;
	height: 66px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-new-button.png);
	background-size: 100% 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer
}

@media (max-width:991px) {
	.buy-course .empty-list__button {
		margin: 25px auto 0;
		width: 170px;
		height: 50px
	}
}

.buy-course .empty-list__button__title {
	text-align: center;
	color: #fff;
	letter-spacing: .23px;
	font-family: SVN-Boing;
	font-size: 25px;
	font-weight: 600
}

@media (max-width:991px) {
	.buy-course .empty-list__button__title {
		font-size: 16px
	}
}

.buy-course__title {
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	top: 20px;
	left: 30px;
	z-index: 3
}

@media (max-width:991px) {
	.buy-course__title {
		top: 7px;
		left: 10px
	}
}

.buy-course__title img {
	width: 64px;
	height: 65px;
	margin-right: 15px;
	cursor: pointer
}

@media (max-width:991px) {
	.buy-course__title img {
		width: 32px;
		height: 32.5px
	}
}

.buy-course__title img:hover {
	animation: spring .5s;
	animation-timing-function: ease
}

.buy-course__title__text {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.buy-course__title__text p:first-child {
	letter-spacing: .23px;
	color: #fff;
	opacity: .7;
	font-family: SVN-ProductSans;
	font-size: 16px
}

@media (max-width:991px) {
	.buy-course__title__text p:first-child {
		font-size: 11px
	}
}

.buy-course__title__text p:last-child {
	letter-spacing: .51px;
	color: #fff;
	font-family: SVN-Boing;
	font-size: 36px;
	font-weight: 600;
	line-height: 1
}

@media (max-width:991px) {
	.buy-course__title__text p:last-child {
		font-size: 16px
	}
}

.buy-course .video-intro {
	text-align: center;
	overflow: hidden;
	height: auto
}

.buy-course .video-intro__container {
	width: 100%;
	height: 100%
}

.buy-course .video-intro__full-height {
	height: 100%
}

.buy-course .video-intro__categoryName {
	font-size: 35px;
	font-weight: 700;
	font-family: SVN-ProductSans;
	color: #fff
}

@media (max-width:991px) {
	.buy-course .video-intro__categoryName {
		font-size: 25px;
		margin-top: 15px
	}
}

@media (max-width:550px) {
	.buy-course .video-intro__categoryName {
		font-size: 21px
	}
}

.buy-course .video-intro__title {
	font-size: 24px;
	color: #fff;
	font-family: SVN-Boing, sans-serif;
	margin: 0 0 10px
}

@media (max-width:991px) {
	.buy-course .video-intro__title {
		font-size: 20px;
		margin: 0
	}
}

@media (max-width:550px) {
	.buy-course .video-intro__title {
		font-size: 20px
	}
}

.buy-course .video-intro__description {
	color: #fff;
	font-family: SVN-ProductSans;
	font-size: 18px;
	margin-bottom: 15px
}

@media (max-width:991px) {
	.buy-course .video-intro__description {
		font-size: 15px
	}
}

.buy-course .video-intro__button {
	margin: 0 auto 30px;
	width: 290px;
	height: 66px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/img-new-button.png);
	background-size: 100% 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer
}

@media (max-width:991px) {
	.buy-course .video-intro__button {
		width: 230px;
		height: 50px;
		margin: 0 auto 15px
	}
}

.buy-course .video-intro__button__title {
	text-align: center;
	color: #fff;
	letter-spacing: .23px;
	font-family: SVN-Boing;
	font-size: 25px;
	font-weight: 600
}

@media (max-width:991px) {
	.buy-course .video-intro__button__title {
		font-size: 18px
	}
}

.buy-course .video-intro__video {
	width: 100%;
	height: 445px;
	max-width: 800px;
	margin: 0 auto
}

@media (max-width:991px) {
	.buy-course .video-intro__video {
		height: 335px;
		max-width: 600px
	}
}

.buy-course .video-intro__video .video_wrapper {
	height: 100%;
	z-index: 1
}

.buy-course .video-intro .header-child-buy {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px
}

@media (max-width:991px) {
	.buy-course .video-intro .header-child-buy {
		display: none
	}
}

.buy-course .video-intro .header-child-buy .icon-home {
	width: 64px;
	height: 65px;
	cursor: pointer
}

@media (min-width:992px) {
	.buy-course .video-intro .header-child-buy .icon-home:hover {
		animation: spring .5s;
		animation-timing-function: ease
	}
}

.buy-course .video-intro .header-child-buy .category-name {
	letter-spacing: .23px;
	color: #fff;
	opacity: .7;
	font-family: SFProText;
	font-size: 16px
}

.buy-course .video-intro .header-child-buy .sub-category-name {
	letter-spacing: .51px;
	color: #fff;
	font-family: SVN-Boing;
	font-size: 36px;
	font-weight: 600;
	margin-top: -5px
}

.buy-course .video-intro .header-child-buy .category-info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-left: 15px
}

@media (min-width:992px) {
	.kid-header-with-arena {
		right: 140px!important
	}
}

@media (max-width:991px) {
	.kid-header--not-local .kid-header__wrapper__account {
		margin-right: 50px
	}
	.kid-header--not-local .kid-header__wrapper__option {
		display: none!important
	}
}

@media (max-width:767px) {
	.kid-header--not-local .kid-header__dropdown {
		padding: 55px 10px 40px
	}
}

.kid-header {
	position: fixed;
	top: 20px;
	right: 30px;
	z-index: 2;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	min-width: 470px
}

.kid-header .kid-header__wrapper {
	height: 66px
}

.kid-header .kid-header__wrapper__option {
	position: relative;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:767px) {
	.kid-header .kid-header__wrapper__option {
		position: absolute;
		width: 100%;
		top: 46px;
		left: 0;
		height: 36px;
		background-color: #09539b;
		border-top: 1px solid #0c65bb;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: center;
		align-items: center;
		padding: 0 10px;
		box-shadow: 0 2px 0 0 #004e77
	}
}

@media (max-width:991px) {
	.kid-header .kid-header__wrapper {
		height: 46px
	}
}

@media (max-width:991px) {
	.kid-header {
		top: 0;
		left: 0;
		width: 100%;
		min-width: auto
	}
	.kid-header.homepage-kid .kid-header__wrapper {
		background-color: #09539b;
		height: 46px
	}
}

.kid-header__wrapper {
	display: -ms-flexbox;
	display: flex;
	background-color: #09539b;
	border-radius: 32px;
	box-shadow: 0 2px 0 0 #004e77;
	border: 1px solid #1f8d94;
	padding: 5px 10px 5px 22px;
	-ms-flex-align: center;
	align-items: center;
	z-index: 2;
	position: relative;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:991px) {
	.kid-header__wrapper {
		border-radius: 0;
		-ms-flex-pack: end;
		justify-content: flex-end;
		height: 46px;
		border: none
	}
}

@keyframes livestream-color {
	0% {
		color: red
	}
	50% {
		color: #223caa
	}
	to {
		color: red
	}
}

.kid-header__wrapper__livestream {
	position: absolute;
	left: -150px;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	text-align: center;
	cursor: pointer;
	font-family: SVN-ProductSans
}

@media (max-width:991px) {
	.kid-header__wrapper__livestream {
		left: -80px;
		display: none
	}
}

.kid-header__wrapper__livestream .camera {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/livestream-icon.png);
	background-size: 100% 100%;
	width: 70px;
	height: 22px;
	display: block;
	margin: 0 auto 3px
}

@media (max-width:991px) {
	.kid-header__wrapper__livestream .camera {
		width: 55px;
		height: 15px
	}
}

.kid-header__wrapper__livestream .camera p {
	font-size: 14px;
	font-weight: 700;
	color: red;
	line-height: 22px;
	text-align: left;
	padding-left: 4px;
	animation-name: livestream-color;
	animation-duration: 1s;
	animation-iteration-count: infinite
}

@media (max-width:991px) {
	.kid-header__wrapper__livestream .camera p {
		font-size: 10px;
		line-height: 15px;
		padding-left: 5px
	}
}

.kid-header__wrapper__livestream .camera p i {
	font-size: 10px;
	position: relative;
	bottom: 2px;
	padding-right: 4px
}

@media (max-width:991px) {
	.kid-header__wrapper__livestream .camera p i {
		font-size: 8px;
		bottom: 1px;
		padding-right: 3px
	}
}

.kid-header__wrapper__livestream p {
	font-size: 11px
}

@media (max-width:991px) {
	.kid-header__wrapper__livestream p {
		font-size: 9px
	}
}

.kid-header__wrapper__tag {
	border-radius: 23px;
	box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, .5), inset 0 -1px 0 0 #63b2db, inset 0 1px 0 0 rgba(0, 0, 0, .5);
	border: 1px solid #147eb5;
	background-color: #00436c;
	padding: 4px 20px 3px 45px;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 30px;
	cursor: pointer
}

@media (max-width:991px) {
	.kid-header__wrapper__tag {
		padding: 0;
		height: 24px;
		width: 150px;
		margin-right: 20px
	}
}

@media (max-width:767px) {
	.kid-header__wrapper__tag {
		margin-right: 0
	}
}

.kid-header__wrapper__tag img {
	position: absolute;
	transform: translateY(-50%)
}

@media (max-width:991px) {
	.kid-header__wrapper__tag img {
		width: 24px!important
	}
}

.kid-header__wrapper__tag p {
	font-family: SVN-ProductSans;
	font-size: 12px;
	text-align: center;
	color: hsla(0, 0%, 100%, .7)
}

@media (max-width:991px) {
	.kid-header__wrapper__tag p {
		line-height: 22px;
		width: 100%;
		text-align: center;
		color: #fff;
		padding-right: 20px
	}
}

.kid-header__wrapper__tag p span {
	text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
	font-family: SVN-ProductSans;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	display: block
}

@media (max-width:991px) {
	.kid-header__wrapper__tag p span {
		font-size: 12px;
		font-weight: 400;
		display: inline
	}
}

.kid-header__wrapper__tag--practice img {
	width: 45px;
	top: 50%;
	left: -10px
}

@media (max-width:991px) {
	.kid-header__wrapper__tag--practice img {
		left: auto;
		right: 2px
	}
}

@media (max-width:991px) {
	.kid-header__wrapper__tag--point {
		padding: 0;
		width: auto;
		box-shadow: none;
		border: none;
		background-color: transparent
	}
}

@media (max-width:991px) {
	.kid-header__wrapper__tag--point .text-mb {
		white-space: nowrap;
		padding-right: 15px;
		opacity: .7
	}
}

@media (max-width:991px) {
	.kid-header__wrapper__tag--point .number-mb {
		box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, .5), inset 0 -1px 0 0 #63b2db, inset 0 1px 0 0 rgba(0, 0, 0, .5);
		border: 1px solid #147eb5;
		background-color: #00436c;
		border-radius: 23px;
		padding: 0 15px 0 20px;
		position: relative
	}
}

.kid-header__wrapper__tag--point img {
	top: calc(50% + 4px);
	left: -20px
}

@media (max-width:991px) {
	.kid-header__wrapper__tag--point img {
		left: -12px;
		width: 30px;
		top: calc(50% + 2px)
	}
}

@media (max-width:991px) {
	.kid-header__wrapper__tag--rank {
		padding: 0;
		width: auto;
		box-shadow: none;
		border: none;
		background-color: transparent
	}
}

@media (max-width:991px) {
	.kid-header__wrapper__tag--rank .text-mb {
		white-space: nowrap;
		padding-right: 15px;
		opacity: .7
	}
}

@media (max-width:991px) {
	.kid-header__wrapper__tag--rank .number-mb {
		box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, .5), inset 0 -1px 0 0 #63b2db, inset 0 1px 0 0 rgba(0, 0, 0, .5);
		border: 1px solid #147eb5;
		background-color: #00436c;
		border-radius: 23px;
		padding: 0 15px 0 20px;
		position: relative
	}
}

.kid-header__wrapper__tag--rank img {
	top: calc(50% + 2px);
	left: -15px
}

@media (max-width:991px) {
	.kid-header__wrapper__tag--rank img {
		left: -11px
	}
}

.kid-header__wrapper__tag--faq {
	padding: 12px 25px 12px 45px
}

@media (max-width:991px) {
	.kid-header__wrapper__tag--faq {
		padding: 4px 12px 4px 24px
	}
}

.kid-header__wrapper__tag--faq img {
	width: 52px;
	left: -15px;
	transform: none
}

@media (max-width:991px) {
	.kid-header__wrapper__tag--faq img {
		left: auto;
		right: 0
	}
}

.kid-header__wrapper__tag--faq p {
	font-family: SVN-ProductSans;
	font-size: 16px;
	color: #fff
}

@media (max-width:991px) {
	.kid-header__wrapper__tag--faq p {
		font-size: 12px
	}
}

.kid-header__wrapper__account {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	margin-left: 10px
}

@media (max-width:370px) {
	.kid-header__wrapper__account {
		margin-left: 0
	}
}

.kid-header__wrapper__account__name {
	color: #fff;
	text-align: right;
	margin-right: 20px;
	max-width: 250px
}

@media (max-width:991px) {
	.kid-header__wrapper__account__name {
		margin-right: 10px
	}
}

.kid-header__wrapper__account__name p {
	font-family: SVN-Boing;
	font-size: 16px;
	color: #fff;
	padding: 2.5px 0
}

@media (max-width:991px) {
	.kid-header__wrapper__account__name p {
		font-size: 12px
	}
}

.kid-header__wrapper__account__name p span {
	font-size: 20px;
	font-weight: 600
}

@media (max-width:991px) {
	.kid-header__wrapper__account__name p span {
		font-size: 14px
	}
}

.kid-header__wrapper__account__name p:last-child {
	opacity: .7;
	font-family: SVN-ProductSans;
	font-size: 14px;
	color: #fff
}

@media (max-width:991px) {
	.kid-header__wrapper__account__name p:last-child {
		font-size: 11px
	}
}

.kid-header__wrapper__account__name p:first-child {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media (max-width:1280px) {
	.kid-header__wrapper__account__name p:first-child {
		max-width: 150px
	}
}

@media (max-width:991px) {
	.kid-header__wrapper__account__name p:first-child {
		max-width: none
	}
}

@media (max-width:425px) {
	.kid-header__wrapper__account__name p:first-child {
		max-width: 130px
	}
}

.kid-header__wrapper__account__avatar {
	position: relative
}

.kid-header__wrapper__account__avatar img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 2px solid #fffcc9
}

@media (max-width:991px) {
	.kid-header__wrapper__account__avatar img {
		width: 32px;
		height: 32px
	}
}

.kid-header__wrapper__account__avatar img:last-child {
	width: 24px;
	height: 24px;
	position: absolute;
	bottom: -2px;
	left: -6px;
	border: none
}

@media (max-width:991px) {
	.kid-header__wrapper__account__avatar img:last-child {
		width: 16px;
		height: 16px
	}
}

.kid-header__dropdown {
	border: 1px solid #1f8d94;
	background-color: #09539b;
	padding: 65px 40px 10px
}

@media (max-width:991px) {
	.kid-header__dropdown {
		height: 105vh;
		border: none;
		overflow: auto;
		padding: 55px 10px 40px
	}
}

@media (max-width:767px) {
	.kid-header__dropdown {
		padding: 90px 10px 40px
	}
}

.kid-header__dropdown__parent {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	border: 1px solid transparent;
	transition: all .5s ease;
	border-radius: 30px
}

.kid-header__dropdown__parent:hover {
	background-color: #00436c;
	box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, .5), inset 0 -1px 0 0 #63b2db, inset 0 1px 0 0 rgba(0, 0, 0, .5);
	border: 1px solid #147eb5
}

.kid-header__dropdown__parent img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-right: 20px
}

@media (max-width:991px) {
	.kid-header__dropdown__parent img {
		width: 37px;
		height: 37px;
		margin-right: 10px
	}
}

.kid-header__dropdown__parent p {
	font-family: SVN-Boing;
	font-size: 20px;
	font-weight: 600;
	color: #fff
}

@media (max-width:991px) {
	.kid-header__dropdown__parent p {
		font-size: 16px
	}
}

.kid-header__dropdown__devide {
	display: block;
	width: 100%;
	border-top: 2px solid hsla(0, 0%, 100%, .1);
	margin: 20px 0
}

@media (max-width:991px) {
	.kid-header__dropdown__devide {
		margin: 10px 0
	}
}

.kid-header__dropdown__children {
	max-height: 300px;
	overflow: auto
}

@media (max-width:991px) {
	.kid-header__dropdown__children {
		max-height: none
	}
}

.kid-header__dropdown__children__detail {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 30px;
	transition: all .5s ease
}

@media (max-width:991px) {
	.kid-header__dropdown__children__detail {
		margin-bottom: 10px
	}
}

.kid-header__dropdown__children__detail:hover {
	background-color: #00436c;
	box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, .5), inset 0 -1px 0 0 #63b2db, inset 0 1px 0 0 rgba(0, 0, 0, .5);
	border: 1px solid #147eb5
}

.kid-header__dropdown__children__detail img {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	margin-right: 30px
}

@media (max-width:991px) {
	.kid-header__dropdown__children__detail img {
		width: 32px;
		height: 32px;
		margin-right: 15px
	}
}

.kid-header__dropdown__children__detail p {
	font-family: SVN-Boing;
	font-size: 20px;
	color: #fff
}

@media (max-width:991px) {
	.kid-header__dropdown__children__detail p {
		font-size: 14px
	}
}

.kid-header--junior .kid-header__wrapper {
	box-shadow: 0 7px 10px 0 #32247f;
	background-color: #223caa;
	border: none
}

@media (max-width:991px) {
	.kid-header--junior .kid-header__wrapper__option {
		background-color: #223caa
	}
}

.kid-header--junior .kid-header__wrapper__tag {
	background-color: #0c258e;
	border: none;
	box-shadow: none
}

@media (max-width:991px) {
	.kid-header--junior .kid-header__wrapper__tag {
		margin-right: 0;
		background-color: transparent
	}
}

.kid-header--junior .kid-header__dropdown {
	background-color: #223caa;
	border: none
}

.kid-header--junior .kid-header__dropdown__children__detail:hover,
.kid-header--junior .kid-header__dropdown__parent:hover {
	background-color: #0c258e;
	border: 1px solid transparent;
	box-shadow: none
}

@media (max-width:991px) {
	.kid-header--junior .kid-header__wrapper__tag--point {
		margin-right: 20px
	}
}

@media (max-width:767px) {
	.kid-header--junior .kid-header__wrapper__tag--point {
		margin-right: 0
	}
}

@media (max-width:991px) {
	.kid-header--junior .kid-header__wrapper__tag--point .number-mb {
		background-color: #0c258e
	}
}

.kid-header--junior .kid-header__wrapper__tag--point img {
	top: 50%;
	left: -10px
}

@media (max-width:991px) {
	.kid-header--junior .kid-header__wrapper__tag--point img {
		width: 22px
	}
}

@media (max-width:991px) {
	.kid-header--junior .kid-header__wrapper__tag--rank {
		margin-right: 20px
	}
}

@media (max-width:991px) {
	.kid-header--junior .kid-header__wrapper__tag--rank .number-mb {
		background-color: #0c258e
	}
}

.kid-header--junior .kid-header__wrapper__tag--rank img {
	top: 50%;
	left: -10px
}

@media (max-width:991px) {
	.kid-header--junior .kid-header__wrapper__tag--rank img {
		width: 22px
	}
}

.form-advisory .modal-dialog {
	-ms-flex-pack: center;
	justify-content: center
}

@media (max-width:992px) {
	.form-advisory .modal-dialog {
		max-width: 560px
	}
}

@media (max-width:575px) {
	.form-advisory .modal-dialog {
		margin: 0 20px
	}
}

.form-advisory .modal-body {
	padding: 40px
}

@media (max-width:575px) {
	.form-advisory .modal-body {
		padding: 40px 20px
	}
}

.form-advisory .modal-body .form-advisory__title {
	color: #333;
	font-size: 25px;
	font-family: SVN-ProductSans;
	font-weight: 700
}

.form-advisory .modal-body .form-advisory__ke-junior {
	margin-top: 8px;
	color: #58c6fa;
	font-size: 32px;
	font-family: SVN-ProductSans;
	font-weight: 700
}

.form-advisory .modal-body .form-advisory__description {
	color: #333;
	font-size: 16px;
	font-family: SVN-ProductSans;
	text-align: center;
	margin: 20px 0
}

.form-advisory .modal-body .form__close {
	width: 36px;
	height: 36px;
	position: absolute;
	top: -18px;
	right: -18px;
	background-image: linear-gradient(45deg, #ff7345, #f73747);
	border-radius: 50%;
	border: 3px solid #ffe0be;
	cursor: pointer;
	transition: all, 1s
}

.form-advisory .modal-body .form__close:hover {
	background-color: red;
	transform: scale(1.1)
}

.form-advisory .modal-body .form__close__text {
	transform: rotate(45deg);
	position: absolute;
	top: -11px;
	left: 8px;
	display: inline-block;
	color: #fff;
	font-size: 32px
}

@media (max-width:991px) {
	.form-success-advisory .modal-dialog {
		max-width: 500px
	}
}

@media (max-width:575px) {
	.form-success-advisory .modal-dialog {
		margin: 0 20px
	}
}

.form-success-advisory .modal-content {
	background: #fff;
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .3);
	border-radius: 15px;
	padding: 40px
}

.form-success-advisory .modal-content .form-success-advisory__title {
	color: #3bbdf9;
	font-size: 25px;
	font-family: SVN-ProductSans;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0
}

.form-success-advisory .modal-content .form-success-advisory__img {
	width: 140px;
	height: 120px
}

.form-success-advisory .modal-content .form-success-advisory__description {
	color: #333;
	font-size: 16px;
	font-family: SVN-ProductSans;
	text-align: center;
	letter-spacing: .23px
}

.form-success-advisory .modal-content .form__close {
	width: 36px;
	height: 36px;
	position: absolute;
	top: -40px;
	right: -40px;
	transform: translate(30%, -30%);
	background-image: linear-gradient(45deg, #ff7345, #f73747);
	border-radius: 50%;
	border: 3px solid #ffe0be;
	cursor: pointer;
	transition: all, 1s
}

.form-success-advisory .modal-content .form__close:hover {
	background-color: red;
	transform: translate(30%, -30%) scale(1.1)
}

.form-success-advisory .modal-content .form__close__text {
	transform: rotate(45deg);
	position: absolute;
	top: -11px;
	left: 8px;
	display: inline-block;
	color: #fff;
	font-size: 32px
}

#phonenumber-input.phonenumber-input__container {
	position: relative
}

#phonenumber-input.phonenumber-input__container .phonenumber-input--flag__wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	border: none;
	background-color: transparent;
	padding: .375rem .75rem
}

#phonenumber-input.phonenumber-input__container .phonenumber-input--flag__wrapper:focus,
#phonenumber-input.phonenumber-input__container .phonenumber-input--flag__wrapper:hover {
	box-shadow: none!important
}

#phonenumber-input.phonenumber-input__container .phonenumber-input--flag__wrapper .phonenumber-input--flag__img {
	height: 20px;
	width: 30px;
	border-radius: 4px;
	margin-right: 4px
}

#phonenumber-input.phonenumber-input__container .phonenumber-input--divider {
	border-right: 1px solid #ddd;
	height: calc(100% - 5px);
	width: 1px;
	transform: translateX(10px)
}

#phonenumber-input.phonenumber-input__container .phonenumber-input--dropdown__container {
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	height: 100%;
	padding: 10px 0;
	-ms-flex-align: center;
	align-items: center
}

#phonenumber-input.phonenumber-input__container .phonenumber-input--dropdown__container .phone-number-select {
	border-right: 1px solid #ddd;
	width: 100px;
	height: 100%
}

@media (max-width:991px) {
	#phonenumber-input.phonenumber-input__container .phonenumber-input--dropdown__container .phone-number-select {
		width: 90px
	}
}

#phonenumber-input.phonenumber-input__container .phonenumber-input--dropdown__container .phone-number-select .phone-number-select__control {
	border: none;
	background-color: transparent;
	height: 100%;
	border: none!important;
	outline: none!important;
	box-shadow: none!important
}

#phonenumber-input.phonenumber-input__container .phonenumber-input--dropdown__container .phone-number-select .phone-number-select__control .phone-number-select__value-container {
	height: 100%;
	padding: 0 5px;
	white-space: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	outline: transparent!important
}

#phonenumber-input.phonenumber-input__container .phonenumber-input--dropdown__container .phone-number-select .phone-number-select__control .phone-number-select__value-container .phone-number-select__input input {
	padding-left: 10px;
	border: none!important
}

#phonenumber-input.phonenumber-input__container .phonenumber-input--dropdown__container .phone-number-select .phone-number-select__control .phone-number-select__value-container .phone-number-select__input input:focus {
	border: none!important
}

#phonenumber-input.phonenumber-input__container .phonenumber-input--dropdown__container .phone-number-select .phone-number-select__menu {
	min-width: 200px;
	left: 1px
}

#phonenumber-input.phonenumber-input__container input {
	width: 100%;
	padding-left: 20px
}

#phonenumber-input.phonenumber-input__container input.is-phone-number {
	padding-left: 120px
}

.buy-more-course {
	position: relative;
	background-size: cover;
	background-position: 100%;
	border-radius: 15px;
	padding: 30px 0 30px 40px
}

@media (max-width:991px) {
	.buy-more-course {
		background-image: linear-gradient(39deg, #3bbdf9, #4e8ff8)!important;
		padding: 30px 20px 65px;
		margin-bottom: 35px
	}
}

.buy-more-course .list-info__line {
	position: absolute;
	background-image: linear-gradient(74deg, #3bbdf9, #4e8ff8);
	border-radius: 15px;
	left: 0;
	right: 0;
	margin: auto
}

.buy-more-course .list-info__line--1 {
	height: 20px;
	width: 95%;
	bottom: -10px;
	opacity: .4
}

.buy-more-course .list-info__line--2 {
	height: 25px;
	width: 90%;
	bottom: -20px;
	opacity: .2
}

.buy-more-course .list-info__line--3 {
	height: 35px;
	width: 85%;
	bottom: -30px;
	opacity: .1
}

.buy-more-course .list-info__icon {
	position: absolute;
	left: 0;
	background-color: #fff
}

.buy-more-course .list-info__icon:after {
	border-color: #50ad4e
}

.buy-more-course .list-info__item {
	margin-bottom: 25px
}

.buy-more-course .list-info__item:last-child {
	margin-bottom: 0
}

.buy-more-course .list-info__text {
	letter-spacing: .2px;
	font-size: 16px;
	padding-left: 35px;
	position: relative;
	color: #fff;
	font-weight: 400
}

.buy-more-course .list-info__text--yellow {
	color: #fff859;
	font-weight: 600
}

.buy-more-course .right-content {
	position: relative
}

@media (max-width:991px) {
	.buy-more-course .right-content {
		position: static
	}
}

.buy-more-course .right-content__btn {
	border-radius: 35px;
	background-image: linear-gradient(81deg, #ff7345, #f73747), linear-gradient(180deg, #fffde3, #ffe0be);
	border: 2px solid #fff;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 600;
	font-family: SVN-Boing, sans-serif;
	width: 360px;
	position: absolute;
	bottom: 0;
	left: 30px;
	line-height: 1;
	padding: 19px 0 15px;
	color: #fff!important
}

@media (max-width:1199px) {
	.buy-more-course .right-content__btn {
		width: 290px
	}
}

@media (max-width:991px) {
	.buy-more-course .right-content__btn {
		width: calc(100% - 20px);
		left: 10px;
		bottom: -90px;
		font-size: 20px
	}
}

#course-parents-page .pagination-line {
	margin: -20px 0 40px
}

#course-parents-page h1 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 700;
	color: #3bbdf9;
	font-size: 35px;
	margin-bottom: 10px;
	font-family: SVN-Boing, sans-serif
}

@media (max-width:767px) {
	#course-parents-page h1 {
		font-size: 25px
	}
}

.course-parent-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-radius: 15px;
	overflow: hidden;
	height: 100%
}

@media (max-width:767px) {
	.course-parent-item {
		box-shadow: 0 5px 10px 0 hsla(0, 0%, 87%, .2);
		position: relative
	}
}

.course-parent-item:hover {
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1)
}

.course-parent-item:hover .content-top:after {
	opacity: .6
}

.course-parent-item:hover .content-top .text-enter-class {
	top: 50%;
	opacity: 1
}

.course-parent-item .content-top {
	position: relative;
	overflow: hidden;
	width: 100%
}

@media (max-width:767px) {
	.course-parent-item .content-top {
		position: static
	}
}

.course-parent-item .content-top .expiry-date {
	position: absolute;
	left: 10px;
	top: 10px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: 5px 8px 5px 5px;
	border-radius: 15px;
	color: #fff;
	font-size: 12px;
	background-image: linear-gradient(79deg, #3bbdf9, #4e8ff8)!important
}

.course-parent-item .content-top .expiry-date.not-forever {
	background-image: linear-gradient(80deg, #ff7345, #f73747)!important
}

.course-parent-item .content-top .expiry-date img {
	margin-right: 5px
}

.course-parent-item .content-top:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: #000;
	opacity: 0;
	transition: all .3s ease-in-out
}

@media (max-width:767px) {
	.course-parent-item .content-top:after {
		display: none
	}
}

.course-parent-item .content-top .text-enter-class {
	border-radius: 30px;
	box-shadow: 0 5px 20px 0 rgba(255, 115, 69, .2);
	background-image: linear-gradient(78deg, #ff7345, #f73747);
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	left: 20px;
	top: -100%;
	transform: translateY(-50%);
	width: calc(100% - 40px);
	text-align: center;
	padding: 15px 0 12px;
	font-size: 18px;
	font-weight: 700;
	transition: all .3s ease-in-out;
	opacity: 0;
	z-index: 3;
	font-family: SVN-Boing, sans-serif
}

@media (max-width:1199px) {
	.course-parent-item .content-top .text-enter-class {
		left: 10px;
		width: calc(100% - 20px);
		height: 100%;
		top: 0!important;
		opacity: 0
	}
}

.course-parent-item .content-top .img-thumb {
	height: 180px;
	object-fit: cover
}

@media (max-width:767px) {
	.course-parent-item .content-top .img-thumb {
		height: 100px
	}
}

.course-parent-item .content-bottom {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-direction: column;
	flex-direction: column;
	background: #fff;
	padding: 20px;
	width: 100%
}

@media (max-width:767px) {
	.course-parent-item .content-bottom {
		position: relative;
		height: 100%
	}
}

.course-parent-item .content-bottom h3 {
	-ms-flex: 1;
	flex: 1;
	font-weight: 700;
	font-size: 18px;
	min-height: 54px
}

@media (max-width:767px) {
	.course-parent-item .content-bottom h3 {
		font-size: 14px;
		text-align: center
	}
}

@media (max-width:767px) {
	.course-parent-item .content-bottom .process {
		position: absolute;
		left: 10px;
		top: -5px;
		width: calc(100% - 20px);
		border: 5px solid #fff;
		border-radius: 25px;
		box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1)
	}
}

.course-parent-item .content-bottom .process__bar {
	background: #ddd;
	position: relative;
	height: 4px;
	border-radius: 3px;
	margin: 10px 0
}

@media (max-width:767px) {
	.course-parent-item .content-bottom .process__bar {
		margin: 0;
		height: 6px
	}
}

.course-parent-item .content-bottom .process__color {
	background-image: linear-gradient(86deg, #3bbdf9, #4e8ff8);
	position: absolute;
	left: 0;
	top: -1px;
	height: 6px;
	border-radius: 3px
}

.course-parent-item .content-bottom .process__lesson {
	color: #999
}

@media (max-width:991px) {
	.course-parent-item .content-bottom .process__lesson {
		display: none
	}
}

.course-parent-item .card-link {
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: transparent
}

.title-k-point-none-mg-top {
	margin: 0 0 20px!important
}

.title-k-point {
	margin: 20px 0
}

@media (max-width:991px) {
	.title-k-point {
		margin-top: 20px
	}
}

.title-k-point__left {
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 35px;
	line-height: 1.3;
	color: #3bbdf9
}

@media (max-width:1199px) {
	.title-k-point__left {
		font-size: 25px
	}
}

@media (max-width:991px) {
	.title-k-point__right {
		border: 1px solid #ddd;
		border-radius: 10px;
		background-color: #fff;
		padding: 15px 15px 17px;
		width: 100%
	}
}

@media (max-width:320px) {
	.title-k-point__right {
		padding: 15px 9px 17px
	}
}

.title-k-point__right__position__text {
	font-size: 16px;
	letter-spacing: .2px;
	margin-right: 40px
}

@media (max-width:991px) {
	.title-k-point__right__position__text {
		font-size: 14px
	}
}

@media (max-width:320px) {
	.title-k-point__right__position__text {
		margin-right: 0
	}
}

.title-k-point__right__position__rank {
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	color: #3bbdf9;
	font-size: 35px;
	line-height: 1.3;
	margin-right: 5px
}

@media (max-width:991px) {
	.title-k-point__right__position__rank {
		font-size: 20px
	}
}

.title-k-point__right__position__img {
	position: relative;
	top: -10px
}

.title-k-point__right__points__text {
	font-size: 16px;
	letter-spacing: .2px
}

@media (max-width:991px) {
	.title-k-point__right__points__text {
		font-size: 14px
	}
}

.title-k-point__right__points__text .k-point-available {
	margin-left: 40px
}

@media (max-width:1199px) {
	.title-k-point__right__points__text .k-point-available {
		margin-left: 20px
	}
}

@media (max-width:991px) {
	.title-k-point__right__points__text .k-point-available {
		margin-left: 0
	}
}

.title-k-point__right__points__number {
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	color: #ff7345;
	font-size: 35px;
	line-height: 1.3
}

@media (max-width:1199px) {
	.title-k-point__right__points__number {
		font-size: 25px
	}
}

@media (max-width:991px) {
	.title-k-point__right__points__number {
		font-size: 20px
	}
}

.title-k-point__right__points__img {
	position: relative;
	top: -10px
}

.title-k-point .k-point-wrapper {
	-ms-flex-pack: justify;
	justify-content: space-between
}

.title-k-point .k-point-flex,
.title-k-point .k-point-left,
.title-k-point .k-point-wrapper {
	display: -ms-flexbox;
	display: flex
}

.title-k-point .k-point-flex-mobile {
	display: -ms-flexbox;
	display: flex;
	background-color: #042068;
	height: 60px;
	width: calc(100% + 30px);
	margin: 0 -15px;
	padding: 10px 15px
}

.title-k-point .k-point-icon {
	cursor: pointer;
	width: 64px;
	height: 64px;
	margin-right: 15px
}

@media (min-width:992px) {
	.title-k-point .k-point-icon:hover {
		animation: spring .5s;
		animation-timing-function: ease
	}
}

@media (max-width:991px) {
	.title-k-point .k-point-icon {
		width: 40px;
		height: 40px;
		margin-right: 10px
	}
}

.title-k-point .k-point-bottom-mobile {
	background: hsla(0, 0%, 100%, .2);
	height: 40px;
	width: calc(100% + 30px);
	margin: 0 -15px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 15px
}

.title-k-point .k-point-chart-mobile {
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.title-k-point .k-point-chart-mobile .title {
	color: #e3efd1;
	font-family: SVN-Boing;
	font-size: 14px
}

.title-k-point .k-point-chart-mobile .result {
	color: #fff;
	font-family: SVN-Boing;
	font-size: 16px;
	font-weight: 600
}

.title-k-point .k-point-title {
	letter-spacing: .23px;
	color: #fff;
	opacity: .7;
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 400
}

@media (max-width:991px) {
	.title-k-point .k-point-title {
		font-size: 12px
	}
}

.title-k-point .k-point-title-page {
	letter-spacing: .51px;
	color: #fff;
	font-family: SVN-Boing;
	font-size: 36px;
	font-weight: 600;
	margin-top: -8px
}

@media (max-width:991px) {
	.title-k-point .k-point-title-page {
		font-size: 18px;
		margin-top: 0
	}
}

.title-k-point .k-point-rank {
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	margin-right: 25px;
	background-color: #66272a;
	min-width: 191px;
	height: 63px;
	border-radius: 30px;
	padding-right: 5px;
	border: 2px solid #000
}

@media (min-width:992px) {
	.title-k-point .k-point-rank:hover {
		animation: spring .5s;
		animation-timing-function: ease
	}
}

.title-k-point .k-point-rank__img {
	position: absolute;
	top: -3px;
	left: -5px;
	width: 66px;
	height: 66px
}

.title-k-point .k-point-rank__left {
	width: 60px;
	position: relative
}

.title-k-point .k-point-rank__right {
	-ms-flex: 1;
	flex: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column
}

.title-k-point .k-point-rank__title {
	color: #fff;
	opacity: .7;
	font-family: SVN-ProductSans;
	font-size: 14px;
	margin-top: 3px
}

.title-k-point .k-point-rank__number {
	color: #fadd01;
	font-family: SVN-Boing;
	font-size: 35px;
	font-weight: 600;
	margin-top: -10px
}

#history-k-point-page .list-history-k-point {
	background-color: #fff;
	border-radius: 7px;
	padding: 30px 40px
}

@media (max-width:991px) {
	#history-k-point-page .list-history-k-point {
		margin-bottom: 20px;
		padding: 30px 20px
	}
	#history-k-point-page .list-history-k-point .row div[class^=col-]:first-child {
		-ms-flex-order: 2;
		order: 2
	}
	#history-k-point-page .list-history-k-point .row div[class^=col-]:last-child {
		-ms-flex-order: 1;
		order: 1
	}
}

#history-k-point-page .list-history-k-point__item {
	margin-bottom: 50px
}

@media (max-width:991px) {
	#history-k-point-page .list-history-k-point__item {
		margin-bottom: 25px;
		border-bottom: 1px solid #ddd;
		padding-bottom: 25px
	}
}

#history-k-point-page .list-history-k-point__item:last-child {
	margin-bottom: 0
}

#history-k-point-page .list-history-k-point__left {
	position: relative;
	padding-left: 52px
}

@media (max-width:991px) {
	#history-k-point-page .list-history-k-point__left {
		padding-left: 0
	}
}

@media (max-width:991px) {
	#history-k-point-page .list-history-k-point__right {
		margin-bottom: 15px
	}
}

#history-k-point-page .list-history-k-point__icon {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 32px
}

@media (max-width:991px) {
	#history-k-point-page .list-history-k-point__icon {
		display: none
	}
}

@media (max-width:991px) {
	#history-k-point-page .list-history-k-point__duty {
		font-size: 16px
	}
}

#history-k-point-page .list-history-k-point__duty--blue {
	font-weight: 600;
	color: #3bbdf9
}

#history-k-point-page .list-history-k-point__date,
#history-k-point-page .list-history-k-point__name-course {
	font-size: 14px;
	letter-spacing: .2px;
	color: #999
}

#history-k-point-page .list-history-k-point__point {
	margin-bottom: 5px
}

@media (max-width:991px) {
	#history-k-point-page .list-history-k-point__point {
		float: right;
		margin-bottom: 0
	}
}

#my-gift-page .gift-card {
	display: -ms-flexbox;
	display: flex
}

#my-gift-page .gift-card .gift-card__header {
	-ms-flex-order: 2;
	order: 2
}

#my-gift-page .gift-card__overlay {
	top: auto;
	bottom: 0
}

#my-gift-page .gift-card__body {
	padding-top: 0;
	font-size: 18px
}

#my-gift-page .range {
	padding-top: 20px
}

@media (max-width:991px) {
	#my-gift-page .range {
		padding-top: 0
	}
}

@media (max-width:991px) {
	#my-gift-page .range .card-group {
		display: block
	}
}

#my-gift-page .title-k-point {
	margin-top: 0
}

#my-gift-page .title-k-point__guide {
	position: relative;
	top: 10px
}

#my-gift-page .title-k-point__link {
	font-size: 14px;
	font-style: italic;
	color: #666
}

#my-gift-page .title-k-point__icon-guide {
	margin-left: 5px
}

#my-gift-page .pagination-line {
	margin-top: -20px
}

@media (max-width:797px) {
	#my-gift-page .pagination-line {
		margin-top: 0
	}
}

@media (max-width:991px) {
	#tai-lieu-page {
		padding-bottom: 20px!important
	}
}

#tai-lieu-page h1.text-title {
	line-height: 1.14;
	letter-spacing: .2px;
	margin: 0 0 15px
}

#tai-lieu-page h1.text-title.not-upgrade {
	margin: 35px 0 25px
}

@media (max-width:991px) {
	#tai-lieu-page h1.text-title.not-upgrade {
		margin-top: 10px
	}
}

#tai-lieu-page .pagination-line {
	background: #eef5fe;
	width: calc(100% + 60px);
	margin-left: -30px;
	padding-top: 20px
}

@media (max-width:991px) {
	#tai-lieu-page .pagination-line {
		width: 100%;
		padding-top: 20px;
		margin-left: 0
	}
}

@media (max-width:991px) {
	#tai-lieu-page .content-page .wrapper-left-content .list-document {
		background-color: #fff;
		padding: 0 20px 10px;
		margin-top: 5px
	}
}

#tai-lieu-page .content-page .wrapper-left-content .list-document .tag__item {
	border-bottom: 2px solid #f2f2f2
}

#tai-lieu-page .content-page .wrapper-left-content .list-document .tag__item:last-child {
	border-bottom: none
}

#tai-lieu-page .content-page .wrapper-left-content .list-document__wrapper {
	padding: 30px 0
}

@media (max-width:767px) {
	#tai-lieu-page .content-page .wrapper-left-content .list-document__wrapper {
		padding: 20px 0
	}
}

#tai-lieu-page .content-page .wrapper-left-content .list-document__item {
	display: -ms-flexbox;
	display: flex
}

@media (max-width:991px) {
	#tai-lieu-page .content-page .wrapper-left-content .list-document__item {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

#tai-lieu-page .content-page .wrapper-left-content .list-document__item:last-child {
	border-bottom: none
}

#tai-lieu-page .content-page .wrapper-left-content .list-document__package-name {
	font-family: SVN-ProductSans;
	font-size: 14px;
	color: #666
}

#tai-lieu-page .content-page .wrapper-left-content .list-document__link {
	position: relative;
	padding: 0 35px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:991px) {
	#tai-lieu-page .content-page .wrapper-left-content .list-document__link {
		padding: 0;
		width: 100%
	}
}

#tai-lieu-page .content-page .wrapper-left-content .list-document__link:hover,
#tai-lieu-page .content-page .wrapper-left-content .list-document__link:hover .list-document__icon-file {
	color: #3bbdf9
}

#tai-lieu-page .content-page .wrapper-left-content .list-document__icon-file {
	font-size: 20px;
	color: #999;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%)
}

#tai-lieu-page .content-page .wrapper-left-content .list-document__icon-download {
	color: #999;
	margin-left: 8px
}

#tai-lieu-page .content-page .wrapper-left-content .list-document__btn {
	background-color: transparent!important;
	border-radius: 25px;
	border: 2px solid #ddd;
	-ms-flex: 0 0 160px;
	flex: 0 0 160px;
	max-width: 100%;
	padding: 11px 0;
	font-weight: 600;
	color: #333!important;
	-ms-flex-order: 2;
	order: 2;
	margin-left: auto;
	max-height: 50px
}

@media (max-width:991px) {
	#tai-lieu-page .content-page .wrapper-left-content .list-document__btn {
		border: none;
		font-size: 12px;
		width: auto;
		box-shadow: none!important;
		padding: 0;
		margin: 10px 0 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto
	}
}

@media (min-width:1200px) {
	#tai-lieu-page .content-page .wrapper-left-content .list-document__btn:hover {
		border-color: #3bbdf9!important;
		background-color: #3bbdf9!important;
		color: #fff!important
	}
	#tai-lieu-page .content-page .wrapper-left-content .list-document__btn:hover .list-document__icon-download {
		color: #fff
	}
	#tai-lieu-page .content-page .wrapper-left-content .list-document__btn:hover~.list-document__link,
	#tai-lieu-page .content-page .wrapper-left-content .list-document__btn:hover~.list-document__link .list-document__icon-file {
		color: #3bbdf9
	}
}

#tai-lieu-page .content-page .content-right .category__title {
	font-size: 25px;
	margin-bottom: 5px
}

@media (max-width:991px) {
	#tai-lieu-page .content-page .content-right .category__title {
		font-size: 14px;
		text-transform: uppercase
	}
}

#tai-lieu-page .content-page .content-right .category .tag-list {
	margin-top: 20px;
	box-shadow: none;
	display: block;
	width: 100%;
	position: static
}

@media (max-width:991px) {
	#tai-lieu-page .content-page .content-right .category .tag-list {
		padding: 0 20px
	}
}

#tai-lieu-page .content-page .content-right .category .tag-list:after {
	display: none
}

@media (max-width:991px) {
	#tai-lieu-page .content-page .content-right .category .tag-list .category__title {
		font-family: SVN-ProductSans, sans-serif
	}
}

#tai-lieu-page .content-page .content-right .category .tag-list__item-custom {
	padding: 5px 25px 5px 0;
	line-height: 1.5
}

@media (max-width:991px) {
	.content-page {
		margin: 20px 0
	}
}

.content-page .wrapper-left-content {
	background: #fff;
	padding: 25px 30px 0
}

@media (max-width:991px) {
	.content-page .wrapper-left-content {
		padding: 0;
		background-color: transparent
	}
	.content-page .wrapper-left-content .filter-mb {
		position: relative;
		top: 8px
	}
	.content-page .wrapper-left-content .filter-mb__icon {
		margin-left: 5px
	}
}

.content-page .wrapper-left-content .text-title {
	font-size: 25px
}

@media (max-width:320px) {
	.content-page .wrapper-left-content .text-title {
		font-size: 23px
	}
}

.content-page .wrapper-left-content .dropdown-btn {
	color: #333;
	letter-spacing: .2px;
	font-size: 14px;
	width: 160px;
	max-width: 100%;
	top: 5px;
	position: relative;
	padding: 5px
}

.content-page .wrapper-left-content .dropdown-btn:after {
	color: #999
}

.content-page .wrapper-left-content .dropdown-menu {
	border-color: transparent;
	width: 320px;
	padding: 15px 0 5px;
	left: -50%!important;
	top: 7px!important
}

.content-page .wrapper-left-content .dropdown-menu .dropdown-item {
	display: block;
	position: relative;
	margin-bottom: 5px;
	background-color: #fff
}

.content-page .wrapper-left-content .dropdown-menu .dropdown-item.choose,
.content-page .wrapper-left-content .dropdown-menu .dropdown-item:hover {
	color: #50ad4e
}

.content-page .wrapper-left-content .dropdown-menu .dropdown-item.choose {
	font-weight: 600
}

.content-page .wrapper-left-content .dropdown-menu .dropdown-item.choose .tag-list__item__checked {
	display: inline-block!important
}

.content-page .wrapper-left-content .dropdown-menu .dropdown-item .tag-list__item__checked {
	right: 15px
}

@media (min-width:992px) {
	.content-page .content-right {
		position: static;
		height: auto;
		width: 100%;
		padding: 0 0 0 40px;
		background-color: transparent
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.content-page .content-right {
		padding-left: 0
	}
}

@media (max-width:991px) {
	.content-page .content-right {
		transition: all .5s ease;
		padding: 30px 0
	}
	.content-page .content-right.isShow {
		right: 0
	}
	.content-page .content-right .filter-panel__name {
		padding-left: 20px;
		width: calc(100% - 20px)
	}
}

.content-page .content-right .form {
	position: relative
}

@media (max-width:991px) {
	.content-page .content-right .form {
		width: calc(100% - 30px);
		left: 20px;
		border-bottom: 2px solid #ddd
	}
}

.content-page .content-right .form__input {
	border-color: transparent;
	width: 100%;
	padding-right: 45px;
	border-radius: 15px
}

@media (max-width:991px) {
	.content-page .content-right .form__input {
		padding-left: 0
	}
	.content-page .content-right .form__input:focus {
		border: 1px solid transparent!important
	}
}

.content-page .content-right .form__search-btn {
	position: absolute;
	top: 0;
	width: 40px;
	right: 0;
	border-radius: 0 15px 15px 0;
	height: 100%;
	background-color: transparent!important
}

.content-page .content-right .form__search-btn:active {
	background-color: transparent!important
}

@media (min-width:1200px) {
	.content-page .content-right .form__search-btn:hover {
		background-color: #3bbdf9!important;
		box-shadow: none!important
	}
	.content-page .content-right .form__search-btn:hover .fa-search {
		color: #fff
	}
}

.content-page .content-right .form__search-btn .fa-search {
	color: #999
}

@media (max-width:991px) {
	.content-page .content-right .form__search-btn .fa-search {
		color: #666;
		font-size: 23px;
		opacity: .4
	}
}

.content-page .content-right .filter-panel__btn {
	width: calc(100% - 40px)!important;
	margin: 25px 0 20px 20px;
	font-size: 18px
}

#lesson-parents-page .clip-lesson .video {
	width: 70%;
	margin: auto
}

@media (max-width:1199px) {
	#lesson-parents-page .clip-lesson .video {
		width: 100%
	}
}

@media (max-width:991px) {
	#order-history-page .order-history-page {
		padding-top: 1px
	}
}

#order-history-page .text-title {
	color: #3bbdf9;
	font-family: SVN-Boing;
	font-size: 35px;
	font-weight: 600
}

@media (max-width:991px) {
	#order-history-page .text-title {
		margin-top: 25px;
		font-size: 25px
	}
}

#order-history-page .order-history {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 40px
}

@media (max-width:991px) {
	#order-history-page .order-history {
		margin: 0 -25px 20px
	}
}

#order-history-page .order-container {
	padding: 10px
}

#order-history-page .order-wrapper {
	background-color: #fff;
	border-radius: 15px;
	padding: 27px 30px 24px
}

@media (max-width:991px) {
	#order-history-page .order-wrapper {
		border-radius: 0;
		padding: 18px 15px 17px
	}
}

#order-history-page .order-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 10px
}

#order-history-page .order-title {
	color: #666;
	font-family: SVN-ProductSans;
	font-size: 16px
}

@media (max-width:991px) {
	#order-history-page .order-title {
		font-size: 13px
	}
}

#order-history-page .order-title-bold {
	color: #333;
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 600
}

@media (max-width:991px) {
	#order-history-page .order-title-bold {
		font-size: 13px
	}
}

#order-history-page .line {
	height: 1px;
	border-bottom: 1px dashed #ddd;
	margin: 20px 0
}

#order-history-page .order-highlight {
	font-size: 16px;
	font-weight: 600;
	color: #ff7345;
	font-family: SVN-ProductSans
}

@media (max-width:991px) {
	#order-history-page .order-highlight {
		font-size: 13px
	}
}

#order-history-page .package-wrapper {
	height: 85px;
	overflow: auto;
	padding-left: 15px
}

@media (max-width:991px) {
	#order-history-page .package-wrapper {
		height: 80px
	}
}

#order-history-page .pr {
	padding-right: 10px
}

#order-history-page .package-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 10px
}

#order-history-page .package-name {
	color: #333;
	font-family: SVN-ProductSans;
	font-size: 14px;
	position: relative
}

@media (max-width:991px) {
	#order-history-page .package-name {
		font-size: 12px
	}
}

#order-history-page .package-name:after {
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	left: -12px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #333
}

#order-history-page .package-price {
	color: #333;
	font-family: SVN-ProductSans;
	font-size: 14px;
	font-weight: 600;
	margin-left: 10px
}

@media (max-width:991px) {
	#order-history-page .package-price {
		font-size: 12px
	}
}

#order-history-page .package-expiry {
	color: #999;
	font-family: SVN-ProductSans;
	font-size: 12px;
	line-height: 1
}

#order-history-page .btn-wrapper {
	width: 100%;
	text-align: center;
	margin-top: 20px;
	height: 50px
}

#order-history-page .order-history-btn {
	width: 320px;
	height: 50px;
	border-radius: 30px;
	box-shadow: 0 5px 20px 0 rgba(255, 115, 69, .2);
	background-image: linear-gradient(81deg, #ff7345, #f73747);
	color: #fff;
	font-family: SVN-Boing;
	font-size: 18px;
	font-weight: 600
}

@media (max-width:350px) {
	#order-history-page .order-history-btn {
		width: 100%
	}
}

#dashboard-parents-page .text-title-parent {
	margin-bottom: 40px
}

#dashboard-parents-page .container-fluid {
	padding: 0
}

@media (max-width:991px) {
	#dashboard-parents-page .container-fluid {
		padding: 0 15px
	}
}

#dashboard-parents-page .menu-detail {
	margin-top: 0
}

#dashboard-parents-page .text-title {
	margin-bottom: 20px
}

@media (max-width:991px) {
	#dashboard-parents-page .text-title {
		margin-left: -15px
	}
}

#dashboard-parents-page .info-account {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	background-color: #0076ff;
	color: #fff;
	width: calc(100% + 60px);
	margin-left: -30px;
	padding: 5px 10px
}

#dashboard-parents-page .info-account .text {
	opacity: .6;
	font-size: 12px
}

#dashboard-parents-page .info-account .name {
	font-weight: 700;
	display: inline-block;
	margin-right: 5px;
	font-size: 14px
}

#dashboard-parents-page .info-account .avatar {
	width: 50px
}

@media (max-width:991px) {
	#dashboard-parents-page .terrible-form {
		width: calc(100% + 60px);
		margin-left: -30px
	}
}

#dashboard-parents-page .terrible-form .wrapper-bg-white {
	background-color: #fff;
	border-radius: 15px;
	padding: 40px
}

@media (max-width:991px) {
	#dashboard-parents-page .terrible-form .wrapper-bg-white {
		border-radius: 0;
		padding: 20px 15px 0
	}
}

#dashboard-parents-page .terrible-form .wrapper-bg-white--under {
	margin-top: 20px;
	display: none
}

#dashboard-parents-page .terrible-form .wrapper-bg-white--under input {
	padding-right: 120px
}

#dashboard-parents-page .terrible-form .wrapper-bg-white .dropdown-menu {
	transform: translate3d(-215px, -351px, 0)!important
}

@media (max-width:991px) {
	#dashboard-parents-page .terrible-form .wrapper-bg-white .dropdown-menu {
		transform: translate3d(0, 20px, 0)!important;
		padding: 10px
	}
}

#dashboard-parents-page .terrible-form .wrapper-bg-white .form .form-group {
	position: relative
}

#dashboard-parents-page .terrible-form .wrapper-bg-white .form .form-group .change-phone-number {
	position: absolute;
	right: 15px;
	bottom: 15px;
	font-style: italic;
	text-decoration: underline;
	cursor: pointer
}

#dashboard-parents-page .terrible-form .wrapper-bg-white .form .form-group .change-phone-number:hover {
	color: #ff7345
}

#dashboard-parents-page .terrible-form .wrapper-bg-white .content-right .tag-list[data-placement=top-start]:after {
	left: 130px;
	bottom: -8px;
	top: auto;
	border-top: 8px solid #fff;
	border-bottom: none
}

#dashboard-parents-page .terrible-form .wrapper-bg-white .content-right .small-title {
	font-size: 20px;
	font-weight: 600;
	font-family: SVN-Boing, sans-serif
}

#dashboard-parents-page .terrible-form .wrapper-bg-white .content-right .small-title--number {
	color: #ff7345
}

#dashboard-parents-page .terrible-form .wrapper-bg-white .content-right .change-avatar-box {
	width: 140px;
	height: 140px;
	margin: 20px auto 45px
}

@media (max-width:991px) {
	#dashboard-parents-page .terrible-form .wrapper-bg-white .content-right .change-avatar-box {
		width: 100px;
		height: 100px;
		margin: 0 auto 30px
	}
}

#dashboard-parents-page .terrible-form .wrapper-bg-white .content-right .change-avatar-box__image {
	width: 140px;
	height: 140px
}

@media (max-width:991px) {
	#dashboard-parents-page .terrible-form .wrapper-bg-white .content-right .change-avatar-box__image {
		width: 100px;
		height: 100px
	}
}

#dashboard-parents-page .terrible-form .wrapper-bg-white .content-right .change-avatar-box__text-change-avatar--text {
	top: 40%
}

#dashboard-parents-page .terrible-form .btn-line {
	margin-top: 40px
}

@media (max-width:991px) {
	#dashboard-parents-page .terrible-form .btn-line {
		margin-top: 20px
	}
}

#dashboard-parents-page .terrible-form .btn-line .form__btn {
	max-width: 320px;
	line-height: 1;
	padding: 16px 0 12px!important
}

@media (max-width:991px) {
	#dashboard-parents-page .terrible-form .btn-line .form__btn {
		max-width: none
	}
	#dashboard-parents-page .terrible-form .btn-line .form__btn--orange {
		font-size: 20px;
		letter-spacing: .2px
	}
}

#dashboard-parents-page .terrible-form .btn-line .change-password-btn {
	color: #000!important;
	background-color: #fff;
	border: 2px solid #ddd;
	margin-right: 20px
}

@media (max-width:991px) {
	#dashboard-parents-page .terrible-form .btn-line .change-password-btn {
		margin-right: 0;
		width: calc(100% - 50px);
		font-size: 18px
	}
}

#dashboard-parents-page .terrible-form .form-group__eye {
	font-size: 12px;
	letter-spacing: .2px;
	top: 52px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media (max-width:991px) {
	#assign-courses-parents-page h1 {
		margin-top: 25px
	}
}

#assign-courses-parents-page .text-title {
	line-height: 1.3;
	margin-bottom: 20px
}

#assign-courses-parents-page .not-have-children,
#assign-courses-parents-page .wrapper-content {
	margin-top: 20px
}

#assign-courses-parents-page .wrapper-content>.item {
	display: -ms-flexbox;
	display: flex;
	padding: 30px;
	background-color: #fff;
	border-radius: 15px;
	margin-bottom: 40px
}

@media (max-width:991px) {
	#assign-courses-parents-page .wrapper-content>.item {
		background-color: transparent;
		padding: 0;
		border-radius: 0
	}
}

@media (max-width:1199px) {
	#assign-courses-parents-page .wrapper-content>.item:last-child {
		margin-bottom: 15px
	}
}

@media (max-width:991px) {
	#assign-courses-parents-page .wrapper-content>.item:last-child {
		margin-bottom: 0;
		padding-bottom: 55px
	}
}

@media (max-width:1199px) {
	#assign-courses-parents-page .wrapper-content>.item {
		padding-bottom: 55px
	}
}

@media (max-width:991px) {
	#assign-courses-parents-page .wrapper-content>.item {
		display: block;
		background-color: #fff;
		width: calc(100% + 30px);
		margin-left: -15px;
		text-align: center;
		padding: 20px 15px 50px;
		margin-bottom: 20px
	}
}

@media (max-width:1199px) {
	#assign-courses-parents-page .wrapper-content>.item:after {
		display: none
	}
}

#assign-courses-parents-page .wrapper-content>.item .children-container {
	-ms-flex: 1;
	flex: 1;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	border-right: 1px solid #ddd
}

@media (max-width:1199px) {
	#assign-courses-parents-page .wrapper-content>.item .children-container {
		border-right: none
	}
}

@media (max-width:991px) {
	#assign-courses-parents-page .wrapper-content>.item .children-container {
		display: -ms-flexbox;
		display: flex;
		-ms-flex: initial;
		flex: initial;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 20px
	}
}

#assign-courses-parents-page .wrapper-content>.item .children-container>div {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center
}

#assign-courses-parents-page .wrapper-content>.item .children-container>div .img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover
}

#assign-courses-parents-page .wrapper-content>.item .children-container>div .name {
	color: #2065b5;
	font-size: 18px;
	font-weight: 600;
	margin-left: 10px
}

@media (max-width:1199px) {
	#assign-courses-parents-page .wrapper-content>.item .children-container>div .name {
		font-size: 16px
	}
}

@media (max-width:767px) {
	#assign-courses-parents-page .wrapper-content>.item .children-container>div .name {
		text-align: left
	}
}

#assign-courses-parents-page .wrapper-content>.item .children-container>div.btn-add {
	margin-top: 20px
}

@media (max-width:991px) {
	#assign-courses-parents-page .wrapper-content>.item .children-container>div.btn-add {
		margin-top: 0
	}
}

#assign-courses-parents-page .wrapper-content>.item .children-container>div.btn-add button {
	text-transform: none;
	font-size: 18px;
	font-weight: 600;
	padding: 15px 30px!important
}

@media (max-width:1199px) {
	#assign-courses-parents-page .wrapper-content>.item .children-container>div.btn-add button {
		font-size: 16px;
		padding: 12px 25px!important
	}
}

#assign-courses-parents-page .wrapper-content>.item .package-container {
	-ms-flex: 2;
	flex: 2;
	padding-left: 30px
}

@media (max-width:767px) {
	#assign-courses-parents-page .wrapper-content>.item .package-container {
		padding-left: 0
	}
}

#assign-courses-parents-page .wrapper-content>.item .package-container .not-have-package {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%
}

#assign-courses-parents-page .wrapper-content>.item .package-container .not-have-package .img {
	width: 30px;
	height: 30px
}

#assign-courses-parents-page .wrapper-content>.item .package-container .not-have-package .text {
	font-size: 18px;
	color: #666;
	margin-left: 10px;
	font-style: italic
}

@media (max-width:1199px) {
	#assign-courses-parents-page .wrapper-content>.item .package-container .not-have-package .text {
		font-size: 16px
	}
}

#assign-courses-parents-page .wrapper-content>.item .package-container .wrapper-item {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px
}

#assign-courses-parents-page .wrapper-content>.item .package-container .wrapper-item:last-child {
	border-bottom: none
}

#assign-courses-parents-page .wrapper-content>.item .package-container .wrapper-item .category-name {
	font-weight: 600;
	margin-bottom: 5px;
	font-size: 16px
}

@media (max-width:991px) {
	#assign-courses-parents-page .wrapper-content>.item .package-container .wrapper-item .category-name {
		text-align: left
	}
}

#assign-courses-parents-page .wrapper-content>.item .package-container .wrapper-item ul li {
	position: relative;
	padding-left: 15px;
	margin-bottom: 5px
}

#assign-courses-parents-page .wrapper-content>.item .package-container .wrapper-item ul li:before {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #000;
	position: absolute;
	left: 0;
	top: 7px
}

#assign-courses-parents-page .wrapper-content>.item .package-container .item {
	display: -ms-flexbox;
	display: flex;
	margin: 0
}

#assign-courses-parents-page .wrapper-content>.item .package-container .item.title-item {
	margin-bottom: 10px
}

#assign-courses-parents-page .wrapper-content>.item .package-container .item .column {
	font-size: 14px;
	color: #666
}

#assign-courses-parents-page .wrapper-content>.item .package-container .item .column:first-child {
	-ms-flex: 1;
	flex: 1
}

#assign-courses-parents-page .wrapper-content>.item .package-container .item .column:nth-child(2) {
	-ms-flex: 2;
	flex: 2
}

@media (max-width:1199px) {
	#assign-courses-parents-page .wrapper-content>.item .package-container .item .column {
		text-align: left
	}
	#assign-courses-parents-page .wrapper-content>.item .package-container .item .column:first-child {
		-ms-flex: 3;
		flex: 3
	}
	#assign-courses-parents-page .wrapper-content>.item .package-container .item .column:nth-child(2) {
		-ms-flex: 2;
		flex: 2
	}
}

#assign-courses-parents-page .wrapper-content>.item .package-container .item .column .text {
	font-size: 14px;
	font-weight: 400;
	color: #333
}

#assign-courses-parents-page .wrapper-content>.item .package-container .item .column button {
	text-transform: none;
	font-size: 18px;
	font-weight: 600;
	padding: 15px 45px!important;
	color: #fff;
	width: auto
}

@media (max-width:1199px) {
	#assign-courses-parents-page .wrapper-content>.item .package-container .item .column button {
		font-size: 16px;
		padding: 12px 25px!important
	}
}

#assign-courses-parents-page .wrapper-content>.item .package-container .item .column:first-child .text {
	font-weight: 600
}

#assign-courses-parents-page .wrapper-content>.item .package-container .item .column:last-child {
	display: -ms-flexbox;
	display: flex
}

@media (max-width:991px) {
	#assign-courses-parents-page .wrapper-content>.item .package-container .item .column:last-child {
		display: block;
		text-align: right
	}
}

#assign-courses-parents-page .wrapper-content>.item .package-container .item:first-child {
	padding-top: 0;
	border-bottom: none
}

#assign-courses-parents-page .wrapper-content>.item .package-container .item:first-child .column .text {
	font-size: 13px;
	font-weight: 400;
	color: #4e8ff8
}

#assign-courses-parents-page .wrapper-content>.item .package-container .item:last-child {
	padding-bottom: 0;
	border-bottom: none
}

@media (max-width:1199px) {
	#assign-courses-parents-page .wrapper-content>.item>.btn-add {
		display: block!important;
		margin-top: 30px
	}
	#assign-courses-parents-page .wrapper-content>.item>.btn-add button {
		text-transform: none;
		font-weight: 600;
		font-size: 16px;
		padding: 12px 25px!important;
		width: auto;
		margin: auto
	}
}

#assign-courses-parents-page .form__btn--orange {
	max-width: 400px
}

@media (max-width:991px) {
	#assign-courses-parents-page .form__btn--orange {
		max-width: 100%
	}
}

#assign-courses-parents-page .small-text {
	font-size: 15px;
	font-style: italic;
	color: #999;
	margin-right: 15px;
	position: relative;
	top: 20px
}

@media (max-width:1199px) {
	#assign-courses-parents-page .small-text {
		display: block;
		margin-bottom: 15px;
		position: static
	}
}

@media (max-width:991px) {
	#assign-courses-parents-page .small-text {
		position: static;
		margin: 15px 0;
		display: block;
		text-align: center
	}
}

.assign-package-modal .modal-dialog .modal-content .modal-body {
	padding: 40px 20px
}

@media (max-width:991px) {
	.assign-package-modal .modal-dialog .modal-content .modal-body {
		padding: 25px 10px
	}
}

.assign-package-modal .modal-dialog .modal-content .modal-body>p {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: normal;
	text-align: center;
	color: #3bbdf9
}

.assign-package-modal .modal-dialog .modal-content .modal-body>p span {
	color: #ff5965
}

.assign-package-modal .modal-dialog .modal-content .modal-body .wrapper-flex {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.assign-package-modal .modal-dialog .modal-content .modal-body .wrapper-flex.title-order {
	color: #4e8ff8;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 0 20px
}

.assign-package-modal .modal-dialog .modal-content .modal-body .wrapper-flex.title-package {
	font-size: 11px;
	color: #888;
	padding-left: 40px;
	margin: 5px 0
}

.assign-package-modal .modal-dialog .modal-content .modal-body .wrapper-flex.order-name {
	font-size: 14px
}

.assign-package-modal .modal-dialog .modal-content .modal-body .wrapper-flex.order-name input {
	position: relative;
	top: 5px
}

.assign-package-modal .modal-dialog .modal-content .modal-body .wrapper-flex.order-name input:checked {
	background-color: #4e8ff8;
	border-color: #4e8ff8
}

.assign-package-modal .modal-dialog .modal-content .modal-body .wrapper-flex.order-name span {
	font-size: 16px;
	font-weight: 700;
	font-family: SVN-Boing, sans-serif;
	margin: 0 10px;
	cursor: pointer;
	width: 180px;
	position: relative;
	display: inline-block
}

@media (max-width:767px) {
	.assign-package-modal .modal-dialog .modal-content .modal-body .wrapper-flex.order-name span {
		width: 140px;
		font-size: 14px
	}
}

@media (max-width:320px) {
	.assign-package-modal .modal-dialog .modal-content .modal-body .wrapper-flex.order-name span {
		width: 110px;
		font-size: 12px
	}
}

.assign-package-modal .modal-dialog .modal-content .modal-body .wrapper-flex.order-name span i {
	position: absolute;
	right: 0;
	top: 0
}

.assign-package-modal .modal-dialog .modal-content .modal-body .order-container {
	padding: 0 20px;
	max-height: 300px;
	overflow: auto
}

@media (max-width:991px) {
	.assign-package-modal .modal-dialog .modal-content .modal-body .order-container {
		padding: 0 15px
	}
}

.assign-package-modal .modal-dialog .modal-content .modal-body .order-container .wrapper-order-item.is-show-packages .order-name span i {
	transform: rotate(180deg)
}

.assign-package-modal .modal-dialog .modal-content .modal-body .order-container .wrapper-order-item.is-show-packages .content-order {
	display: block
}

.assign-package-modal .modal-dialog .modal-content .modal-body .order-container .wrapper-order-item .content-order {
	display: none
}

.assign-package-modal .modal-dialog .modal-content .modal-body .order-container .list-packages li {
	font-size: 14px;
	position: relative;
	padding-left: 40px;
	margin-bottom: 5px
}

.assign-package-modal .modal-dialog .modal-content .modal-body .order-container .list-packages li:before {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #000;
	position: absolute;
	left: 30px;
	top: 7px
}

.assign-package-modal .modal-dialog .modal-content .modal-body .btn-confirm {
	width: auto;
	padding: 17px 35px 14px!important;
	text-transform: none
}

.assign-package-modal .modal-dialog .modal-content .modal-body .note {
	color: #666;
	font-size: 14px;
	margin-top: 10px
}

.assign-package-modal .modal-dialog .modal-content .modal-body .note span {
	color: #f83e47
}

@media (max-width:991px) {
	#manage-account-children-page h1 {
		margin-top: 25px
	}
}

#manage-account-children-page .menu-detail {
	margin-top: 0
}

#manage-account-children-page .list-children {
	border-radius: 15px;
	padding: 0;
	margin-top: 20px
}

#manage-account-children-page .list-children__item {
	width: calc(50% - 10px);
	float: left;
	background-color: #fff;
	padding: 20px 30px;
	border-radius: 15px;
	margin-bottom: 20px
}

@media (max-width:991px) {
	#manage-account-children-page .list-children__item {
		background-color: #fff;
		padding: 20px 15px 10px;
		margin-bottom: 20px;
		width: 100%;
		float: none
	}
}

#manage-account-children-page .list-children__item .can-not-remove {
	font-size: 12px
}

#manage-account-children-page .list-children__item .can-not-remove--bold {
	font-size: 14px;
	font-weight: 700
}

#manage-account-children-page .list-children__item:after {
	content: "";
	display: block;
	clear: both
}

#manage-account-children-page .list-children__item:nth-child(odd) {
	margin-right: 20px
}

#manage-account-children-page .list-children__item .change-avatar-box {
	margin: 0 auto 10px
}

#manage-account-children-page .list-children__item .remove-btn {
	background: transparent!important;
	color: #666!important
}

#manage-account-children-page .list-children__item .remove-btn i {
	margin-right: 10px
}

@media (max-width:991px) {
	#manage-account-children-page .list-children__item .form-group {
		width: 100%;
		margin-bottom: 0
	}
}

@media (max-width:991px) {
	#manage-account-children-page .list-children__item .change-avatar-box {
		margin: auto
	}
}

@media (max-width:991px) {
	#manage-account-children-page .list-children__birthday {
		text-align: center
	}
	#manage-account-children-page .list-children__birthday .remove-btn {
		background-color: transparent!important;
		margin-top: 10px;
		color: #999!important;
		-o-box-shadow: none!important;
		box-shadow: none!important
	}
	#manage-account-children-page .list-children__birthday .remove-btn .trash-icon {
		margin-right: 5px;
		font-size: 18px
	}
}

@media (max-width:991px) {
	#manage-account-children-page .list-children__label {
		text-align: left;
		display: block
	}
}

@media (max-width:991px) {
	#manage-account-children-page .list-children__change-avatar {
		-ms-flex-order: 1;
		order: 1;
		margin: auto
	}
}

#manage-account-children-page .list-children__add-account-btn {
	border: 2px solid #ddd;
	border-radius: 25px;
	background-color: #fff;
	color: #333!important
}

#manage-account-children-page .btn-line {
	margin-top: 40px
}

@media (max-width:991px) {
	#manage-account-children-page .btn-line {
		margin-top: 0
	}
}

#manage-account-children-page .btn-line .form__btn {
	width: 320px;
	margin: 0 10px;
	line-height: 1;
	padding: 16px 0 12px!important
}

@media (max-width:991px) {
	#manage-account-children-page .btn-line .form__btn {
		margin: 0;
		width: 300px
	}
}

#report-content {
	margin: 0 -40px
}

@media (max-width:991px) {
	#report-content {
		width: calc(100% + 30px);
		margin: 0 -16px;
		height: 100%;
		margin-top: -1px
	}
}

#report-header {
	height: 80px;
	background-color: #0076ff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: SVN-ProductSans
}

#report-header .profile-avatar {
	width: 52px;
	height: 52px;
	border-radius: 90px;
	border: 2px solid #fff;
	margin-right: 10px
}

#report-header .profile-name {
	font-size: 15px;
	font-weight: 700
}

#report-header .profile-name,
#report-header .report-header__text {
	font-family: SVN-ProductSans;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #fff
}

#report-header .report-header__text {
	opacity: .7;
	font-size: 20px;
	font-weight: 400;
	text-align: right
}

#report-header .report-header__dropdown {
	width: 240px;
	height: 50px;
	border-radius: 8px;
	border: 2px dashed hsla(0, 0%, 100%, .6);
	background: transparent;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

#report-header .report-header__dropdown.program-selector,
#report-header .report-header__dropdown.report-selector {
	margin-left: 16px
}

#report-header .report-header__dropdown.program-selector:focus,
#report-header .report-header__dropdown.report-selector:focus {
	outline: none
}

#report-header .report-header__dropdown.children-selector {
	margin-left: 16px
}

#report-header .report-header__dropdown .profile-child__avatar {
	width: 36px;
	height: 36px;
	border-radius: 26px;
	border: 2px solid #fff;
	margin-right: 10px
}

#report-header .report-header__dropdown .profile-child__name,
#report-header .report-header__dropdown .report-selector__name {
	font-family: SVN-ProductSans;
	font-size: 20px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #fff
}

#report-header .report-header__dropdown .react-select__control .profile-child__name,
#report-header .report-header__dropdown .react-select__control .report-selector__name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media (max-width:991px) {
	#report-header {
		display: block;
		text-align: center;
		height: auto;
		padding-bottom: 20px;
		padding-top: 16px
	}
	#report-header .profile-avatar {
		display: none
	}
	#report-header .profile-name {
		display: -ms-inline-flexbox;
		display: inline-flex;
		font-size: 14px;
		margin-right: 4px;
		opacity: .7
	}
	#report-header .report-header__text {
		font-size: 14px
	}
	#report-header .report-header__text.subject {
		display: none
	}
	#report-header .report-header__dropdown {
		width: calc(100% - 40px);
		text-align: left
	}
	#report-header .report-header__dropdown.children-selector {
		margin: 10px 20px 20px
	}
	#report-header .report-header__dropdown.report-selector:not(.isBooking) {
		margin: 20px 20px 0
	}
	#report-header .report-header__dropdown.report-selector.isBooking {
		margin: 10px 20px 20px
	}
	#report-header .report-header__dropdown.program-selector {
		margin: 20px 20px 0
	}
	#report-header .report-header__dropdown .profile-child__avatar {
		width: 32px;
		height: 32px
	}
	#report-header .report-header__dropdown .profile-child__name,
	#report-header .report-header__dropdown .report-selector__name {
		font-size: 16px
	}
}

@media (max-width:767px) {
	#report-header {
		padding-bottom: 15px;
		padding-top: 15px
	}
	#report-header .profile-child__name,
	#report-header .report-selector__name {
		font-size: 15px
	}
	#report-header .report-header__dropdown {
		height: 45px;
		width: calc(100% - 20px)
	}
	#report-header .report-header__dropdown.children-selector {
		margin: 10px
	}
	#report-header .report-header__dropdown.report-selector:not(.isBooking) {
		margin: 10px;
		margin-bottom: 0
	}
	#report-header .report-header__dropdown.report-selector.isBooking {
		margin: 10px
	}
	#report-header .report-header__dropdown.program-selector {
		margin: 10px;
		margin-bottom: 0
	}
}

.report-header__dropdown .react-select__control {
	background-color: transparent;
	border: none;
	height: inherit
}

.report-header__dropdown .react-select__indicator-separator {
	display: none
}

.report-header__dropdown .react-select__placeholder {
	font-family: SVN-ProductSans;
	font-size: 20px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #fff
}

.report-header__dropdown .react-select__option {
	background-color: #0076ff
}

.report-header__dropdown .react-select__menu {
	transition: height .5s;
	animation: fade--in .3s ease-in-out
}

@keyframes fade--in {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.report-header__dropdown .react-select__menu-list {
	padding: 0;
	border-radius: 8px;
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .2);
	border: 2px solid #fff;
	background-color: #0076ff
}

.report-header__dropdown .react-select__value-container {
	height: 100%
}

.report-header__dropdown .react-select__indicator {
	margin-right: 16px
}

.report-header__dropdown .react-select__single-value .single-value-title {
	font-family: SVN-ProductSans;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #fff;
	font-size: 13px;
	opacity: .7
}

.report-header__dropdown .react-select__menu-notice--no-options {
	font-family: SVN-ProductSans;
	font-size: 20px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #fff
}

#report-one-by-one {
	position: relative;
	font-family: SVN-ProductSans
}

#report-one-by-one:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background-color: #fff
}

@media (max-width:991px) {
	#report-one-by-one:before {
		display: none
	}
}

#report-one-by-one:after {
	content: "";
	position: absolute;
	bottom: -40px;
	left: 0;
	width: 100%;
	height: 40px;
	background-color: #fff
}

@media (max-width:991px) {
	#report-one-by-one:after {
		display: none
	}
}

#report-one-by-one .type-class {
	color: #fff;
	padding: 2px 10px 1px;
	border-radius: 15px;
	font-size: 14px;
	display: inline-block;
	position: relative;
	top: -4px;
	margin-right: 5px;
	text-transform: uppercase;
	background-color: #0b53ff
}

@media (max-width:991px) {
	#report-one-by-one .type-class {
		top: 0
	}
}

#report-one-by-one .wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #fff
}

@media (max-width:991px) {
	#report-one-by-one .wrapper {
		background: transparent
	}
}

#report-one-by-one .wrapper__left {
	width: calc(100% - 420px);
	background: #eef5fe;
	margin-top: 30px;
	border-radius: 0 20px 20px 0
}

@media (max-width:1240px) {
	#report-one-by-one .wrapper__left {
		width: calc(100% - 300px)
	}
}

@media (max-width:991px) {
	#report-one-by-one .wrapper__left {
		width: 100%;
		margin-top: 0
	}
}

#report-one-by-one .wrapper__left .icon-star {
	width: 22px;
	height: 22px
}

@media (max-width:991px) {
	#report-one-by-one .wrapper__left .icon-star {
		width: 16px;
		height: 16px
	}
}

#report-one-by-one .wrapper__left .report-container {
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0 30px 60px 0 rgba(73, 152, 248, .3);
	padding-top: 1px
}

#report-one-by-one .wrapper__left .report-container .chart-bar {
	border-radius: 20px;
	box-shadow: 0 15px 40px 0 rgba(73, 152, 248, .3);
	background-color: #fff;
	padding: 20px 30px;
	margin: 15px
}

@media (max-width:767px) {
	#report-one-by-one .wrapper__left .report-container .chart-bar {
		padding: 10px
	}
}

#report-one-by-one .wrapper__left .report-container .chart-bar__title {
	font-family: SVN-ProductSans;
	font-size: 22px;
	font-weight: 700;
	color: #ff572a;
	margin-bottom: 15px
}

#report-one-by-one .wrapper__left .report-container .chart-bar__list {
	column-count: 3;
	padding-left: 20px
}

@media (max-width:767px) {
	#report-one-by-one .wrapper__left .report-container .chart-bar__list {
		column-count: 2;
		padding-left: 10px
	}
}

#report-one-by-one .wrapper__left .report-container .chart-bar__list__item {
	width: 100%;
	margin-top: 5px;
	display: inline-block
}

#report-one-by-one .wrapper__left .report-container .chart-bar__list__item__detail {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: baseline;
	align-items: baseline;
	color: #999;
	font-family: SVN-ProductSans;
	font-size: 13px
}

@media (max-width:300px) {
	#report-one-by-one .wrapper__left .report-container .chart-bar__list__item__detail {
		font-size: 11px
	}
}

#report-one-by-one .wrapper__left .report-container .comment-view {
	padding: 0 40px 20px
}

@media (max-width:767px) {
	#report-one-by-one .wrapper__left .report-container .comment-view {
		padding: 0 10px 20px
	}
}

#report-one-by-one .wrapper__left .report-container .comment-view__header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 15px
}

#report-one-by-one .wrapper__left .report-container .comment-view__title {
	font-family: SVN-ProductSans;
	font-size: 22px;
	font-weight: 700;
	color: #ff572a
}

#report-one-by-one .wrapper__left .report-container .comment-view .wrapper-comment-item {
	padding-left: 30px
}

@media (max-width:767px) {
	#report-one-by-one .wrapper__left .report-container .comment-view .wrapper-comment-item {
		padding-left: 10px
	}
}

#report-one-by-one .wrapper__left .report-container .comment-view .wrapper-comment-item .type-class {
	top: 0
}

#report-one-by-one .wrapper__left .report-container .comment-view__dateTime {
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	margin-bottom: 10px
}

#report-one-by-one .wrapper__left .report-container .comment-view__detail {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 25px
}

#report-one-by-one .wrapper__left .report-container .comment-view__detail__icon {
	width: 22px;
	height: 18px;
	margin-right: 13px
}

#report-one-by-one .wrapper__left .report-container .comment-view__detail__comment {
	font-family: SVN-ProductSans;
	font-size: 16px;
	color: #333;
	white-space: pre-line
}

#report-one-by-one .wrapper__left .report-container .comment-view .InputFromTo {
	display: -ms-flexbox;
	display: flex;
	border: 1px solid #ddd;
	border-radius: 25px;
	padding: 0 45px 0 25px;
	position: relative
}

#report-one-by-one .wrapper__left .report-container .comment-view .InputFromTo .separate-symbol {
	position: relative;
	top: 9px;
	left: -6px
}

#report-one-by-one .wrapper__left .report-container .comment-view .InputFromTo input {
	padding: 8px 0 6px;
	border: none;
	background-color: transparent;
	width: 95px
}

#report-one-by-one .wrapper__left .report-container .comment-view .InputFromTo img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	width: 25px;
	height: 25px;
	cursor: pointer
}

#report-one-by-one .wrapper__left .report-container .statistics-wrapper {
	padding: 20px 40px
}

@media (max-width:767px) {
	#report-one-by-one .wrapper__left .report-container .statistics-wrapper {
		padding: 20px 10px
	}
}

#report-one-by-one .wrapper__left .report-container .statistics-wrapper .statistic-title {
	font-family: SVN-ProductSans;
	font-size: 22px;
	font-weight: 700;
	color: #ff572a
}

#report-one-by-one .wrapper__left .report-container .statistics-wrapper .tab-view {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin: 24px 0
}

#report-one-by-one .wrapper__left .report-container .statistics-wrapper .tab-view .tab-label {
	color: #999;
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	cursor: pointer
}

#report-one-by-one .wrapper__left .report-container .statistics-wrapper .tab-view .mg-left {
	margin-left: 40px
}

#report-one-by-one .wrapper__left .report-container .statistics-wrapper .tab-view .active {
	color: #ff744d;
	font-weight: 700;
	position: relative
}

#report-one-by-one .wrapper__left .report-container .statistics-wrapper .tab-view .active:before {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: #ff744d
}

#report-one-by-one .wrapper__left .report-container .statistics-wrapper .activities-wrapper .type-class {
	top: -2px
}

#report-one-by-one .wrapper__left .report-container .statistics-wrapper .activities-wrapper .no-homework {
	font-family: SVN-ProductSans;
	font-size: 16px;
	margin-top: 5px;
	color: "#333"
}

@media (max-width:991px) {
	#report-one-by-one .wrapper__left .report-container .statistics-wrapper .activities-wrapper .no-homework {
		font-size: 15px
	}
}

#report-one-by-one .wrapper__left .report-container .statistics-wrapper .activities-wrapper .activities {
	column-count: 2;
	margin-bottom: 25px
}

@media (max-width:991px) {
	#report-one-by-one .wrapper__left .report-container .statistics-wrapper .activities-wrapper .activities {
		column-count: 1
	}
}

#report-one-by-one .wrapper__left .report-container .statistics-wrapper .activities-wrapper .activity-item {
	width: 100%;
	margin-top: 5px;
	display: inline-block;
	cursor: pointer
}

#report-one-by-one .wrapper__left .report-container .statistics-wrapper .activities-wrapper .activity-item.disabled,
#report-one-by-one .wrapper__left .report-container .statistics-wrapper .activities-wrapper .activity-item.isDeactive {
	cursor: default
}

#report-one-by-one .wrapper__left .report-container .statistics-wrapper .activities-wrapper .activity-icon {
	width: 24px;
	height: 24px;
	margin-right: 15px
}

#report-one-by-one .wrapper__left .report-container .statistics-wrapper .activities-wrapper .activity-name-completed {
	font-family: SVN-ProductSans;
	font-size: 16px;
	color: #999
}

#report-one-by-one .wrapper__left .report-container .statistics-wrapper .activities-wrapper .activity-name {
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 700;
	color: #333
}

#report-one-by-one .wrapper__left .report-container .statistics-wrapper .activities-wrapper .lesson-name {
	font-size: 18px;
	font-weight: 700;
	color: #333
}

#report-one-by-one .wrapper__left .report-container .statistics-wrapper .activities-wrapper .lesson-name span {
	font-size: 16px;
	color: #666;
	margin-left: 5px;
	font-weight: 400
}

#report-one-by-one .wrapper__left .upcomming-container {
	border-radius: 20px;
	background-color: #4998f8;
	color: #fff;
	margin: 0 auto 50px;
	position: relative;
	max-width: 850px
}

@media (max-width:991px) {
	#report-one-by-one .wrapper__left .upcomming-container {
		display: none
	}
}

#report-one-by-one .wrapper__left .upcomming-container:after {
	content: "";
	width: calc(100% - 60px);
	height: 10px;
	background-color: #4998f8;
	opacity: .4;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 0 0 20px 20px
}

#report-one-by-one .wrapper__left .upcomming-container:before {
	content: "";
	width: calc(100% - 100px);
	height: 20px;
	background-color: #4998f8;
	opacity: .2;
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 0 0 20px 20px
}

#report-one-by-one .wrapper__left .upcomming-container__title {
	font-family: SVN-ProductSans;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	padding: 10px 0;
	background-color: #1a7cf3;
	display: block;
	border-radius: 20px 20px 0 0
}

#report-one-by-one .wrapper__left .upcomming-container__slide {
	padding: 13px 40px 18px
}

#report-one-by-one .wrapper__left .upcomming-container__slide .slick-arrow:hover {
	opacity: .75
}

#report-one-by-one .wrapper__left .upcomming-container__slide .slick-next {
	width: 32px;
	height: 40px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDMyIDQwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjQwIiBmaWxsPSIjMUE3Q0YzIiByeD0iMTAiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0yMi43OTIgMTkuOTg2bC00LjY5NS00Ljc3NWEuNy43IDAgMCAwLS41MDMtLjIxMS43LjcgMCAwIDAtLjUwMy4yMTFsLS40MjYuNDM0YS43MzkuNzM5IDAgMCAwIDAgMS4wM2wyLjczOSAyLjc5MWgtOC43MDJhLjcuNyAwIDAgMC0uNzAyLjcxMnYuNjEzYzAgLjM5OS4zMS43NDMuNzAyLjc0M2g4LjczM2wtMi43NyAyLjgwN2EuNzE0LjcxNCAwIDAgMC0uMjA4LjUwNy43Mi43MiAwIDAgMCAuMjA4LjUxbC40MjYuNDMxYS43LjcgMCAwIDAgLjUwMy4yMTEuNy43IDAgMCAwIC41MDQtLjIxMmw0LjY5NC00Ljc3NUEuNzI1LjcyNSAwIDAgMCAyMyAyMC41YS43MjUuNzI1IDAgMCAwLS4yMDgtLjUxNHoiLz4KICAgIDwvZz4KPC9zdmc+Cg==);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	right: -30px;
	top: 45%
}

#report-one-by-one .wrapper__left .upcomming-container__slide .slick-next:before {
	content: ""
}

#report-one-by-one .wrapper__left .upcomming-container__slide .slick-prev {
	width: 32px;
	height: 40px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDMyIDQwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjQwIiBmaWxsPSIjMUE3Q0YzIiByeD0iMTAiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDMyIDApIi8+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTAuMjA4IDE5Ljk4Nmw0LjY5NS00Ljc3NWEuNy43IDAgMCAxIC41MDMtLjIxMS43LjcgMCAwIDEgLjUwMy4yMTFsLjQyNi40MzRhLjczOS43MzkgMCAwIDEgMCAxLjAzbC0yLjczOSAyLjc5MWg4LjcwMmEuNy43IDAgMCAxIC43MDIuNzEydi42MTNjMCAuMzk5LS4zMS43NDMtLjcwMi43NDNoLTguNzMzbDIuNzcgMi44MDdhLjcxNC43MTQgMCAwIDEgLjIwOC41MDcuNzIuNzIgMCAwIDEtLjIwOC41MWwtLjQyNi40MzFhLjcuNyAwIDAgMS0uNTAzLjIxMS43LjcgMCAwIDEtLjUwNC0uMjEybC00LjY5NC00Ljc3NUEuNzI1LjcyNSAwIDAgMSAxMCAyMC41YzAtLjE5NS4wNzMtLjM3Ny4yMDgtLjUxNHoiLz4KICAgIDwvZz4KPC9zdmc+Cg==);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	left: -30px;
	top: 45%
}

#report-one-by-one .wrapper__left .upcomming-container__slide .slick-prev:before {
	content: ""
}

#report-one-by-one .wrapper__left .upcomming-container__list {
	display: -ms-flexbox;
	display: flex;
	font-family: SVN-ProductSans;
	text-align: center
}

#report-one-by-one .wrapper__left .upcomming-container__list__day {
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 100%;
	position: relative
}

#report-one-by-one .wrapper__left .upcomming-container__list__day p {
	font-size: 15px;
	margin-bottom: 8px;
	color: hsla(0, 0%, 100%, .8)
}

@media (max-width:991px) {
	#report-one-by-one .wrapper__left .upcomming-container__list__day p {
		font-size: 14px
	}
}

#report-one-by-one .wrapper__left .upcomming-container__list__day p span {
	display: block;
	font-size: 20px;
	font-family: SVN-ProductSans;
	font-weight: 700;
	color: #fff
}

#report-one-by-one .wrapper__left .upcomming-container__list__day__info {
	padding-bottom: 5px
}

#report-one-by-one .wrapper__left .upcomming-container__list__day__info__time {
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: #333;
	background-color: #fff;
	border-radius: 12px;
	padding: 2px 13px;
	display: inline-block
}

#report-one-by-one .wrapper__left .upcomming-container__list__day__info__sub {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
	display: block;
	margin: 7px 0
}

@media (max-width:1024px) {
	#report-one-by-one .wrapper__left .upcomming-container__list__day__info__sub {
		font-size: 14px
	}
}

#report-one-by-one .wrapper__left .upcomming-container__list__day__info__teacher {
	font-size: 13px;
	color: #fff;
	display: block;
	text-overflow: ellipsis;
	max-width: 110px;
	overflow: hidden
}

#report-one-by-one .wrapper__left .upcomming-container__list__day__info__teacher:hover {
	overflow: visible
}

#report-one-by-one .wrapper__left .content-1-1 {
	padding: 20px 50px 50px
}

@media (max-width:1024px) {
	#report-one-by-one .wrapper__left .content-1-1 {
		padding: 15px
	}
}

@media (max-width:991px) {
	#report-one-by-one .wrapper__left .content-1-1 {
		padding: 15px
	}
}

#report-one-by-one .wrapper__left .header {
	margin-top: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:991px) {
	#report-one-by-one .wrapper__left .header {
		height: 65px;
		margin-top: 0
	}
}

#report-one-by-one .wrapper__left .mobile-header {
	height: 30px;
	background-color: #001e6d;
	width: 100%;
	margin-top: 79px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 15px
}

@media (max-width:767px) {
	#report-one-by-one .wrapper__left .mobile-header {
		margin-top: 57px
	}
}

#report-one-by-one .wrapper__left .mobile-header__title {
	opacity: .9;
	font-family: SVN-ProductSans;
	font-size: 14px;
	font-weight: 700;
	color: #ffe300
}

#report-one-by-one .wrapper__left .info-mb {
	background: #fff;
	padding: 15px;
	padding-bottom: 10px
}

#report-one-by-one .wrapper__left .info-mb .wrapper-package .package-name {
	text-transform: uppercase;
	font-family: SVN-ProductSans;
	font-weight: 700;
	color: #0b53ff;
	font-size: 16px
}

#report-one-by-one .wrapper__left .info-mb .row-space {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#report-one-by-one .wrapper__left .info-mb .row-space .status-lv {
	font-weight: 700;
	color: #000;
	font-size: 16px
}

@media (max-width:991px) {
	#report-one-by-one .wrapper__left .info-mb .row-space .status-lv {
		font-size: 14px
	}
}

#report-one-by-one .wrapper__left .info-mb .show-modal-mb {
	display: block;
	font-size: 14px
}

#report-one-by-one .wrapper__left .student-overview {
	padding: 15px;
	background-color: #fff;
	margin-bottom: 2px
}

#report-one-by-one .wrapper__left .student-overview .status-text {
	font-family: SVN-ProductSans;
	color: #666;
	font-size: 16px
}

#report-one-by-one .wrapper__left .student-overview .row-space {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#report-one-by-one .wrapper__left .student-overview .status-lv {
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 700;
	color: #333
}

@media (max-width:991px) {
	#report-one-by-one .wrapper__left .student-overview .status-lv {
		font-size: 14px
	}
}

#report-one-by-one .wrapper__left .student-overview .see-more {
	font-size: 14px;
	color: #666;
	border-top: 1px dashed #ddd;
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
	margin-top: 10px
}

#report-one-by-one .wrapper__left .student-overview .show-modal-mb {
	width: 100%;
	display: block;
	border-top: 1px dashed #ddd;
	padding-top: 5px;
	margin-top: 5px;
	margin-bottom: -10px;
	color: #999;
	font-size: 14px
}

#report-one-by-one .wrapper__left .student-overview .learning-day {
	display: -ms-flexbox;
	display: flex;
	margin-top: 18px
}

#report-one-by-one .wrapper__left .student-overview .learning-day .learning {
	-ms-flex: 1;
	flex: 1;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	display: -ms-flexbox;
	display: flex
}

#report-one-by-one .wrapper__left .student-overview .learning-day .lesson-number {
	font-family: SVN-ProductSans;
	font-size: 21px;
	font-weight: 700;
	color: #333
}

#report-one-by-one .wrapper__left .student-overview .learning-day .lesson-title {
	font-family: SVN-ProductSans;
	font-size: 11px;
	color: #999
}

#report-one-by-one .wrapper__left .btn-tab {
	width: 188px;
	height: 44px;
	background-color: #e5e5e5;
	border-radius: 5px;
	margin-left: 7px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	color: #666;
	font-family: SVN-ProductSans;
	font-size: 18px;
	cursor: pointer
}

@media (max-width:991px) {
	#report-one-by-one .wrapper__left .btn-tab {
		font-size: 15px;
		height: 40px;
		border-radius: 5px;
		padding: 0 15px;
		width: unset
	}
}

#report-one-by-one .wrapper__left .isActive {
	background-color: #f33030;
	color: #fff
}

#report-one-by-one .wrapper__left .btn-schedule-for-kid {
	width: 188px;
	height: 44px;
	border-radius: 5px;
	background-color: #ff744d;
	color: #fff;
	font-family: SVN-ProductSans;
	font-size: 18px;
	font-weight: 700;
	margin-right: 7px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer
}

#report-one-by-one .wrapper__right {
	min-height: calc(100vh - 120px);
	width: 420px;
	background-color: #fff
}

@media (max-width:1240px) {
	#report-one-by-one .wrapper__right {
		width: 300px
	}
}

@media (max-width:991px) {
	#report-one-by-one .wrapper__right {
		display: none
	}
}

#report-one-by-one .wrapper__right .student-overview {
	padding: 30px
}

@media (max-width:1024px) {
	#report-one-by-one .wrapper__right .student-overview {
		padding: 20px
	}
}

#report-one-by-one .wrapper__right .student-overview .avatar {
	width: 60px;
	height: 60px;
	border-radius: 50%
}

#report-one-by-one .wrapper__right .student-overview .student-name {
	color: #333;
	font-family: SVN-ProductSans;
	font-size: 20px;
	font-weight: 700
}

#report-one-by-one .wrapper__right .student-overview .student-row {
	display: -ms-flexbox;
	display: flex
}

#report-one-by-one .wrapper__right .student-overview .student-overview-item {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px
}

#report-one-by-one .wrapper__right .student-overview .title-class {
	font-family: SVN-ProductSans;
	font-size: 18px;
	font-weight: 700;
	color: #0b53ff;
	margin: 20px 0 10px
}

#report-one-by-one .wrapper__right .student-overview .title-class .tag {
	text-transform: uppercase
}

#report-one-by-one .wrapper__right .student-overview .status-text {
	font-family: SVN-ProductSans;
	color: #666;
	font-size: 16px
}

#report-one-by-one .wrapper__right .student-overview .status-result {
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 700;
	color: #56a400
}

#report-one-by-one .wrapper__right .student-overview .row-space {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#report-one-by-one .wrapper__right .student-overview .status-lv {
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 700;
	color: #333
}

@media (max-width:991px) {
	#report-one-by-one .wrapper__right .student-overview .status-lv {
		font-size: 14px
	}
}

#report-one-by-one .wrapper__right .student-overview .learning-day {
	padding: 10px 0;
	display: -ms-flexbox;
	display: flex
}

#report-one-by-one .wrapper__right .student-overview .learning-day .learning {
	-ms-flex: 1;
	flex: 1;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	display: -ms-flexbox;
	display: flex
}

#report-one-by-one .wrapper__right .student-overview .learning-day .lesson-number {
	font-family: SVN-ProductSans;
	font-size: 20px;
	font-weight: 700;
	color: #333
}

#report-one-by-one .wrapper__right .student-overview .learning-day .lesson-title {
	font-family: SVN-ProductSans;
	font-size: 11px;
	color: #999
}

#report-one-by-one .wrapper__right .student-overview .learning-icon {
	width: 32px;
	height: 28px;
	margin-right: 10px
}

#report-one-by-one .wrapper__right .student-overview .learning-title {
	color: #4998f8;
	font-family: SVN-ProductSans;
	font-weight: 600;
	font-size: 16px
}

#report-one-by-one .wrapper__right .student-overview .ali-cen {
	-ms-flex-align: center;
	align-items: center
}

#report-one-by-one .wrapper__right .student-overview .ali-cen .priority-day {
	font-weight: 700;
	color: #000
}

#report-one-by-one .wrapper__right .student-overview .comment {
	font-family: SVN-ProductSans;
	font-size: 16px;
	color: #333;
	margin-top: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3
}

#report-one-by-one .wrapper__right .student-overview .detail-btn {
	border-radius: 5px;
	border: 1px solid #ff744d;
	text-align: center;
	color: #ff744d;
	font-family: SVN-ProductSans;
	font-size: 14px;
	padding: 5px 15px;
	margin: 15px auto 0;
	width: -webkit-fit-content;
	width: fit-content;
	width: -moz-fit-content;
	cursor: pointer
}

#report-one-by-one .wrapper__right .student-overview .priority-day,
#report-one-by-one .wrapper__right .student-overview .priority-name {
	font-family: SVN-ProductSans;
	font-size: 16px;
	color: #333
}

#report-one-by-one .wrapper__right .student-overview .contact-btn {
	border: 1px solid #ff744d;
	border-radius: 5px;
	display: -ms-flexbox;
	display: flex;
	width: -webkit-fit-content;
	width: fit-content;
	padding: 5px 10px;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

#report-one-by-one .wrapper__right .student-overview .contact-btn .email-icon {
	width: 14px;
	height: 11px;
	margin-right: 8px
}

#report-one-by-one .wrapper__right .student-overview .contact-btn .contact-text {
	font-family: SVN-ProductSans;
	font-size: 14px;
	color: #ff744d
}

@media (max-width:767px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .slick-slide {
		margin: 0 5px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .tab-view {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 15px
}

#report-one-by-one .wrapper .tab-1-1-wrapper .tab-view__label {
	font-family: SVN-ProductSans;
	font-size: 17px;
	font-weight: 400;
	color: #999;
	margin: 0 15px;
	cursor: pointer;
	text-align: center
}

@media (max-width:1199px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .tab-view__label {
		margin: 0 10px
	}
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .tab-view__label {
		font-size: 15px
	}
}

@media (max-width:767px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .tab-view__label {
		margin: 0;
		padding: 0 5px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .tab-view__active {
	color: #333;
	font-weight: 700
}

#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container {
	background-color: #fff;
	border-radius: 20px;
	padding: 40px 60px;
	box-shadow: 0 10px 30px 0 rgba(73, 152, 248, .2)
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container {
		padding: 40px
	}
}

@media (max-width:767px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container {
		padding: 12px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container .report-learning-map {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 15px
}

#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container .report-learning-map__left {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container .report-learning-map__left .dot {
	width: 13px;
	height: 13px;
	border: 3px solid #ff001f;
	background-color: rgba(255, 0, 31, .2);
	border-radius: 50%
}

#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container .report-learning-map__left .dot-completed {
	width: 13px;
	height: 13px;
	border: 3px solid #56a400;
	background-color: rgba(86, 164, 0, .3);
	border-radius: 50%
}

#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container .report-learning-map__left .line {
	height: 60%;
	width: 1px;
	border-left: 1px dashed #e3edfa;
	margin-top: 10px
}

#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container .report-learning-map__right {
	margin-left: 20px;
	width: 100%
}

@media (max-width:767px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container .report-learning-map__right {
		margin-left: 10px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container .report-learning-map__right .booking-group__icon {
	height: 20px;
	width: 31px;
	margin-right: 5px
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container .report-learning-map__right .booking-group__icon {
		height: 16px;
		width: 25px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container .report-learning-map__right .booking-group__total {
	color: #888;
	font-family: SVN-ProductSans;
	font-size: 13px;
	font-weight: 700
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container .report-learning-map__right .booking-group__total {
		font-size: 11px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container .report-learning-map__right .date-view {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container .report-learning-map__right .date-time {
	font-family: SVN-ProductSans;
	font-size: 15px;
	color: #999;
	text-transform: capitalize
}

#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container .report-learning-map__right .lesson-name {
	font-size: 22px;
	color: #333;
	margin-top: 10px
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container .report-learning-map__right .lesson-name {
		margin-top: 5px;
		font-size: 17px
	}
}

@media (max-width:767px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container .report-learning-map__right .lesson-name {
		line-height: normal
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container .report-learning-map__right .lesson-name span {
	font-size: 16px;
	color: #666;
	margin-left: 5px;
	font-weight: 400
}

#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container .report-learning-map__right .lesson-name span.type-class {
	top: -4px
}

#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container .report-learning-map__right .status-completed {
	font-size: 15px;
	font-weight: 700;
	color: #56a400;
	font-family: SVN-ProductSans;
	margin-left: 10px
}

#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container .report-learning-map__right .status-waiting {
	font-size: 15px;
	font-weight: 700;
	color: #ff001f;
	font-family: SVN-ProductSans;
	margin-left: 10px
}

#report-one-by-one .wrapper .tab-1-1-wrapper .report-learning-map-container .report-learning-map__right .teacher-name {
	font-family: SVN-ProductSans;
	font-size: 15px;
	font-weight: 700;
	color: #333;
	margin-left: 10px
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item {
	background-color: #fff;
	padding: 20px 30px;
	box-shadow: 0 10px 30px 0 rgba(73, 152, 248, .2);
	border-radius: 20px;
	margin-bottom: 20px
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item {
		padding: 15px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .view-document-btn {
	margin-left: 20px
}

@media (max-width:424px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .view-document-btn {
		margin-bottom: 5px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .view-document-btn span {
	color: #ff744d;
	font-weight: 700;
	background-color: #ffefeb;
	padding: 8px 15px;
	font-size: 15px;
	border-radius: 5px;
	font-family: SVN-ProductSans;
	white-space: nowrap
}

@media (max-width:767px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .view-document-btn span {
		font-size: 13px;
		padding: 6px 10px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .wrapper-btn-valuation {
	text-align: right
}

@media (max-width:1199px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .wrapper-btn-valuation {
		text-align: center;
		width: 100%;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 15px
	}
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .wrapper-btn-valuation.for-mb {
		-ms-flex-pack: center;
		justify-content: center
	}
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .wrapper-btn-valuation {
		margin-top: 5px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .wrapper-btn-valuation .btn-valuation {
	cursor: pointer;
	background-color: #ff744d;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	border-radius: 5px;
	padding: 8px 0;
	display: inline-block;
	width: 165px
}

@media (max-width:767px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .wrapper-btn-valuation .btn-valuation {
		font-size: 14px;
		width: 140px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .wrapper-1-1 {
	display: -ms-flexbox;
	display: flex
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .wrapper-1-1 {
		padding-bottom: 10px
	}
}

@media (max-width:767px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .wrapper-1-1 {
		padding-bottom: 5px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .lesson-view-mb {
	border-top: 1px solid #ddd;
	padding-top: 8px
}

@media (min-width:1200px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .lesson-view-mb {
		display: none
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .lesson-view-mb .enter-class-btn {
	border-radius: 5px;
	background-color: rgba(105, 174, 29, .1);
	padding: 7px 0;
	width: 125px;
	color: #fff;
	background-color: #60a32c;
	text-align: center;
	display: inline-block;
	position: relative;
	top: 2px
}

@media (max-width:767px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .lesson-view-mb .enter-class-btn {
		padding: 5px 0
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .lesson-view-mb .enter-class-btn span {
	font-size: 14px;
	font-weight: 700
}

@media (max-width:767px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .lesson-view-mb .enter-class-btn span {
		font-size: 13px
	}
}

@media (min-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .lesson-view-mb .video-btn-view-mobile {
		display: none
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .lesson-view-mb .video-btn-view-mobile .video-btn {
	border-radius: 5px;
	border: 1px solid #ff744d;
	color: #ff744d;
	font-family: SVN-ProductSans;
	font-weight: 700;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	width: -webkit-fit-content;
	width: fit-content;
	cursor: pointer;
	padding: 9px 34px 7px;
	margin-right: 10px;
	font-size: 14px
}

@media (max-width:767px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .lesson-view-mb .video-btn-view-mobile .video-btn {
		font-size: 13px;
		padding: 8px 15px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .lesson-view-mb .video-btn-view-mobile .arrow-right {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 10px solid #ff744d;
	margin-right: 5px
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .lesson-view-mb .view-document-btn span {
	font-size: 14px;
	padding: 10px 15px;
	background: #fff;
	border: 1px solid #ff744d;
	position: relative;
	top: 2px;
	font-family: SVN-ProductSans
}

@media (max-width:767px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .lesson-view-mb .view-document-btn span {
		font-size: 13px;
		padding: 8px 15px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .lesson-view-mb .wrapper-flex {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .lesson-view-mb .lesson-text {
	font-size: 18px;
	color: #333;
	width: 100%
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .lesson-view-mb .lesson-text {
		font-size: 16px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .lesson-view-mb .lesson-text span {
	font-size: 16px;
	color: #666;
	margin-left: 5px
}

@media (min-width:992px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .lesson-view-mb .booking-group {
		display: none
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .lesson-view-mb .booking-group__icon {
	height: 16px;
	width: 25px;
	margin-right: 5px
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .lesson-view-mb .booking-group__total {
	color: #888;
	font-family: SVN-ProductSans;
	font-size: 11px;
	font-weight: 700
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .lesson-view-mb .wrapper-btn-enter-class {
	border-top: 1px dashed #ddd;
	margin-top: 8px;
	padding-top: 8px
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .calendar {
	width: 66px;
	height: 80px;
	border: 1px solid #ddd;
	background-color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .calendar {
		width: 37px;
		height: 45px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .calendar__monthView {
	width: 64px;
	height: 20px;
	background-color: #ff744d;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .calendar__monthView {
		width: 35px;
		height: 12px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .calendar__month {
	color: #fff;
	font-family: SVN-ProductSans;
	font-size: 10px;
	font-weight: 700
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .calendar__month {
		font-size: 7px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .calendar__day {
	color: #666;
	font-family: SVN-ProductSans;
	font-size: 25px;
	font-weight: 700
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .calendar__day {
		font-size: 16px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .calendar__dayNumber {
	color: #999;
	font-family: SVN-ProductSans;
	font-size: 11px;
	font-weight: 400;
	text-transform: capitalize
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .calendar__dayNumber {
		display: none
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .calendar__content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .calendar__footer {
	width: 64px;
	height: 5px;
	background-color: #ddd
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .calendar__footer {
		height: 3px;
		width: 35px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information {
	margin-left: 30px;
	width: 100%
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information {
		margin-left: 12px;
		margin-top: -6px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		width: 100%
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top {
		width: 100%
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top .icon-lock {
	width: 16px;
	height: 16px
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top .icon-lock {
		width: 10px;
		height: 10px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__datetime {
	-ms-flex: 1;
	flex: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:1199px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__datetime {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-ms-flex-align: end;
		align-items: flex-end
	}
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__datetime {
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-pack: end;
		justify-content: flex-end
	}
}

@media (max-width:424px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__datetime {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__datetime .student-info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-align: baseline;
	align-items: baseline
}

@media (max-width:1199px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__datetime .student-info {
		margin-top: 15px
	}
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__datetime .student-info {
		margin-top: 0
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__datetime .student-info .time {
	font-weight: 700;
	color: #3291ff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100px
}

@media (max-width:350px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__datetime .student-info .time {
		max-width: 80px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__datetime .date-time {
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1;
	flex: 1
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__datetime .time {
	color: #333;
	font-family: SVN-ProductSans;
	font-size: 15px;
	margin-left: 10px
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__datetime .time {
		font-size: 13px
	}
}

@media (max-width:767px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__datetime .time {
		margin-left: 5px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__status {
	-ms-flex: 0.3;
	flex: 0.3;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:1280px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__status {
		-ms-flex: 0.5;
		flex: 0.5
	}
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__status {
		-ms-flex: 1;
		flex: 1;
		-ms-flex-align: center;
		align-items: center
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__status .status-label {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__status .status-approved {
	color: #3291ff;
	font-family: SVN-ProductSans;
	font-size: 15px;
	font-weight: 700;
	margin-left: 10px
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__status .status-approved {
		font-size: 14px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__status .status-canceled {
	font-size: 15px;
	font-weight: 700;
	color: #ff001f;
	font-family: SVN-ProductSans;
	margin-left: 10px
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__status .status-canceled {
		font-size: 13px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__status .status-completed {
	font-size: 15px;
	font-weight: 700;
	color: #56a400;
	font-family: SVN-ProductSans;
	margin-left: 10px
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__status .status-completed {
		font-size: 13px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__top__status .status-by {
	color: #666;
	font-size: 12px;
	font-weight: 400
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center {
	margin-top: 15px
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center {
		margin-top: 0
	}
}

@media (max-width:1199px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center .lesson-name {
		display: none
	}
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center .booking-group {
		display: none
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center .booking-group__icon {
	height: 20px;
	width: 31px;
	margin-right: 5px
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center .booking-group__total {
	color: #888;
	font-family: SVN-ProductSans;
	font-size: 13px;
	font-weight: 700
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center .btn-item {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center .btn-item img {
	margin-right: 5px
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center .btn-item span {
	font-size: 14px;
	font-weight: 700
}

@media (max-width:767px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center .btn-item span {
		font-size: 13px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center .wrapper-flex {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center .wrapper-btn-control {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center .wrapper-btn-control.is-up-comming {
	border-top: 1px dashed #ddd;
	margin-top: 8px;
	padding-top: 15px
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center .wrapper-btn-control.is-up-comming {
		border-top: none;
		margin-top: 0;
		padding-top: 0
	}
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center .wrapper-btn-control {
		width: 100%;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center .wrapper-btn-control .wrapper {
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	margin-top: 10px
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center .wrapper-btn-control .wrapper .view-document-btn span {
	color: #ff744d;
	font-weight: 700;
	background-color: #ffefeb;
	padding: 6px 10px;
	font-size: 13px;
	border-radius: 5px;
	font-family: SVN-ProductSans
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center .wrapper-btn-control .enter-class-btn {
	border-radius: 5px;
	background-color: rgba(105, 174, 29, .1);
	padding: 6px 0;
	width: 145px;
	color: #fff;
	background-color: #60a32c;
	text-align: center;
	display: inline-block
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center .wrapper-btn-control .view-document-btn span {
	background-color: #fff;
	border: 1px solid #ff744d;
	font-family: SVN-ProductSans
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center .lesson-text {
	font-size: 22px;
	color: #333
}

@media (max-width:1280px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center .lesson-text {
		font-size: 16px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center .lesson-text span {
	font-size: 16px;
	color: #666;
	margin-left: 5px
}

@media (max-width:1280px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center .lesson-text span {
		font-size: 14px
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center .time {
	color: #333;
	font-family: SVN-ProductSans;
	font-size: 15px;
	margin-left: 10px
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__center .time {
		font-size: 13px;
		margin-left: 0
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information .wrapper-flex {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

@media (max-width:1199px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information .wrapper-flex .video-btn-view-desk-top {
		margin-bottom: 20px
	}
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information .wrapper-flex .video-btn-view-desk-top {
		display: none
	}
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information .wrapper-flex .video-btn-view-desk-top .video-btn {
	border-radius: 5px;
	border: 1px solid #ff744d;
	color: #ff744d;
	font-family: SVN-ProductSans;
	font-size: 14px;
	font-weight: 700;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	width: -webkit-fit-content;
	width: fit-content;
	cursor: pointer;
	padding: 7px 10px;
	margin-right: 20px
}

#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information .wrapper-flex .video-btn-view-desk-top .arrow-right {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 10px solid #ff744d;
	margin-right: 5px
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .tab-1-1-wrapper .schedule-1-1-item .information__bottom {
		display: none
	}
}

#report-one-by-one .wrapper .evaluation-wrapper {
	width: 100%;
	border-top: 1px solid #ddd;
	margin-top: 15px;
	padding-top: 20px;
	border-bottom: 1px dashed #ddd;
	margin-bottom: 15px;
	padding-bottom: 8px
}

#report-one-by-one .wrapper .evaluation-wrapper.is-rated {
	padding-top: 0;
	margin-top: 0;
	border-top: none
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .evaluation-wrapper {
		margin-top: 8px;
		padding-top: 10px
	}
}

#report-one-by-one .wrapper .evaluation-wrapper .tab-view {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start!important;
	justify-content: flex-start!important;
	margin-bottom: 25px
}

#report-one-by-one .wrapper .evaluation-wrapper .tab-view .tab-label {
	color: #999;
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 400;
	cursor: pointer;
	text-align: center
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .evaluation-wrapper .tab-view .tab-label {
		font-size: 14px
	}
}

#report-one-by-one .wrapper .evaluation-wrapper .tab-view .mg-left {
	margin-left: 40px
}

#report-one-by-one .wrapper .evaluation-wrapper .tab-view .active {
	color: #ff744d;
	font-weight: 700;
	position: relative
}

#report-one-by-one .wrapper .evaluation-wrapper .tab-view .active:before {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: #ff744d
}

#report-one-by-one .wrapper .evaluation-wrapper .comment-wrapper .no-rating {
	font-size: 14px;
	margin-top: 5px
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .evaluation-wrapper .comment-wrapper .no-rating {
		font-size: 15px
	}
}

#report-one-by-one .wrapper .evaluation-wrapper .comment-wrapper .comment-view {
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px
}

#report-one-by-one .wrapper .evaluation-wrapper .comment-wrapper .comment-view .icon-comment {
	width: 22px;
	height: 18px;
	margin-right: 12px
}

#report-one-by-one .wrapper .evaluation-wrapper .comment-wrapper .comment-view .comment {
	line-height: 1.43;
	letter-spacing: normal;
	color: #333;
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 400;
	white-space: pre-line
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .evaluation-wrapper .comment-wrapper .comment-view .comment {
		font-size: 15px
	}
}

#report-one-by-one .wrapper .evaluation-wrapper .comment-wrapper .rating-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 34px
}

#report-one-by-one .wrapper .evaluation-wrapper .comment-wrapper .rating-list .rating-item {
	margin: 10px 30px 10px 0
}

#report-one-by-one .wrapper .evaluation-wrapper .comment-wrapper .rating-list .rating-title {
	color: #999;
	font-family: SVN-ProductSans;
	font-size: 15px;
	font-weight: 400
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .evaluation-wrapper .comment-wrapper .rating-list .rating-title {
		font-size: 13px
	}
}

#report-one-by-one .wrapper .evaluation-wrapper .activities-wrapper {
	column-count: 2
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .evaluation-wrapper .activities-wrapper {
		column-count: 1
	}
}

#report-one-by-one .wrapper .evaluation-wrapper .activities-wrapper .activity-item {
	width: 100%;
	margin-top: 5px;
	display: inline-block;
	cursor: pointer
}

#report-one-by-one .wrapper .evaluation-wrapper .activities-wrapper .activity-item.disabled,
#report-one-by-one .wrapper .evaluation-wrapper .activities-wrapper .activity-item.isDeactive {
	cursor: default
}

#report-one-by-one .wrapper .evaluation-wrapper .activities-wrapper .activity-icon {
	width: 24px;
	height: 24px;
	margin-right: 15px
}

#report-one-by-one .wrapper .evaluation-wrapper .activities-wrapper .activity-name {
	font-family: SVN-ProductSans;
	font-size: 14px;
	color: #999
}

#report-one-by-one .wrapper .evaluation-wrapper .activities-wrapper .activity-name__completed {
	color: #333;
	font-weight: 700
}

#report-one-by-one .wrapper .evaluation-wrapper .no-homework {
	font-size: 16px;
	margin-top: 5px
}

@media (max-width:991px) {
	#report-one-by-one .wrapper .evaluation-wrapper .no-homework {
		font-size: 15px
	}
}

.modal-info-teacher {
	max-width: 600px;
	font-family: SVN-ProductSans
}

.modal-info-teacher .close-modal {
	position: absolute;
	right: 0;
	top: -35px;
	color: #fff;
	font-size: 30px;
	cursor: pointer;
	z-index: 5
}

@media (max-height:560px) {
	.modal-info-teacher .close-modal {
		right: 15px;
		top: 12px;
		color: #999;
		font-size: 26px
	}
}

.modal-info-teacher .modal-header {
	padding: 40px 0 0;
	border: none
}

@media (max-width:767px) {
	.modal-info-teacher .modal-header {
		padding: 20px 0 0
	}
}

.modal-info-teacher .modal-header .modal-title {
	color: #49aae7;
	font-size: 24px;
	font-weight: 700;
	width: 100%;
	text-align: center
}

@media (max-width:767px) {
	.modal-info-teacher .modal-header .modal-title {
		font-size: 18px
	}
}

.modal-info-teacher .modal-body {
	padding: 20px 20px 40px 40px
}

@media (max-width:767px) {
	.modal-info-teacher .modal-body {
		padding: 15px 0 20px 20px
	}
}

.modal-info-teacher .modal-body .wrapper-info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.modal-info-teacher .modal-body .wrapper-info .avatar {
	width: 60px;
	margin-right: 15px
}

.modal-info-teacher .modal-body .wrapper-info .avatar img {
	border-radius: 15px
}

.modal-info-teacher .modal-body .wrapper-info .info {
	width: calc(100% - 75px)
}

.modal-info-teacher .modal-body .wrapper-info .info h5 {
	font-size: 16px;
	font-family: SVN-ProductSans
}

.modal-info-teacher .modal-body .wrapper-info .info p {
	font-size: 14px
}

@media (max-width:767px) {
	.modal-info-teacher .modal-body .wrapper-info .info p {
		max-height: 275px;
		overflow: auto
	}
}

.modal-evaluation {
	max-width: 600px
}

.modal-evaluation .close-modal {
	position: absolute;
	right: 0;
	top: -35px;
	color: #fff;
	font-size: 30px;
	cursor: pointer;
	z-index: 5
}

@media (max-height:580px) {
	.modal-evaluation .close-modal {
		right: 15px;
		top: 12px;
		color: #999;
		font-size: 26px
	}
}

.modal-evaluation .modal-header {
	padding: 30px 40px 0;
	border-bottom: none;
	position: relative
}

.modal-evaluation .modal-header .modal-title {
	color: #ff744d;
	font-size: 23px;
	font-weight: 700;
	text-align: center;
	width: 100%
}

@media (max-width:767px) {
	.modal-evaluation .modal-header .modal-title {
		font-size: 18px
	}
}

.modal-evaluation .modal-body {
	padding: 15px 40px 30px
}

.modal-evaluation .modal-body .info {
	color: #888;
	font-family: SVN-ProductSans;
	margin-bottom: 20px
}

.modal-evaluation .modal-body .info p span {
	color: #333
}

.modal-evaluation .modal-body .evaluation {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.modal-evaluation .modal-body .evaluation__item {
	color: #888;
	width: 50%;
	margin-bottom: 15px
}

.modal-evaluation .modal-body .evaluation__item .title {
	font-size: 15px
}

@media (max-width:767px) {
	.modal-evaluation .modal-body .evaluation__item .title {
		font-size: 13px
	}
}

.modal-evaluation .modal-body .evaluation__item .list-rating .fa-star {
	margin-right: 5px;
	cursor: pointer
}

.modal-evaluation .modal-body .evaluation__item .list-rating .fa-star.active {
	color: #ffc51c
}

.modal-evaluation .modal-body .typing-valuation p {
	font-size: 15px;
	color: #888;
	margin-bottom: 5px
}

@media (max-width:767px) {
	.modal-evaluation .modal-body .typing-valuation p {
		font-size: 13px
	}
}

.modal-evaluation .modal-body .typing-valuation textarea {
	width: 100%;
	border: 1px solid #bdbdbd;
	border-radius: 8px
}

.modal-evaluation .modal-body .wrapper-btn {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 10px
}

.modal-evaluation .modal-body .wrapper-btn span {
	margin: 0 10px;
	border-radius: 5px;
	padding: 5px 15px 3px;
	border: 1px solid #ff744d;
	cursor: pointer;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:767px) {
	.modal-evaluation .modal-body .wrapper-btn span {
		font-size: 13px;
		padding: 7px 15px 5px
	}
}

.modal-evaluation .modal-body .wrapper-btn span.cancel-btn {
	color: #ff744d
}

.modal-evaluation .modal-body .wrapper-btn span.evaluation-btn {
	color: #fff;
	background-color: #ff744d;
	font-weight: 700
}

.modal-list-documents {
	font-family: SVN-ProductSans;
	max-width: 600px
}

.modal-list-documents .close-modal {
	position: absolute;
	right: 0;
	top: -35px;
	color: #fff;
	font-size: 30px;
	cursor: pointer;
	z-index: 5
}

@media (max-height:560px) {
	.modal-list-documents .close-modal {
		right: 15px;
		top: 12px;
		color: #999;
		font-size: 26px
	}
}

.modal-list-documents .modal-header {
	padding: 30px 40px 0;
	border-bottom: none;
	position: relative
}

.modal-list-documents .modal-header .modal-title {
	color: #ff744d;
	font-size: 23px;
	font-weight: 700;
	text-align: center;
	width: 100%
}

@media (max-width:767px) {
	.modal-list-documents .modal-header .modal-title {
		font-size: 18px
	}
}

.modal-list-documents .list-documents .document-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 16px;
	font-family: SVN-ProductSans;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd
}

.modal-list-documents .list-documents .document-item:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none
}

.modal-list-documents .list-documents .document-item .document-name {
	width: 265px
}

@media (max-width:767px) {
	.modal-list-documents .list-documents .document-item .document-name {
		width: calc(100% - 120px)
	}
}

.modal-list-documents .list-documents .document-item .btn-view-document {
	color: #ff744d;
	font-family: SVN-ProductSans;
	font-weight: 700;
	cursor: pointer;
	font-size: 14px
}

.modal-list-documents .list-documents .document-item .btn-view-document img {
	margin-right: 5px
}

.modal-video-class {
	max-width: 60%
}

@media (max-width:767px) {
	.modal-video-class {
		width: 90%;
		max-width: none
	}
}

.modal-video-class .close-modal {
	position: absolute;
	right: 0;
	top: -35px;
	color: #fff;
	font-size: 30px;
	cursor: pointer;
	z-index: 5
}

@media (max-height:560px) {
	.modal-video-class .close-modal {
		right: 15px;
		top: 12px;
		color: #999;
		font-size: 26px
	}
}

.modal-video-class .modal-header {
	padding: 30px 40px 0;
	border-bottom: none;
	position: relative
}

.modal-video-class .modal-header .modal-title {
	color: #ff744d;
	font-size: 21px;
	font-weight: 700;
	text-align: center;
	width: 100%
}

@media (max-width:767px) {
	.modal-video-class .modal-header .modal-title {
		font-size: 18px
	}
}

.wrapper-modal-info-mb {
	max-height: 450px;
	overflow: auto;
	padding-right: 40px
}

.wrapper-modal-info-mb::-webkit-scrollbar {
	width: 4px!important
}

.wrapper-modal-info-mb::-webkit-scrollbar-thumb {
	border-radius: 4.5px;
	background-color: #a9a9a9
}

.wrapper-modal-info-mb::-webkit-scrollbar-track {
	border-radius: 4.5px
}

@media (max-width:767px) {
	.wrapper-modal-info-mb {
		padding-right: 20px
	}
}

.wrapper-modal-info-mb h3 {
	color: #49aae7;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 10px
}

.wrapper-modal-info-mb .info-avatar {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 10px
}

.wrapper-modal-info-mb .info-avatar .img {
	margin-right: 15px
}

.wrapper-modal-info-mb .info-avatar .img img {
	width: 50px
}

.wrapper-modal-info-mb .info-avatar .text {
	width: calc(100% - 65px)
}

.wrapper-modal-info-mb .info-avatar .text .name {
	color: #000;
	font-weight: 700;
	font-family: SVN-ProductSans;
	font-size: 16px
}

.wrapper-modal-info-mb .info-avatar .text .status {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.wrapper-modal-info-mb .info-avatar .text .status .status-value {
	color: #56a400;
	font-weight: 700
}

.wrapper-modal-info-mb .row-space {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.wrapper-modal-info-mb .wrapper-row-space {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 5px
}

.wrapper-modal-info-mb .wrapper-row-space .row-space .status-lv {
	color: #000;
	font-weight: 700;
	font-size: 16px
}

@media (max-width:991px) {
	.wrapper-modal-info-mb .wrapper-row-space .row-space .status-lv {
		font-size: 14px
	}
}

.wrapper-modal-info-mb .student-row {
	margin-top: 10px;
	margin-bottom: 5px
}

.wrapper-modal-info-mb .ali-cen {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 10px
}

.wrapper-modal-info-mb .ali-cen .priority-day {
	font-weight: 700;
	color: #000
}

.wrapper-modal-info-mb .ali-cen .contact-btn {
	display: inline-block;
	border: 1px solid #ff8563;
	padding: 3px 12px;
	border-radius: 5px;
	color: #ff8563
}

.wrapper-modal-info-mb .ali-cen .contact-btn img {
	position: relative;
	top: -1px;
	margin-right: 7px
}

.wrapper-modal-info-mb .wrapper-class-item {
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	margin-bottom: 15px
}

.wrapper-modal-info-mb .student-row .learning-title {
	color: #4998f8;
	font-family: SVN-ProductSans;
	font-size: 18px;
	font-weight: 600;
	margin-left: 10px;
	position: relative;
	top: 4px
}

.wrapper-modal-info-mb .title-class {
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 600;
	color: #0b53ff
}

.wrapper-modal-info-mb .learning-day {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.wrapper-modal-info-mb .learning-day .learning {
	width: 33.33%;
	text-align: center
}

.wrapper-modal-info-mb .learning-day .learning .lesson-number {
	color: #000;
	font-weight: 700;
	display: block;
	font-size: 20px
}

.wrapper-modal-info-mb .learning-day .learning .lesson-title {
	font-size: 11px;
	color: #999
}

#report-subject.report-subject__wrapper {
	background-color: #f0f6ff;
	padding-bottom: 30px
}

@media (max-width:991px) {
	#report-subject.report-subject__wrapper {
		padding: 0 15px 30px
	}
}

#report-subject.report-subject__wrapper .text-title {
	color: #3bbdf9
}

#report-subject .not-assign-course {
	margin-top: 20px
}

#report-subject .not-assign-course .description {
	margin-bottom: 20px
}

#report-subject .not-assign-course .description--orange {
	color: #ff7345;
	font-weight: 600
}

#report-subject .not-assign-course .btn-course-bought {
	max-width: 400px
}

#report-subject .level-point {
	position: relative;
	width: calc(100% - 80px);
	margin-left: 40px
}

#report-subject .level-point.not-slider {
	margin-top: 30px;
	width: 100%;
	margin-left: 0
}

#report-subject .level-point.not-slider .green-line {
	width: 100%;
	margin-left: 0;
	top: 10px
}

#report-subject .level-point.not-slider .flex-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

#report-subject .level-point.not-slider .flex-row .wrapper-box {
	padding: 0 20px
}

#report-subject .level-point .green-line {
	height: 4px;
	background-color: #dedede;
	position: absolute;
	top: 40px;
	width: 100%
}

#report-subject .level-point .slick-arrow {
	position: absolute;
	top: 42px;
	background-size: 100% 100%;
	width: 25px
}

#report-subject .level-point .slick-arrow.slick-prev {
	left: -40px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/nav-left.png)
}

#report-subject .level-point .slick-arrow.slick-next {
	right: -40px;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/nav-right.png)
}

#report-subject .level-point .slick-arrow:before {
	display: none
}

#report-subject .level-point .slick-list {
	padding: 30px 0 15px
}

#report-subject .level-point .slick-list .item .wrapper-box {
	position: relative;
	display: inline-block;
	text-align: center
}

@media (max-width:991px) {
	#report-subject .level-point .slick-list .item .wrapper-box {
		padding-bottom: 10px
	}
	#report-subject .level-point .slick-list .item .wrapper-box .item__text {
		color: #333
	}
}

#report-subject .level-point .slick-list .item.passed .item__icon {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/blue-check-icon.png)
}

#report-subject .level-point .slick-list .item.lock .wrapper-box {
	cursor: not-allowed
}

#report-subject .level-point .slick-list .item.lock .item__icon {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/lock-level.png)
}

#report-subject .level-point .slick-list .item.current-active {
	text-align: center
}

@media (max-width:1199px) {
	#report-subject .level-point .slick-list .item.current-active {
		text-align: left
	}
}

#report-subject .level-point .slick-list .item.current-active .item__icon {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/orange-check-icon.png);
	width: 32px;
	height: 32px;
	transform: translateY(-4px)
}

#report-subject .level-point .slick-list .item.current-active .item__text {
	color: #ff7345;
	font-weight: 600;
	font-size: 16px;
	top: 2px
}

#report-subject .level-point .slick-list .item.current-active .wrapper-box:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: -30px;
	margin: auto
}

#report-subject .level-point .slick-list .item.lock .item__text,
#report-subject .level-point .slick-list .item.lock .text-lock {
	color: #999
}

#report-subject .level-point .slick-list .item__icon {
	width: 25px;
	height: 25px;
	background-size: 100% 100%;
	margin: auto
}

#report-subject .level-point .slick-list .item__text {
	font-size: 14px;
	position: relative;
	top: 10px
}

@media (max-width:767px) {
	#report-subject .level-point .slick-list .item__text {
		font-size: 12px!important
	}
}

#report-subject .text-title {
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	color: #fff;
	font-size: 35px
}

#report-subject .something-learn {
	margin-bottom: 60px;
	margin-left: 36px;
	margin-right: 36px
}

#report-subject .something-learn__item {
	width: calc(33.33% - 14px);
	color: #fff;
	border-radius: 15px;
	padding: 15px 10px 15px 40px;
	float: left;
	margin-right: 20px
}

#report-subject .something-learn__item:first-child {
	background-color: #f33030
}

#report-subject .something-learn__item:nth-child(2) {
	background-color: #56a400
}

#report-subject .something-learn__item:last-child {
	background-color: #f5a623;
	margin-right: 0
}

#report-subject .something-learn__text {
	letter-spacing: .2px
}

#report-subject .something-learn__number {
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 30px
}

#report-subject .package-tab__wrapper {
	border-bottom: 1px solid rgba(5, 32, 104, .1);
	margin-bottom: 40px;
	position: relative;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 40px
}

@media (max-width:767px) {
	#report-subject .package-tab__wrapper {
		padding: 0
	}
}

#report-subject .package-tab__item {
	display: inline-block;
	vertical-align: top;
	font-family: SVN-ProductSans;
	font-size: 20px;
	color: #666;
	margin-right: 36px;
	padding-bottom: 20px;
	margin-top: 28px;
	width: unset!important;
	cursor: pointer
}

@media (max-width:767px) {
	#report-subject .package-tab__item {
		font-size: 18px
	}
}

#report-subject .package-tab__item__current {
	color: #f33030;
	font-weight: 700;
	border-bottom: 2px solid #f33030
}

#report-subject .package-tab__item .nav-link {
	padding: 0
}

#report-subject .package-tab__item .nav-link:hover {
	border-color: transparent
}

#report-subject .package-tab__item-wrapper {
	white-space: nowrap;
	overflow: auto
}

#report-subject .package-tab__item-wrapper::-webkit-scrollbar {
	display: none
}

#report-subject .general__title {
	margin-bottom: 20px;
	margin-right: 20px;
	display: inline-block
}

#report-subject .general .wrapper-chart {
	background-color: #fff;
	padding: 28px 36px;
	box-shadow: 0 20px 50px 0 rgba(74, 144, 226, .3)
}

#report-subject .general .wrapper-chart canvas {
	max-width: 100%
}

#report-subject .general .wrapper-chart .general-chart__top {
	font-size: 14px
}

#report-subject .general .wrapper-chart .general-chart__top .chart-type-select {
	vertical-align: text-bottom
}

#report-subject .general .wrapper-chart .general-chart__top .dropdown .dropdown-btn {
	padding: 4px 0;
	width: 275px;
	border-radius: 18px;
	border-color: #ddd;
	color: #333;
	position: relative
}

#report-subject .general .wrapper-chart .general-chart__top .dropdown .dropdown-btn:after {
	display: inline-block;
	width: 0;
	height: 0;
	content: "";
	border-top: 7px solid #999;
	border-right: 6px solid transparent;
	border-bottom: 0;
	border-left: 6px solid transparent;
	position: absolute;
	right: 10px;
	top: 11px
}

#report-subject .general .wrapper-chart .general-chart__top .dropdown .dropdown-menu {
	width: 275px;
	top: 7px!important;
	border: none
}

#report-subject .general .wrapper-chart .general-chart__top .dropdown .dropdown-menu .dropdown-item {
	position: relative
}

#report-subject .general .wrapper-chart .general-chart__top .dropdown .dropdown-menu .dropdown-item.choose .tag-list__item__checked {
	display: inline-block!important;
	right: 10px;
	top: 6px
}

#report-subject .general .wrapper-chart .general-chart__top .period__time {
	padding: 4px 0;
	border-radius: 30px;
	border: 2px solid;
	width: 100px;
	text-align: center;
	display: inline-block;
	margin-left: 10px;
	font-weight: 600;
	color: #666;
	border-color: #ddd
}

#report-subject .general .wrapper-chart .general-chart__top .period__time.active {
	background-image: linear-gradient(71deg, #3bbdf9, #4e8ff8);
	border-color: #3bbdf9;
	color: #fff
}

#report-subject .general .description-chart {
	color: #3bbdf9;
	letter-spacing: .2px;
	font-size: 14px;
	margin: 20px 0 30px
}

@media (max-width:320px) {
	#report-subject .general .description-chart {
		font-size: 12px
	}
}

#report-subject .general .description-chart--time {
	font-weight: 600
}

#report-subject .process-learn {
	padding: 0 36px
}

#report-subject .process-learn__level {
	letter-spacing: .2px;
	color: #3bbdf9;
	font-family: SVN-ProductSans;
	font-size: 16px
}

#report-subject .process-learn__level--name {
	font-family: SVN-Boing, sans-serif;
	font-size: 35px;
	font-weight: 600;
	color: #3bbdf9
}

#report-subject .process-learn .wrapper-level-point {
	margin-top: 20px;
	border-radius: 15px
}

#report-subject .process-learn .wrapper-level-point .level-content {
	border-radius: 15px;
	background-color: #fff;
	padding: 30px;
	-o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1)
}

#report-subject .process-learn .wrapper-level-point .level-content .not-has-level {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%
}

#report-subject .process-learn .wrapper-level-point .level-content .not-has-level--title {
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	letter-spacing: .3px;
	font-size: 20px
}

#report-subject .process-learn .wrapper-level-point .level-content .not-has-level--description {
	letter-spacing: .2px;
	color: #666;
	margin: 10px 0 20px
}

#report-subject .process-learn .wrapper-level-point .level-content .not-has-level--btn {
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	border: 2px solid #ddd;
	border-radius: 25px;
	width: 300px;
	display: inline-block;
	line-height: 1;
	padding: 14px 0;
	background-color: #fff!important;
	color: #333!important
}

#report-subject .process-learn .wrapper-level-point .level-content .not-has-level--btn:hover {
	color: #333
}

#report-subject .process-learn .wrapper-level-point .level-content .not-has-level .img-children {
	margin-left: 20px
}

#report-subject .process-learn .wrapper-level-point .level-content__title {
	font-size: 20px;
	font-family: SVN-Boing, sans-serif;
	letter-spacing: .3px;
	font-weight: 600;
	margin-bottom: 10px
}

#report-subject .process-learn .wrapper-level-point .level-content__list.left .level-content__item {
	color: #ff7345;
	margin-left: 20px
}

#report-subject .process-learn .wrapper-level-point .level-content__list.left .level-content__item .pass {
	color: #50ad4e
}

#report-subject .process-learn .wrapper-level-point .level-content__list.left .level-content__item .fail {
	color: red
}

#report-subject .process-learn .wrapper-level-point .level-content__list.right.not-english-course {
	height: 125px;
	overflow: auto
}

#report-subject .process-learn .wrapper-level-point .level-content__list.right.not-english-course .level-content__item {
	border-bottom: 0;
	padding: 5px 0
}

#report-subject .process-learn .wrapper-level-point .level-content__item {
	letter-spacing: .2px;
	font-weight: 600;
	border-bottom: 2px solid #ddd;
	padding: 8px 0;
	width: calc(100% - 20px)
}

#report-subject .process-learn .wrapper-level-point .level-content__item:last-child {
	border-bottom: none
}

#report-subject .process-learn .wrapper-level-point .level-content__text-description {
	width: 220px;
	display: inline-block;
	color: #666;
	font-weight: 400
}

#report-subject .statistical {
	margin-top: 40px;
	padding: 0 36px
}

#report-subject .statistical .row {
	position: relative
}

#report-subject .statistical__wrapper {
	width: 48%
}

#report-subject .statistical__line {
	position: absolute;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 2px;
	background-color: #d8d8d8;
	display: block
}

#report-subject .statistical .tab-view {
	margin-bottom: 25px
}

#report-subject .statistical .tab-view__label {
	font-size: 25px;
	margin-right: 60px;
	cursor: pointer
}

#report-subject .statistical .tab-view__active,
#report-subject .statistical .tab-view__label {
	font-family: SVN-Boing;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #3bbdf9
}

#report-subject .statistical .tab-view__active {
	font-size: 35px
}

#report-subject .statistical__content {
	border-radius: 15px;
	background-color: #fff;
	padding: 30px;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1)
}

@media (max-width:1199px) {
	#report-subject .statistical__activities {
		margin-bottom: 25px
	}
}

#report-subject .statistical__activities .text-title {
	margin-bottom: 25px;
	color: #333;
	font-size: 22px
}

#report-subject .statistical__activities .wrapper--calender {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 30px
}

#report-subject .statistical__activities .wrapper--calender .DayPicker-Months {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

#report-subject .statistical__activities .wrapper .InputFromTo {
	display: -ms-flexbox;
	display: flex;
	border: 1px solid #ddd;
	border-radius: 25px;
	padding: 0 25px;
	width: 280px;
	margin-right: 10px;
	position: relative
}

#report-subject .statistical__activities .wrapper .InputFromTo .separate-symbol {
	position: relative;
	top: 9px;
	left: -4px;
	display: none
}

#report-subject .statistical__activities .wrapper .InputFromTo input {
	padding: 8px 0 6px;
	border: none;
	background-color: transparent;
	width: 95px;
	font-size: 16px
}

#report-subject .statistical__activities .wrapper .InputFromTo img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	width: 25px;
	height: 25px;
	cursor: pointer
}

#report-subject .statistical__activities .wrapper .filter {
	text-align: right;
	margin-bottom: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#report-subject .statistical__activities .wrapper .filter__calender {
	position: relative
}

#report-subject .statistical__activities .wrapper .filter__calender-img {
	position: absolute;
	right: 25px;
	top: 5px;
	height: calc(100% - 10px);
	cursor: pointer
}

#report-subject .statistical__activities .wrapper .filter__calender-input {
	padding: 4px 10px;
	border-radius: 17px;
	width: 260px;
	margin-right: 10px
}

#report-subject .statistical__activities .wrapper .filter__calender-input:focus {
	border-color: #ddd!important
}

#report-subject .statistical__activities .wrapper .filter__btn {
	background-image: linear-gradient(74deg, #3bbdf9, #4e8ff8);
	border-radius: 30px;
	width: 120px;
	color: #fff;
	font-weight: 600;
	letter-spacing: .1px;
	font-size: 14px;
	padding: 9px 0 8px;
	display: inline-block;
	text-align: center;
	max-height: 38px
}

#report-subject .statistical__activities .wrapper .activities {
	overflow: auto;
	max-height: 300px
}

#report-subject .statistical__activities .wrapper .activities__item {
	letter-spacing: .2px;
	color: #999;
	margin-bottom: 30px;
	display: -ms-flexbox;
	display: flex
}

#report-subject .statistical__activities .wrapper .activities__item:last-child {
	margin-bottom: 0
}

#report-subject .statistical__activities .wrapper .activities__time {
	font-size: 16px;
	margin-right: 45px;
	min-width: 150px
}

#report-subject .statistical__activities .wrapper .activities__duty {
	font-size: 14px;
	color: #333;
	font-size: 16px
}

#report-subject .statistical__activities .wrapper .activities__duty--name {
	color: #3bbdf9;
	font-weight: 600
}

#report-subject .statistical__activities .wrapper .activities__course-name {
	font-size: 14px;
	color: #999
}

#report-subject .statistical__test .text-title {
	margin: 0 0 25px;
	font-size: 22px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #333
}

@media (max-width:991px) {
	#report-subject .statistical__test .wrapper {
		height: auto
	}
}

#report-subject .statistical__test .wrapper .column:first-child {
	width: 30%
}

#report-subject .statistical__test .wrapper .column:nth-child(2),
#report-subject .statistical__test .wrapper .column:nth-child(3) {
	width: 15%
}

#report-subject .statistical__test .wrapper .column:last-child {
	padding-right: 0;
	width: 40%
}

#report-subject .statistical__test .wrapper .title-row {
	display: -ms-flexbox;
	display: flex;
	font-size: 12px;
	color: #999;
	margin-bottom: 25px
}

#report-subject .statistical__test .wrapper .list-content {
	overflow: auto;
	max-height: 300px
}

#report-subject .statistical__test .wrapper .list-content .content-row {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 40px
}

#report-subject .statistical__test .wrapper .list-content .content-row:last-child {
	margin-bottom: 0
}

#report-subject .statistical__test .wrapper .list-content .content-row .column {
	font-weight: 600
}

#report-subject .statistical__test .wrapper .list-content .content-row .column:first-child {
	width: 30%;
	font-weight: 400
}

#report-subject .statistical__test .wrapper .list-content .content-row .column:nth-child(2) {
	color: #3bbdf9
}

#report-subject .statistical__test .wrapper .list-content .content-row .column:nth-child(3) {
	color: #ff7345
}

#report-subject .statistical__test .wrapper .list-content .content-row .column:nth-child(2),
#report-subject .statistical__test .wrapper .list-content .content-row .column:nth-child(3) {
	width: 15%
}

#report-subject .statistical__test .wrapper .list-content .content-row .column:last-child {
	font-weight: 400
}

#report-subject .statistical__test .wrapper .list-content .content-row .column:last-child span:first-child {
	font-weight: 600
}

#report-subject .statistical__test .wrapper .list-content .content-row .column:last-child span:nth-child(2) {
	color: #50ad4e;
	font-weight: 600
}

#report-subject .statistical__test .wrapper .list-content .content-row .column:last-child span:nth-child(3) {
	color: #ff5965;
	font-weight: 600
}

@keyframes progress {
	0% {
		stroke-dasharray: 0 100
	}
}

#report-subject .title-btn {
	margin-top: 10px!important;
	font-size: 25px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	color: #3cbcf8;
	margin-bottom: 10px
}

#report-subject .title-btn:first-child {
	margin-top: 0
}

#report-subject .content-report {
	padding: 30px 15px 35px;
	background-color: #fff;
	width: calc(100% + 30px);
	margin-left: -15px;
	-o-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
	transition: all .5s ease
}

@media (max-width:991px) {
	#report-subject .content-report {
		width: calc(100% + 30px);
		margin-left: -15px;
		margin-bottom: 30px
	}
}

#report-subject .content-report__title {
	font-size: 18px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	letter-spacing: .2px;
	color: #666
}

#report-subject .content-report .list {
	font-size: 14px;
	letter-spacing: .2px;
	color: #666
}

#report-subject .content-report .list__item {
	margin-bottom: 15px
}

#report-subject .content-report .list__item:last-child {
	margin-bottom: 0
}

#report-subject .content-report .list__item .color {
	font-weight: 600
}

#report-subject .content-report .list__item .color--orange {
	color: #ff7345
}

#report-subject .content-report .list__item .color--green {
	color: #50ad4e
}

@media (max-width:991px) {
	#report-subject .general-mb {
		margin-bottom: 25px
	}
}

#report-subject .general-mb .circle-percent {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly
}

#report-subject .general-mb .circle-percent .wrapper-col {
	position: relative
}

#report-subject .general-mb .circle-percent .wrapper-col .number-percent {
	position: absolute;
	top: 25px;
	left: 50%;
	transform: translateX(-50%);
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 20px
}

#report-subject .general-mb .circle-percent .wrapper-col .number {
	font-size: 16px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600
}

#report-subject .general-mb .circle-percent .wrapper-col .label {
	font-size: 12px;
	color: #666;
	letter-spacing: .2px
}

#report-subject .general-mb .circle-percent .wrapper-col .circle {
	width: 80px;
	height: 80px
}

#report-subject .general-mb .circle-percent .wrapper-col .circle__total {
	stroke: rgba(247, 55, 71, .2);
	fill: none;
	stroke-width: 2.8
}

#report-subject .general-mb .circle-percent .wrapper-col .circle__process {
	stroke: #f73747;
	fill: none;
	stroke-width: 2.8;
	animation: progress 1s ease-out forwards
}

#report-subject .general-mb .circle-percent .wrapper-col.vocabulary .number,
#report-subject .general-mb .circle-percent .wrapper-col.vocabulary .number-percent {
	color: #ff7345
}

#report-subject .general-mb .circle-percent .wrapper-col.vocabulary .circle__total {
	stroke: #ffdfda
}

#report-subject .general-mb .circle-percent .wrapper-col.vocabulary .circle__process {
	stroke: #ff7345
}

#report-subject .general-mb .circle-percent .wrapper-col.sentences .number,
#report-subject .general-mb .circle-percent .wrapper-col.sentences .number-percent {
	color: #50ad4e
}

#report-subject .general-mb .circle-percent .wrapper-col.sentences .circle__total {
	stroke: #e2f0ce
}

#report-subject .general-mb .circle-percent .wrapper-col.sentences .circle__process {
	stroke: #50ad4e
}

#report-subject .general-mb .circle-percent .wrapper-col.grammar .number,
#report-subject .general-mb .circle-percent .wrapper-col.grammar .number-percent {
	color: #3bbdf9
}

#report-subject .general-mb .circle-percent .wrapper-col.grammar .circle__total {
	stroke: #daedfe
}

#report-subject .general-mb .circle-percent .wrapper-col.grammar .circle__process {
	stroke: #3bbdf9
}

#report-subject .general-mb .content-report .dropdown-area .period .dropdown-menu {
	min-width: auto;
	padding: 0
}

#report-subject .general-mb .content-report .dropdown-area .dropdown-btn {
	padding: 5px 30px 5px 15px;
	position: relative
}

#report-subject .general-mb .content-report .dropdown-area .dropdown-btn:after {
	display: inline-block;
	width: 0;
	height: 0;
	content: "";
	border-top: 7px solid #999;
	border-right: 6px solid transparent;
	border-bottom: 0;
	border-left: 6px solid transparent;
	position: absolute;
	right: 10px;
	top: 11px
}

#report-subject .general-mb .content-report .dropdown-area .dropdown-menu .dropdown-item {
	position: relative
}

@media (max-width:767px) {
	#report-subject .general-mb .content-report .dropdown-area .dropdown-menu .dropdown-item {
		padding-right: 25px
	}
}

#report-subject .general-mb .content-report .dropdown-area .dropdown-menu .dropdown-item.choose .tag-list__item__checked {
	display: inline-block!important;
	right: 5px
}

#report-subject .general-mb .content-report__title {
	margin-bottom: 15px
}

#report-subject .general-mb .content-report .description-chart {
	letter-spacing: .2px;
	color: #666;
	margin: 20px 0 30px
}

#report-subject .general-mb .content-report .description-chart--time {
	font-weight: 600
}

#report-subject .process-learn-mb .list {
	margin-bottom: 40px
}

@media (max-width:767px) {
	#report-subject .process-learn-mb .list {
		margin-bottom: 20px
	}
}

#report-subject .process-learn-mb .list.not-english-course {
	list-style: initial;
	padding-left: 15px
}

#report-subject .process-learn-mb .list:last-child {
	margin-bottom: 0
}

#report-subject .process-learn-mb .content-report {
	padding-bottom: 15px
}

#report-subject .process-learn-mb .content-report__title {
	margin-bottom: 15px
}

#report-subject .process-learn-mb .content-report .level-row {
	border-radius: 10px;
	border: 1px solid #ddd;
	padding: 20px 15px 15px;
	line-height: 1;
	margin-bottom: 20px
}

#report-subject .process-learn-mb .content-report .level-row .level-name {
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #ff7345;
	position: relative;
	top: -5px
}

@media (max-width:767px) {
	#report-subject .process-learn-mb .content-report .level-row .level-name {
		top: -2px;
		font-size: 16px
	}
}

@media (max-width:320px) {
	#report-subject .process-learn-mb .content-report .level-row .level-name {
		font-size: 13px;
		top: 2px
	}
}

#report-subject .process-learn-mb .content-report .not-has-level--btn {
	margin: 15px 0;
	border: 2px solid #ddd;
	border-radius: 10px
}

#report-subject .process-learn-mb .content-report .not-has-level .img-children,
#report-subject .process-learn-mb .content-report .not-has-level .wrapper-text {
	margin: auto
}

#report-subject .activities-mb .content-report {
	padding-bottom: 30px
}

@media (max-width:991px) {
	#report-subject .activities-mb .content-report:after {
		content: "";
		display: block;
		clear: both
	}
}

@media (max-width:767px) {
	#report-subject .activities-mb .content-report .wrapper-flex {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media (max-width:576px) {
	#report-subject .activities-mb .content-report .InputFromTo-to .DayPickerInput-Overlay {
		left: -90px!important
	}
}

@media (max-width:991px) {
	#report-subject .activities-mb .content-report .InputFromTo {
		border: 1px solid #ddd;
		position: relative;
		width: 280px;
		float: left;
		display: -ms-flexbox;
		display: flex;
		border-radius: 30px;
		padding: 0 10px
	}
}

@media (max-width:767px) {
	#report-subject .activities-mb .content-report .InputFromTo {
		width: 225px
	}
}

@media (max-width:320px) {
	#report-subject .activities-mb .content-report .InputFromTo {
		width: 100%
	}
}

@media (max-width:991px) {
	#report-subject .activities-mb .content-report .InputFromTo .separate-symbol {
		position: relative;
		top: 6px;
		left: -13px
	}
}

@media (max-width:320px) {
	#report-subject .activities-mb .content-report .InputFromTo .separate-symbol {
		top: 8px
	}
}

@media (max-width:991px) {
	#report-subject .activities-mb .content-report .InputFromTo input {
		padding: 8px 0 6px;
		border: none;
		background-color: transparent;
		width: 95px
	}
}

@media (max-width:320px) {
	#report-subject .activities-mb .content-report .InputFromTo input {
		width: 100px
	}
}

@media (max-width:991px) {
	#report-subject .activities-mb .content-report img {
		position: absolute;
		top: 8px;
		right: 10px;
		height: 20px
	}
}

@media (max-width:991px) {
	#report-subject .activities-mb .content-report .filter__btn {
		width: 110px;
		border-radius: 30px;
		background-image: linear-gradient(73deg, #3bbdf9, #4e8ff8);
		color: #fff;
		font-size: 14px;
		font-weight: 600;
		padding: 5px 0;
		display: inline-block;
		text-align: center;
		float: right
	}
}

@media (max-width:360px) {
	#report-subject .activities-mb .content-report .filter__btn {
		margin-top: 10px;
		float: none
	}
}

#report-subject .activities-mb .content-report .period-filter {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#report-subject .activities-mb .content-report .period-filter .calendar {
	position: relative;
	width: 100%;
	margin-right: 5px
}

#report-subject .activities-mb .content-report .period-filter .calendar__input {
	padding: 8px 45px 8px 15px;
	border-radius: 25px;
	width: 100%
}

@media (max-width:320px) {
	#report-subject .activities-mb .content-report .period-filter .calendar__input {
		font-size: 10px
	}
}

#report-subject .activities-mb .content-report .period-filter .calendar__img {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 25px
}

#report-subject .activities-mb .content-report .period-filter__btn {
	background-image: linear-gradient(71deg, #3bbdf9, #4e8ff8);
	border-color: #3bbdf9;
	color: #fff;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	border-radius: 25px;
	width: 164px;
	-ms-flex-pack: center;
	justify-content: center
}

@media (max-width:991px) {
	#report-subject .activities-mb .content-report .list-activities {
		margin-top: 40px
	}
}

@media (max-width:767px) {
	#report-subject .activities-mb .content-report .list-activities {
		margin-top: 0
	}
}

#report-subject .activities-mb .content-report .list-activities__item {
	letter-spacing: .2px;
	color: #999;
	font-size: 12px;
	padding: 15px 0;
	border-bottom: 2px solid #ddd
}

#report-subject .activities-mb .content-report .list-activities__item:last-child {
	border-bottom: none
}

#report-subject .activities-mb .content-report .list-activities__item .activity-name {
	font-size: 16px;
	color: #333;
	margin-bottom: 8px
}

#report-subject .activities-mb .content-report .list-activities__item .activity-name--blue {
	font-weight: 600;
	color: #3bbdf9
}

#report-subject .activities-mb .content-report .list-activities__item .name-course {
	letter-spacing: .1px;
	font-style: italic
}

#report-subject .statistical-mb .content-report__title {
	margin-bottom: 10px;
	text-align: center
}

#report-subject .statistical-mb .content-report .list-test__item {
	margin-bottom: 40px
}

#report-subject .statistical-mb .content-report .list-test__item:last-child {
	margin-bottom: 0
}

#report-subject .statistical-mb .content-report .list-test__item .box {
	border: 1px solid #ddd;
	letter-spacing: .2px
}

#report-subject .statistical-mb .content-report .list-test__item .box .first-line {
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #ddd;
	padding: 10px 0
}

#report-subject .statistical-mb .content-report .list-test__item .box .first-line .column {
	-ms-flex: 2;
	flex: 2;
	padding-left: 15px
}

#report-subject .statistical-mb .content-report .list-test__item .box .first-line .left .points {
	color: #3bbdf9;
	font-weight: 600
}

#report-subject .statistical-mb .content-report .list-test__item .box .first-line .right .points {
	color: #ff7345;
	font-weight: 600
}

#report-subject .statistical-mb .content-report .list-test__item .box .second-line {
	padding: 10px 15px
}

#report-subject .statistical-mb .content-report .list-test__item .box .second-line .result-row {
	font-size: 16px
}

#report-subject .statistical-mb .content-report .list-test__item .box .second-line .result-row span {
	font-weight: 600
}

#report-subject .statistical-mb .content-report .list-test__item .box .second-line .result-row span:first-child {
	color: #666
}

#report-subject .statistical-mb .content-report .list-test__item .box .second-line .result-row span:nth-child(2) {
	color: #ff5965
}

#report-subject .statistical-mb .content-report .list-test__item .box .second-line .result-row span:last-child {
	color: #50ad4e
}

#report-subject .statistical-mb .content-report .list-test__item .box .second-line .text-row {
	font-size: 12px;
	color: #999
}

@media (min-width:992px) and (max-width:1199px) {
	#report-subject .process-learn__level--name,
	#report-subject .text-title {
		font-size: 25px
	}
}

#report-subject .mission-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px
}

#report-subject .mission-item:last-child {
	margin-bottom: 0
}

#report-subject .mission-item__title {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

#report-subject .mission-item__title img {
	margin-right: 20px
}

#report-subject .mission-item__title p {
	font-family: SVN-ProductSans;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: .2px;
	color: #333
}

#report-subject .mission-item span {
	font-family: SVN-ProductSans;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .15px;
	color: #fff;
	border-radius: 12.5px;
	background-color: #66bd39;
	height: 22px;
	padding: 0 15px;
	line-height: 22px
}

.pie-wrapper {
	height: 80px;
	width: 80px;
	margin: 15px auto;
	position: relative
}

.pie-wrapper:nth-child(3n+1) {
	clear: both
}

.pie-wrapper .pie {
	height: 100%;
	width: 100%;
	left: 0;
	position: absolute;
	top: 0
}

.pie-wrapper .pie.less-than-50 {
	clip: rect(0, 80px, 80px, 40px)
}

.pie-wrapper .pie.less-than-50 .right-side {
	display: none
}

.pie-wrapper .pie.more-than-50 {
	clip: rect(auto, auto, auto, auto)
}

.pie-wrapper .pie .half-circle {
	height: 100%;
	width: 100%;
	border: 7px solid #3498db;
	border-radius: 50%;
	clip: rect(0, 40px, 80px, 0);
	left: 0;
	position: absolute;
	top: 0
}

.pie-wrapper .pie .half-circle.right-side {
	transform: rotate(180deg)
}

.pie-wrapper .label {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 20px!important
}

.pie-wrapper .circle-total {
	height: 100%;
	width: 100%;
	border: 7px solid #bdc3c7;
	border-radius: 50%
}

.no-report-wrapper {
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	min-height: calc(100vh - 120px)
}

.no-report-wrapper .no-report-content {
	text-align: center
}

.no-report-wrapper .no-report-content .text-label {
	font-family: SVN-ProductSans;
	font-size: 25px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.6;
	letter-spacing: normal;
	text-align: center;
	color: #052774
}

.no-report-wrapper .no-report-content .text-label.hotline {
	font-weight: 700
}

@media (max-width:767px) {
	.no-report-wrapper .no-report-content .text-label {
		font-size: 22px
	}
}

.no-report-wrapper .no-report-content .rabbit-image {
	margin-top: 20px;
	margin-bottom: 20px;
	object-fit: contain
}

@media (max-width:767px) {
	.no-report-wrapper .no-report-content .rabbit-image {
		width: 120px;
		height: 120px
	}
}

#loading-container {
	position: absolute;
	width: 100vw;
	height: 100%;
	top: 0;
	left: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: hsla(0, 0%, 100%, .6);
	z-index: 1000
}

#loading-container .loading-spinner,
#loading-container .loading-spinner:after {
	border-radius: 50%;
	width: 10em;
	height: 10em
}

#loading-container .loading-spinner {
	width: 60px;
	height: 60px;
	margin: 60px auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 6px solid #f3f3f3;
	border-right: 6px solid #f3f3f3;
	border-bottom: 6px solid #f3f3f3;
	border-left: 6px solid #555;
	transform: translateZ(0);
	animation: load8 1.1s infinite linear
}

@keyframes load8 {
	0% {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(1turn)
	}
}

.sidebar-parents {
	background: #052774;
	width: 250px;
	height: 100vh;
	position: fixed;
	z-index: 9;
	left: 0;
	top: 0;
	color: #fff
}

@media (max-width:991px) {
	.sidebar-parents {
		left: -100%;
		width: 100%;
		transition: all .5s ease;
		padding-top: 65px
	}
}

.sidebar-parents.isShowed {
	left: 0
}

.sidebar-parents .top-sidebar {
	background: #05205b
}

@media (max-width:991px) {
	.sidebar-parents .top-sidebar {
		position: fixed;
		width: 100%;
		left: 0;
		top: 0
	}
}

.sidebar-parents .top-sidebar .img {
	margin-right: 10px
}

.sidebar-parents .top-sidebar .img img {
	height: 83px
}

@media (max-width:991px) {
	.sidebar-parents .top-sidebar .img img {
		height: 65px
	}
}

.sidebar-parents .top-sidebar a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	color: #fff
}

.sidebar-parents .top-sidebar a .back span {
	font-size: 14px;
	opacity: .7
}

.sidebar-parents .top-sidebar .wrapper-control-menu-mb {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 65px;
	background-color: rgba(0, 0, 0, .2);
	position: absolute;
	top: 0;
	right: 0;
	height: 100%
}

.sidebar-parents .top-sidebar .wrapper-control-menu-mb .control__menu.isShowed .line--first {
	transform: rotate(45deg)
}

.sidebar-parents .top-sidebar .wrapper-control-menu-mb .control__menu.isShowed .line--second {
	display: none
}

.sidebar-parents .top-sidebar .wrapper-control-menu-mb .control__menu.isShowed .line--third {
	transform: rotate(-45deg);
	position: relative;
	top: -2px
}

.sidebar-parents .top-sidebar .wrapper-control-menu-mb .control__menu .line {
	width: 28px;
	height: 2px;
	background: #fff;
	display: block;
	transition: all .5s ease
}

.sidebar-parents .top-sidebar .wrapper-control-menu-mb .control__menu .line--second {
	margin: 5px 0
}

.sidebar-parents .main-sidebar {
	padding: 25px 20px 20px
}

@media (max-width:991px) {
	.sidebar-parents .main-sidebar {
		height: calc(100vh - 65px);
		overflow: auto
	}
}

@media (max-width:991px) {
	.sidebar-parents .main-sidebar .item-wrapper-mobile {
		display: inline-block;
		vertical-align: top;
		width: calc(50% - 10px)
	}
	.sidebar-parents .main-sidebar .item-wrapper-mobile .menu-report {
		border-bottom: 1px solid hsla(0, 0%, 100%, .2)
	}
	.sidebar-parents .main-sidebar .item-wrapper-mobile .menu-logout {
		padding-bottom: 0
	}
}

.sidebar-parents .main-sidebar .item {
	padding-bottom: 20px;
	margin-bottom: 20px
}

.sidebar-parents .main-sidebar .item.menu-account {
	border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

@media (max-width:991px) {
	.sidebar-parents .main-sidebar .item.menu-account {
		display: inline-block;
		vertical-align: top;
		width: calc(50% - 10px);
		margin-left: 20px;
		border-bottom: none
	}
}

@media (max-width:320px) {
	.sidebar-parents .main-sidebar .item {
		padding-bottom: 10px;
		margin-bottom: 10px
	}
}

.sidebar-parents .main-sidebar .item.active .link span,
.sidebar-parents .main-sidebar .item.active a span {
	color: #3bbdf9
}

.sidebar-parents .main-sidebar .item .list-manage-account {
	list-style: inside;
	margin-top: 10px;
	padding-left: 10px
}

.sidebar-parents .main-sidebar .item .list-manage-account li {
	margin-bottom: 15px
}

.sidebar-parents .main-sidebar .item .list-manage-account li a {
	display: initial;
	font-weight: 400
}

.sidebar-parents .main-sidebar .item .link,
.sidebar-parents .main-sidebar .item a {
	color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 700;
	font-size: 15px;
	cursor: pointer
}

.sidebar-parents .main-sidebar .item .link:hover span,
.sidebar-parents .main-sidebar .item a:hover span {
	color: #3bbdf9
}

.sidebar-parents .main-sidebar .item .link img,
.sidebar-parents .main-sidebar .item a img {
	margin-right: 10px
}

.sidebar-parents .main-sidebar .item .language-selector__container .language-selector__item {
	display: inline-block;
	width: calc(50% - 5px);
	background: #2e4e9a;
	border-radius: 3px;
	padding: 5px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	opacity: .5
}

.sidebar-parents .main-sidebar .item .language-selector__container .language-selector__item:first-child {
	margin-right: 10px
}

.sidebar-parents .main-sidebar .item .language-selector__container .language-selector__item.selected {
	opacity: 1
}

.sidebar-parents .main-sidebar .item .language-selector__container .language-selector__item .language-selector__flag {
	height: 30px;
	width: 40px;
	object-fit: contain
}

.sidebar-parents .main-sidebar .item .language-selector__container .language-selector__item .language-selector__name {
	color: #fff;
	font-size: 15px;
	font-family: SVN-ProductSans;
	letter-spacing: 0;
	margin-left: 10px
}

.sidebar-parents .main-sidebar .wrapper-button {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	padding: 0 15px
}

@media (max-width:991px) {
	.sidebar-parents .main-sidebar .wrapper-button {
		position: static
	}
}

@media (max-width:475px) {
	.sidebar-parents .main-sidebar .wrapper-button {
		position: absolute
	}
}

@media (max-width:991px) {
	.sidebar-parents .main-sidebar .wrapper-button .wrapper-flex {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

@media (max-width:475px) {
	.sidebar-parents .main-sidebar .wrapper-button .wrapper-flex {
		display: block
	}
}

@media (max-width:991px) {
	.sidebar-parents .main-sidebar .wrapper-button .wrapper-flex .btn-style {
		width: 45%;
		margin-bottom: 0
	}
}

@media (max-width:475px) {
	.sidebar-parents .main-sidebar .wrapper-button .wrapper-flex .btn-style {
		width: 100%
	}
}

.sidebar-parents .main-sidebar .wrapper-button .btn-style {
	color: #fff;
	font-weight: 700;
	border-radius: 50px;
	text-align: center;
	padding: 10px 0;
	cursor: pointer;
	width: 100%
}

.sidebar-parents .main-sidebar .wrapper-button .cod-btn {
	background-color: #f33030;
	margin-bottom: 10px
}

@media (max-width:475px) {
	.sidebar-parents .main-sidebar .wrapper-button .cod-btn {
		margin-bottom: 10px!important
	}
}

.sidebar-parents .main-sidebar .wrapper-button .feedback-btn {
	background-color: #3bbdf9
}

.sidebar-parents .main-sidebar .wrapper-button .wrapper-logo {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 10px;
	margin-top: 20px;
	border-top: 1px solid hsla(0, 0%, 100%, .1)
}

.sidebar-parents .feedback-btn {
	background-image: linear-gradient(76deg, #3bbdf9, #4e8ff8);
	border-radius: 30px;
	font-family: SVN-Boing, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 10px 0;
	position: relative;
	outline: none;
	transition: all .3s ease;
	transform: translateX(0);
	width: 100%
}

@media (max-width:1199px) {
	.sidebar-parents .feedback-btn {
		font-size: 16px
	}
}

.sidebar-parents .feedback-btn:active {
	background-image: linear-gradient(76deg, #3bbdf9, #4e8ff8)!important
}

.sidebar-parents .feedback-btn .tag-text {
	pointer-events: none
}

.sidebar-parents .feedback-btn .modal-close {
	display: none
}

.sidebar-parents .feedback-btn.animation-hide {
	background-image: none;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
	background-color: #fff;
	border: none
}

.sidebar-parents .feedback-btn.animation-hide .text {
	display: none
}

.sidebar-parents .feedback-btn.animation-hide .tag-text {
	position: static
}

.sidebar-parents .feedback-btn.animation-hide .modal-close {
	transform: rotate(45deg);
	display: block;
	position: absolute;
	color: #000;
	font-size: 44px;
	font-weight: 400;
	top: -8px;
	left: 16px
}

.adult-game__header {
	height: 80px;
	box-shadow: 0 2px 6px 0 #bddbff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: fixed;
	top: 0;
	z-index: 2;
	width: 100%;
	background-color: var(--color-white)
}

@media screen and (max-width:991px) {
	.adult-game__header {
		display: none
	}
}

@media screen and (max-width:767px) {
	.adult-game__header {
		height: 55px
	}
}

.adult-game__header__back {
	position: absolute;
	left: 30px;
	top: 50%;
	transform: translateY(-50%);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	cursor: pointer
}

@media screen and (max-width:767px) {
	.adult-game__header__back {
		left: 15px
	}
}

.adult-game__header__back i {
	font-size: 18px;
	margin-right: 15px
}

.adult-game__header__back p {
	font-size: 24px;
	font-weight: 700
}

@media screen and (max-width:767px) {
	.adult-game__header__back p {
		font-size: 18px
	}
}

.adult-game__header h3 {
	text-align: center
}

@media screen and (max-width:767px) {
	.adult-game__header h3 {
		font-size: 14px
	}
}

.adult-game__header h3 span {
	display: block;
	font-size: 20px
}

@media screen and (max-width:767px) {
	.adult-game__header h3 span {
		font-size: 16px
	}
}

.adult-game .video-game-container {
	height: calc(100vh - 80px)!important;
	margin-top: 80px;
	background-image: none!important
}

@media screen and (max-width:991px) {
	.adult-game .video-game-container {
		margin-top: 0;
		height: 100vh!important
	}
}

.adult-game .video-game-container .video-game {
	height: 100%!important;
	z-index: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: -270px;
	transition: all .3s ease
}

@media screen and (max-width:991px) {
	.adult-game .video-game-container .video-game {
		margin-left: -140px;
		position: relative
	}
}

.adult-game .video-game-container .video-game--open {
	margin-left: 0
}

.adult-game .video-game-container .video-game__back {
	display: none
}

@media screen and (max-width:991px) {
	.adult-game .video-game-container .video-game__back {
		display: block;
		position: absolute;
		top: 10px;
		left: 10px;
		z-index: 2
	}
	.adult-game .video-game-container .video-game__back i {
		font-size: 25px;
		color: var(--color-main)
	}
}

.adult-game .video-game-container .video-game .game-play {
	overflow: auto!important;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.adult-game .video-game-container .video-game .game-play .video-game-js {
	padding: 0 115px!important;
	-ms-flex: 1;
	flex: 1;
	top: 0!important;
	left: 0!important;
	transform: none!important;
	max-width: 170vh!important
}

@media screen and (max-width:991px) {
	.adult-game .video-game-container .video-game .game-play .video-game-js {
		padding: 0 20px!important
	}
}

.adult-game .video-game-container .video-game .game-play .video-game-js__wrapper {
	padding: 5px!important;
	box-shadow: none!important;
	background-color: var(--color-main)!important
}

@media screen and (max-width:991px) {
	.adult-game .video-game-container .video-game .game-play .video-game-js__wrapper {
		padding: 3px!important
	}
}

.adult-game__content {
	width: 100%;
	height: 100%;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	z-index: 1
}

.adult-game__content__menu {
	width: 270px;
	height: 100%;
	overflow: auto;
	position: relative;
	padding-top: 76px;
	transition: all .3s ease;
	left: -270px
}

.adult-game__content__menu ::-webkit-scrollbar {
	width: 3px!important;
	height: 3px!important
}

.adult-game__content__menu ::-webkit-scrollbar-thumb {
	background: var(--color-main)!important;
	border-radius: 5px!important;
	box-shadow: none!important
}

.adult-game__content__menu ::-webkit-scrollbar-track {
	background: var(--color-white)!important;
	border-radius: 5px!important;
	box-shadow: inset 0 0 5px var(--color-silver)!important
}

@media screen and (max-width:991px) {
	.adult-game__content__menu {
		width: 140px;
		height: 100%;
		left: -140px;
		padding-top: 38px
	}
}

.adult-game__content__menu--open {
	left: 0
}

.adult-game__content__menu h3 {
	padding: 20px 0;
	text-align: center;
	font-size: 24px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: var(--color-white);
	z-index: 2
}

@media screen and (max-width:991px) {
	.adult-game__content__menu h3 {
		font-size: 12px;
		padding: 10px
	}
}

.adult-game__content__menu__list {
	height: 100%;
	overflow-y: scroll
}

.adult-game__content__menu__list__card {
	width: 100%;
	padding: 20px 30px;
	border-bottom: 1px solid #e9ebfa;
	cursor: pointer;
	position: relative
}

.adult-game__content__menu__list__card:after {
	content: "";
	width: 27px;
	height: 27px;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzZweCIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+RDU1NDM3MTEtNDczQS00MUM1LUJCRUEtRTU2MDc4NTdGREVCQDF4PC90aXRsZT4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIzLjMtUXXhuqNuLWzDvS1s4buLY2gtaOG7jWMtLy1Ib+G6oXQtxJHhu5luZy0oV2hpdGUpLS8tRGFuaC1zw6FjaC1ob+G6oXQtxJHhu5luZy0oU3R5bGUtMSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTIuMDAwMDAwLCAtNjA5LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExMi4wMDAwMDAsIDYwOS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iI0RERERERCIgZmlsbC1ydWxlPSJub256ZXJvIiBjeD0iMTgiIGN5PSIxOCIgcj0iMTMuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBjeD0iMTgiIGN5PSIxOCIgcj0iMTMuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aCIgc3Ryb2tlPSIjOTk5OTk5IiBzdHJva2Utd2lkdGg9IjIuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgcG9pbnRzPSIxNi4zMTI1IDEyLjkzNzUgMjEuOTM3NSAxOCAxNi4zMTI1IDIzLjA2MjUiPjwvcG9seWdvbj4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

@media screen and (max-width:991px) {
	.adult-game__content__menu__list__card {
		padding: 10px 15px
	}
}

.adult-game__content__menu__list__card:hover {
	background-color: #e5f0ff
}

.adult-game__content__menu__list__card img {
	max-width: 100%;
	border: 4px solid var(--color-light-gray)
}

@media screen and (max-width:991px) {
	.adult-game__content__menu__list__card img {
		border: 2px solid var(--color-light-gray)
	}
}

.adult-game__content__menu__list__card p {
	margin-top: 15px
}

@media screen and (max-width:991px) {
	.adult-game__content__menu__list__card p {
		font-size: 12px;
		margin-top: 8px
	}
}

.adult-game__content__menu__list__card--active img {
	border: 4px solid var(--color-main)
}

@media screen and (max-width:991px) {
	.adult-game__content__menu__list__card--active img {
		border: 2px solid var(--color-main)
	}
}

.adult-game__content__menu__list__card--active:after {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzZweCIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+M0ZBRjJDMDUtNzYyRC00MDJFLUJBRjQtNDFGMTlBMTZGMzgzQDF4PC90aXRsZT4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIzLjMtUXXhuqNuLWzDvS1s4buLY2gtaOG7jWMtLy1Ib+G6oXQtxJHhu5luZy0oV2hpdGUpLS8tRGFuaC1zw6FjaC1ob+G6oXQtxJHhu5luZy0oU3R5bGUtMSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTIuMDAwMDAwLCAtMjEwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEyLjAwMDAwMCwgMjEwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBmaWxsPSIjMDlDRDk0IiBmaWxsLXJ1bGU9Im5vbnplcm8iIG9wYWNpdHk9IjAuMiIgY3g9IjE4IiBjeT0iMTgiIHI9IjEzLjUiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iIzAwNzZGRiIgY3g9IjE4IiBjeT0iMTgiIHI9IjEzLjUiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgPGcgaWQ9InBsYXkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzLjUwMDAwMCwgMTIuMzc1MDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iIzAwNzZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjc1MDAwMCwgNS41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtMS43NTAwMDAsIC01LjUwMDAwMCkgIiB4PSItMy43NSIgeT0iMy43NSIgd2lkdGg9IjExIiBoZWlnaHQ9IjMuNSIgcng9IjAuNSI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIGZpbGw9IiMwMDc2RkYiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy4yNTAwMDAsIDUuNTAwMDAwKSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTcuMjUwMDAwLCAtNS41MDAwMDApICIgeD0iMS43NSIgeT0iMy43NSIgd2lkdGg9IjExIiBoZWlnaHQ9IjMuNSIgcng9IjAuNSI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjc1MDAwMCwgNS41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtMS43NTAwMDAsIC01LjUwMDAwMCkgIiB4PSItMy43NSIgeT0iMy43NSIgd2lkdGg9IjExIiBoZWlnaHQ9IjMuNSIgcng9IjAuNSI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjI1MDAwMCwgNS41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNy4yNTAwMDAsIC01LjUwMDAwMCkgIiB4PSIxLjc1IiB5PSIzLjc1IiB3aWR0aD0iMTEiIGhlaWdodD0iMy41IiByeD0iMC41Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)
}

.adult-game__content__menu__list__card--played img {
	border: 4px solid var(--color-complete)
}

@media screen and (max-width:991px) {
	.adult-game__content__menu__list__card--played img {
		border: 2px solid var(--color-complete)
	}
}

.adult-game__content__menu__list__card--played:after {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzZweCIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+NEFCNTI1NDgtRDIwQS00NDNBLUEwNDktQzJEODZGNzU1MEYzQDF4PC90aXRsZT4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIzLjMtUXXhuqNuLWzDvS1s4buLY2gtaOG7jWMtLy1Ib+G6oXQtxJHhu5luZy0oV2hpdGUpLS8tRGFuaC1zw6FjaC1ob+G6oXQtxJHhu5luZy0oU3R5bGUtMSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTIuMDAwMDAwLCAtMzk5LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExMi4wMDAwMDAsIDM5OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iIzA5Q0Q5NCIgZmlsbC1ydWxlPSJub256ZXJvIiBvcGFjaXR5PSIwLjIiIGN4PSIxOCIgY3k9IjE4IiByPSIxMy41Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiMwOUNEOTQiIGN4PSIxOCIgY3k9IjE4IiByPSIxMy41Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iUGF0aCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgcG9pbnRzPSIyNC4xODc1IDE0LjYyNSAxNS45Mzc0NTMxIDIyLjUgMTEuODEyNSAxOC41NjI1Ij48L3BvbHlsaW5lPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
}

.adult-game__content__btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 80px;
	height: 195px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background-color: var(--color-main);
	border-radius: 0 14.4px 14.4px 0;
	box-shadow: 0 15px 35px 0 #e9ebfa;
	overflow: hidden;
	transition: all .3s ease;
	z-index: 2
}

@media screen and (max-width:991px) {
	.adult-game__content__btn {
		width: 55px;
		height: 140px
	}
}

.adult-game__content__btn--open {
	left: 270px
}

@media screen and (max-width:991px) {
	.adult-game__content__btn--open {
		left: 140px
	}
}

.adult-game__content__btn__tab {
	text-align: center;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	cursor: pointer
}

.adult-game__content__btn__tab:hover {
	background-color: #0458b9
}

.adult-game__content__btn__tab i {
	font-size: 40px;
	color: var(--color-white);
	margin-bottom: 5px
}

@media screen and (max-width:991px) {
	.adult-game__content__btn__tab i {
		font-size: 25px
	}
}

.adult-game__content__btn__tab p {
	font-size: 12px;
	color: var(--color-white)
}

@media screen and (max-width:991px) {
	.adult-game__content__btn__tab p {
		font-size: 10px
	}
}

.adult-game__content .vjs-big-play-button {
	font-size: 4em
}

.adult-game__content .vjs-big-play-button .vjs-icon-placeholder {
	font-size: 30px
}

.adult-account {
	width: 100%;
	position: relative;
	padding-top: 110px
}

@media screen and (max-width:767px) {
	.adult-account {
		padding-top: 90px
	}
}

.adult-account__header {
	height: 80px;
	box-shadow: 0 2px 2px 2px #edf5ff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 30px;
	background-color: var(--color-white);
	position: fixed;
	top: 0;
	width: calc(100% - var(--width-sidebar));
	z-index: 2
}

@media screen and (max-width:767px) {
	.adult-account__header {
		width: 100%;
		height: 70px;
		padding: 0 15px
	}
	.adult-account__header .button-icon-text {
		font-size: 16px;
		padding: 5px 15px
	}
	.adult-account__header .button-icon-text i {
		font-size: 15px
	}
}

.adult-account__header h3 {
	font-size: 24px
}

@media screen and (max-width:767px) {
	.adult-account__header h3 {
		font-size: 20px
	}
}

@media screen and (max-width:575px) {
	.adult-account__header h3 {
		font-size: 18px
	}
}

.adult-account__content {
	width: 100%;
	padding-bottom: 30px
}

@media screen and (max-width:767px) {
	.adult-account__content {
		padding: 0 15px 90px
	}
}

.adult-account__content form {
	max-width: 750px;
	margin: 0 auto
}

.adult-account__content__card {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 45px 30px;
	background-color: var(--color-white);
	border-radius: 10px;
	margin-bottom: 20px
}

@media screen and (max-width:767px) {
	.adult-account__content__card {
		box-shadow: 0 2px 2px 2px #edf5ff
	}
}

@media screen and (max-width:575px) {
	.adult-account__content__card {
		padding: 30px 15px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.adult-account__content__card__avatar {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	position: relative;
	overflow: hidden
}

.adult-account__content__card__avatar input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	opacity: 0;
	z-index: 2;
	cursor: pointer
}

.adult-account__content__card__avatar img {
	width: 120px;
	height: 120px;
	object-fit: cover
}

.adult-account__content__card__avatar p {
	background: rgba(0, 118, 255, .31);
	position: absolute;
	bottom: -8px;
	width: 100%;
	height: 36px;
	color: var(--color-white);
	letter-spacing: .2px;
	text-align: center;
	transition: all .5s ease
}

.adult-account__content__card__avatar p span {
	font-size: 14px
}

.adult-account__content__card__avatar:hover p {
	bottom: 0;
	height: 100%
}

.adult-account__content__card__avatar:hover p span {
	position: relative;
	top: 30%
}

.adult-account__content__card__input {
	-ms-flex: 1;
	flex: 1;
	margin-left: 45px
}

@media screen and (max-width:575px) {
	.adult-account__content__card__input {
		margin: 20px 0 0;
		width: 100%
	}
}

.adult-account__content__card__input .message-error {
	font-size: 14px
}

.adult-account__content__card__input p {
	padding-bottom: 8px
}

.adult-account__content__card__input__name {
	margin-bottom: 20px
}

.adult-account__content__card__input__name input {
	border-radius: 28px;
	border: 1px solid #cde4ff;
	font-weight: 600
}

.adult-account__content__card__input__name input:focus {
	border: 1px solid var(--color-main)!important
}

.adult-account__content__card__input__calendar {
	position: relative
}

.adult-account__content__card__input__calendar input {
	border-radius: 28px;
	border: 1px solid #cde4ff;
	font-weight: 600
}

.adult-account__content__card__input__calendar input:focus {
	border: 1px solid var(--color-main)!important
}

.adult-account__content__card__input__calendar img {
	display: none
}

.adult-account__content__card__input__calendar i {
	font-size: 20px;
	color: var(--color-main);
	position: absolute;
	right: 20px;
	bottom: 15px
}

.adult-account__content__success {
	margin: 0 0 25px;
	border-radius: 28px;
	color: var(--color-complete);
	border: 1px solid var(--color-complete);
	background-color: #f0fffb
}

.adult-account__content__success p {
	font-weight: 600
}

.adult-account__content__error {
	margin: 0 0 25px;
	border-radius: 28px
}

.adult-account__content__error p {
	font-weight: 600
}

.adult-account__content__language {
	display: none
}

@media screen and (max-width:767px) {
	.adult-account__content__language {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 20px
	}
	.adult-account__content__language p {
		font-size: 16px
	}
	.adult-account__content__language .adult-language-selector__container {
		display: -ms-flexbox;
		display: flex;
		min-width: 210px
	}
	.adult-account__content__language .adult-language-selector__container .adult-language-selector__item {
		width: 100px
	}
	.adult-account__content__language .adult-language-selector__container .adult-language-selector__item:hover {
		box-shadow: none
	}
}

.button-primary {
	cursor: pointer;
	background-color: var(--color-white);
	padding: 15px 60px;
	border-radius: 28px;
	transition: all .3s;
	font-size: 14px;
	line-height: 20px;
	color: var(--color-main);
	font-weight: 700;
	border: 1px solid var(--color-main)
}

.button-primary__disabled {
	background-color: var(--color-silver)!important;
	cursor: no-drop;
	color: var(--color-gray)
}

.button-primary:hover {
	background-color: var(--color-main);
	font-size: 14px;
	line-height: 20px;
	color: var(--color-white);
	font-weight: 700
}

@media screen and (max-width:991px) {
	.button-primary:hover {
		background-color: var(--color-white);
		font-size: 14px;
		line-height: 20px;
		color: var(--color-main);
		font-weight: 700
	}
}

.button-secondary {
	cursor: pointer;
	background-color: var(--color-main);
	padding: 15px 60px;
	border-radius: 28px;
	transition: all .3s;
	font-size: 14px;
	line-height: 20px;
	color: var(--color-white);
	font-weight: 700;
	border: 1px solid var(--color-main)
}

.button-secondary__disabled {
	background-color: var(--color-silver)!important;
	cursor: no-drop;
	color: var(--color-gray)
}

.button-secondary:hover {
	background-color: var(--color-white);
	font-size: 14px;
	line-height: 20px;
	color: var(--color-main);
	font-weight: 700
}

@media screen and (max-width:991px) {
	.button-secondary:hover {
		background-color: var(--color-main);
		font-size: 14px;
		line-height: 20px;
		color: var(--color-white);
		font-weight: 700
	}
}

.button-icon-text {
	cursor: pointer;
	background-color: var(--color-main);
	padding: 12px 20px;
	border-radius: 25px;
	transition: all .3s;
	font-size: 20px;
	line-height: 27px;
	color: var(--color-white);
	font-weight: 700;
	border: 1px solid var(--color-main);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.button-icon-text i {
	font-size: 20px;
	margin-right: 10px
}

.button-icon-text__disabled {
	background-color: var(--color-silver)!important;
	cursor: no-drop;
	color: var(--color-gray)
}

.button-icon-text:hover {
	background-color: var(--color-white);
	font-size: 20px;
	line-height: 27px;
	color: var(--color-main);
	font-weight: 700
}

@media screen and (max-width:991px) {
	.button-icon-text:hover {
		background-color: var(--color-main);
		font-size: 20px;
		line-height: 27px;
		color: var(--color-white);
		font-weight: 700
	}
}

.button-title {
	cursor: pointer;
	background-color: var(--color-main);
	padding: 11px 60px;
	border-radius: 28px;
	transition: all .3s;
	font-size: 24px;
	line-height: 32px;
	color: var(--color-white);
	font-weight: 700;
	min-width: 200px;
	border: 2px solid var(--color-main)
}

.button-title__disabled {
	background-color: var(--color-silver)!important;
	cursor: no-drop;
	color: var(--color-gray)
}

.button-title:hover {
	background-color: var(--color-white);
	font-size: 24px;
	line-height: 32px;
	color: var(--color-main);
	font-weight: 700
}

@media screen and (max-width:991px) {
	.button-title:hover {
		background-color: var(--color-main);
		font-size: 24px;
		line-height: 32px;
		color: var(--color-white);
		font-weight: 700
	}
}

.adult-language-selector__container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media screen and (max-width:767px) {
	.adult-language-selector__container {
		display: none
	}
}

.adult-language-selector__container .adult-language-selector__item {
	display: block;
	width: calc(50% - 5px);
	border-radius: 5px;
	padding: 4px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	opacity: .4;
	border: 1px solid #0076ff;
	transition: all .3 ease;
	background-color: var(--color-white)
}

.adult-language-selector__container .adult-language-selector__item.selected {
	opacity: 1
}

.adult-language-selector__container .adult-language-selector__item:hover {
	box-shadow: 0 5px 15px -10px var(--color-main)
}

.adult-language-selector__container .adult-language-selector__item .adult-language-selector__flag {
	height: 30px;
	width: 40px;
	object-fit: contain
}

.adult-language-selector__container .adult-language-selector__item .adult-language-selector__name {
	color: var(--color-main);
	font-size: 16px;
	letter-spacing: 0;
	font-weight: 600;
	margin-left: 10px
}

#adult-report-header {
	height: 80px;
	background: var(--color-white);
	box-shadow: 0 2px 2px 2px #edf5ff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 30px;
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1
}

@media (max-width:850px) {
	#adult-report-header {
		padding-left: 15px
	}
}

@media (max-width:767px) {
	#adult-report-header {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		height: 128px;
		padding: 20px 16px;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

#adult-report-header .title {
	color: var(--color-dark-gray);
	font-size: 24px;
	font-weight: 700;
	width: 180px
}

@media (max-width:1023px) {
	#adult-report-header .title {
		display: none
	}
}

@media (min-width:1165px) {
	#adult-report-header .title {
		width: unset
	}
}

#adult-report-header .title-mobile {
	color: var(--color-dark-gray);
	font-size: 24px;
	font-weight: 700
}

@media (min-width:1024px) {
	#adult-report-header .title-mobile {
		display: none
	}
}

@media (max-width:767px) {
	#adult-report-header .title-mobile {
		font-size: 18px;
		display: block;
		width: 100%
	}
}

#adult-report-header .adult-report-header__dropdown {
	width: 250px;
	height: 50px;
	margin-left: 20px
}

@media (max-width:767px) {
	#adult-report-header .adult-report-header__dropdown {
		margin-left: 0;
		width: calc((100% - 10px) / 2);
		margin-top: 10px
	}
}

#adult-report-header .adult-report-header__dropdown .react-select__control {
	border: 1px solid var(--color-main);
	border-radius: 25px;
	height: inherit;
	padding: 0 16px
}

#adult-report-header .adult-report-header__dropdown .react-select__control:hover {
	border-color: var(--color-main)
}

#adult-report-header .adult-report-header__dropdown .react-select__indicator-separator {
	display: none
}

#adult-report-header .adult-report-header__dropdown .react-select__placeholder {
	font-size: 14px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: var(--color-light-gray)
}

#adult-report-header .adult-report-header__dropdown .react-select__option {
	background-color: var(--color-white);
	color: var(--color-main)
}

#adult-report-header .adult-report-header__dropdown .react-select__option--is-focused,
#adult-report-header .adult-report-header__dropdown .react-select__option--is-selected {
	background-color: var(--color-main);
	color: var(--color-white)
}

#adult-report-header .adult-report-header__dropdown .react-select__menu {
	border-radius: 25px;
	overflow: hidden;
	transition: height .5s;
	animation: fade--in .3s ease-in-out
}

@keyframes fade--in {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

#adult-report-header .adult-report-header__dropdown .react-select__menu-list {
	padding: 0;
	border-radius: 25px;
	border: solid 1px var(--color-main);
	background-color: var(--color-white)
}

#adult-report-header .adult-report-header__dropdown .react-select__value-container {
	height: 100%;
	padding: 0
}

#adult-report-header .adult-report-header__dropdown .react-select__indicator i {
	font-size: 16px;
	color: var(--color-main)
}

#adult-report-header .adult-report-header__dropdown .react-select__single-value {
	color: var(--color-main);
	font-size: 14px;
	font-weight: 700
}

#adult-report-header .adult-report-header__dropdown .react-select__single-value .single-value-title {
	color: var(--color-dark-gray);
	font-size: 12px
}

#adult-report-header .adult-report-header__dropdown .react-select__single-value div:not(.single-value-title) {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

#adult-report-header .adult-report-header__dropdown .react-select__menu-notice--no-options {
	font-size: 20px;
	font-weight: 700;
	color: #fff
}

#adult-report-header .program-selector {
	margin-left: 10px
}

#adult-report {
	position: relative;
	overflow: auto;
	max-height: 100vh
}

#adult-report .adult-report-content {
	width: 100%;
	padding: 20px 30px 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:991px) {
	#adult-report .adult-report-content {
		-ms-flex-direction: column;
		flex-direction: column
	}
}

@media (max-width:375px) {
	#adult-report .adult-report-content {
		padding: 15px
	}
}

#adult-report .adult-report-content .content-left {
	width: calc(100% - 350px - 30px)
}

@media (max-width:1280px) {
	#adult-report .adult-report-content .content-left {
		width: calc(100% - 300px - 30px)
	}
}

@media (max-width:1250px) {
	#adult-report .adult-report-content .content-left {
		width: calc(100% - 250px - 30px)
	}
}

@media (max-width:991px) {
	#adult-report .adult-report-content .content-left {
		width: 100%
	}
}

#adult-report .adult-report-content .content-right {
	width: 350px;
	height: -webkit-min-content;
	height: min-content;
	padding: 20px 16px;
	border-radius: 10px;
	background-color: var(--color-white);
	margin-top: 60px
}

@media (max-width:1280px) {
	#adult-report .adult-report-content .content-right {
		width: 300px
	}
}

@media (max-width:1250px) {
	#adult-report .adult-report-content .content-right {
		width: 250px
	}
}

@media (max-width:991px) {
	#adult-report .adult-report-content .content-right {
		margin-top: 15px;
		width: 100%;
		margin-bottom: 35px
	}
}

@media (max-width:767px) {
	#adult-report .adult-report-content .content-right {
		margin-bottom: 80px
	}
}

#adult-report .adult-report-content .content-right .student-overview .student-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#adult-report .adult-report-content .content-right .student-overview .student-row .status-text {
	font-size: 16px;
	color: var(--color-dark-gray)
}

#adult-report .adult-report-content .content-right .student-overview .student-row .status-result {
	font-size: 16px;
	font-weight: 700;
	color: var(--color-complete);
	white-space: nowrap
}

#adult-report .adult-report-content .content-right .student-overview .student-row .status-result.inactive {
	color: var(--color-cancel)
}

#adult-report .adult-report-content .content-right .student-overview .student-overview-item {
	margin-top: 15px
}

#adult-report .adult-report-content .content-right .student-overview .student-overview-item .title-class .tag {
	color: var(--color-main);
	font-size: 18px;
	font-weight: 700
}

#adult-report .adult-report-content .content-right .student-overview .student-overview-item .row-space {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#adult-report .adult-report-content .content-right .student-overview .student-overview-item .row-space .priority-day,
#adult-report .adult-report-content .content-right .student-overview .student-overview-item .row-space .status-text {
	font-size: 16px;
	color: var(--color-dark-gray)
}

#adult-report .adult-report-content .content-right .student-overview .student-overview-item .row-space .priority-name,
#adult-report .adult-report-content .content-right .student-overview .student-overview-item .row-space .status-lv {
	font-size: 16px;
	font-weight: 700;
	color: var(--color-dark-gray)
}

#adult-report .adult-report-content .content-right .student-overview .student-overview-item .row-space .priority-name {
	white-space: nowrap
}

#adult-report .adult-report-content .content-right .student-overview .student-overview-item .learning-day {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid var(--color-border);
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--color-border)
}

#adult-report .adult-report-content .content-right .student-overview .student-overview-item .learning-day .learning {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 16px
}

#adult-report .adult-report-content .content-right .student-overview .student-overview-item .learning-day .learning:first-child {
	margin-top: 0
}

#adult-report .adult-report-content .content-right .student-overview .student-overview-item .learning-day .learning .lesson-title {
	font-size: 16px;
	color: var(--color-dark-gray)
}

#adult-report .adult-report-content .content-right .student-overview .student-overview-item .learning-day .learning .lesson-number {
	font-size: 16px;
	font-weight: 700;
	color: var(--color-dark-gray)
}

#adult-report .adult-report-content .content-right .student-overview .student-overview-item .priority-row span {
	font-size: 16px;
	color: var(--color-dark-gray)
}

#adult-report .adult-report-content .content-right .student-overview .student-overview-item .priority-data {
	margin-top: 16px
}

#adult-report .adult-report-content .content-right .student-overview .overview-no-data {
	font-size: 14px;
	margin-top: 16px;
	color: var(--color-dark-gray)
}

#adult-report .adult-report-content .content-right .student-overview .contact-area {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid var(--color-border)
}

#adult-report .adult-report-content .content-right .student-overview .contact-area .manager-row {
	font-size: 16px;
	color: var(--color-main)
}

#adult-report .adult-report-content .content-right .student-overview .contact-area .contact-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 16px
}

#adult-report .adult-report-content .content-right .student-overview .contact-area .contact-row .contact-name {
	font-size: 16px;
	color: var(--color-dark-gray);
	font-weight: 700
}

#adult-report .adult-report-content .content-right .student-overview .contact-area .contact-row .contact-btn {
	border-radius: 10px;
	border: 1px solid var(--color-main);
	padding: 5px 16px;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	white-space: nowrap
}

#adult-report .adult-report-content .content-right .student-overview .contact-area .contact-row .contact-btn span {
	font-size: 14px;
	color: var(--color-main)
}

#adult-report .adult-report-content .content-right .student-overview .contact-area .contact-row .contact-btn i {
	font-size: 14px;
	color: var(--color-main);
	margin-right: 5px
}

#adult-report .pagination-line__link {
	color: var(--color-dark-gray);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

#adult-report .pagination-line__link i {
	font-size: 16px;
	color: var(--color-dark-gray)
}

#adult-report .pagination-line__link.active,
#adult-report .pagination-line__link:hover:not(.disabled) {
	background-color: var(--color-main);
	border-color: var(--color-main);
	color: var(--color-white)
}

#adult-report .pagination-line__link.active i,
#adult-report .pagination-line__link:hover:not(.disabled) i {
	color: var(--color-white)
}

#adult-report .pagination-line__link.disabled {
	background-color: #f0f7ff;
	border-color: #f0f7ff
}

#adult-report .pagination-line__link.disabled i {
	color: var(--color-white)
}

.no-adult-report-wrapper {
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	min-height: calc(100vh - 120px)
}

.no-adult-report-wrapper .no-adult-report-content {
	text-align: center
}

.no-adult-report-wrapper .no-adult-report-content .text-label {
	font-size: 25px;
	text-align: center;
	color: #052774
}

.no-adult-report-wrapper .no-adult-report-content .text-label.hotline {
	font-weight: 700
}

@media (max-width:767px) {
	.no-adult-report-wrapper .no-adult-report-content .text-label {
		font-size: 22px
	}
}

.no-adult-report-wrapper .no-adult-report-content .rabbit-image {
	margin-top: 20px;
	margin-bottom: 20px;
	object-fit: contain;
	height: 250px
}

@media (max-width:767px) {
	.no-adult-report-wrapper .no-adult-report-content .rabbit-image {
		height: 150px
	}
}

#adult-schedule,
#adult-schedule .adult-schedule-body {
	width: 100%
}

#adult-schedule .adult-schedule-body .header-title {
	color: var(--color-title);
	font-size: 20px;
	font-weight: 700;
	line-height: 40px
}

@media (max-width:1023px) {
	#adult-schedule .adult-schedule-body .header-title {
		display: none
	}
}

#adult-schedule .adult-schedule-body .header-title-mobile {
	color: var(--color-dark-gray);
	font-size: 24px;
	font-weight: 700
}

@media (min-width:1024px) {
	#adult-schedule .adult-schedule-body .header-title-mobile {
		display: none
	}
}

#adult-schedule .adult-schedule-body .wrapper {
	margin-top: 20px;
	width: 100%;
	padding: 20px 24px 30px 16px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: var(--color-white)
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .tab-view {
	margin-bottom: 20px;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .tab-view::-webkit-scrollbar {
	display: none
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .tab-view .tab-view__label {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	margin-right: 30px;
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .tab-view .tab-view__label.tab-view__active {
	color: var(--color-main)
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .tab-view .tab-view__label:last-child {
	margin-right: 0
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item {
	border-left: 1px dashed #dadceb;
	padding-bottom: 20px
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item:last-of-type {
	padding-bottom: 0;
	margin-bottom: 20px
}

@media (max-width:767px) {
	#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item {
		padding-bottom: 30px
	}
	#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item:last-of-type {
		padding-bottom: 0;
		margin-bottom: 30px
	}
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:1200px) {
	#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 {
		-ms-flex-direction: column;
		flex-direction: column
	}
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .calendar {
	padding: 20px 10px 20px 30px;
	border-bottom: 1px dashed #dadceb;
	height: -webkit-min-content;
	height: min-content;
	position: relative
}

@media (max-width:1200px) {
	#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .calendar {
		display: -ms-flexbox;
		display: flex;
		border-bottom: none;
		padding: 0;
		padding-left: 18px;
		margin-bottom: 10px
	}
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .calendar:before {
	content: " ";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translate(-50%, 60%)
}

@media (max-width:1200px) {
	#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .calendar:before {
		left: 0;
		top: 50%;
		bottom: unset;
		transform: translate(-50%, -50%)
	}
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .calendar.upcoming:before {
	background-color: var(--color-incoming)
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .calendar.cancel:before {
	background-color: var(--color-cancel)
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .calendar.complete:before {
	background-color: var(--color-complete)
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .calendar p {
	color: var(--color-dark-gray);
	font-size: 14px;
	font-weight: 700;
	text-align: center
}

@media (min-width:1200px) {
	#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .calendar .separator {
		display: none
	}
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information {
	border-radius: 10px;
	border: 1px solid #dadceb;
	padding: 16px 20px;
	-ms-flex: 1;
	flex: 1;
	margin-left: 10px
}

@media (max-width:767px) {
	#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information {
		margin-left: 15px
	}
}

@media (max-width:500px) {
	#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information {
		padding: 10px
	}
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__top {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__top.mobile-view {
	margin-top: 10px
}

@media (max-width:500px) {
	#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__top.mobile-view {
		display: block
	}
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__top p {
	color: var(--color-dark-gray);
	font-size: 12px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	white-space: nowrap
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__top p i {
	font-size: 16px;
	color: #6c757d;
	margin-right: 5px
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__top .status-label {
	color: var(--color-dark-gray);
	font-size: 12px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__top .status-label span {
	margin-top: 8px
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__top .status-label .status-approved {
	color: var(--color-incoming);
	font-size: 14px;
	font-weight: 700
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__top .status-label .status-canceled {
	color: var(--color-cancel);
	font-size: 14px;
	font-weight: 700
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__top .status-label .status-completed {
	color: var(--color-complete);
	font-size: 14px;
	font-weight: 700
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__top .status-label .status-by {
	color: var(--color-gray);
	font-size: 12px
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__top .date-time,
#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__top .student-info {
	margin-left: 8px;
	-ms-flex-direction: column;
	flex-direction: column
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__top .date-time span,
#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__top .student-info span {
	font-size: 14px;
	font-weight: 700;
	color: var(--color-dark-gray);
	margin-top: 8px
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__top .view-document-btn {
	font-weight: 700;
	border-radius: 20px;
	border: 1px solid var(--color-text-document);
	color: var(--color-text-document);
	padding: 10px 20px;
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	white-space: nowrap;
	height: -webkit-min-content;
	height: min-content;
	margin-left: 6px
}

@media (max-width:991px) {
	#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__top .view-document-btn {
		font-size: 12px;
		padding: 5px 13px
	}
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__center {
	margin-top: 8px
}

@media (max-width:991px) {
	#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__center {
		margin-top: 15px
	}
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__center .type-class {
	background-color: #ffa3bd;
	border-radius: 15px
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__center .lesson-name .lesson-text {
	color: var(--color-dark-gray);
	font-size: 14px;
	font-weight: 700
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__center .lesson-name .lesson-text .lesson-text-small {
	color: var(--color-dark-gray);
	font-size: 13px;
	margin-left: 4px;
	font-weight: 700
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__center .wrapper-btn-control {
	border-top: 1px solid #e9ebfa;
	margin-top: 20px;
	padding-top: 15px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__center .wrapper-btn-control.is-up-comming .enter-class-btn {
	background: var(--color-main);
	border-radius: 20px;
	width: 210px;
	height: 40px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__center .wrapper-btn-control.is-up-comming .enter-class-btn span {
	color: var(--color-white);
	font-size: 14px;
	font-weight: 700
}

@media (max-width:375px) {
	#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__center .wrapper-btn-control.is-up-comming .enter-class-btn {
		width: auto;
		padding: 0 20px
	}
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view {
	margin-bottom: 0;
	border-top: 1px solid #e9ebfa;
	margin-top: 20px;
	padding-top: 15px
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .tab-label {
	color: var(--color-dark-gray);
	font-size: 14px;
	font-weight: 700
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .comment-wrapper {
	color: var(--color-dark-gray);
	font-size: 14px;
	margin-top: 8px
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .comment-wrapper .comment-view,
#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .comment-wrapper .no-rating {
	color: var(--color-dark-gray);
	font-size: 14px;
	white-space: normal
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .comment-wrapper .rating-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 16px
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .comment-wrapper .rating-list .rating-item {
	margin-bottom: 20px;
	width: 33%
}

@media (max-width:1100px) {
	#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .comment-wrapper .rating-list .rating-item {
		width: 49%
	}
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .comment-wrapper .rating-list .rating-item .rating-title {
	color: var(--color-gray);
	font-size: 14px
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .comment-wrapper .rating-list .rating-item i {
	padding-right: 4px;
	color: var(--color-light-gray);
	font-size: 16px
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .comment-wrapper .rating-list .rating-item i.active {
	color: #ffdc64
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .activities-wrapper {
	margin-top: 6px;
	column-count: 2
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .activities-wrapper .activity-item {
	display: block;
	break-inside: avoid-column;
	margin-bottom: 6px
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .activities-wrapper .item-wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .activities-wrapper .item-wrapper i {
	border-radius: 4px;
	padding: 8px;
	font-size: 16px;
	margin-right: 8px;
	height: -webkit-min-content;
	height: min-content;
	background-color: #bbdaff;
	color: var(--color-main);
	position: relative
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .activities-wrapper .item-wrapper i .img-icon-done {
	width: 13px;
	height: 13px;
	object-fit: contain;
	position: absolute;
	right: -3px;
	bottom: 0
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .activities-wrapper .item-wrapper .activity-name {
	color: var(--color-dark-gray);
	font-size: 14px;
	font-weight: 700;
	white-space: normal
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .activities-wrapper .item-wrapper .activity-name.completed {
	color: var(--color-light-gray);
	font-weight: 400
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view.mobile-view {
	border-top: none;
	padding-top: 0
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view.mobile-view b,
#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view.mobile-view p {
	font-size: 14px;
	color: var(--color-dark-gray)
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view.mobile-view .show-detail-btn {
	margin-top: 6px;
	font-size: 14px;
	font-weight: 700;
	color: var(--color-main);
	text-align: center;
	cursor: pointer
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view.mobile-view .teacher-note-comment {
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .wrapper-flex {
	border-top: 1px solid #e9ebfa;
	margin-top: 20px;
	padding-top: 15px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .wrapper-flex>div:nth-child(n+2) {
	margin-left: 12px
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .wrapper-flex .video-btn-view-desk-top {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .wrapper-flex .video-btn-view-desk-top .video-btn {
	background: var(--color-white);
	border: 1px solid var(--color-main);
	border-radius: 20px;
	width: 160px;
	height: 40px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--color-main);
	font-size: 14px;
	font-weight: 700
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .wrapper-flex .video-btn-view-desk-top .video-btn i {
	font-size: 14px;
	color: var(--color-main);
	margin-right: 8px
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .wrapper-flex .wrapper-btn-valuation {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .wrapper-flex .wrapper-btn-valuation .btn-valuation {
	background: var(--color-main);
	border-radius: 20px;
	width: 160px;
	height: 40px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--color-white);
	font-size: 14px;
	font-weight: 700;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .wrapper-flex .wrapper-btn-valuation .video-btn {
	border: 1px solid var(--color-main);
	border-radius: 20px;
	width: 160px;
	height: 40px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--color-main);
	font-size: 14px;
	font-weight: 700;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .wrapper-1-1 .information .booking-group .booking-group__icon {
	width: 28px;
	height: auto;
	object-fit: contain;
	margin-right: 6px
}

@media (min-width:1200px) {
	#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .schedule-1-1-item .lesson-view-mb {
		display: none
	}
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .report-learning-map-container .report-learning-map {
	border-left: 1px dashed #dadceb;
	padding-bottom: 20px;
	padding-left: 23px
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .report-learning-map-container .report-learning-map:last-of-type {
	padding-bottom: 0;
	margin-bottom: 20px
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .report-learning-map-container .report-learning-map .status-wrapper {
	position: relative
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .report-learning-map-container .report-learning-map .status-wrapper span {
	font-size: 14px;
	font-weight: 700
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .report-learning-map-container .report-learning-map .status-wrapper span:before {
	content: " ";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	position: absolute;
	left: -23px;
	top: 50%;
	transform: translate(-50%, -50%)
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .report-learning-map-container .report-learning-map .status-wrapper span.status-completed {
	color: var(--color-complete)
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .report-learning-map-container .report-learning-map .status-wrapper span.status-completed:before {
	background-color: var(--color-complete)
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .report-learning-map-container .report-learning-map .status-wrapper span.teacher-name {
	color: var(--color-main)
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .report-learning-map-container .report-learning-map .status-wrapper span.teacher-name:before {
	background-color: var(--color-main)
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .report-learning-map-container .report-learning-map .status-wrapper span.status-waiting {
	color: var(--color-text-document)
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .report-learning-map-container .report-learning-map .status-wrapper span.status-waiting:before {
	background-color: var(--color-text-document)
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .report-learning-map-container .report-learning-map .date-time {
	color: var(--color-light-gray);
	font-size: 14px;
	margin: 6px 0
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .report-learning-map-container .report-learning-map .lesson-name {
	font-size: 14px;
	font-weight: 700
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .report-learning-map-container .report-learning-map .lesson-name .type-class {
	background-color: #ffa3bd;
	border-radius: 15px
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .report-learning-map-container .report-learning-map .lesson-name span {
	color: var(--color-dark-gray);
	font-size: 14px;
	font-weight: 700
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .report-learning-map-container .report-learning-map .booking-group {
	margin-top: 6px
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .tab-1-1-wrapper .list-contents .report-learning-map-container .report-learning-map .booking-group .booking-group__icon {
	width: 28px;
	height: auto;
	object-fit: contain;
	margin-right: 6px
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .report-container>div:first-child {
	margin-top: 0
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .report-container .chart-bar .chart-bar__title {
	color: var(--color-dark-gray);
	font-size: 16px;
	font-weight: 700
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .report-container .chart-bar .chart-container {
	border: 1px solid #dadceb;
	border-radius: 10px;
	padding: 30px 20px 40px;
	margin-top: 20px
}

@media (max-width:767px) {
	#adult-schedule .adult-schedule-body .wrapper .content-1-1 .report-container .chart-bar .chart-container {
		padding: 30px 10px 40px
	}
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .report-container .chart-bar .chart-container .chart-bar__list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .report-container .chart-bar .chart-container .chart-bar__list .chart-bar__list__item {
	width: 30%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	color: var(--color-gray);
	font-size: 14px;
	font-weight: 700;
	margin-top: 20px
}

@media (max-width:500px) {
	#adult-schedule .adult-schedule-body .wrapper .content-1-1 .report-container .chart-bar .chart-container .chart-bar__list .chart-bar__list__item {
		width: 50%;
		font-size: 12px
	}
	#adult-schedule .adult-schedule-body .wrapper .content-1-1 .report-container .chart-bar .chart-container .chart-bar__list .chart-bar__list__item>div {
		width: 8px!important;
		height: 8px!important
	}
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .report-container .statistics-wrapper {
	margin-top: 40px
}

@media (max-width:991px) {
	#adult-schedule .adult-schedule-body .wrapper .content-1-1 .report-container .statistics-wrapper {
		margin-top: 20px
	}
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .report-container .statistics-wrapper .statistic-title {
	font-size: 16px;
	color: var(--color-gray);
	font-weight: 700
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .report-container .statistics-wrapper .activities-wrapper .activities-content {
	margin-top: 20px;
	border-radius: 10px;
	border: 1px solid #dadceb;
	padding: 20px
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .report-container .statistics-wrapper .activities-wrapper .activities-content .lesson-name {
	color: var(--color-dark-gray);
	font-size: 14px;
	font-weight: 700
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .report-container .statistics-wrapper .activities-wrapper .activities-content .lesson-name .type-class {
	background-color: #ffa3bd;
	border-radius: 15px
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .report-container .statistics-wrapper .activities-wrapper .activities-content .activities {
	margin-top: 12px;
	column-count: 2
}

@media (max-width:600px) {
	#adult-schedule .adult-schedule-body .wrapper .content-1-1 .report-container .statistics-wrapper .activities-wrapper .activities-content .activities {
		column-count: 1
	}
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .report-container .statistics-wrapper .activities-wrapper .activities-content .activities .activity-item {
	display: block;
	break-inside: avoid-column;
	margin-bottom: 6px;
	cursor: pointer
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .report-container .statistics-wrapper .activities-wrapper .activities-content .activities .activity-item .item-wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .report-container .statistics-wrapper .activities-wrapper .activities-content .activities .activity-item .item-wrapper i {
	border-radius: 4px;
	padding: 8px;
	font-size: 16px;
	margin-right: 8px;
	height: -webkit-min-content;
	height: min-content;
	background-color: #bbdaff;
	color: var(--color-main);
	position: relative
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .report-container .statistics-wrapper .activities-wrapper .activities-content .activities .activity-item .item-wrapper i .img-icon-done {
	width: 13px;
	height: 13px;
	object-fit: contain;
	position: absolute;
	right: -3px;
	bottom: 0
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .report-container .statistics-wrapper .activities-wrapper .activities-content .activities .activity-item .item-wrapper .activity-name {
	color: var(--color-dark-gray);
	font-size: 14px;
	font-weight: 700;
	white-space: normal
}

#adult-schedule .adult-schedule-body .wrapper .content-1-1 .report-container .statistics-wrapper .activities-wrapper .activities-content .activities .activity-item.disabled .activity-name,
#adult-schedule .adult-schedule-body .wrapper .content-1-1 .report-container .statistics-wrapper .activities-wrapper .activities-content .activities .activity-item.isDeactive .activity-name {
	color: var(--color-light-gray);
	font-weight: 400
}

.modal-adult-evaluation {
	position: relative
}

@media (min-width:768px) {
	.modal-adult-evaluation {
		min-width: 650px
	}
}

@media (max-width:768px) {
	.modal-adult-evaluation {
		max-width: 90%
	}
}

.modal-adult-evaluation .modal-content {
	padding: 20px 30px
}

.modal-adult-evaluation .modal-content .close-button {
	position: absolute;
	top: -16px;
	right: 0;
	transform: translateY(-100%);
	color: var(--color-white);
	font-size: 16px;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
	-ms-flex-align: center;
	align-items: center
}

.modal-adult-evaluation .modal-content .close-button i {
	color: var(--color-white);
	font-size: 16px;
	margin-left: 6px
}

@media (max-height:800px) {
	.modal-adult-evaluation .modal-content .close-button {
		top: 28px;
		z-index: 3;
		right: 15px;
		color: var(--color-dark-gray)
	}
	.modal-adult-evaluation .modal-content .close-button i {
		color: var(--color-dark-gray)
	}
}

.modal-adult-evaluation .modal-content .modal-header {
	-ms-flex-pack: center;
	justify-content: center;
	border-bottom: none;
	padding: 25px 0
}

@media (max-width:767px) {
	.modal-adult-evaluation .modal-content .modal-header {
		padding: 0
	}
}

.modal-adult-evaluation .modal-content .modal-header .modal-title {
	color: var(--color-main);
	font-size: 24px;
	font-weight: 700
}

@media (max-width:767px) {
	.modal-adult-evaluation .modal-content .modal-header .modal-title {
		font-size: 18px
	}
}

.modal-adult-evaluation .modal-content .modal-body {
	padding: 0
}

@media (max-width:767px) {
	.modal-adult-evaluation .modal-content .modal-body {
		margin-top: 20px
	}
}

.modal-adult-evaluation .modal-content .modal-body .info p {
	color: var(--color-dark-gray);
	font-size: 20px
}

@media (max-width:767px) {
	.modal-adult-evaluation .modal-content .modal-body .info p {
		font-size: 18px
	}
}

.modal-adult-evaluation .modal-content .modal-body .info p span {
	color: var(--color-dark-gray);
	font-size: 20px;
	font-weight: 700
}

@media (max-width:767px) {
	.modal-adult-evaluation .modal-content .modal-body .info p span {
		font-size: 18px
	}
}

.modal-adult-evaluation .modal-content .modal-body .info p:nth-child(n+2) {
	margin-top: 8px
}

.modal-adult-evaluation .modal-content .modal-body .evaluation {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 30px
}

.modal-adult-evaluation .modal-content .modal-body .evaluation .evaluation__item {
	width: 50%;
	margin-bottom: 20px
}

.modal-adult-evaluation .modal-content .modal-body .evaluation .evaluation__item .title {
	color: var(--color-gray);
	font-size: 14px
}

.modal-adult-evaluation .modal-content .modal-body .evaluation .evaluation__item .list-rating i {
	padding-right: 4px;
	color: var(--color-light-gray);
	font-size: 16px
}

.modal-adult-evaluation .modal-content .modal-body .evaluation .evaluation__item .list-rating i.active {
	color: #ffdc64
}

.modal-adult-evaluation .modal-content .modal-body .typing-valuation {
	margin-top: 30px
}

.modal-adult-evaluation .modal-content .modal-body .typing-valuation p {
	color: var(--color-gray);
	font-size: 14px
}

.modal-adult-evaluation .modal-content .modal-body .typing-valuation textarea {
	width: 100%;
	border-radius: 10px;
	border: 1px solid #dadceb;
	margin-top: 10px;
	color: var(--color-dark-gray);
	font-size: 16px
}

@media (max-width:767px) {
	.modal-adult-evaluation .modal-content .modal-body .typing-valuation textarea {
		font-size: 14px
	}
}

.modal-adult-evaluation .modal-content .modal-body .wrapper-btn {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 20px
}

.modal-adult-evaluation .modal-content .modal-body .wrapper-btn .evaluation-btn {
	cursor: pointer;
	background: var(--color-main);
	border-radius: 20px;
	padding: 10px 45px;
	color: var(--color-white);
	font-size: 14px;
	font-weight: 700
}

.modal-adult-list-documents {
	position: relative
}

@media (min-width:768px) {
	.modal-adult-list-documents {
		min-width: 650px
	}
}

@media (max-width:768px) {
	.modal-adult-list-documents {
		max-width: 80%;
		min-width: 350px
	}
}

.modal-adult-list-documents .modal-content {
	padding: 20px 30px
}

.modal-adult-list-documents .modal-content .close-button {
	position: absolute;
	top: -16px;
	right: 0;
	transform: translateY(-100%);
	color: var(--color-white);
	font-size: 16px;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
	-ms-flex-align: center;
	align-items: center
}

.modal-adult-list-documents .modal-content .close-button i {
	color: var(--color-white);
	font-size: 16px;
	margin-left: 6px
}

@media (max-height:800px) {
	.modal-adult-list-documents .modal-content .close-button {
		top: 28px;
		z-index: 3;
		right: 15px;
		color: var(--color-dark-gray)
	}
	.modal-adult-list-documents .modal-content .close-button i {
		color: var(--color-dark-gray)
	}
}

.modal-adult-list-documents .modal-content .modal-header {
	-ms-flex-pack: center;
	justify-content: center;
	border-bottom: none;
	padding: 25px 0
}

@media (max-width:767px) {
	.modal-adult-list-documents .modal-content .modal-header {
		padding: 0
	}
}

.modal-adult-list-documents .modal-content .modal-header .modal-title {
	color: var(--color-main);
	font-size: 24px;
	font-weight: 700
}

@media (max-width:767px) {
	.modal-adult-list-documents .modal-content .modal-header .modal-title {
		font-size: 18px
	}
}

.modal-adult-list-documents .modal-content .modal-body {
	padding: 0;
	margin-top: 35px
}

.modal-adult-list-documents .modal-content .modal-body .list-documents .document-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: baseline;
	align-items: baseline
}

.modal-adult-list-documents .modal-content .modal-body .list-documents .document-item .document-name {
	color: var(--color-dark-gray);
	font-size: 20px
}

@media (max-width:767px) {
	.modal-adult-list-documents .modal-content .modal-body .list-documents .document-item .document-name {
		font-size: 18px
	}
}

.modal-adult-list-documents .modal-content .modal-body .list-documents .document-item .btn-view-document {
	width: 100px
}

.modal-adult-list-documents .modal-content .modal-body .list-documents .document-item .btn-view-document span {
	color: var(--color-text-document);
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap
}

.modal-adult-list-documents .modal-content .modal-body .list-documents .document-item:nth-child(n+2) {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #dadceb
}

.modal-adult-schedule {
	position: relative;
	margin: auto
}

@media (min-width:768px) {
	.modal-adult-schedule {
		min-width: 650px
	}
}

@media (max-width:768px) {
	.modal-adult-schedule {
		max-width: 80%;
		min-width: 350px
	}
}

.modal-adult-schedule .modal-content {
	padding: 20px 16px
}

.modal-adult-schedule .modal-content .close-button {
	position: absolute;
	top: -16px;
	right: 0;
	transform: translateY(-100%);
	color: var(--color-white);
	font-size: 16px;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
	-ms-flex-align: center;
	align-items: center
}

.modal-adult-schedule .modal-content .close-button i {
	color: var(--color-white);
	font-size: 16px;
	margin-left: 6px
}

@media (max-height:800px) {
	.modal-adult-schedule .modal-content .close-button {
		top: 28px;
		z-index: 3;
		right: 15px;
		color: var(--color-dark-gray)
	}
	.modal-adult-schedule .modal-content .close-button i {
		color: var(--color-dark-gray)
	}
}

.modal-adult-schedule .modal-content .modal-header {
	-ms-flex-pack: center;
	justify-content: center;
	border-bottom: none;
	padding: 25px 0
}

@media (max-width:767px) {
	.modal-adult-schedule .modal-content .modal-header {
		padding: 0
	}
}

.modal-adult-schedule .modal-content .modal-header .modal-title {
	color: #263871;
	font-size: 24px;
	font-weight: 700
}

@media (max-width:767px) {
	.modal-adult-schedule .modal-content .modal-header .modal-title {
		font-size: 18px
	}
}

.modal-adult-schedule .modal-content .modal-body {
	padding: 0
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information {
	border-radius: 10px;
	padding: 20px 0;
	-ms-flex: 1;
	flex: 1
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__top {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__top div {
	width: 30%
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__top p {
	color: var(--color-dark-gray);
	font-size: 12px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	white-space: nowrap
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__top p i {
	font-size: 16px;
	color: #6c757d;
	margin-right: 5px
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__top .status-label {
	color: var(--color-dark-gray);
	font-size: 12px
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__top .status-label .status-approved {
	color: var(--color-incoming);
	font-size: 14px;
	font-weight: 700
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__top .status-label .status-canceled {
	color: var(--color-cancel);
	font-size: 14px;
	font-weight: 700
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__top .status-label .status-completed {
	color: var(--color-complete);
	font-size: 14px;
	font-weight: 700
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__top .status-label .status-by {
	color: var(--color-gray);
	font-size: 12px
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__top .date-time,
.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__top .student-info {
	margin-left: 8px
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__top .date-time span,
.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__top .student-info span {
	font-size: 14px;
	font-weight: 700;
	color: var(--color-dark-gray)
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__center {
	margin-top: 8px
}

@media (max-width:991px) {
	.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__center {
		margin-top: 15px
	}
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__center .type-class {
	background-color: #ffa3bd;
	border-radius: 15px
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__center .lesson-name .lesson-text {
	color: var(--color-dark-gray);
	font-size: 14px;
	font-weight: 700
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__center .lesson-name .lesson-text .lesson-text-small {
	color: var(--color-dark-gray);
	font-size: 13px;
	margin-left: 4px;
	font-weight: 700
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view {
	margin-bottom: 0;
	border-top: 1px solid #e9ebfa;
	margin-top: 20px;
	padding-top: 15px
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .tab-label {
	color: var(--color-dark-gray);
	font-size: 14px;
	font-weight: 700
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .comment-wrapper {
	color: var(--color-dark-gray);
	font-size: 14px;
	margin-top: 8px
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .comment-wrapper .comment-view,
.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .comment-wrapper .no-rating {
	color: var(--color-dark-gray);
	font-size: 14px;
	white-space: normal
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .comment-wrapper .rating-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 16px
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .comment-wrapper .rating-list .rating-item {
	margin-bottom: 20px;
	width: 33%
}

@media (max-width:576px) {
	.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .comment-wrapper .rating-list .rating-item {
		width: 49%
	}
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .comment-wrapper .rating-list .rating-item .rating-title {
	color: var(--color-gray);
	font-size: 14px
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .comment-wrapper .rating-list .rating-item i {
	padding-right: 4px;
	color: var(--color-light-gray);
	font-size: 16px
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .comment-wrapper .rating-list .rating-item i.active {
	color: #ffdc64
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .activities-wrapper {
	margin-top: 6px;
	column-count: 2
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .activities-wrapper .activity-item {
	display: block;
	break-inside: avoid-column;
	margin-bottom: 6px
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .activities-wrapper .item-wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .activities-wrapper .item-wrapper i {
	border-radius: 4px;
	padding: 8px;
	font-size: 16px;
	margin-right: 8px;
	height: -webkit-min-content;
	height: min-content;
	background-color: #bbdaff;
	color: var(--color-main);
	position: relative
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .activities-wrapper .item-wrapper i .img-icon-done {
	width: 13px;
	height: 13px;
	object-fit: contain;
	position: absolute;
	right: -3px;
	bottom: 0
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .activities-wrapper .item-wrapper .activity-name {
	color: var(--color-dark-gray);
	font-size: 14px;
	font-weight: 700;
	white-space: normal
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .information__bottom .evaluation-wrapper .tab-view .activities-wrapper .item-wrapper .activity-name.completed {
	color: var(--color-light-gray);
	font-weight: 400
}

.modal-adult-schedule .modal-content .modal-body .schedule-1-1-item .wrapper-1-1 .information .booking-group .booking-group__icon {
	width: 28px;
	height: auto;
	object-fit: contain;
	margin-right: 6px
}

.adult-speech {
	height: 100vh
}

.adult-speech__content {
	width: 100%;
	height: 100%;
	position: relative;
	-ms-flex-direction: row;
	flex-direction: row
}

.adult-speech__content,
.adult-speech__content__btn {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	z-index: 1
}

.adult-speech__content__btn {
	position: absolute;
	bottom: 20%;
	left: 0;
	width: 80px;
	height: 100px;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: var(--color-main);
	border-radius: 0 14.4px 14.4px 0;
	box-shadow: 0 15px 35px 0 #e9ebfa;
	overflow: hidden;
	transition: all .3s ease
}

@media (max-width:992px) {
	.adult-speech__content__btn {
		width: 60px;
		height: 80px
	}
}

.adult-speech__content__btn--open {
	left: 270px
}

.adult-speech__content__btn__tab {
	text-align: center;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	cursor: pointer
}

.adult-speech__content__btn__tab:hover {
	background-color: #0458b9
}

.adult-speech__content__btn__tab i {
	font-size: 40px;
	color: var(--color-white);
	margin-bottom: 5px
}

@media (max-width:992px) {
	.adult-speech__content__btn__tab i {
		font-size: 30px
	}
}

.adult-speech__content__btn__tab p {
	font-size: 12px;
	color: var(--color-white)
}

.adult-speech .main-speech-adult {
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: .5px;
	font-size: 20px;
	padding: 60px calc((100% - 1100px) / 2);
	background-image: none;
	background-size: unset;
	background-repeat: unset;
	background-position: unset
}

.adult-speech .main-speech-adult.show-divider .board-content {
	position: relative
}

.adult-speech .main-speech-adult.show-divider .board-content .adult-speech__divider {
	z-index: 1;
	border-left: 1px solid #e9ebfa;
	height: 100%;
	position: absolute;
	left: 50%
}

.adult-speech .main-speech-adult.show-divider.history-adult .adult-speech__divider {
	left: 47%
}

@media (max-width:768px) {
	.adult-speech .main-speech-adult.show-divider.history-adult .adult-speech__divider {
		display: none
	}
}

.adult-speech .main-speech-adult .board-header {
	position: fixed;
	top: 30px;
	left: 45px;
	z-index: 2
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .board-header {
		left: 20px;
		top: 15px
	}
}

.adult-speech .main-speech-adult .board-header .close-button {
	width: 60px;
	height: 60px;
	object-fit: contain;
	cursor: pointer;
	transition: transform .3s
}

.adult-speech .main-speech-adult .board-header .close-button:hover {
	transform: scale(1.1)
}

.adult-speech .main-speech-adult .board-header .close-button:active {
	transform: scale(.9)
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .board-header .close-button {
		width: 36px;
		height: 36px
	}
}

.adult-speech .main-speech-adult .speech-info-content {
	position: relative;
	padding-top: 0
}

.adult-speech .main-speech-adult .speech-info-content:after {
	content: "";
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/dot.png);
	background-size: 100% 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	width: 70px;
	height: 80px;
	display: block;
	position: absolute;
	left: 90px;
	top: -25px;
	z-index: -1
}

@media screen and (max-width:991px) {
	.adult-speech .main-speech-adult .speech-info-content:after {
		left: -13px;
		top: -2px;
		width: 50px;
		height: 60px
	}
}

.adult-speech .main-speech-adult .speech-info-content:before {
	content: "";
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/dot.png);
	background-size: 100% 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	width: 70px;
	height: 80px;
	display: block;
	position: absolute;
	right: 52px;
	bottom: -37px;
	z-index: -1
}

@media screen and (max-width:991px) {
	.adult-speech .main-speech-adult .speech-info-content:before {
		right: 1px;
		bottom: -9px;
		width: 50px;
		height: 60px
	}
}

.adult-speech .main-speech-adult .speech-info-content .board-content {
	background: #fff;
	border-radius: 28px;
	box-shadow: 0 15px 35px 0 #e9ebfa;
	width: 95%;
	margin: 0 auto
}

.adult-speech .main-speech-adult .speech-info-content .board-content__wrapper {
	background-color: #fff;
	border-radius: 28px;
	box-shadow: 0 15px 35px 0 #e9ebfa
}

.adult-speech .main-speech-adult .speech-info-content .board-content__wrapper.red-result {
	border: 1px solid var(--color-cancel)
}

.adult-speech .main-speech-adult .speech-info-content .board-content__wrapper.yellow-result {
	border: 1px solid #fbc518
}

.adult-speech .main-speech-adult .speech-info-content .board-content__wrapper.orange-result {
	border: 1px solid var(--color-text-document)
}

.adult-speech .main-speech-adult .speech-info-content .board-content__wrapper.green-result {
	border: 1px solid var(--color-complete)
}

.adult-speech .main-speech-adult .speech-info-content .board-content__wrapper__border {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 30px;
	overflow: auto
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-info-content .board-content__wrapper__border {
		padding: 25px 30px
	}
}

.adult-speech .main-speech-adult .speech-info-content .board-content .clip-icon {
	position: absolute;
	top: -3px;
	width: 60px;
	z-index: 2
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-info-content .board-content .clip-icon {
		width: 35px
	}
}

.adult-speech .main-speech-adult .speech-info-content .board-content .clip-icon--left {
	left: 100px
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-info-content .board-content .clip-icon--left {
		left: 60px
	}
}

.adult-speech .main-speech-adult .speech-info-content .board-content .clip-icon--right {
	right: 100px
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-info-content .board-content .clip-icon--right {
		right: 60px
	}
}

.adult-speech .main-speech-adult .speech-info-content .board-content .frame-icon {
	width: 70px;
	height: 87px;
	object-fit: contain;
	position: absolute;
	right: -110px;
	top: 10px
}

.adult-speech .main-speech-adult .speech-info-content .board-content .separate-line {
	width: 4px;
	background-color: #094021;
	margin: 5px 0
}

.adult-speech .main-speech-adult .speech-info-content .board-content .left-content {
	-ms-flex: 1;
	flex: 1;
	text-align: left;
	margin-right: 30px
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-info-content .board-content .left-content {
		margin-right: 20px
	}
}

.adult-speech .main-speech-adult .speech-info-content .board-content .left-content .note-content .note-title {
	color: #fff;
	border-radius: 20px;
	background-color: var(--color-cancel);
	padding: 5px 15px
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-info-content .board-content .left-content .note-content .note-title {
		font-size: 12px;
		padding: 3px 10px
	}
}

.adult-speech .main-speech-adult .speech-info-content .board-content .left-content .note-content .note-desc {
	color: #333;
	margin-top: 20px;
	font-weight: 600
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-info-content .board-content .left-content .note-content .note-desc {
		margin-top: 10px
	}
}

.adult-speech .main-speech-adult .speech-info-content .board-content .left-content .section-content {
	margin-top: 65px
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-info-content .board-content .left-content .section-content {
		margin-top: 20px
	}
}

.adult-speech .main-speech-adult .speech-info-content .board-content .left-content .section-content table {
	width: 100%
}

.adult-speech .main-speech-adult .speech-info-content .board-content .left-content .section-content table tbody tr td:last-child,
.adult-speech .main-speech-adult .speech-info-content .board-content .left-content .section-content table thead tr th:last-child {
	text-align: right
}

.adult-speech .main-speech-adult .speech-info-content .board-content .left-content .section-content table td {
	font-size: 16px;
	color: #333;
	font-weight: 600;
	padding-bottom: 20px
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-info-content .board-content .left-content .section-content table td {
		padding-bottom: 10px
	}
}

.adult-speech .main-speech-adult .speech-info-content .board-content .left-content .section-content table th {
	font-size: 14px;
	color: #666;
	padding-bottom: 20px;
	font-weight: 500
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-info-content .board-content .left-content .section-content table th {
		padding-bottom: 10px
	}
}

.adult-speech .main-speech-adult .speech-info-content .board-content .right-content {
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	margin-left: 30px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-info-content .board-content .right-content {
		margin-left: 20px
	}
}

.adult-speech .main-speech-adult .speech-info-content .board-content .right-content .title {
	font-size: 24px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: var(--color-dark-gray)
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-info-content .board-content .right-content .title {
		font-size: 14px
	}
}

.adult-speech .main-speech-adult .speech-info-content .board-content .right-content .info {
	margin-top: 20px;
	color: #fff;
	display: block
}

.adult-speech .main-speech-adult .speech-info-content .board-content .right-content .info-content {
	color: #fff;
	margin: 75px 0 0;
	border-radius: 20px;
	background-color: #c6e0ff;
	display: inline-block;
	position: relative;
	padding: 30px 0;
	width: 100%;
	max-width: 450px
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-info-content .board-content .right-content .info-content {
		margin: 35px 0 0;
		padding: 15px 0;
		border-radius: 20px;
		max-width: 250px
	}
}

.adult-speech .main-speech-adult .speech-info-content .board-content .right-content .info-content .info-content-name {
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	color: var(--color-main);
	padding: 12px 30px 15px;
	position: absolute;
	top: -60px;
	left: 50%;
	transform: translate(-50%);
	white-space: nowrap
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-info-content .board-content .right-content .info-content .info-content-name {
		font-size: 14px;
		padding: 8px 15px;
		top: -30px
	}
}

.adult-speech .main-speech-adult .speech-info-content .board-content .right-content .info-content .hint {
	font-size: 20px;
	text-align: center;
	color: #333
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-info-content .board-content .right-content .info-content .hint {
		font-size: 14px
	}
}

.adult-speech .main-speech-adult .speech-info-content .board-content .right-content .info-content .hint b {
	font-size: 24px;
	font-weight: 700;
	color: #4aba32
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-info-content .board-content .right-content .info-content .hint b {
		font-size: 16px
	}
}

.adult-speech .main-speech-adult .speech-info-content .board-content .right-content .button-start {
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	padding: 20px 50px;
	margin: 40px auto 0;
	display: block;
	border: none;
	background: var(--color-main);
	border-radius: 30px
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-info-content .board-content .right-content .button-start {
		margin: 15px auto 0;
		font-size: 14px;
		padding: 15px 30px
	}
}

.adult-speech .main-speech-adult .speech-info-content .board-content .right-content .button-start:hover {
	opacity: .8
}

.adult-speech .main-speech-adult .speech-history {
	width: 100%;
	padding-bottom: 30px;
	font-size: 20px
}

.adult-speech .main-speech-adult .speech-history__wrapper {
	display: -ms-flexbox;
	display: flex
}

@media (max-width:768px) {
	.adult-speech .main-speech-adult .speech-history__wrapper {
		display: block
	}
}

.adult-speech .main-speech-adult .speech-history__note-wrapper {
	background-color: #fff5f4;
	border: 1px dashed var(--color-cancel);
	padding: 10px;
	border-radius: 10px
}

.adult-speech .main-speech-adult .speech-history__note-wrapper__des {
	font-size: 20px;
	color: #333
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-history__note-wrapper__des {
		font-size: 15px
	}
}

.adult-speech .main-speech-adult .speech-history__note-wrapper__failed {
	font-size: 20px;
	color: var(--color-cancel);
	font-weight: 700
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-history__note-wrapper__failed {
		font-size: 15px
	}
}

.adult-speech .main-speech-adult .speech-history .title {
	font-size: 24px;
	color: var(--color-complete);
	display: block;
	font-weight: 700;
	text-align: center
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-history .title {
		font-size: 15px;
		margin-bottom: 10px
	}
}

.adult-speech .main-speech-adult .speech-history .overview {
	border-radius: 30px;
	background-color: #fff;
	position: relative;
	margin-bottom: 30px;
	text-align: center;
	padding: 0 100px 0 30px;
	width: 50%
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-history .overview {
		padding: 0 30px 0 0
	}
}

@media (max-width:768px) {
	.adult-speech .main-speech-adult .speech-history .overview {
		padding: 0;
		margin: 0 auto
	}
}

.adult-speech .main-speech-adult .speech-history .overview .score {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 700;
	font-size: 26px;
	color: #ffaa49;
	width: 80px;
	height: 80px;
	margin: 20px 0;
	background-color: #ebf4ff;
	border-radius: 50%
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-history .overview .score {
		width: 60px;
		height: 60px;
		margin: 10px 0;
		font-size: 20px
	}
}

.adult-speech .main-speech-adult .speech-history .overview .score.red-result {
	color: var(--color-cancel)
}

.adult-speech .main-speech-adult .speech-history .overview .score.orange-result {
	color: var(--color-text-document)
}

.adult-speech .main-speech-adult .speech-history .overview .score.yellow-result {
	color: #fbc518
}

.adult-speech .main-speech-adult .speech-history .overview .score.green-result {
	color: var(--color-complete)
}

.adult-speech .main-speech-adult .speech-history .overview .desc>span {
	display: block;
	color: #333;
	font-size: 20px;
	font-weight: 700
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-history .overview .desc>span {
		font-size: 15px
	}
}

.adult-speech .main-speech-adult .speech-history .overview .desc .green-result {
	color: var(--color-complete);
	font-size: 20px;
	font-weight: 700
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-history .overview .desc .green-result {
		font-size: 15px
	}
}

.adult-speech .main-speech-adult .speech-history .overview .btn-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 30px 0
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-history .overview .btn-group {
		margin: 20px 0
	}
}

.adult-speech .main-speech-adult .speech-history .overview .btn-group .btn-back-learning-map {
	width: 203px;
	object-fit: contain;
	cursor: pointer
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-history .overview .btn-group .btn-back-learning-map {
		width: 151px
	}
}

.adult-speech .main-speech-adult .speech-history .overview .btn-group .button-redo {
	border: none;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	height: 60px;
	min-width: 200px;
	border-radius: 30px;
	background-color: var(--color-main);
	padding: 0 15px
}

.adult-speech .main-speech-adult .speech-history .overview .btn-group .button-redo:hover {
	opacity: .8
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-history .overview .btn-group .button-redo {
		font-size: 14px;
		min-width: 150px
	}
}

.adult-speech .main-speech-adult .speech-history .overview .btn-show-history {
	font-size: 20px;
	font-weight: 700;
	color: #9756f0;
	text-align: center;
	cursor: pointer
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-history .overview .btn-show-history {
		font-size: 14px
	}
}

.adult-speech .main-speech-adult .speech-history .overview .btn-show-history img {
	width: 15px;
	margin-left: 10px;
	height: 25px
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-history .overview .btn-show-history img {
		width: 10px;
		height: 17px
	}
}

.adult-speech .main-speech-adult .speech-history .answer-detail {
	border-radius: 30px;
	margin-bottom: 30px;
	text-align: center;
	padding: 0 15px 0 0;
	width: 50%
}

@media (max-width:768px) {
	.adult-speech .main-speech-adult .speech-history .answer-detail {
		margin: 20px auto 0;
		padding: 0 0 20px;
		width: 100%
	}
}

.adult-speech .main-speech-adult .speech-history .answer-detail .answer-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 20px;
	-ms-flex-align: center;
	align-items: center;
	margin-top: -10px
}

.adult-speech .main-speech-adult .speech-history .answer-detail .answer-header .title {
	text-align: left;
	margin-bottom: 0;
	font-size: 20px;
	font-weight: 700;
	color: var(--color-dark-gray)
}

.adult-speech .main-speech-adult .speech-history .answer-detail .answer-header .btn-show-history {
	color: var(--color-cancel);
	border: 1px solid var(--color-cancel);
	border-radius: 17.5px;
	padding: 10px 15px;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px
}

@media (max-width:768px) {
	.adult-speech .main-speech-adult .speech-history .answer-detail .answer-header .btn-show-history {
		padding: 6px 12px
	}
}

.adult-speech .main-speech-adult .speech-history .answer-detail .answer-header .btn-show-history .fa-chevron-right {
	color: var(--color-cancel);
	margin-left: 5px
}

.adult-speech .main-speech-adult .speech-history .answer-detail .btn-show-history {
	font-size: 20px;
	font-weight: 700;
	color: var(--color-main);
	text-align: left;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-history .answer-detail .btn-show-history {
		font-size: 14px
	}
}

.adult-speech .main-speech-adult .speech-history .answer-detail .btn-show-history .fa-chevron-right {
	color: var(--color-main);
	margin-left: 5px;
	font-size: 20px
}

.adult-speech .main-speech-adult .speech-history .answer-detail .answer-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-history .answer-detail .answer-item {
		font-size: 15px;
		margin-bottom: 10px
	}
}

.adult-speech .main-speech-adult .speech-history .answer-detail .answer-item:last-child {
	margin-bottom: 0
}

.adult-speech .main-speech-adult .speech-history .answer-detail .answer-item span {
	color: #666
}

.adult-speech .main-speech-adult .speech-history .answer-detail .answer-item span.answer-item__stt {
	font-weight: 600;
	color: var(--color-dark-gray)
}

.adult-speech .main-speech-adult .speech-history .answer-detail .answer-item span.red-result {
	color: var(--color-cancel);
	font-weight: 700
}

.adult-speech .main-speech-adult .speech-history .answer-detail .answer-item span.orange-result {
	color: var(--color-text-document);
	font-weight: 700
}

.adult-speech .main-speech-adult .speech-history .answer-detail .answer-item span.yellow-result {
	color: #fbc518;
	font-weight: 700
}

.adult-speech .main-speech-adult .speech-history .answer-detail .answer-item span.green-result {
	color: var(--color-complete);
	font-weight: 700
}

.adult-speech .main-speech-adult .speech-history .answer-detail .answer-item span.ielts-result {
	color: var(--color-main);
	font-weight: 700
}

.adult-speech .main-speech-adult .speech-history .history {
	border-radius: 30px;
	text-align: center;
	max-width: 325px;
	margin: 30px auto 60px
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-history .history {
		margin: 20px auto
	}
}

@media (min-width:769px) {
	.adult-speech .main-speech-adult .speech-history .history {
		max-width: 500px
	}
}

.adult-speech .main-speech-adult .speech-history .history .btn-show-history {
	font-size: 20px;
	font-weight: 700;
	color: var(--color-main);
	text-align: left;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	margin-top: 10px;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-history .history .btn-show-history {
		font-size: 14px
	}
}

.adult-speech .main-speech-adult .speech-history .history .btn-show-history span {
	font-size: 21px;
	color: var(--color-main)
}

.adult-speech .main-speech-adult .speech-history .history .btn-show-history span.rotate-180 {
	transform: rotate(180deg);
	margin-right: 10px
}

.adult-speech .main-speech-adult .speech-history .history .history-item {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e9ebfa;
	cursor: pointer
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-history .history .history-item {
		margin-bottom: 10px;
		padding-bottom: 10px
	}
}

.adult-speech .main-speech-adult .speech-history .history .history-item:last-child {
	margin-bottom: 0;
	border: none;
	padding-bottom: 0
}

.adult-speech .main-speech-adult .speech-history .history .history-item .history-item-info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

.adult-speech .main-speech-adult .speech-history .history .history-item .btn-show-history {
	-ms-flex-pack: end;
	justify-content: flex-end;
	font-size: 16px;
	-ms-flex-align: center;
	align-items: center;
	color: var(--color-main)
}

.adult-speech .main-speech-adult .speech-history .history .history-item .btn-show-history span {
	font-size: 16px;
	color: var(--color-main);
	margin-left: 6px
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-history .history .history-item .btn-show-history {
		font-size: 14px
	}
}

.adult-speech .main-speech-adult .speech-history .history .history-item span {
	font-size: 16px;
	color: var(--color-dark-gray)
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-history .history .history-item span {
		font-size: 15px
	}
}

.adult-speech .main-speech-adult .speech-history .history .history-item span.red-result {
	color: var(--color-cancel);
	font-weight: 700
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-history .history .history-item span.red-result {
		font-size: 15px
	}
}

.adult-speech .main-speech-adult .speech-history .history .history-item span.orange-result {
	color: var(--color-text-document);
	font-weight: 700
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-history .history .history-item span.orange-result {
		font-size: 15px
	}
}

.adult-speech .main-speech-adult .speech-history .history .history-item span.yellow-result {
	color: #fbc518;
	font-weight: 700
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-history .history .history-item span.yellow-result {
		font-size: 15px
	}
}

.adult-speech .main-speech-adult .speech-history .history .history-item span.green-result {
	color: var(--color-complete);
	font-weight: 700
}

@media (max-width:991px) {
	.adult-speech .main-speech-adult .speech-history .history .history-item span.green-result {
		font-size: 15px
	}
}

.adult-speech .main-speech-adult.speech-question-adult {
	height: calc(100vh - 80px)
}

@media (max-height:550px) {
	.adult-speech .main-speech-adult.speech-question-adult {
		min-height: 500px
	}
}

.adult-speech .main-speech-adult.speech-question-adult .speech-info-content,
.adult-speech .main-speech-adult.speech-question-adult .speech-info-content .board-content,
.adult-speech .main-speech-adult.speech-question-adult .speech-info-content .board-content .board-content__wrapper,
.adult-speech .main-speech-adult.speech-question-adult .speech-info-content .board-content .board-content__wrapper .board-content__wrapper__border {
	height: 100%
}

@media (max-width:992px) {
	.adult-speech .main-speech-adult.history-adult {
		padding-top: 30px;
		padding-bottom: 30px
	}
}

.adult-speech .main-speech-adult.history-adult .speech-history {
	padding-bottom: 0
}

.adult-speech .main-speech-adult.history-adult .speech-history .speech-history__wrapper .answer-detail,
.adult-speech .main-speech-adult.history-adult .speech-history .speech-history__wrapper .overview {
	margin-bottom: 0
}

.adult-speech .word-result-popover {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
	background-color: #ececec;
	border-radius: 25px;
	padding: 20px 10px;
	max-width: none;
	margin-top: 1rem;
	border: none
}

.adult-speech .word-result-popover .arrow:after,
.adult-speech .word-result-popover .arrow:before {
	border-left-color: #ececec;
	border-right-color: #ececec
}

.adult-speech .word-result-popover table {
	text-align: center
}

.adult-speech .word-result-popover table tbody tr td {
	font-size: 16px;
	padding: 10px 15px;
	vertical-align: top;
	border: 1px solid #ddd;
	border-bottom: none
}

.adult-speech .word-result-popover table tbody tr td:first-child {
	border-left: none
}

.adult-speech .word-result-popover table tbody tr td:last-child {
	border-right: none
}

.adult-speech .word-result-popover table tbody tr td[rowspan] {
	color: #333
}

.adult-speech .word-result-popover table tbody tr:first-child td {
	color: #888;
	padding: 0 15px 10px;
	border-top: none;
	vertical-align: top
}

.adult-speech .word-result-popover table tbody tr:first-child td:last-child {
	border-right: none
}

.adult-speech .word-result-popover table tbody tr.in-group td {
	border-top: none;
	padding-top: 0
}

.adult-speech .word-result-popover table tbody tr.red-result {
	color: red
}

.adult-speech .word-result-popover table tbody tr.orange-result {
	color: #ff7800
}

.adult-speech .word-result-popover table tbody tr.yellow-result {
	color: #fbc518
}

.adult-speech .word-result-popover table tbody tr.green-result {
	color: #00cc58
}

.adult-speech .word-result-popover .feedback-wrapper {
	max-width: 450px;
	min-width: 200px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center
}

.adult-speech .word-result-popover .feedback-wrapper img {
	width: 30px;
	height: 30px;
	margin-left: 5px
}

.adult-speech .word-result-popover .feedback-wrapper__text {
	font-size: 13px;
	color: #333
}

.adult-speech .modal-speech .modal-dialog {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%)!important
}

.adult-speech .modal-speech .modal-dialog .modal-content {
	border-radius: 30px;
	box-shadow: inset 0 -8px 0 0 #ceeeaa;
	background-color: #fff
}

.adult-speech .modal-speech .modal-dialog .modal-content .modal-body {
	padding: 40px
}

@media (max-width:425px) {
	.adult-speech .modal-speech .modal-dialog .modal-content .modal-body {
		padding: 30px 20px
	}
}

.adult-speech .modal-speech .modal-dialog .modal-content .modal-body p {
	font-size: 24px;
	font-weight: 700;
	color: #333
}

.adult-speech .modal-speech .modal-dialog .modal-content .modal-body button {
	border: none;
	margin: 10px auto 0;
	display: block;
	width: auto;
	height: auto;
	padding: 15px 120px!important
}

.adult-speech .modal-speech .modal-dialog .modal-content .modal-body button .tag-text {
	color: #fff;
	font-size: 20px;
	font-weight: 600
}

@media (max-width:992px) {
	.adult-speech .modal-speech .modal-dialog .modal-content {
		width: 650px
	}
}

@media (max-width:425px) {
	.adult-speech .modal-speech .modal-dialog {
		left: 48%
	}
	.adult-speech .modal-speech .modal-dialog .modal-content {
		width: 330px
	}
}

@media (max-width:320px) {
	.adult-speech .modal-speech .modal-dialog .modal-content {
		width: 280px
	}
}

.adult-speech .modal-speech .form__close {
	width: 50px;
	height: 50px;
	position: absolute;
	top: -15px;
	right: -15px;
	background-image: linear-gradient(166deg, #ee5c38 10%, #d92050 73%);
	border-radius: 50%;
	border: 3px solid #fff;
	cursor: pointer;
	transition: all 1s;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5), inset -7px -7px 0 0 #bf1841
}

.adult-speech .modal-speech .form__close:hover {
	transform: scale(1.1)
}

.adult-speech .modal-speech .form__close .form__close__text {
	transform: rotate(45deg);
	position: absolute;
	top: -5px;
	left: 15px;
	display: inline-block;
	color: #fff;
	font-size: 32px
}

@media screen and (max-width:991px) {
	.adult-speech .main-speech-adult .speech-info-content .board-content {
		width: calc(100% - 70px)
	}
}

@media screen and (max-width:1190px) {
	.adult-speech .main-speech-adult,
	.adult-speech .main-speech-adult.speech-question-adult {
		font-size: 16px
	}
}

@media screen and (max-width:991px) {
	.adult-speech .main-speech-adult,
	.adult-speech .main-speech-adult.speech-question-adult {
		font-size: 14px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper {
	position: relative
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border {
	display: block;
	overflow: initial;
	padding: 45px 30px 30px
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border {
		padding: 25px 30px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .arrow-button {
	position: absolute;
	width: 50px;
	top: 50%;
	cursor: pointer;
	background-color: var(--color-main);
	height: 40px;
	width: 40px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .arrow-button i {
	color: var(--color-white);
	font-size: 12px
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .arrow-button {
		width: 32px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .arrow-button__left {
	border-radius: 20px 0 0 20px;
	left: 0;
	transform: translate(-100%, -50%)
}

@keyframes arrow-left-speech-adult {
	0% {
		left: 0
	}
	50% {
		left: -4px
	}
	to {
		left: 0
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .arrow-button__left:hover {
	animation: arrow-left-speech-adult .5s linear 0s infinite alternate
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .arrow-button__left:hover {
		animation: none
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .arrow-button__right {
	border-radius: 0 20px 20px 0;
	right: 0;
	transform: translate(100%, -50%)
}

@keyframes arrow-right-speech-adult {
	0% {
		right: 0
	}
	50% {
		right: -4px
	}
	to {
		right: 0
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .arrow-button__right:hover {
	animation: arrow-right-speech-adult .5s linear 0s infinite alternate
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .arrow-button__right:hover {
		animation: none
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .board-process {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	top: -100px;
	z-index: 10;
	display: -ms-flexbox;
	display: flex;
	height: 60px;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .board-process {
		height: 35px
	}
}

@media (max-width:767px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .board-process {
		top: -87.5px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .board-process .question-count {
	border-radius: 25px;
	border: 1px solid #ddd;
	font-size: 24px;
	text-align: center;
	color: var(--color-dark-gray);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: 6px 20px
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .board-process .question-count {
		font-size: 15px;
		padding: 0 10px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .board-process .process-bar {
	width: 380px;
	height: 50px;
	border-radius: 25px;
	background-color: #f4f9ff;
	margin-left: 10px;
	overflow: hidden
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .board-process .process-bar {
		width: 210px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .board-process .process-bar .process-bar-processed {
	background-color: #fbc518;
	display: block;
	height: 100%;
	border-radius: 25px
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .header-container {
	display: block;
	text-align: center
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .header-container p {
	text-shadow: 0 2px 0 hsla(0, 0%, 95%, .5);
	font-size: 24px;
	font-weight: 700;
	color: var(--color-complete);
	margin-bottom: 0
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .header-container p {
		font-size: 15px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container {
	height: 80%;
	padding: 60px 0 10px;
	overflow: auto
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container {
		padding: 30px 0 10px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-image {
	width: 170px;
	height: 170px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: 5px;
	background-color: #fffcc9;
	border-radius: 20px;
	box-shadow: 0 3px 0 0 rgba(0, 0, 0, .2);
	margin-right: 60px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-image {
		width: 115px;
		height: 115px;
		margin-right: 30px
	}
}

@media (max-width:768px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-image {
		width: 100px;
		height: 100px;
		margin-right: 15px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-image img {
	max-width: 100%
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	padding-top: 5px
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .audio-play-back {
	cursor: pointer;
	margin-right: 20px;
	position: relative
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .audio-play-back {
		margin-right: 10px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .audio-play-back .icon-loa {
	width: 36px;
	height: 36px
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .audio-play-back .icon-loa {
		width: 30px;
		height: 30px
	}
}

@media (max-width:768px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .audio-play-back .icon-loa {
		width: 20px;
		height: 20px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .audio-play-back .play-back-hint .play-back-hint-content {
	position: absolute;
	top: -48px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 14px;
	text-align: center;
	color: #333;
	background-color: hsla(0, 0%, 74%, .5);
	padding: 8px 10px;
	white-space: nowrap;
	border-radius: 10px
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .audio-play-back .play-back-hint .play-back-hint-content {
		font-size: 12px;
		top: -32px;
		padding: 4px 5px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .audio-play-back .play-back-hint .play-back-hint-content:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid hsla(0, 0%, 74%, .5);
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	bottom: -10px
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-answer-item {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-answer-item {
		margin-bottom: 10px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-answer-item img {
	width: 30px;
	margin-left: 10px
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-answer-item img {
		width: 20px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-result {
	word-break: break-word
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-result .word-text {
	display: inline-block
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-result span {
	font-size: 24px;
	letter-spacing: .25px;
	line-height: 36px;
	color: #333;
	margin-right: 6px;
	cursor: pointer
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-result span {
		font-size: 15px;
		line-height: 25px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-result .red-result {
	color: var(--color-cancel);
	border-bottom: 2px dashed var(--color-cancel);
	padding-bottom: 2px
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-result .yellow-result {
	color: #fbc518;
	border-bottom: 2px dashed #fbc518;
	padding-bottom: 2px
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-result .orange-result {
	color: var(--color-text-document);
	border-bottom: 2px dashed var(--color-text-document);
	padding-bottom: 2px
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .question-result .green-result {
	color: var(--color-complete);
	border-bottom: 2px dashed var(--color-complete);
	padding-bottom: 2px
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .text {
	font-size: 24px;
	letter-spacing: .25px;
	line-height: 36px;
	color: #333
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .text {
		font-size: 15px;
		line-height: 25px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .text-question {
	margin-bottom: 20px;
	display: block
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .text-question {
		margin-bottom: 10px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .number {
	font-size: 20px;
	letter-spacing: .25px;
	line-height: 30px;
	color: #333;
	border: 1px dashed #333;
	border-radius: 50%;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	text-align: center;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .number {
		font-size: 15px;
		line-height: 20px;
		width: 20px;
		height: 20px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .number-right {
	color: var(--color-complete);
	border: 1px dashed var(--color-complete)
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .question-container .question-content .question-word .question-content-text .number-wrong {
	color: var(--color-cancel);
	border: 1px dashed var(--color-cancel)
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	width: 100%;
	padding: 0 60px
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio {
		padding: 0 70px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-align: center;
	align-items: center
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .label {
	padding: 10px 20px;
	color: var(--color-complete);
	font-size: 18px
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .label {
		font-size: 15px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .label-wrong {
	color: #ff4848;
	padding: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	left: 60px
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .label-wrong img {
	width: 40px;
	margin-right: 10px
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .icon {
	cursor: pointer;
	transition: transform .3s;
	border-radius: 50%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 65px;
	height: 65px
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .icon.record,
.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .icon.stop {
	background: linear-gradient(-45deg, #0076ff, #7ab8ff)
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .icon.disable {
	background: #999;
	cursor: not-allowed
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .icon:hover:not(.disable) {
	transform: scale(1.1)
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .icon:hover:not(.disable) {
		transform: scale(1.1)
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .icon:active:not(.disable) {
	transform: scale(.9)
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .icon:active:not(.disable) {
		transform: scale(.9)
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .icon img {
	width: 36px;
	height: 36px;
	object-fit: contain
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .speech-record-result {
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	left: 60px;
	-ms-flex-align: center;
	align-items: center;
	bottom: 0
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .speech-record-result {
		left: 70px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .speech-record-result span {
	font-size: 16px
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .speech-record-result span {
		font-size: 15px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .speech-record-result div {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .speech-record-result div span {
	border-radius: 15px;
	box-shadow: inset 0 -3px 0 0 #1fa1e5;
	background-color: #38bbff;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	padding: 5px 10px;
	margin-right: 10px;
	width: 50px;
	text-align: center
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .speech-record-result div span {
		font-size: 15px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .speech-record-result .ielts-result-text {
	color: #09699b
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .speech-record-result img {
	width: 40px;
	margin-right: 20px
}

@media (max-width:991px) {
	.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .speech-record-result img {
		width: 30px;
		margin-right: 10px
	}
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .red-result span {
	color: var(--color-cancel)
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .yellow-result span {
	color: #fbc518
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .orange-result span {
	color: var(--color-text-document)
}

.adult-speech .speech-question-adult .speech-info-content .board-content__wrapper__border .speech-audio .audio-recorder .green-result span {
	color: var(--color-complete)
}

.adult-speech__header {
	height: 80px;
	box-shadow: 0 2px 6px 0 #e9ebfa;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: sticky;
	top: 0;
	z-index: 2;
	width: 100%;
	background-color: var(--color-white)
}

@media screen and (max-width:767px) {
	.adult-speech__header {
		height: 55px
	}
}

.adult-speech__header__back {
	position: absolute;
	left: 30px;
	top: 50%;
	transform: translateY(-50%);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	cursor: pointer
}

@media screen and (max-width:767px) {
	.adult-speech__header__back {
		left: 15px
	}
}

.adult-speech__header__back i {
	font-size: 18px;
	margin-right: 15px
}

.adult-speech__header__back p {
	font-size: 24px;
	font-weight: 700
}

@media screen and (max-width:767px) {
	.adult-speech__header__back p {
		font-size: 18px
	}
}

.adult-speech__header h3 {
	text-align: center
}

@media screen and (max-width:767px) {
	.adult-speech__header h3 {
		font-size: 14px
	}
}

.adult-speech__header h3 span {
	display: block;
	font-size: 20px
}

@media screen and (max-width:767px) {
	.adult-speech__header h3 span {
		font-size: 16px
	}
}

.modal-adult-speech {
	display: -ms-flexbox!important;
	display: flex!important;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.modal-adult-speech .close-button {
	position: absolute;
	top: -16px;
	right: 0;
	transform: translateY(-100%);
	color: var(--color-white);
	font-size: 16px;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
	-ms-flex-align: center;
	align-items: center
}

.modal-adult-speech .close-button i {
	color: var(--color-white);
	font-size: 16px;
	margin-left: 6px
}

.modal-adult-speech .modal-content {
	border-radius: 10px
}

@media (max-width:567px) {
	.modal-adult-speech .modal-content {
		width: auto!important
	}
}

.modal-adult-speech .modal-content .modal-body {
	font-size: 30px;
	font-weight: 700
}

.modal-adult-speech .modal-content .modal-body p {
	font-size: 20px
}

.modal-adult-speech .modal-content .modal-body button.btn-confirm {
	background-image: none!important;
	background-color: var(--color-main);
	color: var(--color-white);
	border-radius: 30px;
	font-size: 26px;
	font-weight: 700;
	width: 200px;
	height: 60px
}

@media (max-width:768px) {
	.modal-adult-speech .modal-content .modal-body button.btn-confirm {
		font-size: 20px;
		height: 50px;
		width: 160px;
		padding: 15px!important;
		line-height: 20px
	}
}

#quiz-end-adult {
	font-family: SVN-ProductSans
}

#quiz-end-adult .main-quiz {
	overflow: hidden
}

#quiz-end-adult .detail-back-btn {
	width: 50px;
	display: block;
	position: absolute;
	left: -1.5%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	padding: 0
}

@media (max-width:1024px) {
	#quiz-end-adult .detail-back-btn {
		width: 30px
	}
}

@keyframes detail-back-btn {
	0% {
		left: -1.5%
	}
	50% {
		left: -2%
	}
	to {
		left: -1.5%
	}
}

#quiz-end-adult .detail-back-btn:hover {
	animation: detail-back-btn .5s linear 0s infinite alternate
}

@media (max-width:991px) {
	#quiz-end-adult .detail-back-btn:hover {
		animation: none
	}
}

#quiz-end-adult .detail-back-btn img {
	max-width: 100%
}

#quiz-end-adult .content {
	overflow: auto;
	text-align: center;
	max-height: 100%
}

#quiz-end-adult .content .left-content {
	padding: 50px 40px 0
}

@media (max-width:1024px) {
	#quiz-end-adult .content .left-content {
		padding: 30px 20px 0
	}
}

#quiz-end-adult .content .left-content button {
	font-size: 20px;
	font-weight: 700;
	color: #9756f0
}

@media (max-width:1024px) {
	#quiz-end-adult .content .left-content button {
		font-size: 14px
	}
}

#quiz-end-adult .content .left-content button img {
	width: 15px;
	margin-left: 10px
}

@media (max-width:1024px) {
	#quiz-end-adult .content .left-content button img {
		width: 10px;
		margin-left: 5px
	}
}

#quiz-end-adult .content .left-content__time {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

#quiz-end-adult .content .left-content__time p {
	font-size: 20px;
	color: #888
}

@media (max-width:1024px) {
	#quiz-end-adult .content .left-content__time p {
		font-size: 14px
	}
}

#quiz-end-adult .content .left-content__time p:last-child() {
	color: #333
}

#quiz-end-adult .content .left-content .row {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-left: 0
}

#quiz-end-adult .content .left-content .row .txt {
	color: #333;
	font-size: 20px;
	padding: 0;
	font-weight: 400
}

@media (max-width:1024px) {
	#quiz-end-adult .content .left-content .row .txt {
		font-size: 14px
	}
}

#quiz-end-adult .content .left-content .background-result {
	position: relative;
	width: 100%;
	margin: 30px auto 0;
	border-radius: 20px;
	background-color: #ffe2ba;
	padding: 30px 0 40px;
	max-width: 440px
}

@media (max-width:1024px) {
	#quiz-end-adult .content .left-content .background-result {
		margin: 15px auto 0;
		padding: 15px 0 20px;
		border-radius: 10px
	}
}

#quiz-end-adult .content .left-content .background-result .title-again {
	text-align: center;
	color: #7e3f08;
	font-size: 18px
}

@media (max-width:1024px) {
	#quiz-end-adult .content .left-content .background-result .title-again {
		font-size: 12px
	}
}

#quiz-end-adult .content .left-content .background-result .image-again {
	max-width: 250px;
	border-radius: 10px;
	border: 3px solid #fff;
	background-color: hsla(0, 0%, 100%, 0);
	margin: 10px auto
}

#quiz-end-adult .content .left-content .background-result .image-again img {
	max-width: 100%;
	border-radius: 10px
}

#quiz-end-adult .content .left-content .background-result .course-title {
	text-align: center;
	color: #7e3f08;
	font-size: 18px;
	font-weight: 700
}

@media (max-width:1024px) {
	#quiz-end-adult .content .left-content .background-result .course-title {
		font-size: 12px
	}
}

#quiz-end-adult .content .left-content .green-arrow {
	margin: 0;
	position: absolute;
	top: -15px;
	left: 47%
}

@media (max-width:992px) {
	#quiz-end-adult .content .left-content .green-arrow {
		left: 48%
	}
}

#quiz-end-adult .content .left-content .point-achieved-title {
	margin-top: 10px
}

#quiz-end-adult .content .left-content .point-achieved {
	font-size: 35px;
	font-weight: 700;
	color: #40b404;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-title-small-result.png);
	background-size: 100% 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	padding: 5px 40px;
	line-height: 1;
	display: block;
	width: 125px;
	margin: 30px auto 20px
}

@media (max-width:1024px) {
	#quiz-end-adult .content .left-content .point-achieved {
		font-size: 25px;
		margin: 15px auto 10px
	}
}

#quiz-end-adult .content .left-content .view-detail {
	margin-top: 15px
}

#quiz-end-adult .content .left-content h3 {
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	color: #7e3f08;
	padding-bottom: 0
}

@media (max-width:1024px) {
	#quiz-end-adult .content .left-content h3 {
		font-size: 14px
	}
}

#quiz-end-adult .content .left-content a {
	font-size: 20px;
	font-weight: 700;
	color: #9756f0
}

@media (max-width:1024px) {
	#quiz-end-adult .content .left-content a {
		font-size: 14px
	}
}

#quiz-end-adult .content .left-content a img {
	width: 15px;
	margin-left: 10px
}

@media (max-width:1024px) {
	#quiz-end-adult .content .left-content a img {
		width: 10px;
		margin-left: 5px
	}
}

#quiz-end-adult .content .right-content {
	padding: 50px 0 0;
	height: 100%
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content {
		padding: 30px 0 0
	}
}

#quiz-end-adult .content .right-content .txt-description {
	text-align: right;
	color: #333;
	font-size: 20px;
	padding: 20px 0 0
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content .txt-description {
		font-size: 14px;
		padding: 10px 0 0
	}
}

#quiz-end-adult .content .right-content .row {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-left: 0
}

#quiz-end-adult .content .right-content .row .txt {
	color: #333;
	font-size: 20px;
	padding: 0;
	font-weight: 400
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content .row .txt {
		font-size: 14px
	}
}

#quiz-end-adult .content .right-content .row .part-point {
	color: #9b9b9b
}

#quiz-end-adult .content .right-content .row .points-achieved {
	color: #40b404
}

#quiz-end-adult .content .right-content .row .icon-view {
	position: relative
}

#quiz-end-adult .content .right-content .row .mg-left-20 {
	margin-left: 20px
}

#quiz-end-adult .content .right-content .row .circle {
	width: 10px;
	height: 10px;
	border: 1px solid #999;
	background-color: #fff;
	border-radius: 5px;
	position: absolute;
	top: 8px;
	left: 15px
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content .row .circle {
		width: 5px;
		height: 5px;
		top: 8px;
		left: 8px
	}
}

#quiz-end-adult .content .right-content .row .line-icon {
	width: 15px;
	height: 1px;
	background-color: #a8a8a8;
	position: absolute;
	top: 13px;
	left: 25px
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content .row .line-icon {
		width: 8px;
		top: 10px;
		left: 12px
	}
}

#quiz-end-adult .content .right-content .row .part-title {
	font-size: 18px;
	margin-left: 45px
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content .row .part-title {
		font-size: 14px;
		margin-left: 25px
	}
}

#quiz-end-adult .content .right-content .row .point-small {
	font-size: 18px
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content .row .point-small {
		font-size: 14px
	}
}

#quiz-end-adult .content .right-content .row-point {
	margin-top: 10px
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content .row-point {
		margin-top: 5px
	}
}

#quiz-end-adult .content .right-content .mr-top-0 {
	margin-top: 0
}

#quiz-end-adult .content .right-content .quiz-retry-info {
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	background-color: hsla(98, 69%, 76%, .35);
	padding: 20px 40px 20px 50px
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content .quiz-retry-info {
		padding: 10px 20px 10px 30px
	}
}

#quiz-end-adult .content .right-content .quiz-retry-info .quiz-retry-title {
	font-size: 20px;
	color: #333;
	padding: 0;
	line-height: 1
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content .quiz-retry-info .quiz-retry-title {
		font-size: 14px
	}
}

#quiz-end-adult .content .right-content .quiz-retry-info .quiz-retry-count {
	font-size: 20px;
	font-weight: 700;
	color: #40b404;
	padding: 0;
	line-height: 1
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content .quiz-retry-info .quiz-retry-count {
		font-size: 14px
	}
}

#quiz-end-adult .content .right-content .quiz-retry-none {
	background-color: hsla(98, 69%, 76%, .35)
}

#quiz-end-adult .content .right-content .quiz-retry-none .quiz-retry-title {
	letter-spacing: .2px;
	color: #ff5965;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	padding: 20px 0
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content .quiz-retry-none .quiz-retry-title {
		font-size: 14px;
		padding: 10px 0
	}
}

#quiz-end-adult .content .right-content p {
	font-size: 18px;
	padding: 10px 0;
	text-align: left
}

#quiz-end-adult .content .right-content p span {
	color: #ff5965;
	font-weight: 700
}

#quiz-end-adult .content .right-content .quiz-time {
	height: calc(100% - 120px);
	margin-bottom: 40px
}

#quiz-end-adult .content .right-content .quiz-time .detail-wrapper {
	padding: 0 40px 0 50px;
	overflow: auto;
	height: 90%
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content .quiz-time .detail-wrapper {
		padding: 0 20px 0 30px
	}
}

#quiz-end-adult .content .right-content .quiz-time .detail-wrapper__part {
	padding: 0 0 20px;
	border-bottom: 1px dashed #d6d6d6;
	margin-bottom: 20px
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content .quiz-time .detail-wrapper__part {
		padding: 0 0 10px;
		margin-bottom: 10px
	}
}

#quiz-end-adult .content .right-content .quiz-time .detail-wrapper .txt-title {
	padding: 0 0 20px;
	font-size: 16px;
	line-height: 1.5;
	color: #888
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content .quiz-time .detail-wrapper .txt-title {
		font-size: 12px;
		padding: 0 0 10px
	}
}

#quiz-end-adult .content .right-content .quiz-time .table-wrapper {
	max-height: 85%;
	overflow: auto;
	margin: 20px 0 0
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content .quiz-time .table-wrapper {
		margin: 10px 0 0
	}
}

#quiz-end-adult .content .right-content .quiz-time table {
	width: calc(100% - 90px);
	text-align: left;
	margin: 0 40px 0 50px;
	border-collapse: separate;
	border-spacing: 0 20px
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content .quiz-time table {
		width: calc(100% - 50px);
		margin: 0 20px 0 30px;
		border-spacing: 10px
	}
}

@media (max-width:768px) {
	#quiz-end-adult .content .right-content .quiz-time table {
		width: calc(100% - 20px);
		margin: 0 10px
	}
}

#quiz-end-adult .content .right-content .quiz-time table th {
	font-size: 16px;
	line-height: 1.5;
	color: #888;
	font-weight: 400
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content .quiz-time table th {
		font-size: 12px
	}
}

#quiz-end-adult .content .right-content .quiz-time table th:last-child {
	text-align: right
}

#quiz-end-adult .content .right-content .quiz-time table .quiz-time--bold {
	font-size: 18px;
	font-weight: 600
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content .quiz-time table .quiz-time--bold {
		font-size: 14px
	}
}

#quiz-end-adult .content .right-content .quiz-time table .quiz-time--result {
	font-size: 20px;
	font-weight: 700;
	color: #9756f0;
	padding: 0;
	display: block;
	margin: 20px 0 30px;
	text-align: right
}

@media (max-width:1240px) {
	#quiz-end-adult .content .right-content .quiz-time table .quiz-time--result {
		font-size: 18px
	}
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content .quiz-time table .quiz-time--result {
		font-size: 14px;
		margin: 10px 0 15px
	}
}

@media (max-width:768px) {
	#quiz-end-adult .content .right-content .quiz-time table .quiz-time--result {
		font-size: 12px
	}
}

#quiz-end-adult .content .right-content .quiz-time table .quiz-time--result img {
	width: 15px;
	margin: 0 0 3px 10px
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content .quiz-time table .quiz-time--result img {
		width: 10px;
		margin: 0 0 1px 5px
	}
}

@media (max-width:768px) {
	#quiz-end-adult .content .right-content .quiz-time table .quiz-time--result img {
		width: 8px
	}
}

#quiz-end-adult .content .right-content .quiz-time table tr {
	vertical-align: baseline
}

#quiz-end-adult .content .right-content .quiz-time table td {
	font-size: 20px;
	color: #333;
	border-bottom: 1px dashed #ddd
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content .quiz-time table td {
		font-size: 14px
	}
}

@media (max-width:768px) {
	#quiz-end-adult .content .right-content .quiz-time table td {
		font-size: 12px
	}
}

#quiz-end-adult .content .right-content .quiz-time table td span {
	font-size: 20px;
	font-weight: 700
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content .quiz-time table td span {
		font-size: 14px
	}
}

@media (max-width:768px) {
	#quiz-end-adult .content .right-content .quiz-time table td span {
		font-size: 14px
	}
}

#quiz-end-adult .content .right-content .quiz-time table td p {
	text-align: right;
	padding: 0
}

#quiz-end-adult .content .right-content .quiz-time table td b {
	font-weight: 700
}

#quiz-end-adult .content .right-content .quiz-time table td:last-child {
	text-align: right;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

#quiz-end-adult .max-height-100 {
	max-height: 100%
}

#quiz-end-adult .content:after {
	padding-bottom: 0
}

#quiz-start-adult {
	font-family: SVN-ProductSans
}

#quiz-start-adult .btn {
	box-shadow: none!important
}

#quiz-start-adult .main-quiz {
	height: 100vh;
	overflow: hidden
}

#quiz-start-adult .quiz-title {
	font-weight: 700;
	font-size: 30px
}

#quiz-start-adult .quiz-title-name {
	font-weight: 700;
	font-size: 25px
}

#quiz-start-adult .back-btn-mobile {
	padding: 20px 15px;
	display: none
}

#quiz-start-adult .back-btn-mobile a img {
	position: relative;
	top: -2px;
	width: 25px;
	margin-right: 7px
}

#quiz-start-adult .back-btn-mobile a p {
	color: #fff;
	display: inline;
	font-size: 18px
}

#quiz-start-adult .content {
	overflow: auto;
	text-align: center
}

#quiz-start-adult .content .left-content {
	padding: 50px 40px 0 35px
}

@media (max-width:1024px) {
	#quiz-start-adult .content .left-content {
		padding: 30px 20px 0
	}
}

#quiz-start-adult .content .left-content h2 {
	font-size: 35px;
	font-weight: 600;
	color: #3bbdf9;
	max-width: 525px;
	margin: 0 auto 20px;
	line-height: normal;
	padding-top: 20px
}

#quiz-start-adult .content .left-content p {
	font-size: 20px;
	line-height: 1.5;
	text-align: left;
	padding-bottom: 18px
}

@media (max-width:1024px) {
	#quiz-start-adult .content .left-content p {
		font-size: 14px;
		padding-bottom: 8px
	}
}

#quiz-start-adult .content .left-content p span {
	background-color: #f35353;
	display: table;
	margin-bottom: 15px;
	font-size: 18px;
	color: #fff;
	border-radius: 20px;
	padding: 5px 15px
}

@media (max-width:1024px) {
	#quiz-start-adult .content .left-content p span {
		font-size: 12px;
		margin-bottom: 8px;
		padding: 3px 10px
	}
}

@media (max-width:1024px) {
	#quiz-start-adult .content .left-content .quiz-time {
		margin-top: 5px
	}
}

#quiz-start-adult .content .left-content .quiz-time table {
	width: 100%;
	text-align: left;
	font-size: 20px
}

@media (max-width:1024px) {
	#quiz-start-adult .content .left-content .quiz-time table {
		font-size: 14px
	}
}

#quiz-start-adult .content .left-content .quiz-time table th {
	font-weight: 400;
	font-size: 18px;
	color: #888;
	padding: 10px 0 20px
}

@media (max-width:1024px) {
	#quiz-start-adult .content .left-content .quiz-time table th {
		font-size: 13px;
		padding: 10px 0
	}
}

#quiz-start-adult .content .left-content .quiz-time table th:last-child {
	text-align: right
}

#quiz-start-adult .content .left-content .quiz-time table td {
	padding-bottom: 20px
}

@media (max-width:1024px) {
	#quiz-start-adult .content .left-content .quiz-time table td {
		padding-bottom: 0
	}
}

#quiz-start-adult .content .left-content .quiz-time table td span {
	color: #4aba32
}

#quiz-start-adult .content .left-content .quiz-time table td:last-child {
	text-align: right
}

#quiz-start-adult .content .right-content {
	padding: 50px 40px 0;
	text-align: center
}

@media (max-width:1024px) {
	#quiz-start-adult .content .right-content {
		padding: 30px 20px 0
	}
}

#quiz-start-adult .content .right-content .sub-title {
	padding-bottom: 5px
}

#quiz-start-adult .content .right-content p {
	padding-bottom: 20px
}

#quiz-start-adult .content .right-content h3 {
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	color: #7e3f08;
	padding-bottom: 40px
}

@media (max-width:1024px) {
	#quiz-start-adult .content .right-content h3 {
		font-size: 14px;
		padding-bottom: 15px
	}
}

#quiz-start-adult .content .right-content .time-score {
	max-width: 425px;
	margin: 0 auto
}

@media (max-width:1024px) {
	#quiz-start-adult .content .right-content .time-score {
		max-width: 240px
	}
}

#quiz-start-adult .content .right-content .time-score h3 {
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	color: #7e3f08;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-title-small.png);
	background-size: 100% 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 10px 40px 15px
}

@media (max-width:1024px) {
	#quiz-start-adult .content .right-content .time-score h3 {
		font-size: 14px;
		padding: 5px 20px 8px
	}
}

#quiz-start-adult .content .right-content .time-score .row {
	background-color: #ffe2ba;
	margin-top: -25px;
	margin-bottom: 40px;
	position: relative;
	border-radius: 20px
}

@media (max-width:1024px) {
	#quiz-start-adult .content .right-content .time-score .row {
		margin-top: -15px;
		margin-bottom: 20px
	}
}

#quiz-start-adult .content .right-content .time-score .row .col-6 {
	padding: 42px 0 40px;
	box-sizing: border-box
}

@media (max-width:1024px) {
	#quiz-start-adult .content .right-content .time-score .row .col-6 {
		padding: 25px 0 20px
	}
}

#quiz-start-adult .content .right-content .time-score .row .col-6 p {
	font-size: 18px;
	padding-bottom: 0
}

@media (max-width:1024px) {
	#quiz-start-adult .content .right-content .time-score .row .col-6 p {
		font-size: 12px
	}
}

#quiz-start-adult .content .right-content .time-score .row .col-6 p span {
	display: block;
	font-size: 25px;
	font-weight: 700;
	color: #4aba32;
	padding-top: 5px
}

@media (max-width:1024px) {
	#quiz-start-adult .content .right-content .time-score .row .col-6 p span {
		font-size: 14px
	}
}

#quiz-start-adult .content .right-content .time-score .row .line {
	position: absolute;
	width: 3px;
	height: 85px;
	border: 2px solid #fff;
	left: 50%;
	top: 80px;
	transform: translateY(-50%)
}

@media (max-width:1024px) {
	#quiz-start-adult .content .right-content .time-score .row .line {
		width: 2px;
		height: 55px;
		top: 50px
	}
}

#quiz-start-adult .btn-quiz-start button {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/quiz-btn.png);
	background-color: transparent;
	background-size: 100% 100%;
	width: 270px;
	height: 70px;
	border: none;
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	text-align: center
}

@media (max-width:1024px) {
	#quiz-start-adult .btn-quiz-start button {
		font-size: 14px;
		width: 140px;
		height: 45px
	}
}

#quiz-start-adult .btn-back-learning-map {
	width: 203px;
	object-fit: contain;
	cursor: pointer;
	display: block;
	margin: auto;
	margin-top: 25px
}

#quiz-start-adult .content:after {
	padding-bottom: 0
}

#quiz-page-adult .time-area {
	position: fixed;
	right: 40px;
	top: 35px;
	z-index: 6;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:1024px) {
	#quiz-page-adult .time-area {
		right: 20px;
		top: 8px
	}
}

#quiz-page-adult .time-area__text {
	margin-left: 12px;
	text-align: left
}

@media (max-width:1024px) {
	#quiz-page-adult .time-area__text {
		margin-left: 8px;
		height: 31px
	}
}

#quiz-page-adult .time-area__text .text-time {
	font-size: 18px;
	color: #333;
	line-height: 1;
	margin-bottom: 5px
}

@media (max-width:1024px) {
	#quiz-page-adult .time-area__text .text-time {
		font-size: 10px;
		position: relative;
		top: -7px
	}
}

@media (max-width:991px) {
	#quiz-page-adult .time-area__text .text-time {
		top: -5px
	}
}

#quiz-page-adult .time-area__text .time {
	font-size: 30px;
	font-weight: 700;
	color: #333;
	line-height: 1
}

@media (max-width:1024px) {
	#quiz-page-adult .time-area__text .time {
		font-size: 16px;
		position: relative;
		top: -8px
	}
}

@media (max-width:991px) {
	#quiz-page-adult .time-area__text .time {
		top: -5px
	}
}

#quiz-page-adult .time-area img {
	width: 54px
}

@media (max-width:1024px) {
	#quiz-page-adult .time-area img {
		width: 28px
	}
}

@media (max-width:1024px) {
	#quiz-page-adult .time-area-dau-vao .time-area__text .text-time {
		top: 0
	}
}

@media (max-width:991px) {
	#quiz-page-adult .time-area-dau-vao .time-area__text .text-time {
		top: 0
	}
}

@media (max-width:1024px) {
	#quiz-page-adult .time-area-dau-vao .time-area__text .time {
		top: 0
	}
}

@media (max-width:991px) {
	#quiz-page-adult .time-area-dau-vao .time-area__text .time {
		top: 0
	}
}

#quiz-page-adult .bg-content .content img {
	width: 100%;
	position: absolute;
	height: auto
}

#quiz-page-adult .quiz-btn-active p {
	color: #ff7345;
	border-bottom: 2px solid #ff7345
}

#quiz-page-adult .quiz-tab-mobile {
	position: fixed;
	top: -50px;
	transition: all .5s ease;
	left: 15px;
	width: calc(100% - 30px);
	border-right: 2px solid #058473;
	border-left: 2px solid #058473;
	z-index: 6;
	background: #fff;
	box-sizing: border-box;
	text-align: center;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1);
	padding: 8px 0
}

#quiz-page-adult .quiz-tab-mobile a img {
	padding-right: 5px
}

#quiz-page-adult .quiz-tab-mobile a p {
	display: inline;
	font-weight: 700
}

.adult-quiz {
	background-image: none
}

.adult-quiz__header {
	position: absolute;
	height: 80px;
	box-shadow: 0 2px 2px 2px #edf5ff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: fixed;
	top: 0;
	z-index: 6;
	width: 100%;
	background-color: var(--color-white)
}

@media screen and (max-width:991px) {
	.adult-quiz__header {
		height: 55px
	}
}

.adult-quiz__header__back {
	position: absolute;
	left: 30px;
	top: 50%;
	transform: translateY(-50%);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	cursor: pointer
}

@media screen and (max-width:991px) {
	.adult-quiz__header__back {
		left: 15px
	}
}

.adult-quiz__header__back i {
	font-size: 18px;
	margin-right: 15px
}

.adult-quiz__header__back p {
	font-size: 24px;
	font-weight: 700
}

@media screen and (max-width:991px) {
	.adult-quiz__header__back p {
		font-size: 18px
	}
}

.adult-quiz__header h3 {
	text-align: center;
	font-size: 18px;
	max-width: calc(100% - 400px);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

@media screen and (max-width:767px) {
	.adult-quiz__header h3 {
		font-size: 14px
	}
}

.adult-quiz__header h3 span {
	display: block;
	font-size: 20px
}

@media screen and (max-width:767px) {
	.adult-quiz__header h3 span {
		font-size: 16px
	}
}

.adult-quiz__dictionary {
	position: absolute;
	background-color: var(--color-main);
	border-radius: 0 14.4px 14.4px 0;
	box-shadow: 0 15px 35px 0 #e9ebfa;
	width: 80px;
	height: 95px;
	left: 0;
	bottom: 65px;
	z-index: 6;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	cursor: pointer
}

@media screen and (max-width:991px) {
	.adult-quiz__dictionary {
		width: 56px;
		height: 71px;
		bottom: 15px
	}
}

.adult-quiz__dictionary:hover {
	background-color: #0458b9
}

.adult-quiz__dictionary i {
	font-size: 40px;
	color: var(--color-white);
	margin-bottom: 8px
}

@media screen and (max-width:991px) {
	.adult-quiz__dictionary i {
		font-size: 25px
	}
}

.adult-quiz__dictionary p {
	font-size: 12px;
	color: var(--color-white)
}

@media screen and (max-width:991px) {
	.adult-quiz__dictionary p {
		font-size: 10px
	}
}

.adult-quiz .border-content {
	background-image: none;
	background-color: var(--color-white);
	box-shadow: 0 15px 35px 0 #e9ebfa;
	border-radius: 28px;
	height: calc(100% - 210px);
	width: calc(100% - 110px);
	margin: 145px auto 65px;
	padding: 0
}

.adult-quiz .border-content ::-webkit-scrollbar {
	width: 4px!important;
	height: 4px!important
}

.adult-quiz .border-content ::-webkit-scrollbar-thumb {
	background: var(--color-main)!important;
	border-radius: 5px!important;
	box-shadow: none!important
}

.adult-quiz .border-content ::-webkit-scrollbar-track {
	background: var(--color-silver)!important;
	border-radius: 5px!important;
	box-shadow: inset 0 0 5px var(--color-silver)!important
}

.adult-quiz .border-content:after {
	content: "";
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/dot.png);
	background-size: 100% 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	width: 70px;
	height: 80px;
	display: block;
	position: absolute;
	left: 90px;
	top: -25px;
	z-index: -1
}

@media screen and (max-width:991px) {
	.adult-quiz .border-content:after {
		left: -13px;
		top: -2px;
		width: 50px;
		height: 60px
	}
}

.adult-quiz .border-content:before {
	content: "";
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/dot.png);
	background-size: 100% 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	width: 70px;
	height: 80px;
	display: block;
	position: absolute;
	right: 52px;
	bottom: -37px;
	z-index: -1
}

@media screen and (max-width:991px) {
	.adult-quiz .border-content:before {
		right: 1px;
		bottom: -9px;
		width: 50px;
		height: 60px
	}
}

@media screen and (max-width:991px) {
	.adult-quiz .border-content {
		margin: 70px auto 15px;
		height: calc(100% - 85px);
		width: calc(100% - 100px)
	}
}

.adult-quiz .border-content .bg-content:before {
	content: "";
	width: 1px;
	height: 100%;
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	background-color: var(--color-border)
}

.adult-quiz .quiz-next-icon {
	width: 48px;
	height: 48px;
	right: -48px;
	background-color: var(--color-main)!important;
	border-radius: 0 26px 26px 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media screen and (max-width:991px) {
	.adult-quiz .quiz-next-icon {
		width: 36px;
		height: 36px;
		right: -36px
	}
}

.adult-quiz .quiz-next-icon i {
	color: var(--color-white)
}

.adult-quiz .quiz-next-icon:hover {
	animation: none;
	background-color: #0458b9!important
}

.adult-quiz .quiz-next-icon--last {
	background-color: var(--color-complete)!important
}

.adult-quiz .quiz-next-icon--last:hover {
	background-color: #05845f!important
}

.adult-quiz .quiz-prev-icon {
	width: 48px;
	height: 48px;
	left: -48px;
	background-color: var(--color-main)!important;
	border-radius: 26px 0 0 26px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media screen and (max-width:991px) {
	.adult-quiz .quiz-prev-icon {
		width: 36px;
		height: 36px;
		left: -36px
	}
}

.adult-quiz .quiz-prev-icon i {
	color: var(--color-white)
}

.adult-quiz .quiz-prev-icon:hover {
	animation: none;
	background-color: #0458b9!important
}

#quiz-start-adult .content .left-content {
	padding: 30px 30px 0
}

@media screen and (max-width:767px) {
	#quiz-start-adult .content .left-content {
		padding: 20px 10px 0
	}
}

#quiz-start-adult .content .right-content {
	padding: 30px 30px 0
}

@media screen and (max-width:767px) {
	#quiz-start-adult .content .right-content {
		padding: 20px 10px 0
	}
}

#quiz-start-adult .content .right-content h3 {
	color: var(--color-dark-gray);
	padding-bottom: 30px
}

@media screen and (max-width:991px) {
	#quiz-start-adult .content .right-content h3 {
		padding-bottom: 20px
	}
}

#quiz-start-adult .content .right-content .time-score h3 {
	color: var(--color-main);
	background-image: none;
	padding: 0
}

#quiz-start-adult .content .right-content .time-score .row {
	background-color: #c6e0ff;
	margin-top: 20px
}

#quiz-start-adult .content .right-content .time-score .row .line {
	width: 1px;
	border: none;
	background-color: var(--color-white)
}

#quiz-start-adult .content .right-content .time-score .row .col-6 p span {
	color: var(--color-dark-gray)
}

#quiz-start-adult .content .left-content .quiz-time table td {
	font-size: 18px
}

@media (max-width:1024px) {
	#quiz-start-adult .content .left-content .quiz-time table td {
		font-size: 13px
	}
}

#quiz-start-adult .content .left-content .quiz-time table td span {
	color: var(--color-complete);
	font-size: 18px
}

@media (max-width:1024px) {
	#quiz-start-adult .content .left-content .quiz-time table td span {
		font-size: 13px
	}
}

#quiz-start-adult .btn-quiz-start button {
	background-image: none;
	background-color: var(--color-main);
	border: 2px solid var(--color-main);
	transition: all .3s;
	border-radius: 30px;
	height: 60px
}

@media (max-width:1024px) {
	#quiz-start-adult .btn-quiz-start button {
		height: 45px
	}
}

#quiz-start-adult .btn-quiz-start button span {
	color: var(--color-white);
	font-size: 24px
}

@media (max-width:1024px) {
	#quiz-start-adult .btn-quiz-start button span {
		font-size: 14px
	}
}

#quiz-start-adult .btn-quiz-start button:hover {
	background-color: var(--color-white)
}

#quiz-start-adult .btn-quiz-start button:hover span {
	color: var(--color-main)
}

#quiz-start-adult .content .left-content p b {
	font-size: 20px
}

@media (max-width:1024px) {
	#quiz-start-adult .content .left-content p b {
		font-size: 14px
	}
}

#quiz-end-adult .btn-quiz-end button {
	background-image: none;
	background-color: var(--color-main);
	border: 2px solid var(--color-main);
	transition: all .3s;
	border-radius: 30px;
	height: 60px;
	padding: 10px 40px
}

@media (max-width:1024px) {
	#quiz-end-adult .btn-quiz-end button {
		height: 45px
	}
}

#quiz-end-adult .btn-quiz-end button span {
	color: var(--color-white);
	font-size: 24px
}

@media (max-width:1024px) {
	#quiz-end-adult .btn-quiz-end button span {
		font-size: 14px
	}
}

#quiz-end-adult .btn-quiz-end button:hover {
	background-color: var(--color-white)
}

#quiz-end-adult .btn-quiz-end button:hover span {
	color: var(--color-main)
}

#quiz-end-adult .btn-quiz-end button:active {
	background-image: none!important
}

#quiz-end-adult .content .left-content h3 {
	color: var(--color-dark-gray)
}

#quiz-end-adult .content .left-content .point-achieved {
	background-image: none;
	border: 4px solid var(--color-complete);
	color: var(--color-complete);
	width: 80px;
	height: 80px;
	border-radius: 50%;
	line-height: 72px;
	text-align: center;
	padding: 0
}

@media screen and (max-width:991px) {
	#quiz-end-adult .content .left-content .point-achieved {
		width: 55px;
		height: 55px;
		line-height: 47px
	}
}

#quiz-end-adult .content .left-content a {
	color: var(--color-main)
}

#quiz-end-adult .content .left-content a i {
	margin-left: 10px;
	font-size: 12px;
	font-weight: 700
}

@media screen and (max-width:991px) {
	#quiz-end-adult .content .left-content a i {
		margin-left: 5px
	}
}

#quiz-end-adult .content .left-content .background-result {
	background-color: #c6e0ff
}

#quiz-end-adult .content .left-content .background-result .title-again {
	color: var(--color-dark-gray)
}

#quiz-end-adult .content .right-content .quiz-retry-info {
	background-color: #c6e0ff
}

#quiz-end-adult .content .right-content .quiz-retry-info .quiz-retry-count {
	color: var(--color-complete)
}

@media screen and (max-width:991px) {
	#quiz-end-adult .content .right-content .quiz-time {
		height: calc(100% - 70px);
		margin-bottom: 10px
	}
}

#quiz-end-adult .content .right-content .quiz-time table .quiz-time--result {
	color: var(--color-main)
}

#quiz-end-adult .content .right-content .quiz-time table .quiz-time--result i {
	margin-left: 10px;
	font-size: 12px;
	font-weight: 700
}

@media screen and (max-width:991px) {
	#quiz-end-adult .content .right-content .quiz-time table .quiz-time--result i {
		margin-left: 5px
	}
}

#quiz-end-adult .content .left-content {
	padding: 30px 30px 0
}

@media screen and (max-width:767px) {
	#quiz-end-adult .content .left-content {
		padding: 20px 10px 0
	}
}

#quiz-end-adult .content .right-content {
	padding: 30px 0 0
}

@media screen and (max-width:767px) {
	#quiz-end-adult .content .right-content {
		padding: 20px 0 0
	}
}

#quiz-end-adult .detail-back-btn {
	width: 48px;
	height: 48px;
	background-color: var(--color-main);
	border-radius: 26px 0 0 26px;
	animation: none!important;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	transition: all 0s;
	left: -48px
}

#quiz-end-adult .detail-back-btn i {
	color: var(--color-white)
}

#quiz-end-adult .detail-back-btn:hover {
	background-color: #0458b9
}

@media screen and (max-width:767px) {
	#quiz-end-adult .detail-back-btn {
		width: 36px;
		height: 36px;
		left: -36px
	}
}

#quiz-end-adult .content .right-content .quiz-time .detail-wrapper {
	padding: 0 30px
}

#quiz-end-adult .content .right-content .row .circle {
	width: 8px;
	height: 8px;
	background-color: var(--color-dark-gray);
	left: 0
}

@media (max-width:1024) {
	#quiz-end-adult .content .right-content .row .circle {
		width: 4px;
		height: 4px
	}
}

#quiz-end-adult .content .right-content .row .part-title {
	margin-left: 15px
}

@media (max-width:1024) {
	#quiz-end-adult .content .right-content .row .part-title {
		margin-left: 10px
	}
}

#quiz-end-adult .content .right-content .row .points-achieved {
	color: var(--color-complete)
}

#quiz-end-adult .content .right-content .quiz-time .detail-wrapper .txt-title {
	font-size: 20px
}

@media (max-width:1024px) {
	#quiz-end-adult .content .right-content .quiz-time .detail-wrapper .txt-title {
		font-size: 14px
	}
}

#quiz-page-adult .time-area {
	right: 30px;
	top: 16px
}

@media screen and (max-width:991px) {
	#quiz-page-adult .time-area {
		right: 15px;
		top: 7px
	}
}

#quiz-page-adult .time-area__text {
	margin-left: 8px
}

#quiz-page-adult .time-area img {
	object-fit: contain;
	width: 46px;
	height: 46px
}

@media screen and (max-width:991px) {
	#quiz-page-adult .time-area img {
		width: 35px;
		height: 35px
	}
}

#quiz-page-adult .time-area__text .text-time {
	font-size: 16px
}

#quiz-page-adult .time-area__text .time {
	font-size: 24px
}

@media screen and (max-width:991px) {
	#quiz-page-adult .time-area__text .time {
		font-size: 18px
	}
}

.modal-quiz-adult {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: flex!important
}

.modal-quiz-adult,
.modal-quiz-adult .close-button {
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.modal-quiz-adult .close-button {
	position: absolute;
	top: -70px;
	right: -60px;
	background-image: none;
	color: var(--color-white);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	cursor: pointer
}

@media screen and (max-width:991px) {
	.modal-quiz-adult .close-button {
		top: -50px;
		right: -52px
	}
}

.modal-quiz-adult .close-button i {
	margin-left: 5px;
	font-size: 18px
}

.modal-quiz-adult .modal-dialog {
	position: relative;
	top: auto;
	right: auto;
	margin: auto;
	width: 720px;
	height: auto
}

@media screen and (max-width:991px) {
	.modal-quiz-adult .modal-dialog {
		width: 500px;
		height: auto
	}
}

.modal-quiz-adult .modal-dialog .modal-content {
	min-height: 405px;
	padding: 30px 60px;
	border-radius: 10px
}

@media screen and (max-width:991px) {
	.modal-quiz-adult .modal-dialog .modal-content {
		min-height: 220px;
		padding: 20px 50px
	}
}

.modal-quiz-adult .modal-dialog .modal-content .modal-body {
	padding: 0;
	margin: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: visible
}

.modal-quiz-adult .modal-dialog .modal-content .modal-body h3 {
	color: var(--color-dark-gray);
	font-size: 30px
}

@media screen and (max-width:991px) {
	.modal-quiz-adult .modal-dialog .modal-content .modal-body h3 {
		font-size: 16px
	}
}

.modal-quiz-adult .modal-dialog .modal-content .modal-body .form button {
	background-image: none;
	background-color: var(--color-main);
	border: 2px solid var(--color-main);
	transition: all .3s;
	border-radius: 30px;
	height: 60px;
	padding: 10px 40px!important;
	width: auto;
	color: var(--color-white);
	font-size: 24px;
	font-family: NunitoSans, sans-serif!important
}

.modal-quiz-adult .modal-dialog .modal-content .modal-body .form button .tag-text {
	font-size: 24px
}

@media (max-width:1024px) {
	.modal-quiz-adult .modal-dialog .modal-content .modal-body .form button {
		height: 45px;
		font-size: 14px
	}
	.modal-quiz-adult .modal-dialog .modal-content .modal-body .form button .tag-text {
		font-size: 14px
	}
}

.modal-quiz-adult .modal-dialog .modal-content .modal-body .form button:hover {
	background-color: var(--color-white);
	color: var(--color-main)!important;
	opacity: 1!important
}

.modal-quiz-adult .modal-dialog .modal-content .modal-body .form button:active {
	background-image: none!important
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .title {
	color: var(--color-dark-gray);
	font-size: 30px;
	margin-bottom: 10px
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .title {
		font-size: 16px
	}
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .sub-title {
	color: var(--color-dark-gray);
	font-size: 24px
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .sub-title {
		font-size: 14px
	}
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score {
	max-width: none;
	width: 100%
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score {
		width: 330px
	}
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score h3 {
	background-image: none;
	color: var(--color-main);
	padding: 0;
	font-size: 24px
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score h3 {
		font-size: 16px
	}
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row {
	background-color: #c6e0ff;
	margin-top: 20px
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row .line {
	width: 1px;
	height: 120px;
	border: none;
	background-color: var(--color-white);
	top: 72px
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row .line {
		height: 60px;
		top: 35px
	}
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 {
		padding: 10px 0
	}
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p {
	font-size: 16px
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p {
		font-size: 14px
	}
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p span {
	font-size: 24px;
	color: var(--color-dark-gray)
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p span {
		font-size: 18px
	}
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .title {
	color: var(--color-dark-gray);
	font-size: 30px;
	margin-bottom: 10px
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .title {
		font-size: 16px
	}
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .sub-title {
	color: var(--color-dark-gray);
	font-size: 24px
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .sub-title {
		font-size: 14px
	}
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score {
	max-width: none;
	width: 100%
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score {
		width: 330px
	}
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score h3 {
	background-image: none;
	color: var(--color-main);
	padding: 0;
	font-size: 24px
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score h3 {
		font-size: 14px
	}
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row {
	background-color: #c6e0ff;
	margin-top: 20px
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row .line {
	width: 1px;
	height: 120px;
	border: none;
	background-color: var(--color-white);
	top: 72px
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row .line {
		height: 60px;
		top: 35px
	}
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 {
		padding: 10px 0
	}
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p {
	font-size: 16px
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p {
		font-size: 14px
	}
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p span {
	font-size: 24px;
	color: var(--color-dark-gray)
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p span {
		font-size: 18px
	}
}

#adult-quiz-writing .score--green {
	color: var(--color-complete)
}

#adult-quiz-writing .score--orange {
	color: var(--color-text-document)
}

#adult-quiz-writing .score--red {
	color: var(--color-cancel)
}

#adult-quiz-writing .background {
	height: 100vh;
	padding: 145px 165px 65px
}

@media (max-width:1440px) {
	#adult-quiz-writing .background {
		padding: 145px 80px 65px
	}
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background {
		padding: 55px 50px 15px
	}
}

#adult-quiz-writing .background__title {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	box-shadow: 0 2px 2px 2px #edf5ff;
	background-color: var(--color-white);
	height: 80px;
	z-index: 2
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__title {
		height: 40px
	}
}

#adult-quiz-writing .background__title>h2 {
	font-size: 18px
}

#adult-quiz-writing .background__title__close {
	position: absolute;
	left: 30px;
	top: 50%;
	transform: translateY(-50%);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	cursor: pointer
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__title__close {
		left: 15px
	}
}

#adult-quiz-writing .background__title__close i {
	font-size: 18px;
	margin-right: 15px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__title__close i {
		margin-right: 10px
	}
}

#adult-quiz-writing .background__title__close p {
	font-size: 24px;
	font-weight: 700
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__title__close p {
		font-size: 14px
	}
}

#adult-quiz-writing .background__title__clock {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: absolute;
	right: 30px;
	top: 10px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__title__clock {
		right: 15px;
		top: 0
	}
}

#adult-quiz-writing .background__title__clock img {
	object-fit: contain;
	width: 46px;
	height: 46px;
	margin-right: 10px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__title__clock img {
		width: 30px;
		height: 40px;
		margin-right: 5px
	}
}

#adult-quiz-writing .background__title__clock p {
	font-weight: 700
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__title__clock p {
		font-size: 12px
	}
}

#adult-quiz-writing .background__title__clock p span {
	font-size: 24px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__title__clock p span {
		font-size: 14px
	}
}

#adult-quiz-writing .background__title h2 {
	text-align: center;
	max-width: calc(100% - 400px);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__title h2 {
		font-size: 14px
	}
}

#adult-quiz-writing .background__title h2 span {
	display: block
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__title h2 span {
		font-size: 12px
	}
}

#adult-quiz-writing .background__wrapper {
	background-color: var(--color-white);
	box-shadow: 0 15px 35px 0 #e9ebfa;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-radius: 28px;
	height: 100%;
	position: relative
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper {
		border-radius: 15px
	}
}

#adult-quiz-writing .background__wrapper:after {
	content: "";
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/dot.png);
	background-size: 100% 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	width: 70px;
	height: 80px;
	display: block;
	position: absolute;
	left: 90px;
	top: -25px;
	z-index: -1
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper:after {
		left: -13px;
		top: -2px;
		width: 50px;
		height: 60px
	}
}

#adult-quiz-writing .background__wrapper:before {
	content: "";
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/dot.png);
	background-size: 100% 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	width: 70px;
	height: 80px;
	display: block;
	position: absolute;
	right: 52px;
	bottom: -37px;
	z-index: -1
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper:before {
		right: 1px;
		bottom: -9px;
		width: 50px;
		height: 60px
	}
}

#adult-quiz-writing .background__wrapper__left {
	padding: 30px 35px;
	width: 50%;
	position: relative;
	height: 100%
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__left {
		padding: 12px 15px
	}
}

#adult-quiz-writing .background__wrapper__left:after {
	content: "";
	width: 1px;
	height: 100%;
	background-color: var(--color-border);
	display: block;
	position: absolute;
	top: 0;
	right: 0
}

#adult-quiz-writing .background__wrapper__left--history {
	width: 65%;
	height: 100%
}

#adult-quiz-writing .background__wrapper__left--history:after {
	display: none
}

#adult-quiz-writing .background__wrapper__left--result {
	width: 65%;
	height: 100%
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-info-left p {
	padding-bottom: 10px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__left .writing-quiz-info-left p {
		font-size: 12px
	}
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-info-left p span {
	display: table;
	font-size: 14px;
	padding: 5px 15px;
	background-color: var(--color-cancel);
	border-radius: 18.5px;
	color: var(--color-white);
	margin-bottom: 20px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__left .writing-quiz-info-left p span {
		font-size: 12px;
		padding: 2px 10px;
		margin-bottom: 10px
	}
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-info-left p i {
	font-weight: 700;
	color: var(--color-main)
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__left .writing-quiz-info-left p i {
		font-size: 12px
	}
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left {
	height: 100%
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left ::-webkit-scrollbar {
	width: 3px!important;
	height: 3px!important
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left ::-webkit-scrollbar-thumb {
	background: var(--color-main)!important;
	border-radius: 5px!important;
	box-shadow: none!important
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left ::-webkit-scrollbar-track {
	background: var(--color-white)!important;
	border-radius: 5px!important;
	box-shadow: inset 0 0 5px var(--color-silver)!important
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left__title {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 0 20px 20px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left__title {
		padding: 0 0 5px 10px
	}
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left__title p {
	color: var(--color-light-gray)
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left__title p {
		font-size: 12px
	}
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left__title p:first-child {
	width: 140px;
	margin-right: 60px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left__title p:first-child {
		width: 125px;
		margin-right: 20px
	}
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left__table {
	width: 100%;
	height: calc(100% - 140px);
	overflow: auto
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left__table {
		height: calc(100% - 95px)
	}
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left__table__card {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: wrap;
	flex-direction: wrap;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 10px 20px;
	margin-bottom: 10px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left__table__card {
		padding: 5px 10px;
		margin-bottom: 5px
	}
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left__table__card:first-child {
	background-color: #e6f1ff;
	border-radius: 10px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left__table__card:first-child {
		border-radius: 5px
	}
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left__table__card__left {
	width: 140px;
	margin-right: 60px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left__table__card__left {
		width: 125px;
		margin-right: 20px;
		font-size: 14px
	}
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left__table__card__center p {
	font-weight: 700
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left__table__card__center p {
		font-size: 14px;
		max-width: 105px
	}
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left__table__card__right {
	margin-left: auto
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left__table__card__right__mb {
	display: none
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left__table__card__right__mb {
		display: block;
		font-size: 14px;
		color: var(--color-main);
		font-weight: 700
	}
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left__table__card__right button {
	padding: 10px 30px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__left .writing-quiz-history-left__table__card__right button {
		display: none
	}
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left {
	height: 100%
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left__info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 30px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left__info {
		margin-bottom: 15px
	}
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left__info__date {
	margin-right: 60px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left__info__date {
		margin-right: 20px
	}
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left__info__date p {
	color: var(--color-light-gray)
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left__info__date p {
		font-size: 12px
	}
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left__info__date p span {
	display: block;
	margin-top: 10px;
	color: var(--color-dark-gray)
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left__info__date p span {
		font-size: 14px;
		margin-top: 5px
	}
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left__info__status__text {
	font-weight: 700
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left__info__status p:first-child {
	color: var(--color-light-gray);
	margin-bottom: 10px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left__info__status p:first-child {
		font-size: 12px;
		margin-bottom: 5px
	}
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left__info__status__score {
	font-weight: 700
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left__info__status__score {
		font-size: 14px
	}
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left__content {
	height: calc(100% - 130px)
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left__content ::-webkit-scrollbar {
	width: 3px!important;
	height: 3px!important
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left__content ::-webkit-scrollbar-thumb {
	background: var(--color-main)!important;
	border-radius: 5px!important;
	box-shadow: none!important
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left__content ::-webkit-scrollbar-track {
	background: var(--color-white)!important;
	border-radius: 5px!important;
	box-shadow: inset 0 0 5px var(--color-silver)!important
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left__content {
		height: calc(100% - 85px)
	}
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left__content__title {
	color: var(--color-light-gray);
	margin-bottom: 10px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left__content__title {
		margin-bottom: 5px;
		font-size: 12px
	}
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left__content__wrapper {
	height: 100%;
	overflow: auto
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left__content__wrapper span {
		font-size: 14px
	}
}

#adult-quiz-writing .background__wrapper__left .writing-quiz-result-left__content__text {
	padding-right: 5px
}

#adult-quiz-writing .background__wrapper__right {
	padding: 30px 35px;
	width: 50%;
	height: 100%
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__right {
		padding: 12px 15px
	}
}

#adult-quiz-writing .background__wrapper__right--history {
	width: 35%;
	height: auto
}

#adult-quiz-writing .background__wrapper__right--result {
	width: 35%;
	height: 100%
}

#adult-quiz-writing .background__wrapper__right .writing-quiz-info-right {
	text-align: center;
	height: 100%;
	overflow: auto
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__right .writing-quiz-info-right button {
		font-size: 16px;
		line-height: 20px;
		padding: 10px 45px
	}
}

#adult-quiz-writing .background__wrapper__right .writing-quiz-info-right h3 {
	font-size: 24px;
	margin-bottom: 20px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__right .writing-quiz-info-right h3 {
		font-size: 14px;
		margin-bottom: 10px;
		margin-top: 20px
	}
}

#adult-quiz-writing .background__wrapper__right .writing-quiz-info-right h3 span {
	display: block;
	color: var(--color-main);
	font-size: 24px;
	margin-top: 30px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__right .writing-quiz-info-right h3 span {
		font-size: 16px;
		margin-top: 20px
	}
}

#adult-quiz-writing .background__wrapper__right .writing-quiz-info-right__content {
	max-width: 400px;
	height: 150px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background-color: #c6e0ff;
	border-radius: 20px;
	position: relative;
	margin: 0 auto 30px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__right .writing-quiz-info-right__content {
		height: 80px;
		margin: 0 auto 10px
	}
}

#adult-quiz-writing .background__wrapper__right .writing-quiz-info-right__content__line {
	width: 1px;
	height: 120px;
	background-color: var(--color-white);
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 15px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__right .writing-quiz-info-right__content__line {
		height: 60px;
		top: 10px
	}
}

#adult-quiz-writing .background__wrapper__right .writing-quiz-info-right__content p {
	width: 50%
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__right .writing-quiz-info-right__content p {
		font-size: 12px
	}
}

#adult-quiz-writing .background__wrapper__right .writing-quiz-info-right__content p span {
	display: block;
	font-size: 24px;
	font-weight: 700;
	margin-top: 10px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__right .writing-quiz-info-right__content p span {
		font-size: 16px;
		margin-top: 5px
	}
}

#adult-quiz-writing .background__wrapper__right .writing-quiz-history-right__content {
	text-align: center
}

#adult-quiz-writing .background__wrapper__right .writing-quiz-history-right__content img {
	max-width: 100%;
	margin: 40px auto 0
}

#adult-quiz-writing .background__wrapper__right .writing-quiz-result-right,
#adult-quiz-writing .background__wrapper__right .writing-quiz-result-right__content {
	height: 100%
}

#adult-quiz-writing .background__wrapper__right .writing-quiz-result-right__content ::-webkit-scrollbar {
	width: 3px!important;
	height: 3px!important
}

#adult-quiz-writing .background__wrapper__right .writing-quiz-result-right__content ::-webkit-scrollbar-thumb {
	background: var(--color-main)!important;
	border-radius: 5px!important;
	box-shadow: none!important
}

#adult-quiz-writing .background__wrapper__right .writing-quiz-result-right__content ::-webkit-scrollbar-track {
	background: var(--color-white)!important;
	border-radius: 5px!important;
	box-shadow: inset 0 0 5px var(--color-silver)!important
}

#adult-quiz-writing .background__wrapper__right .writing-quiz-result-right__content__title {
	color: var(--color-light-gray);
	margin-bottom: 10px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__right .writing-quiz-result-right__content__title {
		margin-bottom: 5px;
		font-size: 12px
	}
}

#adult-quiz-writing .background__wrapper__right .writing-quiz-result-right__content__before {
	text-align: center;
	height: calc(100% - 35px);
	overflow: auto
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__right .writing-quiz-result-right__content__before {
		height: calc(100% - 25px)
	}
}

#adult-quiz-writing .background__wrapper__right .writing-quiz-result-right__content__before img {
	max-width: 100%;
	margin: 30px auto
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__right .writing-quiz-result-right__content__before img {
		margin: 5px auto 15px
	}
}

#adult-quiz-writing .background__wrapper__right .writing-quiz-result-right__content__before h4 {
	font-size: 20px;
	font-weight: 600;
	color: var(--color-cancel);
	margin-bottom: 10px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__right .writing-quiz-result-right__content__before h4 {
		font-size: 16px;
		margin-bottom: 5px
	}
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__right .writing-quiz-result-right__content__before p {
		font-size: 14px
	}
}

#adult-quiz-writing .background__wrapper__right .writing-quiz-result-right__content__after {
	height: calc(100% - 35px);
	overflow: auto;
	padding-right: 5px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__right .writing-quiz-result-right__content__after {
		height: calc(100% - 25px)
	}
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__right .writing-quiz-result-right__content__after p span {
		font-size: 14px
	}
}

#adult-quiz-writing .background__wrapper__history-btn {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%)
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__history-btn {
		bottom: 20px
	}
	#adult-quiz-writing .background__wrapper__history-btn button {
		padding: 10px 45px;
		font-size: 16px;
		line-height: 20px;
		min-width: 140px
	}
}

#adult-quiz-writing .background__wrapper--question {
	background-color: none;
	box-shadow: none;
	display: block
}

#adult-quiz-writing .background__wrapper__top {
	margin-bottom: 10px;
	position: relative;
	z-index: 1
}

#adult-quiz-writing .background__wrapper__top .writing-quiz-info-top {
	position: relative;
	padding: 30px;
	background-color: var(--color-white);
	box-shadow: 0 15px 35px 0 #e9ebfa;
	border-radius: 28px;
	max-height: auto
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__top .writing-quiz-info-top {
		padding: 15px 20px;
		border-radius: 15px
	}
}

#adult-quiz-writing .background__wrapper__top .writing-quiz-info-top h3 {
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 15px;
	min-height: 42px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__top .writing-quiz-info-top h3 {
		font-size: 16px;
		margin-bottom: 10px;
		min-height: 32px;
		line-height: 32px
	}
}

@media screen and (max-width:767px) {
	#adult-quiz-writing .background__wrapper__top .writing-quiz-info-top h3 {
		text-align: left
	}
}

#adult-quiz-writing .background__wrapper__top .writing-quiz-info-top__btn {
	position: absolute;
	right: 30px;
	top: 28px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__top .writing-quiz-info-top__btn {
		right: 20px;
		top: 15px
	}
}

#adult-quiz-writing .background__wrapper__top .writing-quiz-info-top__btn button {
	padding: 10px 30px;
	margin-left: 10px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__top .writing-quiz-info-top__btn button {
		padding: 5px 20px;
		margin-left: 5px;
		font-size: 12px
	}
}

#adult-quiz-writing .background__wrapper__top .writing-quiz-info-top__topic {
	transition: all .5s ease;
	transform: scaleY(1)
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__top .writing-quiz-info-top__topic p span {
		font-size: 14px
	}
}

#adult-quiz-writing .background__wrapper__top .writing-quiz-info-top__topic img {
	margin-top: 15px
}

#adult-quiz-writing .background__wrapper__top--hide .writing-quiz-info-top {
	max-height: 102px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__top--hide .writing-quiz-info-top {
		max-height: 65px
	}
}

#adult-quiz-writing .background__wrapper__top--hide .writing-quiz-info-top__topic {
	transform: scaleY(0);
	transform-origin: top
}

#adult-quiz-writing .background__wrapper__bot {
	position: relative;
	z-index: 2
}

#adult-quiz-writing .background__wrapper__bot .writing-quiz-info-bot {
	padding: 30px;
	background-color: var(--color-white);
	box-shadow: 0 15px 35px 0 #e9ebfa;
	border-radius: 28px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__bot .writing-quiz-info-bot {
		padding: 15px 20px;
		border-radius: 15px
	}
}

#adult-quiz-writing .background__wrapper__bot .writing-quiz-info-bot h3 {
	text-align: center;
	font-size: 24px;
	position: relative;
	margin-bottom: 10px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__bot .writing-quiz-info-bot h3 {
		font-size: 16px
	}
}

#adult-quiz-writing .background__wrapper__bot .writing-quiz-info-bot h3 span {
	position: absolute;
	right: 0;
	font-size: 16px;
	font-weight: 400;
	color: var(--color-gray);
	line-height: 36px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__bot .writing-quiz-info-bot h3 span {
		font-size: 14px;
		line-height: 24px
	}
}

#adult-quiz-writing .background__wrapper__bot .writing-quiz-info-bot textarea {
	width: 100%;
	margin-bottom: 20px;
	border-radius: 28px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__bot .writing-quiz-info-bot textarea {
		border-radius: 15px;
		font-size: 14px;
		padding: 15px 20px;
		margin-bottom: 10px
	}
	#adult-quiz-writing .background__wrapper__bot .writing-quiz-info-bot textarea:-ms-input-placeholder {
		font-size: 14px
	}
	#adult-quiz-writing .background__wrapper__bot .writing-quiz-info-bot textarea::placeholder {
		font-size: 14px
	}
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .background__wrapper__bot .writing-quiz-info-bot button {
		font-size: 16px;
		padding: 10px 30px;
		line-height: 20px
	}
}

#adult-quiz-writing .writing-quiz-question {
	min-height: 100vh;
	height: auto
}

#adult-quiz-writing .writing-quiz-complete ::-webkit-scrollbar {
	width: 3px!important;
	height: 3px!important
}

#adult-quiz-writing .writing-quiz-complete ::-webkit-scrollbar-thumb {
	background: var(--color-main)!important;
	border-radius: 5px!important;
	box-shadow: none!important
}

#adult-quiz-writing .writing-quiz-complete ::-webkit-scrollbar-track {
	background: var(--color-white)!important;
	border-radius: 5px!important;
	box-shadow: inset 0 0 5px var(--color-silver)!important
}

#adult-quiz-writing .writing-quiz-complete .background__wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

#adult-quiz-writing .writing-quiz-complete .background__wrapper .writing-quiz-complete {
	text-align: center;
	max-height: 100%;
	overflow: auto;
	width: 100%;
	padding: 20px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .writing-quiz-complete .background__wrapper .writing-quiz-complete button {
		font-size: 16px;
		padding: 10px 40px;
		line-height: 20px
	}
}

#adult-quiz-writing .writing-quiz-complete .background__wrapper .writing-quiz-complete img {
	margin-bottom: 30px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .writing-quiz-complete .background__wrapper .writing-quiz-complete img {
		width: 180px
	}
}

#adult-quiz-writing .writing-quiz-complete .background__wrapper .writing-quiz-complete h3 {
	color: var(--color-complete);
	font-size: 24px
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .writing-quiz-complete .background__wrapper .writing-quiz-complete h3 {
		font-size: 16px
	}
}

#adult-quiz-writing .writing-quiz-complete .background__wrapper .writing-quiz-complete__content {
	padding: 20px 0
}

@media screen and (max-width:991px) {
	#adult-quiz-writing .writing-quiz-complete .background__wrapper .writing-quiz-complete__content {
		font-size: 14px;
		padding: 5px 0 15px
	}
}

#adult-quiz-writing .writing-quiz-complete .background__wrapper .writing-quiz-complete__content p span {
	font-weight: 700
}

#adult-quiz-writing .writing-quiz-form-adult {
	overflow: auto
}

#adult-quiz-writing .writing-quiz-form-adult .background__wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: 40px 0;
	-ms-flex-direction: column;
	flex-direction: column;
	height: auto
}

#adult-quiz-writing .writing-quiz-form-adult .background__wrapper h2 {
	font-size: 24px;
	color: var(--color-dark-gray);
	font-weight: 700;
	text-align: center
}

#adult-quiz-writing .writing-quiz-form-adult .background__wrapper form {
	margin-top: 20px
}

#adult-quiz-writing .writing-quiz-form-adult .background__wrapper form .note-quiz {
	margin-top: 8px;
	text-align: center;
	padding: 0 10px
}

#adult-quiz-writing .writing-quiz-form-adult .background__wrapper form .form-checkbox,
#adult-quiz-writing .writing-quiz-form-adult .background__wrapper form .input-container {
	max-width: 500px;
	margin: 0 auto
}

#adult-quiz-writing .writing-quiz-form-adult .background__wrapper form .input-container {
	margin-top: 30px
}

#adult-quiz-writing .writing-quiz-form-adult .background__wrapper form .input-container:first-child {
	margin-top: 0
}

#adult-quiz-writing .writing-quiz-form-adult .background__wrapper form .input-container .input-label {
	font-size: 16px;
	color: var(--color-dark-gray);
	font-weight: 600
}

#adult-quiz-writing .writing-quiz-form-adult .background__wrapper form .input-container input {
	border-radius: 28px;
	border-color: #cde4ff;
	font-size: 16px;
	font-weight: 700
}

#adult-quiz-writing .writing-quiz-form-adult .background__wrapper form .input-container .phonenumber-input--flag__wrapper p {
	font-size: 16px;
	font-weight: 700
}

#adult-quiz-writing .writing-quiz-form-adult .background__wrapper form .form-checkbox {
	margin-top: 10px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 12px
}

#adult-quiz-writing .writing-quiz-form-adult .background__wrapper form .form-checkbox .checkbox-label {
	margin-left: 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 500;
	color: var(--color-gray)!important;
	text-shadow: none
}

#adult-quiz-writing .writing-quiz-form-adult .background__wrapper form .form-checkbox input {
	background-color: var(--color-transparent);
	border-radius: 0;
	border: 1px solid #979797;
	width: 20px;
	height: 20px
}

#adult-quiz-writing .writing-quiz-form-adult .background__wrapper form .form-checkbox input:after {
	border-bottom: 3px solid var(--color-main);
	border-right: 3px solid var(--color-main)
}

#adult-quiz-writing .writing-quiz-form-adult .background__wrapper form .btn-quiz-start {
	margin-top: 30px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

#adult-quiz-writing .writing-quiz-form-adult .background__wrapper form .btn-quiz-start button {
	background-image: none;
	background-color: var(--color-main);
	border: 2px solid var(--color-main);
	transition: all .3s;
	border-radius: 30px;
	height: 60px;
	width: 280px
}

@media (max-width:1024px) {
	#adult-quiz-writing .writing-quiz-form-adult .background__wrapper form .btn-quiz-start button {
		height: 45px
	}
}

#adult-quiz-writing .writing-quiz-form-adult .background__wrapper form .btn-quiz-start button span {
	color: var(--color-white);
	font-size: 24px
}

@media (max-width:1024px) {
	#adult-quiz-writing .writing-quiz-form-adult .background__wrapper form .btn-quiz-start button span {
		font-size: 14px
	}
}

#adult-quiz-writing .writing-quiz-form-adult .background__wrapper form .btn-quiz-start button:hover {
	background-color: var(--color-white)
}

#adult-quiz-writing .writing-quiz-form-adult .background__wrapper form .btn-quiz-start button:hover span {
	color: var(--color-main)
}

.writing-quiz-popover-adult {
	background-color: #ececec;
	padding: 5px 10px;
	border-radius: 15px;
	font-family: SVN-ProductSans
}

@media (max-width:1024px) {
	.writing-quiz-popover-adult {
		padding: 5px 10px;
		border-radius: 10px
	}
}

.writing-quiz-popover-adult .popover-body {
	box-shadow: none;
	padding: 0;
	text-align: left;
	position: relative
}

.writing-quiz-popover-adult .popover-body span {
	font-size: 16px;
	line-height: 1.5;
	color: #333;
	display: block
}

@media (max-width:1024px) {
	.writing-quiz-popover-adult .popover-body span {
		font-size: 14px
	}
}

.writing-quiz-popover-adult .arrow:after {
	border-bottom-color: #ececec;
	border-top-color: #ececec
}

.modal-quiz-adult {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: flex!important
}

.modal-quiz-adult,
.modal-quiz-adult .close-button {
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.modal-quiz-adult .close-button {
	position: absolute;
	top: -70px;
	right: -60px;
	background-image: none;
	color: var(--color-white);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	cursor: pointer
}

@media screen and (max-width:991px) {
	.modal-quiz-adult .close-button {
		top: -50px;
		right: -52px
	}
}

.modal-quiz-adult .close-button i {
	margin-left: 5px;
	font-size: 18px
}

.modal-quiz-adult .modal-dialog {
	position: relative;
	top: auto;
	right: auto;
	margin: auto;
	width: 720px;
	height: auto
}

@media screen and (max-width:991px) {
	.modal-quiz-adult .modal-dialog {
		width: 500px;
		height: auto
	}
}

.modal-quiz-adult .modal-dialog .modal-content {
	min-height: 405px;
	padding: 30px 60px;
	border-radius: 10px
}

@media screen and (max-width:991px) {
	.modal-quiz-adult .modal-dialog .modal-content {
		min-height: 220px;
		padding: 20px 50px
	}
}

.modal-quiz-adult .modal-dialog .modal-content .modal-body {
	padding: 0;
	margin: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: visible
}

.modal-quiz-adult .modal-dialog .modal-content .modal-body h3 {
	color: var(--color-dark-gray);
	font-size: 30px
}

@media screen and (max-width:991px) {
	.modal-quiz-adult .modal-dialog .modal-content .modal-body h3 {
		font-size: 16px
	}
}

.modal-quiz-adult .modal-dialog .modal-content .modal-body .form button {
	background-image: none;
	background-color: var(--color-main);
	border: 2px solid var(--color-main);
	transition: all .3s;
	border-radius: 30px;
	height: 60px;
	padding: 10px 40px!important;
	width: auto;
	color: var(--color-white);
	font-size: 24px;
	font-family: NunitoSans, sans-serif!important
}

.modal-quiz-adult .modal-dialog .modal-content .modal-body .form button .tag-text {
	font-size: 24px
}

@media (max-width:1024px) {
	.modal-quiz-adult .modal-dialog .modal-content .modal-body .form button {
		height: 45px;
		font-size: 14px
	}
	.modal-quiz-adult .modal-dialog .modal-content .modal-body .form button .tag-text {
		font-size: 14px
	}
}

.modal-quiz-adult .modal-dialog .modal-content .modal-body .form button:hover {
	background-color: var(--color-white);
	color: var(--color-main)!important;
	opacity: 1!important
}

.modal-quiz-adult .modal-dialog .modal-content .modal-body .form button:active {
	background-image: none!important
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .title {
	color: var(--color-dark-gray);
	font-size: 30px;
	margin-bottom: 10px
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .title {
		font-size: 16px
	}
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .sub-title {
	color: var(--color-dark-gray);
	font-size: 24px
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .sub-title {
		font-size: 14px
	}
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score {
	max-width: none;
	width: 100%
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score {
		width: 330px
	}
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score h3 {
	background-image: none;
	color: var(--color-main);
	padding: 0;
	font-size: 24px
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score h3 {
		font-size: 16px
	}
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row {
	background-color: #c6e0ff;
	margin-top: 20px
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row .line {
	width: 1px;
	height: 120px;
	border: none;
	background-color: var(--color-white);
	top: 72px
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row .line {
		height: 60px;
		top: 35px
	}
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 {
		padding: 10px 0
	}
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p {
	font-size: 16px
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p {
		font-size: 14px
	}
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p span {
	font-size: 24px;
	color: var(--color-dark-gray)
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p span {
		font-size: 18px
	}
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .title {
	color: var(--color-dark-gray);
	font-size: 30px;
	margin-bottom: 10px
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .title {
		font-size: 16px
	}
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .sub-title {
	color: var(--color-dark-gray);
	font-size: 24px
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .sub-title {
		font-size: 14px
	}
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score {
	max-width: none;
	width: 100%
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score {
		width: 330px
	}
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score h3 {
	background-image: none;
	color: var(--color-main);
	padding: 0;
	font-size: 24px
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score h3 {
		font-size: 14px
	}
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row {
	background-color: #c6e0ff;
	margin-top: 20px
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row .line {
	width: 1px;
	height: 120px;
	border: none;
	background-color: var(--color-white);
	top: 72px
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row .line {
		height: 60px;
		top: 35px
	}
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 {
		padding: 10px 0
	}
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p {
	font-size: 16px
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p {
		font-size: 14px
	}
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p span {
	font-size: 24px;
	color: var(--color-dark-gray)
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p span {
		font-size: 18px
	}
}

@font-face {
	font-family: icon-adult;
	src: url(data:application/vnd.ms-fontobject;base64,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);
	src: url(data:application/vnd.ms-fontobject;base64,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) format("embedded-opentype"), url(data:application/octet-stream;base64,AAEAAAALAIAAAwAwT1MvMg8SBi4AAAC8AAAAYGNtYXAXVtKfAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZtgLdZUAAAF4AAAYSGhlYWQc3afBAAAZwAAAADZoaGVhB8YD2QAAGfgAAAAkaG10eGoBBYwAABocAAAAdGxvY2FO9FYGAAAakAAAADxtYXhwACYA4gAAGswAAAAgbmFtZZlKCfsAABrsAAABhnBvc3QAAwAAAAAcdAAAACAAAwPsAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpGAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Rj//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAACAAAANgQAA0oA1gDfAAABPAE1MDQxNCYxPAExPAExJjA1MCY1MDQxJjQxNCYxMCY1MCYxJjA1IjQjNDAxMCYxMCYxIjQjNCI1IjAnMCI1IiYxIjAnMCIjNCIxIiYxKgExNCIjMCIjMCInMCIjMCIjOAExITgBMSoBIzAiMQYiMSoBMSoBFTAiIzAGIzAiMQYiMQYwIzAGIxQiMQYwIxQiFSIUIzAGMTAGMTgBFSIUIxQwBzAGMRQGMTAUBzAUBzAUMRQGMRQwFSIUFTAUFTAGFTAUMRwBFTgBFREUFjMhMjY1ETQwMQMhEQEWMjcBEQQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEB/E4BAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEuIQNiIS5P/J4BlgweDAGWAyMBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEB/WMhLi4hAp0B/WICRP6LCgoBdf28AAMAGP/DA+0DowAcADgASgAAASIHDgEHBhUUFx4BFxYzMjc+ATc2NTQnLgEnJiMRIicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGBSImLwEmNDc2Mh8BFhQHDgEjAc9LQkJiHRwcHWJCQktLQkJjHB0dHGNCQktbT1B4IiMjInhQT1tbUFB3IiMjIndQUAGoBw4G6AsLDB8L6AsLBQ8HA1cdHGNCQkpLQkJjHB0dHGNCQktKQkJjHB383yIjd1BQW1pQUHcjIiIjd1BQWltQUHcjInMGBegLIAsLC+gLHwwFBgAAAAT//v/VA/4DhwANAB8AMwCBAAABIiY9ATQ2MzIWHQEUBhciJi8BLgE3PgEfAR4BBw4BIwEjIiY9ATQ2MzIWHQEzMhYVFAYjASInLgEnJicmNDc2MhcWFxYyNzY3Njc+ATc2NTQnLgEnJicmJyYiBwYPAQYiJyY0PwE2NzYyFxYXFhceARcWFRQHDgEHBgcGBw4BBwYjAhMRGBgRERgYxAULBdQPCQkIIQ/UDwkJBRQK/gzNERgYEREYpBEYGBEBHy8vLlkpKSQMDAwiDDxLTJ1LTDwdFhYfCAcHCB8WFh08TEudTEs8rgwiDAwMrkhaW71aW0cjGxskCgkJCiQbGyMjKSpYLy8vAZcYEfYRGBgR9hEYegIDewghDw4JCHsJIA8KCgELGBHNERcXEaQYEREY/a0JCSQbGyQMIgwMDDweHh4ePB0hIkkoJykpKCdKISIdOx4eHh47rgwMDCIMrkckJCQkRyMoKVgvMDExLzBYKCgjJBsbJAkJAAAAAgAT/90D6AO6AA0ALgAAExEhMhYdAQkBFRQGIyEBIiYnLgE9ASEiJjURNDYzITU0Njc2FhcBFhQHAQ4BIzFgAaMQFgFu/pIWEP5dAaMDCAMLDf6DIC0tIAF9DQsKFwgBygsL/jYFDggCi/6DFhCJAW4BbYgQF/1SAQIEEwy/LCABfSAtvwsTBQQECP42CyAL/jYGBQAAAAAIACD/xQPyA8AAEQA2AEQAUgBgAGwAiACfAAATESEuATU0Nz4BNzYzMhYXESEBMSEiJjURNDYzITIWFREUBgcOAScuASMiBhUUFhcWBgcOASMxEyEiJjU0NjMhMhYVFAYHISImNTQ2MyEyFhUUBgUjIiY1NDY7ATIWFRQGJSIGFRQWMzI2NTQmAyInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBiciJi8BJjQ3PgEfATc2FhcWBg8BDgEjaQGOAQEUFEUvLjUTJxP9KAG9/kMeKyseAtgeKwoECBoMFC8XTGoFBQMDBQUQCK7+Ag8VFQ8B/g8VFQ/+Ag8VFQ8B/g8VFf6Fkg8VFQ+SDxUVAX1MampMS2trSzUuL0UUFBQURS8uNTQvLkUUFBQURS4vVgcNBUMLCgseCyltCx4KCwELhgUNBwN3/SgJEgk1Ly5FFBQGBgHB/N8rHgLYHisrHv4SCw8FCgUGDAxqTA8fDgkRBwgIAiIWDw8VFQ8PFpEVDw8VFQ8PFZIVDxAVFRAPFSRqTEtra0tMav5MFBRFLi80NS8uRRQUFBRFLi81NC8uRRQUkQUFQAofCgsBCihnCwELCx4KgAUFAAAEAE3/wAOzA8AABAAbACYAOAAAAREnBxEBIiY1ETQ2MyEyFhURFAYjISIGFRQGIxMiBhURPgEzIREhASEiJj0BNDYzMhYXITIWFRQGAuaZmv7NFR5iRAKNFR4eFf1zGiYeFXMaJg8gEQJa/aYCQP1NFR4eFRIbBAKCFR4eA43+M3NzAc38WR4WAwBEYh4V/QAVHiYaFh4DdCYa/ZkGBwKa/GYeFScVHhYRHhUVHgAAAAQAAP/ABAADwAAbADcARQBTAAABIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmAyInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBhMhIiY1NDYzITIWFRQGByImNRE0NjMyFhURFAYCAFVKS28gISEgb0tKVVVKS28gISEgb0tKVWpdXYspKCgpi11dampdXYspKCgpi11dMP7MFR4eFQE0FR4erxUeHhUVHh4DWiEgb0tKVVVKS28gISEgb0tKVVVKS28gIfxmKCmLXV1qal1diykoKCmLXV1qal1diykoAc0eFRUeHhUVHpoeFQE0FR4eFf7MFR4ABwAA/8AEAAPAACYAMgBOAFwAagB4AI8AAAUhIiY1ETQ2MyEyFh0BFAYjIiY9ATQmIyEiBhURFBYzITIWFRQGIwEiBhUUFjMyNjU0JgMiJy4BJyY1NDc+ATc2MzIXHgEXFhUUBw4BBwYDIiY9ATQ2MzIWHQEUBiEiJj0BNDYzMhYdARQGBSEiJjU0NjMhMhYVFAYDIiYvAS4BPQE0NjMyFh0BFxYUBw4BIwHe/rQ8VlY8Akk9Vh0UFB0cFf23FBwcFAFMFBwcFAEuPFZWPD1VVT0yLSxCExQUE0IsLTIzLCxDExMTE0MsLMUUHR0UFB0d/mYUHR0UFB0dAjX89BQdHRQDDBQdHRQJEggwBwgdFBQdIg8PBxIJD1Y8Akk9VVU9wxQdHRTDFB0dFP23FB0cFBUcAVVWPD1VVT08Vv56ExNDLCwzMi0sQhMUFBNCLC0yMywsQxMTAtsdFMMUHR0UwxQdHRTDFB0dFMMUHcMdFBQdHRQUHf56BwgwBxIKSRQdHRQ1Ig8oDggHAAAAAQAEAHoD/AKpABUAAAEuASMhIgYHBhYXAR4BMzI2NwE+AScD/AUXD/xeDxcFBgYKAdEHEQkJEQcB0QoGBgKMDRAQDQ0cCv4vBwcHBwHRChwNAAAAAgAFABUEBQNeAA0AJAAAASEiJjU0NjMhMhYVFAYBIiYnASY0NwE2MhcWFAcJARYUBw4BIwPb/FUSGRkSA6sRGRn9xAgQBv6ADQ0BgAwkDA0N/p4BYg0NBhAIAZUZEhEZGRESGf6ABwYBgAwkDAGADQ0MJAz+nv6eDCQMBgcAAAACAIAAQAOAA4AAIQA3AAABIzU0JiMiBh0BITU0JiMiBh0BIyIGFREUFjMhMjY1ETQmByE1MxUUFjMyNj0BIRUUFjMyNj0BMwNAYBMNDRP+wBMNDRNgGyUlGwKAGiYmGv2AYBMNDRMBQBMNDRNgA0AgDRMTDSAgDRMTDSAlG/2AGiYmGgKAGyXAgCANExMNICANExMNIAAAAAEAAwCbBAADLgCCAAA3MjY3ARcWMjcBFRQWMzI2NRE8ATUwNDE0JjE8ATEwNCcwNDE0JjE0MDUiNDEmMDUwJjE0JjEwJjEuATUiMDE4ATEuATEmMCM0IjUiMCcwIjEmIjEwJiMwIjUiMCMwIicwIjEqATEqATUqASM4ASMhIgYVFBY7AQEnJiIHAQ4BFx4BMyUHDQUBMJ0KHwoBeRUPEBUBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEB/twPFhYPzP6inQseC/63CAQEBBIMmwYFAS+dCgoBecwQFRUQASQBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEWDw8V/qGdCwv+twgWCgoNAAMAYAAgA6ADYAALACcASgAAARQGIyImNTQ2MzIWAyIHDgEHBhUUFx4BFxYzMjc+ATc2NTQnLgEnJhMuAScGBwYiJyYnDgEHJicmNjc2NzY3NjIXFhcWFx4BBwYHArBnSUlnZ0lJZ7BWTExxICEhIHFMTFZWTExxICEhIXBMTLETMh0iKytaKysiHTITLxYWBRsbMzNAP4Q/QDMzGxsFFhYvAeBJZ2dJSWdnATchIHFMTFZWTExxICEhIHFMTFZWTExwISH9dhwvESEQEREQIREvHDVBQIQ+PzExGRgYGTExPz6EQEE1AAABARf/xANGA7wAFQAACQEuAQcOARURFBYXFjY3AT4BNTQmJwM4/i8KHA0NEBANDRwKAdEHBwcHAeEB0QoGBgUXD/xeDxcFBgYKAdEHEQkJEQcAAAADACj/8APnA5AAGwA3AGMAAAEiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYDIicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGBSImJyYnLgEnJiMiBw4BBwYHDgEnLgE3Njc+ATc2MzIXHgEXFhcWBgcOASMCBzAqKkASEhISQCoqMDAqKz8SEhISPysqMEY+PlwbGhobXD4+RkY+PlwbGxsbXD4+AWsNGgceKillODk8Ozk5ZCoqHgsrExMMDCUzNH1GRkpKRkd8NDQlCwwTBg4HAyUSEj8rKjAwKis/EhISEj8rKjAwKis/EhL9xRobXD4+RkY+PlwbGhobXD4+RkY+PlwbGvoNDTQpKjoPEBAPOiopNBMLCwsrE0AzNEcUExMURzQzQBMrCwQDAAAAAwAF/8sD9QO7ABsANwBLAAABIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmAyInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBhMhIiY1ETQ2MzIWHQEzMhYVFAYjAf1RR0hqHx8fH2pIR1FRSEdqHx8fH2pHSFFoXFyJJygoJ4lcXGhoXFyJJygoJ4lcXJ3++xchIRcXIc0YICAYA0sfH2tHR1FRSEdrHh8fHmtHSFFRR0drHx/8gCcoiVxbaWhcW4koKCgoiVtcaGlbXIkoJwHAIBgBBRchIRfNIRcYIAACABL/xQPkA6kADgBdAAAXIiY1ETQ2MzIWFREUBiMlIiYnJicuAQcGBwYmJyY2NzY3NhYXFhcWFx4BNzY3EQYHBiYnJicmJy4BBwYHBiYnJjY3Njc2FhcWFxYXHgE3Njc+ARceARURFAYHDgEjTRkiIhkYIiIYAp9HhT0zLi9aLS0wFDAPDgcTRUFBejk6NTAsK1UqKi03MzRjLy8sMy4vWi0tMBQwDw4HE0VBQXo5OjUzLi9aLS0xDSEPDxINCztwNTsjGAM3GCIiGPzJGCOnLxoWERIKDAslDwcUEzEONBAQDBUVFxQREQwHCBwBxxYDAhMSExMVEhEKCwwkDwcTFDAPMxARDBUVFxYSEQoLDCUKAwgHHRD9tA4ZCCwkAAABAQX/zgMZA6sAFgAABSImJyY0NwkBJjQ3NjIXARYUBwEOASMBNA0YChMTAYj+eBMTFDYTAbcTE/5JCRkMMgoJFDYTAYgBiBM3ExMT/koUNhP+SQkKAAAAAQDD/+sCyAOtABYAAAUiJicBJjQ3ATYyFxYUBwkBFhQHDgEjApsNFwr+VhMTAaoTNRMTE/6DAX0TEwkYDBUJCQGrEzUTAaoTExM0E/6C/oMTNRMJCQAAAAUAYP/AA5MDwAATADAATgBtAHwAAAUhIiY1MRE0NjMxITIWFTERFAYjATgBMSIGBxEeATM4ATEhOAExMjY3ES4BIzgBOQEHITAiMSImNTgBOQE0NjMhMhYVMTgBMRQGIzAiOQEVISImNTE4ATE0NjMwMjkBITAyMTIWFTgBOQEUBiMxByMiJjU0NjsBMhYVFAYjAvn+AUBaWkAB/0BaWkD+ARUeAQEeFQH/FR4BAR4VZv7NARUdHhUBMxUeHRUB/s0VHh0VAQEzARUdHhVmzRUeHhXNFR4eFUBaPwLNQFpaQP0zP1oDmR4V/TMVHh4VAs0VHswdFRYeHhYVHc0eFRUeHhUVHs0eFRUfHxUVHgAAAwAWABsD+gM4ABEAPwBsAAAlIiYnASY2NzYWFwEWBgcOASMlIicuAScmJyY0NzY3PgE3Njc2FhcWBgcOAQcWFx4BFxYzMjY3NhYXFgYHDgEjJSImJyY0Nz4BNyYnLgEnJiMiBgcGJicmNjc+ATMyFx4BFxYXFhQHDgEHDgEjA0wKEwf9eA4CDw8oDgKIDQIPBxEI/r+EX154HR0CBAQBDxA+MDBDEiYJCg0SVWMSDR0eYkVEXDFmLhImCQkNEjd4PgFbChIHDg4gKQsNHh5hRUVbCxQKEx8CAhoUDBgNhF1deB0cAwQEATc6BxIJGwgIAsgPKQ0OAg/9Nw8oDQcGQTAwdjIzBQkVCgIdHVEsLSIJDRISJgkrex8YKClQHR0XFwkNEhImCRwckwcHDikOIDwSFykpTx4dAQECGhQUHwIBATAxdTMzBAoVCQJiOwcHAAAAAAQADABUA+oDLAAMABkANgBYAAABIgYVFBYzMjY1NCYjFSImNTQ2MzIWFRQGIyUWFx4BFxYzMjc+ATc2NyYnLgEnJiMiBw4BBwYHASInLgEnJicmNDc2Nz4BNzYzMhceARcWFxYUBwYHDgEHBgH7EhsbEhMbGxM4UFA4OVBQOf5uKS4uZDc2PDw3N2QuLSoqLS5kNzc8PDY3ZC4uKQGSSkVEfDg3MQYGMTc4fERFSktERXw3ODAGBjA4N3xFRAHuGxMTGxsTExu3UTg4UVE4OFGJRTM0RBARERBENDNFRTM0RBARERBENDNF/pQVFlVAQFULGAtVQEBVFhUVFlVAQFULGAtVQEBVFhUAAAAEAAD/wAQAA8AAGwA3AEkAWwAAASIHDgEHBhUUFx4BFxYzMjc+ATc2NTQnLgEnJgMiJy4BJyY1NDc+ATc2MzIXHgEXFhUUBw4BBwYDIiYnJjQ/ATYyFxYUDwEOASMzIiYvASY0NzYyHwEWFAcOASMCAFVKS28gISEgb0tKVVVKS28gISEgb0tKVWpdXYspKCgpi11dampdXYspKCgpi11d1wkTCA8P2Q8rDw8P2QgTCtoKEwjZDw8PKw/ZDw8IEwkDWiEgb0tKVVVKS28gISEgb0tKVVVKS28gIfxmKCmLXV1qal1diykoKCmLXV1qal1diykoAWAIBw8rD9kPDw8rD9kHCAgH2Q8rDw8P2Q8rDwcIAAADAAAABwQAA3kANQBWAGUAACUiJjUxNDc+ATc2MzEhESEiBhUxFAYjIiY1MTQ3PgE3NjMxITIWFTERFAYjMSEiBhUxFAYjMTEiJjUxNCYjMSEiJjUxETQ2MzEhMhceARcWFTERFAYjMSUhOAExMhYXJxE0JiMxIQIAFh8PEDQkIygBCf73JDQfFhYfDxA0JCMoARskNDQk/uUkNB8WFh80JP7lJDQ0JAEbKCMkNBAPHxb+agEJGC0UATQk/vcHHxYoIyQ0EA8CETMlFh8fFigkIzUPDzMl/cskNDQkFh8fFiQ0NCQCNSUzDw81IyQo/YUWH/cMCgEBziUzAAAEAGr/wAOWA8AAJAA9AGsAfQAAJS4BJzEuATU4ATkBNTQ3PgE3NjMyFx4BFxYVMRUGBw4BBwYjMREiBgcVOAExFBYXMR4BMzEyNjUxNTQmIzERIicuAScmNTE0NjMyFhUxFBceARcWMzI3PgE3NjUxNDYzMhYVMRQHDgEHBiMxFSImNTE1NDYzMhYVMRUUBiMxAgAwUx8gJBMSPiopMDApKj4SEwESEj4qKi8zSAEUEBEtGjNJSTNUSkpuICAfFhYfFxhSNjc+Pjc2UhgXHxYWHyAgbkpKVBYfHxYWHx8W/gEmHyBTMPMwKio+EhISEj4qKjD3LyoqPhISAlhIM/gaLRARE0gz9zRI/PcgIG5KSlQWHx8WPjc2UhcYGBdSNjc+Fh8fFlRKSm4gII0fFo0WHx8WjRYfAAABAAAAAAAAUzSdkV8PPPUACwQAAAAAANzeMaIAAAAA3N4xov/+/8AEBQPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQA//7/+wQFAAEAAAAAAAAAAAAAAAAAAAAdBAAAAAAAAAAAAAAAAgAAAAQAAAAEAAAYBAD//gQAABMEAAAgBAAATQQAAAAEAAAABAAABAQAAAUEAACABAAAAwQAAGAEAAEXBAAAKAQAAAUEAAASBAABBQQAAMMEAABgBAAAFgQAAAwEAAAABAAAAAQAAGoAAAAAAAoAFAAeAPoBbAIqAnYDWgOyBC4E9AUeBV4FqgY6Bq4G2AdwB+AIcAicCMgJUAn6CoALCguIDCQAAQAAAB0A4AAIAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGljb21vb24AaQBjAG8AbQBvAG8AblZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGljb21vb24AaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AblJlZ3VsYXIAUgBlAGcAdQBsAGEAcmljb21vb24AaQBjAG8AbQBvAG8AbkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"), url(data:application/font-woff;base64,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) format("woff"), url(https://cdn2.kynaforkids.vn/assets/fonts/icon-adult.svg) format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: block
}

[class*=" icon-"],
[class^=icon-] {
	font-family: icon-adult!important;
	speak: never;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-mess:before {
	content: "\E900"
}

.icon-search:before {
	content: "\E901"
}

.icon-history:before {
	content: "\E902"
}

.icon-translate:before {
	content: "\E903"
}

.icon-activity:before {
	content: "\E904"
}

.icon-dictionary:before {
	content: "\E905"
}

.icon-add:before {
	content: "\E906"
}

.icon-date:before {
	content: "\E907"
}

.icon-chervon-down:before {
	content: "\E908"
}

.icon-back:before {
	content: "\E909"
}

.icon-calendar:before {
	content: "\E90A"
}

.icon-stonk:before {
	content: "\E90B"
}

.icon-avatar:before {
	content: "\E90C"
}

.icon-chervon-right:before {
	content: "\E90D"
}

.icon-user:before {
	content: "\E90E"
}

.icon-clock:before {
	content: "\E90F"
}

.icon-flag:before {
	content: "\E910"
}

.icon-arrow-right:before {
	content: "\E911"
}

.icon-arrow-left:before {
	content: "\E912"
}

.icon-active:before {
	content: "\E913"
}

.icon-eye-close:before {
	content: "\E914"
}

.icon-eye:before {
	content: "\E915"
}

.icon-close:before {
	content: "\E916"
}

.icon-quiz:before {
	content: "\E917"
}

.icon-speech:before {
	content: "\E918"
}

:root {
	--color-main: #0076ff;
	--color-side: #ff316b;
	--color-white: #fff;
	--color-transparent: transparent;
	--color-background: #f8fbff;
	--color-border: #e9ebfa;
	--color-dark-gray: #333;
	--color-title: #263871;
	--color-sidebar: #8494a7;
	--color-gray: #666;
	--color-light-gray: #999;
	--color-silver: #ddd;
	--color-text-document: #ff9149;
	--color-incoming: #36f;
	--color-cancel: #f34932;
	--color-complete: #09cd94;
	--width-sidebar: 250px
}

* {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	box-sizing: border-box;
	font-size: 16px;
	font-family: NunitoSans, sans-serif
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: 700
}

.adult-content {
	-ms-flex: 1;
	flex: 1;
	height: 100vh;
	overflow: auto;
	background-color: var(--color-background);
	z-index: 1
}

.adult-sidebar {
	background-color: var(--color-white);
	width: var(--width-sidebar);
	height: 100vh;
	position: relative;
	z-index: 2
}

@media screen and (max-width:767px) {
	.adult-sidebar {
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 2;
		height: 60px
	}
}

.adult-sidebar__logo {
	width: 85px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%)
}

@media screen and (max-width:767px) {
	.adult-sidebar__logo {
		display: none
	}
}

.adult-sidebar__back {
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 80px;
	padding-left: 20px;
	border-bottom: 1px solid #e9ebfa;
	border-right: 1px solid #e9ebfa
}

@media screen and (max-width:767px) {
	.adult-sidebar__back {
		display: none
	}
}

.adult-sidebar__back i {
	font-size: 18px;
	margin-right: 15px
}

.adult-sidebar__back p {
	font-size: 24px;
	font-weight: 700
}

.adult-sidebar__wrapper {
	padding: 0 20px
}

@media screen and (max-width:767px) {
	.adult-sidebar__wrapper {
		display: none
	}
}

.adult-sidebar__menu {
	padding: 10px 0 0;
	border-bottom: 1px solid #e9ebfa
}

@media screen and (max-width:767px) {
	.adult-sidebar__menu {
		display: none
	}
}

.adult-sidebar__menu li {
	margin: 0 0 10px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	color: var(--color-sidebar);
	padding: 14px 20px;
	width: 100%;
	border-radius: 10px;
	cursor: pointer
}

.adult-sidebar__menu li.is-current-page,
.adult-sidebar__menu li:hover {
	background-color: var(--color-main);
	color: var(--color-white)
}

.adult-sidebar__menu li i {
	margin-right: 10px;
	font-size: 20px
}

.adult-sidebar__menu li img {
	width: 20px;
	height: 20px;
	margin-right: 10px
}

.adult-sidebar__menu--pink {
	border: none
}

.adult-sidebar__menu--pink li:hover {
	background-color: var(--color-side);
	color: var(--color-white)
}

.adult-sidebar__mobile {
	display: none
}

@media screen and (max-width:767px) {
	.adult-sidebar__mobile {
		display: block;
		width: 100%;
		height: 100%
	}
}

.adult-sidebar__mobile ul {
	width: 100%;
	-ms-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	background-color: #dbecff
}

.adult-sidebar__mobile ul,
.adult-sidebar__mobile ul li {
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap
}

.adult-sidebar__mobile ul li {
	-ms-flex-direction: column;
	flex-direction: column;
	flex-wrap: wrap;
	-ms-flex: 1;
	flex: 1;
	color: var(--color-sidebar)
}

.adult-sidebar__mobile ul li.is-current-page,
.adult-sidebar__mobile ul li:hover {
	background-color: var(--color-main);
	color: var(--color-white)
}

.adult-sidebar__mobile ul li i {
	font-size: 24px
}

.adult-sidebar__mobile ul li img {
	width: 24px;
	height: 24px
}

.adult-sidebar__mobile ul li p {
	font-size: 12px;
	font-weight: 600;
	padding-top: 3px
}

#dictionary-adult :not(i) {
	font-family: NunitoSans, sans-serif!important
}

#dictionary-adult .dictionary-adult {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateY(100%)
}

#dictionary-adult .dictionary-adult .dictionary-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

#dictionary-adult .dictionary-adult .loading-spinner,
#dictionary-adult .dictionary-adult .loading-spinner:after {
	border-radius: 50%;
	width: 10em;
	height: 10em
}

#dictionary-adult .dictionary-adult .loading-spinner {
	width: 60px;
	height: 60px;
	margin: 60px auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 6px solid #0076ff33;
	border-right: 6px solid #0076ff33;
	border-bottom: 6px solid #0076ff33;
	border-left: 6px solid #0076ff;
	transform: translateZ(0);
	animation: load8 1.1s infinite linear
}

@keyframes load8 {
	0% {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(1turn)
	}
}

#dictionary-adult .dictionary-adult .dictionary-adult-title {
	padding: 25px 0;
	color: #333;
	font-size: 24px;
	font-weight: 700
}

@media (max-width:767px) {
	#dictionary-adult .dictionary-adult .dictionary-adult-title {
		padding: 10px 0;
		font-size: 20px
	}
}

#dictionary-adult .dictionary-adult__container {
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

#dictionary-adult .dictionary-adult__container .dictionary-adult-content {
	background: #fff;
	border-radius: 0 10px 10px;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 16px;
	padding-bottom: 0
}

#dictionary-adult .dictionary-adult__gray-screen {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: block;
	transform: translateY(-100%)
}

#dictionary-adult .dictionary-adult__wrapper {
	width: 100%;
	padding: 0 30px;
	top: 0;
	transform: translateY(50%);
	position: absolute;
	z-index: 3;
	transition: all .3s ease;
	background-color: #f8fbff;
	height: 100%
}

@media (max-width:992px) {
	#dictionary-adult .dictionary-adult__wrapper {
		overflow: auto;
		padding: 0 20px
	}
}

#dictionary-adult .dictionary-adult__wrapper .close-btn {
	position: absolute;
	right: 30px;
	top: 24px;
	transform: translate(-10px, 20px);
	width: 55px;
	cursor: pointer;
	-webkit-user-drag: none;
	transition: transform .3s;
	z-index: 2;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	color: #666
}

@media (max-height:550px),
(max-width:997px) {
	#dictionary-adult .dictionary-adult__wrapper .close-btn {
		top: 0
	}
}

#dictionary-adult .dictionary-adult__wrapper .close-btn i {
	font-size: 16px;
	margin-left: 8px;
	color: #333
}

#dictionary-adult .dictionary-adult__close {
	transform: translateY(-100%)
}

#dictionary-adult .dictionary-adult-suggestion {
	width: 100%;
	height: 66px;
	border-bottom: 1px solid #dadceb;
	font-size: 17px;
	color: #fff;
	position: relative;
	overflow: hidden;
	padding-top: 12px
}

@media (max-height:550px) {
	#dictionary-adult .dictionary-adult-suggestion {
		height: 40px;
		padding-top: 2px
	}
}

#dictionary-adult .dictionary-adult-guide {
	color: #263871;
	font-size: 20px;
	font-weight: 700
}

@media (max-height:550px) {
	#dictionary-adult .dictionary-adult-guide {
		font-size: 13px
	}
}

#dictionary-adult .dictionary-adult-actions {
	margin-top: 20px
}

#dictionary-adult .dictionary-adult-translation__label {
	font-size: 20px;
	color: #263871;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	vertical-align: middle
}

@media (max-height:550px) {
	#dictionary-adult .dictionary-adult-translation__label {
		font-size: 13px
	}
}

#dictionary-adult .dictionary-adult-translation__label img {
	width: 24px;
	height: 24px;
	margin-right: 6px;
	border-radius: 50%;
	overflow: hidden
}

#dictionary-adult .dictionary-adult-translation__label i {
	color: #0076ff;
	margin: 0 16px;
	font-size: 18px
}

#dictionary-adult .dictionary-adult-search__wrapper {
	width: calc(100% - 100px - 210px - 180px);
	height: 40px;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	vertical-align: middle;
	margin-left: 50px;
	position: relative;
	border-radius: 28px;
	border: 1px solid #dadceb
}

@media (max-width:991px) {
	#dictionary-adult .dictionary-adult-search__wrapper {
		margin-left: 20px;
		width: calc(100% - 40px - 140px - 180px)
	}
}

@media (max-height:550px) {
	#dictionary-adult .dictionary-adult-search__wrapper {
		height: 40px;
		margin-left: 20px;
		width: calc(100% - 40px - 100px - 160px)
	}
}

#dictionary-adult .dictionary-adult-search__wrapper img {
	width: 24px;
	height: 24px
}

@media (max-height:550px) {
	#dictionary-adult .dictionary-adult-search__wrapper img {
		width: 20px;
		height: 20px;
		right: 6px
	}
}

#dictionary-adult .dictionary-adult-search__wrapper .dictionary-adult-search__input {
	background-color: transparent;
	color: #333;
	border: none!important;
	outline: none!important;
	box-shadow: none;
	font-size: 14px;
	font-weight: 700
}

#dictionary-adult .dictionary-adult-search__wrapper .dictionary-adult-search__input:-ms-input-placeholder {
	color: #999;
	font-size: 14px;
	font-weight: 500
}

#dictionary-adult .dictionary-adult-search__wrapper .dictionary-adult-search__input::placeholder {
	color: #999;
	font-size: 14px;
	font-weight: 500
}

#dictionary-adult .dictionary-adult-search__wrapper .dictionary-adult-search__input:focus {
	color: #333;
	border: none!important;
	outline: none!important;
	box-shadow: none;
	background-color: transparent
}

@media (max-height:550px) {
	#dictionary-adult .dictionary-adult-search__wrapper .dictionary-adult-search__input {
		font-size: 14px
	}
	#dictionary-adult .dictionary-adult-search__wrapper .dictionary-adult-search__input:-ms-input-placeholder {
		font-size: 14px
	}
	#dictionary-adult .dictionary-adult-search__wrapper .dictionary-adult-search__input::placeholder {
		font-size: 14px
	}
}

#dictionary-adult .dictionary-adult-search__button {
	width: 140px;
	height: 100%;
	background: #0076ff;
	border-radius: 0 20px 20px 0;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	font-weight: 700;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

#dictionary-adult .dictionary-adult-search__button i {
	font-size: 24px;
	margin-right: 5px
}

@media (max-width:991px) {
	#dictionary-adult .dictionary-adult-search__button {
		font-size: 12px
	}
	#dictionary-adult .dictionary-adult-search__button i {
		font-size: 18px
	}
}

#dictionary-adult .dictionary-adult-history__wrapper {
	width: 210px;
	height: 40px;
	border-radius: 20px;
	border: 1px solid #0076ff;
	margin-left: 50px;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	vertical-align: middle
}

@media (max-width:991px) {
	#dictionary-adult .dictionary-adult-history__wrapper {
		width: 140px;
		margin-left: 20px
	}
}

@media (max-height:550px) {
	#dictionary-adult .dictionary-adult-history__wrapper {
		width: 100px;
		margin-left: 20px
	}
}

#dictionary-adult .dictionary-adult-history__wrapper i {
	font-size: 18px;
	color: #0076ff;
	margin-right: 8px
}

#dictionary-adult .dictionary-adult-history__text {
	font-size: 14px;
	color: #0076ff;
	font-weight: 700
}

#dictionary-adult .dictionary-adult-body__wrapper {
	min-height: 150px;
	margin-top: 20px;
	position: relative;
	height: calc(100% - 66px - 40px - 156px);
	border-radius: 10px 10px 0 0;
	border: 1px solid #dadceb;
	border-bottom: none
}

@media (max-height:550px) {
	#dictionary-adult .dictionary-adult-body__wrapper {
		margin-top: 8px;
		padding: 10px;
		padding-bottom: 0;
		height: calc(100% - 95px)
	}
}

#dictionary-adult .dictionary-adult-body__wrapper .dictionary-first-load,
#dictionary-adult .dictionary-adult-body__wrapper .dictionary-no-result {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

#dictionary-adult .dictionary-adult-body__wrapper .dictionary-first-load div,
#dictionary-adult .dictionary-adult-body__wrapper .dictionary-no-result div {
	text-align: center;
	font-weight: 700;
	font-size: 24px
}

@media (max-width:1024px) {
	#dictionary-adult .dictionary-adult-body__wrapper .dictionary-first-load div,
	#dictionary-adult .dictionary-adult-body__wrapper .dictionary-no-result div {
		font-size: 13px
	}
}

#dictionary-adult .dictionary-adult-body__wrapper .dictionary-first-load img,
#dictionary-adult .dictionary-adult-body__wrapper .dictionary-no-result img {
	width: 500px;
	height: 300px;
	object-fit: contain;
	margin-bottom: 11px
}

@media (max-width:991px) {
	#dictionary-adult .dictionary-adult-body__wrapper .dictionary-first-load img,
	#dictionary-adult .dictionary-adult-body__wrapper .dictionary-no-result img {
		width: auto;
		height: 200px
	}
}

@media (max-height:550px),
(max-width:1024px) {
	#dictionary-adult .dictionary-adult-body__wrapper .dictionary-first-load img,
	#dictionary-adult .dictionary-adult-body__wrapper .dictionary-no-result img {
		width: auto;
		height: 130px
	}
}

#dictionary-adult .dictionary-adult ::-webkit-scrollbar {
	width: 4px!important
}

#dictionary-adult .dictionary-adult ::-webkit-scrollbar-thumb {
	border-radius: 2.5px;
	background-color: #0076ff
}

#dictionary-adult .dictionary-adult ::-webkit-scrollbar-track {
	border-radius: 2.5px;
	background-color: #0076ff33
}

@media (max-height:550px) {
	#dictionary-adult .dictionary-adult .dictionary-adult-body__wrapper {
		height: calc(100% - 118px)
	}
}

#dictionary-adult .dictionary-result__wrapper {
	padding: 0 20px;
	height: 100%;
	border: none;
	position: relative;
	overflow: auto
}

#dictionary-adult .dictionary-result__wrapper div:first-child {
	padding-top: 20px
}

#dictionary-adult .dictionary-result-header__text {
	font-size: 24px;
	font-weight: 700;
	color: #333;
	-ms-flex: 1;
	flex: 1;
	border-bottom: 1px dashed #dadceb;
	padding-bottom: 15px;
	padding-top: 20px;
	background-color: #fff;
	position: sticky;
	top: 0;
	z-index: 1
}

#dictionary-adult .dictionary-result-header__text.pronunciation-text {
	color: #f34932;
	top: 72px;
	margin-bottom: 15px
}

@media (max-height:700px) {
	#dictionary-adult .dictionary-result-header__text.pronunciation-text {
		top: unset
	}
}

@media (max-height:700px) {
	#dictionary-adult .dictionary-result-header__text {
		font-size: 16px;
		position: unset;
		top: unset
	}
}

#dictionary-adult .dictionary-result-body__wrapper {
	height: auto
}

#dictionary-adult .dictionary-result-body__wrapper>ul {
	margin-top: 0;
	margin-bottom: 16px
}

#dictionary-adult .dictionary-result-body__wrapper>ul>li>b {
	font-size: 20px;
	color: #0076ff
}

@media (max-height:550px) {
	#dictionary-adult .dictionary-result-body__wrapper>ul>li>b {
		font-size: 16px
	}
}

#dictionary-adult .dictionary-result-body__wrapper>ul>li>b>i {
	font-weight: 700;
	font-style: normal;
	text-transform: capitalize
}

#dictionary-adult .dictionary-result-body__wrapper>ul>li>ul {
	margin-top: 12px;
	padding-left: 12px
}

#dictionary-adult .dictionary-result-body__wrapper>ul>li>ul:nth-child(2) {
	padding-top: 12px;
	border-top: 1px dashed #dadceb
}

@media (max-height:550px) {
	#dictionary-adult .dictionary-result-body__wrapper>ul>li>ul {
		margin-top: 0
	}
}

#dictionary-adult .dictionary-result-body__wrapper>ul>li>ul>li>font>b {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.76;
	color: #333;
	position: relative
}

@media (max-height:550px) {
	#dictionary-adult .dictionary-result-body__wrapper>ul>li>ul>li>font>b {
		font-size: 14px
	}
}

#dictionary-adult .dictionary-result-body__wrapper>ul>li>ul>li>font>b:before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #09cd94;
	position: absolute;
	left: -12px;
	top: 50%;
	transform: translateY(-50%)
}

#dictionary-adult .dictionary-result-body__wrapper>ul>li>ul>li>ul>li {
	font-size: 17px;
	color: #333
}

@media (max-height:550px) {
	#dictionary-adult .dictionary-result-body__wrapper>ul>li>ul>li>ul>li {
		font-size: 14px
	}
}

#dictionary-adult .dictionary-result-body__wrapper>ul>li>ul>li>ul>li>b {
	color: #09cd94;
	font-weight: 400
}

#dictionary-adult .dictionary-result-body__wrapper>ul>li>ul>li>ul>li>b>i {
	color: #333
}

#dictionary-adult .dictionary-result-body__wrapper>ul>li>ul>li>ul>li>font>b {
	position: relative
}

#dictionary-adult .dictionary-result-body__wrapper>ul>li>ul>li>ul>li>font>b:before {
	content: "";
	width: 5px;
	height: 5px;
	background-color: #09699b;
	position: absolute;
	left: -12px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%
}

#dictionary-adult .dictionary-result-body__wrapper>ul>li>ul>li>ul {
	margin-top: 8px
}

@media (max-height:550px) {
	#dictionary-adult .dictionary-result-body__wrapper>ul>li>ul>li>ul {
		margin-top: 4px
	}
}

#dictionary-adult .dictionary-result-body__wrapper>ul>li>ul>li>ul>li>font>b>i {
	font-weight: 400;
	font-style: normal
}

#dictionary-adult .dictionary-result-bottom__wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 76px
}

@media (max-height:550px) {
	#dictionary-adult .dictionary-result-bottom__wrapper {
		height: 38px
	}
}

#dictionary-adult .dictionary-suggestion__wrapper {
	display: -ms-flexbox;
	display: flex;
	overflow: auto;
	white-space: nowrap;
	cursor: grab
}

#dictionary-adult .dictionary-suggestion__wrapper::-webkit-scrollbar {
	display: none!important
}

#dictionary-adult .dictionary-suggestion__wrapper.dragging {
	cursor: grabbing;
	cursor: -webkit-grabbing
}

#dictionary-adult .dictionary-suggestion-item__wrapper {
	padding: 7px 11px;
	border-radius: 15px;
	border: 1px solid #ddd;
	margin-right: 16px
}

@media (max-height:550px) {
	#dictionary-adult .dictionary-suggestion-item__wrapper {
		padding: 4px 8px
	}
}

#dictionary-adult .dictionary-suggestion-item__wrapper.highlight {
	border-color: var(--color-main);
	background-color: var(--color-main)
}

#dictionary-adult .dictionary-suggestion-item__wrapper.highlight .dictionary-suggestion-item__content {
	color: var(--color-white)
}

#dictionary-adult .dictionary-suggestion-item__content {
	padding-right: 0;
	border: none;
	color: #666;
	cursor: pointer;
	font-weight: 700;
	font-size: 14px
}

#dictionary-adult .dictionary-history__wrapper {
	border: none;
	padding: 20px;
	height: 100%
}

@media (max-height:550px) {
	#dictionary-adult .dictionary-history__wrapper {
		padding: 8px
	}
}

#dictionary-adult .dictionary-history-header__text {
	font-family: NunitoSans, sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #333;
	margin-top: 2.6px
}

@media (max-height:550px) {
	#dictionary-adult .dictionary-history-header__text {
		font-size: 18px
	}
}

#dictionary-adult .dictionary-history-body__wrapper {
	height: calc(100% - 30px);
	overflow: auto
}

#dictionary-adult .dictionary-history-item__wrapper {
	cursor: pointer;
	padding: 20px 0;
	font-size: 16px;
	color: #333;
	width: calc(100% - 40px);
	border-top: 1px dashed #dadceb
}

#dictionary-adult .dictionary-history-item__wrapper:first-child {
	border-top: none
}

@media (max-height:550px) {
	#dictionary-adult .dictionary-history-item__wrapper {
		width: calc(100% - 8px);
		font-size: 14px
	}
}

#dictionary-adult .dictionary-history-item__title {
	font-weight: 700
}

#dictionary-adult .dictionary-history-item__content {
	line-height: 21px;
	height: 42px;
	overflow: hidden
}

#dictionary-adult .dictionary-history-bottom__wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 76px
}

#dictionary-adult .dictionary-history-show-more-btn {
	cursor: pointer;
	font-size: 20px;
	font-weight: 700;
	color: #ff7800;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

#dictionary-adult .dictionary-history-show-more-btn img {
	margin-left: 8px
}

.adult-change-pass {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: flex!important
}

@media (min-width:576px) {
	.adult-change-pass .modal-dialog {
		max-width: 700px;
		margin: 40px auto
	}
}

@media screen and (max-width:575px) {
	.adult-change-pass .modal-dialog {
		margin: 40px 15px
	}
}

.adult-change-pass .modal-dialog .modal-content {
	border-radius: 10px
}

.adult-change-pass .modal-dialog .modal-body {
	padding: 45px 100px;
	position: relative
}

@media screen and (max-width:575px) {
	.adult-change-pass .modal-dialog .modal-body {
		padding: 15px 20px
	}
}

.adult-change-pass__close {
	position: absolute;
	top: -40px;
	right: 0;
	cursor: pointer;
	color: var(--color-white)
}

.adult-change-pass__close p {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.adult-change-pass__close p i {
	font-size: 18px;
	margin-left: 10px
}

.adult-change-pass h3 {
	font-size: 20px;
	color: var(--color-title);
	margin-bottom: 30px
}

@media screen and (max-width:575px) {
	.adult-change-pass h3 {
		font-size: 18px
	}
}

.adult-change-pass__form .form-group {
	margin-bottom: 20px
}

.adult-change-pass__form .form-group input {
	border-radius: 28px;
	border: 1px solid #cde4ff;
	padding: 14px 50px 12px 20px
}

.adult-change-pass__form .form-group input:focus {
	border: 1px solid var(--color-main)!important
}

.adult-change-pass__form .form-group__eye {
	right: 30px;
	top: 50px;
	color: var(--color-dark-gray)
}

.adult-change-pass__form .form-group__eye i {
	font-size: 20px
}

.adult-change-pass__form .empty-data .message-error {
	background-color: transparent;
	color: #ff5965;
	padding: 10px 5px 0 20px
}

.adult-change-pass__form__success {
	margin: 0 0 25px;
	border-radius: 28px;
	color: var(--color-complete);
	border: 1px solid var(--color-complete);
	background-color: #f0fffb
}

.adult-change-pass__form__error {
	margin: 0 0 25px;
	border-radius: 28px
}

.adult-change-pass__form__button {
	margin-top: 10px
}

@media screen and (max-width:575px) {
	.adult-change-pass__form__button .button-secondary {
		padding: 15px 30px
	}
}

.choose-layout {
	padding-top: 120px
}

@media screen and (max-width:767px) {
	.choose-layout {
		padding-top: 100px
	}
}

.choose-layout h3 {
	font-size: 20px;
	color: var(--color-title);
	line-height: 40px;
	margin-bottom: 10px
}

@media screen and (max-width:767px) {
	.choose-layout h3 {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 35px
	}
}

.choose-layout__header {
	padding: 11px 0;
	box-shadow: 0 2px 2px 2px #edf5ff;
	position: fixed;
	top: 0;
	width: 100%;
	background-color: var(--color-white);
	z-index: 2
}

.choose-layout__header__wrapper {
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.choose-layout__header__wrapper,
.choose-layout__header__wrapper__user {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center
}

.choose-layout__header__wrapper__user {
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	width: calc(100% - 240px)
}

@media screen and (max-width:767px) {
	.choose-layout__header__wrapper__user {
		width: calc(100% - 110px)
	}
}

.choose-layout__header__wrapper__user img {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background-color: var(--color-light-gray);
	margin-right: 12px
}

.choose-layout__header__wrapper__user p {
	line-height: 1;
	font-size: 14px;
	color: var(--color-light-gray);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.choose-layout__header__wrapper__user p span {
	display: block;
	margin-top: 10px;
	font-size: 16px;
	font-weight: 700;
	color: var(--color-dark-gray);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.choose-layout__header__wrapper .button-primary {
	width: 210px;
	border-radius: 10px;
	font-size: 16px;
	line-height: 22px;
	color: var(--color-main);
	font-weight: 400
}

@media screen and (max-width:767px) {
	.choose-layout__header__wrapper .button-primary {
		width: 100px;
		padding: 9px 0
	}
}

.choose-layout__header__wrapper .button-primary:hover {
	font-size: 16px;
	line-height: 22px;
	color: var(--color-white);
	font-weight: 400
}

.choose-layout__menu {
	text-align: center;
	padding: 20px 0;
	border-radius: 10px;
	border: 1px solid #e9ebfa;
	box-shadow: 0 15px 35px 0 #e9ebfa;
	margin-bottom: 30px
}

.choose-layout__menu__wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative
}

.choose-layout__menu__wrapper:after {
	content: "";
	width: 1px;
	height: 245px;
	display: block;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #e9ebfa
}

@media screen and (max-width:767px) {
	.choose-layout__menu__wrapper:after {
		display: none
	}
}

.choose-layout__menu__wrapper__card {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.choose-layout__menu__wrapper__card img {
	margin-bottom: 20px
}

@media screen and (max-width:767px) {
	.choose-layout__menu__wrapper__card img {
		width: 120px
	}
}

.choose-layout__menu__wrapper__card:first-child {
	margin-right: 75px
}

@media screen and (max-width:767px) {
	.choose-layout__menu__wrapper__card:first-child {
		margin: 10px 20px
	}
}

.choose-layout__menu__wrapper__card:first-child .button-title {
	background-color: var(--color-side);
	border: 2px solid var(--color-side)
}

@media screen and (max-width:767px) {
	.choose-layout__menu__wrapper__card:first-child .button-title {
		width: 142px;
		padding: 8px 0;
		font-size: 18px
	}
}

@media (max-width:375px) {
	.choose-layout__menu__wrapper__card:first-child .button-title {
		width: 130px
	}
}

.choose-layout__menu__wrapper__card:first-child .button-title:hover {
	background-color: var(--color-white);
	font-size: 24px;
	line-height: 32px;
	color: var(--color-side);
	font-weight: 700
}

.choose-layout__menu__wrapper__card:last-child {
	margin-left: 75px
}

@media screen and (max-width:767px) {
	.choose-layout__menu__wrapper__card:last-child {
		margin: 10px 20px
	}
	.choose-layout__menu__wrapper__card:last-child .button-title {
		width: 142px;
		padding: 8px 0;
		font-size: 18px
	}
}

@media (max-width:375px) {
	.choose-layout__menu__wrapper__card:last-child .button-title {
		width: 130px
	}
}

.choose-layout__info {
	max-width: 920px;
	margin: 0 auto 30px
}

@media screen and (max-width:767px) {
	.choose-layout__info h3 {
		margin-bottom: 20px
	}
}

.choose-layout__info__wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%
}

@media screen and (max-width:767px) {
	.choose-layout__info__wrapper {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.choose-layout__info__wrapper__input {
	width: 50%
}

@media screen and (max-width:767px) {
	.choose-layout__info__wrapper__input {
		width: 100%;
		margin-bottom: 20px
	}
}

.choose-layout__info__wrapper__input p {
	margin-bottom: 8px
}

.choose-layout__info__wrapper__input input {
	width: 100%;
	border-radius: 28px;
	height: 60px;
	padding: 0 15px;
	font-weight: 700;
	background-color: var(--color-silver);
	color: var(--color-dark-gray)!important
}

.choose-layout__info__wrapper__input:first-child {
	padding-right: 15px
}

@media screen and (max-width:767px) {
	.choose-layout__info__wrapper__input:first-child {
		padding-right: 0
	}
}

.choose-layout__info__wrapper__input:last-child {
	padding-left: 15px
}

@media screen and (max-width:767px) {
	.choose-layout__info__wrapper__input:last-child {
		padding-left: 0
	}
}

.choose-layout__info__password {
	text-align: center;
	margin-top: 30px
}

@media screen and (max-width:767px) {
	.choose-layout__info__password {
		margin-top: 10px
	}
}

#country-selector.country-selector__container {
	background: #fff9b3;
	border-radius: 20px;
	box-shadow: 0 5px 20px 0 rgba(255, 115, 69, .2);
	position: absolute;
	right: 20px;
	top: 20px;
	color: #333;
	font-size: 14px;
	font-family: SVN-ProductSans;
	text-align: center;
	letter-spacing: 0;
	padding: 12px 18px;
	padding-left: 8px;
	cursor: pointer
}

#country-selector .country-selector__flag {
	border-radius: 50%;
	height: 24px;
	width: 24px;
	margin-right: 8px
}

#active-by-card-page {
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-active-page-pc.png);
	background-size: 100% 100%;
	min-height: 100vh;
	padding: 15px 35px;
	font-family: SVN-ProductSans, sans-serif
}

@media (max-width:991px) {
	#active-by-card-page {
		padding: 15px 0
	}
}

@media (max-width:767px) {
	#active-by-card-page {
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-active-page-mb.png)
	}
}

#active-by-card-page .screen-confirm-phone-number .confirm-phone-container .list-code li:last-child {
	border-radius: 10px;
	border: 1px solid #ddd;
	padding: 15px 20px
}

#active-by-card-page .screen-confirm-phone-number .confirm-phone-container .list-code .value {
	color: #333;
	font-weight: 700
}

#active-by-card-page .screen-confirm-otp-code .list-code {
	margin-bottom: 0
}

#active-by-card-page .screen-step-password-default h4 {
	font-weight: 700;
	color: #666
}

#active-by-card-page .screen-step-password-default input {
	width: 100%;
	text-align: center;
	margin: 10px 0 30px;
	background-color: #fff;
	font-weight: 700
}

#active-by-card-page .screen-step-password-default .change-password {
	text-align: center;
	font-weight: 700;
	margin-top: 20px;
	color: #ef2e82;
	cursor: pointer;
	display: inline-block
}

#active-by-card-page .screen-step-password-default .change-password img {
	width: 20px;
	margin-right: 10px
}

#active-by-card-page .screen-assign-order {
	padding-bottom: 10px!important
}

@media (max-width:767px) {
	#active-by-card-page .screen-assign-order {
		background-color: #fff!important;
		padding-top: 30px!important
	}
}

#active-by-card-page .screen-assign-order .title {
	margin-bottom: 10px
}

#active-by-card-page .screen-assign-order h5 {
	font-size: 20px
}

#active-by-card-page .screen-assign-order .wrapper-children h4 {
	color: #f6379b;
	font-size: 22px;
	font-weight: 700;
	margin: 20px 0;
	padding-top: 20px;
	border-top: 1px solid #ccc
}

#active-by-card-page .screen-assign-order .wrapper-children ul {
	width: calc(100% + 60px);
	margin-left: -30px;
	max-height: 210px;
	overflow: auto
}

@media (max-width:767px) {
	#active-by-card-page .screen-assign-order .wrapper-children ul {
		width: calc(100% + 40px);
		margin-left: -20px
	}
}

#active-by-card-page .screen-assign-order .wrapper-children ul li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 10px;
	padding: 10px 50px
}

#active-by-card-page .screen-assign-order .wrapper-children ul li.active {
	background-color: #ecfde4
}

@media (max-width:767px) {
	#active-by-card-page .screen-assign-order .wrapper-children ul li {
		padding: 10px 20px
	}
}

#active-by-card-page .screen-assign-order .wrapper-children ul li:last-child {
	margin-bottom: 0
}

#active-by-card-page .screen-assign-order .wrapper-children ul li .info img {
	margin-right: 10px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	object-fit: cover
}

#active-by-card-page .screen-assign-order .wrapper-children ul li .info span {
	font-weight: 600;
	font-size: 18px
}

@media (max-width:767px) {
	#active-by-card-page .screen-assign-order .wrapper-children ul li .info span {
		font-size: 16px
	}
}

@media (max-width:320px) {
	#active-by-card-page .screen-assign-order .wrapper-children ul li .info span {
		font-size: 14px
	}
}

#active-by-card-page .screen-assign-order .wrapper-children ul li label {
	margin-bottom: 0;
	display: -ms-flexbox;
	display: flex
}

#active-by-card-page .screen-assign-order .wrapper-children ul li label input {
	margin-right: 10px;
	border-color: #47c700
}

#active-by-card-page .screen-assign-order .wrapper-children ul li label span {
	color: #44be00;
	font-size: 18px;
	font-weight: 700
}

@media (max-width:767px) {
	#active-by-card-page .screen-assign-order .wrapper-children ul li label span {
		font-size: 16px
	}
}

#active-by-card-page .screen-assign-order .wrapper-children .btn-confirm {
	width: 430px;
	margin: 20px auto 0
}

@media (max-width:767px) {
	#active-by-card-page .screen-assign-order .wrapper-children .btn-confirm {
		width: 90%
	}
}

#active-by-card-page .screen-assign-order .wrapper-children .note {
	max-width: 430px;
	margin: 20px auto
}

#active-by-card-page .screen-assign-order .wrapper-children .note span {
	font-weight: 600;
	color: #fd5356
}

#active-by-card-page .screen-assign-order .wrapper-children .exit a {
	cursor: pointer;
	font-weight: 700;
	color: #ff4707;
	font-size: 18px
}

@media (max-width:767px) {
	#active-by-card-page .screen-step-enter-class {
		text-align: center;
		background-color: #fff!important
	}
}

#active-by-card-page .screen-step-enter-class .box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:767px) {
	#active-by-card-page .screen-step-enter-class .box {
		text-align: left;
		margin: auto
	}
}

#active-by-card-page .screen-step-enter-class .box .title {
	margin-bottom: 0
}

#active-by-card-page .screen-step-enter-class .box .img {
	display: inline-block;
	margin-right: 20px
}

#active-by-card-page .screen-step-enter-class .box .img img {
	width: 140px
}

#active-by-card-page .screen-step-enter-class .box p {
	margin: 10px 0 20px
}

#active-by-card-page .screen-step-enter-class .box p .email {
	color: #50a6f8
}

#active-by-card-page .screen-step-enter-class .box p .domain {
	font-weight: 700
}

#active-by-card-page .wrapper-top {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:991px) {
	#active-by-card-page .wrapper-top {
		padding: 0 35px
	}
}

@media (max-width:1199px) {
	#active-by-card-page .wrapper-top .logo {
		margin-bottom: 20px
	}
}

@media (max-width:767px) {
	#active-by-card-page .wrapper-top .logo {
		padding-left: 15px
	}
}

#active-by-card-page .wrapper-top .logo img {
	width: 160px
}

@media (max-width:767px) {
	#active-by-card-page .wrapper-top .logo img {
		width: 120px
	}
}

#active-by-card-page .wrapper-top .wrapper-languages {
	display: inline-block
}

#active-by-card-page .wrapper-top .wrapper-languages .dropdown {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50px;
	padding: 3px 10px 5px 5px;
	cursor: pointer;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-languages.png);
	background-size: 100% 100%
}

#active-by-card-page .wrapper-top .wrapper-languages img {
	width: 30px;
	margin-right: 5px
}

#active-by-card-page .wrapper-top .wrapper-languages .lang {
	display: inline-block;
	text-transform: uppercase;
	position: relative;
	top: 3px;
	font-size: 15px;
	color: #7e3f08
}

#active-by-card-page .wrapper-top .wrapper-languages .fa-chevron-down {
	position: relative;
	top: 3px;
	margin-left: 5px;
	color: #7e3f08
}

#active-by-card-page .wrapper-top .wrapper-languages .dropdown-menu {
	background: #723613;
	padding: 10px 20px;
	left: auto!important;
	right: 0;
	top: 40px!important;
	border-radius: 20px 0 20px 20px;
	transform: translateX(0)!important
}

#active-by-card-page .wrapper-top .wrapper-languages .dropdown-menu:after {
	display: none
}

#active-by-card-page .wrapper-top .wrapper-languages .dropdown-menu .dropdown-item {
	border-bottom: 1px solid #fffcc9;
	padding: 10px 0;
	cursor: pointer
}

#active-by-card-page .wrapper-top .wrapper-languages .dropdown-menu .dropdown-item:last-child {
	border-bottom: none
}

#active-by-card-page .wrapper-top .wrapper-languages .dropdown-menu .dropdown-item.show-check .fa-check {
	display: inline-block
}

#active-by-card-page .wrapper-top .wrapper-languages .dropdown-menu .dropdown-item span {
	font-size: 15px;
	color: #fffcc9
}

#active-by-card-page .wrapper-top .wrapper-languages .dropdown-menu .dropdown-item .fa-check {
	margin-left: 60px;
	color: #fffcc9;
	display: none
}

#active-by-card-page .title {
	font-weight: 700;
	text-align: center;
	font-size: 35px;
	margin-bottom: 30px;
	text-transform: capitalize
}

@media (max-width:991px) {
	#active-by-card-page .title {
		font-size: 30px;
		margin-bottom: 15px
	}
}

@media (max-width:320px) {
	#active-by-card-page .title {
		font-size: 25px
	}
}

#active-by-card-page .title-name {
	color: #666
}

@media (max-width:991px) {
	#active-by-card-page .title-name {
		text-align: left
	}
}

#active-by-card-page .label {
	color: #666
}

#active-by-card-page .re-typing {
	color: #3ac9ed;
	font-size: 18px;
	font-weight: 700;
	text-align: right;
	margin: 10px 0;
	cursor: pointer
}

#active-by-card-page .note {
	font-size: 16px;
	color: #666;
	margin-bottom: 20px;
	margin-top: 20px
}

#active-by-card-page .list-info {
	font-size: 18px
}

#active-by-card-page .list-info>li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 15px;
	text-align: left
}

@media (max-width:991px) {
	#active-by-card-page .list-info>li {
		font-size: 14px
	}
}

#active-by-card-page .list-info>li:last-child {
	margin-bottom: 0
}

#active-by-card-page .list-info>li.wrapper-list-courses {
	display: block
}

#active-by-card-page .list-info>li.wrapper-list-courses .title-list-courses {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #666
}

#active-by-card-page .list-info>li.wrapper-list-courses ul.list-courses {
	margin-top: 10px
}

#active-by-card-page .list-info>li.wrapper-list-courses ul.list-courses li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 10px
}

#active-by-card-page .list-info>li.wrapper-list-courses ul.list-courses li .course-name {
	font-weight: 700
}

#active-by-card-page .list-info>li.wrapper-list-courses ul.list-courses li .course-subscription {
	color: red;
	font-weight: 700
}

#active-by-card-page .list-info>li .value {
	text-align: right;
	font-weight: 700
}

#active-by-card-page .list-info>li .value .list-courses {
	max-height: 300px;
	overflow: auto;
	padding-right: 10px;
	margin-right: -10px
}

#active-by-card-page .list-info>li .value .list-courses li {
	margin-bottom: 15px
}

#active-by-card-page .list-info>li .value .list-courses li:last-child {
	margin-bottom: 0
}

#active-by-card-page .list-code {
	margin-bottom: 25px
}

#active-by-card-page .list-code li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 15px
}

#active-by-card-page .list-code li:last-child {
	margin-bottom: 0
}

#active-by-card-page .list-code li .value {
	color: #3aab4c
}

#active-by-card-page .wrapper {
	background-color: #fff;
	border-radius: 50px;
	display: -ms-flexbox;
	display: flex;
	padding: 40px 30px
}

@media (max-width:767px) {
	#active-by-card-page .wrapper {
		padding: 15px 20px 30px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		background-color: transparent
	}
}

@media (max-width:767px) {
	#active-by-card-page .wrapper.screen-step-three,
	#active-by-card-page .wrapper.screen-step-two {
		background-color: transparent;
		padding: 0 0 30px
	}
}

@media (max-width:767px) {
	#active-by-card-page .wrapper.screen-step-three .col-item,
	#active-by-card-page .wrapper.screen-step-two .col-item {
		background-color: #fff;
		padding: 30px 20px!important;
		border-radius: 30px
	}
}

@media (max-width:767px) {
	#active-by-card-page .wrapper.screen-step-three .col-item:first-child,
	#active-by-card-page .wrapper.screen-step-two .col-item:first-child {
		margin-bottom: 30px
	}
}

@media (max-width:767px) {
	#active-by-card-page .wrapper.screen-step-four {
		-ms-flex-pack: center;
		justify-content: center
	}
}

#active-by-card-page .wrapper .flex-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#active-by-card-page .wrapper .form__label {
	color: #666;
	margin-bottom: 5px
}

#active-by-card-page .wrapper .form__label .name {
	font-weight: 700;
	font-size: 18px
}

@media (max-width:767px) {
	#active-by-card-page .wrapper .form__label .name {
		font-size: 14px
	}
}

#active-by-card-page .wrapper .form__label .description {
	color: #666;
	font-style: italic
}

#active-by-card-page .wrapper .col-item {
	width: 50%
}

@media (max-width:767px) {
	#active-by-card-page .wrapper .col-item {
		width: 100%;
		background-color: #fff;
		border-radius: 30px;
		padding: 30px 20px!important
	}
}

#active-by-card-page .wrapper .col-item.left {
	border-right: 1px solid #d8d8d8;
	padding-right: 40px
}

@media (max-width:767px) {
	#active-by-card-page .wrapper .col-item.left {
		padding-right: 0;
		border-right: none;
		margin-bottom: 30px
	}
}

#active-by-card-page .wrapper .col-item.right {
	text-align: center;
	padding-left: 25px
}

#active-by-card-page .wrapper .col-item.right .rabbit {
	width: 140px
}

#select-country-modal {
	max-width: none;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	margin: 0;
	min-height: 100%
}

#select-country-modal .modal-content {
	background-color: transparent;
	border: transparent;
	margin: auto;
	width: unset
}

@media (max-width:425px) {
	#select-country-modal .modal-content {
		padding-top: 30px
	}
}

#select-country-modal .modal-content .select-country-modal__container {
	text-align: center
}

#select-country-modal .modal-content .select-country-modal__container .select-country-modal__title {
	color: #fff;
	font-size: 35px;
	font-family: SVN-ProductSans;
	font-weight: 700;
	white-space: nowrap
}

@media (max-width:768px) {
	#select-country-modal .modal-content .select-country-modal__container .select-country-modal__title {
		white-space: normal;
		font-size: 22px
	}
}

#select-country-modal .modal-content .select-country-modal__container .select-country-modal__item {
	display: inline-block;
	vertical-align: bottom;
	margin: 30px;
	position: relative;
	cursor: pointer
}

@media (max-width:768px) {
	#select-country-modal .modal-content .select-country-modal__container .select-country-modal__item {
		display: block;
		margin: 10px auto;
		width: -webkit-fit-content;
		width: fit-content
	}
	#select-country-modal .modal-content .select-country-modal__container .select-country-modal__item:last-child {
		margin-top: 30px
	}
}

@media (max-width:375px) {
	#select-country-modal .modal-content .select-country-modal__container .select-country-modal__item img {
		height: 105px
	}
	#select-country-modal .modal-content .select-country-modal__container .select-country-modal__item:last-child {
		margin-top: 22px
	}
	#select-country-modal .modal-content .select-country-modal__container .select-country-modal__item:last-child img {
		height: 88px
	}
}

#select-country-modal .modal-content .select-country-modal__container .select-country-modal__item .select-country-modal__name {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	font-size: 20px;
	font-family: SVN-ProductSans;
	font-weight: 700;
	letter-spacing: 0;
	left: 20px;
	white-space: nowrap;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

#select-country-modal .modal-content .select-country-modal__container .select-country-modal__header {
	position: relative
}

#select-country-modal .modal-content .select-country-modal__container .select-country-modal__header .close-button {
	width: 60px;
	height: 60px;
	object-fit: contain;
	cursor: pointer;
	transition: transform .3s;
	position: absolute;
	right: 0;
	top: -60px
}

#select-country-modal .modal-content .select-country-modal__container .select-country-modal__header .close-button:hover {
	transform: scale(1.1)
}

#select-country-modal .modal-content .select-country-modal__container .select-country-modal__header .close-button:active {
	transform: scale(.9)
}

@media (max-width:991px) {
	#select-country-modal .modal-content .select-country-modal__container .select-country-modal__header .close-button {
		width: 40px;
		height: 40px;
		top: -40px
	}
}

@media (max-width:991px) and (max-height:678px) {
	#select-country-modal .modal-content .select-country-modal__container .select-country-modal__header .close-button {
		top: 0;
		right: -45px
	}
}

@media (max-width:375px) {
	#select-country-modal .modal-content .select-country-modal__container .select-country-modal__header .close-button {
		width: 30px;
		height: 30px;
		top: -24px;
		right: 8px
	}
}

@media (max-width:991px) {
	#payment-one-by-one {
		padding: 0
	}
}

#payment-one-by-one .payment-row {
	display: block
}

#payment-one-by-one .payment-row .col-left,
#payment-one-by-one .payment-row .col-right {
	width: 100%
}

#payment-one-by-one .payment-row .col-left .summary-payment .name-course {
	font-size: 35px
}

@media (max-width:991px) {
	#payment-one-by-one .payment-row .col-left .summary-payment .name-course {
		font-size: 20px;
		margin-top: 0;
		padding-top: 20px;
		padding-left: 15px
	}
}

#payment-one-by-one .payment-row .col-left .summary-payment .note-box {
	padding: 24px 36px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:991px) {
	#payment-one-by-one .payment-row .col-left .summary-payment .note-box {
		padding: 16px;
		border-radius: 0
	}
}

#payment-one-by-one .payment-row .col-left .summary-payment .note-box .note-box-col {
	font-size: 16px;
	width: calc((100% - 10px) / 2)
}

@media (max-width:991px) {
	#payment-one-by-one .payment-row .col-left .summary-payment .note-box .note-box-col {
		font-size: 14px
	}
}

#payment-one-by-one .payment-row .col-left .summary-payment .note-box .note-box-col .payment-detail-image {
	display: inline-block;
	vertical-align: top;
	height: 64px;
	width: 64px;
	object-fit: contain
}

@media (max-width:991px) {
	#payment-one-by-one .payment-row .col-left .summary-payment .note-box .note-box-col .payment-detail-image {
		height: 28px;
		width: 28px
	}
}

#payment-one-by-one .payment-row .col-left .summary-payment .note-box .note-box-col .payment-detail-content {
	display: inline-block;
	margin-left: 20px;
	vertical-align: top;
	width: calc(100% - 64px - 20px)
}

@media (max-width:991px) {
	#payment-one-by-one .payment-row .col-left .summary-payment .note-box .note-box-col .payment-detail-content {
		margin-left: 12px;
		width: calc(100% - 12px - 28px)
	}
}

#payment-one-by-one .payment-row .col-left .summary-payment .note-box .note-box-col .payment-detail-content .payment-detail-note {
	white-space: normal;
	word-wrap: break-word
}

#payment-one-by-one .payment-row .col-left .summary-payment .note-box .note-box-col .payment-detail-title {
	font-weight: 700
}

#payment-one-by-one .payment-row .col-right .payment-choose {
	font-size: 35px
}

@media (max-width:991px) {
	#payment-one-by-one .payment-row .col-right .payment-choose {
		font-size: 20px;
		padding-left: 15px
	}
}

#payment-one-by-one .payment-row .col-right .list-patment-methods {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	padding-bottom: 20px;
	margin-top: 20px
}

@media (max-width:991px) {
	#payment-one-by-one .payment-row .col-right .list-patment-methods {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}

#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment-description {
	width: calc((100% - 30px) / 2)
}

@media (max-width:991px) {
	#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment-description {
		width: 100%
	}
}

#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment {
	max-width: unset;
	width: calc((100% - 30px) / 2);
	margin-top: 0;
	margin-bottom: 20px;
	background-color: #fff;
	border-radius: 15px;
	padding: 30px
}

@media (max-width:991px) {
	#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment {
		width: 100%;
		margin-left: 0;
		background-color: transparent;
		border: none;
		padding: 0;
		margin-right: 0
	}
}

#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment .type-payment-method-group .type-payment-group-name {
	color: #999;
	font-size: 16px;
	font-family: SVN-ProductSans;
	letter-spacing: 0;
	margin-bottom: 8px
}

@media (max-width:991px) {
	#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment .type-payment-method-group .type-payment-group-name {
		font-size: 15px;
		font-weight: 700;
		color: #000
	}
	#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment .type-payment-method-group .type-payment-group-name .type-payment-group-checkbox {
		background-image: url(https://cdn2.kynaforkids.vn/assets/images/icon-dropdown.png);
		background-size: contain;
		height: 25px;
		width: 25px;
		border-radius: 50%;
		display: inline-block;
		vertical-align: middle;
		margin-right: 8px
	}
}

#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment .type-payment-method-group:nth-child(n+2) .type-payment-group-name {
	margin-top: 32px
}

@media (max-width:991px) {
	#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment .type-payment-method-group:nth-child(n+2) .type-payment-group-name {
		margin-top: 0
	}
}

@media (max-width:991px) {
	#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment .type-payment-method-group {
		background: #fff;
		padding: 12px;
		border-radius: 0;
		margin-bottom: 12px
	}
	#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment .type-payment-method-group .type-payment__item {
		display: none
	}
	#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment .type-payment-method-group .type-payment-group-name {
		margin-bottom: 0
	}
}

@media (max-width:991px) {
	#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment .type-payment-method-group.selected-group .type-payment__item {
		display: inline-block
	}
	#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment .type-payment-method-group.selected-group .type-payment-group-name {
		margin-bottom: 16px;
		color: #50ad4e
	}
	#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment .type-payment-method-group.selected-group .type-payment-group-checkbox {
		transform: rotate(90deg)
	}
}

#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment .type-payment__item {
	display: inline-block;
	width: calc(50% - 10px);
	height: 90px;
	vertical-align: top;
	margin-bottom: 0
}

@media (max-width:991px) {
	#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment .type-payment__item {
		width: calc(50% - 6px)
	}
}

#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment .type-payment__item:nth-child(n+4) {
	margin-top: 20px
}

@media (max-width:991px) {
	#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment .type-payment__item:nth-child(n+4) {
		margin-top: 12px
	}
}

#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment .type-payment__item:nth-child(2n) {
	margin-right: 20px
}

@media (max-width:991px) {
	#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment .type-payment__item:nth-child(2n) {
		margin-right: 12px
	}
}

#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment .type-payment__item .type-payment__item__control {
	height: 100%;
	width: 100%;
	padding: 20px 15px;
	border-radius: 8px;
	border: 1px solid #ddd;
	cursor: pointer
}

@media (max-width:991px) {
	#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment .type-payment__item .type-payment__item__control {
		padding: 12px;
		border-radius: 8px
	}
}

#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment .type-payment__item .type-payment__item__control .type-payment__item__control__radio-btn {
	display: none
}

#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment .type-payment__item .type-payment__item__control .type-payment__item__control__label {
	margin: 0;
	top: unset;
	pointer-events: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: 400;
	font-size: 16px
}

#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment .type-payment__item .type-payment__item__control .type-payment__item__control__label img {
	object-fit: contain;
	width: auto;
	max-width: 70px;
	max-height: 20px
}

#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment .type-payment__item.active .type-payment__item__control {
	background: rgba(80, 173, 78, .15);
	border: 1px solid #50ad4e
}

@media (max-width:991px) {
	#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment__item__content {
		border-radius: 0;
		border: none
	}
}

#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment__item__content.paypal-method .detail-method {
	color: #999;
	font-family: SVN-ProductSans;
	font-size: 16px
}

#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment__item__content.paypal-method .description {
	color: #ff7345;
	font-family: SVN-ProductSans;
	font-size: 16px;
	margin-top: 14px
}

#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment__item__content.paypal-method .type {
	color: #3bbdf9;
	font-family: SVN-ProductSans;
	font-size: 16px;
	font-weight: 600;
	margin-top: 18px
}

#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment__item__content.paypal-method .type-title {
	color: #333;
	font-family: SVN-ProductSans;
	font-size: 16px;
	margin-top: 10px;
	font-weight: 600
}

#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment__item__content.paypal-method .type-desc {
	color: #333;
	font-family: SVN-ProductSans;
	font-size: 16px;
	position: relative;
	padding-left: 30px;
	line-height: 30px
}

#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment__item__content.paypal-method .type-desc:before {
	content: " ";
	position: absolute;
	border-radius: 50%;
	width: 4px;
	height: 4px;
	background-color: #333;
	top: 50%;
	left: 20px;
	transform: translateY(-50%)
}

#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment__item__content.paypal-method ul {
	margin-top: 8px
}

@media (max-width:991px) {
	#payment-one-by-one .payment-row .col-right .list-patment-methods .type-payment__item__content__description {
		font-size: 13px
	}
}

#payment-one-by-one .bottom-payment .row {
	padding: 0 30px
}

#payment-one-by-one .bottom-payment .row .title {
	color: #666;
	font-size: 12px;
	font-family: SVN-ProductSans
}

#payment-one-by-one .bottom-payment .form__btn {
	border-radius: 0
}

#payment-one-by-one .payment-footer-desktop {
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1)
}

#payment-one-by-one .payment-footer-desktop .footer-left {
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 10px 15px
}

#payment-one-by-one .payment-footer-desktop .footer-left>div:last-child {
	margin-right: 16px
}

#payment-one-by-one .payment-footer-desktop .footer-right button {
	width: 100%
}

.languages-container {
	position: absolute;
	display: -ms-flexbox;
	display: flex;
	top: 20px;
	right: 20px;
	z-index: 101
}

.languages-container .wrapper-languages-vistor {
	display: inline-block
}

.languages-container .wrapper-languages-vistor .dropdown {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50px;
	padding: 3px 10px 5px 5px;
	cursor: pointer;
	background-image: url(https://cdn2.kynaforkids.vn/assets/images/bg-languages.png);
	background-size: 100% 100%
}

.languages-container .wrapper-languages-vistor img {
	width: 30px;
	margin-right: 5px
}

.languages-container .wrapper-languages-vistor .lang {
	display: inline-block;
	text-transform: uppercase;
	position: relative;
	top: 3px;
	font-size: 15px;
	color: #7e3f08;
	vertical-align: middle;
	font-family: SVN-ProductSans
}

.languages-container .wrapper-languages-vistor .fa-chevron-down {
	position: relative;
	top: 3px;
	margin-left: 5px;
	color: #7e3f08;
	vertical-align: middle
}

.languages-container .wrapper-languages-vistor .dropdown-menu {
	background: #723613;
	padding: 10px 20px;
	left: auto!important;
	right: 0;
	top: 40px!important;
	border-radius: 20px 0 20px 20px;
	transform: translateX(0)!important
}

.languages-container .wrapper-languages-vistor .dropdown-menu:after {
	display: none
}

.languages-container .wrapper-languages-vistor .dropdown-menu .dropdown-item {
	border-bottom: 1px solid #fffcc9;
	padding: 10px 0;
	cursor: pointer
}

.languages-container .wrapper-languages-vistor .dropdown-menu .dropdown-item:last-child {
	border-bottom: none
}

.languages-container .wrapper-languages-vistor .dropdown-menu .dropdown-item.show-check .fa-check {
	display: inline-block
}

.languages-container .wrapper-languages-vistor .dropdown-menu .dropdown-item span {
	font-size: 15px;
	color: #fffcc9
}

.languages-container .wrapper-languages-vistor .dropdown-menu .dropdown-item .fa-check {
	margin-left: 60px;
	color: #fffcc9;
	display: none
}

#single-page #quiz-form-adult .main-quiz.adult-quiz {
	overflow: auto
}

#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content {
	height: auto
}

#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 30px 0;
	overflow: auto
}

#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content:after,
#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content:before {
	display: none
}

#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content .content {
	float: unset;
	width: auto;
	height: auto
}

#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content .content:after {
	display: none
}

#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content .content h2 {
	font-size: 24px;
	color: var(--color-dark-gray);
	font-weight: 700;
	text-align: center
}

#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content .content form {
	margin-top: 20px
}

#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content .content form .form-checkbox,
#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content .content form .input-container {
	max-width: 500px;
	margin: 0 auto
}

#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content .content form .input-container {
	margin-top: 30px
}

#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content .content form .input-container:first-child {
	margin-top: 0
}

#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content .content form .input-container .input-label {
	font-size: 16px;
	color: var(--color-dark-gray);
	font-weight: 600
}

#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content .content form .input-container input {
	border-radius: 28px;
	border-color: #cde4ff;
	font-size: 16px;
	font-weight: 700
}

#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content .content form .input-container .phonenumber-input--flag__wrapper p {
	font-size: 16px;
	font-weight: 700
}

#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content .content form .form-checkbox {
	margin-top: 10px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 12px
}

#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content .content form .form-checkbox .checkbox-label {
	margin-left: 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 500;
	color: var(--color-gray)!important;
	text-shadow: none
}

#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content .content form .form-checkbox input {
	background-color: var(--color-transparent);
	border-radius: 0;
	border: 1px solid #979797;
	width: 20px;
	height: 20px
}

#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content .content form .form-checkbox input:after {
	border-bottom: 3px solid var(--color-main);
	border-right: 3px solid var(--color-main)
}

#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content .content form .btn-quiz-start {
	margin-top: 30px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content .content form .btn-quiz-start button {
	background-image: none;
	background-color: var(--color-main);
	border: 2px solid var(--color-main);
	transition: all .3s;
	border-radius: 30px;
	height: 60px;
	width: 280px
}

@media (max-width:1024px) {
	#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content .content form .btn-quiz-start button {
		height: 45px
	}
}

#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content .content form .btn-quiz-start button span {
	color: var(--color-white);
	font-size: 24px
}

@media (max-width:1024px) {
	#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content .content form .btn-quiz-start button span {
		font-size: 14px
	}
}

#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content .content form .btn-quiz-start button:hover {
	background-color: var(--color-white)
}

#single-page #quiz-form-adult .main-quiz.adult-quiz .border-content .bg-content .content form .btn-quiz-start button:hover span {
	color: var(--color-main)
}

#single-page #quiz-end-adult .main-quiz.adult-quiz .content {
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

#single-page #quiz-end-adult .main-quiz.adult-quiz .content .left-content,
#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content {
	width: 50%;
	padding: 30px;
	overflow: auto
}

#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content p {
	font-size: 20px
}

#single-page #quiz-end-adult .main-quiz.adult-quiz .content .left-content .row,
#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#single-page #quiz-end-adult .main-quiz.adult-quiz .content .left-content .row p,
#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .row p {
	color: var(--color-gray);
	font-size: 16px;
	font-weight: 400
}

#single-page #quiz-end-adult .main-quiz.adult-quiz .content .left-content .row p.advice-for-kid,
#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .row p.advice-for-kid {
	color: var(--color-dark-gray)
}

#single-page #quiz-end-adult .main-quiz.adult-quiz .content .left-content .row p.bold,
#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .row p.bold {
	font-weight: 700
}

#single-page #quiz-end-adult .main-quiz.adult-quiz .content .left-content .line,
#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .line {
	border-bottom: 1px solid #dadceb;
	margin: 25px 0
}

#single-page #quiz-end-adult .main-quiz.adult-quiz .content .left-content .btn-quiz-start,
#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .btn-quiz-start {
	margin-top: 30px;
	margin-bottom: 30px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media (max-width:991px) {
	#single-page #quiz-end-adult .main-quiz.adult-quiz .content .left-content .btn-quiz-start,
	#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .btn-quiz-start {
		margin-top: 20px;
		margin-bottom: 20px
	}
}

#single-page #quiz-end-adult .main-quiz.adult-quiz .content .left-content .btn-quiz-start button,
#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .btn-quiz-start button {
	background-image: none;
	background-color: var(--color-main);
	border: 2px solid var(--color-main);
	transition: all .3s;
	border-radius: 30px;
	height: 60px;
	width: 280px
}

@media (max-width:1024px) {
	#single-page #quiz-end-adult .main-quiz.adult-quiz .content .left-content .btn-quiz-start button,
	#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .btn-quiz-start button {
		height: 45px
	}
}

#single-page #quiz-end-adult .main-quiz.adult-quiz .content .left-content .btn-quiz-start button span,
#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .btn-quiz-start button span {
	color: var(--color-white);
	font-size: 24px
}

@media (max-width:1024px) {
	#single-page #quiz-end-adult .main-quiz.adult-quiz .content .left-content .btn-quiz-start button span,
	#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .btn-quiz-start button span {
		font-size: 14px
	}
}

#single-page #quiz-end-adult .main-quiz.adult-quiz .content .left-content .btn-quiz-start button:hover,
#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .btn-quiz-start button:hover {
	background-color: var(--color-white)
}

#single-page #quiz-end-adult .main-quiz.adult-quiz .content .left-content .btn-quiz-start button:hover span,
#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .btn-quiz-start button:hover span {
	color: var(--color-main)
}

#single-page #quiz-end-adult .main-quiz.adult-quiz .content .left-content .btn-quiz-start.btn-view-detail,
#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .btn-quiz-start.btn-view-detail {
	margin-bottom: 0
}

@media (max-width:991px) {
	#single-page #quiz-end-adult .main-quiz.adult-quiz .content .left-content .btn-quiz-start.btn-view-detail,
	#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .btn-quiz-start.btn-view-detail {
		margin-top: 20px
	}
}

#single-page #quiz-end-adult .main-quiz.adult-quiz .content .left-content .btn-quiz-start.btn-view-detail button,
#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .btn-quiz-start.btn-view-detail button {
	height: 40px;
	width: auto;
	padding: 0 15px
}

#single-page #quiz-end-adult .main-quiz.adult-quiz .content .left-content .btn-quiz-start.btn-view-detail button span,
#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .btn-quiz-start.btn-view-detail button span {
	font-size: 16px
}

#single-page #quiz-end-adult .main-quiz.adult-quiz .content .left-content .advice-row,
#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .advice-row {
	text-align: start;
	margin-top: 30px
}

#single-page #quiz-end-adult .main-quiz.adult-quiz .content .left-content .advice-row .advice-title,
#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .advice-row .advice-title {
	color: var(--color-gray);
	font-size: 16px;
	font-weight: 400
}

#single-page #quiz-end-adult .main-quiz.adult-quiz .content .left-content .advice-row .advice-for-kid,
#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .advice-row .advice-for-kid {
	margin-top: 8px;
	color: var(--color-dark-gray);
	font-size: 16px;
	font-weight: 400
}

#single-page #quiz-end-adult .main-quiz.adult-quiz .content .left-content .show-detail,
#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .show-detail {
	cursor: pointer;
	color: var(--color-gray);
	font-size: 14px;
	font-weight: 400
}

#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .row p {
	font-size: 20px;
	color: var(--color-dark-gray)
}

#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .row .points-achieved {
	color: var(--color-complete)
}

#single-page #quiz-end-adult .main-quiz.adult-quiz .content .right-content .txt-description {
	margin-top: 8px
}

.modal-quiz-adult {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: flex!important
}

.modal-quiz-adult,
.modal-quiz-adult .close-button {
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.modal-quiz-adult .close-button {
	position: absolute;
	top: -70px;
	right: -60px;
	background-image: none;
	color: var(--color-white);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	cursor: pointer
}

@media screen and (max-width:991px) {
	.modal-quiz-adult .close-button {
		top: -50px;
		right: -52px
	}
}

.modal-quiz-adult .close-button i {
	margin-left: 5px;
	font-size: 18px
}

.modal-quiz-adult .modal-dialog {
	position: relative;
	top: auto;
	right: auto;
	margin: auto;
	width: 720px;
	height: auto
}

@media screen and (max-width:991px) {
	.modal-quiz-adult .modal-dialog {
		width: 500px;
		height: auto
	}
}

.modal-quiz-adult .modal-dialog .modal-content {
	min-height: 405px;
	padding: 30px 60px;
	border-radius: 10px
}

@media screen and (max-width:991px) {
	.modal-quiz-adult .modal-dialog .modal-content {
		min-height: 220px;
		padding: 20px 50px
	}
}

.modal-quiz-adult .modal-dialog .modal-content .modal-body {
	padding: 0;
	margin: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: visible
}

.modal-quiz-adult .modal-dialog .modal-content .modal-body h3 {
	color: var(--color-dark-gray);
	font-size: 30px
}

@media screen and (max-width:991px) {
	.modal-quiz-adult .modal-dialog .modal-content .modal-body h3 {
		font-size: 16px
	}
}

.modal-quiz-adult .modal-dialog .modal-content .modal-body .form button {
	background-image: none;
	background-color: var(--color-main);
	border: 2px solid var(--color-main);
	transition: all .3s;
	border-radius: 30px;
	height: 60px;
	padding: 10px 40px!important;
	width: auto;
	color: var(--color-white);
	font-size: 24px;
	font-family: NunitoSans, sans-serif!important
}

.modal-quiz-adult .modal-dialog .modal-content .modal-body .form button .tag-text {
	font-size: 24px
}

@media (max-width:1024px) {
	.modal-quiz-adult .modal-dialog .modal-content .modal-body .form button {
		height: 45px;
		font-size: 14px
	}
	.modal-quiz-adult .modal-dialog .modal-content .modal-body .form button .tag-text {
		font-size: 14px
	}
}

.modal-quiz-adult .modal-dialog .modal-content .modal-body .form button:hover {
	background-color: var(--color-white);
	color: var(--color-main)!important;
	opacity: 1!important
}

.modal-quiz-adult .modal-dialog .modal-content .modal-body .form button:active {
	background-image: none!important
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .title {
	color: var(--color-dark-gray);
	font-size: 30px;
	margin-bottom: 10px
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .title {
		font-size: 16px
	}
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .sub-title {
	color: var(--color-dark-gray);
	font-size: 24px
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .sub-title {
		font-size: 14px
	}
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score {
	max-width: none;
	width: 100%
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score {
		width: 330px
	}
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score h3 {
	background-image: none;
	color: var(--color-main);
	padding: 0;
	font-size: 24px
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score h3 {
		font-size: 16px
	}
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row {
	background-color: #c6e0ff;
	margin-top: 20px
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row .line {
	width: 1px;
	height: 120px;
	border: none;
	background-color: var(--color-white);
	top: 72px
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row .line {
		height: 60px;
		top: 35px
	}
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 {
		padding: 10px 0
	}
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p {
	font-size: 16px
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p {
		font-size: 14px
	}
}

.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p span {
	font-size: 24px;
	color: var(--color-dark-gray)
}

@media screen and (max-width:991px) {
	.modal-finish-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p span {
		font-size: 18px
	}
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .title {
	color: var(--color-dark-gray);
	font-size: 30px;
	margin-bottom: 10px
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .title {
		font-size: 16px
	}
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .sub-title {
	color: var(--color-dark-gray);
	font-size: 24px
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .sub-title {
		font-size: 14px
	}
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score {
	max-width: none;
	width: 100%
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score {
		width: 330px
	}
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score h3 {
	background-image: none;
	color: var(--color-main);
	padding: 0;
	font-size: 24px
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score h3 {
		font-size: 14px
	}
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row {
	background-color: #c6e0ff;
	margin-top: 20px
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row .line {
	width: 1px;
	height: 120px;
	border: none;
	background-color: var(--color-white);
	top: 72px
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row .line {
		height: 60px;
		top: 35px
	}
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 {
		padding: 10px 0
	}
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p {
	font-size: 16px
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p {
		font-size: 14px
	}
}

.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p span {
	font-size: 24px;
	color: var(--color-dark-gray)
}

@media screen and (max-width:991px) {
	.modal-timeout-adult .modal-dialog .modal-content .modal-body .time-score .row .col-6 p span {
		font-size: 18px
	}
}