<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/** FONTS **/
@font-face {
    font-family: 'Clarimo UD PE Regular';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/ClarimoUDPE-Regular.ttf');
}
@font-face {
    font-family: 'Clarimo UD PE Heavy';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/ClarimoUDPE-Heavy.ttf');
}
@font-face {
    font-family: 'Clarimo UD PE DemiBold';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/ClarimoUDPE-DemiBold.ttf');
}

body {
    
    font-family: 'Clarimo UD PE Regular', "UD Shin Go Conde90 R JIS2004", sans-serif;
}

b {
    font-weight: bold;
}

.next_revolution .left_sec b {
    font-family: 'Clarimo UD PE DemiBold';
}

/** eng font for localized vers **/ 
.clarimo_regular {
    font-family: 'Clarimo UD PE Regular' !important;
}
.clarimo_heavy {
    font-family: 'Clarimo UD PE Heavy' !important;
}
.clarimo_demibold {
    font-family: 'Clarimo UD PE DemiBold' !important;
}

ul {
    padding: 0;
    margin: 0;
}

.video iframe {
    width: 1280px;
    height: 720px;    
	margin: 100px auto;
    display: block;
}

section.main_slider, section.unlimited_app, section.contact_section {
    padding-top:0px;
}

.main_slider .single_slide .single_slide_inner {
    height: 500px;
    width: 100%;
    background: no-repeat;
    background-size: cover;
}

.main_slider .single_slide .text_sec {
    margin-top: 155px;
}

.main_slider .single_slide img.bg-img {
    width: 100%;
}

.main_slider .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.main_slider p.slide_liner {
    color: #FFFFFF;
    font-size: 20.27px;
    margin-left: 20px;
}

.main_slider .slick-dots {
    display: flex;
    bottom: 0;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
}

.slick-initialized .slick-slide {
    display: flex;
    align-items: center;
}

.slick-slide img {
    width: 100%;
}

.slick-dots li button:before, .main_slider .slick-dots li.slick-active button:before {
    color: white;
}

.slick-dots li button:before {
    font-size: 25px;
    opacity: 0.6;
}

.main_slider .slick-dots li.slick-active button:before {
    opacity: 1;
}

.video {
    background-color: #fff;
}

.video video {
    width: 100%;
    max-height: 900px;
}

.video video::-webkit-media-controls-overlay-play-button {
    display: none;
}

section.next_revolution {
    background-color: #FFC617;
    padding: 30px 0 15px;
}

h1.main_title {
    font-weight: bolder;
    font-size: 43px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: 'Clarimo UD PE Heavy';
}

p.sub_heading {
    font-weight: bolder;
    font-size: 33px;
    text-transform: uppercase;
    font-family: 'Clarimo UD PE DemiBold';
}

.desc_ul {
    font-size: 17px;
    margin-left: 24px;
}

.body-au .main_slider p.slide_liner {
    margin-left: 11px;
}

section.next_revolution .desc {
    margin-top: 25px;
    display: flex;
}

section.next_revolution .desc .left_sec {
    width: 60%;
}

section.next_revolution .desc .right_sec {
    width: 40%;
    text-align: center;
}

section.next_revolution .desc .right_sec img {
    max-width: 240px;
}

section.next_revolution .desc p {
    margin: 0;
}

section.next_revolution ul {
    list-style: none;
}

section.next_revolution ul&gt;li {
    margin: 5px 0;
}

section.next_revolution h2.liner, section.orca_intro h2.liner, section.overcome h2.liner {
    margin-top: 80px;
    margin-bottom: 10px;
    text-align: center;
    font-family: 'Clarimo UD PE Heavy';
    font-size: 23px;
}

section.rp_pc {
    background-color: #F06EA7;
}

section.rp_e1 {
    background-color: #ADB9CA;
}

section.rp_pc, section.rp_e1 {
    text-align: center;
    position: relative;
    padding: 50px 0 60px;
    margin-top: -10px;
    z-index: 0;
}

section.rp_e1 img.motif {
    top: 100px;
}

section.rp_pc .container, section.rp_e1 .container {
    position: relative;
    z-index: 2;
}

section.rp_pc .bottom_content {
    z-index: 3;
}

section h3.section_title {
    font-family: 'Clarimo UD PE Heavy';
    font-size: 33px;
    margin-top: 0;
    margin-bottom: 30px;
}

section h3.section_title .smaller_title {
    display: block;
    font-size: 25px;
    line-height: 1;
    padding-top: 10px;
}

section img.motif {
    width: 100%;
    position: absolute;
    left: 0;
    top: 200px;
    z-index: 1;
    opacity: 0.4;
}

section.rp_pc .printer_img img {
    width: 100%;
}

.bottom_content {
    position: relative;
    z-index: 3;
}

.bottom_content p.desc {
    font-size: 17px;
    max-width: 670px;
    margin: auto;
    margin-top: 20px;
}

.bottom_content .icons {
    display: flex;
    justify-content: center;
    max-width: 600px;
    margin: auto;
    margin-top: 25px;
}

.icons .single_icon&gt;p {
    text-align: center;
    line-height: 1.2;
    padding: 20px 0 10px;
}

.single_icon .icon {
    height: 80px;
	margin: 0 auto;
	display: block;
}

.single_icon .icon img {
    height: 100%;
}

section .cta p {
    
    margin-bottom: 10px;
}

section.rp_e1 .bottom_content p.desc, section.rp_e1 .icons .single_icon&gt;p, section .cta p {
    font-size: 18px;
}

.cta_btn {
    display: inline-block;
    text-transform: uppercase;
    background-color: #FFFFFF;
    border: 2px solid #01916D;
    color: #01916D;
    padding: 5px 20px;
    line-height: normal;
    font-size: 16.1px;
    font-family: 'Clarimo UD PE Regular';
}

.cta_btn:hover {
    text-decoration: none;
    background-color: #01916D;
    color: #FFFFFF;
}

.cta_btn.reverse {
    background-color: #01916D;
    color: #FFFFFF;
}

.cta_btn.reverse:hover {
    background-color: #FFFFFF;
    border: 2px solid #01916D;
    color: #01916D;
}

section.support {
    background-color: #00B0F0;
    position: relative;
}

section.support .container {
    display: flex;
    padding: 80px 0;
}

section.support img.support_bg {
    position: absolute;
    height: 100%;
}

section.support h3.section_title {
    line-height: 38.7px;
}

section.support .right_sec {
    max-width: 550px;
    margin-left: auto;
    padding-right: 50px;
    z-index: 1;
}

section.support ul.pointers {
    margin-left: 17px;
}

section.support ul.pointers&gt;li {
    font-size: 17px;
}

section.support ul.pointers&gt;li::marker {
    font-size: 20px;
}

section.cta {
    background-color: #FFFFFF;
    text-align: center;
    padding: 50px 0;
}

section.cta p.cta_line {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 17px;
}

footer.m-global-footer__wrap {
    margin-top: 0;
}

section.unlimited_app .container {
    padding: 100px 15px;
    text-align: center;
}

section.unlimited_app h1.main_title, section.left_right h2 {
    font-family: 'Clarimo UD PE DemiBold', sans-serif;
}

section.unlimited_app h1.main_title {
    font-size: 37.02px;
    color: #01916D;
    text-transform: capitalize;
}

section.unlimited_app p.desc {
    max-width: 800px;
    margin: auto;
}

section.left_right {
    display: flex;
    align-items: center;
    min-height: 420px;
}

section.left_right:nth-of-type(odd) {
    flex-direction: row-reverse;
}

section.left_right .text_sec, section.left_right .img_sec {
    width: 50%;
}

section.left_right .text_sec {
    padding: 100px 80px;
}

section.unlimited_app p.desc, section.left_right p.desc {
    font-size: 16.21px;
}

section.left_right:last-of-type {
    margin-bottom: 100px;
}

section.left_right h2.section_title {
    font-size: 25px;
    text-transform: uppercase;
}

section.orca_intro {
    background-color: #ededed;
    text-align: center;
    padding: 60px 0 10px;
}

section.orca_intro.olina_intro {
    background-color: #f06ea7;
}

section.orca_intro h1.main_title {
    margin-top: 0;
}

section.orca_intro p.desc {
    max-width: 830px;
    margin: auto;
}

section.orca_intro h2.liner {
    margin-top: 60px;
}

section.enhance_CIP {
    padding: 60px 0;
	 background-image: url(../images/TAB_BG.jpg);
	background: no-repeat cover top left;
}

section.enhance_CIP h2.section_title {
    color: #d33262;
    font-family: 'Clarimo UD PE Heavy';
    text-align: center;
    font-size: 43px;
	text-transform:uppercase;
}

section.enhance_CIP p.desc {
    text-align: center;
    max-width: 790px;
    margin: auto;
    margin-top: 40px;
    font-size: 16px;
}

section.enhance_CIP .point_sec {
    display: flex;
    margin-top: 80px;
}

.point_sec .single_point&gt;a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.point_sec .single_point&gt;a:hover {
    text-decoration: none;
}

.point_sec .single_point {
    padding: 0 20px;
}

.single_point&gt;a img {
    /* max-width: 60px; */
    max-height: 100%;
}

.usp_icon {
    height: 80px;
}

.single_point&gt;a .text_sec {
    display: flex;
    align-items: flex-start;
    margin-top: 30px;
    text-align: left;
}

.single_point&gt;a .text_sec span.button {
    background-image: url(../images/TAB_BTN_PLUS.png);
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 40px;
    line-height: 0;
    margin-right: 15px;
    margin-top: 0;
    width: 45px;
    height: 42px;
    border: none;
    background-color: transparent;
}

.single_point:nth-child(2)&gt;a .text_sec span.button {
    background-image: url(../images/TAB_BTN_PLUS.png);
}

.single_point:nth-child(3)&gt;a .text_sec span.button {
    background-image: url(../images/TAB_BTN_PLUS.png);
}

#maximise .single_point:nth-child(1)&gt;a .text_sec span.button {
    background-image: url(../images/TAB_BTN_PLUS.png);
}

#maximise .single_point:nth-child(2)&gt;a .text_sec span.button {
    background-image: url(../images/TAB_BTN_PLUS.png);
}

#maximise .single_point:nth-child(3)&gt;a .text_sec span.button {
    background-image: url(../images/TAB_BTN_PLUS.png);
}

.single_point.toggle-on&gt;a .text_sec span.button, #maximise .single_point.toggle-on&gt;a .text_sec span.button {
    background-image: url(../images/TAB_BTN_MINUS.png);
}

.single_point&gt;a .text_sec h4.title {
    font-size: 25px;
    color: #d33262;
    font-family: 'Clarimo UD PE DemiBold';
}

.single_point&gt;a .text_sec p.desc {
    text-align: left;
    font-size: 12px;
    color: #000000;
    margin-top: 15px;
}

section.feature .content {
    padding: 60px 0;
    padding-top: 0;
}

section.feature .text_sec {
    text-align: center;
    margin-bottom: 50px;
}

section.feature .text_sec&gt;h2.content_title {
    font-family: 'Clarimo UD PE Heavy';
    text-align: center;
    font-size: 33px;
}

section.feature .text_sec&gt;p.desc {
    text-align: center;
    max-width: 924px;
    margin: auto;
    margin-top: 20px;
    font-size: 19px;
}

section.feature .text_sec&gt;.cta_btn {
    margin-top: 30px;
}

section.feature .sub_points {
    display: flex;
    justify-content: center;
    max-width: 900px;
    margin: auto;
    margin-bottom: 40px;
}

section.feature .sub_points&gt;a.toggle {
    position: relative;
    font-size: 16px;
    width: 25%;
    color: #000000;
    text-align: left;
    padding-left: 50px;
}

section.feature .sub_points&gt;a.toggle:before {
    content: '';
    background-image: url(../images/plus-square.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
}

section.feature .sub_points&gt;a.toggle.toggle-on:before {
    background-image: url(../images/minus-square.jpg);
}

section.feature .desc_list {
    font-size: 16px;
    margin-bottom: 60px;
}

section.feature .desc_list&gt;ul:first-of-type {
    padding-right: 50px;
}

section.feature .parts {
    margin-top: 60px;
}

section.feature .parts ul {
    list-style: none;
}

section.feature .parts ol {
    padding: 0 30px 0 0;
}

section.feature .parts ol:last-child {
    padding-right: 0;
}

section.feature .parts ul&gt;li, section.feature .parts ol&gt;li {
    font-size: 17px;
    margin-bottom: 10px;
}

section.feature .desc_list ul ul {
    margin-left: 20px;
    list-style: disc;
}

section.feature .printer_img {
    max-width: 1000px;
    margin: auto;
}

section.feature .printer_img.small_printer_img {
    max-width: 500px;
}

section.feature .printer_img.mid_printer_img {
    max-width: 800px;
}

.printer_img.home_olina_img {
    max-width: 850px;
    margin: 0 auto;
}

section.feature .printer_img.long_printer_img {
    max-width: none;
}

section.feature .sub_section {
    display: flex;
    align-items: center;
    margin: 60px 0;
}

section.feature .sub_section.sub_section_with_tabs {
    margin-bottom: 20px;
}

section.feature .sub_section .text_sec {
    text-align: left;
    margin-bottom: 0;
}

section.feature .sub_section .text_sec&gt;h5.ss_title, section.feature .close_loop h5.title {
    font-size: 17px;
    font-family: 'Clarimo UD PE DemiBold';
    margin-bottom: 0;
    padding-bottom: 10px;
}

section.feature#supreme_qa .sub_section .text_sec&gt;h5.ss_title {
    font-size: 17px;
}

section.feature .sub_section .text_sec&gt;p.desc, section.feature .close_loop p.desc {
    font-size: 16px;
    text-align: left;
    margin-top: 0;
}

section.feature .sub_section.sub_section_with_tabs .text_sec&gt;p.desc {
    max-width: none;
}

section.feature#supreme_qa .sub_section .text_sec&gt;p.desc {
    margin-left: 0;
    margin-top: 5px;
}

section.feature#supreme_qa .sub_section .img_sec {
    padding-left: 40px;
}

section.feature .img_sec video {
    max-width: 100%;
}

section.feature#integrated .sub_section .text_sec {
    padding-right: 65px;
}

section.feature#integrated .sub_section .text_sec&gt;h5.ss_title, section.feature .close_loop h5.title {
    margin-bottom: 10px;
}

section.feature .close_loop img.flow_img {
    margin: 60px 0;
}

.single_point_close {
    position: absolute;
    right: 60px;
    top: 20px;
    width: 44px;
    height: 44px;
    background-image: url(../images/TAB_BTN_CLOSE.png);
    background-repeat: no-repeat;
    background-size: cover;
}

section#flex_solutions {
    position: relative;
    background-color: #fff;

}

section#supreme_qa {
    position: relative;
    background-color: #ffffff;

}

section#integrated {
    position: relative;
    background-color: #ffffff;

}

section#power_infinity {
    position: relative;
    background-color: #ff9d13;
    background-image: url('../images/ko-olina-bg-orange-cropped.png');
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
}

section#intelligent_printing {
    position: relative;
    background-color: #a180dc;
    background-image: url('../images/ko-olina-bg-purple-cropped.png');
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
}

section#endless_versatility {
    position: relative;
    background-color: #6290e4;
    background-image: url('../images/ko-olina-bg-blue-cropped.png');
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
}

section.overcome {
    padding-top: 60px;
}

section.overcome h3 {
    font-family: 'Clarimo UD PE Heavy';
    text-align: center;
    padding-bottom: 10px;
    font-size: 33.18px;
}

section.overcome video {
    max-width: 100%;
}

section.overcome h2, section.overcome p.liner_bottom,
section.ko_unlimited h2, section.ko_unlimited p.desc {
    padding-left: 15px; 
    padding-right: 15px; 
} 

section.ko_unlimited {
    padding: 60px 0 0;
}

section.ko_unlimited h2.section_title {
    color: #01916D;
    font-family: 'Clarimo UD PE Heavy';
    text-align: center;
}

section.ko_unlimited p.desc {
    text-align: center;
    max-width: 790px;
    margin: 40px auto 60px;
}

section.ko_unlimited .text_sec {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

section.ko_unlimited a {
    margin: 20px 0 0;
}

.highlight {
    background: #ebebec;
    padding: 50px 0;
    margin-top: 30px;
}

.highlight .text_sec {
    padding-left: 30px;
}

.highlight .text_sec h4 {
    color: #01916D;
    font-family: 'Clarimo UD PE Heavy';
    font-size: 30px;
}

#comparison {
    width: 100%;
    padding-bottom: 72%;
    overflow: hidden;
    position: relative;
}

#comparison figure {
    position: absolute;
    background-image: url(../images/Comparision_A-B_BEFORE.jpg);
    background-size: cover;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

#divisor {
    background-image: url(../images/Comparision_A-B_AFTER.jpg);
    background-size: cover;
    position: absolute;
    height: 50%;
    top: 0;
    left: 0;
    width: 100%;
}

body.body-kr #comparison figure {
    position: absolute;
    background-image: url(../images/Comparision_A-B_BEFORE.jpg);
    background-size: cover;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

body.body-kr #divisor {
    background-image: url(../images/Comparision_A-B_AFTER.jpg);
    background-size: cover;
    position: absolute;
    height: 50%;
    top: 0;
    left: 0;
    width: 100%;
}

body.body-hk #comparison figure {
    position: absolute;
    background-image: url(../images/Comparision_A-B_BEFORE.jpg);
    background-size: cover;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

body.body-hk #divisor {
    background-image: url(../images/Comparision_A-B_AFTER.jpg);
    background-size: cover;
    position: absolute;
    height: 50%;
    top: 0;
    left: 0;
    width: 100%;
}

body.body-tw #comparison figure {
    position: absolute;
    background-image: url(../images/Comparision_A-B_BEFORE.jpg);
    background-size: cover;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}
body.body-tw #divisor {
    background-image: url(../images/Comparision_A-B_AFTER.jpg);
    background-size: cover;
    position: absolute;
    height: 50%;
    top: 0;
    left: 0;
    width: 100%;
}

body.body-vn #comparison figure {
    position: absolute;
    background-image: url(../images/Comparision_A-B_BEFORE.jpg);
    background-size: cover;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}
body.body-vn #divisor {
    background-image: url(../images/Comparision_A-B_AFTER.jpg);
    background-size: cover;
    position: absolute;
    height: 50%;
    top: 0;
    left: 0;
    width: 100%;
}
body.body-th #comparison figure {
    position: absolute;
    background-image: url(../images/Comparision_A-B_BEFORE.jpg);
    background-size: cover;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}
body.body-th #divisor {
    background-image: url(../images/Comparision_A-B_AFTER.jpg);
    background-size: cover;
    position: absolute;
    height: 50%;
    top: 0;
    left: 0;
    width: 100%;
}
body.body-cn #comparison figure {
    position: absolute;
    background-image: url(../images/Comparision_A-B_BEFORE.jpg);
    background-size: cover;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}
body.body-cn #divisor {
    background-image: url(../images/Comparision_A-B_AFTER.jpg);
    background-size: cover;
    position: absolute;
    height: 50%;
    top: 0;
    left: 0;
    width: 100%;
}
body.body-vn .m-footer-sitemap__head {
    font-family: 'Clarimo UD PE DemiBold' !important;
}
#divisor::before, #divisor::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 100%;
    background: white;
    z-index: 3;
}

#divisor::before {
    top: 0;
    background: transparent;
}

#divisor::after {
    bottom: 0;
}

#handle {
    position: absolute;
    height: 50px;
    width: 50px;
    margin-left: -25px;
    margin-top: -25px;
    top: 50%;
    left: 50%;
    text-align: center;
    z-index: 1;
}

input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    top: 50%;
    left: 39px;
    transform: rotate(90deg);
    margin-top: -25px;
    background-color: transparent;
    width: calc(72% + 75px);
    height: 50px;
    z-index: 2;
    border: none;
    box-shadow: none;
}

input[type=range]:focus, input[type=range]:active {
    border: none;
    outline: none;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    transform: rotate(90deg);
    background-image: url(../images/slider-arrow.png);
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: contain;
}

input[type=range]::-moz-range-track {
    -moz-appearance: none;
    height: 15px;
    width: 100%;
    background-color: transparent;
    position: relative;
    outline: none;
}

section.IndCaseStudies {
    padding: 50px 0;
}

section.IndCaseStudies h4{ font-family: 'Clarimo UD PE DemiBold';  }
section.IndCaseStudies .text_sec {
    text-align: center;
    margin-bottom: 20px;
}

section.IndCaseStudies .text_sec&gt;h2.section_title {
    font-size:43px;
    color: #4b9ccb;
    font-family: 'Clarimo UD PE Heavy';
    text-align: center;
	text-transform: uppercase;
}

section.IndCaseStudies .text_sec&gt;p.desc {
    font-size: 16px;
    max-width: 600px;
    margin: auto;
}

section.IndCaseStudies .row&gt;div:first-of-type {
    padding-right: 15px;
}

section.IndCaseStudies .row&gt;div:last-of-type {
    padding-left: 15px;
}

section.IndCaseStudies .cta_block {
    background-color: #EBEBEB;
    padding: 50px 30px 30px;
    height: 100%;
}

section.IndCaseStudies .cta_block p.desc, section.IndCaseStudies .cta_block .cta_btn {
    font-size: 13.45px;
}
section.IndCaseStudies .cta_block .cta_btn {
    position: absolute;
    bottom: 30px;
}

section.IndCaseStudies .cta_block p.NumberCircle10 {
    margin-top: 15px;
}
section.IndCaseStudies ul li { font-size: 16px;}
section .pi_slider .slick-list {
    background-color: #fff;
}

/*.pi_slider:after{
  width: calc(100% - 12px);
  background: #fff;
  opacity: 0.6;
  height: 30px;
  content: '';
  position: absolute;
  bottom: 0;
}*/

.pi_slider .slick-prev, .pi_slider .slick-next {
    bottom: -2px;
    top: initial;
    z-index: 1;
}

.pi_slider .slick-prev {
    left: 15%;
}

.pi_slider .slick-next {
    right: 15%;
    bottom: 8px;
    transform: rotate(180deg);
}

.pi_slider .slick-slide {
    display: flex;
    justify-content: center;
}

.pi_slider span.label {
    color: black;
    display: none;
    position: absolute;
    bottom: 1px;
    z-index: 123;
}

.pi_slider .slick-track, .pi_slider .slick-list, .pi_slider, .pi_slider .slick-slide {
    position: relative;
    z-index: 0;
}

.pi_slider .slick-prev:before, .pi_slider .slick-next:before {
    content: '';
    background-image: url('../images/slider_arrow.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 18px;
    width: 18px;
    opacity: 1;
}

.pi_slider_dots .slick-dots {
    bottom: 10px;
}

.slick-dots li button:before {
    width: 12px;
    height: 12px;
    content: '';
    top: 3px;
    left: 4px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #ccc;
}

.pi_slider_dots .slick-dots li button:before {
    font-size: 35px;
}

.main_slider .banner_logo {
    max-width: 400px;
}

.main_slider .single_slide_inner {
    position: relative;
}

.main_slider .single_slide_inner .banner_imgs {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.main_slider .single_slide_inner .banner_imgs&gt;.banner_logo {
    bottom: 50px;
    position: absolute;
    right: 10px;
}
body.body-au .main_slider .single_slide_inner .banner_imgs&gt;.banner_logo {
    bottom: 100px;
}

.to_top.home {
    position: fixed;
    bottom: 30%;
    right: 0;
    max-width: 50px;
    cursor: pointer;
    display: none;
}

.to_top.home.show {
    display: block;
}

.ko_modal_div {
    background: rgb(49 49 49 / 60%);
}

.ko_modal_div.show {
    display: flex !important;
    align-items: center !important;
}

.ko_modal_div .modal-dialog {
    max-width: 800px;
    width: 100%;
}

.ko_modal_div .modal-content {
    background-color: transparent;
    border: 0;
}

.ko_modal_div .modal-content&gt;.modal-body {
    display: flex;
    flex-direction: column;
    padding: 0;
    align-items: flex-end;
}

.ko_modal_div .modal-content&gt;.modal-body .img_sec, .ko_modal_div .modal-content&gt;.modal-body .img_sec&gt;img {
    width: 100%;
}

.liner_bottom {
    font-size: 17px;
    text-align: center;
}

section.feature .footnote {
    font-style: italic;
    font-size: 15px;
}

section.feature#supreme_qa .footnote {
    text-align: right;
    max-width: 924px;
    margin: 0 auto;
    padding-top: 10px;
}
section.IndCaseStudies .cta_block {
    min-height: 435px;
}
body.ko-olina-page section.IndCaseStudies .cta_block {
    min-height: 370px;
}
/** RESPONSIVE **/

@media only screen and (min-width: 1550px) {
    section.rp_e1 img.motif {
        top: 50px;
    }
    .video video {
        max-height: none;
    }
    /* .main_slider .single_slide .single_slide_inner{height:550px;} */
    /* .main_slider .single_slide .text_sec {
    margin-top:195px;
  } */
    .main_slider .single_slide_inner .banner_imgs&gt;.banner_logo {
        bottom: 100px;
        right: 100px;
    }
}

@media only screen and (min-width: 1700px) {
    section.rp_pc img.motif {
        top: 150px;
    }
    /*.main_slider .single_slide .single_slide_inner{height:600px;}*/
    /* .main_slider .single_slide .text_sec {
    margin-top:225px;
  } */
}

@media only screen and (min-width: 1800px) {
    section.rp_e1 img.motif {
        top: 10px;
    }
    .main_slider .single_slide .single_slide_inner {
        height: 550px;
    }
}

@media only screen and (max-width: 1199px) {
    section.support .container {
        padding: 40px 0;
    }
    section.support .right_sec {
        padding-right: 0;
        max-width: 450px;
    }
    section.left_right {
        min-height: auto;
    }
    section.left_right .text_sec {
        padding: 80px 50px;
    }
    /* .main_slider .single_slide .single_slide_inner{height:400px;} */
    /* .main_slider .single_slide .text_sec {
      margin-top:155px;
    } */
    .single_point&gt;a .text_sec span.button {
        width: 46px;
    }
    input[type=range] {
        left: 26px;
    }
    section.IndCaseStudies .cta_block {
        min-height: 505px;
    }
    body.ko-olina-page section.IndCaseStudies .cta_block {
        min-height: 440px;
    }
}

@media only screen and (max-width: 991px) {
    section.main_slider {
        padding-top: 82px;
    }
    section.support {
        display: flex;
        flex-direction: column;
    }
    section.support img.support_bg {
        position: initial;
        height: auto;
        width: 100%;
    }
    section.support .container {
        padding: 80px 15px;
    }
    section.support .right_sec {
        max-width: 100%;
    }
    section.rp_e1 img.motif {
        top: 150px;
    }
    section.left_right .text_sec {
        padding: 50px;
    }
    .single_point&gt;a .text_sec span.button {
        height: 41px;
    }
    section.feature .sub_points&gt;a.toggle {
        text-align: left;
        padding-left: 35px;
    }
    input[type=range] {
        left: 9px;
    }
    section.IndCaseStudies .cta_block {
        min-height: 630px;
    }
    body.ko-olina-page section.IndCaseStudies .cta_block {
        min-height: 525px;
    }
}

@media only screen and (max-width: 767px) {
    section.next_revolution .desc {
        flex-direction: column;
    }
    section.next_revolution .desc .left_sec, section.next_revolution .desc .right_sec {
        width: 100%;
    }
    section.next_revolution .desc .right_sec {
        margin-top: 50px;
    }
    section.rp_e1 img.motif {
        top: 200px;
    }
    .printer_img img {
        max-width: 90%;
        margin: auto;
    }
    .m-footer-sitemap .row&gt;.col {
        flex-basis: initial;
    }
    section.left_right, section.left_right:nth-of-type(odd) {
        flex-direction: column-reverse;
        margin: 100px 0;
    }
    section.left_right .text_sec, section.left_right .img_sec {
        width: 100%;
    }
    section.left_right .text_sec {
        padding: 50px;
    }
    .point_sec .single_point {
        padding: 0 0 50px;
    }
    section.IndCaseStudies .row&gt;div:first-of-type {
        padding: 0;
    }
    section.IndCaseStudies .row&gt;div:last-of-type {
        padding: 0;
        margin-top: 30px;
    }
    .highlight .text_sec {
        padding-left: 0;
        margin-top: 30px;
    }
    .single_point&gt;a .text_sec span.button {
        width: 42px;
    }
    .single_point_close {
        right: 15px;
        width: 28px;
        height: 28px;
    }
    .main_slider .single_slide .text_sec {
        margin-top: 125px;
    }
    section.feature .sub_section .text_sec&gt;p.desc, section.feature .close_loop p.desc, section.feature .sub_section .text_sec ul.desc_ul, section.feature .close_loop ul.desc_ul {
        padding-bottom: 15px;
    }
    section.feature .content {
        padding: 60px 0;
    }
    section.feature .sub_points {
        display: block;
        overflow: auto;
    }
    section.feature .sub_points&gt;a.toggle {
        width: 50%;
        text-align: center;
        padding-bottom: 10px;
        float: left;
    }
    section.feature .sp_content {
        clear: both;
    }
    section#integrated {
        background-size: cover;
        background-position: left bottom;
    }
    section#supreme_qa {
        background-position: left top;
    }
    section#flex_solutions {
        background-size: 50%;
        background-position: left top;
    }
    section#power_infinity {
        background-size: cover;
        background-position: left top;
    }
    section#intelligent_printing {
        background-size: contain;
    }
    section#endless_versatility {
        background-position: left bottom;
    }
    input[type=range] {
        left: 27px;
    }
    section.feature {
        background-size: cover;
    }
    section.feature .parts ol {
        padding: 0;
        margin-bottom: 0;
    }
    section.IndCaseStudies .cta_block {
        min-height: initial !important;
    }
    section.IndCaseStudies .cta_block .cta_btn {
        position: initial;
    }
}

@media only screen and (max-width: 600px) {
    section.left_right .text_sec {
        padding: 50px 15px;
    }
}

@media only screen and (max-width: 580px) {
    input[type=range] {
        left: 5.2%;
    }
}

@media only screen and (max-width: 520px) {
    section.orca_intro p.desc {
        max-width: 433px;
    }
}

@media only screen and (max-width: 480px) {
    section.rp_e1 h3.section_title {
        margin-left: auto;
        margin-right: auto;
        max-width: 320px;
    }
    section h3.section_title span.smaller_title {
        font-size: 22.2px;
    }
    h1.main_title {
        font-size: 32px;
    }
    p.sub_heading {
        font-size: 24px;
    }
    section.enhance_CIP h2.section_title, section.feature .text_sec&gt;h2.content_title, section.IndCaseStudies .text_sec&gt;h2.section_title, section.overcome h3 {
        font-size: 28px;
    }
    section.feature .sub_points&gt;a.toggle {
        width: 100%;
        text-align: left;
    }
    input[type=range] {
        left: 4%;
    }
}

@media only screen and (max-width: 440px) {
    input[type=range] {
        left: 3.4%;
    }
}

@media only screen and (max-width: 420px) {
    input[type=range] {
        left: 2.4%;
    }
}

@media only screen and (max-width: 400px) {
    input[type=range] {
        left: 2%;
    }
}

@media only screen and (max-width: 380px) {
    input[type=range] {
        left: 1%;
    }
}


.iconWrap {padding:30px 0 30px 0;}
@media screen and (max-width: 531px) {
    .mobile-reverse { display: flex; flex-flow: column-reverse; }
	.CIP_banner {background-image: url( '../images/FF_CIP_BANNER_Mobile_BG.jpg') !important; background-size:contain !important; background-repeat: no-repeat; padding:50px 0 0 0; min-height:1300px !important; background-position: bottom center;}
	.video iframe {   width: 100%!important;   height:450px !important;    margin: 0 auto;  display: block;}
	.main_slider .single_slide .single_slide_inner { height: 200px; width: 100%; background: no-repeat; background-size: cover!important;background-position: top left !important;}
	section.main_slider {padding-top: 0px !important;}
	.OurColourExpertise {min-height: 920px !important; background-position: bottom center !important;}
}
.OurColourExpertise {   background-image: url('../images/Colour_Expertise_BG.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
	min-height: 700px;
}

section.OurColourExpertise h2.section_title {
    color: #3d264c;
    font-family: 'Clarimo UD PE Heavy';
    text-align: center;
	font-size: 43px;
	text-transform: uppercase;
	margin-top:100px;
}

.OurColourExpertise .col-md-4 .row {margin-bottom:30px;}
.NumberCircle10 {width:25px; margin-right: 10px; float: left;background-image: url( '../images/number_BG.svg' ); background-size: contain; background-repeat: no-repeat; color:#ffffff; font-weight: bold; text-align: center; font-size:18px; line-height: 28px; }
.Content90{width:90%; float:left; line-height: 24px; font-size: 16px;}
.OurColourExpertise {font-size:12px; margin-top:50px; font-family: 'Clarimo UD PE Light';}
.disclaimerFont strong {font-weight: bold;font-size: 13px;}

hr.greyBreakline {
  border-top: 1px solid #ccc;
	margin-top:50px;
}
a {text-decoration: none !important;}
.cta { margin: 15px auto; display: block; width: 165px;}
.CIP_banner {background-image: url( '../images/CIP_BANNER_MAIN_BG.jpg'); background-size: cover; background-repeat: no-repeat; padding:50px 0 0 0; min-height:600px;}
.CIP_banner h1 { text-align: center;}
.CIP_banner h3 { text-align: center; color:#008855; font-size:24px;}

.m-global-menu__link {letter-spacing:0.06em !important; font-size:14px !important; line-height: 28px !important;}
.m-global-header__region {font-size:12px !important;}
.m-global-header__global-link {font-size:10px !important;}
.m-global-footer__item {font-size:12px !important;}
form button {min-width:3rem !important}
input:not([type=file]), input[type="text"] {box-shadow:inset 0 0 0 rgba(0, 0, 0, 0) !important;margin:0px !important; }

.CIP_CTA {background-color:#d6d6d6; padding: 50px 0px; text-align: center;}
.CIP_CTA .cta_btn {width: 300px; line-height: 50px;}
</pre></body></html>