HTML{-webkit-text-size-adjust:100%}BODY{margin:0px; padding:0px; background:#fff}BODY:has(P.main-nav-active){overflow:hidden}H1,H2,H3,H4,H5,DIV,P,A,SPAN,IMG,UL,LI,FIELDSET,FORM,INPUT,SELECT,OPTION,TEXTAREA,LABEL,TABLE,TH,TR,TD,IFRAME{color:#505050; font-family:'Lato',sans-serif; font-size:16px; line-height:16px; font-weight:normal; letter-spacing:0px; word-spacing:0px; margin:0px; padding:0px; list-style-type:none}IMG,FORM,FIELDSET{border:none}TABLE{border-spacing:0px; border-collapse:collapse} :root{--border-color:#d0d0d0} H1,H2,H2 SPAN{color:#000; font-size:34px; line-height:42px; letter-spacing:-1px; word-spacing:3px; font-weight:300; padding-bottom:30px}H1{color:#202020; font-size:38px; line-height:46px; font-weight:400; letter-spacing:-2px; word-spacing:5px}H2 SPAN{font-style:italic}H2{padding:0px 0px 25px 0px}H2.inner{padding-top:25px} P.intro,P.intro A,P.intro SPAN{color:#000; font-size:24px; line-height:34px; font-weight:300; word-spacing:1px} P.intro A{color:#3366bb}P.intro SPAN.italic{font-style:italic} P.intro{padding:0px 0px 40px 0px} P.main,P.main A,P.main SPAN{font-size:18px; line-height:26px}P.main A{color:#2673ba; text-decoration:none; transition:background-size .3s; background:linear-gradient(to bottom,#b0d0f0 0%,#b0d0f0 100%); background-position:0 100%; background-repeat:repeat-x; background-size:2px 2px}P.main A.border:hover{background-size:4px 26px}P.main SPAN.italic{font-style:italic} P.main STRONG{color:#303030} P.main{padding:0px 0px 25px 0px} #header{width:calc(100% - 70px); height:90px; margin:0px auto; position:relative; background:#fff url(../images/marinetech-logo.png) no-repeat 0px 25px}DIV.container{width:90%; max-width:1100px; height:auto; margin:0px auto; padding:0px; overflow:hidden; position:relative; background:transparent} #icon-logo{width:248px; height:40px; display:block; position:absolute; left:0px; top:25px; background:transparent}#icon-logo SPAN{display:none} #main-nav{text-align:right; width:calc(100% - 200px); position:absolute; left:200px; top:38px}#main-nav A,#main-nav SPAN.link{color:#000; text-decoration:none; margin-left:80px; cursor:pointer}#main-nav SPAN.left{margin:0px}#main-nav SPAN.link{padding-right:20px; background:url(../images/icons/icon-dropdown.png) no-repeat right 8px} #main-nav SPAN.responsive{display:none} #icon-menu{display:none} DIV.dropdown-outer{position:relative}DIV.dropdown,DIV.dropdown-active{text-align:center; width:100%; position:absolute; z-index:60; transition:all .3s ease-in-out}DIV.dropdown{height:0px; margin-top:-1px; overflow:hidden; background:transparent}DIV.dropdown-active{height:auto; margin:0px; padding:40px 0px 40px 0px; border:solid 1px var(--border-color); border-left:none; border-right:none; background:#fff} DIV.dropdown A{color:#000; font-size:16px; line-height:16px; text-decoration:none; text-decoration:none; width:calc(20% - 22px); padding:10px 0px 10px 0px; border:solid 1px var(--border-color); display:inline-block; transition:all .3s ease-in-out; background:#fff}DIV.dropdown A:hover{color:#fff; border:solid 1px #2673ba; background:#2673ba}DIV.dropdown-spacer{width:25px; height:20px; display:inline-block; vertical-align:top} #sub-menu{margin-bottom:45px; padding:18px 0px 15px 0px; border-bottom:solid 1px var(--border-color)}#sub-menu P,#sub-menu A{color:#202020; font-size:12px; line-height:12px; word-spacing:4px; text-transform:uppercase}#sub-menu P{text-align:right} #footer{padding:50px 0px 40px 0px; border-top:solid 1px var(--border-color); position:relative; z-index:2; background:#fff} DIV.footer-logo,DIV.footer-links{display:inline-block; vertical-align:top}DIV.footer-logo{width:380px}DIV.footer-links{width:calc(100% - 380px)} DIV.footer-column{display:inline-block; vertical-align:top}DIV.footer-column-1{width:calc(58% - 40px); padding-right:40px}DIV.footer-column-2{width:calc(42% - 40px); padding-left:40px} P.footer-tel{color:#202020; font-size:16px; line-height:30px; padding:30px 0px 0px 0px} P.footer-header{color:#404040; font-size:20px; line-height:20px; padding-bottom:15px; margin-bottom:25px; border-bottom:solid 1px var(--border-color)}P.footer-link{padding:0px 0px 20px 2px}P.footer-link A{color:#202020; font-size:14px; line-height:14px; text-decoration:none; border-bottom:solid 1px #fff; transition:all .3s ease-in-out}P.footer-link A:hover{border-bottom:solid 1px #000} #footer-credit{text-align:center; padding:25px 0px 25px 0px; background:#303030}#footer-credit P,#footer-credit A{color:#fff; font-size:14px; line-height:14px}#footer-credit A{text-decoration:none; border-bottom:solid 1px #303030; transition:all .3s ease-in-out}#footer-credit A:hover{border-bottom:solid 1px #e0e0e0} #home-banner{text-align:center; width:100%; padding:60px 0px; position:relative; overflow:hidden; background:#212930}#home-banner IMG{width:80%; max-width:80%; height:auto}#home-banner P.read-more{text-align:center; width:200px; position:absolute; left:64%; top:65%; z-index:1}#home-banner P.read-more A{color:#fff; font-size:20px; line-height:20px; text-decoration:none; font-weight:300; padding:6px 0px 9px 0px; border:solid 1px #fff; display:block; border-radius:10px; transition:all .2s ease-in-out; background:transparent} #home-banner P.read-more A:hover{border:solid 1px #66c7fe; background:#66c7fe}  #home-services{padding:70px 0px}#home-services .container{max-width:1000px}#home-services H1{margin:0px 0px 35px 0px; padding:0px 0px 30px 0px; position:relative}#home-services H1::after{content:' '; width:140px; height:5px; position:absolute; left:0%; bottom:0px; background:#02a1e5}#home-services P{padding:0px} DIV.media-icons{padding:70px 0px; border-top:solid 1px var(--border-color); background:#e8e8e8}DIV.media-icons DIV.container{max-width:1000px; display:-webkit-box; display:-ms-flexbox; display:flex} DIV.media-icon{text-align:center; width:calc(33.33% - 10px); background:#fff}DIV.media-icon-1{margin-right:10px}DIV.media-icon-2{margin-right:5px; margin-left:5px}DIV.media-icon-3{margin-left:10px} DIV.media-icon IMG{margin:40px 0px 45px 0px}DIV.media-icon P{padding-left:30px; padding-right:30px}DIV.media-icon P.header{color:#404040; font-size:16px; line-height:16px; font-weight:bold; text-transform:uppercase; word-spacing:2px}DIV.media-icon P.description{color:#181818; font-size:16px; line-height:24px; padding-top:20px; padding-bottom:40px} #home-aircon{background:#2c9be8}#home-aircon DIV.container{max-width:1000px}DIV.home-aircon{display:inline-block; vertical-align:middle}DIV.home-aircon-left{width:250px; padding:10px 0px 0px 0px}DIV.home-aircon-left IMG{width:100%; height:auto} DIV.home-aircon-right{width:calc(100% - 330px); padding:90px 0px 90px 80px}#home-aircon H2{color:#fff; font-weight:400} #home-aircon P.main{color:#fff; padding:0px}#home-aircon P.read-more{text-align:center; width:195px; margin:50px 0px 0px 0px}#home-aircon P.read-more A{color:#fff; font-size:18px; line-height:18px; text-decoration:none; padding:12px 0px 14px 0px; display:block; border:solid 1px #fff; border-radius:10px; transition:all .2s ease-in-out} #home-aircon P.read-more A:hover{border:solid 1px #66c7fe; background:#66c7fe} #home-ultrasonic{background:url(../images/home/bg-ultrasonic.png) no-repeat right top; background-size:cover}#home-ultrasonic DIV.container{max-width:1000px}#home-ultrasonic-inner{padding:125px 0px; max-width:500px; position:relative}#home-ultrasonic H2{color:#fff; font-size:60px; line-height:70px; letter-spacing:-2px; font-weight:400; padding:0px 0px 35px 0px}#home-ultrasonic P.intro{color:#fff; padding:0px}#home-ultrasonic P.read-more{text-align:center; width:195px; margin:70px 0px 0px 2px}#home-ultrasonic P.read-more A{color:#fff; font-size:18px; line-height:18px; text-decoration:none; padding:12px 0px 14px 0px; display:block; border:solid 1px #fff; border-radius:10px; transition:all .2s ease-in-out; background:transparent} #home-ultrasonic P.read-more A:hover{border:solid 1px #0171bf; background:#0171bf} #home-teak{display:flex}DIV.home-teak-left{width:50%; position:relative; overflow:hidden; background:url(../images/home/teak-cleaning.webp) no-repeat center center; background-size:cover}DIV.home-teak-left::after{content:""; width:0px; height:0px; border-left:60px solid transparent; border-bottom:800px solid #fff; position:absolute; right:0px; bottom:0px} DIV.home-teak-right{width:45%; max-width:490px; padding:90px 0px 90px 50px; padding-right:5%}DIV.home-teak-right H2{margin:0px 0px 35px 0px; padding:0px 0px 30px 0px; position:relative}DIV.home-teak-right H2::after{content:' '; width:140px; height:5px; position:absolute; left:0%; bottom:0px; background:#02a1e5}DIV.home-teak-right P:last-child{padding:0px}  #home-testimonial{padding:90px 0px 70px 0px; border-top:solid 1px var(--border-color); background:#f0f0f0}#home-testimonial .container{text-align:center; max-width:950px}#home-testimonial IMG.main-icon{width:65px; height:auto}#home-testimonial H2{color:#282828; font-size:34px; line-height:40px; font-weight:400; padding:25px 0px 35px 0px}#home-testimonial P.quote{color:#000; padding:0px 0px 35px 0px}#home-testimonial P.quote-name{color:#000; font-size:16px; line-height:24px; padding:0px} #testimonial-slider-outer{width:100%; overflow:hidden; position:relative}#testimonial-slider{width:200%; display:flex} .slider-inactive,.slider-active{transform:translateX(0)}.slider-active{transition:0.5s ease; transform:translateX(-50%)}.testimonial{width:50%} #testimonial-bullets{width:40px; margin:40px auto 0px; display:flex}#testimonial-bullets IMG{margin:0px 5px}