/* =======================================================
*
* 	Template Style 
*	Edit this section
*
* ======================================================= */
 
 body {
     font-family: "微软雅黑";
     line-height: .9;
     font-size: 16px;
     background: #fff;
     color: #848484;
     font-weight: 300;
     overflow-x: hidden;
 }
 
 body.fh5co-offcanvas {
     overflow: hidden;
 }
 
 a {
     color: #29a537;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
 }
 
 a:hover {
     text-decoration: none !important;
     color: #29a537 !important;
 }
 
 p,
 ul,
 ol {
     /* margin-bottom: 1.5em; */
     font-size: 12px;
     color: #fff;
     font-weight: 300;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     color: rgba(0, 0, 0, 0.7);
     font-weight: 400;
     margin: 0 0 30px 0;
 }
 
 figure {
     margin-bottom: 2em;
 }
 
 ::-webkit-selection {
     color: #fcfcfc;
     background: #29a537;
 }
 
 ::-moz-selection {
     color: #fcfcfc;
     background: #29a537;
 }
 
 ::selection {
     color: #fcfcfc;
     background: #29a537;
 }
 
 .btn {
     margin-right: 4px;
     margin-bottom: 4px;
     font-family: "Open Sans", Arial, serif;
     font-size: 16px;
     font-weight: 400;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     border-radius: 30px;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
 }
 
 .btn.btn-md {
     padding: 10px 20px !important;
 }
 
 .btn.btn-lg {
     padding: 18px 36px !important;
 }
 
 .btn:hover,
 .btn:active,
 .btn:focus {
     box-shadow: none !important;
     outline: none !important;
     color: #fff !important;
 }
 
 .copyrights {
     text-indent: -9999px;
     height: 0;
     line-height: 0;
     font-size: 0;
     overflow: hidden;
 }
 
 .btn-primary {
     background: #29a537;
     color: #fff;
     border: 2px solid #29a537;
 }
 
 .btn-primary:hover,
 .btn-primary:focus,
 .btn-primary:active {
     background: #00c5cf !important;
     border-color: #00c5cf !important;
 }
 
 .btn-primary.btn-outline {
     background: transparent;
     color: #29a537;
     border: 2px solid #29a537;
 }
 
 .btn-primary.btn-outline:hover,
 .btn-primary.btn-outline:focus,
 .btn-primary.btn-outline:active {
     background: #29a537;
     color: #fff !important;
 }
 
 .btn-success {
     background: #5cb85c;
     color: #fff;
     border: 2px solid #5cb85c;
 }
 
 .btn-success:hover,
 .btn-success:focus,
 .btn-success:active {
     background: #4cae4c !important;
     border-color: #4cae4c !important;
 }
 
 .btn-success.btn-outline {
     background: transparent;
     color: #5cb85c;
     border: 2px solid #5cb85c;
 }
 
 .btn-success.btn-outline:hover,
 .btn-success.btn-outline:focus,
 .btn-success.btn-outline:active {
     background: #5cb85c;
     color: #fff;
 }
 
 .btn-info {
     background: #5bc0de;
     color: #fff;
     border: 2px solid #5bc0de;
 }
 
 .btn-info:hover,
 .btn-info:focus,
 .btn-info:active {
     background: #46b8da !important;
     border-color: #46b8da !important;
 }
 
 .btn-info.btn-outline {
     background: transparent;
     color: #5bc0de;
     border: 2px solid #5bc0de;
 }
 
 .btn-info.btn-outline:hover,
 .btn-info.btn-outline:focus,
 .btn-info.btn-outline:active {
     background: #5bc0de;
     color: #fff;
 }
 
 .btn-warning {
     background: #f0ad4e;
     color: #fff;
     border: 2px solid #f0ad4e;
 }
 
 .btn-warning:hover,
 .btn-warning:focus,
 .btn-warning:active {
     background: #eea236 !important;
     border-color: #eea236 !important;
 }
 
 .btn-warning.btn-outline {
     background: transparent;
     color: #f0ad4e;
     border: 2px solid #f0ad4e;
 }
 
 .btn-warning.btn-outline:hover,
 .btn-warning.btn-outline:focus,
 .btn-warning.btn-outline:active {
     background: #f0ad4e;
     color: #fff;
 }
 
 .btn-danger {
     background: #d9534f;
     color: #fff;
     border: 2px solid #d9534f;
 }
 
 .btn-danger:hover,
 .btn-danger:focus,
 .btn-danger:active {
     background: #d43f3a !important;
     border-color: #d43f3a !important;
 }
 
 .btn-danger.btn-outline {
     background: transparent;
     color: #d9534f;
     border: 2px solid #d9534f;
 }
 
 .btn-danger.btn-outline:hover,
 .btn-danger.btn-outline:focus,
 .btn-danger.btn-outline:active {
     background: #d9534f;
     color: #fff;
 }
 
 .btn-outline {
     background: none;
     border: 2px solid gray;
     font-size: 16px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
 }
 
 .btn-outline:hover,
 .btn-outline:focus,
 .btn-outline:active {
     box-shadow: none;
 }
 
 .btn.with-arrow {
     position: relative;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
 }
 
 .btn.with-arrow i {
     visibility: hidden;
     opacity: 0;
     position: absolute;
     right: 0px;
     top: 50%;
     margin-top: -8px;
     -webkit-transition: 0.2s;
     -o-transition: 0.2s;
     transition: 0.2s;
 }
 
 .btn.with-arrow:hover {
     padding-right: 50px;
 }
 
 .btn.with-arrow:hover i {
     color: #fff;
     right: 18px;
     visibility: visible;
     opacity: 1;
 }
 
 #fh5co-header {
     position: fixed;
     margin-bottom: 0;
     z-index: 9999999;
     width: 100%;
 }
 
 .fh5co-cover,
 .fh5co-hero {
     position: relative;
     height: 800px;
 }
 
 @media screen and (max-width: 768px) {
     .fh5co-cover,
     .fh5co-hero {
         height: 700px;
     }
 }
 
 .fh5co-cover.fh5co-hero-2,
 .fh5co-hero.fh5co-hero-2 {
     height: 600px;
 }
 
 .fh5co-cover.fh5co-hero-2 .fh5co-overlay,
 .fh5co-hero.fh5co-hero-2 .fh5co-overlay {
     position: absolute !important;
     width: 100%;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     z-index: 1;
     background: rgba(0, 0, 0, 0.7);
 }
 
 .fh5co-overlay {
     position: absolute !important;
     width: 100%;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     z-index: 1;
     background: rgba(0, 0, 0, 0.3);
 }
 
 .fh5co-cover {
     background-size: cover;
     position: relative;
 }
 
 @media screen and (max-width: 768px) {
     .fh5co-cover {
         heifght: inherit;
         padding: 3em 0;
     }
 }
 
 .fh5co-cover .btn {
     padding: 1em 2em;
     opacity: .9;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     border-radius: 30px;
 }
 
 .fh5co-cover.fh5co-cover_2 {
     height: 600px;
 }
 
 @media screen and (max-width: 768px) {
     .fh5co-cover.fh5co-cover_2 {
         heifght: inherit;
         padding: 3em 0;
     }
 }
 
 .fh5co-cover .desc {
     top: 50%;
     position: absolute;
     width: 100%;
     margin-top: -100px;
     z-index: 2;
     color: #fff;
 }
 
 @media screen and (max-width: 768px) {
     .fh5co-cover .desc {
         padding-left: 15px;
         padding-right: 15px;
     }
 }
 
 .fh5co-cover .desc h2 {
     color: #fff;
     font-size: 55px;
     font-weight: 300;
     margin-bottom: 10px;
     line-height: 60px;
     letter-spacing: 1px;
 }
 
 @media screen and (max-width: 768px) {
     .fh5co-cover .desc h2 {
         font-size: 40px;
         line-height: 50px;
     }
 }
 
 .fh5co-cover .desc span {
     display: block;
     margin-bottom: 25px;
     font-size: 24px;
     letter-spacing: 1px;
     color: rgba(255, 255, 255, 0.8);
 }
 
 .fh5co-cover .desc span i {
     color: #151f2c;
 }
 
 .fh5co-cover .desc span a {
     color: rgba(255, 255, 255, 0.8);
 }
 
 .fh5co-cover .desc span a:hover,
 .fh5co-cover .desc span a:focus {
     color: #fff !important;
 }
 
 .fh5co-cover .desc span a.fh5co-site-name {
     padding-bottom: 2px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.7);
 }
 /* Superfish Override Menu */
 
 .sf-menu {
     margin: 0 !important;
 }
 
 .sf-menu {
     float: right;
 }
 
 .sf-menu ul {
     box-shadow: none;
     border: transparent;
     min-width: 21em;
     *width: 21em;
 }
 
 .sf-menu a {
     color: #FFF;
     padding: 2em 2em !important;
     font-weight: normal;
     border-left: none;
     border-top: none;
     border-top: none;
     text-decoration: none;
     zoom: 1;
     font-size: 14px;
     border-bottom: none !important;
     font-weight: 400;
     text-transform: uppercase;
 }
 
 .sf-menu a:hover,
 .sf-menu a:focus,
 .sf-menu a.active {
     /*background: #29a537 !important;*/
     color: #fff !important;
 }
 
 .sf-menu li:hover>a {
     background: #1f8b2b !important;
     color: #fff !important;
 }
 
 .sf-menu li,
 .sf-menu ul li,
 .sf-menu ul ul li,
 .sf-menu li:hover,
 .sf-menu li.sfHover {
     /*  background: url("../images/menumid.png") right top repeat-y;
*/
 }
 
 .sf-menu ul li a,
 .sf-menu ul ul li a {
     text-transform: none;
     padding: 0.25em 1em 0.25em 1.4em !important;
     letter-spacing: 1px;
 }
 
 .sf-menu li:hover a,
 .sf-menu li.sfHover a,
 .sf-menu ul li:hover a,
 .sf-menu ul li.sfHover a,
 .sf-menu li.active a {
     color: #FFF;
 }
 
 .sf-menu ul li:hover,
 .sf-menu ul li.sfHover {
     background: transparent;
 }
 
 .sf-menu ul li {
     background: transparent;
 }
 
 .sf-arrows .sf-with-ul {
     padding-right: 2.5em;
     *padding-right: 1em;
 }
 
 .sf-arrows .sf-with-ul:after {
     content: '';
     position: absolute;
     top: 50%;
     right: 1em;
     margin-top: -3px;
     height: 0;
     width: 0;
     border: 5px solid transparent;
     border-top-color: #ccc;
 }
 
 .sf-arrows>li>.sf-with-ul:focus:after,
 .sf-arrows>li:hover>.sf-with-ul:after,
 .sf-arrows>.sfHover>.sf-with-ul:after {
     border-top-color: #ccc;
 }
 
 .sf-arrows ul .sf-with-ul:after {
     margin-top: -5px;
     margin-right: -3px;
     border-color: transparent;
     border-left-color: #ccc;
     display: none;
 }
 
 .sf-arrows ul li>.sf-with-ul:focus:after,
 .sf-arrows ul li:hover>.sf-with-ul:after,
 .sf-arrows ul .sfHover>.sf-with-ul:after {
     border-left-color: #ccc;
 }
 
 #fh5co-header-section {
     background: #222222;
     padding: 0;
     width: 100%;
     -webkit-box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.22);
     -moz-box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.22);
     -ms-box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.22);
     -o-box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.22);
     box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.22);
 }
 
 @media screen and (max-width: 768px) {
     #fh5co-header-section {
         padding: 0;
     }
 }
 
 .nav-header {
     position: relative;
     float: left;
     width: 100%;
 }
 
 #fh5co-logo {
     font-size: 22px;
     text-transform: uppercase;
     font-weight: 700;
     float: left;
     margin-bottom: 0;
 }
 
 #fh5co-logo a {}
 
 #fh5co-logo a i {
     color: #29a537;
     font-size: 30px;
     padding-right: 12px;
 }
 
 #fh5co-logo a:hover,
 #fh5co-logo a:focus {
     color: rgba(0, 0, 0, 0.9) !important;
 }
 
 #fh5co-logo span {
     padding: 0;
     margin: 0;
     font-weight: 100;
 }
 
 @media screen and (max-width: 768px) {
     #fh5co-logo {
         width: 100%;
         float: none;
         margin-top: 0;
     }
 }
 
 #fh5co-menu-wrap {
     position: relative;
     z-index: 2;
     display: block;
     float: right;
 }
 
 #fh5co-primary-menu>li>ul li.active>a {
     color: #29a537 !important;
 }
 
 #fh5co-primary-menu>li>ul li a i {
     margin-left: 5px;
 }
 
 #fh5co-primary-menu>li>.sf-with-ul:hover:after,
 #fh5co-primary-menu>li>.sf-with-ul:focus:after {
     color: #fff !important;
 }
 
 #fh5co-primary-menu>li>.sf-with-ul.active:after {
     color: white;
 }
 
 #fh5co-primary-menu>li>ul>li {
     position: relative;
     width: 33.33%;
     float: left;
     border-right: 1px solid #6cc470
 }
 /*
#fh5co-primary-menu > li > ul li > .sf-with-ul:after {
  border: none !important;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== * /
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  float: right;
  margin-right: 10px;
  top: 20px;
  font-size: 16px;
   /*  content: "\e924"; * /
  color: rgba(0, 0, 0, 0.5);
}

*/
 
 #fh5co-primary-menu li>.fh5co-sub-menu {
     background: rgba(82, 186, 87, 0.92);
     left: 0;
     -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
     -ms-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
     -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
 }
 
 #fh5co-primary-menu li>.fh5co-sub-menu .fh5co-sub-menu {
     box-shadow: none !important;
 }
 
 #fh5co-primary-menu .list-service .fh5co-sub-menu {
     left: 0em;
     width: 7em;
     min-width: 7em;
 }
 
 #fh5co-primary-menu .list-service .fh5co-sub-menu li {
     width: 100%;
 }
 
 #fh5co-primary-menu .fh5co-sub-menu>li>.fh5co-sub-menu {
     width: 100%;
     position: relative;
     display: block !important;
     min-width: inherit !important;
 }
 
 #fh5co-primary-menu .fh5co-sub-menu>li>.fh5co-sub-menu li {
     width: 100%;
     display: block;
     float: none;
     clear: both;
     position: relative;
     min-width: inherit;
 }
 
 #fh5co-primary-menu .fh5co-sub-menu>li>.fh5co-sub-menu li a {
     font-size: 12px;
     padding-left: 10px;
 }
 
 .site-header.has-image #primary-menu .sub-menu {
     border-color: #ebebeb;
     -webkit-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
     -moz-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
     -ms-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
     -o-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
     box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
 }
 
 .site-header.has-image #primary-menu .sub-menu:before {
     display: none;
 }
 
 #fh5co-primary-menu .fh5co-sub-menu a {
     letter-spacing: 0;
     padding: 0 0px;
     font-size: 14px;
     line-height: 34px;
     color: #FFFFFF !important;
     text-transform: none;
     background: none;
 }
 
 #fh5co-primary-menu .fh5co-sub-menu a:hover {
     background: #1F8B2B !important;
 }
 
 #fh5co-hero {
     height: 570px !important;
     background: #fff url(../images/loader.gif) no-repeat center center;
 }
 
 #fh5co-hero .btn {
     font-size: 24px;
 }
 
 #fh5co-hero .btn.btn-primary {
     padding: 14px 30px !important;
 }
 
 #fh5co-hero .flexslider {
     border: none;
     z-index: 1;
     margin-bottom: 0;
     overflow: hidden;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     -ms-border-radius: 0px;
     border-radius: 0px;
     height: 570px !important;
 }
 
 #fh5co-hero .flexslider .slides {
     position: relative;
     overflow: hidden;
 }
 
 #fh5co-hero .flexslider .slides li {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     height: 570px !important;
     position: relative;
 }
 
 #fh5co-hero .flexslider .slides li:after {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     content: '';
     z-index: 1;
 }
 
 #fh5co-hero .flexslider .flex-control-nav {
     bottom: 0px;
     z-index: 1000;
 }
 
 #fh5co-hero .flexslider .flex-control-nav li a {
     background: rgba(255, 255, 255, 0.2);
     box-shadow: none;
     width: 12px;
     height: 12px;
     cursor: pointer;
 }
 
 #fh5co-hero .flexslider .flex-control-nav li a.flex-active {
     cursor: pointer;
     background: rgba(255, 255, 255, 0.7);
 }
 
 #fh5co-hero .flexslider .flex-direction-nav {
     display: none;
 }
 
 #fh5co-hero .flexslider .slider-text {
     display: table;
     opacity: 0;
     min-height: 700px;
     z-index: 9;
 }
 
 #fh5co-hero .flexslider .slider-text a:hover {
     color: #fff !important;
 }
 
 #fh5co-hero .flexslider .slider-text>.slider-text-inner {
     display: table-cell;
     vertical-align: middle;
     min-height: 700px;
 }
 
 #fh5co-hero .flexslider .slider-text>.slider-text-inner h2 {
     font-size: 60px;
     font-weight: 400;
     color: #fff;
 }
 
 @media screen and (max-width: 768px) {
     #fh5co-hero .flexslider .slider-text>.slider-text-inner h2 {
         font-size: 40px;
     }
     #fh5co-hero {
         height: 200px !important;
     }
     #fh5co-hero .flexslider {
         height: 200px !important;
     }
     #fh5co-hero .flexslider .slides li {
         height: 200px !important;
     }
 }
 
 #fh5co-hero .flexslider .slider-text>.slider-text-inner p .btn:hover {
     color: #fff !important;
 }
 
 #fh5co-hero .flexslider .slider-text>.slider-text-inner .fh5co-lead {
     font-size: 20px;
     color: #fff;
 }
 
 #fh5co-hero .flexslider .slider-text>.slider-text-inner .fh5co-lead .icon-heart {
     color: #d9534f;
 }
 
 #fh5co-services-section,
 #fh5co-pricing-section,
 #fh5co-blog-section,
 #fh5co-counter-section,
 #fh5co-about-section,
 #fh5co-contact-section {
     padding: 7em 0;
 }
 
 .fh5co-portfolio-section {
     padding-top: 7em;
 }
 
 .grey-bg {
     background: rgba(45, 64, 89, 0.1);
 }
 
 #fh5co-section {
     background: rgba(45, 64, 89, 0.1);
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
 }
 
 .col-half {
     width: 50%;
     float: left;
 }
 
 @media screen and (max-width: 992px) {
     .col-half {
         width: 100%;
     }
 }
 
 .col-half.col-half-2 {
     padding: 7em 3em;
 }
 
 .col-half .btn-outline {
     background: none;
     border: 2px solid #fff !important;
     font-size: 16px;
     color: #fff;
 }
 
 .col-half .btn-outline:hover {
     background: transparent !important;
     color: #fff !important;
 }
 
 .col-half .btn-outline:hover i {
     color: #fff !important;
 }
 
 .col-half h2 {
     font-weight: 400;
     margin-bottom: 2em;
 }
 
 .col-half .featured-inner {
     margin-bottom: 40px;
 }
 
 .col-half .featured-inner i {
     float: left;
     font-size: 40px;
     color: #29a537;
 }
 
 .col-half .featured-inner .desc {
     padding-left: 5em;
 }
 
 .col-half .featured-inner .desc h3 {
     font-size: 18px;
     margin-bottom: 15px;
 }
 
 .col-half.col-half-color {
     background: #29a537;
 }
 
 .col-half.col-half-color h2,
 .col-half.col-half-color h3,
 .col-half.col-half-color p {
     color: #fff;
 }
 
 .col-half.col-half-color p {
     color: rgba(255, 255, 255, 0.9);
 }
 
 .col-half.col-half-color .row-half {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
     margin: 0;
     overflow: hidden;
 }
 
 .col-half.col-half-color .row-half .col-half-inner {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
     background-size: cover;
     background-position: center center;
     position: relative;
     width: 50%;
     min-height: 350px;
 }
 
 @media screen and (max-width: 480px) {
     .col-half.col-half-color .row-half .col-half-inner {
         width: 100%;
     }
 }
 
 .col-half.col-half-color .row-half .col-half-inner.col-half-inner-bg {
     background: #F36363 !important;
 }
 
 .col-half.col-half-color .row-half .col-half-inner.col-half-inner-bg2 {
     background: #046FDB !important;
 }
 
 .col-half.col-half-color .row-half .col-half-inner .desc {
     padding: 30px;
     position: absolute;
     bottom: 0;
     left: 0;
     top: 0;
     right: 0;
 }
 
 .col-half.col-half-color .row-half .col-half-inner .desc blockquote {
     border: none;
     padding: 0;
 }
 
 .col-half.col-half-color .row-half .col-half-inner .desc blockquote .client {
     color: #fff;
     text-transform: uppercase;
     font-size: 14px;
     letter-spacing: 2px;
 }
 
 .col-half.col-half-color .row-half .grid-item {
     overflow: hidden;
 }
 
 .col-half.col-half-color .row-half .grid-item:after {
     position: absolute;
     background: rgba(0, 173, 181, 0.7) !important;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     content: '';
     z-index: 1;
     opacity: 0;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
 }
 
 .col-half.col-half-color .row-half .grid-item .desc2 {
     padding: 30px;
     position: absolute;
     bottom: -100px;
     left: 0;
     right: 0;
     z-index: 9;
     opacity: 0;
     -webkit-transition: 0.1s;
     -o-transition: 0.1s;
     transition: 0.1s;
 }
 
 .col-half.col-half-color .row-half .grid-item .desc2 h3 {
     margin-bottom: 10px;
 }
 
 .col-half.col-half-color .row-half .grid-item .desc2 span {
     color: rgba(255, 255, 255, 0.7);
     font-size: 14px;
 }
 
 .col-half.col-half-color .row-half .grid-item:hover:after,
 .col-half.col-half-color .row-half .grid-item:focus:after {
     opacity: 1 !important;
 }
 
 .col-half.col-half-color .row-half .grid-item:hover .desc2,
 .col-half.col-half-color .row-half .grid-item:focus .desc2 {
     bottom: 5px;
     opacity: 1;
 }
 
 .services {
     margin-bottom: 4.5em;
     padding: 70px 25px 25px 25px;
     border: 2px solid rgba(45, 64, 89, 0.1);
     position: relative;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     border-radius: 5px;
 }
 
 .services span {
     display: block;
     margin-bottom: 20px;
     position: absolute;
     top: -20px;
     left: 0;
     right: 0;
 }
 
 .services span i {
     font-size: 40px;
     color: #29a537;
     border: 2px solid rgba(45, 64, 89, 0.1);
     padding: 30px;
     background: #fff;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
 }
 
 #fh5co-portfolio-section {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
 }
 
 #fh5co-portfolio-section .portfolio-row-half {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
     width: 100%;
 }
 
 #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item {
     background-size: cover;
     background-position: center center;
     position: relative;
     width: 25%;
     height: 350px;
     float: left;
     overflow: hidden;
 }
 
 @media screen and (max-width: 992px) {
     #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item {
         width: 50%;
     }
 }
 
 @media screen and (max-width: 480px) {
     #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item {
         width: 100%;
     }
 }
 
 #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item:after {
     position: absolute;
     background: rgba(0, 173, 181, 0.7) !important;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     content: '';
     z-index: 1;
     opacity: 0;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
 }
 
 #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item .desc2 {
     padding: 30px;
     position: absolute;
     bottom: -100px;
     left: 0;
     right: 0;
     z-index: 9;
     opacity: 0;
     -webkit-transition: 0.1s;
     -o-transition: 0.1s;
     transition: 0.1s;
 }
 
 #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item .desc2 h3 {
     margin-bottom: 5px;
     color: #fff;
 }
 
 #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item .desc2 span {
     color: rgba(255, 255, 255, 0.7);
     font-size: 14px;
 }
 
 #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item .desc2 i {
     color: #fff;
     position: absolute;
     top: 35px;
     right: 30px;
     font-size: 20px;
 }
 
 #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item:hover:after,
 #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item:focus:after {
     opacity: 1 !important;
 }
 
 #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item:hover .desc2,
 #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item:focus .desc2 {
     bottom: 5px;
     opacity: 1;
 }
 
 #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item-color {
     position: relative;
     width: 25%;
     height: 350px;
     float: left;
     background: #F36363;
 }
 
 @media screen and (max-width: 992px) {
     #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item-color {
         width: 50%;
     }
 }
 
 @media screen and (max-width: 480px) {
     #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item-color {
         width: 100%;
     }
 }
 
 #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item-color:after {
     position: absolute;
     top: 130px;
     right: -20px;
     width: 0;
     height: 0;
     content: '';
     border-top: 20px solid transparent;
     border-bottom: 20px solid transparent;
     border-left: 20px solid #F36363;
     z-index: 9;
 }
 
 #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item-color .desc {
     padding: 30px;
 }
 
 #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item-color .desc h2,
 #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item-color .desc p {
     color: #fff;
 }
 
 #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item-color .desc .btn-outline {
     background: none;
     border: 2px solid #fff !important;
     font-size: 16px;
     color: #fff;
 }
 
 #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item-color .desc .btn-outline:hover {
     background: transparent !important;
     color: #fff !important;
 }
 
 #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item-color .desc .btn-outline:hover i {
     color: #fff !important;
 }
 
 #fh5co-pricing-section .price-box {
     border: 2px solid #ECEEF0;
     text-align: center;
     padding: 30px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     border-radius: 5px;
     margin-bottom: 40px;
     position: relative;
 }
 
 #fh5co-pricing-section .price-box.popular {
     border: 2px solid #29a537;
 }
 
 #fh5co-pricing-section .price-box.popular .popular-text {
     top: 0;
     left: 50%;
     margin-left: -54px;
     margin-top: -2em;
     position: absolute;
     padding: 4px 20px;
     background: #29a537;
     color: #fff;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -ms-border-radius: 4px;
     border-radius: 4px;
 }
 
 #fh5co-pricing-section .price-box.popular .popular-text:after {
     content: "";
     position: absolute;
     top: 100%;
     left: 50%;
     margin-left: -10px;
     border-top: 10px solid black;
     border-top-color: #29a537;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
 }
 
 #fh5co-pricing-section .pricing-plan {
     margin: 0;
     padding: 0;
     font-size: 15px;
     letter-spacing: 2px;
     text-transform: uppercase;
     font-weight: 700;
 }
 
 #fh5co-pricing-section .price {
     font-size: 50px;
     color: #000;
 }
 
 #fh5co-pricing-section .price .currency {
     font-size: 20px;
     top: -1.2em;
 }
 
 #fh5co-pricing-section .price small {
     font-size: 16px;
 }
 
 #fh5co-pricing-section .pricing-info {
     padding: 0;
     margin: 0 0 30px 0;
 }
 
 #fh5co-pricing-section .pricing-info li {
     padding: 0;
     margin: 0;
     list-style: none;
     text-align: center;
 }
 
 .testimony {
     border: 2px solid rgba(255, 255, 255, 0.3);
     padding: 50px 20px 20px 20px;
     position: relative;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     border-radius: 5px;
 }
 
 @media screen and (max-width: 768px) {
     .testimony {
         margin-bottom: 60px;
     }
 }
 
 .testimony .quote {
     position: absolute;
     top: -40px;
     left: 50%;
     right: 0;
     margin-left: -40px;
 }
 
 .testimony .quote i {
     font-size: 30px;
     width: 80px;
     height: 80px;
     padding-top: 25px;
     color: rgba(0, 0, 0, 0.3);
     position: absolute;
     left: 0;
     top: 0;
     background: white;
     -webkit-box-shadow: 0px 9px 7px -10px rgba(0, 0, 0, 0.13);
     -moz-box-shadow: 0px 9px 7px -10px rgba(0, 0, 0, 0.13);
     -ms-box-shadow: 0px 9px 7px -10px rgba(0, 0, 0, 0.13);
     -o-box-shadow: 0px 9px 7px -10px rgba(0, 0, 0, 0.13);
     box-shadow: 0px 9px 7px -10px rgba(0, 0, 0, 0.13);
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
 }
 
 .testimony blockquote {
     border: none;
     position: relative;
 }
 
 .testimony blockquote p {
     font-size: 20px;
     line-height: 1.6em;
     color: rgba(255, 255, 255, 0.6) !important;
 }
 
 .testimony blockquote span {
     color: rgba(255, 255, 255, 0.7);
 }
 
 .testimony blockquote span a {
     font-size: 16px;
 }
 
 .feature-full-1col {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
     width: 100%;
     margin-bottom: 30px;
 }
 
 .feature-full-1col .image,
 .feature-full-1col .desc {
     float: left;
     width: 50%;
 }
 
 @media screen and (max-width: 768px) {
     .feature-full-1col .image,
     .feature-full-1col .desc {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         flex-wrap: wrap;
         -webkit-flex-wrap: wrap;
         -moz-flex-wrap: wrap;
         position: relative;
         width: 100%;
     }
 }
 
 .feature-full-1col .image {
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
 }
 
 @media screen and (max-width: 768px) {
     .feature-full-1col .image {
         height: 300px;
     }
 }
 
 .feature-full-1col .desc {
     padding: 50px;
     background: #fff;
 }
 
 @media screen and (max-width: 768px) {
     .feature-full-1col .desc {
         padding: 30px;
     }
 }
 
 .feature-full-1col .desc.desc2 {
     background: rgba(45, 64, 89, 0.05);
 }
 
 .feature-full-2col {
     margin-bottom: 30px;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
 }
 
 @media screen and (max-width: 768px) {
     .feature-full-2col {
         flex-wrap: wrap;
         width: 100%;
     }
 }
 
 .feature-full-2col .blog-inner {
     float: left;
     width: 50%;
     position: relative;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
 }
 
 @media screen and (max-width: 992px) {
     .feature-full-2col .blog-inner {
         width: 100%;
         flex-wrap: wrap;
         margin-bottom: 30px;
     }
 }
 
 @media screen and (max-width: 768px) {
     .feature-full-2col .blog-inner {
         width: 100%;
         flex-wrap: wrap;
         margin-bottom: 30px;
     }
 }
 
 .feature-full-2col .blog-inner .image {
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
 }
 
 @media screen and (max-width: 480px) {
     .feature-full-2col .blog-inner .image {
         position: relative;
         height: 200px;
     }
 }
 
 .feature-full-2col .blog-inner .image,
 .feature-full-2col .blog-inner .desc {
     width: 50%;
 }
 
 @media screen and (max-width: 480px) {
     .feature-full-2col .blog-inner .image,
     .feature-full-2col .blog-inner .desc {
         width: 100%;
     }
 }
 
 .feature-full-2col .blog-inner .desc {
     padding: 30px;
     background: #fff;
 }
 
 .feature-full-2col .blog-inner .desc.desc2 {
     background: rgba(45, 64, 89, 0.05);
 }
 
 .fh5co-counters {
     padding: 3em 0;
     background-size: cover;
     background-attachment: fixed;
     background-position: center center;
 }
 
 .fh5co-counters .counter-wrap {
     border: 1px solid red !important;
 }
 
 .fh5co-counters .fh5co-counter {
     font-size: 44px;
     display: block;
     color: rgba(0, 0, 0, 0.7);
     font-family: "Open Sans", Arial, serif;
     width: 100%;
     font-weight: 400;
     margin-bottom: .3em;
 }
 
 .fh5co-counters .fh5co-counter-label {
     color: rgba(0, 0, 0, 0.5);
     text-transform: uppercase;
     font-size: 14px;
     letter-spacing: 5px;
     margin-bottom: 2em;
     display: block;
 }
 
 .about-wrap {
     border: 2px solid rgba(45, 64, 89, 0.1);
     padding: 100px 30px 30px;
     position: relative;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     border-radius: 5px;
 }
 
 @media screen and (max-width: 992px) {
     .about-wrap {
         margin-bottom: 6em;
     }
 }
 
 .about-wrap .about {
     position: absolute;
     top: -70px;
     left: 0;
     right: 0;
     width: 100%;
     margin-bottom: 40px;
 }
 
 .about-wrap .about>img {
     width: 140px;
     height: 140px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
 }
 
 .about-wrap .desc h3 {
     margin-bottom: 10px;
 }
 
 .about-wrap .desc .pos {
     font-size: 13px;
     letter-spacing: 3px;
     color: rgba(0, 0, 0, 0.4);
     text-transform: uppercase;
 }
 
 .googleplus-color {
     color: #dc4e41 !important;
 }
 
 .facebook-color {
     color: #3b5998 !important;
 }
 
 .twitter-color {
     color: #55acee !important;
 }
 
 .fh5co-heading {
     margin-bottom: 2.5em;
 }
 
 .fh5co-heading i {
     font-size: 40px;
     color: #29a537;
     padding: 10px;
     display: block;
     margin-bottom: 20px;
 }
 
 .fh5co-heading h2 {
     font-size: 34px;
 }
 
 .fh5co-table,
 .fh5co-table-cell,
 .fh5co-parallax {
     height: 500px;
 }
 
 .fh5co-parallax2 {
     padding-top: 10em;
     height: inherit !important;
 }
 
 @media screen and (max-width: 992px) {
     .fh5co-parallax2 {
         padding-bottom: 10em;
     }
 }
 
 .fh5co-parallax {
     background-color: #555;
     background-attachment: fixed;
     background-size: cover;
     position: relative;
 }
 
 .fh5co-parallax .overlay {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: black;
     opacity: .7;
 }
 
 @media screen and (max-width: 768px) {
     .fh5co-parallax {
         height: inherit;
         padding: 4em 0;
     }
 }
 
 .fh5co-parallax .fh5co-intro h1 {
     color: #fff;
     font-size: 70px;
     font-weight: 300;
     margin-bottom: 10px;
 }
 
 @media screen and (max-width: 768px) {
     .fh5co-parallax .fh5co-intro h1 {
         font-size: 30px;
     }
 }
 
 .fh5co-parallax .fh5co-intro p {
     color: #fff;
 }
 
 .fh5co-parallax .fh5co-intro p a {
     color: #fff;
     border-bottom: 2px solid rgba(255, 255, 255, 0.2);
 }
 
 .fh5co-parallax .fh5co-intro p a:hover {
     color: #fff;
 }
 
 .fh5co-parallax .fh5co-intro.box-area {
     padding: 40px;
     background: #222831;
 }
 
 .fh5co-table {
     display: table;
 }
 
 .fh5co-table-cell {
     display: table-cell;
     vertical-align: middle;
 }
 
 #footer .copyright {
     color: #848484;
     margin-top:20px;
 }
 
 #footer .copyright a {
     color:#29a537;
 }
 
 #fh5co-contact-section .contact-info {
     margin: 0;
     padding: 0;
 }
 
 #fh5co-contact-section .contact-info li {
     list-style: none;
     margin: 0 0 20px 0;
     position: relative;
     padding-left: 40px;
 }
 
 #fh5co-contact-section .contact-info li i {
     position: absolute;
     top: .3em;
     left: 0;
     font-size: 22px;
     color: rgba(0, 0, 0, 0.5);
 }
 
 #fh5co-contact-section .contact-info li a {
     font-weight: 400 !important;
     color: rgba(0, 0, 0, 0.3);
 }
 
 #fh5co-contact-section .form-control {
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     -ms-box-shadow: none;
     -o-box-shadow: none;
     box-shadow: none;
     border: none;
     border: 1px solid rgba(0, 0, 0, 0.1);
     font-size: 18px;
     font-weight: 400;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     -ms-border-radius: 0px;
     border-radius: 0px;
 }
 
 #fh5co-contact-section .form-control:focus,
 #fh5co-contact-section .form-control:active {
     border-bottom: 1px solid rgba(0, 0, 0, 0.5);
 }
 
 #fh5co-contact-section input[type="text"] {
     height: 50px;
 }
 
 #fh5co-contact-section .form-group {
     margin-bottom: 30px;
 }
 
 .section-title {
     font-weight: 700;
 }
 
 #map {
     width: 100%;
     height: 500px;
     position: relative;
 }
 
 @media screen and (max-width: 768px) {
     #map {
         height: 200px;
     }
 }
 
 .fh5co-social-icons>a {
     padding: 4px 5px;
     color: #29a537;
 }
 
 .fh5co-social-icons>a i {
     font-size: 24px;
 }
 
 .fh5co-social-icons>a:hover,
 .fh5co-social-icons>a:focus,
 .fh5co-social-icons>a:active {
     text-decoration: none;
     color: #212121;
 }
 
 #footer {
     padding: 2em 0;
     float: left;
     width: 100%;
     background: #222222;
     -webkit-box-shadow: inset 0px 4px 15px -12px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: inset 0px 4px 15px -12px rgba(0, 0, 0, 0.75);
     -ms-box-shadow: inset 0px 4px 15px -12px rgba(0, 0, 0, 0.75);
     -o-box-shadow: inset 0px 4px 15px -12px rgba(0, 0, 0, 0.75);
     box-shadow: inset 0px 4px 15px -12px rgba(0, 0, 0, 0.75);
     font-size: 12px;
 }
 
 #footer a {
     color: #FFFFFF;
     text-decoration: none;
 }
 
 #footer a:hover {
     color: #29a537;
     text-decoration: none;
 }
 
 #footer h3 {
     font-size: 14px;
     color: #FFF;
     margin-top: 10px;
     margin-bottom: 12px;
 }
 
 #footer ul.link {
     padding: 0;
     margin: 0;
     font-size: 12px;
 }
 
 #footer ul.link li {
     padding: 0;
     margin: 0;
     color: #FFF;
     list-style: none;
 }
 
 #footer ul.link li a {
     text-decoration: none;
     color: #ddd;
 }
 
 #footer #form-subscribe .form-field {
     position: relative;
 }
 
 #footer #form-subscribe input[type="email"] {
     background: #fff;
     padding: 5px 70px 5px 15px;
     border: none;
     height: 45px;
     line-height: 30px;
     width: 100%;
 }
 
 #footer #form-subscribe input[type="submit"] {
     background: #3c4146;
     border: none;
     color: #fff;
     height: 45px;
     padding: 5px 15px;
     position: absolute;
     right: 0;
     top: 0;
 }
 
 #footer .social-icons {
     padding: 0;
     margin: 0;
 }
 
 #footer .social-icons li {
     padding: 0;
     margin: 0;
     list-style: none;
 }
 
 #footer .social-icons li a {
     font-size: 30px;
     text-decoration: none;
 }
 
 #footer .social-icons li a:hover,
 #footer .social-icons li a:focus,
 #footer .social-icons li a:active {
     outline: none;
     text-decoration: none;
 }
 
 #footer .social-icons li a:hover i,
 #footer .social-icons li a:focus i,
 #footer .social-icons li a:active i {
     text-decoration: none;
 }
 
 .js .animate-box {
     opacity: 0;
 }
 
 #fh5co-wrapper {
     overflow-x: hidden;
     position: relative;
 }
 
 .fh5co-offcanvas {
     overflow: hidden;
 }
 
 .fh5co-offcanvas #fh5co-wrapper {
     overflow: hidden !important;
 }
 
 #fh5co-page {
     position: relative;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
 }
 
 .fh5co-offcanvas #fh5co-page {
     -moz-transform: translateX(-240px);
     -webkit-transform: translateX(-240px);
     -ms-transform: translateX(-240px);
     -o-transform: translateX(-240px);
     transform: translateX(-240px);
 }
 
 @media screen and (max-width: 768px) {
     #fh5co-menu-wrap {
         display: none;
     }
 }
 
 #offcanvas-menu {
     position: absolute;
     top: 0;
     bottom: 0;
     z-index: 99;
     background: #222;
     right: -240px;
     width: 240px;
     padding: 20px;
     overflow-y: scroll !important;
     display: none;
 }
 
 @media screen and (max-width: 768px) {
     #offcanvas-menu {
         display: block;
     }
 }
 
 #offcanvas-menu ul {
     padding: 0;
     margin: 0;
 }
 
 #offcanvas-menu ul li {
     padding: 0;
     margin: 0 0 10px 0;
     list-style: none;
 }
 
 #offcanvas-menu ul li a {
     font-size: 18px;
     color: rgba(255, 255, 255, 0.4);
 }
 
 #offcanvas-menu ul li a:hover {
     color: #29a537;
 }
 
 #offcanvas-menu ul li ul li {
     margin: 0px;
 }
 
 #offcanvas-menu ul li ul li a {
     font-size: 14px;
 }
 
 #offcanvas-menu ul li>.fh5co-sub-menu {
     margin-top: 9px;
     padding-left: 20px;
 }
 
 #offcanvas-menu ul li.active>a {
     color: #29a537;
 }
 
 #offcanvas-menu ul .fh5co-sub-menu {
     display: block !important;
 }
 
 .fh5co-nav-toggle {
     margin-top: 20px !important;
     cursor: pointer;
     text-decoration: none;
 }
 
 .fh5co-nav-toggle.active i::before,
 .fh5co-nav-toggle.active i::after {
     background: #000;
 }
 
 .fh5co-nav-toggle.dark.active i::before,
 .fh5co-nav-toggle.dark.active i::after {
     background: #000;
 }
 
 .fh5co-nav-toggle:hover,
 .fh5co-nav-toggle:focus,
 .fh5co-nav-toggle:active {
     outline: none;
     border-bottom: none !important;
 }
 
 .fh5co-nav-toggle i {
     position: relative;
     display: -moz-inline-stack;
     display: inline-block;
     zoom: 1;
     *display: inline;
     width: 30px;
     height: 2px;
     color: #FFFFFF;
     font: bold 14px/.4 Helvetica;
     text-transform: uppercase;
     text-indent: -55px;
     background: #FFFFFF;
     transition: all .2s ease-out;
 }
 
 .fh5co-nav-toggle i::before,
 .fh5co-nav-toggle i::after {
     content: '';
     width: 30px;
     height: 2px;
     background: #FFFFFF;
     position: absolute;
     left: 0;
     -webkit-transition: 0.2s;
     -o-transition: 0.2s;
     transition: 0.2s;
 }
 
 .fh5co-nav-toggle.dark i {
     position: relative;
     color: #FFFFFF;
     background: #FFFFFF;
     transition: all .2s ease-out;
 }
 
 .fh5co-nav-toggle.dark i::before,
 .fh5co-nav-toggle.dark i::after {
     background: #FFFFFF;
     -webkit-transition: 0.2s;
     -o-transition: 0.2s;
     transition: 0.2s;
 }
 
 .fh5co-nav-toggle i::before {
     top: -7px;
 }
 
 .fh5co-nav-toggle i::after {
     bottom: -7px;
 }
 
 .fh5co-nav-toggle:hover i::before {
     top: -10px;
 }
 
 .fh5co-nav-toggle:hover i::after {
     bottom: -10px;
 }
 
 .fh5co-nav-toggle.active i {
     background: transparent;
 }
 
 .fh5co-nav-toggle.active i::before {
     top: 0;
     -webkit-transform: rotateZ(45deg);
     -moz-transform: rotateZ(45deg);
     -ms-transform: rotateZ(45deg);
     -o-transform: rotateZ(45deg);
     transform: rotateZ(45deg);
 }
 
 .fh5co-nav-toggle.active i::after {
     bottom: 0;
     -webkit-transform: rotateZ(-45deg);
     -moz-transform: rotateZ(-45deg);
     -ms-transform: rotateZ(-45deg);
     -o-transform: rotateZ(-45deg);
     transform: rotateZ(-45deg);
 }
 
 .fh5co-nav-toggle {
     position: absolute;
     top: 0px;
     right: 0px;
     z-index: 9999;
     display: block;
     margin: 0 auto;
     display: none;
     cursor: pointer;
 }
 
 @media screen and (max-width: 768px) {
     .fh5co-nav-toggle {
         display: block;
         top: 0px;
     }
 }
 
 @media screen and (max-width: 480px) {
     .col-xxs-12 {
         float: none;
         width: 100%;
     }
 }
 
 .row-bottom-padded-lg {
     padding-bottom: 7em;
 }
 
 @media screen and (max-width: 768px) {
     .row-bottom-padded-lg {
         padding-bottom: 2em;
     }
 }
 
 .row-top-padded-lg {
     padding-top: 7em;
 }
 
 @media screen and (max-width: 768px) {
     .row-top-padded-lg {
         padding-top: 2em;
     }
 }
 
 .row-bottom-padded-md {
     padding-bottom: 4em;
 }
 
 @media screen and (max-width: 768px) {
     .row-bottom-padded-md {
         padding-bottom: 2em;
     }
 }
 
 .row-top-padded-md {
     padding-top: 4em;
 }
 
 @media screen and (max-width: 768px) {
     .row-top-padded-md {
         padding-top: 2em;
     }
 }
 
 .row-bottom-padded-sm {
     padding-bottom: 2em;
 }
 
 @media screen and (max-width: 768px) {
     .row-bottom-padded-sm {
         padding-bottom: 2em;
     }
 }
 
 .row-top-padded-sm {
     padding-top: 2em;
 }
 
 @media screen and (max-width: 768px) {
     .row-top-padded-sm {
         padding-top: 2em;
     }
 }
 
 .border-bottom {
     border-bottom: 1px solid rgba(0, 0, 0, 0.06);
 }
 
 .lead {
     line-height: 1.8;
 }
 
 .no-js #loader {
     display: none;
 }
 
 .js #loader {
     display: block;
     position: absolute;
     left: 100px;
     top: 0;
 }
 
 .fh5co-loader {
     position: fixed;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: 9999;
     background: url(../images/hourglass.svg) center no-repeat #222222;
 }
 
 .contsection {
     padding: 50px 0 50px;
 }
 
 .section-header .section-title {
     font-size: 36px;
     color: #003227;
     position: relative;
     padding-bottom: 20px;
     margin: 0 0 0px;
     display: block;
     text-align: center;
 }
 
 .section-header .section-title2 {
     font-size: 18px;
     color: #2aa83a;
     position: relative;
     padding-bottom: 20px;
     margin: 0 0 20px;
     border-bottom: 1px solid #E7E7E7;
     display: block;
     text-align: center;
 }
 
 .section-header .section-title2:before {
     content: "";
     position: absolute;
     width: 140px;
     bottom: -5px;
     right: 0;
     width: 30px;
     background: rgb(231, 231, 231);
     border-radius: 50%;
     margin: 0 auto;
     left: 0;
     right: 0;
     height: 10px;
 }
 
 .section-header p {
     text-align: center;
     font-size: 12px;
 }
 
 .media.service-box {
     margin: 0px 0 0px;
     padding: 20px;
     padding-left: 100px;
     position: relative;
 }
 
 .media.service-box h4 {
     font-size: 18px;
     color: #2aa83a;
 }
 
 .media.service-box p {
     font-size: 12px;
     color: #5d5e5d;
     min-height: 52px;
 }
 
 .media.service-box .pull-left {
     margin-right: 20px;
 }
 
 .media.service-box .media-body {
     width: auto;
 }
 
 .media.service-box .pull-left>i {
     font-size: 35px;
     /* height: 94px; */
     line-height: 53px;
     text-align: center;
     width: 80px;
     color: #085C98;
     /* background:#fff; */
     /* box-shadow: inset 0 0 0 1px #d7d7d7; */
     /* -webkit-box-shadow: inset 0 0 0 1px #d7d7d7; */
     transition: background-color 400ms, background-color 400ms;
     background: rgb(240, 240, 240);
     position: absolute;
     padding: 14px;
     /* height: 100%; */
     left: 5px;
     top: 25px;
     vertical-align: middle;
     border-radius: 50% 0 50% 50%;
     height: 80px;
 }
 
 .media.service-box .pull-left>i img {
     display: block;
     width: 42px;
     height: 42px;
     margin: 4px auto 0px auto;
 }
 
 .media.service-box .pull-left>i.iconlist1 {
     background: url("../images/iconlist1.png") no-repeat rgb(240, 240, 240);
 }
 
 .media.service-box .pull-left>i.iconlist2 {
     background: url("../images/iconlist2.png") no-repeat rgb(240, 240, 240);
 }
 
 .media.service-box .pull-left>i.iconlist3 {
     background: url("../images/iconlist3.png") no-repeat rgb(240, 240, 240);
 }
 
 .media.service-box .pull-left>i.iconlist4 {
     background: url("../images/iconlist4.png") no-repeat rgb(240, 240, 240);
 }
 
 .media.service-box .pull-left>i.iconlist5 {
     background: url("../images/iconlist5.png") no-repeat rgb(240, 240, 240);
 }
 
 .media.service-box .pull-left>i.iconlist6 {
     background: url("../images/iconlist6.png") no-repeat rgb(240, 240, 240);
 }
 
 .features .media.service-box p {
     color: #9c9c9c;
 }
 
 .features .list1,
 .features .list2 {
     background: #fafafa;
 }
 
 .features .list1 .media.service-box p,
 .features .list2 .media.service-box p {
     color: #333;
 }
 
 .features .list1 a,
 .features .list2 a {
     color: #0B8619;
     font-weight: bold;
 }
 
 .features .list {
     position: relative;
     clear: both;
     overflow: hidden;
 }
 
 .features .list .list-ld {
     position: absolute;
     width: 100px;
     height: 120px;
     overflow: hidden;
     display: none;
 }
 
 .features .list .list-rd {}
 
 .features .list .list-ld img {
     display: block;
     width: 48px;
     height: 48px;
     margin: 30px auto 10px auto;
 }
 
 .features .list .list-ld h4 {
     text-align: center;
     font-weight: 16px;
     font-weight: 400;
 }
 
 .yslistw {
     background: #f0f0f0;
 }
 
 .yslist {
     margin-top: 90px;
 }
 
 .yslist p i {
     width: 45px;
     height: 45px;
     display: inline-block;
     background: url("../img/imgfiles/icon.png");
     background-position: -493px -16px;
     vertical-align: middle;
 }
 
 .yslistw .col-img {
     width: 100%;
 }
 
 .yslistw .section-header {
     margin-bottom: 20px;
 }
 
 @media screen and (max-width: 1170px) {
     .yslist {
         margin-top: 35px;
     }
 }
 
 .benefit {
     background: url("../img/imgfiles/bg1.jpg");
     background-size: cover;
 }
 
 .benefit h2 {
     color: #FFF !important;
 }
 
 .benefit .section-header .section-title2 {
     border-bottom: none;
 }
 
 .benefit .section-header .section-title2:before {
     display: none;
 }
 
 .benefit .benefitlist {
     height: 257px;
     width: 229px;
     margin: 0px auto;
     text-align: center;
     position: relative;
     padding-top: 20px;
 }
 
 .benefit .benefitlist.list1 {
     background: url("../img/imgfiles/pic2_bg1.png");
     background-size: cover;
     color: #333;
 }
 
 .benefit .benefitlist.list2 {
     background: url("../img/imgfiles/pic2_bg2.png");
     background-size: cover;
     color: #FFF;
 }
 
 .benefit .benefitlist.list3 {
     background: url("../img/imgfiles/pic2_bg1.png");
     background-size: cover;
     color: #333;
 }
 
 .benefit .benefitlist.list1 i {
     background: url("../images/icon.png");
     background-position: -8px -174px;
     width: 49px;
     height: 49px;
     display: block;
     margin: 0px auto 5px auto;
 }
 
 .benefit .benefitlist.list2 i {
     background: url("../images/icon.png");
     background-position: -122px -81px;
     width: 49px;
     height: 49px;
     display: block;
     margin: 0px auto 5px auto;
 }
 
 .benefit .benefitlist.list3 i {
     background: url("../images/icon.png");
     background-position: -226px -174px;
     width: 49px;
     height: 49px;
     display: block;
     margin: 0px auto 5px auto;
 }
 
 .benefit .benefitlist h4 {
     font-size: 22px;
     margin-bottom: 15px;
 }
 
 .benefit .benefitlist em {
     position: absolute;
     font-style: normal;
     top: 27px;
     right: 45px;
     font-size: 18px;
 }
 
 .benefit .benefitlist.list2 h4 {
     color: #FFF;
 }
 
 .benefit .benefitlist.list2 h5 {
     color: #eaeaea;
 }
 
 .benefit .benefitlist h5 {
     font-size: 14px;
     padding: 0px 25px;
     text-align: center;
     line-height: 1.4;
 }
 
 .benefit .benefitlist.list1 em,
 .benefit .benefitlist.list3 em {
     color: #FFFFFF;
 }
 
 .benefit .benefitlist.list2 em {
     color: #2aa83a;
 }
 
 .benefit .benefitlist.list1:after,
 .benefit .benefitlist.list2:after {
     position: absolute;
     right: -44%;
     content: "→";
     font-size: 42px;
     color: #FFF;
     top: 90px;
 }
 
 .products {
     background: #f0f0f0;
 }
 
 .productlogo {
     text-align: center;
 }
 
 .productlogo img {
     display: block;
     margin: 0px auto;
 }
 
 .productlist {
     padding-top: 18px;
 }
 
 .productlist h4 {
     font-size: 18px;
     color: #2aa83a;
     margin-bottom: 5px;
 }
 
 .products .section-header {
     margin-bottom: 15px;
 }
 
 .productlist p {
     font-size: 12px;
     margin-bottom: 18px;
 }
 
 .productlist.right {
     text-align: right;
 }
 
 .productlist i.icon {
     background: url("../images/icon.png");
     width: 42px;
     height: 42px;
     display: block;
 }
 
 .productlist i.icon.iconlist1 {
     background-position: -567px -16px;
 }
 
 .productlist i.icon.iconlist2 {
     background-position: -641px -16px;
 }
 
 .productlist i.icon.iconlist3 {
     background-position: -714px -16px;
 }
 
 .productlist i.icon.iconlist4 {
     background-position: -788px -16px;
 }
 
 .morebtn {
     display: block;
     text-align: center;
     width: 100%;
     padding: 40px 0px;
 }
 
 .morebtn a {
     display: block;
     width: 150px;
     height: 40px;
     text-align: center;
     font-size: 14px;
     border: 1px solid #333;
     border-radius: 5px;
     line-height: 38px;
     margin: 0px auto;
     transition: none;
     cursor: pointer;
     color: #333;
 }
 /* .morebtn a i { width:9px; height:6px; display:inline-block; background:url("../images/icon.png"); background-position:-372px -103px; margin:-2px 0px 0px 5px; vertical-align:middle; } */
 
 .morebtn a:hover {
     text-decoration: none;
     background: #2aa83a;
     color: #FFFFFF !important;
     border: 1px solid #2aa83a;
 }
 
 .morebtn a:hover i {
     background-position: -390px -103px;
 }
 
 .news div.list {
     margin-top: 25px;
     overflow: hidden;
 }
 
 .newslist {
     margin-top: 30px;
     overflow: hidden;
 }
 
 .news div.list img,
 .newslist img {
     display: block;
     width: 100%;
 }
 
 .news h4,
 .newslist h4 {
     font-size: 14px;
     font-weight: bold;
     color: #000;
     margin: 0px;
     padding: 0px;
 }
 
 .news h4 a,
 .newslist h4 a {
     color: #000;
 }
 
 .news h5,
 .newslist h5 {
     font-size: 12px;
     color: #aaa;
     height: 30px;
     line-height: 30px;
     margin: 0px;
     padding: 0px;
 }
 
 .news .scont,
 .newslist .scont {
     font-size: 12px;
     color: 999;
 }
 
 .news .col-md-3,
 .newslist .col-md-3 {
     padding-right: 0px;
 }
 
 @media screen and (max-width: 768px) {
     .news .col-md-3,
     .newslist .col-md-3 {
         padding-right: 15px;
     }
 }
 
 .font14 {
     font-size: 14px;
 }
 
 .cases {
     background: #222222;
     color: #FFF;
 }
 
 .cases a,
 .cases h2 {
     color: #FFF !important;
 }
 
 .cases .section-header .section-title2 {
     color: #FFF;
     border-bottom: 1px solid #464646;
 }
 
 .cases .section-header .section-title2:before {
     background: #464646;
 }
 
 .cases h4 {
     font-size: 16px;
     margin-bottom: 15px;
 }
 
 .cases .scont {
     font-size: 12px;
 }
 
 .cases .slogo {
     display: block;
     margin: 10px 0px;
 }
 
 .cases .bd {
     margin: 35px 0px;
 }
 
 .cases .text-center p {
     font-size: 12px;
     font-weight: bold;
 }
 
 .cases .col-sm-12 {
     margin-bottom: 15px;
     height: 170px;
 }
 
 .support {
     background: #FFF;
     color: #000;
 }
 
 .support .scont {
     font-size: 14px;
 }
 
 .sline {
     position: relative;
     border-bottom: 1px solid #E7E7E7;
     display: block;
     text-align: center;
     margin-bottom: 30px;
 }
 
 .sline:before {
     content: "";
     position: absolute;
     width: 140px;
     bottom: -5px;
     right: 0;
     width: 30px;
     background: rgb(231, 231, 231);
     border-radius: 50%;
     margin: 0 auto;
     left: 0;
     right: 0;
     height: 10px;
 }
 
 .banner-s {
     width: 100%;
     height: 250px;
 }
 
 .ecodetext {
     font-size: 12px;
     padding-top: 20px;
 }
 
 .ecodetext img {
     display: block;
 }
 
 .productsall img {
     display: block;
     width: 100%;
     margin: 0px auto;
 }
 
 .productsall .row {
     margin-bottom: 30px;
     border-bottom: 1px dotted #ccc;
     padding-bottom: 30px;
 }
 
 .productsall h4 {
     font-weight: bold;
     font-size: 16px;
     color: #000000;
     margin-top: 10px;
     margin-bottom: 15px;
 }
 
 .productsall .scont {
     font-size: 14px;
 }
 
 .minheight400 {
     min-height: 400px;
 }
 
 .logincont {
     width: 90%;
     max-width: 460px;
     margin: 100px auto;
     font-size: 14px;
     color: #FFF;
     background: rgba(255, 255, 255, 0.2);
     border: 1px solid rgba(0, 0, 0, 0.5);
     border-radius: 10px;
     text-align: center;
 }
 
 .logincont h1 {
     text-align: center;
     color: #FFF;
     padding: 20px 0px;
     font-size: 24px;
     margin: 0px;
 }
 
 .logincont td {
     padding: 10px 0px;
 }
 
 .xinxititle {
     border-top: 1px solid rgba(255, 255, 255, 0.3);
     width: 96%;
     margin: 0px auto 10px auto;
     padding-top: 10px;
 }
 
 .loginbg td input {
     width: 80%;
     height: 36px;
     line-height: 36px;
     color: #333;
     padding-left: 3px;
 }
 
 .membtn {
     text-align: center;
     padding: 10px 0px;
     font-size: 14px;
 }
 
 .membtn a,
 .membtn input {
     width: 100px;
     height: 30px;
     border: 0px;
     border-radius: 5px;
     display: inline-block;
     margin: 0px 10px;
     background: #FFF;
     color: #333;
 }
 
 .membtn input {
     background: #28A001;
     color: #FFF;
 }
 
 .cases .hd {
     width: 100%;
     text-align: center;
 }
 
 .cases .hd li {
     width: 10px;
     display: inline-block;
     height: 10px;
     margin: 0px 10px;
     background: #ddd;
     text-indent: 1000em;
     border-radius: 10px;
 }
 
 .cases .hd li.on {
     background: #26B102;
 }
 
 .cases .hd li a {
     width: 10px;
     height: 10px;
     cursor: pointer;
     display: inline-block;
 }
 
 .prolistbd {
     overflow: hidden;
 }
 
 .prolistbd .prolist-ld {
     z-index: 1;
     position: absolute;
     width: 250px;
     margin-top: 51px;
 }
 
 .prolistbd .prolist-rd {
     position: inherit;
     margin: 0 0 0 250px;
     padding: 0 30px;
     border-left: 1px solid #e7e7e7;
 }
 
 .prolistbd .prolist-ld ul {
     padding-left: 10px;
 }
 
 .prolistbd .prolist-ld ul a {
     color: #333;
 }
 
 .prolistbd .prolist-ld h4 {
     margin-bottom: 20px;
     font-size: 16px;
     font-weight: bold;
 }
 
 .prolistbd .prolist-ld li {
     list-style: none;
     padding-left: 10px;
     font-size: 14px;
     padding-bottom: 5px;
 }
 
 .prolistbd .prolist-ld li.on a {
     color: #29a537;
 }
 
 .prolistbd .prolist-rd .introbd {
     font-size: 14px;
     line-height: 28px;
     padding: 20px;
 }
 
 .prolistbd .prolist-rd .introbd b {
     color: #000000;
 }
 
 .prolistbd .prolist-rd .examplebd {
     border: 1px solid #eee;
     background: #fafafa;
     font-size: 12px;
     margin: 0px;
 }
 
 .prolistbd .prolistbdcont {
     font-size: 14px;
     line-height: 28px;
     padding: 20px;
     background: #fcfcfc;
     margin: 0px;
 }
 
 .prolistbd .prolistbdcont p {
     font-size: 14px;
 }
 
 .prolistbd .prolistbdcont h3 {
     margin: 30px 0px 25px 0px;
     font-size: 16px;
     font-weight: bold;
     color: #29a537;
     padding: 10px 0px 15px 0px;
     border-bottom: 1px dotted #ccc;
     font-size: 18px;
 }
 
 .prolistbd .prolistbdcont h3:first-child {
     margin-top: 5px;
 }
 
 .prolistbd .prolistbdcont h4 {
     font-size: 14px;
     color: #222;
     font-weight: bold;
     margin-bottom: 10px;
 }
 
 .prolistbd {
     position: relative;
 }
 
 .prolistbd .pro-sld {
     z-index: 1;
     position: absolute;
     width: 50px;
     margin-top: 2px;
 }
 
 .prolistbd .pro-sld img {
     width: 42px;
     height: 42px;
     display: block;
     margin: 0px auto;
 }
 
 .prolistbd .pro-srd {
     position: inherit;
     margin: 0 0 0 50px;
     padding: 0 10px;
 }
 
 .prolistbd .col-sm-6 {
     overflow: hidden;
     padding: 10px 15px;
     min-height: 60px;
 }
 
 .prolistbdcont {
     position: relative;
 }
 
 .pro-web .web-ld {
     z-index: 1;
     position: absolute;
     width: 50px;
     margin-top: 2px;
 }
 
 .pro-web .web-ld img {
     width: 42px;
     height: 42px;
     display: block;
     margin: 0px auto;
 }
 
 .pro-web .web-rd {
     position: inherit;
     margin: 0 0 0 50px;
     padding: 0 10px;
 }
 
 .sf-menu li.r-menu {
     background: #2d2d2d;
     border-right: 1px solid #373737;
 }
 
 .r-menu a {
     color: #2f9d39;
 }