* {
	margin: 0;
	padding: 0;
	outline: 0!important;
}

body {	
	font-size: 16px;
	font-family: 'Kanit', sans-serif;
	font-weight: 400;
	background: #fff;
	color: #4e4e4e;
}

section {
	width: 100%;
}


h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

a, a:hover, a:visited, a:active, a:focus {
	text-decoration: none;
}

a, a:hover {
	color: #4e4e4e;
}

ul, li {
	padding: 0;
	margin: 0;
}

figure {
	margin: 0;
}

hr {
	border-top: 1px solid #f0f0f0;
}

.form-control:focus {
	outline: 0;
	box-shadow: none;
	border-color: #ced4da;
}

.btn {
	color: #4e4e4e;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

.btn.btn-style {
	font-size: 1rem;
    line-height: 1;
	padding: 10px 20px;
	font-weight: 500;
}

.btn.btn-blue {
	background: #6ecff6;
	color: #fff;
}

.btn.btn-green {
	background: #66c18c;
    color: #fff;
}

.btn.btn-grey {
	background: #efefef;
}

.btn.btn-purple {
	background: #b19bca;
	color: #fff;
}

.btn.btn-white {
	background: #fff;
	border: 1px solid #ced4da;
}

.btn.btn-underline {
	font-size: 1rem;
	text-decoration: underline;
	padding: 0;
	font-weight: 400;
}

.btn.btn-underline:hover {
	text-decoration: none;
}

.op-style {
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.op-style:hover {
	opacity: 0.6;
}

.main-container {
	max-width: 1600px;
	margin: 0 auto;
}

header {
	padding: 30px 0;
	border-bottom: 1px solid #f0f0f0;
}

.logo-img {
	width: 250px;
}

.dropdown-language .dropdown-toggle::after {
    display: none;
}

.dropdown-language .btn {
	font-size: 0.75rem;
	color: #878787;
	font-weight: 500;
	text-transform: uppercase;
	padding-right:0;
}

.dropdown-language .dropdown-item {
    font-size: 0.75rem;
}

.dropdown-language .dropdown-item {
	text-transform: uppercase;
}

.dropdown .dropdown-menu {
	min-width: 90px;
}

.dropdown-language i {
	font-size: 0.8rem;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #f8f9fa;
	color: #878787;
}

.nav-top-group, .nav-top-btn {
	text-align: right;
}

.nav-top-group:first-child {
	margin-bottom: 13px;
}

.nav-top-btn {
	margin-top: 25px;
}

.nav-top-group a, .nav-top-group span {
	display: inline-block;
}

.nav-top-group a, .nav-top-group span {
	font-size: 0.8rem;
	color: #4e4e4e;
	text-transform: uppercase;
}

.nav-top-group a {
	font-weight: 500;
}

.nav-top-group a i {
	font-size: 0.8rem;
	color: #939393;
}

.nav-top-links a:not(:first-child), .nav-top-group span:not(:first-child) {
	margin-left: 15px;
}

.nav-top-social a i {
	font-size: 1.2rem;
}

.nav-top-social span a:first-child {
	margin-left: 10px;
}

.main-nav {
	margin-top: 40px;
}

.main-nav ul li {
	display: inline-block;
}

.main-nav ul li a {
	font-size: 1.25rem;
	font-weight: 500;
	padding-bottom: 30px;
}

.main-nav ul li {
	padding: 0 15px 0 10px;
	border-right: 1px solid #dcdcdc;
}

.main-nav ul li:last-child {
	padding: 0 0 0 10px;
	border-right: 0;
}

.nav-item{
	position: relative;
}

.dd-first-level {
	left: -5px;
	top: 52px;
	border-top: 8px solid #6ecff6;
}

.dd-menu {
	display: none;
	position: absolute;
	min-width: 260px;
    max-width: 260px;
	background: #fff;
	z-index: 10;
}

.nav-item:hover .dd-first-level {
	display: block;
}

.nav-item .dd-first-level li {
	display: block;
	padding: 0;
	border-right: 0;
}

.nav-item .dd-menu li {
	background: #f8f8f8;
}

.nav-item .dd-menu li:hover {
	background: #e0e0e0;
}

.nav-item .dd-first-level li:last-child {
	padding: 0;
}

.nav-item .dd-first-level li:not(:last-child) {
	border-bottom: 1px solid #ededed;
}

.nav-item .dd-first-level li a {
	display: block;
    font-size: 0.95rem;
    line-height: 1.35;
    padding: 10px 20px;
}

.dd-icon {
	display: inline-block;
}

.dd-icon i {
	font-size: 0.95rem;
	line-height: 1;
	margin-right: 10px;
}

.btn-logout{
	text-align: right;
}

.logout {
	font-size: 1rem;
	font-weight: 400;
}

.logout,
.logout:hover {
	color: #b19bca;
}

.dd-first-level {
	left: -5px;
	top: 52px;
	border-top: 8px solid #6ecff6;
}

.dd-menu {
	display: none;
	position: absolute;
	min-width: 450px;
    max-width: 450px;
	background: #fff;
	z-index: 10;
}

.nav-item:hover .dd-first-level {
	display: block;
}

.nav-item .dd-first-level li {
	display: block;
	padding: 0;
	border-right: 0;
}

.nav-item .dd-menu li {
	background: #f8f8f8;
}

.nav-item .dd-menu li:hover {
	background: #e0e0e0;
}

.nav-item .dd-first-level li:last-child {
	padding: 0;
}

.nav-item .dd-first-level li:not(:last-child) {
	border-bottom: 1px solid #ededed;
}

.nav-item .dd-first-level li a {
	display: block;
    font-size: 0.95rem;
    line-height: 1.35;
    padding: 10px 20px;
}

.dd-icon {
	display: inline-block;
}

.dd-icon i {
	font-size: 0.95rem;
	line-height: 1;
	margin-right: 10px;
}

.bg-article, .bg-article a {
	height: 100%;
}

.listed-items .bg-article {
	padding-bottom: 30px;
}

.bg-article a {
	padding: 40px 30px;
	background: #f8f8f8;
}

.bg-article a, .sm-article a, .shop-item a {
	display: block;
}

.bg-article h3 {
	font-size: 1.75rem;
	line-height: 1.20;
	margin-bottom: 15px;
	font-weight: 500;
}

.date {
	display: block;
	font-size: 0.875rem;
	font-weight: 400;
}

.bg-article .date {
	margin-bottom: 20px;
}

.bg-article p {
	font-size: 1rem;
	line-height: 1.5;
	margin-bottom: 25px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.bg-article .article-category {
	margin-bottom: 13px;
}

.sm-article .date {
	font-weight: 500;
}

.date-blue {
	color: #6ecff6;
}

.date-green {
	color: #66c18c;
}

.article-category, .shop-item .item-label {
	display: inline-block;
	font-size: 0.875rem;
	line-height: 1;
	font-weight: 500;
	text-transform: uppercase;
	padding: 7px 10px 5px 10px;
}

.news-details .article-category {
	margin: 40px 0 15px 0;
	font-size: 1rem;
	padding: 7px 15px;
}

.cat-blue, .shop-item .item-label {
	background: #f0fafe;
}

.cat-blue-light {
	background: #6ecff6;
  	color: #fff;
}
  

.cat-green {
	background: #e9f2ed;
	color: #66c18c;
}

.cat-purple {
	background: #b19bca;
	color: #fff;
}
.cat-blu {
	background: blue;
	color: #fff;
}

.sm-article .article-text {
	padding: 0 20px 0 20px;
}

.sm-article h3 {
	font-size: 1.125rem;
	line-height: 1.35;
	font-weight: 500;
	margin: 10px 0 8px 0;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sm-article {
	margin-bottom: 30px;
}

.shop-item {
	margin-bottom: 50px;
}

.listed-items .page-shortText {
	padding-bottom: 45px;
}


.shop-item .item-text {
	padding: 0 27px;
}

.item-text h3 {
    font-size: 1.4rem;
    line-height: 1.25;
	font-weight: 500;
	margin: 5px 0 15px 0;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.item-author {
	font-size: 1.1rem;
}

.shop-item .item-label {
	color: #246790;
	padding: 10px 15px;
}

.shop-item .btn {
	font-size: 0.875rem;
	padding: 4px 15px;
	font-weight: 500;
	border-radius: 0;
}

.back {
	padding: 50px 0 30px 0;
}

.back.back-page-style {
	padding: 0 0 20px 0;
}

.back a {
	display: inline-block;
}

.back a, .back a i {
	font-size: 0.875rem;
	color: #9a9a9a;
}

.shop-item-details h1 {
	font-size: 2.5rem;
	line-height: 1.15;
	font-weight: 500;
	margin: 10px 0 30px 0;
}

.order-box {
	margin-bottom: 40px;
}

.order-box .btn {
	text-transform: uppercase;
}

.price {
	font-size: 1.4rem;
	color: #6ecff6;
	font-weight: 500;
	margin-right: 20px;
}

.tools {
	margin-top: 25px;
}

.tool-box {
	width: 255px;
	height: 125px;
	margin-bottom: 30px;
}

.tool-box a {
	display: block;
	padding: 30px 20px;
}

.tool-box span {
    display: block;
    font-size: 1.5625rem;
    line-height: 1.25;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
}

.tool-box.tool-box-grey span {
	color: #7c7c7c;
}

.page-illust {
	position: relative;
	height: 245px;
	margin-bottom: 40px;
}

.page-img {
	margin-bottom: 30px;
}

.page-title {
	font-size: 4rem;
	font-weight: 500;
	margin-bottom: 30px;
}

.page-title.blue {
	color: #6ecff6;
}

.page-shortText {
	font-size: 1.15rem;
	font-weight: 500;
	margin-bottom: 30px;
}


.style-text h2, .style-text h3 {
	font-size: 1.15rem;
}

.style-text h2 {
	font-weight: 500;
}

.style-text h3, .style-text h4 {
	font-weight: 400;
}

.style-text h2, .style-text h3, .style-text h4 {
	margin-bottom: 5px;
}

.style-text p {
	line-height: 1.7;
	margin-bottom: 30px;
}

.style-text p, .style-text ul li, .style-text ol li {
	font-size: 1rem;
}

.style-text a {
	color: #6ecff6;
	text-decoration: underline;
	transition: all 0.2s;
}

.style-text a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.style-text ol, .style-text ul {
	padding: 0 0 0 20px;
	margin-bottom: 30px;
}

.style-text ol li:not(:last-child), .style-text ul li:not(:last-child) {
	margin-bottom: 5px;
}

.style-text img {
	max-width: 100%;
}

.featured-page-text {
    padding-left: 20px;
	border-left: 2px solid #f0f0f0;
	margin-bottom: 60px;
}

.featured-page-text p {
	font-size: 1.3rem;
	line-height: 1.5;
	color: #66c18c;
	font-weight: 500;
	margin:0;
}

.gallery {
    margin: 30px 0;
}

.gallery a {
	display: inline-block;
	margin-bottom: 20px;
}

.gallery-row {
	margin-left: -10px;
	margin-right: -10px;
}

.gallery-col {
	padding-right: 10px;
	padding-left: 10px;
}

.side-title {
	font-size: 1.125rem;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.side-other-info {
	margin-bottom: 40px;
}

.side-info {
	margin-bottom: 25px;
}

.side-info h2 {
	margin: 0;
}

.side-menu {
	margin-bottom: 60px;
}

.side-menu ul {
	list-style: none;
}

.side-menu .side-menu-ul li a {
	display: block;
	font-size: 1.3rem;
	padding: 10px 0;
	border-bottom: 1px solid #f0f0f0;
	font-weight: 500;
}

.side-menu .side-menu-ul li ul li a {
	font-size: 1rem;
	padding: 7px 0 7px 30px;
	font-weight: 400;
}

.side-menu .side-menu-ul li a.active {
	color: #6ecff6;
}

.single-document {
	padding: 20px;
	border: 1px solid #f0f0f0;
	margin-bottom: 20px;
}

.single-document span {
	display: inline-block;
	font-size: 0.93rem;
	line-height: 1.5;
}

.single-document i {
	font-size: 3.7rem;
	line-height: 1;
	color: #6ecff6;
	margin-right: 15px;
}

.page-illust .page-title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
	margin: 0;
}

.page-title.title-education {
	margin-bottom: 50px;
}

.page-title.title-mt {
	margin-top: 40px;
}

.table {
	color: #4e4e4e;
	text-transform: uppercase;
}

.table thead th {
    border-bottom: 5px solid #f0f0f0;
}

.table td, .table th {
    border-top: 1px solid #f0f0f0;
}

.table th {
	font-size: 0.875rem;
	text-transform: uppercase;
	font-weight: 500;
}

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

.table td {
	font-size: 0.8rem;
}

.table a {
	color: #6ecff6;
	padding: 10px 20px;
}

.zip-table-style {
	width: 155px;
}

.search-items {
	margin-bottom: 40px;
}

.search-group {
	width: 355px;
}

.search-group input {
	border-right: 0;
}

.input-group-append .btn {
	border: 0;
    border-top: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    padding: 0 15px;
}

.dropdown-custom .btn, .dropdown-custom .dropdown-item, .search-items .btn.btn-blue span, .search-items .btn.btn-blue i {
	font-size: 0.9rem;
}

.dropdown-custom.dropdown-cats {
	margin-top: 40px;
}

.dropdown .dropdown-menu {
    max-width: 100%;
}

.dropdown-item {
	white-space: normal;
}

.search-items .btn.btn-blue {
	font-weight: 400;
	padding: 9px 20px;
}

.search-items ::placeholder {
	font-size: 0.9rem;
}

.social-share {
	margin-top: 30px;
}

.login-section {
	margin-top: 60px;
}

.section-mh {
	min-height: 60vh;
}

.proceed-box {
	padding: 50px 30px;
	border: 1px solid #f0f0f0;
}

.proceed-box.proceed-box-sm {
	padding: 20px;
	margin-bottom: 30px;
}

.subtitle {
	font-size: 1.7rem;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 500;
}

.proceed-box-sm .subtitle {
	font-size: 1.3rem;
    margin-bottom: 10px;
}

.subtitle.blue {
	color: #6ecff6;
}

.subtitle.green {
	color: #66c18c;
}

.subtitle.fw-heavy {
	font-weight: 500;
}

.proceed-box.proceed-box-sm p {
    margin-bottom: 8px;
}

.membership-section, .points-status-section, .my-data-section {
	padding-top: 60px;
}

.my-data-section .side-menu {
	padding-right: 30px;
}

.membership-info {
	padding-right: 30px;
	height: 100%;
}

.aligner-center-row td{
	vertical-align: middle;
}

.reciept-details-button, .reciept-details-button:active, .reciept-details-button:hover, .reciept-details-button:focus{
	background-color: #b19bca;
	border-color: #b19bca;
	color: #fff;
	font-size: 14px;
}

.date-table-style {
	width: 100px;
	font-weight: 500;
}

.organizaton-table-style {
	width: 300px;
}

.points-table-style {
	width: 140px;
}

.price-table-style {
	width: 120px;
}

.data-top {
	margin-bottom: 40px;
}

.data-number {
	font-size: 3.5rem;
    border: 1px solid #f0f0f0;
    padding: 5px 15px;
    font-weight: 500;
}

.side-content-box {
	padding: 20px;
	border: 1px solid #f0f0f0;
}

.side-content-box.grey {
	background: #f6f6f6;
}

.side-content-box h2 {
	font-size: 1.4rem;
	color: #6ecff6;
	margin-bottom: 10px;
	font-weight: 500;
}

.custom-control-label, .custom-control-label a {
	font-size: 0.85rem;
}

.custom-control-label a {
	color: #6ecff6;
	text-decoration: underline;
}

.custom-control-label a:hover {
	text-decoration: none;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #6ecff6;
    background-color: #6ecff6;
}

.custom-checkbox {
	margin-bottom: 20px;
}

.my-data.style-text h3, .my-data.style-text p {
	margin: 0;
}

.my-data.style-text h2, .membership-info .my-data h3 {
	color: #6ecff6;
}

.my-data-form {
	margin-top: 10px;
}

.data-type-info {
	margin-bottom: 30px;
}

.my-data-pr {
	padding-right: 60px;
}

.side-content-box .my-data h2 {
	color: #b19bca;
}

.licence-status, .validation-date {
	margin-bottom: 30px;
}

.licence-status span, .validation-date span {
	font-size: 2rem;
}

/*.validation-date h2, .licence-data.style-text p {
	font-size: 1.3rem;
}*/

.validation-date hr {
    margin: 15px 0 5px 0;
}

.questions-and-answers {
	padding-left: 60px;
	border-left: 1px solid #f0f0f0;
}

.questions-and-answers .style-text {
	margin-top: 30px;
}

.single-question {
	border-bottom: 1px solid #f0f0f0;
}

.single-question a {
	padding: 15px 0;
}

.single-question h3 {
	font-size: 1.4rem;
    line-height: 1.4;
	padding-right: 40px;
}

.single-question i {
    font-size: 1.5rem;
}

.actual, .expired {
	font-weight: 500;
}

.actual {
	color: green;
}

.expired {
	color: red;
}

.my-name-top {
	margin-bottom: 40px;
}

.my-name-text {
	display: block;
	font-size: 2rem;
}

.data-type-title {
	display: block;
    font-size: 1.3rem;
    line-height: 1.2;
    margin-right: 20px;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
}

footer {
	margin-top: 60px;
}

.footer-wrapper {
	background: url('/assets/images/footer-bg-grey.png') 82% 100% / 24% no-repeat;
	padding: 110px 0;
	border-top: 1px solid #f0f0f0;
}

footer span, footer span strong, footer a {
	font-size: 0.8rem;
	color: #c5c5c5;
}

footer a {
	text-decoration: underline;
}

.design-by a {
	text-decoration: none;
}

footer a:hover {
	color: #c5c5c5;
	text-decoration: none;
}

footer span {
	display: block;
}

footer .separator {
	display: inline-block;
	letter-spacing: 7px;
	margin-left: 10px;
}

.copy-text {
	margin-bottom: 10px;
}

.error-block {
	padding: 50px 0;
}

.error-block__title {
	font-size: 5rem;
	margin-bottom: 15px;
}

.error-block__text-bg {
	font-size: 1.3rem;
}