#banner {position:relative; z-index:9; overflow:hidden; height: 595px;}
#banner ul {margin:0 auto; padding: 0; list-style: none;}
#banner ul li {height: 595px !important;}
#banner ul li [class^="col-"] {height: 595px !important;}
#banner h2 {font-size: 321%; font-weight: 300; color: #0095da; margin: 0 0 10px; padding: 0;}
#banner p {font-size: 114%; font-weight: 400; color: #818285;}
#banner .banner-product-img {position: absolute; right: 15px; bottom: 40px;}
#banner .banner-product-info {position: absolute; left: 15px; bottom: 125px;}
#banner .banner02 .banner-product-info {bottom: 150px;}

#banner .bx-wrapper .bx-viewport {background-color: transparent;}
#banner .bx-wrapper {margin:0 auto;}
#banner .bx-wrapper .bx-prev {right: 100px; left: auto;}
#banner .bx-wrapper .bx-next {right: 50px;}

#banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:15px; left:0; right:0; text-align:center; margin:0 auto; padding:0; max-width: 1140px;}
#banner .bx-wrapper .bx-pager.bx-default-pager a{ background:url(../images/pager.png) no-repeat 0 0; width: 10px; height: 23px; transition: none;}
#banner .bx-wrapper .bx-pager.bx-default-pager a:hover,#banner  .bx-wrapper .bx-pager.bx-default-pager a.active{ background-position:-25px 0;}
#banner .bx-wrapper .bx-viewport, #banner .bx-wrapper .bx-loading {background-color: transparent;}
#banner .bx-wrapper .bx-controls-auto{ text-indent:-9999px; display:none;}

#banner .bx-wrapper .bx-controls-direction a {width: 42px; height: 42px; margin-top: -21px; top: auto; bottom: 48px;}
#banner .bx-wrapper .bx-prev {background-position: 0 0;}
#banner .bx-wrapper .bx-next {background-position: -51px 0;}

#usp .item {padding: 40px 0;}
#usp .icon {margin-bottom: 20px; height: 93px;}
#usp h3 {font-size: 179%; font-weight: 300; color: #0095da; margin: 0; padding: 0;}
#usp p {font-size: 114%; font-weight: 300; line-height: normal;}
#usp .automation {background-position: -132px -4px; width: 109px; height: 80px;}
#usp .innovation {background-position: -251px -2px;; width: 86px; height: 93px;}
#usp .vad {background-position: -362px 0; width: 78px; height: 91px;}

h2.title {font-family: 'Roboto Condensed', sans-serif; font-size: 286%; font-weight: 700; color: #0095da; text-transform: uppercase; text-align: center; margin: 0 0 30px; padding: 0;}

section.padding {padding: 70px 0 50px;}

#about-ntex {position: relative;}
#about-ntex:before {content: ''; background-color: #e9e9e9; position: absolute; left: 0; top: 0; width: 50%; height: 100%;}
#about-ntex .container {position: relative; background-color: #e9e9e9; transform: skewX(42deg); padding-top: 70px; padding-bottom: 50px;}
#about-ntex .container .content {transform: skewX(-42deg);}
/*#about-ntex .abc {width: 475px; background-color: #e9e9e9; -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%); clip-path: polygon(0 0, 0% 100%, 100% 100%); position: absolute; right: -245px; top: -70px;}*/
/*#about-ntex:after {content: ''; width: 31%; height: 101%; background-color: #ffcc00; position: absolute; right: 0; top: 0; transform: skewX(41deg) translateX(244px);}*/
#about-ntex .logo {opacity: 0.15; margin-top: -70px;}
#about-ntex h2.title {text-align: left;}
#about-ntex p {font-size: 114%; font-weight: 300; color: #636466; line-height: 26px; margin-bottom: 20px;}

#industries {padding-bottom: 80px;}
#industries h2.title {margin-bottom: 50px;}
#industries ul.industry-list {margin: 0; padding: 0; list-style: none; display: table; width: 100%; height: 100%;}
#industries ul.industry-list li {border-right: 1px solid gray; display: table-cell; width: 20%; height: 100%; vertical-align: middle; position: relative; line-height: normal;font-size: 20px;font-weight: 300;}
#industries ul.industry-list li:last-child{border: none;}
/* #industries ul.industry-list li:before {content: ''; background: url('../images/sprite.png') no-repeat -45px 0; width: 42px; height: 79px; display: block; position: absolute; right: 0; top: 0; bottom: 0; margin: auto;} */
#industries ul.industry-list li a {padding: 0; font-size: 171%; font-weight: 300; color: #818285; display: block; padding: 0 70px 0 50px;}
#industries ul.industry-list li a:hover, #industries ul.industry-list li a:focus {text-decoration: none; color: #0095da;}
#industries ul.industry-list li:first-child a {padding-left: 0;}
#industries ul.industry-list li:last-child:before {display: none;}

#products {}
#products .container {position: relative; padding: 70px 15px 50px;}
#products .container:before {content: ''; background-color: #e9e9e9; position: absolute; left: -465px; top: 0; width: 2651px; height: 100%; transform: skew(-47deg) translateX(93px); z-index: 1; display: block;}
#products .container .content {position: relative; z-index: 2;}
#products h2.title {margin-bottom: 50px;}
#products .items .item {text-decoration: none; display: block;}
#products .items .item .img-container {height: 289px; background-color: #fff; display: block; position: relative; overflow: hidden;}
#products .items .item .img-container img {position: absolute; left: 0; right: 0; bottom: 50px; margin: auto; max-width: 80%; max-height: 80%; width: auto;}
#products .items .item .img-container .bg-triangle {background-color: #d3d3d4; position: absolute; left: 0; right: 0; bottom: -250px; display: block; margin: 0 auto; transform: rotate(45deg); transition: all 0.4s;}
#products .items .item .text {display: block; text-align: center; font-size: 143%; font-weight: 300; color: #818285; padding: 15px; position: relative;}
#products .items .item .text:before {content: ''; width: 24px; height: 24px; background-color: #e9e9e9; position: absolute; left: 0; right: 0; top: -12px; display: block; margin: 0 auto; transform: rotate(45deg);}
#products .items .item:hover .text, #products .items .item:focus .text {color: #0095da;}
#products .items .item:hover .img-container .bg-triangle {background-color: #0095da;}

#global-reach h2.title {margin-bottom: 80px;}

/* Preloader */
#preloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 1); z-index: 1000;}
.pre-container {position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.5); transform: translateX(-50%) translateY(-50%) scale(0.5); text-align: center; background-color1: #818285; border-radius: 2px; width: 312px; height: 335px;}
.pre-container polygon {-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; fill: #818285;}

.pre-container > span {width: 78px; height: 177px; display: block; position: absolute; left: 0; top: 0; background-color: #818285; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
.pre-container > .shape1 {-webkit-clip-path: polygon(100% 0, 0% 50%, 100% 100%); clip-path: polygon(100% 0, 0% 50%, 100% 100%); left: 115px;}
.pre-container > .shape2 {-webkit-clip-path: polygon(100% 0, 0% 50%, 100% 100%); clip-path: polygon(100% 0, 0% 50%, 100% 100%); top: 66px;}
.pre-container > .shape3 {-webkit-clip-path: polygon(100% 50%, 0% 0%, 0% 100%); clip-path: polygon(100% 50%, 0% 0%, 0% 100%); left: 117px; top: 158px;}
.pre-container > .shape4 {-webkit-clip-path: polygon(100% 50%, 0% 0%, 0% 100%); clip-path: polygon(100% 50%, 0% 0%, 0% 100%); left: 234px; top: 66px;}

.svg-container .shape1 {-webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
.svg-container .shape2 {-webkit-animation-delay: -0.16s; animation-delay: -0.16s;}
.svg-container .shape3 {-webkit-animation-delay: -0.8s; animation-delay: -0.8s;}
.svg-container .shape4 {-webkit-animation-delay: -0.4s; animation-delay: -0.4s;}

@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(1.0);
    }
    40% {
        -webkit-transform: scale(0);
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
    40% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}