@charset 'UTF-8'; @import url('https://fonts.googleapis.com/css?family=Anton|Oswald|Orbitron|Monoton|Pathway+Gothic+One'); * { -webkit-user-select: none; } #pagearea * { -webkit-user-select: unset; } body { font-family: Microsoft JhengHei; font-size: 16px; color: #35434a; margin: 0; padding: 0; height: 100%; text-align: justify; } body.frm-service-pg article>section:first-child>div.container { padding-top: 1rem !important; } body.frm-service-pg .page-banner { display: none !important; } :not(#pagearea) .empty-hidden:empty { display: none; } .content-col img { width: 100%; } .norlink:not(.btn), .norlink:link:not(.btn), .norlink:active:not(.btn), .norlink:visited:not(.btn) { color: #000; text-decoration: none; transition: .3s; } .norlink:not(.btn):focus, .norlink:not(.btn):hover { color: rgb(255, 155, 0); text-decoration: none; cursor: pointer; } article { overflow: hidden; } .fw-b { font-weight: bold; } .font-anton { font-family: 'Anton', sans-serif; } .font-oswald { font-family: 'Oswald', sans-serif; } .font-gothic { font-family: 'Pathway Gothic One', sans-serif; } .font-orbitron { font-family: 'Orbitron', sans-serif; } .font-monoton { font-family: 'Monoton', sans-serif; } .text-justify { text-align: justify; } .custom-control-label { position: static; } .custom-radio .custom-control-input:checked~.custom-control-label::before { background-color: #749fbb; } .custom-control-input:checked~.custom-control-label::before { color: #fff; background-color: #749fbb; } .custom-control-label::after { position: absolute; top: .38rem; left: 0; display: block; width: 1rem; height: 1rem; text-align: center; content: ''; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-radio .custom-control-input:checked~.custom-control-label::after { font: normal normal normal 12px/1 FontAwesome; content: '\f00c'; color: #FFF; } .custom-control-label::before { position: absolute; top: .25rem; left: 0; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ''; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #dee2e6; } .custom-radio .custom-control-label::before { border-radius: 50%; } .container.stick-right { max-width: calc(100% - (100% - 1140px) /2); margin-right: inherit; } .container.stick-left { max-width: calc(100% - (100% - 1140px) /2); margin-left: inherit; } @media (max-height: 1200px) { .container.stick-left, .container.stick-right { max-width: calc(100% - (100% - 1140px) /2); } } .article-list-block, .article-list-block:link, .article-list-block:hover, .article-list-block:visited { text-decoration: none; color: #454545; } .article-list-block { transform: scale(1); transform-origin: bottom right; box-shadow: 0 0 0 rgba(0, 0, 0, 0.4); transition-duration: .6s; } .article-list-block:hover { transform: scale(1.03); box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.4); transition-duration: .6s; z-index: 1; } #gotop { display: none; position: fixed; right: 20px; bottom: 30px; width: 40px; height: 40px; line-height: 32px; text-align: center; font-size: 25px; background: rgba(0, 0, 0, 0.36); color: #FAFCFD; cursor: pointer; z-index: 80; } #gotop>span.fa { top: -5px; } #gotop>.txt { position: absolute; width: 100%; line-height: normal; font-size: 12px; bottom: 5px; text-align: center; } .wdg-shared-sect { overflow: hidden; } .contenct-sect { padding: 10% 0; justify-content: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } .contenct-sect:last-child { margin-bottom: 1rem; } .content-topic { font-weight: 700; margin-bottom: 3rem; padding: 0 1rem; } .contenct-sect>.content-topic { flex: 0 0 83.333333%; max-width: 83.333333%; padding: 0; font-weight: 700; margin-top: 2rem; margin-bottom: 1rem; text-align: center; } .content-topic>span { display: inline-block; } .content-topic span:empty { border: 0; margin: 0; } .content-topic span:empty::before, .content-topic span:empty::after { display: none; } .content-outer { flex: 0 0 83.333333%; max-width: 83.333333%; padding: 0; margin: auto; background-color: transparent !important; } section:not(.contenct-sect)>.content-outer { padding: 50px 0; } section:not(.contenct-sect)>.content-outer>* { max-width: calc(83.333333% + 2rem); margin-left: auto; margin-right: auto; } @media (max-width: 576px) { .content-outer { flex: 0 0 95%; max-width: 95%; } section:not(.contenct-sect)>.content-outer { padding: 1rem 0; } } .content-inner { padding: 50px 0; } .ctn-inner-row { justify-content: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0; margin-left: 0; } .ctn-inner-col { padding: 0; } .content_txt { line-height: 28px; text-align: justify; background-position: center; background-size: cover; background-repeat: no-repeat; } .embed-responsive-16by9 { padding-bottom: 56.25% !important; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .bdot-texture.glow:hover:after { background-color: rgba(0, 0, 0, 0); transition-duration: background-color 1s; } .bdot-texture:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(/images/raster_dot.png?v3); background-color: rgba(0, 0, 0, 0.4); } .pg-head { color: #555; font-weight: 700; line-height: normal; } .head-adj { transform: translateX(-50%); left: 50%; height: 100%; } .banner-bg { position: absolute; top: -55px; left: 0; bottom: -55px; right: 0; filter: grayscale(30%); background-color: rgba(94, 132, 158, 1); } .banner-bg::before { content: ''; position: absolute; top: 0px; left: 0; bottom: 0; right: 0; background-color: rgba(94, 132, 158, .6); z-index: 10; pointer-events: none; } .banner-bg>*:not(.quad-bg) { z-index: 20; } .banner-bgtitle { display: none; position: absolute; width: 100%; font-family: 'Anton', sans-serif; text-align: center; color: rgba(255, 255, 255, .4); font-size: 14vw; top: 40%; transform: translateY(-40%); line-height: 15vw; z-index: 20; } .banner-icon { position: absolute; width: 30%; max-width: 400px; z-index: 22; top: 40%; left: 50%; transform: translate(-50%, -40%); } .banner-icon>img { max-width: 100% !important; } body.pt .banner-bgtitle { top: 50%; transform: translateY(-50%); } body.pt .banner-icon { top: 50%; transform: translate(-50%, -50%); } .quad-bg { height: 100%; } .quad-bg>.quad-item { width: 25%; height: 100%; float: left; } .quad-bg>.quad-item.shadow { fill: black; } .banner-pall { position: relative; /*top: -55px; left: 0; bottom: -55px; right: 0;*/ background-color: rgba(94, 132, 158, 1); overflow: hidden; } .banner-pall::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(/images/raster_dot.png?v3); background-color: rgba(0, 0, 0, 0.4); z-index: 10; pointer-events: none; } .banner-pall .bg-block { height: 100%; } .banner-pall>img { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); } .page-banner { height: 620px; min-height: 360px; overflow: hidden; } body.pt:not(.home) .page-banner { height: 380px; min-height: 200px; } @media (max-width: 576px) { body.pt:not(.home) .page-banner { height: 30%; min-height: 160px; } } body.case .page-banner, body.news .page-banner, .page-banner.doc-banner { /* height: auto !important; min-height: unset !important;*/ display: none; } body.case .page-banner>.banner-pall, body.news .page-banner>.banner-pall, .page-banner.doc-banner>.banner-pall { position: relative; background-color: rgba(94, 132, 158, 1); overflow: hidden; padding-bottom: 36%; } .page-banner .title-block { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 570px; padding: 3.5rem 1rem; color: #FFF; font-size: 60px; font-weight: 500; text-align: center; } .banner-parallax, .banner-parallax .rd-parallax-inner, .banner-parallax .rd-parallax-layer-holder, .banner-parallax .rd-parallax-layer[data-type=html] { height: 100% !important; } .ink-bg-block { position: absolute; left: 2rem; bottom: 3.5rem; z-index: 20; } .ink-bg-block>.banner-subtitle { font-size: 6vmin; color: rgba(255, 255, 255, .8); word-break: keep-all; white-space: nowrap; display: inline-block; transition-duration: .3s; } .banner-parallax .ink-bg-block { left: 2rem; bottom: 2rem; } .vertical-lines { display: flex; position: fixed; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-line-pack: stretch; align-content: stretch; -ms-flex-pack: distribute; justify-content: space-around; pointer-events: none; z-index: -100; } .vertical-lines::before { content: ''; position: absolute; width: 50%; top: 0; left: 0; bottom: 0; background-color: rgb(246, 246, 246); } .vertical-lines::after { content: ''; position: absolute; width: 50%; top: 0; right: 0; bottom: 0; background-color: rgb(246, 246, 246); z-index: -1; } .vertical-lines .line { position: relative; width: 1px; overflow: hidden; } .vertical-lines .line::after { position: absolute; top: 40px; right: 0; bottom: 0; left: 0; width: 1px; background: rgba(128, 128, 128, 0.07); -webkit-box-shadow: 0 0 50px 20px rgba(128, 128, 128, 0.07); box-shadow: 0 0 50px 20px rgba(128, 128, 128, 0.07); content: ''; } @media (max-width: 768px) { .ink-bg-block>.banner-subtitle { font-size: 36px; } .pg-head { font-size: 32px; } .vertical-lines .line:nth-child(even) { visibility: hidden; } } @media (max-width: 576px) { .banner-icon, body.pt .banner-icon { top: auto; transform: none; left: 2rem; bottom: 6.5rem; width: 120px; } .ink-bg-block>.banner-subtitle { font-size: 32px; } .pg-head { font-size: 27px; } } .ct-transpall { transition: transform 1.2s ease-out; } .btn-surround { padding: 0 1rem; transition: 1s 0s ease-in-out; border: 1px solid rgba(126, 172, 207, 0.2); background: transparent; color: #7eaccf !important; font: 900 13px 'museo-sans', sans-serif; line-height: 32px; text-align: center; text-decoration: none; white-space: nowrap; opacity: 1; z-index: 1; } .btn-surround:hover, .btn-surround.active { transition: 1s 0.3s ease-in-out; background-color: #7eaccf; color: #FFF !important; } .btn_corner { display: block; position: absolute; transition: .5s 0.2s ease-in-out; border-style: solid; border-color: rgba(126, 172, 207, 0.6); border: 0; } .btn_corner-tl, .btn_corner-tr { top: -1px; bottom: calc(100% - 10px); border-top-width: 1px; border-style: solid; } .btn_corner-bl, .btn_corner-br { bottom: -1px; top: calc(100% - 10px); border-bottom-width: 1px; border-style: solid; } .btn_corner-tl, .btn_corner-bl { left: -1px; right: calc(100% - 10px); border-left-width: 1px; border-style: solid; } .btn_corner-tr, .btn_corner-br { right: -1px; left: calc(100% - 10px); border-right-width: 1px; border-style: solid; } .btn-surround:hover .btn_corner, .btn-surround.active .btn_corner { left: -1px; right: -1px; bottom: -1px; top: -1px; transition: .5s 0.2s ease-in-out; } .btn-surround .link-content { z-index: 1; } .vertical-center { top: 50%; transform: translateY(-50%); } .height-800 { height: 800px; } .horizontal-center { left: 50%; transform: translateX(-50%); } .box-shadow { box-shadow: -6px 13px 16px 0 rgba(0, 0, 0, 0.12); } .hv-center { left: 50%; top: 50%; transform: translate(-50%, -50%); } .banner-section .rd-parallax-layer[data-type='html'] { height: 400px; } .text-shadow { text-shadow: 0px 0px 5px #747474, 0px 0px 10px #606060, 0px 4px 10px #2e2e2e; } .block-16-10 { padding-bottom: 62.5% !important; } .block-1-1 { padding-bottom: 100% !important; } .cursor-pointer { cursor: pointer; } .overflow-hidden { overflow: hidden; } .zidx-btm>* { z-index: -1; } .zidx-btm.elem-on { z-index: 1000; } .related-case-slick .slick-list { padding: 0 !important; } .related-case-slick a { color: #333; text-decoration: none; } .related-case-slick .slick-slide img { height: 300px !important; } .zoom-child>* { transform: scale(1); transform-origin: center; transition-duration: .6s; } .zoom-child:hover>* { transform: scale(1.05); transform-origin: center; transition-duration: .6s; } .slick-carousel .slick-prev::before, .slick-carousel .slick-next::before { content: ''; } .slick-carousel .slick-prev { left: 20px; z-index: 1; width: 40px; height: 40px; background-image: url(/images/arrow-prev.png); } .slick-carousel .slick-next { right: 20px; z-index: 1; width: 40px; height: 40px; background-image: url(/images/arrow-next.png); } .slick-carousel img { max-width: 100% !important; } .swipe-gallery .items-block::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url(/images/icons/magnifier.png); background-position: center; background-repeat: no-repeat; opacity: 0; z-index: 1; transition-duration: .6s; pointer-events: none; } .swipe-gallery .items-block:hover::before { opacity: 1; transition-duration: .6s; } @media (max-width: 768px) { .swipe-gallery .items-block::before { opacity: 1; left: auto; bottom: auto; width: 60px; height: 60px; background-size: 24px 24px; } } .ct-mouseparallax { display: block; height: inherit; overflow: hidden; } .ct-mouseparallax .item-layer { position: absolute; top: -15%; right: -15%; bottom: -15%; left: -15%; background-position: center center; background-repeat: no-repeat; background-size: cover; transition-duration: 1s; } .text-col .heading { display: flex; align-items: center; justify-content: center; height: 100%; padding: 2rem 13rem 2rem 3rem; font-size: 2vmin; color: #FFF; } .text-col .heading>h3 { display: none; font-size: 5vmin; } .text-col .heading>h3>span { font-size: 2.5vmin; } .mapll-slick, .mapll-slick * { height: 100%; } .home-mpall-cont { width: 100%; overflow: hidden; } .home-mpall-cont .text-col, .home-mpall-cont .pall-col { position: absolute; height: 100%; transition-duration: .5s; transition-timing-function: ease-out; } .home-mpall-cont .text-col { width: 100%; background-color: #749fbb; } .home-mpall-cont.round-hover .text-col { background-color: #fc614d; transition-duration: 1s; transition-timing-function: ease-in-out; } .home-mpall-cont .pall-col { width: 50%; right: 0; z-index: 0; } .home-slick-wrap { margin-left: -30%; margin-right: -30%; } .env-slick .slick-slide { padding: 1rem; } .env-slick .items-block { box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); padding-bottom: 55%; opacity: 0; transition-duration: .4s; transition-timing-function: ease-in; } .env-slick .slick-current .items-block { opacity: 1; transition-duration: 1s; } .env-slick .slick-current~.slick-active .items-block { opacity: 0.6; filter: grayscale(70%); transition-duration: .3s; } .caption-circle-wrap { max-width: 270px; display: block; margin: auto; } .caption-circle { padding-bottom: 100%; border-radius: 50%; background-color: #DDD; box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.6); transition-duration: .8s; } .service-txt { display: block; margin: auto; max-width: 280px; } .case-parallax-sect [data-type=html]::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); } .case-parallax-sect [data-type=html]::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); z-index: -1; transition-duration: 1s; } .slick-home .items-block { padding-bottom: 50%; background-size: cover; background-position: center; background-repeat: no-repeat; } .slick-home .slick-dots { display: none !important; } @media (max-width: 992px) { .home-slick-wrap { margin-left: -50%; margin-right: -50%; } .env-slick .items-block { padding-bottom: 65%; } } @media (max-width: 992px) { .nav-logo>img { width: 230px; } } body.about .photo-wrap { padding-bottom: 150%; } .cert-slick { min-height: 200px; } .cert-slick .items-block>img { padding: 0 8px; height: 300px !important; width: auto; } .cert-slick .items-block>figure { position: absolute; bottom: 0; left: 20px; right: 20px; text-align: center; color: #FFF; font-weight: bold; line-height: 18px; text-shadow: 1px 1px 2px #000, -1px -1px 2px #000, -1px 1px 2px #000, 1px -1px 2px #000; } .about-env .items-block>figure { position: absolute; bottom: 30px; left: 20px; right: 20px; text-align: center; color: #FFF; font-weight: bold; font-size: 3vw; text-shadow: 2px 2px 6px #000; } @media (max-width: 768px) { .cert-slick .items-block>img { height: 250px; } } @media (max-width: 576px) { .cert-slick .items-block>img { height: 250px; } } .time-table-wrap .row>.col>.row>div { padding: 1rem 0.35rem !important; border-left: 1px solid #EFEFEF; text-align: center; } .time-table-wrap .th-row { border-bottom: 1px solid #DDD; } .time-table-wrap .td-row { border-top: 1px solid #DDD; } .time-table-wrap>.row:nth-child(odd) { background-color: aliceblue; } .contactform .label-for { align-self: center; text-align: right; } .contactform .icon-col { padding-left: 36px; } .contactform .icon-col.offset-xl { padding-left: 76px; } .contactform .inp-icon { font-size: 24px; color: #749fbb; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .contactform .icon-col.offset-xl .inp-icon { left: 40px; } @media (max-width: 768px) { body.about .photo-wrap { padding-bottom: 90%; } .home-slick-wrap { margin-left: -60%; margin-right: -60%; } .env-slick .items-block { padding-bottom: 75%; } } @media (max-width: 576px) { .home-slick-wrap { margin-left: -10%; margin-right: -10%; } .env-slick .items-block { padding-bottom: 75%; } } @media (max-width: 1200px) { .contactform .icon-col.noneset-lg { padding-left: 36px; } .contactform .icon-col.noneset-lg .inp-icon { left: 0; } } @media (max-width: 992px) { .contactform .icon-col.noneset-md { padding-left: 36px; } .contactform .icon-col.noneset-md .inp-icon { left: 0; } } @media (max-width: 768px) { .contactform .icon-col.noneset-sm { padding-left: 36px; } .contactform .icon-col.noneset-sm .inp-icon { left: 0; } } @media (max-width: 576px) { .contactform .icon-col.noneset-tn { padding-left: 36px; } .contactform .icon-col.noneset-tn .inp-icon { left: 0; } } @media (max-width: 464px) { .contactform .icon-col.noneset-lt { padding-left: 36px; } .contactform .icon-col.noneset-lt .inp-icon { left: 0; } } .contactform .invalid-feedback { font-size: 14px; color: #FF3F00; position: absolute; right: 14px; bottom: 0; pointer-events: none; } .contactform .invalid-feedback .list-unstyled { margin: 0; } .contactform .has-error .form-input { border-color: #FF3F00; } .mt-sect {} .mt-contain { margin-top: 60px; } .mt-row { flex: 0 0 100%; } .mt-piccol { flex: 0 0 calc(33.333% + 20px); order: 1; } .mt-img-wrap { padding-bottom: 75%; background-size: cover; background-repeat: no-repeat; } .mt-ctncol { align-items: flex-start; flex: 1 1; padding-top: 3rem; order: 2; } .mt-linkcol { flex: 0 0 160px; margin-top: 12px; justify-content: flex-end; padding-top: 3.5rem; order: 3; text-align: right; } .mt-head { border-bottom: 2px solid rgba(126, 172, 207, 0.6); font-weight: bold; padding-bottom: 0.5rem; } .mt-contain:nth-child(even) .mt-piccol { order: 3; } .mt-contain:nth-child(even) .mt-linkcol { order: 1; } @media (max-width: 992px) { .mt-contain:nth-child(even) { padding-top: 40px; } .mt-piccol, .mt-ctncol, .mt-linkcol { padding-top: 1rem; padding-left: 1rem; padding-right: 1rem; flex: 1 1 100%; order: initial !important; } .mt-ctncol { padding-top: 2rem; } .mt-contain:nth-child(even) .mt-piccol { order: 1; } .mt-contain:nth-child(even) .mt-linkcol { order: 3; } } footer { background-image: url(/images/footer-bg.jpg); background-position: center; background-size: cover; } .footer-contact-sect { background-color: rgba(0, 0, 0, 0.15); } footer .copyright { padding: 1rem; border-top: 1px solid rgba(255, 255, 255, .5); color: rgba(255, 255, 255, .5); white-space: pre-wrap; } .footer h3 { display: block; padding: 0 10px 10px 10px; font-size: 1.1rem; color: #fff; text-transform: uppercase; } .footer .foot-nav ul { display: block; } .footer .foot-nav ul li { padding: 0 10px; } .footer .foot-nav ul li a { font-size: 14px; color: #FFF; display: block; text-indent: -5px; margin-left: 10px; } .footer .foot-nav .foot-contact-list li a { text-indent: -11px; margin-left: 24px; } .footer .foot-nav .fa, .footer .foot-nav .glyphicon { margin-right: 5px; } .footer .foot-contact-list .fa, .footer .foot-contact-list .glyphicon { margin-right: 10px; } .footer .foot-nav ul li a:hover { color: #fff; } .footer ol, .footer ul { list-style: none; margin-left: 0; padding-left: 0; } .footer-bottom { padding: 20px; } .footer-bottom p { margin-bottom: 0; } .footer-logo { width: 60%; margin: 10px 0 10px 0; } @-webkit-keyframes ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } @-moz-keyframes ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } @keyframes ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } .scroll-btn { display: block; position: absolute; left: 50%; transform: translateX(-50%); text-align: center; } .scroll-btn>* { display: inline-block; line-height: 18px; font-size: 13px; font-weight: normal; color: #7f8c8d; color: #ffffff; font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: 2px; } .scroll-btn>*:hover, .scroll-btn>*:focus, .scroll-btn>*.active { color: #ffffff; } .scroll-btn>*:hover, .scroll-btn>*:focus, .scroll-btn>*:active, .scroll-btn>*.active { opacity: 0.8; filter: alpha(opacity=80); } .scroll-btn .mouse { position: relative; display: block; width: 35px; height: 55px; margin: 0 auto 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid white; border-radius: 23px; } .scroll-btn .mouse>* { position: absolute; display: block; top: 29%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; background: white; border-radius: 50%; -webkit-animation: ani-mouse 2.5s linear infinite; -moz-animation: ani-mouse 2.5s linear infinite; animation: ani-mouse 2.5s linear infinite; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; list-style: none; } .pagination>li { display: inline-block; } .pagination.blue>li>a, .faq-wrapper .pagination.blue>li>span { background: #fff; border: 1px solid #749fbb; } .pagination>li>a, .pagination>li>span { display: inline-block; width: 30px; line-height: 30px; text-align: center; color: #8faabe; margin: 0 4px; border: none; border-radius: 50%; cursor: pointer; } .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span { width: auto; padding: 0 22px; border-radius: 25px; font-size: 12px; text-transform: uppercase; } .pagination.blue>li>a, .faq-wrapper .pagination.blue>li>span { background: #fff; } .pagination>li>a.active { color: #FFF; background-color: #749fbb; } @media (max-width: 432px) { .pagination>li:first-child>a, .pagination>li:last-child>a { padding: 0 14px; font-size: 16px; } } .switch-carousel .slick-dots { text-align: right; bottom: 25px; } @media (max-width: 576px) { .switch-carousel .slick-dots { bottom: 4px; } .switch-carousel .slick-dots > li{ margin: 0; width:16px; height:16px; } .switch-carousel .slick-dots button::before{ width:8px; height:8px; } } .slick-dotted.switch-carousel { margin-bottom: 0; } .switch-carousel .switch-img-lg { width: 100% !important; max-width: 100% !important; } .switch-carousel .switch-img-sm { display: none !important; width: 100% !important; max-width: 100% !important; } @media (max-width: 576px) { .switch-carousel .switch-img-lg { display: none !important; } .switch-carousel .switch-img-sm { display: block !important; } }iframe { max-width: 100%; margin: auto !important; display: block !important; } .content_txt .landing-news-cover { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 10; pointer-events: none; } .home-cert-slider .items-block>img { height: 240px !important; width: auto; } article { margin-right: 0; transition: margin-right .6s 0s; overflow: hidden; } @media (max-width:576px) { body.frm-about-page .indent, body.frm-about-pg .indent, body.frm-article-pg .indent, body.frm-service-pg .indent, body.frm-case-pg .indent, body.frm-column-pg .indent { margin-right: 50px; transition: margin-right .6s 0s; } } .home-column-slick { overflow: hidden; } .home-column-slick .slick-track {} .home-column-slick .slick-list { padding: 24px; overflow: unset; margin: -32px; } .error404-outer::after { content: ''; box-sizing: border-box; display: block; width: 100px; border-top: 70px solid #6495bb; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 50px solid transparent; position: absolute; top: 100%; left: 50%; margin-left: -50px; } .error404-outer::before { content: ''; box-sizing: border-box; display: block; width: 100px; border-top: 70px solid #B1CCEA; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 50px solid transparent; position: absolute; top: 100%; left: calc(50% + 8px); margin-left: -50px; } .service-intro-tab>.slider-nav .items-block { padding: 0.5rem 3.5vw; border: 1px solid #CCC; } .service-intro-tab>.slider-nav .slick-arrow { display: none !important; } .service-intro-tab>.slider-nav .slick-prev { left: -40px; } .service-intro-tab>.slider-nav .slick-next { right: -40px; } .service-intro-tab.show-arrow>.slider-nav .slick-arrow { display: inline-block !important; } .service-intro-tab.show-arrow>.slider-nav { margin: 0 40px; } .service-intro-tab>.slider-nav .slick-slide:not(:last-child) .items-block { margin-right: 1rem; } .service-intro-tab>.slider-nav .items-block { color: #FFF; background-color: #7297b6; } .service-intro-tab>.slider-nav .slick-current .items-block { color: #FFF; background-color: #787878; } .service-intro-tab>.slider-for { margin-top: 1rem; background-color: #FFF; } .service-intro-tab>.slider-for .slick-slide { padding: 1rem } .service-intro-sect { display: none; } #pagearea .service-intro-sect, body.console .service-intro-sect, body.service-tab .service-intro-sect { display: block; } /* body.service-tab article~div:not(.wdg-shared-sect):not(.wdg-contact-wrap), body.service-tab .disclaimer-shared { display: none; }*/ .share-icon { font-size: 1.2rem; border-radius: 50%; width: 2rem; height: 2rem; line-height: 2rem; color: #FFF; text-align: center; } .share-icon:hover { color: #FFF; }.wdg-contact-wrap { position: fixed; left: auto; top: auto; bottom: 80px; right: 0; overflow: hidden; transition-duration: .6s; transition-timing-function: ease-out; z-index: 50; pointer-events: none; } .wdg-contact-wrap>* { pointer-events: all; } .wdg-contact-wrap>.wdg-cont { right: 0; padding: 0.5rem; margin-top: 1rem; color: #FFF; font-size: 12px; transition-duration: .6s; transition-timing-function: ease-out; } .wdg-contact-wrap .wdg-link:not(:last-child) { color: #FFF; } .wdg-contact-wrap .wdg-link { padding-top: 0.25rem; margin-bottom: 1rem; display: block; text-align: center; } .wdg-contact-wrap .wdg-icon { display: block; width: 60px; height: 60px; text-align: center; margin: auto; padding: 2px; /*background-color: #FFF; background: rgba(255, 255, 255, 0.6) url(/images/icons/hexagon.png); background-repeat: no-repeat; background-size: contain;*/ /*border-radius: 50%; opacity: 0.9;*/ } .wdg-contact-wrap.hide>.wdg-cont { right: -80px; transition-duration: .6s; transition-timing-function: ease-out; } .wdg-contact-wrap .wdg-switch { display: block; left: 0; line-height: 50px; text-align: center; transition-duration: .6s; font-family: FontAwesome; } .wdg-contact-wrap .wdg-switch::before { content: '\f101'; } .wdg-contact-wrap.hide .wdg-switch { width: 32px; left: -50px; transition-duration: .4s; transition-delay: .6s; } .wdg-contact-wrap.hide .wdg-switch::before { content: '\f100'; } @media (max-width: 576px) { .wdg-contact-wrap { display: block; position: sticky; top: auto !important; left: 0; right: 0; bottom: 0; } .wdg-contact-wrap>.wdg-cont { display: block; padding-top: 4px; padding-bottom: 8px; left: auto !important; right: auto !important; margin: auto; text-align: center; background-image: url(/images/header-bg.jpg); background-position: center; background-size: cover; } .wdg-contact-wrap>.wdg-cont>.float-icon-wrap { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wdg-contact-wrap .wdg-switch { display: none; } .wdg-contact-wrap .wdg-link { display: inline-block; color: #D0A600 !important; padding: 4px 0; border-bottom: 0 !important; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; margin-bottom: 0 !important; } .wdg-contact-wrap .wdg-link:not(:first-child)::before { content: ''; width: 1px; height: 40px; background-color: #FFF; position: absolute; left: 0; top: 50%; margin-top: -20px; } .wdg-contact-wrap .wdg-icon { max-width: 38px; max-height: 38px; } #gotop { bottom: 85px !important; } } @media(min-width:577px) { .switch-carousel, article, footer { width: calc(100% - 60px); } .wdg-contact-wrap { width: 60px; background: #FFF; border-left: 1px solid #999; position: fixed; left: auto; top: 50px; bottom: 0; right: 0; overflow: hidden; transition-duration: 0s; transition-timing-function: ease-out; z-index: 0; pointer-events: none; } .wdg-contact-wrap .wdg-link>img { max-width: 40px !important; } .wdg-contact-wrap .wdg-switch { display: none; } #gotop { right: 10px; } } @media(min-width:994px) { .wdg-contact-wrap { top: 85px; } } .wdg-slogen { text-align: center; padding: 10px; } .wdg-slogen>span { display: block; padding:10px 0; } .wdg-slogen>span:not(:last-child) { border-bottom: 1px solid #CCC; }.home-service-sort .service-link { text-decoration: none; } .home-service-sort .service-img-wrap { overflow: hidden; } .home-service-sort .service-link .service-img-wrap>div { transform: scale(1); transition-duration: .6s; } .home-service-sort .service-link:hover .service-img-wrap>div { transform: scale(1.2); transition-duration: .6s; } .home-service-sort .service-link:hover .list-title { color: #819cba; transition-duration: .6s; } .home-service-sort .learn-more:not([disabled]):not(.disabled) { border: 2px solid #819cba; background-color: #FFFFFF; color: #819cba; font-weight: bold; padding-left: 1.5rem; padding-right: 1.5rem; border-radius: 22px; margin-top: 2rem; } .home-service-sort hr { margin: 0.5rem 0; } .home-service-sort .learn-more:not([disabled]):not(.disabled):active { color: #fff; background-color: #819cba; border-color: #abc6e4; box-shadow: 0 0 0 0.2rem rgb(129 156 186 / 50%); } .home-service-sort .learn-more .fa { font-size: 1rem; margin-left: 1rem; } .home-service-sort .list-desc { word-break: break-all; line-height: 1.3; color: #585756; margin-bottom: 18px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 42px; } .home-service-sort .service-link .list-title, .home-service-sort .list-appliance { max-height: 1.4rem; line-height: 1.4rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .home-service-sort .list-badge { font-size: unset; background-color: #819cba; border-radius: 0; color: #FFF; } .home-service-sort .service-nav { text-align: center; } .home-service-sort .list-sort { display: inline-block; padding: 0.75rem 1.5rem !important; } .home-service-sort .list-sort::before { content: ''; width: 14px; height: 14px; position: absolute; border: 2px solid #819cba; background: #FFF; top: calc(50% - 7px); left: 6px; border-radius: 50%; } .home-service-sort .list-sort.active { color: #819cba; } .home-service-sort .list-sort.active::before { border: 2px solid #FFF; background: #819cba; } @media (min-width: 993px) { .home-service-sort .service-nav { padding-right: 4rem; } .home-service-sort .content-topic { font-size: 1.3rem; } .home-service-sort .content-topic span::before, .home-service-sort .content-topic span::after { content: ''; width: 80px; height: 0; border-top: 1px solid #333; position: absolute; top: 50%; } .home-service-sort .content-topic span::before { right: calc(100% + 0.75rem); } .home-service-sort .content-topic span::after { left: calc(100% + 0.75rem); } .home-service-sort .content-topic span::before, .home-service-sort .content-topic span::after { content: ''; width: 1rem; height: 0; border-top: 1px solid #FFF; position: absolute; top: 50%; } .home-service-sort .list-header .content-topic { margin-bottom: 0 !important; } .home-service-sort .list-header { color: #FFF; background-color: #819cba; padding-top: 1rem; padding-bottom: 1rem; border-radius: 2rem 2rem 0 0; } .home-service-sort .list-body { border: 2px dotted #819cba; border-top: 0; border-radius: 0 0 2rem 2rem; padding: 1rem; } .home-service-sort .list-sort { text-align: left; display: block; padding: 0.75rem 0 0.75rem 2.4rem !important; font-size: 1.2rem; } .home-service-sort .list-sort:not(:last-child) { border-bottom: 2px dotted #819cba; } .home-service-sort .list-sort::before { content: ''; width: 14px; height: 14px; position: absolute; border: 2px solid #819cba; background: #FFF; top: calc(50% - 7px); left: 6px; border-radius: 50%; } .home-service-sort .list-sort.active { color: #819cba; } .home-service-sort .list-sort.active::before { border: 2px solid #FFF; background: #819cba; } } @media (max-width: 992px) { .home-service-sort>.container { padding-bottom: 6rem !important; } .home-service-sort>.container, .home-service-sort>.container>.row, .home-service-sort>.container>.row>.service-nav { position: static; } .home-service-sort .list-body { margin-bottom: 1.5rem; } .home-service-sort .list-footer { position: absolute; width: 100%; text-align: center; bottom: 2rem; left: 0; right: 0; } }.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { content: ' '; display: block; background: white; position: absolute; z-index: 30; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 3px; height: 9999px; left: 50%; margin-left: -1.5px; } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .twentytwenty-before-label, .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { color: white; font-size: 13px; letter-spacing: 0.1em; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { position: absolute; background: rgba(255, 255, 255, 0.2); line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before { top: 50%; margin-top: -19px; } .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before { left: 50%; margin-left: -45px; text-align: center; width: 90px; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; } .twentytwenty-up-arrow, .twentytwenty-down-arrow { left: 50%; margin-left: -6px; } .twentytwenty-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; } .twentytwenty-container>img { width: 100%; position: absolute; top: 0; display: block; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .twentytwenty-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .twentytwenty-before-label { opacity: 0; } .twentytwenty-before-label:before { content: attr(data-content); } .twentytwenty-after-label { opacity: 0; } .twentytwenty-after-label:before { content: attr(data-content); } .twentytwenty-horizontal .twentytwenty-before-label:before { left: 10px; } .twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; } .twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; } .twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; } .twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } .twentytwenty-before { z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid white; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; background:#FFF; } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 22px; -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 22px; -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-left-arrow { border-right: 6px solid #6699cc; left: 50%; margin-left: -17px; } .twentytwenty-right-arrow { border-left: 6px solid #6699cc; right: 50%; margin-right: -17px; } .twentytwenty-up-arrow { border-bottom: 6px solid #6699cc; top: 50%; margin-top: -17px; } .twentytwenty-down-arrow { border-top: 6px solid #6699cc; bottom: 50%; margin-bottom: -17px; } #pagearea .twentytwenty-overlay { z-index: -1; } #pagearea .twentytwenty-handle:hover~.twentytwenty-overlay, #pagearea .twentytwenty-handle:active~.twentytwenty-overlay { z-index: 25; } .twentytwenty-handle:after { width: 1px; }.collapse-item{ margin-bottom:1.5rem; } .collapse-head { padding: 1rem; color:#FFF; background-color:#6699cc; } .collapse-content{ background-color:transparent; } .collapse-text{ padding:1rem; }