! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 1.4814rem}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} @font-face { font-family: 'Px Regular'; src: url('../woff2/px-grotesk-regular.woff2') format('woff2'), url('../woff2/px-grotesk-regular.woff2') format('woff'), url('../ttf/px-grotesk-regular.ttf') format('ttf'); font-display: swap; } * { box-sizing: border-box;-moz-box-sizing: border-box; } html, body { margin: 0; } a {outline: none; color: inherit; text-decoration: none; } img {border: 0; } * { outline: 0; } html { font-size: 1.25vw; } body { font-family: 'Px Regular'; font-size: 1rem; line-height: 1.3; color: #0A1E2D; overflow-x: hidden; } body.menu-active, body.popup-active { height: 100vh; overflow: hidden; } .container{padding-top: 4.66rem;} /* Common Elements */ h1 { font-size: 2rem; font-weight: 400; } h2, .h2-style { font-size: 2rem; font-weight: 400; } h3 { font-size: 1.8rem; font-weight: 400; } h4, .h4-style { font-size: 1.6rem; font-weight: 400; } h5 { font-size: 1.4rem; font-weight: 400; } h6 { font-size: 1.2rem; font-weight: 400; } p:first-child { margin-top: 0; } P:last-child { margin-bottom: 0; } .woocommerce-message { font-size: 0.75rem; text-align: center; padding: 0.5rem 1rem; } .video-iframe-wrapper > div { position: relative; display: block; width: 100%; padding-bottom: 100%; } .video-iframe-wrapper > div > * { display: none; } .video-iframe-wrapper > div > iframe { position: absolute; display: block; top: 0; bottom: 0; left: 0; width: 100%; height: auto; margin: auto; } .video-thumb > div { position: relative; } .video-thumb > div::before { content: ""; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); background-image: url('../svg/icon-play-video.svg'); background-size: 2rem auto; background-repeat: no-repeat; background-position: center center; } .walkthrough-thumb > div { position: relative; } .walkthrough-thumb > div::before { content: ""; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); background-image: url('../png/icon-walk-through.png'); background-size: 2rem auto; background-repeat: no-repeat; background-position: center center; } .walkthrough-label { position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding-top: 6rem; z-index: 9; color: #fff; } .walkthrough-label--thumb { font-size: 0.65rem; padding-top: 3.5rem; } #html5-watermark { display: none !important; } .screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; overflow-wrap: normal !important; word-wrap: normal !important; padding: 0; position: absolute !important; width: 1px; } /* Form Fields */ input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], textarea, select, select option { display: block; width: 100%; background: #ffffff; color: #0A1E2D; outline: 0; padding: 0.75rem 0.5rem !important; border-radius: 0; line-height: 1.2; border: 1px #979797 solid; } input.hidden { position: absolute; top: 0; left: 0; width: 0; height: 0; border: 0; visibility: hidden; pointer-events: none; } textarea { resize: none; } select { text-indent: 0; text-overflow: ''; padding-right: 1.75rem; -webkit-appearance: none; -moz-appearance: none; background-image: url(../svg/icon-double-arrow-down-red.svg); background-repeat: no-repeat; background-position: right 0.5rem top 50%; background-size: 0.7rem auto; } /* Chrome, Safari, Edge, Opera */ input:not(.hs-input)::-webkit-outer-spin-button, input:not(.hs-input)::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number]:not(.hs-input) { -moz-appearance: textfield; } /*Custom Select Menu*/ select.custom-select-menu.selectInited { display: block !important; width: 0; height: 0; padding: 0 0 !important; border: 0; outline: 0; margin: 0 0; -webkit-appearance: none; -moz-appearance: none; } .custom-select-menu { position: relative; border: 0; width: 100%; outline: 0; text-align: left; } .custom-select-menu > label { display: block; width: 100%; color: inherit; line-height: 1.2 !important; font: inherit; padding: 0.75rem 1.75rem 0.75rem 0.5rem; outline: 0; position: relative; cursor: pointer; border-radius: 0; background-color: #ffffff; background-image: url(../svg/icon-double-arrow-down-red.svg); background-repeat: no-repeat; background-position: right 0.5rem top 50%; background-size: 0.7rem auto; } .custom-select-menu > label.selection-made { color: inherit; } .custom-select-menu > label.opened { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; } .custom-select-menu ul { position: absolute; top: 100%; padding: 0; margin: 0; background: #ffffff; list-style: none; width: 100%; z-index: 12; max-height: 14rem; overflow: auto !important; border-bottom-left-radius: 0.2rem; border-bottom-right-radius: 0.2rem; border: 0; font-size: inherit; } .custom-select-menu ul > span.cs-filter-wrapper { display: block; width: 100%; padding: 0.26rem; } .custom-select-menu ul > span.cs-filter-wrapper > input { display: block; width: 100%; border: 1px solid #999999; } .custom-select-menu ul li.filterOut { display: none; } .custom-select-menu ul > span.cs-opt-group { display: block; cursor: auto !important; opacity: 0.7; } .custom-select-menu ul li, .custom-select-menu ul > span.cs-opt-group { padding: 0.4rem 0.5rem; color: #636467; cursor:pointer; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .custom-select-menu ul li.sub-opt::before { content: '- '; } .custom-select-menu ul li:hover, .custom-select-menu ul li.selected { color: #000000; } select.error + label.error + .custom-select-menu { box-shadow: 0px 0px 5px rgba(224, 0, 0, 0.25); } /*Custom Select Menu End*/ body > div > .grecaptcha-badge { opacity: 0 !important; pointer-events: none !important; } fieldset { padding: 0 0; margin: 0 0; } form select.custom-select-menu { border: 1px #979797 solid; } form .custom-select-menu > label { border: 1px #979797 solid; } form .custom-select-menu ul { border: 1px #979797 solid; border-top: 0; } /* Form Fields End */ /* HubSpot Forms */ .hbspt-form { position: relative; } .hbspt-form .hs-form-field { position: relative; } .hbspt-form .hs-error-msgs { /*position: absolute; bottom: 0; left: 0;*/ list-style: none; padding: 0; margin: 0; font-size: 0.6rem; color: #FF5A5A; } .hbspt-form .inputs-list { list-style: none; padding: 0; margin: 0 0; } .hbspt-form .input .inputs-list { margin: -0.25rem 0; } .hbspt-form .input .inputs-list .hs-form-booleancheckbox-display { display: flex; align-items: flex-start; padding: 0.25rem 0; } .hbspt-form .input .inputs-list .hs-form-booleancheckbox-display input[type="checkbox"], .hbspt-form .input .inputs-list .hs-form-booleancheckbox-display input[type="radio"] { display: inline-block !important; width: auto !important; margin: 0.25rem 0.5rem 0.25rem 0; } .hbspt-form fieldset.form-columns-1, .hbspt-form fieldset.form-columns-2 { margin: 0 -1rem; max-width: unset; } .hbspt-form fieldset.form-columns-1 > .hs-form-field, .hbspt-form fieldset.form-columns-2 > .hs-form-field { padding: 0 1rem 1rem; } .hbspt-form fieldset.form-columns-1 > .hs-form-field > .hs-error-msgs, .hbspt-form fieldset.form-columns-2 > .hs-form-field .hs-error-msgs { padding: 0.15rem 0 0; } .hbspt-form fieldset .input { margin-right: 0 !important; } .hbspt-form form fieldset.form-columns-1 .hs-input, .hbspt-form form fieldset.form-columns-2 .hs-input, .hbspt-form form fieldset.form-columns-3 .hs-input { width: 100% !important; } .hs_submit input[type="submit"] { display: block; width: 100%; } /*.hbspt-form .hs-form-field > label { display: none; }*/ .hbspt-form .hs-form-field > label + legend { display: none !important; } .hs-custom-style fieldset textarea { height: 8rem; } .hs-custom-style fieldset input[type="checkbox"] { flex-shrink: 0; -webkit-appearance: none; appearance: none; background-color: #fff; margin: 0.15rem 0.5rem 0 0; color: #A5BEC8; width: 1rem; height: 1rem; border: 1px solid #A5BEC8; border-radius: 0; transform: translateY(-0.075em); display: grid; place-content: center; } .hbspt-form fieldset.form-columns-1 input[type="radio"] { width: 1rem; } .hbspt-form input[type="checkbox"] { width: 1rem !important; display: grid !important; vertical-align: middle; } .hbspt-form textarea { min-height: 10rem; } .hs-recaptcha { margin-top: 0; } .hs_error_rollup { position: relative; display: block; margin: 0 0 1rem; } .hs_error_rollup .hs-error-msgs { position: relative; } .hbspt-form .grecaptcha-badge { display: none !important; } .hbspt-form .submitted-message { font-size: 1.4rem; } /* HubSpot Forms End */ .full-span-video video { position: absolute; top: 0; left: 0; width: 100%; height: auto; margin: auto; z-index: 1; } .full-span-video video.portrait { width: auto; height: 100%; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .red-button, input[type=submit] { display: inline-block; padding: 0.75rem 1.2rem; background: #FF5A5A; color: #ffffff !important; text-align: center; border: 1px solid #FF5A5A; outline: 0; cursor: pointer; border-radius: 0; font-weight: normal; text-decoration: none !important; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .red-button:hover, input[type=submit]:hover { background: #ffffff; color: #FF5A5A !important; } .light-blue-border-button { display: inline-block; padding: 0.75rem 1.2rem; background: transparent; color: #0A1E2D; text-align: center; border: 1px solid #28D2C8; outline: 0; border-radius: 0; font-weight: normal; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .light-blue-border-button:hover { background: #28D2C8; color: #ffffff; } .white-button { display: inline-block; padding: 0.75rem 1.2rem; background: #ffffff; color: #0A1E2D; text-align: center; border: 1px solid #ffffff; outline: 0; border-radius: 0; font-weight: normal; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .white-button:hover { color: #FF5A5A; } .arrow-link { display: inline-block; position: relative; padding-right: 1.75rem; color: #0a1e2d; } .arrow-link:after { content: ''; width: 1rem; height: 0.8rem; background: url(../svg/right-double-arrow.svg) center center; background-size: cover; display: block; position: absolute; right: 0.25rem; top: 0; bottom: 0; margin: auto; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .arrow-link:hover::after { right: 0; } /* CF7 */ .wpcf7-form-control-wrap { display: block; margin: 0 0 1rem; } .wpcf7 form .wpcf7-response-output { padding: 0 0; border: 0; margin: 1rem 0 0; } .fieldset-cf7mls-wrapper div.wpcf7-validation-errors .wpcf7-icon-wraning { display: inline-block; float: none; vertical-align: middle; margin: 0 0.25rem 0 0; } .wpcf7-spinner { position: absolute; bottom: 1rem; right: 1rem; margin: 0 0; } .wpcf7 form[data-status="sent"] .wpcf7-response-output { font-size: 1.4rem; } /* CF7 End */ /* MultiStep Forms */ .cf7mls-btns .cf7mls_next.action-button, .cf7mls-btns .cf7mls_back.action-button, .cf7mls_back.action-button, form.cf7mls input.wpcf7-form-control.wpcf7-submit { background: #FF5A5A; color: #fff; padding: 0.75rem 1.2rem; text-align: center; font-weight: normal; border: 0; border-radius: 0; outline: 0; width: 48%; margin: 0 0; position: relative; display: inline-flex; justify-content: center; align-items: center; line-height: 1.2; } .cf7mls-btns .cf7mls_next.action-button:hover, .cf7mls-btns .cf7mls_back.action-button:hover { opacity: 1; } .cf7mls-btns .cf7mls_next.action-button::after { content: ''; width: 0.89rem; height: 0.67rem; background: url(../svg/icon-double-arrow-white.svg) center center; background-size: cover; display: inline-block; margin-left: 0.61rem; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .cf7mls-btns .cf7mls_next.action-button:hover::after { margin-left: 0.86rem; } .cf7mls-btns .cf7mls_back.action-button, .cf7mls_back.action-button { background: #ffffff; color: #0A1E2D; } .cf7mls-btns .cf7mls_back.action-button::before, .cf7mls_back.action-button:before { content: ''; width: 0.89rem; height: 0.67rem; transform: rotate(180deg); background: url(../svg/icon-double-arrow-black.svg) center center; background-size: cover; display: inline-block; margin-right: 0.61rem; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .cf7mls-btns .cf7mls_back.action-button:hover::before, .cf7mls_back.action-button:hover::before { margin-right: 0.86rem; } .wpcf7-form .fieldset-cf7mls .cf7mls-btns { min-height: 3rem; } .fieldset-cf7mls > p { margin: 0 0; } .fieldset-cf7mls:first-child .cf7mls_next.action-button { width: 100%; } /* MultiStep Forms End */ img.responsive { display: block; width: 100%; height: auto; } img.background-image { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .content-page-wysiwyg { line-height: 1.33; } .content-page-wysiwyg img { max-width: 100%; height: auto; } .content-page-wysiwyg a:hover { color: #28d2c8; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } /* Common Elements End */ /*AOS CSS*/ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}} /*AOS CSS End*/ /* Slick */ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /* Header */ header { display: flex; width: 100%; justify-content: space-between; align-items: end; position: fixed; top: 0; left: 0; right: 0; z-index: 5; border-bottom: 1px #0A1E2D solid; background: #fff; padding: 1.3rem 2rem; } header::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; pointer-events: none; background: #ffffff; opacity: 0; transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; } header .logo { z-index: 3; width: 18%; flex-shrink: 0; } header .logo a { position: relative; display: block; width: 100%; } header .logo a img { display:block; width: 100%; height: auto; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } header .logo a img.pink { position: absolute; z-index: 2; left: 0; top: 0; opacity: 0; } header .logo a:hover img.black { opacity: 0; } header .logo a:hover img.pink { opacity: 1; } header .middle ul { list-style: none; padding: 0; margin: 0; } .menu-secondary-menu-container > ul { display: flex; margin: -1.3rem 0 !important; } .menu-secondary-menu-container > ul > li { padding: 1.3rem 1rem; line-height: 1.1; } .menu-secondary-menu-container li { position: relative; } .menu-secondary-menu-container .sub-menu { position: absolute; top: 100%; left: 0.5rem; display: block !important; background: #ffffff; padding: 0.75rem; width: 14rem; opacity: 0; transform: translateY(10px); pointer-events: none; box-shadow: 0px 2px 5px rgba(102, 102, 102, 0.6); transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .menu-secondary-menu-container li.menu-item-has-children:hover .sub-menu { pointer-events: auto; opacity: 1; transform: translateY(0); } .menu-secondary-menu-container .sub-menu li { padding: 0; margin-bottom: 0.6rem; width: 100%; } .menu-secondary-menu-container .sub-menu li:last-child { margin: 0; } header a { transition: 0.2s all linear; } header .middle a:hover{color: #28D2C8;} header .right a:hover{color: #28D2C8;} header .right{display: flex;align-items: center;} header .right a{margin-left: 1.67rem;display: inline-block;line-height: 1.1;} header .right a.profile{padding-right: 2rem;position: relative;} header .right a.profile:before{content: '';height: 1.31rem;width: 1.06rem;display: block;position: absolute;right: 0;background: url(../svg/icon-profile.svg) left top no-repeat;background-size: auto 100%;bottom: 0;opacity: 1;transition: 0.2s all linear;} header .right a.profile:after{content: '';height: 1.31rem;width: 1.06rem;display: block;position: absolute;right: 0;background: url(../svg/icon-profile.svg) right top no-repeat;background-size: auto 100%;bottom: 0;opacity: 0;transition: 0.2s all linear;} header .right a.profile:hover:after{opacity: 1;} header .right a img{display: inline-block;vertical-align: bottom;} header .right a.menu-icon{z-index: 3;position: relative;} header .right a.menu-icon i { background: url(../svg/menu.svg); background-size: 100% 100%; background-repeat: no-repeat; width: 1.5rem; height: 1.5rem; display: block; } header .right .cart-icon a { position: relative; font-size: 0.6rem; text-align: center; min-width: 1.32rem; height: 1.31rem; line-height: 1rem; padding: 0.31rem 0.25rem 0; vertical-align: middle; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } header .right .cart-icon a:before, header .right .cart-icon a:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-position: center left; background-repeat: no-repeat; background-size: 200% 100%; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } header .right .cart-icon a:before { /*background-image: url(../img/icon-cart.svg);*/ background-image:url(../svg/cart-2.svg); width: 87px; height: 66px; background-size: auto; left: -7px; top: -4px; } .cart-icon { position: relative; left: -40px; top: -13px; } header .right .cart-icon a:after { background-image: url(../svg/icon-cart.svg); opacity: 0; background-position: center right 0; } header .right .cart-icon a:hover:after { opacity: 0; } header .right .cart-icon a:hover:before { opacity: 0.8; } header .right a.enquire-now i { display: none; } /* Hamburger Menu */ header .hamburger-menu { position: fixed; width: 100%; height: 100vh; left: 100%; right: 0; top: 0; background: #fff; z-index: 2; display: flex; padding: 8rem 5rem 5rem 5rem; overflow-x: hidden; overflow-y: auto; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .menu-active header .hamburger-menu { left: 0; } header .hamburger-menu > div { width: 50%; } header .hamburger-menu .list { display: flex; flex-direction: column; justify-content: space-between; } header .hamburger-menu ul { list-style: none; margin: 0; padding: 0; } header .hamburger-menu ul li a { position: relative; display: block; padding: 0.5rem 0; color: #838D95; } header .hamburger-menu .primary-navigation { width: 40%; position: relative; } header .hamburger-menu .primary-navigation li { border-top: 1px #838D95 solid; } header .hamburger-menu .primary-navigation li:last-child { border-bottom: 1px #838D95 solid; } header .hamburger-menu .primary-navigation li a { padding-right: 1rem; } header .hamburger-menu .primary-navigation li a:after { content: ''; width: 1rem; background: url(../svg/right-double-arrow.svg) center center no-repeat; background-size: 100% auto; position: absolute; right: 0; height: 100%; top: 0; opacity: 0; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } header .hamburger-menu .primary-navigation li a:hover { color: #666666; } header .hamburger-menu .primary-navigation li a:hover::after { opacity: 1; right: 0; } header .hamburger-menu .primary-navigation li > ul { position: absolute; left: 100%; width: 100%; margin-left: 20%; top: 0; display: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } header .hamburger-menu .primary-navigation li.active > ul { display: block; } header .hamburger-menu .preview { font-size: 2rem; opacity: 0; border-top: 1px #666 solid; padding: 0.5rem 0; transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; } header .hamburger-menu .preview.active { opacity: 1; } header .hamburger-menu .preview.col-2 { margin-left: -26%; } body.menu-active header .right a.menu-icon i { background-image: url(../svg/close.svg); } body.menu-active header::before { opacity: 1; } /* Hamburger Menu End */ /* Header */ /* Footer */ footer { background: #0A1E2D; } footer .footer-logo { display: none; } footer .footer-logo img { display: block; width: 4rem; height: auto; } footer .links { padding: 2.7rem 4rem 2rem; color: #fff; display: flex; width: 100%; justify-content: space-between; } footer .links .footer-navigation { display: inline-block; width: 25%; padding: 0 1rem; } footer .links .footer-navigation ul { list-style: none; padding: 0; margin: 0; } footer .links .footer-navigation ul li a { transition: 0.2s all linear; font-size: 0.78rem; line-height: 1.5; } footer .links .footer-navigation ul li a:hover { color: #28D2C8; } footer .links .footer-navigation ul.menu > li { position: relative; padding-bottom: 1.4rem; } footer .links .footer-navigation ul.menu > li::after { content: ""; position: absolute; bottom: 0.7rem; left: 0; width: 1rem; height: 2px; background: #ffffff; margin-top: -1px; } footer .links .footer-navigation ul.menu > li:last-child { padding-bottom: 0; } footer .links .footer-navigation ul.menu > li:last-child::after { display: none; } footer .links .footer-navigation ul li a[href="#"] { pointer-events: none; } footer .links .footer-navigation--mobile { display: none; } footer .footer-middle { display: flex; justify-content: flex-start; padding: 2rem 4rem 7.5rem; color: #fff; font-size: 0.78rem; } footer .footer-middle .copyright { line-height: 1.5; width: 25%; padding: 0 1rem; } footer .footer-middle .copyright a { text-decoration: underline; transition: .2s color linear; } footer .footer-middle .copyright a:hover { color: #28D2C8; } footer .footer-middle .copyright span { text-decoration: underline; } footer .social-links { padding: 0 1rem; width: 25%; } footer .social-links a { display: inline-block; margin-right: 0.8rem; } footer .social-links a img, footer .social-links a i { display: block; border-radius: 50%; width: 1.55rem; height: 1.55rem; overflow: hidden; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } footer .social-links a i { background-size: auto 100%; background-position: center left; } footer .social-links a:hover i.twitter { filter: saturate(46); } footer .social-links a img:hover, footer .social-links a:hover i { background-color: #28D2C8; } .social-links i.linkedin { background-image: url(../svg/icon-linkedin.svg); } .social-links i.facebook { background-image: url(../svg/icon-facebook.svg); } .social-links i.twitter { background-image: url(../svg/twitter-new.svg); } .social-links i.youtube { background-image: url(../svg/icon-youtube.svg); } footer .blue-section { position: relative; padding: 5rem; background: #28D2C8; color: #fff; font-size: 2rem; min-height: 15.30vw; display: flex; justify-content: flex-end; flex-direction: column; } footer .blue-section__before { background-position: center center; background-repeat: no-repeat; background-size: 100%; padding-bottom: 15.88%; width: 100%; position: absolute; top: -7.3vw; left: 0; right: 0; } /* Footer End */ /* Common Classes */ main { overflow: hidden; } section { padding: 3.2rem 5rem; position: relative; width: 100%; } section .heading, section .entry-header { margin-bottom: 3.33rem; } section .heading.center { text-align: center; } section .heading.right { text-align: right; } section .heading h1, section .heading h2, section .entry-header h1, section .entry-header h2, section .entry-header .h2-style { font-size: 2rem; margin: 0; font-weight: normal; } section .caption { font-size: 2rem; } /* Common Classes End */ /* Banner Section */ .banner { position: relative; min-height: calc(100vh - 5rem); color: #fff; background: #DDDDDD; display: flex; flex-direction: column; justify-content: center; padding-bottom: 6rem; } .banner__video, .banner__image { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .banner__image img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .banner__image--center-center img { object-position: center center; } .banner__image--center-top img { object-position: center top; } .banner__image--center-bottom img { object-position: center bottom; } .banner__image--left-center img { object-position: left center; } .banner__image--left-top img { object-position: left top; } .banner__image--left-bottom img { object-position: left bottom; } .banner__image--right-center img { object-position: right center; } .banner__image--right-top img { object-position: right top; } .banner__image--right-bottom img { object-position: right bottom; } .banner__overlay { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; } .banner__content { position: relative; z-index: 3; } .banner h1 { font-size: 4.7rem; margin: 0 0 0 -0.2rem; } .banner .caption { font-size: 2rem; margin: 1rem 0 0; } .banner .desc { margin: 1.5rem 0 0; } .banner__cta { margin: 2.2rem 0 0; min-width: 11rem; } .banner .down-arrow { position: absolute; z-index: 3; bottom: 4rem; width: 2.44rem; height: auto; } .banner .down-arrow img { display: block; width: 100%; height: auto; -moz-animation: bounce 3s infinite; -webkit-animation: bounce 3s infinite; animation: bounce 3s infinite; } .banner .down-arrow:hover img { -moz-animation: none; -webkit-animation: none; animation: none; } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);transform: translateY(0);} 40% {-moz-transform: translateY(1rem);transform: translateY(1rem);} 60% {-moz-transform: translateY(0.5rem);transform: translateY(0.5rem);} } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);} 40% {-webkit-transform: translateY(1rem);transform: translateY(1rem);} 60% {-webkit-transform: translateY(0.5rem);transform: translateY(0.5rem);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);} 40% {-moz-transform: translateY(1rem);-ms-transform: translateY(1rem);-webkit-transform: translateY(1rem);transform: translateY(1rem);} 60% {-moz-transform: translateY(0.5rem);-ms-transform: translateY(0.5rem);-webkit-transform: translateY(0.5rem);transform: translateY(0.5rem);} } /* Banner Section End */ /* Explore Text Section */ .sl-explore { background: #F4F2F2; } .sl-explore .heading { margin-bottom: 1.11rem; max-width: 50%; } .sl-explore .content { max-width: 50%; } .sl-explore__with-lines { width: 100%; height: 14.66vw; display: block; position: absolute; bottom:-9.5vw; left: 0; right: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; } /* Explore Text Section End */ /* Pagination */ .pagination ul.page-numbers { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; align-items: flex-start; width: 100%; padding: 0 0; margin: 0 -0.12rem; list-style: none; } .pagination ul.page-numbers li { margin: 0 0.12rem 0.24rem; } .pagination ul.page-numbers li.page-nav { flex-grow: 1; } .pagination ul.page-numbers li.page-nav--disabled { pointer-events: none; } .pagination ul.page-numbers li.page-nav--prev { text-align: left; } .pagination ul.page-numbers li.page-nav--next { text-align: right; } .pagination ul.page-numbers li .page-numbers { display: inline-block; line-height: 2.78rem; text-align: center; width: 2.78rem; border: 1px transparent solid; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .pagination ul.page-numbers li .page-numbers.prev, .pagination ul.page-numbers li .page-numbers.next, .pagination ul.page-numbers li .page-numbers.prev:hover, .pagination ul.page-numbers li .page-numbers.next:hover { color: #888; background: none; width: 11rem; border: 1px #D2CDCD solid; color: #0A1E2D; } .pagination ul.page-numbers li .page-numbers.prev span { position: relative; padding-left: 2rem; } .pagination ul.page-numbers li .page-numbers.next span { position: relative;padding-right: 2rem; } .pagination ul.page-numbers li .page-numbers.prev span:after, .pagination ul.page-numbers li .page-numbers.next span:after { content: ''; width: 1.1rem; height: 0.8rem; background: url(../svg/right-double-arrow.svg) center center; background-size: 100% auto; display: block; top: 0; bottom: 0; margin: auto; transition: 0.2s all linear; position: absolute; } .pagination ul.page-numbers li .page-numbers.prev span:after { left: 0.5rem; transform: rotate(180deg); } .pagination ul.page-numbers li .page-numbers.prev:hover span:after { left: 0; } .pagination ul.page-numbers li .page-numbers.next span:after { right: 0.5rem; } .pagination ul.page-numbers li .page-numbers.next:hover span:after { right: 0; } .pagination ul.page-numbers li .page-numbers.current, .pagination ul.page-numbers li .page-numbers:hover { background: #A5BEC8; color: #fff; border: 1px #A5BEC8 solid; } /* Pagination End */ /* Tabs */ .tab-links-section { padding-top: 5.56rem; padding-bottom: 0; } .tabs { display: flex; border-bottom: 1px #A5BEC8 solid; width: 100%; } .tabs .each { display: inline-block; padding-right: 2rem; margin-right: 1rem; margin-bottom: -1px; opacity: 0.6; cursor: pointer; } .tabs .each span { position: relative; display: block; line-height: 2rem; } .tabs .each span:after { content: ''; width: 1rem; height: 0.8rem; background: url(../svg/right-double-arrow.svg) center center; background-size: cover; display: block; right: 0; top: 0; bottom: 0; margin: auto; opacity: 0; transition: 0.2s right linear; position: absolute; } .tabs .each.active { border-bottom: 2px #FF595A solid; opacity: 1; } .tabs .each:hover { opacity: 1; } .tabs .each:hover span:after, .tabs .each.active span:after { right: -1.5rem; opacity: 1; } /* Tabs End */ /* Slick */ .slick-track { display: flex; } .slick-vertical .slick-track { display: block; } .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 1.1rem; height: 1.94rem; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev { left: -2rem; } .slick-prev:before { content: ''; background: url(../svg/slider-left.svg) center center no-repeat; background-size: cover; width: 1.1rem; height: 1.94rem; display: block; } .slick-next { right: -2rem; } .slick-next:before { content: ''; background: url(../svg/slider-right.svg) center center no-repeat; background-size: cover; width: 1.1rem; height: 1.94rem; display: block; } /* Slick */ /* Industries Section 2 */ .section3 {z-index: 2;} .section3 .heading .caption{color: #5D6B74;} .section3 .list{display: flex;flex-wrap: wrap;} .section3 .list .each{width: 47%;padding-bottom: 8%;} .section3 .list .each:nth-child(2n){margin-left: 6%;} .section3 .list .each .text{width: 62%;margin-top: -4rem;background: #fff;position: relative;z-index: 1;} .section3 .list .each .text h3 { margin: 0; font-size: 2rem; line-height: 4rem; font-weight: normal; } .section3 .list .each .text .desc { border-top: 1px #A5BEC8 solid; padding: 1rem 0; margin-top: -1px; } .section3 .list .each .text a { display: block; border-bottom: 1px #A5BEC8 solid; border-top: 1px #A5BEC8 solid; line-height: 2.6rem; } .section3 .list .each .text a span{display: inline-block;position: relative;} .section3 .list .each .text a span:after{content: '';width: 1rem;height: .8rem;background: url(../svg/right-double-arrow.svg) center center;background-size: cover;display: block;right: -1.5rem;top: 0;bottom: 0; margin: auto;transition: 0.2s right linear;position: absolute;} .section3 .list .each .text a:hover span:after{right: -1.75rem;} .section3 .list .each .image{width: 100%;overflow: hidden;} .section3 .list .each .image img { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .section3 .list .each .image:hover img { transform: scale(1.02); } /* Industries Section 2 End */ /* Text Media Section */ .section4{background: #D2CDCD;margin-top: 0vw;padding-bottom: 7rem;z-index: 1;} .section4:before{width: 100%;padding-bottom: 35.13%;content: '';background: url(../svg/line-grey-home.svg) center center no-repeat;background-size: cover;display: block;position: absolute;top: -25vw;left: 0;z-index: 2;} .section4:after{width: 100%;padding-bottom: 3.6%;content: '';background: url(../svg/ug_divider3.svg) center center no-repeat;background-size: cover;display: block;position: absolute;bottom: -2vw;left: 0;z-index: 2;} .section4 .caption{color: #fff;} .section4 .heading{margin-bottom: 2rem;} .section4 .content{display: flex;} .section4 .content .text { width: 40%; line-height: 1.3; padding-right: 10%; flex-shrink: 0; align-self: center; } .section4 .content .image { width: 60%; } .section4 .content .image video, .section4 .content .image img { display: block; width: 100%; height: auto; } .section4 .content .image video { background: #fefefe; font-size: unset !important; margin: unset; text-indent: unset; border-radius: unset; animation: unset; } .section4 .content .image video[poster] { object-fit: cover; } .section4 .content .image iframe { width: 100%; } /* Text Media Section */ /* Text Media Gallery Section */ .text-gallery .content { display: flex; align-items: flex-start; } .text-gallery .content .text { width: 40%; line-height: 1.3; padding-right: 10%; flex-shrink: 0; padding-top: 2rem; } .text-gallery .content .text h3 { font-size: 2rem; margin: 0 0 1rem; } .text-gallery .content .text .desc { margin: 0 0 1rem; } .text-gallery .content .gallery { width: 60%; } .text-gallery .content .gallery .main { display: block; margin: 0 0 1rem; } .text-gallery .content .gallery .main .each { display: block; width: 100%; } .text-gallery .content .gallery .main .each > div { display: block; width: 100%; position: relative; } .text-gallery .content .gallery .main .each video, .text-gallery .content .gallery .main .each img { display: block; width: 100%; height: auto; } .text-gallery .content .gallery .main .each.inited video, .text-gallery .content .gallery .main .each.inited img { position: absolute; top: 0; left: 0; height: 100%; object-fit: contain; } .text-gallery .content .gallery .main .each video { background: #fefefe; font-size: unset !important; margin: unset; text-indent: unset; border-radius: unset; animation: unset; } .text-gallery .content .gallery .main > .each:nth-child(n+2) { display: none; } .text-gallery .content .gallery .thumbs { display: block; text-align: right; margin: 0 -0.3rem; white-space: nowrap; } .text-gallery .content .gallery .thumbs .slick-track { margin-right: 0; } .text-gallery .content .gallery .thumbs .each { display: inline-block; width: 25%; padding: 0 0.3rem; } .text-gallery .content .gallery .thumbs .each > div { display: block; width: 100%; position: relative; padding-bottom: 100%; } .text-gallery .content .gallery .thumbs .each img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .text-gallery .content .gallery .thumbs > .each:nth-child(n+5) { display: none; } .text-gallery .content .gallery .thumbs .slick-prev, .text-gallery .content .gallery .thumbs .slick-next { margin-top: -0.97rem; opacity: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .text-gallery .content .gallery .thumbs .slick-prev { left: 0.35rem; z-index: 2; transform: translateX(-1rem); -webkit-transform: translateX(-1rem); } .text-gallery .content .gallery .thumbs .slick-next { right: 0.35rem; z-index: 2; transform: translateX(1rem); -webkit-transform: translateX(1rem); } .text-gallery .content .gallery .thumbs:hover .slick-prev, .text-gallery .content .gallery .thumbs:hover .slick-next { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); } /* Text Media Gallery Section */ /* Case Studies Section */ .section5 .heading .caption { color: #5D6B74; } /* Case Studies Columns */ .case-studies-columns__list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; margin: 0 -1.5rem; } .case-studies-columns__list .each { display: inline-flex; flex-direction: column; width: 33.33%; padding: 0 1.5rem; margin: 0 0 3rem; } .case-studies-columns__list .each__content { flex-grow: 1; } .case-studies-columns__list .each .image { position: relative; overflow: hidden; display: block; width: 100%; padding-bottom: 70%; } .case-studies-columns__list .each .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; object-fit: contain; object-position: center; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .case-studies-columns__list .each .image:hover img { transform: scale(1.02); } .case-studies-columns__list .each .image:after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(10,30,45,0.7) url(../svg/icon-double-arrow-white.svg) center center no-repeat; background-size: 1.45rem auto; opacity: 0; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .case-studies-columns__list .each .image:hover:after { opacity: 1; } .case-studies-columns__list .each .title { margin: 0.7rem 0; font-size: 1.33rem; } .case-studies-columns__list .each .tag { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; font-size: 0.9rem; margin: 0 0 0.7rem; } .case-studies-columns__list .each .tag span{margin-left: 0.8rem;padding-left: 0.8rem;display: inline-block;position: relative;} .case-studies-columns__list .each .tag span:before{content: '|';color: #A5BEC8;position: absolute;left: 0;} .case-studies-columns__list .each .tag span:first-child{margin-left: 0;padding-left: 0;} .case-studies-columns__list .each .tag span:first-child:before{display: none;} .case-studies-columns__list .each .desc { margin: 0 0 0.7rem; } .case-studies-columns__list .each a.view-more{ display: block; border-bottom: 1px #A5BEC8 solid; border-top: 1px #A5BEC8 solid; line-height: 2.6rem; } .case-studies-columns__list .each a.view-more span{display: inline-block;position: relative;} .case-studies-columns__list .each a.view-more span:after{content: '';width: 1rem;height: .8rem;background: url(../svg/right-double-arrow.svg) center center;background-size: cover;display: block;right: -1.5rem;top: 0;bottom: 0; margin: auto;transition: 0.2s right linear;position: absolute;} .case-studies-columns__list .each a.view-more:hover span:after{right: -1.75rem;} .case-studies-columns__list .each.featured { width: 66.66%; } .case-studies-columns__list .each.featured .image { padding-bottom: 40%; } .case-studies-columns__list .each.featured .image img { object-fit: cover; } /* Case Studies Columns End */ /* Case Studies Rows */ .case-studies-rows__list .each { width: 100%; padding-bottom: 5rem; display: flex; justify-content: space-between; align-items: center; } .case-studies-rows__list .each:nth-child(2n) { flex-direction: row-reverse; } .case-studies-rows__list .each:last-child { padding-bottom: 0; } .case-studies-rows__list .each>div{width: 47.5%;} .case-studies-rows__list .each .image{overflow: hidden;} .case-studies-rows__list .each .image img{width: 100%;display: block;height: auto;transition: 0.2s all linear;} .case-studies-rows__list .each .image:hover img{transform: scale(1.01);} .case-studies-rows__list .each .text h3 { margin: 0; font-size: 2rem; font-weight: normal; padding: 0 0 0.8rem; border-bottom: 1px #A5BEC8 solid; } .case-studies-rows__list .each .text .tag span{margin-left: 0.8rem;padding-left: 0.8rem;display: inline-block;position: relative;} .case-studies-rows__list .each .text .tag span:before{content: '|';color: #A5BEC8;position: absolute;left: 0;} .case-studies-rows__list .each .text .tag span:first-child{margin-left: 0;padding-left: 0;} .case-studies-rows__list .each .text .tag span:first-child:before{display: none;} .case-studies-rows__list .each .text .desc { padding: 1rem 0; border-bottom: 1px #A5BEC8 solid; } .case-studies-rows__list .each .text a.view-more { display: block; border-bottom: 1px #A5BEC8 solid; line-height: 2.6rem; } .case-studies-rows__list .each .text a.view-more span{display: inline-block;position: relative;transition: 0.2s all linear;} .case-studies-rows__list .each .text a.view-more span:after{content: '';width: 1rem;height: .8rem;background: url(../svg/right-double-arrow.svg) center center;background-size: cover;display: block;right: -1.5rem;top: 0;bottom: 0; margin: auto;transition: 0.2s right linear;position: absolute;} .case-studies-rows__list .each .text a.view-more:hover span:after{right: -1.75rem;} .case-studies-rows .load-more { text-align: center; margin-top: 5rem; } .case-studies-rows .pagination { margin-top: 5rem; } /* Case Studies Rows End */ /* Case Studies Section */ /* Map Section */ .section6{padding: 0;} .section6 .map{position: relative;} .section6 .map #map { width:100%; min-height: 40rem; } .section6 .heading{position: absolute;top: 3.2rem;left: 5rem;display: inline-block;z-index: 2;} .section6 .heading .caption{color: #5D6B74;} .section6 .content{position: absolute;left: 5rem;top: 10rem;display: flex;width: 16rem;border: 1px #0A1E2D solid;flex-direction: column;z-index: 2;font-size: 0.8rem;line-height: 1.2rem;} .section6 .content .custom-select { border-bottom: 1px #0A1E2D solid; } .section6 .office option{display: none;} .section6 .address a{transition: 0.2s all linear;} .section6 .address a:hover{color:#28D2C8 ;} .section6 .content{border-bottom: 0;} .section6 .content .address{background: #fff;padding:0 1rem;max-height: 0rem;transition: 0.2s all linear;transition-delay: 0.1s;overflow: hidden;} .section6 .content .address.active{border-bottom: 1px #0A1E2D solid;max-height: 20rem;} .section6 .content .address div{display: none;margin: 1rem 0;} .section6 .content .address div.active{display: block;} /* Map Section End */ /*Products Listing Page*/ section.products { display: flex; flex-direction: column; } section.products .search { padding: 2.5rem 0 0 2.5rem; position: relative; } section.products .search:before { position: absolute; left: 0; bottom: 0.5rem; width: 1.2rem; height: 1.2rem; display: block; content: ''; background: url(../svg/search-icon.svg) center center no-repeat; background-size: cover; } section.products .search input { border: 0px; border-bottom: 1px #0A1E2D solid; width: 100%; line-height: 2rem; padding: 0 0; } section.products .search input#yith-searchsubmit { display: none; } section.products .content { display: flex; } section.products .content .list { flex-grow: 1; padding-left: 2.4rem; } section.products .filter-btn { display: none; } section.products .content .filters { width: 15rem; font-size: 0.83rem; flex-shrink: 0; } section.products .content .filters .close-icon { display: none; } section.products .content .filters .filter-title { font-size: 0.8rem; color: #888; } section.products .content .filters ul { list-style: none; padding: 0; margin: 0; } /* WooCommerce Category List */ section.products .content .unique-product-list.loading::before { content: ""; background: url('../gif/ajax-loader.gif') no-repeat center; height: 6.25rem; width: 6.25rem; display: block; } section.products .content .filter-content { position: relative; } section.products .content .filter-content .clear-selection { position: absolute; top: -1rem; right: 0; font-size: 0.9em; display: none; } section.products .content .filter-content .clear-selection.active { display: block; } section.products .content .wc-block-product-categories-list-item { position: relative; } section.products .content .wc-block-product-categories-list-item a { position: relative; display: block; padding: 0.7rem 0; margin-right: 1.5rem; padding-right: 3.125rem; } section.products .content .wc-block-product-categories-list-item .wc-block-product-categories-list-item-count { position: absolute; z-index: 2; right: 1.5rem; top: 0; padding: 0.7rem 0; color: #B4B4B4; } section.products .content .wc-block-product-categories-list-item .wc-block-product-categories-list-item-count::before { content: "("; } section.products .content .wc-block-product-categories-list-item .wc-block-product-categories-list-item-count::after { content: ")"; } section.products .content .wc-block-product-categories-list-item a:before { content: ""; position: absolute; z-index: 1; bottom: 0; top: 0; left: 0; right: -1.5rem; border-bottom: 1px #A5BEC8 solid; pointer-events: none; } section.products .content .wc-block-product-categories-list-item a span { position: relative; z-index: 3; } section.products .content .wc-block-product-categories-list-item.has-children > a:after { content: ''; width: 0.7rem; height: 100%; pointer-events: none; background: url(../svg/arrow-coral.svg) center center no-repeat; position: absolute; right: -1.2rem; top: 0; z-index: 2; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } section.products .content .wc-block-product-categories-list-item.active > a:before { background: rgba(210, 205, 205, 0.4); } section.products .content .wc-block-product-categories-list-item.active > a, section.products .content .wc-block-product-categories-list-item.active > .wc-block-product-categories-list-item-count, section.products .content .wc-block-product-categories-list-item.active-parent > .wc-block-product-categories-list-item-count { color: #0A1E2D; } section.products .content .wc-block-product-categories-list-item.open > a:after { transform: rotate(180deg); } section.products .content .wc-block-product-categories > ul > li > a { padding-left: 0; } section.products .content .wc-block-product-categories > ul > li.active-parent > a:before { background: rgba(210, 205, 205, 1); } section.products .content .wc-block-product-categories > ul > li > ul > li > a { padding-left: 0.5rem; } section.products .content .wc-block-product-categories > ul > li > ul > li.active-parent > a:before { background: rgba(210, 205, 205, 0.85); } section.products .content .wc-block-product-categories > ul > li > ul > li > ul > li > a { padding-left: 1rem; } section.products .content .wc-block-product-categories > ul > li > ul > li > ul > li.active-parent > a:before { background: rgba(210, 205, 205, 0.7); } section.products .content .wc-block-product-categories > ul > li > ul > li > ul > li > ul > li > a { padding-left: 1.5rem; } section.products .content .wc-block-product-categories > ul > li > ul > li > ul > li > ul > li.active-parent > a:before { background: rgba(210, 205, 205, 0.55); } section.products .content .wc-block-product-categories > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: 2rem; } section.products .content .wc-block-product-categories > ul > li > ul > li > ul > li > ul > li > ul > li.active-parent > a:before { background: rgba(210, 205, 205, 0.4); } section.products .content .wc-block-product-categories-list-item > ul { display: none; } section.products .content .wc-block-product-categories-list-item.open > ul { display: block; } /* WooCommerce Category List End */ /* Products Listing */ ul.products { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; list-style: none; padding: 0; margin: 0 -1.2rem; } ul.products li.product { display: flex; flex-direction: column; align-items: flex-start; width: 33.33%; padding: 0 1.2rem 2.4rem; } ul.products li.product .woocommerce-loop-product__link { flex-grow: 1; display: block; width: 100%; } ul.products li.product .product-thumbnail { display: block; width: 100%; padding-bottom: 100%; overflow: hidden; position: relative; } ul.products li.product .product-thumbnail img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } ul.products li.product .product-thumbnail::after { background: rgba(10,30,45,0.7) url(../svg/icon-double-arrow-white.svg) center center no-repeat; background-size: 1.45rem auto; content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; right: 0; opacity: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } ul.products li.product .product-thumbnail:hover img { transform: scale(1.01); } ul.products li.product .product-thumbnail:hover::after { opacity: 1; } ul.products li.product h2 { margin: 0; padding: 0.8rem 0; font-size: 1rem; font-weight: normal; } ul.products li.product .category { display: none; font-size: 0.9rem; color: #888; width: 100%; margin: 0 0 1rem; } ul.products li.product .buttons { width: 100%; } ul.products li.product .view-product { display: block; line-height: 2.78rem; text-align: center; background: #0A1E2D; color: #fff; border: 1px #0A1E2D solid; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } ul.products li.product .view-product:hover { background: #fff; color: #0A1E2D; } ul.products li.product .add-request-quote-button { display: block; width: 2.78rem; height: 2.78rem; font-size: 0 !important; background-color: #ffffff !important; border: 1px #0A1E2D solid !important; background-image: url(../svg/cart-icon-black.svg); background-position: center center; background-repeat: no-repeat; background-size: 1.22rem 1.22rem; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } ul.products li.product .add-request-quote-button:hover { background-color: #0A1E2D !important; background-image: url(../svg/cart-icon-white.svg); } ul.products li.product .buttons.buttons--with-quote { position: relative; padding-right: 3.78rem; } ul.products li.product .buttons .yith-ywraq-add-to-quote { position: absolute; top: 0; right: 1px; } ul.products li.product .buttons .yith-ywraq-add-button { display: block !important; } ul.products li.product .buttons .yith-ywraq-add-button.hide .add-request-quote-button, ul.products li.product .buttons .yith-ywraq-add-button.addedd .add-request-quote-button { background-image: url(../svg/icon-tick.svg); pointer-events: none; } ul.products li.product .buttons .yith_ywraq_add_item_product_message, ul.products li.product .buttons .yith_ywraq_add_item_response_message, ul.products li.product .buttons .yith_ywraq_add_item_browse_message { display: none !important; } /* Products Listing End */ .unique-category-archive-description .term-description { margin: 3rem 0 0; } /*Products Listing Page*/ /* Product Detail End */ .breadcrumb { font-size: 0.78rem; padding: 0.5rem 5rem; border-bottom: 1px #0A1E2D solid; } .product-detail { background:#f4f2f2; } .product-detail .basic { display: flex; width: 100%; justify-content: space-between; } .product-detail .basic .image { width: 63%; } .product-detail .basic .image > div { display: flex; align-items: stretch; margin: 0 -0.32rem; } /* Main Slider */ .img-slide { display: inline-block; width: 100%; float: none; } .img-slide > div { position: relative; z-index: 1; overflow: hidden; width: 100%; padding-bottom: 100%; } .img-slide > div > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .product-detail .basic .image .slider { position: relative; display: inline-block; width: 80%; padding: 0 0.32rem; flex-grow: 0; flex-shrink: 0; } .product-detail .basic .image .slider > .img-slide { display: none; } .product-detail .basic .image .slider > .img-slide:first-child { display: block; } .product-detail .basic .image .slider .img-slide > div > img { object-fit: contain; object-position: top center; } .product-detail .basic .image .slider .video-thumb > div::before, .product-detail .basic .image .slider .walkthrough-thumb > div::before { background-size: 4rem auto; } .product-detail .basic .image .slider { overflow: hidden; } .product-detail .basic .image .slider .slick-prev, .product-detail .basic .image .slider .slick-next { left: 0.32rem; top: 0; height: 100%; width: 3rem; z-index: 2; opacity: 0; -webkit-transform: none; -ms-transform: none; transform: none; background: unset; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .product-detail .basic .image .slider .slick-prev { transform: translateX(-1rem); -webkit-transform: translateX(-1rem); } .product-detail .basic .image .slider .slick-prev:before { content: ''; background-image: url(../svg/slider-left.svg); background-position: center center; background-repeat: no-repeat; background-size: 1.1rem auto; width: 100%; height: 100%; display: block; } .product-detail .basic .image .slider .slick-next:before { content: ''; background-image: url(../svg/slider-right.svg); background-position: center center; background-repeat: no-repeat; background-size: 1.1rem auto; width: 100%; height: 100%; display: block; } .product-detail .basic .image .slider .slick-next { left: unset; right: 0.32rem; transform: translateX(1rem); -webkit-transform: translateX(1rem); } .product-detail .basic .image .slider:hover .slick-prev, .product-detail .basic .image .slider:hover .slick-next { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); } /* Main Slider End */ /* Thumbnails Slider */ .product-detail .basic .image .thumbs-wrapper { display: inline-block; width: 20%; flex-grow: 0; flex-shrink: 0; margin: -0.32rem 0; padding: 0 0.32rem; } .product-detail .basic .image .thumbs .img-slide { display: block; padding: 0.32rem 0; cursor: pointer; } .product-detail .basic .image .thumbs > .img-slide:not(:nth-child(-n+4)) { display: none; } .product-detail .basic .image .thumbs { overflow: hidden; } .product-detail .basic .image .thumbs .slick-prev, .product-detail .basic .image .thumbs .slick-next { left: 0; top: 0.32rem; display: block; width: 100%; height: 3rem; z-index: 2; opacity: 0; -webkit-transform: none; -ms-transform: none; transform: none; background: unset; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .product-detail .basic .image .thumbs .slick-prev { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); transform: translateY(-1rem); -webkit-transform: translateY(-1rem); } .product-detail .basic .image .thumbs .slick-prev:before { content: ''; background-image: url(../svg/slider-left.svg); background-position: center center; background-repeat: no-repeat; background-size: 1.1rem auto; transform: rotate(90deg); -webkit-transform: rotate(90deg); width: 100%; height: 100%; display: block; } .product-detail .basic .image .thumbs .slick-next:before { content: ''; background-image: url(../svg/slider-right.svg); background-position: center center; background-repeat: no-repeat; background-size: 1.1rem auto; transform: rotate(90deg); -webkit-transform: rotate(90deg); width: 100%; height: 100%; display: block; } .product-detail .basic .image .thumbs .slick-next { top: unset; bottom: 0.32rem; transform: translateY(1rem); -webkit-transform: translateY(1rem); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);; } .product-detail .basic .image .thumbs:hover .slick-prev, .product-detail .basic .image .thumbs:hover .slick-next { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); } /* Thumbnails Slider */ .product-detail .basic .text { width: 33%; } .product-detail .basic .text h1{font-size: 2rem;font-weight: normal;margin: 0;padding: 0.5rem 0rem;border-bottom: 1px #A5BEC8 solid;} .product-detail .basic .text .availabilty{line-height: 2.4rem;border-bottom: 1px #A5BEC8 solid;} .product-detail .basic .text .download { line-height: 2.4rem; border-bottom: 1px #A5BEC8 solid; position: relative; padding-right: 0.6rem; } .product-detail .basic .text .download img { position: absolute; right: 0; height: 0.92rem; width: 0.58rem; display: block; top: 0; bottom: 0; margin: auto; object-fit: contain; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .product-detail .basic .text .download a { display: block; } .product-detail .basic .text .download a img.hover { opacity: 0; } .product-detail .basic .text .download a:hover img { opacity: 0; } .product-detail .basic .text .download a:hover img.hover { opacity: 1; } .product-detail .basic .text .quantity{padding:1.4rem 0rem;text-align: center;} .product-detail .quantity span{height: 2.67rem;line-height: 2.67rem;width: 2.67rem;display: inline-block;text-align: center;border: 1px #A5BEC8 solid;transition: 0.2s background linear;cursor: pointer;user-select: none;} .product-detail .quantity span:hover{background: #A5BEC8;color: #fff;} .product-detail .quantity input{height: 2.67rem;line-height: 2.67rem;width: 2.67rem;border: 1px #0A1E2D solid;display: inline-block;margin: 0 0.5rem;text-align: center;} .product-detail .basic .variations_form .variations { width: 100%; } .product-detail .basic .variations_form .variations th.label { text-align: left; font-weight: normal; padding-right: 0.75rem; vertical-align: top; padding: 0.85rem 0.85rem 0.85rem 0; width: 40%; } .product-detail .basic .variations_form .variations th.value { vertical-align: top; width: 60%; } .product-detail .basic .variations_form .variations td.value .reset_variations { display: none !important; } .product-detail .basic .add-to-basket a, .product-detail .basic a.add-request-quote-button { display: block; text-align: center; margin-bottom: 1.33rem; padding: 0.85rem; font-weight: inherit; font-size: inherit !important; line-height: 1; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .product-detail .basic .add-to-basket a { background: rgba(0,0,0,0); border: 1px #28D2C8 solid; color: #0A1E2D; } .product-detail .basic .yith-ywraq-add-button { position: relative; } .product-detail .basic .yith-ywraq-add-button .ajax-loading { position: absolute; top: 0.5rem; left: 0.5rem; } .product-detail .basic .yith_ywraq_add_item_product_message, .product-detail .basic .yith_ywraq_add_item_response_message { margin: 0 0 0.5rem; text-align: center; } .product-detail .basic .yith_ywraq_add_item_browse_message { text-decoration: underline; color: #0A1E2D; margin-bottom: 1.33rem; text-align: center; } .product-detail .basic .yith_ywraq_add_item_browse_message a { padding: 10px 15px; text-decoration: none; color: #fff; text-align: center; background: #0A1E2D; display: inline-block; transition: all 0.3s ease-in-out; border: 1px #0A1E2D solid; } .product-detail .basic .yith_ywraq_add_item_browse_message a:hover { background: #fff; color: #0A1E2D; border: 1px #0A1E2D solid; } .product-detail .basic .description, .product-detail .basic .woocommerce-product-details__short-description { padding-top: 0.8rem; border-top: 1px #A5BEC8 solid; line-height: 1.33rem; } .product-detail .details { padding: 2rem 0 0; display: flex; justify-content: space-between; color: #5D6B74; align-items: flex-start; flex-wrap: wrap; } .product-detail .details .title, .product-detail .details strong { color: #0A1E2D; font-weight: 400; } .product-detail .details .col { width: 30%; } .product-detail .details .col .product-tab__title, .product-detail .details .col .product-tab__content > div, .product-detail .details .col .product-tab__content > p, .product-detail .details .col .product-tab__content > h3 { padding: 0.8rem 0; border-top: 1px #A5BEC8 solid; margin: 0 0; font-size: 1rem; } .product-detail .details .col .product-tab__title { padding-right: 1rem; position: relative; } .product-detail .details .col .product-tab__title::after { content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 1rem; background-position: right center; background-repeat: no-repeat; background-size: 100% auto; } .product-detail .details .woocommerce-product-attributes { width: 100%; } .product-detail .details .woocommerce-product-attributes tr { border-top: 1px #A5BEC8 solid; } .product-detail .details .woocommerce-product-attributes th, .product-detail .details .woocommerce-product-attributes td { font-weight: normal; vertical-align: top; padding: 0.8rem 0; text-align: left; } .product-detail .details .woocommerce-product-attributes td.woocommerce-product-attributes-item__value { text-align: right; } .product-detail__after { position: absolute; bottom: -9.5vw; left: 0; right: 0; width: 100%; height: 14.66vw; display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; } .product-enquiry .form { max-width: 42rem; width: 100%; } .product-enquiry .hs-product_name, .product-enquiry .hs-line_of_business, .product-enquiry .hs-legal_entity { position: absolute; top: 0; left: 0; width: 0; height: 0; border: 0; visibility: hidden; pointer-events: none; } /* Related Products */ .related.products { background: rgba(165, 190, 200, .2); } .related.products ul.products li.product { width: 25%; } .related.products ul.products.slick-initialized { display: block; } .related.products ul.products .slick-track { align-items: stretch; } .related.products ul.products .slick-track li.product { height: auto; float: none; } /* Related Products */ /* Product Detail End */ /* Cart Page */ .ywraq-wrapper .woocommerce-error { text-align-last: center; margin: 0 0 2rem; padding: 0 0; list-style: none; } .ywraq-with-form .ywraq-form-table-wrapper.wide { grid-column-gap: 2.5rem; align-items: flex-start; } #yith-ywraq-form table.cart { margin: 0 0; } #yith-ywraq-form table.cart .cart_item { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; border-top: 1px #BBD3DC solid; padding: 2.5rem 0; } #yith-ywraq-form table.cart .cart_item:first-child { border-top: 0; padding-top: 0; } #yith-ywraq-form table.cart .cart_item td { display: inline-block; vertical-align: top; } #yith-ywraq-form table.cart .cart_item td.product-thumbnail { width: 26%; flex-shrink: 0; } #yith-ywraq-form table.cart .cart_item td.product-thumbnail a, #yith-ywraq-form table.cart .cart_item td.product-thumbnail img { display: block; width: 100%; height: auto; } #yith-ywraq-form table.cart .cart_item td.product-name { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; position: relative; padding: 0 1.5rem; flex-grow: 1; } #yith-ywraq-form table.cart .cart_item .item-name { padding-bottom: 0.5rem; } #yith-ywraq-form table.cart .cart_item .category { font-size: 0.88rem; color: rgba(34, 35, 43, 0.6); } #yith-ywraq-form table.cart .cart_item .product-info ul { list-style: none; padding: 0 0; margin: 1rem 0 0; font-size: 0.88rem; color: rgba(34, 35, 43, 0.6); } #yith-ywraq-form table.cart .cart_item .product-info strong { font-weight: normal; } #yith-ywraq-form .product-quantity { padding: 0 0; margin: 1rem 0 0; } #yith-ywraq-form .product-quantity .quantity { display: flex; flex-direction: row; flex-wrap: nowrap; } #yith-ywraq-form .product-quantity .quantity span { height: 2.67rem; line-height: 2.67rem; width: 2.67rem; display: inline-block; text-align: center; border: 1px #A5BEC8 solid; cursor: pointer; user-select: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } #yith-ywraq-form .product-quantity .quantity span:hover { background: #A5BEC8; color: #fff; } #yith-ywraq-form .product-quantity .quantity input::-webkit-outer-spin-button, #yith-ywraq-form .product-quantity .quantity input::-webkit-inner-spin-button { -webkit-appearance: none; } #yith-ywraq-form .product-quantity .quantity input { height: 2.67rem; line-height: 2.67rem; width: 5.2rem; border: 1px #A5BEC8 solid; display: inline-block; margin: 0 0.5rem; text-align: center; -moz-appearance: textfield; } #yith-ywraq-form .product-remove { position: absolute; right: 0; top: 0; width: 0.6rem; padding: 0 0; max-width: unset; } #yith-ywraq-form .product-remove a { display: block; font-size: 0; width: 100%; height: 0.88rem; background-image: url(../svg/delete.svg); background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } #yith-ywraq-form .product-remove a:hover { transform: scale(1.2); } .unique-request-quote-form { background: #D2CDCD; } .unique-request-quote-form .title { padding: 1.94rem 2.22rem; font-size: 2rem; } .unique-request-quote-form .order-details { padding: 0 2.22rem 1rem; } .unique-request-quote-form .order-details .ywraq_number_items { display: inline-block; } .unique-request-quote-form img.request-quote-form__line { display: block; width: 100%; height: auto; } .unique-request-quote-form .submitted-message { text-align: center; } .unique-request-quote-form .hs-cart_items, .unique-request-quote-form .hs-quantity, .unique-request-quote-form .hs-line_of_business, .unique-request-quote-form .hs-legal_entity { position: absolute; top: 0; left: 0; width: 0; height: 0; border: 0; visibility: hidden; pointer-events: none; } .ywraq-form-table-wrapper.wide .yith-ywraq-mail-form-wrapper { margin: 0 0; padding: 1rem 2.22rem; } .yith-ywraq-default-form > h3 { display: none; } .yith-ywraq-mail-form-wrapper .form-row.form-row-wide, .yith-ywraq-mail-form-wrapper .form-row { padding: 0 0; margin: 0 0 0.8rem; } .yith-ywraq-mail-form-wrapper .form-row.form-row-wide.raq-send-request-row { margin: 0 0; } .yith-ywraq-mail-form-wrapper input[type="text"], .yith-ywraq-mail-form-wrapper input[type="email"], .yith-ywraq-mail-form-wrapper input[type="tel"], .yith-ywraq-mail-form-wrapper input[type="number"], .yith-ywraq-mail-form-wrapper textarea, .yith-ywraq-mail-form-wrapper select { border: 1px #979797 solid; padding: 0.75rem 1.2rem; } .yith-ywraq-mail-form-wrapper textarea { resize: none; padding: 1.2rem; height: 10rem; } .yith-ywraq-mail-form-wrapper input[type=submit], .yith-ywraq-mail-form-wrapper button[type=submit] { display: block; width: 100%; padding: 0.75rem 1.2rem; background: #FF5A5A; color: #fff; text-align: center; border: 0; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .yith-ywraq-mail-form-wrapper input[type=submit]:hover, .yith-ywraq-mail-form-wrapper button[type=submit]:hover{ box-shadow: 0px 0px 0px 2px #FF5A5A; background: rgba(0,0,0,0); color: #FF5A5A; } .unique-request-quote-form__or { text-align: center; position: relative; margin: 0.5rem 2.22rem; } .unique-request-quote-form__or span:before, .unique-request-quote-form__or span:after { content: ''; position: absolute; top: 0; bottom: 0; width: 45%; height: 1px; background: rgba(12, 30, 45, .6); margin: auto; } .unique-request-quote-form__or span:before { left: 0; } .unique-request-quote-form__or span:after { right: 0; } .unique-request-quote-form__continue-shopping { text-align: center; padding: 0 2.22rem 1rem; } .unique-request-quote-form__continue-shopping a { font-size: 0.8rem; text-decoration: underline; } /* Cart Page End */ .sl-list{padding-top: 5.56rem;padding-bottom: 3.88rem;} .sl-list .caption{color: #5D6B74} .sl-list .content { display: flex; flex-direction: column; } .sl-list .content .each { display: flex; flex-direction: row; margin: 0 0 5.55rem; align-items: flex-start; } .sl-list .content .each:last-child { margin-bottom: 0rem; } .sl-list .content .each:nth-child(2n) { flex-direction: row-reverse; } .sl-list .content .each > * { width: 50%; } .sl-list .content .each .image { margin-right: 1.66rem; overflow: hidden; position: relative; } .sl-list .content .each a.image:after{ background: rgba(10,30,45,0.7) url(../svg/icon-double-arrow-white.svg) center center no-repeat; content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; right: 0; opacity: 0; background-size: 1.45rem auto; transition: 0.2s all linear; } .sl-list .content .each a.image:hover::after { opacity: 1; } .sl-list .content .each .image img { width: 100%; height: auto; display: block; transition: 0.2s all linear; } .sl-list .content .each .image:hover img { transform: scale(1.01); } .sl-list .content .each .text{padding-left: 1.66rem;} .sl-list .content .each:nth-child(2n) .image{margin-left: 1.66rem;margin-right: 0;} .sl-list .content .each:nth-child(2n) .text{padding-left: 0;padding-right: 1.66rem;} .sl-list .content .each .text h2{margin: 0;margin-bottom: 1.33rem;font-size: 2rem;} .sl-list .content .each .text h2 a { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .sl-list .content .each .text h2 a:hover { color: #28d2c8; } .sl-list .content .each .text .desc { padding-bottom: 1rem; } .sl-list .content .each .text .thumbs-list { width: 100%; border-top: 1px #A5BEC8 solid; padding: 1.38rem 0; } .sl-list .content .each .text .thumbs-list .thumbs-list__each { width: 6.66rem; display: inline-block; text-align: center; vertical-align: top; margin: 0 0.7rem; position: relative; } .sl-list .content .each .text .thumbs-list > .thumbs-list__each:nth-child(n+4) { display: none; } .sl-list .content .each .text .thumbs-list .thumbs-list__each:after { content: ''; width: 100%; padding-bottom: 100%; display: block; position: absolute; top: 0; left: 0; right: 0; opacity: 0; background-color: rgba(10, 30, 45, 0.7); background-image: url(../svg/icon-double-arrow-white.svg); background-position: center center; background-repeat: no-repeat; transition: 0.2s all linear; background-size: 1.45rem auto; } .sl-list .content .each .text .thumbs-list .thumbs-list__each:hover span{ color: #28D2C8; } .sl-list .content .each .text .thumbs-list .thumbs-list__each:hover:after { opacity: 1; } .sl-list .content .each .text .thumbs-list .thumbs-list__each span { display: block;padding-top: 0.55rem;font-size: .9rem; } .sl-list .content .each .text .thumbs-list .thumbs-list__each__image { position: relative; display: block; width: 100%; padding-bottom: 100%; } .sl-list .content .each .text .thumbs-list .thumbs-list__each__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .sl-list .content .each .text .view-more{ display: block; border-bottom: 1px #A5BEC8 solid; border-top: 1px #A5BEC8 solid;line-height: 2.6rem; } .sl-list .content .each .text .view-more span{display: inline-block;position: relative;} .sl-list .content .each .text .view-more span:after{content: '';width: 1rem;height: .8rem;background: url(../svg/right-double-arrow.svg) center center;background-size: cover;display: block;right: -1.5rem;top: 0;bottom: 0; margin: auto;transition: 0.2s right linear;position: absolute;} .sl-list .content .each .text .view-more:hover span:after{right: -1.75rem;} .sl-list .each .service-list .title{font-size: 1.28rem;padding-top: 1.11rem;border-top: 1px #A5BEC8 solid;} .sl-list .each .service-list ul{font-size: .94rem;list-style: none;padding: 0;margin: 0;display: grid;grid-template-columns: repeat(2, 1fr);padding: .56rem 0 2.11rem 0;} .sl-list .each .service-list ul li{line-height: 1.5rem;padding: 0rem 1rem;position: relative;} .sl-list .each .service-list ul li:after{height: .67rem;width: .4rem;content: '';display: block;position: absolute;left: 0;top: 0.4rem;background: url(../svg/right-arrow.svg) center center no-repeat;background-size: cover;transition: 0.2s all linear;} .sl-list .each .service-list ul li:hover:after{left: 0.2rem;} .thumbs-list .slick-prev::before{background: url(../svg/left-round-arrow.svg) center center no-repeat;background-size: cover;width: 1.38rem;height: 1.38rem;} .thumbs-list .slick-next::before{background: url(../svg/right-round-arrow.svg) center center no-repeat;background-size: cover;width: 1.38rem;height: 1.38rem;} .thumbs-list .slick-prev,.thumbs-list .slick-next{width: 1.38rem;height: 1.38rem;z-index: 2;top: 5.2rem;} .thumbs-list .slick-prev{left: -0.69rem;} .thumbs-list .slick-next{right: -0.69rem;} .thumbs-list .slick-track{ margin-left: 0;display: flex; } .thumbs-list .slick-list {margin: 0 -0.7rem;} /* Certificates Section */ .sl-certificates .heading .caption{color: #5D6B74} .sl-certificates .content { display: grid; grid-template-columns: repeat(7, 1fr); gap: 1.1rem; } .sl-certificates .content .each { height: 7rem; padding: 0.55rem 0.2rem; border: 0.06rem #D2CDCD solid; text-align: center; } .sl-certificates .content .each img { height: 100%; width: 100%; object-fit: contain; display: block; } .sl-certificates--lines-before { padding-top: 8.5rem; background: url(../svg/sl-cert-bg.svg) top center no-repeat; background-size: 100% auto; } .sl-certificates--lines-after { padding-top: 4.11rem; padding-bottom: 6.33rem; } .sl-certificates--lines-after:after{ content: ''; background: url(../svg/line-about-certificates.svg) center center no-repeat; background-size: cover; display: block; height: 20vw; width: 100%; position: absolute; left: 0; right: 0; bottom: -13.5vw; z-index: 2; } /* Certificates Section End */ /* Newsletter Section */ .newsletter { background-color: #0A1E2D; color: #fff; position: relative; padding-top: 5.22rem; padding-bottom: 6.22rem; } .newsletter > * { position: relative; z-index: 2; } .newsletter .heading .caption {font-size: 1.38rem;font-weight: normal;margin-top: 1rem;} .newsletter form { max-width: 20rem; } .newsletter .submit-btn { width: 100%; } /* Newsletter Section End */ /* Red Box Section */ .red-box { display: flex; justify-content: flex-end; background-color: #0A1E2D; padding: 3.22rem 0; } .red-box > * { position: relative; z-index: 2; } .red-box .heading{width: 50%;background: #FF5A5A;color: #fff;padding: 2.4rem 2.1rem;margin-bottom: 0;} .red-box .heading h2 { margin: 0 0 0.77rem; } .red-box .heading .caption { font-size: 1.38rem; margin: 0 0 0.77rem; } .red-box .heading .white-button { margin: 2rem 0 0; } .red-box .heading ul{list-style: none;padding: 0;margin: 0;display: grid;grid-template-columns: repeat(1, 1fr);padding:0;padding-top: 1.39rem;} .red-box .heading ul li{line-height: 1.5rem;padding: 0rem 0rem 1rem 1.5rem;position: relative;} .red-box .heading ul li:after{height: .67rem;width: 1rem;content: '';display: block;position: absolute;left: 0;top: 0.4rem;background: url(../svg/icon-double-arrow-white.svg) center center no-repeat;background-size: cover;transition: 0.2s all linear;} .red-box .heading ul li:hover:after{left: 0.2rem;} /* Red Box Section End */ /* Industries Section */ .industries { background: #A5BEC8; min-height: 39.6vw; display: flex; position: relative; padding-bottom: 5%; } .industries__after { display: block; position: absolute; top: 98.6%; left: 0; width: 100%; padding-bottom: 5.3%; } .industries__after img { position: absolute; top: 0; right: 0; width: 100%; height: 100%; object-fit: cover; } .industries .content, .industries .image { width: 50%; } .industries .heading { margin-bottom: 2.44rem; } .industries .caption { color: #fff; } .industries .image { position: relative; } .industries .image .each, .industries .image .main { position: absolute; top: 0; left: 0; opacity: 0; padding: 1rem; width: 30rem; max-width: 100%; -webkit-transform: translate3d(20px,-20px,0); transform: translate3d(20px,-20px,0); transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .industries .image .each:first-child, .industries .image .main { position: relative; } .industries .image .each img, .industries .image .main img { position: relative; display: block; width: 100%; height: auto; } .industries .image .each.active, .industries .image .main { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .industries .text ul { list-style: none; width: 60%; padding: 0; margin: 0; } .industries .text ul li { position: relative; color: #fff; border-bottom: 1px #fff solid; } .industries .text ul li:first-child { border-top: 1px #fff solid; } .industries .text ul li h3 { font-size: 1.3rem; padding: 0.4rem 0; margin: 0; font-weight: normal; cursor: pointer; } .industries .text ul li .desc { max-height: 0; transition: all .4s linear; overflow: hidden; display: block; opacity: 0; } .industries .text ul li .desc > div { padding: 1rem 0; } .industries .text ul li .desc a { display: block; border-top: 1px #222 solid; padding: 0.65rem 0; } .industries .text ul li .desc a span { display: inline-block; position: relative; } .industries .text ul li .desc a span:after { content: ''; width: 1rem; height: 0.8rem; display: block; position: absolute; right: -1.5rem; top: 0; bottom: 0; margin: auto; background: url(../svg/right-double-arrow.svg) center center; background-size: cover; transition: 0.2s right linear; } .industries .text ul li .desc a:hover span:after { right: -1.75rem; } .industries .text ul li.active { border-color: #222222; z-index: 1; color: #0A1E2D; } .industries .text ul li.active .desc { max-height: 40rem; border-top: 1px #222 solid; opacity: 1;} /* Industries Section End */ /* Case Studies Listing Page */ .case-studies-page .top-section { display: flex; justify-content: space-between; } .case-studies-page .filter .title { display: block; text-align: right; color: #22232B; font-size: 0.833rem; text-transform: uppercase; opacity: 0.5; } .case-studies-page .filter .filter__list { margin-top: 1.33rem; display: flex; } .case-studies-page .filter .filter__field { width: 16rem; margin-left: 1.33rem; border-bottom: 1px #222 solid; } .case-studies-page .filter .filter__field select, .case-studies-page .filter .filter__field .custom-select-menu > label { padding-top: 0.4rem; padding-bottom: 0.4rem; } /* Case Studies Listing Page */ /* Small Newsletter Box */ .newsletter-small { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; background: #0A1E2D; color: #fff; padding: 3.28rem 1.94rem; } .newsletter-small > div { display: block; width: 100%; } .newsletter-small h2 { margin: 0 0 !important; } .newsletter-small .desc { line-height: 1.4; padding: 0.7rem 0 1rem; } .newsletter-small form { margin-top: 1rem; } .newsletter-small form input[type=submit] { display: block; width: 100%; margin: 1rem 0 0; } /* Small Newsletter Box End */ /* Case Study Detail */ .case-detail { padding: 0; } .case-detail .image { position: relative; } .case-detail .image .image__wrapper { position: relative; max-height: calc(100vh - 5rem); overflow: hidden; } .case-detail .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; object-fit: contain; object-position: center center; } .case-detail .image.cover img { object-fit: cover; } .case-detail .image img.relative { position: relative; opacity: 0 !important; height: auto; } .case-detail .image.banner__image--center-center img { object-position: center center; } .case-detail .image.banner__image--center-top img { object-position: center top; } .case-detail .image.banner__image--center-bottom img { object-position: center bottom; } .case-detail .image.banner__image--left-center img { object-position: left center; } .case-detail .image.banner__image--left-top img { object-position: left top; } .case-detail .image.banner__image--left-bottom img { object-position: left bottom; } .case-detail .image.banner__image--right-center img { object-position: right center; } .case-detail .image.banner__image--right-top img { object-position: right top; } .case-detail .image.banner__image--right-bottom img { object-position: right bottom; } .case-detail .image .case-detail__heading { position: absolute; bottom: 0; left: 0; padding: 1rem 5rem; background: #fff; max-width: 80%; } .case-detail .image h1 { margin: 0 0; } .case-detail .tag { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; margin: 1rem -0.4rem 0; } .case-detail .tag span { margin: 0 0.4rem; padding-left: 0.8rem; display: inline-block; position: relative; } .case-detail .tag span:before { content: '|'; color: #A5BEC8; position: absolute; left: 0; align-items: ;} .case-detail .tag span:first-child { padding-left: 0; } .case-detail .tag span:first-child:before { display: none; } .case-detail .text { padding: 0 5rem 4.28rem 5rem; } .case-detail .details { display: flex; align-items: flex-start; margin: 1.4rem 0 0; } .case-detail .details .desc { line-height: 1.33; } .case-detail .details .desc > *:first-child { margin-top: 0; } .case-detail .details .desc > *:last-child { margin-bottom: 0; } .case-detail .details .desc img { max-width: 100%; height: auto; } .case-detail .details .desc a { text-decoration: underline; color: #0a1e2d; } .case-detail .details .column-main { flex-grow: 1; padding-right: 3.33rem; } .case-detail .details .column-right { width: 20rem; flex-shrink: 0; flex-grow: 0; } .case-detail .details .column-right > div { margin-bottom: 1.6rem; } .case-detail .details .about-client { position: relative; background-color: #0A1E2D; color: #fff; padding: 1.72rem 1.5rem; line-height: 1.33; } .case-detail .details .about-client::before { content: ""; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: #0A1E2D; opacity: 0.7; } .case-detail .details .about-client > div { position: relative; z-index: 3; } .case-detail .details .about-client .name { font-size: 1.56rem; margin: 0 0 1.5rem; } /* Case Study Detail */ /* Articles Bottom */ .cs-nav { display: flex; justify-content: space-between; padding-top: 2rem; } /* Articles Share */ .cs-nav .social { display: flex; align-items: center; } .cs-nav .social a { margin-right: 0.8rem; display: inline-block; cursor: pointer; } /* Articles Share End */ /* Articles Prev and Next Nav */ .cs-nav .next-prev{display: flex;} .cs-nav .next-prev a{display: inine-block;border: 1px #D2CDCD solid;line-height: 2.7rem;width: 10rem;text-align: center;} .cs-nav .next-prev a span{display: inline-block;position: relative;} .cs-nav .next-prev a span:after{content: '';width: 1.1rem;height: .8rem;background: url(../svg/right-double-arrow.svg) center center;background-size: cover;display: block;top: 0;bottom: 0; margin: auto;transition: 0.2s all linear;position: absolute;} .cs-nav .next-prev a.prev{margin-right: 1rem;} .cs-nav .next-prev a.prev span{padding-left: 2rem;} .cs-nav .next-prev a.prev span:after{left: .5rem;transform: rotate(180deg);} .cs-nav .next-prev a.prev:hover span:after{left: 0;} .cs-nav .next-prev a.next span{padding-right: 2rem;} .cs-nav .next-prev a.next span:after{right: .5rem;} .cs-nav .next-prev a.next:hover span:after{right: 0;} /* Articles Prev and Next Nav End */ /* Articles Bottom */ /* Case Study Contact Module */ .contact-local { background-color: #0A1E2D; display: flex; justify-content: flex-end; padding: 3.5rem 0; position: relative; } .contact-local > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; } .contact-local .content { position: relative; z-index: 2; width: 50%; background: #FF5A5A; padding: 2.28rem 5rem 2.28rem 2.28rem; } .contact-local .content .title { color: #fff;font-size: 1.67rem; } .contact-local .content form { margin-top: 2rem; } .contact-local .content .white-button { margin: 2rem 0 0; } /* Case Study Contact Module End */ /* Media Listing Page */ .media { padding-top: 1.38rem; } .media .top-section { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 3rem; } .media .filter .title { display: block; text-align: right; color: #22232B; font-size: 0.833rem; text-transform: uppercase; opacity: 0.5; } .media .filter .filter__list { margin-top: 1.33rem; display: flex; } .media .filter .filter__field { width: 12rem; margin-left: 1.33rem; border-bottom: 1px #222 solid; } .media .filter .filter__field select, .media .filter .filter__field .custom-select-menu > label { padding-top: 0.4rem; padding-bottom: 0.4rem; } .media .list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; margin: 0 -1.5rem; } .media .list .each { display: inline-flex; flex-direction: column; width: 33.33%; padding: 0 1.5rem; margin: 0 0 3rem; } .media .list .each__content { flex-grow: 1; } .media .list .each .image { position: relative; overflow: hidden; padding-bottom: 70%; display: block; width: 100%; } .media .list .each .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; object-fit: contain; object-position: center; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .media .list .each .image:hover img { transform: scale(1.02); } .media .list .each .image:after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(10,30,45,0.7) url(../svg/icon-double-arrow-white.svg) center center no-repeat; background-size: 1.45rem auto; opacity: 0; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .media .list .each .image:hover:after { opacity: 1; } .media .list .each .title { margin: 0.7rem 0; font-size: 1.33rem; } .media .list .each .tag { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; font-size: 0.9rem; margin: 0 0 0.7rem; } .media .list .each .tag span{margin-left: 0.8rem;padding-left: 0.8rem;display: inline-block;position: relative;} .media .list .each .tag span:before{content: '|';color: #A5BEC8;position: absolute;left: 0;} .media .list .each .tag span:first-child{margin-left: 0;padding-left: 0;} .media .list .each .tag span:first-child:before{display: none;} .media .list .each .desc { margin: 0 0 0.7rem } .media .list .each a.read-more { display: block; border: 1px #A5BEC8 solid; border-left: 0; border-right: 0; line-height: 2.6rem; } .media .list .each a.read-more span { display: inline-block; position: relative; } .media .list .each a.read-more span:after { content: ''; width: 1rem; height: 0.8rem; background: url(../svg/right-double-arrow.svg) center center; background-size: cover; display: block; position: absolute; right: -1.5rem; top: 0; bottom: 0; margin: auto; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .media .list .each a.read-more:hover span:after { right: -1.75rem; } .media .list .each.featured { width: 66.66%; } .media .list .each.featured .image { padding-bottom: 40%; } .media .list .each.featured .image img { object-fit: cover; } /* Media Listing Page End */ /* Article Detail */ .article { padding: 0; } .article .image { position: relative; } .article .image .image__wrapper { position: relative; max-height: calc(100vh - 5rem); overflow: hidden; } .article .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; object-fit: contain; object-position: center center; } .article .image.cover img { object-fit: cover; } .article .image img.relative { position: relative; opacity: 0 !important; height: auto; } .article .image.banner__image--center-center img { object-position: center center; } .article .image.banner__image--center-top img { object-position: center top; } .article .image.banner__image--center-bottom img { object-position: center bottom; } .article .image.banner__image--left-center img { object-position: left center; } .article .image.banner__image--left-top img { object-position: left top; } .article .image.banner__image--left-bottom img { object-position: left bottom; } .article .image.banner__image--right-center img { object-position: right center; } .article .image.banner__image--right-top img { object-position: right top; } .article .image.banner__image--right-bottom img { object-position: right bottom; } .article .image .article__heading { position: absolute; bottom: 0; left: 0; padding: 1rem 5rem; background: #fff; max-width: 80%; } .article .image h1 { margin: 0 0; } .article .tag { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; margin: 1rem -0.4rem 0; } .article .tag span { margin: 0 0.4rem; padding-left: 0.8rem; display: inline-block; position: relative; } .article .tag span:before { content: '|'; color: #A5BEC8; position: absolute; left: 0; } .article .tag span:first-child { padding-left: 0; } .article .tag span:first-child:before { display: none; } .article .text { padding: 0 5rem 4.28rem 5rem; } .article .details { display: flex; align-items: flex-start; margin: 1.4rem 0 0; } .article .details .desc { line-height: 1.33; } .article .details .desc img { max-width: 100%; height: auto; } .article .details .column-main { flex-grow: 1; padding-right: 3.33rem;} .article .details .column-right { width: 20rem; flex-shrink: 0; flex-grow: 0; } .article .details .column-right > div { margin-bottom: 1.6rem; } .article .details .desc a { text-decoration: underline; color: #0a1e2d; } /* Article Detail End */ /* About Page */ /* Grey Section */ .grey-section { background: #F4F2F2; } .grey-section .heading { margin-bottom: 1.11rem; max-width: 50%; } .grey-section .content { max-width: 100%; } .grey-section:after { content: ""; position: absolute; bottom: -3.3vw; left: 0; right: 0; width: 100%; height: 5vw; display: block; background: url(../svg/line-about.svg) no-repeat center center; background-size: cover; } /* Grey Section */ /* Our Story */ .our-story-section { padding-top: 0; padding-bottom: 0; } .about-detail { padding-top: 2.78rem; padding-bottom: 3.88rem; } .about-detail .heading { margin: 0 0 2.5rem; } .about-detail .caption { color: #5D6B74; } .about-detail .content .each { display: flex; flex-direction: row; align-items: flex-start; margin: 0 -1.66rem 5.55rem; } .about-detail .content .each:last-child{margin-bottom: 0rem;} .about-detail .content .each:nth-child(2n){flex-direction: row-reverse;} .about-detail .content .each > div { width: 50%; padding: 0 1.66rem; } .about-detail .content .each .image{overflow: hidden;} .about-detail .content .each .image img{width: 100%;height: auto;display: block;} .about-detail .content .each .text h2{margin: 0;margin-bottom: 1.33rem;font-size: 2rem;} .about-detail .line-bg { margin: 0 -5rem 3rem; } .about-detail .line-bg img { width: 100%; height: auto; display: block; } /* Our Story End */ /* Values */ .our-values-section{ padding-top: 0; padding-bottom: 0; } .about-values { padding-bottom: 0.56rem; } .about-values .heading { padding-top: 2.78rem; } .about-values .caption{color: #5D6B74} .about-values .content { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; margin: 0 -1.66rem; } .about-values .content .each { display: flex; flex-direction: column; padding: 0 1.66rem 3.32rem; width: 33.33%; } .about-values .content .each > div { display: block; width: 100%; flex-grow: 1; border: 1px #D2CDCD solid; padding: 1.2rem } .about-values .content .each h2{margin: 0;font-size: 2.1rem;color: #A5BEC8;margin-bottom: 1.2rem;} /* Values End */ /* Directors */ .our-directors-section{ padding-top: 0; padding-bottom: 0; } .about-directors .heading { padding-top: 2.78rem; } .directors-slide { margin: 0 -5rem; } .dslider { padding: 0rem 0rem 5rem 0rem; } .dslider .each { margin: 0.45rem; } .dslider > .each { display: inline-block; width: 19%; margin: 0 0; } .dslider > .each:nth-child(n+6) { display: none; } .dslider .each:hover:not(.slick-center){transform: scale(1.01);} .dslider .each img{width: 100%;display: block;height: auto;} .dslider .text{background: #0A1E2D;color: #fff;padding: 1.2rem 1.55rem;} .dslider .text h3{margin: 0;font-size: 1.11rem;} .dslider .text .designation{margin-top: 0.5rem;font-size: .94rem;opacity: 0.8;} .dslider .slick-list { padding-top: 2rem !important; padding-bottom: 3rem!important; margin-top: -2rem; margin-bottom: -1rem; } .dslider .slick-slide {transition: all 0.3s linear;} .dslider .slick-track {display: flex;align-items: center;flex-wrap: nowrap;justify-content: center;} .dslider .slick-slide {float: none;display: inline-block;vertical-align: middle;height: auto;} .dslider .slick-center{transform: scale(1.1);box-shadow: 0 3px 8px #818181;z-index: 2;} .dslider .slick-prev,.dslider .slick-next{top: auto;margin: auto;left: 0;right: 0;width: 5.5rem;height: 2.77rem;border: 1px #0A1E2D solid;bottom: 0rem;} .dslider .slick-prev{left: -8.4rem;} .dslider .slick-next{right: -8.4rem;} .dslider .slick-prev::before{background: url(../svg/right-double-arrow.svg) center center no-repeat; background-size: cover;width: 0.89rem; height: 0.67rem;transform: rotate(180deg);left: 0;right: 0;margin: auto;} .dslider .slick-next::before{background: url(../svg/right-double-arrow.svg) center center no-repeat; background-size: cover;width: 0.89rem; height: 0.67rem;left: 0;right: 0;margin: auto;} /* Directors End */ /* ESG */ .our-esg-section{ padding-top: 0; padding-bottom: 0; } .about-esg { padding-bottom: 3.2rem; } .about-esg .heading{padding-top: 2.78rem;} .about-esg .content{display: flex;} .about-esg .content>div{width: 50%;} .about-esg .content .image{margin-right: 1.66rem;overflow: hidden;} .about-esg .content .image img{width: 100%;height: auto;display: block;transition: 0.2s all linear;} .about-esg .content .image:hover img{transform: scale(1.01);} .about-esg .content .text{padding: 1.66rem;} .about-esg .content .text .desc{padding-bottom: 1rem;} .about-esg-related { background: #F4F2F2; margin: 0 -5rem; width: auto; } .about-esg-related .content{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 1rem;} .about-esg-related .content .each{border: 1px #C9ACAC solid;padding: 1.89rem;} .about-esg-related .content .each h5 { margin: 0; } .about-esg-related .content .each .desc { padding: 0.7rem 0 0; } .about-esg-related .content .each a { display: block; border-bottom: 1px #C9ACAC solid; border-bottom: 1px #C9ACAC solid; line-height: 2.6rem; margin: 1.33rem 0 0; } .about-esg-related .content .each a span { display: inline-block; position: relative; } .about-esg-related .content .each a span:after { content: ''; width: 1rem; height: 0.8rem; background: url(../svg/right-double-arrow.svg) center center; background-size: cover; display: block; right: -1.5rem; top: 0; bottom: 0; margin: auto; transition: 0.2s right linear; position: absolute; } .about-esg-related .content .each a:hover span:after { right: -1.75rem; } .esg-detail{ padding: 3.2rem 0; } .esg-detail h2{font-size: 1.33rem;margin: 0;} .esg-detail .desc{padding: 2rem 0;} .esg-detail img{width: 100%;} /* ESG End */ /* Stats Section */ .count-section { display: flex; flex-wrap: wrap; justify-content: space-between; background: #A5BEC8; padding: 4rem 13.67rem 7.1rem; overflow: hidden; } .count-section:after { content: ''; position: absolute; background: url(../svg/count-section-lines.svg) center center no-repeat; background-size: cover; width: 100%; height: 7vw; bottom: -2.5rem; left: 0; right: 0; z-index: 2; } .count-section .each { width: 13rem; text-align: center; margin-bottom: 1rem; } .count-section .each div:first-child { font-size: 3.06rem; display: block; } .count-section .each div:first-child + div { font-size: 1.22rem; display: block; } /* Stats Section End */ /* Latest Products Section */ .latest-products .heading .caption { font-size: 1.38rem; } .latest-products .content .each { width: 22%; position: relative; display: inline-block; } .latest-products .content .each .image { display: block; width: 100%; padding-bottom: 100%; overflow: hidden; position: relative; } .latest-products .content .each .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .latest-products .content .each .text{margin-top: 1rem;} .latest-products .content .each .text .category{font-size: 0.89rem;opacity: 0.6;margin-top: .2rem;} .latest-products .content .each:after{background-color: rgba(10,30,45,0.7);background-image: url(../svg/icon-double-arrow-white.svg);content: '';width: 100%;padding-bottom: 100%;display: block;position: absolute;top: 0;left: 0;right: 0;opacity: 0;background-position: center center;background-repeat: no-repeat;transition: 0.2s all linear;background-size: 1.45rem auto;} .latest-products .content .each:hover:after{opacity: 1;} .latest-products .slick-track{ margin-left: 0;display: flex; } .latest-products .slick-slider .each{margin: 0 1.33rem;} .latest-products .slick-list {margin: 0 -1.33rem;} .latest-products .slick-prev, .latest-products .slick-next{top: 7.7rem;} /* Latest Products Section */ /* About Page End */ /* Careers Page */ /* Testimonials */ .careers-slide{padding: 4.6rem 0rem;} .cslider{padding: 0rem 0rem 5rem 0rem;display: flex;flex-wrap: wrap;} .cslider .each{margin: 0.45rem;display: flex;width: 39rem;padding: 1.5rem;border: 1px #D2CDCD solid;} .cslider > .each:nth-child(n+2) { display: none; } .cslider .each .image { width: 6.11rem; height: auto; flex-shrink: 0; } .cslider .each .image > div { position: relative; width: 100%; padding-bottom: 100%; border-radius: 50%; overflow: hidden; } .cslider .each .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; } .cslider .each .text { padding-left: 1.5rem;} .cslider .each .text h3 { margin: 0; font-size: 1.38rem; } .cslider .each .text .designation { margin-top: 0.5rem; font-size: 0.77rem; opacity: 0.8; } .cslider .each .text .desc { margin-top: 1.38rem; opacity: 0.8; } .cslider .slick-list{padding-bottom: 2rem!important;} .cslider .slick-track { align-items: stretch; } .cslider .slick-track .slick-slide { float: none; height: auto; } .cslider .slick-prev,.cslider .slick-next{top: auto;margin: auto;left: 0;right: 0;width: 5.5rem;height: 2.77rem;border: 1px #D2CDCD solid;bottom: 0rem;transition: 0.2s all linear;} .cslider .slick-prev{left: -8.4rem;} .cslider .slick-next{right: -8.4rem;} .cslider .slick-prev::before{background: url(../svg/right-double-arrow.svg) center center no-repeat; background-size: cover;width: 0.89rem; height: 0.67rem;transform: rotate(180deg);left: 0;right: 0;margin: auto;} .cslider .slick-next::before{background: url(../svg/right-double-arrow.svg) center center no-repeat; background-size: cover;width: 0.89rem; height: 0.67rem;left: 0;right: 0;margin: auto;} .cslider .slick-prev:hover,.cslider .slick-next:hover{border: 1px #FF5A5A solid;} /* Testimonials End */ /* Job Openings */ .openings{background: #F4F2F2;position: relative;} .openings:before{content: '';width: 100%;height: 15.37vw;display: block;background: url(../svg/lines-careers-2.svg) center center no-repeat;background-size: cover;position: absolute;left: 0;right: 0;top: -7.4vw;z-index: 2;} .openings .content .each{border: 1px #D2CDCD solid;background: #fff;margin-top: 1.11rem;padding: 1.44rem 1.88rem 1.11rem 1.88rem;} .openings .content .each h3{font-size: 1.38rem;margin: 0;} .openings .tags { margin-top: 0.72rem; } .openings .tags > span { display: inline-block; margin-right: 1.722rem; line-height: 1.05rem; font-size: 0.77rem; padding-top: 0.2rem; } .openings .tags .job-type { background: url(../svg/icon-job-type.svg) left center no-repeat; background-size: auto 0.9rem; padding-left: 1.55rem; } .openings .tags .location { background: url(../svg/icon-location-grey.svg) left center no-repeat; background-size: auto 1rem; padding-left: 1.2rem; } .openings .description{margin-top: 1.11rem;} .openings .more-details { max-height: 0rem; overflow: hidden; transition: 0.2s all linear; } .openings .active .more-details { padding: 1rem 0; max-height: 1000vh; transition: 0.6s max-height linear; } .openings a{display: inline-block;margin-top: 1rem;padding-right: 2rem;} .openings a span{display: inline-block;position: relative;} .openings a span:after{content: '';width: 0.72rem;height: .44rem;background: url(../svg/icon-arrow-down-red.svg) center center;background-size: cover;display: block;right: -1.5rem;top: 0;bottom: 0; margin: auto;transition: 0.2s right linear;position: absolute;transition: 0.2s all linear;} .openings a span.less{display: none;} .openings a span.less:after{transform: rotate(180deg);} .openings a:hover span:after{width: 0.82rem;height: 0.54rem;} .openings .active .more{display: none;} .openings .active .less{display: block;} /* Job Openings End */ /* Career Form */ .career-form{background: url(../svg/line-careers-3.svg) bottom center no-repeat;background-size: 100% auto;padding-bottom: 15.37vw;} .career-form .heading h2{margin: 0;} .career-form .heading .desc{margin-top: 1.55rem;width: 26.7rem;} .career-form form { max-width: 42rem; } .career-form form .fields { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin: 0 -1rem; } .career-form form .fields > div { width: 50%; padding: 0 1rem; } .career-form form .file-upload { display: block; color: rgba(10, 30, 45, 0.6); position: relative; margin: 0 0 1rem; } .career-form form .file-upload > div { display: inline-block; position: relative; } .career-form form .file-upload span.label { position: relative; display: inline-block; padding: 0.75rem 1.5rem 0.75rem 0; } .career-form form .file-upload span.label::after { background: url(../svg/icon-attachment.svg) center center no-repeat; background-size: 100% auto; content: ''; width: 1rem; height: 1rem; position: absolute; right: 0; display: block; top: 0; bottom: 0; margin: auto; } .career-form form .file-upload span.wpcf7-form-control-wrap { position: unset; margin: 0 0; } .career-form form .file-upload input[type=file] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .career-form form input[type=submit] { display: block; width: 100%; } /* Career Form End */ /* Gallery */ .gallery img { width: 100%; height: auto; display: block; margin: 0 0 1.5rem; } .gallery img:last-child { margin: 0 0; } .gallery__desktop { display: block; } .gallery__mobile { display: none; } /* Gallery End */ /* Careers Page End */ /* Contact Page */ .contact-details{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 2.94rem;} .contact-details .text { padding: 6.67rem 2.33rem; position: relative; } .contact-details .text > div { background: rgba(10,30,45,.8); color: #fff; padding: 2.33rem; position: relative; z-index: 2; } .contact-details .text > div > div { margin-bottom: 1.11rem; position: relative; } .contact-details .text .title { margin: 0 0 1.11rem; } .contact-details .text .address, .contact-details .text .phone, .contact-details .text .email { padding-left: 2rem; line-height: 1.39rem; } .contact-details .text .address:before, .contact-details .text .phone:before, .contact-details .text .email:before { background: url(../svg/icon-marker-white.svg) center center no-repeat; background-size: cover; width: 0.72rem; height: 0.94rem; display: block; content: ''; position: absolute; left: 0; top: 0.2rem; } .contact-details .text .phone:before { background-image: url(../svg/icon-phone-white.svg); width: 0.94rem; height: 0.94rem; } .contact-details .text .email:before { background-image: url(../svg/icon-mail-white.svg); width: 1rem; height: 0.72rem; } .contact-details .text a { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .contact-details .text a:hover { color: #28D2C8; } .contact-form { background: #D2CDCD; padding: 1.78rem 2.22rem 2.22rem; overflow: hidden; position: relative; display: flex; flex-direction: column; } .contact-form .title { margin: 0 0 0.5rem; } .contact-form .line { height: auto; margin: 0 -2.22rem 1rem; } .popup-alert { background: rgba(10,30,45,.8); color: #fff; padding: 2.33rem; position: relative; z-index: 999; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: fixed; left: 0; top: 0; opacity: 1; visibility: visible; } .popup-alert__content { padding: 1.5rem; background: #fff; color: #0A1E2D; max-width: 30rem; } .popup-alert__content a { color: #FF5A5A; } .popup-alert__close { position: absolute; width: 20px; color: #fff; top:40px; right:40px; cursor: pointer; } /* Contact Page */ /* Start Project Pop Up */ .start-project { position: fixed; z-index: 99; top: 0; left: 0; bottom: 0; right: 0; overflow-y: auto; overflow-x: hidden; padding: 1rem; background: rgba(0, 0, 0, 0.7); opacity: 0; pointer-events: none; transform: translateY(40px); -webkit-transform: translateY(40px); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .start-project.open { opacity: 1; pointer-events: auto; transform: translateY(0); -webkit-transform: translateY(0); } .start-project__wrapper { position: relative; z-index: 2; display: block; background: #ffffff; padding: 1.5rem; max-width: 34rem; margin: 1rem auto; } .start-project__close { position: absolute; top: 0.75rem; right: 0.75rem; display: block; width: 1rem; cursor: pointer; } .start-project__content h2 { margin: 0 0 1rem; text-align: center; } .start-project__content .caption { font-size: 1.38rem; margin: 0 0 1rem; text-align: center; } .start-project__content .submitted-message { text-align: center; max-width: 27rem; margin: 0 auto; } .start-project__content .hs-line_of_business, .start-project__content .hs-legal_entity { position: absolute; top: 0; left: 0; width: 0; height: 0; border: 0; visibility: hidden; pointer-events: none; } /* Start Project Pop Up End */ /* Responsive Table Section */ .unique-table-section .heading .caption { font-size: 1.38rem; } .unique-table-section__content { display: block; width: 100%; overflow-y: hidden; overflow-x: auto; } .unique-table-section__content table { max-width: 100%; width: 100%; margin: 0 0; overflow: hidden; } .unique-table-section__content table th { text-align: left; font-weight: normal; vertical-align: top; border-bottom: 1px #a5bec8 solid; padding: 0.75rem 0.3rem; } .unique-table-section__content table td { color: #5d6b74; padding: 0.75rem 0.3rem; vertical-align: top; border-right: 0.23rem solid #ffffff; } .unique-table-section__content table tr:nth-child(even) td { background: #f4f2f2; } .unique-table-section__cta { margin: 3rem 0 0; text-align: center; } /* Responsive Table Section End */ /* Lead Magnet Block */ .unique-lead-magnet { max-width: 20rem; } .unique-lead-magnet__content { display: none; } .unique-lead-magnet__description { margin: 0 0 1rem; } .unique-lead-magnet__form { margin: 0 0 1rem; } .unique-lead-magnet__thank-you { margin: 0 0 1rem; display: none; } .unique-lead-magnet__form .wpcf7 form[data-status="sent"] .wpcf7-response-output { font-size: 1rem; } .unique-lead-magnet__resource-link { margin: 1rem 0 0; } /* Lead Magnet Block End */ /* Icon Gallery */ .icon-gallery .heading .caption { font-size: 1.38rem; } .icon-gallery .icon-slider { text-align: center; } .icon-gallery .icon-slider .each { display: inline-block; padding: 1rem; width: 20%; } .icon-gallery .icon-slider > .each:nth-child(n+6) { display: none; } /* Icon Gallery End */ /* Contact Section */ .contact-form-section .contact-form { max-width: 50%; margin: 0 auto; } /* Contact Section End */ @media (min-width: 766px) { /* Common Elements */ .show-mobile { display: none !important; } /* Common Elements End */ } @media (max-width: 765px) { html{font-size: 4vw;} body.fixed{height: 100vh;overflow: hidden;} .container{padding-top: 4.26rem;} section{padding: 3rem 2rem;} section .heading{margin-bottom: 3rem} section .heading .caption{font-size: 1.5rem;} /* Common Elements */ .show-desktop { display: none !important; } /* Common Elements End */ /* Header */ header { align-items: center; justify-content: space-between; padding: 1.3rem 2rem; } header .middle { display: none; } header .logo { width: 46vw; } header .right { display: flex; align-items: center; } header .right a { margin-left: 1.5rem; } header .right a.enquire-now span { display: none; } header .right a.enquire-now i { display: block; background: url(../svg/icon-contact.svg) no-repeat; background-size: 100% 100%; height: 1.15rem; width: 1.4rem; } header .right a.menu-icon i { height: 1.2rem; width: 1.4rem; } /* Hamburger Menu */ header .hamburger-menu { padding: 5rem 2rem 2rem 2rem; flex-direction: column; } header .hamburger-menu > div { width: 100%; padding-top: 1rem; } header .hamburger-menu .primary-navigation { width: 100%; } header .hamburger-menu .primary-navigation .menu > li > a { color: #0A1E2D; } header .hamburger-menu .primary-navigation .menu > li.menu-item-has-children > a { margin-right: 3rem; padding-right: 0; } header .hamburger-menu .primary-navigation .menu > li.menu-item-has-children > a::after { opacity: 1; right: -3rem; pointer-events: none; transform: rotate(90deg); } header .hamburger-menu .primary-navigation .menu > li.menu-item-has-children.open > a::after { transform: rotate(270deg); } header .hamburger-menu .primary-navigation li:last-child { border-bottom: 0; } header .hamburger-menu .primary-navigation li a { padding-right: 0; } header .hamburger-menu .preview { display: none !important; } header .hamburger-menu .primary-navigation li > ul, header .hamburger-menu .primary-navigation li.active > ul { position: relative; margin-left: 0; top: 0; left: 0; display: none; transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } /* Hamburger Menu End */ /* Header */ /* HubSpot Forms */ .hbspt-form fieldset.form-columns-1, .hbspt-form fieldset.form-columns-2 { margin: 0 -0.5rem; } .hbspt-form fieldset.form-columns-1 > .hs-form-field, .hbspt-form fieldset.form-columns-2 > .hs-form-field { padding: 0 0.5rem 1rem; } /* HubSpot Forms End */ /* Banner Section */ .banner h1 { font-size: 3rem; } .banner .caption { font-size: 1.75rem; } .banner .down-arrow { bottom: 6rem; } /* Banner Section End */ /* Industries Section 2 */ .section3 {padding-bottom: 8rem;} .section3 .list .each{width: 100%;} .section3 .list .each:nth-child(2n){margin-left: 0;} .section3 .list .each .text{width: 80%;} /* Industries Section 2 End */ /* Text Media Section */ .section4 {padding: 8rem 2rem;} .section4:before{padding-bottom: 105.39%;background-size: 100% 100%;top: -76.5vw;} .section4:after{background-size: 100% 100%;padding-bottom: 10.8%;bottom: -6vw;} .section4 .content{flex-direction: column;} .section4 .content .text{width: 100%;padding-right: 0;} .section4 .content .image{width: 100%;margin-top: 2rem;} /* Text Media Section */ /* Text Media Gallery Section */ .text-gallery .content { display: block; } .text-gallery .content .text { width: 100%; padding-right: 0; padding-top: 0; } .text-gallery .content .gallery { width: 100%; margin-top: 2rem; } .text-gallery .content .gallery .thumbs .slick-prev, .text-gallery .content .gallery .thumbs .slick-next { opacity: 1; } .text-gallery .content .gallery .thumbs .slick-prev { left: -1.3rem; z-index: 2; transform: translateX(0); -webkit-transform: translateX(0); } .text-gallery .content .gallery .thumbs .slick-next { right: -1.3rem; z-index: 2; transform: translateX(0); -webkit-transform: translateX(0); } /* Text Media Gallery Section */ /* Footer */ footer .links { padding: 3rem 1rem 0; flex-wrap: wrap; } footer .footer-logo { display: none; } footer .links .footer-navigation { display: none; margin: 0 0 3rem; } footer .links .footer-navigation--mobile { display: block; width: 100%; } footer .links .footer-navigation ul li { margin: 0 0 1rem; } footer .links .footer-navigation ul li:last-child { margin-bottom: 0; } footer .links .footer-navigation ul li a { display: inline-block; font-size: 1rem; } footer .links .footer-navigation ul li a:not(:last-child) { margin: 0 0 1rem; } footer .links .footer-navigation ul.menu > li { padding-bottom: 1rem; } footer .links .footer-navigation ul.menu > li::after { bottom: 0; } footer .links .footer-navigation ul.menu > li:last-child { padding-bottom: 0; } footer .footer-middle { display: block; padding: 0 1rem 3rem; position: relative; font-size: 1rem; } footer .footer-middle::before { content: ""; position: absolute; top: -1.5rem; left: 2rem; right: 2rem; width: auto; display: block; background: #1F3546; height: 1px; margin: 0 0; } footer .footer-middle .copyright { width: 100%; margin: 0 0 1rem; } footer .social-links { width: 100%; } footer .social-links a img, footer .social-links a i { width: 2.3rem; height: 2.3rem; } footer .blue-section { padding: 10rem 2rem 3.5rem 2rem; margin-top: 5rem; } footer .blue-section__before { padding-bottom: 47.64%; background-size: 100% 100%; top: -21.87vw; } /* Footer End */ /* Case Studies Section */ /* Case Studies Rows */ .case-studies-rows__list .each .text h3 { font-size: 1.8rem; } /* Case Studies Rows End */ /* Case Studies Section */ /*Products Listing Page*/ section.products.fixed .heading { padding-bottom: 4.5rem; } section.products.fixed .search-filter { position: fixed; left: 2rem; right: 2rem; top: 3rem; background: #fff; z-index: 2; padding-bottom: 1rem; } section.products .search { padding-left: 2rem; padding-right: 2rem; position: relative; } section.products .filter-btn { display: block; position: absolute; right: 0; bottom: 0.3rem; transition: 0.2s all linear; } section.products .filter-btn i { width: 1.2rem; height: 1.2rem; background: url(../svg/icon-filter.svg) center center no-repeat; content: ''; display: block; background-size: cover; } section.products .content { position: relative; display: block; } section.products .content .filters { position: fixed; z-index: 99; left: -100%; top: 0; width: 100%; height: 100%; overflow-y: auto; background: #fff; padding:5rem 2rem; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } section.products .content .filters.active { left: 0; } section.products .content .filters .close-icon { position: absolute; top: 2rem; right: 2rem; display: block; } section.products .content .filters .close-icon i { width: 1.2rem; height: 1.2rem; background: url(../svg/close.svg) center center no-repeat; content: ''; display: block; background-size: cover; } section.products .content .list { padding-left: 0; } /* Products Listing */ ul.products { display: block; } ul.products li.product { width: 100%; } ul.products li.product .product-thumbnail { padding-bottom: 0; } ul.products li.product .product-thumbnail img { position: relative; display: block; height: auto; } /* Products Listing End */ /*Products Listing Page*/ /* Pagination */ .pagination ul.page-numbers li:not(.page-nav) { display: none; } .pagination ul.page-numbers li.page-nav { margin: 0 0 0.24rem; width: 50%; padding: 0 0.12rem; } .pagination ul.page-numbers li .page-numbers { display: block; width: 100% !important; } /* Pagination End */ /* Map Section */ .section6{padding-top: 3rem;} .section6 .heading{position: relative;left: auto;right: auto;top: auto;bottom: auto;width: 100%;padding:0 2rem;} .section6 .content{position: relative;left: auto;right: auto;top: auto;bottom: auto;width: auto;margin:0 2rem 2rem 2rem;} .section6 .map #map{min-height: 50vh;} /* Map Section */ /* Product Detail */ .breadcrumb { padding: 0 2rem; } .single-product .breadcrumb { display: none; } .product-detail__after {bottom: -28.5vw;height: 43.98vw;background-size: 100% 100%;} .product-detail .basic { display: block; } .product-detail .basic .image { width: 100%; } .slick-prev{left: -1.5rem;} .slick-next{right: -1.5rem;} .product-detail .basic .text { width: 100%; padding-top: 2rem; } .product-detail .details { display: block; margin: 0 0 2rem; } .product-detail .details .col { width: 100%; } .product-detail .details .col:last-child { border-bottom: 1px #a5bec8 solid; } .product-detail .details .col .product-tab__title { padding-right: 1.75rem; cursor: pointer; } .product-detail .details .col .product-tab__title::after { content: ""; right: 0.5rem; width: 0.7rem; background-image: url(../svg/icon-double-arrow-down-red.svg); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .product-detail .details .col .product-tab__content { max-height: 0; overflow: hidden; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .product-detail .details .col.active .product-tab__title::after { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .product-detail .details .col.active .product-tab__content { max-height: none; } .product-enquiry { padding-top: 5rem; } .walkthrough-label--thumb { display: none; } /* Related Products */ .related.products ul.products { display: block; margin: 0 0; } .related.products ul.products li.product { display: block; width: 100%; padding: 0 0; } /* Related Products End */ /* Product Detail End */ /* Explore Text Section */ .sl-explore .heading { max-width: 100%; } .sl-explore .content { max-width: 100%; } .sl-explore__with-lines { height: 24.66vw; bottom: -16.5vw; background-size: auto 250%; background-position: right center; } /* Explore Text Section End */ .sl-list .content .each{flex-direction: column;} .sl-list .content .each:nth-child(2n){flex-direction: column;} .sl-list .content .each > * { width: 100%; } .sl-list .content .each .text{padding-left: 0;} .sl-list .content .each:nth-child(2n) .image{margin-left: 0;margin-right: 0;} .sl-list .content .each:nth-child(2n) .text{padding-left: 0;padding-right: 0;} /*Certificates Section*/ .sl-certificates .content { grid-template-columns: repeat(2, 1fr); } .sl-certificates--lines-before { background-size: 210% auto; background-position: top right; } .sl-certificates--lines-after::after { background-size: auto 100%; height: 40vw; bottom: -27vw; background-position: right center; } /*Certificates Section End*/ .sl-list .content .each .text h2{margin: 1rem 0rem;} .sl-list .content .each:nth-child(2n) .image{margin-left: 0;} .thumbs-list .slick-track{margin: auto;} .newsletter form { flex-direction: column; } .newsletter form input[type="submit"] { width: 100%; margin: 1rem 0 0 0; } /* Industries Section */ .industries { flex-direction: column; margin-bottom: 5%; padding-bottom: 14%; } .industries__after { padding-bottom: 15.9%; } .industries__after img { object-fit: unset; } .industries .content, .industries .image { width: 100%; } .industries .image .each { display: none; } .industries .text ul { width: 100%; } /* Industries Section End */ .sl-list .each .service-list ul{grid-template-columns: repeat(1, 1fr)} .sl-list .content .each{margin-bottom: 2rem;} /* Red Box */ .red-box { padding: 0 0; display: block; } .red-box:last-child { margin-bottom: 4rem; } .red-box > img.background-image { display: block; position: relative; width: 100%; height: auto; } .red-box .heading { width: 100%; } /* Red Box End */ /* Case Studies Listing Page */ .case-studies-page .top-section { display: block; margin: 0 0 3.33rem; } .case-studies-page .filter .filter__list { display: block; } .case-studies-page .filter .filter__field { display: block; width: 100%; margin: 0 0 1.33rem; } .case-studies-page .filter .filter__field:last-child { margin-bottom: 0; } /* Case Studies Listing Page */ /* Case Studies Section */ /* Case Studies Columns */ .case-studies-columns__list{ display: block; } .case-studies-columns__list .each, .case-studies-columns__list .each.featured { display: block; width: 100%; } .case-studies-columns__list .each .image, .case-studies-columns__list .each.featured .image { padding-bottom: 0; } .case-studies-columns__list .each .image img { position: relative; width: 100%; height: auto;} /* Case Studies Columns End */ /* Case Studies Rows */ .case-studies-rows__list .each { display: block; padding-bottom: 4rem; } .case-studies-rows__list .each:last-child { padding-bottom: 0; } .case-studies-rows__list .each > div { width: 100%; } .case-studies-rows__list .each > div.image { margin: 0 0 1rem; } .case-studies-rows .load-more, .case-studies-rows .pagination { margin-top: 4rem; } /* Case Studies Rows End */ /* Case Studies Section End */ /* Case Study Detail */ .case-detail .image .case-detail__heading { position: relative; padding: 2rem 2rem 0; max-width: 100%; } .case-detail .text { padding: 0 2rem 2rem; } .case-detail .details { display: block; } .case-detail .details .column-main { padding-right: 0; } .case-detail .details .column-right { width: 100%; margin-top: 2rem; } .case-detail .details figcaption { display: none; } .float-right { display: block; padding-left: 0; float: none; padding-top: 2rem; } /* Case Study Detail */ /* Case Study Contact Module */ .contact-local { display: block; padding: 0 0; } .contact-local:last-child { margin-bottom: 4rem; } .contact-local > img { position: relative; display: block; width: 100%; height: auto; } .contact-local .content { width: 100%; padding: 2rem; } /* Case Study Contact Module End */ /* Articles Bottom */ .cs-nav { flex-direction: column; } /* Articles Prev and Next Nav */ .cs-nav .next-prev { margin-top: 2rem; } /* Articles Prev and Next Nav End */ /* Articles Bottom */ /* Media Listing Page */ .media .top-section { display: block; } .media .filter { margin: 3rem 0 0; } .media .filter .filter__list { display: block; } .media .filter .filter__field { display: block; width: 100%; margin: 0 0 1.33rem; } .media .list { display: block; } .media .list .each, .media .list .each.featured { display: block; width: 100%; } .media .list .each .image, .media .list .each.featured .image { padding-bottom: 0; } .media .list .each .image img { position: relative; width: 100%; height: auto;} /* Media Listing Page End */ .tabs { flex-direction: column; border-bottom: 0; } .tabs .each { margin-bottom: 1rem; border-bottom: 1px #A5BEC8 solid; } .tabs .each:last-child { margin-bottom: 0; } /* Article Detail */ .article .image .article__heading { position: relative; padding: 2rem 2rem 0; max-width: 100%; } .article .text { padding: 0 2rem 2rem; } .article .details { display: block; } .article .details .column-main { padding-right: 0; } .article .details .column-right { width: 100%; margin-top: 2rem; } .article .details figcaption { display: none; } /* Article Detail End */ /* About Page */ /* Directors */ .directors-slide { margin: 0 -2rem; } /* Directors End */ /* Grey Section */ .grey-section .heading { max-width: 100%; } .grey-section .content { max-width: 100%; } .grey-section:after { height: 15vw; bottom: -9.9vw; background-size: auto 100%; background-position: right center; } /* Grey Section */ .about-detail .content .each{flex-direction: column;} .about-detail .content .each > div{width: 100%;} .about-detail .content .each .text { padding-top: 1rem; } .about-detail .content .each:nth-child(2n){flex-direction: column;} .about-detail .content .each:nth-child(2n) .image{margin-left: 0;} .about-detail .line-bg { display: flex; justify-content: flex-end; overflow: hidden; margin: 0 -2rem 3rem; } .about-detail .line-bg img { width: auto; height: 38vw; } /* Stats Section */ .count-section { flex-direction: column; padding: 2rem 2rem 5rem; align-items: center; } .count-section:after { height: 26vw; background-size: auto 100%; background-position: right center; } .count-section .each { margin-bottom: 2rem; } /* Stats Section End */ .latest-products .slick-list { margin: 0 0; } .latest-products .content .each { width: 100%; margin: 0 0 2rem; } .about-values .content { display: block; } .about-values .content .each { width: 100%; } .about-esg .heading{margin: 2rem 0rem;} .about-esg .content{flex-direction: column;} .about-esg .content .image{width: 100%;margin: 0;} .about-esg .content .text{width: 100%;padding: 2rem 0;} .about-esg-related { margin: 0 -2rem; } .about-esg-related .content{grid-template-columns: repeat(1, 1fr)} /* About Page End */ /* Careers Page */ /* Testimonials */ .cslider .each { flex-direction: column; margin: 0 2rem; } .cslider .each .image { margin: 0 auto 1rem; } .cslider .each .text { padding-left: 0; text-align: center; } /* Testimonials End */ /* Job Openings */ .openings::before{height: 46.11vw;top: -22.2vw;background-size: 100% 100%;} .openings{padding-top: 5rem;} /* Job Openings End */ /* Career Form */ .career-form form .fields { display: block; } .career-form form .fields > div { width: 100%; } .career-form .heading .desc{width: 100%;} .career-form{background-size: 100% 46.12vw;padding-bottom: 56.12vw;} /* Career Form End */ /* Gallery */ .gallery__desktop { display: none; } .gallery__mobile { display: block; } /* Gallery End */ /* Careers Page End */ /* Contact Page */ .contact-details { grid-template-columns: repeat(1, 1fr); padding: 0; grid-gap: 0rem; } .contact-form .line { height: 24vw; width: auto; object-fit: cover; object-position: right center; } /* Contact Page */ /* Responsive Table Section */ .unique-table-section__content table { border: 1px #a5bec8 solid; } .unique-table-section__content table thead, .unique-table-section__content table thead th { display: none; } .unique-table-section__content table tr { display: block; padding: 0.75rem 0.5rem; } .unique-table-section__content table tr:nth-child(even) { background: #f4f2f2; } .unique-table-section__content table td { display: block; border-right: 0; padding: 0 0 0.4rem; } .unique-table-section__content table td:last-child { padding: 0 0; } .unique-table-section__content table td:before { content: attr(data-label); color: #0a1e2d; } /* Responsive Table Section End */ /* Icon Gallery */ .icon-gallery .icon-slider .each { width: 33.33%; } .icon-gallery .icon-slider > .each:nth-child(n+4) { display: none; } /* Icon Gallery End */ /* Contact Section */ .contact-form-section { padding-left: 0; padding-right: 0; } .contact-form-section .contact-form { max-width: 100%; } /* Contact Section End */ } .floating-boat{ display: none; } .postid-5939 .floating-boat { position: fixed; width: 100%; left: 0; bottom: 0; z-index: 99; display: block; } .postid-5939 .floating-boat .boat-desktop{ display: block; } .postid-5939 .floating-boat .boat-mobile{ display: none; } .postid-5939 .floating-boat img { width: 100%; } @media (max-width: 767px) { .postid-5939 .floating-boat .boat-desktop{ display: none; } .postid-5939 .floating-boat .boat-mobile{ display: block; } } @media (max-width: 480px) { .postid-5939 .floating-boat { bottom: 50%; } /* HubSpot Forms */ .hbspt-form fieldset.form-columns-1, .hbspt-form fieldset.form-columns-2 { margin: 0 0; } .hbspt-form fieldset.form-columns-1 > .hs-form-field, .hbspt-form fieldset.form-columns-2 > .hs-form-field { padding: 0 0 1rem; } /* HubSpot Forms End */ } /*New syle from GMI - start */ .head-red-button { font-weight: 600 !important; display: inline-block; padding: 0.5rem 1rem; background: #FF5A5A; color: #ffffff !important; text-align: center; border: 1px solid #FF5A5A; outline: 0; cursor: pointer; border-radius: 0; font-weight: normal; text-decoration: none !important; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .head-red-button:hover { background: #ffffff; color: #FF5A5A !important; } @media (max-width: 765px) { .head-red-button { display: inline-block; padding: revert; background: none; color: unset; text-align: center; border: none; outline: 0; cursor: pointer; border-radius: 0; font-weight: normal; text-decoration: none !important; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } } /*Filter CSS start*/ ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-0 { display: flex; flex-direction: column; } li.wc-block-product-categories-list-item.active { order: -1; } li.wc-block-product-categories-list-item.has-children.open.active-parent { order: -1; } div#block-16 li.wc-block-product-categories-list-item { display: none; } div#block-16 li.wc-block-product-categories-list-item:has(a.Rental.Equipment) { display: revert !important; } div#block-16 li.wc-block-product-categories-list-item:has(a.Used.Equipment) { display: revert !important; } div#block-11 li.wc-block-product-categories-list-item:has(a.Rental.Equipment) { display: none; } div#block-11 li.wc-block-product-categories-list-item:has(a.Used.Equipment) { display: none; } .pwb-brands-col3 > div { display: none; } .pwb-brands-cols-outer { display: inline; } .pwb-brands-col3 { display: list-item !important; border-bottom: 1px #A5BEC8 solid !important; list-style: none; width: 100% !important; padding-top: 0.7rem; } .pwb-pagination-wrapper { border-top: none !important; } .pwb-brands-col3:has(.active) { background: rgba(210, 205, 205, .4); } .pwb-brands-cols-outer { display: flex; flex-direction: column; gap: 0px; } .pwb-brands-col3:has(.active) { order: -1; } a.clear-selection-brand { display: none; position: absolute; top: -1rem; right: 0; font-size: .9em; } a.clear-selection-brand.active { display: block; } a.clear-selection-availability { display: none; position: absolute; top: -1rem; right: 0; font-size: .9em; } a.clear-selection-availability.active { display: block; } li.wc-block-product-categories-list-item.has-children.active-parent.open { opacity: 1; } li.wc-block-product-categories-list-item.has-children.active-parent.open li.wc-block-product-categories-list-item.has-children.prdctcategory3 { opacity: 1; } li.wc-block-product-categories-list-item.has-children.active.open { opacity: 1; } li.wc-block-product-categories-list-item.has-children.active.open li.wc-block-product-categories-list-item { opacity: 1; } .prdct-list-gmi li.wc-block-product-categories-list-item.has-children { opacity: 1; } li.wc-block-product-categories-list-item.has-children { opacity: .5; } li.wc-block-product-categories-list-item { opacity: .5; } li.wc-block-product-categories-list-item.active.open { opacity: 1; } li.wc-block-product-categories-list-item.active { opacity: 1; } .prdct-list-gmi li.wc-block-product-categories-list-item { opacity: 1; } .prdct-list-gmi .pwb-brands-col3 { opacity: 1; } .pwb-brands-col3 { opacity: .5; } .pwb-brands-col3:has(.active) { opacity: 1; } li.wc-block-product-categories-list-item.has-children.open.active-parent li.wc-block-product-categories-list-item { opacity: 1; } div#block-21 { display: none; } section.products .content .filter-content .clear-selection.active { font-size: 15px; font-weight: 600; } .pwb-brands-col3 small { color: #B4B4B4; float: right; width: 2.5rem; font-size: .83rem; flex-shrink: 0; } li.gmi-prdct-attribute { position: relative; display: block; padding: 0.7rem 0; padding-right: 3.125rem rem; border-bottom: 1px #A5BEC8 solid; } span.gmi-prdct-attribute-count { color: #B4B4B4; float: right; width: 2.5rem; font-size: .83rem; flex-shrink: 0; } li.gmi-prdct-attribute:has(.active) { background: rgba(210, 205, 205, .4); } ul.attribute-terms-list { display: flex; flex-direction: column; gap: 0px; } .gmi-prdct-attribute:has(.active) { order: -1; } li.gmi-prdct-attribute:has(.active) { opacity: 1; } li.gmi-prdct-attribute { opacity: 0.5; } .prdct-list-gmi li.gmi-prdct-attribute { opacity: 1; } div#mCSB_1_container { display: flex; flex-wrap: wrap; } /*Filter CSS end*/ /*...n-tsrats...*/ .pwb-brands-cols-outer.content { max-height: 400px; display: block !important; } .pwb-brands-cols-outer.content .mCSB_container { margin-right: 15px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #FF5A5A !important; } .mCSB_scrollTools .mCSB_draggerRail { background-color: transparent !important; } .mCSB_scrollTools .mCSB_draggerContainer:before { position: absolute; left: 7px; top: 0px; background-color: rgba(0, 0, 0, 0.4); content: ""; width: 2px; height: 100%; } .filters .wc-block-product-categories, .filters .attribute-terms-list { margin-bottom: 60px !important; } @media(max-width:1024px) { .filters .wc-block-product-categories, .filters .attribute-terms-list { margin-bottom: 40px !important; } } .product-tab__content .woocommerce-product-attributes-item.woocommerce-product-attributes-item--attribute_pa_availability { display: none; } a.clear-selection-brand.active { display: none; } .single-product section.product-enquiry .form { margin: 0 auto } .single-product section.product-enquiry .heading { margin: 60px auto 3.33rem; max-width: 42rem; width: 100% } .single-product section.product-enquiry .form { float: inherit!important; margin: auto!important } .single-product section.product-enquiry .h2-style { text-align: left!important } .sln-loadmore a:hover { color: #FF5A5A } .sln-loadmore a { position: relative; display: inline-block } .sln-loadmore a::after { content: ''; width: 1rem; height: .8rem; background: url(../svg/right-double-arrow.svg) center center; background-size: cover; display: block; right: -1.5rem; top: 0; bottom: 0; margin: auto; transition: 0.2s right linear; position: absolute } .sln-loadmore a:hover::after { right: -1.75rem } @media (max-width: 1600px){ header .right .cart-icon a:before { /* background-image: url(../img/icon-cart.svg); */ background-image: url(../svg/cart-2.svg); width: 87px; height: 66px; background-size: auto; left: -11px; top: -10px; } } @media (max-width: 500px){ header .right .cart-icon a:before { /* background-image: url(../img/icon-cart.svg); */ background-image: url(../svg/cart-2.svg); width: 56px; height: 66px; background-size: contain; left: -9px; top: -15px; } .cart-icon { position: relative; left: -14px; top: -6px; } } /*New syle from GMI - end */ /*Footer style from GMI - start*/ @media (max-width: 767px){ footer .links .footer-navigation ul .sub-menu li{ border-bottom: 1px solid #143954; } footer .menu-footer-mobile-menu-container h4 { font-size: 16px; line-height: 38px; font-weight: normal; padding-bottom: 0; } h4.f-menu-h3.ug-menu-important-link { font-size: 16px; line-height: 38px; font-weight: normal; padding-bottom: 0; } h4.f-menu-h3.ug-menu-contact { font-size: 16px; line-height: 38px; font-weight: normal; padding-bottom: 0; } footer .f-menu-h3 { position: relative; padding: 0px 0px 15px; } footer .f-menu-h3:after { background: url(../svg/arrw-path.svg) no-repeat center center; content: ""; width: 14px; height: 40px; display: inline-block; position: absolute; right: 1rem; top: 0; } footer .active.f-menu-h3:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #f-menu-section { display: none; } #menu-footer-mobile-location-menu { display: none; } #f-contact-section { display: none; } #menu-footer-mobile-important-links-menu { display: none; } #f-menu-section.active { display: block; margin-bottom: 25px; } #menu-footer-mobile-location-menu.active { display: block; margin-bottom: 25px; } #f-contact-section.active { display: block; margin-bottom: 25px; } #menu-footer-mobile-important-links-menu.active { display: block; margin-bottom: 25px; } footer .links .footer-navigation { width: 100%; } #menu-footer-mobile-location-menu.active,#menu-footer-mobile-important-links-menu.active{ background: #0A2940; padding: 1rem 1rem 1rem; } #menu-footer-mobile-location-menu.active li{ border-bottom: 1px solid #1d384d; padding-bottom: 6px; } footer .links .footer-navigation { padding: 3rem 0 0; } footer .links { padding: 0 !important; } .menu-footer-mobile-menu-container { padding: 0 1rem 0; } h4.f-menu-h3.ug-menu-contact { padding: 0 1rem 0; } h4.f-menu-h3.ug-menu-important-link { padding: 0 1rem 0; } } /*Footer style from GMI - end*/ .menu-item-9227 sup, .menu-item-740 sup { font-size: 50%; top: -1em; } .wcf-is-child-term { margin-left: 22px !important; } /*new video banner*/ .banner video { width: 100%; } .mobile-banner-img { display: none; } @media (max-width: 1024px){ .home .banner { min-height: calc(100vh - 67rem); } } @media (max-width: 820px){ .home .banner { min-height: calc(100vh - 76rem); } } @media only screen and (min-width: 768px) and (max-width: 812px) { .home .banner{ min-height: calc(100vh - 67rem); } } @media (max-width: 767px){ .home .banner{ min-height: calc(100vh - 5rem); } .desktop-banner-img { display: none; } .home .banner__overlay { background-color: rgba(0,0,0,0.3); } .mobile-banner-img { display: block; width: 100%; } } /*new video banner ends*/ div#hbspt-form-822533d2-12c3-47d3-9b89-850e4ebed566 { display: none; } /*Hide Banner Section on customer-feedback page - start*/ .page-id-10577 section.banner { display: none; } /*Hide Banner Section on customer-feedback page - start*/ /*add styel to math captcha form - start*/ img.dscf7_captcha_icon { width: 23px; } img.dscf7_captcha_reload_icon { width: 23px !important; } p.dscf7captcha { font-size: 24px; } .dscf7captcha input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { font-size: 17px; margin-top: 10px; } /*add styel to math captcha form - end*/ .newsletter form#hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 { max-width: 100%; display: flex; flex-wrap: wrap; } .newsletter form#hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 fieldset.form-columns-1 { width: 50%; margin: 0; } .newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 label { color: #fff; } .newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 input{ display: block; width: 100%; background: #fff; color: #0A1E2D; outline: 0; padding: 0.75rem 0.5rem!important; border-radius: 0; line-height: 1.2; border: 1px #979797 solid; } .newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .input label input{ width:20px; } .newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .hs-form-field { padding: 0 1rem 1rem 0; } .newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .input label input[type="checkbox"] { display: inline-block !important; width: auto !important; margin: 0.25rem 0.5rem 0.25rem 0; position: relative; cursor: pointer; appearance: none; border: none; } .newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .input label input[type=checkbox]:before { content: ""; display: block; position: absolute; width: 25px; height: 25px; top: 0; left: 0; border: 1px solid #888E91; background-color: #fff; } .hbspt-form fieldset.form-columns-1:last-child{ width: 100%; } .hbspt-form fieldset.form-columns-2{ width: 100%; } .newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .input label input[type=checkbox]:checked:after { content: ""; display: block; width: 6px; height: 12px; border: solid #000; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 5px; left: 10px; } .newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .input .inputs-list .hs-form-checkbox-display span { padding-left: 17px; font-size: 15px; line-height: 18px; } .newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .input .inputs-list .hs-form-checkbox-display { display: flex; align-items: center; padding: 0.25rem 0; } .newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .hs_submit input[type="submit"] { display: block; width: auto !important; background: #FF5A5A !important; color: #fff; padding: 0.75rem 1.2rem !important; text-align: center; font-weight: 400; border: 0; border-radius: 0; outline: 0; margin: 0 0; position: relative; display: inline-flex; justify-content: center; align-items: center; line-height: 1.2; font-size: 16px; } .newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .hs_submit input.hs-button:hover { color: #000 !important; } .newsletter .hs-form-a3d0d447-78ee-4711-893c-04bc746b1734_c8dac87a-8bf0-43d2-b563-92aff49f77ec .hs-form-field label:not(.hs-error-msg){ color: #fff; } .newsletter-small #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .input .inputs-list .hs-form-checkbox-display { display: flex; align-items: center; padding: 0 0; } .newsletter-small #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .input .inputs-list .hs-form-checkbox-display span { padding-left: 17px; font-size: 15px; line-height: 18px; } .newsletter-small #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .input label input[type="checkbox"] { display: inline-block !important; width: auto !important; margin: 0.25rem 0.5rem 0.25rem 0; position: relative; cursor: pointer; appearance: none; border: none; padding: 10px !important; } .newsletter-small #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .input label input[type=checkbox]:before { content: ""; display: block; position: absolute; width: 20px; height: 20px; top: 0; left: 0; border: 1px solid #888E91; background-color: #fff; } .newsletter-small #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .input label input[type=checkbox]:checked:after { content: ""; display: block; width: 6px; height: 12px; border: solid #000; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 2px; left: 8px; } .newsletter-small #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .hs_submit input[type="submit"] { display: block; width: 40% !important; background: #FF5A5A !important; color: #fff; padding: 0.75rem 1.2rem !important; text-align: center; font-weight: 400; border: 0; border-radius: 0; outline: 0; margin: 0 0; position: relative; display: inline-flex; justify-content: center; align-items: center; line-height: 1.2; font-size: 16px; } .newsletter form#hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 fieldset.form-columns-1{ width: 50%; } .newsletter form#hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 input.hs-button:hover { color: #000 !important; } .newsletter p:last-child,.newsletter-small p:last-child { margin-top: 0; } .newsletter p:last-child br,.newsletter-small p:last-child br { display: none; } @media (max-width: 765px){ .newsletter form#hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 fieldset.form-columns-1{ width: 100%; } .newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .hs-form-field { padding: 0 0 1rem 0; } } label#label-product_category-a3d0d447-78ee-4711-893c-04bc746b1734 { display: block !important; padding-bottom: 15px; } #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 label { color: #fff; } #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 input{ display: block; width: 100%; background: #fff; color: #0A1E2D; outline: 0; padding: 0.75rem 0.5rem!important; border-radius: 0; line-height: 1.2; border: 1px #979797 solid; } .hs-form-a3d0d447-78ee-4711-893c-04bc746b1734_c8dac87a-8bf0-43d2-b563-92aff49f77ec .hs-form-field label:not(.hs-error-msg){ color: #fff; } .hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 input { width:10px!important; } /*banner cta style - start*/ .page-id-720 .banner-sp .banner__cta { margin-right: 1rem; } .page-id-720 .banner-sp { margin-bottom: 2rem; } /*banner cta style - end*/ .sl-list .each .service-list ul li a:hover { color: #FF5A5A; } .menu-item-206 sup, .menu-item-11193 sup, .menu-item-208 sup, .menu-item-11195 sup { font-size: 50%; top: -1em; } .red-box .h2-style { margin: 0 0 .77rem; } .page-id-11247 section.simple-text { display: none; } /*Sustainability CSS - start*/ .page-id-11404 .esg-detail { padding-bottom: 0px; } /* style added latest 12-07-2024 */ .page-id-11404 .banner h1 { font-size: 60px !important; line-height: 70px !important; } .page-id-11404 .banner p { font-size: 21px !important; } .about-detail .content .each>div { position: relative; } .about-detail .content .each .text h2 { position: sticky; top: 0; background: #fff; z-index: 1; padding: 10px 0; } .banner-sp .red-button{ font-size: 20px; } .about-detail .content .each .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; } .our-story-section { padding-top: 30px; } .about-detail .content .each > div { height: 430px; overflow-y: auto; } .new-text-wrap p { font-size: 26px !important; } .new-text-wrap h3 { font-size: 28px !important; } .new-text-wrap h4 { font-size: 20px !important; } .new-text-wrap { background: #487d3b !important; } .about-detail .content .each { display: flex; flex-direction: row; margin: 0 -1.66rem 5.55rem; } .about-detail .content .each .image { height: 450px; object-fit: cover; } .new-slider { position: relative; height: 450px; } .swiper { height: 100%; } .swiper-slide { height: 100%; } @media (max-width:570px){ .page-id-11404 .banner h1 { font-size: 45px !important; line-height: 54px !important; } .page-id-11404 .banner p { font-size: 18px !important; } .new-text-wrap p { font-size: 20px !important; } .new-text-wrap h3 { font-size: 25px !important; } .new-text-wrap h4 { font-size: 17px !important; } .about-detail .content .each .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; } .new-slider { height: 100%; } .about-detail .content .each>div { height: 100%; overflow-y: unset; } .about-detail .content .each { flex-direction: column; } .about-detail .content .each .image { height: 100%; object-fit: unset; } .about-detail { padding-bottom: 0; } } /* end */ /*Sustainability CSS - end*/ /*Decommissioning Services page css start*/ .dscontainer, .dsbox, .dsbox img, .dsbox-content { box-sizing: border-box; margin: 0; padding: 0; } .dscontainer { display: flex; flex-wrap: wrap; justify-content: space-around; width: 100%; /* max-width: 1200px;*/ } .dsbox { position: relative; margin: 10px; flex: 1 1 calc(33.333% - 20px); min-width: 250px; /* height: 300px;*/ overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; /* background-color: #007bff;*/ /* color: #fff;*/ /* padding: 20px;*/ text-align: center; border-radius: 10px; } .dsbox img { width: 100%; height: auto; border-radius: 10px; transition: transform 0.3s ease; } .dsbox:hover img { transform: scale(1.1); } @media (max-width: 768px) { .dsbox { flex: 1 1 calc(50% - 20px); } } @media (max-width: 480px) { .dsbox { flex: 1 1 100%; } } /*Decommissioning Services page css end*/ .menu-secondary-menu-container sup { font-size: 50%; top: -1em; } .primary-navigation sup { font-size: 50%; top: -1em; } .menu-secondary-menu-container .sub-menu li:last-child { line-height: 23px; } /* style-joe start - for product listing*/ ul.page-numbers { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; align-items: flex-start; width: 100%; padding: 0 0; margin: 0 -0.12rem; list-style: none; } ul.page-numbers li.page-nav--prev { text-align: left; display: none; } ul.page-numbers li.page-nav { flex-grow: 1; display: none; } ul.page-numbers li { margin: 0 0.12rem 0.24rem; } ul.page-numbers li .page-numbers { display: inline-block; line-height: 2.78rem; text-align: center; width: 2.78rem; border: 1px transparent solid; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .woocommerce-pagination .page-numbers li .page-numbers.current { background-color: #A5BEC8; border-color: #A5BEC8; color: #fff; } /* end */