/* Malay ---------- */

/* Lora */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url('/font/Lora-Regular.eot');
  src: local('Lora'), local('Lora-Regular'),
       url('/font/Lora-Regular.eot?#iefix') format('embedded-opentype'),
       url('/font/Lora-Regular.woff2') format('woff2'),
       url('/font/Lora-Regular.woff') format('woff'),
       url('/font/Lora-Regular.ttf') format('truetype'),
       url('/font/Lora-Regular.svg#Lora') format('svg');
}
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  src: url('/font/Lora-Italic.eot');
  src: local('Lora Italic'), local('Lora-Italic'),
       url('/font/Lora-Italic.eot?#iefix') format('embedded-opentype'),
       url('/font/Lora-Italic.woff2') format('woff2'),
       url('/font/Lora-Italic.woff') format('woff'),
       url('/font/Lora-Italic.ttf') format('truetype'),
       url('/font/Lora-Italic.svg#Lora') format('svg');
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 500;
  src: url('/font/Lora-Medium.eot');
  src: local('Lora Medium'), local('Lora-Medium'),
       url('/font/Lora-Medium.eot?#iefix') format('embedded-opentype'),
       url('/font/Lora-Medium.woff2') format('woff2'),
       url('/font/Lora-Medium.woff') format('woff'),
       url('/font/Lora-Medium.ttf') format('truetype'),
       url('/font/Lora-Medium.svg#Lora') format('svg');
}
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 500;
  src: url('/font/Lora-Mediumitalic.eot');
  src: local('Lora Medium Italic'), local('Lora-MediumItalic'),
       url('/font/Lora-Mediumitalic.eot?#iefix') format('embedded-opentype'),
       url('/font/Lora-Mediumitalic.woff2') format('woff2'),
       url('/font/Lora-Mediumitalic.woff') format('woff'),
       url('/font/Lora-Mediumitalic.ttf') format('truetype'),
       url('/font/Lora-Mediumitalic.svg#Lora') format('svg');
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 600;
  src: url('/font/Lora-SemiBold.eot');
  src: local('Lora Bold'), local('Lora-Bold'),
       url('/font/Lora-SemiBold.eot?#iefix') format('embedded-opentype'),
       url('/font/Lora-SemiBold.woff2') format('woff2'),
       url('/font/Lora-SemiBold.woff') format('woff'),
       url('/font/Lora-SemiBold.ttf') format('truetype'),
       url('/font/Lora-SemiBold.svg#Lora') format('svg');
}
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 600;
  src: url('/font/Lora-SemiBolditalic.eot');
  src: local('Lora Bold Italic'), local('Lora-BoldItalic'),
       url('/font/Lora-SemiBolditalic.eot?#iefix') format('embedded-opentype'),
       url('/font/Lora-SemiBolditalic.woff2') format('woff2'),
       url('/font/Lora-SemiBolditalic.woff') format('woff'),
       url('/font/Lora-SemiBolditalic.ttf') format('truetype'),
       url('/font/Lora-SemiBolditalic.svg#Lora') format('svg');
}

@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 600;
  src: url('/font/Lora-Bold.eot');
  src: local('Lora Bold'), local('Lora-Bold'),
       url('/font/Lora-Bold.eot?#iefix') format('embedded-opentype'),
       url('/font/Lora-Bold.woff2') format('woff2'),
       url('/font/Lora-Bold.woff') format('woff'),
       url('/font/Lora-Bold.ttf') format('truetype'),
       url('/font/Lora-Bold.svg#Lora') format('svg');
}
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 600;
  src: url('/font/Lora-Bolditalic.eot');
  src: local('Lora Bold Italic'), local('Lora-BoldItalic'),
       url('/font/Lora-Bolditalic.eot?#iefix') format('embedded-opentype'),
       url('/font/Lora-Bolditalic.woff2') format('woff2'),
       url('/font/Lora-Bolditalic.woff') format('woff'),
       url('/font/Lora-Bolditalic.ttf') format('truetype'),
       url('/font/Lora-Bolditalic.svg#Lora') format('svg');
}


@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 600;
  src: url('/font/Lora-Medium.eot');
  src: local('Lora Bold'), local('Lora-Bold'),
       url('/font/Lora-Medium.eot?#iefix') format('embedded-opentype'),
       url('/font/Lora-Medium.woff2') format('woff2'),
       url('/font/Lora-Medium.woff') format('woff'),
       url('/font/Lora-Medium.ttf') format('truetype'),
       url('/font/Lora-Medium.svg#Lora') format('svg');
}
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 600;
  src: url('/font/Lora-Mediumitalic.eot');
  src: local('Lora Bold Italic'), local('Lora-BoldItalic'),
       url('/font/Lora-Mediumitalic.eot?#iefix') format('embedded-opentype'),
       url('/font/Lora-Mediumitalic.woff2') format('woff2'),
       url('/font/Lora-Mediumitalic.woff') format('woff'),
       url('/font/Lora-Mediumitalic.ttf') format('truetype'),
       url('/font/Lora-Mediumitalic.svg#Lora') format('svg');
}


@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 600;
  src: url('/font/Lora-Bold.eot');
  src: local('Lora Bold'), local('Lora-Bold'),
       url('/font/Lora-Bold.eot?#iefix') format('embedded-opentype'),
       url('/font/Lora-Bold.woff2') format('woff2'),
       url('/font/Lora-Bold.woff') format('woff'),
       url('/font/Lora-Bold.ttf') format('truetype'),
       url('/font/Lora-Bold.svg#Lora') format('svg');
}
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 600;
  src: url('/font/Lora-Bolditalic.eot');
  src: local('Lora Bold Italic'), local('Lora-BoldItalic'),
       url('/font/Lora-Bolditalic.eot?#iefix') format('embedded-opentype'),
       url('/font/Lora-Bolditalic.woff2') format('woff2'),
       url('/font/Lora-Bolditalic.woff') format('woff'),
       url('/font/Lora-Bolditalic.ttf') format('truetype'),
       url('/font/Lora-Bolditalic.svg#Lora') format('svg');
}
.section-welcome .headline h2,
.section-video h3,
.section-topic .headline h3,
.language-txt .tit,
.section-title h1{font-family: 'Lora', serif !important}



/* Override ---------- */
@media(min-width:1070px){
  header .site-nav{gap:20px}
  header .menu-container .menu{gap:15px}
  header .menu-container .menu-item a:not(.btn-login){font-size:18px; line-height:1.2}
  header .menu-container .menu-item .submenu a{font-size:17px !important}
  header .menu-container .submenu{top:55px; min-width:240px}
  .page-status .item-wrap{max-width:900px !important}
  .page-checklist .check-item .text .title{line-height:1.2}
}

@media(min-width:1200px){
  header .menu-container .menu{gap:30px}
  /* header .menu-container .menu-item a:not(.btn-login){font-size:20px} */
}