/* Custom sass*/
/*@import 'https://fonts.googleapis.com/css?family=Droid+Sans:400,700|Noto+Sans:400,700';*/
.cb {
  clear: both; }

/*@media screen and (min-width: 768px) {
  position: relative;
}*/
.relative {
  position: relative !important; }

.absolute {
  position: absolute !important; }

.z-9991 {
  z-index: 9991; }

.inline-block {
  display: inline-block !important; }

.block {
  display: block !important; }

.display-none {
  display: none !important; }

.widget {
  margin: 0; }

.fs-8 {
  font-size: 8px; }

.fs-10 {
  font-size: 10px; }

.fs-12 {
  font-size: 12px; }

.fs-14 {
  font-size: 14px; }

.fs-16 {
  font-size: 16px; }

.fs-18 {
  font-size: 18px; }

.fs-20 {
  font-size: 20px; }

.fs-22 {
  font-size: 22px; }

.fs-24 {
  font-size: 24px; }

.fs-26 {
  font-size: 26px; }

.fs-28 {
  font-size: 28px; }

.fs-30 {
  font-size: 30px; }

.fc-blue {
  color: #011d3e; }

.fc-white {
  color: white; }

.fc-black {
  color: black !important; }

a {
  text-decoration: none;
  color: #011d3e;
  font-family: "Noto Sans", sans-serif; }
  a:hover, a:active, a:focus {
    text-decoration: none;
    color: #ab987a; }

a:visited {
  color: #011d3e; }

::selection {
  background: #011d3e;
  color: white;
  text-shadow: none; }

/*@mixin transition($property, $duration, $fuction, $delay) {
  !*-webkit-transition: background-color 500ms ease-out 1s;*!
  -webkit-transition: $property $duration $fuction $delay;
  -moz-transition: $property $duration $fuction $delay;
  -o-transition: $property $duration $fuction $delay;
  transition: $property $duration $fuction $delay;
}*/
.float-left {
  float: left; }

.float-right {
  float: right; }

.text-grey {
  color: #616161; }

.fw-normal {
  font-weight: normal; }

.fw-600 {
  font-weight: 600; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 600; }

/*.transition-1 {
  transition: all 2s linear 1s;
  -webkit-transition: all 2s linear 1s;
}*/
body {
  font-family: "Roboto", sans-serif; }

.header-logo .simple-image {
  margin: 0; }
.header-logo img {
  margin-top: 10px;
  margin-bottom: 10px; }

.main-navbar {
  background-color: rgba(1, 29, 62, 0.69);
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  z-index: 21;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.35), 0 6px 20px 0 rgba(0, 0, 0, 0.35);
  position: relative;
  width: 100%; }

#main-menu {
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  text-align: center;
  line-height: 0;
  background-color: rgba(0, 0, 0, 0.25);
  margin-top: 40px; }
  @media (max-width: 768px) {
    #main-menu {
      margin-top: 0; } }

#main-menu .navbar-nav {
  float: none;
  display: inline-block;
  margin-top: 5px; }
  #main-menu .navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
    color: #fff !important;
    font-size: 14px;
    /*border-right: 1px solid #0d3948;*/
    font-weight: 600;
    /*min-width: 12em;*/
    /*font-family: 'Droid Sans', sans-serif;*/
    font-family: "Noto Sans", sans-serif; }
    #main-menu .navbar-nav > li > a:hover, #main-menu .navbar-nav > li > a:active, #main-menu .navbar-nav > li > a:focus {
      background: none;
      color: #01b7dc !important;
      -webkit-transition: color 100ms ease-in 0s;
      -moz-transition: color 100ms ease-in 0s;
      -o-transition: color 100ms ease-in 0s;
      transition: color 100ms ease-in 0s; }
    @media (max-width: 768px) {
      #main-menu .navbar-nav > li > a {
        color: #fff;
        border-bottom: 1px solid;
        padding-top: 7px;
        padding-bottom: 7px; } }
  @media (max-width: 768px) {
    #main-menu .navbar-nav {
      display: block; } }

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color: white; }

#main-menu .navbar-nav > li.active > a {
  /*background-color: rgba(255,255,255,0.083);*/
  color: #01b7dc !important;
  -webkit-transition: color 300ms ease-in 0s;
  -moz-transition: color 300ms ease-in 0s;
  -o-transition: color 300ms ease-in 0s;
  transition: color 300ms ease-in 0s; }

#main-menu .navbar-nav > .our-quality-link.active > a {
  /*background-color: $color-blue-10;*/
  color: #01b7dc; }

#main-menu .navbar-nav > li:first-child > a {
  /*border-left: 1px solid #0d3948;*/ }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: transparent;
  border: none; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 100px;
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #3b4a5b;
  padding-top: 3px !important;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-clip: padding-box; }
  .dropdown-menu > li > a {
    color: white;
    padding: 3px 20px 3px 13px;
    font-weight: 600;
    font-family: "Noto Sans", sans-serif;
    border-bottom: 1px solid #4f6379; }
    @media (max-width: 768px) {
      .dropdown-menu > li > a {
        text-align: center; } }

.page-bg {
  background-size: cover;
  background-position: center center; }

.logo-2 img {
  float: right;
  margin-top: 35px;
  margin-right: 20px; }

.display-none {
  display: none; }

.social-icons-header {
  margin-bottom: 0;
  margin-left: 0;
  display: inline-block; }

.social-icons-header li {
  display: inline-block; }
  .social-icons-header li a {
    color: #011d3e;
    background-color: white;
    font-size: 18px;
    width: 25px;
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 2px; }
    .social-icons-header li a:hover {
      background-color: #01b7dc;
      color: white;
      -webkit-transition: color 100ms ease-in 0s;
      -moz-transition: color 100ms ease-in 0s;
      -o-transition: color 100ms ease-in 0s;
      transition: color 100ms ease-in 0s; }

.home-products,
.page-products {
  color: #616161; }
  .home-products a,
  .page-products a {
    font-size: 18px;
    font-weight: 600; }
    .home-products a:hover,
    .page-products a:hover {
      color: #5fd583; }
  .home-products .all-products-link,
  .home-products .all-products-link:visited,
  .page-products .all-products-link,
  .page-products .all-products-link:visited {
    padding: 8px 30px;
    color: white;
    background-color: #011d3e;
    font-size: 14px; }
    .home-products .all-products-link:hover,
    .home-products .all-products-link:visited:hover,
    .page-products .all-products-link:hover,
    .page-products .all-products-link:visited:hover {
      background-color: #5fd583;
      color: white;
      -webkit-transition: background-color 250ms ease-in 0s;
      -moz-transition: background-color 250ms ease-in 0s;
      -o-transition: background-color 250ms ease-in 0s;
      transition: background-color 250ms ease-in 0s; }
  .home-products a:visited,
  .page-products a:visited {
    color: #011d3e; }
    .home-products a:visited:hover,
    .page-products a:visited:hover {
      color: #5fd583;
      -webkit-transition: background-color 250ms ease-in 0s;
      -moz-transition: background-color 250ms ease-in 0s;
      -o-transition: background-color 250ms ease-in 0s;
      transition: background-color 250ms ease-in 0s; }

.home-about-us {
  background-color: #01b7dc;
  color: black;
  padding-top: 25px;
  font-family: "Droid Sans", sans-serif;
  padding-bottom: 35px; }
  .home-about-us h1 {
    color: #333333; }

.rounded-blue-bg {
  background-color: #011d3e;
  border-radius: 50%;
  min-width: 190px;
  min-height: 190px; }
  .rounded-blue-bg > img {
    margin: 0 auto;
    padding: 20px; }

.owl-controls {
  position: absolute;
  top: 38%;
  width: 100%; }
  .owl-controls .owl-prev {
    position: absolute;
    right: 0; }
  .owl-controls .owl-next {
    position: absolute;
    left: 0; }

.owl-nav .fa {
  font-size: 65px;
  color: #01b7dc; }

.home-news {
  color: black;
  padding-top: 15px;
  font-family: "Droid Sans", sans-serif;
  padding-bottom: 15px; }
  .home-news h1 {
    color: #333333; }

.bg-white {
  background-color: white; }

.text-white {
  color: white; }

.home-all-news .news-panel {
  background-color: transparent;
  padding-top: 25px;
  color: black; }
  .home-all-news .news-panel .image-container {
    background-color: white;
    padding-top: 15px; }
  .home-all-news .news-panel .image-caption {
    background-color: white;
    padding-top: 10px;
    padding-bottom: 20px;
    font-weight: 600; }
  .home-all-news .news-panel a:hover {
    color: white; }
.home-all-news .news-0 {
  background-color: #2d669a;
  color: white; }
.home-all-news .news-1 {
  background-color: rgba(0, 182, 216, 0.46); }
.home-all-news .news-2 {
  background-color: #d7d7d7; }

.home-clients {
  background-color: #e9e9e9;
  padding-top: 30px;
  padding-bottom: 30px; }
  .home-clients .owl-controls {
    position: absolute;
    top: 30%;
    width: 100%; }
    .home-clients .owl-controls .owl-prev {
      position: absolute;
      right: -25px; }
    .home-clients .owl-controls .owl-next {
      position: absolute;
      left: -25px; }
  .home-clients .owl-nav .fa {
    font-size: 40px;
    color: #01b7dc; }

.footer-top {
  background-color: #d4d4d4;
  color: #444444;
  padding-top: 55px;
  padding-bottom: 35px;
  position: relative;
  font-family: "Roboto", sans-serif; }
  .footer-top .footer-heading {
    font-size: 18px;
    margin-bottom: 35px;
    position: relative;
    font-family: "Arvo", serif; }
    .footer-top .footer-heading:before {
      content: "";
      position: absolute;
      width: 70px;
      height: 2px;
      bottom: -10px;
      left: 0;
      background-color: #01b7dc;
      right: 0; }
  .footer-top .news-date-footer {
    font-size: 14px;
    color: #011d3e; }
  .footer-top .news-heading-footer {
    font-size: 14px;
    margin: 0;
    margin-bottom: 5px;
    text-transform: uppercase; }
  .footer-top .footer-panel-2 ul {
    padding-left: 0;
    list-style: none;
    margin: 0; }
    .footer-top .footer-panel-2 ul li {
      padding-bottom: 18px; }
      .footer-top .footer-panel-2 ul li a {
        color: black; }
        .footer-top .footer-panel-2 ul li a:hover {
          color: #011d3e; }
      .footer-top .footer-panel-2 ul li i {
        color: #01b7dc;
        margin-right: 5px; }
  .footer-top .news-footer {
    margin-bottom: 15px; }
    .footer-top .news-footer a:hover {
      color: #01b7dc; }

.footer-bottom {
  background-color: #e9e9e9;
  color: white;
  padding-top: 8px;
  padding-bottom: 5px;
  font-family: "Roboto", sans-serif; }
  .footer-bottom a {
    color: white; }
  .footer-bottom .social-icons-footer {
    margin-bottom: 0;
    float: right; }
    .footer-bottom .social-icons-footer li a {
      color: white;
      font-size: 18px;
      padding-left: 2px;
      padding-right: 2px; }
      .footer-bottom .social-icons-footer li a:hover {
        color: #5fd583;
        -webkit-transition: background-color 300ms ease-in 0s;
        -moz-transition: background-color 300ms ease-in 0s;
        -o-transition: background-color 300ms ease-in 0s;
        transition: background-color 300ms ease-in 0s; }

.bg-black-transparent {
  background-color: rgba(0, 0, 0, 0.42);
  margin-left: 47px; }

.bg-blue-transparent {
  background-color: rgba(31, 67, 153, 0.68); }

.bg-grey {
  background-color: rgba(233, 233, 233, 0.77); }

.bg-dark-grey {
  background-color: #d7d7d7; }

.text-grey {
  color: #616161; }

.page-mid-header {
  background-color: #01b7dc;
  color: white;
  padding-top: 50px;
  padding-bottom: 10px; }

.page-mid-content {
  background-color: #d7d7d7;
  color: #000;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 15px;
  padding-bottom: 15px; }

.our-vision {
  background-color: #226494; }

.our-message {
  background-color: #009ac1; }

.our-target {
  background-color: #40586f; }

.m-0-auto {
  margin: 0 auto; }

.ert-social-icons {
  float: right;
  margin-bottom: 0; }

.footer-left-panel-container {
  color: #032f3e; }
  .footer-left-panel-container a {
    color: #01b7dc; }
    .footer-left-panel-container a:hover {
      color: #032f3e; }

#cat-tabs {
  border-bottom: 0;
  margin: 0; }
  #cat-tabs > li > a {
    background-color: #226494;
    color: white;
    margin-right: -10px;
    text-align: center;
    border: none;
    border-radius: 0;
    padding: 0; }
    #cat-tabs > li > a h4 {
      padding: 40px 40px;
      text-transform: capitalize;
      line-height: 1.5; }
      #cat-tabs > li > a h4:before {
        content: "\f0d7";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0; }
    #cat-tabs > li > a:hover {
      background-color: #09314e; }
  #cat-tabs > li.active a {
    background-color: #09314e; }

#product-tabs {
  border-bottom: 0;
  margin: 0; }
  #product-tabs > li {
    margin-bottom: 7px; }
    #product-tabs > li > a {
      background-color: #226494;
      color: white;
      margin-right: -10px;
      text-align: center;
      border: none;
      border-radius: 0;
      padding: 0; }
      #product-tabs > li > a h4 {
        padding: 20px 40px;
        text-transform: capitalize;
        line-height: 1.5; }
      #product-tabs > li > a:hover {
        background-color: #09314e; }
  #product-tabs > li.active a {
    background-color: #09314e; }

.tab-content-products {
  background-color: #e4e4e4;
  color: black; }

.clear-both {
  clear: both; }

.form-1 input[type="text"], .form-1 input[type="email"], .form-1 input[type="url"],
.form-1 input[type="password"], .form-1 input[type="search"], .form-1 input[type="number"],
.form-1 input[type="tel"], .form-1 input[type="range"], .form-1 input[type="date"],
.form-1 input[type="month"], .form-1 input[type="week"], .form-1 input[type="time"],
.form-1 input[type="datetime"], .form-1 input[type="datetime-local"], .form-1 input[type="color"], .form-1 textarea,
.form-1 input[type="file"] {
  color: #666;
  padding: 3px;
  border: 0;
  box-shadow: none;
  background-color: #e5e5e5;
  border-radius: 0;
  margin-bottom: 5px; }
  .form-1 input[type="text"]:focus, .form-1 input[type="email"]:focus, .form-1 input[type="url"]:focus,
  .form-1 input[type="password"]:focus, .form-1 input[type="search"]:focus, .form-1 input[type="number"]:focus,
  .form-1 input[type="tel"]:focus, .form-1 input[type="range"]:focus, .form-1 input[type="date"]:focus,
  .form-1 input[type="month"]:focus, .form-1 input[type="week"]:focus, .form-1 input[type="time"]:focus,
  .form-1 input[type="datetime"]:focus, .form-1 input[type="datetime-local"]:focus, .form-1 input[type="color"]:focus, .form-1 textarea:focus,
  .form-1 input[type="file"]:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important; }
.form-1 input[type="text"], .form-1 input[type="email"], .form-1 input[type="url"],
.form-1 input[type="password"], .form-1 input[type="search"], .form-1 input[type="number"],
.form-1 input[type="tel"], .form-1 input[type="range"], .form-1 input[type="date"],
.form-1 input[type="month"], .form-1 input[type="week"], .form-1 input[type="time"],
.form-1 input[type="datetime"], .form-1 input[type="datetime-local"], .form-1 input[type="color"],
.form-1 input[type="file"] {
  height: 34px; }
.form-1 label {
  margin-top: 8px;
  color: #000; }
.form-1 .submit-btn {
  font-size: 16px !important;
  background-color: #01b7dc;
  color: white;
  box-shadow: none;
  height: 34px;
  padding: 0; }

.contact-us-content ul,
.branches ul {
  padding-left: 0;
  list-style: none;
  margin: 0; }
  .contact-us-content ul li,
  .branches ul li {
    padding-bottom: 10px; }
    .contact-us-content ul li a,
    .branches ul li a {
      color: black; }
      .contact-us-content ul li a:hover,
      .branches ul li a:hover {
        color: #011d3e; }
    .contact-us-content ul li i,
    .branches ul li i {
      color: #01b7dc;
      margin-right: 5px; }

.branches h1 {
  font-size: 18px;
  margin: 0;
  margin-bottom: 15px; }

.page-news {
  color: white; }
  .page-news .bg-even {
    background-color: #226494; }
  .page-news .bg-odd {
    background-color: #009ac1; }
  .page-news .news-page-content {
    text-align: center; }
    .page-news .news-page-content h1 {
      margin-top: 25px;
      font-size: 22px; }
  .page-news .read-more {
    display: block;
    width: 100px;
    height: 30px;
    padding-top: 5px;
    margin: 15px auto 0;
    background-color: #fff; }
    .page-news .read-more:hover {
      color: #011d3e;
      -webkit-transform: translate3d(0, -1px, 0);
      -moz-transform: translate3d(0, -1px, 0);
      -ms-transform: translate3d(0, -1px, 0);
      -o-transform: translate3d(0, -1px, 0);
      transform: translate3d(0, -1px, 0);
      box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      -webkit-transition: all 100ms ease-in 0s;
      -moz-transition: all 100ms ease-in 0s;
      -o-transition: all 100ms ease-in 0s;
      transition: all 100ms ease-in 0s; }

.navigation {
  display: inline-block;
  margin-top: 20px; }
  .navigation .page-numbers {
    background-color: #172843;
    display: inline-block;
    padding: 10px 15px;
    color: #fff !important; }
    .navigation .page-numbers:hover, .navigation .page-numbers:focus {
      background-color: #337ab7;
      color: #fff; }
  .navigation .page-numbers.current {
    background-color: #337ab7;
    display: inline-block; }

.single-a-news {
  color: black; }
  .single-a-news h1 {
    margin-top: 0;
    color: #011d3e; }

/*# sourceMappingURL=custom-styles-en.css.map */