/*   Theme Name: V1a Author: Hariz Fatah Version: 1.0.0  */  body, html { 	overflow-x:hidden!important; 	 }    body { 	background:#f1f1f1; 	font-family: 'Poppins', sans-serif; 	font-size:14px; 	padding-top:118px;  	transition:0.4s ease-in-out; 	color:#606060; }  body.scrolled { padding-top:56px; transition:0.4s ease-in-out; }  body.scrolled #mainbanner { 	margin-top:56px; 	transition:0.4s ease-in-out; }  .gs_reveal {   opacity: 0;   visibility: hidden;   will-change: transform, opacity; }   .modal-dialog::-webkit-scrollbar {   width: 0px!important; }   }  .imgpopup .modal-content { 	background:transparent; 	border:0; }   .imgpopup .modal-dialog {     max-width: 1100px;     margin-right: auto;     margin-left: auto; } .imgpopup .modal-header {     border-bottom:0; 	padding-top:0; 	padding-bottom:0 }  .imgpopup img {     box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.66); -webkit-box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.66); -moz-box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.66); }     .btn-green { background:#008D35; font-weight:700; color:white!important; border-radius:50px; display:inline-block; padding:10px 30px; text-transform:uppercase; letter-spacing:2px; text-decoration:none; transition:0.3s ease-in-out; }  .btn-green:hover { 	background:#2e3192; 	transition:0.3s ease-in-out; }  .modal { z-index:99999; }  .modal-backdrop { z-index:99998!important; opacity:0.8!important; }  header { 	background:#fff; 	position:fixed;  	top:0; 	left:0; 	width:100%; 	z-index:9999; 	border-bottom:1px solid #c4c4c4; }  .introduction { 	min-height:300px }  .introduction h2 { 	font-weight:500; 	font-size:22px; 	color:#008D35; }  .introduction h1 { 	font-weight:700; 	color:#494949; 	font-size:35px; 	margin-bottom:30px; }  .introduction .greenbox {     left: 350px;     width: 368px;     top: -76px; }  .featuredimage { 	width: 480px;          position: absolute;     left: 35px;     height: 290px;     top: -31px; 	border-bottom-left-radius: 30px;     border-bottom-right-radius: 30px;     border-top-left-radius: 30px;     box-shadow: 0px 6px 12px 1px rgba(0,0,0,0.2);     -webkit-box-shadow: 0px 6px 12px 1px rgba(0,0,0,0.2);     -moz-box-shadow: 0px 6px 12px 1px rgba(0,0,0,0.2); }  .logocontainer { 	padding-top:15px; }  .logo {  width:250px;  transition:0.4s ease-in-out;   }   .navbar-expand-md .navbar-nav {     padding-left: 20px; }   .navbar { 	text-transform:uppercase; 	font-weight:600; 	padding:0; 	transition:0.4s ease-in-out; }  .nav-link::before{     content: " ";     display: inline-block; 	width:13px; 	height:13px; 	margin-right:7px;     position: relative; }  .navbar-nav li:hover { background:#f7f7f7; cursor:pointer; }  .navbar-nav li:hover a.nav-link { color:#008D35; }   .menu-utama a::before { 	background: url('https://eimas-dev.doe.gov.my/assets/themes/v1/images/header/icon-laman.svg') no-repeat center bottom;   }  .menu-utama.current-menu-item a::before { 	background: url('https://eimas-dev.doe.gov.my/assets/themes/v1/images/header/icon-laman-putih.svg') no-repeat center bottom;   }  .menu-tentangkami a::before { 	background: url('https://eimas-dev.doe.gov.my/assets/themes/v1/images/header/icon-tentangkami.svg') no-repeat center bottom!important;   }  .menu-tentangkami.current-menu-item a::before { 	background: url('https://eimas-dev.doe.gov.my/assets/themes/v1/images/header/icon-tentangkami-putih.svg') no-repeat center bottom!important;   }  .menu-galeri a::before { 	background: url('https://eimas-dev.doe.gov.my/assets/themes/v1/images/header/icon-galeri.svg') no-repeat center bottom;   }  .menu-galeri.current-menu-item a::before { 	background: url('https://eimas-dev.doe.gov.my/assets/themes/v1/images/header/icon-galeri-putih.svg') no-repeat center bottom;   }  .menu-kemudahan a::before { 	background: url('https://eimas-dev.doe.gov.my/assets/themes/v1/images/header/icon-kemudahan.svg') no-repeat center bottom;   }  .menu-kemudahan.current-menu-item a::before { 	background: url('https://eimas-dev.doe.gov.my/assets/themes/v1/images/header/icon-kemudahan-putih.svg') no-repeat center bottom;   }  .menu-kursus a::before { 	background: url('https://eimas-dev.doe.gov.my/assets/themes/v1/images/header/icon-kursus.svg') no-repeat center bottom;   }  .menu-kursus.current-menu-item a::before { 	background: url('https://eimas-dev.doe.gov.my/assets/themes/v1/images/header/icon-kursus-putih.svg') no-repeat center bottom;   }  .menu-muatturun a::before { 	background: url('https://eimas-dev.doe.gov.my/assets/themes/v1/images/header/icon-muatturun.svg') no-repeat center bottom;   }  .menu-muatturun.current-menu-item a::before { 	background: url('https://eimas-dev.doe.gov.my/assets/themes/v1/images/header/icon-muatturun-putih.svg') no-repeat center bottom;   }  .menu-hubungikami a::before { 	background: url('https://eimas-dev.doe.gov.my/assets/themes/v1/images/header/icon-hubungikami.svg') no-repeat center bottom;   }  .menu-hubungikami.current-menu-item a::before { 	background: url('https://eimas-dev.doe.gov.my/assets/themes/v1/images/header/icon-hubungikami-putih.svg') no-repeat center bottom;   }  .menu-sejarah .dropdown-item::before, .current-menu-item .menu-sejarah .dropdown-item::before {     content: " ";     display: inline-block; 	width:18px; 	height:18px; 	margin-right:7px;     position: relative; 	background: url('https://eimas-dev.doe.gov.my/assets/themes/v1/images/header/icon-sejarah.svg') no-repeat center bottom!important; 	filter: invert(26%) sepia(17%) saturate(4016%) hue-rotate(106deg) brightness(102%) contrast(104%); }  .menu-sejarah .dropdown-item:hover::before{ 	filter: invert(100%) sepia(0%) saturate(7484%) hue-rotate(263deg) brightness(108%) contrast(104%); }  .menu-visimisi .dropdown-item::before, .current-menu-item .menu-visimisi .dropdown-item::before{     content: " ";     display: inline-block; 	width:18px; 	height:18px; 	margin-right:7px;     position: relative; 	background: url('https://eimas-dev.doe.gov.my/assets/themes/v1/images/header/icon-visimisi.svg') no-repeat center bottom!important; 	filter: invert(26%) sepia(17%) saturate(4016%) hue-rotate(106deg) brightness(102%) contrast(104%); }  .menu-visimisi .dropdown-item:hover::before{ 	filter: invert(100%) sepia(0%) saturate(7484%) hue-rotate(263deg) brightness(108%) contrast(104%); }  .menu-fungsi .dropdown-item::before, .current-menu-item .menu-fungsi .dropdown-item::before{     content: " ";     display: inline-block; 	width:18px; 	height:18px; 	margin-right:7px;     position: relative; 	background: url('https://eimas-dev.doe.gov.my/assets/themes/v1/images/header/icon-fungsi.svg') no-repeat center bottom!important; 	filter: invert(26%) sepia(17%) saturate(4016%) hue-rotate(106deg) brightness(102%) contrast(104%); }  .menu-fungsi .dropdown-item:hover::before{ 	filter: invert(100%) sepia(0%) saturate(7484%) hue-rotate(263deg) brightness(108%) contrast(104%); }  .menu-carta .dropdown-item::before,   .current-menu-item .menu-carta .dropdown-item::before {     content: " ";     display: inline-block; 	width:18px; 	height:18px; 	margin-right:7px;     position: relative; 	background: url('https://eimas-dev.doe.gov.my/assets/themes/v1/images/header/icon-carta.svg') no-repeat center bottom!important; 	filter: invert(26%) sepia(17%) saturate(4016%) hue-rotate(106deg) brightness(102%) contrast(104%); }  .menu-carta .dropdown-item:hover::before { 	filter: invert(100%) sepia(0%) saturate(7484%) hue-rotate(263deg) brightness(108%) contrast(104%); }    .dropdown:hover .dropdown-menu { padding-top:0; padding-bottom:0; }    .module-secondbanner { 	background:white;height:416px;border:1px solid #DBDBDB;border-radius:40px;padding:0; }  .module-pengumuman { 	background:white;height:416px;border:1px solid #DBDBDB;border-radius:40px;padding:25px; }  .module-galeri { 	background:white;height:375px;border:1px solid #DBDBDB;border-radius:40px;padding:25px; }  .module-kalendar { 	background:white;height:375px;border:1px solid #DBDBDB;border-radius:40px;padding:25px!important; }  .wrapper { 	padding-top:100px; 	padding-bottom:100px; }  body.scrolled .dropdown:hover .dropdown-menu {       display: block; 	  top:55px; 	  left:0; }   .dropdown-menu  { border-radius:0; border:0; border-top:3px solid #008D35; }  .dropdown-item { text-transform:none; font-size:13px; }  .dropdown-item a { 	color:red!important; }  .dropdown:hover .dropdown-menu {       display: block; 	  top:78px; 	  left:0; }  .dropdown-toggle::after {             content: none; }  .nav-link { padding: 30px 13px 30px!important; 	display:block; 	font-size: 11.5px;     transition: 0.4s ease-in-out;     font-weight: 600;     letter-spacing: 1px;  }  body.scrolled .nav-link { padding: 20px 17px 0!important; transition:0.4s ease-in-out; }   body.scrolled .logo {     width:150px; 	transition:0.4s ease-in-out; }  body.scrolled .menu-item {     height:56px; 	transition:0.4s ease-in-out; 	 }  body.scrolled .dropdown-menu .menu-item {     height: auto;     transition: 0.4s ease-in-out; }  .dropdown-menu .menu-item { height:26px; }  .menu-item { 	border-right: 1px solid rgba(196,196,196,0.47);     height: 80px; 	transition:0.4s ease-in-out; 	   position:relative } .menu-item:last-child { 	 }  .current-menu-item { background: rgb(0,102,34); background: -moz-linear-gradient(180deg, rgba(0,102,34,1) 0%, rgba(0,140,52,1) 100%); background: -webkit-linear-gradient(180deg, rgba(0,102,34,1) 0%, rgba(0,140,52,1) 100%); background: linear-gradient(180deg, rgba(0,102,34,1) 0%, rgba(0,140,52,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006622",endColorstr="#008c34",GradientType=1); } .navbar-nav .current-menu-item:hover { background: rgb(0,102,34); background: -moz-linear-gradient(180deg, rgba(0,102,34,1) 0%, rgba(0,140,52,1) 100%); background: -webkit-linear-gradient(180deg, rgba(0,102,34,1) 0%, rgba(0,140,52,1) 100%); background: linear-gradient(180deg, rgba(0,102,34,1) 0%, rgba(0,140,52,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006622",endColorstr="#008c34",GradientType=1); }  .current-menu-item a { color:white!important; }  .current-menu-item .dropdown-menu a { color:inherit!important; background:white; }  .dropdown-menu { border-bottom-left-radius:10px; border-bottom-right-radius:10px; }  .dropdown-menu li:hover { background:transparent!important; }  .dropdown-menu .current-menu-item { 	background:transparent; }   .dropdown-menu li:last-child a { border-bottom-left-radius:10px; border-bottom-right-radius:10px; }.dropdown-menu li:hover:last-child a { border-bottom-left-radius:10px!important; border-bottom-right-radius:10px!important; }  .dropdown-menu .menu-item  { 	border-right: 0;     height: auto; }	  #main-menu .dropdown-menu a { background:white; background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff",endColorstr="#fff",GradientType=1); padding-top: 12px;     padding-bottom: 12px; 	color:rgba(0,0,0,0.65); 	/* padding-left:25px; 	padding-right:25px; */ 	transition:0.3s ease; }  #main-menu .dropdown-menu a:hover { background: rgb(0,141,52); background: -moz-linear-gradient(90deg, rgba(0,141,52,1) 0%, rgba(0,100,36,1) 100%); background: -webkit-linear-gradient(90deg, rgba(0,141,52,1) 0%, rgba(0,100,36,1) 100%); background: linear-gradient(90deg, rgba(0,141,52,1) 0%, rgba(0,100,36,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008d34",endColorstr="#006424",GradientType=1); color:white!important; transition:0.3s ease; }  #main-menu .dropdown-menu a:focus { color:black!important; }   .searchbar { 	margin-top:26px; 	transition:0.4s ease-in-out; }  body.scrolled .searchbar { 	margin-top:13px; 	transition:0.4s ease-in-out; }  .searchbar [type=search] {     -webkit-appearance: textfield;     outline-offset: -2px;     width: 129px; 	border:1px solid #d0d0d0; 	border-radius:50px; }  .search-form { 	position:relative; }  .search-form input[type="submit"] {     display: block;     width: 40px;     font-size: 0;     position: absolute;     top: 0;     right: 0;     z-index: 10;     opacity: 0; }  .mainmenucontainer {  }  .topbar { background: rgb(0,140,53); background: -moz-linear-gradient(180deg, rgba(0,140,53,1) 0%, rgba(0,102,35,1) 100%); background: -webkit-linear-gradient(180deg, rgba(0,140,53,1) 0%, rgba(0,102,35,1) 100%); background: linear-gradient(180deg, rgba(0,140,53,1) 0%, rgba(0,102,35,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008c35",endColorstr="#006623",GradientType=1); color:white; padding-top:5px; padding-bottom:5px; }  .footer-menu { 	background:darkgreen; }  .footer-end { 	background:#242D59; 	color:#fff; 	font-size:12px; 	padding:10px 0; }  .footer-end a { 	color:white; }         /* IMAGE THUMBNAIL */  .thumbnailcontainer{   padding: 0.5em 0;   float: left;   width: 100%; } @media screen and (max-width: 640px){   .thumbnailcontainer{     display: block;     width: 100%;   } }  @media screen and (min-width: 900px){   .thumbnailcontainer{     width: 100%;   } }  .thumbnailcontainer .title{   color: #1a1a1a;   text-align: center;   margin-bottom: 10px; }  .thumbnailcontent {   position: relative;   width: 100%;   max-width: 400px;   margin: auto;   overflow: hidden;padding-bottom:70%;   margin-top:0px; }  .thumbnailcontent .content-overlay {   background: rgba(0,0,0,0.7);   position: absolute;   height: 100%;   width: 100%;   left: 0;   top: 0;   bottom: 0;   right: 0;   opacity: 0;   -webkit-transition: all 0.4s ease-in-out 0s;   -moz-transition: all 0.4s ease-in-out 0s;   transition: all 0.4s ease-in-out 0s;   z-index:1; }  .thumbnailcontent:hover .content-overlay{   opacity: 1; }  .content-image {   width: 100%;   object-fit:cover;   position:absolute;   object-position:center center;   top:0;height:100%;    }  .content-details {   position: absolute;   text-align: center;   padding-left: 1em;   padding-right: 1em;   width: 100%;   top: 50%;   left: 50%;   opacity: 0;   -webkit-transform: translate(-50%, -50%);   -moz-transform: translate(-50%, -50%);   transform: translate(-50%, -50%);   -webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;   transition: all 0.3s ease-in-out 0s;   z-index:2; }  .thumbnailcontent:hover .content-details{   top: 50%;   left: 50%;   opacity: 1; }  .content-details h3{   color: #fff;   font-weight: 500;   margin-bottom: 0.5em;   font-size:20px; }  .content-details p{   color: #fff;   font-size: 14px; }   .fadeIn-right{   left: 80%; }  .icon-zoom { filter: invert(1); }   /* END IMAGE THUMBNAIL */     @media (max-width:1399.98px) { .logo {  width:150px!important; }  body.scrolled .logo {  width:150px!important; }    body.scrolled .nav-link { padding: 22px 10px 0!important; }  .nav-link { 	font-size:11px; padding: 22px 10px 0!important; }  body.scrolled .menu-item {      height: 70px;  }  .menu-item {      height: 70px;  }  .dropdown:hover .dropdown-menu {     display: block;     top: 69px;     left: 0; }  }  @media (max-width:1199.98px) { .logo {  width:11vw; } .secondsection .featuredimage {     width: 417px!important;  } .navbar-expand-md .navbar-nav {     padding-left: 10px; }  body.scrolled .nav-link { padding: 22px 5px 0!important; }  .nav-link { 	font-size:11px; 	padding: 22px 5px 0!important; }  } @media (max-width:991.98px) { 	 	#pojo-a11y-toolbar { 		top:128px!important; 	} .mobmenur-container {     position: fixed!important;     right: 0px; 	 }  body .logo {     width:150px; 	transition:0.4s ease-in-out; }  .introduction p {     padding-right:0px!important; }  .wrapper {     padding-top: 180px; }  .featuredimage { position:relative; width:100%; top:0; left:0; height:auto; padding-bottom:62%; } .introduction .greenbox { display:none; } }   @media (max-width:767.98px) { 	 	 .wrapper {     padding-top: 140px; }  body.scrolled .menu-item {     height: inherit; }     }