@charset "utf-8"; /* CSS Document */ @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); /* font-family: 'Poppins', sans-serif; */ /* animate.min */ /*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */ .animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes a{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:a;transform-origin:center bottom}@keyframes b{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:b}@keyframes c{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:c}@keyframes d{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:d}@keyframes e{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:e}@keyframes f{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:f}@keyframes g{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:g}@keyframes h{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:h}@keyframes i{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:i}@keyframes j{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.39062deg) skewY(.39062deg)}88.8%{transform:skewX(-.19531deg) skewY(-.19531deg)}}.jello{animation-name:j;transform-origin:center}@keyframes k{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:k}@keyframes l{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:l}@keyframes m{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:m}@keyframes n{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:n}@keyframes o{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:o}@keyframes p{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:p}@keyframes q{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:q}@keyframes r{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:r}@keyframes s{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:s}@keyframes t{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:t}@keyframes u{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:u}@keyframes v{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:v}@keyframes w{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:w}@keyframes x{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:x}@keyframes y{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:y}@keyframes z{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:z}@keyframes A{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:A}@keyframes B{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:B}@keyframes C{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:C}@keyframes D{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:D}@keyframes E{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:E}@keyframes F{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:F}@keyframes G{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:G}@keyframes H{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:H}@keyframes I{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:I}@keyframes J{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:J}@keyframes K{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:K}@keyframes L{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:L}@keyframes M{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:M}@keyframes N{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:N}@keyframes O{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:O;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes P{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:P}@keyframes Q{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:Q;animation-timing-function:ease-out}@keyframes R{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:R;animation-timing-function:ease-in}@keyframes S{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:S}@keyframes T{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:T}@keyframes U{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:U}@keyframes V{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:V}@keyframes W{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:W}@keyframes X{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:X}@keyframes Y{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:Y}@keyframes Z{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:Z}@keyframes ab{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:ab}@keyframes bb{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:bb}@keyframes cb{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:cb}@keyframes db{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:db}@keyframes eb{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:eb}@keyframes fb{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:fb}@keyframes gb{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:gb}@keyframes hb{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:hb}@keyframes ib{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:ib}@keyframes jb{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:jb}@keyframes kb{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:kb}@keyframes lb{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:lb}@keyframes mb{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:mb}@keyframes nb{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:nb}@keyframes ob{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:ob}@keyframes pb{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:pb}@keyframes qb{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:qb}@keyframes rb{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:rb}@keyframes sb{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:sb}@keyframes tb{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:tb}@keyframes ub{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:ub}@keyframes vb{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:vb}@keyframes wb{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:wb}@keyframes xb{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:xb} /* animation */ .pull-animate{animation-duration: 1s;animation-delay: 1s;} .banner-left,.banner-right,#about-us h3,.about-us-left p,#industries h4,#industries p,#gallery h6,.gallery-list,.exporting-left,.exporting-right,.counter ul,#partners h4,#partners p,#partners .slider,.ready-to-started-content h5,#inner-banner h1,.breadcrumb li,.product-detail-left p,.product-detail-right img,.product-detail-left ul li,#product-tabbing .tabs,.tab-title,#parameters-table h2,.parameters-table-content,#exclusive-services h3,.exclusive-services-list li,.main-tab ul,#success-case h5,.success-case-list,.related-solutions-list,.contact-us-left ul li,.contact-us-right h3,.contact-us-right form,#about-us-page h2,.about-business,.about-content p,.about-counter,.customer-success h4,.customer-success p,.experienced-team-intro h5,.experienced-team-intro p,.certificate h6,.certificate ul li,.product-extra-details p,#map,#client .tabs,.customer-success img,#brief-introduction h2,#brief-introduction p,#brief-introduction ul li,#cad-configuration .tabs,.product-customization-left img,.product-customization-left h3,.product-customization-row ul li,.quadra-contnet-left h2,.quadra-contnet-left p,.quadra-contnet-right img,#industries-serve h5,#industries-serve ul li,#ro-description p,.ro-content-left h2,.ro-content-left p,#how-work h3,#how-work p,.key-features-left h4,.key-features-left ul li,.key-features-right,.customization-options-left,.customization-options-right h3,.customization-options-right ul li,#benefits h4,#benefits ul li,#design-service h2,#design-service ul li,#manufacturing h3,#manufacturing-control h4,#manufacturing-control ul li,.complete-line-left h5,.complete-line-left ul,#ship-destination h6,#ship-destination li,#installation h3,#installation li,.training-guidance-right h4,.training-guidance-right ul,#perfect-spare h5,#perfect-spare p,.customer-success span,.customer-success ul li{opacity: 0;transform: translateY(50px);transition: all 1s ease;} .title-animate{opacity: 1 !important;transform: translateY(0) !important;} /* lightbox.min.css */ .lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:fixed;top:0;left:0;bottom: 0;right: 0;z-index:9999;background-color:rgba(0,0,0,0.8);display:none;height: 100vh !important;width: 100% !important;}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0;position: static;display: flex;align-items: center;height: 100vh;}.lightboxContainer{display: table;margin: 0 auto;}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:20%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:1;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:20%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:1;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1} /* slick.css */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* slick-theme.css */ /* Slider */ .slick-loading .slick-list { background: #fff url('./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } html{ scroll-behavior: smooth;} *{margin:0; padding:0; box-sizing:border-box;} h1,h2,h3,h4,h5,h6,a,p,img{margin:0; padding:0; text-decoration:none;} header,footer,section,aside,article,div,span{padding:0; margin:0;} nav,ul,li{padding:0; margin:0; list-style:none;} img{width:auto; max-width:100%;} body{margin:0;font-family: 'Poppins', sans-serif;overflow-x:hidden;} .container{max-width:1320px; width:100%; margin:0 auto;padding:0 20px;} h1{} h2{} h3{} h4{} h5{} h6{} p{} /* top-header */ #top-header{float: left;width: 100%;background: #01428b;padding: 5px 0;} .top-contact{float: left;width: auto;} .top-contact li{float: left;width: auto;margin-right: 40px;font-size: 14px;line-height: normal;font-weight: 400;color: #fff;} .top-contact li:last-child{margin: 0;} .top-contact li a{color: inherit;} .top-contact li img{vertical-align: middle;margin-right: 10px;} .top-social{float: right;width: auto;} .top-social li{float: left;width: auto;margin-right: 13px;} .top-social li:last-child{margin: 0;} /* header */ header{float: left;width: 100%;padding-top: 12px;position: relative;} .logo{float: left;width: 100%;max-width: 282px;} .logo a,.logo a img{float: left;width: auto;} .navigation{float: right;width: auto;margin-top:14px;} .navigation nav{float: left;width: auto;} .navigation nav ul{float: left;width: 100%;} .navigation nav ul li{float: left;width: auto;font-size: 16px;line-height: normal;font-weight: 400;color: #505050;text-transform: uppercase;margin-right: 26px;padding-bottom: 21px;} .navigation nav ul li:last-child{margin: 0;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .nav-active{color: #01428b !important;} .navigation nav ul li a{color: inherit;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .navigation nav ul li:hover,.navigation nav ul li a:focus{color: #01428b;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} /* sub-menu */ .toggle{margin-left: 4px;float: right;} .toggle img{vertical-align: middle;} .navigation [id^="drop"]{display: none;} .navigation .sub-menu{display: none;position: absolute;top: 100%;width: 678px;background: #eee;box-shadow: 0px 5px 10px 0 rgba(0,0,0,0.2);padding: 16px 26px;z-index: 999;} .navigation nav ul li:hover > ul{display: inherit;} .navigation .sub-menu li{margin: 0;width: 382px;float: left;font-size: 14px;line-height: normal;font-weight: 400;color: #01428b;padding: 10px 0;padding-left: 20px;border-bottom: 1px solid #ddd;background:url(../images/arrow.png) no-repeat left center;} .navigation .sub-menu li a{Color: #666;} .navigation .sub-menu li img{display: none;position: absolute;right: 3%;top: 17%;} .navigation .sub-menu li:last-child{border: none;} .navigation .sub-menu li:nth-child(1) img{display: inline-block;} .navigation .sub-menu li:hover img{display: inline-block;} .navigation .sub-menu li a:hover,.navigation .sub-menu li a:focus{color: #01428b;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .blue img{display: none !important;} .navigation .project-menu{width: 388px;} .navigation .project-menu li{width: 100%;} /* dropdown-submenu */ .dropdown-submenu{display: none;position: absolute;top: 100%;left: 0;background: #eee;box-shadow: 0px 5px 10px 0 rgba(0,0,0,0.2);z-index: 999;right: 0;height: 400px;padding: 0 16.4%;padding-top: 20px;padding-bottom: 20px;} .navigation nav ul li:hover > .dropdown-submenu{display: inherit;display: flex;} .navigation .dropdown-submenu li{flex-grow: 1;margin: 0;padding-right: 30px;padding-bottom: 0;} .dropdown-submenu .sub-category{font-size: 16px;line-height: normal;font-weight: 700;color: #01428b;border-bottom: 4px solid transparent;display: inline-block;padding: 12px 31px;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;position: relative;} .dropdown-submenu .sub-category::after{content: '';width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color: #01428b transparent transparent transparent;display: inline-block;position: absolute;bottom: -14px;left: 0;right: 0;margin: 0 auto;display: none;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .dropdown-submenu .sub-category img{margin-right: 10px;} .dropdown-submenu .sub-category:hover,.dropdown-submenu .sub-category:focus,.navigation .dropdown-submenu li:hover .sub-category{border-color: #01428b;color: #01428b;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .navigation .dropdown-submenu li:hover .sub-category::after{display: block;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .navigation .dropdown-submenu li:nth-child(1) .sub-category{border-color: #01428b;color: #01428b;} .navigation .dropdown-submenu li:nth-child(1) .sub-category::after{display: block;} .black .sub-category{border-color: transparent !important;color: #01428b;} .black .sub-category::after{display: none !important;} .dropdown-submenu .toggle{display: none;} .dropdown-submenu .dropdown-sub-submenu{display: none;position: absolute;top: 100px;left: 0;width: 100%;z-index: 9;padding: 0 16.4%;height: 300px;} .dropdown-submenu li:hover > .dropdown-sub-submenu{display: inherit;display: flex;justify-content: center;flex-direction: column;align-items: center;} .navigation .dropdown-submenu li:nth-child(1) .dropdown-sub-submenu{display: flex;justify-content: center;flex-direction: column;align-items: center;} .black .dropdown-sub-submenu{display: none !important;} .dropdown-submenu .dropdown-sub-submenu li{padding: 0;flex: inherit;width: 100%;} .dropdown-submenu .dropdown-sub-submenu li a{width: 382px;float: left;font-size: 14px;line-height: normal;font-weight: 700;background: #01428b;color: #fff;padding: 16px 20px;margin-bottom: 10px;} .dropdown-submenu .dropdown-sub-submenu li a:hover, .dropdown-submenu .dropdown-sub-submenu li a:focus {text-decoration: underline;color: #fff;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .dropdown-submenu .dropdown-sub-submenu img{display: none;position: absolute;top: 20%;right: 49%;margin-top: -30px;} .dropdown-submenu .dropdown-sub-submenu li:nth-child(1) img{display: inline-block;} .dropdown-submenu .dropdown-sub-submenu li:hover img{display: inline-block;} .dropdown-submenu .dropdown-sub-sub-submenu{display: none;position: absolute;top: 0px;left: 0;padding: 16px 26px;left: 38.3%;width: 40%;height: 300px;} .dropdown-sub-submenu li:hover > .dropdown-sub-sub-submenu{display: flex;justify-content: center;flex-direction: column;align-items: center;} .dropdown-submenu .dropdown-sub-submenu li:nth-child(1) .dropdown-sub-sub-submenu{display: flex;justify-content: center;flex-direction: column;align-items: center;} .dropdown-submenu .dropdown-sub-submenu .black .dropdown-sub-sub-submenu{display: none !important;} .dropdown-submenu .dropdown-sub-sub-submenu li a{width: 422px;font-weight: 400;color: #666;margin-bottom: 0;padding: 10px 0;padding-left: 20px;background: url(../images/arrow.png) no-repeat left 18px;} .dropdown-submenu .dropdown-sub-sub-submenu li img{display: none !important;right: 6%;} .dropdown-submenu .dropdown-sub-sub-submenu li:nth-child(1) img{display: inline-block !important;} .dropdown-submenu .dropdown-sub-sub-submenu li:hover img{display: inline-block !important;} .dropdown-submenu .dropdown-sub-sub-submenu li.blue img{display: none !important;} .dropdown-submenu .dropdown-sub-sub-submenu li a:hover,.dropdown-submenu .dropdown-sub-sub-submenu li a:focus{color: #01428b;text-decoration: none;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} /* sticy */ .sticky{position: fixed;top: 0;left: 0;z-index: 999;background: #fff;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.4);-webkit-animation: sticky 1s;animation: sticky 1s;} @-webkit-keyframes sticky { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes sticky { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } .mobile-menu{float: right;cursor: pointer;width: 32px;display: none;} .bar1, .bar2, .bar3 { height: 2px; background-color:#000; margin: 2px 0; transition: 0.4s;width: 30px;border-radius:6px; float:right;-webkit-transition: width .5s ease-in;-moz-transition: width .5s ease-in;-ms-transition: width .5s ease-in;-o-transition: width .5s ease-in;transition: width .5s ease-in; } .bar1{width: 16px;float: left;} .bar2{width:32px;} .bar3{width:16px;} .change .bar1 { -webkit-transform: rotate(-40deg) translate(-2px,6px); transform: rotate(-40deg) translate(-2px,6px); width:28px; background:#000; } .change .bar2 {opacity: 0;} .change .bar3 { -webkit-transform: rotate(45deg) translate(-1px,-8px); transform: rotate(45deg) translate(-1px,-8px); width:28px; background:#000; } .change{cursor: pointer;width: 26px;display:none;} .mobile-menu:hover .bar1,.mobile-menu:hover .bar2,.mobile-menu:hover .bar3{width:32px;-webkit-transition: width .5s ease-out;-moz-transition: width .5s ease-out;-ms-transition: width .5s ease-out;-o-transition: width .5s ease-out;transition: width .5s ease-out;} .mobile-brochure,.mobile-social{display:none;} /* banner */ #banner{float: left;width: 100%;transform: perspective(1px) translateZ(0);overflow: hidden;display: flex;align-items: center;height: 100vh;} #banner::before{content: '';height: 100%;width: 100%;background: rgba(0,0,0,0.4);position: absolute;top: 0;left: 0;z-index: 1;transition: opacity 0s linear .6s,transform 1s cubic-bezier(.165,.84,.44,1) .5s;opacity:0;} #banner video{transition: opacity 0s linear .6s,transform 1s cubic-bezier(.165,.84,.44,1) .5s;opacity:0;} .banner-video{float: left;width: 100%;position: absolute;z-index: 2;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;padding-top: 76px;padding-bottom: 183px;} .animation-img video,.animation-img::before{transform: translateZ(0) !important;opacity: 1 !important;} .banner-content{float: left;width: 100%;position: relative;z-index: 4;} .banner-text{float: left;width: 5%;position: absolute;right: 0;z-index: 9;} .banner-vertical-text{writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-moz--ms-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;-o-writing-mode: vertical-lr;transform: rotate(180deg);} .banner-vertical-text a{font-size: 14px;line-height: normal;font-weight: 400;color: #fff;text-transform: uppercase;margin-top: 34px;border: 1px solid #fff;border-radius: 30px;padding: 20px 10px;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .banner-vertical-text a:hover,.banner-vertical-text a:focus{background: #01428b;border-color: #01428b;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .banner-vertical-text a img{transform: rotate(90deg) !important;margin-top: 10px;width:18px;} .scroll{width: 28px;height: 45px;display: inline-block;border: 2px solid #fff;border-radius: 30px;position: relative;margin: 0 !important;} .scroll::before{content: '';width: 4px;height: 11px;display: inline-block;background: #fff;border-radius: 30px;position: absolute;top: 8px;left: 0;right: 0;margin: 0 auto;-webkit-animation: scroll 2s infinite;animation: scroll 2s infinite;} .scroll:hover,.scroll:focus{background: transparent !important;border-color: #fff !important;} @-webkit-keyframes scroll { 0% { -webkit-transform: translate(0, 14px); opacity: 0; } 40% { opacity: 1; } 80% { -webkit-transform: translate(0, 0); opacity: 0; } 100% { opacity: 0; } } @keyframes scroll { 0% { transform: translate(0, 14px); opacity: 0; } 40% { opacity: 1; } 80% { transform: translate(0, 0); opacity: 0; } 100% { opacity: 0; } } .banner-left{float: left;width: 100%;} .banner-left h1{font-size: 70px;line-height: 80px;/*font-weight: 200;*/font-weight: 700;text-transform: uppercase;color: #fff;margin-bottom: 18px;} .banner-left h1 strong{font-weight: 700;display: block;} .banner-left p{font-size: 16px;line-height: 26px;font-weight: 400;color: #fff;width: 60%;margin-bottom: 18px;} .banner-left ul{display: table;margin: 0 auto;} .banner-left ul li{float: left;width: auto;margin: 0 4px;position: relative;transform: perspective(1px) translateZ(0);overflow: hidden;opacity: 0;} .banner-left a{font-size: 16px;line-height: normal;font-weight: 700;color: #fff;border: 2px solid #fff;border-radius: 3px;display: inline-block;padding: 12px 31px;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;transform: translate3d(0,0,-100%);transition: opacity 0s linear .6s,transform 1s cubic-bezier(.165,.84,.44,1) .5s;opacity: 0;} .banner-left a:hover,.banner-left a:focus{background: #0352ab;color: #fff;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .banner-left ul li .btn-filled{border-color: #01428b;} .banner-right{float: right;width: 35%;} /* product */ #product{float: left;width: 100%;margin-top: -108px;} /* slider */ .slider { width: 100%; margin: 0px auto; } .slick-slide { margin: 0px 20px; } .slick-slide img { width: 100%; } .slick-prev:before, .slick-next:before { color: black; } .slick-slide { transition: all ease-in-out .3s; opacity: 1; } .slick-active { opacity: 1; } .slick-current { opacity: 1; } #product .slick-slide{position: relative;transform: perspective(1px) translateZ(0);overflow: hidden;} .product-slider-content{float: left;width: 100%;background: #f6f6f6;border-radius: 10px;padding: 31px 28px;text-align: center;transform: translate3d(0,0,-100%); transition: opacity 0s linear .6s,transform 1s cubic-bezier(.165,.84,.44,1) .5s;opacity: 0;} .product-slider-content img{width: auto;margin: 0 auto;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .product-slider-content h2{font-size: 18px;line-height: 20px;font-weight: 600;color: #01428b;text-transform: uppercase;width: 85%;margin: 0 auto;margin-top: 10px;margin-bottom: 18px;min-height: 40px;} .product-slider-content h2 a{color: inherit;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .product-slider-content p{font-size: 16px;line-height: 27px;font-weight: 400;color: #505050;margin-bottom: 20px;} .product-btn{font-size: 16px;line-height: normal;font-weight: 400;color: #01428b;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .product-slider-content:hover .product-btn,.product-slider-content .product-btn:focus{text-decoration: underline;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} #product .slick-prev,#product .slick-next,#partners .slick-prev,#partners .slick-next,#product-gallery .slick-prev,#product-gallery .slick-next,#manufacturing .slick-prev,#manufacturing .slick-next{height: 40px;width: 40px;border: 2px solid #01428b;border-radius: 100%;z-index: 99;} #product .slick-prev,#product .slick-next{top:60%;} #partners .slick-prev,#partners .slick-next,#manufacturing .slick-prev,#manufacturing .slick-next{top: 40%;} #product .slick-prev,#partners .slick-prev,#manufacturing .slick-prev{left: -4%;} #product .slick-next,#partners .slick-next,,#manufacturing .slick-next{right: -4%;} #product-gallery .slick-prev,#product-gallery .slick-next{top:50%;} #product-gallery .slick-prev{left: 2%;} #product-gallery .slick-next{right: 2%;} #product .slick-prev::before,#product .slick-next::before,#partners .slick-prev::before,#partners .slick-next::before,#product-gallery .slick-prev::before,#product-gallery .slick-next::before,#manufacturing .slick-prev::before,#manufacturing .slick-next::before{content:'';width:7px;height:12px;display:inline-block;background:url(../images/slider-arrow.png) no-repeat top left;opacity:1;} #product .slick-next::before,#partners .slick-next::before,#product-gallery .slick-next::before,#manufacturing .slick-next::before{transform: rotate(180deg);} .product-slider-content:hover img{transform: translateY(-10px) !important;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .product-slider-content:hover h2 a{color: #022c5e;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} #product .mask-img,#product-page .mask-img{background:#ddd;border-radius: 10px;} .animation-img .product-slider-content{transform: translateZ(0) !important;opacity: 1 !important;} #product-gallery .mask-img{background:#d2d2d2;} /* about-us */ #about-us{float: left;width: 100%;padding: 120px 0;} #about-us h3{font-size: 40px;line-height: normal;font-weight: 700;color: #01428b;text-transform: uppercase;text-align: center;margin-bottom: 33px;} .about-us-left{float: left;width: 47%;} .about-us-left p{font-size: 16px;line-height: 27px;font-weight: 400;color: #505050;text-align: justify;margin-bottom: 32px;} .about-us-left ul{float: left;width: 100%;} .about-us-left ul li{float: left;width: auto;margin-right: 10px;position: relative;transform: perspective(1px) translateZ(0);overflow: hidden;opacity: 0;} .about-us-left ul li:last-child{margin: 0;} .about-us-left ul li a{font-size: 16px;line-height: normal;font-weight: 700;color: #01428b;border: 2px solid #01428b;border-radius: 3px;display: inline-block;padding: 10px 26px;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;transform:translate3d(0,0,-100%);transition:opacity 0s linear .6s,transform 1s cubic-bezier(.165,.84,.44,1) .5s;opacity:0;} .btn-filled{background: #01428b;color: #fff !important;} .about-us-right{float: right;width: 48%;position: relative;transform: perspective(1px) translateZ(0);overflow: hidden;} .about-us-right img{float: left; transform:translate3d(0,0,-100%);transition:opacity 0s linear .6s,transform 1s cubic-bezier(.165,.84,.44,1) .5s;opacity:0;} .mask-img{transition:right .35s cubic-bezier(.77,0,.175,1) 0s,left .5s cubic-bezier(.77,0,.175,1) .75s;margin:0 -10px 0 0;position:absolute;top:0;right:100%;bottom:100%;left:0;background:#f4f4f5;z-index:3;} .animation-img img{transform:translateZ(0)!important;opacity:1!important} .animation-img .mask-img{margin-right:0;right:-1px;bottom:0;left:100%;} .about-us-left ul li a:hover,.about-us-left ul li a:focus{background: #0352ab;color: #fff;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .mask-btn{transition:right .35s cubic-bezier(.77,0,.175,1) 0s,left .5s cubic-bezier(.77,0,.175,1) .75s;margin:0 -10px 0 0;position:absolute;top:0;right:100%;bottom:100%;left:0;background:#0352ab;z-index:3;border-radius: 3px;} .animation-btn{transform:translateZ(0)!important;opacity:1!important} .animation-btn a{transform:translateZ(0)!important;opacity:1!important} .animation-btn .mask-btn{margin-right:0;right:-1px;bottom:0;left:100%;} /* industries */ #industries{float: left;width: 100%;padding: 90px 0;background: #01428b;} #industries h4{font-size: 40px;line-height: normal;font-weight: 700;color: #fff;text-transform: uppercase;text-align: center;margin-bottom: 22px;} #industries p{font-size: 20px;line-height: 30px;font-weight: 200;color: #fff;text-align: center;width: 78%;display: table;margin: 0 auto;} .industries-list{float: left;width: 100%;margin-top: 48px;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .industries-list li{float: left;width: 33.33%;padding: 0 7px;} .industries-list-mask{float: left;width: 100%;position: relative;transform: perspective(1px) translateZ(0);overflow: hidden;} .industries-list-content{float: left;width: 100%;transform: translate3d(0,0,-100%);transition: opacity 0s linear .6s,transform 1s cubic-bezier(.165,.84,.44,1) .5s;opacity: 0;position: relative;} .industries-list-content::before{content: '';height: 100%;width: 100%;background: #000;display: inline-block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;opacity: 0.5;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .industries-list-content img{float: left;width: 100%;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .industries-list-text{float: left;width: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;z-index: 2;} .industries-list-all-text{float: left;width: 100%;text-align: center;padding: 20px;position: relative;} .industries-list-all-text img{float: none;width: auto;display: table;margin: 0 auto;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .industries-list-all-text h5{font-size: 20px;line-height: normal;font-weight: 700;color: #fff;text-transform: uppercase;float: left;width: 100%;margin-top: 10px;position: absolute;bottom: -17px;left: 0;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .industries-list-all-text span{font-size: 14px;line-height: 26px;font-weight: 400;color: #505050;width: 88%;display: table;margin: 0 auto;} .animation-img .industries-list-content{transform: translateZ(0) !important;opacity: 1 !important;} .industries-list-content:hover .industries-list-all-text img{display: none;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .industries-list-content:hover img{transform: scale(1.1) !important;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .industries-list-content:hover::before{display: none;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .industries-list-content:hover .industries-list-all-text h5{text-shadow: 0px 0px 8.3px #000;bottom: 17%;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} /* galelry */ #gallery{float: left;width: 100%;padding-top: 120px;} #gallery h6{font-size: 40px;line-height: normal;font-weight: 700;color: #01428b;text-transform: uppercase;text-align: center;margin-bottom: 15px;} .gallery-list{float: left;width: 100%;} .gallery-list li{float: left;width: 10%;padding: 1px;} .cssbox{float: left;} .gallery-list li a{float: left;width: 100%;overflow: hidden;} .gallery-list li img{float: left;width: 100%;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .gallery-list li:hover img{transform:scale(1.1);-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} /* exporting */ #exporting{float: left;width: 100%;background: #01428b;padding: 90px 0;} .exporting-left{float: left;width: 26%;margin-top: 8%;} .exporting-left h2{font-size: 40px;line-height: 40px;font-weight: 700;color: #fff;text-transform: uppercase;margin-bottom: 24px;} .exporting-left p{font-size: 16px;line-height: 30px;font-weight: 400;color: #fff;} .exporting-right{float: right;width: 67%;} .exporting-right ul{float: left;width: 100%;position: relative;} .exporting-right ul img{float: left;} .exporting-right ul li{position: absolute;} .exporting-right ul li:nth-child(2){top: 25%;left: 42%;} .exporting-right ul li:nth-child(3){top: 26%;left: 48%;} .exporting-right ul li:nth-child(4){top: 34%;left: 15%;} .exporting-right ul li:nth-child(5){top: 23%;left: 15%;} .exporting-right ul li:nth-child(6){top: 42%;left: 12%;} .exporting-right ul li:nth-child(7){bottom: 48%;right: 20%;} .exporting-right ul li:nth-child(8){bottom: 53%;right: 41%;} .exporting-right ul li:nth-child(9){bottom: 53%;right: 39%;} .exporting-right ul li:nth-child(10){bottom: 52%;right: 37%;} .exporting-right ul li:nth-child(11){bottom: 41%;left: 56%;} .exporting-right ul li:nth-child(12){top: 24%;left: 47%;} .exporting-right ul li:nth-child(13){bottom: 44%;left: 47%;} .exporting-right ul li:nth-child(14){bottom: 44%;left: 43%;} .exporting-right ul li:nth-child(15){bottom: 45%;left: 57%;} .exporting-right ul li:nth-child(16){bottom: 36%;left: 56%;} .exporting-right ul li:nth-child(17){bottom: 41%;left: 53%;} .exporting-right ul li:nth-child(18){bottom: 47%;left: 40%;} .exporting-right ul li:nth-child(19){bottom: 56%;right: 28%;} .exporting-right ul li:nth-child(20){bottom: 53%;right: 26%;} .exporting-right ul li:nth-child(21){bottom: 44%;right: 27.5%;} .pulse{width: 8px;height: 8px;display: inline-block;background: #00f8f8;border-radius: 50%;animation: pulse 2s infinite;} @-webkit-keyframes pulse { 0% { -webkit-box-shadow:0 0 0 0 rgba(0,248,248,.6) } 70% { -webkit-box-shadow:0 0 0 10px rgba(0,248,248,0) } 100% { -webkit-box-shadow:0 0 0 0 rgba(0,248,248,0) } } @keyframes pulse { 0% { -webkit-box-shadow:0 0 0 0 rgba(0,248,248,.6) } 70% { -webkit-box-shadow:0 0 0 10px rgba(0,248,248,0) } 100% { -webkit-box-shadow:0 0 0 0 rgba(0,248,248,0) } } .counter{float: left;width: 100%;margin-top: 110px;} .counter ul{float: left;width: 100%;} .counter ul li{float: left;width: 25%;padding: 0 20px;text-align: center;border-right: 2px solid #1b5597;} .counter ul li span{font-size: 70px;line-height: 70px;font-weight: 700;color: #fff;} .counter ul li h3{font-size: 24px;line-height: normal;font-weight: 600;color: #fff;margin-top: 10px;} .counter ul li:last-child{border: none;} /* partners */ #partners{float: left;width: 100%;padding-top: 120px;padding-bottom: 53px;} #partners h4{font-size: 40px;line-height: normal;font-weight: 700;color: #01428b;text-transform: uppercase;text-align: center;margin-bottom: 28px;} #partners p{font-size: 20px;line-height: 30px;font-weight: 200;color: #505050;text-align: center;width: 64%;display: table;margin: 0 auto;margin-bottom: 45px;} .client-btn{display: table;width: auto;margin: 0 auto;margin-top: 20px;} .client-btn-text{float: left;width: auto;position: relative;transform: perspective(1px) translateZ(0);overflow: hidden;opacity: 0;} .client-btn-text a{font-size: 16px;line-height: normal;font-weight: 700;color: #01428b;border: 2px solid #01428b;border-radius: 3px;display: inline-block;padding: 10px 26px;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;transform: translate3d(0,0,-100%);transition: opacity 0s linear .6s,transform 1s cubic-bezier(.165,.84,.44,1) .5s;opacity: 0;} .client-btn-text a:hover,.client-btn-text a:focus{background: #0352ab;color: #fff;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} /* ready-to-started */ #ready-to-started{float: left;width: 100%;} .ready-to-started-content{float: left;width: 100%;background: #0352ab;border-radius: 10px;padding: 20px 40px;display: flex;align-items: center;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.46);position: relative;} .ready-to-started-left{float: left;width: 70%;} .ready-to-started-content h5{font-size: 40px;line-height: 50px;font-weight: 700;color: #fff;} .ready-to-started-right{float: right;width: 30%;} .ready-to-started-content span{float: right;position: relative;transform: perspective(1px) translateZ(0);overflow: hidden;opacity: 0;} .ready-to-started-content span a{font-size: 16px;line-height: normal;font-weight: 400;color: #1b5fab;text-transform: capitalize;background: #fff;float: right;padding: 10px 26px;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;transition: opacity 0s linear .6s,transform 1s cubic-bezier(.165,.84,.44,1) .5s; opacity: 0;} .ready-to-started-content span a img{margin-left: 13px;vertical-align: middle;} .ready-to-started-content span a:hover,.ready-to-started-content span a:focus{background: #e6e6e6;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .ready-to-started-content .mask-btn{background: #ddd;border-radius: 0;} /* footer */ footer{float:left;width:100%;background: #01428b;padding-top: 135px;padding-bottom: 68px;margin-top: -70px;} .footer-logo{float: left;width: 100%;text-align: center;margin-bottom: 49px;} .footer-column{float: left;width: 25%;padding-right: 20px;} .footer-column:last-child{padding: 0;} .footer-column p{font-size: 16px;line-height: 27px;font-weight: 400;color: #fff;margin-bottom: 54px;} .footer-column span{display: block;} .terms-link{font-size: 14px;line-height: normal;font-weight: 400;color: #fff;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;padding-left: 13px;position: relative;} .terms-link::before{content: '';width: 5px;height: 8px;display: inline-block;background: url(../images/footer-list-arrow.png) no-repeat top left;position: absolute;top: 7px;left: 0;} .footer-column h6{font-size: 14px;line-height: normal;font-weight: 700;color: #fff;text-transform: uppercase;margin-bottom: 25px;} .footer-column h6 a{color: inherit;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .footer-column h6 a:hover,.footer-column h6 a:focus{text-decoration:underline;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .footer-list,.contact-info{float: left;width: 100%;} .contact-info{margin-bottom: 20px;} .footer-list li,.contact-info li{float: left;width: 100%;font-size: 14px;line-height: normal;font-weight: 300;color: #fff;margin-bottom: 14px;padding-left: 13px;position: relative;text-transform: capitalize;} .footer-list li:last-child,.contact-info li:last-child{margin-bottom: 0;} .solution-list li{margin-bottom: 4px;} .footer-list li::before{content: '';width: 5px;height: 8px;display: inline-block;background: url(../images/footer-list-arrow.png) no-repeat top left;position: absolute;top: 7px;left: 0;} .footer-list li a,.contact-info li a{color: inherit;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .contact-info li img{position: absolute;top: 5px;left: 0;} .contact-info li{padding-left: 31px;text-transform: initial;} .terms-link:hover,.terms-link:focus,.footer-list li:hover a,.footer-list li a:focus,.contact-info li a:hover,.contact-info li a:focus{text-decoration:underline;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} /* copy-right */ .copy-right{float: left;width: 100%;background: #123256;text-align: center;padding: 20px 0;} .copy-right span{font-size: 14px;line-height: normal;font-weight: 400;color: #fff;} .copy-right span a{margin-left: 10px;} .copy-right span a img{vertical-align: middle;} /* inner-banner */ #inner-banner{float: left;width: 100%;background: #01428b;padding: 35px 0;text-align: center;} #inner-banner h1{font-size: 34px;line-height: normal;font-weight: 700;color: #fff;text-transform: uppercase;} .breadcrumb{display: table;margin: 0 auto;width: auto;} .breadcrumb li{float: left;width: auto;font-size: 12px;line-height: normal;font-weight: 400;color: #fff;text-transform: uppercase;} .breadcrumb li a{color: inherit;} /* inner-footer */ .inner-footer{margin-top: 0;padding-top: 105px;} /* product-page */ #product-page{float: left;width: 100%;padding: 90px 0;} #product-page ul{float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: center;} #product-page ul li{float: none;display: inline-table;width: 33.33%;padding: 0 10px;margin-bottom: 20px;} #product-page ul li h2{min-height: 60px;} .product-page-mask{float: left;width: 100%;position: relative;transform: perspective(1px) translateZ(0);overflow: hidden;} /* product-detail */ #product-detail{float: left;width: 100%;padding: 90px 0;} .product-detail-left{float: left;width: 52%;} .product-detail-left img{display: table;margin: 0 auto;margin-bottom: 20px;} .product-detail-left h2{font-size: 20px;line-height: normal;font-weight: 700;color: #292929;margin-bottom: 20px;} .product-detail-left p{font-size: 16px;line-height: 28px;font-weight: 400;color: #505050;text-align: justify;margin-bottom: 24px;} .product-detail-left p:last-child{margin: 0;} .product-detail-left ul{float: left;width: 100%;} .product-detail-left ul li{font-size: 16px;line-height: 28px;font-weight: 400;color: #505050;margin-bottom: 10px;padding-left: 20px;position: relative;} .product-detail-left ul li:last-child{margin: 0;} .product-detail-left ul li::before{content: '>';position: absolute;top: 0;left: 0;} .product-detail-right{float: right;width: 42%;} .product-detail-right img{display: table;margin: 0 auto;margin-bottom: 20px;} .product-detail-right ul{display: table;width: auto;margin: 0 auto;} .product-detail-right ul li{float: left;width: auto;margin: 0 4px;position: relative; transform: perspective(1px) translateZ(0);overflow: hidden;opacity: 0;} .product-detail-right ul li a{font-size: 16px;line-height: normal;font-weight: 700;color: #01428b;border: 2px solid #01428b;border-radius: 3px;display: inline-block;padding: 10px 26px;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;transform:translate3d(0,0,-100%); transition:opacity 0s linear .6s,transform 1s cubic-bezier(.165,.84,.44,1) .5s;opacity:0;} .product-detail-right ul li a:hover,.product-detail-right ul li a:focus{background: #0352ab;color: #fff;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .product-detail-right ul li a img{display: inline-block;margin-right: 10px;vertical-align: middle;margin-bottom: 0;width: 22px;} .product-detail-right ul li a .video-hover{display: none;} .product-detail-right ul li a:hover .video-normal,.product-detail-right ul li a:focus .video-normal{display: none;} .product-detail-right ul li a:hover .video-hover,.product-detail-right ul li a:focus .video-hover{display: inline-block;} /* product-extra-details */ .product-extra-details{float: left;width: 100%;margin-top: 50px;text-align: center;} .product-extra-details p{font-size: 16px;line-height: 28px;font-weight: 400;color: #505050;text-align: justify;margin-bottom: 24px;width: 90%;} .product-extra-details p:last-child{margin: 0;} /* product-inquiry */ .product-inquiry{float: right;width: auto;position: fixed;top: 50%;right: 0;z-index: 9;display: none;} .product-inquiry li{float: left;width: auto;} .product-inquiry li a{font-size: 16px;line-height: normal;font-weight: 700;color: #01428b;border: 2px solid #01428b;border-radius: 3px;display: inline-block;padding: 10px 16px;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;transform: translate3d(0,0,-100%);transition: opacity 0s linear .6s,transform 1s cubic-bezier(.165,.84,.44,1) .5s;opacity: 0;} .product-inquiry li a img{vertical-align: middle;margin-right: 10px;} .product-inquiry li a:hover,.product-inquiry li a:focus{background: #0352ab;color: #fff;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out} /* pop up */ .product-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0; z-index: 9999; display: none; } .product-overlay:target { visibility: visible; opacity: 1; display: flex; align-items: center; } .product-popup { margin: 0 auto; padding: 20px; background: #fff; border-radius: 5px; width: 30%; position: relative; transition: all 5s ease-in-out; } .product-popup .close { position: absolute; top: -54px; right: 0px; transition: all 200ms; font-size: 50px; font-weight: 300; text-decoration: none; color: #fff; } .product-popup .close:hover { color: #01428b; } .product-popup .product-content { max-height: 30%; overflow: auto; } @media screen and (max-width: 700px){ .box{ width: 70%; } .product-popup{ width: 70%; } } .product-popup form{float: left;width: 100%;margin: 20px 0;} .product-popup input,.product-popup select,.product-popup textarea{float: left;width: calc(50% - 20px);background: #f6f6f6;border: 1px solid #f6f6f6;border-radius: 5px;font-size: 14px;line-height: normal;font-weight: 400;padding: 14px 20px;font-family: 'Poppins', sans-serif;outline: none;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;margin: 0 10px;margin-bottom: 20px;} .product-popup input:focus,.product-popup select:focus,.product-popup textarea:focus{border-color: #01428b;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .product-popup textarea{resize: none;min-height: 130px;width: calc(100% - 20px);} .product-popup button{float: left;width: calc(100% - 20px);font-size: 16px;line-height: normal;font-weight: 700;color: #fff;text-transform: uppercase;cursor: pointer;border: 1px solid #01428b;border-radius: 5px;background: #01428b;font-family: 'Poppins', sans-serif;padding: 10px 20px;margin: 0 10px;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .product-popup button:hover,.product-popup button:focus{background: transparent;border-color: #01428b;color: #01428b;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} /* product-customization */ #product-customization{float: left;width: 100%;padding-bottom: 100px;} .product-customization-row{float: left;width: 100%;} .product-customization-left{float: left;width: 36%;} .custom-option{margin-top: 8%;} .product-customization-left img{display: inline-block;} .product-customization-right{float: right;width: 62%;} .reverse-customization-row .product-customization-left{float: right;margin: 0;width: 40%;} .reverse-customization-row .product-customization-right{float: left;width: 56%;margin-top: 1%;} .product-customization-row h3{font-size: 30px;line-height: 40px;font-weight: 700;color: #01428b;display: inline-block;width: 100%;} .product-customization-row ul{float: left;width: 100%;margin-bottom: 50px;} .product-customization-row ul li{float: left;width: 50%;font-size: 16px;line-height: normal;font-weight: 400;color: #505050;margin-bottom: 12px;padding: 0 15px;position: relative;padding-left: 30px;} .product-customization-row ul:last-child{margin: 0;} .product-customization-row ul li::before{content: '';height: 20px;width: 20px;background: url(../images/custome-list-icon.png) no-repeat top left;display: inline-block;position: relative;position: absolute;top: 2px;left:0;} #product-workstation{float: left;width: 100%;border-top: 1px solid #01428b;padding: 120px 0;} .extra-attachment{margin-top: 2%;} /* product-tabbing */ #product-tabbing{float: left;width: 100%;background: #f6f6f6;padding: 90px 0;} /* tabbing */ .tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; } .tabs label { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; display: block; padding: 1rem 2rem; margin-right: 0.2rem; cursor: pointer; font-weight: bold; -webkit-transition: background ease 0.2s; transition: background ease 0.2s; } .tabs .tab { -webkit-box-ordinal-group: 100; -webkit-order: 99; -ms-flex-order: 99; order: 99; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; display: none; padding: 1rem; background: #fafafa; } .tabs input[type="radio"] { position: absolute; opacity: 0; } .tabs input[type="radio"]:checked + label {border-bottom: 4px solid #01428b !important;color: #01428b;} .tabs input[type="radio"]:checked + label + .tab { display: block; } @media (max-width: 45em) { .tabs .tab, .tabs label { -webkit-box-ordinal-group: NaN; -webkit-order: initial; -ms-flex-order: initial; order: initial; } .tabs label { width: 100%; margin-right: 0; margin-top: 0.2rem; } } #product-tabbing .tabs label{font-size: 22px;line-height: normal;font-weight: 500;color: #646464;border-bottom: 4px solid transparent;padding: 0 40px 10px 40px;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} #product-tabbing .tabs label:hover{border-bottom: 4px solid #01428b;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} #product-tabbing .tabs label small{font-size: 60px;line-height: 60px;font-weight: 200;display: block;color: #01428b;text-align: center;opacity: 0.1;} #product-tabbing .tabs label span{display: block;} .tabs input[type="radio"]:checked + label small{opacity: 1 !important;} .tabs input[type="radio"]:checked + label span{font-weight: 700;color: #01428b;} #product-tabbing .tabs .tab{background: #fff;padding: 30px;border-top: 3px solid #01428b;} #product-tabbing .tabs .tab p{font-size: 14px;line-height: normal;font-weight: 400;color: #323232;margin-bottom: 20px;} #product-tabbing .tabs .tab p:last-child{margin: 0;} .features-list{float: left;width: 100%;margin-bottom: 20px;} .features-list:last-child{margin: 0;} .features-list li{float: left;width: 100%;font-size: 14px;line-height: normal;font-weight: 400;color: #323232;margin-bottom: 12px;padding-left: 14px;position: relative;} .features-list li:last-child{margin-bottom: 0;} .features-list li::before{content: '>';position: absolute;top: 0;left: 0;} .tabbing-table{float: left;width: 100%;} .tabbing-table table{float: left;width: 100%;} .tabbing-table table tr:nth-child(odd){background: #deebf9;} .tabbing-table table tr td{font-size: 14px;line-height: normal;font-weight: 400;padding: 10px 10px;color: #323232;} /* product-gallery */ #product-gallery{float: left;width: 100%;} #product-gallery .slick-slide{margin:0 1px;} #product-gallery .slick-slide > div > div{float: left;} .product-galelry-image{float: left;width: 100%;position: relative;transform: perspective(1px) translateZ(0);overflow: hidden;} .product-galelry-image img{transform: translate3d(0,0,-100%);transition: opacity 0s linear .6s,transform 1s cubic-bezier(.165,.84,.44,1) .5s;opacity: 0;} /* about-us-page */ #about-us-page{float: left;width: 100%;padding: 90px 0;} #about-us-page h2{font-size: 20px;line-height: normal;font-weight: 400;color: #01428b;border: 2px solid #01428b;display: inline-block;padding: 12px 25px;text-transform: capitalize;} .about-image{float: left;width: 100%;margin-top: 30px;position: relative;} .about-inner-image{float: left;width: auto;position: relative;transform: perspective(1px) translateZ(0);overflow: hidden;} .about-inner-image img{float: left;transform: translate3d(0,0,-100%);transition: opacity 0s linear .6s,transform 1s cubic-bezier(.165,.84,.44,1) .5s;opacity: 0;} .about-business{width: 480px;margin: 0 0 0 auto;background: rgba(1, 66, 139, 0.9);color: #fff;position: absolute;top: 30px;right: 50px;} .about-business h3{padding: 50px 0 0 40px;position: relative;font-size: 30px;margin-top: 0px;line-height: normal;font-weight: 400;} .about-business h3::after{content: '';border-bottom: 1px solid #fff;display: block;width: 380px;position: absolute;left: 0;bottom: -4px;} .about-business ul{float: left;width: 100%;padding: 2px 0 40px 40px;} .about-business li{float: left;width: 100%;margin-top: 15px;padding-left: 60px;position: relative} .about-business li img{position: absolute;top: 6px;left: 0;} .about-business li h4{font-size: 18px;line-height: normal;font-weight: 700;} .about-business li p{font-size: 16px;line-height: normal;font-weight: 400;} .about-content{float: left;width: 100%;margin: 80px 0 30px 0;} .about-content p{font-size: 16px;line-height: 27px;font-weight: 400;color: #505050;margin-bottom: 24px;} .about-content p:last-child{margin: 0;} .about-counter{float: left;width: 100%;background: url(../images/about-counter-background.jpg) no-repeat center center;background-size: cover;} .about-counter-part{float: left;width: 50%;text-align: center;padding: 40px 0;background: url(../images/years-background.jpg) no-repeat center center;background-size: cover;transform: perspective(1px) translateZ(0);} .about-counter-part::before{content: '';height: 100%;width: 100%;display: inline-block;background-color: rgba(1, 66, 139, 0.9);position: absolute;top: 0;left: 0;z-index: -1;} .about-counter-part span{font-size: 100px;line-height: 100px;font-weight: 400;color: #fff;display: block;margin: 10px 0;} .about-counter-part p{font-size: 18px;line-height: normal;font-weight: 400;color: #fff;text-transform: uppercase;} .about-counter-part:last-child{background: url(../images/machine-background.jpg) no-repeat center center;background-size: cover;} .about-counter-part:last-child::before{background-color: rgba(18, 105, 174, 0.9);} .customer-success{float: left;width: 100%;margin: 80px 0 30px 0;text-align: center;} .customer-success h4{font-size: 30px;line-height: normal;font-weight: 400;color: #292929;margin-bottom: 20px;} .customer-success p{font-size: 16px;line-height: 27px;font-weight: 400;color: #505050;margin-bottom: 24px;} .customer-success p:last-child{margin: 0;} .customer-success span{font-size: 18px;line-height: normal;font-weight: 400;color: #292929;margin-bottom: 6px;display: block;} .customer-success ul{float: left;width: 100%;} .customer-success ul li{float: left;width: 16.66%;padding-right: 10px;} .customer-success ul li img{display: table;margin: 0 auto;} .customer-success ul li small{font-size: 14px;line-height: normal;font-weight: 400;color: #323232;margin-top: 6px;text-align: center;display: block;} .experienced-team{float: left;width: 100%;position: relative;transform: perspective(1px) translateZ(0);} .experienced-team::after{content: '';background: #01428b;width: 100%;height: 86%;display: block;position: absolute;z-index: -1;top: 0;} .experienced-team-intro{float: left;width: 100%;padding: 70px 0 45px 0;text-align: center;} .experienced-team-intro h5{font-size: 30px;line-height: normal;font-weight: 400;color: #fff;margin-bottom: 30px;} .experienced-team-intro p{font-size: 16px;line-height: 27px;font-weight: 400;color: #fff;text-align: center;width: 78%;margin: 0 auto;margin-bottom: 24px;display: table;} .experienced-team-intro ul{float: left;width: 100%;margin-top: 20px;} .experienced-team-intro ul li{float: left;width: 33.33%;overflow: hidden;position: relative;transform: perspective(1px) translateZ(0);overflow: hidden;} .experienced-team-intro ul li img{float: left;width: 100%;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;transform: translate3d(0,0,-100%);transition: opacity 0s linear .6s,transform 1s cubic-bezier(.165,.84,.44,1) .5s;opacity: 0;} .experienced-team-intro ul li:hover img{transform: scale(1.1);-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .certificate{float: left;width: 100%;} .certificate h6{font-size: 30px;line-height: normal;font-weight: 400;color: #fff;margin-bottom: 30px;text-align: center;} .certificate ul{float: left;width: 100%;text-align: center;} .certificate ul li{display: inline-block;margin: 1%;text-align: center;} .certificate ul li p{font-size: 16px;line-height: normal;margin-top: 15px;color: #000;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in} .certificate ul li p strong{display: block;} .certificate ul li:hover p{color: #01428b;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} /* contact-us */ #contact-us{float: left;width: 100%;padding: 90px 0;} .contact-us-left{float: left;width: 34%;} .contact-us-left ul{float: left;width: 100%;} .contact-us-left ul li{float: left;width: 100%;margin-bottom: 20px;} .contact-us-left ul li:last-child{margin: 0;} .contact-us-info-content{float: left;width: 100%;border: 1px solid #f1f1f1;padding: 30px;position: relative;padding-left: 78px;} .contact-us-info-content h2{font-size: 18px;line-height: normal;font-weight: 400;color: #313131;margin-bottom: 2px;} .contact-us-info-content img{position: absolute;top: 33px;left: 20px;} .contact-us-info-content p{font-size: 16px;line-height: 28px;font-weight: 400;color: #505050;} .contact-us-info-content p a{color: inherit;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .contact-us-info-content p a:hover,.contact-page-content p a:focus{color: #01428b;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .contact-us-info-content:hover{background: #f9f9f9;border-bottom: 1px solid #01428b;} .contact-us-right{float: right;width: 62%;} .contact-us-right h3{font-size: 30px;line-height: normal;font-weight: 600;color: #292929;width: calc(100% - 20px);margin: 0 10px;} .contact-us-right form{float: left;width: 100%;margin-top: 20px;} .contact-us-right input,.contact-us-right select,.contact-us-right textarea{float: left;width: 100%;background: #f6f6f6;border: 1px solid #f6f6f6;border-radius: 5px;font-size: 14px;line-height: normal;font-weight: 400;padding: 14px 20px;font-family: 'Poppins', sans-serif;outline: none;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;margin-bottom: 20px;} .contact-us-right input:focus,.contact-us-right select:focus,.contact-us-right textarea:focus{border-color: #01428b;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .contact-us-right textarea{resize: none;min-height: 130px;} .contact-us-right button{float: left;width: 100%;font-size: 16px;line-height: normal;font-weight: 700;color: #fff;text-transform: uppercase;cursor: pointer;border: 1px solid #01428b;border-radius: 5px;background: #01428b;font-family: 'Poppins', sans-serif;padding: 10px 20px;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .contact-us-right button:hover,.contact-us-right button:focus{background: #0352ab;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} #map{float: left;width: 100%;margin-bottom: -71px;} #map iframe{float: left;} /* water-line */ #water-line{float: left;width: 100%;padding: 90px 0;} .work-tabbing{float: left;width: 100%;} .tab-title{float: left;width: 100%;border-bottom: 2px solid #dcdcdc;margin-bottom: 40px;padding-bottom: 6px;} .tab-title h2{font-size: 36px;line-height: 60px;font-weight: 600;text-transform: uppercase;color: #01428b;padding-left: 60px;background:url(../images/water-line-icon.png) no-repeat top left;display: inline-block;} /* tabbing */ .work-tabbing article { overflow: auto; display:none; } .work-tabbing nav { background: #fff; width: auto; float: right; } .work-tabbing input { display: none; } .work-tabbing label { width: 25%; float: left; color: #BEE3D1; text-align: center; cursor: pointer; transition: .5s; z-index: 2; } .work-tabbing label:before { display: block; font-size: 3rem; line-height: 5rem; z-index: 2; } #profile:checked ~ .work-tabbing nav [for='profile'], #settings:checked ~ .work-tabbing nav [for='settings'] { color: #1E6743; font-weight: 600; } #profile:checked ~ .uno, #settings:checked ~ .dos{ display: block; border-bottom: 10px solid #01428b; } .work-tabbing nav{margin-top: 6px;} .work-tabbing label{width: 220px;margin-right: 25px;font-size: 18px;line-height: normal;font-weight: 700;color: #646464;background: #f6f6f6;text-align: center;padding: 10px 16px;border-top-right-radius: 10px;} .work-tabbing .link-btn{padding: 0 !important;margin-right: 0 !important;} .work-tabbing .link-btn a{padding: 10px 16px;color: inherit;display: inline-block;width: 100%;} .active{background: #01428b !important; color: #fff !important;} .water-tabbing{float: left;width: 100%;padding: 15px 0;background:url(../images/water-tab-background.png);} .work-tabbing article{border: 4px solid #dcdcdc;background: #ffffff;} .work-tabbing article img{float: left;} /* popup */ .overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0; z-index: 9999; display: none; } .overlay:target { visibility: visible; opacity: 1; display: flex; align-items: center; } .popup { margin: 0px auto; padding: 20px; background: #fff; border-radius: 5px; width: 90%; height: 80%; position: relative; transition: all 5s ease-in-out; } .popup h2 { margin-top: 0; color: #333; font-family: Tahoma, Arial, sans-serif; } .popup .close { position: absolute; top: -54px; right: 0px; transition: all 200ms; font-size: 50px; font-weight: 300; text-decoration: none; color: #fff; } .popup .close:hover { color: #01428b; } .popup .content { height: 100%; } @media screen and (max-width: 700px){ .box{ width: 70%; } .popup{ width: 90%; } } /* parameters-table */ #parameters-table{float: left;width: 100%;padding: 90px 0;} #parameters-table h2{font-size: 40px;line-height: normal;font-weight: 400;color: #292929;text-align: center;margin-bottom: 23px;} .parameters-table-content{float: left;width: 100%;} .parameters-table-content table{float: left;width: 100%;} .parameters-table-content table tr td{font-size: 16px;line-height: normal;font-weight: 400;padding: 10px;color: #323232;background: #f6f6f6;border: 1px solid #fff;} .parameters-table-content table tr:first-child td{background: #01428b;color: #fff;} /* exclusive-services */ #exclusive-services{float: left;width: 100%;padding-bottom: 90px;} #exclusive-services h3{font-size: 40px;line-height: normal;font-weight: 400;color: #292929;text-align: center;margin-bottom: 23px;} .exclusive-services-list{float: left;width: 100%;text-align: center;} .exclusive-services-list li{float: none;width: 24%;display: inline-table;background: #01428b;text-align: center;padding: 20px;} .exclusive-services-list li span{font-size: 28px;line-height: normal;font-weight: 600;color: #fff;display: block;margin-top: 10px;} .exclusive-services-list li:nth-child(2),.exclusive-services-list li:nth-child(4),.exclusive-services-list li:nth-child(6){background: #fff;} .exclusive-services-list li:nth-child(2) span,.exclusive-services-list li:nth-child(4) span,.exclusive-services-list li:nth-child(6) span{color:#01428b;} .three-column li{width: 32.33%;} .three-column li span{min-height: 84px;} /* main-content */ #main-content{float: left;width: 100%;} .main-tab{float: left;width: 100%;background: url(../images/main-tab-background.png) no-repeat bottom center;background-size: cover;padding: 30px 0 40px 0;position: sticky;position: -webkit-sticky;top: 70px;z-index: 9;} .main-tab ul{float: left;width: 100%;text-align: center;display: flex;justify-content: center;flex-wrap: wrap;} .main-tab ul li{float: none;width: auto;margin-right: 6px;margin-bottom: 6px;display: inline-flex;} .main-tab ul li a{font-size: 18px;line-height: normal;font-weight: 400;background: #01428b;color: #fff;padding: 8px 10px;display: inline-block;text-align: center;width: 100%;border-top-right-radius: 10px;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .main-tab ul li a:hover,.main-tab ul li a:focus{background: #0352ab;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} /* main-content-row */ .pet-blow-content,.water-treatment-content,.rinsing-filling-content,.ink-jet-content,.labelling-machine-content,.shrink-wrapping-content,.jar-filling-content,.neck-shrink-content,.beverage-processing-content,.carbonated-soft-content,.warming-tunnel-content,.fruit-storage-content,.citrus-juice-content,.finishing-content,.juice-cooling-content,.peel-collection-content,.peel-evaporation-content,.box-opening-content,.cubitainer-filling-content,.box-closing-content,.sticker-labelling-machine-content,.box-weight-checker-content,.box-strapping-content,.juice-processing-content,.juice-filling-content,.cooling-tunnel-content{padding-top: 300px !important;} .main-content-row{float: left;width: 100%;padding: 35px 0;background: url(../images/main-content-row-background.png) repeat-x bottom center;} .main-content-text{float: left;width: 100%;border: 10px solid #eee;padding: 25px 30px;background: #fff;} .main-content-text-left{float: left;width: 48%;} .main-content-text-left img{float: left;width: 100%;} .main-content-text-right{float: right;width: 48%;padding-top: 20px;} .main-content-title{float: left;width: 100%;padding-top: 25px;padding-bottom: 20px;position: relative;transform: perspective(1px) translateZ(0);} .main-content-title small{font-size: 78px;font-weight: 700;color: #e8e8e8;position: absolute;top: -20px;left: 0;z-index: -1;} .main-content-title h4{font-size: 28px;line-height: normal;font-weight: 700;color: #313131;} .main-content-text-right p{font-size: 16px;line-height: 27px;font-weight: 400;color: #505050;margin-bottom: 12px;} .main-content-text-right p:last-child{margin: 0;} .main-content-text-right ul{float: left;width: 100%;margin-bottom: 12px;} .main-content-text-right ul li{font-size: 16px;line-height: 27px;font-weight: 400;color: #505050;margin-bottom: 4px;padding-left: 14px;position: relative;} .main-content-text-right ul li::before{content: '>';position: absolute;top: 0;left: 0;} /* success-case */ #success-case{float: left;width: 100%;padding: 90px 0;display: none;} #success-case h5{font-size: 40px;line-height: normal;font-weight: 400;color: #292929;text-align: center;margin-bottom: 23px;} .success-case-list{float: left;width: 100%;} .success-case-list li{float: left;width: 33.33%;padding-right: 30px;} .success-case-content{float: left;width: 100%;border: 1px solid #e5e5e5;} .case-image{float: left;width: 100%;overflow: hidden;} .case-image img{float: left;width: 100%;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .case-title{float: left;width: 100%;padding: 20px;} .case-title span{font-size: 18px;color: #505050;} .success-case-content:hover .case-image img{transform: scale(1.1);-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} /* related-solutions */ #related-solutions{float: left;width: 100%;padding: 90px 0;} .related-solutions-list{float: left;width: 1600px;} .related-solutions-list li{float: left;padding-right: 16px;width: 25%;margin-bottom: 20px;} .related-solutions-img{float: left;width: 100%;position: relative;} .related-solutions-img img{float: left;width: 100%;} .related-solutions-heading{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;padding: 35px;} .related-solutions-heading h6{font-size: 50px;line-height: 50px;font-weight: 400;color: #fff;} .related-solutions-content{float: left;width: 100%;} .related-solutions-image{float: left;width: 100%;overflow: hidden;} .related-solutions-image img{float: left;width: 100%;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .related-solutions-text{float: left;width: 100%;margin-top: 10px;} .related-solutions-text h6{font-size: 15px;color: #505050;line-height: 20px;padding-left: 13px;font-weight: 400;border-left: 8px solid #01428b;} .related-solutions-text h6 a{color: inherit;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .related-solutions-left{float: left;width: 25%;} .related-solutions-left .related-solutions-list,.related-solutions-left .related-solutions-list li{width: 100%;} .related-solutions-right{float: right;width: 75%;overflow: hidden;} .related-solutions-right .related-solutions-list li{width: 320px;} .related-solutions-right-content{float: left;width: 100%;overflow-x: auto;overflow-y: hidden;} .related-solutions-content:hover .related-solutions-image a img,.related-solutions-content .related-solutions-image a:focus img{transform: scale(1.1);-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .related-solutions-content:hover a,.related-solutions-content a:focus{color: #01428b;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} /* client */ #client{float: left;width: 100%;padding: 90px 0;} .client-list{float: left;width: 100%;} .client-list li{float: left;width: 20%;padding: 10px;text-align: center;} .client-list li img{-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .client-list li:hover img{transform: scale(1.1);-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} #client .tabs .tab{background: #f6f6f6;} #client .tabs label{border: 1px solid #01428b;color: #01428b;padding: 10px 16px;} #client .tabs input[type="radio"]:checked + label{background: #01428b;color: #fff;border: none !important;} /* ro-description */ #ro-description{float: left;width: 100%;padding: 90px 0;} #ro-description p{font-size: 16px;line-height: 28px;font-weight: 400;color: #505050;text-align: justify;margin-bottom: 24px;} .ro-image{float: left;width: 100%;margin-bottom: 20px;position: relative;transform: perspective(1px) translateZ(0);overflow: hidden;} .ro-image img{float: left;transform: translate3d(0,0,-100%);transition: opacity 0s linear .6s,transform 1s cubic-bezier(.165,.84,.44,1) .5s;opacity: 0;} /* ro-content */ #ro-content{float: left;width: 100%;} #ro-content ul{float: left;width: 100%;} #ro-content ul li{float: left;width: 100%;padding: 90px 0;} #ro-content ul li:nth-child(odd){background: #f6f6f6;} .ro-content-left{float: left;width: 47%;} .ro-content-left h2{font-size: 22px;line-height: normal;font-weight: 700;color: #646464;display: inline-block;width: 100%;margin-bottom: 20px;text-transform: capitalize;} .ro-content-left p{font-size: 16px;line-height: 28px;font-weight: 400;color: #505050;text-align: justify;margin-bottom: 24px;} .ro-content-left p:last-child{margin: 0;} .ro-content-right{float: right;width: 48%;position: relative;transform: perspective(1px) translateZ(0);overflow: hidden;} .ro-content-right img{float: left;transform: translate3d(0,0,-100%);transition: opacity 0s linear .6s,transform 1s cubic-bezier(.165,.84,.44,1) .5s;opacity: 0;} #ro-content ul li:nth-child(even) .ro-content-left{float: right;} #ro-content ul li:nth-child(even) .ro-content-right{float: left;} .ro-content-right .mask-img{background:#ddd;} /* design-service */ .design-service-content{padding-top: 360px !important;} #design-service{float: left;width: 100%;padding: 90px 0;} #design-service h2{font-size: 40px;line-height: normal;font-weight: 400;color: #292929;text-align: center;margin-bottom: 33px;} #design-service ul{float: left;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;} #design-service ul li{float: none;width: 23.5%;background: #f6f6f6;} .service-list-image{float: left;width: 100%;overflow: hidden;} .service-list-image img{float: left;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .service-list-text{float: left;width: 100%;padding: 20px;text-align: center;} .service-list-text span{font-size: 18px;line-height: normal;font-weight: 400;color: #313131;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} #design-service ul li:hover .service-list-image img{transform: scale(1.1);-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} #design-service ul li:hover .service-list-text span{color: #01428b;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} /* manufacturing */ .manufacturing-content{padding-top: 360px !important;} #manufacturing{float: left;width: 100%;background: #f6f6f6;padding: 90px 0;} #manufacturing h3{font-size: 40px;line-height: normal;font-weight: 400;color: #292929;text-align: center;margin-bottom: 33px;} #manufacturing .slick-slide img{width: auto;margin: 0 auto;transform: scale(0.8);} #manufacturing span{font-size: 18px;line-height: normal;font-weight: 400;color: #313131;text-align: center;display: block;margin-top: 20px;} #manufacturing .slick-list{padding: 0 !important;} #manufacturing .slick-slide{margin: 0 10px;} #manufacturing .slick-current img{transform: scale(1) !important;} /* manufacturing-control */ .manufacturing-control-content{padding-top: 380px !important;} #manufacturing-control{float: left;width: 100%;padding: 90px 0;} #manufacturing-control h4{font-size: 40px;line-height: normal;font-weight: 400;color: #292929;text-align: center;margin-bottom: 33px;} #manufacturing-control ul{float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;} #manufacturing-control ul li{float: none;width: 25%;background-color: #f6f6f6;overflow: hidden;} #manufacturing-control ul li img{float: left;} .manufacturing-control-list-content{float: left;width: 100%;padding: 30px;text-align: center;} .manufacturing-control-list-content img{width: 62px;float: none !important;display: table;margin: 0 auto;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .manufacturing-control-list-content p{font-size: 14px;line-height: 27px;font-weight: 400;color: #313131;margin-top: 12px;} .manufacturing-control-background-1 > div,.manufacturing-control-background-2 > div,.manufacturing-control-background-3 > div,.manufacturing-control-background-4 > div{float: left;width: 100%;height: 100%;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .manufacturing-control-background-1 > div{background: url(../images/manufacturing-management-1.jpg) no-repeat center center;background-size: cover;} .manufacturing-control-background-2 > div{background: url(../images/manufacturing-management-2.jpg) no-repeat center center;background-size: cover;} .manufacturing-control-background-3 > div{background: url(../images/manufacturing-management-3.jpg) no-repeat center center;background-size: cover;} .manufacturing-control-background-4 > div{background: url(../images/manufacturing-management-4.jpg) no-repeat center center;background-size: cover;} .manufacturing-control-background-3{-webkit-box-ordinal-group: 11;-ms-flex-order: 10;order: 10;} .manufacturing-control-background-1:hover > div,.manufacturing-control-background-2:hover > div,.manufacturing-control-background-3:hover > div,.manufacturing-control-background-4:hover > div{transform: scale(1.1);-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} #manufacturing-control ul li:hover img{transform: translateY(-10px);-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} /* complete-line */ .complete-line-content{padding-top: 380px !important;} #complete-line{float: left;width: 100%;background: #f6f6f6;padding: 90px 0;} .complete-line-left{float: left;width: 48%;} .complete-line-left h5{font-size: 40px;line-height: normal;font-weight: 400;color: #292929;margin-bottom: 10px;} .complete-line-left ul{float: left;width: 100%;} .complete-line-left ul li{float: left;width: 100%;font-size: 18px;line-height: 28px;font-weight: 400;color: #505050;border-bottom: 1px solid #bbb;padding: 18px 0;position: relative;padding-left: 20px;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .complete-line-left ul li::before{content: '>';position: absolute;top: 17px;left: 0;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .complete-line-left ul li:hover{color: #01428b;padding-left: 40px;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .complete-line-left ul li:hover::before{left: 20px;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .complete-line-right{float: right;width: 48%;position: relative;transform: perspective(1px) translateZ(0);overflow: hidden;}.complete-line-right img{float: left;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;transform: translate3d(0,0,-100%);transition: opacity 0s linear .6s,transform 1s cubic-bezier(.165,.84,.44,1) .5s;opacity: 0;} #complete-line:hover .complete-line-right img{transform: scale(1.1);-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .complete-line-right .mask-img{background: #ddd;} /* ship-destination */ .ship-destination-main-content{padding-top: 380px !important;} #ship-destination{float: left;width: 100%;padding: 90px 0;} #ship-destination h6{font-size: 40px;line-height: normal;font-weight: 400;color: #292929;text-align: center;margin-bottom: 33px;} #ship-destination ul{float: left;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;} #ship-destination li{float: none;width: 48%;background: #f5f5f5;} .ship-destination-content{float: left;width: 100%;} .ship-destination-image{float: left;width: 100%;overflow: hidden;} .ship-destination-image img{float: left;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .ship-destination-text{float: left;width: 100%;padding: 60px 30px;} .ship-destination-text p{font-size: 16px;line-height: 27px;font-weight: 400;color: #313131;} #ship-destination li:hover .ship-destination-image img{transform: scale(1.1) !important;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} /* installation */ .installation-content{padding-top: 380px !important;} #installation{float: left;width: 100%;background: #01428b;padding: 90px 0;} #installation h3{font-size: 40px;line-height: normal;font-weight: 400;color: #fff;text-align: center;margin-bottom: 33px;} #installation ul{float: left;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;} #installation li{float: none;width: 31.33%;background: #fff;} .installation-image{float: left;width: 100%;overflow: hidden;} .installation-image img{float: left;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .installation-text{float: left;width: 100%;padding: 30px;} .installation-text p{font-size: 16px;line-height: 27px;font-weight: 400;color: #313131;} #installation li:hover .installation-image img{transform: scale(1.1) !important;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} /* training-guidance */ .training-guidance-content{padding-top: 380px !important;} #training-guidance{float: left;width: 100%;padding: 90px 0;} .training-guidance-left{float: left;width: 48%;position: relative;transform: perspective(1px) translateZ(0);overflow: hidden;} .training-guidance-left img{float: left;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;transform: translate3d(0,0,-100%);transition: opacity 0s linear .6s,transform 1s cubic-bezier(.165,.84,.44,1) .5s;opacity: 0;} .training-guidance-right{float: right;width: 48%;} .training-guidance-right h4{font-size: 40px;line-height: normal;font-weight: 400;color: #292929;margin-bottom: 33px;} .training-guidance-right ul{float: left;width: 100%;} .training-guidance-right ul li{float: left;width: 100%;font-size: 16px;line-height: 27px;font-weight: 400;color: #505050;margin-bottom: 20px;position: relative;padding-left: 40px;} .training-guidance-right ul li::before{content: '';width: 24px;height: 24px;display: inline-block;background: url(../images/training-checkmark.png) no-repeat top left;position: absolute;top: 4px;left: 0;} #training-guidance:hover .training-guidance-left img{transform: scale(1.1) !important;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} /* perfect-spare */ .perfect-spare-content{padding-top: 380px !important;} #perfect-spare{float: left;width: 100%;padding-bottom: 90px;} #perfect-spare h5{font-size: 40px;line-height: normal;font-weight: 400;color: #292929;text-align: center;margin-bottom: 33px;} #perfect-spare p{font-size: 16px;line-height: 27px;font-weight: 400;color: #505050;text-align: center;width: 80%;margin: 0 auto;} #perfect-spare ul{float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 50px;} #perfect-spare li{float: left;width: 19%;position: relative;transform: perspective(1px) translateZ(0);overflow: hidden;} #perfect-spare li img{float: left;width: 100%;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;transform: translate3d(0,0,-100%);transition: opacity 0s linear .6s,transform 1s cubic-bezier(.165,.84,.44,1) .5s;opacity: 0;} #perfect-spare li:hover img{transform: scale(1.1) !important;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} /* cad-configuration */ #cad-configuration{float: left;width: 100%;padding: 90px 0;background: url(../images/water-line-background.jpg) no-repeat bottom center;background-size: cover;} #cad-configuration .tabs label{float: left;width: auto;background: #0352ab;font-size: 18px;color: #fff;line-height: normal;border-radius: 10px;padding: 10px 26px;margin-right: 20px;text-transform: capitalize;} #cad-configuration .tabs label img{vertical-align: middle;margin-right: 10px;} #cad-configuration .tabs .tab{margin-top: 40px;background: #fff;padding: 45px 40px;} #cad-configuration .tabs .tab img{display: table;margin: 0 auto;} #cad-configuration .tabs input[type="radio"]:checked + label{border: none;background: #01428b;} /* brief-introduction */ #brief-introduction{float: left;width: 100%;padding: 90px 0;} #brief-introduction h2{font-size: 40px;line-height: normal;font-weight: 400;color: #292929;margin-bottom: 23px;} #brief-introduction p{font-size: 16px;line-height: 27px;font-weight: 400;color: #505050;margin-bottom: 24px;} #brief-introduction ul{float: left;width: 100%;} #brief-introduction ul li{font-size: 16px;line-height: 27px;font-weight: 400;color: #505050;margin-bottom: 6px;padding-left: 14px;position: relative;} #brief-introduction ul li::before{content: '>';position: absolute;top: 0;left: 0;} /* quadra-contnet */ #quadra-contnet{float: left;width: 100%;padding: 90px 0;} .quadra-contnet-left{float: left;width: 56%;} .quadra-contnet-left h2{font-size: 40px;line-height: normal;font-weight: 400;color: #292929;margin-bottom: 23px;} .quadra-contnet-left p{font-size: 16px;line-height: 27px;font-weight: 400;color: #505050;margin-bottom: 24px;} .quadra-contnet-left p:last-child{margin: 0;} .quadra-contnet-right{float: right;width: 40%;text-align: center;} .quadra-contnet-right ul{display: table;width: auto;margin: 0 auto;} .quadra-contnet-right ul li{float: left;width: auto;margin: 0 4px;position: relative;transform: perspective(1px) translateZ(0);overflow: hidden;opacity: 0;} .quadra-contnet-right ul li a{font-size: 16px;line-height: normal;font-weight: 700;color: #01428b;border: 2px solid #01428b;border-radius: 3px;display: inline-block;padding: 10px 26px;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;transform:translate3d(0,0,-100%); transition:opacity 0s linear .6s,transform 1s cubic-bezier(.165,.84,.44,1) .5s;opacity:0;} .quadra-contnet-right ul li a:hover,.quadra-contnet-right ul li a:focus{background: #0352ab;color: #fff;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .quadra-contnet-right ul li a img{display: inline-block;margin-right: 10px;vertical-align: middle;margin-bottom: 0;width: 22px;} .quadra-contnet-right ul li a .video-hover{display: none;} .quadra-contnet-right ul li a:hover .video-normal,.quadra-contnet-right li a:focus .video-normal{display: none;} .quadra-contnet-right ul li a:hover .video-hover,.quadra-contnet-right ul li a:focus .video-hover{display: inline-block;} .quadra-padding{padding-top: 0 !important;} /* how-work */ #how-work{float: left;width: 100%;padding: 90px 0;background: #f6f6f6;} #how-work h3{font-size: 40px;line-height: normal;font-weight: 400;color: #292929;margin-bottom: 23px;} #how-work p{font-size: 16px;line-height: 27px;font-weight: 400;color: #313131;margin-bottom: 0;} /* key-features */ #key-features{float: left;width: 100%;padding: 90px 0;} .key-features-left{float: left;width: 56%;} .key-features-left h4{font-size: 40px;line-height: normal;font-weight: 400;color: #292929;margin-bottom: 10px;} .key-features-left ul{float: left;width: 100%;} .key-features-left ul li{font-size: 14px;line-height: 25px;font-weight: 400;color: #505050;margin-bottom: 6px;padding-left: 14px;position: relative;} .key-features-left ul li::before{content: '>';position: absolute;top: 0;left: 0;} .key-features-right{float: right;width: 40%;padding: 20px;box-shadow: 0 0 0.625rem rgba(30,30,32,0.15);} .key-features-right img{float: left;width: 100%;} /* industries-serve */ #industries-serve{float: left;width: 100%;padding: 90px 0;background: #01428b;} #industries-serve h5{font-size: 40px;line-height: normal;font-weight: 400;color: #fff;text-align: center;margin-bottom: 23px;} #industries-serve ul{float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;} #industries-serve ul li{float: left;width: 23%;background: #fff;} .industries-serve-content{float: left;width: 100%;padding: 20px;} .industries-serve-content h6{font-size: 18px;line-height: normal;font-weight: 700;color: #505050;display: block;margin-bottom: 6px;} .industries-serve-content p{font-size: 14px;line-height: 25px;font-weight: 400;color: #505050;margin-bottom: 0;} .cubitainer-list{justify-content: center !important;} .cubitainer-list li{width: calc(33.33% - 20px) !important;margin-right: 20px;margin-bottom: 20px;} /* customization-options */ #customization-options{float: left;width: 100%;padding: 90px 0;} .customization-options-left{float: left;width: 48%;padding: 20px;box-shadow: 0 0 0.625rem rgba(30,30,32,0.15);} .customization-options-left img{float: left;} .customization-options-right{float: right;width: 48%;} .customization-options-right h3{font-size: 40px;line-height: normal;font-weight: 400;color: #292929;margin-bottom: 10px;} .customization-options-right ul{float: left;width: 100%;} .customization-options-right ul li{font-size: 14px;line-height: 25px;font-weight: 400;color: #505050;margin-bottom: 6px;padding-left: 14px;position: relative;} .customization-options-right ul li::before{content: '>';position: absolute;top: 0;left: 0;} /* benefits */ #benefits{float: left;width: 100%;padding: 90px 0;background: #f6f6f6;} #benefits h4{font-size: 40px;line-height: normal;font-weight: 400;color: #292929;text-align: center;margin-bottom: 23px;} #benefits ul{float: none;width: 80%;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;} #benefits ul li{float: left;width: 32.33%;text-align: center;padding: 20px;border-right: 1px solid #ccc;} #benefits ul li:last-child{border: none;} #benefits ul li h5{font-size: 18px;line-height: normal;font-weight: 700;color: #292929;display: block;margin: 6px 0;} #benefits ul li p{font-size: 14px;line-height: 25px;font-weight: 400;color: #313131;margin-bottom: 0;} /* career */ #career{float: left;width: 100%;padding: 90px 0;} #career form{float: left;width: 100%;margin-top: 20px;} #career input{float: left;width: 48%;background: #f6f6f6;border: 1px solid #f6f6f6;border-radius: 5px;font-size: 14px;line-height: normal;font-weight: 400;padding: 14px 20px;font-family: 'Poppins', sans-serif;outline: none;margin: 0 1%;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;margin-bottom: 20px;} #career input:focus{border-color: #01428b;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} #career button{float: none;display: table;width: auto;margin: 0 auto;font-size: 16px;line-height: normal;font-weight: 700;color: #fff;text-transform: uppercase;cursor: pointer;border: 1px solid #01428b;border-radius: 5px;background: #01428b;font-family: 'Poppins', sans-serif;padding: 10px 20px;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} #career button:hover,#career button:focus{background: #0352ab;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} #whatsapp_chat_widget #wa-widget-send-button{margin: 0 0 20px 0 !important;right: 20px;} .tab-video{float: left;width: 100%;display: flex;align-items: center;} .tab-video-left{float: left;width: 50%;padding-right: 2%;} .tab-video-right{float: right;width: 50%;padding-left: 2%;} /* responsive */ @media only screen and (max-width: 1900px) { } @media only screen and (max-width: 1800px) { .dropdown-submenu{padding: 0 14.4%;padding-top: 20px;padding-bottom: 20px;} .dropdown-submenu .dropdown-sub-submenu{padding: 0 14.4%;} } @media only screen and (max-width: 1700px) { .dropdown-submenu{padding: 0 12.4%;padding-top: 20px;padding-bottom: 20px;} .dropdown-submenu .dropdown-sub-submenu{padding: 0 12.4%;} .dropdown-submenu .dropdown-sub-sub-submenu{left: 36.3%;width: 48%;} #manufacturing-control ul li img{max-width: 113%;} } @media only screen and (max-width: 1600px) { .dropdown-submenu{padding: 0 10%;padding-top: 20px;padding-bottom: 20px;} .dropdown-submenu .dropdown-sub-submenu{padding: 0 10%;} #manufacturing-control ul li img { max-width: 119%; } } @media only screen and (max-width: 1500px) { .dropdown-submenu{padding: 0 7%;padding-top: 20px;padding-bottom: 20px;} .dropdown-submenu .dropdown-sub-submenu{padding: 0 7%;} } @media only screen and (max-width: 1440px) { .dropdown-submenu{padding: 0 5%;padding-top: 20px;padding-bottom: 20px;} .dropdown-submenu .dropdown-sub-submenu{padding: 0 5%;} .dropdown-submenu .dropdown-sub-sub-submenu{left: 33.3%;width: 54%;} } @media only screen and (max-width: 1366px) { .dropdown-submenu{padding: 0 3%;padding-top: 20px;padding-bottom: 20px;} .dropdown-submenu .dropdown-sub-submenu{padding: 0 3%;} #product .slider,#partners .slider,#manufacturing .slider{width: 96%;} } @media only screen and (max-width: 1280px) { .dropdown-submenu{padding: 20px;} .dropdown-submenu .dropdown-sub-submenu{padding: 0 20px;} #product .slick-prev,#partners .slick-prev,#manufacturing .slick-prev{left: -3%;} #product .slick-next,#partners .slick-next,#manufacturing .slick-next{right: -3%;} .custom-option li{min-height: 50px;} #product-customization ul{margin-bottom: 30px;} .related-solutions-text h6{font-size: 14px;} .related-solutions-list{width: 1551px;} .related-solutions-right .related-solutions-list li{width: 310px;} .contact-us-info-content{padding-left: 68px;} .banner-vertical-text a{margin-top: 14px;} } @media only screen and (max-width: 1200px) { .logo{max-width: 232px;} .navigation{margin-top: 10px;} .dropdown-submenu .dropdown-sub-submenu li a{width: 362px;} .dropdown-submenu .dropdown-sub-submenu img{right: 46%;} .dropdown-submenu .dropdown-sub-sub-submenu{width: 60%;} .product-slider-content{padding: 31px 22px;} #industries p,#partners p{width: 70%;} .product-slider-content h2{width: 100%;} .navigation .sub-menu{right: 50px;} .exclusive-services-list li span{font-size: 26px;} .main-tab{top: 58px;} .main-tab ul li a{font-size: 16px;} .exclusive-services-list li img{width: 110px;} .related-solutions-heading{padding: 35px 20px;} .related-solutions-list{width: 1451px;} .related-solutions-right .related-solutions-list li{width: 290px;} .about-business{right: 0;} .exporting-left{margin-top: 4%;} #manufacturing span{font-size: 16px;} #perfect-spare p{width: 90%;} } @media only screen and (max-width: 1100px) { .navigation nav ul li{font-size: 15px;margin-right: 16px;} .dropdown-submenu .dropdown-sub-submenu img{right: 43%;} #product .slick-slide{margin: 0px 10px;} #product .slider,#partners .slider,#manufacturing .slider{width: 92%;} #product .slick-prev,#partners .slick-prev,#manufacturing .slick-prev{left: -4%;} #product .slick-next,#partners .slick-next,#manufacturing .slick-next{right: -4%;} .product-slider-content{padding: 26px 18px;} .product-slider-content p{font-size: 14px;line-height: 25px;} .product-btn{font-size: 14px;} #industries p,#partners p{width: 76%;} .industries-list-all-text span{width: 90%;} .counter ul li span{font-size: 60px;line-height: 60px;} .counter ul li h3,{font-size: 21px;} .exporting-left{width: 31%;margin-top: 0;} .exclusive-services-list li span{font-size: 24px;} .related-solutions-heading h6{font-size: 40px;line-height: 40px;} .related-solutions-list{width: 1326px;} .related-solutions-right .related-solutions-list li{width: 265px;} .product-customization-row h3{font-size: 25px;line-height: 35px;} #perfect-spare p{width: 100%;} .industries-list-all-text img{width: 70%;} } @media only screen and (max-width: 1024px) { .logo{max-width: 212px;} .navigation nav ul li{font-size: 14px;} .dropdown-submenu .dropdown-sub-submenu li a{width: 312px;} .dropdown-submenu .dropdown-sub-submenu img{right: 41%;} .dropdown-submenu .dropdown-sub-sub-submenu{width: 67%;} .banner-video{padding-top: 56px;padding-bottom: 153px;} .banner-left h1{font-size: 60px;line-height: 70px;} #about-us,#product-workstation{padding: 80px 0;} #gallery,#partners{padding-top: 80px;} #about-us h3,#parameters-table h2,#exclusive-services h3,#success-case h5{margin-bottom: 13px;} #industries,#exporting,#product-tabbing,#product-page,#product-detail,#contact-us,#about-us-page,#water-line,#success-case,#client,#ro-description,#ro-content ul li,#design-service,#parameters-table,#cad-configuration,#related-solutions,#brief-introduction,#quadra-contnet,#how-work,#key-features,#industries-serve,#customization-options,#manufacturing,#manufacturing-control,#complete-line,#ship-destination,#installation,#training-guidance,#benefits,#career{padding: 60px 0;} #exclusive-services,#perfect-spare{padding-bottom: 60px;} #industries h4{margin-bottom: 12px;} #industries p,#partners p{width: 82%;} .industries-list{margin-top: 28px;} .industries-list-all-text span{width: 100%;} .gallery-list li{padding: 2px;} .counter{margin-top: 60px;} .counter ul li{padding: 0 10px;} #partners h4{margin-bottom: 18px;} footer{padding-top: 174px;} .inner-footer{padding-top: 75px;} #product-tabbing .tabs label{padding: 0 40px 20px 40px;} #product-tabbing .tabs label small{padding-right: 100px;} #product-tabbing .tabs label small::after{width: 88px;} #product-customization ul{margin-bottom: 10px;} #product-customization{padding-bottom: 60px;} .exclusive-services-list li span{font-size: 22px;} .main-tab{padding: 20px 0 30px 0;background-size: cover;} .main-content-title h4{font-size: 25px;} .related-solutions-list{width: 1240px;} .related-solutions-right .related-solutions-list li{width: 248px;} .reverse-customization-row .product-customization-right{width: 60%;} #design-service h2,#manufacturing h3,#manufacturing-control h4,#ship-destination h6,#installation h3,.training-guidance-right h4,#perfect-spare h5{font-size: 34px;margin-bottom: 20px;} .complete-line-left h5{font-size: 34px;} .ship-destination-text{padding: 40px 20px;} #perfect-spare ul{margin-top: 30px;} #benefits ul{width: 100%;} .quadra-contnet-left h2{font-size: 28px;} } @media only screen and (max-width: 900px) { .top-contact li{font-size: 13px;} .logo{max-width: 192px;} .toggle{display: none;} .navigation{margin-top: 8px;} .navigation nav ul li{font-size: 13px;margin-right: 14px;} .navigation .sub-menu{width: 598px;} .navigation .sub-menu li{width: 332px;font-size: 12px;} .navigation .sub-menu li img,.dropdown-submenu .dropdown-sub-submenu img{width: 200px;} .dropdown-submenu .sub-category{font-size: 14px;} .dropdown-submenu .sub-category img{height: 32px;} .dropdown-submenu .dropdown-sub-submenu li a{width: 272px;font-size: 12px;} .banner-left h1{font-size: 54px;line-height: 64px;} #product .slider,#partners .slider,#manufacturing .slider{width: 90%;} #product .slick-prev,#partners .slick-prev,#manufacturing .slick-prev{left: -6%;} #product .slick-next,#partners .slick-next,#manufacturing .slick-next{right: -6%;} .product-slider-content{padding: 31px 28px;} .product-slider-content p{font-size: 16px;line-height: 27px;} .product-btn{font-size: 16px;} #industries p,#partners p{width: 94%;} .gallery-list li{width: 16.66%;} .counter ul li h3{font-size: 18px;margin-top: 6px;} .counter ul li span{font-size: 50px;line-height: 50px;} #product-page ul li{width: 49%;} .contact-us-info-content img{top: 20px;} .contact-us-info-content{padding: 20px;padding-left: 68px;} .contact-us-info-content h2{font-size: 14px;} .contact-us-info-content p{font-size: 14px;line-height: 24px;} #product-tabbing .tabs label{font-size: 20px;} #product-tabbing .tabs label small{font-size: 50px;line-height: 50px;} .tabbing-table{overflow-x: auto;padding-bottom: 20px;} .tabbing-table table{width: 1000px;} .product-customization-left,.reverse-customization-row .product-customization-left{width: 100%;} .custom-option{margin-top: 0;} .product-customization-right{width: 100%;margin-top: 20px;} .reverse-customization-row .product-customization-right{width: 100%;margin-top: 30px;} .work-tabbing label{width: 190px;margin-right: 15px;} .parameters-table-content{overflow-x: auto;position: relative;z-index: 8;} .parameters-table-content table{width: 1000px;} .exclusive-services-list li span{font-size: 20px;} .related-solutions-heading h6{font-size: 30px;line-height: 30px;} .related-solutions-list{width: 1080px;} .related-solutions-right .related-solutions-list li{width: 216px;} .about-content,.customer-success{margin: 50px 0 30px 0;} .experienced-team-intro{padding: 50px 0 37px 0;} .customer-success h4,.experienced-team-intro h5,.certificate h6{margin-bottom: 20px;} .product-extra-details p{width: 100%;} .client-list li{width: 25%;} .service-list-text{padding: 10px;} .service-list-text span{font-size: 14px;} #manufacturing span{font-size: 15px;} .configuration-image{margin-top: 30px;padding: 35px 30px;} #industries-serve ul li{width: 48%;margin-bottom: 30px;} #manufacturing-control ul li{width: 50%;} .manufacturing-control-background-3{-webkit-box-ordinal-group: inherit;-ms-flex-order: inherit;order: inherit;} .industries-list-all-text h5{font-size: 18px;bottom: -10px;} } @media only screen and (max-width: 800px) { .logo{max-width: 152px;} .navigation{margin-top: 4px;} .top-contact li{margin-right: 20px;} .banner-vertical-text a{margin-top: 4px;} .navigation nav ul li{font-size: 12px;margin-right: 12px;} .navigation .sub-menu li{width: 312px;font-size: 11px;} .navigation .sub-menu{width: 578px;} .dropdown-submenu .dropdown-sub-submenu img{right: 40%;} .dropdown-submenu .dropdown-sub-submenu li a{width: 232px;} .product-slider-content p{font-size: 14px;line-height: 25px;} #industries p,#partners p{width: 100%;font-size: 19px;line-height: 29px;} .counter ul li h3{font-size: 15px;} .exporting-left{width: 34%;} .exporting-left h2{font-size: 34px;line-height: 34px;margin-bottom: 14px;} .exporting-left p{font-size: 14px;line-height: 28px;} .exporting-right{width: 66%;} #partners h4{font-size: 36px;} .ready-to-started-content h5{font-size: 34px;line-height: 44px;} footer{padding-bottom: 48px;} .footer-list li,.contact-info li{font-size: 12px;} .footer-column p{font-size: 14px;line-height: 25px;} .terms-link{font-size: 12px;} .copy-right span{font-size: 14px;} #inner-banner h1{font-size: 36px;line-height: 36px;} .contact-us-info-content p{font-size: 14px;line-height: 26px;} #product-tabbing .tabs label{padding: 0 20px 30px 20px;} .product-customization-row ul li{font-size: 15px;} .product-customization-row h3{font-size: 26px;line-height: 36px;} .product-slider-content{padding: 31px 12px;} .contact-us-right h3{font-size: 26px;} .contact-us-info-content img{width: auto;display: table;margin: 0 auto;position: static;} .contact-us-info-content{text-align: center;padding: 20px;} .tab-title h2{font-size: 30px;line-height: 44px;padding-left: 50px;background-size: 36px;} .exclusive-services-list li img{width: 90px;} .exclusive-services-list li span{font-size: 17px;} .main-content-text-right{padding-top: 0px;} .main-content-title h4{font-size: 22px;} .case-title{padding: 10px;} .industries-list-all-text h5{font-size: 16px;} .related-solutions-list{width: 960px;} .related-solutions-right .related-solutions-list li{width: 192px;} .about-business{width: 430px;} .about-business h3{padding: 20px 0 0 40px;} #design-service h2,#manufacturing h3,#manufacturing-control h4,#ship-destination h6,#installation h3,.training-guidance-right h4,#perfect-spare h5{font-size: 30px;margin-bottom: 10px;} .complete-line-left h5{font-size: 30px;} #installation li{width: 47%;margin: 0 auto;margin-bottom: 30px;} #installation li:last-child{margin-bottom: 0;} } @media only screen and (max-width: 768px) { .logo{max-width: 118px;} .navigation{margin-top: 2px;} .navigation nav ul li{padding-bottom: 15px;} .contact-us-info-content{min-height: auto;text-align: center;padding: 20px;} .product-customization-row ul li{font-size: 14px;} .work-tabbing label{width: 180px;font-size: 16px;} .related-solutions-list{width: 920px;} .related-solutions-right .related-solutions-list li{width: 184px;} .about-business{top: 14px;} #design-service ul li{width: 48%;margin-bottom: 30px;} #design-service ul li:nth-child(3),#design-service ul li:last-child{margin: 0;} .service-list-text span{font-size: 16px;} #design-service h2,#manufacturing h3,#manufacturing-control h4,#ship-destination h6,#installation h3,.training-guidance-right h4,#perfect-spare h5{margin-bottom: 20px;} .complete-line-left h5{font-size: 28px;} .complete-line-left ul li{padding: 12px 0;padding-left: 20px;font-size: 16px;line-height: 26px;} } @media only screen and (max-width: 767px) { header{padding: 20px 0;} .logo{max-width: 212px;} .navigation{margin-top: 14px;} .mobile-menu,.change{display: inline-block;} .sticky{animation: none;} .change{float:right;} #shortmenu{transition-duration: 0.3s;height: 100vh;max-width: 320px;width: 100%;z-index: -1;position: fixed;top: 0;right: -320px;margin-top: 0;display: block;z-index: 9999;} .active-menu{right: 0 !important;} .active-menu::before{content: '';position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.6);width: 100%;height: 100%;display: inline-block;z-index: -1;} .mobile-menu-content{background: #fff;padding: 26px;height: 100vh;} .navigation nav ul{margin: 20px 0;height: 56vh;overflow: scroll;} .navigation nav ul li{width: 100%;padding: 0;font-size: 14px;margin: 0;} .navigation nav ul li a{padding: 10px 15px 10px 25px;display: block;border-bottom: 1px solid #ddd;position: relative;} .navigation nav ul li a::before{content: '-';position: absolute;top: 10px;left: 10px;} .navigation nav ul li::after{display: none;} .nav-active{color: #505050 !important;} .navigation nav ul li:hover, .navigation nav ul li a:focus{color:#505050;} .navigation nav ul li a:hover,.navigation nav ul li a:focus{color: #01428b;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .toggle{float: right;z-index: 999;position: relative;display: block;cursor: pointer;margin-right: 20px;margin-top: 10px;} .navigation nav ul li:hover > ul,.dropdown-submenu li:hover > .dropdown-sub-submenu,.dropdown-sub-submenu li:hover > .dropdown-sub-sub-submenu{display: none;} .navigation .sub-menu{background: none;box-shadow: none;position: static;padding: 0;height: auto;border-top: none;margin-top: 0;width: auto;} .navigation [id^="drop"]:checked + ul{display: block !important;} .navigation .sub-menu li{padding: 0;border-bottom: none;width: 100%;font-size: 12px;font-weight: 400;background: none;} .navigation .sub-menu li a{padding-left: 40px;position: relative;color: #505050;font-size: 13px;} .navigation .sub-menu li a::before{left: 20px;} .navigation .sub-menu li img,.navigation .sub-menu li:nth-child(1) img,.dropdown-submenu .dropdown-sub-submenu img,.dropdown-submenu .dropdown-sub-submenu li:nth-child(1) img{display: none;} .navigation .sub-menu li:hover img,.dropdown-submenu .dropdown-sub-submenu li:hover img{display:none;} .blue img,.dropdown-submenu .dropdown-sub-sub-submenu li.blue img{display: none !important} .navigation nav ul li:hover > .dropdown-submenu{display:none;} .navigation .dropdown-submenu{position: static;margin: 0;padding: 0;height: auto;box-shadow: none;overflow: inherit;background: none;} .navigation .dropdown-submenu li{padding-right: 0;} .navigation .sub-menu li a:hover, .navigation .sub-menu li a:focus{text-decoration: none;} .dropdown-submenu .sub-category img{display: none;} .dropdown-submenu .sub-category{font-size: 13px;font-weight: 400;width: 100%;border-bottom: 1px solid #ddd !important;padding: 10px 15px 10px 35px;color: #505050 !important;display: block;} .navigation .dropdown-submenu .sub-category::before{left: 20px;} .dropdown-submenu .sub-category::after{display: none !important;} .dropdown-submenu .toggle{display: block;} .dropdown-submenu .dropdown-sub-submenu{position: static;margin: 0;padding: 0;height: auto;overflow: inherit;;} .navigation .dropdown-submenu li:nth-child(1) .dropdown-sub-submenu,.dropdown-submenu .dropdown-sub-submenu li:nth-child(1) .dropdown-sub-sub-submenu{display:none} .dropdown-submenu .dropdown-sub-submenu li a{background: none;width: 100%;font-weight: 400;padding: 10px 15px 10px 45px;color: #505050 !important;margin-bottom: 0;} .dropdown-submenu .dropdown-sub-submenu li a::before{left: 30px;} .dropdown-submenu .dropdown-sub-submenu li:last-child a{border-bottom: 1px solid #ddd} .dropdown-submenu .sub-category:hover,.dropdown-submenu .sub-category:focus,.dropdown-submenu .dropdown-sub-submenu li a:hover,.dropdown-submenu .dropdown-sub-submenu li a:focus{color: #01428b !important;text-decoration: none;-webkit-transition: 0.5s all ease-out;-moz-transition: 0.5s all ease-out;-ms-transition: 0.5s all ease-out;-o-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .mobile-brochure,.mobile-social{display:inline-block;} .mobile-brochure a{font-size: 14px;line-height: normal;font-weight: 400;color: #fff;text-transform: uppercase;width: 210px;text-align: center;margin-bottom: 10px;border: 1px solid #01428b;border-radius: 30px;padding: 10px 20px;webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in; background: #01428b;float: left;} .mobile-brochure a:hover,.mobile-brochure a:focus{background: transparent;color: #01428b;-webkit-transition: 0.5s all ease-in;-moz-transition: 0.5s all ease-in;-ms-transition: 0.5s all ease-in;-o-transition: 0.5s all ease-in;transition: 0.5s all ease-in;} .mobile-social a{margin-right: 10px;} .banner-text,.top-social{display: none;} .top-contact{float: none;display: table;margin: 0 auto;} .top-contact li{margin-right: 17px;} #industries p,#partners p{font-size: 18px;line-height: 28px;} .manufacturing-control-background-1,.manufacturing-control-background-2,.manufacturing-control-background-3,.manufacturing-control-background-4{display: none;} #manufacturing-control ul{padding: 0 20px;} #manufacturing-control ul li{width: 48%;margin-bottom: 30px;} #manufacturing-control ul li:nth-child(6),#manufacturing-control ul li:last-child{margin: 0;} } @media only screen and (max-width: 680px) { #banner{display: block;height: auto;} #banner video{height: 480px;float: left;} .banner-right{float: none;display: table;margin: 0 auto;} .banner-left{width: 100%;margin-top: 20px;text-align: center;} .banner-left h1{margin-bottom: 6px;} .banner-left h1 strong{display: initial;} .banner-left p{width: 100%;margin-bottom: 10px;} .product-slider-content h2{min-height: 0;} #about-us,#product-workstation{padding: 50px 0;} #gallery,#partners{padding-top: 50px;} .about-us-left{width: 100%;} .about-us-left p{text-align: center;} .about-us-left ul{float: none;width: auto;display: table;margin: 0 auto;} .about-us-right{width: 100%;margin-bottom: 30px;} .about-us-right img{width: 100%;} #industries,#exporting,#product-tabbing,#product-page,#product-detail,#contact-us,#about-us-page,#water-line,#success-case,#client,#ro-description,#ro-content ul li,#design-service,#parameters-table,#cad-configuration,#related-solutions,#brief-introduction,#quadra-contnet,#how-work,#key-features,#industries-serve,#customization-options,#manufacturing,#manufacturing-control,#complete-line,#ship-destination,#installation,#training-guidance,#benefits,#career{padding: 40px 0;} #exclusive-services,#perfect-spare{padding-bottom: 40px;} #industries h4,#partners h4{margin-bottom: 6px;} #industries p,#partners p{font-size: 16px;line-height: 26px;} .exporting-left{width: 100%;text-align: center;} .exporting-right{width: 100%;margin-top: 30px;} .counter ul li{width: 50%;margin-bottom: 30px;} .counter ul li:nth-child(2){border-right: none;} .counter ul li:nth-child(3),.counter ul li:last-child{margin:0;} .ready-to-started-content{display: inline-block;} .ready-to-started-left{width: 100%;text-align: center;} .ready-to-started-right{width: 100%;margin-top: 20px;} .ready-to-started-content span{float: none;display: table;margin: 0 auto;} .ready-to-started-content span a{float: none;display: table;margin: 0 auto;} footer{padding-bottom: 38px;padding-top: 154px;} .footer-logo{margin-bottom: 10px;} .footer-column{width: 100%;padding-right: 0;text-align: center;margin-bottom: 40px;} .footer-column p{margin-bottom: 10px;} .terms-link{font-size: 14px;} .footer-column h6{margin-bottom: 10px;} .footer-list li, .contact-info li{font-size: 14px;display: table;margin: 0 auto;float: none;width: auto;margin-bottom: 6px;} .footer-column:last-child{margin: 0;} .copy-right{padding: 10px 0;} #product-page ul li{width: 100%;padding: 0;} .inner-footer{padding-top: 55px;} #inner-banner h1{font-size: 28px;line-height: 30px;} .tabs .tab iframe{width: 100%;} .contact-us-right h3{font-size: 34px;margin-bottom: 2px;} .product-detail-left{width: 100%;margin-top: 30px;} .product-detail-right{width: 100%;} #product-tabbing .tabs label{padding: 20px 0;text-align: center;} #product-tabbing .tabs .tab{border-top: transparent;} .product-slider-content{padding: 31px 22px;} .contact-us-left{width: 100%;} .contact-us-right{width: 100%;margin-top: 30px;text-align: center;} .contact-us-info-content h2{font-size: 16px;} .contact-us-info-content p{font-size: 16px;line-height: 28px;} .tab-title h2{display: table;margin: 0 auto;} .work-tabbing nav{float: none;display: table;margin: 0 auto;margin-top: 10px;} .exclusive-services-list li{width: 100%;} .exclusive-services-list li span{font-size: 24px;} .main-tab{display: none;} .main-content-text-left{width: 100%;} .main-content-text-right{width: 100%;margin-top: 30px;text-align: center;} .main-content-title small{right: 0;} .main-content-text-right ul li{display: table;margin: 0 auto;margin-bottom: 4px;} .success-case-list li{padding-right: 20px;} .industries-list li{width: 100%;padding: 0;margin-bottom: 30px;} .industries-list li:last-child{margin-bottom: 0;} .industries-list-all-text h5{font-size: 20px;bottom: -20px;} .related-solutions-left{width: 100%;} .related-solutions-left .related-solutions-list li{padding: 0;} .related-solutions-img img{display: none;} .related-solutions-heading{position: static;} .related-solutions-heading{padding: 0;} .related-solutions-heading h6{color: #01428b;width: 100%;text-align: center;} .related-solutions-right{width: 100%;} .related-solutions-text h6{font-size: 15px;padding-left: 10px;border-left: 4px solid #01428b;text-align: left;} .related-solutions-list{width: 100%;text-align: center;} .related-solutions-right .related-solutions-list li{float: none;width: 32.33%;display: inline-block;} .about-business{float: left;width: 100%;position: static;} .about-counter{background: none;} .about-counter-part{width: 100%;position: relative;background: url(../images/about-counter-background.jpg) no-repeat center center;transform: perspective(1px) translateZ(0);} .about-counter-part::before{content: '';height: 100%;width: 100%;display: inline-block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(1, 66, 139, 0.9);z-index: -1;} .about-counter-part:last-child::before{background-color: rgba(18, 105, 174, 0.9);} .about-counter-part span{font-size: 90px;line-height: 90px;} .experienced-team-intro p{width: 90%;} .customer-success h4{font-size: 26px;} .experienced-team-intro{padding: 40px 0 37px 0;} #about-us-page h2{font-size: 16px;padding: 8px 14px;} .product-extra-details{margin-top: 24px;} #map{margin-bottom: -127px;} .client-list li{width: 33.33%;} #ro-description p,.ro-content-left p{text-align: center;} .ro-content-left{width: 100%;text-align: center;} .ro-content-right{width: 100%;margin-top: 30px;} .ro-content-right img{width: 100%;} #manufacturing-control ul li{width: 100%;text-align: center;} #manufacturing-control ul li:nth-child(6){margin-bottom: 30px;} .complete-line-left{width: 100%;text-align: center;} .complete-line-right{width: 100%;margin-top: 40px;} #ship-destination li{width: 100%;text-align: center;margin-bottom: 30px;} #ship-destination li:laast-child{margin: 0;} .training-guidance-right{width: 100%;text-align: center;} .training-guidance-right ul li{padding-left: 0;} .training-guidance-right ul li::before{display: none;} .training-guidance-left{width: 100%;margin-top: 30px;} .configuration-image{padding: 25px 20px;} .complete-line-left ul li{padding-left: 0;} .complete-line-left ul li:hover{padding-left: 0;} .complete-line-left ul li::before{display: none;} .tab-video{display: inherit;} .tab-video-left{width: 100%;padding-right: 0;} .tab-video-right{width: 100%;padding-left: 0;margin-top: 30px;} .three-column li span{min-height: 0;} .breadcrumb li{float: none;display: inline-block;} .breadcrumb{text-align: center;} #brief-introduction{text-align: center;} #brief-introduction ul li,.key-features-left ul li,.customization-options-right ul li{display: table;margin: 0 auto;margin-bottom: 6px;} #brief-introduction h2,.quadra-contnet-left h2,#how-work h3,.key-features-left h4,#industries-serve h5,.customization-options-right h3,#benefits h4{margin-bottom: 13px;} .about-content p{text-align: center;} .quadra-contnet-left,.key-features-left,.customization-options-right{width: 100%;text-align: center;} .quadra-contnet-right,.key-features-right{width: 100%;margin-top: 30px;} #how-work{text-align: center;} .customization-options-left{width: 100%;margin-bottom: 30px;} #benefits ul li{width: 100%;border-bottom: 1px solid #ccc;border-right: none;} .cubitainer-list li{width: calc(50% - 20px) !important;margin: 0 10px;} #parameters-table h2,#exclusive-services h3,#success-case h5{font-size: 30px;line-height: 36px;} #product-page ul li h2{min-height: 0;} .product-inquiry{top: auto;bottom: 0;width: 100%;} .product-inquiry li{width: 100%;text-align: center;} .product-inquiry li a{font-size: 14px;width: 100%;border-radius: 0;border: none;padding: 15px 0;} .inner-copy-right{padding-bottom: 70px;} .customer-success ul li{width: 33.33%;margin-bottom: 20px;padding:0 5px;} .customer-success ul li:nth-child(4),.customer-success ul li:nth-child(5),.customer-success ul li:last-child{margin-bottom: 0;} } @media only screen and (max-width: 580px) { #banner video{height: 470px;} .banner-left h1{font-size: 48px;line-height: 58px;} #product .slider,#partners .slider,#manufacturing .slider{width: 86%;} #product .slick-prev,#partners .slick-prev,#manufacturing .slick-prev{left: -9%;} #product .slick-next,#partners .slick-next,#manufacturing .slick-nex{right: -9%;} .gallery-list li{width: 20%;} #about-us h3,#industries h4,#gallery h6,#partners h4{font-size: 32px;} .ready-to-started-content h5{font-size: 30px;line-height: 40px;} .counter{margin-top: 30px;} .case-title span{font-size: 16px;} .related-solutions-text h6{font-size: 13px;} .customer-success h4{font-size: 24px;} #map{margin-bottom: -111px;} #perfect-spare ul{display: inline-block;text-align: center;} #perfect-spare li{float: none;width: 31.33%;display: inline-block;margin: 0 auto;} .customer-success ul li{width: 50%;margin-bottom: 20px;} .customer-success ul li:nth-child(4){margin-bottom: 20px;} } @media only screen and (max-width: 480px) { header{padding: 10px 0;} .banner-right{width: 48%;} .banner-left h1{font-size: 38px;line-height: 44px;} .banner-left p{font-size: 14px;line-height: 20px;} .banner-left a{font-size: 14px;padding: 10px 23px;} #product .slider,#partners .slider,#manufacturing .slider{width: 100%;} #product .slick-slide{margin: 0 10px;} #product .slick-dotted.slick-slider,#partners .slick-dotted.slick-slider,#manufacturing .slick-dotted.slick-slider{padding-bottom: 24px;margin-bottom: 0;padding-bottom: 24px;} #product .slick-dots,#partners .slick-dots,#manufacturing .slick-dots{padding-top: 0;bottom: 0;} #product .slick-dots li,#partners .slick-dots li,#manufacturing .slick-dots li{height: 8px;width: 8px;margin: 0 3px;} #product .slick-dots li button,#partners .slick-dots li button,#manufacturing .slick-dots li button{height: 8px;width: 8px;padding: 0;} #product .slick-dots li button::before,#partners .slick-dots li button::before,#manufacturing .slick-dots li button::before{content: '';height: 8px;width: 8px;background: #ccc;border-radius: 100%;opacity: 1;} #product .slick-dots li.slick-active button::before,#partners .slick-dots li.slick-active button::before,#manufacturing .slick-dots li.slick-active button::before{background: #01428b;opacity: 1;} #product .slick-dots li button:hover::before,#product .slick-dots li button:focus::before,#partners .slick-dots li button:hover::before,#partners .slick-dots li button:focus::before,#manufacturing .slick-dots li button:hover::before,#manufacturing .slick-dots li button:focus::before{background: #01428b;} #about-us h3,#industries h4,#gallery h6,#partners h4{margin-bottom: 0;} #industries p,#partners p,.exporting-left p,.main-content-text-right p,#ro-description p,.ro-content-left p,.manufacturing-control-list-content p,.ship-destination-text p,.installation-text p,#perfect-spare p{font-size: 14px;line-height: 24px;} #inner-banner h1{font-size: 24px;line-height: 34px;} .about-us-left p,.product-detail-left p,.about-content p,.customer-success p,.experienced-team-intro p,.product-extra-details p,.training-guidance-right ul li,#brief-introduction p,.quadra-contnet-left p,#how-work p{font-size: 14px;line-height: 26px;margin-bottom: 14px;} .contact-us-right h3{font-size: 30px;line-height: 30px;margin-bottom: 8px;} .contact-us-left ul li{padding: 0;} .contact-us-right form{margin-top: 20px;} .contact-us-right input,.contact-us-right select,.contact-us-right textarea{width: 100%;margin: 0;margin-bottom: 15px;} .contact-us-right button{width: 100%;margin: 0;} .product-detail-right ul li a{font-size: 13px;padding: 7px 14px;} .product-detail-right ul li a img{width: 16px;} #product-tabbing .tabs .tab{padding: 30px 20px;} .success-case-list li{width: 100%;padding-right: 0;margin-bottom: 30px;} .success-case-list li:last-child{margin-bottom: 0;} .related-solutions-right .related-solutions-list li{width: 100%;padding-right: 0;margin-bottom: 30px;} .related-solutions-right .related-solutions-list li:last-child{margin-bottom: 0;} .main-content-text-right ul li{font-size: 14px;line-height: 24px;} .case-title{text-align: center;} .related-solutions-text h6{font-size: 15px;display: table;margin: 0 auto;} .tab-title{margin-bottom: 20px;} .work-tabbing label{margin-right: 6px;} .work-tabbing label{width: 158px;font-size: 14px;} .tab-title h2{font-size: 24px;} .customer-success h4,.experienced-team-intro h5,.certificate h6{margin-bottom: 10px;} .experienced-team-intro h5,.certificate h6{font-size: 26px;} .experienced-team-intro ul li{width: 100%;} .about-counter-part span{font-size: 80px;line-height: 80px;padding-bottom: 10px;} .about-business h3::after{width: 330px;} .about-business h3{font-size: 24px;} .about-business li p{font-size: 14px;} .product-extra-details{margin-top: 14px;} .product-customization-row ul li{width: 100%;} .ready-to-started-content{padding: 20px 20px;} .ready-to-started-content h5{font-size: 24px;line-height: 30px;} .client-list li{width: 50%;} .ro-content-left h2{font-size: 20px;margin-bottom: 10px;} #design-service ul li{width: 100%;} #design-service ul li:nth-child(3){margin-bottom: 30px;} .service-list-image img{width: 100%;} #design-service h2,#manufacturing h3,#manufacturing-control h4,#ship-destination h6,#installation h3,.training-guidance-right h4,#perfect-spare h5,.complete-line-left h5{font-size: 22px;margin-bottom: 10px;} #manufacturing span{font-size: 16px;} .ship-destination-text{padding: 20px 20px;} #installation li{width: 100%;} .installation-image img{width: 100%;} .installation-text{text-align: center;} .manufacturing-control-list-content p{margin-top: 12px;} .complete-line-left ul li{font-size: 16px;line-height: 26px;} .installation-text{padding: 20px;} #cad-configuration ul li{font-size: 16px;padding: 10px 22px;} .configuration-image{margin-top: 20px;padding: 15px 10px;} .about-business h3{padding: 20px 0 0 20px;} .about-business ul{padding: 2px 0 20px 20px;} .about-business li{padding-left: 50px;} #brief-introduction h2,.quadra-contnet-left h2,#how-work h3,.key-features-left h4,#industries-serve h5,.customization-options-right h3,#benefits h4{font-size: 26px;margin-bottom: 8px;} #brief-introduction ul li{font-size: 14px;line-height: 26px;} #industries-serve ul li{width: 100%;text-align: center;} .cubitainer-list li{width: 100% !important;margin: 0;} #parameters-table h2,#exclusive-services h3,#success-case h5{font-size: 24px;} .top-contact li{margin-right: 10px;} .top-contact li img{margin-right: 4px;width: 13px;} .top-contact li{font-size: 12px;} #product .slick-prev,#product .slick-next,#partners .slick-prev,#partners .slick-next,#product-gallery .slick-prev,#product-gallery .slick-next,#manufacturing .slick-prev,#manufacturing .slick-next{height: 30px;width: 30px;} #cad-configuration .tabs .tab{margin-top: 30px;padding: 25px 20px;} #career input{width: 100%;margin: 0;margin-bottom: 20px;} .product-popup input,.product-popup select,.product-popup textarea{width: 100%;margin: 0;margin-bottom: 20px;} .product-popup{width: 90%;} .product-popup form{margin: 0;} } @media only screen and (max-width: 380px) { .top-contact li{display: table;margin: 0 auto !important;width: auto;float: none;} .banner-left h1{font-size: 31px;line-height: 34px;} .banner-right{width: 54%;} #about-us h3,#industries h4,#gallery h6,#partners h4{font-size: 30px;} .gallery-list li{width: 33.33%;} .counter{margin-top: 10px;} .counter ul li{width: 100%;border-bottom: 2px solid #1b5597;border-right: none;margin-bottom: 0;padding: 20px 0;} .counter ul li h3{font-size: 18px;} .ready-to-started-content{padding: 26px 20px;} .ready-to-started-content h5{font-size: 22px;line-height: 28px;} .copy-right span{font-size: 12px;} .contact-us-right h3{font-size: 26px;line-height: 26px;} #product-tabbing .tabs label{padding: 15px 20px;} #exclusive-services{padding-bottom: 0;} .exclusive-services-list li span{font-size: 20px;margin-top: 0;} .main-content-text{padding: 15px 20px;} .main-content-title h4{font-size: 20px;} .main-content-text-right{margin-top: 20px;} .about-business h3{padding: 20px 0 0 20px;} .about-business ul{padding: 2px 0 20px 20px;} .about-business h3::after{width: 300px;} .experienced-team-intro h5,.certificate h6{font-size: 24px;} .about-content,.customer-success{margin: 40px 0 30px 0;} .product-customization-right{margin-top: 10px;} .manufacturing-control-list-content{padding: 30px 20px;} .industries-list-all-text img{width: 60%;} .industries-list-all-text h5{font-size: 18px;} .work-tabbing label{width: 150px;font-size: 13px;} .product-detail-right ul li a{font-size: 12px;padding: 7px 10px;} .product-detail-right ul li a img{width: 13px;margin-right: 0px;} } @media only screen and (max-width: 320px) { .container{padding:0 10px;} .banner-left h1{font-size: 34px;line-height: 40px;} .product-slider-content{padding: 21px 18px;} .product-slider-content h2{font-size: 16px;line-height: 18px;} .about-us-left ul li a,.client-btn-text a{padding: 9px 19px;font-size: 15px;} #about-us h3,#industries h4,#gallery h6,#partners h4{font-size: 26px;} .exporting-left h2{font-size: 30px;line-height: 30px;margin-bottom: 8px;} .ready-to-started-content h5 br{display: none;} .breadcrumb li{font-size: 10px;} .work-tabbing label{width: 145px;padding: 10px 8px;} .work-tabbing .link-btn a{padding: 10px 8px;} #parameters-table h2,#exclusive-services h3,#success-case h5{font-size: 20px;} .about-business h3{font-size: 22px;} .about-business h3::after{width: 270px;} .about-business li p{font-size: 13px;} #brief-introduction h2,.quadra-contnet-left h2,#how-work h3,.key-features-left h4,#industries-serve h5,.customization-options-right h3,#benefits h4{font-size: 22px;} .industries-serve-content h6{font-size: 16px;} }