/*
Author       : Bold Frame
Template Name: Bold Frame
Version      : 1.0
*/

/*  Font Face Style */
@import url('../fonts/stylesheet.css');

/*  Global */
:root { --bs-primary: #0C0C0C; --bs-secondary: #000000; }
img { max-width:100%; height:auto; }
body { color: #454D3C; font-size: 24px; line-height: 1.5em; background-color: #F5F5F5; font-family: 'geomanistregular', sans-serif; }
body.menu-overlay { overflow: hidden; padding-right: 17px; }

/* Typography  */
video, audio { max-width:100%; height:auto; }
object { max-width:100%; }
iframe { max-width:100%; }
strong { font-weight:bold; }
a { text-decoration: none; color: var(--bs-primary); }
a:hover { color: var(--bs-secondary); }
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; line-height: 1.2; margin: 0 0 20px; color: #454D3C; font-family: "geomanistregular", sans-serif; }
h1 { font-size: 36px; }
h2 { font-size: 32px; }
h3 { font-size: 26px; }
h4 { font-size: 24px; }
h5 { font-size: 22px; }
h6 { font-size: 20px; }
ul { margin:0 0 12px; }
p { line-height: 1.5; margin-bottom: 30px; }

/* Base  */
.site { position: relative; display: flex; flex-direction: column; min-height: 100vh; }
a.disable-link { cursor: default; pointer-events: none; }
.container-fluid { padding: 0 32px; max-width: 1920px; position: relative; }

/*revealable*/
.revealable-container { position: relative; }

/*landscape-message*/
.landscape-message { display: none; background: var(--bs-primary); color: #ffff; text-align:center; padding:20px; width: 100%; height: 100vh; align-items: center; justify-content: center; }
.landscape-message h3 { font-size: 18px; color: #fff; text-align: center; width: 80%; margin-bottom: 0; }

/* Header  */
.site-header { position: relative; min-height: 100px; }
.contact-header { min-height: 70px; }
.site-logo { margin-right: 16px; position: relative; }
.site-logo a { display: block; }
.site-logo img { width: 185px; height: 34px; display: block; }
.header-right { display: flex; align-items: center; position: relative; z-index: 10; }
.home-header, .single-header { position: absolute; left: 0; top: 0; width: 100%; max-height: 110px; z-index: 9; }
.home-header .navbar.navbar-light, .single-header .navbar.navbar-light { background-color: transparent; }
.single-header .navbar.navbar-light.nav-down { background-color: #F5F5F5; }
.home-header .site-logo img,
.single-header .site-logo img { filter: brightness(0) invert(1); }
.single-header .navbar.navbar-light.nav-down .site-logo img { filter: inherit; }

/*language*/
.language { position: relative; margin-right: 28px; }
.language-button { background: #EBEBE8; color: #454D3C; border: 0 none; padding: 9px 10px; font-size: 16px; line-height: 1; display: flex; align-items: center; }
.language-button-icon { margin-right: 10px; position: relative; }
.language-button-arrow { margin-left: 20px; position: relative; }
.language-button-icon img, .language-button-arrow img { display: block; }
.language-options { background: #EBEBE8; border-radius: 2px; box-sizing: border-box; color: #454D3C; display: none; margin-top: 4px; padding: 8px; position: absolute; left: 0; top: 100%; z-index: 1; width: 100%; }
.language-open .language-options { display: block; }
.language-options ul { list-style: none; padding: 0; margin: 0; }
.language-options ul li:not(:last-child) { margin-bottom: 4px; }
.language-options ul li a { color: #454D3C; display: flex; align-items: center; justify-content: space-between; position: relative; font-size: 16px; line-height: 1.5; }
.language-options ul li a:hover, .language-options ul li a:focus { color: rgba(69, 77, 60, 0.5); }
.language-options ul li a:hover img, .language-options ul li a:focus img { filter: contrast(0); }
.language-options ul li a img { margin-left: 10px; width: 10px; opacity: 0; visibility: hidden; margin-top: 2px; }
.language-options ul li a.active img { opacity: 1; visibility: visible; }
.home-header .language-button, .single-header .language-button, .home-header .language-options, .single-header .language-options { background: rgba(247, 244, 236, 0.1); color: #ffffff; }
.home-header .language-button .language-button-icon img, .home-header .language-button .language-button-arrow img,
.single-header .language-button .language-button-icon img, .single-header .language-button .language-button-arrow img,
.home-header .language-options ul li a img, .single-header .language-options ul li a img { filter: brightness(0) invert(1); }
.home-header .language-options ul li a, .single-header .language-options ul li a { color: #ffffff; }
.home-header .language-options ul li a:hover, .home-header .language-options ul li a:focus,
.single-header .language-options ul li a:hover, .single-header .language-options ul li a:focus { color: rgba(247, 244, 236, 0.5); }
.home-header .language-options ul li a:hover img, .home-header .language-options ul li a:focus img,
.single-header .language-options ul li a:hover img, .single-header .language-options ul li a:focus img { filter: contrast(0); }

.single-header .navbar.navbar-light.nav-down .language-button, .single-header .navbar.navbar-light.nav-down .language-options { background: #EBEBE8; color: #454D3C; }
.single-header .navbar.navbar-light.nav-down .language-button .language-button-icon img,
.single-header .navbar.navbar-light.nav-down .language-button .language-button-arrow img,
.single-header .navbar.navbar-light.nav-down .language-options ul li a img { filter: inherit; }
.single-header .navbar.navbar-light.nav-down .language-options ul li a { color: #454D3C; }
.single-header .navbar.navbar-light.nav-down .language-options ul li a:hover, .single-header .navbar.navbar-light.nav-down .language-options ul li a:focus { color: #454D3C; }
.single-header .navbar.navbar-light.nav-down .language-options ul li a:hover img, .single-header .navbar.navbar-light.nav-down .language-options ul li a:focus img { filter: inherit; }

.menu-overlay .single-header .navbar.navbar-light.nav-down .language-button, .menu-overlay .single-header .navbar.navbar-light.nav-down .language-options { background: rgba(247, 244, 236, 0.1); color: #ffffff; }
.menu-overlay .single-header .navbar.navbar-light.nav-down .language-button .language-button-icon img,
.menu-overlay .single-header .navbar.navbar-light.nav-down .language-button .language-button-arrow img,
.menu-overlay .single-header .navbar.navbar-light.nav-down .language-options ul li a img { filter: brightness(0) invert(1); }
.menu-overlay .single-header .navbar.navbar-light.nav-down .language-options ul li a { color: #ffffff; }
.menu-overlay .single-header .navbar.navbar-light.nav-down .language-options ul li a:hover, .menu-overlay .single-header .navbar.navbar-light.nav-down .language-options ul li a:focus { color: rgba(247, 244, 236, 0.5); }
.menu-overlay .single-header .navbar.navbar-light.nav-down .language-options ul li a:hover img, .menu-overlay .single-header .navbar.navbar-light.nav-down .language-options ul li a:focus img { filter: contrast(0); }

/* Navbar */
.navbar { padding: 32px 0; position: absolute; top: 0; width: 100%; transition: top 0.3s; }
.contact-header .navbar { padding: 18px 0; }
.nav-up, .nav-down { padding: 18px 0; position: fixed; background-color: #ffffff; z-index: 999; }
.nav-up { top: -100px; }
.nav-down {	top: 0; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }
.home-header .navbar.navbar-light.nav-down, .home-header .navbar.navbar-light.nav-up { padding: 32px 0; position: absolute; top: 0; box-shadow: none; }
.navbar.navbar-light { background-color: #F5F5F5; }
.navbar-nav li { padding: 0; position: relative; margin: 15px 0; }
.navbar-light .navbar-nav .nav-link { color: #fff; text-align: left; text-transform: capitalize; font-size: 70px; white-space: nowrap; font-family: "geomanistregular", sans-serif; display: block; padding: 0; line-height: 1; }
.navbar-light .navbar-nav button.nav-link { background-color: transparent; border: 0 none; border-radius: 0; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link { color: #C8FF62; }
.navbar-expand-lg .navbar-toggler { display: block; border: 0 none; padding: 0; }
.navbar-expand-lg .navbar-toggler:focus { box-shadow: none; }
.navbar-expand-lg .navbar-nav { flex-direction: column; width: auto; opacity: 0; visibility: hidden; }
.navbar-expand-lg .navbar-collapse { position: fixed; flex-grow: 1; width: 100%; height: 100%; visibility: visible; background-color: var(--bs-primary); border: 0; transform: translateY(-100%); transition: all 0.15s ease-in-out; z-index: 9; top: 0; right: 0; left: 0; overflow-y: auto; display: flex !important; flex-direction: column; align-items: flex-start; padding: 32px; }
.navbar-expand-lg .navbar-collapse.show { transform: none; }
.navbar-expand-lg .navbar-collapse.show .navbar-nav { opacity: 1; visibility: visible; }
.navbar-nav:hover li, .navbar-nav:focus li { opacity: 0.5; }
.show .navbar-nav > li:hover .sub-nav > li, .show .navbar-nav > li:hover .sub-nav > li:hover { opacity: 1; }
.navbar-nav:hover li:hover, .navbar-nav:hover li:focus, .navbar-nav:focus li:hover, .navbar-nav:focus li:focus { opacity: 1; }
.navbar-nav .sub-nav { list-style: none; padding-left: 140px; margin: 0; position: absolute; left: 100%; top: 0; z-index: 1; opacity: 0; visibility: hidden; }
.navbar-nav li:hover .sub-nav, .navbar-nav li:focus .sub-nav { opacity: 1; visibility: visible; }
.navbar-nav .sub-nav li { margin: 16px 0; }
.navbar-nav .sub-nav .nav-link { font-size: 50px; color: #ffffff; }
.navbar-nav .sub-nav .nav-link:hover, .navbar-nav .sub-nav .nav-link:focus, .navbar-nav .sub-nav .nav-link.active { color: #C8FF62; }
.nav-logo { margin: 6px 15px 60px 0; }
.nav-logo a { display: block; }
.nav-logo img { width: 185px; height: 34px; display: block; }
.nav-main { flex: 1; }
.nav-footer { padding-top: 32px; width: 100%; display: flex; align-items: center; justify-content: space-between; }
.nav-footer-menu { list-style: none; padding-left: 0; margin: 0; display: flex; align-items: center; gap: 30px; }
.nav-footer-menu li { position: relative; }
.nav-footer-menu li a { font-size: 14px; line-height: 1.1; color: #ffffff; position: relative; }
.nav-footer-menu li a:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; color: #fff; border-bottom: 1px solid #fff; transition: all .5s ease-in-out; }
.nav-footer-menu li a:hover:after { width: 0; }

/* hamburger */
.hamburger { position: relative; }
.hamburger-bar { width: 32px; height: 3px; background-color: #566249; margin: 6px 0; transition: 0.4s; display: block; }
.menu-overlay .hamburger-bar, .home-header .hamburger-bar, .single-header .hamburger-bar,
.menu-overlay .single-header .navbar.navbar-light.nav-down .hamburger-bar { background-color: #ffffff; }
.single-header .navbar.navbar-light.nav-down .hamburger-bar { background-color: #566249; }
.menu-overlay .hamburger-bar:nth-child(1) { transform: rotate(-45deg) translate(-3px, 3px); }
.menu-overlay .hamburger-bar:nth-child(2) { transform: rotate(45deg) translate(-4px, -3px); }
.menu-overlay .language .language-button, .menu-overlay .language-options { background-color: rgba(247, 244, 236, 0.1); color: #ffffff; }
.menu-overlay .language .language-button-icon img, .menu-overlay .language .language-button-arrow img { filter: brightness(0) invert(1); }
.menu-overlay .language-options ul li a { color: #ffffff; }
.menu-overlay .language-options ul li a:hover, .menu-overlay .language-options ul li a:focus { color: rgba(247, 244, 236, 0.5); }
.menu-overlay .language-options ul li a img { filter: brightness(0) invert(1); }
.menu-overlay .language-options ul li a:hover img, .menu-overlay .language-options ul li a:focus img { filter: contrast(0); }

/* Labels */
.form-label { margin-bottom: 5px; font-size: 14px; color: #58614D; line-height: 1.2; }
.form-field { position: relative; margin-bottom: 16px; line-height: 1.2; }

/* Input Groups */
.form-control, input[type="number"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { padding: 10.5px 20px; border-radius: 0; max-width: 100%; font-size: 14px; line-height: 1.5; color: #58614D; background-color: rgba(249, 250, 250, 1); border: solid 1px #D1D1D1; font-family: 'geomanistregular', sans-serif; }
.form-select { background-position: right 1.25rem center; border-radius: 0; padding: 10.5px 16px; border: solid 1px #D1D1D1; background-color: rgba(249, 250, 250, 1); color: #000000; font-size: 14px; font-family: 'geomanistregular', sans-serif; }
.form-control:focus, .form-select:focus { box-shadow: none; }
.input-group > .form-control, .input-group > .form-select { min-width: 100px; }
::-webkit-input-placeholder { color: rgba(161, 177, 177, 1); }
::-moz-placeholder { color: rgba(161, 177, 177, 1); }
:-ms-input-placeholder { color: rgba(161, 177, 177, 1); }
:-moz-placeholder { color: rgba(161, 177, 177, 1); }
/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
/* Firefox */
input[type=number] { -moz-appearance: textfield; }

/* Buttons */
.btn, input[type=button], input[type=submit], input[type=reset] { display: inline-block; font-size: 15px; line-height: 1.2; padding: 10px 26px 12px; border: 0 none; border-radius: 0; box-sizing: border-box; font-weight: normal; text-transform: inherit; font-family: 'geomanistregular', sans-serif; }
.btn { padding: 11.5px 26px; line-height: 1.5; }
input[type=button], input[type=submit], input[type=reset], .btn-primary { color: #fff; background-color: var(--bs-primary); }
input[type=button]:hover, input[type=button]:focus, input[type=submit]:hover, input[type=submit]:focus, input[type=reset]:hover, input[type=reset]:focus, .btn-primary:hover, .btn-primary:focus {  color: #fff; background-color: var(--bs-secondary); box-shadow: none; }
.btn-group-sm > .btn, .btn-sm { border-radius: 0; font-size: 14px; padding: 8px 20px; }
.btn-group-lg > .btn, .btn-lg { border-radius: 0; font-size: 18px; padding: 15px 30px; }
.btn-close:focus { box-shadow: none; opacity: 1; }
.btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary.show, .btn-primary:first-child:active, :not(.btn-check) + .btn-primary:active { color: #fff; background-color: var(--bs-primary); }
.btn-primary:focus-visible { color: #fff; background-color: var(--bs-primary); border-color: var(--bs-primary); box-shadow: none; }
.btn-outline-primary { color: var(--bs-primary); border: solid 1px var(--bs-primary); }
.btn-outline-primary:hover, .btn-outline-primary:focus { color: #ffffff; border-color: var(--bs-primary); background-color: var(--bs-primary); }

/* Main Content */
.site-main { flex: 1; }
.section { position: relative; padding: 37px 0; }
.sec-header { margin-bottom: 20px; position: relative; }
.sec-title { position: relative; font-size: 16px; margin-bottom: 0; }

/**
 * Social Icons
 */
.social-link-list { display: flex; align-items: center; list-style: none; padding-left: 0; margin-bottom: 0; gap: 12px; }
.social-link-list li { margin-bottom: 0; }
.social-link-list li a { color: #ffffff; background-color: rgba(255, 255, 255, 0.21); width: 33px; height: 33px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.social-link-list li a:focus, .social-link-list li a:hover { color: #fff; background-color: #A6A6A6; }

/*  Footer= */
.site-footer { font-size: 13px; position: relative; background-color: var(--bs-primary); color: #ffffff; padding: 60px 30px 76px; }
.site-footer a { color: #ffffff; }
.site-footer a:hover, .site-footer a:focus { color: rgba(255, 255, 255, 0.8); }
.site-footer .container-fluid { display: flex; justify-content: space-between; }
.footer-main { position: relative; margin-right: 20px; }
.footer-logo { margin-bottom: 60px; }
.footer-logo a { display: block; }
.footer-logo img { width: 185px; height: 34px; display: block; }
.footer-menu { list-style: none; padding-left: 0; margin: 0; }
.footer-menu li { margin-bottom: 12px; line-height: 1; }
.footer-menu li a { font-size: 13px; line-height: 1; text-transform: uppercase; }
.footer-contact { position: relative; margin-left: 20px; text-align: right; padding-top: 62px; }
.footer-title { font-size: 14px; color: #ffffff; text-transform: uppercase; margin-bottom: 35px; margin-top: 10px; display: none; }
.footer-contact .social-link-list { justify-content: flex-end; margin-bottom: 16px; }
.site-footer p { font-family: "Geomanist-light", sans-serif; margin-bottom: 16px; }

/*work-section*/
.work-section { padding: 20px 0 28px; }
.work-gallery { display: flex; flex-wrap: wrap; position: relative; overflow: hidden; }
.work-gallery-item { flex-grow: 1; margin: 1px; position: relative; }
.work-gallery-item > a { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }
.work-gallery-card { position: relative; display: block; height: 100%; cursor: pointer; }
.work-gallery-card img { width: 100%; height: 100%; object-fit: cover; }
.work-gallery-title { font-size: 40px; margin-bottom: 0; color: #ffffff; transition: all 0.5s ease-in-out; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); display: flex; align-items: center; justify-content: center; }
.work-gallery-card:hover .work-gallery-title { opacity: 1; visibility: visible; }
.work-gallery-card-video { max-width: 100%; display: block; height: 100%; }
.work-gallery-card-video > * { width: 100%; height: 100%; object-fit: cover; }

/*lightgallery*/
.lg-next, .lg-prev { background-color: transparent; }
.lg-thumb-outer, .lg-sub-html, .lg-icon, .lg-prev::after, .lg-next::before, .lg-close.lg-icon:after, #lg-counter { display: none; }
.lg-toolbar .lg-close { margin: 30px; display: block; background-image: url(../images/btn_close.png); width: 32px; height: 32px; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; }
.lg-next.lg-icon { display: block; right: 20px; background-image: url('../images/btn_next.png'); width: 48px; height: 48px; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; }
.lg-prev.lg-icon { display: block; left: 20px; background-image: url(../images/btn_prev.png); width: 48px; height: 48px; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; }
.vjs-text-track-display, .vjs-loading-spinner, .vjs-big-play-button, .vjs-control-bar, .vjs-text-track-settings, .vjs-modal-dialog { display: none; }
.lg-video-object video { width: 100%; height: 100%; object-fit: cover; }
.lg-video-play-button { display: none; }
.lg-backdrop.in { opacity: 0.8; }
.lg-outer .lg-img-wrap, .lg-outer .lg-video-object { padding: 12px; }

/*modern-content-width*/
.modern-content-width { max-width: 1095px; }

/*banner-section*/
.banner-section { position: relative; }
.banner-wrap { padding: 142px 0 32px; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.banner-media { position: relative; min-height: 100vh; max-height: 100vh; overflow: hidden; }
.banner-media:before { content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
.banner-media img { width: 100%; height: 100%; object-fit: cover; position: absolute; }
.banner-media video, .banner-media frame { width: 100%; height: 100%; object-fit: cover; position: absolute; }
@-webkit-keyframes arrow-down {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	70% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
}
@keyframes arrow-down {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	70% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
}
.banner-arrow { -webkit-animation: arrow-down 2s infinite; animation: arrow-down 2s infinite; bottom: 2rem; height: 40px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 40px; z-index: 1; }
.banner-arrow svg { width: 50px; height: 50px; fill: #ffffff; }
.banner-content { position: relative; }
.banner-content h1 { max-width: 1100px; margin-bottom: 0; color: #ffffff; font-size: 74px; line-height: 1.1; }
.banner-content h1.cd-headline span { display: block; padding: 0; }
.banner-content h1.cd-headline span.cd-words-wrapper { display: inline-block; color: #C8FF62; }
.banner-content h1.cd-headline.clip .cd-words-wrapper::after { background-color: transparent; display: none; }
.banner-content h5 { color: #ffffff; margin-top: 36px; }
.banner-single-section .banner-content { text-align: center; }
.banner-single-section .banner-content h1 { max-width: none; }
.banner-single-section { margin-bottom: 37px; }

/*visiting-modal*/
.visiting-modal-action { margin: 40px 0; text-align: center; }
.visiting-modal .modal-content { border-radius: 0; }
.visiting-modal .modal-body { padding: 22px; }
.visiting-modal p { font-size: 21px; text-align: center; }
.visiting-modal-btn-action .btn { display: block; font-size: 18px; }
.visiting-modal-btn-action .btn + .btn { margin-top: 12px; }

/*modern-image-full*/
.modern-image-full { position: relative; }
.modern-image-full img { width: 100%; height: 100%; object-fit: cover; }

/*about-section*/
.about-section { position: relative; padding: 37px 0; }
.about-section p:last-child { margin-bottom: 0; }
.about-image-full-section { position: relative; }
.about-services-section { position: relative; }
.about-services-set { position: relative; margin-bottom: 0; }
.about-services-set ul { list-style: none; padding-left: 0; margin: 0; display: flex; flex-wrap: wrap; }
.about-services-set ul li { width: 50%; padding-right: 20px; margin-bottom: 10px; }
.about-services-section .modern-content-width { max-width: 1400px; }
.about-video-full-section { position: relative; padding: 15px 0 32px; }
.works-services-section { padding-bottom: 74px; }

/*textblock-media-section*/
.textblock-media-section { position: relative; }
.textblock-media-section .container-fluid { display: flex; flex-wrap: wrap; }
.textblock-media { min-width: 50%; max-width: 50%; }
.textblock-media img { width: 100%; height: 100%; object-fit: cover; }
.textblock-media.right { order: 2; padding-left: 16px; }
.textblock-media-contentbox { min-width: 50%; max-width: 50%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 100px 136px; font-size: 16px; }
.textblock-media-contentbox h3 { font-size: 16px; font-family: "Geomanist-light", sans-serif; }
.textblock-media-contentbox.left { order: 1; padding-left: 0; }
.textblock-media-contentbox p:last-child { margin-bottom: 0; }
.video-in-slideshow { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-in-slideshow video, .video-in-slideshow frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.video-in-slideshow--paused { display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; }
.video-in-slideshow--paused img { height: 64px; width: 64px; }
.video-in-slideshow--paused.hide { display: none; }

/*project-detail-grid*/
.project-detail-grid { position: relative; display: flex; flex-wrap: wrap; }
.project-detail-item-lg { width: 60%; padding-right: 100px; }
.project-detail-item-sm { width: 40%; padding-left: 60px; }
.project-detail-table { position: relative; }
.project-detail-tr { display: flex; align-items: center; }
.project-detail-td { margin-bottom: 4px !important; flex: 1; }
.project-detail-td.heading { font-family: "Geomanist-light", sans-serif; min-width: 230px; max-width: 230px; }

/*work-detailed-image-full-section*/
.work-detailed-image-full-section { padding: 37px 0; }
.work-detailed-image-full { position: relative; }
.work-detailed-image-full + .work-detailed-image-full { margin-top: 32px; }
.work-detailed-content-width { max-width: 1095px; margin: 74px 0; }

/*related-projects-section*/
.related-projects-section { position: relative; padding: 37px 0 8px; }
.related-projects-grid { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.related-projects-grid-item { width: 33.33%; padding: 0 12px; margin-bottom: 24px; }

/*work-single-section*/
.work-single-section { position: relative; padding: 37px 0 32px; }
.work-single-image-container { position: relative; }
.work-single-image { position: relative; overflow: hidden; }
.work-single-image:before { content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); }
.work-single-image img { width: 100%; height: 100%; object-fit: cover; }
.work-single-content { position: absolute; left: 0; top: 0; z-index: 1; padding: 32px; display: flex; flex-direction: column; justify-content: center; text-align: center; width: 100%; height: 100%; }
.work-single-content h1 { margin-bottom: 0; color: #ffffff; font-size: 48px; }

/*career-image-full-section*/
.career-image-full-section { position: relative; padding: 37px 0; }

/*vacancies-section*/
.vacancies-section { padding: 37px 0 74px; }
.vacancies-action { position: relative; margin-top: 74px; }
.vacancies-title { position: relative; font-size: 16px; margin-bottom: 40px; font-family: "Geomanist-light", sans-serif; }
.vacancies { position: relative; list-style: none; padding-left: 0; margin: 0; }
.vacancies-item { position: relative; display: flex; flex-direction: column; margin: 0; }
.vacancies-link { display: flex; align-items: center; flex-wrap: wrap; padding: 22px 10px; font-size: 24px; width: 100%; }
.vacancies-link:hover { background-color: var(--bs-primary); color: #ffffff; }
.vacancies-link:hover img { filter: brightness(0) invert(1); }
.vacancies-td { width: 15%; padding: 0 6px; display: flex; }
.vacancies-td img { display: inline-block; }
.vacancies-td:first-child { width: 68%; }
.vacancies-td:last-child { width: 2%; justify-content: center; align-items: center; padding: 0; }
.vacancies-comma { display: none; }

/*modern-simple-section*/
.modern-simple-section { position: relative; padding: 37px 0 74px; }
.modern-simple-section .container-fluid { display: flex; flex-wrap: wrap; }
.modern-simple-action { min-width: 120px; max-width: 120px; }
.go-back-link { color: #454D3C; display: flex; align-items: center; font-size: 16px; transition: all 0.4s ease-in-out; position: relative; left: 0; }
.go-back-link:hover, .go-back-link:focus { color: #454D3C; left: -10px; }
.go-back-link img { transform: rotate(180deg); margin-right: 14px; }
.modern-simple-main { position: relative; min-width: calc(100% - 120px); max-width: calc(100% - 120px); padding-left: 30px; }
.modern-simple-content { position: relative; max-width: 800px; font-size: 18px; }
.modern-simple-content ul { padding-left: 20px; margin-bottom: 40px; }
.modern-simple-content p { margin-bottom: 40px; }
.modern-simple-btn-action { position: relative; margin-top: 50px; }
.modern-simple-content :last-child { margin-bottom: 0; }

/*contact-banner-section*/
.contact-banner-section { position: relative; }
.contact-banner-media { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }
.contact-banner-media img { width: 100%; height: 100%; object-fit: cover; }
.contact-banner-media:before { content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); }
.contact-banner-wrap { min-height: 900px; max-height: 900px; position: relative; z-index: 3; display: flex; flex-direction: column; justify-content: center; padding: 50px 0; }
.contact-banner-container { display: flex; flex-wrap: wrap; }
.contact-banner-content { width: 50%; padding-right: 144px; padding-left: 20px; color: #ffffff; }
.contact-banner-content h1 { color: #ffffff; font-size: 96px; margin-bottom: 20px; padding-right: 100px; line-height: 0.89; }
.contact-banner-action { width: 50%; padding-left: 20px; padding-right: 20px; }
.contact-banner-card { background-color: rgba(255, 255, 255, 0.9); color: #808080; border-radius: 8px; padding: 32px; font-size: 14px; }
.contact-banner-card .btn, .contact-banner-card input[type="button"], .contact-banner-card input[type="submit"], .contact-banner-card input[type="reset"] { width: 100%; line-height: 1.2; }
.contact-banner-card p { margin-bottom: 15px; }
.contact-banner-card p.contact-meta-info { margin-bottom: 0; margin-top: 16px; max-width: 450px; font-size: 12px; }

/*contact-location-section*/
.contact-location-section { position: relative; padding: 74px 0; }
.contact-location-action { min-height: 100vh; background-image: url(../images/map.svg); background-repeat: no-repeat; background-position: center; background-size: 90%; }

/*thank-you-section*/
.thank-you-section { position: relative; padding: 37px 0 74px; }
.thank-you-main { position: relative; font-size: 18px; }
.thank-you-main h2 { margin-bottom: 35px; }

/*how-works-section*/
.how-works-section { background-color: #E0FFE0; position: relative; padding-bottom: 64px; }
.how-works-section .container-fluid :last-child { margin-bottom: 0; }

/*accordion*/
.accordion-item { color: rgba(69, 77, 60, 0.6); background-color: transparent; border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-left: 0 none; border-right: 0 none; }
.accordion-item:first-of-type, .accordion-item:first-of-type > .accordion-header .accordion-button { border-top-left-radius: 0; border-top-right-radius: 0; }
.accordion-item:last-of-type { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom: 0 none; }
.accordion-body { font-size: 16px; padding: 0 0 24px; line-height: 1.5; }
.accordion-button { padding: 24px 0; font-size: 24px; font-family: "geomanistregular", sans-serif; font-weight: 500; color: #454D3C; background-color: transparent; }
.accordion-button:not(.collapsed) { color: #454D3C; background-color: transparent; box-shadow: none; }
.accordion-button:focus { box-shadow: none; }
.accordion-button::after, .accordion-button:not(.collapsed)::after { background-image: url("../images/icon-chevron-down-lg.svg"); background-position: center; }

/*has-works-section*/
.has-works-section { padding: 74px 0; overflow: hidden; }
.has-works-main { position: relative; padding-right: 120px; }
.has-works-main .sec-header, .has-works-main ul { margin-bottom: 30px; }
.has-works-media { position: relative; padding-left: 60px; height: 100%; display: flex; align-items: center; justify-content: center; }
.has-works-media-up:before, .has-works-media-down:before { content: ''; position: absolute; z-index: 1; width: 650px; height: 650px;  }
.has-works-media-up:before { top: -110px; right: -66px; background: url("../images/circle-colored-up.png") no-repeat center; }
.has-works-media-down:before { bottom: -120px; left: -50px; background: url("../images/circle-colored.png") no-repeat center; }
.has-works-media-up > *, .has-works-media-down > * { position: relative; z-index: 3; }
.has-works-media-down { text-align: center; }

/*  Media Queries */
@media (max-width: 1799px) {
	.contact-banner-content h1 { padding-right: 0; }
}
@media (max-width: 1599px) {
	.work-gallery-title { font-size: 32px; }
	.banner-content h1 { max-width: 920px; font-size: 60px; }
	.contact-banner-content { padding-right: 20px; }
}
@media (max-width: 1499px) {
	.has-works-media-up::before { top: -40px; right: -70px; }
	.has-works-media-down::before { bottom: -136px; left: -56px; }
}
@media (max-width: 1365px) {
	.work-gallery-title { font-size: 26px; }
	.navbar-light .navbar-nav .nav-link { font-size: 50px; }
	.navbar-nav .sub-nav .nav-link { font-size: 36px; }
	.banner-content h1 { max-width: 820px; font-size: 54px; }
	.textblock-media-contentbox { padding: 80px 100px; }
	.project-detail-item-lg { padding-right: 40px; }
	.project-detail-item-sm { padding-left: 0; }
	.contact-banner-content h1 { font-size: 76px; }
	.has-works-main { padding-right: 60px; }
	.has-works-media { padding-left: 0; }
}

@media (max-width: 1199px) {
	.work-gallery-title { font-size: 24px; }
	body, .vacancies-link, .accordion-button { font-size: 20px; }
	.banner-content h1 { max-width: 720px; font-size: 50px; }
	.contact-banner-content h1 { font-size: 70px; }
	.about-section, .section, .work-detailed-image-full-section, .career-image-full-section, .work-section, .has-works-section, .works-services-section, .how-works-section { padding: 30px 0; }
	.textblock-media-contentbox { padding: 10px 30px; }
	.about-video-full-section { padding: 10px 0 32px; }
	.banner-single-section { margin-bottom: 30px; }
	.vacancies-action { margin-top: 60px; }
	.work-detailed-content-width { margin: 60px 0; }
	.related-projects-section { padding: 30px 0 46px; }
	.project-detail-item-lg, .project-detail-item-sm { width: 50%; }
	.work-single-section, .vacancies-section, .modern-simple-section, .thank-you-section { padding: 30px 0 60px; }
	.work-single-content h1 { font-size: 40px; }
	.contact-banner-content { padding-left: 0; }
	.contact-banner-action { padding-right: 0; }
	.contact-location-section { padding: 60px 0; }
	.has-works-media-down::before { bottom: -84px; left: -135px; }
}

@media (max-width: 991px) {
	.site-header { padding-top: 0; min-height: 112px; }
	.contact-header { min-height: 112px; }
	.navbar.navbar-light { top: 0; padding: 62px 0 16px; }
	.contact-header .navbar.navbar-light { padding: 62px 0 16px; }
	.navbar.navbar-light:before { content: ''; position: absolute; left: 0; top: 50px; z-index: 1; width: 100%; height: 1px; background-color: #E6E6E6; }
	.navbar.navbar-light.nav-up { top: -112px; }
	.navbar.navbar-light.nav-down { top: 0; }
	.home-header .navbar.navbar-light:before, .single-header .navbar.navbar-light:before { background-color: #E6E6E650; }
	.single-header .navbar.navbar-light.nav-down:before { background-color: #E6E6E6; }
	.language { position: absolute; margin-right: 0; top: -60px; right: 0; z-index: 9; min-width: 162px; }
	.navbar-expand-lg .navbar-collapse { padding-top: 50px; }
	.language-open + .navbar-toggler { opacity: 0; }
	.nav-logo { position: relative; margin: 0 0 35px; width: 100%; padding-top: 15px; }
	.nav-logo:before { content: ''; position: absolute; left: -20px; right: -20px; top: 0; border-top: solid 1px #ffffff50; }
	.navbar-expand-lg .navbar-collapse { padding: 50px 20px 20px; }
	.nav-main { width: 100%; }
	.navbar-expand-lg .navbar-collapse.show .navbar-nav { overflow-y: auto; }
	.navbar-nav li { margin: 0; border-bottom: solid 1px #ffffff90; }
	.navbar-light .navbar-nav .nav-link { font-size: 32px; padding: 10px 0; }
	.navbar-light .navbar-nav button.nav-link { position: relative; width: 100%; color: #ffffff !important; }
	.navbar-light .navbar-nav button.nav-link:after { content: ''; position: absolute; right: 8px; top: 18px; z-index: 1; width: 20px; height: 20px; background: url("../images/icon-chevron-down-white.svg") no-repeat center; transition: all 0.4s ease-in-out; }
	.navbar-light .navbar-nav button.nav-link.up:after {  transform: rotate(180deg); }
	.navbar-nav .sub-nav { border-top: solid 1px #ffffff90; padding-left: 0; position: relative; left: auto; top: auto; opacity: 1; visibility: visible; display: none; }
	.navbar-nav .sub-nav.show { display: block; }
	.navbar-nav > li .sub-nav > li { opacity: 1; visibility: visible; transform: none; }
	.navbar-nav .sub-nav li { margin: 0; border-bottom: 0 none; }
	.navbar-nav .sub-nav .nav-link { font-size: 24px; }
	.nav-logo { margin: 6px 15px 30px 0; }
	h1 { font-size: 32px; }
	h2 { font-size: 30px; }
	h3 { font-size: 28px; }
	.section { padding: 25px 0; }
	.sec-header { margin-bottom: 12px; }
	body { font-size: 16px; }
	p { margin-bottom: 16px; }
	.work-gallery { margin: 40px -2px 0; }
	.work-gallery-title { font-size: 20px; }
	.container-fluid { padding: 0 16px; }
	.site-footer { padding: 40px 20px 40px; }
	.footer-logo { margin-bottom: 40px; }
	.nav-footer-menu { gap: 20px; }
	.banner-content h1 { max-width: 620px; font-size: 40px; }
	.contact-banner-content h1 { font-size: 50px; }
	.banner-content h5 { font-size: 20px; }
	.about-section p:last-child { margin-bottom: 0; }
	.textblock-media { min-width: 100%; max-width: 100%; }
	.textblock-media-contentbox { min-width: 100%; max-width: 100%; padding: 40px 0 0; }
	.textblock-media.right { order: 1; padding-left: 0; }
	.textblock-media-contentbox.left { order: 2; }
	.about-video-full-section { padding-bottom: 32px; }
	.project-detail-item-lg { width: 100%; padding-right: 0; margin-bottom: 30px; }
	.project-detail-item-sm { width: 100%; }
	.banner-single-section { margin-bottom: 30px; }
	.vacancies-action { margin-top: 40px; }
	.work-detailed-content-width { margin: 40px 0; }
	.related-projects-grid-item { width: 50%; }
	.work-single-section { padding: 20px 0 40px; }
	.work-single-content h1 { font-size: 32px; }
	.vacancies-link { font-size: 16px; padding: 12px 10px; }
	.vacancies-td:first-child { width: 100%; }
	.vacancies-td { width: auto; }
	.vacancies-comma { display: inline-block; }
	.vacancies-td:last-child { width: auto; position: absolute; right: 10px; top: 50%; z-index: 1; transform: translateY(-50%); }
	.vacancies-title { margin-bottom: 20px; }
	.modern-simple-action { min-width: 100%; max-width: 100%; margin-bottom: 20px; }
	.modern-simple-main { min-width: 100%; max-width: 100%; padding-left: 0; }
	.modern-simple-content p, .modern-simple-content ul { margin-bottom: 30px; }
	.modern-simple-btn-action { margin-top: 30px; margin-bottom: 20px; }
	.modern-simple-content, .thank-you-main { font-size: 16px; }
	.contact-banner-content { width: 100%; padding-right: 0; margin-bottom: 30px; }
	.contact-banner-action { width: 100%; padding-left: 0; padding-right: 0; }
	.contact-location-action { min-height: 90vh; background-image: url(../images/map-ipad.svg); }
	.nav-footer-menu { gap: 10px; }
	.nav-footer-menu li a { font-size: 12px; }
	.nav-footer-menu { margin-top: 5px; }
	.thank-you-main h2 { margin-bottom: 20px; }
	.has-works-media-up::before, .has-works-media-down::before { top: 50%; right: auto; left: 50%; transform: translate(-50%, -50%); }
	.accordion-button::after, .accordion-button:not(.collapsed)::after { width: 16px; height: 16px; background-size: 16px; }
	.accordion-button { font-size: 16px; padding: 18px 0; }
	.accordion-body { padding-bottom: 18px; }
	.has-works-main { padding-right: 0; }
}

@media screen and (max-width: 767px) and (orientation: landscape){
	.landscape-message { display: flex; }
	body section, body header, body footer, body .site { display: none !important; }
}

@media (max-width: 767px) {
	.contact-location-action { min-height: 80vh; }
	.nav-footer { flex-direction: column; align-items: flex-start; justify-content: flex-start; }
	.nav-footer-menu { margin-top: 10px; }
	.site-footer { padding: 40px 0; }
	.banner-content h1 { max-width: 470px; }
	.contact-banner-content h1 { font-size: 40px; }
	.work-single-content h1 { font-size: 28px; }
}

@media (max-width: 575px) {
	a.disable-link { cursor: pointer; pointer-events: inherit; }
	.site-footer .container-fluid { justify-content: flex-start; flex-direction: column; }
	.footer-main { margin-right: 0; margin-bottom: 20px; }
	.footer-contact { margin-left: 0; text-align: left; padding-top: 10px; }
	.footer-logo { margin-bottom: 20px; }
	.footer-title { margin-bottom: 25px; margin-top: 0; }
	.footer-contact .social-link-list { justify-content: flex-start; }
	.site-footer { padding: 40px 0 20px; }
	body.menu-overlay { padding-right: 0; }
	.about-services-set ul li { width: 100%; }
	.modern-image-full img, .work-single-image img { min-height: 260px; }
	.related-projects-grid-item { width: 100%; }
	.work-single-content h1 { font-size: 24px; }
	.contact-location-action { min-height: 70vh; background-image: url(../images/map-mobile.svg); }
	.contact-banner-content h1 { font-size: 36px; }
	.contact-banner-wrap { min-height: 840px; max-height: 840px; }
	.contact-banner-content { margin-bottom: 10px; }
}

@media (max-width: 479px) {
	.contact-location-action { min-height: 420px; }
	.project-detail-tr { align-items: flex-start; flex-direction: column; }
	.project-detail-td.heading { min-width: auto; max-width: none; }
	.work-single-content h1 { font-size: 20px; }
	.contact-banner-card { padding: 20px; }
	.banner-content h1 { font-size: 32px; }
}