@charset "utf-8";
/*variables for Factory: START*/
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* container : START */
@media only screen and (min-width: 576px) {
  .container.top-sec-container {
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .container.top-sec-container {
    max-width: 960px;
  }
}
@media only screen and (min-width: 1200px) {
  .container.top-sec-container {
    max-width: 1140px;
  }
}
/* container : END */
/* Background color : START*/
.bg-white {
  background-color: #ffffff;
}
.bg-grey {
  background-color: #EBEBEB;
}
.bg-light-blue {
  background-color: #E6FFFF;
}
.bg-light-grey {
  background-color: #FAFAFA;
}
.bg-main-color {
  background-color: #006072;
}
/* Background color : END*/
/* Background setting : START*/
.bg-default {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.bg-pos-top {
  background-position-y: top;
}
.bg-pos-btm {
  background-position-y: bottom;
}
/* Background setting : END*/
/* Background fixed : START*/
@media only screen and (min-width: 992px) {
  .bg-fixed {
    background-attachment: initial;
    background-attachment: fixed;
  }
}
/* Background fixed : END*/
/* Banner image : START */
body section.expertise-banner-bg {
  background-image: url(../_img/Banner_Expertise.png);
}
@media only screen and (min-width: 1366px) {
  body section.intro-banner-bg {
    background-image: url(../_img/bg-el-left-1366.jpg);
  }
  body section.tech-banner-bg {
    background-image: url(../_img/bg-el-right-1366.jpg);
  }
  body section.quality-banner-bg {
    background-image: url(../_img/bg-el-both-1366.jpg);
  }
}
@media only screen and (min-width: 1600px) {
  body section.intro-banner-bg {
    background-image: url(../_img/bg-el-left.jpg);
  }
  body section.tech-banner-bg {
    background-image: url(../_img/bg-el-right.jpg);
  }
  body section.quality-banner-bg {
    background-image: url(../_img/bg-el-both.jpg);
  }
}
/* Banner image : END */
/*----------------Kenny CSS Default: START-------------------------*/
body {
  background-color: white;
  /*ALL FONT STYLE*/
  /*OTHER STYLE*/
}
body a,
body a:link,
body a:active,
body a:hover,
body a:visited {
  text-decoration: none;
  outline: none;
}
body button,
body button:link,
body button:active,
body button:hover,
body button:visited {
  text-decoration: none;
  outline: none;
}
body section h1 {
  font-size: 1.9em;
  line-height: 150%;
  letter-spacing: 0;
  color: #006072;
  font-weight: 600;
  margin-top: 12px;
  margin-bottom: 12px;
  text-align: center;
}
body section h2 {
  font-size: 1.5em;
  line-height: 150%;
  letter-spacing: 0;
  color: #006072;
  font-weight: 600;
  margin-top: 12px;
  margin-bottom: 12px;
  text-align: center;
}
body section h3 {
  font-size: 1.2em;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0;
  color: #808080;
  margin-top: 12px;
  margin-bottom: 12px;
}
body section h4 {
  font-size: 1em;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0;
  color: #808080;
}
body section p {
  color: #808080;
  line-height: 170%;
  font-size: 1em;
  margin-bottom: 0.8em;
}
body section ul li {
  font-size: 1em;
  color: #808080;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body p {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
body .small-p {
  font-size: 0.9em;
}
@media only screen and (min-width: 1920px) {
  body .small-p {
    font-size: 0.8em;
  }
}
body section img {
  image-rendering: -webkit-optimize-contrast;
  width: 100%;
}
body figure {
  margin-bottom: 0;
}
body .hidden {
  visibility: hidden;
}
body .no-padding {
  padding-left: 0;
  padding-right: 0;
}
body .no-margin {
  margin-left: 0;
  margin-right: 0;
}
body .mb-0 {
  margin-bottom: 0 !important;
}
body .pl-15px {
  padding-left: 15px;
}
body .pr-15px {
  padding-right: 15px;
}
body .annotation {
  margin-top: 0.4em;
  margin-left: 0.5em;
  line-height: 140%;
  font-size: 0.85em;
}
body .orange {
  color: #e85a4a;
}
body .white {
  color: #ffffff;
}
body .text-shadow {
  text-shadow: 1px 1px 4px #3e3e3e;
}
body a {
  color: #007bff;
}
body a:hover {
  color: #0064d0;
}
body ul.unordered-list-group {
  list-style: disc;
  padding-left: 1.35em;
}
body ul.unordered-list-group li {
  line-height: 150%;
  margin-bottom: 0.5em;
}
body .dashed-underline {
  border-bottom: 1px dashed #2b2b2b;
}
body .divider {
  border-top: none;
  border-bottom: 1px solid #006072;
}
body .font-weight-600 {
  font-weight: 600 !important;
}
body .pic-center {
  display: block;
  margin: 0 auto;
}
body ul.list-disc {
  list-style-type: disc;
  padding-left: 1.5em;
  color: #808080;
  margin-bottom: 0;
}
body ul.list-disc li {
  color: #808080;
}
body .max-w50 {
  max-width: 50px;
}
body .max-w100 {
  max-width: 100px;
}
body .max-w150 {
  max-width: 150px;
}
body .max-w200 {
  max-width: 200px;
}
body .max-w250 {
  max-width: 250px;
}
body .max-w300 {
  max-width: 300px;
}
body .max-w350 {
  max-width: 350px;
}
body .max-w400 {
  max-width: 400px;
}
body .max-w450 {
  max-width: 450px;
}
body .max-w500 {
  max-width: 500px;
}
body .max-w550 {
  max-width: 550px;
}
body .max-w600 {
  max-width: 600px;
}
body .max-w700 {
  max-width: 700px;
}
body .max-w750 {
  max-width: 750px;
}
body .max-w800 {
  max-width: 800px;
}
body .max-w850 {
  max-width: 850px;
}
body .max-w900 {
  max-width: 900px;
}
body .max-w950 {
  max-width: 950px;
}
body .max-w1000 {
  max-width: 1000px;
}
/*---------------Kenny CSS Default: END-------------------------*/
/* -----------------Mobile--------------------*/
body {
  /*font style*/
  /*all section style*/
  /*individual section style*/
}
body section h1 {
  font-size: 2.3em;
  text-align: left;
  font-weight: 400;
}
body section h2 {
  font-size: 1.7em;
  text-align: left;
  font-weight: 400;
}
body section h3.title-h3 {
  font-weight: 400;
  font-size: 1.5em;
}
body section.all-section {
  display: block;
  font-size: 16px;
  padding-top: 2em;
  padding-bottom: 2em;
  position: relative;
}
body section.all-section div.container div.title-row {
  display: block;
  margin-bottom: 1.5em;
}
body section.all-section div.container div.title-row div.title-box {
  display: block;
}
body section.all-section div.container div.title-row div.title-box h2 {
  text-align: center;
}
body section.all-section div.container div.title-row div.title-box h3 {
  text-align: center;
}
body section.all-section div.container > figure {
  display: block;
  width: 100%;
  text-align: center;
}
body section.all-section div.container table {
  width: 100%;
}
body section.all-section img {
  width: 100%;
}
body section.top-sec {
  min-height: 300px;
  transition: height 1s;
  /*mobile background (banner) style*/
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 0;
}
body section.top-sec div.title-tag-box {
  display: inline-block;
  padding-left: 1.5em;
  padding-right: 1.5em;
  min-width: 10em;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 97, 114, 0.3);
}
body section.top-sec div.title-tag-box h1 {
  font-size: 2em;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0.2em;
  padding-top: 0.2em;
}
/* -----------------Pad----------------------------*/
@media only screen and (min-width: 768px) {
  body {
    /*font style*/
    /*individual section style*/
  }
  body section h1 {
    font-size: 2.3em;
    line-height: 140%;
  }
  body section h2 {
    font-size: 2em;
  }
  body section h3 {
    font-size: 1.3em;
    line-height: 130%;
  }
  body section h4 {
    font-size: 1.2em;
  }
  body section.all-section {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  body section.top-sec {
    min-height: 350px;
    padding-top: 1.5em;
  }
  body section.top-sec div.title-tag-box {
    display: inline-block;
    padding-left: 1.7em;
    padding-right: 1.7em;
    min-width: 16em;
  }
  body section.top-sec div.title-tag-box h1 {
    font-size: 2.3em;
  }
}
/*---------------Desktops--------------------------------*/
@media only screen and (min-width: 992px) {
  body {
    /*font style*/
    /*individual section style*/
  }
  body section h1 {
    letter-spacing: 1px;
    line-height: 130%;
  }
  body section h2 {
    letter-spacing: 1px;
  }
  body section.top-sec {
    min-height: 450px;
  }
}
/*---------------Desktops-1200----------------------------*/
@media only screen and (min-width: 1200px) {
  body {
    /*font style*/
  }
}
/*---------------Desktops-1920--------------------------------*/
@media only screen and (min-width: 1920px) {
  body {
    /*all section style*/
  }
  body section.all-section {
    font-size: 17px !important;
  }
  body section.top-sec {
    min-height: 580px;
  }
}