@font-face {
  font-family: "museosans100";
  src: url(../font/MuseoSans/MuseoSans-100.otf);
}
@font-face {
  font-family: "museosans300";
  src: url(../font/MuseoSans/MuseoSans-300.otf);
}
@font-face {
  font-family: "museosans500";
  src: url(../font/MuseoSans/MuseoSans-500.otf);
}
@font-face {
  font-family: "museosans700";
  src: url(../font/MuseoSans/MuseoSans-700.otf);
}
/*body {
  font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif !important;
}*/
/**bg color**/
.bgColor-blue {
  background-color: #324773 !important;
}
.bgColor-lightBlue {
  background-color: #5baed9 !important;
}
.bgColor-darkBlue {
  background-color: #061e2f !important;
}
.bgColor-lightGreen {
  background-color: #50bec8 !important;
}
.bgColor-yellow {
  background-color: #ff9701 !important;
}
.bgColor-white {
  background-color: #fff !important;
}
.bgColor-bronze {
  background-color: #ed7d31 !important;
}
.bgColor-silver {
  background-color: #d9d9d9 !important;
}
.bgColor-gold {
  background-color: #ffd700 !important;
}
.bgColor-green {
  background-color: #00a79c !important;
}

/**font color**/
.fontColor-white {
  color: #fff !important;
}
.fontColor-black {
  color: #000 !important;
}
.fontColor-lightGreen {
  color: #50bec8 !important;
}
.fontColor-lightBlue {
  color: #5baed9 !important;
}
.fontColor-darkBlue {
  color: #061e2f !important;
}
.fontColor-blue {
  color: #657aae !important;
}
.fontColor-yellow {
  color: #ff9701 !important;
}
.fontColor-grey {
  color: #444 !important;
}
.fontColor-green {
  color: #0a8045 !important;
}
.fontColor-yellowTrue {
  color: #cdcd0d !important;
}
.fontColor-bronze {
  color: #793100 !important;
}
.fontColor-silver {
  color: #818181 !important;
}
.fontColor-gold {
  color: #ffc000 !important;
}
.fontColor-purple {
  color: #871c9e !important;
}

.showBox {
	display: block !important;
}

/** top header**/
#subsiteNav {
	position: relative;
}

.showSearch {
	display: block !important;
}
/**search btn **/
.subsiteSearchBtn {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    font-size: 1.2em;
    color: white;
    text-align: center;
    padding: 10px;
    cursor:pointer;
}

/**border color**/
.bColor-blue {
  border-color: #324773 !important;
}
.bColor-lightBlue {
  border-color: #5baed9 !important;
}
.bColor-darkBlue {
  border-color: #061e2f !important;
}
.bColor-lightGreen {
  border-color: #50bec8 !important;
}
.bColor-yellow {
  border-color: #ff9701 !important;
}
.bColor-green {
  border-color: #00a79c !important;
}

.mainTitle {
  font-family: "museosans700";
  font-size: 3rem;
  line-height: 1;
}

.subMainTitle {
  font-family: "museosans300";
  font-size: 2rem;
  line-height: 1;
}

.subTitle {
  font-family: "museosans300";
  font-size: 2rem;
  line-height: 1;
}

.topDescription {
  font-family: "museosans100";
  font-size: 1.5rem;
  line-height: 1.5;
}

.description {
  font-family: "museosans100";
  /*font-size: 0.95rem;*/
  line-height: 1.5;
}

.descriptionsm {
  font-family: "museosans300";
  font-size: 1rem;
  text-align: justify;
}

.theStarDate {
  font-family: "museosans700";
  /*font-size: 0.95rem;*/
  line-height: 1.5;
}



/**homepage section**/
.homeAboutEstcon {
  background-color: #00a79c;
  color: #ffffff;
  padding: 20px 20px 20px 20px;
}

.homeFirstParallax {
  /* The image used */
  background-image: url("https://estcon.utp.edu.my/PublishingImages/Home/DSC2775-1-min.png");

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  padding: 200px;
}

.homeSecondParallax {
  /* The image used */
  background-image: url("https://estcon.utp.edu.my/PublishingImages/Home/Banner-Plenary-Speaker-30062021.png");

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  padding: 200px;
}

.homeThirdParallax {
  /* The image used */
  background-image: url("https://estcon.utp.edu.my/PublishingImages/Home/Banner-Forum-Speaker.png");

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  padding: 200px;
}

/* UTP Own Shark Tank */
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1em;
}

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1em;
}

/* video */
.previousEstcon {
  font-family: "museosans300";
  font-size: 3rem;
}

.estcon2016 {
  font-family: "museosans300";
  font-size: 2rem;
}

.videoSubMainTitle {
  font-family: "museosans300";
  font-size: 2rem;
}

/* sponsor 2020 */
.collabSponsor20Title {
  font-family: "museosans300";
  font-size: 3rem;
  text-align: center;
}

.keySponsor20Title {
  font-family: "museosans300";
  font-size: 2.5rem;
  text-align: center;
}

/* font */
.aboutUsDescriptionsm {
  font-family: "museosans300";
  text-align: justify;
}
.aboutUsDescriptionsm1 {
  font-family: "museosans300";
  text-align: justify;
}
  
  /*************************Global*******************/
  
body {
    font-family: 'museosans300' !important;
    margin: 0 !important;
    font-size:1.15rem !important;
}
.fontColor-white {
    color: #fff;
}

/*footer*/
.footer {
    background-color: #0a3258;
    color: #fff;
}
.FooterTitle {
    font-size: 22px;
    font-family: 'museosans300' !important;
}
.footerAddress, .footerPhone,  .copyright, .disclaimer{
    text-align: center;
}

/*footer link*/
.FooterContent .itemLink {
    border-bottom: 1px solid white;
    color: #8c979e;
}
.FooterContent .itemLinkLast {
    color: #8c979e;
}
.FooterContent .itemLink a,.FooterContent .itemLinkLast a{
    color: #8c979e;
    text-decoration: none;
}
.FooterContent .itemLink a:hover,.FooterContent .itemLinkLast a:hover{
    color: #019a8f;
}

/*footer text*/
.FooterContent .itemText {
    line-height: 2;
}


/*social*/
.smItem a{
    color: #fff;
}
.smItem a:hover{
    color: #00a99d;
}
.smItem i{
    font-size: 2em;
}

/*contact details*/
.cdItem a{
    color: #fff;
}
.cdItem a:hover{
    color: #00a99d;
}

.cdItem i{
    font-size: 1em;
}

/*countdown*/
.cdBox {
    background: #fff;
    color: black;
    padding: 8px;
    text-align: center;
    min-width: 46px;
    max-width: 80px;
    height: 46px;
    margin: 0 2px;
}
.cdTime {
    font-size: 20px;
    font-family: 'museosans700' !important;
    line-height: 1;
}
.cdLabel {
    font-size: 9px;
    font-family: 'museosans100' !important;
    line-height: 1;
}


/*header*/
.topHeader {
    /*height: 56px;*/
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}


/*navigation*/
.navigation {
    font-family: 'museosans500' !important;
    text-transform: uppercase;
    font-size: 0.85em;
}
.subNav1 {
    top: 40px !important;
    border-radius: 0 !important;
}

/** search **/
.searchIcon {
    text-align: center !important;
    font-size: 16px !important;
    padding: 4px !important;
    width: 50px !important;
}
.searchBox {
    top: 50px !important;
    padding: 10px !important;
    position: absolute;
    z-index: 99;
    background: #343538;
    left: 50% !important;
    transform: translateX(-50%);
}
.searchBtn {
    height: 50px;
    background: #745cf9;
    text-align: center;
    padding: 0 15px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    align-items: center;
    display: flex;
}
.searchField input {
    height: 50px;
    border-radius: 0 !important;
    margin-right: 10px;
    background: #f5f5f5;
    border: 1px solid #f2f2f2;
    width: 200px;
}

/*logo*/
.logo img {
    height: 40px;
}

/* --- Home Banner --- */
#oneBanner img{
	width: 100% !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* -- font size -- */

.contentTitle {
  font-family: "museosans500" !important;
  font-size: 2rem !important;
  /*text-align: justify !important;*/
}

.contentSubtitle {
  font-family: "museosans500" !important;
  font-size: 1.5rem !important;
  /*text-align: justify !important;*/
}

.contentBody {
  font-family: "museosans300" !important;
  font-size: 1.15rem !important;
  text-align: justify !important;
  color: black !important;
}

.contentNotes {
  font-family: "museosans300" !important;
  font-size: 0.85rem !important;
  text-align: justify !important;
}

p{
  font-family: "museosans300" !important;
  font-size: 1.15rem !important;
  color:black;
  /*text-align: justify !important;*/
}
.FooterContent{
  font-family: "museosans300" !important;
  font-size: 0.8rem !important;
}
#FooterBottom{
  font-family: "museosans300" !important;
  font-size: 0.8rem !important;
}