@import "../css/lib/bootstrap/bootstrap.min.css";
@import 'https://fonts.googleapis.com/css?family=Prompt:500,600|Trirong:400,400i';
@import "../css/lib/PgwSlider/pgwslider.css";
@-moz-keyframes blinker {
  0% {
    opacity: 1.0;
  }
  25% {
    opacity: 0.75;
  }
  50% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    opacity: 1.0;
  }
}
@-webkit-keyframes blinker {
  0% {
    opacity: 1.0;
  }
  25% {
    opacity: 0.75;
  }
  50% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    opacity: 1.0;
  }
}
@keyframes blinker {
  0% {
    opacity: 1.0;
  }
  25% {
    opacity: 0.75;
  }
  50% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    opacity: 1.0;
  }
}
body {
  background-color: #000000;
  font-family: 'Trirong', serif;
  font-weight: 400;
  font-size: 17px;
}
h1,
h2,
h3,
h4,
h5,
h6,
nav,
nav li a,
th,
.btn,
.tooltip {
  font-family: 'Prompt', sans-serif;
  font-weight: 500;
}
h1 {
  font-weight: 600;
}
ul,
ul li,
ol,
ol li {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.listing-items,
ol.listing-items {
  margin: 0 30px;
}
ul.listing-items li,
ol.listing-items li {
  list-style: disc;
  margin: 5px 15px;
  padding: 2px;
}
ol.listing-items {
  counter-reset: item;
}
ol.listing-items li {
  padding-left: 10px;
  text-indent: -30px;
  list-style-type: none;
  counter-increment: item;
}
ol.listing-items li:before {
  display: inline-block;
  width: 1em;
  padding-right: 10px;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
}
.active-menu {
  background-color: #1e2225;
  outline: none;
  color: #ffffff;
}
.active-menu-footer {
  outline: none;
  color: #ff5529;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: rgba(10, 10, 10, 0.6);
}
.tooltip .tooltip-inner {
  background-color: rgba(10, 10, 10, 0.6);
}
table thead tr,
table tfoot tr {
  background-color: #efefef;
}
table th {
  text-transform: uppercase;
}
table tbody th {
  background-color: #fefefe;
}
/** Main Header **/
header.main-header {
  background-color: #fff;
}
header.main-header nav.dropdown.open .menu {
  background-color: #3d3d3d;
  color: #ffffff;
}
header.main-header nav .menu {
  margin: 0;
  padding: 13% 18%;
  background-color: #0061ff;
  color: #ffffff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  header.main-header nav .menu {
    padding: 10% 13%;
  }
}
header.main-header nav .menu:focus {
  outline: none;
}
header.main-header nav .menu-stack {
  width: 20%;
  display: inline-block;
}
header.main-header nav .menu-stack .icon-bar {
  border-top: 4px solid #ffffff;
  display: block;
  width: 100%;
  margin: 3px 0 1px;
  padding: 0;
}
header.main-header nav .menu-text {
  font-size: 25px;
  text-transform: uppercase;
}
header.main-header nav ul {
  background-color: #3d3d3d;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  left: auto;
  width: 150%;
  z-index: 9999;
  margin-right: 15px;
  border: none;
  border-radius: 0;
}
header.main-header nav ul li {
  list-style: none;
}
header.main-header nav ul li a {
  display: block;
  padding: 4% 10%;
  text-decoration: none;
  text-transform: uppercase;
  color: #f1f1f1;
  font-weight: 400;
  font-size: 25px;
}
header.main-header nav ul li a:active,
header.main-header nav ul li a:hover,
header.main-header nav ul li a:focus {
  background-color: #1e2225;
  outline: none;
  color: #ffffff;
}
/** Banner Section **/
section.banners {
  float: left;
  width: 100%;
  background-color: #fff;
}
section.banners .pgwSlider {
  text-align: center;
}
section.banners .pgwSlider .ps-caption {
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.8);
}
@media (max-width: 767px) {
  section.banners .pgwSlider .ps-caption {
    display: none !important;
  }
}
section.banners .pgwSlider .ps-caption h1 {
  text-transform: uppercase;
  margin-top: 10px;
}
section.banners .pgwSlider .ps-caption span.desc {
  font-weight: 500;
  font-size: 18px;
}
section.banners .btn-control {
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
section.banners img.responsive {
  max-width: 100%;
  width: 100%;
}
/** Small Banner Section **/
.small-banners {
  padding: 30px 0;
  float: left;
  width: 100%;
  background-color: #ececec;
}
.small-banners li {
  position: relative;
}
@media (max-width: 767px) {
  .small-banners li {
    margin-bottom: 15px;
  }
}
.small-banners li a span {
  font-family: 'Prompt', sans-serif;
  font-weight: 600;
  font-size: 24px;
  position: absolute;
  top: 45%;
  left: 20%;
  color: #fe5429;
  text-transform: uppercase;
  padding: 2px 10px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.6);
}
.small-banners li:first-child a img {
  -webkit-filter: sepia(0.9);
  -moz-filter: sepia(0.9);
  filter: sepia(0.9);
}
.small-banners li:first-child a:hover img,
.small-banners li:first-child a:focus img {
  -webkit-filter: sepia(0);
  -moz-filter: sepia(0);
  filter: sepia(0);
}
.small-banners li:nth-child(2) a img {
  -webkit-filter: grayscale(0.9);
  -moz-filter: grayscale(0.9);
  filter: grayscale(0.9);
}
.small-banners li:nth-child(2) a:hover img,
.small-banners li:nth-child(2) a:focus img {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  filter: grayscale(0);
}
.small-banners li:nth-child(3) a img {
  -webkit-filter: saturate(0.1);
  -moz-filter: saturate(0.1);
  filter: saturate(0.1);
}
.small-banners li:nth-child(3) a:hover img,
.small-banners li:nth-child(3) a:focus img {
  -webkit-filter: saturate(1);
  -moz-filter: saturate(1);
  filter: saturate(1);
}
@media (max-width: 767px) {
  .small-banners li:nth-child(3) {
    margin-bottom: 0;
  }
}
.small-banners img {
  width: 100%;
  max-width: 100%;
  transition: -webkit-filter 0.5s ease-in-out, filter 0.5s ease-in-out;
}
/** Service banner **/
.service-banner {
  padding: 30px 0;
  float: left;
  width: 100%;
  background-color: #f8f8f8;
}
.service-banner img {
  width: 100%;
  max-width: 100%;
  height: auto;
  transition: -webkit-filter 0.5s ease-in-out, filter 0.5s ease-in-out;
}
.service-banner a {
  display: inline-block;
}
.service-banner a img {
  -webkit-filter: grayscale(0.9);
  -moz-filter: grayscale(0.9);
  filter: grayscale(0.9);
}
.service-banner a:hover img,
.service-banner a:focus img {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  filter: grayscale(0);
}
/** Article Section **/
article.support-article,
article.main-article {
  background-color: #fff;
  float: left;
  width: 100%;
  padding: 0;
}
article section {
  margin-bottom: 30px;
}
article section header {
  border-bottom: 2px solid #222222;
  color: #222222;
  text-align: center;
  text-transform: uppercase;
}
article section .content p {
  text-align: justify;
}
article section .clients-content {
  margin-top: 30px;
}
@media (max-width: 767px) {
  article section .clients-content li {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  article section .clients-content li:last-child {
    margin-bottom: 0;
  }
}
article section .clients-content img {
  width: 100%;
  max-width: 100%;
}
article.support-article {
  background-color: #565656;
}
article.support-article section {
  color: #ffffff;
}
article.support-article section header {
  border-bottom: none;
  color: #ffffff;
}
article.support-article section img {
  display: block;
  margin: 0 auto;
}
/** Main footer **/
footer.main-footer {
  padding: 30px 0 10px;
  float: left;
  width: 100%;
  background-color: #ececec;
  font-style: italic;
  font-size: 14px;
}
@media (max-width: 767px) {
  footer.main-footer {
    text-align: center;
  }
}
footer.main-footer .move-top button img {
  filter: grayscale(70%) blur(0.3px);
  -moz-filter: grayscale(70%) blur(0.3px);
  -webkit-filter: grayscale(70%) blur(0.3px);
}
footer.main-footer .move-top button:hover,
footer.main-footer .move-top button:focus {
  outline: none;
}
footer.main-footer .move-top button:hover img,
footer.main-footer .move-top button:focus img {
  filter: grayscale(0%) blur(0.3px);
  -moz-filter: grayscale(0%) blur(0.3px);
  -webkit-filter: grayscale(0%) blur(0.3px);
}
@media (max-width: 767px) {
  footer.main-footer .downloads {
    margin-bottom: 15px;
  }
}
footer.main-footer .downloads img {
  max-width: 100%;
}
@media (max-width: 767px) {
  footer.main-footer .social-icons {
    margin-bottom: 15px;
  }
}
footer.main-footer .social-icons li {
  display: inline-block;
  width: 30px;
}
@media (max-width: 767px) {
  footer.main-footer .social-icons li {
    width: 40px;
  }
}
footer.main-footer .social-icons li img {
  max-width: 100%;
  border-radius: 30px;
  filter: grayscale(100%) blur(0.3px);
  -moz-filter: grayscale(100%) blur(0.3px);
  -webkit-filter: grayscale(100%) blur(0.3px);
}
footer.main-footer .social-icons li img:hover,
footer.main-footer .social-icons li img:focus {
  filter: grayscale(0%) blur(0px);
  -moz-filter: grayscale(0%) blur(0px);
  -webkit-filter: grayscale(0%) blur(0px);
}
footer.main-footer nav ul {
  padding-right: 15px;
  width: auto;
  text-align: right;
}
@media (max-width: 767px) {
  footer.main-footer nav ul {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
  }
}
footer.main-footer nav li {
  display: inline-block;
  font-style: normal;
  padding: 1% 0.5%;
}
footer.main-footer nav li.separator {
  padding: 0 0.3%;
}
footer.main-footer nav li a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 400;
  color: #222;
}
footer.main-footer nav li a:active,
footer.main-footer nav li a:hover,
footer.main-footer nav li a:focus {
  outline: none;
  color: #ff5529;
}
@media (max-width: 767px) {
  footer.main-footer nav li a {
    font-size: 12px;
  }
}
footer.main-footer nav li:last-child {
  padding-right: 0;
}
@media (min-width: 991px) {
  footer.main-footer .powerby {
    text-align: right;
  }
}
footer.main-footer .powerby img {
  max-width: 100%;
}
footer.main-footer .stay-in-line {
  display: inline-block;
}
.home header.main-header nav ul li:first-child a {
  background-color: #1e2225;
  outline: none;
  color: #ffffff;
}
.home article section header {
  border-color: #d76599;
  color: #d76599;
}
.home article .content {
  padding-top: 30px;
}
.home footer nav ul li:first-child a {
  outline: none;
  color: #ff5529;
}
.about section h3 {
  text-transform: uppercase;
  text-align: left;
}
@media (max-width: 767px) {
  .about section h3 {
    text-align: center;
  }
}
.about .content {
  padding-top: 30px;
}
.about .content img {
  width: 58%;
}
.about header.main-header nav ul li:nth-child(2) a {
  background-color: #1e2225;
  outline: none;
  color: #ffffff;
}
.about footer nav ul li:nth-child(3) a {
  outline: none;
  color: #ff5529;
}
.management .content {
  padding-top: 30px;
}
.management header.main-header nav ul li:nth-child(3) a {
  background-color: #1e2225;
  outline: none;
  color: #ffffff;
}
.management footer nav ul li:nth-child(5) a {
  outline: none;
  color: #ff5529;
}
.services header.main-header nav ul li:nth-child(4) a {
  background-color: #1e2225;
  outline: none;
  color: #ffffff;
}
.services footer nav ul li:nth-child(7) a {
  outline: none;
  color: #ff5529;
}
.services .title {
  font-family: 'Prompt', sans-serif;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
}
.services article section img {
  max-width: 100%;
  width: 100%;
}
.services .content {
  padding-top: 15px;
}
.services .content .service-box {
  margin-top: 15px;
  margin-bottom: 15px;
}
.services .content a img {
  transition: -webkit-filter 0.3s ease-in-out, filter 0.3s ease-in-out;
  -webkit-filter: sepia(0.3);
  -moz-filter: sepia(0.3);
  filter: sepia(0.3);
}
.services .content a:hover,
.services .content a:focus {
  text-decoration: none;
}
.services .content a:hover img,
.services .content a:focus img {
  -webkit-filter: sepia(0);
  -moz-filter: sepia(0);
  filter: sepia(0);
}
.services .back-button {
  margin-top: 15px;
  position: absolute;
  right: 15px;
  z-index: 9;
}
@media (max-width: 767px) {
  .services .back-button {
    right: auto;
    position: relative;
    float: right;
  }
}
.services .static-img {
  padding-right: 0;
}
@media (max-width: 767px) {
  .services .static-img {
    padding-right: 15px;
  }
}
.services .services-img-section .img-container {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 4px solid #ddd;
  border-radius: 40px;
  margin-bottom: 30px;
  height: 100px;
  padding: 2px;
  width: 100%;
  opacity: 0.8;
  transition: opacity 1s ease-in;
  cursor: pointer;
}
.services .services-img-section .img-container:hover {
  opacity: 1;
}
.clients header.main-header nav ul li:nth-child(5) a {
  background-color: #1e2225;
  outline: none;
  color: #ffffff;
}
.clients footer nav ul li:nth-child(9) a {
  outline: none;
  color: #ff5529;
}
.clients .content {
  padding-top: 30px;
}
.clients .client-box {
  background-color: #fff;
  border: 1px solid #ccc;
  padding-bottom: 5px;
  padding-top: 5px;
  margin-bottom: 30px;
}
.clients .client-box img {
  max-width: 100%;
}
.contact header.main-header nav ul li:nth-child(6) a {
  background-color: #1e2225;
  outline: none;
  color: #ffffff;
}
.contact footer nav ul li:nth-child(11) a {
  outline: none;
  color: #ff5529;
}
.contact .contact-list p strong,
.contact .contact-list p em,
.contact .contact-list p span {
  display: inline-block;
  width: 100%;
  text-align: left;
}
.contact form h3 {
  margin-top: 0;
  margin-bottom: 15px;
}
.contact .fld-error,
.contact .success,
.contact .fail {
  font-style: italic;
  font-size: 12px;
  color: #ff0000;
}
.contact .success {
  color: #00FF00;
  font-size: 18px;
}
.ajax-loader {
  text-align: center;
  font-weight: bold;
  color: #ff8850;
  font-style: italic;
  display: block;
  margin: 10px auto;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: blinker;
  -moz-animation-name: blinker;
  animation-name: blinker;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  animation-duration: 2s;
}
.modal .modal-dialog {
  width: 700px;
}
.modal .close {
  font-weight: 700;
  font-size: 2em;
}
.modal .modal-body {
  text-align: justify;
}
.modal .modal-data img {
  width: 100%;
  opacity: 1;
}
.modal .modal-body:hover .modal-control-btn {
  visibility: visible;
  opacity: 1;
}
.modal .modal-control-btn {
  visibility: hidden;
  position: absolute;
  top: 47%;
  left: 0;
  border: 1px solid rgba(100, 100, 100, 0.5);
  background-color: rgba(215, 215, 215, 0.7);
  padding: 0px;
  background-image: url('../images/previous.png');
  background-position: center;
  background-size: cover;
  background-repeat: none;
  width: 55px;
  height: 55px;
  transition: opacity 0.5s linear;
  opacity: 0;
}
.modal .modal-control-btn.next-btn {
  left: auto;
  right: 0;
  background-image: url('../images/next.png');
}
.modal .modal-control-btn:hover,
.modal .modal-control-btn:focus {
  background-color: rgba(250, 250, 250, 0.9);
}
.modal .modal-footer-span {
  display: inline-block;
  padding: 5px 0 0;
  text-align: center;
  width: 100%;
}
/*# sourceMappingURL=main.css.map */