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}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: 'Avenir Next World'; src: url('../fonts/avenirnextworld-regular-webfont.woff2') format('woff2'), url('../fonts/avenirnextworld-regular-webfont.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Avenir Next World'; src: url('../fonts/avenirnextworld-bold-webfont.woff2') format('woff2'), url('../fonts/avenirnextworld-bold-webfont.woff') format('woff'); font-weight: 700; font-style: normal; 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.11vw;*/ /* 1440 - 16px */ font-size: 1vw; /* 1440 - 14px */ } body { font-family: 'Avenir Next World', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #1C1537; overflow-x: hidden; } body.popup-active { height: 100vh; overflow: hidden; } .noselect { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Common Elements */ .z-index-1 { z-index: 1; } .z-index-2 { z-index: 2; } .z-index-3 { z-index: 3; } .position-relative { position: relative; } h1, .h1-style { font-size: 3rem; line-height: 1.25; font-weight: 700; } h2, .h2-style { font-size: 2.5rem; line-height: 1.22; font-weight: 700; } h3, .h3-style { font-size: 2.1875rem; line-height: 1.15; font-weight: 700; } h4, .h4-style { font-size: 1.875rem; line-height: 1.2; font-weight: 700; } h5, .h5-style { font-size: 1.5625rem; line-height: 1.2; font-weight: 700; } h6, .h6-style { font-size: 1.25rem; line-height: 1.2; font-weight: 700; } p:first-child { margin-top: 0; } P:last-child { margin-bottom: 0; } img.responsive { display: block; width: 100%; height: auto; } img.auto-width { width: auto; height: auto; max-width: 100%; } .full-span-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: auto; z-index: 1; object-fit: cover; object-position: center; } .content-page-wysiwyg img { max-width: 100%; height: auto; } .content-page-wysiwyg a:not(.btn):hover { color: #000000; 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; } /* Buttons */ .btn, [type=submit] { display: inline-block; position: relative; padding: 0.5rem 1rem; background: #0246F9; color: #ffffff; border: 0; outline: 0; width: auto !important; background-image: linear-gradient(180deg, #1384FF 0%, #2D8BF0 16%, #0245F5 50%, #0246F9 66%, #01007C 100%); background-repeat: no-repeat; background-position: top 0 left 0; background-size: 100% 200%; text-align: center; font-weight: 700; text-decoration: none; text-transform: uppercase; font-size: 0.85rem; cursor: pointer; border-radius: 0.25rem; 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; } .btn::before, [type=submit]::before { content: "/"; display: inline-block; margin-right: 0.25rem; color: #00FFE6; 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; } .btn:hover, [type=submit]:hover { background-position: top 100% left 0; } .btn:hover::before, [type=submit]:hover::before { margin-right: 0.75rem; } .btn--min-width { min-width: 14.25rem; max-width: 100%; } .btn--block { display:block; width: 100%; } .btn--white { background: rgba(255, 255, 255, 0.1); border: 1px solid #FFFFFF; } .btn--white::after { display: none; } .btn--white:hover { color: #00FFE6; background: rgba(0, 255, 230, 0.1); border-color: #00FFE6; } /* Buttons */ /* Tabs */ .tab { display: inline-block; position: relative; padding: 0.5rem; position: relative; background: transparent; color: #1C1537; border: 1px solid #1C1537; outline: 0; text-align: center; font-weight: 400; text-decoration: none; text-transform: uppercase; font-size: 0.85rem; cursor: pointer; border-radius: 0.25rem; 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; } .tab::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: 0; background-image: linear-gradient(250deg, #00F9E4 0%, #004D9B 43%, #00003D 100%); background-repeat: no-repeat; background-size: 100% 100%; 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; } .tab:hover { color: #ffffff; } .tab:hover::before { opacity: 1; } .tab.active { color: #ffffff; background-color: #01007C; border-color: #01007C; } .tab.active:hover::before { opacity: 0; } .font-light .tab { color: #FFFFFF; border-color: #FFFFFF; } .font-light .tab::before { display:none; } .font-light .tab:hover { border-color: #00FFE6; background: rgba(255, 255, 255, 0.25); color: #00FFE6; } .font-light .tab.active { color: #0246F9; background-color: #ffffff; border-color: #ffffff; } .tab--block { display:block; width: 100%; } /* Tabs End */ /* Tags */ .article-tag { display: inline-block; position: relative; padding: 0.5rem 1.2rem; background: #0246F9; color: #ffffff; border: 0; outline: 0; background-image: linear-gradient(180deg, #0246F9 0%, #0246F9 16%, #0246F9 50%, #01007C 100%); background-repeat: no-repeat; background-position: top 0 left 0; background-size: 100% 200%; text-align: center; text-decoration: none; text-transform: uppercase; font-size: 0.875rem; cursor: pointer; border-radius: 0.25rem; 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; } .article-tag:hover { background-position: top 100% left 0; } /* Tags End */ /* Form Fields */ input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input[type="search"], input[type="date"], textarea, select { display: block; width: 100%; background: #ffffff; color: #1C1537; outline: 0; padding: 0.6875rem 1.125rem; border-radius: 0.1875rem; border: 1px solid #DCDCDC; font-size: 0.9375rem; line-height: normal; /* Firefox force normal line-height */ 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; } textarea { resize: none; max-height: 12.75rem; } select { -webkit-appearance: none; -moz-appearance: none; padding-right: 2.5rem; background-image: url(../img/icon-chevron-down.svg); background-repeat: no-repeat; background-position: right 1.125rem top 50%; background-size: 0.6875rem auto; } select:invalid, select option[value=""] { color: rgba(28, 21, 55, 0.6); } input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="date"]:focus, textarea:focus, select:focus { background-color: #D8E5FF; border-color: #00FFE6; } input[type="search"] { padding-left: 2.5rem; background-image: url('../img/icon-search.svg'); background-size: 1rem auto; background-repeat: no-repeat; background-position: left 0.75rem top 50%; box-sizing: border-box; } input[type="date"], input.datepicker { padding-right: 2.5rem; background-image: url('../img/icon-calendar.svg'); background-size: 1rem auto; background-repeat: no-repeat; background-position: right 0.75rem top 50%; box-sizing: border-box; } /* 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; } input.hidden { position: absolute; top: 0; left: 0; width: 0; height: 0; border: 0; visibility: hidden; pointer-events: none; } .file-upload-input { display: block; position: relative; } .file-upload-input > div { display: inline-block; position: relative; } .file-upload-input__label { position: relative; display: inline-block; padding-left: 1.625rem; } .file-upload-input__label::after { content: ''; width: 1rem; height: 1rem; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; display: block; background: url(../img/icon-attachment.svg) center center no-repeat; background-size: 100% auto; } .file-upload-input span.wpcf7-form-control-wrap { position: unset; margin: 0 0; } .file-upload-input input[type=file] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;} .font-light .wpcf7-not-valid-tip { color: #ffffff; } .font-light .file-upload-input__label::after { background-image: url(../img/icon-attachment-white.svg); } body > div > .grecaptcha-badge { opacity: 0 !important; pointer-events: none !important; } .wpcf7-spinner { position: absolute; bottom: 0.5rem; right: 1rem; margin: 0 0; } .wpcf7-acceptance .wpcf7-list-item { margin: 0 0; } .wpcf7-acceptance .wpcf7-list-item>label { display: flex; } .wpcf7-acceptance input { width: 25px; } .wpcf7-acceptance .wpcf7-list-item-label { padding-left: 15px; flex: 1; } /* Form Fields End */ ul.menu { list-style: none; padding: 0 0; margin-bottom: 0; } ul.menu a.hvr-underline-from-left[href="#"]::before { display: none; } /* Utility */ .position-relative { position: relative; } .text-right { text-align: right; } .text-center { text-align: center; } .text-uppercase { text-transform: uppercase; } .text-underline { text-decoration: underline; } .font-light { color: #ffffff; } .font-bold { font-weight: 700; } .transition-300ms { 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; } .transition-1s { transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; } .font-18 { font-size: 1.125rem; } /* Utility End */ .boxed-image { position: relative; display: block; width: 100%; padding-bottom: 100%; overflow: hidden; } .boxed-image img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .boxed-image--center img { object-position: center center; } .boxed-image--top img { object-position: center top; } .boxed-image--bottom img { object-position: center bottom; } .background-image { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; clip: rect(0, auto, auto, 0); } .background-image img, .background-image svg { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .background-image svg.blue-bg { position: fixed; width: 100%; height: auto; } .background-image svg.blue-bg.portrait { height: 100%; width: auto; } .background-image--center-center img { object-position: center center; } .background-image--center-top img { object-position: center top; } .background-image--center-bottom img { object-position: center bottom; } .background-image--left-center img { object-position: left center; } .background-image--left-top img { object-position: left top; } .background-image--left-bottom img { object-position: left bottom; } .background-image--right-center img { object-position: right center; } .background-image--right-top img { object-position: right top; } .background-image--right-bottom img { object-position: right bottom; } .background-image--parallax-1 { height: 140%; } .background-image--parallax-2 { height: 140%; bottom: -2px; top: unset } /* Checklist */ ul.checklist { list-style: none; padding: 0 0; margin: 0 0; } ul.checklist li { margin-top: 0.5rem; } ul.checklist li::before { content: ''; display: inline-block; vertical-align: top; width: 1.25rem; height: 1.25rem; margin-right: 1rem; flex-grow: 0; flex-shrink: 0; background-image: url('../img/icon-tick.svg'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; } /* Checklist */ .container { max-width: 70rem;/*max-width: 76.75rem;*/ /* 1228px */ padding-left: 2rem; padding-right: 2rem; } section { position: relative; padding-top: 5rem; padding-bottom: 5rem; overflow: hidden; } section > .container { position: relative; z-index: 2; } .section-title-wrapper { overflow: hidden; } .section-title { margin: 0 0 3.5rem; } .section-title--with-line { display: flex; align-items: center; } .section-title--with-line > span { margin-left: 0.45rem; } .section-title--with-line::after { content: ''; width: 0; height: 1px; flex-grow: 0; flex-shrink: 1; background: linear-gradient(0deg, #1C1537 0%, #1C1537 100%); background-position: center left 2.75rem; background-repeat: no-repeat; 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; } .section-title--with-line.anim { transform: translateX(-100%); -webkit-transform: translateX(-100%); transition: 0.2s all 0.2s ease-in-out; -moz-transition: 0.2s all 0.2s ease-in-out; -o-transition: 0.2s all 0.2s ease-in-out; -ms-transition: 0.2s all 0.2s ease-in-out; } .section-title--with-line.anim.active { transform: translateX(0); -webkit-transform: translateX(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; } .section-title--with-line.active::after { width: auto; flex-grow: 1; transition: 0.2s all 0.2s ease-in-out; -moz-transition: 0.2s all 0.2s ease-in-out; -o-transition: 0.2s all 0.2s ease-in-out; -ms-transition: 0.2s all 0.2s ease-in-out; } .font-light .section-title--with-line::after { background-image: linear-gradient(0deg, #ffffff 0%, #ffffff 100%); } .video-iframe-wrapper iframe { display: block; width: 100%; } .c_content iframe { display: block; width: 100%; } /* Common Elements End */ /*Animations*/ .hvr-underline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; } .hvr-underline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; bottom: 0; background: #1C1537; height: 1px; width: 0; -webkit-transition-property: width; transition-property: width; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .font-light .hvr-underline-from-left:before { background: #ffffff; } .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before, .hvr-underline-from-left.active:before { width: 100%; } @-webkit-keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .hvr-buzz-out { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); } .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active { -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /*Animations End*/ /* Header */ header { position: fixed; z-index: 99; top: 0; left: 0; width: 100%; background: rgba(0, 0, 61, 0); } header > .container { position: relative; padding-top: 1.75rem; padding-bottom: 1.75rem; } .header__logo { width: 12.1875rem; } .header__logo svg { display: block; width: 100%; height: auto; } .header__logo line { stroke-dasharray: 1; } .header__logo:hover line { -webkit-animation-name: undraw-stroke, draw-stroke; animation-name: undraw-stroke, draw-stroke; -webkit-animation-duration: 0.5s, 0.5s; animation-duration: 0.5s, 0.4s; -webkit-animation-timing-function: linear, linear; animation-timing-function: linear, linear; -webkit-animation-iteration-count: 1, 1; animation-iteration-count: 1, 1; -webkit-animation-delay: 0s, .5s; animation-delay: 0s, .5s; } .header__logo:hover line.line2 { -webkit-animation-delay: .1s, .6s; animation-delay: .1s, .6s; } .header__logo:hover line.line3 { -webkit-animation-delay: .2s, .7s; animation-delay: .2s, .7s; } .header__logo:hover line.line4 { -webkit-animation-delay: .3s, .8s; animation-delay: .3s, .8s; } .header__logo:hover line.line5 { -webkit-animation-delay: .4s, .9s; animation-delay: .4s, .9s; } @-webkit-keyframes undraw-stroke { 0% { stroke-dashoffset: 0; } 20% { stroke-dashoffset: -1; } 40% { stroke-dashoffset: -1; } 60% { stroke-dashoffset: -1; } 80% { stroke-dashoffset: -1; } 100% { stroke-dashoffset: -1; } } @keyframes undraw-stroke { 0% { stroke-dashoffset: 0; } 20% { stroke-dashoffset: -1; } 40% { stroke-dashoffset: -1; } 60% { stroke-dashoffset: -1; } 80% { stroke-dashoffset: -1; } 100% { stroke-dashoffset: -1; } } @-webkit-keyframes draw-stroke { 0% { stroke-dashoffset: 1; } 20% { stroke-dashoffset: 0; } 40% { stroke-dashoffset: 0; } 60% { stroke-dashoffset: 0; } 80% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 0; } } @keyframes draw-stroke { 0% { stroke-dashoffset: 1; } 20% { stroke-dashoffset: 0; } 40% { stroke-dashoffset: 0; } 60% { stroke-dashoffset: 0; } 80% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 0; } } .header__main-menu { text-transform: uppercase; font-size: 0.9375rem; } .header__menu-icon { position: relative; display: block; width: 2.25rem; height: 1.5625rem; cursor: pointer; } .header__menu-icon > div { position: absolute; top: 0; right: 0; width: 100%; height: 0.25rem; background: #ffffff; border-radius: 0.125rem; } .header__menu-icon > div:nth-child(1) { width: 72% } .header__menu-icon > div:nth-child(2) { top: 44%; } .header__menu-icon > div:nth-child(3) { bottom: 0; top: unset; width: 55%; } .header__menu-icon:hover > div { width: 100%; } .header__menu-icon::before { content: ""; position: absolute; top: -2.5rem; bottom: -2.5rem; width: 100%; height: auto; } header.solid { background: rgba(0, 0, 61, 1); } .scrolled header { background: rgba(0, 0, 61, 1); } .scrolled header > .container { padding-top: 1.25rem; padding-bottom: 1.25rem; } .scrolled .header__logo { width: 10rem; } .scrolled .header__menu-icon::before { top: -1.75rem; bottom: -1.75rem; } .elWithHeaderPadding { padding-top: 6.625rem; } /* Hamburger Menu */ .hamburger-menu { position: absolute; width: 100%; height: auto; right: 0; top: 100%; padding: 0 0 !important; pointer-events: none; transform: scale(0); -webkit-transform: scale(0); transform-origin: top right; -webkit-transform-origin: top right; background-color: rgba(0, 0, 61, 1); overflow-x: hidden; overflow-y: auto; background-image: linear-gradient(270deg, rgba(0, 249, 228, 1) 0%, rgba(0, 77, 155, 1) 43%, rgba(0, 0, 61, 1) 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; } body.menu-active .hamburger-menu { pointer-events: auto; transform: scale(1); -webkit-transform: scale(1); } .hamburger-menu__menu { font-size: 0.9rem; } .hamburger-menu__menu nav ul { list-style: none; margin: 0; padding: 0; text-transform: uppercase; font-weight: 700;} .hamburger-menu__menu nav ul li a { position: relative; display: inline-block; } .hamburger-menu__menu nav ul.sub-menu { font-weight: 400; } .hamburger-menu__menu nav ul li img { display: none; } .hamburger-menu__menu .primary-navigation ul.menu > li > a { margin: 0 0 1rem; } .hamburger-menu__menu .primary-navigation .sub-menu { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 -0.5rem; } .hamburger-menu__menu .primary-navigation .sub-menu > li { display: inline-block; width: 20%; padding: 0 0.5rem; } .hamburger-menu__menu .primary-navigation .sub-menu > li > a { display: block; margin: 0 0 1rem; } .hamburger-menu__menu .primary-navigation .sub-menu > li > a > .menu-image-wrapper { position: relative; display: block; padding-bottom: 60%; overflow: hidden; margin: 0 0 0.5rem; } .hamburger-menu__menu .primary-navigation .sub-menu > li > a > .menu-image-wrapper > img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; } .hamburger-menu__menu .primary-navigation .sub-menu .sub-menu { display: none; } .hamburger-menu__menu .primary-sub-navigation ul.menu { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 -1rem; } .hamburger-menu__menu .primary-sub-navigation ul.menu > li { display: inline-block; width: 50%; padding: 0 1rem; margin: 0 0 1rem; } .hamburger-menu__menu .primary-sub-navigation ul.menu > li.menu-item-has-children > a { text-decoration: underline; } .hamburger-menu__menu .primary-sub-navigation ul.menu > li .hamburger-menu__menu .primary-sub-navigation ul.menu li a { margin: 0 0 0.25rem; } /* Hamburger Menu End */ /* Header End */ /* Footer */ footer { padding: 2rem 0 0; } .footer-bottom { padding: 0.8rem 0; border-top: 1px solid #C7C7C7; margin: 1.5rem 0 0; font-size: 0.875rem; } .footer-bottom > * { opacity: 0.7; } /* Footer End */ /* Contact Links */ .contact-links { list-style: none; padding: 0 0; margin-bottom: 0; } .contact-links__icon { display: block; width: 1.125rem; height: 1.125rem; object-fit: contain; object-position: left center; } /* Contact Links End */ /* Social Links */ .social-links { list-style: none; padding: 0 0; margin-bottom: 0; } .social-links__icon { display: block; height: 1rem; width: auto; } /* Social Links End */ /* Banner Section */ .banner { position: relative; min-height: 60vh; color: #ffffff; background: rgba(0, 0, 61, 1); display: flex; flex-direction: column; justify-content: center; overflow: hidden; } .home .banner { min-height: 100vh; } .banner__video { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .banner__overlay { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .banner__overlay > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .banner__content { position: relative; z-index: 3; padding: 6rem 0; } .banner__text { position: relative; overflow: hidden; } .banner__text--half { max-width: 50%; } .banner__title { position: relative; } .banner__title h1 { text-align: left !important; } .banner__description, .banner__links { font-weight: normal; } .banner__text__before { position: absolute; top: 0; left: -30%; right: -30%; width: auto; padding: 0 30%; } .banner__text__after { margin: 0 -30%; padding: 0 30%; } .banner__text__before, .banner__text__after { overflow: hidden; } .banner__text__before { transform: skewX(-45deg) translateX(0); } .banner__text__before > * { transform: skewX(45deg) translateX(0); } .banner__text__after { transform: skewX(-45deg) translateX(-100%); transition-delay: 0.1s; } .banner__text__after > * { transform: skewX(45deg) translateX(155%); transition-delay: 0.1s; } .animInit .banner__text__before { transform: skewX(-45deg) translateX(100%); } .animInit .banner__text__before > * { transform: skewX(45deg) translateX(-155%); } .animInit .banner__text__after { transform: skewX(-45deg) translateX(0%); } .animInit .banner__text__after > * { transform: skewX(45deg) translateX(0%); } /* Banner Section End */ /* Stats */ .stats__each__value { font-size: 2.75rem; line-height: 1.25; } /* Stats End */ /* Overlapping Images */ .text-and-image { overflow: unset; } .text-and-image .overlapping-images { position: -webkit-sticky; position: sticky; top: 7rem; } .overlapping-images__image-2 { margin-left: -33.34%; margin-top: 20.5%; } .overlapping-images--3 .overlapping-images__image-2 { margin-left: -41.66666667%; margin-top: 29%; } .overlapping-images__image-3 { margin-left: -88.51%; margin-top: 40%; } .overlapping-images img { transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; } /* Overlapping Images End */ /* Horizontal Overlapping Images */ .horizontal-overlapping-images__image { position: relative; border-radius: 0.125rem; } .horizontal-overlapping-images__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; } .horizontal-overlapping-images.type1 { align-items: flex-end; } .horizontal-overlapping-images.type1 .horizontal-overlapping-images__image--1 { width: 44.73%; padding-bottom: 28.42%; margin-bottom: 2.10%; } .horizontal-overlapping-images.type1 .horizontal-overlapping-images__image--2 { width: 43.07%; padding-bottom: 49.21%; margin-left: -6.84%; } .horizontal-overlapping-images.type1 .horizontal-overlapping-images__image--3 { width: 30.70%; padding-bottom: 30.70%; margin-bottom: 9.73%; margin-left: -11.66%; } .horizontal-overlapping-images.type1 .horizontal-overlapping-images__image--4 { width: 23.15%; padding-bottom: 23.15%; margin-bottom: 21.31%; margin-left: -67.36%; } .horizontal-overlapping-images.type2 { align-items: flex-start; } .horizontal-overlapping-images.type2 .horizontal-overlapping-images__image--1 { width: 38.14%; padding-bottom: 24.62%; } .horizontal-overlapping-images.type2 .horizontal-overlapping-images__image--2 { width: 38.33%; padding-bottom: 47.03%; margin-left: -11.29%; margin-top: 2.77%; position: relative; z-index: 2; } .horizontal-overlapping-images.type2 .horizontal-overlapping-images__image--3 { width: 38.14%; padding-bottom: 38.14%; margin-left: -3.32%; margin-top: 0.83%; } .horizontal-overlapping-images.type3 { align-items: flex-start; } .horizontal-overlapping-images.type3 .horizontal-overlapping-images__image--1 { width: 19.72%; padding-bottom: 19.72%; margin-left: 5%; position: relative; z-index: 2; } .horizontal-overlapping-images.type3 .horizontal-overlapping-images__image--2 { width: 63.51%; padding-bottom: 41.01%; margin-left: -24.72%; margin-top: 5.18%; } .horizontal-overlapping-images.type3 .horizontal-overlapping-images__image--3 { width: 39.81%; padding-bottom: 29.90%; margin-left: -5.18%; margin-top: 10.09%; } /* Horizontal Overlapping Images End */ /* Featured Solutions */ .featured-solutions__list { margin: -1rem; } .featured-solutions__each { padding: 0.65rem; color: #ffffff; } .featured-solutions__each > a { position: relative; display: block; width: 100%; padding-bottom: 142%; border-radius: 0.125rem; } .featured-solutions__each--landscape > a { padding-bottom: 61%; } .featured-solutions__each__bg::before, .featured-solutions__each__bg::after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.28) 0%, #000000 100%); background-size: 100% 100%; background-repeat: no-repeat; 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; } .featured-solutions__each__bg::after { z-index: 2; opacity: 0; background: rgba(0, 105, 205, 0.6); } .featured-solutions__each__content { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; padding: 2rem; } .featured-solutions__each > a:hover { box-shadow: 0 0.3125rem 0.9375rem rgba(41, 41, 41, 0.31); } .featured-solutions__each > a:hover .featured-solutions__each__bg { transform: scale(1.05); } .featured-solutions__each > a:hover .featured-solutions__each__bg::before { opacity: 0; } .featured-solutions__each > a:hover .featured-solutions__each__bg::after { opacity: 1; } /* Featured Solutions End */ /* Featured Projects */ .featured-projects__list > .featured-projects__each:nth-child(n + 2) { display: none; } .featured-projects__each { padding: 0 0 3rem; } .featured-projects__each__text { min-height: 13.5rem; max-width: 38%; padding: 1rem 1rem 1rem 0; } .featured-projects__each__gallery { margin-top: -18.7%; } .slick-track .featured-projects__each__gallery .horizontal-overlapping-images__image img { opacity: 0; transform: translateY(5%); 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; } .slick-current .featured-projects__each__gallery .horizontal-overlapping-images__image img { opacity: 1; transform: translateY(0); } .slick-current .featured-projects__each__gallery .horizontal-overlapping-images__image--1 img { transition-delay: 0.1s; } .slick-current .featured-projects__each__gallery .horizontal-overlapping-images__image--2 img { transition-delay: 0.2s; } .slick-current .featured-projects__each__gallery .horizontal-overlapping-images__image--3 img { transition-delay: 0s; } .slick-current .featured-projects__each__gallery .horizontal-overlapping-images__image--4 img { transition-delay: 0.3s; } .featured-projects__list .slick-dots { position: relative; text-align: center; } .featured-projects__list .slick-dots li { margin-bottom: 3rem; } /* Featured Projects End */ /* CSR Initiatives */ .csr-initiatives__each { padding: 3rem 0; border-top: 1px solid #979797; } .csr-initiatives__each:first-child { padding-top: 0; border-top: 0; } .csr-initiatives__each:last-child { padding-bottom: 0; } .csr-initiatives__each__image { display: block; width: auto; height: auto; max-height: 19rem; max-width: 100%; } /* CSR Initiatives 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} /* Dots */ .slick-dots { position: absolute; bottom: 0; display: block; width: 100%; padding: 0; margin: 0 -0.5rem; list-style: none; font-size: 0; line-height: 0; } .slick-dots li { position: relative; display: inline-block; margin: 0 0.5rem; padding: 0; cursor: pointer; } .slick-dots li button { display: block; width: 0.5rem; height: 0.5rem; border-radius: 50%; border: 2px solid #BBBBBB !important; cursor: pointer; color: transparent; outline: none; background: transparent; padding: 0; 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; } .slick-dots li button:hover, .slick-dots li button:focus { opacity: 0.7; background: #BBBBBB; } .slick-dots li.slick-active button { opacity: 1; background: #0246F9; border-color: #0246F9 !important; } .slick-dots > li:only-child { display: none; } /* Slick End */ /* Slick Arrow */ .slick-arrow { display: inline-block; width: 2.25rem; height: 2.25rem; margin: 0 0.5rem; cursor: pointer; } .slick-arrow img { display: block; width: 100%; height: auto; } /* Slick Arrow End */ /* Testimonials */ .testimonials__bg { position: relative; z-index: 2; } .testimonials__bg__image { position: absolute; z-index: -1; top: 30%; left: 8%; width: 30%; height: auto; } .testimonials__title { width: 28%; flex-shrink: 0; } .testimonials__title-after { position: relative; margin: 0 -0.5rem; } .testimonials__content { flex-grow: 1; padding-left: 2rem; width: 100%; } .testimonials__slider { display: flex; align-items: stretch; margin: 0 -1.375rem; } .testimonials__item { width: 100%; padding: 0 1.375rem; } .testimonials__item > div { box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.15); } .testimonials__item__top { background-color: #F9F9F9; padding: 2rem; position: relative; } .testimonials__item__top::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: transparent linear-gradient(223deg, #00F9E4 0%, #004D9B 43%, #00003D 100%) 0% 0% no-repeat padding-box; 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; } .testimonials__item__top > * { position: relative; z-index: 2; } .testimonials__item__icon { position: relative; width: 2.75rem; margin: 0 0 1.875rem; } .testimonials__item__icon > img.active { position: absolute; top: 0; left: 0; opacity: 0; } .testimonials__item__bottom { background: #ffffff; padding: 1rem 2rem; font-size: 0.9375rem; } .testimonials__item__logo { display: block; width: auto; height: auto; max-width: 100%; max-height: 4.0625rem; margin: 0 0 1rem; } .testimonials__slider.slick-initialized { display: block; } .testimonials__slider .slick-list { padding-top: 2.5rem; padding-bottom: 3.75rem; margin-top: -2.5rem; } .testimonials__slider .slick-track { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; } .testimonials__slider .slick-slide { float: none; height: unset; } .testimonials__slider .slick-dots { padding: 0 1.375rem; } .slick-slide.testimonials__item { padding-top: 2rem; padding-bottom: 2rem; } .slick-current.testimonials__item { padding-top: 0; padding-bottom: 0; } .slick-current.testimonials__item > div { box-shadow: 0 0.3125rem 0.9375rem rgba(41, 41, 41, 0.31); } .slick-current.testimonials__item .testimonials__item__top { color: #ffffff; } .slick-current.testimonials__item .testimonials__item__icon > img { opacity: 0; } .slick-current.testimonials__item .testimonials__item__icon > img.active { position: absolute; top: 0; left: 0; opacity: 1; } .slick-current.testimonials__item .testimonials__item__top::before { opacity: 1; } .rtl .testimonials__slider .slick-list { direction: ltr !important; } /* Testimonials End */ /* Generic Slider */ .generic-slider__bg { position: relative; z-index: 2; } .generic-slider__bg__image { position: absolute; z-index: -1; top: 30%; left: 8%; width: 30%; height: auto; } .generic-slider__title { width: 28%; flex-shrink: 0; } .generic-slider__content { width: 72%; } .generic-slider__content > div { margin-right: -100%; overflow: hidden; padding-top: 2.5rem; margin-top: -2.5rem; padding-left: 2rem; } .generic-slider__content > div > div { width: 50%; } .generic-slider__slider { display: flex; align-items: stretch; margin: 0 -1.25rem; } .generic-slider__item { width: 100%; padding: 0 1.25rem; } .generic-slider__item > div { padding: 2rem; background: #ffffff; box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.15); } .generic-slider__item__image-two { display: block; width: 90%; height: auto; margin-left: -70%; } .generic-slider__item__description-two { width: 80%; } .generic-slider__slider.slick-initialized { display: block; } .generic-slider__slider .slick-list { overflow: visible; padding-bottom: 3.75rem; } .generic-slider__slider .slick-track { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; } .generic-slider__slider .slick-slide { float: none; height: unset; } .generic-slider__slider .slick-dots { padding: 0 1.375rem; } /* Generic Slider End */ /* Catalogue Form */ .catalogue-form__image-outer { position: relative; } .catalogue-form__image { filter: drop-shadow(0 0.125rem 0.25rem rgba(0, 0, 0, 0.5)); opacity: 0; position: absolute; left: 0; top: 0; } .catalogue-form__image:first-child { position: relative; } .catalogue-form__image.active { opacity: 1; } .catalogue-form__image-layer { width: 95%; height: 70%; position: absolute; top: 0; background: #fff; transform: rotate(5deg); left: 8%; z-index: -1; filter: drop-shadow(0 0.125rem 0.25rem rgba(0, 0, 0, 0.5)); } .form__each__title-outer { position: relative; } .form__each__title-outer:after { content: ''; position: absolute; width: 110%; height: 10px; bottom: -10px; left: -5%; background: #1C1537; } .form__each__title { cursor: pointer; position: relative; text-align: center; } .form__each__title__tab { position: relative; width: 95%; height: 100%; border: 1px solid #1C1537; border-bottom: 0; left: 50%; transform: translateX(-50%); top: 0; opacity: 0.75; 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; } .form__each__title.active .form__each__title__tab,.form__each__title:hover .form__each__title__tab { background: #1C1537; color: #fff; opacity: 1; } .each_form__content { display: none; } .each_form__content.active{ display: flex; justify-content: center; } .each_form__content h2 { display: none; } /* Catalogue Form End */ /* 3D Map */ .three-d-map__description { max-width: 39rem; } .three-d-map__image { width: 80%; margin: auto; } .three-d-map__image svg { display: block; width: 100%; height: auto; } .three-d-map__image text { font-family: 'Avenir Next World', sans-serif; } .three-d-map__image .map-region-wrapper__marker { r: 0; transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; } .three-d-map__image .map-region-wrapper__text { opacity: 0; transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; } .three-d-map__image .map-region-wrapper__line-1, .three-d-map__image .map-region-wrapper__line-2 { stroke-dasharray: 1; stroke-dashoffset: 1; transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; } .three-d-map__image svg.active .map-region-wrapper__marker { r: 5px; } .three-d-map__image svg.active .map-region-wrapper__line-1 { transition-delay: 0.1s; -webkit-transition-delay: 0.1s; stroke-dashoffset: 0; } .three-d-map__image svg.active .map-region-wrapper__line-2 { transition-delay: 0.2s; -webkit-transition-delay: 0.2s; stroke-dashoffset: 0; } .three-d-map__image svg.active .map-region-wrapper__text { transition-delay: 0.2s; -webkit-transition-delay: 0.2s; opacity: 1; } /* 3D Map End */ /* Two Columns Three Icons */ .two-columns-three-icons__title { line-height: 0.7; } .two-columns-three-icons__title__row { margin: 0 -5rem; } .two-columns-three-icons__title__row > div { padding: 0 5rem; } .qhse-member-group__items > .qhse-member-group__item:nth-child(n+4) { display: none; } .qhse-member-group__item { padding: 0 0.75rem; } .qhse-member-group__items .slick-dots { position: relative; margin: 1rem -0.5rem 0; padding: 0 0.75rem; } .qhse-member { position: relative; display: block; width: 100%; padding-bottom: 101.78%; } .qhse-member__bg img { object-fit: unset; } .qhse-member__logo { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; padding: 1rem 1rem 2rem; } .qhse-member__logo img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; } .qhse-member__info { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .qhse-members-info__bg img { object-fit: unset; opacity: 0.9; } .qhse-members-info__text { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; padding: 1rem; } .qhse-member:hover .qhse-member__bg { filter: drop-shadow(0 0.3125rem 0.9375rem rgba(1, 0, 124, 0.16)); } .qhse-member:hover .qhse-member__info { opacity: 1; } /* Two Columns Three Icons End */ /* Contact Form Section */ .contact-form-section__left { width: 29.51%; position: relative; min-height: 80vh; } .contact-form-section__right { position: relative; padding: 3rem 2rem; } .contact-form-section__content { position: relative; z-index: 2; max-width: 45rem; } /* Contact Form Section End */ /* Four Column Icons Block */ .four-column-icons-block__row { margin-top: -3rem; } .four-column-icons-block__icon { display: block; height: 2.5rem; width: auto; } /* Four Column Icons Block End */ /* Three Column Boxes */ .three-column-boxes__list { margin-bottom: -3rem; } /* Three Column Boxes End */ /* KPIs */ .kpis__each__icon { width: 2.5rem; } /* KPIs End */ /* Property Tags */ .property-tags__each { padding: 0.75rem 1rem 0.75rem 0.625rem; font-size: 0.875rem; line-height: 1.4; overflow: hidden; position: relative; } .property-tags__each::before { content: ""; position: absolute; inset: 0; background: #01007C; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.25rem), calc(100% - 1.25rem) 100%, 0 100%, 0 0, 1px 1px, 1px calc(100% - 1px), calc(100% - 1.25rem - 0.41px) calc(100% - 1px), calc(100% - 1px) calc(100% - 1.25rem - 0.41px), calc(100% - 1px) 1px, 1px 1px); } /* Property Tags End */ /* Images Gallery */ .images-gallery { position: relative; } .images-gallery__main { border: 1px solid #C2D1D9; border-radius: 0.125rem; } .images-gallery__main > .images-gallery__main__each:nth-child(n+2) { display: none; } .images-gallery__main__each { display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 0.125rem; } .images-gallery__main__each img { display: block; width: 100%; height: 100%; flex-grow: 1; object-fit: contain; object-position: center; } .images-gallery__thumbs { position: absolute; bottom: 0.625rem; left: 0.625rem; width: 12.5rem;} .images-gallery__thumbs__each { display: inline-block; width: 33.33%; padding: 0 0.25rem; } .images-gallery__thumbs__each > div { border: 1px solid #C2D1D9; } .images-gallery__thumbs__each > div > div { position: relative; padding-bottom: 100%; } .images-gallery__thumbs__each img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } .images-gallery__thumbs > .images-gallery__thumbs__each:nth-child(n+4) { display: none; } .images-gallery__main .slick-track { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; } .images-gallery__thumbs .slick-track { margin: 0 0; } .images-gallery__thumbs__each.slick-current > div { border: 2px solid #424B5A; } /* Images Gallery */ /* CTA Section */ .cta-section__content { max-width: 36.25rem; } /* CTA Section End */ /* Cart Count */ .quote-count__icon { width: 1.625rem; } /* Cart Count End */ /* Product Filters */ .product_search_input-wrapper { position: relative; } .product_search_input-clear { position: absolute; right: 0.75rem; top: 0; bottom: 0; width: 1rem; height: auto; margin: auto; cursor: pointer; } .products-filters { background: #f9f9f9; border-radius: 0.125rem; border: 1px solid #C2D1D9; padding: 0 1.25rem; } .product-filters__each, .product-filters__nav { border-bottom: 1px solid #C2D1D9; } .product-filters__nav__item__radio { display: none; } .product-filters__nav__item__radio:checked + label { text-decoration: underline; } .product-filters__each:last-child { border-bottom: 0; } .product-filters__each__title { position: relative; padding-right: 1rem; cursor: pointer; font-size: 1.15rem; font-weight: 700; } .product-filters__each__title::after { content: ""; position: absolute; top: 0; right: 0; width: 0.6875rem; height: 100%; background-image: url(../img/icon-chevron-down.svg); background-repeat: no-repeat; background-position: right center; background-size: 100% auto; 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-filters__each__title.expanded::after { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .product-filters__each__items { display: none; font-size: 0.85rem; } .product-filters__each__item input { width: auto !important; display: inline-block !important; } /* Product Filters End */ /* Furniture Filters */ .product_search_input-wrapper { position: relative; } .product_search_input-clear { position: absolute; right: 0.75rem; top: 0; bottom: 0; width: 1rem; height: auto; margin: auto; cursor: pointer; } .furniture-filters { background: #f9f9f9; border-radius: 0.125rem; border: 1px solid #C2D1D9; padding: 0 1.25rem; } .furniture-filters__each, .furniture-filters__nav { border-bottom: 1px solid #C2D1D9; } .furniture-filters__nav__item__radio { display: none; } .furniture-filters__nav__item__radio:checked + label { text-decoration: underline; } .furniture-filters__each:last-child { border-bottom: 0; } .furniture-filters__each__title { position: relative; padding-right: 1rem; cursor: pointer; font-size: 1.15rem; font-weight: 700; } .furniture-filters__each__title::after { content: ""; position: absolute; top: 0; right: 0; width: 0.6875rem; height: 100%; background-image: url(../img/icon-chevron-down.svg); background-repeat: no-repeat; background-position: right center; background-size: 100% auto; 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; } .furniture-filters__each__title.expanded::after { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .furniture-filters__each__items { display: none; font-size: 0.85rem; } .furniture-filters__each__item input { width: auto !important; display: inline-block !important; } /* Furniture Filters End */ /* Quantity Field */ .quantity-field { max-width: 8.25rem; } .quantity-field input[type="number"] { font-size: 1.5625rem; border: 2px solid #C2D1D9; border-radius: 0.25rem; width: 2.875rem; height: 2.875rem; padding: 0.375rem 0.5rem; } .quantity-field input[type="number"].quantity-field__input--white { color: #ffffff; border-color: #ffffff; background: transparent; } .quantity-field__control { width: 1.5625rem; height: 1.5625rem; border-radius: 50%; cursor: pointer; background: #0023B9; position: relative; } .quantity-field__control::before, .quantity-field__control::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 0.875rem; height: 2px; margin: auto; background: #ffffff; border-radius: 2px; } .quantity-field__control--plus::after { height: 0.875rem; width: 2px; } .quantity-field__control:hover { background: #00FFE6; } .quantity-field__control:hover::before, .quantity-field__control:hover::after { background: #000000; } .quantity-field--small { /*max-width: 6.75rem;*/ width: 100%; } .quantity-field--small input[type="number"] { font-size: 1.125rem; min-width: 2.125rem; height: 2.125rem; } .quantity-field--small .quantity-field__control { width: 1.25rem; height: 1.25rem; } .quantity-field--small .quantity-field__control::before { width: 0.75rem;} .quantity-field--small .quantity-field__control--minus::after { width: 0.75rem;} .quantity-field--small .quantity-field__control--plus::after { height: 0.75rem; } /* Quantity Field End */ /* Products Grid */ .products-grid-item { font-size: 1.125rem; position: relative; } .products-grid-item__image { position: relative; padding-bottom: 100%; border-radius: 0.125rem; overflow: hidden; } .products-grid-item__image > a > img, .products-grid-item__image > img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } .products-grid-item__image__overlay { position: relative; z-index: 2; } .products-grid-item__link { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } /* Products Grid End */ /* Product Detail Page */ .product-detail__info { font-size: 1.125rem; } /* Product Detail Page End */ /* Available Products */ .products-available { border-top: 1px solid #C2D1D9; margin-bottom: -1.5rem; } /* Available Products End */ /* Recommended Products */ .recommended-products { background: #f9f9f9; } .recommended-products > div { margin-bottom: -3rem; } /* Recommended Products End */ /* Projects Grid */ .projects-grid-item { font-size: 1.125rem; } .projects-grid-item__image { position: relative; padding-bottom: 100%; border-radius: 0.125rem; overflow: hidden; } .projects-grid-item__image__wrapper { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .projects-grid-item__image__wrapper > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .projects-grid-item__image__overlay { position: absolute; z-index: 2; inset: -1px; background: rgba(0, 105, 205, 0.6); opacity: 0; transform: translateY(1rem); -webkit-transform: translateY(1rem); } .projects-grid-item__image:hover .projects-grid-item__image__overlay { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); } /* Projects Grid End */ /* Four Column Stats */ .four-column-stats__each, .four-column-stats__each > div { position: relative; } .four-column-stats__each > div { padding-left: 1.875rem; } .four-column-stats__each > div::before { content: ""; position: absolute; top: 0; left: 0; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: #00FFE6; } .four-column-stats__each:nth-child(odd) { margin-bottom: 12.5rem; padding-top: 6.25rem; } .four-column-stats__each:nth-child(even) { margin-top: 12.5rem; padding-bottom: 6.25rem; } .four-column-stats__each:nth-child(odd)::before, .four-column-stats__each:nth-child(even)::before { content: ""; position: absolute; top: 0; bottom: 0; left: 10px; width: 1px; height: auto; background: #00FFE6; } .four-column-stats__each:nth-child(odd)::before { height: 6.25rem; } .four-column-stats__each__label { margin-top: -0.25rem; } /* Four Column Stats End */ /* Timeline */ .timeline > .container { max-width: 62.75rem; } .timeline__title { max-width: 34.375rem; } .timeline__list { position: relative; } .timeline__line { position: absolute; top: 0.5rem; left: 50%; width: 1px; height: 100%; background: #00FFE6; } .timeline__line > div { position: absolute; bottom: 0; left: 50%; width: 1.6875rem; transform: translateX(-50%); border-radius: 0.125rem; height: 0.3125rem; background: #00FFE6; } .timeline__each { position: relative; display: block; width: 100%; margin: 3rem 0 0; } .timeline__each:first-child { margin: 0 0; } .timeline__each:nth-child(even) { text-align: right; } .timeline__each__img > div { margin-left: auto; } .timeline__each:nth-child(even) .timeline__each__img > div { margin-left: unset; margin-right: auto;} .timeline__each:nth-child(odd) .timeline__each__content { flex-direction: row-reverse; } .timeline__each::before { content: ""; position: absolute; top: 0.45rem; left: 50%; margin-left: -0.625rem; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: #00FFE6; } /* Timeline End */ /* FAQs */ .faqs__each { border-radius: 2px; background: #ffffff; color: #1C1537; box-shadow: 0px 2px 4px rgba(174, 174, 174, 0.5); cursor: pointer; } .faqs__each__icon { position: relative; width: 0.875rem; height: 0.875rem; margin-top: 0.25rem; } .faqs__each__icon::before, .faqs__each__icon::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 2px; margin: auto; background: #0023B9; border-radius: 2px; 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; } .faqs__each.active .faqs__each__icon::after { height: 0.875rem; width: 2px; } .faqs__each__answer { display: none; cursor: auto; } /* FAQs End */ /* Portfolio Structure */ .portfolio-structure { overflow: visible; } .portfolio-structure__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .portfolio-structure__video { max-width: 58.75rem; } .portfolio-structure__summary { max-width: 34.0625rem; } .portfolio-structure-item { position: relative; padding-bottom: 3.75rem; padding-left: 3.75rem; } .portfolio-structure-item__circle { content: ""; position: absolute; top: 0.5rem; left: 0; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: #00FFE6; } .portfolio-structure-item__line { position: absolute; top: 1.125rem; left: 0.625rem; width: 1px; height: 100%; background: #00FFE6; } .portfolio-structure-item:last-child .portfolio-structure-item__line { display: none; } /* Portfolio Structure End */ /* Our Employees */ .circle-stats { position: relative; } .circle-stats__each { display: inline-block; background: #1C1537; color: #ffffff; border-radius: 50%; } .circle-stats__each > div { position: absolute; top: 0; bottom: 0; width: 100%; padding: 1rem 0.5rem; } .current-vacancies__list { margin-bottom: -2.5rem; } .current-vacancies__each { position: relative; border: 1px solid #C2D1D9; background: #ffffff; border-radius: 2px; overflow: hidden; padding: 3rem 2rem; margin-bottom: 2.5rem; } .current-vacancies__each__overlay { position: absolute; z-index: 2; inset: 0; background: rgba(0, 0, 0, 0.7); opacity: 0; transform: translateY(1rem); -webkit-transform: translateY(1rem); } .current-vacancies__each:hover .current-vacancies__each__overlay { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); } /* Our Employees End */ /* Career Detail */ .career-detail > .container { max-width: 50rem; } .career-detail__info { opacity: 0.5; } .career-detail__info__icon { width: 1.375rem; height: 1.375rem; position: relative; } .career-detail__info__icon img { position: relative; display: block; width: 100%; height: 100%; object-fit: contain; } /* Career Detail End */ /* Contact Info */ .contact-info__map { position: relative; padding-bottom: 57.54%; } .contact-info__map__content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Contact Info End */ /* Message with signature */ .message-with-signature__signature { min-width: 12.5rem; } /* Message with signature End */ /* Request a Quote */ .request-quote-cart { background: #f9f9f9; color: #1C1537; padding: 0 1.25rem; border-radius: 0.3125rem } /* Cart Item */ .cart-item { border-bottom: 1px solid #DEE5EA; } .cart-item:last-child { border-bottom: 0; } .cart-item__image { display: inline-block; width: 30%; } .cart-item__image > a { position: relative; display: block; padding-bottom: 100%; border-radius: 0.125rem; overflow: hidden; } .cart-item__image > a > img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } .cart-item__text { position: relative; padding-right: 1rem; } .cart-item__remove { position: absolute; top: 0; right: 0; width: 0.875rem; cursor: pointer; } /* Cart Item End */ /* Request a Quote End */ .latest-articles__list { margin-bottom: -3rem; } .featured-articles__list { margin-bottom: -3rem; } .related-articles__list { margin-bottom: -3rem; } /* Article Grid Item */ .article-grid-item { position: relative; overflow: hidden; color: #ffffff; padding-bottom: 134%; border-radius: 0.125rem; } .article-grid-item--landscape { padding-bottom: 60%; } .article-grid-item__bg { position: absolute; inset: 0; z-index: 1; } .article-grid-item__bg::before, .article-grid-item__bg::after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.28) 0%, #000000 100%); background-size: 100% 100%; background-repeat: no-repeat; 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; } .article-grid-item__bg::after { z-index: 2; opacity: 0; background: rgba(0, 105, 205, 0.6); } .article-grid-item__content { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; padding: 2rem; pointer-events: none; } .article-grid-item__content > a { pointer-events: auto; } .article-grid-item__content > .article-grid-item__tags { pointer-events: none; } .article-grid-item__content > .article-grid-item__tags .article-tag { pointer-events: auto; } .article-grid-item:hover { box-shadow: 0 0.3125rem 0.9375rem rgba(41, 41, 41, 0.31); } .article-grid-item:hover .article-grid-item__bg { transform: scale(1.05); } .article-grid-item:hover .article-grid-item__bg::before { opacity: 0; } .article-grid-item:hover .article-grid-item__bg::after { opacity: 1; } /* Article Grid Item End */ /* Article Page */ /* Post Banner */ .post-banner > img { display: block; width: 100%; height: auto; max-height: 80vh; object-fit: cover; } /* Post Banner */ /* Article Page End */ /* News Grid Item */ .news-grid-item { position: relative; overflow: hidden; color: #ffffff; padding-bottom: 134%; border-radius: 0.125rem; } .news-grid-item--landscape { padding-bottom: 60%; } .news-grid-item__bg { position: absolute; inset: 0; z-index: 1; } .news-grid-item__bg::before, .news-grid-item__bg::after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.28) 0%, #000000 100%); background-size: 100% 100%; background-repeat: no-repeat; 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; } .news-grid-item__bg::after { z-index: 2; opacity: 0; background: rgba(0, 105, 205, 0.6); } .news-grid-item__content { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; padding: 2rem; } .news-grid-item:hover { box-shadow: 0 0.3125rem 0.9375rem rgba(41, 41, 41, 0.31); } .news-grid-item:hover .news-grid-item__bg { transform: scale(1.05); } .news-grid-item:hover .news-grid-item__bg::before { opacity: 0; } .news-grid-item:hover .news-grid-item__bg::after { opacity: 1; } /* News Grid Item End */ /* Pagination */ .pagination .page-numbers { display: flex; align-items: flex-start; justify-content: center; list-style: none; padding: 0 0; margin: -0.125rem; } .pagination .page-numbers li .page-numbers { display: block; position: relative; color: inherit; border-radius: 0.25rem; overflow: hidden; padding: 0.75rem 0.25rem; min-width: 2.5rem; text-align: center; margin: 0.125rem; line-height: 1; 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 .page-numbers li .page-numbers.prev { margin-right: 1rem; } .pagination .page-numbers li .page-numbers.next { margin-left: 1rem; } .pagination .page-numbers li .page-numbers.prev > span, .pagination .page-numbers li .page-numbers.next > span { display: flex; align-items: center; } .pagination .page-numbers li .page-numbers.prev img, .pagination .page-numbers li .page-numbers.next img { display: inline-block; width: 0.375rem; height: auto; } .pagination .page-numbers li .page-numbers:not(.next):not(.prev):before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: 0; background: transparent linear-gradient(180deg, #009CF5 0%, #0246F9 32%, #01007C 100%) 0% 0% no-repeat padding-box; 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 .page-numbers li .page-numbers:not(.next):not(.prev):hover::before { opacity: 0.25; } .pagination .page-numbers li .page-numbers.current:not(.next):not(.prev) { color: #ffffff; } .pagination .page-numbers li .page-numbers.current:not(.next):not(.prev):before { opacity: 1; } /* Pagination End */ /* Posts Grid */ .posts-grid-item { font-size: 1.125rem; } .posts-grid-item__image { position: relative; padding-bottom: 100%; border-radius: 0.125rem; overflow: hidden; } .posts-grid-item__image__wrapper { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .posts-grid-item__image__wrapper > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .posts-grid-item__image__overlay { position: absolute; z-index: 2; inset: -1px; background: rgba(0, 105, 205, 0.6); opacity: 0; transform: translateY(1rem); -webkit-transform: translateY(1rem); } .posts-grid-item__image:hover .posts-grid-item__image__overlay { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); } /* Posts Grid End */ @media all and (max-width: 1366px){ .container { max-width: 67.5rem; /* 1080px */ } /* Tabs */ .tab { font-size: 0.8rem; } /* Tabs End */ } @media all and (min-width: 768px){ /* Utility */ .text-md-right { text-align: right; } .text-md-left { text-align: left; } .text-md-center { text-align: center; } .col-md-2_4 { width: 20%; } .mobile-only { display: none; } /* Utility End */ /* Testimonials */ .testimonials__item { padding: 0 1rem; } .testimonials__item__top { padding: 1.5rem; } /* Testimonials End */ } @media all and (max-width: 767px) { html { font-size: 16px; } body.menu-active { height: 100vh; overflow: hidden; } body.menu-active .header__menu-icon > div:nth-child(1) { top: 50%; width: 100%; margin-top: -0.125rem; transform: rotate(45deg); -webkit-transform: rotate(45deg); } body.menu-active .header__menu-icon > div:nth-child(2) { width: 0; height: 0; } body.menu-active .header__menu-icon > div:nth-child(3) { top: 50%; width: 100%; bottom: unset; margin-top: -0.125rem; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } /* Common Elements */ h1, .h1-style { font-size: 2.1rem; } h2, .h2-style { font-size: 1.95rem; } h3, .h3-style { font-size: 1.7rem; } h4, .h4-style { font-size: 1.55rem; } h5, .h5-style { font-size: 1.4rem; } section { padding-top: 3.75rem; padding-bottom: 3.75rem; } .section-title { margin: 0 0 3rem; } .desktop-only { display: none; } /* Common Elements End */ /* Header */ .header__logo { width: 11rem; } .header__menu-icon { width: 2rem; height: 1.38rem; } .scrolled .header__logo { width: 10rem; } .elWithHeaderPadding { padding-top: 5.125rem; } /* Hamburger Menu */ .hamburger-menu { height: 100vh; top: 0; padding-top: 5.125rem !important; } .hamburger-menu__menu { font-size: 1rem; } .hamburger-menu__menu .primary-navigation ul.menu > li > a { margin: 0 0; } .hamburger-menu__menu .primary-navigation .sub-menu > li { display: block; width: 100%; padding: 0 0; } .hamburger-menu__menu .primary-navigation .sub-menu > li > a { display: block; margin: 0 0; } .hamburger-menu__menu .primary-navigation .sub-menu > li > a > .menu-image-wrapper { display: none; } .hamburger-menu__menu .primary-sub-navigation ul.menu { display: block; margin: 0 0; } .hamburger-menu__menu .primary-sub-navigation ul.menu > li { display: block; width: 100%; padding: 0 0; margin: 0 0; } .hamburger-menu__menu .primary-sub-navigation ul.menu > li.menu-item-has-children > a { text-decoration: none; } .hamburger-menu__menu .primary-sub-navigation ul.menu li a { margin: 0 0; } .hamburger-menu__menu nav li { border-top: 1px #ffffff solid; } .hamburger-menu__menu nav ul li a { display: block; } .hamburger-menu__menu nav ul li a::before { display: none; } .hamburger-menu__menu nav li.menu-item-has-children > a { margin-right: 3rem !important; overflow: visible; } .hamburger-menu__menu nav li.menu-item-has-children > a:after { content: ''; position: absolute; right: -3rem; height: 100%; top: 0; pointer-events: none; width: 0.75rem; background: url(../img/icon-chevron-down-white.svg); background-size: 100% auto; background-repeat: no-repeat; background-position: center 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; } .hamburger-menu__menu nav li > ul, .hamburger-menu__menu .primary-navigation .sub-menu { display: none; opacity: 0.8; margin: 0 0; } .hamburger-menu__menu nav li.menu-item-has-children.open > a:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .hamburger-menu__menu .primary-sub-navigation li:last-child { border-bottom: 1px solid #ffffff; } /* Hamburger Menu End */ /* Header End */ /* Footer */ footer { padding: 2rem 0 0; } .footer-bottom { padding: 0.8rem 0; border-top: 1px solid #C7C7C7; margin: 1.5rem 0 0; font-size: 0.875rem; } .footer-bottom > * { opacity: 0.7; } /* Footer End */ /* Banner Section */ .banner__content { padding: 4rem 0; } .banner__text { width: 100% !important; } .banner__text__before { transform: skewX(-20deg) translateX(0); } .banner__text__before > * { transform: skewX(20deg) translateX(0); } .banner__text__after { transform: skewX(-20deg) translateX(-100%); } .banner__text__after > * { transform: skewX(20deg) translateX(155%); } .animInit .banner__text__before { transform: skewX(-20deg) translateX(100%); } .animInit .banner__text__before > * { transform: skewX(20deg) translateX(-155%); } .animInit .banner__text__after { transform: skewX(-20deg) translateX(0%); } .animInit .banner__text__after > * { transform: skewX(20deg) translateX(0%); } /* Banner Section End */ /* Stats */ .stats__each__value { font-size: 1.75rem; } /* Stats End */ /* Horizontal Overlapping Images */ /* Type 1 */ .horizontal-overlapping-images.type1 .horizontal-overlapping-images__image--1 { width: 62.622%; padding-bottom: 39.788%; margin-bottom: 2.10%; } .horizontal-overlapping-images.type1 .horizontal-overlapping-images__image--2 { width: 60.298%; padding-bottom: 68.894%; margin-left: -22.92%; } .horizontal-overlapping-images.type1 .horizontal-overlapping-images__image--3 { width: 42.98%; padding-bottom: 42.98%; margin-bottom: 0%; margin-top: -5%; margin-left: 30%; } /* Type 2 */ .horizontal-overlapping-images.type2 .horizontal-overlapping-images__image--1 { width: 53.396%; padding-bottom: 34.468%; } .horizontal-overlapping-images.type2 .horizontal-overlapping-images__image--2 { width: 53.662%; padding-bottom: 65.842%; margin-left: -7.058%; margin-top: 2.77%; } .horizontal-overlapping-images.type2 .horizontal-overlapping-images__image--3 { width: 53.396%; padding-bottom: 53.396%; margin-left: 0%; margin-top: -25%; position: relative; z-index: 3; } /* Type 3 */ .horizontal-overlapping-images.type3 .horizontal-overlapping-images__image--1 { width: 38.6512%; padding-bottom: 38.6512%; margin-left: 5%; } .horizontal-overlapping-images.type3 .horizontal-overlapping-images__image--2 { width: 100%; padding-bottom: 64.31%; margin-left: -43.6512%; margin-top: 10%; } .horizontal-overlapping-images.type3 .horizontal-overlapping-images__image--3 { width: 55.734%; padding-bottom: 41.86%; margin-left: 30%; margin-top: -10.09%; } /* Type 1 with 4 images */ .horizontal-overlapping-images--four.type1 .horizontal-overlapping-images__image--3 { margin-left: 50%; } .horizontal-overlapping-images--four.type1 .horizontal-overlapping-images__image--4 { width: 32.41%; padding-bottom: 32.41%; margin-bottom: 15%; margin-left: -70.36%; margin-top: -20%; } /* Horizontal Overlapping Images End */ /* Featured Solutions */ .featured-solutions__each > a, .featured-solutions__each--landscape > a { padding-bottom: 142%; } /* Featured Solutions End */ /* Featured Projects */ .featured-projects__each__text { min-height: unset; max-width: 100%; margin-bottom: 1.5rem; } .featured-projects__each__gallery { margin-top: 0; } /* Featured Projects End */ /* Slick */ .slick-dots li button { width: 1rem; height: 1rem; } /* Testimonials */ .testimonials__bg__image { top: 0; left: 0; right: 0; margin: auto; width: 50%; } .testimonials__title { width: 100%; } .testimonials__content { padding-left: 0; } .testimonials__item { width: 100%; } .testimonials__item__top { padding: 1.5rem; } /* Testimonials End */ /* Generic Slider */ .generic-slider__bg__image { top: 0; left: 0; right: 0; margin: auto; width: 50%; } .generic-slider__title { width: 100%; } .generic-slider__content { width: 100%; } .generic-slider__content > div { padding-left: 0; } .generic-slider__item > div { padding: 1.5rem; } .generic-slider__item__image-two { width: 100%; margin-left: 0; } .generic-slider__item__description-two { width: 100%; } /* Generic Slider End */ /* 3D Map */ .three-d-map__image { margin-left: -1.5rem; margin-right: -1.5rem; width: auto; } /* 3D Map End */ /* Two Columns Three Icons */ .qhse-member-group__item { padding: 0 0.25rem; } /* Two Columns Three Icons End */ /* Contact Form Section */ .contact-form-section__left { display: none; } /* Contact Form Section End */ /* Quantity Field */ .quantity-field { max-width: 8.25rem; } .quantity-field input[type="number"] { font-size: 1.5625rem; border: 2px solid #C2D1D9; border-radius: 0.25rem; width: 2.875rem; height: 2.875rem; padding: 0.375rem 0.5rem; } .quantity-field input[type="number"].quantity-field__input--white { color: #ffffff; border-color: #ffffff; background: transparent; } .quantity-field__control { width: 1.5625rem; height: 1.5625rem; border-radius: 50%; cursor: pointer; background: #0023B9; position: relative; } .quantity-field__control::before, .quantity-field__control::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 0.875rem; height: 2px; margin: auto; background: #ffffff; border-radius: 2px; } .quantity-field__control--plus::after { height: 0.875rem; width: 2px; } .quantity-field__control:hover { background: #00FFE6; } .quantity-field__control:hover::before, .quantity-field__control:hover::after { background: #000000; } .quantity-field--small { /*max-width: 8.25rem;*/ width: 100%; } .quantity-field--small input[type="number"] { font-size: 1rem; min-width: 2.25rem; height: 2.25rem; } .quantity-field--small .quantity-field__control { width: 1.5625rem; height: 1.5625rem; } /* Quantity Field End */ /* Products Grid */ .products-grid-item__image__overlay { display: none; } /* Products Grid End */ /* Projects Grid */ .projects-grid-item { font-size: 1rem; } .projects-grid-item__image { padding-bottom: 0; } .projects-grid-item__image__wrapper { position: relative; width: 100%; padding-bottom: 100%; } .projects-grid-item__image__overlay { position: relative; inset: unset; background: none; opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); } /* Projects Grid End */ /* Four Column Stats */ .four-column-stats > .container { max-width: 100%; padding: 3.75rem 0; } .four-column-stats__each, .four-column-stats__each > div { position: relative; } .four-column-stats__each:nth-child(odd), .four-column-stats__each:nth-child(even) { margin: 0 0; padding: 0 2.5rem 4rem; } .four-column-stats__each:nth-child(odd)::before, .four-column-stats__each:nth-child(even)::before { content: ""; position: absolute; left: 0; top: 0.625rem; width: 2.5rem; height: 1px; } .four-column-stats__each:nth-child(even) { text-align: right; } .four-column-stats__each:nth-child(even)::before { left: unset; right: 0; } .four-column-stats__each > div { padding: 0 1.875rem; } .four-column-stats__each > div::before { content: ""; position: absolute; top: 0; left: 0; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: #00FFE6; } .four-column-stats__each:nth-child(even) > div::before { left: unset; right: 0; } /* Four Column Stats End */ /* Timeline */ .timeline__line { left: 0.625rem; } .timeline__each { width: 100%; margin-top: 0; padding-top: 3rem; } .timeline__each:nth-child(odd), .timeline__each:nth-child(even) { margin-left: 0; margin-right: 0; padding-right: 0; padding-left: 3.5rem; text-align: left; } .timeline__each::before, .timeline__each:nth-child(even)::before { right: unset; left: 0; top: 3rem; margin-left: 0; } .timeline__each:first-child { padding-top: 0; } .timeline__each:first-child::before { top: 0; } .timeline__each__img > div { margin-left: 0; } /* Timeline End */ /* Portfolio Structure */ .portfolio-structure-item { padding-left: 2.5rem; } /* Portfolio Structure End */ /* Our Employees */ .circle-stats { margin: 0 -1.5rem; } .circle-stats__each > div { font-size: 0.75rem; } .current-vacancies__list { margin-bottom: -1.5rem; } .current-vacancies__each { padding: 2rem 1.5rem; margin-bottom: 1.5rem; } /* Our Employees End */ /* Career Detail */ .career-detail > .container { max-width: 50rem; } .career-detail__info { opacity: 0.5; } .career-detail__info__icon { width: 1.375rem; height: 1.375rem; position: relative; } .career-detail__info__icon img { position: relative; display: block; width: 100%; height: 100%; object-fit: contain; } /* Career Detail End */ /* Request a Quote */ .request-quote-cart { padding: 0 1rem; } /* Cart Item */ .cart-item { border-bottom: 1px solid #DEE5EA; } .cart-item:last-child { border-bottom: 0; } .cart-item__image { display: inline-block; width: 30%; } .cart-item__image > a { position: relative; display: block; padding-bottom: 100%; border-radius: 0.125rem; overflow: hidden; } .cart-item__image > a > img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } .cart-item__text { position: relative; padding-right: 1rem; } .cart-item__remove { width: 1rem; } /* Cart Item End */ /* Request a Quote End */ .latest-articles__list { margin-bottom: -1.5rem; } .featured-articles__list { margin-bottom: -1.5rem; } .related-articles__list { margin-bottom: -1.5rem; } /* Article Grid Item */ .article-grid-item, .article-grid-item--landscape { padding-bottom: 100%; } .article-grid-item__content { padding: 1.5rem; } /* Article Grid Item End */ /* News Grid Item */ .news-grid-item, .news-grid-item--landscape { padding-bottom: 100%; } .news-grid-item__content { padding: 1.5rem; } /* News Grid Item End */ /* Posts Grid */ .posts-grid-item { font-size: 1rem; } .posts-grid-item__image { padding-bottom: 0; } .posts-grid-item__image__wrapper { position: relative; width: 100%; padding-bottom: 100%; } .posts-grid-item__image__overlay { position: relative; inset: unset; background: none; opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); } /* Posts Grid End */ }