.fh5co-counters .fh5co-counter,.fh5co-nav #fh5co-logo,body,figure,h1,h2,h3,h4,h5,h6 {
  font-family: "Work Sans",Arial,sans-serif
}

#fh5co-footer .fh5co-footer-links li a,#fh5co-testimonial .arrow-thumb a:active,#fh5co-testimonial .arrow-thumb a:focus,#fh5co-testimonial .arrow-thumb a:hover,.fh5co-nav ul li.has-dropdown .dropdown li a:hover,.fh5co-nav-toggle,a:active,a:focus,a:hover {
  text-decoration: none
}

@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: 400;
  font-style: normal
}

p {
  /*! text-align: left; */
  margin-bottom: 20px;
  color: black;
}

.fh5co-nav ul li.has-dropdown .dropdown {
  width: 250px;
  -moz-box-shadow: 0 14px 33px -9px rgba(0,0,0,.75);
  z-index: 1002;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 17px;
  left: 0;
  text-align: left;
  background: #eff0ed;
  padding: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s
}

#page,a {
  -webkit-transition: .5s;
  -o-transition: .5s
}

#fh5co-testimonial .testimony-slide,.fh5co-social-icons li a,.fh5co-video a,.fh5co-video a i,.price-box {
  text-align: center
}

.row-pb-md {
  padding-bottom: 0!important
}

@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: 400;
  font-style: normal
}

body {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: #f7f5f5;
  background: #fff
}

.fh5co-nav #fh5co-logo,figure,h1,h2,h3,h4,h5,h6 {
  font-weight: 700
}

#page {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  transition: .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,.7);
  content: ""
}

a {
  color: #f1352e;
  transition: .5s
}

.fh5co-nav ul li a,.fh5co-video .overlay {
  -webkit-transition: .5s;
  -o-transition: .5s
}

a:active,a:focus,a:hover {
  color: #f1352e!important;
  outline: 0
}

figure,h1,h2,h3,h4,h5,h6 {
  text-align: center;
  color: #337ab7;
  margin: 0 0 20px
}

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

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

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

.fh5co-nav {
  // position: absolute;
  top: 0;
  margin: 0;
  width: 100%;
  padding: 0;
  background-color: #eff4f5
}

.fh5co-nav .top-menu {
  //padding: 9px 0
}

.fh5co-nav .top {
  padding: 7px 0;
  margin-bottom: 0
}

.menu-1 {
  padding: 25px 0;
}

.fh5co-nav .top .fh5co-social,.fh5co-nav .top .num {
  display: inline-block;
  margin: 0
}

.fh5co-nav .top .num {
  color: rgba(255,255,255,.6);
  font-size: 13px;
  padding-right: 10px;
  margin-right: 5px;
  border-right: 1px solid rgba(255,255,255,.2);
  letter-spacing: 0
}

.fh5co-nav .top .fh5co-social li,.fh5co-nav .top .fh5co-social li a i {
  font-size: 14px
}

.fh5co-nav .top .fh5co-social li a {
  padding: 0 7px
}

.fh5co-nav #fh5co-logo {
  font-size: 24px;
  margin: 10px;
  padding: 0;
  text-transform: uppercase
}

.fh5co-nav #fh5co-logo a span {
  color: #f1352e
}

.fh5co-nav a {
  padding: 5px 10px;
  color: #fff
}

@media screen and (max-width: 768px) {
  .fh5co-blog {
      width:100%
  }

  .fh5co-nav .menu-1 {
      display: none
  }
}

.fh5co-nav ul {
  padding: 0;
  margin: 5px 0 0
}

.fh5co-nav ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline
}

.fh5co-nav ul li a {
  font-size: 15px;
  padding: 0 12px;
  color: #378dc5;
  transition: .5s;
  font-weight: 500
}

.fh5co-nav ul li a:active,.fh5co-nav ul li a:focus,.fh5co-nav ul li a:hover {
  border-top: 2px solid #fe2c2b;
  border-bottom: 2px solid #fe2c2b
}

.fh5co-nav ul li.has-dropdown {
  position: relative
}

.fh5co-nav ul li.has-dropdown .dropdown:before {
  bottom: 100%;
  left: 40px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  /* border-bottom-color:#fff; */
  border-width: 8px;
  margin-left: -8px
}

.fh5co-nav ul li.has-dropdown .dropdown li {
  display: block;
  margin-bottom: 7px
}

.fh5co-nav ul li.has-dropdown .dropdown li:last-child {
  margin-bottom: 0
}

.fh5co-nav ul li.has-dropdown .dropdown li a {
  padding: 2px 0;
  display: block;
  color: #000;
  line-height: 1.2;
  text-transform: none;
  font-size: 15px;
  letter-spacing: 0
}

.fh5co-nav ul li.has-dropdown:focus a,.fh5co-nav ul li.has-dropdown:hover a {
  color: #378dc5;
}

.fh5co-nav ul li.btn-cta a {
  padding: 30px 0!important;
  color: #fff
}

.fh5co-nav ul li.btn-cta a span {
  background: #e88021;
  padding: 4px 10px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom:1;-webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  border-radius: 100px
}

.fh5co-nav ul li.btn-cta a:hover span {
  -webkit-box-shadow: 0 14px 20px -9px rgba(0,0,0,.75);
  -moz-box-shadow: 0 14px 20px -9px rgba(0,0,0,.75);
  box-shadow: 0 14px 20px -9px rgba(0,0,0,.75)
}

.fh5co-nav ul li.active>a {
  color: #378dc5!important
}

.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;
  background: #fff;
  -webkit-box-shadow: 0 14px 30px -15px rgba(0,0,0,.75);
  -moz-box-shadow: 0 14px 30px -15px rgba(0,0,0,.75);
  box-shadow: 0 14px 30px -15px rgba(0,0,0,.75);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%
}

.fh5co-video a i {
  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,.5);
  transition: .5s
}

.fh5co-video:hover .overlay {
  background: rgba(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: 700px;
  position: relative;
  width: 100%
}

.fh5co-cover .overlay {
  z-index: 0;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0
}

.fh5co-cover>.fh5co-container {
  position: relative;
  z-index: 10
}

@media screen and (max-width: 768px) {
  .fh5co-cover {
      height:600px
  }
}

.fh5co-cover .display-t,.fh5co-cover .display-tc {
  z-index: 9;
  height: 700px;
  display: table;
  width: 100%;
  margin-top: 100px
}

.fh5co-cover.fh5co-cover-sm {
  height: 600px
}

@media screen and (max-width: 768px) {
  .fh5co-cover .display-t,.fh5co-cover .display-tc {
      height:600px
  }

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

#fh5co-counter .display-tc,#fh5co-header .display-tc,.fh5co-cover .display-tc {
  display: table-cell!important;
  vertical-align: middle
}

#fh5co-counter .display-tc h1,#fh5co-counter .display-tc h2,#fh5co-header .display-tc h1,#fh5co-header .display-tc h2,.fh5co-cover .display-tc h1,.fh5co-cover .display-tc h2 {
  margin: 0;
  padding: 0;
  color: #fff
}

#fh5co-counter .display-tc h1,#fh5co-header .display-tc h1,.fh5co-cover .display-tc h1 {
  margin-bottom: 20px;
  font-size: 54px;
  line-height: 1.3;
  font-weight: 300
}

@media screen and (max-width: 768px) {
  .fh5co-cover.fh5co-cover-sm .display-t,.fh5co-cover.fh5co-cover-sm .display-tc {
      height:400px
  }

  #fh5co-counter .display-tc h1,#fh5co-header .display-tc h1,.fh5co-cover .display-tc h1 {
      font-size: 30px
  }
}

#fh5co-counter .display-tc h2,#fh5co-header .display-tc h2,.fh5co-cover .display-tc h2 {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 30px
}

#fh5co-counter .display-tc .btn,#fh5co-header .display-tc .btn,.fh5co-cover .display-tc .btn {
  padding: 15px 30px;
  color: #fff;
  border: none!important;
  font-size: 18px
}

#fh5co-counter .display-tc .btn.btn-video,#fh5co-header .display-tc .btn.btn-video,.fh5co-cover .display-tc .btn.btn-video {
  background: rgba(9,198,171,.8);
  border: none
}

#fh5co-counter .display-tc .btn.btn-video:focus,#fh5co-counter .display-tc .btn.btn-video:hover,#fh5co-header .display-tc .btn.btn-video:focus,#fh5co-header .display-tc .btn.btn-video:hover,.fh5co-cover .display-tc .btn.btn-video:focus,.fh5co-cover .display-tc .btn.btn-video:hover {
  background: rgba(9,198,171,.9)!important;
  color: #fff!important
}

#fh5co-counter .display-tc .btn:focus,#fh5co-counter .display-tc .btn:hover,#fh5co-header .display-tc .btn:focus,#fh5co-header .display-tc .btn:hover,.fh5co-cover .display-tc .btn:focus,.fh5co-cover .display-tc .btn:hover {
  color: #fff!important
}

#fh5co-counter .display-tc .btn.btn-learn,#fh5co-header .display-tc .btn.btn-learn,.fh5co-cover .display-tc .btn.btn-learn {
  background: rgba(234,146,21,.8);
  border: none
}

#fh5co-counter .display-tc .btn.btn-learn:focus,#fh5co-counter .display-tc .btn.btn-learn:hover,#fh5co-header .display-tc .btn.btn-learn:focus,#fh5co-header .display-tc .btn.btn-learn:hover,.fh5co-cover .display-tc .btn.btn-learn:focus,.fh5co-cover .display-tc .btn.btn-learn:hover {
  background: rgba(234,146,21,.9)!important;
  color: #fff!important
}

#fh5co-counter .display-tc .btn:hover,#fh5co-header .display-tc .btn:hover,.fh5co-cover .display-tc .btn:hover {
  background: #f1352e!important;
  -webkit-box-shadow: 0 14px 30px -15px rgba(0,0,0,.75)!important;
  -moz-box-shadow: 0 14px 30px -15px rgba(0,0,0,.75)!important;
  box-shadow: 0 14px 30px -15px rgba(0,0,0,.75)!important
}

#fh5co-counter .display-tc .form-inline .form-group,#fh5co-header .display-tc .form-inline .form-group,.fh5co-cover .display-tc .form-inline .form-group {
  width: 100%!important;
  margin-bottom: 10px
}

#fh5co-counter .display-tc .form-inline .form-group .form-control,#fh5co-header .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: rgba(0,0,0,.05)
}

#fh5co-blog,#fh5co-contact,#fh5co-explore,#fh5co-footer,#fh5co-pricing,#fh5co-project,#fh5co-started,#fh5co-testimonial {
  clear: both;
  padding: 20px
}

@media screen and (max-width: 768px) {
  #fh5co-blog,#fh5co-contact,#fh5co-explore,#fh5co-footer,#fh5co-pricing,#fh5co-project,#fh5co-started,#fh5co-testimonial {
      //padding:3em 0
  }
}

#fh5co-counter {
  clear: both
}

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

.fh5co-counters {
  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: #fff;
  width: 100%;
  font-weight: 400;
  margin-bottom: 5px
}

#fh5co-offcanvas ul li.offcanvas-has-dropdown>a:after,.fh5co-contact-info ul li:before {
  font-family: icomoon;
  speak: none;
  font-style: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.fh5co-counters .fh5co-counter-label {
  color: #000;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 3px;
  margin-bottom: 1em;
  display: block;
  font-weight: 700
}

#fh5co-explore .fh5co-explore1 {
  margin-bottom: 0
}

.mt {
  margin-top: 10px
}

.mt h4 {
  position: relative;
  padding-left: 40px;
  font-size: 20px
}

.mt h4 i {
  position: absolute;
  left: 0;
  top: 0;
  color: #f1352e
}

.mt>div {
  margin-bottom: 40px
}

.mt .list-nav {
  margin: 50px 0 30px;
  padding: 0
}

.mt .list-nav li {
  list-style: none;
  margin: 0 0 10px;
  padding: 0 0 0 30px;
  font-size: 16px;
  position: relative
}

.mt .list-nav li i {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  color: #f1352e
}

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

.fh5co-social-icons li a {
  display: -moz-inline-stack;
  display: inline-block;
  zoom:1;color: #fff;
  border: 2px solid #fe2c2b;
  background: #337ab7;
  border-radius: 50%;
  width: 48px;
  height: 47px;
  padding: 7px
}

.fh5co-social-icons li a i {
  font-size: 25px;
  color: #fff
}

.fh5co-social-icons li a:hover {
  background: #fe2c2b
}

.fh5co-contact-info ul {
  padding: 0;
  margin: 0
}

.fh5co-contact-info ul li {
  padding: 0 0 0 40px;
  margin: 0 0 30px;
  list-style: none;
  position: relative
}

.fh5co-contact-info ul li:before {
  color: #f1352e;
  position: absolute;
  left: 0;
  top: .05em;
  font-weight: 400;
  text-transform: none;
  line-height: 1
}

.fh5co-project>a,.fh5co-project>a img {
  position: relative;
  -webkit-transition: .5s;
  -o-transition: .5s
}

.fh5co-contact-info ul li.address:before {
  font-size: 30px;
  content: "\e9d1"
}

.fh5co-contact-info ul li.phone:before {
  font-size: 23px;
  content: "\e9f4"
}

.fh5co-contact-info ul li.email:before {
  font-size: 23px;
  content: "\e9da"
}

.fh5co-contact-info ul li.url:before {
  font-size: 23px;
  content: "\e9af"
}

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

.fh5co-project {
  margin-bottom: 30px
}

.fh5co-project>a {
  display: block;
  color: #000;
  bottom: 0;
  overflow: hidden;
  transition: .5s
}

.fh5co-project>a img {
  transition: .5s;
  max-height: 300px;
  width: 100%
}

.fh5co-project>a:after {
  opacity: 0;
  visibility: hidden;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 8;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}

.fh5co-project>a h3,.fh5co-project>a span {
  z-index: 12;
  position: absolute;
  right: 20px;
  left: 20px;
  bottom: 50px;
  color: #fff;
  margin: 0;
  padding: 0;
  opacity: 1;
  font-size: 25px;
  font-weight: 500;
  visibility: visible;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.fh5co-project>a span {
  font-size: 14px;
  bottom: 22px
}

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

.fh5co-project>a: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,.fh5co-project>a:hover span {
  opacity: 1;
  bottom: 55px
}

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

.fh5co-project>a:hover span {
  bottom: 25px
}

.fh5co-project>a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.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: 32px;
  margin-bottom: 20px;
  line-height: 1.5;
  color: #337ab7
}

.fh5co-heading p {
  font-size: 18px;
  line-height: 1.5;
  color: #333
}

#fh5co-testimonial .testimony-slide span,.fh5co-heading span {
  font-size: 12px;
  letter-spacing: 2px;
  display: block;
  text-transform: uppercase
}

.fh5co-heading span {
  margin-bottom: 10px
}

#fh5co-testimonial {
  background: #efefef
}

#fh5co-testimonial .testimony-slide span {
  font-weight: 700
}

#fh5co-testimonial .testimony-slide figure {
  margin-bottom: 10px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom:1}

#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
}

.bs-wizard {
  margin-top: 40px;
  border-bottom: solid 1px #e0e0e0;
  padding: 0 0 10px
}

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

#fh5co-started,#map,.fh5co-blog .blog-text,.fh5co-blog>a,.price-box {
  position: relative
}

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

.bs-wizard>.bs-wizard-step>.progress>.progress-bar {
  width: 0;
  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: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;
  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,.7)
}

#fh5co-started .fh5co-heading h2 {
  color: #fff;
  margin-bottom: 20px!important
}

#fh5co-started .fh5co-heading p {
  color: rgba(255,255,255,.5)
}

#fh5co-started .form-control {
  background: rgba(255,255,255,.2);
  border: none!important;
  color: #fff;
  font-size: 16px!important;
  width: 100%;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}

#fh5co-started .form-control::-webkit-input-placeholder {
  color: #fff
}

#fh5co-started .form-control:-moz-placeholder {
  color: #fff
}

#fh5co-started .form-control::-moz-placeholder {
  color: #fff
}

#fh5co-started .form-control:-ms-input-placeholder {
  color: #fff
}

#fh5co-started .form-control:focus {
  background: rgba(255,255,255,.3)
}

#fh5co-started .btn {
  height: 54px;
  border: none!important;
  background: #f1352e;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  padding-left: 50px;
  padding-right: 50px
}

#fh5co-footer .fh5co-widget h3,.pricing-plan {
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase
}

#fh5co-started .form-inline .form-group {
  width: 100%!important;
  margin-bottom: 10px
}

#fh5co-started .form-inline .form-group .form-control,#map,.fh5co-blog>a img,.price-box,.price-box .classes li,.pricing {
  width: 100%
}

.fh5co-blog {
  margin-bottom: 60px
}

.fh5co-blog>a {
  display: block;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}

@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)
  }

  .fh5co-blog {
      width: 100%;
      margin-top: -50px
  }

  #fh5co-footer .fh5co-widget {
      text-align: left
  }
}

.fh5co-blog .blog-text {
  margin-bottom: 30px;
  background: #d7dbde;
  width: 100%;
  padding: 30px;
  float: left;
  -webkit-box-shadow: 0 10px 20px -12px rgba(0,0,0,.18);
  -moz-box-shadow: 0 10px 20px -12px rgba(0,0,0,.18);
  box-shadow: 0 10px 20px -12px rgba(0,0,0,.18);
  border-top: 10px solid transparent;
  border-left: 10px solid #55514;
  border-bottom: 10px solid transparent
}

.fh5co-blog .blog-text span {
  display: inline-block;
  margin-bottom: 20px
}

#fh5co-footer .copyright .block,.price small,.pricing,.pricing-plan span {
  display: block
}

.fh5co-blog .blog-text span.comment {
  float: right
}

.fh5co-blog .blog-text span.comment a {
  color: rgba(0,0,0,.3)
}

.fh5co-blog .blog-text span.comment a i {
  color: #f1352e;
  padding-left: 7px
}

.fh5co-blog .blog-text h3 a,.price-box {
  color: #000
}

.fh5co-blog .blog-text h3 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.5;
  margin-top: 15px
}

.pricing {
  float: left;
  margin-bottom: 30px
}

.price-box {
  padding: 30px;
  background: 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 40px
}

.price-box.popular .btn-select-plan {
  background: #f1352e
}

.price-box.popular .price {
  color: #f1352e
}

.price-box .btn-select-plan {
  padding: 10px 20px;
  background: #09C6AB;
  color: #fff
}

.price-box .classes {
  padding: 0
}

.price-box .classes li {
  display: block;
  list-style: none;
  margin: 0;
  font-size: 16px;
  padding: 8px 10px
}

.price-box .classes li.color {
  background: rgba(0,0,0,.04)
}

.pricing-plan {
  margin: 0 0 50px;
  padding: 0;
  font-size: 13px;
  color: #888f94
}

.pricing-plan.pricing-plan-offer {
  margin-bottom: 24px
}

.pricing-plan span {
  margin-top: 10px;
  margin-bottom: 0;
  color: #d5d8db
}

.price {
  font-size: 35px;
  color: #000;
  // line-height: 50px
}

.price .currency {
  font-size: 30px;
  top: -.9em;
  padding-right: 10px
}

.price small {
  font-size: 27px;
  text-transform: uppercase;
  color: #888f94
}

#fh5co-footer {
  background-image: linear-gradient(#000,#000,#000);
  border-left: 40px solid transparent;
  border-right: 40px solid transparent
}

#fh5co-footer .fh5co-footer-links {
  padding: 0;
  margin: 0;
  text-align: left
}

#fh5co-footer .fh5co-footer-links li {
  padding: 0;
  margin: 0;
  list-style: none
}

#fh5co-footer .fh5co-footer-links li a {
  color: rgba(253,252,252,.94)
}

#fh5co-footer .fh5co-footer-links li a:hover {
  border-bottom: 2px solid #f1352e;
  transition: .4s
}

#fh5co-footer .fh5co-widget {
  margin-bottom: 30px
}

#fh5co-footer .fh5co-widget h3 {
  margin-bottom: 15px;
  font-size: 15px
}

#map {
  height: 500px
}

#fh5co-offcanvas {
  position: absolute;
  z-index: 1901;
  width: 270px;
  background: #fff;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 75px 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: .5s;
  -o-transition: .5s;
  transition: .5s
}

@media screen and (max-width: 768px) {
  #map {
      height:200px
  }

  #fh5co-offcanvas {
      display: block
  }
}

.offcanvas #fh5co-offcanvas {
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

#fh5co-offcanvas a {
  color: #000
}

#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: 0;
  font-weight: 400;
  text-transform: none;
  line-height: 1;
  content: "\e921";
  font-size: 20px;
  color: rgba(255,255,255,.2);
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .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;
  visibility: hidden;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}

.gototop.active {
  opacity: 1;
  visibility: visible
}

.gototop a {
  width: 50px;
  height: 50px;
  display: table;
  background: rgba(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:active,.gototop a:focus,.gototop a:hover {
  text-decoration: none;
  outline: 0
}

.fh5co-nav-toggle.active i::after,.fh5co-nav-toggle.active i::before {
  background: #444
}

.fh5co-nav-toggle:active,.fh5co-nav-toggle:focus,.fh5co-nav-toggle:hover {
  outline: 0;
  border-bottom: none!important
}

.fh5co-nav-toggle i {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 2px;
  color: #252525;
  font: 700 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #252525;
  transition: all .2s ease-out
}

.fh5co-nav-toggle i::after,.fh5co-nav-toggle i::before {
  content: '';
  width: 25px;
  height: 2px;
  background: #252525;
  position: absolute;
  left: 0;
  transition: all .2s ease-out
}

.fh5co-nav-toggle.fh5co-nav-white>i::after,.fh5co-nav-toggle.fh5co-nav-white>i::before {
  background: #000
}

.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: 0 0
}

.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 {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 25px;
  padding: 6px 0 0;
  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: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  padding: 8px 20px
}

.btn.btn-md {
  padding: 8px 20px!important
}

.btn.btn-lg {
  padding: 18px 36px!important
}

.btn:active,.btn:focus,.btn:hover {
  box-shadow: none!important;
  outline: 0!important
}

.btn-outline:active,.btn-outline:focus,.btn-outline:hover,.form-control {
  box-shadow: none
}

.btn-primary {
  background: #1f4c83;
  color: #fff;
  border: 2px solid #f1352e
}

.btn-primary:active,.btn-primary:focus,.btn-primary:hover {
  background: #ec9d2c!important;
  border-color: #ec9d2c!important
}

.btn-primary.btn-outline {
  background: 0 0;
  color: #f1352e;
  border: 2px solid #f1352e
}

.btn-primary.btn-outline:active,.btn-primary.btn-outline:focus,.btn-primary.btn-outline:hover {
  background: #f1352e;
  color: #fff
}

.btn-success {
  background: #5cb85c;
  color: #fff;
  border: 2px solid #5cb85c
}

.btn-success:active,.btn-success:focus,.btn-success:hover {
  background: #4cae4c!important;
  border-color: #4cae4c!important
}

.btn-success.btn-outline {
  background: 0 0;
  color: #5cb85c;
  border: 2px solid #5cb85c
}

.btn-success.btn-outline:active,.btn-success.btn-outline:focus,.btn-success.btn-outline:hover {
  background: #5cb85c;
  color: #fff
}

.btn-info {
  background: #5bc0de;
  color: #fff;
  border: 2px solid #5bc0de
}

.btn-info:active,.btn-info:focus,.btn-info:hover {
  background: #46b8da!important;
  border-color: #46b8da!important
}

.btn-info.btn-outline {
  background: 0 0;
  color: #5bc0de;
  border: 2px solid #5bc0de
}

.btn-info.btn-outline:active,.btn-info.btn-outline:focus,.btn-info.btn-outline:hover {
  background: #5bc0de;
  color: #fff
}

.btn-warning {
  background: #f0ad4e;
  color: #fff;
  border: 2px solid #f0ad4e
}

.btn-warning:active,.btn-warning:focus,.btn-warning:hover {
  background: #eea236!important;
  border-color: #eea236!important
}

.btn-warning.btn-outline {
  background: 0 0;
  color: #f0ad4e;
  border: 2px solid #f0ad4e
}

.btn-warning.btn-outline:active,.btn-warning.btn-outline:focus,.btn-warning.btn-outline:hover {
  background: #f0ad4e;
  color: #fff
}

.btn-danger {
  background: #d9534f;
  color: #fff;
  border: 2px solid #d9534f
}

.btn-danger:active,.btn-danger:focus,.btn-danger:hover {
  background: #d43f3a!important;
  border-color: #d43f3a!important
}

.btn-danger.btn-outline {
  background: 0 0;
  color: #d9534f;
  border: 2px solid #d9534f
}

.btn-danger.btn-outline:active,.btn-danger.btn-outline:focus,.btn-danger.btn-outline:hover {
  background: #d9534f;
  color: #fff
}

.btn-outline {
  background: 0 0;
  border: 2px solid gray;
  font-size: 16px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.btn.with-arrow {
  position: relative;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.btn.with-arrow i {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s
}

.btn.with-arrow:hover {
  padding-right: 50px
}

.btn.with-arrow:hover i {
  color: #fff;
  right: 18px;
  visibility: visible;
  opacity: 1
}

.form-control {
  border: 2px solid rgba(0,0,0,.1);
  height: 54px;
  font-size: 18px;
  font-weight: 300
}

.form-control:active,.form-control:focus {
  outline: 0;
  box-shadow: none;
  border-color: #f1352e
}

.row-pb-md {
  margin-top: 15px
}

.row-pb-sm {
  padding-bottom: 2em!important
}

.fh5co-loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/loader.gif) center no-repeat #fff
}

.js .animate-box {
  opacity: 0
}

.wnp-btn-primary {
  background-color: #337ab7;
  padding: 5px;
  margin-top: -37px;
  text-align: center
}

.wnp-btn-primary:hover {
  color: #FFF
}

.page-section {
  padding: 100px 0
}

.wnp-services {
  z-index: 12;
  position: absolute;
  right: 20px;
  left: 20px;
  color: #fff;
  margin: 0;
  padding: 0;
  opacity: 1;
  font-size: 22px!important;
  font-weight: 500;
  visibility: visible;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.wnp-space-35 {
  padding: 25px 0
}

.wnp-get {
  transform: skew(20deg);
  background: #f9fcff;
  border-right: 5px solid #fff;
  border-left: 5px solid #fff;
  box-shadow: 0 0 6px 0 rgba(0,0,0,.8)
}

.wnp-get:hover {
  background: #ccc;
  cursor: default;
  color: #48c4db
}

.wnp-get-text {
  transform: skew(-20deg)
}

.wnp-package {
  box-shadow: 0 10px 20px -12px #53aabc;
  border-top: 10px solid #53aabc;
  border-left: 10px solid #6081a7;
  border-bottom: 10px solid #53aabc
}