/*===== Home Page =====*/
.dis, .dis2{
  margin-left: 20px;
}
.slide-video {
    position: relative;
}
.ui-state-default{
  color: #000;
}
.ui-datepicker-div a{
  color: #000;
}
.entry-requirement-contents{
  text-shadow: 1px 1px #fff;
  background: linear-gradient(to right, #000, #ffffff2b);
}
.header-con{
  margin-top: 15px;
}
.new-programslide-content h1{
  text-shadow: 1px 1px #fff;
  background: linear-gradient(to right, #000, #ffffff2b);
}
.header-con strong{
  text-shadow: 1px 1px #fff;
  color: #c6c3ab;
}
.school-program-what-would-study{
  min-height: 337px !important;
  background: rgba(40, 29, 23, 0.83) none repeat scroll 0% 0%;
  border: #fff solid 1px;
}
#result-shp{
  color: red;
}
button.video-btn {
    position: absolute;
    color: #fff;
    bottom: 180px !important;
    /*bottom: 20%;*/
    background: #5cb467;
    left: 9%;
    border: 2px solid #5cb467;
    border-radius: 50px;
    cursor: pointer;
}
.modal-display-program h2{
  color: #50c878;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: bold;
}
.modal-display-program strong, .modal-display-program li, .modal-display-program span{
  line-height: 1.7;
  font-size: 16px;
  font-weight: 500;
  text-align: justify;
}
.addmore-student button{
  background: #f15e71;
  border: none;
  margin-top: 1.5em;
  padding: 0.6em 3em;
  outline: 0;
  cursor: pointer;
  border-radius: 50px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.05em;
  transition: 0.3s ease-out;
}
.student-info label:last-child{
  border-bottom-color: #900010;
}
.ui-datepicker-prev{
  color: #06ae58;
  margin: 0 40px;
}
.ui-datepicker-next{
  float: right;
  color: #06ae58;
  margin: 0 40px;
}
.ui-datepicker-title{
  text-align: center;
}
.ui-datepicker-header{
  background: #f1f1f1;
  border: 1px solid #ccc;
}
.student-info label:first-child{
  position: relative;
}

.student-info .close {
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 0;
  padding: 2px 10px;
  transform: translate(0%, -50%);
  border-radius: 50%;
  background-color: #f15e71;
  color: #fff;
}
.token-content{
  display: flex;
}
.token-content button{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .375rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #2471a3 ;
  border: 1px solid #2471a3;
  border-radius: .25rem;
  cursor: pointer;
}
.token-content button:hover{
  background-color: #1f618d;
}
.student-info .close:first-child{
  display: none;
}

.student-info .close:hover {background: #900010;}

.addmore-student button:hover {
    background: #900010;
}
.addmore-student {
  text-align: center;
}

.modal-display-program strong{
  font-weight: 700;
}
.registration_form input{
  height: inherit !important;
}
.modal-display-program tbody tr td {
    padding: 6px;
}
.school-holiday p{
  font-size: 15px;
}
.school-holiday h1{
  font-size: 25px;
}
.school-holiday ul li{
  margin-bottom: 0px;
}
.school-program-what-would-study p{
  margin-top: 20px;
}
.school-program-entry-requirements p{
  margin-bottom : 20px;
}
.modal-display-program table tr td{
  text-align: left;
  background: #fefefe;
}
.teacher-con{
  overflow: hidden;
}
.register-btn-con{
  margin: 5% auto;
  text-align: center;
}
.register-btn{
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.register-btn:hover{
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.teacher-con div{
  float: left;
}
.workshop-p, .equipment-p span{
  text-decoration: underline;
}
.teacher-img{
  width: 20%;
}
.teacher-info{
  width: 80%;
}
.modal-display-program table thead tr th{
  text-align: center;
}
button.video-btn p {
    padding: 10px 3rem;
    font-weight: bold;
}

body.album {
    background-color: #ececec24;
}

.responsive-embed video {
    height: auto;
}

.responsive-embed.widescreen {
    padding-bottom: 52%;
}

.responsive-embed {
    margin-bottom: 0;
}

/*===== Program - Bachelor of Music Page =====*/
/********** Overview section **********/
.overview-title {
    height: 100%;
    position: relative;
    background-color: #808080;
}

.overview-info {
    position: relative;
}

.title-wrap {
    transform: rotate(-90deg);
    transform-origin: 0 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    padding: 15px 20px;
    width: 500%;
    color: #ffffff;
}

.title-wrap h3 {
    color: #ffffff;
}

.align-middle {
    padding: 90px 50px;
    background-color: #ffffff;
}

.title-header h3 {
    font-size: 23px;
    color: #5cb467;
    margin-bottom: 30px;
    line-height: 30px;
    font-family: "Lato", sans-serif;
    font-weight: 900;
}

.title-sub-header h3 {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 30px;
    text-align: justify;
    font-family: "Lato", sans-serif;
}

.title-paragraph p {
    font-size: 16px;
    line-height: 26px;
    text-align: justify;
    font-family: "Lato", sans-serif;
}

.align-center {
    padding: 90px 50px;
}

.title-list ul {
    margin-left: 0;
}

.title-list ul li {
    text-decoration: none;
    list-style-type: none;
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 25px;
    vertical-align: middle;
    position: relative;
    padding-left: 25px;
    font-family: "Lato", sans-serif;
}

.title-list li::before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 10px solid #f7545d;
    border-left: 10px solid transparent;
    position: absolute;
    left: 0;
    top: 9px;
}

/*****----- Effect section -----*****/
.container p {
    text-align: center;
}

.chevron {
    position: absolute;
    width: 1.6rem;
    height: 0.23rem;
    opacity: 0;
    transform: scale(0.3);
    animation: move-chevron 3s ease-out infinite;
}

.chevron:first-child {
    animation: move-chevron 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
    animation: move-chevron 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    background: #2c3e50ab;
}

.chevron:before {
    left: 0;
    transform: skewY(30deg);
}

.chevron:after {
    right: 0;
    width: 50%;
    transform: skewY(-30deg);
}

@keyframes move-chevron {
    25% {
        opacity: 1;
    }

    33.3% {
        opacity: 1;
        transform: translateY(2.28rem);
    }

    66.6% {
        opacity: 1;
        transform: translateY(3.12rem);
    }

    100% {
        opacity: 0;
        transform: translateY(4.8rem) scale(0.5);
    }
}

/********** Application & Academic section **********/
.app {
    /* background: url(../images/notebook.png) no-repeat center center; */
    background-size: cover;
    position: relative;
}

.application {
    padding-bottom: 1rem;
}

table thead {
    border: 1px solid #ccc;
}

.application-deadline h6 {
    color: #5cb467;
    font-size: 20px;
}

.application h3 {
    font-family: "Open Sans";
    line-height: 45px;
    /* margin-bottom: 30px; */
    text-align: center;
}

.academic {
    padding: 90px 50px;
}

.academic h3 {
    text-align: center;
    color: #ffffff;
    line-height: 45px;
    margin-bottom: 30px;
}

.table-head th {
    text-align: center;
    padding: 10px 30px;
    background: #f1ebc8;
}

td.app-deadline-semester {
    font-weight: bold;
    text-align: center;
}

td.app-deadline-semester,
th.app-deadline {
    background: #f1ebc8;
    border: 1px solid #b1b1af3d;
    font-size: 16px;
    padding: 20px;
    text-transform: uppercase;
}

tbody tr {
    font-size: 16px;
    text-align: center;
}

tbody tr td {
    padding: 20px;
}

.table-body,
.sec-table-body {
    background: #fff;
    text-align: center;
    font-weight: bold;
}

tbody.table-body tr td {
    font-size: 14px;
    padding: 25px;
}

tbody.table-body td {
    padding: 15px;
}

.calender-button {
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    padding: 40px;
}

.calender-button .km-btn {
    display: block;
    width: 25%;
    text-align: center;
    margin: 10px auto;
    background: #a02b3a;
    padding: 12px 30px;
    font-size: 12px;
}

/********** Enquire Now section **********/
.enquire {
    text-align: center;
    padding: 40px 0;
    background: #ececec;
}

.enquire h1 {
    margin-bottom: 20px;
    font-family: "Roboto Slab", sans-serif;
    font-weight: 400;
}

.enquire h4 {
    font-family: "Lato", sans-serif;
}

.enquire-form {
    padding: 80px 0;
    background: #ffffff;
}

/* .text-message { min-height: 115px; } */
input.name-field,
input.email-field,
select.month,
select.year {
    margin-bottom: 10px;
}

.enquire-sub-btn {
    text-align: center;
}

.enquire-sub-btn input[type="submit"] {
    background: #649971;
    border-radius: 10px !important;
}

/*===== Program - Diploma in Sound Production Page =====*/
.production-title {
    height: 500px;
    position: relative;
    background-color: #808080;
}

.production-info {
    height: 500px;
    padding: 50px 70px;
}

.production-info p {
    line-height: 26px;
    text-align: justify;
    font-family: "Lato", sans-serif;
    font-size: 20px;
}

span.college-name {
    font-weight: 800;
    color: #5cb467;
}

.production-highlight {
    height: 500px !important;
    padding: 60px 40px;
    background-color: #f7f7f7;
}

.production-center {
    height: 500px !important;
    padding: 60px 40px;
    background-color: #ffffff;
}

/* ::-webkit-scrollbar {
	display: none;
} */

.fim {
    padding: 40px 60px;
    background-color: #ffffff;
}

.fim-title h3 {
    text-align: center;
    background-color: #ffe4e3;
    color: #a02b3a;
    width: 40%;
    padding: 10px 15px;
    border-radius: 50px;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    font-family: "Lato", sans-serif;
}

.fim .title-paragraph {
    font-size: 18px;
    text-align: justify;
    padding: 30px 50px;
}

.title-paragraph p {
    font-size: 16px;
    line-height: 1.6;
    text-align: justify;
    font-family: "Lato", sans-serif;
}

.calendar-reveal {
    width: 700px;
    height: 800px;
    border-radius: 5px;
    padding: 3rem;
}
.register-now-content{
  margin: 0 18%;
}
.bmus-calendar,
.fim-calendar {
    max-height: 600px;
    overflow: auto;
}

.january-calendar h3 {
    text-align: center;
    padding: 20px 0;
    font-weight: bold;
    color: #ffffff;
    background-color: #a02b3a;
    border-radius: 5px;
    margin-bottom: 2px;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
}

.may-calendar h3 {
    text-align: center;
    padding: 20px 0;
    font-weight: bold;
    color: #ffffff;
    background-color: #50c878;
    border-radius: 5px;
    margin-bottom: 2px;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
}

.sept-calendar h3 {
    text-align: center;
    padding: 20px 0;
    font-weight: bold;
    color: #ffffff;
    background-color: #0f52ba;
    border-radius: 5px;
    margin-bottom: 2px;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
}

.january-calendar,
.may-calendar,
.sept-calendar {
    margin-bottom: 20px;
}

th.jan-activities,
th.jan-day,
th.jan-date {
    background: #a02b3aa3;
    color: #ffffff;
    font-weight: 900;
    text-align: center;
    padding: 14px 0.625rem;
}

th.may-activities,
th.may-day,
th.may-date {
    background: #50c8789c;
    color: #ffffff;
    font-weight: 900;
    text-align: center;
    padding: 14px 0.625rem;
}

th.sept-activities,
th.sept-day,
th.sept-date {
    background: #0f52baa3;
    color: #ffffff;
    font-weight: 900;
    text-align: center;
    padding: 14px 0.625rem;
}

input.tiny.button.alert.close-button.close {
    font-weight: 800;
    font-size: 12px;
}

.intake-timetable {
    height: 15%;
}

.icom-color:before,
.icom-color:after {
    background: #5cb467;
}

/*===== International Student =====*/
/*== Study In Malaysia ==*/
.full-width {
    max-width: 100%;
}

.tabacc-detail .title {
    font-size: 25px;
    font-weight: 700;
    color: #252525;
    position: relative;
    padding-left: 0;
    margin-bottom: 0.5em;
    background: #5cb467;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.malaysia-con .mys-wrap {
    transition: transform 1s;
    border-radius: 3px;
}

.mys-wrap.weather-wrap:hover,
.mys-wrap.language-wrap:hover,
.mys-wrap.religion-wrap:hover,
.mys-wrap.currency-wrap:hover,
.mys-wrap.clothing-wrap:hover,
.mys-wrap.communi-wrap:hover,
.mys-wrap.transport-wrap:hover,
.mys-wrap.cost-wrap:hover,
.mys-wrap.volt-wrap:hover {
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.1);
    -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.57);
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.57);
}

.content-wrap p {
    line-height: 1.6;
}

.malaysia-con b {
    font-size: 18px;
    font-weight: 900;
}

.admisdetail-wrap .tabs>li>a[aria-selected="true"] span {
    border-bottom: 2px solid #ffffff;
    padding-bottom: 2px;
}

/*== Application Procedures ==*/
p.remind {
    font-weight: 700;
}

.admisdetail-wrap .small-title {
    text-align: center;
    font-size: 20px;
    margin-bottom: 15px;
}

.line {
    width: 10%;
    height: 2px;
    background: #50c878;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
}

.app-pro {
    background-color: #f5f5f5;
    padding: 15px 20px 20px;
    border-radius: 5px;
}

p.sub-info {
    font-size: 17px;
    font-weight: 500;
}

ol.order-list li {
    line-height: 1.7;
    font-size: 18px;
}

/*== Admissions ==*/
.ba-hldr {
    width: 30%;
    display: block;
    float: left;
}

.ba-hldr .baslider img {
    margin: auto;
    max-width: 100%;
}

.ba-hldr .baslider .slick-next {
    right: 20px;
}

.ba-hldr .baslider .slick-prev {
    left: 20px;
}

.gridder {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
}

.gridder .gridder-list {
    display: inline-block;
    overflow: hidden;
    width: 19%;
    margin: 0.25%;
    box-sizing: border-box;
}

.gridder .gridder-list:hover {
    opacity: 0.8;
    cursor: pointer;
}

.gridder .gridder-list:after {
    content: "";
    display: block;
}

.gridder.hasSelectedItem .gridder-list {
    opacity: 0.5;
}

.gridder.hasSelectedItem .gridder-list.selectedItem {
    opacity: 1;
}

.gridder .gridder-show {
    display: block;
    text-align: left;
    float: left;
    width: 100%;
    position: relative;
    padding: 40px 20px;
    box-sizing: border-box;
    margin-bottom: 1%;
    background: #eee;
}

.gridder .gridder-show .gridder-close {
    text-decoration: none;
    padding: 0px;
    color: #c8c8c8;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 60px;
    position: absolute;
    top: 10px;
    right: 20px;
    font-family: sans-serif;
}

.gridder .gridder-show .gridder-close:hover {
    color: #222222;
}

.gridder-content {
    display: block;
    position: relative;
}

.gridder-navigation {
    display: none;
}

li.international-gridder-list {
    width: 35% !important;
}

li.gridder-list h3 {
    padding: 50% 0;
    margin-bottom: 0;
    font-family: "Lato", sans-serif;
    color: #ffffff;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.5;
}

.bg-black {
    background-color: #0000003d;
    height: 100%;
}

.ng-black {
    background-color: #00000045;
    height: 100%;
    padding: 100px 0;
}

.ng-black:hover {
    background-color: none;
}

.ng-black h6 {
    color: #ffffff !important;
}

tbody.offer-table tr {
    text-align: left;
}

/*== Pre-Depature ==*/
ol.departure-list {
    background-color: #f5f5f5;
    padding: 15px 40px 20px;
    border-radius: 5px;
}

ol.departure-list li {
    font-size: 17px;
}

/*== Apply Now ==*/
.decotitle-wrap {
    padding-top: 2.5em;
}

.thank-you-title {
    margin-top: 0;
    padding: 1.6em;
}

.thank-you-wrap {
    padding: 5rem 20px 7rem;
}

.decotitle-wrap h1 {
    font-family: "Lato", sans-serif;
    background: #05ae59;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.paragraph p {
    font-size: 16px;
    font-weight: 600;
    color: #4a4a4a;
}

.thank-you p {
    font-size: 18px;
    margin-bottom: 1rem;
    text-align: center;
}

input[type="submit"] {
    background: #05ae59;
}

input[type="submit"]:hover {
    background: #068645;
}

/*== About Us ==*/
.faculty-info p {
    font-size: 18px;
}

.row.member-profile {
    margin-top: 40px;
    margin-bottom: 40px;
}

.img-round-square {
    width: 250px;
    height: 250px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-left: 25px;
    margin-right: 25px;
    cursor: pointer;
}

.img-round-square:hover {
    -moz-border-radius: 0%;
    -webkit-border-radius: 0%;
    -o-border-radius: 0%;
    border-radius: 0%;
}

.img-round-square {
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.img-round-square:hover {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.faculty-reveal-main h1 {
    font-family: "Roboto Slab", serif;
    text-align: center;
}

.faculty-reveal-main p span {
    border-bottom: 1px solid #a02b3a;
    padding-bottom: 2px;
}

.faculty-reveal-main p.lead {
    text-align: center;
}

.faculty-reveal h1 {
    font-family: "Roboto Slab", serif;
    font-size: 30px;
    margin-bottom: 25px;
    text-align: center;
}

.faculty-reveal-main {
    padding: 40px 30px;
    height: 550px;
    border-radius: 5px;
    width: 650px;
}

.faculty-reveal-main p {
    line-height: 1.7;
    font-size: 16px;
    font-weight: 500;
}

.faculty-reveal {
    padding: 40px 30px;
    border-radius: 5px;
    width: 850px;
}

.facilities-reveal {
    padding: 40px 30px;
    border-radius: 5px;
    width: 850px;
}

.facilities-images {
    float: left;
    margin: 20px;
    width: 35%;
}

.facilities-images a img {
    margin: 5px 0;
}

.facilities-reveal p {
    line-height: 1.7;
    font-size: 16px;
    font-weight: 500;
    text-align: justify;
}

.faculty-reveal p {
    line-height: 1.7;
    font-size: 16px;
    font-weight: 500;
    text-align: justify;
}

.our-college h1 {
    color: #05ae59;
    font-family: "Lato", sans-serif;
}

.all-members-profile {
    margin: 1rem 0;
}

.all-members-profile ul {
    margin-left: 0;
}

.all-members-profile ul li {
    list-style-type: none;
}

.all-members-profile ul li a {
    color: #000 !important;
    font-size: 18px;
    font-weight: bold;
}

.all-members-profile ul li a:hover {
    color: #06ae58 !important;
    text-decoration: underline;
}

.muzieknootjes {
    display: none;
    margin: auto;
    position: relative;
    top: -100px;
    min-width: 300px;
    border: 0px solid #5cb467;
}

.noot-1,
.noot-2,
.noot-3,
.noot-4 {
    position: absolute;
    animation: notes 2s infinite linear;
    font-size: 35px;
    opacity: 0;
    color: #5cb467;
}

.noot-1 {
    top: 60px;
    left: 0;
    animation-delay: 0.5s;
}

.noot-2 {
    top: 30px;
    left: 30%;
    animation-delay: 1s;
}

.noot-3 {
    top: 90px;
    left: 60%;
    animation-delay: 1.5s;
}

.noot-4 {
    top: 40px;
    left: 90%;
    animation-delay: 2s;
}

.facilities-list ul {
    margin-left: 0;
}

.facilities-list ul li {
    list-style-type: none;
}

.about-wrap .content li a {
    color: #000 !important;
    font-size: 18px;
    font-weight: bold;
}

.about-wrap .content li a:hover {
    color: #06ae58 !important;
    text-decoration: underline;
}

p.title {
    font-size: 2em;
    font-weight: bold;
    line-height: 1;
}

p.title small {
    color: #cacaca;
    font-size: 16px;
}

@keyframes notes {
    0% {
        transform: scale(1) translate(0, 0);
        opacity: 0;
    }

    50% {
        opacity: 1;
        transform: scale(1.5) translate(50%, -50%);
    }

    80% {
        opacity: 0;
        transform: scale(1.5) translate(100%, -100%);
    }

    100% {
        transform: scale(1.5) translate(100%, -100%);
        opacity: 0;
    }
}

.popup-image a img {
    width: 50%;
    display: inline-block;
    float: left;
    padding: 5px;
    border-radius: 7px;
}

.profile {
    float: left;
    text-align: center;
}

.profile img {
    width: 70%;
    border-radius: 50%;
    margin-bottom: 20px;
}

span.important-guy-name {
    font-weight: 600;
    text-decoration: underline;
}

.board-members-spacing {
    margin: 5px auto;
    visibility: hidden;
}

.grey-bg { background: #e9f6fbb0; }
.grey-bg b { color: #5cb467; }

/*===== Music =====*/
.album-cover h2 {
    text-align: center;
    font-family: "Roboto Slab", serif;
    font-weight: 700;
}

.box-height {
    height: 600px;
    overflow: auto;
}

.producer {
    height: 100%;
}

.album-cover,
.playlist {
    padding: 40px 20px;
    text-align: center;
}

.album-2016 {
    margin-bottom: 20px;
}

.all-album {
    margin-top: 20px;
}

.all-album h3 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    margin-bottom: 30px;
}

.all-album ul {
    margin-left: 0;
}

.all-album ul li {
    list-style-type: none;
    width: 100%;
    max-width: 100%;
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
}

.all-album ul li img {
    width: 20%;
    border-radius: 5px;
}

.all-album span {
    border-bottom: 2px solid #a02b3a;
    padding-bottom: 2px;
}

.more-details p {
    text-align: center;
    padding: 50px 0;
}

.spotify p {
    margin: 0;
    padding: 20px 0 0;
}

.more-details p button {
    margin-bottom: 0;
    width: 100%;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    background-color: #5cb467;
    padding: 15px 0;
}

.spotify p button {
    margin-bottom: 0;
    width: 100%;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    background-color: #5cb467;
    padding: 12.2px 0;
}

.more-details p button:hover {
    background-color: #78c983;
}

.more-details p button img {
    width: 6%;
}

.album-detail h3 {
    font-family: "Bree Serif", serif;
    text-align: center;
    padding: 15px 0;
}

.producer ul li {
    list-style-type: none;
    text-align: center;
    margin-bottom: 20px;
}

.producer ul {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}

.producer ul li p {
    line-height: 1.7;
}

.producer ul li h4 {
    font-family: "Lato", sans-serif;
    margin-bottom: 15px;
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: red;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
}

#myBtn:hover {
    background-color: #555;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

button#mute-video {
    color: #fff;
    background-color: #b6412e;
    font-size: 24px;
    margin: 30px auto -50px auto;
    display: block;
}

/*===== Malaysia =====*/
.apply-now-btn {
    padding: 1rem 0;
}

.apply-now-btn a button {
    font-family: "Open Sans";
    font-weight: bold;
    padding: 15px 3rem;
    border: 1px solid #dadada;
    border-radius: 50px;
    background: #5cb467;
    color: #fff;
    cursor: pointer;
}

/*===== Enquire Form =====*/
.enquire-content-bg {
    background-attachment: fixed;
    background-image: url(../images/Enquire_Student_Group.jpg);
    background-position: -30% 100%;
    background-repeat: no-repeat;
    background-size: 80%;
}

.enquire-form-new h1 {
    color: #14b15e;
    font-family: "Open Sans";
    margin-bottom: 20px;
}

.enquire-form-new p {
    font-size: 16px;
    line-height: 1.6;
}

.enquire-form-new p a {
    color: #14b15e;
    font-weight: bold;
}

.enquire-form-new {
    padding: 2rem 2rem 4rem;
    width: 35%;
    margin-right: 0;
    background: #fff;
}

label.sem-year select {
    display: inline-block;
    width: 49%;
}

label.program {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    font-weight: bold;
    margin: auto;
    text-align: center;
}

form.new-enquire-form label {
    padding-bottom: 1rem;
}

form.new-enquire-form label [type="email"],
form.new-enquire-form label [type="text"],
form.new-enquire-form label [type="number"] {
    border: 1px solid #cccccc9c;
    background: #fff;
    box-shadow: none;
    font-size: 14px;
}

label.about-icom [type="text"] {
    border-top: none !important;
}

form.new-enquire-form input[type="submit"] {
    padding: 10px 3em;
    width: 100% !important;
}

.slider-nav .slick-track {
    display: inline-block;
    width: auto !important;
}

.tabs-title>a:focus,
.tabs-title>a[aria-selected="true"] {
    background: transparent;
    color: #fff;
}

div#example-tabs {
    background: none;
    border: none;
    width: 100% !important;
}

.new-tab {
    background: none !important;
}

.tabs-title {
    float: left;
    display: inline-block;
}

.music-tabs-title {
    float: none;
}

.tabs-title>a:hover {
    background: transparent;
}

.tabs-title p {
    border-bottom: none;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.slider-nav {
    background-color: #292929;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.tabs-content {
    background: none;
}

.title-paragraph {
    position: relative;
}

.title-paragraph ul li {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 20px;
    list-style-type: none;
}

.title-paragraph ul li::before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 10px solid #f7545d;
    border-left: 10px solid transparent;
    position: absolute;
    left: 0;
    margin-top: 5px;
}

table.apply th {
    background: #5cb467;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    text-transform: uppercase;
    padding: 15px;
    border: 1px solid #fff;
}

td.bold-title {
    font-family: "Open Sans";
    font-weight: bold;
    padding: 14px;
    font-size: 15px;
}

.overview-info h2 {
    font-family: "Open Sans";
    font-weight: bold;
    margin: 25px 0 15px;
    text-align: center;
}

.overview-info p {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.6;
}

.overview-info p a {
    color: #10d06a;
    outline: none;
}

.ias-bg {
    margin: auto;
    width: 50%;
    text-align: center;
}

ul.ias-list li a {
    color: #06ae58;
}

ul.ias-list li {
    line-height: 1.6;
    margin: 10px 0;
}

.tabs-title>a {
    outline: 0;
}

.responsive-table h6.title {
    color: #5cb467;
    font-size: 20px;
}

table.mobile-version thead tr th {
    background: #f1ebc8;
    padding: 15px;
    text-align: center;
}

.display {
    display: none;
}

/*====Gudang====*/
.video {
    padding: 5% 0 0;
}

.video-gallery {
    margin-bottom: 10%;
}

.video-gallery h4 {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 2rem;
    padding: 4% 0 0;
}

.video-gallery ul {
    margin: 0;
    float: left;
}

.video-gallery ul li {
    list-style-type: none;
    margin-bottom: 10px;
    text-align: left;
}

.video-gallery ul li p {
    text-align: left;
}

.video-gallery ul li p span {
    color: #5cb467;
    font-weight: bold;
}

/*===EXTRA===*/
.slider-slick-nav>div>div>div.slick-slide {
    width: auto !important;
}

.slider-slick-nav>div>div>div.slick-slide p {
    margin: auto 30px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.happening-bg {
    background-image: url(../images/happening_img/happening.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.happening-bg div h1 {
    margin-bottom: 0;
    padding: 25% 0;
    visibility: hidden;
}

.happening-padding {
    padding: 5% 0;
}

.artical-readmore {
    position: relative;
}

.artical-readmore h1 {
  font-family: "Open Sans";
  font-size: 30px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.artical-readmore p {
  font-size: 16px;
}

.artical-readmore a {
  bottom: 0;
  position: absolute;
}

.artical-readmore a {
  border: 2px solid #5cb467;
  border-radius: 10px;
  color: #5cb467;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 20px;
  text-transform: uppercase;
}

hr.happening-spacing {
  margin: 3rem 0;
}

.happening-reveal {
  width: 70%;
}

.happening-content-img {
  text-align: center;
}

.happening-content-img img {
  width: 80%;
}

.happening-content h1 {
  font-family: "Open Sans";
  font-size: 35px;
  margin-bottom: 2rem;
}

.happening-content p {
  font-family: "Open Sans";
  line-height: 1.6;
}

.step {
  font-size: 16px;
  margin-bottom: 2rem;
}

.step p {
  font-weight: bold;
}

.step ol {
  margin-left: 4rem;
}

.step ol li {
  list-style-type: lower-roman;
}

.how-to-apply {
  width: 60%;
  max-width: 100%;
}

.how-to-apply>div p,
.how-to-apply>div ol li {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 1rem;
}

.new-program-slide {
  height: 70%;
}

.app-pro-padding {
  padding: 3rem;
}

.app-pro {
  padding: 2rem 5rem;
}

.app-pro h6 {
  font-size: 30px;
  margin-bottom: 20px;
  text-align: center;
}

p.sub-info,
ol.order-list li {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 1rem;
}


/* Register Form */
.application-form-1 { position: relative; }
/* .application-form-1:after { width: 1px; height: 100%; position: absolute; top: 0; left: 0; margin-left: 50%; background: #27265f; } */
.register-form { background-color: #ffffff; margin-bottom: 3rem; padding: 10px 30px 30px; }
.register-form h3 { border-bottom: 1px solid; font-family: Open Sans; font-size: 30px; margin: auto; padding: 20px 0; text-align: center; width: fit-content; }
label.form-1 h5,
.gender h5,
.country h5,
.programme h5,
.semester h5,
.password h5 { color: #252525; font-family: Open sans-serif; font-size: 22px; margin-bottom: 1rem; }
/* label.form-1>div { display: inline-block; width: 40%; } */
.name p,
.last-name p { color: #252525; margin-bottom: 5px; }
.gender>div { display: inline-block; }
.register-submit { position: relative; text-align: center; }
.new-faculty-content { background-color: #ffffff; background-image: linear-gradient(#ffffff, #edededd6), url("../images/About_Us_Vision_Mission.jpg"); background-position: top; background-repeat: no-repeat; background-size: cover; }
.retical-img { background: linear-gradient(#00000057, #00000057), url(../images/Facilities_Recitall_Hall.jpg); /* background-image: url(../images/Facilities_Recitall_Hall.jpg); */ background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 20px; /* filter: blur(1px); */ height: 150px; position: relative; width: 100%; /* -webkit-filter: blur(1px); */ }
.recording-img { background: linear-gradient(#00000057, #00000057), url(../images/Facilities_Recording_Studio.jpg); /* background-image: url(../images/Facilities_Recording_Studio.jpg); */ background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 20px; /* filter: blur(1px); */ height: 150px; position: relative; width: 100%; /* -webkit-filter: blur(1px); */ }
.surround-img { background: linear-gradient(#00000057, #00000057), url(../images/Facilities_Sps.jpg); /* background-image: url(../images/Facilities_Sps.jpg); */ background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 20px; /* filter: blur(1px); */ height: 150px; position: relative; width: 100%; /* -webkit-filter: blur(1px); */ }
.ensemble-img { background: linear-gradient(#00000057, #00000057), url(../images/Facilities_Ensemble_Room.jpg); /* background-image: url(../images/Facilities_Ensemble_Room.jpg); */ background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 20px; /* filter: blur(1px); */ height: 150px; position: relative; width: 100%; /* -webkit-filter: blur(1px); */ }
.classroom-img { background-image: linear-gradient(#00000057, #00000057), url(../images/Facilities_Classrooms_Collage-2.jpg); background-position: 100% 20%; background-repeat: no-repeat; background-size: cover; border-radius: 20px; /* filter: blur(1px); */ height: 150px; position: relative; width: 100%; /* -webkit-filter: blur(1px); */ }
.the-muse-bar-img { background-image: linear-gradient(#00000057, #00000057), url(../images/Facility_Muse_Bar_New.jpg); /* background-image: url(../images/Facility_Muse_Bar_New.jpg); */ background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 20px; /* filter: blur(1px); */ height: 150px; position: relative; width: 100%; /* -webkit-filter: blur(1px); */ }
.private-room-img { background-image: linear-gradient(#00000057, #00000057), url(../images/Facilities_Privet_Practice_Rooms_Collage.jpg); background-position: left; background-repeat: no-repeat; background-size: cover; border-radius: 20px; /* filter: blur(1px); */ height: 150px; position: relative; width: 100%; /* -webkit-filter: blur(1px); */ }
.lib-multi-img { background-image: linear-gradient(#00000057, #00000057), url(../images/Facilities_Library_Media-2.jpg); background-position: left; background-repeat: no-repeat; background-size: cover; border-radius: 20px; /* filter: blur(1px); */ height: 150px; position: relative; width: 100%; /* -webkit-filter: blur(1px); */ }
.new-facilities-list { margin-bottom: 1.75rem; }
.new-facilities-list p { font-size: 20px; font-weight: bold; margin-bottom: 10px; }
.facilities-floor { margin-bottom: 20px; position: relative; }
.facilities-floor h2 { bottom: 10px; color: #ffffff; font-family: 'Open Sans'; font-size: 20px; font-weight: bold; line-height: 1.2; left: 30px; position: absolute; text-decoration: underline; }
.slider-slick-nav>div>div>div.slick-slide { display: inline-block; }
.enroll-semester p { margin-bottom: 5px; }
.name,
.last-name { margin-bottom: 1rem; }
.form-1 { border: 1px solid #cccccc8c; padding: 20px 0; }
.google-recapcha { margin: 1rem 0; }
.g-recaptcha>div { margin: auto; }
.partnership-bg { padding: 2rem 4rem 4rem; }
.partnerships-padding h1 { color: #05ae59; font-family: "Open Sans"; margin-bottom: 20px; }
.partnerships-padding p { font-size: 16px; line-height: 1.6; text-align: left; }
.partnerships img { margin-bottom: 1rem; width: 50%; }
.WLV_partnerships img { margin-bottom: 1rem; width: 60%; }
.partnerships h3 { font-family: "Open Sans"; }

.partnerships-padding { margin-bottom: 3rem; }
.partnerships-padding p { font-size: 18px; }
.partnerships h3 { font-size: 20px; margin-bottom: 20px; text-decoration: underline; }
.partnerships p { font-size: 18px; line-height: 1.6; text-align: left; }
.partnerships a { color: #05ae59; font-size: 14px; outline: none; }
.partnerships-img { text-align: center; }
.partnerships-img img { margin: auto; width: 80%; }
.partnership-bg { background-image: linear-gradient(#ebebeb, #edededd6), url("../images/World_Map.png"); background-position: center; background-repeat: no-repeat; background-size: contain; }
.block-malaysia-application { display: block; }
img.home-respon-img { display: none; }
.step ul li { list-style-type: lower-alpha; }
.footer-address p { font-size: 14px; }
.footer-reveal p { font-size: 14px; line-height: 1.6; }
.footer-table table tbody tr td { font-size: 14px; }
.tabs-title.respon-hide.slick-slide.slick-active { display: none; }
.floating-enquire-btn { background: #05ae59; bottom: 0; color: #ffffff; display: none; left: 0; padding: 15px 0; position: fixed; text-align: center; width: 100%; z-index: 2; }
.floating-enquire-btn p { font-size: 20px; font-weight: bold; text-transform: uppercase; }
.read-more, #dots { display: none; }
#more { display: inline; }
.new-programslide-content { padding: 10px; }

/******
    JayJayAng -
*   Program School Holiday Program 18092019
*   Program ICOM Corporate Training 18092019
*   Program ICOM Events 18092019
******/

/* Program School Holiday Program 18092019 */
/* .holiday-program { padding: 2rem 0; } */
.holiday-program h2 { color: #4b534d; font-family: 'Open Sans', sans-serif; font-size: 30px; font-weight: bolder; letter-spacing: 4px; line-height: 1.6; margin-bottom: 1rem; /* text-align: center; */ text-transform: uppercase; }
ul.holiday-program-list { margin-left: 0; }
ul.holiday-program-list li { list-style-type: none; }
li.program-item { margin: auto; /* text-align: center; */ }
li.program-item img { margin: auto; width: 85%; }
li.program-item p { color: #50c878; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: bold; padding: 10px 0; }
.lb-outerContainer { background-color: transparent !important; height: auto !important; width: auto !important; }
.lightbox .lb-image { border: 2px solid #ffffff; height: auto !important; width: 40% !important; margin: auto; }
.holiday-program p a { color: #05ae59; font-weight: bold; }

/* Program ICOM Corporate Training 18092019 */
.corparate-training-modal { top: 55px !important; width: 700px; }
.corparate-training-modal h2 { color: #4b534d; font-family: 'Open Sans', sans-serif; font-size: 30px; text-align: center; }
hr.popup-modal-line { border-bottom: 2px solid #cfcfcf; }
.synopsis, .learning-out-come, .why-enroll { margin-bottom: 1rem; }
.synopsis h3, .learning-out-come h3, .why-enroll h3 { color: #5cb467; font-family: 'Open Sans', sans-serif; font-size: 26px; margin-bottom: 14px; }
.synopsis p { font-size: 16px; font-weight: 600; line-height: 1.6; }
.learning-out-come p, .why-enroll p { font-size: 16px; font-weight: 600; line-height: 1.6; margin-bottom: 0; }
.corparate-training-modal p.attention { color: #DC4E4E; font-size: 14px; font-weight: bold; }

/* Program ICOM Events 18092019 */
p.sub-info span { color: #50c878; font-weight: bold; }
.icom-events p { font-family: 'Open Sans', sans-serif; font-size: 16px; margin-bottom: 10px; }
.icom-events ul li { list-style-type: decimal; }
.icom-events ul li > ul li { list-style-type: disc; }

/****** JayJayAng - 23092019 ******/
/* Apple Now 23092019 */
.new-user-submit { margin-bottom: 40px; text-align: center; }
.new-user-submit p { margin-bottom: 30px; }
.new-user-submit a { background: #05ae59; border-radius: 30px; color: #FFFFFF; font-size: 16px; font-weight: bold; outline: none; padding: 10px 10%; text-transform: uppercase; transition: 0.4s; }
.new-user-submit a:hover { background: #02773c; }
.login-form label { font-size: 18px; }
.login-form input[type="submit"] { font-size: 16px; margin: 1.5em 0; padding: 0.6em 16%; text-decoration: uppercase; }

/* Footer 23092019 */
ul.mobile-respon-footer { display: none; }

@media screen and (max-width: 639px) {
  .footer-address p { font-size: 12px; }
  ul.mobile-respon-footer { display: block !important; }
  ul.footercontact { display: none; }
  ul.footersocial a { font-size: 30px; }
}

@media screen and (max-width: 500px) {
   .new-user-submit a { font-size: 14px; padding: 10px 15%; }
}

/****** JayJayAng - 02102019 ******/
/* Home Page 02102019 */
.program .index-program-text { font-size: 20px; }

/* Applicant 02102019 */
.applicant { padding: 3rem; }
.applicant h1 { color: #05ae59; font-family: Open Sans, sans-serif; margin-bottom: 2rem; text-align: center; }
.applicant p { font-family: Open sans, sans-serif; line-height: 1.6; }
.login-applicant { margin: 2rem auto 0; width: 50%; }

@media screen and (max-width: 1024px) {
  .login-applicant { width: 100%; }
}
@media screen and (max-width: 1235px) {
  .school-holiday p{
    font-size: 14px;
  }
}
@media screen and (max-width: 1200px) {
  .school-holiday h1 {
    font-size: 3vh;
  }
}
@media screen and (max-width: 1112px) {
  .school-holiday p{
    font-size: 1.2vw;
  }
  .school-holiday h1 {
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 1023px) {
  .school-holiday p{
    font-size: 1.2vw;
  }
  .school-holiday h1 {
    font-size: 1.8vw;
  }
}

@media screen and (max-width: 639px) {
  .applicant { padding: 3rem 1rem; }
  .applicant h2 { font-size: 28px; }
}

/****** JayJayAng - 07102019 ******/
/* Home Page */
.program-school-holiday::after { background-image: url(../images/Home_Banner_Program_School_Holiday_Program.jpg) }
.program-corporate-training::after { background-image: url(../images/Home_Banner_Program_Corporate_Training.jpg); background-position: 100%; }
.program-events::after { background-image: url(../images/Programs-_-ICOM_Event_Home-min.jpg); background-position: 100%; }

/* About Us */
ul.about-us-blah-list { font-size: 18px; margin-left: 60px; margin-top: 5px; }
ul.about-us-blah-list li { margin-bottom: 1em; }

/* Partnership */
.partnership-hr { border-bottom: 2px solid #ccc; margin: 2rem auto; }
.edu-partner h3 { color: #5cb467; font-family: Open Sans; margin-bottom: 2rem; }

/* Apply Now */
.apply-now-title { text-align: center; }
.apply-now-title h1 { padding-right: 0; }

/* Holiday Program */
.holiday-program ul { margin-bottom: 2rem; }

/* Footer */
.mobile-copyright { display: none; }
.mobile-copyright { margin-top: 10px; }
.mobile-copyright p { font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.mobile-copyright ul li { display: inline-block; }

/* Privacy Policy */
.pp-title { color: #14b15e; font-family: Open Sans; margin-bottom: 2rem; }
ol.pp-list > li { margin-bottom: 10px; }
ol.pp-list > li ul li { font-size: 16px; margin-bottom: 1rem; }
.app-pro ol.pp-list li h5, .app-pro ol.pp-list li p { font-family: Open Sans; }
.app-pro ol.pp-list li p { line-height: 1.5; margin-bottom: 5px; }
.pp-table table tbody tr td { font-size: 16px; }

/****** JayJayAng - 17102019 ******/
.partnership-new-desc, .music-new-desc { padding-top: 2rem; }
.partnership-new-desc h1, .music-new-desc h1 { color: #5cb467; font-family: "Lato", sans-serif; margin-bottom: 1rem; }
.partnership-new-desc p, .music-new-desc p { color: #252525; font-size: 18px; line-height: 1.6; text-align: left; }
.admission-images img { width: 100%; }