@font-face{font-display:swap;font-family:Montserrat;src:url(/wp-content/plugins/columbia/assets/fonts/Montserrat-Regular.ttf)}#csa-wrapper{position:relative;max-width:1920px;margin:auto;font-family:Montserrat;overflow:hidden;transform:scale(1)}div#test{height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;z-index:-1}#test .csa-right{height:100%}#test .csa-right #csa-center{background-color:yellow;height:10px;width:10px;position:absolute;top:0;left:0;margin:auto;right:0;bottom:0}#csa-close{position:absolute;top:5%;right:2%;color:#fff;height:30px;cursor:pointer;z-index:99;width:30px;display:none}#csa-services-wrapper{position:absolute;z-index:3;width:100%;height:auto;max-width:580px;padding:0 15px;margin:auto;top:0;opacity:0;display:none;top:50%;transform:translateY(-50%);transition:all 500ms ease-in-out}.csa-service-container{color:#fff;width:100%;display:none;position:relative;transition:all 500ms ease-in-out;opacity:0}.csa-service-container h2{font-size:16px;line-height:1.2;margin:0 0 15px;font-weight:700}.csa-service-container h3{font-size:38px;line-height:1.2;margin:0 0 15px;font-weight:700}.csa-service-container p{font-size:19px;line-height:1.4;margin:0 0 15px;color:#fff;font-weight:400}a.csa-rm-btn{display:block;border:1px solid #fff;padding:10px 16px 8px;line-height:1;color:#fff;float:left;font-size:16px;transition:all 500ms ease-in-out;cursor:pointer;font-weight:700}a.csa-rm-btn:hover,a.csa-rm-btn:focus{background-color:#F37021;color:#fff;border-color:#F37021}#csa-bg-container{z-index:-1;position:relative}#csa-content-container{position:relative;width:100%;height:100%;overflow:hidden;transform:scale(1);transition:all 500ms ease-in-out}.csa-overlay{width:100%;height:100%;background:transparent;position:absolute;top:0;left:0;display:none;z-index:3}#csa-overlay{background-image:-webkit-radial-gradient(65% 50%,circle,transparent 190px,rgba(0,0,0,0) 190px,rgba(0,0,0,.5) 0)}#csa-overlay-1024{background-image:-webkit-radial-gradient(73% 50%,circle,transparent 190px,rgba(0,0,0,0) 190px,rgba(0,0,0,.5) 0)}#csa-overlay-1280{background-image:-webkit-radial-gradient(73% 50%,circle,transparent 190px,rgba(0,0,0,0) 190px,rgba(0,0,0,.5) 0)}#csa-overlay-1366{background-image:-webkit-radial-gradient(71.5% 49%,circle,transparent 190px,rgba(0,0,0,0) 190px,rgba(0,0,0,.5) 0)}#csa-overlay-1440{background-image:-webkit-radial-gradient(70% 50%,circle,transparent 190px,rgba(0,0,0,0) 190px,rgba(0,0,0,.5) 0)}#csa-overlay-1680{background-image:-webkit-radial-gradient(67% 50%,circle,transparent 190px,rgba(0,0,0,0) 190px,rgba(0,0,0,.5) 0)}#csa-text-container{position:absolute;top:35%;color:#fff;padding:0 15px}#csa-text-container h1{font-size:45px;margin:0;line-height:1.2;font-weight:700}#csa-text-container h2{font-size:22px;line-height:1.2;margin:0}.csa-point-container{position:absolute;top:0;color:#fff;display:block;z-index:2}.csa-point-container.active{z-index:4}.csa-point-container>div{display:inline-block;vertical-align:middle}.csa-point-container.csa-point-1>div,.csa-point-container.csa-point-4>div,.csa-point-container.csa-point-6>div{vertical-align:bottom}.csa-point-title{border-left:1px solid #fff;border-right:1px solid #fff;padding:10px 15px;font-size:15px;font-weight:700;opacity:.5;transition:all 500ms ease-in-out;position:relative}#csa-content-container.open .csa-point-title{opacity:0!important}.csa-point-container.csa-point-1{top:25%;left:46%}.csa-point-container.csa-point-1 .csa-point:before{content:"Technical Management \A of all Types of Vessels";position:absolute;right:135px;width:220px;border-left:1px solid #fff;border-right:1px solid #fff;padding:10px 15px;font-size:15px;font-weight:700;bottom:0;display:block;opacity:.5;transition:all 500ms ease-in-out}html:lang(zh-hans) .csa-point-container.csa-point-1 .csa-point:before{content:"Technical Management \A of all Types of Vessels"}.csa-point-container.csa-point-1 .csa-p:before{content:'';height:1px;background:#fff;width:102px;display:block;position:absolute;bottom:50%;right:34px;opacity:.5;transition:all 500ms ease-in-out}.csa-point-container.csa-point-1.show:before,.csa-point-container.csa-point-1.show .csa-point:before,.csa-point-container.csa-point-1.show .csa-p:before{opacity:1}#csa-content-container.open .csa-point-container.csa-point-1:before,#csa-content-container.open .csa-point-container.csa-point-1 .csa-point:before,#csa-content-container.open .csa-point-container.csa-point-1 .csa-p:before{opacity:0;transition:all 100ms ease-in-out}.csa-point-container.csa-point-2{top:29%;left:53%}.csa-point-container.csa-point-2 .csa-point:after{content:"Crew Management and Training";position:absolute;left:190px;width:290px;border-left:1px solid #fff;border-right:1px solid #fff;padding:10px 15px;font-size:15px;font-weight:700;bottom:0;display:block;opacity:.5;transition:all 500ms ease-in-out;text-align:center}html:lang(zh-hans) .csa-point-container.csa-point-2 .csa-point:after{content:"Crew Management and Training"}.csa-point-container.csa-point-2 .csa-p:after{content:'';height:1px;background:#fff;width:157px;display:block;position:absolute;bottom:50%;left:34px;opacity:.5;transition:all 500ms ease-in-out}.csa-point-container.csa-point-2.show:after,.csa-point-container.csa-point-2.show .csa-point:after,.csa-point-container.csa-point-2.show .csa-p:after{opacity:1}#csa-content-container.open .csa-point-container.csa-point-2:after,#csa-content-container.open .csa-point-container.csa-point-2 .csa-point:after,#csa-content-container.open .csa-point-container.csa-point-2 .csa-p:after{opacity:0;transition:all 100ms ease-in-out}.csa-point-container.csa-point-3{top:37%;left:52%}.csa-point-container.csa-point-3 .csa-point:after{content:"Commercial Services";position:absolute;left:280px;width:200px;border-left:1px solid #fff;border-right:1px solid #fff;padding:10px 15px;font-size:15px;font-weight:700;bottom:0;display:block;opacity:.5;transition:all 500ms ease-in-out;text-align:center}html:lang(zh-hans) .csa-point-container.csa-point-3 .csa-point:after{content:"Commercial Services"}.csa-point-container.csa-point-3 .csa-p:after{content:'';height:1px;background:#fff;width:247px;display:block;position:absolute;bottom:50%;left:34px;opacity:.5;transition:all 500ms ease-in-out}.csa-point-container.csa-point-3.show:after,.csa-point-container.csa-point-3.show .csa-point:after,.csa-point-container.csa-point-3.show .csa-p:after{opacity:1}#csa-content-container.open .csa-point-container.csa-point-3:after,#csa-content-container.open .csa-point-container.csa-point-3 .csa-point:after,#csa-content-container.open .csa-point-container.csa-point-3 .csa-p:after{opacity:0;transition:all 100ms ease-in-out}.csa-point-container.csa-point-4{top:48%;left:57.2%}.csa-point-container.csa-point-4 .csa-point:after{content:"New Building \A Supervision / Services";position:absolute;left:200px;width:210px;border-left:1px solid #fff;border-right:1px solid #fff;padding:10px 15px;font-size:15px;font-weight:700;bottom:0;display:block;opacity:.5;transition:all 500ms ease-in-out}html:lang(zh-hans) .csa-point-container.csa-point-4 .csa-point:after{content:"New Building \A Supervision / Services"}.csa-point-container.csa-point-4 .csa-p:after{content:'';height:1px;background:#fff;width:167px;display:block;position:absolute;bottom:50%;left:34px;opacity:.5;transition:all 500ms ease-in-out}.csa-point-container.csa-point-4.show:after,.csa-point-container.csa-point-4.show .csa-point:after,.csa-point-container.csa-point-4.show .csa-p:after{opacity:1}#csa-content-container.open .csa-point-container.csa-point-4:after,#csa-content-container.open .csa-point-container.csa-point-4 .csa-point:after,#csa-content-container.open .csa-point-container.csa-point-4 .csa-p:after{opacity:0;transition:all 100ms ease-in-out}.csa-point-container.csa-point-5{top:59.5%;left:52.5%}.csa-point-container.csa-point-5 .csa-point:before{content:"Procurement pool";position:absolute;right:220px;width:180px;border-left:1px solid #fff;border-right:1px solid #fff;padding:10px 15px;font-size:15px;font-weight:700;bottom:0;display:block;opacity:.5;transition:all 500ms ease-in-out;text-align:center}html:lang(zh-hans) .csa-point-container.csa-point-5 .csa-point:before{content:"Procurement pool"}.csa-point-container.csa-point-5 .csa-p:before{content:'';height:1px;background:#fff;width:187px;display:block;position:absolute;bottom:50%;right:34px;opacity:.5;transition:all 500ms ease-in-out}.csa-point-container.csa-point-5.show:before,.csa-point-container.csa-point-5.show .csa-point:before,.csa-point-container.csa-point-5.show .csa-p:before{opacity:1}#csa-content-container.open .csa-point-container.csa-point-5:before,#csa-content-container.open .csa-point-container.csa-point-5 .csa-point:before,#csa-content-container.open .csa-point-container.csa-point-5 .csa-p:before{opacity:0;transition:all 100ms ease-in-out}.csa-point-container.csa-point-6{top:62.5%;left:59.5%}.csa-point-container.csa-point-6 .csa-point:after{content:"Digitalisation and \A Performance Optimisation";position:absolute;left:225px;width:245px;border-left:1px solid #fff;border-right:1px solid #fff;padding:10px 15px;font-size:15px;font-weight:700;bottom:0;display:block;opacity:.5;transition:all 500ms ease-in-out}html:lang(zh-hans) .csa-point-container.csa-point-6 .csa-point:after{content:"Digitalisation and \A Performance Optimisation"}.csa-point-container.csa-point-6 .csa-p:after{content:'';height:1px;background:#fff;width:192px;display:block;position:absolute;bottom:50%;left:34px;opacity:.5;transition:all 500ms ease-in-out}.csa-point-container.csa-point-6.show:after,.csa-point-container.csa-point-6.show .csa-point:after,.csa-point-container.csa-point-6.show .csa-p:after{opacity:1}#csa-content-container.open .csa-point-container.csa-point-6:after,#csa-content-container.open .csa-point-container.csa-point-6 .csa-point:after,#csa-content-container.open .csa-point-container.csa-point-6 .csa-p:after{opacity:0;transition:all 100ms ease-in-out}.csa-point-container.csa-point-7{top:72%;left:57%}.csa-point-container.csa-point-7 .csa-point:after{content:"Insurance and Claims";position:absolute;right:220px;width:210px;border-left:1px solid #fff;border-right:1px solid #fff;padding:10px 15px;font-size:15px;font-weight:700;bottom:0;display:block;opacity:.5;transition:all 500ms ease-in-out;text-align:center}html:lang(zh-hans) .csa-point-container.csa-point-7 .csa-point:after{content:"Insurance and Claims"}.csa-point-container.csa-point-7 .csa-p:after{content:'';height:1px;background:#fff;width:187px;display:block;position:absolute;bottom:50%;right:34px;opacity:.5;transition:all 500ms ease-in-out}.csa-point-container.csa-point-7.show:after,.csa-point-container.csa-point-7.show .csa-point:after,.csa-point-container.csa-point-7.show .csa-p:after{opacity:1}#csa-content-container.open .csa-point-container.csa-point-7:after,#csa-content-container.open .csa-point-container.csa-point-7 .csa-point:after,#csa-content-container.open .csa-point-container.csa-point-7 .csa-p:after{opacity:0;transition:all 100ms ease-in-out}.csa-point-container.csa-point-8{top:72%;left:62%}.csa-point-container.csa-point-8 .csa-point:after{content:"More Services";position:absolute;left:200px;width:145px;border-left:1px solid #fff;border-right:1px solid #fff;padding:10px 15px;font-size:15px;font-weight:700;bottom:0;display:block;opacity:.5;transition:all 500ms ease-in-out;text-align:center}html:lang(zh-hans) .csa-point-container.csa-point-8 .csa-point:after{content:"More Services"}.csa-point-container.csa-point-8 .csa-p:after{content:'';height:1px;background:#fff;width:167px;display:block;position:absolute;bottom:50%;left:34px;opacity:.5;transition:all 500ms ease-in-out}.csa-point-container.csa-point-8.show:after,.csa-point-container.csa-point-8.show .csa-point:after,.csa-point-container.csa-point-8.show .csa-p:after{opacity:1}#csa-content-container.open .csa-point-container.csa-point-8:after,#csa-content-container.open .csa-point-container.csa-point-8 .csa-point:after,#csa-content-container.open .csa-point-container.csa-point-8 .csa-p:after{opacity:0;transition:all 100ms ease-in-out}.csa-p{position:relative}.csa-point{width:43px;height:43px;border:1px solid transparent;padding:7px;border-radius:50%;transition:all 300ms ease-in-out;cursor:pointer;position:relative}.csa-point:hover{border:1px solid #fff;padding:9px}.csa-point-inner{border:1px solid #fff;height:100%;width:100%;border-radius:50%;background-color:rgba(0,0,0,.5);position:relative;transition:.6s opacity cubic-bezier(.19,1,.22,1),.8s transform cubic-bezier(.175,.885,.32,1.275)}.open .csa-point-inner{border:1px solid rgba(255,255,255,.6)}.open .active .csa-point-inner{border:1px solid rgba(255,255,255,.5)}.open .csa-point-container.active .csa-point{border:1px solid rgba(255,255,255,.5)}@supports (-ms-ime-align:auto){#csa-content-container:not(.open) .csa-point.bounce:not(:hover):not(:focus){animation-name:none!important}}#csa-content-container:not(.open) .csa-point.bounce:not(:hover):not(:focus){-webkit-animation-name:dot-bounce;-webkit-animation-duration:3s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-webkit-animation-play-state:running;-moz-animation-name:dot-bounce;-moz-animation-duration:3s;-moz-animation-timing-function:ease-in-out;-moz-animation-iteration-count:infinite;-moz-animation-play-state:running;-o-animation-name:dot-bounce;-o-animation-duration:3s;-o-animation-timing-function:ease-in-out;-o-animation-iteration-count:infinite;-o-animation-play-state:running;animation-name:dot-bounce;animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:running}@keyframes dot-bounce{0%{padding:5px}16%{padding:0}32%{padding:5px}48%{padding:0}64%{padding:5px}80%{padding:0}100%{padding:7px}}@-o-keyframes dot-bounce{0%{transform:scale(.9)}16%{transform:scale(1.3)}32%{transform:scale(1)}48%{transform:scale(1.3)}64%{transform:scale(1)}80%{transform:scale(1.3)}100%{transform:scale(.9)}}@-webkit-keyframes dot-bounce{0%{transform:scale(.9)}16%{transform:scale(1.3)}32%{transform:scale(1)}48%{transform:scale(1.3)}64%{transform:scale(1)}80%{transform:scale(1.3)}100%{transform:scale(.9)}}@-moz-keyframes dot-bounce{0%{transform:scale(.9)}16%{transform:scale(1.3)}32%{transform:scale(1)}48%{transform:scale(1.3)}64%{transform:scale(1)}80%{transform:scale(1.3)}100%{transform:scale(.9)}}.csa-point-inner:after{content:"";position:absolute;background-color:#fff;width:7px;height:7px;border-radius:50%;top:0;bottom:0;left:0;right:0;margin:auto}.csa-nav{display:none;cursor:pointer;transition:all 500ms ease-in-out;position:absolute;top:50%;width:25px;transform:translateY(-50%)}.csa-nav:hover{opacity:.7}.csa-nav img{opacity:0;height:auto;width:100%}.csa-nav.csa-nav-prev{left:-105px}.csa-nav.csa-nav-next{left:115px}.csa-overlay .csa-nav{display:block}.csa-overlay .csa-nav img{opacity:1;height:auto;width:100%}.csa-overlay .csa-nav.csa-nav-prev{left:calc(65% - 230px)}.csa-overlay .csa-nav.csa-nav-next{left:calc(65% + 205px)}#csa-overlay-1440 .csa-nav.csa-nav-prev{left:calc(70% - 230px)}#csa-overlay-1440 .csa-nav.csa-nav-next{left:calc(70% + 205px)}#csa-overlay-1680 .csa-nav.csa-nav-prev{left:calc(67% - 230px)}#csa-overlay-1680 .csa-nav.csa-nav-next{left:calc(67% + 205px)}#csa-overlay-1366 .csa-nav.csa-nav-prev{left:calc(71.5% - 230px)}#csa-overlay-1366 .csa-nav.csa-nav-next{left:calc(71.5% + 205px)}#csa-overlay-1280 .csa-nav.csa-nav-prev{left:calc(73% - 230px)}#csa-overlay-1280 .csa-nav.csa-nav-next{left:calc(73% + 205px)}#csa-overlay-1024 .csa-nav.csa-nav-prev{left:calc(73.5% - 230px)}#csa-overlay-1024 .csa-nav.csa-nav-next{left:calc(73.5% + 205px)}#csa-m-wrapper{position:relative;font-family:Montserrat}#csa-m-wrapper #csa-m-services-wrapper{position:absolute;top:0;width:100%;height:100%}#csa-m-wrapper .csa-m-service-container{opacity:0;position:absolute;transition:opacity 700ms ease-in-out;height:100%;width:100%}#csa-m-wrapper .csa-m-service-container.active{opacity:1}.csa-m-service-bg{height:100%;text-align:center}.csa-m-service-bg img{height:100%;width:auto}#csa-m-wrapper #csa-m-text-container{left:15px;position:absolute;top:30px;text-align:center;right:15px}#csa-m-wrapper #csa-m-text-container h2{font-weight:700;font-size:1em;line-height:1.2;margin:0 0 .5em;color:#fff}#csa-m-wrapper #csa-m-text-container h1{font-weight:700;font-size:2em;line-height:1.2;margin:0;color:#fff}.csa-m-service-txt{position:absolute;bottom:50px;left:15px;right:15px;text-align:center}.csa-m-service-txt h2{font-weight:700;font-size:1em;margin:0 0 .5em;line-height:1.2;color:#fff}.csa-m-service-txt h3{font-weight:700;line-height:1.2;margin:0 0 1em;font-size:1.7em;color:#fff}.csa-m-service-txt a.csa-rm-btn{float:none;display:inline-block}.csa-m-nav{position:absolute;top:45%;transform:translateY(-45%)}.csa-m-nav img{width:4em}.csa-m-nav.csa-m-nav-prev{left:15px}.csa-m-nav.csa-m-nav-next{right:15px}
/*!* #### iPhone 5 Portrait or Landscape #### *!*/
 
/*!* #### iPhone 6 and 6 plus Portrait or Landscape #### *!*/
 
/*!* #### Mobile Phones Portrait #### *!*/
 
/*!* #### Mobile Phones Landscape #### *!*/
 #hp-slider-d{display:block}#hp-slider-m{display:none}@media (max-width:1380px){#csa-services-wrapper{max-width:500px}#csa-text-container{top:38%}#csa-text-container h1{font-size:38px}#csa-text-container h2{font-size:18px}.csa-point-container:before,.csa-point-container:after{font-size:13px!important;line-height:1.4!important;padding:5px 10px!important}.csa-service-container h3{font-size:32px}.csa-service-container h2{font-size:14px}.csa-service-container p{font-size:16px}a.csa-rm-btn{font-size:14px}.csa-point-container.csa-point-1:before{width:185px}.csa-point-container.csa-point-2:after{width:245px;bottom:unset;top:50%;transform:translateY(-50%)}.csa-point-container.csa-point-3:after{width:170px;bottom:unset;top:50%;transform:translateY(-50%)}.csa-point-container.csa-point-4:after{width:175px}.csa-point-container.csa-point-6:after{left:180px;width:206px}.csa-point-container.csa-point-6 .csa-p:after{width:146px}.csa-point-container.csa-point-5:before{width:150px;bottom:unset;top:50%;transform:translateY(-50%)}.csa-point-container.csa-point-7:before{width:175px;bottom:unset;top:50%;transform:translateY(-50%)}.csa-point-container.csa-point-8:after{width:120px;bottom:unset;top:50%;transform:translateY(-50%)}}@media (max-width:1200px){#csa-text-container h1{font-size:30px}#csa-text-container h2{font-size:16px}}@media (max-width:1023px){#hp-slider-d{display:none}#hp-slider-m{display:block}#csa-services-wrapper{max-width:400px}.csa-service-container h2{font-size:12px}.csa-service-container h3{font-size:28px}.csa-service-container p{font-size:14px}#csa-services-wrapper{max-width:440px}a.csa-rm-btn{font-size:12px}}