@charset "utf-8";
 /* CSS Document */

 #banner {
     background: #424141;
 }

 #line {
     padding: 4.92% 0;
 }

 #line a.lineimg {
     overflow: hidden;
     display: block;
     max-width: 496px;
     border: 1px solid #d3d3d3;
     position: relative;
 }

 #line img {
     transition: all 0.3s ease;
     z-index: 1;
 }

 #line a:hover.lineimg img {
     transform: scale(1.2);
 }

 #line a.lineimg .readmore {
     position: absolute;
     z-index: 2;
     right: 0;
     bottom: 0;
     background: #4f4e4e;
     color: #fff;
     padding: 5px 48px 3px 20px;
     text-transform: uppercase;
     font-size: 12px;
     font-weight: bold;
 }

 #line a.lineimg .readmore::before {
     background: #646464;
     position: absolute;
     width: 30px;
     content: "\f054";
     font-family: FontAwesome;
     text-align: center;
     right: 0;
     padding-top: 4px;
     padding-bottom: 4px;
     top: 0;
 }

 #line a:hover.lineimg .readmore {
     background: #42a466;
 }

 #line a:hover.lineimg .readmore::before {
     background: #5fc275;
 }

 #line .title {
     color: #323232;
     font-size: 18px;
     text-transform: uppercase;
     font-weight: bold;
     display: block;
     margin-top: 40px;
     margin-bottom: 12px;
 }

 #line .title::before {
     width: 40px;
     height: 3px;
     background: #42a466;
     content: "";
     position: absolute;
     margin-top: -10px;
 }

 #line .title h1 {
     font-size: 18px;
     margin: 0;
     padding: 0;
 }

 #line a:hover.title {
     color: #42a466;
     text-decoration: none;
 }

 #line h2 {
     color: #959595;
     line-height: 20px;
     font-size: 14px;
 }

 @media (max-width: 767px) {
     .firstp {
         margin-bottom: 40px;
     }
     #line a.lineimg {
         margin: 0 auto;
     }
     #line {
         text-align: center;
     }
     #line .title::before {
         left: 50%;
         margin-left: -20px;
     }
 }

 #wedo {
     padding: 3.42% 0;
     text-align: center;
     background: #42a466;
 }

 #wedo .typename {
     font-size: 24px;
     text-transform: uppercase;
     text-align: center;
     font-weight: bold;
     color: #fff;
     position: relative;
     margin-bottom: 60px;
 }

 #wedo .typename::after {
     position: absolute;
     content: "";
     width: 40px;
     height: 3px;
     background: #fff;
     left: 50%;
     margin-left: -20px;
     bottom: -17px;
 }

 #wedo .flagimg {
     display: block;
     overflow: hidden;
     position: relative;
 }

 #wedo .flagimg::before {
     z-index: 2;
     transform: scale(0);
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     position: absolute;
     content: "";
     background: rgba(0, 0, 0, .5);
     transition: all 0.3s ease;
     opacity: 0;
 }

 #wedo .flagimg::after {
     z-index: 3;
     transform: scale(0);
     content: "\f0c1";
     font-family: FontAwesome;
     color: #fff;
     font-size: 32px;
     top: 50%;
     left: 50%;
     position: absolute;
     margin-left: -10px;
     margin-top: -10px;
     transition: all 0.3s ease;
     opacity: 0;
 }

 #wedo a:hover .flagimg::before {
     transform: scale(1);
     opacity: 1;
 }

 #wedo a:hover .flagimg::after {
     transform: scale(1);
     opacity: 1;
 }

 #wedo .flagimg img {
     transition: all 0.3s ease;
     z-index: 1;
 }

 #wedo a:hover .flagimg img {
     transform: scale(1.2);
 }

 #wedo .flag-text {
     color: #fff;
     padding: 5% 0 5%;
     display: block;
     text-decoration: none;
     background: #444444;
 }

 #wedo a:hover {
     text-decoration: none;
 }

 #wedo .col-md-3 {
     margin-top: 20px;
     margin-bottom: 20px;
 }

 @media (max-width: 767px) {
     #wedo .typename {
         margin-top: 30px;
     }
 }

 #aboutfaq {
     padding: 4.67% 0;
     position: relative;
 }

 @media (min-width: 768px) {
     #aboutfaq .aboutus {
         width: 50%;
         background: #f0f0f0 url(../images/about-bg.jpg) no-repeat right top;
         position: absolute;
         left: 0;
         right: 0;
         top: 0;
         bottom: 0;
     }
 }

 #aboutfaq .typename {
     font-size: 24px;
     color: #323232;
     text-transform: uppercase;
     font-weight: bold;
     margin-bottom: 30px;
 }

 #aboutfaq .typename::before {
     width: 40px;
     height: 3px;
     background: #42a466;
     content: "";
     position: absolute;
     margin-top: -15px;
 }

 #aboutfaq .typename a {
     color: #323232;
     text-decoration: none;
 }

 #aboutfaq p {
     font-size: 12px;
     color: #3b3b3b;
 }

 #aboutfaq .more {
     display: block;
     width: 136px;
     height: 42px;
     border: 1px solid #e4e4e4;
     line-height: 42px;
     text-align: center;
     color: #474a48;
     font-weight: bold;
     border-radius: 5px;
     margin-top: 40px;
 }

 #aboutfaq a:hover.more {
     background: #42a466;
     color: #fff;
     text-decoration: none;
 }

 #aboutfaq .panel-heading {
     padding: 0;
     margin-bottom: 2px;
     line-height: 18px;
 }

 #aboutfaq .panel-heading a {
     position: relative;
     background: #42a466;
     border-bottom: 1px solid #e5e5e5;
     font-size: 13px;
     border-radius: 3px;
     display: block;
     padding: 10px 15px 10px 60px;
     color: #fff;
     text-decoration: none;
     outline: none;
     font-weight: bold;
 }

 #aboutfaq .panel-heading a.collapsed {
     background: #444444;
     color: #fff;
 }

 #aboutfaq .panel-heading a:hover {
     background: #42a466;
     color: #fff;
 }

 #aboutfaq .panel-body {
     border: none;
     color: #3a3a3a;
     padding: 7px 15px;
     font-size: 12px;
 }

 #aboutfaq .panel-heading a.collapsed::after, #aboutfaq .panel-heading a::after {
     position: absolute;
     top: 50%;
     margin-top: -9px;
     left: 15px;
     width: 18px;
     height: 18px;
     content: "\f067";
     line-height: 20px;
     background: #54c67e;
     border-radius: 9px;
     color: #444444;
     font-size: 10px;
     display: inline-block;
     font-family: FontAwesome;
     text-align: center;
     color: #fff;
 }

 #aboutfaq .panel-heading a::after {
     content: "\f068";
     background: #fff;
     color: #54c67e;
 }

 #aboutfaq .panel-heading a:hover::after {
     background: #fff;
     color: #54c67e;
 }

 #aboutfaq .panel-heading a::before {
     width: 1px;
     height: 17px;
     background: #48be74;
     position: absolute;
     content: "";
     top: 50%;
     margin-top: -8px;
     margin-left: -15px;
 }

 #aboutfaq .panel-heading a.collapsed::before {
     background: #696767;
 }

 #aboutfaq .panel-heading a:hover:before {
     background: #48be74;
 }

 @media (min-width: 768px) {
     #aboutfaq .aboutleft {
         padding-right: 4.6%;
     }
     #aboutfaq .faqright {
         padding-left: 4.6%;
     }
 }

 @media (max-width: 767px) {
     #aboutfaq {
         padding-top: 60px;
         padding-bottom: 30px;
     }
     #aboutfaq .aboutleft {
         margin-bottom: 60px;
     }
 }
 #touch{ background: #41a265; padding: 7.6rem 0 5.6rem; color: #fff;}
#touch .title{ font-size: 24px; color: #fff; text-transform: uppercase; text-align: center; font-weight: bold; margin-bottom: 30px; }
#touch .title::before{ width: 40px; height: 3px; background: #fff; position: absolute; content: ""; left: 50%; margin-left: -20px; margin-top: -15px; }
#touch .form-group{ margin-bottom: 15px; }
#touch input.form-control{ height: 54px; }
#touch .mailbody{ max-width: 652px; margin: 0 auto; }
#touch .mailbody .send{ cursor: pointer;transition:all 0.3s ease;  width: 168px;  height: 44px;margin: 0 auto; display: block; text-align: center; border-radius: 5px; line-height: 44px; color: #3d3d3d; font-weight: bold; border: none;  }
#touch .mailbody .send:hover{ background:#3d3d3d; color: #fff;  }