/*
Theme Name: Aegis Secure Solutions
Theme URI: https://wordpress.org/themes/aegis/
Author: Luigi Santos
Author URI: https://wordpress.org/
Description: Customize wordpress theme for Aegis Secure Solutions
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: aegis, aegis secure, aegis secure solutions, security, brunei
*/

/* Main Tags */
body {
 background-color:#fff;
 font-size:16px;
 font-family: 'Roboto';
}

.container s3-container h1 a {
 color: #1b2948;
}



body, p, ul, li, h1, h2, h3, h4, h5, h6 {
 margin:0;
 padding:0;
}
body h5 {
  padding:4px 0;
  color:#787878;
  font-size:14px;
  font-family:'Lato';
  letter-spacing:3px;
}
body ul, body li {
 list-style-type:none;
}
a {
 padding:0;
 color:#3880d2;
 text-decoration: none;
 font-family: 'Roboto Condensed';
}
a:hover, a:visited, a:focus {
	text-decoration: none;
}
@media (max-width:650px) {
  body h1 {
    font-size:32px !important;
  }
}

/* Main Classes */

.pr {position:relative;}
.pa {position:absolute;}
.pf {position:fixed;}
.fw {width:100%;}
.fh {height:100%;}
.fl {float:left;}
.fr {float:right;}
.db {display:block;}
.dib {display: inline-block;}
.dn{display:none;}
.ma {margin:auto;}
.bb {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

/* Homepage BG */
.homepage-bg {
  position:fixed;
  top:0;
  bottom:0;
  right:0;
  left:0;
  background: #dbdbdb; /* For browsers that do not support gradients */
  background: -webkit-radial-gradient(circle, #fff, #dbdbdb); /* Safari */
  background: -moz-radial-gradient(circle, #fff, #dbdbdb); /* Firefox 3.6 to 15 */
  background: radial-gradient(circle, #fff, #dbdbdb); /* Standard syntax */
  background-position:center center;
  background-size:cover;
}
.homepage-container {
  position: absolute;
  top: 50%;
  margin-top: -344px;
  right: 50%;
  margin-right: -730px;
  max-width: 1460px;
  width:100%;
}
.homepage-logo {
  width:195px;
  margin:auto;
  padding-bottom:70px;
}
.homepage-logo h3 {
  padding-top:15px;
  color:#1b2948;
  font-size:26px;
}
.homepage-content {
  width:100%;
}
.homepage-inner {
  width:33.33%;
  float:left;
}
.homepage-inner a {
  margin:auto;
  padding:25px;
  display:block;
  max-width:500px;
  border:1px solid transparent;
}
.homepage-inner a:hover {
  border:1px solid #7abfde;
}
.homepage-inner h3, .homepage-inner li {
  color:#1b2948;
}
.homepage-inner img {
  padding:10px 0 20px 0;
  width:100%;
  height:auto;
}
@media (max-width:1460px) {
  .homepage-container {
    max-width:1100px;
    margin-top:-322px;
    margin-right: -550px;
  }
}
@media (max-width:1110px) {
  .homepage-container {
    max-width:990px;
    margin-top:-315px;
    margin-right: -495px;
  }
}
@media (max-width:991px) {
  .homepage-container {
    top:0;
    right:0;
    margin-top:0;
    margin-right: 0;
  }
  .homepage-logo {
    padding:40px 0;
  }
  .homepage-content {
    padding:0 10px;
    margin-bottom:20px;
  }
  .homepage-inner {
    width:100%;
    float:none;
  }
}
/* Top Nav */
.active-tab {
 background-color:#e9f2f7;
 color:#7abfde !important;
 border-radius:5px 5px 0 0;
}
.top-nav-bg {
 position:relative;
 background-color:#1b2948;
}
.top-nav {
 float:right;
}
.top-nav > li {
 position:relative;
 float:left;
}
.top-nav > li > a {
 display:block;
 margin-top:2px;
 padding:15px 30px 15px 70px;
 color:#fff;
 text-transform:uppercase;
}
.top-nav > li > a > span.top-nav {
 position:absolute;
 top:15px;
 left:30px;
 display:block;
 width:30px;
 height:26px;
}
.top-nav.icon-1 {
 background: url("images/top_nav_icon_1.png") no-repeat;
 background-size: cover;
}
.active-tab .top-nav.icon-1 {
 background: url("images/top_nav_icon_1_blue.png") no-repeat;
 background-size: cover;
}
.top-nav.icon-2 {
 background: url("images/icon-file.png") no-repeat;
}
.active-tab .top-nav.icon-2 {
 background: url("images/icon-file-blue.png") no-repeat;
}
.top-nav.icon-3 {
 background: url("images/top_nav_icon_3.png") no-repeat;
}
.active-tab .top-nav.icon-3 {
 background: url("images/top_nav_icon_3_blue.png") no-repeat;
}
@media (max-width:845px) {
 .top-nav > li > a > span.top-nav {
   display:none;
 }
 .top-nav > li > a {
   padding:15px 30px;
 }
}
@media (max-width:730px) {
 .top-nav > li > a {
   padding:15px 20px;
 }
}
@media (max-width:665px) {
 .top-nav > li > a {
   padding:15px 10px;
   font-size:14px;
 }
}
@media (max-width:545px) {
 .top-nav > li > a {
   padding: 26px 0;
   width: 80px;
 }
 .top-nav > li > a > span.top-nav-text {
   display:none;
 }
 .top-nav > li > a > span.top-nav {
   position:relative;
   display:block;
   top:-10px;
   left:-26px;
 }
}
/* Banner */
.banner-bg-sec-solutions-sdn {
 background: url("https://www.aegis.com.bn/wp-content/uploads/Banner-4.jpg") no-repeat;
 background-size:cover;
 background-position:center;
}
.banner-bg-sec-data-solutions {
 background: url("https://www.aegis.com.bn/wp-content/uploads/banner_1_HV3.jpg") no-repeat;
 background-size:cover;
 background-position:center;
}
.banner-bg-sec-sphere-services {
 background: url("https://www.aegis.com.bn/wp-content/uploads/Main-Banner.jpg") no-repeat;
 background-size:cover;
 background-position:center;
}

@media (max-width:991px) {
  .banner-bg-sec-solutions-sdn {
    background-position-x: -300px;
  }
}
@media (max-width:767px) {
  .banner-bg-sec-solutions-sdn {
    background-position-x: -450px;
  }
}
@media (max-width:570px) {
  .banner-bg-sec-solutions-sdn {
    background-position-x: -540px;
  }
}
@media (max-width:480px) {
  .banner-bg-sec-solutions-sdn {
    background-position-x: -500px;
  }
}
@media (max-width:420px) {
  .banner-bg-sec-solutions-sdn {
    background-position-x: -582px;
  }
}

.banner-bg-ss-about,
.banner-bg-ss-about-2,
.banner-bg-ss-solutions,
.banner-bg-ss-services,
.banner-bg-ss-news,
.banner-bg-ss-careers,
.banner-bg-ss-contact,
.banner-bg-ss-search {
 height:400px;
 background: url("https://www.aegis.com.bn/wp-content/uploads/Sub-banner-2.jpg") no-repeat;
 background-size:cover;
 background-position:center;
}
@media (max-width:767px) {
  .banner-bg-ss-about,
  .banner-bg-ss-about-2,
  .banner-bg-ss-solutions,
  .banner-bg-ss-services,
  .banner-bg-ss-news,
  .banner-bg-ss-careers,
  .banner-bg-ss-contact,
  .banner-bg-ss-search {
    background: url("http://www.aegis.com.bn/wp-content/uploads/ss-mobile-banner.png") no-repeat;
    background-size:cover;
  }
}
.banner-bg-sds-profile,
.banner-bg-sds-solutions,
.banner-bg-sds-services,
.banner-bg-sds-news,
.banner-bg-sds-careers,
.banner-bg-sds-contact,
.banner-bg-sds-search {
 height:400px;
 background: url("https://www.aegis.com.bn/wp-content/uploads/banner_2v2.jpg") no-repeat;
 background-size:cover;
 background-position:center;
}
.banner-bg-sss-about,
.banner-bg-sss-solutions,
.banner-bg-sss-services,
.banner-bg-sss-news,
.banner-bg-sss-careers,
.banner-bg-sss-contact,
.banner-bg-sss-search {
 height:400px;
 background: url("https://www.aegis.com.bn/wp-content/uploads/Main-Banner.jpg") no-repeat;
 background-size:cover;
 background-position:center;
}
/* Main Navigation */
.main-nav-bg {
 position:relative;
 background: -webkit-linear-gradient(#e9f2f7, rgba(255, 255, 255, 0.9));
 background: -moz-linear-gradient(#e9f2f7, rgba(255, 255, 255, 0.9));
 background: linear-gradient(#e9f2f7, rgba(255, 255, 255, 0.9));
 z-index:9999;
}
.main-nav-container {
 padding: 30px 0;
}
.logo-container {
  display:flex;
  align-items:center;
  height:110px;
  padding-left:30px;
  float:left;
}
.logo-container img {
 float:left;
 height:auto;
}
.logo-text {
  padding-left:13px;
  float:left;
}
.logo-text h2 {
  color:#1b2948;
}
/*.logo-only {
 display:none;
}*/
/*.nav-search-container {
 float:right;
}
.nav-search-container input {
 margin:20px 20px 0 0;
 padding:5px 20px;
 max-width:370px;
 width:100%;
 float:right;
}*/
/*.main-nav {
 float:right;
}
.main-nav > li {
 position:relative;
 float:left;
}*/
.main-nav li a {
 display:block;
 padding:5px 20px;
 border-left:1px solid #9fa7a9;
 color:#20254b;
 text-transform:uppercase;
 -moz-transition: all linear 200ms;
 -webkit-transition: all linear 200ms;
 transition: all linear 200ms;
}
.main-nav li a:hover {
  background-color:#7abfde;
  color:#fff;
}
.main-nav > li:first-child > a {
 border-left:none;
}
/* Submenus in Main Navigation */
.main-nav .menu-item-has-children .sub-menu {
  opacity:0;
  visibility: hidden;
  position:absolute;
  width:175px;
  box-shadow:3px 2px 5px #888;
  background: -webkit-linear-gradient(#e9f2f7, rgba(255, 255, 255, 0.7));
  background: -moz-linear-gradient(#e9f2f7, rgba(255, 255, 255, 0.7));
  background: linear-gradient(#e9f2f7, rgba(255, 255, 255, 0.7));
  -moz-transition: all linear 200ms;
	-webkit-transition: all linear 200ms;
	transition: all linear 200ms;
}
.main-nav .menu-item-has-children:hover .sub-menu {
  opacity:1;
  visibility: visible;
}
/* Submenus of Sidebar Widget */

/* Search */
.main-nav-bg label {
  max-width: 370px;
  width: 100%;
  position: absolute;
  bottom: 30px;
  right: 30px;
}
label .search-container {
  position:relative;
}
label .search-field {
  width:100%;
  height:35px;
  padding-left:10px;
  padding-right:40px;
  border:1px solid #b2b3b5;
}
label .search-submit {
  width: 40px;
  height:35px;
  position: absolute;
  right: 0;
  top: 0;
  background: url("images/search.png") no-repeat;
  background-position: 8px 5px;
  background-color:#fff;
  border:1px solid #b2b3b5;
  border-left:none;
}
@media (max-width:991px) {
  .main-nav li a {
    border-left:none;
  }
  .main-nav .menu-item-has-children .sub-menu {
    position:relative;
    display:block;
    width:100%;
    background: none;
    border-left:none;
    box-shadow: none;
    opacity:1;
    visibility: visible;
  }
}
/* Bootstrap Navbar */
.navbar {
 border:none;
}
.navbar-brand {
 height:auto;
}
.navbar-toggle {
 margin:30px 35px 0 0;
 background-color:#7abfde;
}
.navbar-toggle .icon-bar {
 background-color:#fff;
}
@media (max-width:1445px) {
 body .main-nav > li > a {
   padding:5px 10px;
 }
}
@media (max-width:1305px) {
 body .logo-container {
   padding-left:0;
 }
 .logo-container {
   height:90px;
 }
 .logo-container img {
   width:80px;
 }
 .logo-text h2 {
   font-size:26px;
 }
 .logo-text h5 {
   font-size:12px;
 }
 .main-nav-container {
   padding:26px 0;
 }
 .main-nav-bg label {
   bottom: 20px;
 }
 label .search-field {
   height:30px;
 }
label .search-submit {
   height:30px;
   background-position:8px 3px;
 }
}
@media (max-width: 991px) {
   .navbar-header {
       float: none;
   }
   .navbar-left,.navbar-right {
       float: none !important;
   }
   .navbar-toggle {
       display: block;
       margin: 41px 10px 0 0;
   }
   .navbar-collapse {
       border-top: 1px solid transparent;
       box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
   }
   .navbar-fixed-top {
       top: 0;
       border-width: 0 0 1px;
   }
   .navbar-collapse.collapse {
       display: none!important;
   }
   .navbar-nav {
       float: none!important;
       margin-top: 7.5px;
   }
   .navbar-nav>li {
       float: none;
   }
   .navbar-nav>li>a {
       padding-top: 10px;
       padding-bottom: 10px;
   }
   .collapse.in{
       display:block !important;
   }
   .navbar-right {
       margin-right:0;
   }
   .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
   }

   .main-nav-container {
     padding:0;
   }
   .main-nav li a {
     border-right:none;
     border-bottom:1px solid #9fa7a9;
   }
   .main-nav > li:last-child a {
     border-bottom:none;
   }
   .main-nav-bg label {
     margin:44px 15px 0 0;
     max-width: 250px;
     position: relative;
     bottom: 0;
     right: 0;
     float:right;
   }
}
@media (max-width:800px) {
  .logo-container {
    height:70px;
  }
  .logo-container img {
    width:65px;
  }
  .logo-text h2 {
    font-size:22px;
  }
  .logo-text h5 {
    font-size:10px;
  }
  .main-nav-bg label {
    margin:33px 15px 0 0;
    max-width: 210px;
  }
  .navbar-toggle {
    margin:31px 5px 0 0;
  }
  .main-nav > li > a,
  .main-nav > li > ul > li > a {
    font-size:14px;
  }
  .navbar-nav {
    margin:0 15px;
  }
}
@media (max-width:650px) {
 .logo-container .logo-text {
   display:none;
 }
}
@media (max-width:390px) {
  .main-nav-bg label {
    max-width: 160px;
  }
}
/* Section 1 */
.s1-container {
 padding-bottom:70px;
}
.section1 {
 color: #1b2948;
 position:relative;
 margin-top:40px;
 padding:30px 40px;
 max-width:45%;
 width:100%;
 background-color: rgba(255, 255, 255, 0.85);
 z-index:9999;
}
.section1 h3 {
 padding-bottom:20px;
 color:#20254b;
 font-size:28px;
}
.section1 p {
 padding-bottom:20px;
 color:#5d5e60;
}
.section1 a {
 display:block;
 padding:10px 0 20px 0;
 font-size:20px;
 text-transform:uppercase;
}
@media (max-width:991px) {
  .section1 {
   max-width:60%;
  }
}
@media (max-width:650px) {
  .section1 {
   max-width:100%;
  }
}
@media (max-width:480px) {
  .section1 {
    padding:20px 30px;
  }
  .section1 h3 {
   font-size:22px;
  }
  .section1 p {
   font-size:14px;
  }
}
/* Section 2 */
.s2-container {
 margin:30px auto;
}
.s2-container section {
 padding-bottom:30px;
}
.s2-container section h1 {
 padding-bottom:10px;
 color:#1b2948;
 font-size:40px;
}
.s2-container section p {
 width:100%;
 color:#5d5e60;
 font-size:14px;
}
.s2-spacing {
  margin-bottom:40px;
}
.s2-logo {
 position:relative;
 margin:auto;
 width:90px;
 height:90px;
 border-radius:50%;
 background-position:center;
 background-repeat:no-repeat;
 background-color:#1b2948;
}

/****************************************************
               Main page service icons
*****************************************************/
/***************************************
 Secure Solutions icons
****************************************/
.s2-logo.ser-manned-secure-solutions {
 background-image: url("images/icon-mss.png");
}
.s2-logo.ser-cash-secure-solutions {
 background-image: url("images/icon-css.png");
}
.s2-logo.ser-electronic-secure-solutions {
 background-image: url("images/icon-ess.png");
}
.s2-logo.ser-security-consultancy-services {
 background-image: url("images/icon-scs.png");
}

/***************************************
 Secure Data Solutions icons
 ***************************************/

.s2-logo.ser-storage-services {
    background-image: url("images/icon-archiving.png");
}
.s2-logo.ser-specialised-manpower-provision {
    background-image: url("images/icon-manpower.png");
}
.s2-logo.ser-document-repository {
    background-image: url("images/icon-repos.png");
}
.s2-logo.ser-managed-storage-distribution {
    background-image: url("images/icon-msd.png");
}
.s2-logo.ser-secure-logistics {
    background-image: url("images/icon-logistics.png");
}
.s2-logo.ser-secure-destruction {
    background-image: url("images/icon-destruction.png");
}
.s2-logo.ser-digitize-service-scanning {
    background-image: url("images/icon-digitizing.png");
}
.s2-logo.ser-business-continuity-facility-provider {
    background-image: url("images/icon-bcp.png");
}
.s2-logo.ser-authorised-reseller-distributor {
    background-image: url("images/icon-reseller.png");
}
.s2-logo.ser-atm-safe-movement {
    background-image: url("images/icon-movesafe.png");
}
.s2-logo.ser-smart-keeper-products {
    background-image: url("images/icon-smartkeeper.png");
}

/************************************
 Secure Sphere Services icons
*************************************/
.s2-logo.ser-manned-security {
 background-image: url("https://www.aegis.com.bn/wp-content/uploads/security.png");
}

.s2-logo.ser-event-security {
 background-image: url("https://www.aegis.com.bn/wp-content/uploads/service.png");
}

.s2-logo.ser-mobile-patrol-and-rapid-response-services {
 background-image: url("https://www.aegis.com.bn/wp-content/uploads/patroller.png");
}

/************************************/

.s2-container h4 {
 color:#1b2948;
}
@media (max-width:991px) {
  .s2-container section p {
   width:100%;
  }
}
@media (max-width:767px) {

}
/* Section 3 */
.s3-bg {
 background: url("https://www.aegis.com.bn/wp-content/uploads/Interested_SS.jpg") no-repeat;
 background-size:cover;
 background-position:center;
}
.s3-bg-sds {
 background: url("https://www.aegis.com.bn/wp-content/uploads/content_sds_career-v2.jpg") no-repeat;
 background-size:cover;
 background-position:center;
}
.s3-bg-s3 {
 background: url("https://www.aegis.com.bn/wp-content/uploads/Interested_S3.jpg") no-repeat;
 background-size:cover;
 background-position:center;
}
@media (max-width:991px) {
  .s3-bg-s3 {
    background-position-x:-800px;
  }
}
@media (max-width:767px) {
  .s3-bg-s3 {
    background-position-x:-1000px;
  }
}
@media (max-width:550px) {
  .s3-bg {
    background-position-x: -550px;
  }
  .s3-bg-s3 {
    background-position-x:-1200px;
  }
}
@media (max-width:420px) {
  .s3-bg {
    background-position-x: -630px;
  }
  .s3-bg-s3 {
    background-position-x:-1250px;
  }
}
.s3-container {
 position:relative;
}
.s3-container section {
 width:60%;
 padding-top:50px;
}
.s3-container section form {
 margin:50px 0 100px 0;
}
.s3-container section form input,
.s3-container section form textarea {
 margin-bottom:10px;
 padding:20px 25px;
 width:100%;
 border:none;
 background-color: rgba(255, 255, 255, 0.6);
 color:#494949;
}
.s3-container section form textarea {
 height:150px;
 resize:none;
}
.s3-container section form input[type="submit"] {
 padding:10px 25px;
 width: 213px;
 background-color: rgba(0, 166, 81, 0.8);
 color:#fff;
 font-size:30px;
}
@media (max-width:991px) {
  .s3-container section {
    width:100%;
  }
}
@media (max-width:600px) {
  .s3-container section form input,
  .s3-container section form textarea {
    background-color: rgba(255, 255, 255, 0.8);
  }
}
@media (max-width:575px) {
  .s3-container p {
    text-align: justify;
  }
}
@media (max-width:425px) {
  .s3-container h1 {
    font-size:24px !important;
    margin-bottom:10px;
  }
}
/* Section 4 */
.s4-container {
 padding:0;
}

.slider-item {
  height:auto;
}
.slider-content {
  margin:auto;
  width:50%;
  overflow: hidden;
  border:initial !important;
}
.slider-content img {
  margin:auto;
  width:500px;
  height:auto;
}
.slider-content section {
  margin:auto;
  width:50%;
  height:auto;
}
.section4 {
  margin:auto;
  width:50%;
}
.section4.if-two {
  width:48%;
}
.section4.if-two:first-child {
  margin-right:4%;
}
.section4.if-three {
 width:33.33%;
}
.section4 img {
 width:100%;
 height:auto;
}
.section4:nth-child(odd) {
 background-color:#ebf2fa;
}
/*.section4:nth-child(even) img {
 border:1px solid #fff;
}*/
.section4 section {
  padding:20px 30px;
}
.section4 section h2 {
  padding-bottom:20px;
}
.section4 section > h2 > a{
  padding-bottom:20px;
  color:#0c6d8e;
  font-size:26px;
}
.section4 section p {
  padding-bottom:40px;
  color:#5d5e60;
  font-size:14px;
}
.section4 section > a {
  display:block;
  color:#0c6d8e;
  font-size:18px;
}
@media (max-width:991px) {
  .section4 {
    width:50%;
  }
}
@media (max-width:768px) {
  .s4-container {
    padding-top:30px;
  }
  .section4,
  .section4.if-two {
    margin:auto;
    max-width:400px;
    width:100%;
    float:none;
  }
  .section4.if-two:first-child {
    margin-right:auto;
  }
}
/* Contact Us */
.contact-bg {
 padding:50px 0 50px 0;
 background-color:#666;
}
.contact-container {
 position:relative;
}
.contact-container h1 {
 padding-bottom:20px;
 color:#fff;
 font-size:40px;
}
.contact-map {
  position:relative;
  margin-bottom:60px;
  width:100%;
  height:370px;
}
.contact-map .contact-map-content {
  position:absolute;
  padding:30px;
  left:10px;
  top:40px;
  background-color:rgba(207, 222, 240, 0.75);
  z-index:263;
}
.contact-map h3,
.contact-map p {
  color:#20254b !important;
}
.contact-map iframe {
  width:100%;
  height:370px;
  border:0;
}
.contact-container h3 {
 padding-bottom:20px;
 color:#fff;
}
.contact-container p {
 color:#fff;
}
@media (max-width:991px) {
  .contact-container .col-md-6 {
    margin-bottom: 20px;
  }
  .contact-map h3 {
    font-size:20px;
  }
  .contact-map p {
    font-size:14px;
  }
}

/* Inner Contact */
.innerContactContainer {
  display: block;
  width: 100%;
}
.innerContact {
  width: 50%;
  float: left;
}
@media (max-width:991px) {
  .innerContact {
    width:100%;
  }
}

/* Contact Popup */
.popupOverlay {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 300ms, opacity 300ms;
  position:fixed;
  z-index:9999;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:rgba(0,0,0, 0.9);
}
.popupOverlay.fadeIn {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s linear 300ms, opacity 300ms;
}
.popupContainer {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 400ms, opacity 300ms;
  max-width:600px;
  width: 100%;
  height: 780px;
  background-color: #fff;
  border: 5px solid #111;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -390px;
  margin-left: -300px;
  padding: 30px;
  z-index: 99999;
}
.popupContainer.fadeIn {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s linear 300ms, opacity 300ms;
}
.popupContainer h4 {
  margin:10px 0;
}
.popupContainer label {
  margin:5px 0;
}
.popupContainer input,
.popupContainer textarea {
  width:100%;
  background: #ddd;
  border:1px solid #ccc;
}
.popupContainer textarea {
  resize:none;
}
.popupContainer input[type="submit"],
.popupContainer input[type="submit"]:visited {
  padding:10px 0;
  background-color: #3880d2;
  color:#fff;
  border:none;
  border-radius:5px;
}
.popupContainer input[type="submit"]:hover {
  background-color: #3880d2;
  color:#fff;
}
#s3PopupContainer input[type="submit"],
.popupContainer input[type="submit"]:visited {
  background-color: #800000;
}
#s3PopupContainer input[type="submit"]:hover{
  background-color: #800000;
}
.popupClose {
  display:inline-block;
  width:100%;
}
.popupClose span {
  display:block;
  font-weight:bold;
  float:right;
  cursor:pointer;
}
@media (max-width:630px) {
  .popupContainer {
    max-width:400px;
    height:830px;
    margin-left:-200px;
    margin-top:-415px;
  }
}
@media (max-width:430px) {
  .popupContainer {
    max-width:100%;
    height:100%;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin-left:0;
    margin-top:0;
  }
}
/* Contact Form 7 Reset */
.popupContainer div.wpcf7-response-output {
  margin: 1em 0.5em 1em;
}

/* Footer */
footer {
 background-color:#424242;
 padding:0 20px;
}
footer span {
 display:block;
 padding:30px 0;
 color:#a3a3a3;
}
@media (max-width:350px) {
  footer span {
    font-size:14px;
  }
}
/*********** Inner ***********/

/* Banner Inner */
.banner-inner-bg {
 height:400px;
 background: url("images/banner_inner.png") no-repeat;
 background-size:cover;
 background-position:center;
}
.inner-container {
 margin-top:-60px;
 padding:20px 30px;
 background-color:#fff;
}
.inner-container section {
  margin-bottom: 40px;
}
.inner-container h2 {
  padding:0 0 20px 0;
  color:#1b2948;
}
.inner-container h2 a {
  color:#1b2948;
}
.inner-container h3 {
  padding-top:10px;
  color:#0c6d8e;
  font-size:20px;
}
.inner-container h4 {
 color:#1b2948;
}
.inner-container img {
 margin-bottom:30px;
 max-width:600px;
 width:100%;
 height:auto;
}
.inner-container.newsAndArticles img {
 max-width:100%; 
}
.inner-container.search h1 {
 padding-bottom:20px;
 color:#1b2948;
}
.inner-container.search img {
 max-width:600px !important;
}
.inner-container p {
 padding-bottom:20px;
 color:#5d5e60;
 font-size:14px;
}
.inner-container .page-content li {
  color:#5d5e60;
  font-size:14px;
  list-style-type: initial;
}
.inner-container .read-more {
  color:#3880d2;
  font-size:20px;
}
@media (max-width:650px) {
  .inner-container h2 {
    font-size:24px;
  }
}
/* Inner Content */
.inner-content-container img {
 margin-bottom:20px;
 width:100%;
 height:auto;
}
.inner-content-container .services-img img {
 max-width:400px;
}
.inner-content {
  padding:0 20px;
}
.inner-content img {
  max-width:100%;
}
@media (max-width:1210px) {
  .inner-container {
    margin-top:0;
  }
}
@media (max-width:991px) {
  .inner-content-container {
   margin-top:20px;
  }
}
/********** Sidebar Menu **********/

.widget_nav_menu ul.menu > li:first-child {
  text-transform:uppercase;
  font-size:20px;
  font-weight:bold;
}
.widget_nav_menu ul.menu > li:not(:first-child).current_page_item > a {
  background-color:#d6f2ff;
}
.widget_nav_menu ul.menu > li a {
  display:block;
  padding:10px 25px 10px 20px;
  color:#6f6f6f;
}
.widget_nav_menu ul.menu > li:first-child a {
  color:#295ba6;
}
.widget_nav_menu ul.menu > li a:hover {
  background-color:#d6f2ff;
}
.widget_nav_menu ul.menu > li:first-child a:before {
  display:none;
}
.widget_nav_menu ul.menu > li > a:before {
  font-family: 'FontAwesome';
	content:'\f0da';
	color:#7abfde;
  padding-right:10px;
}
.widget_nav_menu ul.menu > li.menu-item-has-children {
  position:relative;
}
.widget_nav_menu ul.sub-menu > li a {
  display:block;
  padding:10px 0 10px 55px;
  color:#6f6f6f;
}
.collapseIcon {
  position: absolute;
  right: 0;
  top: 9px;
  display:block;
  width:22px;
  height:22px;
  background-color: #666;
  color: #fff;
  border: none;
}
/***************************************************
	Inner Links
***************************************************/
.inner-widget {
  margin:auto;
}
.inner-widget a {
  display:block;
  margin-bottom:20px;
  border:1px solid #0d4673;
}
.inner-widget h4 {
  padding:10px;
  color:#fff;
  background-color:#1b2948;
}
.inner-widget img {
	width:100%;
	height:auto;
  margin-bottom:0;
}
@media (max-width:991px) {
	body .inner-widget {
		margin-bottom:40px;
	}
}
@media (max-width:768px) {
  body .inner-widget {
    max-width:400px;
    float:none;
  }
	body .inner-widget h3 a {
		font-size:20px;
	}
}
@media (max-width:430px) {
	body .inner-widget h3 a {
		font-size:17px;
	}
}
/********** Featured Page Widget Plugin **********/
.fpw-read-more-link span {
  display:none !important;
}

/********** News Sidebar **********/
button.yearly {
  width:100% !important;
}
.inner-container aside .yearly {
  padding:5px 15px;
  margin:10px 0;
  width:78px;
  background-color:#1b2948;
  color:#fff;
  border:1px solid #026fbe;
  border-radius:5px;
  text-align:center;
}
.inner-container aside article {
  display:inline-block;
  width:100%;
}
.inner-container aside article div {
  display:block;
  width:32%;
  margin-right:2%;
  float:left;
  color:#676767;
  font-weight:bold;
}
.inner-container aside article a {
  display:block;
  width:66%;
  float:left;
  color:#3880d2;
}
.inner-container aside article a:hover {
  text-decoration:underline;
}


/***** Back To Top *****/
footer #backToTop {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 300ms, opacity 300ms;
  position:fixed;
  z-index:999;
  width:50px;
  bottom:20px;
  right:10px;
  margin-left:-50px;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 54px solid #424242;
  cursor:pointer;
}
footer #backToTop.fadeIn {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s linear 0s, opacity 300ms;
}
footer #backToTop span {
  position:absolute;
  padding:0;
  width:54px;
  text-align:center;
  font-size:10px;
  color: #a3a3a3;
  top:30px;
  left:-27px;
}
@media (max-width:573px) {
  footer #backToTop {
    bottom:120px;
  }
}


/***** Site Map *****/
#siteMap {
    background-color:#666;
}
#siteMapHead {
    display:flex;
    align-items: center;
    width:100%;
    padding:15px 0;
    border-bottom:2px solid #111;
    color:#fff;
}
#siteMapHead .siteTitle {
    width:30%;
    font-size:20px;
}
#siteMapHead .siteLinked {
    width:70%;
    text-align: right;
}
#siteMapHead .siteLinked .linkedin {
    margin-left: 10px;
    padding: 5px 10px;
    font-size: 20px;
    color: #fff;
    background-color: #0077b5;
    -webkit-transition: all linear 300ms;
    -moz-transition: all linear 300ms;
    transition: all linear 300ms;
}
#siteMapHead .siteLinked .linkedin:hover {
    color: #0077b5;
    background-color: #fff;
}

#siteMapHead .siteLinked .ariba {
    margin-left: 5px;
    padding: 5px 10px;
    font-size: 20px;
    -webkit-transition: all linear 300ms;
    -moz-transition: all linear 300ms;
    transition: all linear 300ms;
}

.sitemap {
    padding:10px 0;
}
.sitemap li a {
    color:#fff;
}
.sitemap li a:hover {
    color:#ddd;
}

/*******************************
          New Sitemap
********************************/

.sitemap li :hover
{
background-color: #1b2948;
}


.sitemap li a
{
color: #000;
}

#sub1
{
margin-left: 25px;
list-style-type: initial;
}
#sub2
{
margin-left: 50px;
list-style-type: disc;
color:#0394e0;
}
#sub2 a {
color:#040fa3;
}

#sub2 a:hover {
color:#fff;
}

#siteMap a{
color: #fff
}

#text-2
{
width: 65%;
}
@media (max-width:600px) {
  #text-2
  {
      width: 100%;
  }
}

#history:hover, #vision:hover, #productlink:hover {
color:#1a2848
}

.tablecontent {
font-size: 14px;
color:#5d5e60;
}

.versapakbag{
text-align: center;
}