@charset "utf-8";
body{
	}
body.home {font: 100%/1.4 "Open Sans"; margin: 0; padding: 0; color: #000;}
body.contact { font: 100%/1.4 "Open Sans"; background-color: #F36; margin: 0; padding: 0; color: #000;}
body.printer { font: 80%/1.4 "Open Sans"; background-color: #EAEAEA; margin: 0; padding: 0; color: #000;}

/*Headings*/
h1 {font: 22px  "Open Sans"; color:#333 ; margin:auto; }
h2 {font-family: "Open Sans"; font-size: 14px ; color:#fff ; font-weight:100; line-height: 22px;}

.h3 { font-family: "Montserrat Light"; font-size: 14px ; font-weight:bold; color:#000 ; margin:auto;  line-height: 22px;}
.h4 { font-family: "Montserrat Light"; font-size: 10px ; font-weight:bold; color:#666 ; margin:auto;  line-height: 18px;}
h4 { font-family:"Open Sans"; font-size:16px; color:#333 ; margin:auto; font-weight:100;}
h5 {font-family: "Open Sans"; font-size:14px; color:#333 ; margin:auto; line-height: 22px;font-weight:100; }
h6 {font-family: "Open Sans"; font-size:12px; color:#fff; margin:auto; font-weight:bold; }
h7 {font-family: "Open Sans"; font-size:13px; color:#fff; margin:auto; font-weight:bold; line-height:12px;}

.p {font-family: "Open Sans"; font-size: 14px ; color:#fff ; font-weight:100; line-height: 22px;}
.blinking{animation:blinkingText 1.2s infinite;}
@keyframes blinkingText{
    0%{     color: #fff;    }
    49%{    color: #fff; }
    60%{    color: transparent; }
    99%{    color: transparent;  }
    100%{   color: #fff;    }
}


nav select {
  display: none;
}

@media (max-width: 960px) {
  nav ul     { display: none; }
  nav select { display: inline-block; }
}

  .topnav {
    overflow: hidden;
    background-color: #595a5b;
  }

  .topnav a {
    font-family:"Century Gothic";
	float: left;
    display: block;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    text-decoration: none;
    font-size: 12px;
  }

  .topnav a:hover {
    background-color: #000;
    color: black;
  }

  .topnav a.active {
    background-color: #EA7600;
    color: white;
  }

  .topnav .icon {
    display: none;
  }

  @media screen and (max-width: 1200px) {
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
      float: right;
      display: block;
    }
  }

  @media screen and (max-width: 1200px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
  }
 
.bar1, .bar2, .bar3 {
    width: 15px;
    height: 2px;
	border:none;
	border-radius:5px;
    background-color: #fff;
    margin: 4px 4px;
    transition: 0.4s;
}	
.h3:hover {
color: #000;
}
ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	font-family: "Montserrat Light", Montserrat;
	font-size:12px;
	color: #000;
	font-weight: bold;
	
}
li {
	float: left;
	}
li a {
    display: block;
    color: #000;
    text-align: center;
    padding: 8px 25px;
    text-decoration: none;
}
li a:hover:not(.active) {
    background-color: transparent;
}
.active {
    background-color: #EA7600;
}
ul, ol, dl { 
padding: 0;
margin: 0;
}
a img {border: none;
}

a:link {
color: #000;
text-decoration: none; 
border-style: none;

}
a:visited {
color: #000;
border-style: none;
}
a:hover, a:active, a:focus { text-decoration: none;
border-style: none;}

.index{
background-color: #fff;	
	}
	
.index-content-pg{
background-image: url(../img/background/main_page.jpg);
width: 100%;  background-size: 100%;
}

.index-content{
font-family: "Open Sans"; color: #fff; font-size: 16px; line-height:22px; font-weight:bold;
}

/*Service & Support Page*/

.service-title{font-family: "Open Sans"; font-size:28px; color: #ff8000; font-weight: bold; 
}

.service-sub-title{font-family: "Open Sans"; font-size:18px; color: #8c8c8c;	
}

.container {
width: 100%;
height:100%;
background-color:#ffffff;}

.white_bg{
	background-color: #ffffff;
	}
	
	

.brand-header{font: bold 14px "Open Sans"; color: #333 ;}
.header-home {background-color: transparent; position:fixed; margin:auto; width:100%;}

.header-top-bar{
background-color: #F60;  font: 14px "Open Sans"; color:#000;}

.header-sub {background-color: #FFF; position:fixed; width:100%; height:45px; font-family: "Open Sans"; color:#999; font-size: 14px;  margin:auto; border-bottom-style:solid; border-width: 1px; border-bottom-color:#EA7600;  }

.branding-sub{
	background-color: #FFF; position:fixed; width:100%; height:40px; font-family: "Open Sans"; color:#302d2d; font-size: 14px; font-size:bold; margin:auto; border-bottom-style:solid; border-width: 1px; border-bottom-color:#EA7600; 
}

.branding-sub a{text-decoration: none;color: #302d2d; background-color: transparent;}
.branding-sub a:hover{background-color: #transparent;font-size: 14px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;text-decoration:none;color:  #EA7600; }




.header-title {background-color: #fff; font: 18px Arial, Helvetica, sans-serif; font-weight:bold; color:#333 ; margin:auto; }
.header-content {background-color: #fff; height:240px; font: 13px Arial, Helvetica, sans-serif; color:#333 ; margin:auto; }


/*index page*/
.benefit_title{font-family:Arial, Helvetica, sans-serif; color: #EA7600; font-size:20px; font-weight:bold; }

.benefit_content{font-family:Arial, Helvetica, sans-serif; color: #000; font-size:14px;  }



.service-content{font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#4d4d4d; border-style: dashed; border-width: 2px; border-radius:5px; padding:20px;
}

.service-content2{font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#333; border-style: dashed; border-width: 2px; border-radius:5px; background-color: #f2f2f2;padding:10px;
}

.service-content3{font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#e6f2ff; border-style: dashed; border-width: 3px; border-radius:5px; background-color:#80bfff;padding:10px;
}

.service-contact{font-family: Arial, Helvetica, sans-serif; font-size:24px; color: #2d5986;
}
.service-content-title{font-family: Arial, Helvetica, sans-serif; font-size:24px; color: #737373;  
}
.service-content-title-c{font-family: Arial, Helvetica, sans-serif; font-size:24px; color: #ff8c1a;  
}

.service-content-bg{font-size:14px; border-style: dashed; border-width: 2px; border-radius:5px;background-color: #f2f2f2; padding:10px; }

.header-content-service-1 {background-color: #FFF; height:130px; font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#333 ; margin:auto; padding:10px;  }
.header-content-service-2 {background-color: #FFF; height:250px; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#333 ; margin:auto; padding:10px }
.header-content2 {height:240px; font-family: "Open Sans"; font-size:12px; color:#fff; margin:auto; }
.header-content3 {height:100px; font-family: "Open Sans"; font-size:12px; color:#fff; margin:auto; }
.prod-div {height:4px; background-color:#EA7600;}
.prod-content2 {font: 12px "Open Sans"; color:#333 ;}
.prod-title {font: bold 24px  Verdana, Geneva, sans-serif; color:#000; height:130px;  }
.prod-title2 {font-family:Arial, Helvetica, sans-serif;font-weight: bold; font-size:12px ; background-color: #f2f2f2;}
.h1 { font: 36px Gabriola; color:#333 ; margin:auto;}
.product-desc {font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFF; }
.product-bg{
background-color: #ffffff;	
}
.idcontent {background-color: #fff; }
.aboutus-title{
font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #000; line-height:22px
}
.aboutus-content{
font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; line-height:22px
}
.contactus-details{
font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000;}

/*product titles*/
.btitle { font: bold 22px  Arial, Helvetica, sans-serif; color:#333 ; margin:auto; }
.bsub-title { font: 12px  Arial, Helvetica, sans-serif; color:#333 ; margin:auto; }
.bs-bsub-title { font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#6a53b5 ; margin:auto; }
.dlg-bsub-title { font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#4d78bc ; margin:auto; }
.dvdo-bsub-title { font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#3bafd6 ; margin:auto; }
.hon-bsub-title{ font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#f44542 ; margin:auto; }
.oln-bsub-title{ font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#666 ; margin:auto; }
.rjs-bsub-title{ font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#004d99 ; margin:auto; }
.snap-bsub-title{ font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#f48f42 ; margin:auto; }
.zbr-bsub-title{ font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#6d6d6d ; margin:auto; }
/*product content*/
.bcontent {font: 12px  Arial, Helvetica, sans-serif; color:#333 ; margin:auto; line-height: 22px; }
.bsubcontent {font: 14px  Arial, Helvetica, sans-serif; color:#333 ; margin:auto; line-height:20px; }
.bcontent a{text-decoration: none;color: #888B8D; background-color: transparent;}
.bcontent a:hover{background-color: #transparent;font: 14px Arial, Helvetica, sans-serif;font-weight:bold;text-decoration: none;color: #EA7600;}
.contact-us{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
/*product page*/
.ptitle { font: 12px Arial, Helvetica, sans-serif; color:#333 ; margin:auto;  line-height: 18px; font-weight:bold;}
.bsub-title-con { font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color:#666 ; margin:auto; }
.pfeatures { font: 16px  Arial, Helvetica, sans-serif; color:#333 ; margin:auto; line-height:24px;}
.ptable-title { font-famiy:  Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#666 ; margin:auto; line-height:24px; }
.ptable-sub { font: 13px  Arial, Helvetica, sans-serif; color:#333 ; margin:auto; font-weight:bold; color: #EA7600; line-height:24px;}
.ptable-content { font: 13px  Arial, Helvetica, sans-serif; color:#333 ; margin:auto; line-height:24px;}
.pdiagram { font: 12px  Arial, Helvetica, sans-serif; color:#333 ; margin:auto; line-height:24px;}
.pcontent {
	padding:10px;
	}
.pdetails{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#333 ; margin:auto;  line-height: 22px;
	}
	.pro-details { width:50%; vertical-align:text-top; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
/*VMS page*/
.vms_title { font-family: Arial, Helvetica, sans-serif; font-size:34px;   font-weight: bold; color:#EA7600 ; margin:auto; }
.vms_content {font-family: "Century Gothic"; font-size:14px; color:#4f4d4b ; margin:auto; line-height:22px;}
.vms_sub_content {font-family: "Century Gothic"; font-size:15px; color:#4f4d4b ; margin:auto; line-height:22px;}
.vms_checkin {font-family: "Century Gothic"; font-size:26px; color:#4f4d4b ; margin:auto; line-height:22px; }
.vms_sub_title {font-family: "Century Gothic"; font-size:20px; color:#32435e ; margin:auto; }
.vms_features_title{font-family: "Century Gothic"; font-size:15px; color:#fff ; font-weight:bold; margin:auto; line-height:22px; padding:5px;
	}
	
.vms_features_content{font-family: "Century Gothic"; font-size:13px; color:#000 ; margin:auto; line-height:22px; padding:5px;
	}
	
.grey_bg{color:#efefef;}

.dot {
  height: 15px;
  width: 15px;
  background-color: #EA7600;
  border-radius: 50%;
  display: inline-block;
}

.vms_feature_bg{
	background-image: url(../img/banner/vms-feature-banner.jpg);
width: 100%;  background-size: 100%;}




.hovermenu {list-style: none;font: 14px "Open Sans";  }
.hovermenu a{text-decoration: none;color: #888B8D; background-color: transparent;}
.hovermenu a:hover{background-color: #transparent;font: 13px "Open Sans";text-decoration: none;color: #EA7600;}



  @media screen and (max-width: 800px) {
    .hovermenu a:not(:first-child) {display: none;}
    .hovermenu a.icon {
      float: right;
      display: block;
    }
  }

  @media screen and (max-width: 800px) {
    .hovermenu.responsive {position: relative;}
    .hovermenu.responsive .icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .hovermenu.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
  }


td.icon { font: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:14px; font-weight:bold;}
td.pro-icon { font: Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#333;}


.footer{ width:100%; height:30px; background-color:#333; color:#fff; font-family: "Open Sans"; font-size:12px ;}
.footer-title { font-family: "Open Sans"; font-size:12px; color:#fff; margin:auto; font-weight:bold; }

.footer-title2 { font-family: "Open Sans"; font-size:13px; color:#fff; margin:auto; font-weight:bold; line-height:12px;}



.footer-content { font-family: "Open Sans"; font-size:12px; color:#fff;font-weight:100;}

.footer-content a{text-decoration: none;color: #fff; background-color: transparent;}
.footer-content a:hover{background-color: #transparent;font-size: 12px;font-family: "Open Sans"; text-decoration:none;color:  #f29e48; }

.foot{ font-family: "Open Sans"; font-size:12px; color:#000;}

.foot a{text-decoration: none;color: #fff; background-color: transparent;}
.foot a:hover{background-color: #transparent;font-size: 12px;font-family: "Open Sans"; text-decoration:none;color:  #f29e48; }


.neo-intro{font-family:Arial, Helvetica, sans-serif; color:#EA7600; font-size:24px; font-weight:bold;
}
.neo-intro2{font-family:Arial, Helvetica, sans-serif; color:#EA7600; font-size:24px; font-weight:bold;
}
.t1-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.t1-content{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}


.t2-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.t2-content{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}


.announcement-detail{
padding:20px;	
}



/*buttons */ 
.button {
    background-color:#ffcc00;
    border: none;
    color: white;
    padding: 16px 28px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	border-radius: 25px;
}

.button3 {
    background-color: #f2f2f2; 
    color: black; 
    border: 2px solid #EA7600;
	border-radius: 25px;

}

.button3:hover {
    background-color:#ff9933;
    color: white;
	
}


.BuyNow {
    background-color: #EA7600; 
    color: #000; 
    border: 2px solid #EA7600;
	padding: 4px 65px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	font-family: "Montserrat Light", Montserrat;
    font-size: 10px;
	font-weight:bold;
    margin: 1px 5px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	border-radius: 25px;
}
.BuyNow:hover {
    background-color:#ff9933;
    color: white;
}


.Shopee {
    background-color: #F00; 
    color: #fff; 
    border: 2px solid #F00;
	padding: 4px 65px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	font-family: "Montserrat Light", Montserrat;
    font-size: 10px;
	font-weight:bold;
    margin: 1px 5px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	border-radius: 25px;
}
.Shopee:hover {
    background-color:#F00;
    color: white;
}


.sme99 {
    background-color: #00F; 
    color: #fff; 
    border: 2px solid #00F;
	padding: 4px 65px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	font-family: "Montserrat Light", Montserrat;
    font-size: 10px;
	font-weight:bold;
    margin: 1px 5px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	border-radius: 25px;
}
.sme99:hover {
    background-color:#00F;
    color: white;
}


/*career page*/
.c_title{
font-family: "Century Gothic"; font-size:16px;
}

/*Deivery Page*/
.delivery-title{
	font-family: "Century Gothic"; font-size:20px; font-weight:bold;}

.delivery_content{
font-family: "Century Gothic"; font-size:14px;}

.delivery_content2{
	font-family: "Century Gothic"; font-size:13px;}

.delivery-div {height:1px; background-color:#EA7600;}

.delivery-table.t{
	font-family: "Century Gothic"; font-size:16px;
	background-color:#dedfe0;
}
	

.delivery-link{
	font-family: "Montserrat Light"; font-size:12px;
	background-color:#ff6666;
	padding:5px;

	}
	
.catalogue{
	font-family: "Montserrat Light"; font-size:12px;
	background-color:#EA7600;
	padding:5px;

	}
	

.fa {
  padding: 20px;
  font-size: 50px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
}

.fa:hover {
    opacity: 0.7;
}
.fa-facebook {
  background: #333;
  color: white;
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* YOUR STYLE GOES HERE */
}