body {
  margin: 0px;
  padding: 0px;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #333;
}
td {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #333;
  padding: 0px;
  text-align: left;
}
form {
  margin: 0px;
}
div.title {
  font-size: 36px;
  color: #000;
  text-transform: none;
  font-weight: bold;
  font-family: 'Rokkitt', serif;
}
div.titlemodule {
  font-size: 36px;
  color: #000;
  text-transform: none;
  font-weight: bold;
  font-family: 'Rokkitt', serif;
}
div.desc {
  padding-top: 10px;
}
img.module {
  margin: 15px 15px 15px 0px;
}
IMG {
  margin: 0px;
}
A:link {
  COLOR: #666;
  TEXT-DECORATION: none
}
A:visited {
  COLOR: #666;
  TEXT-DECORATION: none
}
A:hover {
  /*LEFT: 1px;*/
  COLOR: #666;
  /*TOP: 1px;*/
  TEXT-DECORATION: none
}
A.linkheader:link {
  COLOR: #FFF;
  TEXT-DECORATION: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
}
A.linkheader:visited {
  COLOR: #FFF;
  TEXT-DECORATION: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
}
A.linkheader:hover {
  LEFT: 1px;
  COLOR: #FFF;
  TOP: 1px;
  TEXT-DECORATION: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
}
A.linkfooter:link {
  COLOR: #FFF;
  TEXT-DECORATION: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}
A.linkfooter:visited {
  COLOR: #FFF;
  TEXT-DECORATION: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}
A.linkfooter:hover {
  LEFT: 1px;
  COLOR: #eed70f;
  TOP: 1px;
  TEXT-DECORATION: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}
select.update {
  /*font-family: Verdana, 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;*/
  width: 245px;
  font-size: 12px;
  color: #424242;
  padding: 6px;
  border: 1px solid #25;
  outline: none;
  background-color: #202020;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  /*-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;*/
  -moz-transition: border .2s linear, box-shadow .2s linear;
  -webkit-transition: border .2s linear, -webkit-box-shadow .2s linear;
}
select.update:focus {
  border: 1px solid #80bfff;
  /*-moz-box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;
    -webkit-box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;
    box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;*/
}
input.update {
  width: 255px;
  background-color: #202020;
  display: block;
  border: 1px solid #202020;
  border-radius: 7px;
  height: 25px;
  padding-left: 10px;
  /*-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);*/
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  color: #666;
}
input.update:focus {
  border: 1px solid #80bfff;
}
input.update2 {
  width: 430px;
  background-color: #FFF;
  display: block;
  border: 1px solid #CCC;
  height: 30px;
  padding-left: 10px;
  /*-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);*/
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  color: #666;
}
input.update2:focus {
  border: 1px solid #80bfff;
}
.design {
  background-color: #202020;
  border: 1px solid #202020;
  width: 255px;
  padding: 10px 0px 10px 10px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  /*-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);*/
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  color: #666;
}
.design:focus {
  border: 1px solid #80bfff;
}
.design2 {
  background-color: #FFF;
  border: 1px solid #CCC;
  width: 500px;
  padding: 10px 0px 10px 10px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  /*-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);*/
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  color: #666;
}
.design2:focus {
  border: 1px solid #80bfff;
}
input.submit {
  width: 75px;
  right: 20px;
  background: #d44839;
  color: #FFF;
  height: 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 5px;
  border: 1px solid #d44839;
  cursor: pointer;
}
input.submit2 {
  width: 75px;
  right: 20px;
  background: #f1631b;
  color: #FFF;
  text-transform: uppercase;
  font-size: 11px;
  height: 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border: 1px solid #f1631b;
  cursor: pointer;
}
.nav {
  position: relative;
  /*margin: 20px 0;*/
}
.nav ul {
  margin: 0;
  padding: 0;
  text-align: right;
}
.nav li {
  margin: 25px 5px 10px 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}
.nav a {
  padding: 5px 12px;
  text-decoration: none;
  color: #FFF;
  line-height: 100%;
  text-transform: uppercase;
  font-weight: bold;
}
.nav a:hover {
  background: #d44936;
  color: #fff;
  border-radius: 4px;
}
.nav .current a {
  background: #d44936;
  color: #fff;
  border-radius: 4px;
}
.mainmenu {
  font-size: 14px;
  padding: 3px 10px 4px 10px;
  color: #000;
}
.mainmenu:hover {
  cursor: pointer;
  color: #333;
}
.mainmenu.active {
  color: #333;
}
.linkmenuleft li {
  list-style-image: url(../images/icon_arrow_right.gif);
}
.linkmenuleft li a {
  color: #FFF;
  font-size: 11px;
}
.linkmenuleft li a:hover {
  color: #fef200;
}
.linkmenuleft li a.active {
  color: #fef200;
}

/*custom style*/

.no-padding {
  padding: 0px;
}
input[type="file"], button, a, :active {
  outline: medium none !important;
}
.input-no-shadow {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555;
  background-color: #FFF;
  background-image: none;
  border: 1px solid #CCC;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 0px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

/*top*/

.top {
  position: absolute;
  width: 100%;
  background: rgba(137, 57, 50, 0.9) none repeat scroll 0% 0%;
  /*background: rgba(191, 38, 25, 0.76);*/
  /*height: 40px;*/
  z-index: 1001;
  min-height: 10px;
  transition-duration: 0.5s;
}
.top table {
  margin: 9px;
}

/*nav*/

.nav {
  width: 100%;
  position: absolute;
  top: 45px;
  background: rgba(0, 0, 0, .8);
  min-height: 57px;
  z-index: 999;
}
.nav .logo {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  float: left;
}
.nav .menu {
  position: relative;
  width: auto;
  float: right;
}
.nav .menu ul {
  position: relative;
  float: right;
}
.nav .menu ul li {
  margin-left: -2px;
  margin-right: -2px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.nav .menu ul li a {
  padding: 21px 30px;
  color: #FFF;
  line-height: 100%;
  font-family: open sans;
  font-size: 16px;
  margin: 0px;
  display: block;
  font-weight: 400;
  text-decoration: none;
  border-radius: 0px;
  transition-duration: 0.5s;
}
.nav .menu ul li a:hover {
  background: rgba(102, 102, 102, 0.9) none repeat scroll 0% 0%;
  color: #FEC000;
  opacity: 0.8;
}
.nav .menu ul li:hover ul {
  display: block;
}
.nav .menu ul li a.active {
  background: rgba(102, 102, 102, 0.9) none repeat scroll 0% 0%;
  color: #FEC000;
}
.nav .menu ul li ul {
  display: none;
  position: absolute;
  float: none;
  background: rgba(102, 102, 102, 0.8) none repeat scroll 0% 0%;
  padding: 20px 30px;
  width: 324px;
}
.nav .menu ul li ul li {
  width: 100%;
  margin: 0px;
  float: left;
}
.nav .menu ul li ul li a {
  font-size: 14px;
  display: block;
  text-align: left;
  padding: 10px;
}
.nav .menu ul li ul li a:hover {
  background: initial;
  color: #fff;
}
.nav .buttonMenu {
  position: relative;
  float: left;
  padding: 14px 14px 15px;
  background: rgba(255, 79, 64, 0.55) none repeat scroll 0% 0%;
  /*background: rgba(255, 79, 64, 0.7);*/
  cursor: pointer;
  transition-duration: 0.5s;
}
.nav .buttonMenu i {
  font-size: 28px;
  color: #FFF;
}
.nav .buttonMenu:hover {
  background: rgba(255, 79, 64, 0.7);
}

/*menuSm*/

.menuSm {
  position: fixed;
  height: 100%;
  z-index: 999999;
  background: #111 none repeat scroll 0% 0%;
  left: -251px;
  /*box-shadow: 6px 0px 11px 0px #000;*/
  border-right: 1px solid #222;
}
.menuSm ul {
  margin: 0px;
  padding: 20px 0px;
  /*border-right: 1px solid rgb(34, 34, 34);*/
}
.menuSm ul li {
  list-style: outside none none;
  border-top: 1px solid rgb(34, 34, 34);
  border-bottom: 1px solid rgb(0, 0, 0);
}
.menuSm ul li a {
  text-decoration: none;
  display: block;
  padding: 13px;
  font-family: open sans;
  font-weight: 300;
  cursor: pointer;
  transition-duration: 0.5s;
  text-align: left;
  width: 250px;
  color: #DDD;
}
.menuSm ul li #inputSearch {
  width: 100%;
  padding: 13px 35px 13px 13px;
  border-radius: 0px;
  border: 0px;
  font-family: open sans;
  color: #DDD;
  background: initial;
}
.menuSm ul li #iconInputSearch {
  background: initial;
  border: 0px;
  position: absolute;
  right: 6px;
  top: 38px;
}
.menuSm ul li a i {
  float: right;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transition-duration: 0.2s;
}
.menuSm ul li a:hover {
  background: rgba(174, 35, 23, 0.8);
}
.menuSm ul li ul {
  border: 0px;
  padding: 0px;
  display: none;
}
.menuSm ul li ul li {
  border: 0px;
}
.menuSm ul li ul li a {
  padding-left: 20px;
}
.menuSmCover {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(104, 104, 104, 0.4) none repeat scroll 0% 0%;
  z-index: 9998;
  display: none;
}

/*footer*/

.footer {
  position: relative;
  padding: 20px 0px;
  background-size: auto 100%;
}
.footer .content {
  position: relative;
}
.footer .content h1 {
  font-size: 20px;
  color: rgb(255, 255, 255);
  font-family: fontAwesome;
  font-weight: 500;
  text-align: left;
}
.footer .content p {
  color: #ddd;
  text-align: left;
  font-family: open sans;
  font-size: 12px;
}
.footer .content .icon {
  color: yellow;
  font-size: 18px;
  padding: 0px;
}
.footer .content .text {
  padding: 0px;
}
.footer .content a {
  color: white;
  text-decoration: none;
}
.footer .content .tagsBox {
  padding: 10px;
  background: #333;
  margin-right: 16px;
  float: left;
  margin-bottom: 16px;
}
.footer .content .tagsBox:hover {
  background: #000;
}
.footer .content iframe {
  float: left;
  position: relative;
  left: -8px;
}
.footer .content ul.sitemap {
  text-align: left;
  padding: 0px;
  list-style: inside;
  float: left;
  width: 50%;
}
.footer .content ul.sitemap li {
  list-style: none;
}
.footer .content ul.sitemap li a {
  padding: 3px;
  padding-left: 0px;
  display: block;
}
.footer .content ul li > ul {
  padding-left: 10px;
  color: #fff;
}
.bottom {
  position: relative;
  background: #000 none repeat scroll 0% 0%;
}
.bottom .linkFooter {
  position: relative;
  float: right;
}
.bottom .linkFooter a {
  display: block;
  float: left;
  padding: 15px;
  color: rgb(255, 255, 255);
  text-decoration: none;
}
.bottom .linkFooter a.active {
  color: yellow;
}
.bottom .linkFooter a:hover {
  color: yellow;
}
.bottom .copy {
  position: relative;
  float: left;
  padding: 15px;
  color: #fff;
  text-align: left;
}
.bottom .copy strong {
  color: yellow;
}

/*index*/

.index {
  position: relative;
  width: 100%;
  background-image: url("../images/img-cangkir-home.png"), url("../images/img-daun-home.png");
  background-position: left bottom, right top;
  background-repeat: no-repeat, no-repeat;
}
.indexTop {
  position: relative;
}
.ourBusiness {
  position: relative;
  float: left;
}
.ourBusiness h1 {
  color: #D35700;
  font-weight: bold;
  font-family: "Rokkitt", serif;
  font-size: 40px;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-align: left;
}
.ourBusiness h1 a {
  color: #D35700 !important;
  font-weight: bold;
  font-family: "Rokkitt", serif;
  font-size: 40px;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-align: left;
  text-decoration: none;
}
.ourBusiness ul {
  position: relative;
  padding: 0px;
  width: 400px;
  float: left;
}
.ourBusiness ul li {
  position: relative;
  list-style: outside none none;
}
.ourBusiness ul li a {
  position: relative;
  display: block;
  padding: 13px 15px 13px 10px;
  color: #333;
  text-align: left;
  text-decoration: none;
  font-size: 11px;
  border-bottom: 1px dotted #999;
}
.ourBusiness ul li a:hover {
  background: rgba(243, 209, 148, 0.5);
  ;
}
.ourProduct {
  position: relative;
  float: left;
}
.ourProduct .rightt {
  float: right;
  width: 487px;
}
.ourProduct h1 {
  color: #D35700;
  font-weight: bold;
  font-family: "Rokkitt", serif;
  font-size: 40px;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-align: left;
}
.ourProduct h2 {
  font-size: 18px;
  font-weight: bold;
  color: #545507;
  text-align: left;
  line-height: 1.4;
  margin-top: 10px;
  margin-bottom: 0px;
  font-family: open sans;
}
.ourProduct h3 {
  font-size: 14px;
  color: #7A7210;
  padding-top: 5px;
  text-align: left;
  line-height: 1.3;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: open sans;
}
.ourProduct p {
  font-size: 12px;
  color: #000;
  padding-top: 5px;
  text-align: left;
  font-family: open sans;
}
.ourProduct p a {
  font-weight: bold;
  text-transform: uppercase;
  color: #6FA40E;
}
.product {
  position: relative;
  padding: 0px;
  padding-top: 50px;
  padding-bottom: 50px;
  float: left;
}

/*.product a{
  display:block;
  float: left;
}*/

.product a img {
  width: 17%;
  background: #E3C378 none repeat scroll 0% 0%;
  padding: 13px;
  border-radius: 5px;
}
.bottomSlider {
  padding-top: 20px;
  padding-bottom: 20px;
}
.bottomSlider .slider {
  position: relative;
  /*float: left;*/
}

/*about*/

.about, #pages {
  position: relative;
  margin: 30px 0px;
}
.about .title, #titleModule {
  font-size: 45px;
  color: #4C2D11;
  text-transform: uppercase;
  font-family: open sans;
  font-weight: 100;
  text-align: center;
}
.about .separator, #separatorModule {
  height: 7px;
}
.about .content, #contentModule {
  margin-top: 30px;
  text-align: justify;
}
#subTitleModule {
  font-size: 36px;
  color: #000;
  text-transform: none;
  font-weight: bold;
  font-family: "Rokkitt", serif;
  text-align: center;
}
#title2Module {
  font-size: 24px;
  color: #923837;
  font-weight: bold;
  font-family: "Rokkitt", serif;
}
#title3Module {
  color: #D35700;
  font-weight: bold;
  font-family: "Rokkitt", serif;
  font-size: 40px;
  letter-spacing: 3px;
  text-transform: uppercase;
}
#text1Module {
  font-size: 18px;
  font-weight: bold;
  color: #545507;
}
#text2Module {
  font-size: 14px;
  color: #545507;
  padding-top: 5px;
}
#text3Module {
  font-size: 12px;
  color: #000;
  padding-top: 5px;
}
#text4Module {
  color: #333;
  font-size: 11px;
  text-align: justify;
  padding: 0px 26%;
  font-family: open sans;
  margin-bottom: 90px;
  margin-top: 10px;
}
#linkModule {
  font-size: 19px;
  text-decoration: none;
}
#link2Module {}
#box {}
#box img {
  width: 100%;
}
.about .content p, #contentModule p {
  text-align: justify;
}
.contact .inputModule {
  width: 100%;
  margin: 10px;
  border: 1px solid rgb(170, 170, 170);
  padding: 5px;
}

/*footer Lastest product*/

#flp {}
#flp .box {
  position: relative;
}
#flp .box .img {
  width: 100%;
  height: auto;
  position: relative;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}
#flp .box .img::before {
  content: "";
  padding-top: 100%;
  position: relative;
  display: block;
}
#flp .box h1 {
  color: #fff;
  font-family: open sans;
  font-size: 16px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 40px;
}

/*end footer Lastest product*/

#bThum h1 a {
  font-size: 15px;
  text-align: center;
  color: rgb(0, 0, 0);
  letter-spacing: 1px;
  text-decoration: none;
  display: block;
}
#bThum .box {
  margin: 20px 0px;
}
#custom.lang {
  position: relative;
  text-align: center;
}
#custom.lang ul {
  position: relative;
  padding: 0px;
  margin: 0px;
  margin-left: 16px;
}
#custom.lang ul li {
  list-style: none;
}
#custom.lang ul li a {
  background: #fff;
  display: block;
  padding: 5px;
  border-radius: 5px;
}
#custom.lang ul li a.active {
  /*border-radius: 0px;*/
  background: #ddd;
}
#custom.lang ul li ul {
  position: absolute;
  margin: 0px;
  top: 50px;
  visibility: hidden;
  opacity: 0;
  transition-duration: 0.3s;
}
#custom.lang ul li ul.active {
  top: 38px;
  visibility: visible;
  ;
  opacity: 1;
}
#custom.lang ul li ul::before {
  content: "\f0d8";
  font-family: fontAwesome;
  color: #fff;
  font-size: 20px;
  position: absolute;
  top: -19px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
#custom.lang ul li ul li {
  list-style: none;
}
#custom.lang ul li ul li a {
  border-radius: 0px;
  background: #fff;
}
#custom.lang ul li ul li a:hover {
  background: #aaa;
}
#pages.business {
  /*margin: 130px 0px;*/
}
#breadcrumbs {
  position: relative;
  width: 100%;
  top: 0px;
  z-index: 9999;
  padding: 120px 0px 0px;
  margin-top: -145px;
}
#breadcrumbs.active {
  position: fixed;
  padding: 0px;
  margin: 0px;
  top: 110px;
}
.stuck {
  position: fixed !important;
  top: 133px !important;
}
#breadcrumbs ul {
  position: relative;
  text-align: left;
  float: left;
  display: block;
  width: 100%;
  background: RGBA(0, 0, 0, 0.71);
  padding: 10px;
  border-radius: 5px;
}
#breadcrumbs ul li {
  list-style: none;
  float: left;
}
#breadcrumbs ul li i {
  color: #fff;
}
#breadcrumbs ul li a {
  position: relative;
  padding: 6px;
  color: #fff;
  text-decoration: none;
  margin: 0px;
}
#breadcrumbs ul li a:hover {
  text-decoration: none;
}
.cer .images {
  position: relative;
  float: left;
}
.cer .images img {
  position: relative;
  float: left;
}
.cer #grid {
  position: relative;
  width: 100%;
}
.cer #grid .grid-item, .grid-sizer {
  width: 32%;
  margin-bottom: 20px;
}
#scrollUp {
  width: 50px;
  height: auto;
  bottom: 40px;
  right: 20px;
  background-image: url(../images/arrows-2.png);
  background-size: cover;
}
#scrollUp::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
#scrollUp::after {
  content: "Back to Top";
  position: absolute;
  white-space: nowrap;
  left: -6px;
  font-size: 12px;
  top: 54px;
}
.productList {
  position: relative;
}
.productList .boxList {}
.productList .boxList .img {}
.productList .boxList:nth-of-type(2n+2) .img {
  float: right;
}
.productList .boxList .img img {
  width: 100%;
}
.productList .boxList .des {
  background: #e3cf90;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 0px 7px 0px #b9a66c;
  background-image: url(../images/bgr.jpg);
}
.productList .boxList .des h1 {
  margin: 0px;
  font-size: 27px;
  text-align: left;
  font-family: Rokkitt;
  margin-bottom: 10px;
}
.productList .boxList .des span {
  font-size: 17px;
  font-family: rokkitt;
  text-align: left;
  display: block;
}
.productList .boxList .des .p {
  text-align: left;
  color: #444;
  font-family: open sans;
  font-size: 13px;
}
.productList .boxList .des .p2 p {
  text-align: left;
  color: #444;
  font-family: open sans;
  font-size: 13px;
  margin-bottom: 0px;
}
.productList .boxList .des .p2 ol {
  position: relative;
  text-align: left;
  color: #444;
}
.productList .boxList .des .p2 ol li {}
.sliderTop {
  position: relative;
}
.sliderTop .img {
  position: relative;
  width: 100%;
  height: 400px;
  background-size: cover;
  background-position: center;
}
.noTelp {
  position: relative;
  float: left;
  width: 100%;
  margin: 10px;
}
.noTelp input {
  position: relative;
  float: left;
  width: auto !important;
  margin: 0px !important;
}
.noTelp input:first-child {
  width: 11% !important;
  border-right: 0px;
}
.noTelp input:last-child {
  width: 89% !important;
}
  /*Responsive*/
  /*lg*/
  @media screen and (min-width: 1200px) {}
  /*md*/
  @media screen and (max-width: 1199px) {
    .nav .menu ul li a {
      padding: 20px 21px;
      font-size: 17px;
    }
    .footer .content {
      margin-bottom: 30px;
    }
    .bottom .linkFooter a {
      padding: 15px 8px;
    }
    .index {
      background-image: url("../images/img-daun-home.png");
      background-position: right top;
    }
    .cer #grid .grid-item, .grid-sizer {
      width: 48%;
    }

    .logo img{
      width: 270px;
    }
  }
  /*sm*/
  @media screen and (max-width: 991px) {
    .top {
      position: fixed;
      transition-duration: 0.5s;
    }
    .top .container {
      width: 100%;
      padding: 0px;
    }
    .nav {
      position: fixed;
      top: 10px;
      transition-duration: 0.5s;
    }
    .nav .logo {
      margin-left: 60px;
      transition-duration: 0.5s;
    }
    .nav .logo img {
      width: 90%;
    }
    .bottom .copy {
      text-align: center;
    }
    .index {
      background-image: none;
      background-position: right top;
    }
    .index .ourBusiness ul {
      width: 100%;
    }
    .index .ourProduct .rightt {
      float: left;
      width: 100%;
    }
    .cer #grid .grid-item, .grid-sizer {
      width: 48%;
    }
    #breadcrumbs {
      position: relative;
      width: 100%;
      top: 0px;
      z-index: 9999;
      padding: 75px 0px 0px;
      margin-top: -81px;
    }
    .stuck {
      position: fixed !important;
      top: 80px !important;
    }
  }
  /*xs*/
  @media screen and (max-width: 767px) {
    .index .product img {
      width: 100%;
      margin-bottom: 20px;
    }
    .index .ourBusiness h1 {
      font-size: 29px;
    }
    .index .ourProduct h1 {
      font-size: 29px;
    }
    #titleModule {
      font-size: 24px;
    }
    #text4Module {
      padding: 0px;
    }
    #brandProductImage {
      width: 80%;
    }
    .cer #grid .grid-item, .grid-sizer {
      width: 100%;
    }
  }

/* 08102018 */
.social-icon{
  position: relative;
  display: inline-block;
  top: 1px;
}
.social-icon a{
  display: inline-block;
  color: #fff;
  margin: 0px 0px 0px 10px;
}
.social-icon a:hover{
  color: #ddd;
}
.social-icon a i{

}