/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
body {
  padding: 0px 60px;
  color: #000000;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 16px;
}
h1 {
  font-size: 60px;
  letter-spacing: -2px;
  line-height: 0.8;
}
h3 {
  color: #bfbfbf;
  font-size: 35px;
  letter-spacing: -2px;
  line-height: 0.7;
  padding: 0;
  margin: 0;
}
.capabilities {
  margin: 18px 0 25px 0;
}
.capabilities .item {
  -webkit-box-shadow: 1px 1px 0.4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 0.4px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 0.4px rgba(0, 0, 0, 0.25);
  font-family: Roboto, sans-serif;
  font-weight: 100;
  font-size: 20px;
  background-color: #89b7c9;
  padding: 14px 10px;
  margin: 10px 4px;
  border-radius: 2px;
  color: #1a1a1a;
}
.capabilities .item b {
  color: #000000;
  font-weight: 300;
}
.capabilities .item.tech {
  background-color: #a2bbc4;
}
.capabilities .item.web {
  background-color: #acc5cf;
}
.capabilities .item.database {
  background-color: #b6cfd9;
}
.capabilities .item.design {
  background-color: #c1d9e3;
}
.capabilities .item.telephony {
  background-color: #cfe2e9;
}
.capabilities .item.misc {
  background-color: #ddeaef;
}
p {
  font-family: Roboto, sans-serif;
  line-height: 1.5;
  font-weight: 300;
  font-size: 24px;
  color: #777777;
}
p em {
  font-style: normal;
  background: #ffff77;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(1, #fcfcc6));
  background: -ms-linear-gradient(bottom, #ffffff, #fcfcc6);
  background: -moz-linear-gradient(center bottom, #ffffff 0%, #fcfcc6 100%);
  background: -o-linear-gradient(#fcfcc6, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcc6', endColorstr='#ffffff', GradientType=0);
  color: #515151;
  padding-right: 4px;
  padding-left: 4px;
}
p a {
  color: #5e5e5e;
  font-weight: 700;
  text-decoration: none;
}
p a:hover {
  text-decoration: underline;
}
/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url('http://edge1v.tapmodo.com/tapmodo/css/roboto-thin.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url('http://edge1z.tapmodo.com/tapmodo/css/roboto-light.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url('http://edge1z.tapmodo.com/tapmodo/css/roboto-bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('http://edge1u.tapmodo.com/tapmodo/css/roboto-thin-italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('http://edge1v.tapmodo.com/tapmodo/css/roboto-light-italic.ttf') format('truetype');
}