@font-face {

    font-family: 'Noto Sans';

    src: url('font/NotoSans-Bold.eot');

    src: url('font/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),

        url('font/NotoSans-Bold.woff2') format('woff2'),

        url('font/NotoSans-Bold.woff') format('woff'),

        url('font/NotoSans-Bold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Noto Sans';

    src: url('font/NotoSans-BoldItalic.eot');

    src: url('font/NotoSans-BoldItalic.eot?#iefix') format('embedded-opentype'),

        url('font/NotoSans-BoldItalic.woff2') format('woff2'),

        url('font/NotoSans-BoldItalic.woff') format('woff'),

        url('font/NotoSans-BoldItalic.ttf') format('truetype');

    font-weight: bold;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Noto Sans';

    src: url('font/NotoSans-Italic.eot');

    src: url('font/NotoSans-Italic.eot?#iefix') format('embedded-opentype'),

        url('font/NotoSans-Italic.woff2') format('woff2'),

        url('font/NotoSans-Italic.woff') format('woff'),

        url('font/NotoSans-Italic.ttf') format('truetype');

    font-weight: normal;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Noto Sans';

    src: url('font/NotoSans.eot');

    src: url('font/NotoSans.eot?#iefix') format('embedded-opentype'),

        url('font/NotoSans.woff2') format('woff2'),

        url('font/NotoSans.woff') format('woff'),

        url('font/NotoSans.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

@font-face {
    font-family: 'Helvetica';
    src: url('font/Helvetica-Condensed-Bold.woff2') format('woff2'),
        url('font/Helvetica-Condensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('font/HelveticaNeueLight.woff2') format('woff2'),
        url('font/HelveticaNeueLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('font/HelveticaNeue-BoldCond.woff2') format('woff2'),
        url('font/HelveticaNeue-BoldCond.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('font/HelveticaNeueMedium.woff2') format('woff2'),
        url('font/HelveticaNeueMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo Narrow';
    src: url('font/ArchivoNarrow-Regular.woff2') format('woff2'),
        url('font/ArchivoNarrow-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo Narrow';
    src: url('font/ArchivoNarrow-Medium.woff2') format('woff2'),
        url('font/ArchivoNarrow-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler Stencil';
    src: url('font/ButlerStencil-Light.woff2') format('woff2'),
        url('font/ButlerStencil-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('font/Butler-Medium.woff2') format('woff2'),
        url('font/Butler-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('font/Butler-Light.woff2') format('woff2'),
        url('font/Butler-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler Stencil';
    src: url('font/ButlerStencil-Black.woff2') format('woff2'),
        url('font/ButlerStencil-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler Stencil';
    src: url('font/ButlerStencil-UltraLight.woff2') format('woff2'),
        url('font/ButlerStencil-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler Stencil';
    src: url('font/ButlerStencil.woff2') format('woff2'),
        url('font/ButlerStencil.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler Stencil';
    src: url('font/ButlerStencil-Medium.woff2') format('woff2'),
        url('font/ButlerStencil-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('font/Butler-UltraLight.woff2') format('woff2'),
        url('font/Butler-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('font/Butler-Bold.woff2') format('woff2'),
        url('font/Butler-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('font/Butler-Black.woff2') format('woff2'),
        url('font/Butler-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('font/Butler.woff2') format('woff2'),
        url('font/Butler.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('font/Butler-ExtraBold.woff2') format('woff2'),
        url('font/Butler-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler Stencil';
    src: url('font/ButlerStencil-ExtraBold.woff2') format('woff2'),
        url('font/ButlerStencil-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler Stencil';
    src: url('font/ButlerStencil-Bold.woff2') format('woff2'),
        url('font/ButlerStencil-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}





body{

    /*font-family: 'Noto Sans';*/
    font-family: 'Arial';

    font-weight: normal;

    font-style: normal;

    font-display: swap;

    font-size: 15px;

    cursor: default;

}

p,span,a,h1,h2,h3,h4,h5,div{
    color: #FFFFFF;
}

h1,h2,h3,h4,h5{
    font-family: 'Helvetica Neue';
    font-weight: bold;
}

table{

    width: 100%;

    max-width: 1280px;

}
.desktop{
	display: block;
}
.mobile{
	display: none;
}
.pt-6, .py-6 {
    padding-top: 4.5rem!important;
}
.pt-7, .py-7 {
    padding-top: 6rem!important;
}
.pt-8, .py-8 {
    padding-top: 7.5rem!important;
}
.pt-9, .py-9 {
    padding-top: 9rem!important;
}
.pb-6, .py-6 {
    padding-bottom: 4.5rem!important;
}
.pb-7, .py-7 {
    padding-bottom: 6rem!important;
}
.pb-8, .py-8 {
    padding-bottom: 7.5rem!important;
}
.pb-9, .py-9 {
    padding-bottom: 9rem!important;
}
header{
    position: relative;
}
.logo-div{
    position: absolute;
    top: 0;
    z-index: 1;
}
.logo-div img{
    width: 100%;
    max-width: 220px;
}
.logo_row{
    background-color: #000;
}
.nav-link img{
    width: 100%;
    max-width: 20px;
    margin: auto;
    margin-right: 5px;
}
.nav-link:hover{
    color: #FFF;
}
.top-banner{
    position: absolute;
    top: 0;
}
.top-banner img, .mid-banner img, .mid-content img, .who-will-img img, .sponsors-img img, .sponsor-logo img{
    width: 100%;
    margin: auto;
    display: block;
}
.campaign-info img{
    width: 100%;
    max-width: 580px;
    margin: auto;
}
.right-description{
    background-color: rgba(0,0,0,0.6);
}
.coutdown-timer{
    background-color: rgba(0,0,0,0.6);
}
.coutdown-timer p{
	font-size: 22px;
}
.btn-danger{
    background-color: #EE3B31 !important;
    border-color: #EE3B31 !important;
    border-radius: 35px;
}
.btn-danger:hover, .btn-danger:active{
    background-color: #EE3B31 !important;
    border-color: #EE3B31 !important;
}
.button-link{
	width: 100%;
	max-width: 23%;
	margin: auto;
}
.button-link:hover{
	text-decoration: none;
	cursor: pointer;
}


.section.about, .section.exhibitor{
    position: relative;
    background: url(../img/mid-banner.jpg) no-repeat top left;
    background-size: 100%;
}
.sponsors-logo-div{
	position: relative;
    background: url(../img/sponsors-banner-1.jpg) no-repeat top left;
    background-size: 100%;
    background-repeat: repeat-y;
}
.contactus-div{
	position: relative;
    background: url(../img/contactus-banner-1.jpg) no-repeat top left;
    background-size: 100%;
    background-repeat: repeat-y;
}
.section .mid-banner{
    position: absolute;
    top: 0;
    z-index: -1;
}
.section-title{
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    text-align: center;
}
.section-title h2{
    font-size: 46px;
}
.product-update-text img{
    width: 100%;
    max-width: 128px;
    margin-right: 0;
}
.section-update-desc{
    top: 0;
    left: 0;
    right: 0;
    margin-top: 18%;
}
.section-update-desc .col-lg-3{
    border-right: 2px solid #F2BE6A;
}
.section.who-will{
	/*position: relative;*/
}
.who-will .section-title,.sponsors .section-title{
	top: auto;
	bottom: 0;
}
.section.exhibitor .col span{
	font-family: 'Archivo Narrow';
    font-weight: 500;
    color: #000;
    font-size: 14px;
    word-break: break-word;
    text-align: center;
}
.section.exhibitor{
	background-repeat: repeat-y;
}
.section.exhibitor img{
	width: 100%;
	display: block;
	box-shadow: 4px 5px 10px 2px rgba(0,0,0,0.57);
	-webkit-box-shadow: 4px 5px 10px 2px rgba(0,0,0,0.57);
	-moz-box-shadow: 4px 5px 10px 2px rgba(0,0,0,0.57);
}
.contactus-div .section-title{
	background-color: #000;
	color: #FFF;
	text-align: center;
}
.contactus-div .col-4 img{
	width: auto;
	max-height: 64px;
	/*width: 100%;*/
	/*max-width: 200px;*/
	display: block;
	margin: auto;
}

.contact-info h4, .contact-info span, .contact-info a{
	font-family: Arial;
	color: #000;
	text-decoration: none;
}
.contact-info span{
	width: 100%;
	display: block;
	line-height: 32px;
}
.btnemail{
	background-color: #FFF;
	color: #000;
	border: 1px solid #000;
}
#footer-left-col img{
	width: auto;
	max-width: inherit;
	display: inline-block;
	vertical-align: middle;
}
#footer-copyright span{
	color: #000;
	font-size: 12px;
	width: 100%;
	display: block;
	margin: auto;
	text-align: center;
}
.footer-right-col{
	position: absolute;
	bottom: 0;
	right: 0;
}

#clock{

}
#clock .timer-label{
	font-size: 50px;
	font-weight: bold;
}
#clock > div{
	 display: inline-block;
}
#clock > div span{
	width: 100%;
	display: block;
	line-height: 36px;
}
#clock > div img{
	width: 35px;
}
.navbar{
	float: right;
	display: block;
	width: 100%;
	text-align: right;
}
.navbar ul li{
	padding:0 !important;
}
.navbar-dark .navbar-toggler{
	margin-bottom: 10px;
}
#responsive-iframe-poster{
	width: 100%;
	/*min-height: 680px;*/
}
.pdf-container{
	padding-top: 2%;
	max-width: 90%;
	margin: auto;
	/*max-width: 1920px*/
}
.pdf-container .iframe-container-poster{
	/*height: 680px;*/
}
#canvases .pdfcanvas{
	width: 100%;
}
.bookMeeting-div button, .bookMeeting-div button:hover{
	width: 100%;
	max-width: 100%;
	background-color: #000000 !important;
	border-radius: 35px;
	border: none !important;
	transition: none;
	box-shadow: none !important;
}

.pop-modal .modal-content{
	background-image: url("../img/pop-background.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.pop-modal .modal-content p{
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 15px;
}
.pop-modal .modal-content button.btn-close{
	background-color: #404C0C;
	color: #FFFFFF;
	border-color: #404C0C;
}






@media (max-width: 1440px) {
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1200px) {
	.desktop{
		display: block;
	}
	.mobile{
		display: none;
	}
	.contactus-div{
		overflow-x: hidden;
	}
	.footer-right-col{
		right: -13%;
	}
}


/* Large devices (desktops, 992px and up)*/
@media (max-width: 992px) {
	.btn-danger{
		max-width: 50%;
		margin: auto;
	}
	.pop-modal .modal-content {
	    background-size: cover;
	}
	.pop-modal .modal-content p{
		font-size: 15px;
		font-weight: bold;
		padding-bottom: 10px;
	}
	.pop-modal .modal-content button.btn-close {
		font-size: 15px;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
	.desktop{
		display: none;
	}
	.mobile{
		display: block;
	}
	.logo-div img{
		width: 78%;
	}
	.campaign-info img{
		padding-top: 20%;
	}
	.coutdown-timer p{
		font-size: 15px;
	}
	.right-description{
		margin-top: 3rem !important;
	}

	/*same*/
	.mobile.mid-text-content h2, .mobile.mid-text-content td span{
		color: #000;
	}
	.mobile.mid-text-content h2{
		padding-top: 3rem;
	}
	.mobile.mid-text-content table tr td{
		width: auto;
	}
	.mobile.mid-text-content table tr td:first-child{
		width: 30%;
		padding-right: 1rem;
	}
	.who-will .section-title, .sponsors .section-title {
	    /*padding-bottom: 0 !important;*/
	}
	.section.exhibitor .container .mobile .row {
	    padding-bottom: 2rem;
	}
	.contactus-div{
		overflow-x: hidden;
	}
	.contactus-div .container .justify-content-end{
		width: 100%;
		justify-content: normal !important;
		display: block;
		margin: auto;
	}
	.contactus-div .container .col-4{
		width: 100%;
		display: block;
		flex: none;
		max-width: initial;
	}
	.contactus-div .container .col-4 img{
		padding-top: 3rem;
	}
	.contactus-div .contact-info .col-4{
		margin: auto;
		width: 100%;
		max-width: 80%;
		padding-top: 1rem !important;
	}
	#footer-left-col img{
		max-width: 25%;
	}
	.footer-right-col{
		width: 70%;
		bottom: 24px;
		right: -32%;
	}
	.footer-right-col img{
		width: 100%;
		max-width: 70%;
	}
	.section.exhibitor{
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.contactus-div{
		padding-top: 2rem !important;
		background-repeat: no-repeat;
	}
	.contactus-div .col-4 img{
		max-height: 95px;
	}
	.button-link{
		max-width: 50%;
	}
	.sponsor-logo .mobile .row.second-row .col-lg-6{
		max-width: 75%;
		margin: auto;
	}
	.bookMeeting-div button, .btn-danger{
		max-width: 80%;
		margin: auto;
	}
	.virtual-div .pr-5{
		padding-right: initial !important;
	}
}

/* Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {
	.logo-div img{
		width: 100%;
		max-width: 70%;
	}
	.right-description{
		margin-top: 3rem;
	}
	.coutdown-timer {
		margin-bottom: 2rem !important; 
	}
	.section-title h2{
		font-size: 30px;
	}
	.section.about, .section.exhibitor{
		background-repeat: repeat-y;
	}
	.section.about{
		margin-top: 0 !important;
	}
	.container.mid-content{
		padding-top: 3rem !important;
	}
	.section.about::before, .section.exhibitor::before {
	    content: "";
	    position: absolute;
	    top: 0px;
	    right: 0px;
	    bottom: 0px;
	    left: 0px;
	    background-color: rgba(255,255,255,0.7);
	}
	.mobile.mid-text-content h2, .mobile.mid-text-content td span{
		color: #000;
	}
	.mobile.mid-text-content h2{
		padding-top: 3rem;
	}
	.mobile.mid-text-content table tr td{
		width: auto;
	}
	.mobile.mid-text-content table tr td:first-child{
		width: 30%;
		padding-right: 1rem;
	}
	.who-will .section-title, .sponsors .section-title{
		/*padding-bottom: 0 !important;*/
	}
	.section.exhibitor .container .mobile .row{
		padding-bottom: 2rem;
	}
	.contactus-div{
		overflow-x: hidden;
	}
	.contactus-div .container .justify-content-end{
		width: 100%;
		justify-content: normal !important;
		display: block;
		margin: auto;
	}
	.contactus-div .container .col-4{
		width: 100%;
		display: block;
		flex: none;
		max-width: initial;
	}
	.contactus-div .container .col-4 img{
		padding-top: 3rem;
	}
	.contactus-div .contact-info .col-4{
		margin: auto;
		width: 100%;
		max-width: 80%;
		padding-top: 1rem !important;
	}
	.footer-right-col{
		width: 50%;
		bottom: 24px;
		right: 0%;
	}
	.footer-right-col img{
		width: 100%;
		max-width: 100%;
	}
	.coutdown-timer p{
		font-size: 15px;
	}

	.contactus-div > .container.pt-7{
		padding-top: 3rem !important;
	}
	.contactus-div .container .footer-left-col{
		text-align: center;
	}
	#footer-left-col > img{
		padding-bottom: 23%;
		max-height: inherit;
	}
	.button-link{
		max-width: 100%;
	}
	#footer-left-col > img.mini-sarawak-logo{
		max-width: 18%;
	}
	.btn-danger, .bookMeeting-div button{
		max-width: 100%;
	}
}