#home {
     background-color: #556e8e;
	 /*background-color: #ef3b47;*/
 }
 #particles-js {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 50px;
     z-index: 1;
 }
#home .home-text{
     position: relative;
     z-index: 10;
}
 .page-hero .container {
     padding-top: 140px;
     padding-bottom: 155px;
     color: #FFFFFF;
 }
 
 .page-hero .title {
     color: #FFFFFF;
     font-weight: 400;
     font-size: 2.6em;
 }
 
 .page-hero .up-type-title {
     font-size: 2.7rem;
     margin-top: 20px;
     line-height: 45px;
 }
 
 .page-hero .up-type-title .animated-text {
     border-bottom: 2px solid;
     padding-bottom: 3px;
	 font-size: 2.4rem;
 }
 
 .page-hero p.p-details {
     margin-top: 50px;
     font-size: 1.7rem;
 }
 
 .header-img {
     display: inline-block;
     max-width: 550px;
 }
 
 .header-filter {
     position: relative;
 }
 
 .header-filter:before,
 .header-filter:after {
     position: absolute;
     z-index: 1;
     width: 100%;
     height: 100%;
     display: block;
     left: 0;
     top: 0;
     content: "";
 }
 
 .header-filter::before {
     background-color: rgba(0, 0, 0, 0.7);
 }
 
 .header-filter .container {
     z-index: 2;
     position: relative;
 }
 
 .header-app-icons {
     margin: 15px auto;
 }
 
 .header-app-icons .btn {
     background-color: transparent;
     border: none;
     -webkit-box-shadow: none;
     box-shadow: none;
 }
 
 .header-app-icons .btn:active {
     background-color: transparent;
 }
 
 .header-app-icons ul {
     margin: 0;
     padding: 0;
 }
 
 .header-app-icons ul li {
     display: inline-block;
     color: #fff;
 }
 
 .header-app-icons ul li a .fa {
     font-size: 22px !important;
 }
 
  
  
  @media (max-width: 1150px) {
     .header-img {
         max-width: 460px;
     }
 }
 
 @media (min-width: 992px) {
     /*.navbar .navbar-collapse {
         text-align: center;
     }*/
 }
 
 @media (max-width: 991px) {
     /*.navbar .navbar-nav > li > a {
         padding-left: 0px;
         padding-right: 0px;
     }
     .navbar .navbar-nav > li {
         margin-left: 15px;
         margin-right: 15px;
     }*/
     .page-hero {
         height: auto;
         min-height: 100vh;
     }
 }
 
 @media (max-width: 767px) {
     
     .clients-text,
     .trial-text {
         text-align: center;
     }
     
 }
 
 @media (min-width: 768px) {
    /* .navbar-collapse {
         padding-right: 0;
     }*/
 }
 
 @media (max-width: 500px) {
     .header-img {
         max-width: 280px;
     }
     /*.header-app-icons .btn {
         padding: 15px;
     }
     .nav-pills>li {
         float: none;
     }*/
 }