@charset "UTF-8";
.header {
  position: fixed;
  /*top: -3px;*/
  left: 0;
  width: 100%;
  z-index: 1000;
  /*background-color: unset !important;*/
}

footer {
  padding: 80px 0 0 0;
  padding: 0px;
  margin-top: 60px;
}

#burger-menu a.active {
  color: #007F9C !important;
}

/*#rouse-burger {*/
/*position: fixed;*/
/*z-index: 1;*/
/*left: 0px;*/
/*#wrap-burger-menu {
        a {
            color: black;
            text-decoration: none;
        }
    }
}*/
.main-menu ul {
  /*margin-left: -35px;
  margin: 0px;*/
  padding-left: 0px;
  /*li:not(:last-child) {
      padding-right: 30px;
  }*/
}
.main-menu ul li {
  list-style-type: none;
  display: inline-block;
}
.main-menu ul li a {
  text-decoration: none;
}
.main-menu ul li a:hover {
  color: #007f9c;
}
.main-menu .dropdown-content ul {
  display: block;
}
.main-menu .dropdown-content ul li {
  padding-left: 0px;
}

body {
  background-color: #FFFFFF;
  color: #222222;
  line-height: 17px;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  font-family: calibri, sans-serif;
}

.main-menu ul li:first-child {
  padding-left: 0;
}

.main-menu ul li {
  display: inline-block;
  padding-right: 30px;
}

.main-menu ul li:last-child {
  padding-right: 0;
}

.main-menu ul {
  padding: 0;
  margin: 0;
}

.service-content .service-desription {
  margin-bottom: 20px;
  font: 18px/21px Calibri Regular;
  margin-top: 10px;
}
.service-content h2,
.service-content h3 {
  font-weight: bold;
}
.service-content a {
  text-decoration: none;
  color: black;
  font: 36px/60px Calibri Bold;
}
.service-content a:hover {
  color: #007f9c;
}

/*.page {
    top: 150px;
    width: 800px;
    padding: 10px 30px;
    position: absolute;
}*/
/*.description {
    left: 1500px;
}*/
.documentation {
  left: 2450px;
  width: 700px;
}

.options {
  width: 700px;
  left: 3800px;
}

.download {
  width: 500px;
  left: 5100px;
}

/*#ipConsulting {
    left: 800px;*/
/*.service-content .service-desription {
           max-width: 800px;
    }*/
/*}*/
/*#ipConsulting.page {
    min-width: 1310px;
    width: 1000px;
}*/
#ipPortfolios {
  left: 2530px;
  width: 1410px;
}

#ipEnforcemen {
  left: 4500px;
  width: 1100px;
}

#ipLegal {
  left: 5600px;
  width: 1410px;
}

/*#ipImageSection1 {
    img {
        position: absolute;
        top: 0px;
        left: -210px;
    }
}*/
#ipImageSection2 {
  left: 2050px;
}
#ipImageSection2 img {
  height: 600px;
}

#ipImageSection3 {
  left: 3800px;
}

#ipImageSection4 {
  left: 5100px;
  top: -160px;
}

.services-control {
  position: fixed;
  bottom: -20px;
  z-index: 2;
  left: 315px;
  display: inline-block;
}
.services-control button {
  position: relative;
  bottom: 0px;
  color: #FFF;
  margin-right: -5px;
  width: 150px;
  text-align: center;
  font-size: 12px;
  height: 30px;
  font: 10px/11px Calibri Light;
  border-radius: 0%;
}
.services-control button.active {
  height: 70px;
  font: 12px/14px Calibri Bold;
  padding-bottom: 40px;
}

#board {
  position: relative;
  right: 500px;
}

#btnIPConsulting {
  background-color: #007F9C;
}

#btnIPPortfolios {
  background-color: #096E4A;
}

#btnEnforcement {
  background-color: #5B2080;
}

#btnIPLegal {
  background-color: #429BB0;
}

.service-desktop-section .image-item-services {
  width: 250px;
  height: 250px;
  position: absolute;
}
.service-desktop-section #item-image-1 {
  top: 37px;
  left: 100px;
}
.service-desktop-section #item-image-2 {
  top: 720px;
  left: 1000px;
}
.service-desktop-section #item-image-3 {
  top: 200px;
  left: 1500px;
}
.service-desktop-section #item-image-4 {
  top: -80px;
  left: 2500px;
}
.service-desktop-section #item-image-5 {
  top: 600px;
  left: 2500px;
}
.service-desktop-section #item-image-6 {
  top: 500px;
  left: 3400px;
}
.service-desktop-section #item-image-7 {
  top: 500px;
  left: 4000px;
}
.service-desktop-section #item-image-8 {
  top: 420px;
  left: 4500px;
}
.service-desktop-section #item-image-9 {
  top: 350px;
  left: 5000px;
}
.service-desktop-section #item-image-10 {
  top: 100px;
  left: 6500px;
}
.service-desktop-section #item-image-11 {
  top: 500px;
  left: 6000px;
}
.service-desktop-section #item-image-12 {
  top: 450px;
  left: 6500px;
}

.services-group-title {
  font: 56px/60px Calibri Bold;
}
.services-group-title a {
  font: 56px/60px Calibri Bold;
}

.our-services-text {
  font: 48px/60px Calibri Bold;
}

.umbraco-forms.missing-library {
  display: none;
}

@media (max-width: 1024px) {
  .header-master .row {
    z-index: 100;
    margin-top: -22px;
  }

  /*.header-container {
      padding: 15px;
  }*/
}
/*Giang fix - prohibition of deletion (cấm xoá)*/
.page-parent {
  position: relative;
  float: left;
  height: 100%;
  width: 100%;
}
.page-parent.ipImageSection1 img, .page-parent.ipImageSection2 img, .page-parent.ipImageSection3 img, .page-parent.ipImageSection4 img {
  position: absolute;
  width: 100%;
}
.page-parent.ipImageSection1 .description, .page-parent.ipImageSection2 .description, .page-parent.ipImageSection3 .description, .page-parent.ipImageSection4 .description {
  position: absolute;
}
.page-parent.ipImageSection1 .description .services-group-title p, .page-parent.ipImageSection2 .description .services-group-title p, .page-parent.ipImageSection3 .description .services-group-title p, .page-parent.ipImageSection4 .description .services-group-title p {
  margin-bottom: 0;
}
.page-parent.ipImageSection1 img {
  bottom: 3%;
  left: -11%;
  max-width: 70%;
}
.page-parent.ipImageSection1 .description {
  width: 56%;
}
.page-parent.ipImageSection2 img {
  height: 60%;
  left: 5%;
  max-width: 20%;
}
.page-parent.ipImageSection2 img.phone {
  z-index: 1;
}
.page-parent.ipImageSection2 img.phone-border {
  z-index: 0;
  left: calc(5% + 80px);
}
.page-parent.ipImageSection2 .description {
  width: 65%;
}
.page-parent.ipImageSection3 img {
  max-width: 40%;
  top: 18%;
  left: 0;
}
.page-parent.ipImageSection3 .description {
  width: 57%;
}
.page-parent.ipImageSection4 img {
  height: 60%;
  left: 5%;
  z-index: 0;
}
.page-parent.ipImageSection4 img.hand {
  top: 0%;
  max-width: 60%;
}
.page-parent.ipImageSection4 img.board {
  left: 0%;
  bottom: -15%;
  height: 50%;
  max-width: 95%;
}
.page-parent.ipImageSection4 .description {
  width: 60%;
}

@media (min-width: 576px) {
  .service-mobile-section {
    display: block;
  }

  .service-desktop-section {
    display: none;
  }
}
@media (min-width: 1025px) {
  .service-mobile-section {
    display: none;
  }

  .service-desktop-section {
    min-width: 100%;
    display: block;
    top: 0;
  }

  .page-parent.ipImageSection1 .description .services-group-title, .page-parent.ipImageSection2 .description .services-group-title, .page-parent.ipImageSection3 .description .services-group-title, .page-parent.ipImageSection4 .description .services-group-title {
    font-size: 40px;
  }
  .page-parent.ipImageSection1 .description .our-services-text, .page-parent.ipImageSection2 .description .our-services-text, .page-parent.ipImageSection3 .description .our-services-text, .page-parent.ipImageSection4 .description .our-services-text {
    font-size: 30px;
  }
  .page-parent.ipImageSection1 .description .service-desription, .page-parent.ipImageSection2 .description .service-desription, .page-parent.ipImageSection3 .description .service-desription, .page-parent.ipImageSection4 .description .service-desription {
    font-size: 14px;
  }
  .page-parent.ipImageSection1 .description, .page-parent.ipImageSection2 .description, .page-parent.ipImageSection3 .description {
    top: 18%;
    right: 2%;
  }
}
@media (min-width: 1025px) and (max-height: 768px) {
  .page-parent.ipImageSection1 img {
    width: 65%;
  }
}
@media (min-width: 1025px) {
  .page-parent.ipImageSection2 img {
    height: 50%;
  }
  .page-parent.ipImageSection2 img.phone-border {
    left: calc(5% + 50px);
  }
}
@media (min-width: 1025px) and (max-height: 768px) {
  .page-parent.ipImageSection2 img {
    height: unset;
    max-width: 15%;
  }
}
@media (min-width: 1025px) {
  .page-parent.ipImageSection4 img.hand {
    left: 40%;
  }
  .page-parent.ipImageSection4 .description {
    top: 17%;
    right: -50%;
  }
}
@media (min-width: 1200px) {
  .page-parent.ipImageSection2 img {
    height: unset;
  }
  .page-parent.ipImageSection4 img.hand {
    max-width: 50%;
  }
  .page-parent.ipImageSection4 img.board {
    max-width: 80%;
    left: 10%;
  }
  .page-parent.ipImageSection4 .description {
    top: 20%;
    right: -45%;
  }
}
@media (min-width: 1366px) {
  .page-parent.ipImageSection1 .description .services-group-title, .page-parent.ipImageSection2 .description .services-group-title, .page-parent.ipImageSection3 .description .services-group-title, .page-parent.ipImageSection4 .description .services-group-title {
    font-size: 42px;
  }
  .page-parent.ipImageSection1 .description .our-services-text, .page-parent.ipImageSection2 .description .our-services-text, .page-parent.ipImageSection3 .description .our-services-text, .page-parent.ipImageSection4 .description .our-services-text {
    font-size: 36px;
  }
  .page-parent.ipImageSection1 .description .service-desription, .page-parent.ipImageSection2 .description .service-desription, .page-parent.ipImageSection3 .description .service-desription, .page-parent.ipImageSection4 .description .service-desription {
    font-size: 18px;
  }
  .page-parent.ipImageSection2 img {
    /*height: unset;*/
  }
  .page-parent.ipImageSection3 img {
    left: 2%;
  }
  .page-parent.ipImageSection4 img.hand {
    left: 50%;
    max-width: 45%;
  }
  .page-parent.ipImageSection4 img.board {
    left: 20%;
    max-width: 70%;
  }
}
@media (min-width: 1441px) {
  .page-parent.ipImageSection1 .description .services-group-title, .page-parent.ipImageSection2 .description .services-group-title, .page-parent.ipImageSection3 .description .services-group-title, .page-parent.ipImageSection4 .description .services-group-title {
    font-size: 56px;
  }
  .page-parent.ipImageSection1 .description .our-services-text, .page-parent.ipImageSection2 .description .our-services-text, .page-parent.ipImageSection3 .description .our-services-text, .page-parent.ipImageSection4 .description .our-services-text {
    font-size: 48px;
  }
  .page-parent.ipImageSection2 img {
    max-width: 15%;
  }
  .page-parent.ipImageSection2 img.phone-border {
    left: calc(5% + 50px);
  }
  .page-parent.ipImageSection2 .description {
    right: 5%;
  }
  .page-parent.ipImageSection3 img {
    width: unset;
  }
  .page-parent.ipImageSection4 img.hand {
    left: 25%;
    max-width: 35%;
  }
  .page-parent.ipImageSection4 img.board {
    left: 0;
    max-width: 55%;
  }
  .page-parent.ipImageSection4 .description {
    right: -15%;
    top: 20%;
  }
}

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