html, body,p,div,span,b,strong,h3,h4,h5 {
   font-family: 'Lato', sans-serif;
  }
  html, body,p,div,span,b,strong {
  	font-size:16px;
  }

  h1,h2,h3,h4,h5,strong,b {
  	color: rgb(64, 64, 64);
  }
  h1.text-inverted,h2.text-inverted,h3.text-inverted,h4.text-inverted,h5.text-inverted,strong.text-inverted,b.text-inverted {
  	color: #fff;
  }
  p,ol,ul,li,small, i {
  	color:rgb(98, 98, 98);
  }

  p.text-inverted,ol.text-inverted,ul.text-inverted,li.text-inverted,small.text-inverted {
  	color:#fff;
  }
  .dm-t {	
   margin-top:60px;
   }
   .m-t {
   	margin-top: 30px;
   }
   .dm-b {	
   margin-bottom:60px;
   }
   .m-b {
   	margin-bottom: 30px;
   }

   .text-light {
    font-weight: 300;
   }
   .font-lato {
      font-family: 'Lato', sans-serif;
   }

  /*
    standard navbar fixted top
   */
  .navbar {
	background-color: #FFF;
	border-color: #FFF;
	-webkit-box-shadow: 0 0 16px 0 rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 0 0 16px 0 rgba(50, 50, 50, 0.3);
	box-shadow: 0 0 16px 0 rgba(50, 50, 50, 0.3);

	}

  /*
    inversed navbar, non-fixed, inline.
   */
  .navbar.navbar-inverse {
    margin-bottom: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #285e8c;
    border:none;
    border-radius: 0;
  }

  .navbar-inverse .navbar-nav > li > a {
    color: #fff;
  }
  .navbar-inverse .navbar-nav > li > a:hover {
    color: #000;
  }
  .navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
  }
  /* force no gap to page content, overides from fixed bar */
  .navbar-inverse + .wrapper {
    padding-top: 0;
  }


   .crp-ft {
   	padding-bottom: 0;
   }
   .crp-ft:hover {
   	padding-bottom: 0;
   }

   .crp-showcase {
    position:relative;
    background-size: cover;
    background-repeat: no-repeat;
   }

   .crp-showcase a.alt-index:hover > img {
    bottom: -260px;
   }

   .browser-shadow {
    box-shadow: -40px 40px 160px 0 rgba(0, 0, 0, 0.2), -8px 8px 15px 0 rgba(120, 120, 120, 0.1), 3px 3px 30px 0 rgba(0, 0, 0, 0.1) !important;
   }
   .mask-grad-left {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.52), rgba(8, 8, 8, 0));
   }
   .crp-showcase-right {
   	    width: 100%;
	    margin-top: -30px;
	    margin-bottom: 100px;
	    padding-top: 25px;
	    padding-bottom: 240px;
	    background: #285e8c;
	    background-size: cover;
	    color: #FFF;
	    border: none;
	    overflow: hidden;
   }
   .crp-showcase-right h1, .crp-showcase-sm h1 {
	    font-family: 'Oswald', sans-serif;
	    font-size: 44px;
	    line-height: 1.5em;
	    margin-top:0;
	}
	.crp-showcase-right h5, .crp-showcase-sm h5 {
	    font-weight: 600;
	    font-size: 18px;
	    margin:0;	

	}

	.crp-showcase-right img {
    	position: absolute;
    	margin-top: 50px;
    	width:auto;
    	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    	border-radius: 12px;
	}
	.crp-showcase-solution {
		margin-top:100px;
	}

  .crp-showcase-sm {
      width: 100%;
      margin-top: -30px;
      padding-top: 50px;
      padding-bottom: 300px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      border: none;
      overflow: hidden;
      position: relative;
   }

  .browser {
      margin-top: -225px;
      margin-bottom:100px;
   }


  .box-shadow-bottom-sm {
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.07);
  }

  .section-fade-f9 {
    background: #f9f9f9;
    background: -webkit-linear-gradient(top, #e5e5e5, #fff);
  }

  .border-b {
   	border-bottom: 1px solid #ddd;
   }

   	.cta .btn {
   		font-size: 18px;
    	padding: 20px 40px;
    	box-shadow: 0 0 5px rgba(0,0,0,0.3);
   	}

   	.col-2-description h5 {
   		font-size: 20px;
   		font-weight: 600;
   		font-color: #333;
   		text-transform: uppercase;
   	}
   	.col-2-description p, .col-2-description ul { 

   		line-height: 1.7;
   		font-size: 18px;
   		font-weight: 300;
   		margin-top: 1em;

   	}