@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
#cookie-banner { display: none; }
.clr { clear: both; }
.respnsvCat { display: none !important; }
.main--margin-bottom { background: #fff; margin-bottom: 0px; }
.peoplePerHour { 
  position: relative; 
  padding: 3rem 5vw 0rem; 
}
.peoplePerHour .categories {
  width: 25%;
  float: left;
  padding-top: 5.5rem;  
}
.peoplePerHour .categories a {
  display: block;
  color: #69728c;
  padding: .5rem 0rem;
  font-size: 14px;
  font-weight: 600;

  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  transition: .2s linear;
}
.peoplePerHour .categories a:hover { color: #000; }
.peoplePerHour .categories a.active { color: #000; }
.peoplePerHour .techServices {
  width: 75%;
  float: right;
}
.peoplePerHour .techServices .servicesTitle {
  text-align: center;
}
.peoplePerHour .techServices .servicesTitle h1 {
  font-size: 30px;
  color: #69728c;
  font-family: "Museo_Slab_300";
}
.peoplePerHour .techServices .servicesTitle a { 
  color: #ff7300; 
  padding-top: .8rem;
  font-size: 14px;
  text-decoration: underline;
}
.peoplePerHour .techServices .servicesTitle h1 strong { 
  font-weight: normal; 
  color: #000; 
}
.peoplePerHour .techServices .thumbs ul { padding-top: 2.5rem; }
.peoplePerHour .techServices .thumbs li {
  float: left;
  margin: 0rem 2.2rem 1.9rem 0rem;
  position: relative;
}
.peoplePerHour .techServices .thumbs li a {
  width: 306px;
  height: 240px;
  line-height: 235px;
  overflow: hidden;
  display: inline-block;
  background: #2E3347;

  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.peoplePerHour .techServices .thumbs li a img {
  vertical-align: middle;
  max-width: 100%;
  opacity: .7;

  -moz-transition: .2s ease-in-out;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
.peoplePerHour .techServices .thumbs li:hover a img {
  transform: scale(1.2);
}
.peoplePerHour .techServices .thumbs li label {
  position: absolute;
  bottom: -5rem;
  left: 1.5rem;
  font-size: 17px;
  font-weight: 600;
  color: #fff;
}
.peoplePerHour .techServices .servicesTiles li { padding: 0rem 1.1rem 0.9rem 0rem; }
.peoplePerHour .techServices .servicesTiles li a {
  width: 290px;
  height: 122px;
  line-height: 122px;
  text-align: center;  
  background: #FBCDBE;
}
.peoplePerHour .techServices .servicesTiles li:nth-child(2) a  { background: #FBE3C9; }
.peoplePerHour .techServices .servicesTiles li:nth-child(3) a  { background: #F6E5C0; }
.peoplePerHour .techServices .servicesTiles li:nth-child(4) a  { background: #FFD2D2; }
.peoplePerHour .techServices .servicesTiles li:nth-child(5) a  { background: #E5DAC9; }
.peoplePerHour .techServices .servicesTiles li:nth-child(6) a  { background: #CFE4EA; }
.peoplePerHour .techServices .servicesTiles li:nth-child(7) a  { background: #EACEC7; }
.peoplePerHour .techServices .servicesTiles li:nth-child(8) a  { background: #CAC4F0; }
.peoplePerHour .techServices .servicesTiles li:nth-child(9) a  { background: #BCECFB; }
.peoplePerHour .techServices .servicesTiles li:nth-child(10) a  { background: #EEE5D0; }
.peoplePerHour .techServices .servicesTiles li:nth-child(11) a { background: #96D6F6; }
.peoplePerHour .techServices .servicesTiles li:nth-child(12) a { background: #F5E4E0; }
.peoplePerHour .techServices .servicesTiles li label { 
    left: 0rem;
    width: 100%;
    text-align: center;
    top: 3rem; 
    color: #252837;
    font-size: 17px;
}

.peoplePerHour .techServices .otherServices { 
  text-align: center; 
  padding-bottom: 2rem; 
  padding-top: 1rem;
}
.peoplePerHour .techServices .otherServices li { padding-bottom: 4.5rem; }
.peoplePerHour .techServices .servicesTitle h2 {
  color: #69728c;
  font-size: 26px;
  font-family: "Museo_Slab_300";
}
.peoplePerHour .techServices .otherServices h2 strong { font-weight: normal; color: #000000; }
.peoplePerHour .techServices .otherServices p {
  font-size: 15px;
  line-height: 20px;
  color: #000;
  width: 70%;
  margin: 0px auto;
  padding-top: .4rem;
}

.peoplePerHour .techServices .otherServices h3 {
  color: #69728c;
  font-size: 22px;
  font-family: "Museo_Slab_300";
}
.peoplePerHour .techServices .otherServices h3 strong { font-weight: normal; color: #000000; }


.peoplePerHour .techServices .otherServices .languages { padding: 1rem 0rem 0rem; }
.peoplePerHour .techServices .otherServices .languages a {
  color: #69728c;
  border: 1px solid #dbdbdd;
  padding: .25em .8rem;
  margin: 1rem .5rem;
  display: inline-block;

    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
  border-radius: 45px;
  font-size: 13px;
}
.peoplePerHour .techServices .otherServices .viewAll {
  color: #ff7300;
  margin-top: 1.6rem;
  text-decoration: underline;
  display: block;
  font-size: 14px;
}
.footer⤍Footer⤚Bqu8w {
  background-color: #18202b;
}
.footer__social-media⤍Footer⤚2lQWy {
  right: unset;
  top: unset;
  position: relative;
  ul {
    text-align: left;
  }
}
.footer__social-media⤍Footer⤚2lQWy a i {
  font-size: 23px;
  margin-top: 15px;
  margin-right: 20px;
}
.footer__social-media⤍Footer⤚2lQWy a i:before { font-family: "FontAwesome"; }


@media only screen and (max-width: 1024px) {
  .peoplePerHour .techServices .servicesTitle h1 { font-size: 28px; }
  .peoplePerHour .techServices .thumbs li { margin: 0rem 1.5rem 1.5rem 0rem;; }
  .peoplePerHour .techServices .thumbs li a { 
    width: 292px; 
    height: 230px; 
    line-height: 225px; 
  }
}


@media only screen and (max-width: 768px) {
  .peoplePerHour .categories {
     padding: 0rem;
     float: none;
     width: 40%;
     /* height: 100%; */
     position: fixed;
     top: 102px;
     left: 0px;
     background: #fff;
     z-index: 1;
     
    -moz-transform: translate3d(-110%, 0px, 0px);
    -webkit-transform: translate3d(-110%, 0px, 0px);
    transform: translate3d(-110%, 0px, 0px);
    
    -moz-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }  
  .peoplePerHour .active {
    -moz-transform: translate3d(0%, 0px, 0px);
    -webkit-transform: translate3d(0%, 0px, 0px);
    transform: translate3d(0%, 0px, 0px);
  }
  .respnsvCat { 
    display: block !important;  
    color: #ff7300;
    background: #fff;
    position: fixed;
    top: 3.7rem;
    left: -0.1rem;
    z-index: 999;
    text-align: center;
    font-size: 15px !important;
    padding: .6rem 1.7rem .6rem .7rem;
    border: 1px solid #ff7300;
    border-radius: 0px 40px 40px 0px;
    font-weight: 500;

    -moz-box-shadow: 0px 2px 4px 0px rgba(42, 24, 9, 0.3);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(42, 24, 9, 0.3);
    box-shadow: 0px 2px 4px 0px rgba(42, 24, 9, 0.3);
  }
  .respnsvCat:after {
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 21px;
    position: absolute;
    top: 9px;
    right: 12px;
    line-height: initial;
  }
  .peoplePerHour .categories .categoryHolder { 
    padding-left: 1rem; 
    padding-top: 1rem; 
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .5);
  }
  .peoplePerHour .techServices .thumbs { text-align: center; }
  .peoplePerHour .techServices .thumbs li { display: inline-block; float: none; }
  .peoplePerHour .techServices { width: 100%; }
  footer .footerInner {
    width: 100%;
    padding: 0rem 2rem;
  }
  .footerInner .footer__logo {
    padding-bottom: 1rem;
    border-bottom: 1px solid #4b4b4b;
    margin-bottom: 1rem;
  }
  .footerInner .footer__logo,
  .footerInner .quickLinks,
  .footerInner .socialMedia { width: 100%; float: none; position: static; }
  .footerInner .socialMedia li { float: left; }
  .footerInner .socialMedia a i { text-align: left; }
}

@media only screen and (max-width: 767px) {
  .peoplePerHour .techServices .servicesTiles li { padding-right: 0rem; }
  .footerInner .quickLinks .footer__nav-group⤍Footer⤚hXPWu { float: none; width: auto; }
  .footer__copyrights⤍Footer⤚EWOLF {  }
}