*, ::after, ::before { box-sizing: border-box; } html { font-size: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, sans-serif; margin: 0; overflow: scroll; color: #222; } body.grey { background-color: #f3f3f3; } .text-center { text-align: center; } .text-left { text-align: left; } .d-none { display: none !important; } .nowrap { white-space: nowrap; } .ff { width: 100%; margin: 0 auto; padding-left: 15px !important; padding-right: 15px !important; } @media (min-width: 768px) { html { font-size: 12px; } .ff { max-width: 720px; } .st-sm { display: none; } } @media (min-width: 992px) { html { font-size: 14px; } .ff { max-width: 960px; } .st-md { display: none; } } @media (min-width: 1200px) { html { font-size: 16px; } .ff { max-width: 1200px; } .st-lg { display: none; } } @media (max-width: 767.9px) { .fsm { flex-basis: 100% !important; width: 100% !important; } .sf-sm { display: none !important; } } @media (max-width: 991.9px) { .fmd { flex-basis: 100% !important; width: 100% !important; } .sf-md { display: none !important; } } @media (max-width: 1199.9px) { .flg { flex-basis: 100% !important; width: 100% !important; } .sf-lg { display: none !important; } } .fw-res { width: 100%; height: auto; } .mw-res { max-width: 100%; height: auto; } .ul-flex { display: flex; list-style: none; padding: 0; margin: 0; } ul.customized { display: inline-block; text-align: left; list-style: none; margin: 0; padding: 0 0 0 1.5em; line-height: 1.5em; } ul.customized li { position: relative; } ul.customized li::before { content: ''; display: block; position: absolute; left: -1.25em; top: 0.6em; width: 6px; height: 6px; border-radius: 100%; background-color: #222; } span.slash { display: block; height: 3rem; width: 2px; transform: rotate(54deg); transform-origin: 0 100%; background-color: #000; } .anchor { visibility: hidden; position: absolute; top: 0; } nav { transition: all 0.4s ease; } nav .navbar { position: relative; display: flex; justify-content: space-between; align-items: center; height: 6.25rem; } nav .navbar .navbar-brand { margin-right: 3rem; } nav .navbar input#nav-toggle { display: none; } nav .navbar input#nav-toggle:checked ~ ul.navbar-nav { max-height: 65rem; } nav .navbar input#nav-toggle:checked ~ label.nav-toggle-button span:nth-child(1) { transform: rotate(45deg); } nav .navbar input#nav-toggle:checked ~ label.nav-toggle-button span:nth-child(3) { transform: rotate(-45deg); } nav .navbar input#nav-toggle:checked ~ label.nav-toggle-button span:nth-child(2) { opacity: 0; } nav .navbar label.nav-toggle-button { display: flex; flex-direction: column; justify-content: space-between; width: 2.65rem; height: 1.5rem; cursor: pointer; } nav .navbar label.nav-toggle-button span { display: block; width: 100%; height: 2px; border-radius: 1px; background-color: #333; transform-origin: 15.5%; transform: rotate(0); opacity: 1; transition: all 0.4s ease; } nav .navbar ul.navbar-nav { flex: 1; justify-content: space-between; align-items: center; } nav .navbar ul.navbar-nav > li { display: flex; align-items: center; height: 100%; } nav .navbar ul.navbar-nav > li a { display: inline-block; padding: 0.75rem 0; text-decoration: none; color: #222; transition: color 0.4s ease; } nav .navbar ul.navbar-nav > li.language { display: unset; height: auto; padding: 0.25rem 0.25rem; border-left: 1.5px solid #fff; transition: border-color 0.4s ease; } nav .navbar ul.navbar-nav > li.language a { margin: 0 0.25rem; color: inherit; opacity: 0.6; } nav .navbar ul.navbar-nav > li.language a.active, nav .navbar ul.navbar-nav > li.language a:hover { color: #fff; opacity: 1; text-decoration: underline; } @media screen and (min-width: 992px) { nav.nav-fixed { z-index: 999; position: fixed; top: 0; left: 0; width: 100%; } nav.nav-fixed .navbar .navbar-brand { overflow: hidden; } nav.nav-fixed .navbar ul.navbar-nav { height: 100%; } nav.nav-fixed .navbar ul.navbar-nav > li { position: relative; } nav.nav-fixed .navbar ul.navbar-nav > li:hover ul { opacity: 1; pointer-events: auto; transform: translateX(-50%) scale(1); } nav.nav-fixed .navbar ul.navbar-nav > li ul { position: absolute; top: 100%; left: 50%; list-style: none; margin: 0; padding: 0 0 1rem; opacity: 0; background-color: #fff; pointer-events: none; transform-origin: 50% 0; transform: translateX(-50%) scale(0.85); transition: transform 0.4s ease, opacity 0.4s ease; } nav.nav-fixed .navbar ul.navbar-nav > li ul li a { width: 9em; padding: 0; text-align: center; color: #222; line-height: 2.5; font-size: 1rem; transition: color 0.4s ease, background-color 0.4s ease; } nav.nav-fixed .navbar ul.navbar-nav > li ul li:hover a { color: #006dbb; background-color: #fff; } nav.nav-fixed .navbar ul.navbar-nav > li > a { color: #fff; } nav.nav-fixed .navbar ul.navbar-nav > li > a:hover { color: #fff; } nav.nav-fixed .navbar ul.navbar-nav > li.language a { padding: 0; } nav.nav-light { color: #222; } nav.nav-light .navbar .navbar-brand img.blue { display: none; } nav.nav-light .navbar .navbar-brand img.white { display: block; } nav.nav-light .navbar ul.navbar-nav > li > a { color: #222; } nav.nav-light .navbar ul.navbar-nav > li > a:hover { color: #337fbb; text-decoration: underline; } nav.nav-light .navbar ul.navbar-nav > li > a.no-link { cursor: default; } nav.nav-light .navbar ul.navbar-nav > li > a.no-link:hover { color: #222; text-decoration: none; } nav.nav-fixed.nav-opaque, nav:hover { color: #222; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, .15); } nav.nav-fixed.nav-opaque .navbar .navbar-brand img.blue, nav:hover .navbar .navbar-brand img.blue { display: block; } nav.nav-fixed.nav-opaque .navbar .navbar-brand img.white, nav:hover .navbar .navbar-brand img.white { display: none; } nav.nav-fixed.nav-opaque .navbar ul.navbar-nav > li > a, nav:hover .navbar ul.navbar-nav > li > a { color: #222; } nav.nav-fixed.nav-opaque .navbar ul.navbar-nav > li > a:hover, nav:hover .navbar ul.navbar-nav > li > a:hover { color: #337fbb; text-decoration: underline; } nav.nav-fixed.nav-opaque .navbar ul.navbar-nav > li > a.no-link, nav:hover .navbar ul.navbar-nav > li > a.no-link { cursor: default; } nav.nav-fixed.nav-opaque .navbar ul.navbar-nav > li > a.no-link:hover, nav:hover .navbar ul.navbar-nav > li > a.no-link:hover { color: #222; text-decoration: none; } nav.nav-fixed.nav-opaque .navbar ul.navbar-nav > li.language, nav:hover .navbar ul.navbar-nav > li.language { border-color: #222; } nav.nav-fixed.nav-opaque .navbar ul.navbar-nav > li.language a.active, nav:hover .navbar ul.navbar-nav > li.language a.active { color: #222; } } @media screen and (min-width: 992px) { nav .navbar label.nav-toggle-button { display: none; } } @media screen and (max-width: 991.9px) { nav .navbar-brand img { width: 50%; } nav .navbar.ff { height: 4rem; max-width: 100%; } nav .navbar.ff ul.navbar-nav { z-index: 999; position: absolute; flex-direction: column; align-items: stretch; width: 100%; max-height: 0; top: 100%; left: 0; font-weight: 700; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .15); transition: max-height 0.5s ease; overflow: hidden; } nav .navbar.ff ul.navbar-nav > li { display: flex; flex-direction: column; text-align: center; } nav .navbar.ff ul.navbar-nav > li > a { display: block; width: 100%; padding: 1rem 3rem; } nav .navbar.ff ul.navbar-nav > li > a:hover { color: #fff; background-color: #337fbb; } nav .navbar.ff ul.navbar-nav > li > a[aria-haspopup]:after { content: "\25BE"; display: inline-block; margin-right: -1px; position: relative; left: 1px; } nav .navbar.ff ul.navbar-nav > li ul { list-style: none; height: 0; width: 100%; padding: 0; margin: 0; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, .15) inset; transition: height 0.4s ease; } nav .navbar.ff ul.navbar-nav > li ul li a { width: 100%; } nav .navbar.ff ul.navbar-nav > li.language { padding: 0.25rem 0.75rem; color: #222; border: none; } nav .navbar.ff ul.navbar-nav > li.language a { margin: 0; color: inherit; text-decoration: underline; } nav .navbar.ff ul.navbar-nav > li.language a.active { color: #80ccf0; } nav .navbar.ff .navbar-contact { margin-bottom: 0.75rem; } } body.grey nav.nav-fixed.nav-opaque { background-color: #f3f3f3; } nav.nav-fixed .navbar ul.navbar-nav > li.contact-info { flex-direction: column; justify-content: center; align-items: flex-start; line-height: 1.5; font-weight: 700; } nav.nav-fixed .navbar ul.navbar-nav > li.contact-info a { padding: 0; } nav.nav-fixed.nav-opaque .navbar ul.navbar-nav > li.contact-info > a, nav:hover .navbar ul.navbar-nav > li.contact-info > a { color: #006dbb; } .mv { background-repeat: no-repeat; background-size: cover; background-position: center; } .mv .container { display: flex; align-items: center; height: 43.75rem; } .mv .container h2 { width: 100%; margin: 0; padding: 4rem 0 0; color: #fff; font-size: 3rem; font-weight: 700; } @media screen and (max-width: 1199.9px) { .mv .container { height: 35rem; } } @media screen and (max-width: 991.9px) { .mv .container { height: 22rem; } .mv .container h2 { padding: 2rem 0 0; font-size: 2rem; } } .mv-lp { margin: 6.25rem 0 0; } @media screen and (max-width: 991.9px) { .mv-lp { margin: 0; } } .mv-lp .container { display: flex; flex-wrap: wrap; justify-content: space-between; } .mv-lp .container .left { flex: 0 0 50%; position: relative; font-size: 0; } .mv-lp .container .left .text { position: absolute; left: 0; bottom: 0; padding: 5rem; text-align: center; background-color: #fff; } .mv-lp .container .left .text h3 { margin-top: 0; font-size: 3rem; } .mv-lp .container .left .text span { font-size: 1.875rem; } @media screen and (max-width: 1200px) { .mv-lp .container .left .text { width: 100%; padding: 2rem; } .mv-lp .container .left .text h3 { font-size: 2rem; margin: 0 0 1.5rem; } .mv-lp .container .left .text span { font-size: 1.25rem; } } .mv-lp .container .middle { align-self: center; } .mv-lp .container .middle h3 { margin-bottom: 4rem; font-size: 2.25rem; } .mv-lp .container .middle p { margin-bottom: 5rem; font-size: 1.25rem; } .mv-lp .container .middle a { display: inline-block; padding: 0.75rem 1rem; color: #fff; font-size: 1.25rem; text-decoration: none; border: 2px solid #000; background-color: #000; } .mv-lp .container .middle a:hover { color: #222; background-color: #fff; transition: all 0.4s ease; } @media screen and (max-width: 991.9px) { .mv-lp .container .middle { padding: 1.75rem; } .mv-lp .container .middle h3 { margin: 1.5rem 0 2.5rem; } .mv-lp .container .middle p { margin-bottom: 2.5rem; } } .mv-lp .container .right { flex: 0 0 25%; align-self: flex-end; font-size: 0; } .concept { background-image: url('../imgs/bg-concept.png'); background-position: top left; background-repeat: no-repeat; } .concept .concept-container { display: flex; padding: 9rem 0; } @media screen and (max-width: 991.9px) { .concept .concept-container { padding: 4rem; } } .concept .concept-container .left, .concept .concept-container .right { flex: 0 0 50%; } .concept .concept-container .right h2 { position: relative; font-size: 1.875rem; } .concept .concept-container .right h2 img { z-index: -1; position: absolute; left: -1em; } .concept .concept-container .right h2 span { font-size: 1.25rem; } .concept .concept-container .right p { font-size: 1.125rem; } .presentation .presentation-item { position: relative; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 9rem; } .presentation .presentation-item .left { flex: 0 0 50%; display: flex; } .presentation .presentation-item .left .blue { flex: 0 0 75%; padding-bottom: 12rem; color: #fff; background-color: #337fbb; } .presentation .presentation-item .left .blue h2 { margin: 3.75rem 0 5rem 33.33%; font-size: 1.875rem; } .presentation .presentation-item .left .blue h2 span { font-size: 1.25rem; } .presentation .presentation-item .left .blue img { position: relative; left: 33.33%; } .presentation .presentation-item .left .transparent { flex: 0 0 25%; background-color: transparent; } .presentation .presentation-item .right { flex: 0 0 50%; display: flex; justify-content: space-between; align-items: center; } .presentation .presentation-item .right .text { flex: 1; display: flex; justify-content: center; } .presentation .presentation-item .right .text article { padding: 1.5rem; } .presentation .presentation-item .right .text article h3 { font-size: 1.25rem; } .presentation .presentation-item .right .text article p { margin-bottom: 5rem; } .presentation .presentation-item .right .text article p, .presentation .presentation-item .right .text article a { font-size: 1.125rem; } .presentation .presentation-item .right .text article a { color: #337fbb; text-decoration: none; } .presentation .presentation-item .right .list ul { list-style: none; margin: 0; padding: 0; } .presentation .presentation-item .right .list ul li { padding: 3rem; font-size: 1.125rem; border-bottom: 1px solid #797979; } .presentation .presentation-item .right .list ul li a { color: #222; text-decoration: none; } .presentation .presentation-item .right .list ul li.active { position: relative; } .presentation .presentation-item .right .list ul li.active a { color: #337fbb; text-decoration: none; } .presentation .presentation-item .right .list ul li.active:after { content: ''; position: absolute; width: 0.375rem; height: 40%; right: 0; top: 50%; transform: translateY(-50%); background-color: #337fbb; } .presentation .presentation-item.reverse { flex-direction: row-reverse; } .presentation .presentation-item.reverse .left { flex-direction: row-reverse; } .presentation .presentation-item.reverse .left .blue h2 { margin: 3.75rem 33.33% 5rem 0; text-align: right; } .presentation .presentation-item.reverse .left .blue img { left: unset; right: 33.33%; } .presentation .presentation-item.reverse .right { flex-direction: row-reverse; } .presentation .presentation-item.reverse .right .list ul li.active::after { right: unset; left: 0; } @media screen and (max-width: 991.9px) { .presentation .presentation-item { margin-bottom: 0; } .presentation .presentation-item .left .blue { padding-bottom: 0; font-size: 0; } .presentation .presentation-item .left .blue h2 { margin: 2rem 0 3.5rem 20%; } .presentation .presentation-item .left .blue img { left: unset !important; right: unset !important; } .presentation .presentation-item .right .text article { width: 100%; border-bottom: 1px solid #999; } .presentation .presentation-item .right .text article p { margin-bottom: 3rem; } } .dust-explosion .dust-explosion-container .banner { margin-bottom: 3rem; } .dust-explosion .dust-explosion-container .description .row { display: flex; flex-wrap: wrap; font-size: 0; } .dust-explosion .dust-explosion-container .description .row div.img-wrapper { flex: 0 0 50%; font-size: 0; } .dust-explosion .dust-explosion-container .description .row div.text { flex: 0 0 50%; display: flex; padding: 3.5rem; background-color: #fff; } .dust-explosion .dust-explosion-container .description .row div.text h3 { font-size: 1.25rem; } .dust-explosion .dust-explosion-container .description .row div.text p, .dust-explosion .dust-explosion-container .description .row div.text ul { font-size: 1.125rem; } .dust-explosion .dust-explosion-container .description .row.special { border-top: 1px solid #000; } .dust-explosion .dust-explosion-container .description .row.special .attention-list { display: flex; flex-wrap: wrap; justify-content: space-around; } .dust-explosion .dust-explosion-container .description .row.special .attention-list ul { list-style: none; } .dust-explosion .dust-explosion-container .description .row.special .attention-list ul:first-child { margin-right: 4rem; padding-left: 0; } @media screen and (max-width: 991.9px) { .dust-explosion .dust-explosion-container .description .row div.text { padding: 1.5rem; } .dust-explosion .dust-explosion-container .description .row.special ul { margin: 0; padding: 0; } } .dust-explosion .dust-explosion-container .description .row.reverse { flex-direction: row-reverse; } .case { transform: translateY(-9rem); } .case .case-container header { display: flex; justify-content: center; margin-left: 50%; margin-bottom: 5rem; } .case .case-container header h2 { display: flex; flex-direction: column; align-items: flex-start; } .case .case-container header h2 span.sub { position: relative; margin-top: 1.75rem; } .case .case-container header h2 span.sub img { z-index: -1; position: absolute; right: -2em; bottom: -0.5em; } .case .case-container header h2 span.vertical-line { align-self: center; height: 4.5rem; width: 2px; background-color: #000; } .case .case-container ul { flex-wrap: wrap; justify-content: space-between; } .case .case-container ul li { position: relative; flex: 0 0 30%; font-size: 0; overflow: hidden; margin-bottom: 3rem; } .case .case-container ul li div.mask { position: absolute; display: flex; justify-content: center; align-items: flex-end; bottom: 0; left: 0; height: 0; width: 100%; padding: 0 1.25rem; color: #fff; transition: all 0.4s ease; overflow: hidden; background-color: rgba(0, 0, 0, .4); } .case .case-container ul li div.mask .text { width: 100%; } .case .case-container ul li div.mask .text h3 { margin-top: 0; margin-bottom: 1rem; font-size: 1.375rem; } .case .case-container ul li div.mask .text p { margin: 0; font-size: 1.125rem; } @media screen and (max-width: 767.9px) { .case .case-container ul li div.mask .text h3 { font-size: 1.375rem; } .case .case-container ul li div.mask .text p { font-size: 0.875rem; } } .case .case-container ul li:hover div.mask { height: 100%; padding: 1.25rem; } @media screen and (max-width: 767.9px) { .case .case-container ul li { flex: 0 0 45%; } .case .case-container ul li div.mask { height: 100%; padding: 1.25rem; } } .contact-us { margin-bottom: 9rem; } @media screen and (max-width: 991.9px) { .contact-us { margin-bottom: 4rem; } } .contact-us .contact-us-container h2 { margin-bottom: 4rem; } .contact-us .contact-us-container h2 span { display: inline-block; position: relative; margin-top: 1.75rem; } .contact-us .contact-us-container h2 span img { z-index: -1; position: absolute; right: -1.5em; bottom: -0.25em; } .contact-us .contact-us-container form { display: flex; justify-content: space-around; flex-wrap: wrap; } .contact-us .contact-us-container form .inputs { margin-bottom: 1.75rem; } .contact-us .contact-us-container form .inputs div.field { margin-bottom: 1.75rem; padding: 1rem; background-color: #fff; } .contact-us .contact-us-container form .inputs div.field label span.required { color: #ec1a1a; } .contact-us .contact-us-container form .inputs div.field input { width: 12em; border: none; font-size: 1.125rem; outline: none; } .contact-us .contact-us-container form .inputs div.field:last-child { margin-bottom: 0; } .contact-us .contact-us-container form .textarea { margin-bottom: 1.75rem; padding: 1rem; background-color: #fff; } .contact-us .contact-us-container form .textarea label span.required { color: #ec1a1a; } .contact-us .contact-us-container form .textarea textarea { display: block; width: 18em; margin-top: 0.75rem; font-size: 1.125rem; border: none; outline: none; resize: none; } .contact-us .contact-us-container form ul.contact-info { list-style: none; display: flex; flex-direction: column; justify-content: space-around; margin: 0 0 1.75rem; padding: 0; } .contact-us .contact-us-container form ul.contact-info li { letter-spacing: 0.15em; } .contact-us .contact-us-container form ul.contact-info li a { display: inline-block; margin: 1rem 0 0; color: #222; font-size: 1rem; letter-spacing: normal; text-decoration: none; } .contact-us .contact-us-container form .controls { width: 100%; margin-top: 3.5rem; text-align: center; } @media screen and (max-width: 767.9px) { .contact-us .contact-us-container form .controls { order: 9; } } .contact-us .contact-us-container form .controls .submit { font-size: 1.375rem; padding: 1.125rem 6rem; border: 2px solid #337fbb; border-radius: 10px; cursor: pointer; background-color: transparent; } .contact-us .contact-us-container form .controls .submit:hover { color: #fff; background-color: #337fbb; transition: all 0.4s ease; } footer { color: #fff; background-image: url('../imgs/bg-footer.jpg'); background-size: cover; background-repeat: no-repeat; } footer a { color: inherit; text-decoration: none; } footer a:hover { text-decoration: underline; } footer a.no-link { cursor: default; } footer a.no-link:hover { text-decoration: none; } footer .footer-brand { padding-top: 3rem; text-align: center; } footer .contact-info { padding: 2.5rem 0; border-bottom: 1px solid #fff; } footer .contact-info ul { justify-content: space-between; flex-wrap: wrap; align-items: center; } footer .footer-nav { padding: 2.5rem 0; border-bottom: 1px solid #fff; } footer .footer-nav > ul { justify-content: space-between; flex-wrap: wrap; } @media screen and (max-width: 767.9px) { footer .footer-nav > ul li:first-child { order: 99; } } footer .footer-nav > ul ul { position: relative; list-style: none; margin: 0.5rem 0 0; padding: 0.75rem 0 0; line-height: 1.75; } footer .footer-nav > ul ul:before { content: ''; position: absolute; width: 5em; height: 2px; left: 0; top: 0; background-color: rgba(255, 255, 255, 0.6); } footer .site-info { padding: 0.75rem 0 1.25rem; } footer .site-info .row { display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center; } footer .site-info .row > div { margin-top: 0.75rem; } .hp-banner .hp-banner-container { font-size: 0; } .with-underline { position: relative; } .with-underline::after { content: ''; position: absolute; bottom: -1.25rem; left: 0; width: 6.25rem; height: 0.25rem; background-color: #337fbb; } .with-underline.with-underline-center::after { bottom: -3rem; left: 50%; transform: translateX(-50%); } .business { background-color: #eee; } .business .business-container { padding-top: 6.25rem; padding-bottom: 5rem; } .business .business-container h2 { font-size: 3rem; margin: 0 0 6.25rem; } @media screen and (max-width: 991.9px) { .business .business-container { padding-top: 2.5rem; padding-bottom: 1.5rem; } .business .business-container h2 { margin: 0 0 2.5rem; } } .business .business-container ul { display: flex; justify-content: space-between; } .business .business-container ul li { flex: 0 0 30%; } .business .business-container ul li a { position: relative; display: block; } .business .business-container ul li a p { z-index: 99; position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; left: 0; top: 0; margin: 0; color: #fff; font-size: 1.5rem; font-weight: 700; opacity: 0; background-color: rgba(0, 0, 0, .3); transition: opacity 0.6s ease; } .business .business-container ul li a p:hover { opacity: 1; } @media screen and (max-width: 991.9px) { .business .business-container ul li a p { opacity: 1; font-size: 1rem; } } .service .service-container h2 { font-size: 3rem; margin-bottom: 6.25rem; } .service .service-container ul { list-style: none; margin: 0; padding: 0; } .service .service-container ul li.service-item { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 5rem; } @media screen and (max-width: 991.9px) { .service .service-container ul li.service-item { flex-wrap: wrap-reverse; } } .service .service-container ul li.service-item .left { flex: 0 0 35%; } .service .service-container ul li.service-item .left h3 { display: flex; align-items: center; margin-bottom: 3.75rem; color: #006dbb; font-size: 1.375rem; } .service .service-container ul li.service-item .left h3 img { width: 5rem; height: auto; margin-right: 1.5rem; } .service .service-container ul li.service-item .left p { font-size: 1.125rem; line-height: 1.75; margin-bottom: 2rem; } .service .service-container ul li.service-item .left a { color: #222; font-size: 1.125rem; text-decoration: none; transition: color 0.4s ease; } .service .service-container ul li.service-item .left a:hover { color: #006dbb; } .service .service-container ul li.service-item .right { flex: 0 0 60%; text-align: right; } .service .service-container ul li.service-item.reverse { flex-direction: row-reverse; } @media screen and (max-width: 991.9px) { .service .service-container h2 { margin-top: 1.5rem; margin-bottom: 2.5rem; } .service .service-container ul li.service-item { margin-bottom: 2.5rem; } .service .service-container ul li.service-item a { display: block; text-align: right; } } .bg-wrapper { background-repeat: no-repeat; background-size: cover; background-position: center center; } .hp-about .hp-about-container { padding-top: 4rem; padding-bottom: 4rem; color: #fff; text-align: center; background-attachment: fixed; } .hp-about .hp-about-container h2 { color: inherit; font-size: 2.4rem; margin: 0 0 4.25rem; } .hp-about .hp-about-container p { margin-bottom: 1.25rem; color: inherit; font-size: 1.1rem; line-height: 1.75; } .hp-about .hp-about-container a { color: inherit; font-size: 1.375rem; text-decoration: none; transition: color 0.4s ease; } .hp-about .hp-about-container a:hover { color: #006dbb; } @media screen and (max-width: 991.9px) { .hp-about .hp-about-container { padding-top: 2.5rem; padding-bottom: 2.5rem; } .hp-about .hp-about-container h2 { font-size: 2rem; margin: 0 0 4rem; } .hp-about .hp-about-container p { margin-bottom: 2.5rem; padding: 0 3.25rem; font-size: 1.25rem; line-height: 2; } } .news { padding-top: 5rem; padding-bottom: 5rem; background-color: #fff; } .news .news-container header { display: flex; justify-content: space-between; align-items: center; } .news .news-container header h2 { font-size: 3rem; margin-bottom: 6.25rem; } .news .news-container ul { list-style: none; margin: 0; padding: 0; } .news .news-container ul li { margin-bottom: 3.5rem; font-size: 1.125rem; } .news .news-container ul li a { color: #222; transition: color 0.4s ease; text-decoration: none; } .news .news-container ul li a span.cat { padding: 0.375rem 1.25rem; margin-right: 3rem; color: #fff; background-color: #000; transition: background-color 0.4s ease; } .news .news-container ul li a span.date { margin-right: 3rem; } @media screen and (max-width: 767.9px) { .news .news-container ul li a > * { display: inline-block; margin-bottom: 0.75rem; } } .news .news-container ul li a:hover { color: #006dbb; } .news .news-container ul li a:hover span.cat { padding: 0.375rem 1.25rem; color: #fff; background-color: #006dbb; } .news .news-container a.more { display: block; color: #222; text-align: right; text-decoration: none; transition: color 0.4s ease; } .news .news-container a.more:hover { color: #006dbb; } @media screen and (max-width: 991.9px) { .news { padding-top: 2.5rem; padding-bottom: 2.5rem; } .news .news-container header h2 { margin: 1rem 0 2.5rem; } } .hp-contact { background-color: #eee; } .hp-contact .hp-contact-container { padding-top: 5rem; padding-bottom: 5rem; } .hp-contact .hp-contact-container h2 { font-size: 3rem; margin: 0 0 6.25rem; } .hp-contact .hp-contact-container ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 4rem 0 2rem; } .hp-contact .hp-contact-container ul li.bar { align-self: center; width: 0.25rem; height: 4rem; background-color: #a0a0a0; } .hp-contact .hp-contact-container ul li.contact-item { flex: 0 0 30%; text-align: center; margin-bottom: 1.5rem; } .hp-contact .hp-contact-container ul li.contact-item div.dash { color: #006dbb; font-size: 1.25rem; font-weight: 700; } .hp-contact .hp-contact-container ul li.contact-item div.title { font-size: 1.375rem; font-weight: 700; } .hp-contact .hp-contact-container ul li.contact-item div.description { font-size: 1.125rem; line-height: 1.5; } .hp-contact .hp-contact-container ul li.contact-item div.description a { color: inherit; text-decoration: none; transition: color 0.4s ease; } .hp-contact .hp-contact-container ul li.contact-item div.description a:hover { color: #006dbb; } .hp-contact .hp-contact-container ul li.contact-item > * { margin-bottom: 2.5rem; } .hp-contact .hp-contact-container ul li.contact-item > *:last-child { margin-bottom: 0; } .hp-contact .hp-contact-container div.contact-summary { line-height: 2; } .hp-contact .hp-contact-container div.contact-summary a { color: inherit; text-decoration: none; transition: color 0.4s ease; } .hp-contact .hp-contact-container div.contact-summary a:hover { color: #006dbb; } @media screen and (max-width: 991.9px) { .hp-contact .hp-contact-container { padding-top: 2.5rem; padding-bottom: 2.5rem; } .hp-contact .hp-contact-container h2 { margin: 0 0 3.5rem; } } .news-banner .news-banner-container { padding-top: 8rem; padding-bottom: 5rem; } .news-banner .news-banner-container h2 { font-size: 3rem; margin: 2.5rem 0 5rem; } @media screen and (max-width: 767.9px) { .news-banner .news-banner-container { padding-top: 1.5rem; padding-bottom: 2.5rem; } .news-banner .news-banner-container h2 { font-size: 2rem; margin: 1.5rem 0 2rem; } } .news-banner .news-banner-container .top-news { display: flex; flex-wrap: wrap; background-color: #fff; } .news-banner .news-banner-container .top-news > * { flex: 0 0 50%; } .news-banner .news-banner-container .top-news a.text { display: block; padding: 2.75rem; color: #222; text-decoration: none; transition: color 0.4s ease; } .news-banner .news-banner-container .top-news a.text .date { display: flex; align-items: center; margin-bottom: 2rem; color: #a9a9a9; line-height: 1; } .news-banner .news-banner-container .top-news a.text .date .day { font-size: 4.5rem; border-bottom: 0.25rem solid #006dbb; } .news-banner .news-banner-container .top-news a.text .date .year-and-month { margin: 1.5rem 0 0 1.25rem; font-size: 1.125rem; } .news-banner .news-banner-container .top-news a.text .title { margin-bottom: 2rem; font-size: 1.375rem; transition: color 0.4s ease; } .news-banner .news-banner-container .top-news a.text p { font-size: 1.125rem; } .news-banner .news-banner-container .top-news a.text .more { margin: 0 0.25rem; text-align: right; font-weight: 700; transition: color 0.4s ease; } .news-banner .news-banner-container .top-news a.text:hover .title, .news-banner .news-banner-container .top-news a.text:hover .more { color: #006dbb; } .news-list { padding: 2.5rem 0 8rem; background-color: #fff; } .news-list .news-list-container > ul { list-style: none; margin: 0 0 4rem; padding: 0; } .news-list .news-list-container > ul li a { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 2.5rem 0; color: #222; text-decoration: none; border-bottom: 1px solid #000; } .news-list .news-list-container > ul li a::after { content: ''; position: absolute; left: 0; bottom: -1px; height: 2px; width: 100%; background-color: #006dbb; transform: scaleX(0); transform-origin: 0 0; transition: transform 0.6s ease; } .news-list .news-list-container > ul li a .text .date { margin: 2rem 0 1rem; } .news-list .news-list-container > ul li a .text .title { margin-bottom: 1.75rem; color: #222; font-size: 1.375rem; transition: color 0.6s ease; } @media screen and (min-width: 992px) { .news-list .news-list-container > ul li a .img-wrapper { width: 30%; } .news-list .news-list-container > ul li a .text { width: 70%; } } .news-list .news-list-container > ul li a:hover::after { transform: scaleX(1); } .news-list .news-list-container > ul li a:hover .text .title { color: #006dbb; } @media screen and (max-width: 991.9px) { .news-list .news-list-container > ul li a { justify-content: center; flex-wrap: wrap-reverse; } } .news-list .news-list-container .pagination { display: flex; justify-content: center; align-items: center; } .news-list .news-list-container .pagination a { display: flex; justify-content: center; align-items: center; width: 2.25rem; height: 2.25rem; margin: 0.5rem; color: #222; text-decoration: none; border-radius: 100%; transition: all 0.4s ease; } .news-list .news-list-container .pagination a.active, .news-list .news-list-container .pagination a:hover { color: #fff; background-color: #006dbb; } .about-us-banner .about-us-banner-container { font-size: 0; } .public-sub-nav { position: relative; margin-bottom: 4rem; box-shadow: 0 0 2px rgba(0, 0, 0, .4); } @media screen and (max-width: 767.9px) { .public-sub-nav { margin-bottom: 2rem; } } .public-sub-nav .anchor { top: -6.25rem; } .public-sub-nav .container ul { justify-content: space-around; } .public-sub-nav .container ul.space-between { justify-content: space-between; } .public-sub-nav .container ul li { color: #222; transition: all 0.4s ease; } .public-sub-nav .container ul li a { position: relative; display: block; padding: 1.5rem 0.5rem; color: #222; font-size: 1.375rem; text-decoration: none; transition: color 0.4s ease; } .public-sub-nav .container ul li a::after { content: ''; position: absolute; left: 50%; top: 100%; width: 100%; height: 2px; background-color: #227fc1; transform: translateX(-50%) scaleX(0); transition: transform 0.4s ease; } @media screen and (max-width: 767.9px) { .public-sub-nav .container ul li a { font-size: 0.875rem; padding: 1.25rem 0; } } .public-sub-nav .container ul li.active a, .public-sub-nav .container ul li:hover a { color: #227fc1; } .public-sub-nav .container ul li.active a::after, .public-sub-nav .container ul li:hover a::after { transform: translateX(-50%) scaleX(1); } .public-sub-nav.nav-in-cat { margin: 6.25rem 0 0; } @media screen and (max-width: 991.9px) { .public-sub-nav.nav-in-cat { margin: 0; } } .public-sub-nav.nav-in-cat ~ .page-title h1 { margin-top: 0 !important; } .mv ~ .page-title h1 { margin-top: 0 !important; } .about-us-profile-top { background-image: url('../imgs/bg-about-us-profile-top.png'); background-position: left top; background-size: 35% auto; background-repeat: no-repeat; } .about-us-profile-top .about-us-profile-top-container { display: flex; } @media screen and (max-width: 991.9px) { .about-us-profile-top .about-us-profile-top-container { background-color: rgba(255, 255, 255, 0.6); } } .about-us-profile-top .about-us-profile-top-container .left { flex: 0 0 40%; } .about-us-profile-top .about-us-profile-top-container .right { flex: 0 0 60%; } .about-us-profile-top .about-us-profile-top-container .right header { margin-bottom: 3.5rem; } .about-us-profile-top .about-us-profile-top-container .right header h2 { font-size: 1.875rem; } .about-us-profile-top .about-us-profile-top-container .right header span.circle { display: block; height: 1.125rem; width: 1.125rem; margin-bottom: 1.5rem; border: 2px solid #2c81bf; border-radius: 100%; } .about-us-profile-top .about-us-profile-top-container .right header p { font-weight: 700; line-height: 2; } .about-us-profile-top .about-us-profile-top-container .right > p { line-height: 1.75; } .about-us-profile-middle-banner .about-us-profile-middle-banner-container { text-align: center; padding: 10rem 1.5rem; } @media screen and (max-width: 991.9px) { .about-us-profile-middle-banner .about-us-profile-middle-banner-container { padding: 5rem 15px; } } .about-us-profile-bottom .about-us-profile-bottom-container { display: flex; flex-wrap: wrap; margin-bottom: 7.5rem; } .about-us-profile-bottom .about-us-profile-bottom-container header { flex: 0 0 33%; } .about-us-profile-bottom .about-us-profile-bottom-container header h2 { font-size: 1.875rem; } .about-us-profile-bottom .about-us-profile-bottom-container header span.circle { display: block; height: 1.125rem; width: 1.125rem; margin-bottom: 1.5rem; border: 2px solid #2c81bf; border-radius: 100%; } .about-us-profile-bottom .about-us-profile-bottom-container header p { font-weight: 700; line-height: 2; } .about-us-profile-bottom .about-us-profile-bottom-container .details { flex: 0 0 67%; } .about-us-profile-bottom .about-us-profile-bottom-container .details ul { list-style: none; margin: 0; padding: 0; } .about-us-profile-bottom .about-us-profile-bottom-container .details ul li { display: flex; flex-wrap: wrap; } .about-us-profile-bottom .about-us-profile-bottom-container .details ul li .description { flex: 0 0 50%; padding: 1.5rem 0; border-bottom: 1px solid #000; } .about-us-profile-bottom .about-us-profile-bottom-container .details ul li .description a { color: #222; text-decoration: none; } .about-us-profile-bottom .about-us-profile-bottom-container .details ul li .description a:hover { text-decoration: underline; text-underline-position: below; } .about-us-profile-bottom .about-us-profile-bottom-container .details ul li .description > span { display: block; margin-bottom: 1.875rem; color: #222; } .about-us-profile-bottom .about-us-profile-bottom-container .details ul li .description > div { font-size: 1.125rem; font-weight: 500; } .about-us-concept-top .about-us-concept-top-container { display: flex; justify-content: space-between; flex-wrap: wrap; } .about-us-concept-top .about-us-concept-top-container .full h3, .about-us-concept-top .about-us-concept-top-container .left h3, .about-us-concept-top .about-us-concept-top-container .right h3 { font-size: 1.875rem; } .about-us-concept-top .about-us-concept-top-container .full p, .about-us-concept-top .about-us-concept-top-container .left p, .about-us-concept-top .about-us-concept-top-container .right p { line-height: 1.75rem; } .about-us-concept-top .about-us-concept-top-container .left, .about-us-concept-top .about-us-concept-top-container .right { flex: 0 0 40%; } .about-us-concept-top .about-us-concept-top-container .right h3 { text-align: right; } .about-us-concept-middle-banner { margin-bottom: 5rem; } .about-us-concept-bottom { margin-bottom: 7.5rem; } .about-us-concept-bottom .about-us-concept-bottom-container { display: flex; justify-content: space-between; flex-wrap: wrap; } @media screen and (max-width: 991.9px) { .about-us-concept-bottom .about-us-concept-bottom-container { flex-wrap: wrap-reverse; } } .about-us-concept-bottom .about-us-concept-bottom-container .left { flex: 0 0 40%; } .about-us-concept-bottom .about-us-concept-bottom-container .left ul { list-style: none; margin: 0; padding: 0; } .about-us-concept-bottom .about-us-concept-bottom-container .left ul li h3 { font-size: 1.875rem; } .about-us-concept-bottom .about-us-concept-bottom-container .right { display: flex; justify-content: center; align-items: center; } .about-us-development .about-us-development-container .img-wrapper { padding: 3.5rem 0; font-size: 0; } .about-us-development .about-us-development-container > p { margin-bottom: 7.5rem; font-size: 1.125rem; font-weight: 500; text-align: center; line-height: 1.75; } .about-us-development .about-us-development-container ul { list-style: none; margin: 0; padding: 0; } .about-us-development .about-us-development-container ul li { display: flex; justify-content: space-between; flex-wrap: wrap; } .about-us-development .about-us-development-container ul li .event { flex: 0 0 42%; margin-bottom: 3rem; } .about-us-development .about-us-development-container ul li .event h3 { color: #227fc1; font-size: 3rem; } .about-us-development .about-us-development-container ul li .event h3 span { font-size: 1rem; } .about-us-development .about-us-development-container ul li .event p { font-size: 1.125rem; } @media screen and (max-width: 991.9px) { .about-us-development .about-us-development-container ul li .event { margin-bottom: 1.25rem; } .about-us-development .about-us-development-container ul li .event h3 { margin-top: 0; } } .about-us-organization { margin-top: calc(-4rem + 2px); background-repeat: no-repeat; background-size: cover; background-position: center center; background-image: url('../imgs/bg-about-us-organization.jpg'); } .about-us-organization .about-us-organization-container .img-wrapper { text-align: center; padding: 8.75rem 0; font-size: 0; } .news-single { margin: 4rem 0 7.5rem; } @media screen and (max-width: 991.9px) { .news-single { margin: 2rem 0 4rem; } } .news-single .news-single-container header { padding: 1.5rem 0; margin-bottom: 3.75rem; text-align: center; border-bottom: 1px solid #e8e8e8; } .news-single .news-single-container header h2 { margin-bottom: 0; } .news-single .news-single-container header span { display: inline-block; width: 6rem; height: 2px; margin: 1.5rem 0; background-color: #006dbb; } .news-single .news-single-container header .date { font-size: 1.125rem; } .news-single .news-single-container article { font-size: 1.125rem; } .news-single .news-single-container article p { margin-bottom: -1rem; line-height: 2em; } .news-single .news-single-container .separator { position: relative; padding: 5rem 0; text-align: center; } .news-single .news-single-container .separator .line { z-index: -1; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; background-color: #bcbcbc; } .news-single .news-single-container .separator .img-wrapper { display: inline-block; padding: 0 2rem; font-size: 0; background-color: #fff; } .news-single .news-single-container .controls { display: flex; justify-content: space-between; padding: 0 6rem; } .news-single .news-single-container .controls a { color: #333; font-size: 1.125rem; text-decoration: none; } .news-single .news-single-container .controls a:hover { color: #006dbb; } .metalworking, .pharmaceutical, .tire { padding: 4rem 0; } @media screen and (max-width: 991.9px) { .metalworking, .pharmaceutical, .tire { padding: 1rem 0 3rem; } } .metalworking .public-container header, .pharmaceutical .public-container header, .tire .public-container header { margin-bottom: 3.5rem; text-align: center; } .metalworking .public-container header h2, .pharmaceutical .public-container header h2, .tire .public-container header h2 { margin-bottom: 2.75rem; font-size: 1.375rem; } .metalworking .public-container header p, .pharmaceutical .public-container header p, .tire .public-container header p { font-size: 1.125rem; } .metalworking .public-container .img-wrapper, .pharmaceutical .public-container .img-wrapper, .tire .public-container .img-wrapper { margin-bottom: 3.5rem; font-size: 0; text-align: center; } .metalworking .public-container ul.products-list, .pharmaceutical .public-container ul.products-list, .tire .public-container ul.products-list { display: flex; justify-content: space-between; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; } .metalworking .public-container ul.products-list > li, .pharmaceutical .public-container ul.products-list > li, .tire .public-container ul.products-list > li { flex: 0 0 31%; margin-bottom: 3rem; border-radius: 10px; box-shadow: 0 0 2px rgba(0, 0, 0, .4); } .metalworking .public-container ul.products-list > li a, .pharmaceutical .public-container ul.products-list > li a, .tire .public-container ul.products-list > li a { display: block; padding: 1.5rem 2.5rem 2rem; text-decoration: none; text-align: center; color: #222; } .metalworking .public-container ul.products-list > li a h3, .pharmaceutical .public-container ul.products-list > li a h3, .tire .public-container ul.products-list > li a h3 { margin: 0 0 3.5rem; font-size: 1.125rem; transition: color 0.4s ease; } .metalworking .public-container ul.products-list > li a h3 span, .pharmaceutical .public-container ul.products-list > li a h3 span, .tire .public-container ul.products-list > li a h3 span { position: relative; display: inline-block; width: 1.5em; color: #fff; font-size: 3rem; text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000; transition: text-shadow 0.4s ease; background-color: #fff; } .metalworking .public-container ul.products-list > li a h3 span::after, .pharmaceutical .public-container ul.products-list > li a h3 span::after, .tire .public-container ul.products-list > li a h3 span::after { z-index: -1; content: ''; display: block; position: absolute; width: 3.2em; height: 4px; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, .15); transition: background-color 0.4s ease; } .metalworking .public-container ul.products-list > li a img, .pharmaceutical .public-container ul.products-list > li a img, .tire .public-container ul.products-list > li a img { margin-bottom: 3rem; } .metalworking .public-container ul.products-list > li a p, .pharmaceutical .public-container ul.products-list > li a p, .tire .public-container ul.products-list > li a p { font-size: 1.25rem; font-weight: 500; transition: color 0.4s ease; } .metalworking .public-container ul.products-list > li ul, .pharmaceutical .public-container ul.products-list > li ul, .tire .public-container ul.products-list > li ul { list-style: disc; } .metalworking .public-container ul.products-list > li ul li, .pharmaceutical .public-container ul.products-list > li ul li, .tire .public-container ul.products-list > li ul li { transition: color 0.4s ease; } .metalworking .public-container ul.products-list > li:hover a h3 span, .pharmaceutical .public-container ul.products-list > li:hover a h3 span, .tire .public-container ul.products-list > li:hover a h3 span { text-shadow: 1px 0 0 #006dbb, -1px 0 0 #006dbb, 0 1px 0 #006dbb, 0 -1px 0 #006dbb; } .metalworking .public-container ul.products-list > li:hover a h3 span::after, .pharmaceutical .public-container ul.products-list > li:hover a h3 span::after, .tire .public-container ul.products-list > li:hover a h3 span::after { background-color: rgba(0, 109, 187, .15); } .metalworking .public-container ul.products-list > li:hover a p, .pharmaceutical .public-container ul.products-list > li:hover a p, .tire .public-container ul.products-list > li:hover a p { color: #006dbb; } .metalworking .public-container ul.products-list > li:hover a ul li, .pharmaceutical .public-container ul.products-list > li:hover a ul li, .tire .public-container ul.products-list > li:hover a ul li { color: #006dbb; } .metalworking .public-container .other-factories h3, .pharmaceutical .public-container .other-factories h3, .tire .public-container .other-factories h3 { padding-bottom: 1.5rem; border-bottom: 1px solid #d3d3d3; } .metalworking .public-container .other-factories ul li, .pharmaceutical .public-container .other-factories ul li, .tire .public-container .other-factories ul li { margin-right: 3.5rem; } .metalworking .public-container .other-factories ul li a, .pharmaceutical .public-container .other-factories ul li a, .tire .public-container .other-factories ul li a { color: #006dbb; text-decoration: none; } .metalworking .public-container .other-factories ul li a:hover, .pharmaceutical .public-container .other-factories ul li a:hover, .tire .public-container .other-factories ul li a:hover { text-decoration: underline; } .metalworking .public-container .other-factories ul li::before, .pharmaceutical .public-container .other-factories ul li::before, .tire .public-container .other-factories ul li::before { display: inline-block; content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 8px; border-color: transparent transparent transparent #006dbb; } .learn-more h2 { padding: 2.375rem 0; color: #0877b8; text-align: center; font-size: 1.375rem; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .learn-more .learn-more-container { display: flex; justify-content: space-around; flex-wrap: wrap; padding: 4.75rem; font-size: 1.125rem; } @media screen and (max-width: 991.9px) { .learn-more .learn-more-container { padding: 1rem 0 3rem; } } .learn-more .learn-more-container .left > a, .learn-more .learn-more-container .right > a { display: inline-block; padding: 1rem 2rem; color: #222; text-decoration: none; border: 2px solid #000; transform: translateY(0); transition: transform 0.4s ease, box-shadow 0.4s ease; } .learn-more .learn-more-container .left > a span, .learn-more .learn-more-container .right > a span { margin-left: 2rem; } .learn-more .learn-more-container .left > a:hover, .learn-more .learn-more-container .right > a:hover { transform: translateY(-5px); box-shadow: 2px 2px 6px rgba(0, 0, 0, .4); } .learn-more .learn-more-container .left > div, .learn-more .learn-more-container .right > div { margin-bottom: 1rem; } .learn-more .learn-more-container .vertical-line { width: 1px; background-color: #ccc; } .learn-more .learn-more-container .right .phone-number a, .learn-more .learn-more-container .right .email a { text-decoration: none; color: #222; } .contact-us-form .contact-us-form-container form { padding: 0 9rem 4.75rem; } @media screen and (max-width: 991.9px) { .contact-us-form .contact-us-form-container form { padding: 0 1.5rem 3rem; } } .contact-us-form .contact-us-form-container form h2 { margin-bottom: 3.75rem; } .contact-us-form .contact-us-form-container form .field { position: relative; display: flex; flex-flow: row wrap; align-items: baseline; padding-bottom: 1.25rem; margin-bottom: 3.5rem; border-bottom: 1px solid #ccc; } .contact-us-form .contact-us-form-container form .field label { margin-right: 1.5rem; font-size: 1.125rem; opacity: 1; transition: opacity 0.4s ease; } .contact-us-form .contact-us-form-container form .field label.active { opacity: 0.4; } .contact-us-form .contact-us-form-container form .field label .required { color: #f00; } .contact-us-form .contact-us-form-container form .field .input-wrapper { flex: 1; padding: 0.25em; } .contact-us-form .contact-us-form-container form .field .input-wrapper input, .contact-us-form .contact-us-form-container form .field .input-wrapper select, .contact-us-form .contact-us-form-container form .field .input-wrapper textarea { width: 100%; font-size: 1.125rem; border: none; outline: none; } .contact-us-form .contact-us-form-container form .field .input-wrapper input ~ span.line { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #227fc1; transform: scaleX(0); transform-origin: 0 0; transition: transform 0.6s ease; } .contact-us-form .contact-us-form-container form .field .input-wrapper input:focus ~ span.line { transform: scaleX(1); } .contact-us-form .contact-us-form-container form .field.field-select { justify-content: space-between; } .contact-us-form .contact-us-form-container form .field.field-select .input-wrapper { flex: 0 0 auto; padding: 0.25rem 0.875rem; border: 1px solid #ccc; } .contact-us-form .contact-us-form-container form .field.field-select .input-wrapper select { height: 1.5em; width: auto; padding-right: 4rem; appearance: none; background-image: url('../imgs/arrow-dropdown.png'); background-position: right center; background-repeat: no-repeat; background-color: transparent; } .contact-us-form .contact-us-form-container form .field.field-select .input-wrapper select::-ms-expand { display: none; } .contact-us-form .contact-us-form-container form .field.field-checkbox .input-wrapper { display: flex; justify-content: space-around; } .contact-us-form .contact-us-form-container form .field.field-checkbox .input-wrapper input[type=checkbox] { display: inline-block; width: auto; } .contact-us-form .contact-us-form-container form .field.field-checkbox .input-wrapper input[type=checkbox] ~ label { display: flex; align-items: center; margin: 0; cursor: pointer; } .contact-us-form .contact-us-form-container form .field.field-checkbox .input-wrapper input[type=checkbox] ~ label div.pseudo-box { display: inline-flex; justify-content: center; align-items: center; width: 24px; height: 24px; margin-right: 0.75rem; border: 1px solid #000; } .contact-us-form .contact-us-form-container form .field.field-checkbox .input-wrapper input[type=checkbox] ~ label div.pseudo-box img.pseudo-check-mark { visibility: hidden; } .contact-us-form .contact-us-form-container form .field.field-checkbox .input-wrapper input[type=checkbox] ~ label span { color: rgba(34, 34, 34, .5); user-select: none; } .contact-us-form .contact-us-form-container form .field.field-checkbox .input-wrapper input[type=checkbox]:checked ~ label div.pseudo-box { border: 1px solid #006dbb; } .contact-us-form .contact-us-form-container form .field.field-checkbox .input-wrapper input[type=checkbox]:checked ~ label div.pseudo-box img.pseudo-check-mark { visibility: visible; } .contact-us-form .contact-us-form-container form .field.field-checkbox .input-wrapper input[type=checkbox]:checked ~ label span { color: #006dbb; } .contact-us-form .contact-us-form-container form .field.field-textarea { align-items: unset; border: none; } .contact-us-form .contact-us-form-container form .field.field-textarea label { margin-bottom: 1.5rem; } .contact-us-form .contact-us-form-container form .field.field-textarea .input-wrapper { flex: auto; width: 100%; border: 1px solid #ccc; } .contact-us-form .contact-us-form-container form .field.field-textarea .input-wrapper textarea { resize: none; } @keyframes arrow-show { 0% { stroke-dashoffset: 56.15; } 100% { stroke-dashoffset: 0; } } .contact-us-form .contact-us-form-container form .controls label { display: inline-flex; align-items: center; padding: 0.5rem; cursor: pointer; } .contact-us-form .contact-us-form-container form .controls label #submit { padding: 0; margin-right: 1rem; font-size: 1.875rem; border: none; outline: none; cursor: pointer; background-color: transparent; } .contact-us-form .contact-us-form-container form .controls label svg path { stroke-dasharray: 56.15; stroke-dashoffset: 0; transition: stroke-dashoffset 0.4s ease; } .contact-us-form .contact-us-form-container form .controls label:hover svg path { animation: arrow-show 0.6s linear 0.1s 1; } .under-contact .under-contact-container { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 2.25rem 0; margin-bottom: 4rem; background-color: #efefef; } .under-contact .under-contact-container .left, .under-contact .under-contact-container .right { display: flex; align-items: center; margin-bottom: 0.5rem; } .under-contact .under-contact-container .left img, .under-contact .under-contact-container .right img { margin-right: 0.75rem; } .under-contact .under-contact-container .left a, .under-contact .under-contact-container .right a { color: #006dbb; font-size: 1.875rem; text-decoration: none; } .under-contact .under-contact-container .vertical-line { width: 2px; background-color: #ccc; } .learn-more.learn-more-under-contact h2 { display: none; } .learn-more.learn-more-under-contact .learn-more-container { padding-top: 2.25rem; padding-bottom: 2.25rem; margin-bottom: 4.75rem; background-color: #f3f3f3; } .branch-office .branch-office-container h2 { margin-bottom: 4.75rem; } .branch-office .branch-office-container ul { justify-content: space-between; flex-wrap: wrap; } .branch-office .branch-office-container ul li { flex: 0 0 47%; padding: 2.5rem; margin-bottom: 3.25rem; line-height: 2; cursor: pointer; background-color: #f3f3f3; transition: color 0.25s ease, background-color 0.25s ease; } .branch-office .branch-office-container ul li h3 { margin: 0 0 2.75rem; font-size: 1.125rem; } .branch-office .branch-office-container ul li > div { margin-bottom: 0.5rem; } .branch-office .branch-office-container ul li > div:last-child { margin-bottom: 0; } .branch-office .branch-office-container ul li > div a { color: inherit; text-decoration: none; } .branch-office .branch-office-container ul li > div a:hover { text-decoration: underline; } .branch-office .branch-office-container ul li > div div.multi-line { display: inline-block; vertical-align: top; line-height: 2; } @media screen and (max-width: 991.9px) { .branch-office .branch-office-container h2 { margin-bottom: 2.5rem; } .branch-office .branch-office-container ul li { padding: 1rem; margin-bottom: 1.5rem; } .branch-office .branch-office-container ul li h3 { margin-bottom: 1.5rem; } } .business-dust-collector-top { background-image: url('../imgs/bg-environment-cause-top.jpg'); background-repeat: no-repeat; background-position: center right; background-size: auto 100%; } .business-dust-collector-top .container { display: flex; padding-top: 4rem; padding-bottom: 4rem; } .business-dust-collector-top .container .left { flex: 0 0 70%; padding: 1.25rem; border-radius: 0.25rem; background-color: rgba(255, 255, 255, .8); } .business-dust-collector-top .container .left h3 { margin: 0 0 2.625rem; color: #006dbb; font-size: 1.375rem; } .business-dust-collector-top .container .left p { margin-bottom: 2.5rem; font-size: 1.125rem; } .business-dust-collector-top .container .left p:last-child { margin-bottom: 0; } .dust-collector-introduction h2 { margin: 0; padding: 2.375rem 0; text-align: center; color: #006dbb; font-size: 1.375rem; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .dust-collector-introduction .container ul { font-size: 0; justify-content: space-between; flex-wrap: wrap; } .dust-collector-introduction .container ul li { flex: 0 0 20%; text-align: center; box-sizing: border-box; padding: 1.25rem 1rem 2.75rem; border-left: 1px solid #d3d3d3; transition: background-color 0.4s ease; } @media screen and (max-width: 991.9px) { .dust-collector-introduction .container ul li { flex: 0 0 46%; margin: 1.25rem 0 0; border: 1px solid #d3d3d3; } .dust-collector-introduction .container ul li:last-child { margin-bottom: 1.25rem; } } .dust-collector-introduction .container ul li a { display: block; text-decoration: none; } .dust-collector-introduction .container ul li a img { margin-bottom: 4.375rem; } .dust-collector-introduction .container ul li a h3 { margin-bottom: 2.25rem; color: #006dbb; font-size: 1.125rem; transition: color 0.4s ease; } .dust-collector-introduction .container ul li a p { margin-bottom: 0; color: #222; font-size: 0.875rem; transition: color 0.4s ease; } .dust-collector-introduction .container ul li:last-child { border-right: 1px solid #d3d3d3; } .dust-collector-introduction .container ul li:hover { background-color: #006dbb; } .dust-collector-introduction .container ul li:hover h3, .dust-collector-introduction .container ul li:hover p { color: #fff; } .dust-collector-videos { margin-bottom: 4rem; } .dust-collector-videos h2 { margin: 0 0 4rem; padding: 2.375rem 0; text-align: center; color: #006dbb; font-size: 1.375rem; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .dust-collector-videos .container { text-align: center; } .dust-collector-videos .container ul { justify-content: space-between; flex-wrap: wrap; margin-bottom: 2.5rem; font-size: 0; } .dust-collector-videos .container ul li { flex: 0 0 30%; text-align: center; box-sizing: border-box; } .dust-collector-videos .container ul li a { text-decoration: none; } .dust-collector-videos .container ul li a img { margin: 0 0 2rem; } .dust-collector-videos .container ul li a h3 { color: #000; font-size: 1.125rem; font-weight: 700; } @media screen and (max-width: 991.9px) { .dust-collector-videos .container ul li { flex: 0 0 46%; margin: 1.25rem 0 0; } .dust-collector-videos .container ul li:last-child { margin-bottom: 1.25rem; } } .dust-collector-videos .container a.more { display: inline-block; padding: 0.75rem 3.5rem; color: #006dbb; font-size: 1.125rem; text-decoration: none; border: 1px solid #006dbb; transition: color 0.4s ease, background-color 0.4s ease; } .dust-collector-videos .container a.more:hover { color: #fff; background-color: #006dbb; } .dust-collector-setting-map { margin-bottom: 4rem; } .dust-collector-setting-map h2 { margin: 0 0 4rem; padding: 2.375rem 0; text-align: center; color: #006dbb; font-size: 1.375rem; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .dust-collector-setting-map .container ul { justify-content: space-between; flex-wrap: wrap; } .dust-collector-setting-map .container ul li { flex: 0 0 30%; text-align: center; border-radius: 10px; transition: box-shadow 0.4s ease; } .dust-collector-setting-map .container ul li a { display: block; padding: 3.75rem 1rem; text-decoration: none; } .dust-collector-setting-map .container ul li a h3 { margin: 0 0 3.25rem; color: #006dbb; font-size: 1.125rem; } .dust-collector-setting-map .container ul li a h3::before { content: '\2022'; display: inline-block; margin-right: 0.5rem; } .dust-collector-setting-map .container ul li a .img-wrapper { min-height: 15rem; margin-bottom: 5rem; font-size: 0; } .dust-collector-setting-map .container ul li a span { color: #222; font-size: 1rem; text-decoration: underline; transition: color 0.4s ease; } @media screen and (max-width: 991.9px) { .dust-collector-setting-map .container ul li { margin-bottom: 1.25rem; box-shadow: 0 0 16px 4px rgba(102, 102, 102, .1); } } .dust-collector-setting-map .container ul li:hover { box-shadow: 0 0 16px 4px rgba(102, 102, 102, .1); } .dust-collector-setting-map .container ul li:hover span { color: #006dbb; } .to-dust-explosion-countermeasures, .to-faq { padding: 4rem 0; background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center; } .to-dust-explosion-countermeasures h2, .to-faq h2 { margin-top: 0.5rem; color: #fff; font-size: 3rem; } .to-dust-explosion-countermeasures h2 span, .to-faq h2 span { font-size: 1.875rem; } .to-dust-explosion-countermeasures .arrow, .to-faq .arrow { margin-bottom: 2.5rem; } .to-dust-explosion-countermeasures a, .to-faq a { display: inline-block; padding: 0.875rem 3rem; color: #fff; font-size: 1.125rem; text-decoration: none; border: 1px solid #fff; } .to-dust-explosion-countermeasures { margin-bottom: 4rem; background-image: url('../imgs/bg-dust-explosion-countermeasure.jpg'); } .to-faq { margin-bottom: 6.25rem; background-image: url('../imgs/bg-to-faq.jpg'); } .case.case-dust-collector { margin-bottom: 2.25rem; transform: none; } .case.case-dust-collector h2 { margin: 0; padding: 2.375rem 0; margin-bottom: 3.5rem; color: #006dbb; text-align: center; font-size: 1.375rem; border-bottom: 1px solid #d3d3d3; } .to-contact .container { display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; padding: 2.25rem 0; margin-bottom: 4rem; background-color: #efefef; } .to-contact .container .left > div { display: flex; align-items: center; margin-bottom: 2.5rem; } @media screen and (min-width: 992px) { .to-contact .container .left > div:last-child { margin-bottom: 0; } } .to-contact .container .left > div img { margin-right: 1.5rem; } .to-contact .container .left > div a { color: #006dbb; font-size: 1.875rem; text-decoration: none; } .to-contact .container .vertical-line { width: 2px; height: 6.75rem; background-color: #d3d3d3; } .to-contact .container .right { text-align: center; } .to-contact .container .right a { display: inline-block; padding: 1rem 6.75rem; color: #fff; font-size: 1.375rem; text-decoration: none; background-color: #006dbb; } .parking-gate-products .container > ul { list-style: none; margin: 0; padding: 0; } .parking-gate-products .container > ul > li { display: flex; justify-content: space-between; flex-wrap: wrap; } .parking-gate-products .container > ul > li .product-info { flex: 0 0 46%; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 24rem; margin-bottom: 3rem; text-align: center; background-color: #f5f6f8; } .parking-gate-products .container > ul > li .product-info span { font-size: 1.125rem; font-weight: 500; } .parking-gate-products .container > ul > li .product-info h3 { font-size: 1.875rem; } .parking-gate-products .container > ul > li .product-info p { width: 80%; margin: 0 0 2.5rem; font-size: 1rem; } @media screen and (max-width: 991.9px) { .parking-gate-products .container > ul > li .product-info p { width: 100%; } } .parking-gate-products .container > ul > li .product-info a { display: inline-block; padding: 1rem 2rem; color: #222; line-height: 1; font-size: 1.125rem; text-decoration: none; border: 1px solid #222; border-radius: 1.6rem; background-color: transparent; transition: all 0.4s ease; } .parking-gate-products .container > ul > li .product-info a:hover { color: #fff; border-color: #006dbb; background-color: #006dbb; } .parking-gate-products .container > ul > li ul.product-list { flex: 0 0 53%; flex-wrap: wrap; } .parking-gate-products .container > ul > li ul.product-list li { flex: 0 0 33.33%; margin-bottom: 3rem; } .parking-gate-products .container > ul > li ul.product-list li a { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 24rem; margin-right: 0.75rem; color: #222; text-decoration: none; text-align: center; background-color: #f5f6f8; } @media screen and (max-width: 991.9px) { .parking-gate-products .container > ul > li ul.product-list li a { height: auto; } } .parking-gate-products .container > ul > li ul.product-list li a img { margin-bottom: 2.5rem; } .parking-gate-products .container > ul > li ul.product-list li a p { font-size: 1.125rem; } .business-parking-system .container { display: flex; flex-wrap: wrap; padding-top: 4rem; padding-bottom: 4rem; } .business-parking-system .container .left { flex: 0 0 60%; padding: 1.25rem; } .business-parking-system .container .left h2 { margin: 0 0 2.625rem; color: #006dbb; font-size: 1.375rem; } .business-parking-system .container .left p { font-size: 1.125rem; line-height: 1.75; } .business-parking-system .container .right { flex: 1; text-align: center; } .parking-system-introduction h2 { margin: 0; padding: 2.375rem 0; text-align: center; color: #006dbb; font-size: 1.375rem; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .parking-system-introduction .container ul { font-size: 0; justify-content: space-between; flex-wrap: wrap; } .parking-system-introduction .container ul li { flex: 0 0 33.33%; text-align: center; box-sizing: border-box; border-left: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; transition: background-color 0.4s ease; } .parking-system-introduction .container ul li a { display: block; padding: 1.25rem 1rem 2.75rem; text-decoration: none; } .parking-system-introduction .container ul li a img { margin-bottom: 4.375rem; } .parking-system-introduction .container ul li a h3 { margin-bottom: 2.25rem; color: #006dbb; font-size: 1.125rem; transition: color 0.4s ease; } .parking-system-introduction .container ul li a p { margin-bottom: 0; color: #222; font-size: 0.875rem; transition: color 0.4s ease; } .parking-system-introduction .container ul li:nth-child(3n) { border-right: 1px solid #d3d3d3; } .parking-system-introduction .container ul li:hover { background-color: #006dbb; } .parking-system-introduction .container ul li:hover h3, .parking-system-introduction .container ul li:hover p { color: #fff; } @media screen and (max-width: 991.9px) { .parking-system-introduction .container ul { margin-bottom: 1.25rem; } .parking-system-introduction .container ul li { flex: 0 0 46%; margin: 1.25rem 0 0; border: 1px solid #d3d3d3; } } .to-parking-system-solution { margin: 4rem 0; padding: 4rem 0; background-image: url('../imgs/bg-to-parking-system-solution.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center; } .to-parking-system-solution h2 { margin: 0.5rem 0 3rem; color: #fff; font-size: 1.875rem; } .to-parking-system-solution h2 span { font-size: 1.875rem; } .to-parking-system-solution a { display: inline-block; padding: 0.5rem 5rem; color: #fff; font-size: 1.125rem; text-decoration: none; border: 1px solid #fff; } .case.case-parking-system { transform: none; } .case.case-parking-system h2 { margin: 0; padding: 2.375rem 0; text-align: center; color: #006dbb; font-size: 1.375rem; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .case.case-parking-system .case-container ul { margin-top: 3rem; } .cooperator h2 { margin: 0; padding: 2.375rem 0; text-align: center; color: #006dbb; font-size: 1.375rem; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .cooperator .container { padding: 3.5rem 0; } .cooperator .container ul { flex-wrap: wrap; justify-content: space-between; } .cooperator .container ul li { flex: 0 0 18%; margin-bottom: 2.5rem; } @media screen and (max-width: 991.9px) { .cooperator .container ul li { flex: 0 0 46%; } } .page-title { background-color: #006dbb; } .page-title h1 { margin-top: 6.25rem; font-size: 1.875rem; color: #fff; } @media screen and (max-width: 991.9px) { .page-title h1 { margin-top: 0; } } .product-details-parking-system { margin-bottom: 2rem; } .product-details-parking-system .container .line { display: block; width: 2rem; height: 3px; margin: 0 0 2rem; background-color: #006dbb; } .product-details-parking-system .container header { padding: 3rem 0 1rem; } .product-details-parking-system .container header h2 { margin: 0 0 1.25rem; line-height: 1; font-size: 1.875rem; } .product-details-parking-system .container header p { margin: 0 0 1.25rem; font-size: 1.125rem; } .product-details-parking-system .container ul.product-list { list-style: none; margin: 0; padding: 0; } .product-details-parking-system .container ul.product-list > li { display: flex; justify-content: space-between; flex-wrap: wrap; border-top: 1px solid #d3d3d3; } .product-details-parking-system .container ul.product-list > li h3 { font-size: 1.375rem; margin: 0 0 1rem; } .product-details-parking-system .container ul.product-list > li > div { flex: 0 0 46%; padding: 3rem 0; line-height: 1.75; font-size: 1.125rem; } .product-details-parking-system .container ul.product-list > li div.product-image { text-align: center; } .product-details-parking-system .container ul.product-list > li div.product-introduction, .product-details-parking-system .container ul.product-list > li div.product-features { border-top: 1px solid #d3d3d3; } .product-details-parking-system .container ul.product-list > li div.product-specs h3 { color: #006dbb; } .product-details-parking-system .container ul.product-list > li div.product-specs .subtitle { font-size: 1.125rem; font-weight: 700; } .product-details-parking-system .container ul.product-list > li div.product-specs dl { margin: 0; } .product-details-parking-system .container ul.product-list > li div.product-specs dl dt, .product-details-parking-system .container ul.product-list > li div.product-specs dl dd { display: inline-block; } .product-details-parking-system .container ul.product-list > li div.product-specs dl dd { margin-left: 0.25rem; } .product-details-parking-system .container ul.product-list > li div.product-features ul { list-style: none; padding: 0 0 0 1.25rem; } .product-details-parking-system .container ul.product-list > li div.product-features ul li { position: relative; } .product-details-parking-system .container ul.product-list > li div.product-features ul li::before { content: ''; position: absolute; display: block; left: -1.25rem; top: 0.6em; width: 0.625rem; height: 0.625rem; border-radius: 100%; background-color: #006dbb; } .business-time-tracking-system-top, .business-time-tracking-system-middle { padding: 4rem 0; } .business-time-tracking-system-top .container, .business-time-tracking-system-middle .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .business-time-tracking-system-top .container .left, .business-time-tracking-system-middle .container .left { flex: 0 0 55%; padding: 1.25rem; } .business-time-tracking-system-top .container .left h3, .business-time-tracking-system-middle .container .left h3 { margin: 0 0 2.625rem; color: #006dbb; font-size: 1.375rem; } .business-time-tracking-system-top .container .left p, .business-time-tracking-system-middle .container .left p { font-size: 1.125rem; line-height: 1.75; } .business-time-tracking-system-top .container .left div.link, .business-time-tracking-system-middle .container .left div.link { margin: 2.25rem 0 0; } .business-time-tracking-system-top .container .left div.link a, .business-time-tracking-system-middle .container .left div.link a { padding: 0.875rem 2.5rem; color: #fff; line-height: 1; font-size: 1.125rem; text-decoration: none; border: none; border-radius: 1.625rem; background-color: #006dbb; } .business-time-tracking-system-top .container .right, .business-time-tracking-system-middle .container .right { flex: 0 0 40%; text-align: center; } .business-time-tracking-system-middle { padding: 0 0 4rem; margin: 0 0 6rem; } .product-details-dust-collector-top .container .img-wrapper { padding: 4rem 0; text-align: center; } @media screen and (max-width: 991.9px) { .product-details-dust-collector-top .container .img-wrapper { padding: 2rem 0; } } .simple-nav { margin-bottom: 4rem; } .simple-nav .container ul { display: flex; justify-content: center; } .simple-nav .container ul li { margin: 0 2rem; } .simple-nav .container ul li a { display: block; width: 8.5em; padding: 1rem 0; color: #fff; text-align: center; font-size: 1.125rem; line-height: 1; text-decoration: none; background-color: #006dbb; } .dust-collector-gallery .container .content { padding: 4rem 0; text-align: center; border-top: 1px solid #d3d3d3; } .dust-collector-features .container > h2 { padding: 1rem 0; margin: 0 0 3.25rem; color: #006dbb; font-size: 1.875rem; text-align: center; border: 1px solid #d3d3d3; } .dust-collector-features .container > p { font-size: 1.125rem; margin: 0 0 3.25rem; } .dust-collector-features .container > ul { flex-wrap: wrap; justify-content: space-between; } .dust-collector-features .container > ul > li { flex: 0 0 48%; margin: 0 0 2.5rem; } .dust-collector-features .container > ul > li h3 { margin: 0 0 2.25rem; padding: 0 0 1.25rem; color: #006dbb; font-size: 1.125rem; border-bottom: 1px solid #909090; } .dust-collector-features .container > ul > li .content { line-height: 1.75; } .dust-collector-features .container > ul > li ul, .dust-collector-features .container > ul > li p { font-size: 1.125rem; } .dust-collector-features .container > ul > li p { margin: 0; } .dust-collector-features .container > ul > li img { float: right; margin: 0 0 0 0.5rem; } .dust-collector-video .container h2 { padding: 1rem 0; margin: 0 0 3.25rem; color: #006dbb; font-size: 1.875rem; text-align: center; border: 1px solid #d3d3d3; } .dust-collector-manual { margin: 0 0 3.5rem; } .dust-collector-manual .container { padding: 2.25rem 0; color: #006dbb; text-align: center; background-color: #f4f4f4; } .dust-collector-manual .container h2 { margin: 0 0 2.5rem; font-size: 1.875rem; } .dust-collector-manual .container a { display: inline-block; padding: 1.125rem 6.5rem; color: #006dbb; font-size: 1.125rem; text-decoration: none; border: 1px solid #006dbb; background-image: url(../imgs/icon-download.png); background-repeat: no-repeat; background-position: 10% center; } .dust-collector-specifications { margin-bottom: 4.5rem; } .dust-collector-specifications .container > h2 { margin: 0 0 2.25rem; padding: 1rem 0; color: #006dbb; font-size: 1.875rem; text-align: center; border: 1px solid #d3d3d3; } .dust-collector-specifications .container > ul { list-style: none; margin: 0; padding: 0; } .dust-collector-specifications .container > ul li { margin: 0 0 2.25rem; } .dust-collector-specifications .container > ul li h3 { margin: 0 0 2rem; font-size: 1.125rem; margin-bottom: 1.25rem; } .dust-collector-specifications .container > ul li h3 span { display: inline-block; width: 14px; height: 14px; margin-right: 0.5rem; background-color: #000; } h2.with-horizon-line { text-align: center; } h2.with-horizon-line span { position: relative; display: inline-block; padding: 0 1.75rem; color: #006dbb; font-size: 1.875rem; background-color: #fff; } h2.with-horizon-line span::after { content: ''; z-index: -1; position: absolute; left: 50%; top: 50%; height: 2px; width: calc(100% + 7rem); background-color: #006dbb; transform: translate(-50%, -50%); } .solution-parking-exit-entrance-charging .container > ul, .solution-parking-central-charging .container > ul { list-style: none; padding: 0; margin: 0; } .solution-parking-exit-entrance-charging .container > ul li, .solution-parking-central-charging .container > ul li { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 4.5rem; } .solution-parking-exit-entrance-charging .container > ul li .left, .solution-parking-central-charging .container > ul li .left { flex: 0 0 34%; display: flex; align-items: center; background-color: #f5f6f8; } .solution-parking-exit-entrance-charging .container > ul li .right, .solution-parking-central-charging .container > ul li .right { flex: 0 0 64%; height: 300px; padding: 2rem 6rem; background-color: #f5f6f8; } .solution-parking-exit-entrance-charging .container > ul li .right h3, .solution-parking-central-charging .container > ul li .right h3 { color: #006dbb; font-size: 1.375rem; } .solution-parking-exit-entrance-charging .container > ul li .right p, .solution-parking-central-charging .container > ul li .right p { line-height: 1.75; font-size: 1rem; } @media screen and (max-width: 991.9px) { .solution-parking-exit-entrance-charging .container > ul li, .solution-parking-central-charging .container > ul li { margin-bottom: 1.5rem; } .solution-parking-exit-entrance-charging .container > ul li .left, .solution-parking-central-charging .container > ul li .left, .solution-parking-exit-entrance-charging .container > ul li .right, .solution-parking-central-charging .container > ul li .right { height: auto; margin-bottom: 1.5rem; } .solution-parking-exit-entrance-charging .container > ul li .right, .solution-parking-central-charging .container > ul li .right { padding: 2rem 4.5rem; } } .solution-parking-central-charging .container .payment-methods { margin-bottom: 5rem; text-align: center; } .solution-parking-central-charging .container .payment-methods h2 { margin-bottom: 1.75rem; } .solution-parking-central-charging .container .payment-methods ul { justify-content: space-between; flex-wrap: wrap; padding: 5rem 10rem 2.5rem; } .solution-parking-central-charging .container .payment-methods ul::after, .solution-parking-central-charging .container .payment-methods ul::before { display: block; } .solution-parking-central-charging .container .payment-methods ul li { flex: 0 0 46%; padding: 1.125rem 0; margin: 0 0 2.5rem; color: #fff; background-color: #006dbb; } @media screen and (max-width: 767.9px) { .solution-parking-central-charging .container .payment-methods ul { justify-content: center; padding: 0; } .solution-parking-central-charging .container .payment-methods ul li { flex: 0 0 80%; margin: 0 0 1.5rem; } } .solution-parking-central-charging .container .mobile-payment { margin-bottom: 6.5rem; } .solution-parking-central-charging .container .mobile-payment h2 { margin-bottom: 5rem; } .solution-parking-central-charging .container .mobile-payment ul { justify-content: space-between; align-items: center; } @media screen and (max-width: 767.9px) { .solution-parking-central-charging .container .mobile-payment ul { flex-wrap: wrap; } .solution-parking-central-charging .container .mobile-payment ul li { margin: 0 0 1.5rem; text-align: center; } } .solution-parking-central-charging .container .center-payment { margin-bottom: 6.5rem; } .solution-parking-central-charging .container .center-payment h2 { margin-bottom: 5rem; } .solution-parking-central-charging .container .center-payment ul { justify-content: space-between; } .solution-parking-central-charging .container .center-payment ul li { text-align: center; } .solution-parking-central-charging .container .center-payment ul li.arrow { padding: 5rem 0 0; } .solution-parking-central-charging .container .center-payment ul li p { color: #1f1f1f; line-height: 1.75; font-size: 1.125rem; } @media screen and (max-width: 767.9px) { .solution-parking-central-charging .container .center-payment ul { flex-wrap: wrap; } .solution-parking-central-charging .container .center-payment ul li { margin: 0 0 1.5rem; } } .solution-parking-guidance-and-searching h2 { margin: 0 0 3rem; } .solution-parking-guidance-and-searching .guide > div, .solution-parking-guidance-and-searching .search > div { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 3.5rem 2rem 0.75rem; background-color: #f3f5f7; } .solution-parking-guidance-and-searching .guide { margin-bottom: 3rem; } .solution-parking-guidance-and-searching .guide .left { flex: 0 0 32%; } .solution-parking-guidance-and-searching .guide .left h3 { margin: 0 0 2rem; color: #006dbb; font-size: 1.375rem; } .solution-parking-guidance-and-searching .guide .left p { font-size: 1.125rem; } .solution-parking-guidance-and-searching .guide .left p.top { padding: 0 0 4rem; margin: 0 0 4rem; border-bottom: 1px solid #c9cacc; } @media screen and (max-width: 991.9px) { .solution-parking-guidance-and-searching .guide .left p.top { padding: 0 0 2rem; margin: 0 0 2rem; } } .solution-parking-guidance-and-searching .guide .right { flex: 0 0 64%; text-align: center; } .solution-parking-guidance-and-searching .search { margin-bottom: 4rem; } .solution-parking-guidance-and-searching .search .left { flex: 0 0 44%; } .solution-parking-guidance-and-searching .search .left h3 { margin: 0 0 4.5rem; color: #006dbb; font-size: 1.125rem; } .solution-parking-guidance-and-searching .search .left ul { list-style: none; margin: 0; padding: 0; line-height: 1.75; } @media screen and (max-width: 991.9px) { .solution-parking-guidance-and-searching .search .left h3 { margin: 0 0 2.5rem; } .solution-parking-guidance-and-searching .search .left ul { margin: 0 0 1.5rem; } } .solution-parking-guidance-and-searching .search .right { flex: 0 0 50%; } .solution-parking-bluetooth-navigation h2 { margin: 0 0 3rem; } .solution-parking-bluetooth-navigation .bluetooth-navi { margin-bottom: 3rem; } .solution-parking-bluetooth-navigation .bluetooth-navi ul { justify-content: space-between; text-align: center; } .solution-parking-bluetooth-navigation .bluetooth-navi ul li p { margin-bottom: 0; line-height: 1.75; font-size: 1.125rem; } @media screen and (max-width: 991.9px) { .solution-parking-bluetooth-navigation .bluetooth-navi ul { flex-wrap: wrap; } .solution-parking-bluetooth-navigation .bluetooth-navi ul li p { margin: 0.5rem 0 1.5rem; } } .solution-parking-bluetooth-navigation .software ul { justify-content: space-between; flex-wrap: wrap; } .solution-parking-bluetooth-navigation .software ul li { margin-bottom: 4.75rem; text-align: center; } .solution-parking-bluetooth-navigation .software ul li h4 { font-size: 1.375rem; } .solution-parking-bluetooth-navigation .software ul li p { line-height: 1.75; font-size: 1.125rem; } .solution-parking-bluetooth-navigation .software ul li:nth-child(1) img, .solution-parking-bluetooth-navigation .software ul li:nth-child(2) img, .solution-parking-bluetooth-navigation .software ul li:nth-child(3) img { height: 200px; width: auto; } .solution-parking-bluetooth-navigation .software ul li:nth-child(4) img, .solution-parking-bluetooth-navigation .software ul li:nth-child(5) img { height: 380px; width: auto; } @media screen and (max-width: 991.9px) { .solution-parking-bluetooth-navigation .software ul li { margin-bottom: 1.5rem; } .solution-parking-bluetooth-navigation .software ul li img { width: 100% !important; height: auto !important; } } .dust-explosion-about .container { line-height: 1.75; font-size: 1.125rem; } .dust-explosion-about .container > ul { list-style: none; padding: 0; margin: 0; } .dust-explosion-about .container > ul > li { margin-bottom: 4.75rem; } .dust-explosion-about .container > ul > li span { display: block; width: 2em; flex: 0 0 2em; } .dust-explosion-about .container > ul > li h3 { padding: 0 0.75rem 2.25rem; margin: 0 0 2.25rem; color: #006dbb; font-size: 1.875rem; border-bottom: 1px solid #d3d3d3; } .dust-explosion-about .container > ul > li ul { list-style: none; padding: 0 0.75rem 0; } .dust-explosion-about .container > ul > li ul li { display: flex; } .dust-explosion-about .container > ul > li .top { display: flex; justify-content: space-between; flex-wrap: wrap; } .dust-explosion-about .container > ul > li .top .left { display: flex; align-items: center; flex: 1 0 auto; font-size: 1.375rem; font-weight: 700; } .dust-explosion-about .container > ul > li .top .left, .dust-explosion-about .container > ul > li .top .right { margin-bottom: 2rem; } .dust-explosion-about .container > ul > li > * { padding-left: 0.75rem; padding-right: 0.75rem; } .v-hidden { visibility: hidden; } .dust-explosion-prevention-01 { padding: 0 0 4.5rem; } .dust-explosion-prevention-01 .container h2 { margin: 0 0 4.5rem; font-size: 1.875rem; text-align: center; } .dust-explosion-prevention-01 .container h3 { color: #006dbb; font-size: 1.375rem; text-align: center; } .dust-explosion-prevention-01 .container ul.btn-list { margin: 0 0 4.5rem; text-align: center; } .dust-explosion-prevention-01 .container ul.btn-list li { flex: 1; display: flex; flex-wrap: wrap; justify-content: center; font-size: 1.125rem; } .dust-explosion-prevention-01 .container ul.btn-list li .node-left, .dust-explosion-prevention-01 .container ul.btn-list li .node-right { flex: 0 0 50%; height: 1.75rem; margin: 0 0 0.875rem; border-top: 1px solid #909090; background-color: rgba(0, 0, 0, 0); } .dust-explosion-prevention-01 .container ul.btn-list li .node-right { border-left: 1px solid #909090; } .dust-explosion-prevention-01 .container ul.btn-list li:last-child .node-left { border-right: 1px solid #909090; } .dust-explosion-prevention-01 .container ul.btn-list li:last-child .node-right { border-left: none; } .dust-explosion-prevention-01 .container ul.btn-list li a { width: 15em; padding: 1.5rem 0; color: #006dbb; font-size: 1.375rem; text-decoration: none; border: 1px solid #006dbb; transition: color 0.4s ease, background-color, 0.4s ease; } @media screen and (max-width: 991.9px) { .dust-explosion-prevention-01 .container ul.btn-list li a { width: 7em; padding: 1.25rem 0; font-size: 1.125rem; } } .dust-explosion-prevention-01 .container ul.btn-list li.active a, .dust-explosion-prevention-01 .container ul.btn-list li:hover a { color: #fff; background-color: #006dbb; } .dust-explosion-prevention-01 .container ul.description-list { justify-content: center; } .dust-explosion-prevention-01 .container ul.description-list > li { display: flex; flex-wrap: wrap; justify-content: center; } .dust-explosion-prevention-01 .container ul.description-list > li h4 { flex: 0 0 100%; margin: 0 0 2.5rem; text-align: center; } .dust-explosion-prevention-01 .container ul.description-list > li ul { list-style: none; margin: 0; padding: 0; font-size: 1.125rem; line-height: 1.75; } .dust-explosion-prevention-01 .container ul.description-list > li ul li span { display: inline-block; flex: 0 0 2em; vertical-align: top; } .dust-explosion-prevention-01 .container ul.description-list > li ul li div { display: inline-block; } .dust-explosion-prevention-02 { padding: 4.5rem 0; background-color: #f5f5f5; } .dust-explosion-prevention-02 .container h2 { margin: 0 0 4.5rem; color: #006dbb; font-size: 1.875rem; text-align: center; } .dust-explosion-prevention-02 .container > div { display: flex; flex-wrap: wrap; justify-content: space-between; } .dust-explosion-prevention-02 .container > div ul.left { flex: 0 0 45%; list-style: none; margin: 0; padding: 0; } .dust-explosion-prevention-02 .container > div ul.left li { position: relative; display: flex; margin-bottom: 2.5rem; padding-bottom: 2rem; line-height: 2; font-size: 1.125rem; cursor: pointer; } .dust-explosion-prevention-02 .container > div ul.left li:last-child { margin-bottom: 0; } .dust-explosion-prevention-02 .container > div ul.left li::after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 2px; transform-origin: 0 0; transform: scaleX(0); transition: transform 0.4s ease; background-color: #006dbb; } .dust-explosion-prevention-02 .container > div ul.left li:hover span, .dust-explosion-prevention-02 .container > div ul.left li.active span { color: #006dbb; } .dust-explosion-prevention-02 .container > div ul.left li:hover::after, .dust-explosion-prevention-02 .container > div ul.left li.active::after { transform: scaleX(1); } .dust-explosion-prevention-02 .container > div ul.left li span { display: block; font-size: 1.375rem; font-weight: 700; transition: color 0.4s ease; } .dust-explosion-prevention-02 .container > div ul.left li > span { flex: 0 0 1.5em; } .dust-explosion-prevention-02 .container > div ul.right { flex: 0 0 45%; } .dust-explosion-prevention-03 { padding: 4.5rem 0; } .dust-explosion-prevention-03 .container h2 { margin: 0 0 4.5rem; color: #006dbb; font-size: 1.875rem; text-align: center; } .dust-explosion-prevention-03 .container ul { justify-content: space-between; flex-wrap: wrap; padding: 0 5rem; } .dust-explosion-prevention-03 .container ul li { flex: 0 0 44%; padding: 2.25rem 3rem 2.25rem 1.75rem; margin: 0 0 3.75rem; line-height: 1.75; font-size: 1.125rem; border-left: 6px solid #006dbb; background-color: #f5f5f5; } .dust-explosion-prevention-03 .container ul li:last-child { margin: 0; } @media screen and (max-width: 991.9px) { .dust-explosion-prevention-03 .container ul { padding: 0 3rem; } .dust-explosion-prevention-03 .container ul li { margin: 0 0 2rem; } } .dust-explosion-prevention-04 { padding: 4.5rem 0 16rem; background-color: #f3f3f3; } @media screen and (max-width: 991.9px) { .dust-explosion-prevention-04 { padding: 4.5rem 0; } } .dust-explosion-prevention-04 .container h2 { margin: 0 0 4.5rem; color: #006dbb; font-size: 1.875rem; } .dust-explosion-prevention-04 .container > div { position: relative; } .dust-explosion-prevention-04 .container > div ul { position: absolute; top: 5rem; left: 50%; width: 86%; padding: 4rem 5rem; margin: 0; background-color: #fff; transform: translateX(-50%); } .dust-explosion-prevention-04 .container > div ul li { display: flex; margin-bottom: 3rem; line-height: 1.75; } .dust-explosion-prevention-04 .container > div ul li:last-child { margin-bottom: 0; } .dust-explosion-prevention-04 .container > div ul li > span { display: block; flex: 0 0 2em; margin: 6px 0 0; font-size: 0.5rem; color: #006dbb; } @media screen and (max-width: 991.9px) { .dust-explosion-prevention-04 .container > div ul { position: unset; width: 100%; padding: 2rem 3rem; transform: none; } } .videos-dust-collector .container ul { justify-content: space-between; flex-wrap: wrap; padding: 4rem 0; font-size: 0; } .videos-dust-collector .container ul li { flex: 0 0 30%; margin: 0 0 2rem; text-align: center; box-sizing: border-box; } .videos-dust-collector .container ul li a { text-decoration: none; } .videos-dust-collector .container ul li a img { margin: 0 0 1.5rem; } .videos-dust-collector .container ul li a h3 { margin: 0; color: #000; font-size: 1.125rem; font-weight: 700; } .products-dust-collector .container ul.cat-list { list-style: none; padding: 0; margin: 0; } .products-dust-collector .container ul.cat-list > li h3 { margin: 0 0 3rem; color: #006dbb; font-size: 1.125rem; } @media screen and (max-width: 767.9px) { .products-dust-collector .container ul.cat-list > li h3 { margin: 0 0 1.5rem; } } .products-dust-collector .container ul.cat-list > li h3 span { display: inline-block; margin-right: 1.25rem; } .products-dust-collector .container ul.cat-list > li ul { flex-wrap: wrap; } .products-dust-collector .container ul.cat-list > li ul li { flex: 0 0 33.33%; margin: 0 0 3rem; } @media screen and (max-width: 767.9px) { .products-dust-collector .container ul.cat-list > li ul li { margin: 0 0 1.5rem; } } .products-dust-collector .container ul.cat-list > li ul li a { display: block; width: 90%; padding: 1.5rem 2.5rem 2rem; color: #222; text-decoration: none; background-color: #f5f6f8; } .products-dust-collector .container ul.cat-list > li ul li a h4 { margin: 0 0 3rem; font-size: 1.125rem; text-align: center; } .products-dust-collector .container ul.cat-list > li ul li a .img-wrapper { padding: 2rem 0; } .products-dust-collector .container ul.cat-list > li ul li a img { margin: 0 0 3rem; } @media screen and (max-width: 767.9px) { .products-dust-collector .container ul.cat-list > li ul li { margin: 0 0 1rem; } .products-dust-collector .container ul.cat-list > li ul li a { padding: 1.5rem 0.5rem 2rem; } .products-dust-collector .container ul.cat-list > li ul li a h4 { margin: 0 0 1.5rem; } .products-dust-collector .container ul.cat-list > li ul li a img { margin: 0; } } @media screen and (min-width: 992px) { nav + .custom-breadcrumbs { margin: 7rem 0 1.5rem; } } .custom-breadcrumbs .ff > ul { list-style: none; margin: 0; padding: 0; } .custom-breadcrumbs .ff > ul > li { position: relative; display: inline-block; } .custom-breadcrumbs .ff > ul > li > a { display: inline-block; color: #333; padding: 0.5rem 24px 0.5rem 0; margin: 0 6px 0 0; background-image: url(../imgs/icon_arrow_right.svg); background-repeat: no-repeat; background-position: right center; background-size: 14px 14px; } .custom-breadcrumbs .ff > ul > li:last-child > a { margin: 0; padding: 0; pointer-events: none; text-decoration: none; background-image: none; } .custom-breadcrumbs .ff > ul > li .link-list { position: absolute; left: -0.75rem; top: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, .2); padding: 0.5rem 1rem 1rem 1rem; opacity: 0; background-color: #fff; pointer-events: none; transform-origin: 50% 0; transform: scale(0.85); transition: transform 0.4s ease, opacity 0.4s ease; } @media screen and (min-width: 992px) { .custom-breadcrumbs .ff > ul > li:hover .link-list { opacity: 1; pointer-events: auto; transform: scale(1); } } .custom-breadcrumbs .ff > ul > li .link-list ul { list-style: none; margin: 0; padding: 0; } .custom-breadcrumbs .ff > ul > li .link-list a { white-space: nowrap; color: #333; line-height: 1.75; } .solutions-all { display: flex; flex-wrap: wrap; padding: 4rem 0; } .solutions-all h2 { position: relative; padding: 0 0 1rem; margin: 0 0 2.25rem; line-height: 1; font-size: 1.5rem; } .solutions-all h2::after { content: ''; position: absolute; top: 100%; left: 0; height: 0.25rem; width: 4rem; background-color: #006dbb; } .solutions-all aside { flex: 0 0 25%; } .solutions-all aside section ul { list-style: none; padding: 0 0 4rem; } .solutions-all aside section ul li a { display: inline-block; padding: 1.25rem 0; color: #222; font-size: 1.125rem; text-decoration: none; border-bottom: 1px solid #e5e5e5; background-image: url(../imgs/icon_arrow_right.svg); background-repeat: no-repeat; background-position: right center; background-size: 14px 14px; } .solutions-all aside section ul li.active a, .solutions-all aside section ul li:hover a { color: #006dbb; } .solutions-all aside section.sort-by-industry ul li a { width: 8em; } .solutions-all aside section.sort-by-craft ul li a { width: 12.5em; } @media screen and (max-width: 991.9px) { .solutions-all aside section.sort-by-industry ul { display: flex; flex-wrap: wrap; } .solutions-all aside section.sort-by-industry ul li a { width: 8em; background-position: 80% center; } .solutions-all aside section.sort-by-craft ul { display: flex; flex-wrap: wrap; } .solutions-all aside section.sort-by-craft ul li a { width: 12.5em; background-position: 90% center; } } .solutions-all .main-industries { flex: 0 0 75%; margin: 0 0 2rem; } .solutions-all .main-industries ul { flex-wrap: wrap; } .solutions-all .main-industries ul li { flex: 0 0 33.33%; } .solutions-all .main-industries ul li a { position: relative; display: inline-block; margin: 0 1rem 1rem 0; } .solutions-all .main-industries ul li a h3 { z-index: 99; position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; left: 0; top: 0; margin: 0; color: #fff; font-size: 1.5rem; font-weight: 700; opacity: 0; background-color: rgba(0, 0, 0, .3); transition: opacity 0.6s ease; } .solutions-all .main-industries ul li a h3:hover { opacity: 1; } @media screen and (max-width: 991.9px) { .solutions-all .main-industries ul li a h3 { opacity: 1; } } @media screen and (max-width: 767.9px) { .solutions-all .main-industries ul li a h3 { font-size: 1rem; } } @media screen and (max-width: 991.9px) { .solutions-all .main-industries { order: -1; } } .solutions-all.as-solution-extra { display: flex; flex-wrap: wrap; padding: 2rem 0; } @media screen and (min-width: 992px) { .solutions-all.as-solution-extra { display: none; } } .solution-chemical-industry .top, .solution-automobile-industry .top { padding: 4rem; border-top: 1px solid #222; } .solution-chemical-industry .top h1, .solution-automobile-industry .top h1 { margin: 0 0 3rem; font-size: 1.5rem; color: #006dbb; } .solution-chemical-industry .top p, .solution-automobile-industry .top p { margin: 0 0 3.5rem; line-height: 1.75; } .solution-chemical-industry .top p.feature-text, .solution-automobile-industry .top p.feature-text { margin: 4rem 0; color: #006dbb; font-weight: 700; font-size: 1.5rem; } @media screen and (max-width: 767.9px) { .solution-chemical-industry .top p.feature-text, .solution-automobile-industry .top p.feature-text { margin: 0 0 2rem; } } .solution-chemical-industry .top ul, .solution-automobile-industry .top ul { flex-wrap: wrap; justify-content: space-around; margin: 0 0 2rem; } .solution-chemical-industry h2, .solution-automobile-industry h2 { padding: 2.25rem 0; margin: 0 0 6rem; color: #fff; font-size: 1.875rem; background-color: #006dbb; } @media screen and (max-width: 991.9px) { .solution-chemical-industry h2, .solution-automobile-industry h2 { margin: 0 0 2rem; } } .solution-chemical-industry .bottom > ul, .solution-automobile-industry .bottom > ul { list-style: none; margin: 0; padding: 0; } .solution-chemical-industry .bottom > ul li, .solution-automobile-industry .bottom > ul li { display: flex; flex-wrap: wrap; justify-content: space-between; } .solution-chemical-industry .bottom > ul li .left, .solution-automobile-industry .bottom > ul li .left, .solution-chemical-industry .bottom > ul li .right, .solution-automobile-industry .bottom > ul li .right { flex: 0 0 50%; width: 50%; margin: 0 0 4rem; } @media screen and (max-width: 991.9px) { .solution-chemical-industry .bottom > ul li .left, .solution-automobile-industry .bottom > ul li .left, .solution-chemical-industry .bottom > ul li .right, .solution-automobile-industry .bottom > ul li .right { margin: 0 0 2rem !important; } } .solution-chemical-industry .bottom > ul li:last-child .left, .solution-automobile-industry .bottom > ul li:last-child .left, .solution-chemical-industry .bottom > ul li:last-child .right, .solution-automobile-industry .bottom > ul li:last-child .right { margin: 0; } .solution-chemical-industry .bottom > ul li .right article, .solution-automobile-industry .bottom > ul li .right article { padding: 0 4rem; } .solution-chemical-industry .bottom > ul li .right article h3, .solution-automobile-industry .bottom > ul li .right article h3 { margin: 0 0 2.5rem; font-size: 1.125rem; line-height: 1.5; } .solution-chemical-industry .bottom > ul li .right article h3 span, .solution-automobile-industry .bottom > ul li .right article h3 span { color: #006dbb; font-weight: 400; } .solution-chemical-industry .bottom > ul li .right article > div, .solution-automobile-industry .bottom > ul li .right article > div { margin: 0 0 2.5rem; } .solution-chemical-industry .bottom > ul li .right article > div ul, .solution-automobile-industry .bottom > ul li .right article > div ul { list-style: disc; line-height: 1.5; } .solution-chemical-industry .bottom > ul li .right article table, .solution-automobile-industry .bottom > ul li .right article table { width: 100%; margin: 0 0 2.5rem; border-collapse: collapse; } .solution-chemical-industry .bottom > ul li .right article table tr, .solution-automobile-industry .bottom > ul li .right article table tr { text-align: center; border: 1px solid #bcbcbc; border-bottom: none; } .solution-chemical-industry .bottom > ul li .right article table tr:last-child, .solution-automobile-industry .bottom > ul li .right article table tr:last-child { border-bottom: 1px solid #bcbcbc; } .solution-chemical-industry .bottom > ul li .right article table tr th, .solution-automobile-industry .bottom > ul li .right article table tr th, .solution-chemical-industry .bottom > ul li .right article table tr td, .solution-automobile-industry .bottom > ul li .right article table tr td { padding: 0.25rem 0; } .solution-chemical-industry .bottom > ul li .right article table tr td:nth-child(2n-1), .solution-automobile-industry .bottom > ul li .right article table tr td:nth-child(2n-1) { background-color: #f5f5f5; } .solution-chemical-industry .bottom > ul li .right article a, .solution-automobile-industry .bottom > ul li .right article a { display: inline-block; padding: 1rem 3rem; font-size: 1.125rem; text-decoration: none; color: #fff; border: none; border-radius: 1.75rem; background-color: #006dbb; } @media screen and (max-width: 991.9px) { .solution-chemical-industry .bottom > ul li .right article .link-wrapper, .solution-automobile-industry .bottom > ul li .right article .link-wrapper { margin: 0; text-align: center; } } .solution-chemical-industry div.to-details, .solution-automobile-industry div.to-details { padding: 6rem 0; } .solution-chemical-industry div.to-details a, .solution-automobile-industry div.to-details a { color: #006dbb; font-size: 1.5rem; font-weight: 700; } @media screen and (max-width: 991.9px) { .solution-chemical-industry div.to-details, .solution-automobile-industry div.to-details { padding: 2rem 0; } } .solution-smelting-industry .top { padding: 4rem 0; border-top: 1px solid #222; } @media screen and (max-width: 767.9px) { .solution-smelting-industry .top { padding: 2rem 0; } } .solution-smelting-industry .top h1 { margin: 0 0 3rem; font-size: 1.5rem; color: #006dbb; } .solution-smelting-industry .top p { margin: 0 0 3.5rem; line-height: 1.75; } .solution-smelting-industry .top ul { flex-wrap: wrap; justify-content: space-around; margin: 0 0 2rem; } .solution-smelting-industry .bottom > ul { list-style: none; margin: 0; padding: 0; } .solution-smelting-industry .bottom > ul li:nth-child(2n-1) { background-color: #f5f5f5; } .solution-smelting-industry .bottom > ul li article { padding: 5rem 0; text-align: center; } @media screen and (max-width: 767.9px) { .solution-smelting-industry .bottom > ul li article { padding: 2.5rem 0; } } .solution-smelting-industry .bottom > ul li article h3 { padding: 0; margin: 0 0 5rem; color: #006dbb; font-size: 1.5rem; } .solution-smelting-industry .bottom > ul li article h4 { margin: 4rem 0 2rem; color: #222; font-size: 1.125rem; } .solution-smelting-industry .bottom > ul li article ul { display: inline-block; list-style: none; margin: 0; padding: 0; text-align: left; } .solution-smelting-industry .bottom > ul li article a.link-contact { display: inline-block; margin: 2rem 0 0; padding: 1rem 3rem; color: #fff; line-height: 1; text-decoration: none; border: none; border-radius: 1.5rem; background-color: #006dbb; } .solution-printing-industry .top { padding: 4rem; border-top: 1px solid #222; } .solution-printing-industry .top h1 { margin: 0 0 3rem; font-size: 1.5rem; color: #006dbb; } .solution-printing-industry .top p { margin: 0 0 3.5rem; line-height: 1.75; } .solution-printing-industry .middle { background-color: #f5f5f5; } .solution-printing-industry .middle .ff { display: flex; flex-wrap: wrap; padding: 4rem 0; } .solution-printing-industry .middle .ff .left, .solution-printing-industry .middle .ff .right { flex: 0 0 50%; margin: 0 0 2rem; } .solution-printing-industry .middle .ff .right { text-align: center; } .solution-printing-industry .middle .ff .right article { display: inline-block; padding: 0 4rem; text-align: left; } .solution-printing-industry .middle .ff .right article h3 { padding: 0; margin: 0 0 4rem; color: #006dbb; font-size: 1.5rem; } .solution-printing-industry .middle .ff .right article ul li span { color: #006dbb; } .solution-printing-industry .bottom .ff article { padding: 4rem 0; text-align: center; } .solution-printing-industry .bottom .ff article:first-child { padding: 4rem 0 0; } .solution-printing-industry .bottom .ff article h3 { padding: 0; margin: 0 0 4rem; color: #006dbb; font-size: 1.5rem; } .solution-printing-industry .bottom .ff article p { margin: 0 0 4rem; line-height: 1.5; } .solution-printing-industry .bottom .ff article a.link-contact { display: inline-block; margin: 4rem 0 0; padding: 1rem 3rem; color: #fff; line-height: 1; text-decoration: none; border: none; border-radius: 1.5rem; background-color: #006dbb; } .solution-battery-industry .top, .solution-electronics-industry .top { padding: 4rem; border-top: 1px solid #222; } .solution-battery-industry .top h1, .solution-electronics-industry .top h1 { margin: 0 0 3rem; font-size: 1.5rem; color: #006dbb; } .solution-battery-industry .top p, .solution-electronics-industry .top p { margin: 0 0 3.5rem; line-height: 1.75; } @media screen and (max-width: 767.9px) { .solution-battery-industry .top, .solution-electronics-industry .top { padding: 2rem; } .solution-battery-industry .top p, .solution-electronics-industry .top p { margin: 0 0 1.5rem; } } .solution-battery-industry .bottom, .solution-electronics-industry .bottom { padding: 4rem 0; margin: 0 0 6rem; background-color: #f5f5f5; } @media screen and (max-width: 767.9px) { .solution-battery-industry .bottom, .solution-electronics-industry .bottom { padding: 2rem 0; margin: 0 0 3rem; } } .solution-battery-industry .bottom h2, .solution-electronics-industry .bottom h2 { margin: 0; font-size: 1.5rem; font-weight: 400; } .solution-battery-industry .bottom h3, .solution-electronics-industry .bottom h3 { margin: 0 0 2rem; color: #006dbb; font-size: 1.5rem; } .solution-battery-industry .bottom article, .solution-electronics-industry .bottom article { padding: 2rem 0; } .solution-battery-industry .bottom .box, .solution-electronics-industry .bottom .box { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .solution-battery-industry .bottom .box .left, .solution-electronics-industry .bottom .box .left { flex: 0 0 47%; } .solution-battery-industry .bottom .box .right, .solution-electronics-industry .bottom .box .right { flex: 0 0 49.9%; } .solution-battery-industry .bottom .box .right.text, .solution-electronics-industry .bottom .box .right.text { padding: 5rem 0 3rem; } .solution-battery-industry .bottom .box .right.text ul, .solution-electronics-industry .bottom .box .right.text ul { margin: 0 0 4rem; } @media screen and (max-width: 767.9px) { .solution-battery-industry .bottom .box .right.text, .solution-electronics-industry .bottom .box .right.text { padding: 2.5rem 0 2rem; } .solution-battery-industry .bottom .box .right.text ul, .solution-electronics-industry .bottom .box .right.text ul { margin: 0 0 2rem; } } .solution-battery-industry .bottom .box .link-wrapper a, .solution-electronics-industry .bottom .box .link-wrapper a { display: inline-block; padding: 1rem 3rem; color: #fff; line-height: 1; text-decoration: none; border: none; border-radius: 1.5rem; background-color: #006dbb; } .solution-food-industry .top { padding: 4rem; border-top: 1px solid #222; } @media screen and (max-width: 767.9px) { .solution-food-industry .top { padding: 2rem; } } .solution-food-industry .top h1 { margin: 0 0 3rem; font-size: 1.5rem; color: #006dbb; } .solution-food-industry .top p { margin: 0 0 3.5rem; line-height: 1.75; } .solution-food-industry .middle { background-color: #f5f5f5; } .solution-food-industry .middle, .solution-food-industry .bottom { padding: 4rem 0; margin: 0 0 6rem; } @media screen and (max-width: 767.9px) { .solution-food-industry .middle, .solution-food-industry .bottom { padding: 2rem; margin: 0 0 1rem; } } .solution-food-industry .middle h3, .solution-food-industry .bottom h3 { margin: 0 0 2rem; color: #006dbb; font-size: 1.125rem; } .solution-food-industry .middle article, .solution-food-industry .bottom article { padding: 2rem 0; } .solution-food-industry .middle .img-wrapper, .solution-food-industry .bottom .img-wrapper { margin: 0 0 5rem; } .solution-food-industry .middle ul, .solution-food-industry .bottom ul { margin: 0 0 2rem; font-size: 1.125rem; line-height: 2; } .solution-food-industry .link-wrapper a { display: inline-block; padding: 1rem 3rem; color: #fff; line-height: 1; text-decoration: none; border: none; border-radius: 1.5rem; background-color: #006dbb; } .solution-pharmaceutical-industry h1, .solution-pharmaceutical-industry h2 { margin: 0 0 3rem; color: #006dbb; font-size: 1.5rem; } .solution-pharmaceutical-industry .bg-grey { background-color: #f5f5f5; padding: 4rem 0; } @media screen and (max-width: 767.9px) { .solution-pharmaceutical-industry .bg-grey { padding: 2rem 0; } } .solution-pharmaceutical-industry .top { padding: 4rem; border-top: 1px solid #222; } @media screen and (max-width: 767.9px) { .solution-pharmaceutical-industry .top { padding: 2rem 0; } } .solution-pharmaceutical-industry .top p { margin: 0 0 3.5rem; line-height: 1.75; } @media screen and (max-width: 767.9px) { .solution-pharmaceutical-industry .top p { margin: 0 0 1.5rem; } } .solution-pharmaceutical-industry .top .img-wrapper { margin: 0 0 4rem; } @media screen and (max-width: 767.9px) { .solution-pharmaceutical-industry .top .img-wrapper { margin: 0 0 2rem; } } .solution-pharmaceutical-industry .middle { margin: 0 0 4rem; } @media screen and (max-width: 767.9px) { .solution-pharmaceutical-industry .middle { margin: 0 0 2rem; } } .solution-pharmaceutical-industry .middle .ff { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .solution-pharmaceutical-industry .middle .ff .left { flex: 0 0 35%; } .solution-pharmaceutical-industry .middle .ff .right { flex: 0 0 45%; padding: 0 0 0 2rem; } .solution-pharmaceutical-industry .middle .ff .right img { margin: 0 0 0 2rem; } .solution-pharmaceutical-industry .middle .ff .right .link-wrapper a { display: inline-block; padding: 1rem 3rem; color: #fff; line-height: 1; text-decoration: none; border: none; border-radius: 1.5rem; background-color: #006dbb; } .solution-pharmaceutical-industry .middle.bg-grey .ff .left, .solution-pharmaceutical-industry .middle.bg-grey .ff .right { flex: 0 0 50%; } .solution-pharmaceutical-industry .middle.bg-grey .ff .right ul { margin: 0 0 2.875rem; line-height: 2; } .solution-pharmaceutical-industry .sec { margin: 0 0 4rem; } @media screen and (max-width: 767.9px) { .solution-pharmaceutical-industry .sec { margin: 0 0 2rem; } } .solution-pharmaceutical-industry .link-wrapper a { display: inline-block; padding: 1rem 3rem; color: #fff; line-height: 1; text-decoration: none; border: none; border-radius: 1.5rem; background-color: #006dbb; } .solution-cosmetics-industry .top { padding: 4rem; border-top: 1px solid #222; } @media screen and (max-width: 767.9px) { .solution-cosmetics-industry .top { padding: 2rem; } } .solution-cosmetics-industry .top h1 { margin: 0 0 3rem; font-size: 1.5rem; color: #006dbb; } .solution-cosmetics-industry .top p { margin: 0 0 3.5rem; line-height: 1.75; } @media screen and (max-width: 767.9px) { .solution-cosmetics-industry .top p { margin: 0 0 1.5rem; } } .solution-cosmetics-industry .top .image-pair { display: flex; flex-wrap: wrap; justify-content: space-between; } .solution-cosmetics-industry .top .image-pair > div { flex: 0 0 47%; } .solution-cosmetics-industry .bg-grey { background-color: #f5f5f5; padding: 4rem 0; } @media screen and (max-width: 767.9px) { .solution-cosmetics-industry .bg-grey { padding: 2rem 0; } } .solution-cosmetics-industry h2 { margin: 0 0 3rem; font-size: 1.5rem; } .solution-cosmetics-industry .middle { margin: 0 0 4rem; } @media screen and (max-width: 767.9px) { .solution-cosmetics-industry .middle { margin: 0 0 2rem; } } .solution-cosmetics-industry .middle .ff { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .solution-cosmetics-industry .middle .ff .left, .solution-cosmetics-industry .middle .ff .right { flex: 0 0 50%; } .solution-cosmetics-industry .middle .ff .right article { padding: 0 2rem; } .solution-cosmetics-industry .middle .ff .right h2 { margin: 1.5rem 0 2.5rem; font-size: 1.5rem; } .solution-cosmetics-industry .middle .ff .right ul { margin: 0 0 2.875rem; } .solution-cosmetics-industry .middle .ff .right .link-wrapper a { display: inline-block; padding: 1rem 3rem; color: #fff; line-height: 1; text-decoration: none; border: none; border-radius: 1.5rem; background-color: #006dbb; } .solution-combustible-dust .top { padding: 4rem; border-top: 1px solid #222; } .solution-combustible-dust .top h1 { margin: 0 0 3rem; font-size: 1.5rem; color: #006dbb; } .solution-combustible-dust .top p { margin: 0 0 3.5rem; line-height: 1.75; } .solution-combustible-dust .sec1 { padding: 4rem 0; background-color: #f5f5f5; } .solution-combustible-dust .sec1 article { margin-bottom: 2rem; } .solution-combustible-dust .sec1 article h2 { margin: 0 0 2rem; font-size: 1.5rem; color: #006dbb; } .solution-combustible-dust .sec1 article p { margin: 0 0 4rem; } .solution-combustible-dust .sec1 article .videos { display: flex; justify-content: space-around; flex-wrap: wrap; } .solution-combustible-dust .sec1 article .videos .left, .solution-combustible-dust .sec1 article .videos .right { flex: 0 0 40%; width: 40%; } .solution-combustible-dust .sec1 article .videos .left p, .solution-combustible-dust .sec1 article .videos .right p { font-size: 1.125rem; margin: 1.5rem 0; } .solution-combustible-dust .sec2 { padding: 4rem 0 2.25rem; text-align: center; background-color: #006dbb; } .solution-combustible-dust .sec2 h2 { margin: 0 0 2.75rem; color: #fff; font-size: 2.5rem; } .solution-combustible-dust .sec2 a { display: inline-block; padding: 1rem 3rem; color: #006dbb; line-height: 1; text-decoration: none; border: none; border-radius: 1.5rem; background-color: #fff; } .solution-combustible-dust .sec3 { padding: 4rem 0; } .solution-combustible-dust .sec3 h3 { color: #006dbb; font-size: 1.125rem; } .solution-combustible-dust .sec3 ul { list-style: none; margin: 0; padding: 0; } .solution-combustible-dust .sec3 ul li span { display: inline-block; width: 10em; } .solution-combustible-dust .sec3 article > * { margin: 0 0 3.25rem; } .solution-combustible-dust .sec4 { margin: 0 0 4rem; padding: 4rem 0; background-color: #f5f5f5; } .solution-combustible-dust .sec4 article { margin-bottom: 4rem; } .solution-combustible-dust .sec4 article h2 { margin: 0 0 4rem; font-size: 1.5rem; color: #006dbb; } .solution-combustible-dust .sec4 article ul { display: flex; flex-wrap: wrap; justify-content: space-around; list-style: none; margin: 0; padding: 0; } .solution-combustible-dust .sec4 article ul li { margin: 0 0 2.5rem; } .solution-combustible-dust .link-wrapper a { display: inline-block; padding: 1rem 3rem; color: #fff; line-height: 1; text-decoration: none; border: none; border-radius: 1.5rem; background-color: #006dbb; } .solution-machining .top { padding: 4rem; border-top: 1px solid #222; } .solution-machining .top h1 { margin: 0 0 3rem; font-size: 1.5rem; color: #006dbb; } .solution-machining .top p { margin: 0 0 3.5rem; line-height: 1.75; } .solution-machining .sec1 { padding: 4rem 0; background-color: #f5f5f5; } .solution-machining .sec1 article { margin-bottom: 4rem; } .solution-machining .sec1 article > * { margin: 0 0 3.25rem; } .solution-machining .sec1 article h2 { margin: 0 0 4rem; font-size: 1.5rem; color: #006dbb; } .solution-machining .sec2 { padding: 4rem 0; } .solution-machining .sec2 .ff { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .solution-machining .sec2 .ff .left, .solution-machining .sec2 .ff .right { flex: 0 0 50%; } .solution-machining .sec2 .ff .right article { padding: 0 2rem; } .solution-machining .sec2 .ff .right h2 { margin: 1.5rem 0 2.5rem; font-size: 1.5rem; } .solution-machining .sec2 .ff .right ul { margin: 0 0 2.875rem; } .solution-machining .sec2 .ff .right .link-wrapper a { display: inline-block; padding: 1rem 3rem; color: #fff; line-height: 1; text-decoration: none; border: none; border-radius: 1.5rem; background-color: #006dbb; } .solution-machining .sec3 { padding: 4rem 0; margin: 0 0 4rem; } .solution-machining .sec3 article h2 { margin: 0 0 4rem; font-size: 1.5rem; color: #006dbb; } .solution-die-casting .top { padding: 4rem; border-top: 1px solid #222; } .solution-die-casting .top h1 { margin: 0 0 3rem; font-size: 1.5rem; color: #006dbb; } .solution-die-casting .top p { margin: 0 0 3.5rem; line-height: 1.75; } .solution-die-casting .sec1 { padding: 4rem 0; background-color: #f5f5f5; } .solution-die-casting .sec1 article { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 4rem; } .solution-die-casting .sec1 article > div { flex: 0 0 45%; } .solution-die-casting .sec1 article > div.right p { color: #006dbb; font-weight: 700; } .solution-die-casting .sec1 article > div.right img { float: right; } .solution-die-casting .sec2 { padding: 4rem 0; } .solution-die-casting .sec2 .ff { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .solution-die-casting .sec2 .ff .left, .solution-die-casting .sec2 .ff .right { flex: 0 0 50%; } .solution-die-casting .sec2 .ff .right article { padding: 0 2rem; } .solution-die-casting .sec2 .ff .right article ul { margin: 0 0 2.875rem; } .solution-die-casting .sec2 .ff .right article .link-wrapper a { display: inline-block; padding: 1rem 3rem; color: #fff; line-height: 1; text-decoration: none; border: none; border-radius: 1.5rem; background-color: #006dbb; } .solution-die-casting .sec3 { padding: 4rem 0; margin: 0 0 4rem; background-color: #f5f5f5; } .solution-die-casting .sec3 article h2 { margin: 0 0 4rem; font-size: 1.5rem; color: #006dbb; } .solution-die-casting .sec3 article ul { list-style: none; padding: 0; margin: 0; } .solution-die-casting .sec3 article ul li { text-align: center; } .solution-die-casting .sec3 article ul li:not(:last-child) { margin: 0 0 3rem; } .solution-die-casting .sec3 .link-wrapper a { display: inline-block; padding: 1rem 3rem; color: #fff; line-height: 1; text-decoration: none; border: none; border-radius: 1.5rem; background-color: #006dbb; } .solution-metal-spraying .top { padding: 4rem; border-top: 1px solid #222; } @media screen and (max-width: 767.9px) { .solution-metal-spraying .top { padding: 2rem; } } .solution-metal-spraying .top h1 { margin: 0 0 3rem; font-size: 1.5rem; color: #006dbb; } .solution-metal-spraying .top p { margin: 0 0 3.5rem; line-height: 1.75; } .solution-metal-spraying .sec1 { padding: 4rem 0; background-color: #f5f5f5; } @media screen and (max-width: 767.9px) { .solution-metal-spraying .sec1 { padding: 2rem 0; } } .solution-metal-spraying .sec1 .list-group { text-align: center; } .solution-metal-spraying .sec1 .list-group .inner { display: inline-block; text-align: left; } .solution-metal-spraying .sec1 .list-group h3 { margin: 0; color: #006dbb; font-size: 1rem; font-weight: 400; } .solution-metal-spraying .sec1 .list-group ul { margin: 0 0 0 4rem; } .solution-metal-spraying .sec2 { padding: 4rem 0; } @media screen and (max-width: 767.9px) { .solution-metal-spraying .sec2 { padding: 2rem 0; } } .solution-metal-spraying .sec3 { padding: 4rem 0; margin: 0 0 4rem; background-color: #f5f5f5; } @media screen and (max-width: 767.9px) { .solution-metal-spraying .sec3 { padding: 2rem 0; } } .solution-metal-spraying .sec3 h2 { margin: 0 0 3rem; font-size: 1.5rem; } .solution-metal-spraying .sec3 .link-wrapper a { display: inline-block; padding: 1rem 3rem; color: #fff; line-height: 1; text-decoration: none; border: none; border-radius: 1.5rem; background-color: #006dbb; } .solution-pneumatic-conveying .top { padding: 4rem; border-top: 1px solid #222; } .solution-pneumatic-conveying .top h1, .solution-pneumatic-conveying .top h2 { margin: 0 0 3rem; font-size: 1.5rem; color: #006dbb; } .solution-pneumatic-conveying .top p { margin: 0 0 3.5rem; line-height: 1.75; } .solution-pneumatic-conveying .top ul { list-style: none; margin: 0 auto; padding: 0; } .solution-pneumatic-conveying .sec1, .solution-pneumatic-conveying .sec2, .solution-pneumatic-conveying .sec3, .solution-pneumatic-conveying .sec4 { padding: 4rem 0; } .solution-pneumatic-conveying .sec1 .ff, .solution-pneumatic-conveying .sec2 .ff, .solution-pneumatic-conveying .sec3 .ff, .solution-pneumatic-conveying .sec4 .ff { display: flex; flex-wrap: wrap; justify-content: space-between; } .solution-pneumatic-conveying .sec1 .ff header, .solution-pneumatic-conveying .sec2 .ff header, .solution-pneumatic-conveying .sec3 .ff header, .solution-pneumatic-conveying .sec4 .ff header { width: 100%; margin: 0 0 5rem; flex: 0 0 100%; text-align: center; } .solution-pneumatic-conveying .sec1 .ff header h2, .solution-pneumatic-conveying .sec2 .ff header h2, .solution-pneumatic-conveying .sec3 .ff header h2, .solution-pneumatic-conveying .sec4 .ff header h2 { margin: 0 0 1.25rem; font-size: 1.5rem; color: #006dbb; } .solution-pneumatic-conveying .sec1 .ff header p, .solution-pneumatic-conveying .sec2 .ff header p, .solution-pneumatic-conveying .sec3 .ff header p, .solution-pneumatic-conveying .sec4 .ff header p { font-size: 1.125rem; } .solution-pneumatic-conveying .sec1 .ff .left, .solution-pneumatic-conveying .sec2 .ff .left, .solution-pneumatic-conveying .sec3 .ff .left, .solution-pneumatic-conveying .sec4 .ff .left { flex: 0 0 45%; text-align: center; } .solution-pneumatic-conveying .sec1 .ff .left img:not(:last-child), .solution-pneumatic-conveying .sec2 .ff .left img:not(:last-child), .solution-pneumatic-conveying .sec3 .ff .left img:not(:last-child), .solution-pneumatic-conveying .sec4 .ff .left img:not(:last-child) { margin: 0 0 5rem; } .solution-pneumatic-conveying .sec1 .ff .right, .solution-pneumatic-conveying .sec2 .ff .right, .solution-pneumatic-conveying .sec3 .ff .right, .solution-pneumatic-conveying .sec4 .ff .right { flex: 0 0 45%; } .solution-pneumatic-conveying .sec1 .ff .right ul, .solution-pneumatic-conveying .sec2 .ff .right ul, .solution-pneumatic-conveying .sec3 .ff .right ul, .solution-pneumatic-conveying .sec4 .ff .right ul { list-style: none; margin: 0 0 3.75rem; padding: 0; color: #006dbb; } .solution-pneumatic-conveying .sec1 .ff .right p, .solution-pneumatic-conveying .sec2 .ff .right p, .solution-pneumatic-conveying .sec3 .ff .right p, .solution-pneumatic-conveying .sec4 .ff .right p { margin: 0 0 4rem; } .solution-pneumatic-conveying .sec1 .ff .right table, .solution-pneumatic-conveying .sec2 .ff .right table, .solution-pneumatic-conveying .sec3 .ff .right table, .solution-pneumatic-conveying .sec4 .ff .right table { width: 100%; margin: 0 0 2.5rem; border-collapse: collapse; } .solution-pneumatic-conveying .sec1 .ff .right table tr, .solution-pneumatic-conveying .sec2 .ff .right table tr, .solution-pneumatic-conveying .sec3 .ff .right table tr, .solution-pneumatic-conveying .sec4 .ff .right table tr { text-align: center; border: 1px solid #bcbcbc; border-bottom: none; } .solution-pneumatic-conveying .sec1 .ff .right table tr:last-child, .solution-pneumatic-conveying .sec2 .ff .right table tr:last-child, .solution-pneumatic-conveying .sec3 .ff .right table tr:last-child, .solution-pneumatic-conveying .sec4 .ff .right table tr:last-child { border-bottom: 1px solid #bcbcbc; } .solution-pneumatic-conveying .sec1 .ff .right table tr th, .solution-pneumatic-conveying .sec2 .ff .right table tr th, .solution-pneumatic-conveying .sec3 .ff .right table tr th, .solution-pneumatic-conveying .sec4 .ff .right table tr th, .solution-pneumatic-conveying .sec1 .ff .right table tr td, .solution-pneumatic-conveying .sec2 .ff .right table tr td, .solution-pneumatic-conveying .sec3 .ff .right table tr td, .solution-pneumatic-conveying .sec4 .ff .right table tr td { padding: 0.25rem 0; } .solution-pneumatic-conveying .sec1 .ff .right table tr td:nth-child(2n-1), .solution-pneumatic-conveying .sec2 .ff .right table tr td:nth-child(2n-1), .solution-pneumatic-conveying .sec3 .ff .right table tr td:nth-child(2n-1), .solution-pneumatic-conveying .sec4 .ff .right table tr td:nth-child(2n-1) { background-color: #f5f5f5; } .solution-pneumatic-conveying .sec1, .solution-pneumatic-conveying .sec3 { background-color: #f5f5f5; } .solution-pneumatic-conveying .sec5 { padding: 4rem 0; background-color: #f5f5f5; } .solution-pneumatic-conveying .sec5 article h2 { margin: 0 0 4rem; font-size: 1.5rem; color: #006dbb; } .solution-pneumatic-conveying .sec5 article ul { list-style: none; padding: 0; margin: 0; } .solution-pneumatic-conveying .sec5 article ul li { text-align: center; } .solution-pneumatic-conveying .sec5 article ul li:not(:last-child) { margin: 0 0 3rem; } .solution-pneumatic-conveying .sec5 .link-wrapper a { display: inline-block; margin: 2rem 0 0; padding: 1rem 3rem; color: #fff; line-height: 1; text-decoration: none; border: none; border-radius: 1.5rem; background-color: #006dbb; } .solution-pneumatic-conveying .sec6 { padding: 4rem 0; margin: 0 0 4rem; } .solution-pneumatic-conveying .sec6 article h2 { margin: 0 0 4rem; font-size: 1.5rem; color: #006dbb; } .solution-pneumatic-conveying .sec6 article h3 { margin: 0 0 1.25rem; font-size: 1.5rem; color: #006dbb; } .solution-pneumatic-conveying .sec6 .link-wrapper a { display: inline-block; padding: 1rem 3rem; margin: 4rem 0 0; color: #fff; line-height: 1; text-decoration: none; border: none; border-radius: 1.5rem; background-color: #006dbb; } .solution-metal-cutting-and-recycling .top { padding: 4rem; border-top: 1px solid #222; } .solution-metal-cutting-and-recycling .top h1 { margin: 0 0 3rem; font-size: 1.5rem; color: #006dbb; } .solution-metal-cutting-and-recycling .top p { margin: 0 0 3.5rem; line-height: 1.75; } .solution-metal-cutting-and-recycling .sec1 article h2, .solution-metal-cutting-and-recycling .sec2 article h2 { margin: 0 0 4rem; font-size: 1.5rem; color: #006dbb; } .solution-metal-cutting-and-recycling .sec1 article > div, .solution-metal-cutting-and-recycling .sec2 article > div { margin: 0 0 3.5rem; } .solution-metal-cutting-and-recycling .sec1 .link-wrapper a, .solution-metal-cutting-and-recycling .sec2 .link-wrapper a { display: inline-block; padding: 1rem 3rem; color: #fff; line-height: 1; text-decoration: none; border: none; border-radius: 1.5rem; background-color: #006dbb; } .solution-industry-exhaust .top { padding: 4rem; border-top: 1px solid #222; } .solution-industry-exhaust .top h1 { margin: 0 0 3rem; font-size: 1.5rem; color: #006dbb; } .solution-industry-exhaust .top p { margin: 0 0 3.5rem; line-height: 1.75; } .solution-industry-exhaust .top > div { margin: 0 0 3.5rem; } .solution-industry-exhaust .top .link-wrapper a { display: inline-block; padding: 1rem 3rem; color: #fff; line-height: 1; text-decoration: none; border: none; border-radius: 1.5rem; background-color: #006dbb; } .parking-case-nav { margin: 0 0 4.5rem; } .parking-case-nav ul { justify-content: space-around; } .parking-case-nav ul li a { display: block; padding: 0.75rem 2.75rem; line-height: 1; text-decoration: none; color: #222; border-radius: 1.25rem; border: 1px solid #222; } @media screen and (max-width: 767.9px) { .parking-case-nav ul li a { padding: 0.75rem 1.5rem; } } .parking-case-nav ul li.hover a, .parking-case-nav ul li.active a { color: #fff; background-color: #006dbb; border-color: transparent; } .parking-case-a .head, .parking-case-b .head, .parking-case-c .head, .parking-case-d .head { margin: 0 0 2rem; text-align: center; } .parking-case-a .head .head-top, .parking-case-b .head .head-top, .parking-case-c .head .head-top, .parking-case-d .head .head-top { text-align: left; font-size: 1.5rem; font-weight: 700; color: #227fc1; } .parking-case-a .head h1, .parking-case-b .head h1, .parking-case-c .head h1, .parking-case-d .head h1 { font-size: 1.125rem; font-weight: 700; } .parking-case-a .head p, .parking-case-b .head p, .parking-case-c .head p, .parking-case-d .head p { font-size: 1.125rem; } .parking-case-a .parking-case, .parking-case-b .parking-case, .parking-case-c .parking-case, .parking-case-d .parking-case { padding: 0 0 4rem; } @media screen and (max-width: 767.9px) { .parking-case-a .parking-case, .parking-case-b .parking-case, .parking-case-c .parking-case, .parking-case-d .parking-case { padding: 0 0 2rem; } } .parking-case-a .parking-case .container, .parking-case-b .parking-case .container, .parking-case-c .parking-case .container, .parking-case-d .parking-case .container { display: flex; justify-content: space-between; flex-wrap: wrap; } .parking-case-a .parking-case .container .left, .parking-case-b .parking-case .container .left, .parking-case-c .parking-case .container .left, .parking-case-d .parking-case .container .left { flex: 0 0 60%; margin: 0 0 1.5rem; } .parking-case-a .parking-case .container .left h2, .parking-case-b .parking-case .container .left h2, .parking-case-c .parking-case .container .left h2, .parking-case-d .parking-case .container .left h2 { margin: 0 0 1.75rem; font-size: 1.25rem; } .parking-case-a .parking-case .container .left article, .parking-case-b .parking-case .container .left article, .parking-case-c .parking-case .container .left article, .parking-case-d .parking-case .container .left article { margin: 0 0 2rem; line-height: 1.75; } .parking-case-a .parking-case .container .left article h3, .parking-case-b .parking-case .container .left article h3, .parking-case-c .parking-case .container .left article h3, .parking-case-d .parking-case .container .left article h3 { margin: 1rem 0 0.5rem; font-size: 1rem; } .parking-case-a .parking-case .container .left article p, .parking-case-b .parking-case .container .left article p, .parking-case-c .parking-case .container .left article p, .parking-case-d .parking-case .container .left article p { margin: 0; } .parking-case-a .parking-case .container .left article div, .parking-case-b .parking-case .container .left article div, .parking-case-c .parking-case .container .left article div, .parking-case-d .parking-case .container .left article div { display: flex; } .parking-case-a .parking-case .container .left ul, .parking-case-b .parking-case .container .left ul, .parking-case-c .parking-case .container .left ul, .parking-case-d .parking-case .container .left ul { flex-wrap: wrap; } .parking-case-a .parking-case .container .left ul li, .parking-case-b .parking-case .container .left ul li, .parking-case-c .parking-case .container .left ul li, .parking-case-d .parking-case .container .left ul li { flex: 0 0 50%; width: 50%; color: #0281bf; font-weight: 700; margin: 0 0 1rem; } .parking-case-a .parking-case .container .right, .parking-case-b .parking-case .container .right, .parking-case-c .parking-case .container .right, .parking-case-d .parking-case .container .right { flex: 0 0 35%; margin: 0 0 1.5rem; } .parking-case-a .parking-system, .parking-case-b .parking-system, .parking-case-c .parking-system, .parking-case-d .parking-system { text-align: center; padding: 4rem 0; background-color: #f1f1f1; } .parking-case-a .parking-system h2, .parking-case-b .parking-system h2, .parking-case-c .parking-system h2, .parking-case-d .parking-system h2 { margin: 0 0 3rem; color: #0281bf; font-size: 1.125rem; } @media screen and (max-width: 767.9px) { .parking-case-a .parking-system, .parking-case-b .parking-system, .parking-case-c .parking-system, .parking-case-d .parking-system { padding: 2rem 0; } } .parking-case-a .parking-features, .parking-case-b .parking-features, .parking-case-c .parking-features, .parking-case-d .parking-features { text-align: center; padding: 4rem 0; } @media screen and (max-width: 767.9px) { .parking-case-a .parking-features, .parking-case-b .parking-features, .parking-case-c .parking-features, .parking-case-d .parking-features { padding: 2rem 0; } } .parking-case-a .parking-features h2, .parking-case-b .parking-features h2, .parking-case-c .parking-features h2, .parking-case-d .parking-features h2 { color: #0281bf; font-size: 1.125rem; } .parking-case-a .parking-features ul, .parking-case-b .parking-features ul, .parking-case-c .parking-features ul, .parking-case-d .parking-features ul { list-style: none; padding: 0; margin: 0; } .parking-case-a .parking-features ul li, .parking-case-b .parking-features ul li, .parking-case-c .parking-features ul li, .parking-case-d .parking-features ul li { padding: 3rem 0; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } @media screen and (max-width: 767.9px) { .parking-case-a .parking-features ul li, .parking-case-b .parking-features ul li, .parking-case-c .parking-features ul li, .parking-case-d .parking-features ul li { padding: 1.5rem 0; } } .parking-case-a .parking-features ul li:last-child, .parking-case-b .parking-features ul li:last-child, .parking-case-c .parking-features ul li:last-child, .parking-case-d .parking-features ul li:last-child { border-bottom: none; } .parking-case-a .parking-features ul li h3, .parking-case-b .parking-features ul li h3, .parking-case-c .parking-features ul li h3, .parking-case-d .parking-features ul li h3 { margin: 0 0 1rem; color: #0281bf; font-size: 1rem; } .parking-case-a .parking-features ul li > p, .parking-case-b .parking-features ul li > p, .parking-case-c .parking-features ul li > p, .parking-case-d .parking-features ul li > p { margin: 0 0 4rem; } .parking-case-a .parking-features ul li article, .parking-case-b .parking-features ul li article, .parking-case-c .parking-features ul li article, .parking-case-d .parking-features ul li article { display: flex; align-items: center; text-align: left; } .parking-case-a .parking-features ul li article p, .parking-case-b .parking-features ul li article p, .parking-case-c .parking-features ul li article p, .parking-case-d .parking-features ul li article p { padding: 0 3rem; } .parking-case-a .remark, .parking-case-b .remark, .parking-case-c .remark, .parking-case-d .remark { padding: 3rem 0; color: #ca0505; background-color: #f1f1f1; } .parking-case-a .remark p:not(:last-child), .parking-case-b .remark p:not(:last-child), .parking-case-c .remark p:not(:last-child), .parking-case-d .remark p:not(:last-child) { margin: 0 0 2.5rem; } .parking-case-a .remark p span, .parking-case-b .remark p span, .parking-case-c .remark p span, .parking-case-d .remark p span { display: inline-block; vertical-align: top; } .parking-case-a .remark p span:first-child, .parking-case-b .remark p span:first-child, .parking-case-c .remark p span:first-child, .parking-case-d .remark p span:first-child { margin: 0 0.75em 0 0; } .solution-chemical-industry table tr th, .solution-automobile-industry table tr th, .solution-smelting-industry table tr th, .solution-printing-industry table tr th, .solution-battery-industry table tr th, .solution-electronics-industry table tr th, .solution-food-industry table tr th, .solution-pharmaceutical-industry table tr th, .solution-cosmetics-industry table tr th, .solution-combustible-dust table tr th, .solution-machining table tr th, .solution-die-casting table tr th, .solution-metal-spraying table tr th, .solution-pneumatic-conveying table tr th, .solution-metal-cutting-and-recycling table tr th, .solution-industry-exhaust table tr th, .parking-case-nav table tr th, .solution-chemical-industry table tr td, .solution-automobile-industry table tr td, .solution-smelting-industry table tr td, .solution-printing-industry table tr td, .solution-battery-industry table tr td, .solution-electronics-industry table tr td, .solution-food-industry table tr td, .solution-pharmaceutical-industry table tr td, .solution-cosmetics-industry table tr td, .solution-combustible-dust table tr td, .solution-machining table tr td, .solution-die-casting table tr td, .solution-metal-spraying table tr td, .solution-pneumatic-conveying table tr td, .solution-metal-cutting-and-recycling table tr td, .solution-industry-exhaust table tr td, .parking-case-nav table tr td, .solution-chemical-industry ul li, .solution-automobile-industry ul li, .solution-smelting-industry ul li, .solution-printing-industry ul li, .solution-battery-industry ul li, .solution-electronics-industry ul li, .solution-food-industry ul li, .solution-pharmaceutical-industry ul li, .solution-cosmetics-industry ul li, .solution-combustible-dust ul li, .solution-machining ul li, .solution-die-casting ul li, .solution-metal-spraying ul li, .solution-pneumatic-conveying ul li, .solution-metal-cutting-and-recycling ul li, .solution-industry-exhaust ul li, .parking-case-nav ul li, .solution-chemical-industry p, .solution-automobile-industry p, .solution-smelting-industry p, .solution-printing-industry p, .solution-battery-industry p, .solution-electronics-industry p, .solution-food-industry p, .solution-pharmaceutical-industry p, .solution-cosmetics-industry p, .solution-combustible-dust p, .solution-machining p, .solution-die-casting p, .solution-metal-spraying p, .solution-pneumatic-conveying p, .solution-metal-cutting-and-recycling p, .solution-industry-exhaust p, .parking-case-nav p { font-size: 18px !important; } .parking-case-view { margin: 0 0 3rem; } .parking-case-view ul { justify-content: center; flex-wrap: wrap; } .parking-case-view ul li { flex: 0 0 30%; } .parking-case-view ul li.split-line { width: 100%; flex: 0 0 100%; } .parking-case-view ul li a { display: block; color: #333; text-decoration: none; text-align: center; } .parking-case-view ul li a:hover { color: #333; text-decoration: underline; } .parking-case-view ul li a h3 { margin: 0.75rem 0 1.125rem; } .parking-case-gallery { display: flex; justify-content: space-between; flex-wrap: wrap; } .parking-case-gallery > div { margin: 0 0 1.5rem; } .parking-case-gallery .full-width { width: 100%; } .parking-case-gallery .column-2 { width: 48%; } .parking-case-gallery .column-3 { width: 31.33%; } .parking-case-gallery h4 { text-align: center; margin: 0.75rem 0 0; } .wp-block-image figcaption { color: #7f7f7f; text-align: center; font-size: 12px; } .wp-block-image { margin: 0; } .wp-block-image img { max-width: 100%; height: auto; margin: 30px 0; } /*# sourceMappingURL=stylesheet.css.map */