/*  Box Sizing */
/*  Text Truncate */
/* TRANSITION */
/* TRANSFORM */
/* ANIMATION */
/* GRADIENT */
main > div { display: none; }

#content_design h4 { font-size: 2.25em; font-weight: 400; }
#content_design h6 { font-weight: 400; }
#content_design .sec-team { padding: 5em 0 4em; position: relative; }
#content_design .sec-team .particle { width: 20%; }
#content_design .sec-team h3 { margin-bottom: 1em; }
#content_design .sec-team li:before { top: .75em; }
#content_design .sec-tools { padding: 5em 0 4em; position: relative; }
#content_design .sec-tools:before { content: ''; display: block; width: 100%; height: 75%; background: #7CB892 url(/assets/img/banner/bg-line.png) center 80% no-repeat; background-size: cover; position: absolute; top: 0; left: 0; z-index: -1; }
#content_design .sec-tools #slider-tools { padding: 0 10px; }
#content_design .sec-tools h4 { margin-bottom: 1em; padding: 0 10px; }
#content_design .sec-tools h6 { margin-top: .75em; }
#content_design .sec-table { padding: 3em 0 6em; position: relative; }
#content_design .sec-table .particle { width: 20%; }
#content_design .sec-table .container { border: 1px solid #7CB892; padding: 1.75em 2em; margin-top: 2em; font-size: 20px; }
#content_design .sec-table hr { opacity: .4; }
#content_design .sec-table li { padding-right: 1em; }
#content_design .sec-table .list-disc { margin: .5em 0; }
#content_design .sec-table .list-disc > li { font-size: 1em; margin-right: 1.5em; color: #afafaf; }
#content_design .sec-table h6 { margin-bottom: 1em; }
#content_design .sec-design { padding: 5em 0 4em; position: relative; }
#content_design .sec-design .particle { width: 20%; }
#content_design .sec-design h3 { margin-bottom: 1em; }
#content_design .sec-design figure { position: relative; }
#content_design .sec-design figure:before, #content_design .sec-design figure:after { content: ''; display: block; width: 100%; height: 0; padding-bottom: 5%; background: #7CB892; background-image: #fafafa; background-image: -webkit-linear-gradient(legacy-direction(90deg), #fafafa, #7CB892); background-image: linear-gradient(90deg, #fafafa, #7CB892); position: absolute; left: 0; right: 0; margin: 0 auto; z-index: -1; }
#content_design .sec-design figure:before { -moz-transform: skew(45deg, 0deg); -o-transform: skew(45deg, 0deg); -ms-transform: skew(45deg, 0deg); -webkit-transform: skew(45deg, 0deg); transform: skew(45deg, 0deg); bottom: 50%; margin-bottom: -1px; }
#content_design .sec-design figure:after { -moz-transform: skew(135deg, 0deg); -o-transform: skew(135deg, 0deg); -ms-transform: skew(135deg, 0deg); -webkit-transform: skew(135deg, 0deg); transform: skew(135deg, 0deg); top: 50%; }
#content_design .sec-design figure ol { padding: 3em 2em; counter-reset: mycounter; }
#content_design .sec-design figure li { display: flex; align-items: center; justify-content: center; width: 18%; margin: 0 1%; padding: 2em .5em; background: rgba(255, 255, 255, 0.5); border: 2px solid #3B8585; border-radius: 10px; text-align: center; font-weight: bold; line-height: 1.5; position: relative; }
#content_design .sec-design figure li:before { counter-increment: mycounter; content: counter(mycounter); display: block; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 15px; color: white; background: #3B8585; position: absolute; top: -12px; left: 0; right: 0; margin: 0 auto; z-index: 2; }

#content_manufacturing { position: relative; padding-bottom: 8em; }
#content_manufacturing .particle { width: 20%; }
#content_manufacturing .intro { padding: 5em 0 4em; }
#content_manufacturing .row { padding: 2em 0; border-bottom: 1px solid #E5E5E5; }
#content_manufacturing .row:last-child { border-bottom: none; }
#content_manufacturing .row .owl-nav { top: auto; bottom: -1em; }
#content_manufacturing .row .owl-nav .owl-prev { right: 5em; left: auto; }
#content_manufacturing .row .owl-nav .owl-next { right: 2em; }
#content_manufacturing .row .content { padding-left: 2em; margin-bottom: 1em; }
#content_manufacturing h4 { font-weight: 400; }
#content_manufacturing h4 img { display: inline-block; width: 100px; max-width: 20%; margin-bottom: -1.5%; }

#content_testing { position: relative; padding: 5em 0 8em; }
#content_testing .particle { width: 20%; }
#content_testing .container { font-size: 20px; }
#content_testing .title { font-weight: 500; letter-spacing: .026em; padding: .875em 1.125em; margin-bottom: 1em; }
#content_testing .row { padding: 1em; margin: .5em 0; border: 1px solid rgba(124, 184, 146, 0.5); cursor: pointer; }
#content_testing .row hr { opacity: .4; }
#content_testing .row .hidden-content { display: none; cursor: default; }
#content_testing .row.active .hidden-content { display: block; -webkit-animation-delay: 0s; -webkit-animation-duration: 0.5s; -webkit-animation-name: fadeInUp; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -moz-animation-delay: 0s; -moz-animation-duration: 0.5s; -moz-animation-name: fadeInUp; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: 1; -moz-animation-fill-mode: forwards; -o-animation-delay: 0s; -o-animation-duration: 0.5s; -o-animation-name: fadeInUp; -o-animation-timing-function: ease-in-out; -o-animation-iteration-count: 1; -o-animation-fill-mode: forwards; animation-delay: 0s; animation-duration: 0.5s; animation-name: fadeInUp; animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
#content_testing .row .col50 { line-height: 1.25; }
#content_testing .row .content { padding-right: 2em; padding-bottom: 2em; }
#content_testing .row figure { padding-right: 1em; }
#content_testing .row b { font-size: 1em; font-weight: 500; display: block; letter-spacing: .018em; margin: 1em 0 .75em; }
#content_testing .row p, #content_testing .row li { font-size: 18px; line-height: 1.5; }
#content_testing .row p { line-height: 1.75; }

/* -------------RWD--------------- */
@media screen and (max-width: 1280px) { #content_testing .container { font-size: 18px; }
  #content_testing .row p, #content_testing .row li { font-size: 16px; line-height: 1.5; }
  #content_design .sec-design figure ol { padding: 3em 2em; }
  #content_design .sec-design figure li { padding: 4em .5em; } }
@media screen and (max-width: 1024px) { #content_design .sec-table .container { font-size: 18px; }
  #content_design .sec-design figure li { padding: 3em .5em; }
  #content_manufacturing .row .owl-nav .owl-prev { right: 5em; }
  #content_manufacturing .row .owl-nav .owl-next { right: 1.5em; } }
@media screen and (max-width: 768px) { #content_design .sec-team .particle { width: 33%; }
  #content_design .sec-design figure ol { padding: 3em 1em; }
  #content_design .sec-design figure li { padding: 1em .5em; }
  #content_manufacturing .particle { width: 33%; }
  #content_manufacturing .col50 { width: 100%; }
  #content_manufacturing .row .content { padding: 0 1em; }
  #content_testing .particle { width: 33%; }
  #content_testing .col50 { width: 65%; }
  #content_testing .col30 { width: 15%; }
  #content_testing .row { margin: .25em 0; }
  #content_testing .row .content, #content_testing .row figure { width: 100%; padding-right: 0; } }
@media screen and (max-width: 620px) { #content_design .sec-table .container { font-size: 16px; }
  #content_design .sec-table .col50 { width: 100%; }
  #content_design .sec-design figure:before, #content_design .sec-design figure:after { width: 20%; height: 100%; padding-bottom: 0; top: 0; bottom: 0; left: auto; right: auto; margin: auto 0; background-image: #fafafa; background-image: -webkit-linear-gradient(legacy-direction(180deg), #fafafa, #7CB892); background-image: linear-gradient(180deg, #fafafa, #7CB892); }
  #content_design .sec-design figure:before { -moz-transform: skew(0deg, 20deg); -o-transform: skew(0deg, 20deg); -ms-transform: skew(0deg, 20deg); -webkit-transform: skew(0deg, 20deg); transform: skew(0deg, 20deg); right: 50%; margin-left: -1px; }
  #content_design .sec-design figure:after { -moz-transform: skew(0deg, 160deg); -o-transform: skew(0deg, 160deg); -ms-transform: skew(0deg, 160deg); -webkit-transform: skew(0deg, 160deg); transform: skew(0deg, 160deg); left: 50%; }
  #content_design .sec-design figure ol { padding: 2em 0; }
  #content_design .sec-design figure li { width: 90%; max-width: 500px; margin: 1em auto; }
  #content_testing .container { font-size: 16px; }
  #content_testing .title { display: none; }
  #content_testing .col50, #content_testing .col10, #content_testing .col30 { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: .5em; }
  #content_testing .col50:before, #content_testing .col10:before { content: attr(data-title); display: block; color: #7CB892; margin-bottom: .25em; margin-right: .5em; }
  #content_testing .col30 { justify-content: center; }
  #content_testing .row { margin: .25em 0; }
  #content_testing .row .content, #content_testing .row figure { width: 100%; padding-right: 0; } }
@media screen and (max-width: 480px) { #content_design .sec-team { padding: 4em 0; }
  #content_design .sec-team figure { width: 80%; max-width: 200px; margin: 0 auto; }
  #content_design .sec-team .content { width: 100%; max-width: 360px; margin: 0 auto; }
  #content_design .sec-team .content h4 { text-align: center; }
  #content_design .sec-tools h4 { text-align: center; }
  #content_design .sec-table .container { margin-top: 0; }
  #content_manufacturing { padding-bottom: 6em; }
  #content_manufacturing .intro { padding: 4em 0; }
  #content_manufacturing .row .content { padding: 0; }
  #content_testing { padding: 4em 0 6em; }
  #content_testing .row p, #content_testing .row li { font-size: 14px; line-height: 1.25; } }
@media screen and (max-width: 375px) { #content_design .sec-table .container { padding: 1em; }
  #content_testing .row { padding: .75em .5em 0; } }

/*# sourceMappingURL=technology.css.map */