@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
body {
    padding: 0; margin: 0; background: #fff;
}
.home-menu-btn {
	display: none;
}
header {
    width: 100%; min-height: 150px; padding-top: 15px;
    background: url(../img/slidebg.jpg) no-repeat;
}
div.store_custom {
    max-width: 1200px; margin: 0 auto;
}
#custom-search-input {
    margin:0;
    margin-top: 10px;
    padding: 0;
}

#custom-search-input .search-query {
   border-radius: 50px;
   height: 35px;
   font-size: 13px;
   width: 100%;
}

#custom-search-input button {
    border: 0;
    background: none;
    /** belows styles are working good */
    padding: 2px 5px;
    margin-top: 2px;
    position: relative;
    left: -32px;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color:#f07c00;
}

.search-query:focus + button {
    z-index: 3;   
}
div.social a.socail_btn {
    color: #6f6f6e; text-decoration: none; padding-left: 5px; line-height: 50px;
}
div.langs {
    font-family: 'Noto Sans', sans-serif; font-weight: 600; font-size:13px; color: #6f6f6e; line-height: 50px;
}
div.langs a.lang {
    font-family: 'Noto Sans', sans-serif; font-weight: 700; font-size:13px; opacity: .5; text-decoration: none; color: #6f6f6e; line-height: 50px;
}
div.langs a.lang.active {
    opacity: 1.0;
}
.nav-link {
    font-family: 'Noto Sans', sans-serif; font-weight: 700; font-size:16px; opacity: 1; text-decoration: none; color: #6e6e6e;
}
.nav-link:hover {
  color: #f07c00;
}
#carouselExampleIndicators {
    padding:0; margin:0;
}
div.slide_title {
    font-family: 'Noto Sans', sans-serif; font-weight: 800; font-size:72px; color: #f07c00;
    line-height: 60px; word-spacing: 5px; padding-top: 25%; width: 100%; border-bottom: 5px solid #f07c00;
    height: 50%;
}
div.slide_desc {
    font-family: 'Noto Sans', sans-serif; font-weight: 800; font-size:20px; color: #000;
    line-height: 75px;
}
a button.btn-custom {
    height: 35px; color: #fff; background: #f07c00; color: #fff; border-radius: 35px; padding-right: 50px; font-family: 'Noto Sans', sans-serif; font-size: 13px; font-weight: 500;
    border: 0; padding-left: 15px; position: absolute;
}
a button.btn-custom i {
  position: absolute;
  right: 9px;
  font-size: 24px;
  line-height: 34px;
  top: 0;
}
section.slide_bottom_bg {
    width: 100%; height: 175px; background-color: #fff; position: relative; z-index: 999909999; margin-top: -50px;
    border-radius: 25px; -webkit-box-shadow: 0px 5px 10px -4px #a0a0a0; 
    box-shadow: 0px 5px 10px -4px #a0a0a0;
}
section.slide_bottom_bg div.title {
    width: 100%; height: 125px; margin-top: 25px; border-right: 1px solid #f07c00; color: #f07c00; font-family: 'Noto Sans', sans-serif; font-weight: 800; font-size: 24px;
    line-height: 125px;
}
p.home_corporate_detail {
    font-family: 'Noto Sans', sans-serif; font-weight: 500; font-size: 14px; color: #4e4e4e; padding-top: 30px;
}
section.product_bg {
    width: 100%; min-height: 350px; margin-top: 50px; background-color: #f07c00;
}
section.product_bg div.title {
    font-family: 'Noto Sans', sans-serif; font-weight: 800; font-size: 24px; color: #fff; padding-top: 35px;
}
section.product_bg  div.desc {
    font-family: 'Noto Sans', sans-serif; font-weight: 500; font-size: 13px; color: #fff;
}
a button.btn-custom-2 {
    height: 35px; color: #fff; background: #6e6e6e; color: #fff; border-radius: 35px; padding-right: 50px; font-family: 'Noto Sans', sans-serif; font-size: 13px; font-weight: 500;
    border: 0; padding-left: 15px; position: absolute;
}
a button.btn-custom-2 i {
  position: absolute;
  right: 9px;
  font-size: 24px;
  line-height: 34px;
  top: 0;
}
section.catalog_bg {
    width: 100%; height: 335px; background: url(../img/catalog_bg.jpg); padding-top: 10px
}
section.catalog_bg div.catalog_title {
    font-family: 'Noto Sans', sans-serif; font-weight: 800; font-size: 36px; color: #f07c00; padding-top: 35px;
}
section.catalog_bg div.catalog_desc {
    font-family: 'Noto Sans', sans-serif; font-weight: 400; font-size: 14px; color: #000;
}
div.gallery_title {
    font-family: 'Noto Sans', sans-serif; font-size: 24px; color: #f07c00;
}
div.gallery_desc {
    font-family: 'Noto Sans', sans-serif; font-size: 14px; color: #aeaeae;
}
.snip1529 {
    background-color: #000000;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    color: #ffffff;
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    line-height: 1.6em;
    margin: 10px;
    max-width: 100%;
    min-width: 100%;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 100%;
  }
  
  .snip1529 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  
  .snip1529 img {
    max-width: 100%;
    vertical-align: top;
    position: relative;
    opacity: 0.75;
  }
  
  .snip1529 figcaption {
    padding: 25px 20px 25px;
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: rgb(240,124,0);
    background: linear-gradient(0deg, rgba(240,124,0,1) 0%, rgba(255,255,255,0) 100%);
    width: 100%;
  }
  
  .snip1529 .date {
    background-color: #fff;
    color: #333;
    font-size: 18px;
    font-weight: 800;
    min-height: 48px;
    min-width: 48px;
    padding: 10px 0;
    position: absolute;
    right: 15px;
    text-align: center;
    text-transform: uppercase;
    top: 0;
  }
  
  .snip1529 .date span {
    display: block;
    line-height: 14px;
  }
  
  .snip1529 .date .month {
    font-size: 11px;
  }
  
  .snip1529 h3,
  .snip1529 p {
    margin: 0;
    padding: 0;
    font-size: 24px;
    
  }
  
  .snip1529 h3 {
    font-weight: 800;
    letter-spacing: -0.4px;
  }
  
  .snip1529 .hover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    align-items: center;
    background-color: rgba(236, 188, 46, 0.75);
    display: flex;
    font-size: 65px;
    justify-content: center;
    opacity: 1;
  }
  
  .snip1529 a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
  }
  
  .snip1529:hover .hover,
  .snip1529.hover .hover {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    opacity: 1;
  }
  
  .snip1529:hover figcaption,
  .snip1529.hover figcaption {
    opacity: 1;
  }
  
  .snip1529:hover .date,
  .snip1529.hover .date {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
section.call-center {
    width: 100%; height: 75px; background-color: #6e6e6e;
}
section.call-center div.text {
    font-family: 'Noto Sans', sans-serif; font-weight: 400; font-size: 20px; color: #fff; line-height: 75px;
}

.home_product {
    background-color: rgba(255, 255, 255, 0.45);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    color: #ffffff;
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    line-height: 1.6em;
    margin: 10px;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 100%;
  }
  
  .home_product * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  
  .home_product img {
    max-width: 100%;
    vertical-align: top;
    position: relative;
    opacity: 1.0;
    padding: 20px;
  }
  
  .home_product figcaption {
    padding: 25px 20px 25px;
    position: absolute;
    bottom: 0;
    z-index: 1;
  }
  
  .home_product .date {
    background-color: #fff;
    color: #333;
    font-size: 18px;
    font-weight: 800;
    min-height: 48px;
    min-width: 48px;
    padding: 10px 0;
    position: absolute;
    right: 15px;
    text-align: center;
    text-transform: uppercase;
    top: 0;
  }
  
  .home_product .date span {
    display: block;
    line-height: 14px;
  }
  
  .home_product .date .month {
    font-size: 11px;
  }
  
  .home_product h3,
  .home_product p {
    margin: 0;
    padding: 0;
  }
  
  .home_product h3 {
    font-weight: 800;
    letter-spacing: -0.4px;
  }
  
  .home_product .hover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    align-items: center;
    background-color: #ff57228f;
    display: flex;
    font-size: 24px;
    justify-content: center;
    opacity: 0;
    margin: 10px;
    font-family: 'Noto Sans', sans-serif;
  }
  
  .home_product a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
  }
  
  .home_product:hover .hover,
  .home_product.hover .hover {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    opacity: 1;
  }
  
  .home_product:hover figcaption,
  .home_product.hover figcaption {
    opacity: 0;
  }
  
  .home_product:hover .date,
  .home_product.hover .date {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
footer {
    width: 100%; min-height: 250px;
}
footer div.foot-bg1 {
    background-color: #eee; width: 100%; min-height: 250px;
}
footer div.foot-bg2 {
    background-color: #d7d3d4; width: 100%; min-height: 250px;
}
section.page-top {
    width: 100%; height: 100px; line-height: 100px; background: #6e6e6e; border-top: 5px solid #f07c00;
}
section.page-top div.page-name {
    font-family: 'Noto Sans', sans-serif; font-weight: 800; font-size: 24px; color: #fff; line-height: 90px;
}
.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
    color: #fff;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
}
.breadcrumb .breadcrumb-item {
    line-height: 90px;
}
.breadcrumb .breadcrumb-item a {
    color: #fff; text-decoration: none;
}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #fff;
    content: "/";
}
.breadcrumb-item.active {
    color: #fff;
}
section.page-image {
    width: 100%; min-height: 200px; background-color: #a0a0a0;
}
footer span.address {
  font-family: 'Noto Sans', sans-serif; font-weight: 400; font-size: 14px; color: #4e4e4e;
}
footer ul {
  list-style-type: none; padding: 0; margin: 0;
}
footer ul li {
  list-style-type: none; padding: 0; margin: 0;
}
footer ul li.title {
  font-family: 'Noto Sans', sans-serif; font-weight: 400; font-size: 15px; color: #4e4e4e; text-decoration: none; line-height: 35px; color: #f07c00;
}
footer ul li a {
  font-family: 'Noto Sans', sans-serif; font-weight: 400; font-size: 13px; color: #4e4e4e; text-decoration: none;
} 
footer div.copy_text {
  font-family: 'Noto Sans', sans-serif; font-weight: 300; font-size: 13px; color: #4e4e4e; text-decoration: none;
}
span.icon {
  background-color: #faa502;
  border-radius: 100%;
  width: 51px;
  height: 51px;
  text-align: center;
  display: block;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 24px;
  line-height: 50px;
}
span.text {
  font-family: 'Noto Sans', sans-serif; font-weight: 400; font-size: 14px; color: #4e4e4e;
}
div.left_menu {
background: #aeaeae;
}
div.left_menu ul {
  list-style-type: none; 
  padding: 0;
  margin: 0;
}
div.left_menu ul li.title{
  background: #f07c00; color: #fff; text-align: center; height: 50px; line-height: 50px; border-bottom: 0; font-size: 16px;
}
div.left_menu ul li{
  height: 50px; line-height: 50px; border-bottom:1px solid #fff; text-indent: 15px;
}
div.left_menu ul li a{
  color: #fff; font-size: 14px;
}
div.left_menu ul li a:hover{
  color: #fff; font-size: 14px; text-decoration: none;
}