@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* =======================================================
*
* 	Template Style 
*
* ======================================================= */
body {
 /* font-family: "Work Sans", Arial, sans-serif;*/
      /*font-family: 'Catamaran', sans-serif;*/
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: #95989d;
  background: #fff;
}

#page {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.offcanvas #page {
  overflow: hidden;
  position: absolute;
}
.offcanvas #page:after {
  -webkit-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.7);
  content: "";
}

a {
  color: #3e81fc;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
a:hover, a:active, a:focus {
  color: #3e81fc;
  outline: none;
  text-decoration: none;
}

p {
  margin-bottom: 20px;
  font-family: "Work Sans", Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, figure {
  color: #000;
  font-family: "Work Sans", Arial, sans-serif;
  font-weight: 400;
  margin: 0 0 20px 0;
}

::-webkit-selection {
  color: #fff;
  background: #EA9215;
}

::-moz-selection {
  color: #fff;
  background: #EA9215;
}

::selection {
  color: #fff;
  background: #EA9215;
}

.fh5co-nav {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  padding: 0;
  z-index: 1001; border-bottom: 1px solid #878787;
}
.fh5co-nav .top-menu {
  padding: 11px 0;
}
.fh5co-nav .top {
  padding: 7px 0;
  margin-bottom: 0;
}
.fh5co-nav .top .num, .fh5co-nav .top .fh5co-social {
  display: inline-block;
  margin: 0;
}
.fh5co-nav .top .num {
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  padding-right: 10px;
  margin-right: 5px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  letter-spacing: 0px;
}
.fh5co-nav .top .fh5co-social li {
  font-size: 14px;
}
.fh5co-nav .top .fh5co-social li a {
  padding: 0 7px;
}
.fh5co-nav .top .fh5co-social li a i {
  font-size: 14px;
}
.fh5co-nav #fh5co-logo {
  font-size: 24px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-weight: 700;
  font-family: "Work Sans", Arial, sans-serif;
}
.fh5co-nav #fh5co-logo a span {
  color: #EA9215;
}
.fh5co-nav a {
  padding: 5px 10px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .fh5co-nav .menu-1 {
    display: none;
  }
}
.fh5co-nav ul {
  padding: 0;
  margin: 8px 0 0 0;
}
.fh5co-nav ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline;
}
.fh5co-nav ul li a {
  font-size: 14px;
  padding: 24px 13px;
  color: rgba(255, 255, 255, 1);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; /*font-family: "微软雅黑";*/
  border-bottom: 1px solid  transparent;
}
.fh5co-nav ul li a:hover, .fh5co-nav ul li a:focus,.fh5co-nav ul li a:active {
  color: white; border-bottom: 1px solid #ffffff;
}
.fh5co-nav ul li.has-dropdown {
  position: relative;
}
.fh5co-nav ul li.has-dropdown .dropdown {
    width: 77px;
    -webkit-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.45);
    z-index: 1002;
    visibility: hidden;
    opacity: 1;
    position: absolute;
    top: 20px;
    left: -19px;
    text-align: left;
    background: #ffffff;
    padding: 0px 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}
.fh5co-nav ul li.has-dropdown .dropdown1 {
    z-index: 1002;
    visibility: hidden;
    opacity: 1;
    position: absolute;
    top: 20px;
    right: 10px !important;    left: inherit;
   font-size: 14px; text-align: center;
    color: rgba(255, 255, 255, 1);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    font-family: "微软雅黑";
    border-bottom: 1px solid transparent;
   
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}
.fh5co-nav ul li.has-dropdown .dropdown:before {
  bottom: 98%;
  right: 10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #ffffff;
  border-width: 7px;
  margin-left: -8px;
}
.fh5co-nav ul li.has-dropdown .dropdown li {
  display: block;
  border-bottom: 1px solid #e2e2e2;
}
.fh5co-nav ul li.has-dropdown .dropdown li:last-child {
  margin-bottom: 0;border-bottom: 0px solid #e2e2e2;
}
.fh5co-nav ul li.has-dropdown .dropdown li a {
  padding: 6px 0px;
  display: block;
  color: #191919;
  line-height: 1.2;
  text-transform: none;
  font-size: 13px;
  letter-spacing: 0;position: relative;
}
.fh5co-nav ul li.has-dropdown .dropdown li a:hover {
  color: #3e81fc;
}
.fh5co-nav ul li.has-dropdown .dropdown li:hover .checkimg{
 opacity: 1;
}
.fh5co-nav ul li.has-dropdown .dropdown li .flag{ margin:-2px 3px 0 2px;}
.fh5co-nav ul li.has-dropdown .dropdown li .checkimg{ opacity: 0;    position: absolute;
       top: 11px;
    right: 8px; -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;}
.fh5co-nav ul li.has-dropdown:hover a, .fh5co-nav ul li.has-dropdown:focus a {
  color: #ffffff; font-weight: 500;
}
.fh5co-nav ul li.btn-cta a {
  padding: 24px 0px !important;
  color: #fff;
  margin-right: 10px
}
.fh5co-nav ul li.btn-cta a span {
   background: rgba(255, 255, 255, 0.1);
    padding: 6px 20px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    font-size: 12px;
    /*font-family: "微软雅黑";*/
    border: 1px solid #91949c; 
}
.fh5co-nav ul li.btn-cta-bg-index { border-right:1px solid #6a737f}
.fh5co-nav ul li.btn-cta-bg-other { border-right:1px solid #6a737f}

.fh5co-nav ul li.btn-cta-bg a span{   padding: 6px 20px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    font-size: 12px;
    /*font-family: "微软雅黑";*/background: rgba(255, 255, 255, 0);border: 1px solid transparent; }
.fh5co-nav ul li.btn-cta a:hover span ,.fh5co-nav ul li.btn-cta-bg a:hover span{
	border: 1px solid #40547c; 
	background: rgba(26, 36, 56, 0.41);

  /*-webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);*/
  /*box-shadow: 0px 1px 53px -28px rgba(0, 0, 0, 0.75 );*/
}
.fh5co-nav ul li.btn-cta a:hover,.fh5co-nav ul li.btn-cta-bg a:hover{
	 border-bottom: 1px solid transparent;
}
.has-dropdown a:hover{
	 border-bottom: 1px solid transparent !important;
}
.fh5co-nav ul li.active > a {
  color: #fff !important; border-bottom: 1px solid #ffffff;
}

#fh5co-header,
#fh5co-counter,
.fh5co-bg {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
}

.fh5co-bg {
  background-size: cover;
  background-position: center center;
  position: relative;
  width: 100%;
  float: left;
}

.fh5co-video {
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .fh5co-video {
    height: 450px;
  }
}
.fh5co-video a {
  z-index: 1001;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -45px;
  margin-left: -45px;
  width: 90px;
  height: 90px;
  display: table;
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.fh5co-video a i {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-size: 40px;
}
.fh5co-video .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.fh5co-video:hover .overlay {
  background: rgba(0, 0, 0, 0.7);
}
.fh5co-video:hover a {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.fh5co-cover {
  height: 619px;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  float: left;
  width: 100%;
}
.fh5co-cover .overlay {
  z-index: 0;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  /*background: rgba(0, 0, 0, 0.4);*/
}
.fh5co-cover > .fh5co-container {
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .fh5co-cover {
    height: 680px;
  }
}
.fh5co-cover .display-t,
.fh5co-cover .display-tc {
  z-index: 9;
  height: 700px;
  display: table;
  width: 100%;
  /*margin-top: 100px;*/
  padding: 90px 0px 0 0;
}
@media screen and (max-width: 768px) {
  .fh5co-cover .display-t,
  .fh5co-cover .display-tc {
    height: 600px;
  }
}
.fh5co-cover.fh5co-cover-sm {
  height: 600px;
}
@media screen and (max-width: 768px) {
  .fh5co-cover.fh5co-cover-sm {
    height: 400px;
  }
}
.fh5co-cover.fh5co-cover-sm .display-t,
.fh5co-cover.fh5co-cover-sm .display-tc {
  height: 600px;
  display: table;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .fh5co-cover.fh5co-cover-sm .display-t,
  .fh5co-cover.fh5co-cover-sm .display-tc {
    height: 400px;
  }
}

#fh5co-header .display-tc,
#fh5co-counter .display-tc,
.fh5co-cover .display-tc {
  display: table-cell !important;
  vertical-align:top;
}
#fh5co-header .display-tc h1, #fh5co-header .display-tc h2,
#fh5co-counter .display-tc h1,
#fh5co-counter .display-tc h2,
.fh5co-cover .display-tc h1,
.fh5co-cover .display-tc h2 {
  margin: 0;
  padding: 0;
  color: white;
}
#fh5co-header .display-tc h1,
#fh5co-counter .display-tc h1,
.fh5co-cover .display-tc h1 {
  margin-bottom: 20px;
  font-size: 64px;
  line-height: 1.3;
  font-weight: 500;letter-spacing: -2px;
}
@media screen and (max-width: 768px) {
  #fh5co-header .display-tc h1,
  #fh5co-counter .display-tc h1,
  .fh5co-cover .display-tc h1 {
    font-size: 30px;
  }
}
#fh5co-header .display-tc h2,
#fh5co-counter .display-tc h2,
.fh5co-cover .display-tc h2 {
  font-size: 23px;
  line-height: 1.5;
  margin-bottom: 30px;
}
#fh5co-header .display-tc .btn,
#fh5co-counter .display-tc .btn,
.fh5co-cover .display-tc .btn {
  padding: 15px 30px;
  color: #fff;
  border: none !important;
  font-size: 19px;
}
#fh5co-header .display-tc .btn.btn-video,
#fh5co-counter .display-tc .btn.btn-video,
.fh5co-cover .display-tc .btn.btn-video {
  background: rgba(9, 198, 171, 0.8);
  border: none;
}
#fh5co-header .display-tc .btn.btn-video:hover, #fh5co-header .display-tc .btn.btn-video:focus,
#fh5co-counter .display-tc .btn.btn-video:hover,
#fh5co-counter .display-tc .btn.btn-video:focus,
.fh5co-cover .display-tc .btn.btn-video:hover,
.fh5co-cover .display-tc .btn.btn-video:focus {
  background: rgba(9, 198, 171, 0.9) !important;
  color: #fff !important;
}
#fh5co-header .display-tc .btn:hover, #fh5co-header .display-tc .btn:focus,
#fh5co-counter .display-tc .btn:hover,
#fh5co-counter .display-tc .btn:focus,
.fh5co-cover .display-tc .btn:hover,
.fh5co-cover .display-tc .btn:focus {
  color: #fff !important;
}
#fh5co-header .display-tc .btn.btn-learn,
#fh5co-counter .display-tc .btn.btn-learn,
.fh5co-cover .display-tc .btn.btn-learn {
  background: rgba(62, 147, 252, 0.8);
  border: none;
}
#fh5co-header .display-tc .btn.btn-learn:hover, #fh5co-header .display-tc .btn.btn-learn:focus,
#fh5co-counter .display-tc .btn.btn-learn:hover,
#fh5co-counter .display-tc .btn.btn-learn:focus,
.fh5co-cover .display-tc .btn.btn-learn:hover,
.fh5co-cover .display-tc .btn.btn-learn:focus {
  background: rgba(62, 129, 252, 0.9) !important;
  color: #fff !important;
}
#fh5co-header .display-tc .btn:hover,
#fh5co-counter .display-tc .btn:hover,
.fh5co-cover .display-tc .btn:hover{
  background: #EA9215 !important;
  -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
  -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
  box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
}
#fh5co-header .display-tc .form-inline .form-group,
#fh5co-counter .display-tc .form-inline .form-group,
.fh5co-cover .display-tc .form-inline .form-group {
  width: 100% !important;
  margin-bottom: 10px;
}
#fh5co-header .display-tc .form-inline .form-group .form-control,
#fh5co-counter .display-tc .form-inline .form-group .form-control,
.fh5co-cover .display-tc .form-inline .form-group .form-control {
  width: 100%;
  background: #fff;
  border: none;
}

.fh5co-bg-section {
     background: #f6f8fb;
}
.fh5co-bg-section1 {
     background: #f8f8f8;
}
.fh5co-bg-contact {
     background: #f5f7fa;
}
#fh5co-explore,
#fh5co-pricing,
#fh5co-testimonial,
#fh5co-started,
#fh5co-project,
#fh5co-blog,
#fh5co-contact,
#fh5co-footer{
  padding: 4em 0;
  clear: both;
}
#fh5co-explore-a .container,#fh5co-explore-i .container,#fh5co-explore-w .container,#fh5co-explore-t .container,#fh5co-explore-m .container { padding: 4em 0 0 0; clear: both;}
@media screen and (max-width: 768px) {
  #fh5co-explore,
  #fh5co-pricing,
  #fh5co-testimonial,
  #fh5co-started,
  #fh5co-project,
  #fh5co-blog,
  #fh5co-contact,
  #fh5co-footer {
    padding: 4em 0;
  }
}

#fh5co-counter {
  padding: 4em 0;
  clear: both;
}

#fh5co-steps {
  clear: both;
  padding-bottom: 7em;
}

.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: 40px;
  display: block;
  color: rgba(62, 147, 252, 1);
  font-family: "Work Sans", Arial, sans-serif;
  width: 100%;
  font-weight: 400; text-align: left;
/*  margin-bottom: .3em;*/
}
.fh5co-counters .fh5co-counter-label {
  color: rgba(141, 141, 141, 1);
  /*text-transform: uppercase;*/
  font-size: 18px;
   width: 100%;
  /*letter-spacing: 5px;*/
  margin-bottom: 3em;
  display: block;font-family: "Work Sans", Arial, sans-serif;    line-height: 0.7;
    text-align: left;
}

#fh5co-explore .fh5co-explore1 {
  margin-bottom: 7em;
}

.mt {
  margin-top:30px;
}
.mt h4 {
  position: relative;
  padding-left:0px;
  font-size: 18px;
}
.mt p { 
  font-size: 15px; color: #73757a;
}
.mt h4 i {
  position: absolute;
  left: 0;
  top: 0;
  color: #EA9215;
}
.mt > div {
  margin-bottom:30px;
}
.mt .list-nav {
  margin: 50px 0 30px 0;
  padding: 0;
}
.mt .list-nav li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 16px;
  padding-left: 30px;
  margin-bottom: 10px;
  position: relative;
}
.mt .list-nav li i {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  color: #EA9215;
}

.fh5co-social-icons {
  margin: 0;
  padding: 0;
}
.fh5co-social-icons li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.fh5co-social-icons li a {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  color: #EA9215;
  padding-left: 10px;
  padding-right: 10px;
}
.fh5co-social-icons li a i {
  font-size: 20px;
}

.fh5co-contact-info ul {
  padding: 0;
  margin: 0;
}
.fh5co-contact-info ul li {
  padding: 0 0 0 40px;
  margin: 0 0 15px 0;
  list-style: none;
  position: relative;
}
.fh5co-contact-info ul li:before {
  color: #ffffff;
  position: absolute;
  left: 0;
  top: .05em;
  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;
}
.fh5co-contact-info ul li.address:before {
  font-size: 30px;
  content: "\ea7c";
}
.fh5co-contact-info ul li.phone:before {
  font-size: 21px;
  content: "\ea7c"; background: #55acee; border-radius: 3px; padding: 2px;
}
.fh5co-contact-info ul li.email:before {
  font-size: 0px; content: '.';
   width: 25px; height: 25px; background: url(../images/con_6.png);
}
.fh5co-contact-info ul li.url:before {
  font-size: 26px;
  content: "\ea67"; color: #55acee;
}

.proj-bottom {
  padding-bottom: 4em;
}

.fh5co-project {
  margin-bottom: 30px; border:1px solid transparent;
}
.fh5co-project > a {
  display: block;
  color: #000;
  position: relative;
  bottom: 0;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.fh5co-project > a h3{}
.fh5co-project > a img {
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.fh5co-project > a:after {
  opacity: 0;
  visibility: hidden;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  -webkit-box-shadow: inset 0px -34px 98px 8px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px -34px 98px 8px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: inset 0px -34px 98px 8px rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0px -34px 98px 8px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px -34px 98px 8px rgba(0, 0, 0, 0.75);
  z-index: 8;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.fh5co-project > a h3 {
  z-index: 12;
  position: absolute;
  right: 20px;
  left: 20px;
  bottom: 50px;
  color: #fff;
  margin: 0;
  padding: 0;
  opacity: 1;
  font-size: 30px;
  font-weight: 300;
  visibility: visible;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.fh5co-project > a span,.fh5co-project > a p {font-size: 13px;
    /* top: 0; */
    /* bottom: 43px; */
    display: block;   
}
.fh5co-project > a p {margin-top: 25px;}
.col-3e93fc1 {color: #3e93fc;}
.col-e1e1e1{ color: #e1e1e1;}
.fh5co-project > a h2 {  font-size: 18px; color: #ffffff; margin-bottom: 5px;

}
.fh5co-project > a hr{color: #56595b;
    height: 1px;
    margin: 4px;
    border-top: 1px solid;}
.fh5co-project .videodiv {
        z-index: 12;
    position: absolute;
    left: 14px;
    color: #fff;
    margin: 0;
    padding: 44px 24px;   
    font-size: 14px;
    top: 30px;
    width: 89.56%;
    height: 85%;
    opacity: 0;
    font-size: 30px;
    font-weight: 300;
    background: rgba(0,0,0,1);
    text-align: left;
    visibility: visible; 
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
   
}

/*.fh5co-project > a:hover {
  -webkit-box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);

}*/
.fh5co-project:hover { 
	visibility: visible; 
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
   border: 1px solid #e6e8ec;
   box-shadow:0px 1px 53px -28px rgba(0, 0, 0, 0.75 );
}

.fh5co-project:hover .videodiv{ 
	 opacity: 1;
	visibility: visible; 
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
	 background: rgba(0,0,0,0.7);}
.fh5co-project .vid-footer{ opacity: 0; position: absolute; bottom: 0; left: 14px; line-height: 30px;width: 89.56%; z-index: 15; color: #ffffff; background: rgba(0,0,0,0.9); text-align: left; padding: 0 24px;visibility: visible;   -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;}

.fh5co-project .img-responsive{ margin-top:30px;}

.fh5co-project:hover:after {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 768px) {
  .fh5co-project > a:hover:after {
    opacity: 0;
    visibility: hidden;
  }
}
.fh5co-project > a:hover h3{
  opacity: 1;
  bottom: 55px;
}
.fh5co-project > a:hover span {
	/*display: block;
  bottom: 15px;*/
}
/*.fh5co-project > a:hover .videodiv{display: block;

}*/
.fh5co-project:hover .vid-footer{ opacity: 1;}
.fh5co-project:hover  img {
  /*-webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -o-transform: scale(1.01);
  transform: scale(1.01);*/
}
@media screen and (max-width: 768px) {
  .fh5co-project > a:hover img {
    /*-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);*/
  }
}

.features {
  margin-bottom: 3em;
  width: 100%;
  float: left;
}

.fh5co-heading {
  margin-bottom: 2em;
}
.fh5co-heading.fh5co-heading-sm {
  margin-bottom: 2em;
}
.fh5co-heading h2 {
  font-size: 41px;
  margin-bottom: 20px;
  line-height: 1.5;
  color: #000;   
  font-weight: 500;
  letter-spacing: -2px;
}
.fh5co-heading p {
  font-size: 17px;
  line-height: 1.5;
  color: #515254; font-weight: 350;
}
.fh5co-heading span {
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
}

#fh5co-testimonial {
  background: #f6f8fb;
}
#fh5co-testimonial .testimony-slide {
  text-align: center;
}
#fh5co-testimonial .testimony-slide span {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  display: block;
}
#fh5co-testimonial .testimony-slide figure {
  margin-bottom: 10px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#fh5co-testimonial .testimony-slide figure img {
  width: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#fh5co-testimonial .testimony-slide blockquote {
  border: none;
  margin: 30px auto;
  width: 70%;
  position: relative;
  padding: 0;
}
@media screen and (max-width: 992px) {
  #fh5co-testimonial .testimony-slide blockquote {
    width: 100%;
  }
}
#fh5co-testimonial .arrow-thumb {
  position: absolute;
  top: 40%;
  display: block;
  width: 100%;
}
#fh5co-testimonial .arrow-thumb a {
  font-size: 32px;
  color: #dadada;
}
#fh5co-testimonial .arrow-thumb a:hover, #fh5co-testimonial .arrow-thumb a:focus, #fh5co-testimonial .arrow-thumb a:active {
  text-decoration: none;
}

.bs-wizard {
  margin-top: 40px;
}

/*Form Wizard*/
.bs-wizard {
  border-bottom: solid 1px #e0e0e0;
  padding: 0 0 10px 0;
}

.bs-wizard > .bs-wizard-step {
  padding: 0;
  position: relative;
}

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
  font-size: 16px;
  margin-bottom: 10px;
}

.bs-wizard > .bs-wizard-step .bs-wizard-info {
  color: #999;
  font-size: 14px;
  padding: 20px;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
  position: absolute;
  width: 30px;
  height: 30px;
  display: block;
  background: #fbe8aa;
  top: 45px;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 50%;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
  content: ' ';
  width: 14px;
  height: 14px;
  background: #fbbd19;
  border-radius: 50px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.bs-wizard > .bs-wizard-step > .progress {
  position: relative;
  border-radius: 0px;
  height: 8px;
  box-shadow: none;
  margin: 22px 0;
}

.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
  width: 0px;
  box-shadow: none;
  background: #fbe8aa;
}

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
  width: 100%;
}

.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
  width: 50%;
}

.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
  width: 0%;
}

.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
  width: 100%;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
  background-color: #f5f5f5;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
  opacity: 0;
}

.bs-wizard > .bs-wizard-step:first-child > .progress {
  left: 50%;
  width: 50%;
}

.bs-wizard > .bs-wizard-step:last-child > .progress {
  width: 50%;
}

.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
  pointer-events: none;
}

#fh5co-started {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  float: left;
  width: 100%;
}
#fh5co-started .overlay {
  z-index: 0;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
/*background: rgba(0, 0, 0, 0.7);*/
}
#fh5co-started .fh5co-heading h2 {
  color: #fff;
  margin-bottom: 20px !important;
}
#fh5co-started .fh5co-heading p {
  color: rgba(255, 255, 255, 0.8);font-weight: 350; font-size: 17px;
}
#fh5co-started .form-control {
  background: rgba(255, 255, 255, 0.2);
  border: none !important;
  color: #fff;
  font-size: 16px !important;
  width: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#fh5co-started .form-control::-webkit-input-placeholder {
  color: #fff;
}
#fh5co-started .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}
#fh5co-started .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}
#fh5co-started .form-control:-ms-input-placeholder {
  color: #fff;
}
#fh5co-started .form-control:focus {
  background: rgba(255, 255, 255, 0.3);
}
#fh5co-started .btn {
  height: 54px;
  border: none !important;
  background: #3e81fc;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  padding-left: 50px;
  padding-right: 50px;
}
#fh5co-started .form-inline .form-group {
  width: 100% !important;
  margin-bottom: 10px;
}
#fh5co-started .form-inline .form-group .form-control {
  width: 100%;
}

.fh5co-blog {
  margin-bottom: 60px;
}
.fh5co-blog .img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0;
}
.fh5co-blog > a {
  display: block;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.fh5co-blog > a img {
  /*width: 100%;*/
}
.fh5co-blog p{font-size: 15px;
    font-weight: 350;
    color: #95989d;}
@media screen and (max-width: 768px) {
  .fh5co-blog {
    width: 100%;
  }
}
.fh5co-blog .blog-text {
  /*margin-bottom: 30px;*/
  position: relative;
  background: #fff;
  width: 100%;
  padding: 30px 0;
  float: left;
  /*-webkit-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);*/
}
.fh5co-blog .blog-text span {
  display: inline-block;
  margin-bottom: 20px;
}
.fh5co-blog .blog-text span.comment {
  float: right;
}
.fh5co-blog .blog-text span.comment a {
  color: rgba(0, 0, 0, 0.3);
}
.fh5co-blog .blog-text span.comment a i {
  color: #3e81fc;
  padding-left: 7px;
}
.fh5co-blog .blog-text h3 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.5;
}
.fh5co-blog .blog-text h3 a {
  color: black;
     /*color: #333333;*/
    letter-spacing: -1px;
    font-size: 21px;
}

.pricing {
  display: block;
  float: left;
  margin-bottom: 30px;
  width: 100%;
}

.price-box {
  width: 100%;
  text-align: center;
  padding: 22px 10px;
 /* background: rgba(0, 0, 0, 0.05);*/
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  /*margin-bottom: 40px;*/
  position: relative; border: 1px solid #96999f;    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; cursor: pointer;
}
.price-box img{ position: absolute;right: 4px;top: -38px;   
 -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;}
/*.price-box .check{ left:15px; top: 15px; opacity: 0;} 
.price-box .check-on{ opacity: 1; }
 
.price-box.active{ -webkit-transition: 0.3s; -o-transition: 0.3s;transition: 0.3s;   border:5px solid #f79a46; margin-top: -24px;padding: 22px 10px 10px 10px;}
.price-box.bornone{border:5px solid #f79a46;}
.price-box.bornone:hover{border:5px solid #f79a46 !important;}
.price-box.active:hover{border:5px solid #fc5039;}

.price-box.active .pricing-plan{ margin:40px 0 20px 0;}
.price-box.active .classes li.color,.price-box.active1 .classes li.color{ background: #f8f2ed; color: #fc5039;font-size: 16px;}
.price-box.active .classes li.pricing-mb{ margin-bottom:30px;}
.price-box.active .col-ff3b57,.price-box.active1 .col-ff3b57{ color: #ff3b57; margin-right: 15px;}
.price-box.popular .btn-select-plan {
  background: #3e81fc;
}
.price-box:hover .check-on,.active1 .check{opacity: 0;}
.price-box:hover .check,.price-box .active1 .check{opacity: 1;}
.price-box.price-box-hover:hover,.price-box-hover.active1{ border: 1px solid #f79a46;box-shadow: 0 0 0 1px #f79a46}
.price-box.price-box-hover:hover .color{background: #f8f2ed !important; color: #fc5039;}
.price-box.price-box-hover:hover .check,.active1 .check{opacity: 1;}

.price-box.price-box-hover:hover .check-on,.active1 .check-on{opacity: 0;}*/
.price-box.popular .price {
  color: #3e81fc;
}
.price-box .btn-select-plan {
  padding: 10px 20px;
  background: #09C6AB;
  color: #fff;
}
.price-box .classes {
  padding: 0; margin-bottom: 0;
}
.price-box .classes li {
    display: block;
    width: 100%;
    list-style: none;
    margin: 0;
    font-size: 15px;
    padding: 3.5px 0px;
    color: #6c6c6c; 
}
.price-box .classes li.color {
  background: rgba(233, 233, 233, 0.8);width:110px;
    margin: 10px auto 6px auto; border-radius: 27.5px; font-size: 14px;
}

.pricing-plan {
    margin: 20px 0 20px 0;
    padding: 0;
    font-size: 18px;
    color: #212121;    font-weight: 600;
}
.pricing-plan.pricing-plan-offer {
  margin-bottom: 24px;
}
.pricing-plan span {
  display: block;
  margin-top: 10px;
  margin-bottom: 0;
  color: #d5d8db;
}

.price {
    font-size: 60px;
    color: #212121;
    line-height: 50px; font-weight: 600;
}
.price .currency {
    font-size:18px;
    top: -1.3em;
    padding-right: 5px;
}
.price small {
     font-size: 16px;
    /* display: block; */
    /* text-transform: uppercase; */
    color: #6c6c6c;
}

#fh5co-footer {
  background: #222222;    padding-bottom: 0;
}
#fh5co-footer .fh5co-footer-links {
  padding: 0;
  margin: 0;
}
#fh5co-footer .fh5co-footer-links li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#fh5co-footer .fh5co-footer-links li a {
  color: rgba(120, 120, 120, 1);
  text-decoration: none; font-size: 15px;
      font-weight: 350;
    font-family: "Work Sans", Arial, sans-serif;
}
#fh5co-footer .fh5co-footer-links li a:hover {
  text-decoration: underline;
}
#fh5co-footer .fh5co-widget {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #fh5co-footer .fh5co-widget {
    text-align: left;
  }
}
#fh5co-footer .fh5co-widget h3 {
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#fh5co-footer .copyright .block {
  display: block;
}

#map {
  width: 100%;
  height: 500px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #map {
    height: 200px;
  }
}

#fh5co-offcanvas {
  position: absolute;
  z-index: 1901;
  width: 270px;
  background: black;
  top: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 75px 40px 40px 40px;
  overflow-y: auto;
  display: none;
  -moz-transform: translateX(270px);
  -webkit-transform: translateX(270px);
  -ms-transform: translateX(270px);
  -o-transform: translateX(270px);
  transform: translateX(270px);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  #fh5co-offcanvas {
    display: block;
  }
}
.offcanvas #fh5co-offcanvas {
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
#fh5co-offcanvas a {
  color: rgba(255, 255, 255, 0.5);
}
#fh5co-offcanvas a:hover {
  color: rgba(255, 255, 255, 0.8);
}
#fh5co-offcanvas ul {
  padding: 0;
  margin: 0;
}
#fh5co-offcanvas ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#fh5co-offcanvas ul li > ul {
  padding-left: 20px;
  display: none;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown > a {
  display: block;
  position: relative;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown > a:after {
  position: absolute;
  right: 0px;
  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;
  content: "\e921";
  font-size: 20px;
  color: rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown.active a:after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.uppercase {
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.gototop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.gototop.active {
  opacity: 1;
  visibility: visible;
}
.gototop a {
  width: 50px;
  height: 50px;
  display: table;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.gototop a i {
  height: 50px;
  display: table-cell;
  vertical-align: middle;
}
.gototop a:hover, .gototop a:active, .gototop a:focus {
  text-decoration: none;
  outline: none;
}

.fh5co-nav-toggle {
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-decoration: none;
}
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {
  background: #444;
}
.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: inline-block;
  width: 25px;
  height: 2px;
  color: #252525;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #252525;
  transition: all .2s ease-out;
}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
  content: '';
  width: 25px;
  height: 2px;
  background: #252525;
  position: absolute;
  left: 0;
  transition: all .2s ease-out;
}
.fh5co-nav-toggle.fh5co-nav-white > i {
  color: #fff;
  background: #fff;
}
.fh5co-nav-toggle.fh5co-nav-white > i::before, .fh5co-nav-toggle.fh5co-nav-white > i::after {
  background: #fff;
}

.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;
  right: 0px;
  top: 65px;
  z-index: 21;
  padding: 6px 0 0 0;
  display: block;
  margin: 0 auto;
  display: none;
  height: 44px;
  width: 44px;
  z-index: 2001;
  border-bottom: none !important;
}
@media screen and (max-width: 768px) {
  .fh5co-nav-toggle {
    display: block;
  }
}

.btn {
  margin-right: 4px;
  margin-bottom: 4px;
  font-family: "Work Sans", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 8px 20px;
}
.btn.btn-md {
  padding: 8px 20px !important;
}
.btn.btn-lg {
  padding: 14px 48px !important;
}
.btn:hover, .btn:active, .btn:focus {
  box-shadow: none !important;
  outline: none !important;
}

.btn-primary {
  background: #3e93fc;
  color: #fff;
  border: 1px solid #3e93fc;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
      background: rgba(62, 129, 252, 1);
  border-color:rgba(62, 129, 252, 1);
}
.btn-primary.btn-outline {
  background: transparent;
  color: #3e93fc;
  border: 2px solid #3e93fc;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
  background: #3e93fc;
  color: #fff;
}

.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;
}

.form-control {
  box-shadow: none;
  background:#ffffff;
  /*border: 3px solid rgba(255, 255, 255, 0.3);*/
  height: 42px;
  font-size: 18px;
  font-weight: 300;
  /*border-radius: 30px;*/ 
}
.form-group--search{border: 4px solid rgba(255, 255, 255, 0.3);border-radius: 35px;}
.form-group--search input{background:#ffffff; padding-left: 43px; color: #333333;}
input{    font-family: "Work Sans", Arial, sans-serif;font-weight: 400;}
.form-control:active, .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #3e81fc;
}
.form-group--search img{ position: absolute; left: 15px; top:12px ; cursor: pointer;}
.row-pb-md {
  padding-bottom: 4em !important;
}

.row-pb-sm {
  padding-bottom: 2em !important;
}
/*
.fh5co-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/loader.gif) center no-repeat #fff;
}*/

.js .animate-box {
  opacity: 0;
}

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

/*新加样式*/
.col-banner{ color: #1d2024;font-weight: 500;letter-spacing: -1px;}
.ban-pmb{ margin-bottom: 5px;}
.ban-btnmt{ margin-top: 80px;}
.ban-img{ margin-top: 50px;}
.fh5co-project h3{ font-size: 18px; line-height:60px; color: #010101;    padding: 0 15px; font-weight: 500;
    text-align: left;}
.fs20{ font-size: 20px;}
.col-454545{ color:#454545; font-size: 19px;}
.col-ffffff{ color: #ffffff;}
.col-333333{ color: #333333 !important;    letter-spacing: -1px;}
.bg-ffffff{ background: #FFFFFF; padding:15px 15px ; text-align: center; border: 1px solid #ededed; margin-right: 15px; margin-bottom: 15px;}
.bg-ffffff::nth-child(5n){ margin-right: 0;}
.bg-ffffff img{ max-width: 100%; margin: 0 auto;
-webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.bg-ffffff:hover img{-webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);}
.fh5co-bg-contact .bg-ffffff:hover img{-webkit-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -o-transform: scale(1.0);
  transform: scale(1.0);} 
.fh5co-bg-contact .bg-ffffff{ cursor: pointer; background: transparent; position: relative; border: none; padding:0px; }
.fh5co-bg-contact .padd{    margin-bottom: 1em;padding:25px;border: 1px solid #ffffff;background: #FFFFFF;    box-shadow: 0px 1px 53px -28px rgba(0, 0, 0, 0.75 ); -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; 
  -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
   } 
.fh5co-bg-contact .bg-ffffff h3{ text-align: center;    color: #727477;font-size: 18px;}
.fh5co-bg-contact .bg-ffffff:hover  .padd,.fh5co-bg-contact .active .padd{ border: 1px solid #c1d0f1;box-shadow: 0px 0px 7px -2px #3e93fc;}
.fh5co-bg-contact .bg-ffffff:hover h3,.fh5co-bg-contact .active  h3{ color: #030303;}
.fh5co-bg-contact .bg-ffffff:hover .contact-img,.fh5co-bg-contact .active .contact-img{ opacity: 1;}
.fh5co-bg-contact .contact-img{ -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; position: absolute; bottom: -73px; opacity: 0; left: 50%; margin-left: -15px;}
.col-cacaca{ color: #cacaca;}
.col-888888{ color: #888888;}
.fh5co-mb{ margin-bottom: 10px !important;}
.copyright{ border-top: 1px solid #353535; line-height: 96px; height: 96px;}
.fh5co-project-advantage{ background: #272727; padding: 2.5em 0 !important;}
.fh5co-project-advantage h4{ margin-bottom: 0; font-weight: 350;}
.fh5co-project-advantage .advantage-img{ margin-right: 15px;}
.fh5co-counter-text .span1{ text-align: left; font-size: 18px !important; text-transform: none !important; letter-spacing:0px !important;}
.fh5co-counter-text span{    display: inline-block !important; text-transform: none !important; }
.comments-left{ background: #ffffff;box-shadow: 0 0 20px 3px #e1e6ed; border-radius: 5px; -webkit-border-radius:5px;-moz-border-radius: 5px;-ms-border-radius: 5px; padding: 30px 10px;}
.comments-left .row{ margin: 0 auto 30px auto;    
-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;}
.comments-left .row:nth-child(5n){ margin-bottom: 0;}
.comments-left .row h4{ margin-bottom: 6px; margin-top: 25px;-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;}
.comments-left .row .active,.comments-right .active{ position: relative; width: 99px; height: 99px;    margin: 0 auto; /*background: url(../images/activeimg.png) no-repeat center center;background-size:100% 100% ;*/ 
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;}
.comments-left .row .active img{ position: absolute;bottom:5px;right: 6px;
-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.comments-left .right{ position: absolute; top: 50%; right: -18px; margin-top: -23px;}

.comments-left .row:hover  h4,.comments-left .active-on h4{ color:#3e93fc;}
.comments-left .row:hover .active,.comments-left .active-on .active,.comments-right .active{/*background: url(../images/activeimg-on.png) no-repeat center center; background-size:100% 100% ;*/}
.comments-left .row:hover .active img,.comments-left .active-on .active img{ opacity: 0.2;
-webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.comments-left .col-md-7:nth-last-child(odd){ padding-left: 0;}
.comments-right{ padding: 3em 0;}
.comments-right h2{ margin-bottom:40px; font-size: 37px;letter-spacing: -1px;}
.comments-right img{ margin-left: 10px;margin-top: -5px;}
.comments-right p{ font-size: 14px; color: #333333;    margin-top: 17px;}
.comments-right  .active{ width: 102px; height: 102px; /*background: url(../images/active-userbg.png) no-repeat center center; background-size:100% 100% ;*/}
.comments-right .active img{ position: absolute;bottom:20px;right: 21px;
-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;}
.col-3e93fc{ color: #3e93fc !important; font-size: 17px !important;    font-weight: 500;}
.comments-right .plimgleft{ position: absolute; top: 50%; left: 0; margin-top:-36px ; cursor: pointer;}
.comments-right .plimgright{ position: absolute; top: 50%; right:10px; margin-top:-36px ;cursor: pointer;}
.comments-right .touprew{/* margin: 30px auto 15px auto !important;*/}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.contactus{ padding-top: 30px !important;}
.contactus h1{ font-size: 48px !important; font-weight: 400 !important;    margin-bottom: 10px !important;}
.contactus h2{ font-size: 24px !important;font-weight:300 !important;letter-spacing: -1px;}
.contact-text p{ color: #333333; font-size: 18px; font-weight: 400;}
.contact-text a{font-family: "Work Sans", Arial, sans-serif;font-size: 18px; font-weight: 350;}
.contact-text a:hover{ text-decoration: underline;}
#Join,#Contact,#Team,#Business,#Suggestions{ -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;    min-height: 350px;
}
#Team img{ width: 160px; height: 160px;}

.help-banner a{ font-size: 20px; border: 1px solid #6e7d93; margin-right: 0;padding: 15px 25px; color: #ffffff;}
.help-banner a:nth-child(2),.help-banner a:nth-child(3),.help-banner a:nth-child(4){border-left:1px solid transparent;margin-left: -5px;}
.help-banner a:hover,.help-banner .active{ background: #3784fe; border:1px solid #3784fe; border-left:1px solid transparent;}
.help-banner-text{ margin-top: 26px;}
.help-main{ border: 1px solid #e0e6f3; padding: 50px; min-height:561px; -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;  }
.help-main h4{ border-bottom: 1px solid #e0e6f3; line-height: 50px; margin-bottom: 0; background: url(../images/help.png) no-repeat 25px center;}
.help-main a{ color: #333333; padding-left: 50px;}
.help-main h4:hover{background: url(../images/help-on.png) no-repeat 25px center;}
.help-main h4:hover a{color: #3784fe;}
.help-main .blog-text{ width: 100%;}
.help-list p{ color: #333333;}
.help-list img{ max-width: 100%;}
.fs12{ font-size: 12px !important;}
.fs15{ font-size: 15px !important;}

.mb0{ margin-bottom: 10px;}
.mb00{ margin-bottom: 0px;}
.btn-bg-tr{background:transparent url(../images/gp.png) no-repeat 15px center; border: 1px solid #d0d1d3; color: #333333; font-size: 16px;}
.btn-bgcore{ position: absolute; top: 14px; right: 14px;}
.pos{ position: relative;}
.btn-bg-tr:hover{background:rgba(62, 129, 252, 1) url(../images/gp-on.png) no-repeat 15px center;}
.btn-video:hover{-webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
    box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important}
.dow-header p{ color: #020202;}
.dow-header a{   display: block;
    padding: 10px 2px;
    margin-top: -6px; background: url(../images/shebiline1.png) no-repeat bottom center;}
.dow-header .active a,.dow-header a:hover{    display: block;
   background: url(../images/shebiline.png) no-repeat bottom center;
    padding: 10px 0;
    margin-top: -6px;}    
    .dow-header .android i,
    .dow-header .Windows i,
    .dow-header .mac i,
    .dow-header .IOS i,
    .dow-header .TV i
    {display:block;width: 30px; height: 30px; margin: 0 auto; -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; opacity: 0.5;}
    .dow-header .active i
    {display:block;width: 30px; height: 30px; margin: 0 auto; -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; opacity: 1;}
    .dow-header .Windows i{ background: url(../images/win-on.png) no-repeat center center;   }
    /*.dow-header .Windows:hover{    -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
    box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important}*/
    .dow-header .Windows:hover  i, .dow-header .Windows.active i{ background: url(../images/win-on.png) no-repeat center center; opacity: 1;}
    
    .dow-header .mac i{ background: url(../images/mac-on.png) no-repeat center center;}
    .dow-header .mac:hover  i,.dow-header .mac.active  i{ background: url(../images/mac-on.png) no-repeat center center;opacity: 1;}
    
    .dow-header .IOS i{ background: url(../images/ios-on.png) no-repeat center center;}
    .dow-header .IOS:hover  i, .dow-header .IOS.active  i{ background: url(../images/ios-on.png) no-repeat center center;opacity: 1;}

    .dow-header .TV i{ background: url(../images/tv-on.png) no-repeat center center;}
    .dow-header .TV:hover  i, .dow-header .TV.active i{ background: url(../images/tv-on.png) no-repeat center center;opacity: 1;}
    .dow-header .android i{ background: url(../images/android.png) no-repeat center center;}
    .dow-header .android:hover  i, .dow-header .android.active  i{ background: url(../images/android.png) no-repeat center center;opacity: 1;}
.fs12{ font-size: 12px;  margin-left: 10px;}
.pb40{ padding-bottom: 40px;}
.tvcodemain{ width: 120px; height: 150px; margin: 0 auto; background: #ffffff; border: 1px solid #e0e6f3;-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;position: absolute;
    bottom: 10px;
    right: -78px;text-align: center;
    padding: 10px 0;   
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; opacity: 0;}
.tvcodemain img{ width: 105px; height: 105px; margin: 0 auto 10px auto;}
.tvcodemain p{ text-align: center; font-size: 12px;color: #8a8989;}
.pay-main .col-md-3{ background: url(../images/dh.png) no-repeat left 4px;}
.pay-main p{ text-align: left; font-size: 16px; padding-left: 8px;}
.pay-main b{ font-weight: 500;}
.pay-main img{ width:50%;}
.fh5co-pay{ margin-top: 72px;padding-bottom: 0 !important; border-bottom: 1px solid #e6e9ec;}
.fh5co-pay-main h3{ margin-bottom:5px;}
.fs14{ font-size: 14px !important;}
.fh5co-pay-main .pay-left-img1,.pay-left-img2,.pay-left-img3{margin-bottom: 64px; background: url(../images/1.png) no-repeat top left; padding-left:45px;}
.fh5co-pay-main .pay-left-img2{ margin:2.5em 0 1em 0;background: url(../images/2.png) no-repeat top left; padding-left:45px;}
.fh5co-pay-main .pay-left-img3{ margin:2.5em 0 2.5em 0;background: url(../images/3.png) no-repeat top left; padding-left:45px;}
.fh5co-pay-main .pay-left-img1 .btn-pay-security,.fh5co-pay-main .pay-left-img2 .btn-pay-security,.fh5co-pay-main .pay-left-img3 .btn-pay-security{ display: inline-block; position: absolute; right: 15px; top: 5px; background: #000000 url(../images/security.png) no-repeat 153px 10px ; border: none; width:180px;}
.fh5co-pay-main  label{font-size: 18px; font-weight: 400;font-family: "Work Sans", Arial, sans-serif;}
.fh5co-pay-main .form-control{ border-radius: 3px; position: relative;}
.fh5co-pay-main  span {line-height:42px; height: 42px; margin-bottom: 0;margin-top: 8px;text-transform: none; font-size: 13px; letter-spacing: 0;font-family: "Work Sans", Arial, sans-serif;}
.fh5co-pay-main   span  img{ margin-right: 1%; margin-top: -1px;}
.fh5co-pay-main .form-control:focus,.warning {
  background:#fffef0;border: 1px solid #3e93fc;
}
.fh5co-pay-main  .error{background:#f9ecee;border: 1px solid #ff3b57; }
.fh5co-pay-main  .close{    position: absolute;
    bottom: 13px;
    right: 26px;
    opacity: 0;    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;}
.fh5co-pay-main  .btn-resok{    
	/*position: absolute;
    right:51px;
    bottom: 5px; */
    width: 152px;line-height:32px;}
.fh5co-pay-main  .payment {
    min-height: 226px;
}
.fh5co-pay-main  .pay_contleft {
    float: left;
    width: 67.5%;
    border: none;
}

.fh5co-pay-main   .paycont {
    min-height: 285px;
    border: 1px solid #b5b9c1;
    border-radius: 4px;
}
.fh5co-pay-main   .paybor {
    border-radius: 4px;
    min-height: 55px;
    line-height: 55px; cursor: pointer;
}
.fh5co-pay-main  .padd {
    padding: 0px 30px;
}
#zfbid .spanimg,#wxid .spanimg,#paypalid .spanimg,#yhkid .spanimg{
    width: 98px;
    display: block;
    height: 28px;    
    margin-top: 13.5px;-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;}
#zfbid .spanimg{background: url(../images/zfbpay-l.png);background-size: 100% 100%;}
#wxid .spanimg{background: url(../images/wxpay-1.png);background-size: 100% 100%;}
#paypalid .spanimg{background: url(../images/paypal.png);background-size: 100% 100%;}
#yhkid .spanimg{background: url(../images/pay10.png);background-size: 100% 100%;}

#zfbid:hover .spanimg,.fh5co-pay-main .active #zfbid .spanimg{background: url(../images/zfbpay.png) no-repeat !important;background-size: 100% 100%;}
#wxid:hover .spanimg,.fh5co-pay-main .active #wxid .spanimg{background: url(../images/wxpay.png);background-size: 100% 100%;}
#paypalid:hover .spanimg,.fh5co-pay-main .active #paypalid .spanimg{background: url(../images/paypal1.png);background-size: 100% 100%;}
#yhkid:hover .spanimg,.fh5co-pay-main .active #yhkid .spanimg{background: url(../images/pay10.png);background-size: 100% 100%;}
.paybor .kuohao{ margin-right:7px; float: left; width: 16px; height: 18px; margin-top: 18.5px; background: url(../images/kuohao.png) no-repeat;}
.paybor:hover .kuohao{background: url(../images/kuohao1.png) no-repeat;}

.fh5co-pay-main .active .kuohao{background: url(../images/kuohao1.png) no-repeat; float: left;width: 18px; height: 16px; margin-top:19.5px ;  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);    margin-top: 24.5px;
    margin-right: 5px;}
.fh5co-pay-main .pay_w {
    min-width: 135px;
    color: #000000; font-weight: 500;
    font-size: 17px;font-family: "Work Sans", Arial, sans-serif; 
}

.fh5co-pay-main  .left {
    float: left !important;
}
.paybor :hover{background: #f79a46; border: none;}
.paybor :hover .pay_w{ color: #ffffff;}
.fh5co-pay-main  .paybor img {
    /*border: 1px solid #cccccc;*/    margin-top: -1px;
    vertical-align: middle;
    margin-right: 10px;
}
.clear{ clear: both;}
.fh5co-pay-main  .pay_contright {
    float: right;
    width: 30%;
    background: #ffffff;
}
.fh5co-pay-main  .prtop {
    height: 70px;
    line-height: 81px;
    padding-left: 30px;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
}
.fh5co-pay-main .pay_contright li {
    background: url(../images/duihao2.png) left 9px no-repeat;
    padding-left: 30px;
    color: #020202;
    line-height: 33px;
    margin-left: -10px;font-size: 14px;
}
.fh5co-pay-main ul li{ list-style:none;}
/*.fh5co-pay-main  .active .col-md-12{ min-height: 150px;}*/
.paddcont{ border-top:1px solid #e8e8e8}
.panel-default{border: 1px solid #bbb;    border-radius: 4px;    margin-bottom: 20px;-webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;}

.fh5co-pay-main  .active .paybor{ border: none;} 
.fh5co-pay-main  .active .padd{background: #f79a46;
    border: 0px solid #f79a46; border-bottom: none; border-radius: 4px;-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;
   }
   .panel-collapse{ display: none;}
.fh5co-pay-main  .active  .panel-collapse{ }
.fh5co-pay-main .active .pay_w{ color: #ffffff;}
.fh5co-pay-main .kuohao,.panel-default .pay-w{-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;}

.fh5co-pay-main .active .panel-body  {background: #f8f8f8;}
.panel-body {padding: 15px;color: #333333;font-family: "Work Sans", Arial, sans-serif;}
.panel-body img{ margin-right: 5px; margin-top: -1px;}
.fh5co-pay-main .col-ff3b57{ color: #ff3b57; font-size: 14px;}
.fh5co-pay-main .col-333333{ color: #333333; font-size: 13px;}
.fh5co-pay-main  label{ color: #333333; font-size: 16px;}

.fh5co-pay-main .fs20{ font-size: 20px; font-weight: 500; }
.fh5co-pay-main hr{ color: #d0d1d3}
.fh5co-pay-main .btn-wxpay{ background:#5cb85c url(../images/wxpay.png) no-repeat right center;}
.btn-paypal{background: #ebc11c;border: 2px solid #ebc11c;}
.btn-paypal:hover{ background: #ecbe06 !important;border: 2px solid #ecbe06 !important;}
.btn-yhk{background: #024381;border: 2px solid #024381;}
.btn-yhk:hover{ background: #0e477d !important;border: 2px solid #0e477d !important;}
.fh5co-pay-main .btn.btn-lg {
    padding: 14px 30px !important;
}
#fh5co-login{    padding: 5em 0 1em 0; clear: both;}
#fh5co-login .login{ border:1px solid #e0e6f3 ;    padding: 2em;    width: 36%;
    margin-left: 7%;}
#fh5co-login .login h2{ padding: 1em 0; margin-bottom: 0;}
#fh5co-login .logban{ max-width: 90%;}
#fh5co-login .form-group{ margin-bottom:24px;}
#fh5co-login  label{ font-size: 14px; font-weight: 100; color: #000000;}
#fh5co-login  span,#fh5co-login  input{font-size:14px ;}
#fh5co-login  input{color: #333333;font-weight: 400; width: 100%;}
#fh5co-login .close {
        position: absolute;
    right: 23px;
    top: 46px;
    width: 14px; opacity: 0;
}
.fl{ float: left;}

#fh5co-login .active .close{ opacity:0.8;}
#fh5co-login  span{ color: #b7b6b6;}
#fh5co-login  span img{ padding-right: 3px;}
#fh5co-login .btn-login{ margin: 2em auto 1em auto;padding: 11px 0; color: #ffffff;}
#fh5co-login p{ font-size: 14px; margin-bottom: 5px;}
.mb50{ margin-bottom: 50px !important;}
.pwd-ok span{ position: absolute;top: 43px;right: -11px;}
.payok{    font-family: 微软雅黑; margin-left: 20px; letter-spacing: 0 !important; display:initial !important; font-size: 16px !important; font-weight:500;}
.col-ff3b57{ color: #ff3b57;}
.payok-main{ background: #f5f7fa; padding: 2em 0;}
.payok-text{ padding: 2em 0;  }
.payok-text p{    font-family: 微软雅黑;
    margin-bottom: 20px;
    color: #000000 !important;
   font-size: 16px;
    /* font-weight: 600;*/}
.payok-text p span{font-family: 微软雅黑;  text-transform:none;font-size: 16px !important;}
.payok-main .col-md-5,.payok-text .col-md-10,.payok-main .col-md-2,.payok-main  .col-md-10{ padding: 0;}
.col-555555{ color:#444444 ;padding: 0 15px; font-size: 14px;}
.h2_cn{font-size: 44px !important;}
.h2_cn b{ font-weight: 500 !important}

/*改变input 框 placeholder提示颜色和字体大小*/
input::-webkit-input-placeholder{color:#c5c6c9; font-size: 15px;}

/*改变input 框记住密码后，去掉背景颜色*/
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
:-webkit-autofill {
 -webkit-text-fill-color: #000000 !important;
 transition: background-color 5000s ease-in-out 0s;
}