@font-face{
    font-family:'Glyphter';
    src:url(../fonts/Glyphter.eot);
    src:url(../fonts/Glyphter.eot?#iefix) format("embedded-opentype"),url(../fonts/Glyphter.woff) format("woff"),url(../fonts/Glyphter.ttf) format("truetype"),url(../fonts/Glyphter.svg#Glyphter) format("svg");
    font-weight:400;
    font-style:normal
}
[class*='gly-icon-']:before{
    display:inline-block;
    font-family:'Glyphter';
    font-style:normal;
    font-weight:400;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.gly-icon-plane-ico14:before{
    content:'\0045'
}
.gly-icon-patch-2:before{
    content:'\0046'
}
.f-gypt{
    font-family:'Glyphter'
}
a:link,a:visited,a:hover,a:link:active{
    outline:none;
    border:none;
    text-decoration:none
}
.white-line{
    position:absolute;
    left:254px;
    bottom:-2px;
    width:896pt;
    transform-origin:100% 50%;
    transition-property:transform;
    transition-duration:1.5s;
    transition-timing-function:ease-out;
    animation:dash 5s linear forwards
}
.blue-color{
    mix-blend-mode:hard-light;
    font-size:1239pt;
    display:block;
    color:#31416f;
    position:absolute;
    top:-519pt;
    right:0;
    width:auto
}
.plane-font{
    position:absolute;
    width:auto;
    right:-8px;
    bottom:-66%
}
.plane-font h1{
    font-size:1141px;
    color:#fff;
    background:url(../images/shine.png);
    background-size:100% 100%;
    background-position:100% 100%;
    background-repeat:repeat;
    -webkit-background-clip:text;
    -webkit-text-fill-color:#7bbeeb73;
    animation:animate 2500s linear infinite
}
.f-light{
    font-weight:300
}
.f-regular{
    font-weight:400
}
.f-medium{
    font-weight:500
}
.f-bold{
    font-weight:700
}
body{
    font-family:'Ubuntu',sans-serif
}
.white{
    color:#fff
}
a{
    text-decoration:none
}
button:focus{
    outline:0;
    box-shadow:none
}
.black{
    color:#111c16
}
.yellow{
    color:#f9dd58
}
.blue{
    color:#1e3f93
}
.no-scroll{
    overflow:hidden
}
header{
    position:fixed;
    top:0;
    width:100%;
    left:0;
    right:0;
    z-index:2;
    background-color:#fff;
    box-shadow:0 0 15px #00000021;
    transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
header.shrink{
    position:fixed;
    border-top:0;
    background:#fff;
    box-shadow:0 0 15px rgba(0,0,0,0.12941176470588237)
}
header .logo{
    width:100px;
    transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
header .logo-name{
    color:#000
}
.navbar-expand-md .navbar-nav .nav-link.active,.navbar-expand-md .navbar-nav .nav-link:hover{
    color:#fff
}
.navbar-expand-md .navbar-nav .nav-link:before{
    left:1px;
    background:#1e419a;
    border-bottom:0
}
.navbar-expand-md .navbar-nav .nav-link:hover:before,.navbar-expand-md .navbar-nav .nav-link.active:before{
    opacity:1;
    width:100%
}
.navbar-expand-md .navbar-nav .nav-link:before{
    content:'';
    position:absolute;
    left:2px;
    top:0;
    width:20%;
    height:100%;
    z-index:-1;
    background:#1e419a;
    transform:skew(-12deg);
    opacity:0;
    transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
.navbar-expand-md .navbar-nav .nav-link:hover:before,.navbar-expand-md .navbar-nav .nav-link.active:before{
    opacity:1;
    width:100%
}
header.shrink .logo{
    width:75px
}
header .logo-name{
    display:inline-block;
    font-size:20px;
    margin:0
}
header .navbar{
    background:transparent;
    padding:0;
    justify-content:space-between;
    align-items:start
}
header .navbar-brand{
    margin:0;
    padding:0;
    color:#fff;
    display:flex;
    align-items:center
}
.mobile-navbar .navbar-nav{
    height:97px;
    transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
header.shrink .mobile-navbar .navbar-nav{
    height:73px
}
.navbar-expand-md .navbar-nav .nav-link{
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0 10px;
    margin:0 3px;
    color:#000;
    line-height:1.113;
    font-size:18px;
    z-index:1;
    cursor:pointer;
    font-weight:400;
    position:relative;
    transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
.navbar-expand-md .navbar-nav .nav-item:last-child .nav-link:before{
    display:none
}
.navbar-expand-md .navbar-nav .nav-item:last-child form{
    height:100%
}
.navbar-expand-md .navbar-nav .nav-item:last-child .nav-link{
    cursor:pointer;
    color:#100d00;
    font-size:20px;
    padding:1px 0 1px 20px;
    border-left:1px solid rgba(16,11,11,0.18823529411764706);
    margin:0 0 0 15px;
    height:30px;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
.navbar-expand-md .navbar-nav .nav-item:last-child .nav-link:hover{
    color:#f9dd58
}
header .dropdown-menu{
    padding:0;
    border-radius:0;
    border:0;
    background:transparent;
    margin:0;
    box-shadow:0 5px 15px rgba(0,0,0,0.12156862745098039)
}
header .dropdown-item{
    padding:12px;
    color:#000;
    line-height:1.113;
    font-size:17px;
    z-index:1;
    font-weight:300;
    border-bottom:1px solid #294999;
    background:#fff;
    margin:0;
    transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
    position:relative
}
header .dropdown-item:last-child{
    border-bottom:0
}
header .dropdown-item:before{
    position:absolute;
    content:'';
    left:0;
    top:0;
    z-index:-1;
    width:0;
    height:100%;
    background:#f8dc58;
    transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out
}
header .dropdown-item:hover:before{
    width:100%;
    opacity:1
}
header .dropdown-item:hover{
    background:#f8dc58;
    color:#000
}
.dropdown-item.active,.dropdown-item:active{
    color:#000;
    text-decoration:none;
    background-color:#fff
}
.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{
    z-index:0
}
.home-outer{
    margin-top:95px
}
.home-slider.breadcum{
    margin-top:0
}
.home-slider{
    position:relative;
    overflow:hidden;
    /*height:60vh;
    transition:all .75s cubic-bezier(0.15,0.45,0.25,1);
    -ms-transition:all .75s cubic-bezier(0.15,0.45,0.25,1);
    width:100%*/
}
/*.home-slider .scale_img{
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transform-origin:50% 50%;
    transition:all .75s cubic-bezier(0.15,0.45,0.25,1);
    -ms-transition:all .75s cubic-bezier(0.15,0.45,0.25,1);
    transition-property:opacity,transform;
    will-change:opacity,transform
}*/
.home-slider.zoom .zoom-img{
    transition:all 10s 0 linear;
    -ms-transition:all 10s 0 linear
}
.home-slider.zoom .carousel-item.active .zoom-img{
    transform:scale(1.2);
    -ms-transform:scale(1.2)
}
.home-slider.scale{
    height:50vh
}
.home-slider.scale .scale_img{
    opacity:.2;
    transform:scale(0.5) translateY(50px);
    -ms-transform:scale(0.5) translateY(50px)
}
.banner-caption{
    transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out
}
.home-slider.scale .banner-caption,.home-slider.scale .black-box-wrapper{
    opacity:0
}
.home-slider .banner-caption{
    position:absolute;
    height:100%;
    top:0;
    left:0;
    right:0;
    margin:0 auto
}
.home-slider .text-box h1{
    line-height:1.071;
    font-size:55px;
    margin-bottom:10px;
    margin-top:40%;
    transform:unset;
    top:0
}
.home-slider .text-box p{
    font-size:20px;
    margin:0
}
.home-slider .black-box-wrapper{
    position:absolute;
    right:0;
    left:0;
    margin:0 auto;
    bottom:0
}
.home-slider .black-box{
    background:#050917;
    padding:15px 15px 5px;
    position:absolute;
    bottom:0;
    right:15px;
    width:260px
}
.black-box h5{
    font-size:22px;
    margin:0 0 25px
}
.black-box .view-link{
    text-decoration:none;
    color:#f9dd58;
    display:block;
    font-size:16px;
    font-style:italic;
    position:absolute;
    bottom:10px;
    left:15px;
    z-index:1;
    transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
.black-box .date{
    font-size:13px;
    display:block;
    margin:0 0 5px
}
.caption-box a:hover{
    color:#fff;
     outline:underline;
}
.black-box .news{
    font-size:16px;
    display:block;
    margin:0;
    min-height:80px
}
.black-box .arrows{
    position:static;
    text-align:right;
    opacity:1;
    display:inline-block;
    margin:15px 0 0;
    font-size:18px;
    padding:0 5px;
    width:auto;
    color:#f9dd58
}
.home-slider .scroll-arrow{
    position:absolute;
    bottom:10px;
    left:0;
    cursor:pointer;
    right:0;
    text-align:center;
    margin:0 auto;
    font-size:13px;
    display:block;
    width:100px;
    text-transform:capitalize
}
.home-slider .scroll-arrow .scroll-text{
    opacity:.5;
    display:block;
    margin:4px 0 0;
    transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
.home-slider .scroll-arrow:hover .scroll-text{
    opacity:1
}
.product{
    padding:80px 0 50px;
    background:url(../images/product-bg.jpg);
    background-repeat:repeat;
    background-size:cover
}
.title{
    font-size:36px;
    margin:0 0 10px;
    position:relative
}
.product.product_overview .text-box p{
    font-size:17px;
    margin:0 0 20px;
    line-height:1.471;
    width:auto
}
.product .text-box p,.global .text-box p{
    font-size:17px;
    margin:0 0 10px;
    width:435px;
    line-height:1.471
}
.lets-grow .text-box p{
    width:460px;
    font-size:17px;
    margin:0 0 10px;
    line-height:1.471
}
.product .container{
    position:relative
}
.product .inner-box{
    width:420px;
    height:450px;
    position:relative;
    position:relative;
    display:inline-block;
    transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
    overflow:hidden
}
.product .inner-box .skew-img{
    transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
    transform:skewX(15deg) scale(1.3)
}
.product .outer-div{
    margin:50px 0 0 100px;
    position:relative;
    display:inline-block
}
.product .product-wrapp{
    position:relative;
    width:420px;
    height:470px;
    overflow:hidden;
    padding:0 0 25px 20px;
    transform:skewX(-15deg)
}
.product .product-wrapp .frame{
    position:absolute;
    top:20px;
    left:0;
    border:1px solid #294999;
    width:400px;
    height:450px;
    transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out
}
.product-wrapp .frame:before{
    position:absolute;
    content:'';
    width:400px;
    height:25px;
    top:-26px;
    right:-21px;
    background:rgba(40,73,152,0.7411764705882353);
    transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out
}
.product-wrapp .frame:after{
    position:absolute;
    content:'';
    width:20px;
    height:430px;
    top:-1px;
    right:-20px;
    background:rgba(40,73,152,0.7411764705882353);
    transition:all .4s ease-in-out
}
.product .billets-btn{
    position:absolute;
    left:-20px;
    top:70px
}
.product .slabs-btn{
    position:absolute;
    left:0;
    top:70px
}
.hide_btn{
    display:block;
    position:absolute;
    top:0;
    padding:4px;
    left:0;
    right:0;
    width:140px;
    height:45px;
    font-size:22px;
    transform:translate3d(-100%,0,0);
    transition:transform .3s;
    -ms-transition:transform .3s;
    transition-timing-function:cubic-bezier(0.75,0,0.125,1)
}
.btn-arrow{
    color:#f0d155;
    font-size:15px;
    display:inline-block;
    margin:0 0 0 10px
}
.hide_btn .btn-arrow{
    color:#f0d155;
    font-size:15px;
    display:inline-block;
    margin:0 0 0 10px
}
.btns .show_btn{
    display:block;
    transition:transform .3s;
    -ms-transition:transform .3s;
    transition-timing-function:cubic-bezier(0.75,0,0.125,1)
}
.btns{
    text-decoration:none!important;
    font-size:22px;
    color:#fff;
    background:#294999;
    border:0;
    display:block;
    width:140px;
    padding:4px;
    height:45px;
    text-align:center;
    transform:perspective(1px) translateZ(0);
    position:relative;
    overflow:hidden;
    transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
.product .slabs{
    position:absolute;
    top:0;
    right:7%;
    margin:0
}
.product .slabs .btns{
    width:115px
}
.product.product_overview .slabs{
    position:relative;
    top:0;
    left:0;
    right:0;
    margin:0
}
.product.product_overview .product-wrapp{
    width:255px;
    height:280px;
    transform:skewX(-15deg)
}
.product.product_overview .inner-box{
    width:255px;
    height:260px
}
.product.product_overview .product-wrapp .frame{
    position:absolute;
    top:15px;
    left:5px;
    border:1px solid #294999;
    width:235px;
    height:260px;
    transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out
}
.product.product_overview .frame:before{
    width:240px;
    height:15px;
    top:-16px;
    right:-20px
}
.product.product_overview .frame:after{
    height:245px;
    width:15px;
    right:-16px
}
.product.product_overview .btns,.product.product_overview .hide_btn{
    font-size:18px;
    width:100px;
    padding:2px;
    height:35px
}
.product.product_overview .btn-arrow{
    font-size:10px;
    margin:0 0 0 5px
}
.product.product_overview .slabs .btns{
    width:90px
}
.global{
    padding:70px 0;
    position:relative;
    background:url(../images/global-bg.jpg) repeat-x;
    background-size:cover;
    background-repeat:no-repeat;
    height:600px;
    overflow:hidden
}
.plane-div{
    position:relative;
    background:url(../images/plane.png);
    background-size:59.5%;
    background-position:100% 100%;
    background-repeat:no-repeat;
    height:600px;
    width:100%
}
.blue-bg{
    background:url(../images/blue-bg.png) no-repeat;
    background-size:cover;
    height:600px;
    position:absolute;
    top:0;
    right:0;
    width:100%
}
.global .cloud{
    position:absolute;
    top:0;
    left:0;
    background:url(../images/cloud-bg2.png) repeat-x;
    background-size:cover;
    height:100%;
    width:100%;
    animation:animate 19999s linear infinite
}
@keyframes animate{
    0%{
        background-position:0 0
    }
    100%{
        background-position:999999px 0
    }
}
.global .container{
    position:absolute;
    height:100%;
    top:70px;
    left:0;
    right:0;
    margin:0 auto
}
.global .btns .btn-arrow,.lets-grow .btns .btn-arrow,.policy .btns .btn-arrow{
    color:#f0d155;
    font-size:12px;
    display:inline-block;
    margin:0 0 0 5px
}
.global .btns .hide_btn,.lets-grow .btns .hide_btn,.policy .btns .hide_btn{
    font-size:16px;
    height:35px;
    padding:4px;
    color:#fff
}
.global .btns,.lets-grow .btns{
    font-size:16px;
    position:static;
    height:35px;
    padding:4px;
    margin-top:20px
}
.policy .btns{
    font-size:16px;
    position:static;
    height:35px;
    padding:4px;
    margin:0 auto;
    color:#fff
}
.lets-grow .btns{
    width:155px
}
.lets-grow .col-md-6:last-child{
    overflow:hidden
}
.global h5{
    font-size:27px;
    margin:0;
    line-height:1
}
.global .info-box p{
    font-size:17px;
    margin:0
}
.global .info-box{
    position:absolute;
    display:inline-block
}
.global .style-icon{
    position:absolute;
    font-size:65px;
    display:inline-block
}
.global .experience_icon{
    top:1%;
    right:21%
}
.global .experience-box{
    right:6%;
    top:9%
}
.global .land_icon{
    top:13%;
    right:32%
}
.global .land-box{
    right:21%;
    top:23%
}
.global .global_icon{
    bottom:70%;
    right:36%
}
.global .global-box{
    right:17%;
    bottom:63%
}
.global .clients_icon{
    left:40%;
    bottom:50%
}
.global .clients-box{
    left:49%;
    bottom:44%
}
.global .logical_icon{
    left:20%;
    bottom:33%
}
.global .logical-box{
    left:29%;
    bottom:26%
}
.lets-grow{
    padding:80px 0
}
.lets-grow .gallery-img{
    position:relative
}
.lets-grow .product-wrapp{
    overflow:hidden;
    padding:0 0 30px 50px;
    width:485px;
    height:320px;
    position:relative;
    transform:skewX(-15deg);
    margin:0 auto
}
.lets-grow .inner-box{
    width:485px;
    height:300px;
    position:relative;
    display:inline-block;
    transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
    overflow:hidden
}
.lets-grow .inner-box:before{
    position:absolute;
    content:'';
    left:0;
    right:0;
    bottom:0;
    width:100%;
    background-image:linear-gradient(to top,#000 40%,#ffffff00 100%);
    height:90px;
    z-index:1
}
.lets-grow .skew-img{
    transform:skewX(15deg) scale(1.2);
    transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out
}
.lets-grow .product-wrapp .frame{
    position:absolute;
    top:20px;
    right:19px;
    left:auto;
    border:1px solid #294999;
    width:435px;
    height:300px;
    transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out
}
.lets-grow .product-wrapp .frame:before{
    width:435px;
    height:20px;
    top:-21px
}
.lets-grow .product-wrapp .frame:after{
    height:280px
}
.lets-grow .img-caption{
    font-size:22px;
    line-height:1.227;
    margin:0;
    font-style:italic;
    position:absolute;
    bottom:35px;
    left:90px;
    z-index:1;
    transform:skewX(0deg)
}
.lets-grow .img-caption:before{
    font-size:15px;
    position:absolute;
    right:-37%;
    top:30px;
    content:"\e904";
    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;
    transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
.certifications{
    padding:0 0 50px
}
.certifications .img-wrapp{
    display:flex;
    background-color:#f2f6fe;
    box-shadow:2.481px 12.761px 29px 0 rgba(1,1,1,0.15);
    padding:20px 0
}
.certifications .img-box p{
    font-size:24px;
    margin:0;
    color:#294999;
    font-style:italic;
    text-align:center
}
.certifications .img-box img{
    display:block;
    margin:0 auto
}
.certifications .img-box{
    position:relative;
    width:20%;
    min-height:95px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-right:1px solid #0000000d
}
.certifications .img-box .zoom-icon,.certificate .wrapp .img-box .zoom-icon{
    opacity:0;
    position:absolute;
    top:70%;
    transform:translateY(-50%);
    font-size:25px;
    z-index:2;
    color:#fff;
    left:0;
    right:0;
    text-align:center;
    transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out
}
.certifications .img-box:nth-child(5){
    border-right:0
}
footer{
    background:#172444
}
footer>.container{
    text-align:center
}
footer .column{
    display:inline-block;
    width:33.333%;
    text-align:center;
    padding:20px 0;
    margin:20px 0
}
footer .column:first-of-type{
    border-right:1px solid #f2f6fe29
}
footer .column .wrapp{
    display:inline-block
}

footer .column .style-icon{
    font-size:40px;
    display:inline-block;
    margin:0 15px 0 0;
    transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
footer .text-box{
    display:inline-block;
    text-align:left
}
footer .text-box p{
    font-size:15px;
    margin:0;
    transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
footer .text-box a{
    position:relative;
    bottom:0;
    text-decoration:none;
    font-size:22px;
    display:block;
    color:#fff;
    transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
footer .text-box .s-link{
    display:inline-block;
    text-decoration:none;
    font-size:15px;
    padding:1px;
    width:25px;
    margin:5px 5px 0 0;
    height:25px;
    text-align:center;
    color:#fff;
    border:1px solid #ffffff6b;
    transition:all .5s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
.btm-strip{
    background:#0b1221;
    padding:10px 0
}
.btm-strip p{
    display:inline-block;
    color:#9d9d9d;
    font-size:13px;
    margin:0
}
.btm-strip a{
    text-decoration:none;
    display:inline-block;
    color:#3a56a0;
    font-size:13px;
    margin:0
}
.btm-strip .disclaimer{
    margin:0 0 0 10px;
    transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
.btm-strip .link{
    text-decoration:none;
    display:inline-block;
    color:#9d9d9d;
    font-size:14px;
    margin:0;
    transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
.bg-transparent{
    background:transparent
}
.search-modal,.full-width{
    width:100%;
    max-width:100%;
    margin:0;
    height:100%
}
.search-modal .modal-content{
    display:flex;
    justify-content:center;
    align-items:center
}
.modal{
    background:rgba(0,0,0,0.6392156862745098)
}
.search-modal .input-box{
    border-radius:0;
    border:0;
    background:transparent;
    border-bottom:1px solid #fff;
    color:#fff;
    font-weight:300;
    width:90%;
    display:inline-block;
    padding:15px;
    font-size:25px;
    box-shadow:none
}
.search-modal .submit-btn{
    width:3%;
    display:inline-block;
    margin:0;
    padding:0;
    background:transparent;
    border:0;
    color:#f9dd58;
    font-size:28px;
    position:relative;
    top:10px
}
.search-modal .close-btn{
    position:absolute;
    top:0;
    right:0;
    background:transparent;
    font-size:50px;
    color:#fff;
    border:0;
    font-weight:500
}
.search-modal .input-box::placeholder{
    color:#ddd
}
.br-word{
    display:none
}
.white-line{
    transform:translate(0)!important
}
.breadcum{
    position:relative;
    margin-top:95px
}
.breadcum .parallax-container{
    position:relative;
    overflow:hidden
}
.breadcum .parallax-parent{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.breadcum .parallax-content{
    position:absolute;
    left:50%;
    bottom:0;
    min-width:100%;
    min-height:100%;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.breadcum h1{
    font-size:55px;
    margin:0;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.breadcum .title-box{
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    top:0;
    height:85%
}
.breadcum .link-box{
    background:rgba(0,0,0,0.6);
    padding:20px;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:0 auto
}
.link-box a{
    text-decoration:none!important;
    font-size:17px;
    display:inline-block;
    color:#fff;
    line-height:1.2;
    opacity:.7;
    transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
.link-box .slash{
    font-size:12px;
    padding:0 3px;
    display:inline-block;
    color:#fff;
    line-height:1.2;
    opacity:.7;
    display:inline-block
}
.overview>.container{
    position:relative
}
.wrapp-navbar{
    position:absolute;
    left:15px;
    top:0
}
.affix{
    position:fixed;
    top:100px;
    width:97px;
    right:0;
    left:21%;
    z-index:3
}
.sub-navbar{
    display:inline-block;
    text-align:center;
    background-color:#fff;
    box-shadow:0 5px 24px 0 rgba(0,0,0,0.11)
}
.sub-navbar .list-unstyled{
    margin:0;
    padding:0
}
.sub-navbar .nav-link{
    height:120px;
    position:relative;
    display:block;
    font-size:15px;
    margin:-1px 0 0;
    padding:20px 17px;
    font-weight:300;
    color:#000;
    line-height:1.1;
    transition:all .5s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
.sub-navbar .nav-link:after{
    opacity:0;
    position:absolute;
    width:15px;
    content:'';
    right:-15px;
    top:50%;
    transform:translateY(-50%);
    border-left:15px solid #1e3f93;
    border-top:15px solid transparent;
    border-bottom:15px solid transparent;
    transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out
}
.sub-navbar .nav-link.active:after{
    opacity:1
}
.sub-navbar .nav-item:last-child .nav-link:before{
    display:none
}
.sub-navbar .nav-link:before{
    content:'';
    position:absolute;
    width:80%;
    height:1px;
    background:#e2e1e1;
    left:0;
    right:0;
    bottom:-1px;
    margin:0 auto
}
.sub-navbar .nav-link.active .style-icon:before{
    transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
.sub-navbar .nav-link:hover{
    background:#e2e6f1
}
.sub-navbar .nav-link.active{
    color:#fff;
    background:#1e3f93
}
.sub-navbar .nav-link.active .style-icon:before{
    color:#fff
}
.sub-navbar .nav-link.active .style-icon{
    color:#fff
}
.sub-navbar .nav-link .style-icon{
    display:block;
    font-size:50px;
    color:#1e3f93;
    margin:0 0 5px;
    transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out
}
.sub-navbar .nav-item:nth-child(1) .nav-link .style-icon{
    transform:rotate(35deg)
}
.sub-navbar .nav-item:nth-child(3) .nav-link .style-icon,.sub-navbar .nav-item:nth-child(4) .nav-link .style-icon{
    font-size:42px
}
.title{
    font-size:36px;
    margin:0 0 20px;
    line-height:1
}
.about-content p{
    font-size:17px;
    margin:0 0 20px
}
.about-content{
    padding:50px 0
}
.about-almex{
    background:#f6f7fb
}
.about-content .container{
    padding-left:175px
}
.about-content .img-box{
    overflow:hidden;
    position:relative
}
.about-content .img-box img{
    transform:skew(5deg) scale(1.15);
    position:relative;
    display:block;
    transition:all .3s ease-in-out
}
.about-content .img-wrapp{
    position:relative;
    padding:20px;
    transform:skew(-5deg)
}
.about-content .img-wrapp:before{
    position:absolute;
    content:'';
    left:0;
    top:0;
    z-index:-1;
    width:100px;
    height:200px;
    background:#1e3f93;
    transition:all .3s ease-in-out
}
.about-content .img-wrapp:after{
    position:absolute;
    content:'';
    right:0;
    bottom:0;
    z-index:-1;
    width:100px;
    height:200px;
    background:#e2e6f1;
    transition:all .3s ease-in-out
}
.vision-mission .parallax-container{
    position:relative;
    overflow:hidden;
    height:460px
}
.vision-mission .parallax{
    position:absolute;
    left:0;
    right:0
}
.vision-mission .parallax img.parallax-img{
    position:absolute;
    left:50%;
    bottom:0;
    min-width:100%;
    min-height:100%;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.vision-mission h5{
    font-size:25px;
    margin:0 0 5px
}
.vision-mission p{
    font-size:16px;
    margin:0 0 10px;
    line-height:23px
}
.vision-mission .title{
    margin:0 0 70px;
    position:relative
}
.vision-mission .container{
    margin-top:50px
}
.vision-mission .hieght-div{
    height:250px
}
.vision-mission .wrapp .circle-line{
    position:absolute;
    top:-1px;
    right:0;
    font-size:196px;
    color:#fff
}
.vision-mission .wrapp{
    position:relative;
    margin:0 auto;
    width:540px;
    padding:30px 45px 30px 75px
}
.vision-mission .wrapp .tab-content{
    background:#213e87cc;
    padding:10px 30px 10px 60px;
    border-radius:25px;
    border-top-left-radius:80px;
    border-bottom-left-radius:130px;
    transform:skewX(-10deg);
    position:relative;
    z-index:1
}
.vision-mission .wrapp .tab-content .tab-pane{
    transform:skewX(10deg);
    min-height:105px
}
.vision-mission .nav-tabs{
    border-bottom:0;
    display:block
}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{
    background:transparent
}
.vision-mission .nav-wrapp{
    width:150px;
    position:absolute;
    left:-48px;
    transform:skew(0deg);
    top:-60px
}
.vision-mission .nav-tabs .nav-link{
    border:0;
    padding:0;
    display:block;
    width:140px;
    height:150px;
    position:relative
}
.vision-mission .nav-tabs .nav-link span{
    display:block;
    font-size:150px;
    position:absolute;
    top:0;
    left:0;
    transition:all .3s ease-in-out
}
.vision-mission .nav-tabs .nav-link span.non-fill{
    opacity:1
}
.vision-mission .nav-tabs .nav-link span.fill{
    opacity:0
}
.vision-mission .nav-tabs .nav-link.active span.fill{
    opacity:1
}
.vision-mission .nav-tabs .nav-link.active span.non-fill{
    opacity:0
}
.vision-mission .nav-tabs .nav-link .tab-icon{
    color:#fff;
    font-size:60px;
    position:absolute;
    text-align:center;
    display:block;
    left:0;
    right:0;
    top:0
}
.vision-mission .nav-tabs .nav-item:first-child{
    margin-bottom:10px
}
.vision-mission .nav-tabs .nav-item:first-child .nav-link .tab-icon{
    transform:translate(-5px,75px);
    font-size:35px
}
.vision-mission .nav-tabs .nav-item:last-child .nav-link .tab-icon{
    transform:translate(0px,35px)
}
.management{
    padding:50px 0
}
.management .title{
    position:relative;
    margin:0
}
.management .title.unit-head{
    margin:80px 0 0
}
.management .title.company{
    margin:80px 0 0
}
.management .title.unit-head:before,.management .title.unit-head:after{
    width:41%
}
.management .title.title.company:before,.management .title.title.company:after{
    width:34%
}
.management .title:before,.specifications .title:before,.gallery .title:before,.contact .title:before,.our-presence .title:before,.form-section .title:before /.technology .title:before */
{
    content:'';
    position:absolute;
    width:35%;
    height:1px;
    background:#e2e1e1;
    top:50%;
    left:0;
    transform:translateY(-50%)
}
.management .title:after,.specifications .title:after,.gallery .title:after,.contact .title:after,.our-presence .title:after,.form-section .title:after /.technology .title:after */
{
    content:'';
    position:absolute;
    width:35%;
    height:1px;
    background:#e2e1e1;
    top:50%;
    right:0;
    transform:translateY(-50%)
}
.specifications .title:before,.specifications .title:after{
    width:38%
}
.gallery .title:before,.gallery .title:after{
    width:43%
}
.our-presence .title:before,.our-presence .title:after{
    width:38%
}
.form-section .title:before,.form-section .title:after,.technology .title:before,.technology .title:after{
    width:41%
}
.management .container{
    padding:0 50px
}
.management .wrapper{
    margin:30px 20px 0;
    position:relative;
    transform:skewX(-10deg)
}
.management .skew-box{
    background:#edeff4;
    padding:40px 0;
    text-align:center;
    position:relative;
    top:10px;
    left:10px;
    transition:all .5s ease-in-out
}
.management .wrapper:before{
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    left:0;
    top:0;
    border:1px solid #e2e1e1;
    transition:all .5s ease-in-out
}
.management p{
    color:#111c16;
    font-size:19px;
    margin:0;
    line-height:1.2;
    transform:skewX(10deg);
    transition:all .3s ease-in-out
}
.policy{
    padding:50px 0
}
.policy p{
    font-size:17px;
    margin:15px 0 20px
}
.policy .wrapper{
    padding:20px 50px
}
.policy .row{
    position:relative
}
.policy .divider{
    position:absolute;
    left:0;
    right:0;
    width:1px;
    height:100%;
    margin:0 auto;
    background:#eaeaea;
    transform:skew(-10deg)
}
.industries .title{
    position:absolute;
    top:50px;
    width:auto;
    left:0;
    right:0;
    z-index:1
}
.industries .btm-title{
    font-size:17px;
    position:absolute;
    top:100px;
    width:40%;
    margin:0 auto;
    left:0;
    right:0;
    z-index:1
}
.industries .wrapper{
    position:relative;
    height:600px;
    overflow:hidden;
    margin:0 auto;
    background:#fff;
    padding:0;
    text-align:left
}
.industries .body{
    width:100%;
    display:table;
    table-layout:fixed;
    margin:0;
    padding:0;
    height:100%;
    overflow:hidden
}
.industries .column{
    display:table-cell;
    width:33.33%;
    background-repeat:no-repeat;
    background-position:center;
    transition:all .8s ease-in-out;
    -moz-transition:all .8s ease-in-out;
    -webkit-transition:all .8s ease-in-out;
    -ms-transition:all .8s ease-in-out;
    -o-transition:all .8s ease-in-out;
    background-size:cover;
    height:100%;
    vertical-align:bottom;
    position:relative;
    transform:skew(-10deg)
}
.industries .column:nth-child(1){
    background-image:url(../images/aerospace.jpg)
}
.industries .column:nth-child(2){
    background-image:url(../images/defence.jpg)
}
.industries .column:nth-child(3){
    background-image:url(../images/transport.jpg)
}
.industries .column:nth-child(1),.industries .column:nth-child(2),.industries .column:nth-child(3){
    transform:skew(-10deg) scale(1.20)
}
.industries .column:nth-child(1) .style-icon:before{
    transform:rotate(-100deg);
    display:block
}
.industries .column:nth-child(2) .style-icon{
    font-size:100px;
    height:55px;
    position:relative;
    bottom:20px
}
.industries .column:nth-child(3) .style-icon{
    font-size:60px;
    height:50px;
    transform:rotateY(190deg) skew(-10deg)
}
.industries .wrapp-box{
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
    width:100%;
    height:100%
}
.industries .column .info-box{
    text-align:center;
    background:rgba(0,0,0,0.3803921568627451);
    position:absolute;
    top:60%;
    transform:translateY(-60%);
    left:0;
    right:0;
    margin:0 auto;
    width:150px;
    height:110px;
    padding:10px
}
.industries .style-icon{
    font-size:50px;
    display:block;
    color:#fff
}
.industries .info-box p{
    color:#f8d752;
    font-size:25px;
    margin:10px 0 0;
    transform:skew(10deg);
    line-height:1
}
.certificate{
    padding:50px 0;
    background:#f2f6fe
}
.certificate .container{
    padding:0 50px
}
.certificate .title{
    margin:0 0 40px
}
.certificate .wrapp{
    display:block;
    text-decoration:none
}
.certificate .wrapp p{
    font-size:15px;
    margin:15px 0 0;
    text-align:center
}
.certificate .wrapp .img-box{
    background-color:#fff;
    box-shadow:0 2px 16px 0 rgba(41,73,153,0.09);
    height:125px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative
}
.certificate .wrapp .img-box img{
    width:auto
}
.certificate-slider{
    display:flex;
    justify-content:space-between
}
.certificate-slider .item{
    width:23%
}
.specifications{
    padding:50px 0
}
.specifications .title{
    margin:0 0 50px
}
.specifications .page-title{
    width:65%;
    margin:0 auto 40px
}
.page-title p{
    font-size:17px
}
.contact .page-title,.technology .page-title{
    width:70%;
    margin:0 auto 40px
}
.specifications .page-title h2,.contact .page-title h2,.technology .page-title h2{
    font-size:22px;
    margin:0;
    line-height:1.409
}
.sustainability .page-title h2{
    font-size:22px;
    margin:0 0 20px;
    line-height:1.409
}
.specifications .wrapp{
    margin:0 0 20px
}
.specifications .wrapp h5{
    font-size:25px;
    margin:0 0 5px
}
.specifications .wrapp .size{
    display:block;
    font-size:17px
}
.specifications .wrapp p{
    font-size:17px;
    margin:0 0 10px
}
.specifications .wrapp .style-icon{
    font-size:50px;
    display:block;
    float:left;
    background:#eff1f7;
    padding:15px;
    color:#1e3f93;
    transform:skew(-10deg);
    width:90px;
    text-align:center
}
.specifications .wrapp .style-icon:before{
    transform:skew(10deg);
    display:block
}
.specifications .box-border .col-sm-6:nth-child(4) .wrapp .style-icon:before{
    transform:skew(10deg) rotate(120deg);
    display:block
}
.specifications .wrapp .info-box{
    float:right;
    width:80%;
    min-height:240px;
    padding:0 15px 0 0
}
.specifications .col-sm-6:nth-child(3) .wrapp .info-box,.specifications .col-sm-6:nth-child(4) .wrapp .info-box{
    min-height:160px
}
.specifications.cast_slabs .wrapp .info-box{
    min-height:175px
}
.specifications .box-border .wrapp{
    position:relative
}
.specifications .box-border .col-sm-6:nth-child(1) .wrapp:before{
    position:absolute;
    content:'';
    right:0;
    top:0;
    height:90%;
    width:1px;
    background:#e2e1e1
}
.specifications .box-border .col-sm-6:nth-child(1) .wrapp:after{
    position:absolute;
    content:'';
    left:0;
    bottom:0;
    height:1px;
    width:95%;
    background:#e2e1e1
}
.specifications .box-border .col-sm-6:nth-child(2) .wrapp:after{
    position:absolute;
    content:'';
    right:0;
    bottom:0;
    height:1px;
    width:100%;
    background:#e2e1e1
}
.specifications .box-border .col-sm-6:nth-child(3) .wrapp:after{
    position:absolute;
    content:'';
    right:0;
    top:0;
    height:95%;
    width:1px;
    background:#e2e1e1
}
.specifications .box-border .col-sm-6:nth-child(3) .wrapp,.specifications .box-border .col-sm-6:nth-child(4) .wrapp{
    padding:30px 0 0
}
.specifications .blue-text p{
    font-size:17px;
    margin:0 0 15px
}
.gallery{
    padding:0 0 50px
}
.gallery .title{
    margin:0 0 40px
}
.gallery .slider-wrapp{
    width:75%;
    margin:0 auto
}
.gallery .slider-wrapp .item{
    padding:50px 40px 0 70px
}
.gallery .wrapp{
    position:relative;
    border:1px solid #4b65a9;
    transform:skew(-10deg)
}
.gallery .img-box{
    position:relative;
    overflow:hidden;
    bottom:30px;
    left:-30px
}
.gallery .img-box img{
    transform:skew(10deg) scale(1.1);
    transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
.gallery .owl-theme .owl-nav{
    position:absolute;
    top:45%;
    left:0;
    right:0;
    width:100%
}
.gallery .owl-theme .owl-nav [class*=owl-]{
    color:#000;
    font-size:25px;
    margin:0;
    padding:5px 15px;
    background:transparent;
    display:inline-block;
    cursor:pointer;
    border-radius:0;
    border:1px solid #4b65a9;
    transform:skew(-10deg)
}
.gallery .owl-theme .owl-nav [class*=owl-]:hover{
    background:transparent;
    color:#000
}
.gallery .owl-theme .owl-nav [class*=owl-] span{
    display:block;
    transform:skew(10deg)
}
.gallery .owl-theme .owl-nav .owl-next{
    position:absolute;
    right:-5%
}
.gallery .owl-theme .owl-nav .owl-prev{
    position:absolute;
    left:-5%
}
.gallery .owl-theme .owl-nav .disabled{
    opacity:.1;
    cursor:default !important
}

.lg-outer .lg-img-wrap {
    padding: 45px 0 !important;
}

.lg-backdrop{
    background-color:#000000c9!important
}
.media{
    padding:50px 0
}
.media .nav-tabs{
    border-bottom:0;
    align-items:center;
    justify-content:center;
    transform:skew(-10deg)
}
.media .nav-tabs .nav-item:first-child .nav-link{
    border-right:0
}
.media .nav-tabs .nav-link{
    position:relative;
    text-decoration:none;
    font-size:19px;
    border:1px solid #bdc2d2;
    border-radius:0;
    padding:10px 20px;
    text-align:center;
    width:160px;
    display:block;
    color:#111c16;
    background:transparent;
    transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
.media .nav-tabs .nav-link span{
    display:block;
    transform:skew(10deg)
}
.media .nav-tabs .nav-link:before{
    position:absolute;
    content:'';
    left:0;
    right:0;
    bottom:-14px;
    margin:0 auto;
    width:15px;
    opacity:0;
    border-top:15px solid #1e419a;
    transform:skew(10deg);
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
.media .nav-tabs .nav-link.active:before{
    opacity:1
}
.media .nav-tabs .nav-link:focus,.media .nav-link:hover{
    background:#e2e6f1
}
.media .nav-tabs .nav-link.active{
    background:#1e419a;
    color:#fff
}
.media .nav-wrapp{
    margin:0 0 50px
}
.media .pdf-box{
    text-decoration:none!important;
    display:flex;
    padding:0 0 35px;
    margin:0 0 30px;
    border-bottom:1px solid #e2e1e1
}
.media .pdf-box .icon-style{
    display:inline-block;
    font-size:65px;
    color:#d6dcec;
    margin:0 10px 0 0
}
.media .pdf-box.link .icon-style{
    opacity:0
}
.media .pdf-box .text-box{
    display:inline-block;
    padding:0 0 10px 25px;
    position:relative
}
.media .pdf-box.link .text-box:before{
    position:absolute;
    content:'';
    top:0;
    left:0;
    width:8px;
    height:100%;
    background:#f2f6fe
}
.media .pdf-box p{
    font-size:22px;
    margin:0 0 10px;
    padding:0 50px 0 0
}
.media .pdf-box .date{
    display:block;
    font-size:16px;
    line-height:0.6
}
.btns.view-btn{
    padding:0;
    text-align:center;
    margin:0 auto;
    background:transparent;
    font-size:19px;
    color:#a1a1a1;
    border:1px solid #acb3c7;
    text-decoration:none!important;
    transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out
}
.btns.view-btn .hide_btn,.btns.view-btn .show_btn{
    font-size:19px;
    padding:6px
}
.contact{
    padding:50px 0 0
}
.contact .container{
    position:relative
}
.contact .title{
    margin:0 0 25px
}
.our-presence .title{
    margin:0 0 40px
}
.our-presence{
    padding:130px 0 15px
}
.our-presence .container{
    position:relative
}
.our-presence .address-box{
    background:#f4f5f9;
    padding:30px 20px 20px 45px;
    min-height:195px
}
.our-presence .wrapp h5{
    font-size:21px;
    margin:0 0 5px
}
.our-presence .wrapp p{
    font-size:16px;
    margin:0 0 10px
}
.our-presence .wrapp .detail-box{
    border:1px solid #e0e2ea;
    position:relative;
    min-height:137px
}
.our-presence .wrapp .detail-box:before{
    position:absolute;
    content:'';
    left:-7px;
    top:-12px;
    width:20px;
    transform:rotate(27deg);
    border-top:21px solid #1e3f93;
    border-left:10px solid transparent;
    border-right:39px solid transparent
}
.our-presence .detail-box .call-box{
    display:flex
}
.our-presence .detail-box .style-icon{
    background:#1e3f93;
    padding:10px;
    text-align:center;
    font-size:20px;
    display:inline-flex;
    width:50px;
    float:left;
    height:45px;
    color:#fff;
    align-items:center;
    justify-content:center;
    position:relative
}
.our-presence .detail-box .style-icon:after{
    position:absolute;
    content:'';
    right:-5px;
    top:50%;
    transform:translateY(-50%);
    border-left:5px solid #1e3f93;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent
}
.our-presence .detail-box a{
    text-decoration:none;
    font-size:16px;
    display:flex;
    color:#111c16;
    width:100%;
    align-items:center;
    margin:0 0 0 15px;
    transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
.mapping .nav-tabs{
    border-bottom:0;
    width:100%;
    justify-content:space-between
}
.mapping .nav-tabs .nav-item{
    margin-bottom:0;
    width:31.5%
}
.mapping .nav-tabs .nav-link{
    text-align:center;
    color:#1e3f93;
    border:1px solid #c1cae1;
    border-radius:0;
    padding:15px;
    font-size:18px;
    font-weight:400;
    width:100%;
    display:block;
    position:relative;
    transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out
}
.mapping .nav-tabs .nav-link.active:before{
    position:absolute;
    content:'';
    left:0;
    right:0;
    bottom:-15px;
    width:15px;
    margin:0 auto;
    border-top:15px solid #1e3f93;
    border-left:15px solid transparent;
    border-right:15px solid transparent
}
.mapping .nav-tabs .nav-link.active,.mapping .nav-tabs .nav-link:hover{
    background:#1e3f93;
    color:#fff;
    border:1px solid #1e3f93
}
.mapping .map-div{
    margin-top:30px
}
.form-section{
    padding:50px 0
}
.form-section .title{
    margin:0 0 40px
}
.form-section .form-group{
    margin-bottom:40px;
    position:relative
}
.form-section .form-group label{
    position:absolute;
    top:-10px;
    left:20px;
    font-size:17px;
    margin:0;
    display:inline-block;
    background:#fff;
    line-height:1.3;
    padding:0 10px
}
.form-section .form-group input::placeholder,.form-section .form-group textarea::placeholder{
    font-size:19px;
    color:#111c16;
    font-weight:300;
    line-height:1;
    opacity:.5
}
.form-section .form-group .input-box:focus,.form-section .form-group .message-box:focus{
    outline:0;
    box-shadow:none
}
.form-section .form-group .input-box{
    border:1px solid #cbd0dc;
    color:#7e8891;
    border-radius:0;
    padding:20px;
    font-size:18px;
    height:calc(2.5em + .75rem + 2px)
}
.form-section .form-group .message-box{
    border:1px solid #cbd0dc;
    border-radius:0;
    padding:20px;
    font-size:18px
}
.form-section .btns,.form-section .hide_btn,.form-section .show_btn{
    color:#fff;
    background:#1e3f93;
    display:inline-block;
    border:0;
    width:100px;
    height:45px
}
.form-section .btns.clear{
    margin:0 20px 0 0
}
.form-section .g-recaptcha>div{
    margin:0 auto
}
.technology{
    padding:50px 0;
    overflow:hidden
}
.technology .title{
    margin:0 0 20px
}
.technology p{
    font-size:17px;
    margin:0 0 20px
}
.technology .process-title{
    padding:20px;
    border:1px solid #1e3f934a;
    border-radius:10px;
    border-style:dashed;
    width:40%;
    margin:35px auto 0;
    text-align:center;
    transform:skew(-10deg);
    position:relative
}
.technology .process-title:before{
    position:absolute;
    content:'';
    bottom:-17px;
    left:0;
    right:0;
    width:35px;
    height:35px;
    background:#25459a;
    margin:0 auto;
    border-radius:100px;
    border:10px solid #fff;
    transform:skew(10deg)
}
.technology .process-title h3{
    margin:0;
    font-size:36px;
    transform:skew(10deg)
}
.custom-service{
    background:#fff;
    position:absolute;
    left:auto;
    right:0;
    top:-90%;
    width:55%;
    transform:skew(-10deg);
    padding:30px 50px;
    box-shadow:2.93px -8.51px 29px 0 rgba(0,0,0,0.17)
}
.custom-service:before{
    position:absolute;
    content:'';
    right:0;
    left:20px;
    top:-20px;
    width:100%;
    height:100%;
    border:1px solid #fff
}
.custom-service .text-box{
    transform:skew(10deg)
}
.custom-service h5{
    font-size:20px;
    margin:0 0 10px
}
.custom-service p{
    font-size:16px;
    margin:0 0 10px
}
.disclaimer-div{
    padding:50px 0
}
.disclaimer-div.sustainability{
    padding:50px 0
}
.disclaimer-div .title{
    margin:0 0 30px
}
.disclaimer-div p{
    font-size:17px;
    margin:0 0 15px
}
.help-block{
    color:#b94a48;
    position:absolute;
    font-size:13px
}
.lg-sub-html,.lg-toolbar{
    background-color:rgba(0,0,0,0.83)!important
}
.technology .wrapp{
    position:relative;
    overflow:hidden;
    width:442px;
    height:335px;
    transform:skewX(-10deg);
    margin-left:50px
}
.technology .wrapp .inner-div{
    overflow:hidden;
    width:422px
}
.technology .wrapp .frame{
    width:422px;
    height:315px;
    position:absolute;
    border:1px solid #294999;
    top:20px;
    left:20px;
    transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out
}
.technology .wrapp .frame:before{
    content:'';
    position:absolute;
    left:-21px;
    top:-21px;
    width:420px;
    height:20px;
    background:#25459a87;
    transition:all .5s ease-in-out
}
.technology .wrapp .frame:after{
    content:'';
    position:absolute;
    left:-20px;
    top:-1px;
    width:20px;
    height:295px;
    background:#25459a87;
    transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out
}
.technology .wrapp .skew-img{
    transform:skewX(10deg) scale(1.15);
    transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out
}
.technology .outer-div .serial-box{
    width:135px;
    height:70px;
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%)
}
.technology .outer-div .serial-box .number{
    display:block;
    font-size:35px;
    height:75px;
    width:75px;
    padding:10px;
    border:1px solid #25459a;
    border-style:dashed;
    border-radius:50px;
    text-align:center;
    margin:0 0 0 auto
}
.technology .outer-div .serial-box .line{
    display:block;
    border:1px solid rgba(76,100,163,0.6313725490196078);
    border-style:dashed;
    width:65px;
    top:50%;
    left:-10px;
    transform:translateY(-50%);
    position:absolute
}
.technology .outer-div .blue-dot{
    position:absolute;
    left:-36px;
    top:50%;
    transform:translateY(-50%);
    width:25px;
    height:25px;
    display:block;
    background:#294999;
    margin:0 auto 0 0;
    border-radius:100px;
    border:4px solid #fff
}
.technology .text-box{
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.technology .text-box h3{
    font-size:30px;
    margin:0 0 10px
}
.technology .text-box p{
    font-size:17px;
    margin:0
}
.technology .text-box .blur-text{
    opacity:.04;
    display:block;
    position:absolute;
    left:0;
    top:-60px;
    font-size:60px;
    z-index:-1
}
.technology .right-start .wrapp{
    margin:0 70px 0 auto;
    padding:0 0 0 20px
}
.technology .right-start .outer-div .serial-box{
    left:0;
    right:auto
}
.technology .right-start .wrapp .frame{
    left:0
}
.technology .right-start .wrapp .frame:after{
    right:-20px;
    left:auto
}
.technology .right-start .wrapp .frame:before{
    left:20px;
    top:-21px
}
.technology .right-start .outer-div .serial-box .number{
    margin:0 auto 0 0
}
.technology .right-start .outer-div .blue-dot{
    left:auto;
    right:-35px
}
.technology .right-start .outer-div .serial-box .line{
    left:auto;
    right:-10px
}
.technology .left-offset .wrapp{
    margin-left:120px
}
.technology .left-offset .outer-div .serial-box{
    right:40px
}
.technology .left-offset .text-box{
    left:-25px
}
.technology .right-start.pull-text-box .text-box{
    margin:0 40px
}
.line-1{
    transform:translateX(96%)
}
.line-2{
    transform:translateX(42%)
}
.line-3{
    transform:translateX(150%)
}
.line-4{
    transform:translateX(150%)
}
.line-5{
    transform:translateX(40%)
}
.line-6{
    transform:translateX(40%)
}
.line-7{
    transform:translateX(150%)
}
.line-8{
    transform:translateX(150%)
}
.line-9{
    transform:translateX(40%)
}
.line-10{
    transform:translateX(40%)
}
.top-arrow{
    display:none;
    text-decoration:none!important;
    background:#294999;
    position:fixed;
    right:15%;
    bottom:9%;
    color:#fff;
    padding:6px 0 0;
    font-size:18px;
    height:35px;
    width:33px;
    text-align:center;
    transform:rotate(-90deg);
    transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out
}
.top-arrow:hover{
    color:#f9dd58
}
.cse .gsc-search-button-v2,.gsc-search-button-v2{
    font-size:0;
    padding:18px 27px!important
}
.gs-title *{
    font-weight:500;
    color:#1a449a!important
}
.gs-snippet{
    font-weight:300
}
.gsc-webResult.gsc-result,.gsc-results .gsc-imageResult{
    border-bottom:1px dashed #9f1316!important
}
.page-intro-line{
    padding:50px 0
}
.gsc-results{
    padding-top:30px
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page{
    background:#294999!important;
    border:1px solid #294999!important
}
.gsc-results .gsc-cursor-box .gsc-cursor-page{
    border:1px solid #f3d556;
    background:#f3d556
}
.process-step-6{
    margin-top:1px
}
.process-line1{
    width:274px;
    margin-left:276px;
    margin-top:-10px
}
.process-line2{
    width:625px;
    margin-left:262px;
    margin-top:0
}
.process-line3{
    width:650px;
    margin-left:500px;
    margin-top:0;
    margin-bottom:-20px
}
.process-line4{
    width:650px;
    margin-left:490px;
    margin-top:0
}
.process-line5{
    width:550px;
    margin-left:310px;
    margin-top:0
}
.process-line6{
    width:550px;
    margin-left:260px;
    margin-top:0
}
.process-line7{
    width:650px;
    margin-left:530px;
    margin-top:0
}
.process-line8{
    width:650px;
    margin-left:425px;
    margin-top:0
}
.process-line9{
    width:650px;
    margin-left:140px;
    margin-top:0
}
.process-line10{
    width:650px;
    margin-left:260px;
    margin-top:0
}
.show-animation{
    overflow:hidden
}
.top-show-animation .fade-in-down{
    animation:1s 1s fadeInDown both
}
.top-show-animation .fade-in-left{
    animation:1s 1s fadeInLeft both
}
.left-fade-in{
    opacity:0;
    -webkit-transform:translateX(-40px);
    -moz-transform:translateX(-40px);
    -ms-transform:translateX(-40px);
    -o-transform:translateX(-40px);
    transform:translateX(-40px);
    -webkit-transition:all .6s ease-out;
    -moz-transition:all .6s ease-out;
    -ms-transition:all .6s ease-out;
    -o-transition:all .6s ease-out;
    transition:all .6s ease-out
}
.right-fade-in{
    opacity:0;
    -webkit-transform:translateX(40px);
    -moz-transform:translateX(40px);
    -ms-transform:translateX(40px);
    -o-transform:translateX(40px);
    transform:translateX(40px);
    -webkit-transition:all .6s ease-out;
    -moz-transition:all .6s ease-out;
    -ms-transition:all .6s ease-out;
    -o-transition:all .6s ease-out;
    transition:all .6s ease-out
}
.left-fade-in.visible,.right-fade-in.visible{
    opacity:1;
    -webkit-transform:none;
    -moz-transform:none;
    -ms-transform:none;
    -o-transform:none;
    transform:none
}
.opacity-none{
    opacity:0!important
}
.line-draw-trigger{
    height:2px;
    width:2px;
    background:transparent
}
.arrow{
    opacity:0
}
sup{
    color:#b94a48
}
.error_page{
    padding:100px 0;
    text-align:center
}
.error_page .title{
    margin:0 0 15px
}
.error_page h2{
    font-size:25px;
    margin:0 0 10px
}
.error_page p{
    line-height:1.3;
    font-size:17px;
    margin:0 0 25px
}
.error_page .btns{
    display:inline-block;
    margin-right:10px;
    width:120px;
    font-size:18px;
    height:40px;
    border:1px solid #294999
}
.error_page .btns:hover{
    background:#fff;
    color:#294999
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){
    .industries .column .info-box{
        transform:translateY(280%);
        color:red
    }
    .certifications .img-box p{
        position:relative;
        top:50%;
        transform:translateY(-50%)
    }
    .gallery .wrapp{
        border:3px solid #4b65a9
    }
    .certificate .wrapp .img-box{
        display:block;
        text-align:center
    }
    .certificate .wrapp .img-box img{
        position:relative;
        top:50%;
        display:block;
        margin:0 auto;
        transform:translateY(-50%)
    }
    .certifications .img-box{
        display:block;
        text-align:center
    }
    .certifications .img-box img{
        position:relative;
        top:50%;
        transform:translateY(-50%);
        display:block;
        margin:0 auto
    }
    .industries .column:nth-child(2) .style-icon:before{
        transform:skew(10deg) translate(17%,-32%);
        position:absolute;
        top:50%
    }
    .plane-div,.blue-color,.plane-font,.white-line{
        display:none!important
    }
    .blue_bg_img{
        background:url(../images/blue-bg-img.png) no-repeat;
        background-size:85%;
        height:600px;
        background-position:100% -40%
    }
    .global .experience_icon{
        top:1%;
        right:17%
    }
    .global .experience-box{
        right:2%;
        top:10%
    }
    .global .land_icon{
        top:8%;
        right:22%
    }
    .global .land-box{
        right:12%;
        top:16%
    }
    .global .global_icon{
        bottom:70%;
        right:32%
    }
    .global .global-box{
        right:13%;
        bottom:62%
    }
    .global .clients_icon{
        left:44%;
        bottom:50%
    }
    .global .clients-box{
        left:53%;
        bottom:43%
    }
    .global .logical_icon{
        left:24%;
        bottom:32%
    }
    .global .logical-box{
        left:32%;
        bottom:24%
    }
}
@media(min-width: 1200px) and (max-width: 1500px){
    .industries .column .info-box{
        top:auto;
        bottom:95px
    }
}