@import url('https://fonts.googleapis.com/css?family=Noto+Serif+TC:600&display=swap');
.company-info {
  display:block;
  padding:0;
  width:100%;
  text-align:center;
  }
.company-info ul {
  display:inline-block;
  width:90%;
  max-width:800px;
  list-style-type:none;
  margin:4% auto 7% auto;
  padding:0;
}
.company-info ul.view-poll.awards-pic-child{
  margin:7% auto 6% auto;
  border-top:1px solid #dddddd; 
}
.company-info ul li {
  width:100%;
  padding:22px 0 22px 0;
  text-align:left;
}
.company-info ul li label {
  display:inline-block;
  width:62%;
  font-size:16px;
  letter-spacing:0.5px;
  color:#777777;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.company-info ul li label b{
  font-size: 18px;
  font-family: 'Noto Serif TC', serif;
  }
.company-info ul li div {
  display:inline-block;
  width:25%;
  padding:0 3% 0 2%;
  font-size:15px;
  color:#777777;
  margin:0;
  text-align:center;
  vertical-align:top;
}
.company-info ul li.odd {
  background-color:#f9f9f9;
}
.company-info ul li a {
  color:#23cad8;
  font-size:14px;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.company-info ul li a:hover {
  color:#222222;
}
 @media screen and (max-width: 640px) {
  .company-info {
  background-color:#ffffff;
  }
}
 @media screen and (max-width: 480px) {
 .company-info ul {
  width:100%;
  }
.company-info ul li div {
  width:30%;
  padding:0 2% 0 2%;
  }
.company-info ul li label {
  width:62%;
  padding: 0 15px 0 0;
  }
.company-info {
  padding:0;
  }
}
.gird-bg {
  display: block;
  width: 100%;
  padding: 5% 0;
  background: #f7f7f7;
  }
.gird-bg h2, .circle-bg h2 {
    display: block;
    width: 87%;
    max-width: 1680px;
    margin: 0 auto;
    font-size: 36px;
    line-height: 110%;
    color: #222222;
    font-weight: 500;
    z-index: 3;
    text-align: center;
    margin: 5% auto 3% auto;
}
.step-img {
    margin: 0 auto;
}
ul.process-step li {
  text-align: center;
}

.step-number.gary{
    background-color: rgb(255, 255, 255);
    border: 1px solid #cccccc;
}
.step-number{
    background: linear-gradient(320deg, #1772a7, #3ba3de);
    color: #ffffff;
}
.sterler-process .step-number label{
    color: #ffffff;
}
.sterler-process{
  position: relative;
  display: block;
  margin: 0 auto;
  width: 90%;
  background-color: #ffffff;
  border-radius:30px;
  border: 3px solid #207eb4;
}

.sterler-process ul.process-step {
    padding: 0 0 2% 7%;
}
ul.process-step li {
    padding: 3% 5% 7% 0;
}
ul.process-step {
    padding: 2% 0px 2% 7%;
}

.gird-bg .sterler-process h2{
  font-weight: 700;
  font-size: 38px;
}
@media screen and (max-width: 1024px){
.sterler-process .quality-span {
  display: block;
  }
}
 @media screen and (max-width: 640px) {
.gird-bg .sterler-process h2{
  font-size: 27px;
  margin: 10% auto 6% auto;
  width: 60%;
  }
ul.process-step li h3 {
  font-size: 18px;
  }
}   
 @media screen and (max-width: 320px) {
.gird-bg .sterler-process h2{
  width: 70%;
  }
} 
ul.process-step li h3 {
  text-transform: capitalize;
  }
.quality-span {
  z-index: 9999;
  display: block;
  width: 30%;
  max-width: 250px;
  position: absolute;
  top: 0;
  right: 0;
  margin: -1px -1px 0 0;
  }
.google-map {
  display:block;
  width:100%;
  height:auto;
  margin-bottom: -6px;
  }
/*animate begin*/
@media screen and (min-width: 900px) { 
  .view-poll.last-child.in-view{
    position: relative; 
    }
  .view-poll.last-child.in-view:after{
    position: absolute; 
    content: '';  
    display: block;
    width: 100%;
    height: 102%;
    left:0;
    right:0;
    bottom:0;
    top: 0;
    background: #f7f7f7;
    z-index: 1;
    animation: mask_item 1s;
    transition: transform 1s cubic-bezier(0.3, 0.5, 0, 1);
    transform: translate3d(100%, 0, 0);
    }
  @keyframes mask_item{   
    0% { transform: translate3d(0%, 0, 0);} 
    30% { transform: translate3d(0%, 0, 0);}
    80% { transform: translate3d(99%, 0, 0);}
    100% { transform: translate3d(100%, 0, 0);}
    } 
  @-webkit-keyframes mask_item{   
    0% { transform: translate3d(0%, 0, 0);} 
    30% { transform: translate3d(0%, 0, 0);}
    80% { transform: translate3d(99%, 0, 0);}
    100% { transform: translate3d(100%, 0, 0);}
    } 
  @-moz-keyframes  mask_item{   
    0% { transform: translate3d(0%, 0, 0);} 
    30% { transform: translate3d(0%, 0, 0);}
    80% { transform: translate3d(99%, 0, 0);}
    100% { transform: translate3d(100%, 0, 0);}
    } 
  @-o-keyframes mask_item{    
    0% { transform: translate3d(0%, 0, 0);} 
    30% { transform: translate3d(0%, 0, 0);}
    80% { transform: translate3d(99%, 0, 0);}
    100% { transform: translate3d(100%, 0, 0);}
    } 
}
/*animate end*/
/*animate begin*/
@media screen and (min-width: 900px) { 
  .view-poll.first-child.in-view{
    position: relative;
    animation: feature_item 1s;
    }
  .view-poll.zero-child.in-view{
    animation: feature_item 1.8s; 
    }
    @keyframes feature_item{    
      0% { right:-40px;opacity: 0;} 
      40% { right:-40px;opacity: 0; }
      99% { right:-1px;opacity: 1; }
      100% { right:0px;opacity: 1; }
      } 
    @-webkit-keyframes feature_item{    
      0% { right:-40px;opacity: 0;} 
      40% { right:-40px;opacity: 0; }
      99% { right:-1px;opacity: 1; }
      100% { right:0px;opacity: 1; }
      }   
    @-moz-keyframes  feature_item{    
      0% { right:-40px;opacity: 0;} 
      40% { right:-40px;opacity: 0; }
      99% { right:-1px;opacity: 1; }
      100% { right:0px;opacity: 1; }
      } 
    @-o-keyframes feature_item{   
      0% { right:-40px;opacity: 0;} 
      40% { right:-40px;opacity: 0; }
      99% { right:-1px;opacity: 1; }
      100% { right:0px;opacity: 1; }
      }
}     
/*animate end*/
/*animate begin*/
@media screen and (min-width: 900px) { 
  .view-poll.awards-child.in-view{
    position: relative;
    animation: about_item 1.5s;
    }
  .view-poll.awards-pic-child.in-view{
    position: relative;
    animation: aboute_item 1.5s; 
    }
    @keyframes aboute_item{   
      0% { left:-40px;opacity: 0;}  
      40% { left:-40px;opacity: 0; }
      99% { left:-1px;opacity: 1; }
      100% { left:0px;opacity: 1; }
      } 
    @-webkit-keyframes aboute_item{   
      0% { left:-40px;opacity: 0;}  
      40% { left:-40px;opacity: 0; }
      99% { left:-1px;opacity: 1; }
      100% { left:0px;opacity: 1; }
      }   
    @-moz-keyframes  aboute_item{   
      0% { left:-40px;opacity: 0;}  
      40% { left:-40px;opacity: 0; }
      99% { left:-1px;opacity: 1; }
      100% { left:0px;opacity: 1; }
      } 
    @-o-keyframes aboute_item{    
      0% { left:-40px;opacity: 0;}  
      40% { left:-40px;opacity: 0; }
      99% { left:-1px;opacity: 1; }
      100% { left:0px;opacity: 1; }
      }
}     
/*animate end*/
/*animate begin*/
@media screen and (min-width: 900px) { 
  .view-poll.last-area.in-view{
    position: relative;
    animation: last_item 1s;
    z-index: 1; 
    }
  @keyframes last_item{   
    0% { bottom:-80px;opacity: 0;}  
    40% { bottom:-80px;opacity: 0; }
    99% { bottom:-1px;opacity: 1; }
    100% { bottom:0px;opacity: 1; }
    } 
  @-webkit-keyframes last_item{   
    0% { bottom:-80px;opacity: 0;}  
    40% { bottom:-80px;opacity: 0; }
    99% { bottom:-1px;opacity: 1; }
    100% { bottom:0px;opacity: 1; }
    } 
  @-moz-keyframes  last_item{   
    0% { bottom:-80px;opacity: 0;}  
    40% { bottom:-80px;opacity: 0; }
    99% { bottom:-1px;opacity: 1; }
    100% { bottom:0px;opacity: 1; }
    }   
  @-o-keyframes last_item{    
    0% { bottom:-80px;opacity: 0;}  
    40% { bottom:-80px;opacity: 0; }
    99% { bottom:-1px;opacity: 1; }
    100% { bottom:0px;opacity: 1; }
    }
} 
/*animate end*/  

.table_info{
  display: table;
  width: 90%;
  max-width: 750px;
  font-size:15px;
  line-height:1.5;
  font-weight:normal;
  color:#707070;
  margin:30px auto 0 auto;
  } 
.table_info tr td{
  padding:0 5px;
  height: 55px;
  text-align: center;
  position: relative;
  } 
.table_info tr td span{
  font-weight:600;
  font-size: 17px;
  }
.check-icon:after {
  content: "\f00c";
  font-family: 'FontAwesome';
  font-size: 30px;
  color: #7abf4f;
  }  
@media screen and (max-width: 480px) {
  .table_info{
    font-size:14px;
    } 
}