#home .signup-form {
    background-color: #fff;
    padding: 45px;
    border-radius: 5px; }
    #home .signup-form input {
      border: 1px solid #eee;
      height: 38px;
      box-shadow: none !important; }
    #home .signup-form input:focus {
      border-color: #44c5ee; }
    #home .signup-form .form-control {
      font-size: 16px;
      
      color: #555;
      background-color: #fff;
      border-radius: 3px; }

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0; }

/*========================================
           About Us
========================================*/
#about {
  text-align: center; }
  #about .icon-box {
    margin-top: 60px; }
    #about .icon-box i {
      font-size: 46px;
      color: #f23c7e; }
    #about .icon-box h4 {
      margin: 25px 0; }

/*========================================
           Story
========================================*/
#story {
  background: #44c5ee; }
  #story .col-md-6 {
    padding: 0; }
  #story .story-bg {
    background-image: url(../img/success.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 480px; }
  #story .story-content {
    padding: 40px;
    color: #fff; }
    #story .story-content .story-quote {
      font-size: 24px;
      margin: 35px 0;
      font-style: italic; }
    #story .story-content .btn {
      margin-top: 35px; }

/*========================================
           Services
========================================*/
#services {
  text-align: center; }
  #services .icon-box {
    margin-top: 60px; }
    #services .icon-box i {
      font-size: 46px;
      color: #f23c7e; }
    #services .icon-box h4 {
      margin: 25px 0; }

/*========================================
           Features
========================================*/
#features {
  background: #44c5ee;
  color: #fff;
  padding: 80px 0; }
  #features .media {
    margin: 35px 0; }
    #features .media i {
      color: #fff;
      font-size: 46px;
      margin-right: 25px; }
  #features img {
    margin-top: 80px; }

/*========================================
           Pricing
========================================*/
#price {
  text-align: center; }
  #price .plan {
    background: #fff;
    box-shadow: 0px 0px 60px 0px rgba(213, 216, 224, 0.7); }
  #price .active {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
    background-color: #fff;
    box-shadow: 0px 0px 60px 0px rgba(68, 197, 238, 0.6); }
  #price .pricing-container {
    margin-top: 80px; }
    #price .pricing-container h2 {
      color: #496174;
      margin-bottom: 40px; }
    #price .pricing-container h3 {
      font-size: 24px;
      color: #f23c7e;
      margin-bottom: 0; }
    #price .pricing-container h2,
    #price .pricing-container h3 {
      text-transform: none; }
    #price .pricing-container .pricing-header {
      padding: 30px 0; }
      #price .pricing-container .pricing-header .currency {
        position: relative;
        font-weight: 700;
        font-size: 18px;
        color: #496174;
        top: -20px; }
      #price .pricing-container .pricing-header .amount {
        color: #496174;
        font-size: 44px;
        font-weight: 700; }
      #price .pricing-container .pricing-header .period {
        font-size: 22px;
        font-weight: 300;
        color: #496174;
        position: relative;
        top: 12px; }
    #price .pricing-container ul {
      padding: 20px 0; }
      #price .pricing-container ul li {
        font-size: 15px;
        letter-spacing: .1em;
        margin: 15px 0; }
        #price .pricing-container ul li i {
          color: #f23c7e;
          margin-right: 10px; }
    #price .pricing-container .pricing-footer {
      padding: 25px 0; }

/*========================================
           Team
========================================*/
#team {
  text-align: center; }
  #team .team-member {
    background: #fff;
    box-shadow: 0px 0px 60px 0px rgba(213, 216, 224, 0.7);
    border: 0;
    margin-top: 80px;
    padding: 20px; }
    #team .team-member h6 {
      font-style: italic; }
    #team .team-member .team-social ul {
      padding: 0;
      margin: 0; }
    #team .team-member .team-social li {
      display: inline-block; }
      #team .team-member .team-social li a {
        font-size: 20px;
        padding: 12px;
        color: #44c5ee;
        -webkit-transition: 0.4s;
                transition: 0.4s; }
      #team .team-member .team-social li a:hover,
      #team .team-member .team-social li a:focus,
      #team .team-member .team-social li a:active {
        color: #496174; }

/*========================================
           Clients
========================================*/
#clients {
  text-align: center; }
  #clients #owl-clients {
    margin: 60px 0; }
    #clients #owl-clients .owl-pagination {
      display: none; }
  #clients #owl-testimonials {
    margin: 60px 0; }
    #clients #owl-testimonials .owl-pagination .owl-page.active span {
      background: #f23c7e; }
    #clients #owl-testimonials .owl-pagination .owl-page span {
      border: 2px solid #f23c7e;
      border-radius: 50%;
      background: transparent;
      opacity: 1;
      -webkit-transition: all .3s ease-in-out;
              transition: all .3s ease-in-out; }
    #clients #owl-testimonials i {
      font-size: 48px;
      color: #f23c7e; }
    #clients #owl-testimonials p {
      width: 50%;
      margin: 25px auto; }
    #clients #owl-testimonials h3 {
      color: #fff; }

/*========================================
           NewsLetter
========================================*/
#newsletter {
  background: #44c5ee;
  padding: 60px 0;
  text-align: center;
  color: #fff; }
  #newsletter .form-container {
    margin-top: 40px; }
    #newsletter .form-container .form-inline {
      left: 50px;
      position: relative; }
    #newsletter .form-container .form-control::-webkit-input-placeholder {
      color: #fff; }
    #newsletter .form-container .form-control:-moz-placeholder {
      color: #fff; }
    #newsletter .form-container .form-control::-moz-placeholder {
      color: #fff; }
    #newsletter .form-container .form-control:-ms-input-placeholder {
      color: #fff; }
    #newsletter .form-container .form-control {
      width: 50%;
      height: 50px;
      border-radius: 50px;
      border: 2px solid #fff;
      background: transparent;
      color: #fff; }
    #newsletter .form-container .btn {
      position: relative;
      right: 143px; }

/*========================================
           Contact
========================================*/
#contact {
  text-align: center; }
  #contact .contact-info {
    position: relative;
    top: 100px;
    z-index: 1;
    background: #44c5ee;
    box-shadow: 0px 0px 60px 0px rgba(68, 197, 238, 0.6);
    padding: 30px;
    color: #fff; }
    #contact .contact-info i {
      font-size: 46px; }
  #contact #map {
    width: 100%;
    height: 500px; }
  #contact .contact-forms {
    padding: 80px 0; }
    #contact .contact-forms h2 {
      margin-bottom: 40px; }
    #contact .contact-forms input:focus {
      border-color: #44c5ee; }
    #contact .contact-forms .form-control {
      font-size: 16px;
      padding: 20px 15px;
      color: #555;
      background-color: #fff;
      border-radius: 3px;
      border: 2px solid #999;
      height: 38px;
      box-shadow: none !important;
      margin: 30px 0; }
    #contact .contact-forms textarea {
      height: 118px !important;
      resize: none;
      margin: 0; }