body, html {
  background: #525252;
  overflow-x: hidden; }

/*Navbar*/
.navbar.navbar-fixed-top .navbar-header .navbar-brand {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 30px; }
  .navbar.navbar-fixed-top .navbar-header .navbar-brand img {
    width: 100px; }
.navbar.navbar-fixed-top .navbar-collapse {
  padding-right: 30px; }
  .navbar.navbar-fixed-top .navbar-collapse ul li {
    padding-top: 7px; }
    .navbar.navbar-fixed-top .navbar-collapse ul li a {
      padding-top: 7px;
      padding-bottom: 7px;
      display: inline-block;
      font-family: Roboto, sans-serif;
      transition: all 0.3s linear;
      border-radius: 20px;
      margin-left: 20px; }
      .navbar.navbar-fixed-top .navbar-collapse ul li a:hover {
        color: #f6f6f5;
        background: #00a2e0; }

/*#End Navbar*/
/*Top Slider*/
.topBackgroundAndSlider {
  background: #f6f6f5; }
  .topBackgroundAndSlider #layerslider .ls-slide #companyLogo {
    max-width: 500px !important;
    height: 200px !important; }
    @media screen and (max-width: 767px) {
      .topBackgroundAndSlider #layerslider .ls-slide #companyLogo {
        max-width: 250px !important;
        height: 100px !important; } }
  .topBackgroundAndSlider #layerslider .ls-slide #laptop {
    max-width: 200px !important; }
    @media screen and (max-width: 767px) {
      .topBackgroundAndSlider #layerslider .ls-slide #laptop {
        max-width: 50px !important; } }
  .topBackgroundAndSlider #layerslider .ls-slide #lanCable {
    max-width: 100px !important; }
    @media screen and (max-width: 767px) {
      .topBackgroundAndSlider #layerslider .ls-slide #lanCable {
        max-width: 50px !important; } }
  .topBackgroundAndSlider #layerslider .ls-slide #call_center {
    max-width: 100px !important; }
    @media screen and (max-width: 767px) {
      .topBackgroundAndSlider #layerslider .ls-slide #call_center {
        max-width: 80px !important; } }
  .topBackgroundAndSlider #layerslider .ls-slide #welcome {
    max-width: 100px !important; }
    @media screen and (max-width: 767px) {
      .topBackgroundAndSlider #layerslider .ls-slide #welcome {
        max-width: 50px !important;
        display: none; } }

/*#End Top Slider*/
/*Our Services*/
.ourServices {
  text-align: center;
  background: #f6f6f5;
  padding-left: 0;
  padding-right: 0; }
  .ourServices .parallax-window {
    background-image: url("/images/default/background.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 250px; }
    .ourServices .parallax-window h1 {
      position: relative;
      top: 25%;
      line-height: 100px;
      font-family: "Calibri", sans-serif;
      font-weight: normal;
      color: #f6f6f5; }
      .ourServices .parallax-window h1 span {
        font-weight: 700;
        color: #00a2e0; }
  .ourServices .main {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 40px;
    margin-top: 40px; }
    .ourServices .main .parallax-background {
      background-image: url("/images/default/ourServices/background.jpg");
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      padding-top: 40px;
      padding-bottom: 40px; }
    .ourServices .main .row {
      margin-top: 20px;
      margin-bottom: 20px; }
    .ourServices .main .middleRow {
      height: 10px;
      background: #525252; }
    .ourServices .main .col-md-4 {
      margin-top: 30px;
      margin-bottom: 30px;
      padding: 0px 50px;
      cursor: pointer;
      transition: all 0.3s linear; }
      .ourServices .main .col-md-4:hover .imageBox {
        background: #525252; }
      .ourServices .main .col-md-4:hover .imageBox img {
        transform: scale(1.1, 1.1); }
      .ourServices .main .col-md-4:hover .textBox a {
        color: #f6f6f5;
        background: #525252; }
      .ourServices .main .col-md-4:hover .textWrapper {
        transform: translateY(-10px);
        box-shadow: 0 0 20px; }
    .ourServices .main .col-md-3 {
      margin-top: 30px;
      margin-bottom: 30px;
      cursor: pointer;
      transition: all 0.3s linear; }
    .ourServices .main #middle .imageBox {
      background: #525252;
      transition: all 0.1s linear; }
    .ourServices .main #middle .textBox a {
      border-color: #525252; }
    .ourServices .main .imageBox {
      padding: 5px;
      margin-bottom: 30px;
      background: #00a2e0;
      box-sizing: border-box;
      transition: all 0.1s linear;
      box-shadow: 0 0 15px;
      overflow: hidden; }
      .ourServices .main .imageBox img {
        display: inline-block;
        width: 100%;
        transition: all 0.5s linear;
        cursor: pointer; }
    .ourServices .main .textWrapper {
      transition: all 0.3s linear;
      box-shadow: 0 0 10px; }
      .ourServices .main .textWrapper .textBox a {
        font-family: Roboto, sans-serif;
        color: white;
        border: 2px solid #525252;
        background: #525252;
        font-size: 20px;
        text-decoration: none;
        font-weight: bold;
        cursor: pointer;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        transition: all 0.3s linear; }
      .ourServices .main .textWrapper .textPart {
        background: white;
        font-size: 16px;
        min-height: 300px;
        border-bottom: 2px solid #525252;
        border-left: 2px solid #525252;
        border-right: 2px solid #525252;
        box-sizing: border-box;
        padding: 5px; }
        .ourServices .main .textWrapper .textPart hr {
          padding: 0;
          margin: 10px; }
        .ourServices .main .textWrapper .textPart ul {
          padding: 0;
          margin-left: 10px; }
          .ourServices .main .textWrapper .textPart ul li {
            box-sizing: border-box;
            font-family: "Calibri", sans-serif;
            list-style: none;
            text-align: left; }
            .ourServices .main .textWrapper .textPart ul li i {
              color: #00a2e0; }
            .ourServices .main .textWrapper .textPart ul li span {
              margin-left: 5px; }

/*#End Our Services*/
/*About Us*/
.aboutUs {
  text-align: center;
  background: #f6f6f5;
  padding-left: 0;
  padding-right: 0; }
  .aboutUs .parallax-window {
    background-image: url("../images/default/aboutUs.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 250px; }
    .aboutUs .parallax-window h1 {
      position: relative;
      top: 25%;
      line-height: 100px;
      font-family: "Calibri", sans-serif;
      font-weight: normal;
      color: #f6f6f5; }
      .aboutUs .parallax-window h1 span {
        font-weight: 700;
        color: #00a2e0; }
  .aboutUs .main {
    padding-top: 40px;
    padding-bottom: 40px; }
    .aboutUs .main .textPart {
      padding-top: 100px;
      padding-bottom: 100px; }
    .aboutUs .main .logoPart img {
      width: 80%; }

/*#End About Us*/
/*Our Solutions*/
.ourSolutions {
  text-align: center;
  background: #f6f6f5;
  padding-left: 0;
  padding-right: 0; }
  .ourSolutions .parallax-window {
    background-image: url("../images/default/solutions.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 250px; }
    .ourSolutions .parallax-window h1 {
      position: relative;
      top: 25%;
      line-height: 100px;
      font-family: "Calibri", sans-serif;
      font-weight: normal;
      color: #f6f6f5; }
      .ourSolutions .parallax-window h1 span {
        font-weight: 700;
        color: #00a2e0; }
  .ourSolutions .main {
    padding-top: 40px;
    padding-bottom: 40px; }
    .ourSolutions .main .row {
      margin-top: 80px;
      margin-bottom: 80px; }
    .ourSolutions .main .textPart {
      font-family: "Calibri", sans-serif; }
      .ourSolutions .main .textPart span {
        color: #00a2e0;
        font-weight: bold; }
      .ourSolutions .main .textPart ul {
        padding: 0;
        padding-top: 10%; }
        .ourSolutions .main .textPart ul li {
          list-style: none;
          font-size: 20px; }

/*#End Our Solutions*/
/*Our Partners*/
.ourPartners {
  text-align: center;
  background: #f6f6f5;
  padding-left: 0;
  padding-right: 0; }
  .ourPartners .parallax-window {
    background-image: url("../images/default/signature.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 250px; }
    .ourPartners .parallax-window h1 {
      position: relative;
      top: 25%;
      line-height: 100px;
      font-family: "Calibri", sans-serif;
      font-weight: normal;
      color: #f6f6f5; }
      .ourPartners .parallax-window h1 span {
        font-weight: 700;
        color: #00a2e0; }
  .ourPartners .main {
    padding-top: 80px;
    padding-bottom: 80px; }

/*#End Our Partners*/
/*Contact Us*/
.contactUs {
  text-align: center;
  background: #f6f6f5;
  padding-left: 0;
  padding-right: 0; }
  .contactUs .parallax-window {
    background-image: url("../images/default/contactUs/contactUs.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 250px; }
    .contactUs .parallax-window h1 {
      position: relative;
      top: 25%;
      line-height: 100px;
      font-family: "Calibri", sans-serif;
      font-weight: normal;
      color: #f6f6f5; }
      .contactUs .parallax-window h1 span {
        font-weight: 700;
        color: #00a2e0; }
  .contactUs .main {
    padding-top: 40px;
    padding-bottom: 40px; }
    .contactUs .main .mapPart {
      margin-top: 20px;
      margin-bottom: 20px;
      border: 1px solid #525252;
      padding-left: 0;
      padding-right: 0; }
    .contactUs .main .textPart {
      margin-top: 20px;
      margin-bottom: 20px; }
      .contactUs .main .textPart span {
        color: #00a2e0;
        font-weight: 600; }
      .contactUs .main .textPart h3 {
        font-family: "Calibri", sans-serif; }
      .contactUs .main .textPart .adress {
        text-align: left;
        margin-top: 60px;
        font-size: 20px; }
        .contactUs .main .textPart .adress ul {
          padding: 0; }
          .contactUs .main .textPart .adress ul li {
            margin-top: 20px;
            margin-bottom: 20px;
            list-style: none; }
            .contactUs .main .textPart .adress ul li i {
              color: #525252;
              margin-right: 20px;
              display: inline-block;
              font-size: 30px; }
            .contactUs .main .textPart .adress ul li a {
              display: inline-block;
              color: #525252;
              text-decoration: none; }
            .contactUs .main .textPart .adress ul li span {
              margin-right: 5px; }
            .contactUs .main .textPart .adress ul li .fa-mobile {
              font-size: 40px;
              margin-right: 26px; }

/*#End Contact Us*/
/*Follow us*/
.followUs {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  background-image: url("../images/default/socialMedia/social-media.jpg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 180px; }
  .followUs h3 {
    font-family: "Calibri", sans-serif;
    color: #f6f6f5;
    font-size: 30px; }
  .followUs span {
    color: #00a2e0;
    font-weight: 600; }
  .followUs ul {
    padding: 0; }
    .followUs ul li {
      cursor: pointer;
      display: inline-block;
      background: #00a2e0;
      transition: all 0.3s linear; }
      .followUs ul li a {
        height: 40px;
        width: 40px;
        padding-top: 10px;
        text-decoration: none;
        color: #f6f6f5;
        display: inline-block;
        transition: all 0.3s linear; }
      .followUs ul li:hover {
        background: #f6f6f5; }
      .followUs ul li:hover a {
        color: #00a2e0; }

/*#End Follow us*/
/*Copyright*/
.copyRight {
  text-align: center;
  background: #f6f6f5;
  padding-top: 15px;
  padding-bottom: 15px; }
  .copyRight h5 {
    font-family: "Calibri", sans-serif;
    color: #525252; }
  .copyRight span {
    color: #00a2e0;
    font-weight: 600; }

/*Copyright*/

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