:root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13,110,253; --bs-secondary-rgb: 108,117,125; --bs-success-rgb: 25,135,84; --bs-info-rgb: 13,202,240; --bs-warning-rgb: 255,193,7; --bs-danger-rgb: 220,53,69; --bs-light-rgb: 248,249,250; --bs-dark-rgb: 33,37,41; --bs-white-rgb: 255,255,255; --bs-black-rgb: 0,0,0; --bs-body-color-rgb: 33,37,41; --bs-body-bg-rgb: 255,255,255; --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff; --body-background: rgb(255, 255, 255); --body-color: rgb(39, 39, 39); --body-font: 'Maven Pro',sans-serif; --h1-font: 'Maven Pro',sans-serif; --h2-font: 'Maven Pro',sans-serif; --h3-font: 'Maven Pro',sans-serif; --h4-font: 'Maven Pro',sans-serif; --text-primary: rgb(0, 0, 0); --text-secondary: rgb(255, 255, 0); --cookie-background: rgb(255, 255, 255); --cookie-text-color: rgb(0, 0, 0); --button-background: rgb(0, 0, 0); --quickinquiry-background: rgb(238, 238, 238); --quickinquiry-color: rgb(68, 68, 68); --quickinquiry-tab-background: rgb(68, 68, 68); --navbar-hamburguer-icon-color: rgb(255, 255, 255); --navbar-phone-color: rgb(255, 255, 255); --sticky-header-background: rgba(0, 0, 0, 0.5); --navbar-phone-icon: rgb(255, 255, 255); --nav-mobile-backgroundcolor: rgb(68, 68, 68); --navlink-mobile-bordercolor: rgb(102, 102, 102); --nav-link-color-mobile: rgb(255, 255, 255); --nav-link-color: rgb(0, 0, 0); --footer-background: rgb(0, 0, 0); --footer-textcolor: rgb(255, 255, 255); --sticky-header-text-color: rgb(255, 255, 255); --required_color: rgb(255, 0, 0); --h1-fontsize: 80px; --h2-fontsize: 60px; --h3-fontsize: 48px; --h4-fontsize: 32px; --h1-fontweight: 400; --h2-fontweight: 400; --h3-fontweight: 400; --h4-fontweight: 400; --header_promo_line_bgcolor: #000; --header_promo_line_textcolor: rgb(255, 255, 255); --input_height: 62px; --hpl01-h: 0px; --gold: #A87352; --nero-bearblack: #2b2827; --nero-marblewarm:#cac8b5; --nero-bgmarble:#dcddce; --nero-lidgrey:#8c8b85; --nero-blue:#6d96d0; } .navbar .nav-item.item-dropdown.lvl1 .nav-link { background-color: transparent } .sr-only { border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .lightbox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.7); -webkit-filter: none !important; z-index: 9997 } .lightbox img { display: block; position: absolute; border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px } body.lightbox-wrapper { width: 100%; height: 100%; height: -webkit-fill-available; overflow-y: hidden } .lightbox__loading { width: 32px; height: 32px; margin: -16px 0 0 -16px; position: absolute; top: 50%; left: 50% } .lightbox__caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 9998; background: rgba(0,0,0,.7) } .lightbox__caption p { margin: 0 auto; max-width: 70%; display: inline-block; padding: 10px; color: #fff; font-size: 14px; line-height: 18px } .lightbox__button { position: absolute; z-index: 9999; background: center center no-repeat; width: 32px; height: 32px; opacity: .4; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; transition: .3s } .lightbox__button:focus, .lightbox__button:hover { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4) } .lightbox__close { right: 10px; top: 10px } .lightbox__nav { top: 50%; margin-top: -16px } .lightbox__nav--next { right: 10px } .lightbox__nav--prev { left: 10px } @-webkit-keyframes leaflet-gestures-fadein { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes leaflet-gestures-fadein { 0% { opacity: 0 } 100% { opacity: 1 } } html { overflow-x: hidden } .carousel-01 .hero-overlay { position: absolute; inset: 0; background: #000; opacity: .8; pointer-events: none } /*home_pagestyles.css*/ body { background: var(--body-background); color: var(--body-color); font-family: var(--body-font); font-size: 20px } .h1, .h2, .h3, .h4, h1, h2, h3, h4 { font-weight: 700 } .h1, h1 { font-family: var(--h1-font); font-size: var(--h1-fontsize); font-weight: var(--h1-fontweight); line-height: calc(var(--h1-fontsize) + 8px) } .h2, h2 { font-family: var(--h2-font); font-size: var(--h2-fontsize); font-weight: var(--h2-fontweight); line-height: var(--h2-fontsize); letter-spacing: -2px } .h3, h3 { font-family: var(--h3-font); font-size: var(--h3-fontsize); font-weight: var(--h3-fontweight) } .h4, h4 { font-family: var(--h4-font); font-size: var(--h4-fontsize); font-weight: var(--h4-fontweight) } @media(max-width:991px) { .h1, h1 { font-size: 72px; line-height: 80px } .h2, h2 { font-size: 55px; line-height: 55px } } @media(max-width:767px) { .h1, h1 { font-size: 60px; line-height: 68px } .h2, h2 { font-size: 50px; line-height: 50px } } @media(max-width:575px) { .h1, h1 { font-size: 52px; line-height: calc(52px + 8px) } .h2, h2 { font-size: 44px; line-height: 48px } .h3, h3 { font-size: 32px } .h4, h4 { font-size: 24px } } .form-control { min-height: var(--input_height); border-radius: 0 } a { color: var(--gold); text-decoration: none } a:not(.btn):hover { color: var(--gold); text-decoration: underline } .btn { background-color: var(--gold); color: #fff; cursor: pointer; font-size: 18px; line-height: 18px; padding: 21px 30px; border-radius: 0; font-weight: 500; transition: .2s; outline: 0 !important; box-shadow: none !important; min-width: 180px; text-decoration: none } .btn:active { transform: scale(.98) } .btn:focus, .btn:focus-within { outline: 0 !important } .btn:hover { background-color:var(--nero-bearblack); color:#fff; } button:active, button:focus, button:focus-within, button:hover { text-decoration: none; box-shadow: none !important; outline: 0 !important } .btn-primary { padding: 5px 15px; background-color: var(--button-background); color: #fff; cursor: pointer } .btn-primary:hover { color: #fff; text-decoration: none; background-color: var(--button-background); background-color: var(--button-background) } .btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show > .btn-primary.dropdown-toggle { background-color: var(--button-background); background-color: var(--button-background) } .btn-primary:active, .btn-primary:focus, .btn-primary:link, .btn-primary:visited { color: #fff; text-decoration: none; background-color: #000; border-color: #000 } .btn-primary:active { outline: 0 !important; box-shadow: none !important; background-color: #000; color: #fff } @media (min-width:576px) { .container { padding-right: 0; padding-left: 0 } } @media (max-width:575.98px) { .container { padding-right: 30px; padding-left: 30px } } #slideOut { right: -400px; width: 400px; min-height: 300px } #slideOut div.container { padding: 15px } .right-tab.show { right: 0 !important } #slideOut .col-form-label { padding: 0 0 3px } #slideOut .form-control { min-height: 35px } #slideOut textarea.form-control { resize: none; height: 108px } #slideOut .form-group { margin-bottom: 10px } #slideOut .form-control:focus { outline: 0 } .form .form-error { display: block; color: #b94a48; margin-top: 5px; margin-bottom: 5px; line-height: 140%; font-size: 15px } .form input[type=checkbox] { display: inline-block; width: auto; margin-top: 5px } .form input[type=checkbox] + label { padding: 0 0 0 5px } .form textarea.form-control { resize: none; height: 150px } form input[type=checkbox] + label + .form-error { display: none } .form-group { margin-bottom: 1rem } form .checkbox { position: absolute; opacity: 0; width: 1px; height: 1px } form .checkbox + label { position: relative; padding-left: 30px !important; cursor: pointer } form .checkbox + label:before { position: absolute; top: 3px; left: 0; content: ""; display: block; background-color: #fff; border-radius: 3px; box-shadow: inset 0 2px 2px rgba(172,172,172,.27); border: 1px solid #ccc; width: 20px; height: 20px } form .checkbox:checked + label:after { content: "\f00c"; position: absolute; left: 4px; top: 5px; color: #000; font-family: 'FontAwesome'; font-size: 13px; display: inline-block; font-style: normal; cursor: pointer; font-weight: 600; } .form .form-group { position: relative } .form .error + div.error, .form .form-group.has-error div.error { color: red; position: absolute; right: 0; bottom: -22px; margin: 0; font-size: 14px } #slideOut .form-error { display: none } .right-tab { display: none; position: fixed; top: 200px; width: 370px; right: -370px; background: var(--quickinquiry-background); z-index: 99; color: var(--quickinquiry-color); transition-property: all; transition-duration: .5s; transition-timing-function: cubic-bezier(0,1,0.5,1) } .right-tab iframe { border: none; width: 100%; height: 350px } .right-tab-button { background: var(--quickinquiry-tab-background); width: 40px; height: 40px; text-align: center; color: #fff; font-size: 18px; line-height: 40px; cursor: pointer; position: absolute; top: 0; left: -40px } .right-tab-button > i { line-height: 40px } .right-tab-content { padding: 15px } .hamburger { position: absolute; top: 50%; left: 15px; padding: 5px; display: inline-block; cursor: pointer; transition: opacity,filter .15s linear; background-color: transparent; border: none; transform: translateY(-50%) } .hamburger-box { width: 30px; height: 24px; display: inline-block; position: relative } .hamburger-inner { display: block; top: 50%; margin-top: -2px } .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before { content: ""; width: 30px; height: 3px; background-color: var(--navbar-hamburguer-icon-color); border-radius: 4px; position: absolute; transition: transform .15s } .navbar-toggler .hamburger-inner { top: auto; bottom: 0; transition-delay: .13s; transition-timing-function: cubic-bezier(.55,.055,.675,.19); transition-duration: .13s } .navbar-toggler .hamburger-inner:after { content: ""; display: block; top: -20px; transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s,opacity .1s linear } .navbar-toggler .hamburger-inner:before { content: ""; display: block; top: -10px; transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s,transform .13s cubic-bezier(.55, .055, .675, .19) } .navbar-toggler.is-active .hamburger-inner { transition-delay: .22s; transition-timing-function: cubic-bezier(.215,.61,.355,1); transform: translate3d(0,-10px,0) rotate(-45deg) } .navbar-toggler.is-active .hamburger-inner:after { top: 0; transition: top .2s cubic-bezier(.33333, 0, .66667, .33333),opacity .1s linear .22s; opacity: 0 } .navbar-toggler.is-active .hamburger-inner:before { top: 0; transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s,transform .13s cubic-bezier(.215, .61, .355, 1) .25s; transform: rotate(-90deg) } @media (min-width:768px) { body { margin-top: 125px } .right-tab { display: block } } @media (max-height:750px) { #slideOut { top: 20vh } } @media (max-height:650px) { .right-tab { display: none } } .form-control:focus { box-shadow: none !important; border: 1px solid #ced4da } .pagination li { cursor: pointer } .pagination > * { margin-left: 2px; margin-right: 2px } .pagination .page-item.active .page-link { background-color: #000; border-color: #000 } @keyframes bounce_border { 0%,100%,17%,25%,35% { box-shadow: 0 0 0 4px rgba(0,0,0,.1) } 22%,30% { box-shadow: 0 0 0 8px rgba(0,0,0,.1) } } body.backdrop-open { overflow: hidden } .fixed-top { transition: .3s } .subtitle { color: var(--gold); font-size: 12px; text-transform: uppercase; padding-left: 50px; margin-bottom: 15px; position: relative; letter-spacing: 2px } .subtitle:before { content: ""; background-color: #b9b3a0; height: 1px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 30px } @media(max-width:767px) { .subtitle { display: none } } @-webkit-keyframes pulse { 0% { transform: scale(.9) } 70% { transform: scale(1); box-shadow: 0 0 0 30px rgba(0,195,7,0) } 100% { transform: scale(.9); box-shadow: 0 0 0 0 rgba(0,195,7,0) } } .modal .btn-primary { background-color: var(--gold); color: var(--body-color); border: 0; padding: 15px 20px; min-width: 100px } @media(max-width:991px) { .hf-100-m { height: 100vh } } .left-18 { left: calc(4.5 * var(--hem)) } .bottom-0 { bottom: 0 } .w-72 { width: calc(18 * var(--hem)) } .relative { position: relative } .p-4 { padding: calc(1 * var(--hem)) } .-top-2 { top: calc(calc(.5 * var(--hem)) * -1) } .-left-2 { left: calc(calc(.5 * var(--hem)) * -1) } .absolute { position: absolute } .gap-3 { gap: calc(.75 * var(--hem)) } .fixed { position: fixed } body { margin-top: 0 } .nav-01 .container { position: relative } .navbar-collapse { flex-grow: 0 } .logo { width: 125px; margin-top: 0; padding: 0 } .navbar { padding: 0 } .navbar-toggler { float: left; margin: 10px -10px 0 10px; padding: 3px 5px } .navbar-nav { width: auto } .nav-link { color: #fff; padding-left: 10px; border-bottom: 1px solid var(--navlink-mobile-bordercolor) } .dropdown-item-menu .nav-link { color: #fff } .item-dropdown { position: relative } .nav-item .nav-link { font-size: 18px; text-align: center } .nav-item .nav-link, .nav-item .nav-link:hover { text-decoration: none } .dropdown-menu { margin: 0; border: none; border-radius: 0; background: #ccc } .fixed-top.scrolled { background-color: var(--sticky-header-background); height: 40px; -webkit-transition: .8s; transition: .8s } .fixed-top.scrolled #navbar-menu, .fixed-top.scrolled .logo { margin-top: 0 } .navbar-brand { position: relative; display: block } .nav-link:focus, .nav-link:hover { color: #fff } @media(min-width:1200px) { .nav-item .nav-link, .navbar-expand-lg .navbar-nav .nav-link { padding: 15px 30px } } @media(min-width:992px) { .hf-100-d { height: 100vh } .navbar { height: 178px } .nav-item .nav-link, .navbar-expand-lg .navbar-nav .nav-link { padding: 15px 8px; margin: 0 5px } .nav-item.lvl1 > .nav-link.currentpage:after { content: ""; background-color: var(--gold); position: absolute; left: 10px; bottom: 0; width: calc(100% - 40px); height: 2px } .nav-link.dropdown-switch .dd_caret:before { content: "\f0d7"; font-family: "FontAwesome"; font-weight: 800; margin-left: 5px } .item-dropdown .dropdown-item-menu { pointer-events: none } .item-dropdown.show > .dropdown-item-menu { pointer-events: all } .item-dropdown.lvl1 > .dropdown-item-menu { position: absolute; left: 5px; top: 100%; padding-top: 4px; border-radius: 0; width: calc(100% - 10px); background: 0 0; overflow: visible } .item-dropdown.lvl1 > .dropdown-item-menu .navlinks-wrapper .nav-item { transition: .4s; transform: translateX(25%); opacity: 0 } .item-dropdown.lvl1.show > .dropdown-item-menu .navlinks-wrapper .nav-item { transform: translateX(0); opacity: 1; transition-delay: calc(75ms * var(--navorder, 1)) } .item-dropdown.show.lvl2 > .dropdown-item-menu { position: absolute; left: 100%; top: 0; min-height: 100%; min-width: 180px; border-radius: 5px } .navbar-expand-lg .navbar-nav > .nav-item:last-child > .nav-link { border: 2px solid var(--gold); color: #fff; font-weight: 500; background-color:var(--nero-bearblack); } .navbar-expand-lg .navbar-nav > .nav-item:last-child > .nav-link:after { background-color: unset !important } .scrolled .navbar-nav > .nav-item:last-child > .nav-link { border: 2px solid var(--nero-bearblack); color: #fff; font-weight: 500; background-color: var(--gold); } .navbar-expand-lg .navbar-nav > .nav-item:last-child > .nav-link:hover { background-color: var(--gold); color: #fff; border-color:var(--nero-bearblack) } .logo { width: 298px } .navbar-nav { background: 0 0 } #navbar-menu { margin-left: 15px } .nav-link { color: #fff; border: none; padding: 0 15px; position: relative } .dropdown-menu { margin-top: 15px; background: #000 } .dropdown-menu:after { content: ""; position: absolute; top: -19px; height: 20px; left: 0; right: 0 } .dropdown-menu:before { content: ""; position: absolute; top: -19px; left: 20px; border: 10px solid transparent; border-bottom: 9px solid #000 } .dropdown-item { color: #fff } .dropdown-item:hover { background: #f90 } .navbar .nav-item.item-dropdown.lvl1 > .dropdown-switch:after, .navbar .nav-item.item-dropdown.lvl2 > .dropdown-switch:after { float: right } .fixed-top.scrolled { height: 110px; background-color: #fff; box-shadow: 0 0 5px 5px rgba(0,0,0,.1) } .fixed-top.scrolled .nav-link { color: #2a2a2a } .navbar .nav-item.item-dropdown.show > .nav-link, .navbar .nav-item.lvl1 > .nav-link:hover { background-color: var(--gold); color: #fff } .navbar .nav-item.item-dropdown.show > .nav-link { position: relative } .navbar .nav-item.item-dropdown.lvl1 > .nav-link { display: block; min-height: 61px } .navbar .nav-item.item-dropdown.lvl1 > .dropdown-item-menu:before { content: ""; background-color: var(--gold); position: absolute; top: -4px; left: 0; width: 100%; height: 0; z-index: -1; transition: .2s; opacity: 0 } .navbar .nav-item.item-dropdown.lvl1.show > .dropdown-item-menu:before { height: calc(100% - 30px); opacity: 1; transition: calc(150ms * var(--navcount, 1)) all } .navbar .nav-item.item-dropdown.lvl1 > .dropdown-item-menu .nav-item.lvl2 ~ .nav-item.lvl2 { margin-top: 4px } .navbar .nav-item.item-dropdown.lvl1 > .dropdown-item-menu .nav-item.lvl2:last-child > .nav-link { border-bottom: 0 solid var(--gold); transition: .4s } .navbar .nav-item.item-dropdown.lvl1.show > .dropdown-item-menu .nav-item.lvl2:last-child > .nav-link { border-bottom: 4px solid var(--gold) } .navbar .nav-item.item-dropdown.lvl1 > .dropdown-item-menu .nav-link { position: relative; color: #fff; font-size: 16px; padding: 24px 30px; line-height: 16px; white-space: nowrap; width: fit-content; width: -webkit-fit-content; min-width: 250px; background-size: cover } .navbar .nav-item.item-dropdown.lvl1 > .dropdown-item-menu .nav-link:before { content: ""; background-color: rgba(0,0,0,.75); position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; transition: .3s } .navbar .nav-item.item-dropdown.lvl1 > .dropdown-item-menu .nav-link:hover:before { background-color: rgba(0,0,0,.95) } .navbar .nav-item.item-dropdown.lvl1 > .dropdown-item-menu .nav-link > * { position: relative; z-index: 2 } .navbar .back_button, .navbar .menu_title { display: none } } @media(max-width:991.98px) { .navbar-nav a:hover { color: #2a2a2a } .lvl2 a:hover { color: #fff !important } body.menu_open { overflow: hidden } .fixed-top { height: 119px } .fixed-top.scrolled { height: 119px; background-color: #d8d8d8; box-shadow: 0 0 5px 5px rgba(0,0,0,.1) } .navbar-brand { position: absolute; top: 50%; transform: translateY(-50%) } .logo { width: 298px } .navbar .close_menu { background-color: #151515; color: var(--gold); width: 60px; height: 60px; align-items: center; justify-content: center; font-size: 35px; border: none; outline: 0; position: absolute; right: 0; top: 0; z-index: 9999 } .hamburger { margin: 0; padding-right: 0; right: 0; top: 50%; transform: translateY(-50%); left: auto; bottom: auto } .hamburger-box { width: 32px; height: 20px } .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before { width: 32px; height: 2px; background-color: var(--gold); transition: .1s } .navbar-toggler .hamburger-inner::before { width: 24px; margin-left: 8px; top: -9px } .navbar-toggler.is-active .hamburger-inner::before { width: 32px; margin-left: 0 } .navbar-toggler .hamburger-inner::after { top: -18px } .navbar.menu_open .hamburger-inner, .navbar.menu_open .hamburger-inner::after, .navbar.menu_open .hamburger-inner::before { background-color: #1f1f1f } #navbar-menu { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--gold); background-position: calc(50% + 20px) calc(100% + 500px); background-repeat: no-repeat; display: block; transition: .4s; pointer-events: none; opacity: 0 } #navbar-menu.show { pointer-events: all; opacity: 1 } #navbar-menu .navbar-nav { padding: 100px 0 0 } .nav-item .nav-link { color: #2a2a2a; font-weight: 400; line-height: 40px; padding: 20px 0; border: 0; border-bottom: 1px solid #b28f41 } #navbar-menu .navbar-nav .nav-item.lvl1 > .nav-link { padding-left: 34px; width: 100%; text-align: left; } .nav-item.item-dropdown > .dropdown-item-menu { position: fixed; left: 0; top: 0; width: 100%; height: 100%; transition: .4s; opacity: 0; pointer-events: none; background-color: var(--gold); z-index: 1; padding-top: 100px; background-color: var(--gold); background-position: calc(50% + 20px) calc(100% + 500px); background-repeat: no-repeat } .nav-item.item-dropdown.show > .dropdown-item-menu { opacity: 1; pointer-events: all } .nav-item.item-dropdown > .dropdown-item-menu .container { max-width: 100%; padding: 0 34px; overflow: auto; max-height: 100% } .nav-link.dropdown-switch { position: relative } .nav-link.dropdown-switch .dd_caret { position: absolute; right: 0; width: 70px; height: 100%; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; padding-right: 20px } .nav-link.dropdown-switch .dd_caret:before { content: "\f061"; font-family: "FontAwesome" } .navbar .back_button { font-size: 18px; font-weight: 500; background: 0 0; border: none; outline: 0; position: fixed; top: 4px; left: 34px; padding: 20px 15px 20px 0; color: #2a2a2a !important } .navbar .back_button i { font-size: 16px; margin-right: 5px; color: #2a2a2a !important } .navbar .menu_title { font-size: 40px; color: #2a2a2a; font-weight: 400; line-height: 40px; padding: 20px 0 } .nav-item.item-dropdown.lvl1 > .dropdown-item-menu .nav-item ~ .nav-item { margin-top: 8px } .nav-item.item-dropdown.lvl1 > .dropdown-item-menu .nav-link { position: relative; color: #fff; padding: 24px; font-size: 40px; line-height: 70px; min-height: 125px } .nav-item.item-dropdown.lvl1 > .dropdown-item-menu .nav-link:before { content: ""; background-color: rgba(0,0,0,.75); position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; transition: .3s } .nav-item.item-dropdown.lvl1 > .dropdown-item-menu .nav-link > * { position: relative; z-index: 2 } } @media(max-width:767.98px) { .fixed-top, .fixed-top.scrolled { height: 93px } .logo { width: 238px } .hamburger { right: 0 } #navbar-menu { background-position: calc(50% + 20px) calc(100% + 600px) } } @media(max-width:1402px) { .navbar-brand .logo { width: 250px } } @media(max-width:1200px) { .navbar-brand .logo { width: 200px } } @media(max-width:992px) { .navbar-brand .logo { width: 298px } } .scrolledlogo { display: none } .scrolled .scrolledlogo { display: block } .scrolled .logomain { display: none } .logo { width: calc(100vw - 30px - 80px); max-width: 238px } .hamburger { right: 30px } @media(max-width:370px) { .logo { max-width: 190px } } .carousel-01 { --desktoph: 870px; --tableth: 830px; --mobileh: 500px; position: relative } .carousel-01 .scroll-down { pointer-events: none } .carousel-01 h2 { font-size: 80px; line-height: 88px; letter-spacing: unset } @media (max-width:991px) { .carousel-01 h2 { font-size: 72px; line-height: 80px } } @media (max-width:767px) { .carousel-01 h2 { font-size: 60px; line-height: 68px } } @media (max-width:575px) { .carousel-01 h2 { font-size: 52px; line-height: calc(52px + 8px) } .cs-carousel h2 { text-align: center } } @media (max-height:567px) { .carousel-01 h2 { line-height: 60px; font-size: 55px !important } } .carousel-01 .scroll-down:after { content: "Scroll to discover"; position: absolute; right: -88px; bottom: 25px; color: #fff; border-bottom: 1px solid var(--gold); padding-bottom: 15px; text-align: left; padding-right: 100px; text-transform: uppercase; font-size: 12px; text-transform: uppercase; transform: rotate(90deg) } .carousel-01 .slick-slide:before { content: ""; pointer-events: none; background: rgba(0,0,0,.75); background: linear-gradient(0deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.7) 30%,rgba(0,0,0,.25) 60%,#000 100%); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: .8 } .carousel-01 .container { position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: center; z-index: 2 } .carousel-01 .carousel-caption { text-align: left; width: 100%; left: 0; right: auto; bottom: 70px; padding: 0 } .carousel-01 .carousel-caption-title { margin-bottom: 15px; font-weight: 400 } .carousel-01 .carousel-caption-title > span { color: var(--gold) } .carousel-01 .carousel-caption-text { font-size: 20px; margin: 0 } .carousel-01 .carousel-caption .btn { margin-top: 20px } .carousel-01 .carousel-item { overflow: hidden; height: var(--desktoph); position: relative } .carousel-01 .carousel-inner .next-slide, .carousel-01 .carousel-inner .prev-slide { position: absolute; color: #fff; top: 50%; transform: translateY(-50%); font-size: 60px; font-weight: 700; cursor: pointer; z-index: 2; opacity: .3; transition: opacity .3s } .carousel-01 .carousel-inner .next-slide:hover, .carousel-01 .carousel-inner .prev-slide:hover { opacity: .8 } .carousel-01 .carousel-inner .prev-slide { left: 45px } .carousel-01 .carousel-inner .next-slide { right: 45px } .carousel-01 .carousel-inner .slick-dots { padding: 0; margin: 0; list-style: none; position: absolute; left: 50%; bottom: 15px; transform: translateX(-50%); display: flex; flex-direction: row } .carousel-01 .carousel-inner .slick-dots > li { cursor: pointer; font-weight: 600 } .carousel-01 .carousel-inner .slick-dots > li button { display: none } .carousel-01 .carousel-inner .slick-dots > li:before { content: "\f111"; font-family: 'FontAwesome'; color: #fff; opacity: .2; padding: 5px; transition: opacity .3s; cursor: pointer } .carousel-01 .carousel-inner .slick-dots > li:hover:before { opacity: .6 } .carousel-01 .carousel-inner .slick-dots > li.slick-active:before { opacity: .8 } .carousel-01 .carousel-item img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: calc(100% + 1px); width: calc(100% + 1px); object-fit: cover } .carousel-01 .carousel-item:before { content: ""; background-image: url(/images/banner_overlay.webp); position: absolute; right: -100px; bottom: -450px; width: 726px; height: 870px; z-index: 1 } @media screen and (max-width:1199px) { .carousel-01 .carousel-item { height: 830px } } @media screen and (max-width:991px) { .carousel-01 .carousel-item { height: var(--tableth) } } @media screen and (max-width:767px) { .carousel-01 { --mobileh: 690px } .carousel-01 .scroll-down { display: none } .carousel-01 .carousel-item { height: var(--mobileh) } .carousel-01 .carousel-inner .prev-slide { left: 15px } .carousel-01 .carousel-inner .next-slide { right: 15px } } @media screen and (max-width:575px) { .carousel-01 .carousel-item { height: var(--mobileh) } .carousel-01 .carousel-item:after { content: ""; padding-bottom: 100%; display: block } .carousel-01 .carousel-caption-title { text-align: center } .carousel-01 .carousel-caption-title > span { display: block } .carousel-01 .carousel-caption-title br { display: none } .carousel-01 .carousel-caption .btn { width: calc(100% - 60px); margin-left: auto; margin-right: auto; display: block } } .carousel-01 .hidden-h1 { position: absolute; visibility: hidden; pointer-events: none; opacity: 0; width: 0; height: 0 } .content-01 { padding: 90px 0; text-align: left; background-color: rgba(0,0,0,0); color: var(--content-01-color) } .content-01 h3, .content-01-title { margin-bottom: 20px } h3.content-01-title { font-style: italic } .content-01 .align-center { text-align: center } .content-01 blockquote { font-size: 40px; line-height: 48px } .content-01 blockquote b { font-weight: inherit; color: var(--gold); border-bottom: 2px solid var(--gold) } .content-01 table { width: 100%; table-layout: fixed; overflow-wrap: break-word; margin-bottom: 15px } .content-01 table td, .content-01 table th { border: 1px solid var(--body-color); padding: 15px; font-size: 1rem } @media(max-width:767px) { .content-01 { padding: 70px 0 } .content-01 blockquote br { display: none } } @media(max-width:575px) { .content-01 { padding: 40px 0 10px } } @media(max-height:567px) { h1 { font-size: 55px !important; line-height: 60px } h2 { font-size: 50px !important; line-height: 50px } .carousel-01 .carousel-item { height: 567px } .content-01 { padding: 60px 0 30px } } #content-05 { padding-bottom: 0; position: relative; z-index: 1 } .content-05 { padding: 50px 0 } .content-05-text, .content-05-title { margin-bottom: 20px } .content-05 .content-05-image { width: 100%; height: 100%; object-fit: cover; } .content-05 .image-col { position: relative; height: 100% } .content-05 .image-col:before { content: ""; background-image: url(/images/banner_overlay02.png); position: absolute; left: -100px; top: -100px; width: 570px; height: 670px; z-index: -1; opacity: .5; background-size: cover; background-repeat: no-repeat } @media(max-width:991px) { .content-05 .content-05-image { width: 40vw; max-width: none; position: absolute; right: 0; top: 0 } } @media (max-width:767px) { #content-05 { padding-top: 0; margin-top: 70px } #content-05::after { display: none } .content-05 .image-col::before { left: -300px; top: 0 } .content-05 .image-col { height: 400px; margin-bottom: 30px } .content-05 .content-05-image { width: 100% } } @media(max-width:575px) { .content-05 { padding-top: 25px; padding-bottom: 25px } #content-05 { margin-top: 25px; text-align: center } .content-05 .image-col::after, .content-05 .image-col::before { display: none } .content-05 .image-col { height: auto } .content-05 .content-05-image { position: static; width: 100%; height: auto } .content-05 .content-05-btn { width: 100% } } @media(max-height:567px) { .content-05 { padding: 30px 0 60px } } .h-728 { height: clamp(280px, 50vh, 600px); background-position: center; background-size: cover; } .our_services { padding: 160px 0 150px; background-color: var(--nero-bgmarble); position: relative; overflow: hidden } .our_services .row { --bs-gutter-x: 40px; --bs-gutter-y: 40px } .our_services .title { margin-bottom: 30px } .our_services .item { display: flex; flex-direction: column; position: relative; z-index: 10 } .our_services .item:not(:last-child) { z-index: 20 } .our_services .item .image-wrapper { padding-bottom: 82%; position: relative; overflow: hidden; background-color: #676767 } .our_services .item .image-wrapper img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover } .our_services .item .item-title { color: var(--gold); font-size: 30px; padding: 15px 30px 15px 0; border-bottom: 1px solid #b9b3a0; position: relative; font-weight: 500 } .our_services .item .item-title i { position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-size: 26px } .our_services .item > a { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .item:hover .item-title { color: var(--nero-bearblack); } .our_services .itme-text { background-color: var(--gold); height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 30px; line-height: 38px; padding: 40px; position: relative; z-index: 10 } .our_services .itme-text > a { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .our_services .itme-text:after { content: ""; background-image: url(/images/banner_overlay02.png); position: absolute; left: 50%; bottom: 25%; width: 735px; height: 880px; z-index: 0; transform: translateX(-50%); mix-blend-mode: soft-light; opacity: .4; background-repeat: no-repeat; background-size: cover } @media(min-width:992px) { .our_services .item:nth-child(3n+2), .our_services .item:nth-child(3n+2) { display: flex; flex-direction: column-reverse } .our_services .item:nth-child(3n+2) .item-title, .our_services .item:nth-child(3n+2) .item-title { border-top: 1px solid #b9b3a0; border-bottom: 0 solid #b9b3a0 } } @media (max-width:1199px) { .our_services { padding: 125px 0 115px } .our_services .row { --bs-gutter-x: 26px; --bs-gutter-y: 26px } .our_services .item .item-title { font-size: 26px; letter-spacing: -1px } .our_services .itme-text { font-size: 24px; line-height: 26px; padding: 40px 15px } } @media(max-width:991px) and (min-width:768px) { .our_services .item:nth-child(3n+2) { display: flex; flex-direction: column-reverse } .our_services .item:nth-child(3n+2) .item-title { border-top: 1px solid #b9b3a0; border-bottom: 0 solid #b9b3a0 } } @media(max-width:767px) { .our_services { padding: 70px 0; margin-top: 50px } .our_services .row > div:last-child { margin-top: 0 } .our_services .item .image-wrapper { padding-bottom: 150px } .our_services .itme-text { display: none } } @media(max-width:575px) { .our_services { padding: 50px 0; margin-top: 25px } .our_services .title { text-align: center } .our_services .item .item-title { font-size: 26px; line-height: 26px } } @media(max-height:567px) { .our_services { padding-top: 60px; padding-bottom: 60px } } .cta-01 { padding: 180px 0 150px; background-color: #999; background-color: var(--gold); background-position: center center; background-size: cover; color: #fff; text-align: center; position: relative; overflow: visible; z-index: 1 } .cta-01:before { content: ""; background-image: url(/images/cta_white.png); position: absolute; left: 0; top: 0; width: 50vw; height: 100%; z-index: 0; background-repeat: no-repeat; background-size: contain; background-position: left top } .cta-01:after { content: ""; position: absolute; right: 0; top: 50%; width: 50vw; height: calc(100% + 80px); z-index: 0; background-repeat: no-repeat; background-size: auto 100%; background-position: right center; transform: translateY(-50%) } .cta-01 > * { position: relative; z-index: 2 } .cta-01, .cta-01 .container, .cta-01 .container .row { min-height: 300px } .cta-01-title { font-size: 76px; line-height: 76px; font-weight: 400; margin-bottom: 30px; color: #2a2a2a; text-align: left } .cta-01-text { max-width: 800px; margin: 0 auto 30px; font-size: 44px; line-height: 48px; color: #2a2a2a; text-align: left } .cta-01-text p:last-of-type { margin-bottom: 0 } .btn-outline-secondary { border-color:var(--nero-bearblack); color:var(--nero-bearblack); background-color:var(--nero-marblewarm); } .cta-01-btn { color: var(--nero-marblewarm) !important; background-color: var(--nero-bearblack) !important; float: left } .cta-01-btn:hover { color: var(--nero-bearblack) !important; background-color: var(--gold) !important; border-color:var(--nero-bearblack); } .cta-01 .cta-01-title { margin: 0 } @media (max-width:1199px) { .cta-01 { padding: 125px 0 } .cta-01-text { font-size: 40px } } @media(max-width:767px) { .cta-01 { padding: 90px 0 } } @media(max-width:575px) { .cta-01 { padding: 50px 0; text-align: center } .cta-01 .cta-01-title { font-size: 50px; text-align: center; line-height: 54px; margin-bottom: 15px } .cta-01-text { font-size: 30px; text-align: center; line-height: 34px } .cta-01-btn, .cta-01-btn:hover { width: 100% } } @media(max-height:567px) { .cta-01 .cta-01-title { font-size: 56px !important; line-height: 56px } .cta-01 { padding: 60px 0 } } .cs-carousel { padding: 125px 0; position: relative; overflow: hidden; } .cs-carousel h2 { margin-bottom: 30px } .cs-carousel .cases_nav > button { width: 60px; height: 60px; border: 2px solid #000; background: 0 0; outline: 0; display: inline-flex; align-items: center; justify-content: center; padding: 0 } .cs-carousel .cases_nav > button ~ button { margin-left: 10px } .cs-carousel .item { position: relative } .cs-carousel .item > a { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .cs-carousel .image-wrapper { background-color: #676767; position: relative; overflow: hidden; height: 425px } .cs-carousel .image-wrapper img { width: 100%; height: 100%; object-fit: cover } .cs-carousel .item-title { color: var(--gold); font-size: 36px; padding: 15px 30px 15px 0; border-bottom: 1px solid #b9b3a0; position: relative; font-weight: 500 } .cs-carousel .item-title i { position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-size: 26px } .cs-carousel .show-all { margin-top: 30px } .cs-carousel .slick-slide { margin: 0 40px } .cs-carousel .slick-list { overflow: visible; margin: 0 -40px } @media(max-width:1199px) { .cs-carousel .item-title { font-size: 36px } } @media(max-width:991px) { .cta-01:after { background-position: 250% center } .cta-01::after { display: none } .cs-carousel { padding: 100px 0 } } @media(max-width:767px) { .cs-carousel { padding: 70px 0 } .cs-carousel .item-title { font-size: 30px } .cs-carousel .slick-list { overflow: hidden } } @media(max-width:575px) { .cs-carousel { padding: 50px 0 } .cs-carousel .cases_nav { margin-bottom: 20px; text-align: center } .cs-carousel .image-wrapper { height: 320px } .cs-carousel .item-title { font-size: 30px; line-height: 30px } .cs-carousel .show-all > a { width: 100% } } .video_04 { height: 728px; --bg_image: url(/images/video04bg.webp); \position: relative; overflow: hidden; } .video_04 .video { background-image: var(--bg_image); background-size: cover; background-position: center; position: absolute; left: 0; top: 0; width: 100%; height: 100% } .video_04 .video .video_placeholder { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer } .video_04 .video .video_placeholder:before { content: "\f04b"; font-family: "FontAwesome"; position: absolute; background-color: var(--gold); width: 100px; height: 100px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 34px; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: .8; pointer-events: none; transition: .4s } .video_04 .video .video_placeholder:hover:before { transform: translate(-50%,-50%); opacity: 1 } .video_04 .video .video_placeholder:hover:after { transform: translate(-50%,-50%) rotate(30deg) } .video_04 .video .video_placeholder:active:before { transform: translate(-50%,-50%) scale(1.2) } .video_04 .video .video_placeholder:active:after { transform: translate(-50%,-50%) scale(1.2) rotate(90deg) } .video_04 .video iframe, .video_04 .video video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; object-fit: cover } .video_04 .play_pause { position: absolute; left: 50%; top: 50%; width: 150px; height: 150px; z-index: 10; transform: translate(-50%,-50%); opacity: .3; transition: .3s; cursor: pointer } .video_04 .play_pause:hover { opacity: 1 } .video_04 .play_pause:before { content: "\f04b"; font-family: "FontAwesome"; position: absolute; background-color: var(--gold); width: 100px; height: 100px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 34px; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: .8; pointer-events: none; transition: .4s } .video_04 .play_pause.pause:before { content: "\f04c" } @media(max-width:1199px) { .video_04 { height: 615px } } @media(max-width:575px) { .video_04 { height: 360px } } @media(max-height:567px) { .cs-carousel { padding: 60px 0 } .cs-carousel .show-all { margin-top: 0 } .video_04 { height: 500px } } .content-04 { padding: 100px 0 140px; background-color: var(--nero-marblewarm); position: relative } .content-04-text, .content-04-title { margin-bottom: 20px } .content-04-text img { width: 100%; height: auto } .content-04 .content-04-image { width: 100%; height: 100%; object-fit: cover } .content-04 .content-04-btn { margin-top: 20px } .content-04 .special-grid { display: grid; grid-template-columns: 1fr 1fr } .content-04 .special-grid .title_block { grid-row: 1; grid-column: 1/2; position: relative; z-index: 2; width: 100% } .content-04 .special-grid .text_block { grid-row: 2; grid-column: 1/2; width: 100% } .content-04 .special-grid .image-col { grid-row: 1/3; grid-column: 2/3; width: calc(100% - 8.33333333% - calc(.5 * var(--bs-gutter-x))); z-index: 0 } @media(min-width:768px) { .content-04 .image-col { position: relative } .content-04 .image-wrapper { --image_offset: 140px; position: absolute; z-index: 1; height: calc(100% + var(--image_offset)); margin-top: calc(-1 * var(--image_offset)); width: calc(100% - var(--bs-gutter-x)); left: calc(.5 * var(--bs-gutter-x)); top: 0 } } @media(max-width:1199px) { .content-04:after { background-position: 280px bottom } .content-04 .image-wrapper:before { width: 490px } } @media (max-width:991px) { .content-01 blockquote { font-size: 30px; line-height: 38px } .content-04 { padding: 100px 0 105px; --containerw: calc(calc(100vw - 720px) / 2) } .content-04 .image-wrapper::before { width: 300px } .content-04 .content-04-image { position: absolute; top: 0; left: 0; width: calc(100% + 12px); max-width: none; width: calc(97% + var(--containerw) + calc(.5 * var(--bs-gutter-x))) } } @media (max-width:767px) { .content-04 { padding: 70px 0; --containerw: calc(calc(100vw - 540px) / 2) } .content-04:after { display: none } .content-04 .special-grid { grid-template-columns: 1fr } .content-04 .special-grid .title_block { grid-row: 1; grid-column: 1/2; width: 100% } .content-04 .special-grid .text_block { grid-row: 3; grid-column: 1/2; width: 100%; position: relative; z-index: 2 } .content-04 .special-grid .image-col { grid-row: 2; grid-column: 1/2; width: 100%; height: 400px; position: relative } .content-04 .image-wrapper { height: 100%; width: 100%; position: relative } .content-04 .content-04-image { width: 100% } .content-04 .image-wrapper::before { width: 370px; left: auto; right: -18px } } @media(max-width:575px) { .content-04 { padding: 20px 0 30px; --containerw: 30px; text-align: center } .content-04 .image-wrapper, .content-04 .special-grid .image-col { height: auto } .content-04 .image-wrapper img { position: static; width: 100%; height: auto } .content-04 .content-04-btn { width: 100% } } .video_03 { margin: 150px 0 } .video_03 .video03_clip { position: relative; height: 100%; background-image: url(/images/video03_bg.webp); background-repeat: no-repeat; background-size: cover; background-position: center } .video_03 .video_placeholder { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: none !important; cursor: pointer } .video_03 .video03_clip .video_placeholder:after { content: "\f04b"; font-family: "FontAwesome"; position: absolute; background-color: var(--gold); width: 126px; height: 126px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 44px; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: .8; pointer-events: none } .video_03 .video03_clip iframe { width: 100%; height: 100%; object-fit: cover } .video_03 .text { position: relative; overflow: hidden; padding: 90px; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #151515; text-align: center } .video_03 .text > * { position: relative; z-index: 2 } .video_03 .text .title, .video_03 .text i { color: var(--gold) } .video_03 .text i { font-size: 76px } .video_03 .text .textcontent { font-size: 28px; color: #fff } .video_03 .text .textcontent b, .video_03 .text .textcontent strong { font-weight: 400; color: var(--gold) } .video_03 .text .title { font-size: 60px; line-height: 60px; text-align: center } .video_03 .text:before { content: ""; background-image: url(/images/banner_overlay05.png); background-repeat: no-repeat; position: absolute; left: 0; bottom: -40%; width: 100%; height: 658px; z-index: 0; background-position: center; pointer-events: none } .video_03 .text > a { border: 2px solid var(--gold); background: 0 0; color: var(--gold); min-width: 300px } @media(max-width:991px) { .video_03 .text { padding: 90px 60px } } @media(max-width:767px) { .video_03 { margin: 70px 0 } .video_03 .video03_clip { height: 330px } .video_03 .text { padding: 45px 30px } .video_03 .text::before { left: 50%; bottom: -40%; width: 400px; height: 458px; background-size: cover; transform: translateX(-50%) } .video_03 .text .title { font-size: 50px } .video_03 .text .textcontent br, .video_03 .text .title br { display: none } } @media(max-width:575px) { .video_03 { margin: 30px 0 } .video_03 .text { padding: 45px 15px } .video_03 .text .title { font-size: 44px; line-height: 44px } .video_03 .text .textcontent { font-size: 24px; color: #fff } .video_03 .text > a.btn { display: block; min-width: auto; width: 100% } } @media(max-height:567px) { .content-04 { padding: 60px 0 } .video_03 { margin: 60px 0 } } .faq-01 { margin: 130px 0; color: #333 } .faq-01-title { margin-bottom: 30px } .faq-01 .panel-title { color: var(--bs-gray-800); display: block; font-size: 36px; line-height: 36px; padding: 27px 0; border-top: 1px solid #999999ab; border-bottom: 1px solid transparent; transition: .3s; text-decoration: none; font-weight: 500; position: relative; padding-right: 70px !important } .faq-01 .panel-title[aria-expanded="true"], .faq-01 .panel-title:active, .faq-01 .panel-title:focus, .faq-01 .panel-title:hover { text-decoration: none; color: var(--gold); } .faq-01 .panel-title > i { float: right; padding-top: 3px; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; position: absolute; top: 15px; right: 0 } .faq-01 .panel-body { margin-bottom: 20px; font-size: 20px } .faq-01 .panel-body p:last-of-type { margin: 0 } @media(max-width:1199px) { .faq-01 { margin: 130px 0 45px } } @media(max-width:991px) { .faq-01 .panel-title { font-size: 30px; line-height: 30px } } @media(max-width:767px) { .faq-01 { margin: 70px 0 45px } } @media (max-width:575px) { .faq-01 { margin: 50px 0 45px } .faq-01 .panel-title { font-size: 28px; line-height: 28px; padding-right: 60px } } @media(max-height:567px) { .faq-01 { margin: 60px 0 } .faq-01 .panel-title { font-size: 28px; padding: 18px 0 } } .logos-01 { margin: 0; padding-bottom: 20px; padding-top: 50px; color: #333; background-color: var(--nero-marblewarm) } .logos-01-title { font-family: var(--h2-font); font-size: var(--h2-fontsize); font-weight: var(--h2-fontweight); line-height: var(--h2-fontsize); letter-spacing: -2px; text-align: center; margin-bottom: 50px } .logos-01-wrapper { justify-content: center } .logos-01-wrapper img { display: block; max-width: 100%; margin: 0 auto 30px } .logos-01-wrapper .item:not(:last-child):first-child img { margin-left: 0 } .logos-01-wrapper .item:not(:first-child):last-child img { margin-right: 0 } @media(max-width:575px) { .logos-01-wrapper .item:not(:first-child):last-child img, .logos-01-wrapper .item:not(:last-child):first-child img { margin-right: 0; margin-left: 0 } .logos-01-title { font-size: 44px } } .footer_05_brochure { color: #fff; position: relative; padding: 160px 0 65px; background-color: var(--nero-bearblack); overflow-x: hidden } .footer_05_brochure::before { content: ""; background-image: url(/images/banner_overlay06.png); background-position: center; background-size: cover; position: absolute; left: -360px; top: -310px; width: 726px; height: 870px; z-index: 0; pointer-events: none } .footer_05_brochure > * { position: relative; z-index: 2 } .footer_05_brochure .nav-link > svg { display: none } .footer_05_brochure h4 { margin-bottom: 3px; letter-spacing: -.025em } .footer_05_brochure .footer_05_form { margin-top: 12px } .footer_05_brochure .footer05_bottom_container { margin-top: 45px } .footer_05_brochure .footer_05_form form input, .footer_05_brochure .footer_05_form form select, .footer_05_brochure .footer_05_form form textarea { background-color: #fff } .footer_05_brochure .footer_05_form form .has-error input.error, .footer_05_brochure .footer_05_form form .has-error select.error, .footer_05_brochure .footer_05_form form .has-error textarea.error { background-color: #ffc8c8 } .footer_05_brochure .footer_05_form form .checkbox + label { padding-left: 34px !important; font-size: 15px; line-height: 22px } .footer_05_brochure .form > .row { --bs-gutter-x: 40px } .footer_05_brochure .footer_05_form form .checkbox + label::before { content: ""; background-color: #fff; display: block; width: 19px; height: 19px; top: 0 } .footer_05_brochure .footer_05_form form .checkbox:checked + label:before { content: "" } .footer_05_brochure .footer_05_form form .checkbox:checked + label:after { content: "\f00c"; font-family: 'FontAwesome'; font-weight: 700; color: #000; position: absolute; left: 2px; top: -1px; font-size: 14px } .separator { font-style: normal; padding: 0 3px } .footer_05_brochure .footer_05_form form .required { display: none } .footer_05_brochure .foonter05_grid { display: grid } .footer_05_brochure .footer-info-wrapper { display: flex; flex-direction: column; align-items: start } .footer_05_brochure .foonter05_grid .content { display: flex; align-content: center } .footer_05_brochure .foonter05_grid .content_wrapper { margin-top: 12px } .footer_05_brochure .foonter05_grid .content .icon_link { font-size: 18px; white-space: nowrap } .footer_05_brochure .foonter05_grid .content .icon_link a { text-decoration: none } .footer_05_brochure .foonter05_grid .content .social_links { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; margin-top: 14px } .footer_05_brochure .foonter05_grid .content .social_links a { display: flex; width: 63px; height: 63px; align-items: center; justify-content: center; text-decoration: none; transition: .3s; overflow: hidden; border-radius: 5px; background-color: #1c1c1c; color: var(--button-color) } .footer_05_brochure .foonter05_grid .content .social_links a:active { background-color: #fff; color: #000 } .footer_05_brochure .foonter05_grid .content .social_links a i { font-size: 22px; color: var(--gold) } .footer_05_brochure .foonter05_grid .content .social_links a img, .footer_05_brochure .foonter05_grid .content .social_links a svg { width: 24px; height: auto; fill: var(--gold) !important; stroke: var(--gold) !important } .footer_05_brochure .foonter05_grid .content .social_links a svg g > * { transition: fill .3s,stroke .3s } .footer_05_brochure .foonter05_grid .content .social_links a svg g, .footer_05_brochure .foonter05_grid .content .social_links a svg g path, .footer_05_brochure .foonter05_grid .content .social_links a:active svg g > * { fill: var(--gold) !important; stroke: var(--gold) !important } .footer_05_brochure .foonter05_grid .content .reg_info { font-size: 20px; line-height: 1.44; padding-top: 6px } .footer_05_brochure .foonter05_grid .content .reg_info > p, .footer_05_brochure .foonter05_grid .content .reg_info > p:last-of-type { margin-bottom: 0 } .footer_05_brochure .foonter05_grid .content .reg_info > p strong { font-weight: 500 } .footer_05_brochure .footer05_bottom { font-size: 14px; color: #fff; display: flex; justify-content: space-between; z-index: 1 } .footer_05_brochure .footer05_bottom a { color: #fff; text-decoration: none } .footer_05_brochure .footer05_bottom img { height: 15px; width: auto } .footer_05_brochure .footer-menu { justify-content: space-between; line-height: 28px; display: flex } .footer_05_brochure .footer-menu > .nav-item { width: auto; z-index: 1; border: 0 } .footer_05_brochure .footer-menu > .nav-item .nav-link { color: #fff !important; padding: 0 !important; border: 0 } .footer_05_brochure .footer-menu > .nav-item .nav-link .dd_caret { display: none } .footer_05_brochure .nav-item.lvl2 { margin: 0 } .footer_05_brochure .nav-item.lvl2:hover { background-color: #2060b3 } .footer_05_brochure .navbar-nav { margin-right: 15px; height: 100% } .footer_05_brochure .nav-item.lvl2 .nav-link { font-size: 14px; line-height: 20px; padding: 13px 23px 9px !important; display: flex; align-items: start; min-height: 62px; letter-spacing: 0; text-transform: none; font-weight: 400 } .footer_05_brochure .nav-item.lvl2 .nav-link::before { content: ""; display: inline-block; background-image: url('../images/arrow-right-light-white.svg'); background-size: 100%; background-repeat: no-repeat; margin-bottom: 0; min-height: 10px; min-width: 14px; margin-right: 13px; margin-top: 6px; color: transparent } .footer_05_brochure .nav-item.item-dropdown.lvl1 > .dropdown-switch::after { display: none } .footer_05_brochure .footer-menu-wrapper { margin-top: 85px; padding-top: 45px } .footer_05_form .form-group { margin-bottom: 22px } .footer_05_brochure .content-wrapper-contacts .icon_link a { color: var(--gold,#fff) !important; font-size: 20px } .footer_05_brochure .foonter05_grid .content-wrapper-contacts { margin-top: 20px } .footer_05_brochure .foonter05_grid .content-wrapper-address { margin-top: 30px } @media(max-width:1399.98px) { .footer_05_brochure .footer-menu-wrapper { margin-top: 75px } .footer_05_brochure .footer_05_form { margin-top: 16px } } @media(max-height:567px) { .logos-01-title { font-size: 50px } .footer_05_brochure { padding: 60px 0 30px } .footer_05_form .form-group { margin-bottom: 10px } .footer_05_brochure .footer-menu-wrapper { margin-top: 60px !important; padding-top: 0 } } @media(max-width:1199px) { .footer_05_brochure { padding: 130px 0 65px } .footer_05_brochure .form > .row { --bs-gutter-x: 20px } } @media(max-width:991.98px) { .footer_05_brochure { padding: 140px 0 30px } .footer_05_brochure .foonter05_grid { grid-template-columns: 1fr 1fr } .footer_05_brochure .foonter05_grid .content .reg_info { padding-top: 4px } .footer_05_brochure .foonter05_grid .content .social_links { margin-top: 16px } .footer_05_brochure .foonter05_grid .content-wrapper-address, .footer_05_brochure .foonter05_grid .content-wrapper-contacts { padding-left: 15px; margin-top: 0; grid-column: 2/3 } .footer_05_brochure .footer-menu { flex-wrap: wrap } .footer_05_brochure .content-wrapper-social { grid-column: 2; padding-left: 17px } .footer_05_brochure .footer_05_form { margin-top: 93px } .footer_05_brochure .footer-menu-wrapper { padding-top: 25px } .footer_05_brochure .footer05_bottom_container { margin-top: 25px } .footer_05_brochure .footer_05_main_title { grid-row: 1; grid-column: 1/3 } .footer_05_brochure .foonter05_grid .content-wrapper-address { grid-row: 3; grid-column: 1/2; margin-top: 15px } .footer_05_brochure .foonter05_grid .content-wrapper-contacts { grid-row: 4; grid-column: 1/2 } .footer_05_brochure .foonter05_grid .content-wrapper-social { grid-row: 3; grid-column: 2/3 } } @media(max-width:767.98px) { .footer_05_brochure { padding: 120px 0 70px } .footer_05_brochure .foonter05_grid .content_wrapper { margin-top: 0; padding-bottom: 0; width: 100%; min-width: 50% } .footer_05_brochure .foonter05_grid .content_wrapper .content { position: static } .footer_05_brochure .footer-menu-wrapper { margin-top: 15px } .footer_05_brochure .foonter05_grid .content-wrapper-address { padding-left: 0 } .footer_05_brochure .foonter05_grid .content-wrapper-contacts { padding-left: 0; margin-top: 15px } .footer_05_brochure .content-wrapper-social { padding-left: 9px } .footer_05_brochure .foonter05_grid .content .reg_info { padding-top: 0 } .footer_05_brochure .footer_05_form { margin-top: 75px } .footer_05_brochure .footer-menu > .nav-item { width:100%; } .footer_05_brochure .footer05_bottom_container { margin-top: 20px; text-align: center } .footer_05_brochure .foonter05_grid .content .icon_link a[href^=tel] { font-size: 20px } .footer_05_brochure .foonter05_grid .content .icon_link a[href^=mailto] { font-size: 16px } } @media(max-width:370px) { .footer_05_brochure::before { width: 650px } } @media(max-width:575.98px) { .footer_05_brochure { padding: 50px 0 } .footer_05_brochure .foonter05_grid .content_wrapper { padding-bottom: 0; width: 100%; margin-top: 18px } .footer_05_brochure .foonter05_grid .content_wrapper .content { width: 100% } .footer_05_brochure .footer05_bottom { display: block; line-height: 24px } .footer_05_brochure .footer05_bottom > span { display: block } .footer_05_brochure .foonter05_grid .content .social_links { justify-content: start; margin-top: 8px } .footer_05_brochure .content-wrapper-contacts { padding: 0 } .footer_05_brochure .footer-menu-wrapper { padding-top: 30px; margin-top: 15px } .footer_05_brochure .footer_05_form { margin-top: 25px } .footer_05_brochure .footer-menu > .nav-item .nav-link { font-size: 20px } .footer_05_brochure .foonter05_grid { grid-template-columns: 1fr; margin-bottom: 20px } .footer_05_brochure .foonter05_grid .content-wrapper-address { grid-row: 3; grid-column: 1/3 } .footer_05_brochure .foonter05_grid .content-wrapper-contacts { grid-row: 4; grid-column: 1/3; padding-left: 0; margin-bottom: 0 } .footer_05_brochure .foonter05_grid .content-wrapper-social { grid-row: 5; grid-column: 1/3 } .footer_05_brochure .content-wrapper-social { padding-left: 0 } .footer_05_form .form-group { margin-bottom: 23px } .footer_05_brochure .footer-menu { flex-direction: column; align-content: center; text-align: center } } .carousel-caption-title { text-transform: capitalize } /*mid screens down*/ @media (max-width: 990px) { .image-wrapper { min-height: 500px } body.casestudy .image-wrapper { min-height: auto; } } /*small screens down*/ @media (max-width: 767.98px) { .galeryitem { padding: unset !important } .btn, .btn-outline-secondary, .btn-outline-secondary:hover, .cta-01-btn, .cta-01-btn:hover { width: 100% } } #ccc-info { display: none; visibility: hidden } /* Hide when there are no errors */ .validation-summary-valid { display: none; } /* Ensure visible when errors exist */ .validation-summary-errors { display: block; } .map-embed iframe { width: 100%; height: 800px } /* Auto-dark based on user preference */ @media (prefers-color-scheme: dark) { .map-embed iframe { filter: invert(90%) hue-rotate(180deg) saturate(1.1) brightness(.9); } } .carousel-01 .carousel-item video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: calc(100% + 1px); width: calc(100% + 1px); object-fit: cover; } /*case studies landing page*/ .cs05 { padding: 50px 0 115px; overflow: hidden; background-color: var(--nero-bgmarble) } .cs05 h1 { margin-bottom: 50px } .cs05 .row { --bs-gutter-x: 90px; --bs-gutter-y: var(--bs-gutter-x) } .cs05 .item { height: 100%; border-bottom: 1px solid #b9b3a0; display: flex; flex-direction: column; align-items: flex-start; justify-content: stretch; position: relative } .cs05 .item:hover .item-title { color: var(--nero-bearblack); } .cs05 .item > a { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .cs05 .image-wrapper { background-color: #676767; position: relative; height: 625px; width: 100% } .cs05 .lvl3 .image-wrapper { height: auto } .cs05 .lvl3 .image-wrapper img { aspect-ratio: 1 } .cs05 .image-wrapper img { width: 100%; height: 100%; object-fit: cover } .cs05 .item-title { color: var(--gold); font-size: 38px; padding: 15px 30px 15px 0; position: relative; font-weight: 500; height: auto; width: 100%; flex: auto; display: flex; align-items: center; line-height: 38px } .cs05 .item-title i { position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-size: 26px } .cs05 .lvl3 .item-title { font-size: 24px } @media(max-width:575.98px) { .cs05 .row > * { margin-top: 50px } .cs05 .item-title { font-size: 26px; line-height: 30px } } @media(max-height:567px) { .cs05 .row > * { margin-top: 60px } .cs05 { padding: 60px 0 } } /*about us page*/ .c10fl { --c10fl-margin: 100px; padding: var(--c10fl-margin) 0; position: relative; z-index: 2; background-color: var(--nero-bgmarble) } .c10fl .h2, .c10fl h2 { margin-bottom: 35px } .c10fl .text { line-height: 28px } .c10fl a.btn { margin-top: 35px } .c10fl .image-wrapper { height: 100%; position: relative } .c10fl .image-wrapper img { position: absolute; left: 0; top: 0; width: 100%; height: calc(100% + var(--c10fl-margin) + 20px); object-fit: cover; object-position: center } .c10fl .play_pause:hover::after { transform: translate(-50%,-50%) rotate(180deg) } .c10fl .play_pause.pause::before { content: "\f04c" } .c10fl .play_pause::before { content: "\f04b"; font-family: "FontAwesome"; position: absolute; background-color: var(--gold); width: 100px; height: 100px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 34px; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: .8; pointer-events: none; transition: .4s } .c10fl .play_pause:hover { opacity: 1 } .c10fl .play_pause { position: absolute; left: 50%; top: 50%; width: 150px; height: 150px; z-index: 10; transform: translate(-50%,-50%); opacity: .3; transition: .3s; cursor: pointer } .c10fl .firstplay { opacity: 1 !important } .c10fl .hidden { display: none } .c10fl video { width: 100% } @media(max-width:991.98px) { .c10fl .image-wrapper:after { display: none } .c10fl a.btn { margin-top: 35px; margin-bottom: 35px } } @media(max-width:575px) { .c10fl { --c10fl-margin: 50px; padding: var(--c10fl-margin) 0 } } @media(max-height:567px) { .c10fl { --c10fl-margin: 60px; padding: var(--c10fl-margin) 0 } } .neroBgMarble { background-color:var(--nero-bgmarble) !important; } .neroBgMarbleWarm { background-color:var(--nero-marblewarm) !important; } .c11fl { --c11fl-padding: 100px; padding: var(--c11fl-padding) 0; position: relative; z-index: 2; background-color: var(--nero-marblewarm) } .c11fl .h2, .c11fl h2 { margin-bottom: 35px } .c10fl + .c11fl { position: static } .c10fl + .c11fl .text { padding-top: var(--c11fl-padding) } .c11fl .text { line-height: 28px } .c11fl a.btn { margin-top: 35px } .c11fl .image-wrapper { height: auto; position: relative; padding-bottom: 100%; overflow: hidden } .c11fl .image-wrapper img { position: absolute; left: 0; top: 0; width: calc(100% - 0px); height: calc(100% - 0px); object-fit: cover; object-position: center } .c11fl .image-wrapper:before { content: ""; width: 430px; height: 462px; background-size: cover; background-position: center; display: block; position: absolute; right: 0; bottom: 0 } @media(max-width:575px) { .c11fl { --c11fl-padding: 50px; padding: var(--c11fl-padding) 0 } .c11fl a { word-break: break-all } } @media(max-height:567px) { .c11fl { --c11fl-padding: 60px; padding: var(--c11fl-padding) 0 } } /*contact form*/ .contact03 .icon-block { border-radius: 0; box-shadow: 0 0 10px 5px rgba(0,0,0,.1); padding: 40px 25px; background-color: #d8d8d8 } .contact03 .icon-block .icon { margin-bottom: 20px } .contact03 .icon-block .icon i { font-size: 36px } .contact03 .icon-block h3 b, .contact03 .icon-block h3 strong { color: var(--gold) } .contact03 .tel { font-size: 20px; font-weight: 700; color: var(--body-color); text-decoration: none } .contact03 .email:not(.form-group) { font-size: 16px; font-weight: 600; color: var(--body-color); text-decoration: none } .contact03 .email { word-break: break-all } .contact03 .addr p { margin-bottom: 5px } .contact03 .addr .addr-additional { font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height) } .contact03 .addr .addr-additional p { display: inline } .contact03 .addr .addr-additional p + p { margin-left: 10px } .contact03 .addr .addr-additional p:nth-child(2n) + p { margin-left: 0 } .contact03 .addr .addr-additional p:not(:first-child):before { content: ","; transform: translateX(-10px); display: inline-block } .contact03 .addr .addr-additional p:nth-child(2n) + p:before { content: none } .contact03 .addr .addr-additional p:nth-child(2n):after { content: ""; white-space: pre; display: block } .contact03 .addr p:last-child { margin-bottom: 0 } .contact03 .social { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap: 12px } .contact03 .social a { display: flex; width: 63px; height: 63px; align-items: center; justify-content: center; text-decoration: none; transition: .3s; overflow: hidden; border-radius: 5px; background-color: #1c1c1c; color: var(--button-color) } .contact03 .social a:active { background-color: #fff; color: #000 } .contact03 .social a i { font-size: 22px; color: var(--gold) } .contact03 .social a img, .contact03 .social a svg { width: 24px; height: auto; fill: var(--gold) !important; stroke: var(--gold) !important } .contact03 .social a svg g, .contact03 .social a svg g path, .contact03 .social a:active svg a > * { fill: var(--gold) !important; stroke: var(--gold) !important } /*casestudies */ .video-wrap video { width: 100%; cursor: pointer } .video-wrap { position: relative } .video-wrap .play_pause:hover::after { transform: translate(-50%,-50%) rotate(180deg) } .video-wrap .play_pause.pause::before { content: "\f04c" } .video-wrap .play_pause::before { content: "\f04b"; font-family: "FontAwesome"; position: absolute; background-color: var(--gold); width: 100px; height: 100px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 34px; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: .8; pointer-events: none; transition: .4s } .video-wrap .play_pause:hover { opacity: 1 } .video-wrap .play_pause { position: absolute; left: 50%; top: 50%; width: 150px; height: 150px; z-index: 10; transform: translate(-50%,-50%); opacity: .3; transition: .3s; cursor: pointer } .video-wrap .firstplay { opacity: 1 !important } .fullscreen { position:absolute; z-index:999; top:2px; right:2px; } /*insights*/ .projectsInsights .card:hover .card-body { color:var(--nero-bearblack) } /*global*/ .bg-light { background-color: var(--nero-marblewarm) !important; } body, .form-text { color:var(--nero-bearblack); } .page-link { color:var(--gold) } .pagination .page-item.active .page-link { background-color:var(--nero-bearblack); border-color:var(--nero-bearblack) }