body {
  font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
  background: url("../img/background.png"); }

#particles-js {
  width: 100%;
  height: 100%;
  background: url("../img/background.png");
  background-repeat: repeat;
  margin-bottom: -100%;
  z-index: -1; }
  #particles-js canvas {
    opacity: .5; }

.body {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  display: block; }

.logo {
  padding: 10px 0;
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  padding-bottom: 0; }
  .logo h3 {
    position: absolute;
    font-size: 18px;
    color: #fff;
    left: 50%;
    width: 200px;
    text-align: right;
    margin-left: -100px;
    bottom: 30px;
    text-shadow: 0 1px 0 #000; }

.brands {
  background-color: rgba(52, 52, 52, 0.7);
  height: 120px;
  width: 100%;
  float: left; }
  .brands ul {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    float: left;
    list-style: none; }
    .brands ul li {
      padding: 30px 20px;
      display: inline-block;
      height: 124.4px; }

.button {
  display: inline-block;
  font-family: "Montserrat", "Trebuchet MS", Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  position: relative;
  padding: 1.3em 1.4em;
  margin-top: 2px;
  padding-right: 4.7em;
  background: #009ED8;
  border: none;
  color: white;
  transition: .2s; }

.button:before,
.button:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding-top: inherit;
  padding-bottom: inherit;
  width: 2.8em;
  content: "\00a0";
  font-family: 'FontAwesome', sans-serif;
  font-size: 1.2em;
  text-align: center;
  transition: .2s;
  transform-origin: 50% 60%; }

.button:before {
  background: rgba(0, 0, 0, 0.1); }

.button:hover {
  background: #0079a5; }

.button:active,
.button:focus {
  background: #002e3f;
  outline: none; }

.button {
  min-width: 15em; }

.arrow {
  background: #FE5F55; }

.arrow:hover {
  background: #fe2f22; }

.arrow:active,
.arrow:focus {
  background: #b90c01; }

.arrow:after {
  content: "\F054"; }

.arrow:hover:after {
  -webkit-animation: bounceright .3s alternate ease infinite;
  animation: bounceright .3s alternate ease infinite; }

.phone {
  background: #139675; }

.phone:hover {
  background: #0d6952; }

.phone:active,
.phone:focus {
  background: #083b2e; }

.phone:after {
  content: "\F095"; }

.phone:hover:after {
  -webkit-animation: wiggle .05s alternate ease infinite;
  animation: wiggle .05s alternate ease infinite; }

.email {
  background: #026a70;
  color: #e6d93f; }

.email:hover {
  background: #0d4043;
  -webkit-box-shadow: 0px 0px 0px 1px #FFF;
  -moz-box-shadow: 0px 0px 0px 1px #FFF;
  box-shadow: 0px 0px 0px 1px #FFF; }

.email:active,
.email:focus {
  background: #0d4043; }

.email:after {
  content: "\F0E0"; }

.email:hover:after {
  -webkit-animation: none;
  -webkit-transform: skew(-20deg);
  animation: none;
  transform: skew(-20deg);
  text-indent: .1em; }

.search:after {
  content: "\f002"; }

.search:hover:after {
  -webkit-animation: none;
  -webkit-transform: scale(1.4);
  animation: none;
  transform: scale(1.4); }

@-webkit-keyframes bounceright {
  from {
    -webkit-transform: translateX(0); }
  to {
    -webkit-transform: translateX(3px); } }
@-webkit-keyframes wiggle {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(30deg); } }
@keyframes bounceright {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(3px); } }
@keyframes wiggle {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(30deg); } }

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