@media screen and (max-width: 991px)
{
	.main-content
	{
		margin-top:80px;
	}
}
.text-bold
{
	font-weight:bold;
	font-size: 18px;
}
.loading
{
	height:100px;
	margin-top:50px;
	text-align:center;
	color:#F36F24;
}
.none-data
{
	min-height:60px;
	margin-top:50px;
	color:#D3D3D3;
}
/*--------------------start body--------------------*/
.body .intro
{
	background-color:#F7F5F4;
	width:100%;
	float:left;
	padding:50px 0 20px 0;
}
.body .intro .title
{
	text-align:center;
	font-weight:900;
	letter-spacing:2px;
	font-size:38px;
}
.body .intro .sub-intro
{
	width:33.33%;
	text-align:center;
	float:left;
	padding: 8px 0 15px 8px;
}
.body .intro .sub-intro .sub-title
{
	margin:15px 0 10px 0;
	font-size:16px;
	font-weight:900;
}
.body .intro .sub-intro .sub-text
{
	font-size:13px;
}
@media screen and (max-width: 640px)
{
	.body .intro .sub-intro
	{
		width:100%;
		padding:25px 0 15px 0;
	}
}
/*--------------------end body--------------------*/
/*--------------------start category and item--------------------*/
.body .review
{
	background-color:#F7F5F4;
	padding:5px 15px;
}
.body .title
{
	font-size:20px;
	font-weight:700;
	margin:35px 0 25px 10px;
}
.body .title-page
{
	font-size:24px;
	font-weight:700;
	margin:15px 0 0 0;
}
.body .review .title
{
	margin:35px 0 35px 0;
}
.body .item-div
{
	margin:40px 0 0 0;
}
.body .item-div p
{
	margin:35px 0 35px 15px;
	font-size:15px;
}
.body .category
{
	overflow: auto;
	white-space: nowrap;
	font-size:17px;
	border-bottom:2px solid #E4E4E4;
}
.body .category li,a
{
	display: inline-block;
	margin:0 0 0 5px;
	text-decoration: none;
	color:#707070;
}
.body .category a:hover
{
	color:#F36F24;
	text-decoration:none;
}
.body .category a:active
{
	color:#F36F24;
	text-decoration:none;
}
.body .category a:focus
{
	color:#F36F24;
	text-decoration:none;
}
.body .category a.active
{
	color:#F36F24;
	font-weight:bold;
	border-bottom:3px solid #F36F24;
}
/*-----------------------------สำหรับ item ธรรมดา-----------------------------------*/
.body .item-row
{
	align-items: stretch;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	margin:35px 0 0 0;
	position: relative;
}
.body .item-row::-webkit-scrollbar
{
	width: 10px;
	height:8px;
}
.body .item-row::-webkit-scrollbar-thumb
{
	background: #CCC;
	border-radius: 25px;
}
.body .item-row .item
{
	max-width:250px;
	padding: .75rem;
	margin: 5px;
	margin-bottom: 10px;
	border: 0;
	flex-basis: 90%;
	flex-grow: 0;
	flex-shrink: 0;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.16);
	border-radius: 5px;
}
.body .item-row .item a
{
	margin:0;
}
.body .item .row
{
	margin-right: -23px;
    margin-left: -23px;
}
.body .item .row img,.body .item .row svg
{
	border-radius: 5px;
}
.body .item a
{
	text-decoration-line:none;
	
}
.body .item a:hover
{
	
}
.body .item .topic
{
	overflow: hidden;
	display: -webkit-box;
	height: 40px;
	line-height: 22px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 0;
	font-size:15px;
	font-weight:bold;
	margin:15px 0 15px;
}
.body .item .author
{
	font-size:14px;
	color:#070707;
	margin:0 0 5px;
}
.body .item .rate
{
	width:50%;
	float:left;
	line-height:20px;
	color:#707070;
}
.body .item .favorite
{
	font-size:13px;
}
.body .item .favorite i.checked
{
	color:#F1BD3E;
}
.body .item .vote
{
	font-size:13px;
}
.body .item .price
{
	width:50%;
	float:left;
	font-size:15px;
	font-weight:bold;
	text-align:right;
	color:#191919;
	line-height:35px;
}
.body .item .view
{
	width:50%;
	float:left;
	text-align:right;
	line-height:20px;
}
/*-----------------------------สำหรับ item ธรรมดา-----------------------------------*/
.btn-header
{
	color:white;
	font-size:13px;
	width:120px;
	position:absolute;
	top:5px;
	left:20px;
}
.btn-header:hover,.btn-header:focus
{
	color:white;
}
.btn-favorite
{
	background:white;
	color:#E7215C;
	width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 14px;
    line-height: 1.42857;
	position:absolute;
	top:5px;
	right:20px;
}
.btn-favorite:hover,.btn-favorite:focus
{
	background:#E7215C;
	color:white;
}
.btn-favorite.active
{
	background:#E7215C;
	color:white;
}
.btn-favorite.active:hover,.btn-favorite.active:focus
{
	background:white;
	color:#E7215C;
}
.body .view-all
{
	margin-top:35px;
	text-align:center;
}
.body .view-all a
{
	background:#F36F24;
	color:white;
	border-radius:15px;
	width:30%;
}
.body .view-all a:hover,.body .view-all a:focus
{
	background:white;
	color:#F36F24;
	border-color:#F36F24;
}
@media screen and (max-width: 640px)
{
	.body .view-all
	{
		margin-bottom:35px;
	}
	.body .view-all a
	{
		width:80%;
	}
}
/*--------------------end category and item--------------------*/
/*--------------------start svg--------------------*/
.flag-svg
{
	font-size:18px;
	color:white;
	font-weight:700;
	position:absolute;
	top:45px;
	right:25px;
}
.topic-svg
{
	font-size:16px;
	color:white;
	font-weight:700;
	position:absolute;
	top:70px;
	right:25px;
}
.author-svg
{
	font-size:16px;
	color:white;
	font-weight:700;
	position:absolute;
	top:95px;
	right:25px;
}
.btn-subj-01
{
	background:#b97cb3;
	color:white;
}
.btn-subj-01:hover,.btn-subj-01:focus
{
	background:white;
	color:#b97cb3;
	border-color:#b97cb3;
}
.btn-subj-02
{
	background:#569fd1;
	color:white;
}
.btn-subj-02:hover,.btn-subj-02:focus
{
	background:white;
	color:#569fd1;
	border-color:#569fd1;
}
.btn-subj-03
{
	background:#00a99d;
	color:white;
}
.btn-subj-03:hover,.btn-subj-03:focus
{
	background:white;
	color:#00a99d;
	border-color:#00a99d;
}
.btn-subj-04
{
	background:#34ad72;
	color:white;
}
.btn-subj-04:hover,.btn-subj-04:focus
{
	background:white;
	color:#34ad72;
	border-color:#34ad72;
}
.btn-subj-05
{
	background:#8cbf44;
	color:white;
}
.btn-subj-05:hover,.btn-subj-05:focus
{
	background:white;
	color:#8cbf44;
	border-color:#8cbf44;
}
.btn-subj-06
{
	background:#f8af3c;
	color:white;
}
.btn-subj-06:hover,.btn-subj-06:focus
{
	background:white;
	color:#f8af3c;
	border-color:#f8af3c;
}
.btn-subj-07
{
	background:#c0282e;
	color:white;
}
.btn-subj-07:hover,.btn-subj-07:focus
{
	background:white;
	color:#c0282e;
	border-color:#c0282e;
}
.btn-subj-18
{
	background:#222C5A;
	color:white;
}
.btn-subj-18:hover,.btn-subj-018:focus
{
	background:white;
	color:#222C5A;
	border-color:#222C5A;
}
/*--------------------end svg--------------------*/
/*--------------------start content--------------------*/
.content .cnt-view
{
	font-size:12px;
	color:#707070;
	padding:0;
}
.content .content-author
{
	font-size:12px;
	padding:0;
	overflow: hidden;
	display: -webkit-box;
	height: 20px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
/*--------------------end content--------------------*/
/*--------------------start imp item--------------------*/
.imp-row .item a
{
	margin:0;
}
.imp-row .item
{
	float:left;
	padding: .75rem;
	margin: 15px;
	margin-bottom:0;
	border: 0;
	flex-basis: 90%;
	flex-grow: 0;
	flex-shrink: 0;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.16);
	border-radius: 5px;
	position: relative;
}
@media screen and (max-width: 991px)
{
	.imp-row
	{
		align-items: stretch;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.imp-row::-webkit-scrollbar
	{
		width: 10px;
		height:8px;
	}
	.imp-row::-webkit-scrollbar-thumb
	{
		background: #CCC;
		border-radius: 25px;
	}
	.imp-row .item
	{
		max-width:250px;
		margin: 5px;
	}
}
/*--------------------end imp item--------------------*/
.card
{
	padding: .75rem;
	padding-top:0;
	margin: 2.5px;
	margin-bottom: 10px;
	border: 0;
	flex-basis: 90%;
	flex-grow: 0;
	flex-shrink: 0;
	box-shadow: 1px 3px 3px 1px rgba(0,0,0,0.16);
	border-radius: 5px;
	position: relative;
}
.messageBody
{
	text-align:center;
	font-size:18px;
	padding:5px 0 5px 0;
}
.body .review .item
{
	background:white;
}
.body .review .item .comment
{
	overflow: hidden;
	display: -webkit-box;
	height: 65px;
	line-height: 22px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin: 0;
	font-size:14px;
	margin:15px 0 35px;
}
.body .review .item .member-rate
{
	width:70%;
	float:left;
	font-size:13px;
}
.body .review .item .member-rate .member
{
	overflow: hidden;
	display: -webkit-box;
	height: 20px;
	line-height: 22px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin: 0;
}
.body .review .item .member-rate .course
{
	overflow: hidden;
	display: -webkit-box;
	height: 20px;
	line-height: 22px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin: 0;
}
.body .review .item .member-img
{
	width:30%;
	float:left;
}
.body .review .item .rate-comment
{
	font-size:13px;
	margin-top:10px;
}
.image-cropper
{
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
	margin: 0 auto;
	z-index:0;
}
.member-pic
{
	display: inline;
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index:-1;
}
.body .review .row
{
	margin-top:-30px;
}
.body .content-border
{
	width:100%;
	float:left;
	height:2px;
	background:#E4E4E4;
	margin-top:40px;
}
/*--------------------start section--------------------*/
.section-container
{
	margin:25px 0;
}
.image-hover
{
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-size:13px;
	font-weight:700;
}
figure
{
	height: auto;
	position: relative;
	display: block;
	cursor: pointer;
	overflow: hidden;
	text-align:center;
}
figure:hover figcaption ,figure:active figcaption
{
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	opacity: 1;
	bottom: 0;
}
figcaption
{
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.5);
	color: #fff;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-o-transition: all .1s ease;
	-ms-transition: all .1s ease;
	transition: all .1s ease;
	-webkit-transition-delay: .1s;
	-moz-transition-delay: .1s;
	-o-transition-delay: .1s;
	-ms-transition-delay: .1s;
	transition-delay: .1s;
}
.section
{
	width:24%;
	float:left;
	border-radius:5px;
	box-shadow:0 3px 3px #E4E4E4;
	margin:5px;
	padding-bottom:10px;
	position:relative;
	margin-bottom:15px;
	background:white;
}
.section a
{
	margin:0;
}
.section-img
{
	width:100%;
	position:relative;
}
.section-img img
{
	border-radius:5px;
}
.section-desc
{
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}
.section-topic
{
	font-size:14px;
	font-weight:700;
	overflow: hidden;
	display: -webkit-box;
	height: 40px;
	line-height: 22px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin:0 0 15px;
}
.section-topic-course
{
	font-size:16px;
	font-weight:700;
	overflow: hidden;
	display: -webkit-box;
	height: 20px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin:0 0 10px;
}
.section-topic a,.section-topic-course a
{
	text-decoration-line:none;
	color:#21242C;
}
.section-desc a
{
	text-decoration-line:none;
	color:#21242C;
}
.section-author
{
	text-align:right;
	font-size:12px;
	color:#070707;
	overflow: hidden;
	display: -webkit-box;
	height: 20px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.author-course
{
	font-size:12px;
	color:#070707;
}
.section-view
{
	text-align:right;
	font-size:12px;
	color:#707070;
}
.section-rate
{
	width:50%;
	float:left;
	font-size:12px;
	color:#707070;
}
.section-btm
{
	width:50%;
	float:left;
}
.section-btm .price
{
	font-size:15px;
	font-weight:bold;
	text-align:right;
	color:#191919;
	line-height:35px;
}
.section .btn-header
{
	left:5px;
}
.section .btn-favorite
{
	right:5px;
}
@media screen and (max-width: 1199px)
{
	.section
	{
		width:32%;
	}
}
@media screen and (max-width: 991px)
{
	.section
	{
		width:32%;
	}
}
@media screen and (max-width: 767px)
{
	.section
	{
		width:31.9%;
	}
	.section-rate
	{
		width:45%;
		float:left;
	}
	.section-btm
	{
		width:55%;
		float:left;
	}
}
@media screen and (max-width: 726px)
{
	.section
	{
		width:31.7%;
	}
}
@media screen and (max-width: 694px)
{
	.section
	{
		width:31.8%;
	}
}
@media screen and (max-width: 691px)
{
	.section
	{
		width:48%;
	}
}
@media screen and (max-width: 529px)
{
	.section
	{
		width:98%;
		padding-bottom:0;
		margin-bottom:15px;
	}
	.section-img
	{
		width:40%;
		float:left;
	}
	.section-desc
	{
		width:60%;
		float:left;
	}
	.section-topic
	{
		margin-top:-5px;
		font-size:13px;
		width:100%;
	}
	.section-topic-course
	{
		margin-top:-10px;
		font-size:14px;
		width:100%;
	}
	.section-rate
	{
		width:45%;
		float:left;
	}
	.section-btm
	{
		width:55%;
		float:left;
	}
	.section .btn-header
	{
		font-size:11px;
		width:95px;
	}
	.section .btn-favorite
	{
		border:2px solid #E7215C;
	}
}
@media screen and (max-width: 374px)
{
	.section-topic-course
	{
		margin-top:0;
	}
	.section
	{
		width:97.5%;
		padding-bottom:0;
	}
	.section-img
	{
		width:100%;
		float:left;
	}
	.section-desc
	{
		width:100%;
		float:left;
	}
	.section-topic
	{
		font-size:14px;
	}
	.section .btn-header
	{
		font-size:13px;
		width:120px;
	}
	.section .btn-favorite
	{
		border:none;
	}
	.section .btn-header
	{
		left:5px;
	}
}
/*--------------------end section--------------------*/
.reading .title
{
	float:left;
	margin-bottom:0;
}
.reading .item-row
{
	width:100%;
	float:left;
}
.btn-circle-blue-white
{
	background:#06559F;
	color:white;
	border-radius:25px;
	font-size:14px;
	padding:7px 25px 7px 25px;
	margin:2.5px;
}
.btn-circle-blue-white:hover,.btn-circle-blue-white:focus
{
	color:#06559F;
	border-color:#06559F;
	background:white;
}
.btn-circle-blue-white-100
{
	width:100%;
	background:#06559F;
	color:white;
	border-radius:25px;
	font-size:14px;
	padding:7px 25px 7px 25px;
	margin:2.5px;
}
.btn-circle-blue-white-100:hover,.btn-circle-blue-white-100:hover
{
	color:#06559F;
	border-color:#06559F;
	background:white;
}
.btn-circle-orange-white
{
	background:#F36F24;
	color:white;
	border-radius:25px;
	font-size:14px;
	padding:7px 25px 7px 25px;
	margin:2.5px;
}
.btn-circle-orange-white:hover,.btn-circle-orange-white:focus
{
	color:#F36F24;
	border-color:#F36F24;
	background:white;
}
.btn-circle-orange-white-100
{
	width:100%;
	background:#F36F24;
	color:white;
	border-radius:25px;
	font-size:14px;
	padding:7px 25px 7px 25px;
	margin:2.5px;
}
.btn-circle-orange-white-100:hover,.btn-circle-orange-white-100:hover
{
	color:#F36F24;
	border-color:#F36F24;
	background:white;
}
.btn-circle-grey-white
{
	background:#707070;
	color:white;
	border-radius:25px;
	font-size:14px;
	padding:7px 25px 7px 25px;
	margin:2.5px;
}
.btn-circle-grey-white:hover,.btn-circle-grey-white:focus
{
	color:#707070;
	border-color:#707070;
	background:white;
}
.btn-circle-grey-white-100
{
	width:100%;
	background:#707070;
	color:white;
	border-radius:25px;
	font-size:14px;
	padding:7px 25px 7px 25px;
	margin:2.5px;
}
.btn-circle-grey-white-100:hover,.btn-circle-grey-white-100:hover
{
	color:#707070;
	border-color:#707070;
	background:white;
}
.btn-circle-white-orange
{
	color:#F36F24;
	border-color:#F36F24;
	background:white;
	border-radius:25px;
	font-size:14px;
	padding:7px 25px 7px 25px;
	margin:2.5px;
}
.btn-circle-white-orange:hover,.btn-circle-white-orange:focus
{
	color:white;
	background:#F36F24;
}
.btn-circle-white-orange.active
{
	color:white;
	background:#F36F24;
}
.btn-circle-white-orange-100
{
	width:100%;
	color:#F36F24;
	border-color:#F36F24;
	background:white;
	border-radius:25px;
	font-size:14px;
	padding:7px 25px 7px 25px;
	margin:2.5px;
}
.btn-circle-white-orange-100:hover,.btn-circle-white-orange-100:focus
{
	color:white;
	background:#F36F24;
}
.text-grey
{
	color:#707070;
}
.text-orange
{
	color:#F36F24;
}
.linetub
{
	position: relative;
}
.linetub:before
{
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	right: 0;
	border-top: 2px solid;
	border-color: red;
	-webkit-transform:rotate(-10deg);
	-moz-transform:rotate(-10deg);
	-ms-transform:rotate(-10deg);
	-o-transform:rotate(-10deg);
	transform:rotate(-10deg);
}
.btn-square-grey-white-100
{
	background:white;
	color:#707070;
	border-color:#707070;
	width:100%;
	border-radius: 10px;
}
.btn-square-grey-white-100:hover,.btn-square-grey-white-100:focus
{
	background:white;
	color:#707070;
}
.btn-square-grey-white-100.active
{
	color:white;
	background:#707070;
}
.btn-square-orange-white-100
{
	background:white;
	color:#F36F24;
	border-color:#F36F24;
	width:100%;
	border-radius: 10px;
}
.btn-square-orange-white-100:hover,.btn-square-orange-white-100:focus
{
	background:white;
	color:#F36F24;
}
.btn-square-orange-white
{
	background:white;
	color:#F36F24;
	border-color:#F36F24;
	border-radius: 10px;
	padding:8px 50px 8px 50px;
}
.btn-square-orange-white:hover,.btn-square-orange-white:focus
{
	background:white;
	color:#F36F24;
}
.btn-square-orange-white.active
{
	color:white;
	background:#F36F24;
}
.btn-square-orange-white-100.active
{
	color:white;
	background:#F36F24;
}
.btn-square-purple-white-100
{
	background:white;
	color:#E7215C;
	border-color:#E7215C;
	width:100%;
	border-radius: 10px;
}
.btn-square-purple-white-100:hover,.btn-square-purple-white-100:focus
{
	background:white;
	color:#E7215C;
}
.btn-square-purple-white-100.active
{
	color:white;
	background:#E7215C;
}
.btn-square-blue-white-100
{
	background:white;
	color:#337ab7;
	border-color:#337ab7;
	width:100%;
	border-radius: 10px;
}
.btn-square-blue-white-100:hover,.btn-square-blue-white-100:focus
{
	background:white;
	color:#337ab7;
}
.btn-square-blue-white-100.active
{
	color:white;
	background:#337ab7;
}
.sub-item
{
	width:50%;
	float:left;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
	padding-left:15px;
	padding-right:15px;
	padding-top:30px;
	padding-bottom:20px;
	text-align:center;
}
.sub-item p
{
	margin-top:30px;
	font-size:16px;
	height:35px;
}
.body-white-black
{
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}
.videoWrapper
{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.body .item-row .item-care
{
	max-width:290px;
	padding: .75rem;
	margin: 5px;
	margin-bottom: 10px;
	border: 0;
	flex-basis: 90%;
	flex-grow: 0;
	flex-shrink: 0;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.16);
	border-radius: 5px;
}
@media screen and (max-width: 1199px)
{
	.body .item-row .item-care
	{
		max-width:240px;
	}
}
.text-yellow
{
	color:#f0bd3b;
}
.about-footer
{
	background-image: url("../../images/about-us.jpg");
	height:50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}
.about-us-index figure
{
	height: auto;
	position: relative;
	display: block;
	overflow: hidden;
	text-align:center;
	cursor: default;
}
.about-us-index figure figcaption
{
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	opacity: 1;
	bottom: 0;
}
.about-us-index figure:hover figure:focus figure:active figcaption
{
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	opacity: 1;
	bottom: 0;
}
.about-us-index figcaption
{
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.5);
	color: #fff;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-o-transition: all .1s ease;
	-ms-transition: all .1s ease;
	transition: all .1s ease;
	-webkit-transition-delay: .1s;
	-moz-transition-delay: .1s;
	-o-transition-delay: .1s;
	-ms-transition-delay: .1s;
	transition-delay: .1s;
}
.about-us-index .image-hover
{
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-weight:700;
}
.about-us-index .figure-topic
{
	text-align:center;
	font-weight:900;
	margin-top:15px;
	font-size:38px;
	letter-spacing: 2px;
	padding:10px;
}
.about-us-index .figure-author
{
	text-align:center;
	font-weight:700;
	font-size:16px;
	padding:10px;
}
@media screen and (max-width: 768px)
{
	.about-us-index .figure-topic
	{
		font-size:22px;
	}
	.about-us-index .figure-author
	{
		font-size:13px;
	}
}












.card > img
{
	margin-bottom: .75rem;
}
div.scrollmenu
{
	overflow: auto;
	white-space: nowrap;
}
div.scrollmenu
{
	display: inline-block;
	padding: 5px;
	text-decoration: none;
	color:#21242C;
}
div.scrollmenu a:hover
{
	color:#F36F24;
	text-decoration:none;
}
div.scrollmenu a:active
{
	color:#F36F24;
	text-decoration:none;
}
div.scrollmenu a:focus
{
	color:#F36F24;
	text-decoration:none;
}
.activex
{
	color:#F36F24;
	text-decoration:none;
	font-weight:bold;
	border-bottom:5px solid #F36F24;
}
.rowcard
{
	align-items: stretch;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}
.cardvdieo
{
	max-width: 350px;
	padding: .75rem;
	margin: 2.5px;
	margin-bottom: 10px;
	border: 0;
	flex-basis: 60%;
	flex-grow: 0;
	flex-shrink: 0;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.16);
	border-radius: 5px;
	position: relative;
}
.card-x
{
	max-width: 350px;
	padding: .75rem;
	margin: 2.5px;
	margin-bottom: 10px;
	border: 0;
	flex-basis: 90%;
	flex-grow: 0;
	flex-shrink: 0;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.16);
	border-radius: 5px;
	position: relative;
}
.carddetail
{
	padding: 11px;
	padding-left:12px;
	margin: 2.5px;
	margin-bottom: 10px;
	border: 0;
	flex-basis: 100%;
	flex-grow: 0;
	flex-shrink: 0;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.16);
	border-radius: 5px;
	position: relative;
}
.top-left
{
	position: absolute;
	top: 15px;
	left: 15px;
}
.top-right
{
	position: absolute;
	top: 8px;
	right: 16px;
}
.checked
{
	color: orange;
}
.checked2
{
	color: #21242C;
}
.rowcard::-webkit-scrollbar
{
	width: 10px;
	height:8px;
}
.rowcard::-webkit-scrollbar-track
{
	background: #FFF;
}
.rowcard::-webkit-scrollbar-thumb
{
	background: #CCC;
	border-radius: 25px;
}
.btn-orange-white
{
	width:100%;
	background-color:white;
	color:#F36F24;
	border-color:#F36F24;
	border-radius: 25px;
	font-size:12px;
}
.btn-orange-white:hover
{
	background-color:#F36F24;
	color:white;
}
.body .basket-page
{
	font-size:24px;
	font-weight:700;
	margin-top:125px;
	margin-bottom:35px;
}









.btn-purple
	{
		width:100%;
		background-color:#2F358B;
		color:white;
		border-radius: 25px;
		font-size:13px;
	}
	.btn-purple:hover
	{
		background-color:white;
		border-color:#2F358B;
		color:#2F358B;
	}
	.btn-purple-white
	{
		width:100%;
		background-color:white;
		color:#2F358B;
		border-color:#2F358B;
		border-radius: 25px;
		font-size:13px;
	}
	.btn-purple-white:hover
	{
		background-color:#2F358B;
		border-color:#2F358B;
		color:white;
	}
	.btn-blue
	{
		width:100%;
		background-color:#06559F;
		color:white;
		border-radius: 25px;
		font-size:13px;
	}
	.btn-blue:hover
	{
		background-color:white;
		border-color:#06559F;
		color:#06559F;
	}
	.btn-blue-white
	{
		width:100%;
		background-color:white;
		color:#06559F;
		border-color:#06559F;
		border-radius: 25px;
		font-size:13px;
	}
	.btn-blue-white:hover
	{
		background-color:#06559F;
		border-color:white;
		color:white;
	}
	.btn-yellow
	{
		width:100%;
		background-color:#f0bd3b;
		color:white;
		border-radius: 25px;
		font-size:13px;
	}
	.btn-yellow:hover
	{
		background-color:white;
		border-color:#f0bd3b;
		color:#f0bd3b;
	}
	.btn-yellow-white
	{
		width:100%;
		background-color:white;
		color:#f0bd3b;
		border-color:#f0bd3b;
		border-radius: 25px;
		font-size:13px;
	}
	.btn-yellow-white:hover
	{
		background-color:#f0bd3b;
		border-color:white;
		color:white;
	}
	.btn-orange
	{
		width:100%;
		background-color:#F36F24;
		color:white;
		border-radius: 25px;
		font-size:12px;
	}
	.btn-orange:hover
	{
		background-color:white;
		border-color:#F36F24;
		color:#F36F24;
	}
	.btn-red
	{
		width:100%;
		background-color:#E92B0B;
		color:white;
		border-radius: 25px;
		font-size:12px;
	}
	.btn-red:hover
	{
		background-color:white;
		border-color:#E92B0B;
		color:#E92B0B;
	}
	.btn-grey
	{
		width:100%;
		background-color:#707070;
		color:white;
		border-radius: 25px;
		font-size:12px;
	}
	.btn-grey:hover
	{
		background-color:white;
		border-color:#707070;
		color:#707070;
	}
	.btn-orange-cart
	{
		width:100%;
		background-color:white;
		border-color:#F36F24;
		color:#F36F24;
		border-radius: 25px;
		font-size:12px;
	}
	.btn-orange-cart:hover
	{
		background-color:#F36F24;
		color:white;
	}
	.btn-red-cart
	{
		width:100%;
		background-color:#F36F24;
		border-color:#F36F24;
		color:white;
		border-radius: 25px;
		font-size:12px;
	}
	.btn-red-cart:hover
	{
		background-color:white;
		color:#F36F24;
	}
	.input-search-3
	{
		position: relative;
	}
	.input-search-3 input
	{
		padding-right: 40px;
		padding-left: 40px;
		border-radius: 25px;
		border:2px solid #06559F;
		font-weight:bold;
		color:#06559F;
	}
	.input-search-3 span
	{
		font-size: 20px;
		position: absolute;
		top: 8px;
		right: 15px;
		color: #ccc;
	}
	.input-search-3 i
	{
		font-size: 20px;
		position: absolute;
		top: 8px;
		left: 15px;
		color: #ccc;
	}