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;
}

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

button {
    outline: none;
    background: none;
}

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

}



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: 'Montserrat', 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: 'Montserrat', 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;
}
.pb-120 {
    padding-bottom: 120px;
}

.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%;
}

@media (max-width: 767.98px) {

    .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: 'Montserrat', 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 {
    height: 50px;
    display: flex;
    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%;

    transition-duration: 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-orange {
    /* background-color: #1F488C !important; */
    background-color: #FFA500 !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-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}


.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: 'Roboto', 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;

}

.pt-120 {
    padding-top: 120px !important;
}

.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-energy {
    background-image: url(../images/markets/energy.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center center;

}

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

}

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

}

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

}

.main-banner-medical {
    background-image: url(../images/homepage/Medical.jpg);
    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: Roboto, '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) {}


#whatBtn {
    position: fixed;
    bottom: 30px;
    left: 30px;
    width: 4%;
    z-index: 999;
}


#whatBtn {
    position: fixed;
    bottom: 30px;
    left: 30px;
    width: 4%;
    z-index: 999;
}

@media (max-width: 425px) {
    #whatBtn {
        width: 14% !important;
    }
}


.navbar-brand img {
    width: 100px;
    height: auto;
}

/* section{
    padding-top: 80px!important;
    padding-bottom: 80px!important;
} */


@media (max-width: 425px) {
  
    .slick-slide img{
        min-height: 155px!important;
    }
}


/*  */

.bg-parallax {
    background-attachment: fixed;
}

.bg-img {
    position: relative;
    z-index: 1;
}

.inner-padding {
    padding: 110px 70px;
}

.background-banner {
    min-height: 400px;
}

.bg-overlay-2:before {
    background-color: rgba(27, 26, 26, .05);
}

.bg-overlay:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgba(27, 26, 26, .15);
}

.banner-1 .cta__banner {
    position: absolute;
    bottom: 0;
    left: 0;
}

.cta__banner {
    background-color: #ff5e14;
    max-width: 400px;
    padding: 50px;
    border-top-right-radius: 3px;
}


.cta__banner .cta__title {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
}
.cta__banner .cta__desc {
    color: #f9f9f9;
    margin-bottom: 25px;
}

.btn__link.btn__white {
    color: #fff;
}

.btn__link {
    background-color: transparent;
    border-color: transparent;
    width: auto;
    height: auto;
    line-height: 1;
    border: none;
}
.btn__white {
    background-color: #fff;
    color: #0b2653;
    border: 2px solid #fff;
}



.arrow-rounded {
    width: 22px;
    height: 22px;
    line-height: 22px;
    background-color: #ff5e14;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    font-size: 10px;
    display: inline-block;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.arrow-rounded-white {
    background-color: #fff;
    color: #ff5e14;
}

.btn i~span {
    margin-left: 6px;
}

.bg-overlay-theme:before {
    background-color: rgba(255, 94, 20, .97);
}


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

.heading-white .heading__desc, .heading-white .heading__title {
    color: #fff;
}

.heading__title {
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 14px;
}

.banner-1 .heading__desc {
    color: #f9f9f9;
    font-size: 17px;
    line-height: 27px;
    font-weight: 600;
}


.banner-1 .fancybox-item {
    margin-bottom: 40px;
}

.fancybox-item {
    position: relative;
    margin-bottom: 40px;
}

.fancybox-white .fancybox-item .fancybox__desc, .fancybox-white .fancybox-item .fancybox__icon, .fancybox-white .fancybox-item .fancybox__title, .fancybox-white .fancybox-item:hover .fancybox__title {
    color: #fff;
}
.fancybox-item .fancybox__icon {
    font-size: 55px;
    line-height: 1;
    color: #ff5e14;
    margin-bottom: 18px;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
}

/* .icon-waste:before {
    content: "\e934";
} */


.heading-3 .heading__subtitle {
    margin-bottom: 17px;
}
.heading__subtitle {
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    color: #ff5e14;
    display: block;
    margin-bottom: 13px;
}


.about-layout2 .about__img:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 150px;
    width: 30px;
    height: 60px;
    z-index: 2;
    background-color: #ff5e14;
    border-radius: 2px 2px 0 0;
}

.about-layout2 .about__img {
    position: relative;
    padding-right: 30px;
    padding-bottom: 30px;
    margin-right: 20px;
}

.about-layout2 .cta__banner {
    position: absolute;
    bottom: 150px;
    right: 0;
    width: 100%;
    max-width: 330px;
    padding: 40px;
}


.about-layout2 .about__img:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 150px;
    width: 30px;
    height: 60px;
    z-index: 2;
    background-color: #ff5e14;
    border-radius: 2px 2px 0 0;
}

.about-layout2 .about__img:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 150px;
    height: 150px;
    z-index: -1;
    background-color: #ff5e14;
}

.btn {
    text-transform: capitalize;
    position: relative;
    font-size: 15px;
    font-weight: 700;
    width: 170px;
    height: 60px;
    line-height: 58px;
    border-radius: 3px;
    text-align: center;
    padding: 0;
    letter-spacing: .2px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn__bordered.btn__primary {
    color: #fff;
    border-color: #ff5e14;
}
.btn__bordered {
    background-color: transparent;
}
.btn__primary {
    background-color: #ff5e14;
    color: #fff;
    border: 2px solid #ff5e14;
}

.btn__bordered.btn__primary:active, .btn__bordered.btn__primary:focus, .btn__bordered.btn__primary:hover {
    color: #fff;
    background-color: #ff5e14;
    border-color: #ff5e14;
}



.btn__primary:active, .btn__primary:focus, .btn__primary:hover {
    background-color: #0b2653;
    color: #fff;
    border-color: #0b2653;
}


.about .counter-item {
    margin-bottom: 40px;
}

.counter-item .counter {
    font-size: 65px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 10px;
}

.counter-item .counter__desc {
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 0;
}

.divider__line:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: #e7ebef;
}

.contact-chip {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}   

.contact-chip .contact__chip-img {
    min-width: 60px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 2px;
    border: 2px solid #ff5e14;
    margin-right: 17px;
}

.contact-chip .contact__chip-img img {
    border-radius: 50%;
    top: -8px;
    position: relative;
}

.contact-chip h6 {
    font-size: 20px;
    margin-bottom: 5px;
}


.contact-chip span {
    font-size: 13px;
}

.mr-30 {
    margin-right: 30px !important;
}

.mt-30 {
    margin-top: 30px !important;
}
.service-item {
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
	box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .08);
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}
.service-item .service__img {
	position: relative
}
.service-item .service__img:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: .4;
	-webkit-background-image: linear-gradient(top, rgba(27, 26, 26, .35), #1b1a1a 100%);
	-moz-background-image: linear-gradient(top, rgba(27, 26, 26, .35), #1b1a1a 100%);
	-ms-background-image: linear-gradient(top, rgba(27, 26, 26, .35), #1b1a1a 100%);
	-o-background-image: linear-gradient(top, rgba(27, 26, 26, .35), #1b1a1a 100%);
	background-image: linear-gradient(top, rgba(27, 26, 26, .35), #1b1a1a 100%)
}
.service-item .service__img img {
	width: 100%;
	max-width: 100%
}
.service-item .service__content {
	background-color: #fff;
	padding: 36px 20px 40px 40px
}
.service-item .service__icon {
	margin-bottom: 35px
}
.service-item .service__icon i {
	font-size: 65px;
	line-height: 1;
	color: #ff5e14
}
.service-item .service__title {
	font-size: 25px;
	line-height: 29px;
	margin-bottom: 16px
}
.service-item .service__desc {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 0
}
.service-item .btn__link {
	margin-top: 29px
}
.service-item:hover {
	box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .14);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px)
}
.service-item:hover .service__icon {
	-webkit-animation: slideTopDown 1s infinite alternate;
	-moz-animation: slideTopDown 1s infinite alternate;
	-ms-animation: slideTopDown 1s infinite alternate;
	-o-animation: slideTopDown 1s infinite alternate;
	animation: slideTopDown 1s infinite alternate
}
.services-layout2 .service__title {
	border-bottom: 2px solid #e7ebef;
	padding-bottom: 36px;
	margin-bottom: 36px
}
.services-carousel .owl-stage-outer {
	margin: -15px;
	padding: 15px
}
.services-carousel .service-item {
	box-shadow: 0 0 12px 0 rgba(40, 40, 40, .08)
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.service-item .service__icon {
		margin-bottom: 15px
	}
	.service-item .service__icon i {
		font-size: 50px
	}
	.service-item .service__title {
		font-size: 18px;
		margin-bottom: 10px
	}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.service-item .service__content {
		padding: 20px
	}
	.service-item .service__title {
		font-size: 17px;
		margin-bottom: 5px
	}
	.service-item .service__icon {
		margin-bottom: 10px
	}
	.service-item .service__icon i {
		font-size: 45px
	}
}

img{
    width: 100%;
    height: auto;
}

@media (max-width:425px){
    .cta__banner {
        padding: 97px 27px;
    }

    .inner-padding {
        padding: 110px 24px;
    }
}

.contact__chip-info {
    line-height: 9px;
}

.services{
    background-image: url(../images/backgrounds/pattern/2.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px 0;

}

/*  */


[class*=" icon-"],[class^=icon-] {
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-search:before {
    content: "\e939"
}

.icon-arrow-left,.icon-arrow-right {
    font-size: 80%
}

.icon-arrow-left:before {
    content: "\e900"
}

.icon-arrow-left-2:before {
    content: "\e901"
}

.icon-arrow-right:before {
    content: "\e902"
}

.icon-arrow-right-2:before {
    content: "\e903"
}

.icon-boxes:before {
    content: "\e904"
}

.icon-cart:before {
    content: "\e905"
}

.icon-chemical:before {
    content: "\e906"
}

.icon-clock:before {
    content: "\e907"
}

.icon-container:before {
    content: "\e908"
}

.icon-controller:before {
    content: "\e909"
}

.icon-control-lever:before {
    content: "\e90a"
}

.icon-control-system:before {
    content: "\e90b"
}

.icon-conveyor:before {
    content: "\e90c"
}

.icon-danger:before {
    content: "\e90d"
}

.icon-eco:before {
    content: "\e90e"
}

.icon-envelope:before {
    content: "\e90f"
}

.icon-factory:before {
    content: "\e910"
}

.icon-factory-2:before {
    content: "\e911"
}

.icon-food:before {
    content: "\e912"
}

.icon-forklift:before {
    content: "\e913"
}

.icon-gear:before {
    content: "\e914"
}

.icon-gears:before {
    content: "\e915"
}

.icon-gears-2:before {
    content: "\e916"
}

.icon-robot:before {
    content: "\e917"
}

.icon-laser:before {
    content: "\e918"
}

.icon-machine:before {
    content: "\e919"
}

.icon-machine-2:before {
    content: "\e91a"
}

.icon-management:before {
    content: "\e91b"
}

.icon-manufacturing:before {
    content: "\e91c"
}

.icon-manufacturing-plant:before {
    content: "\e91d"
}

.icon-material:before {
    content: "\e91e"
}

.icon-mechanism:before {
    content: "\e91f"
}

.icon-meter:before {
    content: "\e920"
}

.icon-microprocessor:before {
    content: "\e921"
}

.icon-monitor:before {
    content: "\e922"
}

.icon-parcel:before {
    content: "\e923"
}

.icon-phone:before {
    content: "\e924"
}

.icon-planning:before {
    content: "\e925"
}

.icon-power-press:before {
    content: "\e926"
}

.icon-power-tower:before {
    content: "\e927"
}

.icon-pump:before {
    content: "\e928"
}

.icon-robot-arm:before {
    content: "\e929"
}

.icon-scheme:before {
    content: "\e92a"
}

.icon-siren:before {
    content: "\e92b"
}

.icon-statistics:before {
    content: "\e92c"
}

.icon-storage:before {
    content: "\e92d"
}

.icon-tank:before {
    content: "\e92e"
}

.icon-tank-2:before {
    content: "\e92f"
}

.icon-tools:before {
    content: "\e930"
}

.icon-truck:before {
    content: "\e931"
}

.icon-valve:before {
    content: "\e932"
}

.icon-walkie-talkie:before {
    content: "\e933"
}

.icon-waste:before {
    content: "\e934"
}

.icon-welding:before {
    content: "\e935"
}

.icon-wheel:before {
    content: "\e936"
}

.icon-worker:before {
    content: "\e937"
}

.icon-worker-2:before {
    content: "\e938"
}


/*  */



.portfolio-item {
	position: relative;
	margin-bottom: 50px
}
.portfolio-item .portfolio__img {
	position: relative;
	overflow: hidden;
	border-radius: 3px
}
.portfolio-item .portfolio__img:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
	display: block;
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #1b1a1a 100%);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #1b1a1a 100%);
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #1b1a1a 100%);
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #1b1a1a 100%);
	background-image: linear-gradient(top, rgba(0, 0, 0, 0), #1b1a1a 100%);
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear
}
.portfolio-item .portfolio__img img {
	width: 100%;
	max-width: 100%;
	-webkit-transition: all .6s linear;
	-moz-transition: all .6s linear;
	-ms-transition: all .6s linear;
	-o-transition: all .6s linear;
	transition: all .6s linear
}
.portfolio-item:hover .portfolio__img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}
.portfolio-item .portfolio__content {
	padding-top: 30px;
	border-radius: 0 5px 0 0;
	background-color: #fff;
	margin-top: -30px;
	position: relative;
	z-index: 2;
	margin-right: 28px
}
.portfolio-item .portfolio__cat {
	line-height: 1;
	margin-bottom: 11px
}
.portfolio-item .portfolio__cat a {
	position: relative;
	font-size: 13px;
	color: #ff5e14;
	padding-right: 7px
}
.portfolio-item .portfolio__cat a:hover {
	color: #0b2653
}
.portfolio-item .portfolio__cat a::after {
	content: ",";
	position: absolute;
	top: 2px;
	right: 2px
}
.portfolio-item .portfolio__cat a:last-child:after {
	display: none
}
.portfolio-item .portfolio__title {
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	margin-bottom: 18px
}
.portfolio-item .portfolio__title a {
	color: #0b2653
}
.portfolio-item .portfolio__title a:hover {
	color: #ff5e14
}
.portfolio-item .portfolio__desc {
	margin-bottom: 0
}
.portfolio-item .btn__link {
	line-height: 1;
	margin-top: 23px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}
.portfolio-item:hover .btn__link {
	color: #ff5e14
}
.portfolio-item .view__icon {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	opacity: 0;
	z-index: 2;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .7px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	background-color: #ff5e14;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scale(.7) translate(-50%, -50%);
	-moz-transform: scale(.7) translate(-50%, -50%);
	-ms-transform: scale(.7) translate(-50%, -50%);
	-o-transform: scale(.7) translate(-50%, -50%);
	transform: scale(.7) translate(-50%, -50%);
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear
}
.portfolio-item .view__icon:hover {
	background-color: #0b2653
}
.portfolio-item:hover .view__icon {
	opacity: 1;
	-webkit-transform: scale(1) translate(-50%, -50%);
	-moz-transform: scale(1) translate(-50%, -50%);
	-ms-transform: scale(1) translate(-50%, -50%);
	-o-transform: scale(1) translate(-50%, -50%);
	transform: scale(1) translate(-50%, -50%)
}
.portfolio-item .zoom__icon {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 20px;
	height: 20px;
	opacity: 0;
	z-index: 2;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear
}
.portfolio-item .zoom__icon:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 20px;
	background-color: #fff;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.portfolio-item .zoom__icon:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 1px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fff
}
.portfolio-item:hover .zoom__icon {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.portfolio-filter {
	display: flex;
	flex-wrap: wrap
}
.portfolio-filter li {
	margin-bottom: 20px;
	margin-right: 30px
}
.portfolio-filter li:last-child {
	margin-right: 0
}
.portfolio-filter li a {
	position: relative;
	color: #0b2653;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	text-transform: capitalize;
	display: block;
	padding-bottom: 4px
}
.portfolio-filter li a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #ff5e14;
	-webkit-transition: all .7s linear;
	-moz-transition: all .7s linear;
	-ms-transition: all .7s linear;
	-o-transition: all .7s linear;
	transition: all .7s linear
}
.portfolio-filter li a.active,
.portfolio-filter li a:hover {
	color: #ff5e14
}
.portfolio-filter li a.active:after,
.portfolio-filter li a:hover:after {
	width: 100%
}
.portfolio-classic .portfolio-item .portfolio__title {
	margin-bottom: 14px
}
.portfolio-classic .portfolio-item .portfolio__content {
	padding-top: 30px;
	margin-top: 0;
	margin-right: 0
}
.portfolio-carousel .portfolio-item {
	margin-bottom: 0
}
.portfolio-carousel .carousel-arrows .owl-nav .owl-next,
.portfolio-carousel .carousel-arrows .owl-nav .owl-prev {
	top: 40%
}
.portfolio-carousel .carousel-arrows .owl-nav .owl-prev {
	left: -60px
}
.portfolio-carousel .carousel-arrows .owl-nav .owl-next {
	right: -60px
}
.portfolio-carousel .cta__banner {
	position: absolute;
	bottom: 0;
	right: 15px;
	border-radius: 3px
}

.about__text p:first-child{
    color: #0e2b5c;
    font-size: 17px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 26px;
}
.btn__link {
    background-color: transparent;
    border-color: transparent;
    width: auto;
    height: auto;
    line-height: 1;
    border: none;
}

.about-layout1 .cta__banner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 300px;
    padding: 38px 40px;
    border-radius: 3px 3px 0 3px;
}

.about-layout1 .about__img:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -24px;
    width: 40px;
    height: 128px;
    z-index: -1;
    border-top-right-radius: 3px;
    background-color: #ff5e14;
}

.about-layout1 .cta__banner .cta__icon {
    margin-right: 20px;
}

.cta__banner .cta__icon {
    line-height: 1;
}

.about-layout1 .cta__banner .cta__title {
    font-family: Heebo, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 0;
}

.cta__banner .cta__title {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
}
.cta__banner .cta__icon i {
    font-size: 50px;
    line-height: 1;
    color: #fff;
}

.arrow-rounded-blue {
    background-color: #fff;
    color: #0b2653;
}