#inner-banner{width:100%; position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover}DIV.inner-banner-1{background-image:url(../images/backgrounds/inner-banner-1.webp)}DIV.inner-banner-2{background-image:url(../images/backgrounds/inner-banner-2.webp)}DIV.inner-banner-3{background-image:url(../images/backgrounds/inner-banner-3.webp)}DIV.inner-banner-6{background-image:url(../images/backgrounds/inner-banner-6.webp)}DIV.inner-banner-7{background-image:url(../images/backgrounds/inner-banner-7.webp)}DIV.inner-banner-8{background-image:url(../images/backgrounds/inner-banner-8.webp)}DIV.inner-banner-9{background-image:url(../images/backgrounds/inner-banner-9.webp)} #inner-banner-gradient{line-height:0px; width:100%; height:20vw; position:absolute; bottom:0px; opacity:.95}#inner-banner DIV.container{height:40vw}#inner-banner H1{color:#fff; font-size:80px; line-height:84px; word-spacing:5px; letter-spacing:-2px; padding:0px; font-weight:400; position:absolute; bottom:60px} #media-video{max-width:950px; margin:40px 0px 45px 0px}#media-video #video{height:0px; padding-bottom:56.25%; position:relative; overflow:hidden}#media-video #video IFRAME{width:100%; height:100%; border:none; position:absolute; top:0px; left:0px; z-index:10; background:#fff} DIV.media-icons{margin:50px auto}DIV.media-icons DIV.container{max-width:1100px} DIV.media-bullets{margin:45px 0px 50px 0px; padding:40px 0px 40px 0px; border:solid 1px var(--border-color); border-left:none; border-right:none}DIV.media-bullets-left,DIV.media-bullets-right{width:calc(50% - 30px); display:inline-block; vertical-align:top}DIV.media-bullets-left{padding-right:30px}DIV.media-bullets-right{padding-left:30px} DIV.media-bullets P.bullet,DIV.media-bullets P.tick{color:#303030; font-size:16px; line-height:24px; padding-bottom:20px} DIV.media-bullets P.bullet{padding-left:30px; position:relative}DIV.media-bullets P.bullet::after{content:""; width:8px; height:8px; border-radius:50%; position:absolute; left:0px; top:8px; background:#3b8ede}DIV.media-bullets P.tick{padding-left:32px; background:url(../images/icons/tick-blue.png) no-repeat 0px 7px} DIV.media-bullets P.bullet STRONG,DIV.media-bullets P.tick STRONG{color:#202020}DIV.media-bullets-left P:last-child,DIV.media-bullets-right P:last-child{padding-bottom:0px} DIV.photo-gallery{margin:45px auto 0px; padding:50px 0px; background:#e8e8e8}DIV.photo-gallery .container{display:flex; justify-content:space-between; flex-wrap:wrap}DIV.photo-gallery DIV.img{line-height:0px; width:calc(33.33% - 10px); margin:10px 0px; border:solid 1px var(--border-color); box-sizing:border-box; cursor:pointer; position:relative} DIV.photo-gallery DIV.img DIV.modal{width:100%; height:100%; position:absolute; z-index:99; opacity:0; display:flex; align-items:center; transition:all .3s ease-in-out; background-color:rgba(0,0,0,0.75); background-image:url(../images/icons/icon-zoom.png); background-repeat:no-repeat; background-position:center center}DIV.photo-gallery DIV.img IMG.slide{width:100%; height:auto}DIV.photo-gallery DIV.img:hover DIV.modal{opacity:1} #modal{width:100%; position:fixed; left:0px; top:0px; z-index:999; background-color:rgba(0,0,0,0.95)}#modal.inactive{height:0%; overflow:hidden}#modal.active{height:100%; overflow:visible; display:flex; align-items:center; justify-content:center} #popup{line-height:0px; width:95%; max-width:900px; margin:0px auto}#popup-inner IMG{line-height:0px; width:100%; height:auto; cursor:pointer}#popup P.popup-buttons{text-align:center; height:24px; padding:20px 0px 10px 0px; background:transparent}#popup P.popup-buttons IMG.button{height:24px; margin:0px 10px 0px 10px; cursor:pointer} DIV.product-learn-more{text-align:center; padding:70px 0px 80px 0px; background:#2673ba}DIV.product-learn-more H2,DIV.product-learn-more P{color:#fff}DIV.product-learn-more P{max-width:800px; margin:0px auto}DIV.product-learn-more P.learn-more{text-align:center; width:200px; margin:20px auto 0px}DIV.product-learn-more P.learn-more A{font-size:18px; line-height:18px; text-decoration:none; padding:14px 0px 15px 0px; display:block; border-radius:12px; transition:all .2s ease-in-out; background:#fff}DIV.product-learn-more P.learn-more A:hover{opacity:.7} #schenker-page DIV.media-icons{margin-top:60px; border-bottom:solid 1px var(--border-color)} #toggle-menu{margin:25px 0px 40px 0px; padding:0px 400px 0px 10px; border-bottom:solid 1px var(--border-color)}#toggle-menu P{color:#000; text-align:center; word-spacing:3px; width:calc(50% - 2px); margin:0px 0px -1px -1px; padding:12px 0px 12px 0px; border:solid 1px var(--border-color); cursor:pointer; display:inline-block; vertical-align:top; transition:all .3s ease-in-out}#toggle-menu P.active:hover,#toggle-menu P:hover{background:#f0f0f0} #toggle-menu P.active,#toggle-menu P.active:hover{color:#fff; border:solid 1px #2673ba; background:#2673ba} DIV.toggle-info{padding:10px 0px 0px 0px; display:none}DIV.toggle-info-active{display:block} DIV.toggle-info DIV.schenker-photos,DIV.toggle-info DIV.schenker-specs{display:inline-block; vertical-align:top}DIV.toggle-info DIV.schenker-photos{width:calc(100% - 360px); padding:0px 60px 0px 0px}DIV.toggle-info DIV.schenker-specs{width:300px} DIV.toggle-info DIV.schenker-photos IMG{width:100%; height:auto}DIV.toggle-info DIV.schenker-photos IMG.schenker-specs-main-photo{margin:10px 0px 70px 0px} DIV.toggle-info DIV.schenker-specs P.header{color:#181818; font-size:26px; line-height:26px; text-transform:uppercase; padding:0px 0px 25px 0px}DIV.toggle-info DIV.schenker-specs P.sub-header{color:#2673ba; font-size:18px; line-height:26px; font-weight:bold; padding:35px 0px 20px 0px} DIV.toggle-info DIV.schenker-specs P.bullets{color:#181818; font-size:14px; line-height:22px; padding:0px 0px 10px 0px} #schenker-page FOOTER{border:none} #ultrasonic-page DIV.toggle-info{padding:0px}#ultrasonic-page P.transducer{color:#202020; font-weight:bold; padding:0px 0px 30px 0px}#ultrasonic-page IMG.transducer{width:100%; max-width:1024px; height:auto; margin:0px 0px 70px 0px}#ultrasonic-page DIV.product-learn-more{margin-top:0px} #ultrasonic-page FOOTER{border:none} DIV.thermowell-gallery{margin:60px auto 45px; padding:45px 0px 45px 0px; background:#e8e8e8}DIV.thermowell-gallery IMG{line-height:0px; width:calc(50% - 10px); height:auto; border:solid 1px var(--border-color); box-sizing:border-box; display:inline-block; vertical-align:middle} DIV.thermowell-gallery IMG.img-left{margin-right:10px}DIV.thermowell-gallery IMG.img-right{margin-left:10px} #marine-aircon-page DIV.product-learn-more{margin-top:70px}#marine-aircon-page FOOTER{border:none} #teak-page{padding-bottom:60px} #marine-services-page DIV.media-bullets{margin-bottom:10px; padding-bottom:50px; border-bottom:none}#marine-services-keel-crab{padding:50px 0px 70px 0px; border-top:solid 1px var(--border-color); background:#f0f0f0} #about-page{padding-bottom:60px}#about-page DIV.photo-gallery{padding:0px; background:#fff} #contact-page{padding:0px 0px 55px 0px}#contact-page DIV.container{max-width:1100px}#contact-page P.intro{padding:0px}#contact-page P.contact-errors{color:#303030; line-height:30px; padding:0px}#contact-page P.contact-errors SPAN.error{color:#ff1000} #contact-form{margin-top:10px; padding:65px 0px 65px 0px; border-top:solid 1px var(--border-color); background:#fafafa}#contact-form DIV.container{max-width:1100px} #contact-details{width:250px; padding-right:50px; display:inline-block; vertical-align:top}#contact-details P.intro{font-size:30px; line-height:30px}#contact-details P.address{color:#303030; font-size:18px; line-height:28px; padding:0px 0px 45px 0px}#contact-details P.number-email{color:#000; font-size:16px; line-height:24px; padding:0px} FORM.contact{width:calc(100% - 356px); max-width:500px; padding-left:55px; border-left:solid 1px var(--border-color); display:inline-block; vertical-align:top}FORM.contact INPUT,FORM.contact TEXTAREA{color:#000; font-size:16px; line-height:16px; width:calc(100% - 22px); margin:0px 0px 15px 0px; padding:10px; border:solid 1px var(--border-color); background:#fff}FORM.contact TEXTAREA{line-height:22px; height:150px} #contact-spam{margin-top:15px}FORM.contact INPUT.spam{width:140px; margin:0px; display:inline-block; vertical-align:middle}FORM.contact P.label{color:#000; font-size:18px; line-height:18px; text-align:left; width:68px; padding:0px 0px 0px 12px; display:inline-block; vertical-align:middle}FORM.contact INPUT.submit{color:#fff; width:162px; margin:40px 0px 0px 0px; padding:10px 0px 12px 0px; border:none; border-radius:10px; display:block; cursor:pointer; transition:all .2s ease-in-out; background:#2673ba}FORM.contact INPUT.submit:hover{opacity:.7} #map{width:100%; height:400px; border-top:solid 1px var(--border-color); background:url(../images/backgrounds/map.webp) no-repeat center center}