/*
 * stuff to be moved into SASS
*/
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.page-contact label {
  display: block;
}

.page-contact .form-item {
  float: left;
  margin-top: 0px;
}

.container-fluid {
  padding: 0px;
}

.header-logo {
  position: relative;
  left: -10px;
  background-color: #ee3124;
  background-image: url("../img/microstrain-logo.png");
  background-position: 20% center;
  background-repeat: no-repeat;
  height: 60px;
  width: 230px;
  z-index: 10;
}

.header-logo:before {
  content: "";
  display: block;
  position: absolute;
  left: -200%;
  top: 0;
  height: 100%;
  width: 200%;
  background-color: #ee3124;
}

.header-logo:after {
  content: "";
  display: block;
  position: absolute;
  right: -21px;
  top: 0;
  height: 100%;
  background-color: #ee3124;
  width: 43px;
  -webkit-transform: skew(-35deg);
  -moz-transform: skew(-35deg);
  -ms-transform: skew(-35deg);
  -o-transform: skew(-35deg);
  transform: skew(-35deg);
}

.loginbar {
  display: none;
}

.title-v1-lg {
  font-weight: bold;
  font-size: 30px;
}

.front .item-title {
  float: left;
  bottom: 0px;
  color: #fff;
  background-color: grey;
  width: 100%;
  z-index: 100000;
  font-size: 14px;
}

.applicationsBlue .item {
  float: left;
  overflow: hidden;
  width: 222px;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
}

.thumbnail {
  border: none;
}

.product-family .one-page-inner {
  padding: 0;
  min-height: 300px;
}

.product-family .one-page-btn {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 200;
  padding-left: 30px;
  padding-right: 30px;
}

.product-family .container {
  margin: 0 auto;
}

.product-family .one-default {
  background: #fff;
}

.one-grey {
  background: #3e3e3e;
  color: #fff;
}

.one-grey p, .one-grey h2, .one-grey h3 {
  color: #fff;
}

.one-blue {
  background: #4296b4;
  color: #fff;
}

.one-red {
  background: #ee3124;
}

.one-orange {
  background: #d57e00;
}

.one-green {
  background: #799900;
}

.one-green h2 {
  color: #fff;
}

.one-yellow {
  background: yellow;
}

.product-family .wireless-illustration a, .one-green p, .one-blue p, .one-red p, .one-orange p {
  color: #fff;
}

.product-family .one-green h2, .one-blue h2, .one-red h2, .one-orange h2 {
  color: #fff;
}

.product-family .one-green h3, .one-blue h3, .one-red h3, .one-orange h3 {
  color: #fff;
}

.product-family h2 {
  font-size: 55px;
  line-height: 54px;
}

.product-family .shop-subscribe h2 {
  font-size: 24px;
  line-height: 33px;
}

.product-family h3 {
  font-size: 28px;
}

.product-family .btn-u.btn-u-blue {
  background: #4296b4 none repeat scroll 0% 0%;
}

.product-family .btn-u.btn-u-green {
  background: #799900 none repeat scroll 0% 0%;
}

.product-family .btn-u.btn-u-orange {
  background: #d57e00 none repeat scroll 0% 0%;
}

.product-family .btn-u.btn-u-red {
  background: #ee3124 none repeat scroll 0% 0%;
}

.product-family .btn-u {
  margin-right: 10px;
}

.product-family .one-page-inner img {
  margin: auto;
}

.content-sm {
  padding-top: 40px;
  padding-bottom: 20px;
}

.applicationsBlue {
  padding: 60px;
  text-align: center;
  background: transparent url("/sites/all/themes/basic/assets/img/grid-bg.png") repeat scroll 0% 0%;
}

.applicationsBlue p {
  color: #555;
  font-size: 34px;
  text-transform: uppercase;
  font-family: "Open Sans", Arial, sans-serif;
}

.btn-buy {
  margin-right: 20px;
}

.btn-buy a:focus,
.btn-buy a:hover,
.btn-buy a:active {
  color: #FFF !important;
}

.form-radios .form-item {
    margin-right: 1em;
}

.product-list-panel {
  float: right;
  margin: 10px;
  font-size: 13px;
}

@media (min-width: 900px) {

  .map-img {
    height:200px;
  }

  .application-media-type {
    width: 220px;
  }

  .shop-product-title {
    color: #687074;
    font-size: 26px;
    text-transform: uppercase;
  }

  .loginbar {
    display: block;
  }

  .owl-item {
    overflow: hidden;
    margin-right: 10px;
  }

  .title-v1-lg {
    font-weight: bold;
    font-size: 50px;
  }

  .homepage-container1 {
    background: transparent url("/sites/all/themes/basic/assets/img/grid-bg.png") repeat scroll 0% 0%;
    padding: 0px;
  }

  .homepage-container2 .btn-u.btn-brd.btn-u-light {
    width: 360px;
    font-size: 22px;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.7); 
    color: #1f6c88;
  }

  .owl-item img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
  }

  .owl-item:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    cursor: move;
  }

  .btn-u-light {
    width: 80%;
    margin-bottom: 10px;
  }

  .owl-clients-v1 img {
    width: 180px;
    height: auto;
  }

  .heading-v1 h2::before, .heading-v1 h2::after {
    top: 15px;
    height: 6px;
    border-top-style: solid;
    border-bottom-style: solid;
    color: grey;
  }

  .owl-item img:hover .item-title {
    color: grey;
    background-color: #fff;
  }

  .parallaxBg1 .btn-u {
    border: 3px solid #fff;
    font-size: 16px;
  }

  .parallaxBg1 .btn-u:hover {
    border: 3px solid #fff;
    font-size: 16px;
    background-color: #fff;
  }

  .bg-image-v2 {
    width: 100%;
    height: auto;
    padding: 50px 0;
    position: relative;
    background: url(../img/bg/7.jpg) fixed 50% 50%;
  }

  .bg-image-v2:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
  }

  /*Background Dark Cover*/
  .bg-image-v2-dark:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
  }

  .btn-u.btn-brd.btn-u-light {
    width: 100%;
  }
}

@media (max-width: 550px) {
  .wireless-illustration, .product-family .one-page-inner img {
    display: none;
  }

  .product-family .row {
    padding: 20px;
  }

  .product-family .container {
    padding: 0px;
  }

  .product-family h2 {
    font-size: 42px;
  }

  .product-family h3 {
    font-size: 18px;
  }

  .applicationsBlue .item, .applicationsBlue .item img {
    width: 100%;
  }

  .front .item-title {
    font-size: 20px;
  }

  .applicationsBlue {
    padding:0px;
  }

  .btn-u.btn-brd.btn-u-light {
    width: 100%;
  }

  #main .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}