@font-face {
font-family: 'Gotham';
src: url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Light.eot);
src: url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Light.eot?#iefix) format('embedded-opentype'),
url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Light.woff2) format('woff2'),
url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Light.woff) format('woff'),
url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Thin.eot);
src: url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Thin.eot?#iefix) format('embedded-opentype'),
url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Thin.woff2) format('woff2'),
url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Thin.woff) format('woff'),
url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Thin.ttf) format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Book.eot);
src: url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Book.eot?#iefix) format('embedded-opentype'),
url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Book.woff2) format('woff2'),
url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Book.woff) format('woff'),
url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Book.ttf) format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Black.eot);
src: url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Black.eot?#iefix) format('embedded-opentype'),
url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Black.woff2) format('woff2'),
url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Black.woff) format('woff'),
url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Black.ttf) format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Bold.eot);
src: url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Bold.eot?#iefix) format('embedded-opentype'),
url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Bold.woff2) format('woff2'),
url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Bold.woff) format('woff'),
url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/fonts/hinted-Gotham-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
}@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700"); html,
body {
background: #fff;
font-family: Gotham, Arial, sans-serif;
font-size: 16px;
}
hr {
border-color: #cfcfcf;
}
hr.short {
width: 30px;
margin-left: 0;
margin-top: 10px;
margin-bottom: 10px;
}
a {
cursor: pointer;
}
img {
max-width: 100%;
height: auto;
}
.flex {
display: flex;
}
.flex-vcenter {
display: flex;
align-items: center;
}
.flex-center {
display: flex;
align-items: center;
justify-content: center;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
}
.fa {
font-size: 30px;
}
.mobileonly {
display: none;
}
.border-top {
border-top: 1px solid #cfcfcf;
}
.aligncenter {
text-align: center;
margin-left: auto;
margin-right: auto;
display: inherit;
}  .tab-content > .tab-pane,
.pill-content > .pill-pane {
display: block; height: 0; overflow-y: hidden; }
.tab-content > .active,
.pill-content > .active {
height: auto; }  .title-line {
display: block;
border-bottom: 1px solid #cfcfcf;
}
.title {
text-align: center;
}
.title-left {
text-align: left;
}
.title-dred {
color: #cb1a25;
}
.title-red {
color: #e4001c;
}
.title-blue {
color: #093990;
}
.title-grey {
color: #363535;
}
.h2 {
font-size: 28px;
}
.h3 {
font-size: 25px;
}  .txt-blue {
color: #093990;
}
.txt-grey {
color: #545454;
}
.txt-smaller {
font-weight: 300;
font-size: 75%;
}
.txt-center {
text-align: center;
} table {
width: 100%;
}
td {
vertical-align: top;
}
.table-default td {
padding: 10px;
}
.table-indent {
margin: 0 30px;
}
.table-indent td {
padding: 2px 5px;
border: 0;
}
.table-auto {
width: auto;
}
.table-vmiddle td {
vertical-align: middle;
}
.table-brands td {
border: 1px solid #cfcfcf;
vertical-align: middle;
text-align: center;
width: 33.33%;
padding: 10px;
background: #eaeaea;
}
.table-line td {
border: 1px solid #ababab;
padding: 10px;
}
.table-vision td {
border: 1px solid #cfcfcf;
border-left: 0;
border-right: 0;
padding: 30px;
background: #f8f8f8;
}
.table-country td:first-child {
font-size: 13px;
line-height: 24px;
text-transform: uppercase;
}
.table-leadership td:first-child {
text-transform: uppercase;
font-size: 13px;
}
.table-leadership {
font-size: 14px; } .btn-red {
display: inline-block;
background: #e4001c;
color: #fff;
padding: 10px 20px 8px 20px;
font-weight: bold;
}
.btn-red:focus,
.btn-red:hover {
text-decoration: none;
color: #fff;
}
.btn-dred {
display: inline-block;
background: #b50018;
color: #fff;
padding: 10px 20px 8px 20px;
font-weight: bold;
}
.btn-dred:focus,
.btn-dred:hover {
text-decoration: none;
color: #fff;
}
.btn-blue {
display: inline-block;
background: #083990;
color: #fff;
padding: 10px 20px 8px 20px;
font-weight: bold;
margin-bottom: 5px;
}
.btn-blue:focus,
.btn-blue:hover {
text-decoration: none;
color: #fff;
}
.btn-dblue {
display: inline-block;
background: #0a277c;
color: #fff;
padding: 10px 20px 8px 20px;
font-weight: bold;
margin-bottom: 5px;
}
.btn-dblue:focus,
.btn-dblue:hover {
text-decoration: none;
color: #fff;
}
.btn-grey {
display: inline-block;
background: #8d8d8d;
color: #fff;
padding: 10px 20px 8px 20px;
font-weight: bold;
margin-bottom: 5px;
}
.btn-grey:focus,
.btn-grey:hover {
text-decoration: none;
color: #fff;
}
.btn-campus {
display: inline-block;
background: #eee;
color: #333;
padding: 10px 20px 8px 20px;
font-weight: bold;
margin-bottom: 5px;
min-width: 150px;
text-align: center;
}
.btn-campus:focus,
.btn-campus:hover {
text-decoration: none;
color: #333;
} header {
background: #fff;
font-size: 13px;
position: relative;
z-index: 99;
}
header > .container {
position: relative;
}
.header-logo {
padding: 10px 20px 10px 0;
}
.header-logo img {
height: 50px;
}
.header-campus {
position: relative;
border-left: 1px solid #cfcfcf;
padding-left: 15px;
}
.header-campus .dropdown-toggle {
font-size: 20px;
font-weight: 900;
background: transparent;
border: 0;
padding-right: 30px;
}
.header-campus .dropdown-toggle:after {
font-family: 'FontAwesome';
content: '\f107';
display: block;
position: absolute;
right: 0;
top: 50%;
margin-top: -15px;
font-size: 30px;
font-weight: normal;
line-height: 30px;
}
.header-campus .dropdown-menu {
box-shadow: none;
border-radius: 0;
padding: 0;
left: 15px;
top: auto;
}
.header-campus .dropdown-menu > li > a {
padding: 10px 20px;
}
.header-contact {
margin-left: auto;
margin-right: 20px;
}
.header-nav {
} .nav-icon {
background: #fff;
border: 1px solid #ccc;
border-top: 0;
border-bottom: 0;
color: #000;
padding: 20px 30px;
font-size: 30px;
outline: 0;
}
.header-nav .nav {
display: none;
position: absolute;
right: 15px;
z-index: 9999;
font-size: 15px;
}
.header-nav .nav ul {
margin: 0;
padding: 0;
}
.header-nav .nav li {
display: block;
}
.header-nav .nav li a {
background: #034ea1;
padding: 15px 65px 15px 20px;
display: block;
text-decoration: none;
color: #fff;
font-weight: bold;
border-top: 1px solid rgba(255,255,255,0.3);
white-space: nowrap;
position: relative;
}
.header-nav .nav li.active,
.header-nav .nav li:hover {
}
.header-nav .nav li.active a,
.header-nav .nav li:hover a {
color: #fff;
text-decoration: none;
}
.header-nav .nav li a:hover:before {
content: ' ';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.05);
z-index: 1;
}
.header-nav .nav li a.parent:after {
font-family: 'FontAwesome';
content: '\f0d7';
display: block;
position: absolute;
right: 15px;
top: 50%;
margin-top: -15px;
font-size: 15px;
font-weight: normal;
line-height: 30px;
}
.header-nav .nav li a.open:after {
content: '\f0d8';
} .header-nav .nav li ul {
display: none;
}
.header-nav .nav li li a {
background: #11427c;
font-weight: normal;
font-size: 14px;
}
.header-nav .nav li li li a {
background: #282828;
}
.header-nav .nav li li li li a {
background: #505050;
} .nav-copyright {
background: #282828;
color: #505050;
padding: 0 15px 15px;
font-size: 9px;
white-space: nowrap;
}
.header-nav .nav .menu-footer {
background: #282828;
padding: 15px 0;
font-size: 13px;
}
.header-nav .nav .menu-footer li a {
color: #7b8fa5;
background: #282828;
padding: 10px 15px;
border: 0;
text-transform: uppercase;
} .slick-dots {
display: block;
padding: 0;
margin: 0;
list-style: none;
text-align: right;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 15px;
height: 15px;
margin: 0 2px;
padding: 0;
cursor: pointer;
pointer-events: all;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 15px;
height: 15px;
padding: 0;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
font-size: 12px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px; font-family: 'FontAwesome';
content: '\f111';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: .75;
color: black;
} .feature {
position: relative;
}
.feature .container-1600 {
width: 1600px;
max-width: 100%;
margin: 0 auto;
}
.feature-dots {
position: absolute;
bottom: 15px;
right: 0;
width: 100%;
pointer-events: none;
}
.feature-slider .item {
position: relative;
padding-bottom: 39px; outline: 0;
}
.feature-slider .item-image {
display: block;
width: 100%; padding-bottom: 41%;
background-position: top center;
background-size: cover;
}
.feature-slider .item > img {
width: 100%;
}
.feature-slider .item-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.feature-slider .caption-date {
display: inline-block;
font-size: 15px;
background: #2d2d2d;
color: #fff;
padding: 10px 15px 8px 15px;
text-transform: uppercase;
font-weight: bold;
opacity: 0.9;
}
.feature-slider.feature-campus .caption-date {
color: #2d2d2d;
background: #fff;
}
.feature-slider .caption-text {
display: block;
font-size: 30px;
font-weight: bold;
width: 100%;
max-width: 600px;
line-height: 1;
background: rgba(8,57,144,0.8);
position: relative;
}
.feature-slider .caption-text a {
color: #fff;
min-height: 100px;
display: flex;
align-items: center;
padding: 15px 50px 15px 15px;
}
.feature-slider .caption-arrows {
position: absolute;
top: 0;
right: 0;
display: flex;
flex-direction: column;
}
.feature-slider .feature-next,
.feature-slider .feature-prev {
width: 50px;
height: 50px;
border: 0;
outline: 0;
display: flex;
align-items: center;
justify-content: center;
}
.feature-slider .feature-next {
background: #fff;
color: #000;
}
.feature-slider .feature-prev {
background: #2d2d2d;
color: #9a9a9a;
}
.feature-slider .caption-read {
display: inline-block;
font-size: 15px;
background: #0a2e6c;
color: #fff;
padding: 10px 15px 8px 15px;
text-transform: uppercase;
font-weight: bold;
}
.feature-slider .caption-read-blank {
display: block;
height: 39px;
}
.feature-slider a:focus,
.feature-slider a:active,
.feature-slider a:hover {
text-decoration: none;
outline: 0;
} .events-wrapper {
margin: 30px 0 0;
border: 1px solid #cfcfcf;
border-left: 0;
border-right: 0;
padding-bottom: 10px;
}
.event-slider .slick-track {
margin-left: 0;
}
.event-slider .item {
display: flex;
align-items: center;
position: relative;
outline: 0;
padding: 0 30px;
}
.event-slider .item,
.event-slider .item:hover,
.event-slider .item:focus {
text-decoration: none;
color: #333;
}
.event-slider .item:not(:last-child):after {
content: ' ';
display: block;
width: 1px;
height: 60px;
position: absolute;
right: 0;
top: 50%;
margin-top: -30px;
background: #cfcfcf;
}
.event-slider .event-date {
color: #e4001c;
font-weight: bold;
font-size: 26px;
line-height: 0.9;
margin: 0 15px;
}
.event-slider .event-date span {
display: block;
font-size: 43px;
}
.event-slider .slick-arrow {
display: block;
background: #fff;
border: 0;
color: transparent;
text-indent: -9999px;
outline: 0;
height: 0;
font-size: 0;
}
.event-slider .slick-arrow:after {
font-family: 'FontAwesome';
font-size: 30px;
line-height: 60px;
display: block;
width: 30px;
height: 60px;
position: absolute;
top: 50%;
margin-top: -30px;
color: #08398f;
text-indent: 0;
background: #fff;
z-index: 9;
}
.event-slider .slick-disabled:after {
opacity: 0;
}
.event-slider .slick-next:after {
content: '\f105';
right: 0;
}
.event-slider .slick-prev:after {
content: '\f104';
left: 0;
} .content {
margin: 30px 0;
}
.maincontent {
padding: 30px 0;
} .search-program {
margin-bottom: 30px;
}
.dropdown {
margin: 30px 0 0;
}
.program-search {
position: relative;
width: 100%;
border: 1px solid #ababab;
font-size: 18px;
padding: 15px;
}
.program-search::placeholder {
color: #ababab;
}
.program-submit {
border: 0;
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 50px;
padding: 0;
background: transparent url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/images/icon-search.png) center no-repeat;
outline: 0;
}
.program-dropdown-btn {
position: relative;
width: 100%;
border: 1px solid #ababab;
border-left: 0;
border-right: 0;
font-size: 18px;
font-weight: bold;
padding: 15px;	
color: #e30f24;
border-radius: 0;
background: transparent;
}
.program-dropdown-btn .fa {
position: absolute;
right: 30px;
top: 50%;
margin-top: -15px;
}
.program-dropdown-btn:after {
font-family: 'FontAwesome';
content: '\f107';
display: block;
position: absolute;
right: 30px;
top: 50%;
margin-top: -15px;
font-size: 30px;
font-weight: normal;
line-height: 30px;
}
.program-dropdown-btn.open:after {
content: '\f106';
}
.program-dropdown {
position: relative;
border-radius: 0;
box-shadow: none;
max-height: 320px;
overflow-y: auto;
background: transparent;
border: 0;
width: 100%;
width: calc(100% - 30px);
margin: 15px 10px;
padding: 0 5px;
font-size: 16px;
}
.program-dropdown::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
background-color: transparent;
}
.program-dropdown::-webkit-scrollbar {
width: 5px;
background-color: transparent;
}
.program-dropdown::-webkit-scrollbar-thumb {
background-color: #083990;
border: 0;
}
.program-dropdown .fa {
position: absolute;
right: 15px;
top: 50%;
margin-top: -15px;
}
.program-dropdown ul {
margin: 0;
padding: 0;
list-style: none;
display: none;
}
.program-dropdown li {
background: #093990;
border-top: 1px solid #cfcfcf;
}
.program-dropdown li a {
display: block;
padding: 15px 20px;
color: #fff;
font-weight: bold;
position: relative;
}
.program-dropdown li a.parent:after {
font-family: 'FontAwesome';
content: '\f107';
display: block;
position: absolute;
right: 15px;
top: 50%;
margin-top: -15px;
font-size: 30px;
font-weight: normal;
line-height: 30px;
}
.program-dropdown li a.open:after {
content: '\f106';
}
.program-dropdown li a:focus,
.program-dropdown li a:hover {
background: transparent;
color: #fff;
text-decoration: none;
}
.program-dropdown li a:hover:before {
content: ' ';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.05);
z-index: 1;
}
.program-dropdown li li {
background: #d6d6d6;
}
.program-dropdown li li a {
color: #000;
}
.program-dropdown li li a:focus,
.program-dropdown li li a:hover {
text-decoration: none;
color: #000;
}
.program-dropdown li li li {
background: #fff;
}
.program-dropdown li li li a {
font-weight: normal;
} .campus {
margin: 30px 0;
}
.campus .row {
margin-left: -5px;
margin-right: -5px;
}
.campus .col-md-4 {
padding-left: 5px;
padding-right: 5px;
}
.box-campus {
display: block;
position: relative;
margin-bottom: 10px;
}
.box-campus:active,
.box-campus:hover {
text-decoration: none;
}
.box-campus img {
width: 100%;
}
.box-campus .campus-image {
background: #f6f6f6;
background-size: cover;
background-position: center;
padding-bottom: 66.25%;
}
.campus-caption {
display: block;
background: transparent url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/images/stripes.png) repeat;
position: absolute;
bottom: 0;
width: 100%;
}
.campus-caption > span {
height: 52px;
display: inline-flex;
align-items: center;
background: #034ea1;
min-width: 50%;
width: auto;
font-size: 22px;
color: #fff;
font-weight: bold;
padding: 10px 30px;
}
.campus-page .campus-caption > span {
font-size: inherit;
}
.campus-caption > span:before {
content: ' ';
display: block;
position: absolute;
width: 1px;
height: 40px;
left: 10px;
top: 50%;
margin-top: -20px;
background: #cfcfcf;
}
.campus-caption > span:after {
content: ' ';
display: block;
position: absolute;
right: 10px;
top: 50%;
margin-top: -22px;
width: 46px;
height: 45px;
background: transparent url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/images/campus-arrow.png) center no-repeat;
z-index: 2;
} .quicklinks {
margin: 30px 0;
}
.quicklinks .row {
margin-left: -5px;
margin-right: -5px;
}
.quicklinks .col-md-4 {
padding-left: 5px;
padding-right: 5px;
}
.box-ql {
display: block;
position: relative;
margin-bottom: 10px;
}
.box-ql:active,
.box-ql:hover {
text-decoration: none;
}
.box-ql img {
width: 100%;
}
.box-ql .ql-image {
background: #f6f6f6;
background-size: cover;
background-position: center;
padding-bottom: 53.75%;
}
.ql-caption {
display: flex;
align-items: center;
width: 100%;
position: absolute;
bottom: 0;
background: #e4001c;
color: #fff;
height: 52px;
}
.ql-caption > span {
display: block;
font-size: 16px;
font-weight: bold;
padding: 10px 30px;
} .brands {
background: #e0e0e0;
margin: 30px 0;
}
.box-brand {
font-size: 16px;
font-weight: bold;
color: #000;
letter-spacing: 0.07em;
padding: 15px 20px;
position: relative;
}
.box-brand:not(:first-child):before {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 50%;
margin-top: -20px;
width: 1px;
height: 40px;
background: #a4a4a4;
}
.box-brand:active,
.box-brand:hover {
text-decoration: none;
color: #000;
}
.box-brand img {
max-height: 41px;
}
.box-brand.logo img {
max-height: 66px;
} .box-news {
display: block;
color: #4b4b4b;
font-size: 16px;
padding: 10px 50px 10px 10px;
border-bottom: 1px solid #cfcfcf;
position: relative;
height: 65px;
display: flex;
align-items: center;
}
.box-news:after {
content: '\f105';
font-family: 'FontAwesome';
font-size: 30px;
line-height: 18px;
display: block;
width: 10px;
height: 18px;
position: absolute;
right: 0;
top: 50%;
margin-top: -9px;
color: #e30f24;
} .video {
padding-bottom: 30px;
}
.yt-wrapper {
position: relative;
padding-bottom: 56.25%; height: 0;
width: 100%;
}
.yt-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .col-default {
position: relative;
}
.col-default h1 {
margin-bottom: 0;
font-size: 52px;
font-weight: 900;
}
.col-default .col-md-6 {
padding-bottom: 20px;
}
.col-default .col-right {
padding-top: 20px;
}
.box-col-default {
margin-left: 20px;
margin-top: 20px;
}
.bg-right {
background: #eee url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/images/col-stripes.png) 0 20px no-repeat;
background: #eee;
position: absolute;
width: calc(50% - 15px);
height: 100%;
top: 0;
right: 0;
}
.before-title {
display: inline-block;
padding-bottom: 5px;
min-width: 60%;
border-bottom: 1px solid #000;
margin-bottom: 30px;
}
.after-title {
display: block;
margin-top: -35px;
padding-top: 5px;
margin-bottom: 10px;
font-weight: bold;
}
blockquote { font-size: 21px;
line-height: 1.2; color: #777;
font-style: italic;
font-weight: 300;
border: 0;
padding: 10px 30px;
position: relative;
}
blockquote:before {
content: ' ';
display: block;
width: 24px;
height: 18px;
background: transparent url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/images/blockquote1.png) center no-repeat;
position: absolute;
top: 0;
left: 0;
}
blockquote:after {
content: ' ';
display: block;
width: 24px;
height: 18px;
background: transparent url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/images/blockquote2.png) center no-repeat;
position: absolute;
bottom: 0;
right: 0;
} .col-ext-list {
position: relative;
}
.col-ext-list .dropdown-toggle {
font-size: 20px;
font-weight: bold;
color: #083990;
border: 1px solid #cfcfcf;
border-left: 0;
border-right: 0;
background: transparent;
width: 100%;
padding: 15px 30px;
}
.col-ext-list .dropdown-toggle:after {
font-family: 'FontAwesome';
content: '\f107';
display: block;
position: absolute;
right: 15px;
top: 50%;
margin-top: -15px;
font-size: 30px;
font-weight: normal;
line-height: 30px;
}
.ext-list {
padding: 0;
margin: 0;
list-style: none;
}
.ext-list.dropdown-menu {
display: block;
position: relative;
border: 0;
box-shadow: none;
float: none;
font-size: inherit !important;
}
.ext-list li a {
display: block;
padding: 15px 30px;
border-top: 1px solid #cfcfcf;
font-weight: bold;
color: #083990;
position: relative;
}
.ext-list > li:last-child a {
border-bottom: 1px solid #cfcfcf;
}
.ext-list li a:after {
content: ' ';
display: block;
width: 11px;
height: 22px;
background: transparent url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/images/blue-arrow.png) center no-repeat;
position: absolute;
top: 50%;
right: 15px;
margin-top: -11px;
}
.ext-list li.active a,
.ext-list li.active a:hover,
.ext-list li a:focus,
.ext-list li a:hover {
text-decoration: none;
background: #f6f6f6;
color: #083990;
}
.ext-list li.active a:focus,
.ext-list li.active a {
background: #eee;
color: #666;
}
.ext-list li.active a:after {
display: none;
} .bg-openday {
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
padding-top: 30px;
}
.openday {
overflow-x: hidden;
}
.openday-intro {
padding: 10px 30px;
}
.col-bg-right {
background: #eee;
}
.col-bg-right .box-col-default {
margin-right: 20px;
}
.ocountdown {
background: #e4001c;
color: #fff;
text-align: center;
font-size: 30px;
}
.ocountdown-box {
padding: 15px;
}
.ocountdown-title {
font-weight: 900;
margin: 0;
}
.ocountdown-counter {
font-size: 21px;
display: flex;
align-items: center;
justify-content: center;
}
.ocountdown-day {
display: inline-block;
min-width: 50px;
padding: 0 10px;
font-size: 45px;
font-weight: bold;
background: #980113;
margin-right: 10px;
} .box-bod {
display: flex;
align-items: center;
color: #fff;
background: #2c6bd6;
margin-bottom: 10px;
}
.box-bod img {
max-width: 128px;
width: 128px;
}
.box-bod > p:first-child {
margin: 0;
}
.bod-text {
padding: 15px;
font-size: 13px;
}
.bod-text h4 {
font-size: 14px;
margin: 0;
text-transform: uppercase;
}
.subtab .nav-tabs {
display: flex; flex-wrap: wrap;
border: 0;
}
.subtab .nav-tabs li {
max-width: 50%;
font-size: 12px;
display: flex;
flex: 1;
}
.subtab .nav-tabs li a {
display: flex;
align-items: flex-end;
border-radius: 0;
font-weight: bold;
color: #333;
width: 100%;
}
.subtab .nav-tabs>li.active>a, 
.subtab .nav-tabs>li.active>a:focus, 
.subtab .nav-tabs>li.active>a:hover {
background: #e4e4e4;
color: #093990;
}
.box-col-default .tab-content .active {
background: #e4e4e4;
padding: 15px;
margin-right: 2px;
} .course {
position: relative;
}
.course h1 {
margin-bottom: 0; font-size: 40px;
font-weight: 900;
}
.course-faculty {
display: inline-block;
padding-bottom: 5px;
min-width: 60%;
border-bottom: 1px solid #000;
margin-bottom: 30px;
} .course-dropdown,
.course-dropdown ul {
margin: 0;
padding: 0;
list-style: none;
font-weight: bold;
}
.course-dropdown {
margin-top: 20px;
font-size: 18px;
border-bottom: 1px solid rgba(0,0,0,0.3);
}
.box-col-default .course-dropdown {
margin-top: 0;
margin-left: -20px;
}
.course-dropdown ul {
display: none;
}
.course-dropdown li:not(.course-text) > a {
border-top: 1px solid rgba(0,0,0,0.3);
} .course-dropdown li:not(.course-text) > a {
display: block;
color: #083990;
background: transparent;
padding: 15px 20px;
position: relative;
}
.course-dropdown li:not(.course-text) > a:focus,
.course-dropdown li:not(.course-text) > a:hover {
text-decoration: none;
}
.course-dropdown li li:not(.course-text) {
background: #dedede;
color: #515151;
}
.course-dropdown li li:not(.course-text) > a {
color: #515151;
}
.course-dropdown li li li:not(.course-text) {
background: #85a4da;
color: #fff;
}
.course-dropdown li li li:not(.course-text) > a {
color: #fff;
}
.course-dropdown li li li li {
border-top: 0;
}
.course-dropdown li:not(.course-text) > a.parent:after {
font-family: 'FontAwesome';
content: '\f107';
display: block;
position: absolute;
right: 15px;
top: 50%;
margin-top: -15px;
font-size: 30px;
font-weight: normal;
line-height: 30px;
}
.course-dropdown li:not(.course-text) > a.open:after {
content: '\f106';
}
.course-text {
padding: 0 20px 10px 20px;
font-weight: normal;
font-size: 16px;
} .course-text ul {
list-style-type: disc;
font-weight: normal;
display: block;
padding-inline-start: 40px;
}
.course-text ul li {
background: none !important;
color: #515151 !important;
} .course-dropdown.blue-accordion {
margin-top: 0;
margin-left: 30px;
border-bottom: 0;
}
.blue-accordion > li a.parent {
background: #093990;
border-top: 1px solid #cfcfcf;
color: #fff;
}
.blue-accordion > li:first-child a.parent {
border-top: 0;
}
.blue-accordion > li li.course-text {
padding-top: 10px;
background: #fff;
} .programme-dropdown,
.programme-dropdown ul {
margin: 0;
padding: 0;
}
.programme-dropdown li {
display: block;
}
.programme-dropdown li a {
background: #034ea1;
padding: 15px 65px 15px 20px;
display: block;
text-decoration: none;
color: #fff;
font-weight: bold;
border-top: 1px solid rgba(255,255,255,0.3);
white-space: nowrap;
position: relative;
}
.programme-dropdown li.active,
.programme-dropdown li:hover {
}
.programme-dropdown li.active a,
.programme-dropdown li:hover a {
color: #fff;
text-decoration: none;
}
.programme-dropdown li a:hover:before {
content: ' ';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.05);
z-index: 1;
}
.programme-dropdown li a.parent:after {
font-family: 'FontAwesome';
content: '\f0d7';
display: block;
position: absolute;
right: 15px;
top: 50%;
margin-top: -15px;
font-size: 15px;
font-weight: normal;
line-height: 30px;
}
.programme-dropdown li a.open:after {
content: '\f0d8';
}
.programme-dropdown li ul {
display: none;
}
.programme-dropdown li li a {
background: #11427c;
font-weight: normal;
font-size: 14px;
}
.programme-dropdown li li li a {
background: #282828;
}
.programme-dropdown li li li li a {
background: #505050;
} .faculty h1 {
margin-bottom: 20px;
font-size: 52px;
font-weight: 900;
}
.faculty-feature {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 22.25%
}
.faculty-programmes {
margin-top: -10px;
}
.faculty-programmes ul {
list-style: none;
margin: 0;
padding: 0;
}
.faculty-programmes li a {
display: block;
color: #000;
padding: 15px;
border-bottom: 1px solid #cfcfcf;
border-right: 10px solid #083990;
}
.faculty-programmes li a:focus,
.faculty-programmes li a:hover {
background: #f6f6f6;
text-decoration: none;
}
.faculty-programmes li.programmes-list a {
padding: 9px 15px 6px 15px;
}
.faculty-programmes li a h4 {
margin: 0;
color: #093990;
font-size: 16px;
margin-bottom: -2px;
}
.faculty-programmes li a.programmes-cat {
color: #093990;
font-weight: bold;
border-right: 1px solid #cfcfcf;
} .faculty-testimonials {
padding-top: 20px;
}
.box-testimonials {
color: #4b4b4b;
display: flex;
margin-bottom: 20px;
}
.box-testimonials > img {
width: 210px;
height: 210px;
border-radius: 250px;
order: 0;
margin-right: 20px;
margin-left: 0;
}
.box-testimonials:nth-child(even) > img {
order: 1;
margin-right: 0;
margin-left: 20px;
}
.testimonials-dash {
margin-right: 5px;
}
.testimonials-content {
padding: 10px;
} .testimonials-text {
text-indent: 40px;
position: relative;
line-height: 1.7;
}
.testimonials-text p {
position: relative;
z-index: 2;
}
.testimonials-text:before {
content: ' ';
display: block;
width: 35px;
height: 29px;
position: absolute;
top: -5px;
left: -5px;
background: transparent url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/images/testimonials/quote1.png) no-repeat;
}
.testimonials-text:after {
content: ' ';
display: block;
width: 35px;
height: 29px;
position: absolute;
bottom: 0;
right: 0;
background: transparent url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/images/testimonials/quote2.png) no-repeat;
}
.testimonials-author {
display: flex;
color: #083990;
font-weight: bold;
font-size: 19px;
}
.testimonials-author span {
display: block;
font-size: 16px;
color: #020202;
} .awards-wrapper {
padding: 0 40px;
border-left: 2px solid #e4001c;
}
.award-year {
display: inline-block;
background: #e4001c;
color: #fff;
margin-left: -40px;
font-size: 22px;
font-weight: bold;
padding: 2px 20px;
}
.award-html {
margin: 20px 0;
}
.awards-slider-for .item {
display: flex;
background: #eaeaea;
}
.awards-slider-for .item-caption {
font-size: 20px;
color: #000;
padding: 20px;
}
.awards-slider-for .item-img {
min-width: 70%;
}
.awards-slider-for .item-img img {
width: 100%;
}
.awards-slider-nav {
width: 90%;
margin-left: -5px;
}
.awards-slider-nav .slick-track {
margin-left: 0;
}
.awards-slider-nav .item {
margin: 10px 5px;
}
.awards-slider-nav .item img {
width: 100%;
}
.awards-slider-for .slick-arrow,
.awards-slider-nav .slick-arrow {
display: block;
background: transparent;
border: 0;
color: transparent;
text-indent: -9999px;
outline: 0;
height: 0;
font-size: 0;
padding: 0;
}
.awards-slider-for .slick-arrow:after,
.awards-slider-nav .slick-arrow:after {
font-family: 'FontAwesome';
font-size: 60px;
line-height: 60px;
display: block;
width: 30px;
height: 60px;
position: absolute;
top: 50%;
margin-top: -30px;
color: #000;
text-indent: 0;
background: transparent;
z-index: 9;
font-weight: 900;
}
.awards-slider-nav .slick-arrow:after {
font-size: 60px;
}
.awards-slider-for .slick-disabled:after,
.awards-slider-nav .slick-disabled:after {
opacity: 0;
}
.awards-slider-for .slick-next:after,
.awards-slider-nav .slick-next:after {
content: '\f105';
right: -30px;
}
.awards-slider-for .slick-prev:after,
.awards-slider-nav .slick-prev:after {
content: '\f104';
left: -30px;
} footer { position: relative;
}
.footer-sitemap a,
.footer-sitemap a:hover,
.footer-sitemap a:focus {
color: #333;
font-size: 10px;
display: inline-block;
padding: 0 5px;
}
.footer-logo {
text-align: right;
padding-right: 100px;
padding-bottom: 20px;
position: absolute;
bottom: 0;
right: 0;
}
.footer-logo img { }
.footer-copyright {
text-align: center;
text-transform: uppercase;
font-size: 10px;
color: #333;
} .side-nav {
position: fixed;
right: 0;
top: 25%;
z-index: 999;
}
.side-nav ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-direction: column;
}
.side-nav li {
background: #bd050c;
}
.side-nav li:nth-child(even) {
background: #cc2228;
}
.side-nav li a {
display: block;
text-transform: uppercase;
color: #e4001c;
position: relative;
}
.side-nav li a:focus,
.side-nav li a:hover {
text-decoration: none;
}
.side-nav li img {
position: relative;
width: 65px;
padding: 15px;
background: #bd050c;
z-index: 2;
}
.side-nav li:nth-child(even) img {
background: #cc2228;
}
.side-nav li span {
display: block;
background: #cfcfcf url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/images/stripes.png) repeat;
padding: 10px 15px;
font-size: 15px;
line-height: 22px;
font-weight: bold;
position: absolute;
top: 50%;
right: 0;
margin-top: -21px;
white-space: nowrap;
z-index: 0;
width: 0;
}
.side-nav li a:hover span {
transition: all 0.3s;
right: 65px;
width: auto;
} #wp-live-chat {
font-size: 12px;
}
#wp-live-chat-2-info {
padding: 16px;
}
#wp-live-chat input, 
#wp-live-chat textarea {
font-size: 15px;
} .footer-awards {
margin: 0 0 30px 0;
}
.box-awards {
width: 16.66%;
display: flex;
align-items: center;
justify-content: center;
height: auto;
padding: 0;
background: #428de0;
position: relative;
}
.box-awards .awards-img {
padding: 30px;
} .box-awards:hover {
background-color: #0068da;
} .box-awards:not(:first-child):before {
content: ' ';
display: block;
position: absolute;
top: 10%;
left: -1px;
width: 2px;
height: 80%;
background: rgba(255,255,255,0.3);
} .alumni-list {
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.alumni-list li {
width: 33.3%;
text-align: center;
position: relative;
}
.alumni-list li a {
display: block;
padding: 10px;
}
.alumni-list li img {
width: 100%;
position: relative;
}
.alumni-list li.active:after,
.alumni-list li.active:hover:after,
.alumni-list li:hover:after {
content: ' ';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 10px solid #cfcfcf;
pointer-events: none;
}
.alumni-list li:hover:after {
border: 10px solid #f8f8f8;
}
.alumni-img img {
width: 100%;
}
.alumni-text {
color: #fff;
background: #0a277c;
padding: 20px;
margin-left: 15%;
margin-bottom: 30px;
}
.alumni-content p {
margin-bottom: 20px;
}
.alumni-arrows a:focus,
.alumni-arrows a:hover,
.alumni-arrows a {
color: #08398f;
font-weight: bold;
text-decoration: none;
position: relative;
line-height: 24px;
}
.alumni-arrows a.inactive:focus,
.alumni-arrows a.inactive:hover,
.alumni-arrows a.inactive {
color: #cfcfcf;
}
.alumni-arrows a[rel~=prev],
.alumni-prev {
float: left;
padding-left: 15px;
}
.alumni-arrows a[rel~=prev]:before,
.alumni-prev:before {
font-family: 'FontAwesome';
content: '\f104';
position: absolute;
top: -2px;
font-size: 28px;
line-height: 24px;
left: 0;
}
.alumni-arrows a[rel~=next],
.alumni-next {
float: right;
padding-right: 15px;
}
.alumni-arrows a[rel~=next]:after,
.alumni-next:after {
font-family: 'FontAwesome';
content: '\f105';
position: absolute;
top: -2px;
font-size: 28px;
line-height: 24px;
right: 0;
} .highlights {
padding-top: 30px;
}
.highlights-container {
background: #f6f6f6;
padding: 15px 0 60px 0;
}
.highlights-wrapper {
padding-top: 10px;
}
.highlights-maintitle {
display: flex;
margin-top: 20px; }
.highlights-maintitle .highlights-date {
color: #e4001c;
font-weight: bold;
font-size: 23px;
line-height: 0.9;
padding: 0 10px;
border-right: 1px solid #cfcfcf;
text-transform: uppercase;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.highlights-maintitle .highlights-date span {
display: block;
font-size: 38px;
}
.highlights-maintitle .highlights-title {
padding: 0 10px;
}
.highlights-maintitle .highlights-title h1 {
font-size: 23px;
margin: 0;
line-height: 1.25;
}
.highlights-maintitle .highlights-title span {
display: block;
color: #686868;
font-size: 16px;
} .events-content {
background: #f6f6f6;
padding: 30px 0;
}
.events-single .highlights-maintitle .highlights-title {
padding-bottom: 20px;
}
.events-single .box-col-default {
padding: 20px 0 20px 20px;
margin: 0;
}
.events-single .row:first-child .col-right {
border-left: 1px solid #cfcfcf;
}
.events-single .row:first-child {
padding: 15px 0;
} .box-highlights,
.box-events {
display: flex;
margin-top: 10px;
background: #093990 url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/images/stripes3.png) bottom left repeat-x;
padding: 15px 0 25px 0;
color: #fff;
}
.box-highlights:focus,
.box-highlights:hover {
text-decoration: none;
color: #fff;
}
.box-events {
padding: 0;
flex-direction: column;
height: calc(100% - 10px);
overflow: hidden;
}
.box-events:focus,
.box-events:hover {
text-decoration: none;
color: #fff;
}
.box-events .box-highlights {
margin-top: 0;
background: transparent;
}
.box-events .highlights-img {
width: 100%;
padding-bottom: 39.5%;
background-size: cover;
background-position: center;
background-color: #cfcfcf;
}
.box-events .box-highlights .highlights-date {
font-size: 20px;
}
.box-events .box-highlights .highlights-date span {
font-size: 32px;
}
.box-highlights .highlights-date {
color: #fff;
font-weight: bold;
font-size: 23px;
line-height: 0.9;
padding: 0 15px;
border-right: 1px solid #cfcfcf;
text-transform: uppercase;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.box-highlights .highlights-date span {
display: block;
font-size: 38px;
}
.box-highlights .highlights-title {
padding: 0 15px 0 15px;
}
.box-highlights .highlights-title h3 {
font-size: 18px;
line-height: 1.2;
margin: 0 0 0.5em 0;
}
.box-highlights .highlights-title span {
display: block;
color: #fff;
font-size: 14px;
}
.box-events .box-highlights .highlights-title h3 {
font-size: 14px;
}
.box-events .box-highlights .highlights-title span {
font-size: 12px;
}
.highlights-back {
text-align: center;
}
.btn-highlights,
.btn-highlights:hover,
.btn-highlights:focus {
color: #e4001c;
font-weight: bold;
text-decoration: none;
position: relative;
line-height: 24px;
padding: 0 15px;
display: inline-block;
}
.btn-highlights:before {
font-family: 'FontAwesome';
content: '\f104';
position: absolute;
top: -2px;
font-size: 28px;
line-height: 24px;
left: 0;
}
.highlights .row,
.events .row {
margin-left: -5px;
margin-right: -5px;
display: flex;
flex-wrap: wrap;
}
.highlights .col-md-4,
.events .col-md-4 {
padding-left: 5px;
padding-right: 5px;
}
.highlights .row .box-highlights,
.events .row .box-events {
height: calc(100% - 10px);
width: 100%;
}
.highlights-pagination {
margin-top: 30px;
text-align: center;
} .news-arrows {
text-align: right;
}
.news-arrows a:focus,
.news-arrows a:hover,
.news-arrows a {
color: #535353;
font-weight: bold;
text-decoration: none;
position: relative;
line-height: 24px;
display: inline-block;
padding-right: 15px;
padding-left: 15px;
}
.news-arrows a.inactive:focus,
.news-arrows a.inactive:hover,
.news-arrows a.inactive {
color: #cfcfcf;
}
.news-arrows a[rel~=prev]:before {
font-family: 'FontAwesome';
content: '\f104';
position: absolute;
top: -2px;
font-size: 28px;
line-height: 24px;
left: 0;
}
.news-arrows a[rel~=next]:after {
font-family: 'FontAwesome';
content: '\f105';
position: absolute;
top: -2px;
font-size: 28px;
line-height: 24px;
right: 0;
} .box-social {
display: block;
padding: 5px;
} .slider-for .slick-track {
display: flex;
}
.slider-nav .slick-track {
margin-left: 0;
display: flex;
}
.slider-for .item-caption,
.slider-nav .item-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 9px 20px;
color: #fff;
background: #e4001c;
}
.slider-for .slick-arrow,
.slider-nav .slick-arrow {
display: block;
background: transparent;
border: 0;
color: transparent;
text-indent: -9999px;
outline: 0;
height: 0;
font-size: 0;
padding: 0;
position: absolute;
top: 50%;
margin-top: -30px;
z-index: 9;
}
.slider-for .slick-arrow {
opacity: 0;
}
.slider-for:hover .slick-arrow {
opacity: 0.75;
}
.slider-for .slick-next,
.slider-nav .slick-next {
right: 0;
}
.slider-for .slick-prev,
.slider-nav .slick-prev {
left: 0;
}
.slider-for .slick-arrow:after,
.slider-nav .slick-arrow:after {
font-family: 'FontAwesome';
font-size: 60px;
line-height: 60px;
display: block;
width: 30px;
height: 60px;
color: #fff;
text-indent: 0;
background: transparent;
}
.slider-nav .slick-arrow:after {
font-size: 40px;
}
.slider-for .slick-disabled:after,
.slider-nav .slick-disabled:after {
opacity: 0;
}
.slider-for .slick-next:after,
.slider-nav .slick-next:after {
content: '\f105';
right: 0;
}
.slider-for .slick-prev:after,
.slider-nav .slick-prev:after {
content: '\f104';
left: 0;
}
.slider-for .item,
.slider-nav .item {
height: auto;
display: flex;
align-items: center;
background: rgba(0,0,0,0.1);
}
.slider-nav .item {
background: #23527c;
}
.slider-for img {
display: block;
width: 100%;
} .video-slider-nav .slick-track {
display: flex;
}
.video-slider-for .slick-arrow,
.video-slider-nav .slick-arrow {
display: block;
background: transparent;
border: 0;
color: transparent;
text-indent: -9999px;
outline: 0;
height: 0;
font-size: 0;
padding: 0;
position: absolute;
top: 50%;
margin-top: -30px;
z-index: 9;
}
.video-slider-for .slick-arrow {
opacity: 0;
}
.video-slider-for:hover .slick-arrow {
opacity: 0.75;
}
.video-slider-for .slick-next,
.video-slider-nav .slick-next {
right: 0;
}
.video-slider-for .slick-prev,
.video-slider-nav .slick-prev {
left: 0;
}
.video-slider-for .slick-arrow:after,
.video-slider-nav .slick-arrow:after {
font-family: 'FontAwesome';
font-size: 60px;
line-height: 60px;
display: block;
width: 30px;
height: 60px;
color: #fff;
text-indent: 0;
background: transparent;
}
.video-slider-nav .slick-arrow:after {
font-size: 40px;
}
.video-slider-for .slick-disabled:after,
.video-slider-nav .slick-disabled:after {
opacity: 0;
}
.video-slider-for .slick-next:after,
.video-slider-nav .slick-next:after {
content: '\f105';
right: 0;
}
.video-slider-for .slick-prev:after,
.video-slider-nav .slick-prev:after {
content: '\f104';
left: 0;
}
.video-slider-nav .item {
height: auto;
display: flex;
align-items: center;
background: rgba(0,0,0,0.1);
}
.video-slider-nav .item {
background: #23527c;
} .wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 input[type="file"],
.wpcf7 input[type="date"],
.wpcf7 select,
.wpcf7 textarea {
background: #fff;
border: 1px solid #ccc;
padding: 10px;
color: #6b6b6b;
width: 100%;
resize: none;
font-weight: normal;
}
.wpcf7 label {
width: 100%;
font-size: 15px;
font-weight: bold;
}
.wpcf7 label .star {
color: #e4001c;
}
.privacy-policy .wpcf7-list-item {
margin-left: 0;
padding: 10px 0;
}
.wpcf7 input[type="submit"] {
border: 0;
text-transform: uppercase;
}
.wpcf7 input[type="date"] {
text-transform: uppercase;
}
.your-time {
display: flex;
flex-wrap: wrap;
}
.your-time .wpcf7-list-item {
width: 30%;
margin: 0.5% 1%;
}
.wpcf7 input[type="radio"] {
display: none;
}
.wpcf7 input[type="radio"] + .wpcf7-list-item-label {
display: block;
background: #989898;
padding: 10px 15px;
text-align: center;
cursor: pointer;
}
.wpcf7 input[type="radio"]:checked + .wpcf7-list-item-label  {
background: #0a1868;
color: #fff;
} .cool-timeline.white-timeline .timeline-post.even .timeline-meta .meta-details,
.cool-timeline.white-timeline .timeline-post.odd .timeline-meta .meta-details,
.timeline-main-title {
display: none !important;
} .btn-loadmore {
display: inline-block;
padding: 10px 15px;
text-transform: uppercase;
margin: auto;
color: #093990;
border: 2px solid #093990;
font-weight: bold;
margin-top: 30px;
text-align: center;
}
.btn-loadmore:hover,
.btn-loadmore:focus {
text-decoration: none;
}
.search-month {
margin-bottom: 30px;
}
.month-dropdown-btn {
position: relative;
width: 100%;
border: 1px solid #ababab;
border-left: 0;
border-right: 0;
font-size: 18px;
font-weight: bold;
padding: 15px;	
color: #093990;
border-radius: 0;
background: transparent;
}
.month-dropdown-btn .fa {
position: absolute;
right: 30px;
top: 50%;
margin-top: -15px;
}
.month-dropdown-btn:after {
font-family: 'FontAwesome';
content: '\f107';
display: block;
position: absolute;
right: 30px;
top: 50%;
margin-top: -15px;
font-size: 30px;
font-weight: normal;
line-height: 30px;
}
.month-dropdown-btn.open:after {
content: '\f106';
}
.month-dropdown {
position: relative;
border-radius: 0;
box-shadow: none;
max-height: 320px;
overflow-y: auto;
background: transparent;
border: 0;
width: 100%;
width: calc(100% - 30px);
margin: 15px 10px;
padding: 0 5px;
font-size: 16px;
}
.month-dropdown::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
background-color: transparent;
}
.month-dropdown::-webkit-scrollbar {
width: 5px;
background-color: transparent;
}
.month-dropdown::-webkit-scrollbar-thumb {
background-color: #083990;
border: 0;
}
.month-dropdown .fa {
position: absolute;
right: 15px;
top: 50%;
margin-top: -15px;
}
.month-dropdown ul {
margin: 0;
padding: 0;
list-style: none;
display: none;
}
.month-dropdown li {
background: #093990;
border-top: 1px solid #cfcfcf;
}
.month-dropdown li a {
display: block;
padding: 15px 20px;
color: #fff;
font-weight: bold;
position: relative;
}
.month-dropdown li a.parent:after {
font-family: 'FontAwesome';
content: '\f107';
display: block;
position: absolute;
right: 15px;
top: 50%;
margin-top: -15px;
font-size: 30px;
font-weight: normal;
line-height: 30px;
}
.month-dropdown li a.open:after {
content: '\f106';
}
.month-dropdown li a:focus,
.month-dropdown li a:hover {
background: transparent;
color: #fff;
text-decoration: none;
}
.month-dropdown li a:hover:before {
content: ' ';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.05);
z-index: 1;
}
.month-dropdown li li {
background: #d6d6d6;
}
.month-dropdown li li a {
color: #000;
}
.month-dropdown li li a:focus,
.month-dropdown li li a:hover {
text-decoration: none;
color: #000;
}
.month-dropdown li li li {
background: #fff;
}
.month-dropdown li li li a {
font-weight: normal;
} .acal-container {
padding: 15px 0 30px 0;
}
.acal-table {
border: 0;
width: 100%;
}
.acal-table th,
.acal-table td {
padding: 15px;
border: 1px solid #ccc;
}
.acal-table th {
background: #024fa1;
color: #fff;
text-transform: uppercase;
}
.acal-table-footer {
display: flex;
align-items: flex-start;
}
.acal-legend {
display: flex;
justify-content: flex-end;
align-items: center;
font-size: 14px;
margin-left: auto;
}
.box-break,
.box-sembreak {
margin-right: 15px;
display: flex;
align-items: center;
}
.box-break:before {
content: ' '; 
display: inline-block;
width: 15px;
height: 15px;
background: #e6e6e6;
margin-right: 5px;
border-radius: 3px;
}
.box-sembreak:before {
content: ' '; 
display: inline-block;
width: 15px;
height: 15px;
background: #d5f5e3;
margin-right: 5px;
border-radius: 3px;
}
.box-exam {
display: flex;
align-items: center;
}
.box-exam:before {
content: ' '; 
display: inline-block;
width: 15px;
height: 15px;
background: #95b4e2;
margin-right: 5px;
border-radius: 3px;
} .search-acal {
margin-bottom: 30px;
}
.acal-filter {
margin-top: 0;
margin-bottom: 15px;
}
.acal-dropdown-btn {
position: relative;
width: 100%;
border: 0;
font-size: 18px;
font-weight: bold;
padding: 15px;	
color: #093990;
border-radius: 0;
background: #f1f1f1;
}
.acal-dropdown-btn .fa {
position: absolute;
right: 30px;
top: 50%;
margin-top: -15px;
}
.acal-dropdown-btn:after {
font-family: 'FontAwesome';
content: '\f107';
display: block;
position: absolute;
right: 30px;
top: 50%;
margin-top: -15px;
font-size: 30px;
font-weight: normal;
line-height: 30px;
}
.acal-dropdown-btn.open:after {
content: '\f106';
}
.acal-dropdown {
position: relative;
border-radius: 0;
box-shadow: none;
max-height: 320px;
overflow-y: auto;
background: transparent;
border: 0;
width: 100%;
width: calc(100% - 30px);
margin: 15px 10px;
padding: 0 5px;
font-size: 16px;
}
.acal-dropdown::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
background-color: transparent;
}
.acal-dropdown::-webkit-scrollbar {
width: 5px;
background-color: transparent;
}
.acal-dropdown::-webkit-scrollbar-thumb {
background-color: #083990;
border: 0;
}
.acal-dropdown .fa {
position: absolute;
right: 15px;
top: 50%;
margin-top: -15px;
}
.acal-dropdown ul {
margin: 0;
padding: 0;
list-style: none;
display: none;
}
.acal-dropdown li {
background: #093990;
border-top: 1px solid #cfcfcf;
}
.acal-dropdown li a {
display: block;
padding: 15px 20px;
color: #fff;
font-weight: bold;
position: relative;
}
.acal-dropdown li a.parent:after {
font-family: 'FontAwesome';
content: '\f107';
display: block;
position: absolute;
right: 15px;
top: 50%;
margin-top: -15px;
font-size: 30px;
font-weight: normal;
line-height: 30px;
}
.acal-dropdown li a.open:after {
content: '\f106';
}
.acal-dropdown li a:focus,
.acal-dropdown li a:hover {
background: transparent;
color: #fff;
text-decoration: none;
}
.acal-dropdown li a:hover:before {
content: ' ';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.05);
z-index: 1;
}
.acal-dropdown li li {
background: #d6d6d6;
}
.acal-dropdown li li a {
color: #000;
}
.acal-dropdown li li a:focus,
.acal-dropdown li li a:hover {
text-decoration: none;
color: #000;
}
.acal-dropdown li li li {
background: #fff;
}
.acal-dropdown li li li a {
font-weight: normal;
} body .booked-form .cf-block .field:last-child {
display: flex;
align-items: center;
}
body .booked-form .cf-block .field:last-child .field-label {
order: 2;
} .slof-left {
font-size: 14px;
}
.slof-left ul {
padding-left: 1.5em;
}
.slof-left ul li {
margin-bottom: 1em;
}
.slof-feature {
margin: 30px auto 20px;
}
.slof-feature .slof-img {
padding-bottom: 33%;
}
.slof-quicklinks {
background: #eceff6;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-top: 30px;
padding-bottom: 30px;
}
.slof-quicklinks .campus-caption > span {
font-size: 16px;
}
.slof-caption {
display: flex;
margin-bottom: 10px;
background: #093990 url(//www.mmu.edu.my/wp-content/themes/mmu2018/assets/images/stripes3.png) top left repeat-x;
padding: 25px 0 15px 0;
color: #fff;
}
.slof-caption .slof-title {
padding: 0 15px 0 15px;
}
.slof-caption .slof-title span {
display: block;
color: #fff;
font-size: 18px;
}
.after-title-slof {
display: block;
padding-bottom: 5px;
width: 300px;
border-bottom: 1px solid #ccc;
margin: auto;
margin-bottom: 30px;
}
.slof-reasons {
background: #f5f5f5;
padding-top: 30px;
padding-bottom: 30px;
}
.slof-reasons .slider-nav .item {
background: transparent;
align-items: flex-start;
outline: none;
}
.slof-reasons .slider-for .slick-arrow, 
.slof-reasons .slider-nav .slick-arrow {
top: 40%;
}
.slof-reasons .slider-for .slick-arrow:after, 
.slof-reasons .slider-nav .slick-arrow:after {
color: #696969;
}
.box-reasons img {
margin: auto;
}
.reasons-caption {
text-align: center;
padding: 20px;
} @media(min-width:1200px){
} @media(max-width:1199px){
} @media(max-width:991px){ header .flex-vcenter {
flex-wrap: wrap;
padding: 0;
width: 100%;
}
.header-logo {
padding: 0 15px;
}
.header-campus {
order: 2;
width: 100%;
border-top: 1px solid #cfcfcf;
border-right: 1px solid #cfcfcf;
border-left: 0;
padding-left: 0;
}
.header-campus .dropdown-toggle {
width: calc(100% - 30px);
padding: 10px 0;
text-align: center;
}
.header-campus .dropdown-toggle:after {
right: 15px;
}
.header-campus .dropdown-menu {
left: 0;
width: 100%;
margin-top: 0;
}
.header-contact {
order: 3;
width: 100%;
margin: 0;
display: flex;
}
.header-contact .btn-red {
width: 40%;
padding: 20px;
text-align: center;
display: flex;
align-items: center;
}
.header-contact .btn-dred {
width: 60%;
padding: 20px;
text-align: center;
display: flex;
align-items: center;
}
.header-nav {
margin-left: auto;
}
.header-nav .nav {
right: 0;
width: 100%;
} .events-single .row:first-child .col-right {
border-top: 1px solid #cfcfcf;
border-left: 0;
}
.events-content {
border-top: 1px solid #cfcfcf;
} .footer-logo {
position: relative;
padding: 0;
text-align: center;
} .container-m {
padding-left: 0;
padding-right: 0;
}
.col-openday-right .box-col-default {
padding-left: 15px;
padding-right: 15px;
margin-left: 0;
margin-right: 0;
}
.course-dropdown.blue-accordion {
margin-left: 0;
margin-right: 0;
}
.openday-intro {
padding-left: 15px;
padding-right: 15px;
}
.ocountdown {
font-size: 14px;
}
.ocountdown .col-md-6:not(:first-child) .ocountdown-box {
padding-top: 0;
}
.ocountdown-title {
font-size: 18px;
}
.ocountdown-day {
font-size: 22px;
min-width: 20px;
padding: 0 5px;
margin-right: 3px;
}
.ocountdown-counter {
font-size: 14px;
}
} @media(max-width:768px) { .mobileonly {
display: block;
}
.nomobile {
display: none;
} .alumni-arrows {
overflow: hidden;
padding-bottom: 30px;
} .feature.border-top {
border: 0;
}
.feature-slider .item-image {
height: auto;
padding-bottom: 80%;
}
.feature-slider .item-caption { margin: 0;
}
.feature-slider .container {
padding: 0;
}
.feature-slider .item {
padding-bottom: 30px;
}
.feature-slider .caption-arrows {
display: none;
} .feature-slider .caption-date,
.feature-slider .caption-read	{
font-size: 12px;
padding: 7px 15px 5px 15px;
height: 30px;
}
.feature-slider .caption-read-blank {
height: 30px;
}
.feature-slider .caption-text {
font-size: 14px;
}
.feature-slider .caption-text a {
min-height: 0;
padding: 10px 15px;
} .feature-dots {
bottom: 6px;
} .side-nav {
position: relative;
}
.side-nav ul {
flex-direction: row;
}
.side-nav li {
width: 25%;
}
.side-nav li img {
width: auto;
padding: 25px 25px 0 25px;
}
.side-nav li a {
color: #fff;
}
.side-nav li span {
background: transparent;
position: relative;
right: auto;
top: auto;
line-height: 1;
margin: 0;
white-space: normal;
width: auto;
text-align: center;
font-weight: normal;
font-size: 2.5vw;
padding: 10px;
}
.side-nav li a:hover span {
right: auto;
transition: all 0s;
} .box-news {
min-height: 65px;
height: auto;
} .brands .flex-center {
flex-direction: column;
}
.box-brand {
padding: 10px 0;
border-bottom: 1px solid rgba(255,255,255,0.3);
width: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
height: 66px;
}
.box-brand:not(:first-child):before {
display: none;
} .footer-awards {
margin: 30px 0;
}
.footer-awards .flex {
flex-wrap: wrap;
}
.box-awards {
width: 33.33%;
border-bottom: 1px solid rgba(255,255,255,0.3);
}
.box-awards:nth-child(4n):before {
display: none;
}
.box-awards .awards-img {
padding: 15%;
} .box-col-default {
margin: 0;
}
.bg-right {
background: #eee;
height: 300px;
width: 100%;
} .ext-list.dropdown-menu {
display: none;
position: absolute;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.15);
width: 100%;
}
.open > .ext-list.dropdown-menu {
display: block;
}
.ext-list li a {
border: 0;
margin: 2px 0 0;
font-weight: normal;
color: #333;
font-size: 14px;
padding: 10px 20px;
}
.ext-list li.active a,
.ext-list li.active a:hover,
.ext-list li a:focus,
.ext-list li a:hover {
background: #f6f6f6;
color: #333;
}
.ext-list li.active a:focus,
.ext-list li.active a {
background: #eee;
color: #333;
}
.ext-list li a:after {
display: none;
} .course-dropdown {
margin-left: -15px;
margin-right: -15px;
}
.course-dropdown > li {
background: #f6f6f6;
} .faculty-feature {
padding-bottom: 56.95%
} .box-testimonials > img {
width: 100px;
height: 100px;
} .highlights .row,
.events .row {
display: block;
} .your-time .wpcf7-list-item {
width: 45%;
} .awards-wrapper {
padding: 0 20px;
}
.award-year {
margin-left: -20px;
}
.awards-slider-for .slick-track {
display: flex;
}
.awards-slider-for .item {
flex-direction: column;
height: auto;
}
.awards-slider-for .item-caption {
font-size: 10px;
padding: 10px;
}
.awards-slider-for .item-caption hr.short:first-child {
display: none;
}
.awards-slider-nav {
width: calc(100% + 4px);
margin-left: -2px;
margin-right: -2px;
}
.awards-slider-nav .item {
margin: 4px 2px;
}
.awards-slider-nav .slick-arrow:after {
font-size: 30px;
}
.awards-slider-for .slick-next:after,
.awards-slider-nav .slick-next:after {
right: -23px;
}
.awards-slider-for .slick-prev:after,
.awards-slider-nav .slick-prev:after {
left: -23px;
} .acal-table-footer {
flex-direction: column;
align-items: flex-end;
}
.acal-legend {
order: -1;
margin-bottom: 15px;
}
.acal-table thead {
display: none;
}
.acal-table tr {
display: block;
border: 1px solid #ccc;
border-bottom: 0;
padding: 0;
}
.acal-table tr:last-child {
border-bottom: 1px solid #ccc;
}
.acal-table td {
display: block;
border: 0;
padding: 0 15px;
}
.acal-table td:first-child {
padding: 15px;
font-weight: bold;
background: #024fa1 !important;
color: #fff;
}
.acal-table td:first-child:before {
content: 'WEEK ';
}
.acal-table td:nth-child(2) {
padding-top: 15px;
}
.acal-table td:last-child {
padding-bottom: 15px;
}
} @media(max-width:480px) {
}