@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700);
.btn {
  display: inline-block;
  padding-left: 20px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  margin: 5px;
  text-align: center;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, 'Roboto', sans-serif;
  font-size: 16px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 300;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.btn-round {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px; }

.btn-raised {
  border-bottom: 4px solid rgba(0, 0, 0, 0.2); }

.btn-sm {
  padding-left: 10px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  font-size: 14px;
  font-weight: 500; }

.btn-expand {
  padding-left: 20px;
  padding-right: 20px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  .btn-expand:hover {
    padding-left: 30px;
    padding-right: 30px; }

.btn-shrink {
  padding-left: 20px;
  padding-right: 20px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  .btn-shrink:hover {
    padding-left: 10px;
    padding-right: 10px; }

.btn-lg {
  padding-left: 25px;
  padding-top: 15px;
  padding-right: 25px;
  padding-bottom: 15px;
  font-size: 18px; }

/* COLORS */
.btn-blue, .inverse-outline-blue {
  background-color: #3498db;
  color: #ecf0f1; }
  .btn-blue:hover, .inverse-outline-blue:hover {
    background-color: #258cd1;
    color: #ecf0f1; }

.btn-red, .inverse-outline-red {
  background-color: #e74c3c;
  color: #ecf0f1; }
  .btn-red:hover, .inverse-outline-red:hover {
    background-color: #e43725;
    color: #ecf0f1; }

.btn-green, .inverse-outline-green {
  background-color: #2ecc71;
  color: #ecf0f1; }
  .btn-green:hover, .inverse-outline-green:hover {
    background-color: #29b765;
    color: #ecf0f1; }

.btn-navy, .inverse-outline-navy {
  background-color: #34495e;
  color: #ecf0f1; }
  .btn-navy:hover, .inverse-outline-navy:hover {
    background-color: #2b3c4e;
    color: #ecf0f1; }

.btn-yellow, .inverse-outline-yellow {
  background-color: #f1c40f;
  color: #ecf0f1; }
  .btn-yellow:hover, .inverse-outline-yellow:hover {
    background-color: #dab10d;
    color: #ecf0f1; }

.btn-orange, .inverse-outline-orange {
  background-color: #e67e22;
  color: #ecf0f1; }
  .btn-orange:hover, .inverse-outline-orange:hover {
    background-color: #d67118;
    color: #ecf0f1; }

.btn-sea, .inverse-outline-sea {
  background-color: #1abc9c;
  color: #ecf0f1; }
  .btn-sea:hover, .inverse-outline-sea:hover {
    background-color: #17a689;
    color: #ecf0f1; }

.btn-purple, .inverse-outline-purple {
  background-color: #9b59b6;
  color: #ecf0f1; }
  .btn-purple:hover, .inverse-outline-purple:hover {
    background-color: #8f4bab;
    color: #ecf0f1; }

.btn-cloud {
  background-color: #ecf0f1;
  color: #282828; }
  .btn-cloud:hover {
    background-color: #dde4e6;
    color: #282828; }

.btn-grey, .inverse-outline-grey {
  background-color: #95a5a6;
  color: #ecf0f1; }
  .btn-grey:hover, .inverse-outline-grey:hover {
    background-color: #798d8f;
    color: #ecf0f1; }

.btn-black, .inverse-outline-black {
  background-color: #282828;
  color: #ecf0f1;
  color: #ecf0f1; }
  .btn-black:hover, .inverse-outline-black:hover {
    background-color: #1b1b1b;
    color: #ecf0f1; }

/* OUTLINED BUTTONS */
.outline-blue {
  border: 2px solid #3498db;
  color: #3498db;
  font-weight: 700; }
  .outline-blue:hover {
    background-color: #3498db;
    color: #ecf0f1; }

.outline-red {
  border: 2px solid #e74c3c;
  color: #e74c3c;
  font-weight: 700; }
  .outline-red:hover {
    background-color: #e74c3c;
    color: #ecf0f1; }

.outline-green {
  border: 2px solid #2ecc71;
  color: #2ecc71;
  font-weight: 700; }
  .outline-green:hover {
    background-color: #2ecc71;
    color: #ecf0f1; }

.outline-navy {
  border: 2px solid #34495e;
  color: #34495e;
  font-weight: 700; }
  .outline-navy:hover {
    background-color: #34495e;
    color: #ecf0f1; }

.outline-sea {
  border: 2px solid #1abc9c;
  color: #1abc9c;
  font-weight: 700; }
  .outline-sea:hover {
    background-color: #1abc9c;
    color: #ecf0f1; }

.outline-purple {
  border: 2px solid #9b59b6;
  color: #9b59b6;
  font-weight: 700; }
  .outline-purple:hover {
    background-color: #9b59b6;
    color: #ecf0f1; }

.outline-black {
  border: 2px solid #282828;
  color: #282828;
  font-weight: 700; }
  .outline-black:hover {
    background-color: #282828;
    color: #ecf0f1; }

.outline-yellow {
  border: 2px solid #f1c40f;
  color: #f1c40f;
  font-weight: 700; }
  .outline-yellow:hover {
    background-color: #f1c40f;
    color: #ecf0f1; }

.outline-orange {
  border: 2px solid #e67e22;
  color: #e67e22;
  font-weight: 700; }
  .outline-orange:hover {
    background-color: #e67e22;
    color: #ecf0f1; }

.outline-grey {
  border: 2px solid #95a5a6;
  color: #95a5a6;
  font-weight: 700; }
  .outline-grey:hover {
    background-color: #95a5a6;
    color: #ecf0f1; }

.outline-black {
  border: 2px solid #282828;
  color: #282828;
  font-weight: 700; }
  .outline-black:hover {
    background-color: #282828;
    color: #ecf0f1; }

/* INVERSE OUTLINED BUTTONS */
.inverse-outline-blue {
  border: 2px solid transparent; }
  .inverse-outline-blue:hover {
    border: 2px solid #3498db;
    color: #3498db;
    background-color: transparent; }

.inverse-outline-red {
  border: 2px solid transparent; }
  .inverse-outline-red:hover {
    border: 2px solid #e74c3c;
    color: #e74c3c;
    background-color: transparent; }

.inverse-outline-green {
  border: 2px solid transparent; }
  .inverse-outline-green:hover {
    border: 2px solid #2ecc71;
    color: #2ecc71;
    background-color: transparent; }

.inverse-outline-sea {
  border: 2px solid transparent; }
  .inverse-outline-sea:hover {
    border: 2px solid #1abc9c;
    color: #1abc9c;
    background-color: transparent; }

.inverse-outline-yellow {
  border: 2px solid transparent; }
  .inverse-outline-yellow:hover {
    border: 2px solid #f1c40f;
    color: #f1c40f;
    background-color: transparent; }

.inverse-outline-orange {
  border: 2px solid transparent; }
  .inverse-outline-orange:hover {
    border: 2px solid #e67e22;
    color: #e67e22;
    background-color: transparent; }

.inverse-outline-navy {
  border: 2px solid transparent; }
  .inverse-outline-navy:hover {
    border: 2px solid #34495e;
    color: #34495e;
    background-color: transparent; }

.inverse-outline-black {
  border: 2px solid transparent; }
  .inverse-outline-black:hover {
    border: 2px solid #282828;
    color: #282828;
    background-color: transparent; }

.inverse-outline-purple {
  border: 2px solid transparent; }
  .inverse-outline-purple:hover {
    border: 2px solid #9b59b6;
    color: #9b59b6;
    background-color: transparent; }

.inverse-outline-grey {
  border: 2px solid transparent; }
  .inverse-outline-grey:hover {
    border: 2px solid #95a5a6;
    color: #95a5a6;
    background-color: transparent; }

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