html {
    scroll-behavior: smooth;
  }

h1,
h2, 
h3,
h4 {
    margin: 0;
    /* font-family: 'Roboto', sans-serif; */
    font-weight: 700;
}

p, ul.li{
    color:#1f1f1f;
    text-align: justify;
    text-justify: inter-word;
}

.list {
    color:#5b6987;
}

a,
a:focus,
a:hover {
    text-decoration: none;
}

button {
    outline: none;
    background: none;
}

p {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 28px;
    
}

sup { vertical-align: top; position: relative; top: 0.5em; font-size: 0.6em; }

header {
    
    width: 100%;
    z-index: 50;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

/* .nav-link{
    position: relative;
} */

.navbar .navbar-nav > li > a::before {
    position: absolute !important;
    content: "" !important;
    width: 100% !important;
    height: 3px !important;
    top: 100% !important;
    left: 0 !important;
    background: #113559 !important;
    transition: transform 0.5s !important;
    transform: scaleX(0) !important;
    transform-origin: right !important;
  } 

  .navbar .navbar-nav > li > a:hover {
     color: #113559 !important; 
  }
  .navbar .navbar-nav > li > a:hover::before {
    transform: scaleX(1) !important;
    transform-origin: left !important;
  }

.sidenav > ul > li > a{
	
    font-family: 'Inter', sans-serif;
    font-weight:700;
	line-height: 2;	
    text-transform: uppercase;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    color: #113559 !important;
}

.dropdown-menu a{
	
	font-family: 'Inter', sans-serif;
	line-height: 2;	
    text-transform: uppercase;
    color: #113559 !important;
}

.icon-logo-white-01 {
    font-size: 75px;
}

.pt-15 {
    padding-top: 15px;
}

.pb-15 {
    padding-bottom: 15px;
}
.pa-5{
    padding:5px;
}

.heading {
    font-size: 2.5rem !important;
}

.coolLink a:after {
    width: 0px;
    height: 2px;
    content: '';
    position: absolute;
    background: #fff;
    display: block;
    transition: width .3s;
    margin-top: 5px;
}

.coolLink:hover a:hover:after {
    width: 22px;
    background-color: #fff;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #ffffff;
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a:after,
.navbar-default .navbar-nav>.active>a:focus:after,
.navbar-default .navbar-nav>.active>a:hover:after {
    width: 22px;
}


.btn-2::after {
    height: 100%;
    left: 0;
    top: 0;
    width: 0;
}

.btn-2:hover:after {
    width: 100%;
}

.navbar-brand img {
    width:270px;
}

@media (max-width: 767.98px) {

    .navbar-brand img {
        width:250px;
    }

    .sidenav {
        
        width:60% !important;
        background-color:white;
        
    }

    .dropdown-menu a {
        font-size:12px;
    }
  }


@media  (max-width:991.98px) {
    .navbar-nav > .nav-item > .nav-link {
        margin-left:15px;
        margin-right:15px;
    } 

    .icon-logo-02 {
        font-size: 30px;
        padding-left: 15px;
    }

    .navbar-default .navbar-toggle,
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: transparent;
        z-index: 99;
    }

    .navbar-toggle {
        padding: 0;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }

    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }

    .navbar-collapse {
        box-shadow: none;
        background-color: #ffffff;

    }

    .navbar-toggler {
        width: 47px;
        height: 34px;

    }

    .navbar-toggler .line {
        width: 100%;
        float: left;
        height: 2px;
        background-color: #333;
        margin-bottom: 5px;
    }    

    .navbar-nav {
        margin: 0;
    }

    .sidenav {

        height: 100%;
        width:30%;
        position: fixed;
        top: 0;
        left: 0;
        padding: 0;
        list-style: none;
        border-left: 2px solid #ccc;
        background-color: #ffffff;
        overflow-y: visible;
        z-index: 1000;        
        transition: 0.4s;
    }

    /* .collapse .show {
        width: 100% !important;
        height: 100% !important;
        transition: 0.4s;
    }     */

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #ffffff;
    }
    
    .icon-logo-white-01 {
        font-size: 35px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .icon-logo-02 {
        font-size: 40px;
    }   

}

@media screen and (min-width:992px) and (max-width:1199px) {
    
    .icon-logo-02 {
        font-size: 35px;
    }
}


@media (min-width: 992px) {
    .animate {
      animation-duration: 0.3s;
      -webkit-animation-duration: 0.3s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
    }
  }
  
  @keyframes slideIn {
    0% {
      transform: translateY(1rem);
      opacity: 0;
    }
    100% {
      transform:translateY(0rem);
      opacity: 1;
    }
    0% {
      transform: translateY(1rem);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes slideIn {
    0% {
      -webkit-transform: transform;
      -webkit-opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
      -webkit-opacity: 1;
    }
    0% {
      -webkit-transform: translateY(1rem);
      -webkit-opacity: 0;
    }
  }
  
  .slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
  }

  















/* Common Content */
body {
    font-family: 'Inter', sans-serif;

}

.icon-logo-white-01:before {
    content: "\e900";
    color: #fff;
  }

.custom-card .card-body {
    /* background: rgba(29,67,84, 0.9); */
    background: rgba(17, 53, 89, 0.9);
    height:100%;
    min-height:320px;   
    opacity:0;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    transform: translateY(30px);
      -webkit-transform: translateY(30px);
}

.custom-card:hover .card-initial-text
{
    opacity:0;
}

.custom-card:hover .card-body {
  
    opacity: 1;
      transform: translateY(0px);
      -webkit-transform: translateY(0px);
    
}

.content {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
border-radius: 5px;
    width:100%;
    /* height:100%; */
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.content .bg-div {
    padding:1rem;
    height: 0px;
    display:none;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.content:hover .bg-div{
    height:100%;
    display: block;
    transition-duration: all 0.4s;
}

.color-primary{
    color: #113559 !important;
}

.color-primary-hover:hover{
    color: #113559 !important;
}

.color-white{
    color:#ffffff;
}

.color-white-opacity-0_6
{
    color:#ffffff;
    opacity: 0.6;
}

.color-white-hover:hover{
    color:#ffffff !important;
}

.color-white-0_9-hover:hover{
    color:#ffffff !important;
    opacity: 0.9;
}

.bg-white-hover:hover{
    background-color: white !important;
}

.color-red{
    color:red;
}

.op-0_9{
    opacity:0.9;
} 

.op-0_5{
    opacity:0.5;
}

.bg-primary{
    /* background-color: #1F488C !important; */
    background-color: #113559 !important;
    
}

.bg-waveblue{
    /* background-color: #1F488C !important; */
    background-color: #113559 !important;
    
}

.bg-primary-0_9{
    /* background-color: #1F488C !important; */
    background: rgba(17, 53, 89, 0.9);
    
}

.bg-primary-0_5{
    /* background-color: #1F488C !important; */
    background: rgba(17, 53, 89, 0.5);
    
}

.bg-lightgray{
    background-color:#F5F5F5;
}

.bg-darkgray{
    background-color:rgb(211, 211, 211);
}

.bg-lightblue {
    background-color: #f3f5f9;
}

.bg-secondary{
    background-color: #333333 !important;
}

a{
    color: #113559;
}



.slick-list{
    background-color: white;
    -webkit-box-shadow: -1px 6px 21px -11px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 6px 21px -11px rgba(0,0,0,0.75);
    box-shadow: -1px 6px 21px -11px rgba(0,0,0,0.75);
    border-radius:10px;
}

.box-shadow {
    -webkit-box-shadow: -1px 6px 21px -11px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 6px 21px -11px rgba(0,0,0,0.75);
box-shadow: -1px 6px 21px -11px rgba(0,0,0,0.75);

}

.slick-arrow {
    color: #333333;
}

.overlay{
    position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #333333;
	opacity: 0.5;
	z-index: 1;
}

.overlay-0_8{
    position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #333333;
	opacity: 0.8;
	z-index: 1;
}

.gray-overlay{
    position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
	opacity: 0.9;
	z-index: 1;
}

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

.px-0{
    padding-left:0px;
    padding-right:0px;
}

.py-60
{
    padding-top:60px;
    padding-bottom:60px;
}

.py-40
{
    padding-top:40px;
    padding-bottom:40px;
}

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

.font-style-italic{
    /* font-style: italic !important; */
    font-family: 'Inter', sans-serif !important;
}

.font-size-50{
    font-size:50px;
}

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

.pt-10
{
    padding-top: 10px;
}

.pl-10
{
    padding-left: 10px;
}

.pt-20
{
    padding-top:20px;
}

.pt-40
{
    padding-top:40px;
}

.pb-40
{
    padding-bottom:40px;
}

.pt-60
{
    padding-top:60px;
}

.pb-60
{
    padding-bottom:60px;
}

.pa-20{
    padding:20px;
    padding-left:20px !important;
    padding-right:20px !important;
}

.pa-10{
    padding:10px;
  
}

.pa-40{
    padding:40px;
}

.mt-20
{
    margin-top: 20px;
}

.mt-40
{
    margin-top: 40px;
}

.mb-40
{
    margin-bottom: 40px;
}

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

.mb-30
{
    margin-bottom: 30px;
}

.mb-50
{
    margin-bottom: 50px;
}

.mb-10
{
    margin-bottom: 10px;
}

.mb-15
{
    margin-bottom: 15px;
}

.mr-8
{
    margin-right: 8px;
}

.mt-7
{
    margin-top: 7px;
}

.mt-10
{
    margin-top: 10px;
}

.mt-40
{
    margin-top: 40px;
}

.mx-10
{
    margin-right: 10px;
    margin-left: 10px;
}

.my-10
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.my-20
{
    margin-top: 20px;
    margin-bottom: 20px;
}

.mr-15{
    margin-right:15px;
}

.g-mx-5
{
    margin-right:5px;
    margin-left:5px;
}

.plb-20{
    padding-left:20px;
    padding-bottom: 20px;
}

.pa-20{
    padding:20px;
    
}

.font-size-15{

    font-size: 15px;

}

.main-banner-1{
    background-image: url(../images/about-us/banner.jpg);
    background-repeat: no-repeat;    
    background-size: cover;
    position: relative;
    background-position: center center;
     
}

.main-banner-2{
    background-image: url(../images/satellite.jpg);
    background-repeat: no-repeat;    
    background-size: cover;
    position: relative;
    background-position: center center;
     
}

.main-banner-oil{
    background-image: url(../images/markets/oil.jpg);
    background-repeat: no-repeat;    
    background-size: cover;
    position: relative;
    background-position: bottom center;
     
}

.main-banner-aerospace{
    background-image: url(../images/homepage/Aerospace.jpeg);
    background-repeat: no-repeat;    
    background-size: cover;
    position: relative;
    background-position: center center;
     
}

.main-banner-medical{
    background-image: url(../images/homepage/Medical.jpeg);
    background-repeat: no-repeat;    
    background-size: cover;
    position: relative;
    background-position: center center;
     
}

.main-banner-electronics{
    background-image: url(../images/markets/electronics.jpg);
    background-repeat: no-repeat;    
    background-size: cover;
    position: relative;
    background-position: center center;
     
}

.years-19 {
    background-image: url(../images/gray-blur.jpg);
    background-repeat: no-repeat;    
    background-size: cover;
    position: relative;
    background-position: center center;
     
}

.bg-electronics  {
    background-image: url(../images/homepage/Electronics.jpg);
    background-repeat: no-repeat;    
    background-size: cover;
    position: relative;
    background-position: center center;
     
}

.bg-csr-training  {
    background-image: url(../images/csr-training.jpg);
    background-repeat: no-repeat;    
    background-size: cover;
    position: relative;
    background-position: center center;
     
}

.bg-csr-recycle  {
    background-image: url(../images/csr-recycle.jpg);
    background-repeat: no-repeat;    
    background-size: cover;
    position: relative;
    background-position: center center;
     
}

.header-bar {
    background-image: url(../images/homepage/industry.jpg);
    background-repeat: no-repeat;    
    background-size: cover;
    position: relative;
    background-position: center center;    
    
}

.header-bar .overlay{
    position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #333333;
	opacity: 0.7;
	z-index: 1;
}

.img-grayscale{
    filter: grayscale(100%);
}

.img-remove-grayscale:hover {
    filter:none !important;
}

.brd-primary {
    border: 1px solid #113559;
}

.brd-white {
    border: 1px solid #ffffff;
}

.br-5{
    border-radius: 5px;
}



.bg-primary-hover:hover
{
    background-color: #113559;
}

.shadow-box{

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.shadow-style-1 {

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    border-radius: 5px;
    
}

.shadow-box:hover{
  
       
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    transform: scale(1.1);
}

.icon-style-1{
    border: 1px solid #113559;
    width: 30px;
    height: 30px;    
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    padding: 10px;
}

@media (min-width: 576px) { 
   
   

 }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .pa-60-md
    {
        padding-left:60px;
        padding-right:60px;
        
    }

    .px-40-md{
        padding-left:40px;
        padding-right:40px;
    }

    .pa-40-md {
        padding: 40px;
    }

    .pt-100-md {
        padding-top: 100px;
    }

  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .font-size-40-sm{
        font-size:40px;
    }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {



}

@media (max-width: 991.98px) { 
    .company-text{
        display: none;
    }

    .font-size-40-sm{
        font-size:40px;
    }
}


@media (max-width: 575.98px) {
    
    .font-size-40-sm{
        font-size:25px;
    }
   
}

@media (max-width: 1035.98px) { 
    .top-bar-text{
        display:none;
    }

    .goog-te-menu-value span:nth-child(3) {
       display:none;
    }

    .goog-te-gadget-simple .goog-te-menu-value span {
        display:none;
    }

    /* .goog-te-menu-value{
       
        padding-left: 8px;
    } */


    .goog-te-menu-value:before {
        
        margin-right: 0px;
        
    }
   
 }

 @media (max-width: 767.98px) { 
    .pa-20-sm {
        padding:20px;
    }

    .mt-10-sm {
        margin-top:10px;
    }

   

    .mt-20-sm {
        margin-top:20px;
    }

    .pt-40-sm {
        padding-top:40px;
    }


    .mt-40-md {
        margin-top:40px;
    }

    
    
}





/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {


    


}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {  }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px){ 

    

    .company-text{
        /* margin-right:inherit !important; */
        font-size:auto !important;
    }
 }

 @media (min-width: 576px){ 

    
    .translate-object{

        position:absolute;
        padding:20px;
        top: 50%;left: 50%;
        transform: translate(-50%, -50%);
    
    }
    .company-text{
        /* margin-right:inherit !important; */
        font-size:auto !important;
    }
 }

 @media (min-width: 991.98px) and (max-width:1219.98px){     

    .navbar{
        display:flex;
        flex-direction: column;
        justify-content: center;
    } 

    .company-text{
         margin-right:inherit !important; 
        font-size:10px !important;
    }
 }

 @media (min-width: 1220px) and (max-width: 1400px) { 

    

    .company-text{
        /* margin-right:inherit !important; */
        font-size:10px !important;
    }
 }
/* [class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {

font-size: 1em !important;

} */


.goog-te-menu-frame{
    max-width: 300px !important;
    right:0 !important;
    height:110px !important;
}



#google_translate_element {
    position: relative;

}
.goog-te-gadget {
    font-family: Inter, 'Open Sans', sans-serif !important;
    text-transform: uppercase;
}
.goog-te-gadget-simple {
    background-color: rgba(255, 255, 255, 0) !important;
    border: 1px solid rgba(255, 255, 255, 0) !important;
    padding: 0px 5px !important;
    border-radius: 4px !important;
    font-size: 10px !important;
    line-height: 1rem !important;
    display: inline-block;
    cursor: pointer;
    zoom: 1;
}

.goog-te-menu2 {
    background-color: none !important;
    width:300px !important;
    height:auto !important;    
}
.goog-te-menu-value {
    color: #fff !important;
}
.goog-te-menu-value:before {
    content: "\f1ab";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    font-size: 14px;
    vertical-align: -2px;
}
.goog-te-menu-value span:nth-child(5) {
    display: none;
}
.goog-te-menu-value span:nth-child(3) {
    border: none !important;
    font-family: 'Font Awesome 5 Free';
}
.goog-te-menu-value span:nth-child(3):after {
    font-family: 'Font Awesome 5 Free';
    content: "\f107";
    font-weight: 900;
    font-size: 14px;
    vertical-align: -3px;
}
.goog-te-gadget-icon {
    background-image: url(https://placehold.it/32) !important;
    background-position: 0px 0px;
    height: 32px !important;
    width: 32px !important;
    margin-right: 8px !important;
    display: none;
}
.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

body {top: 0px!important;}

@media (max-width: 667px) {
    
}

.list {
    padding: 0px; 
    list-style-position: inside;
}

.list li:before {
    content: "";
    margin-right: -5px;
  }

.list li {
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
  }


  @media (min-width: 992px){
	.dropdown-menu .dropdown-toggle:after{
		border-top: .3em solid transparent;
	    border-right: 0;
	    border-bottom: .3em solid transparent;
	    border-left: .3em solid;
	}
	.dropdown-menu .dropdown-menu{
		margin-left:0; margin-right: 0;
	}
	.dropdown-menu li{
		position: relative;
	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}

.icon { 
    width: 75px; 
    height: 75px;
    margin: .5em;
  }

  .mb-10 {
    margin-bottom: 1rem;
  }

  .mb-20 {
    margin-bottom: 2rem;
  }


  .dropdown-submenu{
    position: relative;
}
/* .dropdown-submenu a::after{
    transform: rotate(-180deg);
    position: absolute;
    right: 3px;
    top: 40%;
} */
 .dropdown-submenu .dropdown-menu{
    
    position: absolute !important;
    margin-top: -30px;
    left: 100%;
}

@media (max-width: 992px) {
    .dropdown-menu{
        width: 50%;
    }
    .dropdown-menu .dropdown-submenu{
        width: auto;
    }
}