@import url(https://fonts.googleapis.com/css?family=Noto+Sans);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:900);
html body {
  background-color: #ababab;
  font-family: 'Noto Sans', Arial, sans-serif !important; }

nav .top-bar-section ul li a {
  font-family: 'Noto Sans', Arial, sans-serif !important; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Noto Sans', Arial, sans-serif !important; }

h3 {
  margin-top: 2rem;
  margin-bottom: 1rem; }

/* -- General style -- */
::-webkit-input-placeholder {
  color: #727272; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #727272; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #727272; }

:-ms-input-placeholder {
  color: #727272; }

/* -- images in texts -- */
p.img {
  margin: 1em 1em 1em 1em; }
  p.img .right {
    float: right; }
  p.img .left {
    float: left; }
  p.img .center {
    text-align: center !important; }

.spacer {
  height: 0.5rem; }

.spacer-1 {
  height: 1rem; }

.spacer-2 {
  height: 1rem; }

#mainlogo {
  width: 100%;
  max-width: 100%;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
  background-image: linear-gradient(60deg, #afafaf, #ececec, #afafaf); }

#mainlogo div.line {
  margin-top: 4.2rem;
  background: url("/img/redline.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 2px;
  display: block; }

#mainlogo div.line.reverse {
  background: url("/img/redline_inverted.png") !important; }

#mainbanner {
  background-color: transparent;
  width: 100%;
  margin-bottom: -5rem; }
  #mainbanner img {
    width: 100%;
    height: 8rem; }
  #mainbanner .carousel-banner-homepage {
    height: 20rem;
    overflow: hidden; }
    #mainbanner .carousel-banner-homepage img {
      height: auto; }

#mainboard {
  z-index: 10; }
  #mainboard .radius {
    border-radius: 7px; }

#customer-area {
  font-size: 90%;
  color: #BBBBBB;
  display: block;
  position: absolute;
  top: 0rem;
  right: 2rem;
  padding: 0.7rem 1rem 0.75rem 1rem;
  z-index: 10;
  border-radius: 0px 0px 5px 5px;
  background-color: #444; }

#customer-area:hover {
  color: #FFFFFF !important; }

div#breadcrumb ul {
  border: none;
  margin-bottom: 0rem; }
div#breadcrumb hr {
  margin-top: 0rem; }

/* Sidebar */
.sidebar .panel {
  border: none;
  color: #f0f0f0; }

.sidebar h5 {
  color: #FFFFFF; }

#sidebar-contact {
  background-color: #008CBA; }
  #sidebar-contact i.fa {
    font-size: 140%; }

.slick-slider {
  margin-bottom: 0px !important; }

#sidebar-partners-clients {
  background-color: #444; }
  #sidebar-partners-clients .slick-arrow {
    display: none !important; }

#sidebar-recruitment {
  background-color: #00529e; }

div.footer-top {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background: #444 none repeat scroll 0% 0%; }
  div.footer-top .tabs-links {
    padding-top: 1rem;
    padding-bottom: 1rem; }
    div.footer-top .tabs-links div {
      padding-right: 1rem !important;
      padding-left: 2rem !important; }
    div.footer-top .tabs-links a {
      color: #CCC; }
    div.footer-top .tabs-links a:hover {
      color: #AAA; }
    div.footer-top .tabs-links ul {
      line-height: 1.1rem;
      font-size: small; }
  div.footer-top .footer-tab {
    height: 8rem;
    border-right: solid #666 1px; }
  div.footer-top .footer-tab:last-child {
    border-right: none; }

div.footer-bottom {
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #666;
  background: #333 none repeat scroll 0% 0%; }
  div.footer-bottom a {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.75rem;
    color: #666; }
  div.footer-bottom a:hover {
    color: #777; }
  div.footer-bottom .logo a:hover {
    color: #e01c22; }
  div.footer-bottom .logo strong {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    line-height: 1.7rem;
    font-size: 2rem;
    font-style: italic;
    font-family: 'Titillium Web', Arial, serif;
    font-weight: 900; }
  div.footer-bottom .copyright {
    padding-top: 0.7rem;
    padding-bottom: 0.2rem;
    font-size: 0.75rem; }

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